:root {
  --panelColour: #336bff;
  --panelColourRGBVals: 51, 107, 255;
  --adminLinkColour: #e98449;
  --columnHeadingColour: #3e8989;
  --editedColourRGB: 15, 113, 115;
  --editedColourLight: rgba(var(--editedColourRGB), 0.5);
  --editedColourDark: rgba(var(--editedColourRGB), 0.8);
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: #f6f8fa;
}
body p,
body input,
body {
  font-family: "Lato", sans-serif !important;
  font-size: 13px;
}
.admin_menu a {
  color: var(--adminLinkColour) !important;
  letter-spacing: 0.2px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Montserrat", serif;
}

input {
  color: black !important;
}
select {
  font-weight: 500;
  font-size: 12px !important;
  text-align: center;
  color: black !important;
}
a:hover {
  text-decoration: none !important;
}
.center {
  -webkit-box-shadow: -5px 0px 5px -7px #000000,
    -50px -50px 50px -50px rgba(0, 0, 0, 0);
  box-shadow: -5px 0px 5px -7px #000000, -50px -50px 50px -50px rgba(0, 0, 0, 0);
  background-color: #ffffff;
  text-align: center;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07),
    0 4px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07),
    0 16px 32px rgba(0, 0, 0, 0.07), 0 32px 64px rgba(0, 0, 0, 0.07);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: max-content;
  min-width: 100vw;
}

table {
  width: 100%;
  float: left;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0 12px;
}

th,
td {
  font-weight: bold;
  text-align: center !important;
  padding: 5px 0px;
}

th {
  color: var(--panelColour);
  text-transform: uppercase;
  padding-bottom: 3vh;
  padding-top: 2vh;
}

td {
  font-size: 13px;
  color: grey;
}

tr {
  border-radius: 30px;
  -webkit-box-shadow: 4px -4px 41px -24px rgba(0, 0, 0, 0.51);
  -moz-box-shadow: 4px -4px 41px -24px rgba(0, 0, 0, 0.51);
  box-shadow: 4px -4px 41px -24px rgba(0, 0, 0, 0.51);
}
tbody tr:nth-child(even) {
  background: rgba(0, 0, 0, 0.1);
  /*border-top: 5px solid white;*/
  /*border-bottom: 5px solid white;*/
}
tbody tr:nth-child(odd) {
  /*border-top:5px solid white;*/
  /*border-bottom:5px solid white;*/
}
tbody tr td {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
tbody tr:hover {
  /*-webkit-filter: opacity(0.5);*/
  /*filter: opacity(0.5);*/
  background: #999;
}
tbody tr:hover td {
  color: white;
}
tbody tr {
  transition: background-color 0.4s ease;
}
#edit {
  color: var(--panelColour);
  cursor: pointer;
}

.actionbox {
  display: none;
  position: fixed !important;
  padding: 2%;
  background-color: var(--panelColour);
  z-index: 10;
  position: absolute;
  width: 30%;
  height: 80%;
  /* margin-top: 2%; */
  /* margin-right: 66%; */
  border-radius: 20px;
  text-align: center;
  -webkit-box-shadow: 4px -4px 41px -24px rgba(0, 0, 0, 0.51);
  -moz-box-shadow: 4px -4px 41px -24px rgba(0, 0, 0, 0.51);
  box-shadow: 4px -4px 41px -24px rgba(0, 0, 0, 0.51);
}

.boxheader {
  width: 100%;
  text-align: left;
  float: left;
}
.boxheader i {
  font-size: 34px;
  color: white;
  vertical-align: middle;
  cursor: pointer;
}
.boxheader span {
  color: white !important;
  text-align: center;
  vertical-align: middle;
}

.actionbox .left {
  width: 50%;
  float: left;
}
.actionbox .right {
  width: 50%;
  float: left;
}
.actionbox span {
  color: white;
  text-transform: uppercase;
  font-weight: bold;
}

.actionbox input,
.actionbox button,
.actionbox select {
  text-align: center;
  outline: none;
  padding: 2% 1%;
  border-radius: 10px;
  width: 90%;
  border: 2px solid white;
  margin-top: 5px;
  margin-bottom: 10px;
}

#buttonyes {
  padding: 10px;
  color: #fff;
  font-weight: bold;
  border: none;
  background-color: lime;
  cursor: pointer;
}

#buttonclose {
  padding: 10px;
  color: #fff;
  font-weight: bold;
  border: none;
  background-color: var(--panelColour);
  cursor: pointer;
}

#buttonno {
  padding: 10px;
  color: #fff;
  background: transparent;
  font-weight: bold;
  background-color: red;
  border: none;
  cursor: pointer;
}

#buttonmove {
  padding: 10px;
  color: #fff;
  background: transparent;
  font-weight: bold;
  background-color: purple;
  border: none;
  cursor: pointer;
}

.statusy {
  border-radius: 18px;
  color: white;
  display: block;
  margin: 2px 20px;
}
#w-trakcie {
  background-color: #cccc00;
}
#zwrot {
  background-color: purple;
}
#dostarczone {
  background-color: lime;
}
#problem {
  background-color: red;
}
#sprzedane {
  background-color: var(--panelColour);
}
#pobranie {
  background-color: coral;
}

/* ::-webkit-scrollbar {
	display: none;
} */

.add-button {
  text-align: center;
  display: flex;
  align-items: center;
}

.add-button button {
  text-align: center;
  cursor: pointer;
}

/* login */

.login-form label {
  font-weight: bold;
  text-transform: uppercase;
  color: black;
  font-size: 1.3em;
  padding-bottom: 2vh;
}
.login-form label:not(:first-child) {
  padding-top: 6vh;
}

.login-form .data {
  border: none;
  border-bottom: 2px solid #ccc;
  padding: 1.5%;
  outline: none;
  border-radius: 0px;
  text-align: center;
  font-size: 1.2em;
  width: 100%;
  transition: border-bottom-color ease 0.4s;
}
.login-form .data:focus {
  border-bottom-color: var(--panelColour);
}
.login-form .login {
  border: 2px solid var(--panelColour);
  padding: 0.6vh 2.5vw;
  outline: none;
  border-radius: 3px;
  color: black;
  font-weight: bold;
  font-size: 1.4em;
  font-weight: 700;
  font-size: 1.4em;
  margin-top: 5vh;
}

/* login */
#blank_clicker,
#table-heading-space,
#placeholder_clicker {
  margin: 0;
  padding: 0;
  border: 0;
  width: 0px !important;
  height: 0px;
  position: relative;
}

#table-heading-space {
  padding-bottom: 2vh;
}
.admin_bar {
  background: var(--panelColour);
  min-width: 100vw;
  width: max-content;
  position: fixed;
  z-index: 200;
  box-sizing: border-box;
}
.admin_bar > * {
  padding-left: 1vw;
  padding-right: 1vw;
}
.admin_menu {
  width: max-content;
  background: white;
  padding: 0 2vw;
  margin-top: 1vh;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-right: auto;
  margin-left: 1vw;
  border-radius: 6px;
  margin-bottom: 2vh;
}
.admin_menu {
  font-size: 1.1em;
  font-weight: 600;
  letter-spacing: 0.3px;
}
.admin_menu a {
  cursor: pointer;
  text-decoration: none;
}
.hello_panel {
  font-size: 1.2em;
  font-weight: 900;
  letter-spacing: 1px;
  margin-right: 10px !important;
}
.admin_menu > * {
  margin: 1vh 1vw;
}
.sheet_menu {
  box-sizing: border-box;
  display: flex;
}

.menu {
  flex: 80% 1 1;
  display: flex;
  justify-content: center;
}

.menu h4 {
  text-align: left;
  color: var(--panelColour);
}

.menu a {
  border: 2px solid var(--panelColour);
  border-bottom: none !important;
  padding: 10px 25px;
  /*padding-bottom:0px!important;*/
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  border-radius: 2px;
  font-size: 1.2em;
}

.a-selected {
  border: 2px solid #fff !important;
  border-bottom: none;
  padding: 10px;
  border-radius: 0px;
  background-color: #fff;
  font-weight: bold;
  color: #56666b !important;
}

.menu a:hover {
  border: 2px solid #fff;
  color: #fff;
  transition: border 0.5s ease-out;
}
.menu .a-selected:hover {
  border: 2px solid #fff;
  border-bottom: none;
}

.menu a i {
  font-size: 32px;
  font-weight: normal;
  vertical-align: middle;
  margin-right: 10px;
}
.welcome {
  text-align: center;
  font-size: 24px;
  padding-top: 6vh;
}

.currently-edited {
  background: var(--editedColourLight) !important;
}
.currently-edited:nth-child(odd) {
  background: var(--editedColourDark) !important;
}
.currently-edited p {
  color: white !important;
}
.currently-edited p input[type="date"],
.currently-edited p input[type="datetime"] {
  color: rgb(128, 128, 128) !important;
}
.currently-edited .fas {
  color: white;
}

#register-form,
#show_registered_users {
  padding-top: 5vh;
  padding-bottom: 5vh;
  width: 70vw;
  margin-left: 15vw;
  /*transform: translateX(-50%);*/
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07),
    0 4px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07),
    0 16px 32px rgba(0, 0, 0, 0.07), 0 32px 64px rgba(0, 0, 0, 0.07);
  position: absolute;
  top: 10%;
  display: none;
}
#register-form h3 {
  font-size: 3em;
  padding-top: 0;
}
.form_container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 60vw;
  margin-left: 50%;
  transform: translateX(-50%);
}
.form_container > * {
  flex-basis: 35%;
  margin: 1vw;
  border: 1px solid black;
  background: none;
  border-radius: 1px;
  padding: 1vh 2vw;
  color: black;
  font-weight: 800;
  letter-spacing: 0.25px;
  font-size: 1.2em;
}
.form_container > *::placeholder,
.form_container select {
  color: black;
  font-weight: 300;
  letter-spacing: 0.25px;
}
.form_container select {
  font-weight: 800;
}
.form_container button {
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1.2em;
  flex-basis: 100%;
  margin-left: 30%;
  margin-right: 30%;
  margin-top: 10vh;
}
.close-icon {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  right: 10%;
  cursor: pointer;
}
.close-icon i {
  font-size: 2.4em;
}
#user_admin {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  width: 70%;
  padding: 6vh 10vw;
  margin-left: auto;
  margin-right: auto;
}
#user_admin button {
  flex-basis: 40%;
  margin: 3vh 2.5%;
  background: none;
  border-radius: 1px;
  border: 2px solid black;
  box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 6px 0;
  padding: 1vh 2vw;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.5px;
  width: 40%;
  box-sizing: border-box;
  flex-shrink: 1;
}
#user_admin h3 {
  width: 60%;
  font-size: 3em;
  flex-basis: 60%;
  text-align: center;
}

.bez_sprzedazy {
  background: red;
}

.sorting-heading {
  cursor: pointer;
}

.sorting-heading:after {
  cursor: pointer;
  font-family: "Font Awesome 5 Free" !important;
  /*content: attr(data-arrow);*/
  /*content: '\f0de';*/
  content: "\f0dd";
  position: absolute;
  padding-left: 5px;
}
.sorting-heading.desc:after {
  content: "\f0de" !important;
  padding-top: 5px;
}
#duplicate {
  cursor: pointer;
}
.platnosci {
  border-radius: 18px;
  margin: 2px 20px;
  display: block;
  padding-left: 8px;
  padding-right: 8px;
}
.platnosc {
  background-color: #3e8989;
  color: white !important;
}
.zapobraniem,
.old,
.sprzedane,
.wtrakcie {
  background-color: var(--panelColour);
  color: white !important;
}
.oczekujace,
.fv,
.dostawa {
  background-color: #ffc71f;
  color: white !important;
}
.fv option,
.old option,
.marza option,
.dostarczone option,
.wtrakcie option,
.sprzedane option,
.zapłacone option,
.zaplacone option,
.zapobraniem option,
.oczekujace option,
.oczekujące option,
.problem option,
.wyslane option,
.poszukiwane option,
.dostawa option,
.platnosc option {
  background: white;
  color: black;
}
.zaplacone,
.marza,
.dostarczone,
.wyslane {
  background-color: lime;
  color: white !important;
}
.problem {
  background-color: red;
  color: white !important;
}
.poszukiwane {
  background-color: orange;
  color: white !important;
}
.hints {
  display: flex;
  flex-direction: column;
  width: 50vw;
  padding: 2vh 5vw 5vh 5vw;
  margin-left: auto;
  margin-right: auto;
  box-shadow: rgba(0, 0, 0, 0.3) 6px 6px 10px 0px;
}
.user_data {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.user_data * {
  flex: 1 1 23%;
  margin-left: 2%;
  margin-left: 2%;
  text-align: center;
  cursor: pointer;
}
.user_data i {
  color: var(--panelColour);
}
select {
  border: 2px solid #222;
  border-radius: 20px;
  padding: 2% 10%;
  min-width: 100px;
  font-weight: 700;
  letter-spacing: 1px;
  /* font-variant: small-caps; */
  text-transform: lowercase;
  min-height: 22px;
  box-sizing: content-box;
}

.table-heading {
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.51);
  align-items: center;
  padding-top: 1vh;
  padding-bottom: 2vh;
  background: white !important;
  position: fixed;
  z-index: 100;
}
.table-heading > p {
  color: var(--columnHeadingColour);
  font-weight: 800;
  font-size: 1em;
  letter-spacing: 1px;
  margin-block-start: 1em;
}

.table-content > p {
  /*border-right: 2px solid rgba(51,107,255, 0.5);*/
}
.table-heading p:last-child,
.table-content p:last-child {
  border-right: none !important;
}
.table-content {
  display: grid;
  width: max-content;
}
.table-content p {
  font-size: 13px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 600;
  margin: 0;
  color: rgb(128, 128, 128);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.table-content > div:nth-child(odd) {
  background: rgba(0, 0, 0, 0.1);
}
input[type="date"] {
  text-align: center;
  margin-top: 8px;
  margin-bottom: 8px;
  border-radius: 20px;
  padding-top: 0.5vh;
  padding-bottom: 0.5vh;
}
.row,
.table-heading {
  display: grid !important;
  grid-template-rows: 1fr;
  /*grid-template-columns: 30px repeat(12, minmax(120px, 200px));*/
  width: max-content;
  min-width: 100vw;
  padding-left: 1vw;
  padding-right: 1vw;
  text-align: center;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.row p:nth-child(odd),
.table-heading p:nth-child(odd) {
  /*background:rgba(0,0,0,0.1);*/
}
.checkbox {
  position: absolute;
}

select {
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
}
select:focus-visible,
input:focus-visible {
  outline: none !important;
}
.toolbar {
  flex: 20% 1 1;
  margin: 0 3vw 0;
  padding: 1vh 0 2vh;
  text-align: left;
  display: flex;
  justify-content: center;
}
.toolbar > * {
  margin-left: 15px;
  margin-right: 15px;
  transition: 0.5s all ease;
}
.toolbar > *:hover {
  /*color:var(--panelColour)!important;*/
  /*transition:0.4s all ease;*/
}
.toolbarDiv {
  position: relative;
}
.toolbarDiv > span {
  position: absolute;
  right: 0px;
  top: -40px;
  width: max-content;
  padding: 5px 15px;
  background: white;
  border-radius: 4px;
  box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: ease all 0.5s;
  visibility: hidden;
  content: attr(data-tooltip);
}
.toolbarDiv:hover > span {
  content: attr(data-tooltip);
  opacity: 1;
  visibility: visible;
  right: 40px;
  transition: ease all 0.5s;
}

/* .toolbar > *:hover span:after {
  content: attr(data-tooltip);
  width: max-content;
  height: max-content;
  padding: 4px 8px;
  color: black;
  background: white;
  position: absolute;
  bottom: 150%;
  right: 20%;
  box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.1);
}
.toolbar span {
  position: relative;
} */
.toolbar i {
  font-size: 1.5em;
  cursor: pointer;
  color: white !important;
}
.fabutton {
  background: none;
  padding: 0px;
  border: none;
  height: 100%;
}

.settings_box {
  display: none;
  position: fixed;
  width: 80vw;
  height: 80vh;
  margin: 10vh 10vw;
  padding: 5vh 5vw;
  box-sizing: border-box;
  box-shadow: 6px 6px 24px 0px #777;
  z-index: 300;
  background: white;
}
.setting_opener {
  cursor: pointer;
  margin-left: 0;
}
.button {
  background: none;
  font-weight: 600;
  padding: 0.5vh 1vw;
  border: 2px solid black;
  cursor: pointer;
}
.inline-edit {
  position: absolute;
  left: 5px;
  color: black;
  font-size: 1.2em;
  cursor: pointer;
}
.checkbox_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.save_changes {
  background: white;
  border: 2px solid black;
  letter-spacing: 1.5px;
  font-weight: 700;
  font-size: 1.2em;
  border-radius: 1px;
  color: black;
  padding: 1vh 2vw;
  cursor: pointer;
  box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.3);
  margin-bottom: 5vh;
  margin-top: 2vh;
  z-index: 400;
}
#editBox {
  /*display:none;*/
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fefefe;
  z-index: 100000;
  height: 100%;
  width: 100%;
  overflow: hidden !important;
}
.preloader .status {
  width: 300px;
  height: 300px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url("https://sneakersjoint.com/wp-content/uploads/2021/09/ezgif.com-gif-maker.gif");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  margin: -150px 0 0 -150px !important;
}

#moveBox,
#documentBox,
#fakturaBox {
  width: 70vw;
  height: 70vh;
  background: white;
  position: fixed;
  margin-left: 15vw;
  margin-top: 15vh;
  z-index: 1000000;
  box-sizing: border-box;
  padding: 1vw;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07),
    0 4px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07),
    0 16px 32px rgba(0, 0, 0, 0.07), 0 32px 64px rgba(0, 0, 0, 0.07);
  display: none;
}
#moveBox .inside,
#documentBox .inside {
  border-right: none;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  padding: 2vh 2vw;
  overflow: scroll;
}
*::-webkit-scrollbar,
body::-webkit-scrollbar,
#documentBox .inside::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 10px;
}

/* Track */
*::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
#documentBox .inside::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
*::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb:vertical,
#documentBox .inside::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb:vertical {
  background: rgba(15, 113, 115, 1) !important;
}

body::-webkit-scrollbar-thumb:horizontal {
  background: #cdcdcd;
}
.inside h3 {
  font-size: 2.2em;
  font-weight: 700;
  letter-spacing: 1.5px;
}
.inside .close-icon {
  font-size: 2em;
}
.inside select {
  padding: 1vh;
  border-radius: 2px;
  border: 2px solid black;
  box-shadow: none;
  margin: 10px;
}
.inside input {
  margin: 10px;
}
.inside input[type="text"] {
  width: 80%;
  min-height: 50px;
  height: max-content;
  box-sizing: border-box;
}
.inside input[type="number"] {
  width: 80%;
  padding: 0.5vh 1vw;
  box-sizing: border-box;
}
.inside input::placeholder {
  text-align: center;
  letter-spacing: 1px;
  color: #333;
  font-size: 1.1em;
}
.inside .selects {
  display: flex;
  justify-content: center;
}
.inside .selects p {
  display: flex;
  flex-direction: column;
  flex-basis: 50%;
}
.inside h4 {
  letter-spacing: 1px;
  line-height: 1.3em;
}
.inside .radios {
  display: flex;
  justify-content: center;
}
.inside .button {
  padding: 1vh 2vw;
  letter-spacing: 0.4px;
  font-size: 1.1em;
  margin: 2vh auto;
  cursor: pointer;
}

form.content > div {
  padding: 3vh 3vw;

  background: #ccc;
  border-radius: 20px;

  box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.3);

  margin-top: 5vh;
}
form.content .row {
  border-bottom: 1px solid #ddd;
}
form.content .row:last-child {
  border-bottom: none;
}

#tables,
#tables_ {
  width: 25%;
  height: 35px;
  margin-bottom: 5vh;
}
.hiddenForm {
  display: none;
}

.loginHelperLogin {
  padding-right: 25px;
}
.loginHelperBox {
  margin-top: 0vh !important;
}
.loginHelperRow {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.center_inside {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.box {
  text-align: center;
  margin: 5%;
  padding: 5%;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07),
    0 4px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07),
    0 16px 32px rgba(0, 0, 0, 0.07), 0 32px 64px rgba(0, 0, 0, 0.07);
  min-width: 500px !important;
  max-width: 800px;
  box-sizing: content-box;
}

.inline {
  display: inline-block;
}

.btn-group-vertical > .btn-group:after,
.btn-group-vertical > .btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
  display: none !important;
}

/*.modal-open .modal {*/
/*	overflow-x: hidden;*/
/*	overflow-y: auto;*/
/*}*/
/*.fade.in {*/
/*	opacity: 1;*/
/*}*/
/*.modal {*/
/*	position: fixed;*/
/*	top: 0;*/
/*	right: 0;*/
/*	bottom: 0;*/
/*	left: 0;*/
/*	z-index: 1050;*/
/*	display: none;*/
/*	overflow: hidden;*/
/*	-webkit-overflow-scrolling: touch;*/
/*	outline: 0;*/
/*}*/
/*.fade {*/
/*	opacity: 0;*/
/*	-webkit-transition: opacity .15s linear;*/
/*	-o-transition: opacity .15s linear;*/
/*	transition: opacity .15s linear;*/
/*}*/
/*.modal.in .modal-dialog {*/
/*	-webkit-transform: translate(0,0);*/
/*	-ms-transform: translate(0,0);*/
/*	-o-transform: translate(0,0);*/
/*	transform: translate(0,0);*/
/*}*/
/*.modal.fade .modal-dialog {*/
/*	-webkit-transform: translate(0,-25%);*/
/*	-ms-transform: translate(0,-25%);*/
/*	-o-transform: translate(0,-25%);*/
/*	transform: translate(0,-25%);*/
/*	-webkit-transition: -webkit-transform .3s ease-out;*/
/*	-o-transition: -o-transform .3s ease-out;*/
/*	transition: -webkit-transform .3s ease-out;*/
/*	transition: transform .3s ease-out;*/
/*	transition: transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out;*/
/*}*/

/*.modal-content {*/
/*	position: relative;*/
/*	background-color: #fff;*/
/*	background-clip: padding-box;*/
/*	border: 1px solid #999;*/
/*	border: 1px solid rgba(0,0,0,.2);*/
/*	border-radius: 6px;*/
/*	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);*/
/*	box-shadow: 0 3px 9px rgba(0,0,0,0.5);*/
/*	outline: 0;*/
/*}*/

/*.modal-dialog {*/
/*	position: relative;*/
/*	width: auto;*/
/*	margin: 10px;*/
/*}*/

/*.modal-header {*/
/*	padding: 15px;*/
/*	border-bottom: 1px solid #e5e5e5;*/
/*}*/

/*.modal-body {*/
/*	 position: relative;*/
/*	 padding: 15px;*/
/*}*/

/*.modal-title {*/
/*	 margin: 0;*/
/*	 line-height: 1.42857143;*/
/*}*/

/*.modal-header .close {*/
/*	margin-top: -2px;*/
/*}*/

/*button.close {*/
/*	padding: 0;*/
/*	cursor: pointer;*/
/*	background: 0 0;*/
/*	border: 0;*/
/*	-webkit-appearance: none;*/
/*	-moz-appearance: none;*/
/*	appearance: none;*/
/*}*/

/*.close {*/
/*	float: right;*/
/*	font-size: 21px;*/
/*	font-weight: 700;*/
/*	line-height: 1;*/
/*	color: #000;*/
/*	text-shadow: 0 1px 0 #fff;*/
/*	filter: alpha(opacity=20);*/
/*	opacity: .2;*/
/*}*/

/*@media only screen and (min-width: 992px){*/

/*	.modal-lg {*/
/*		width: 900px;*/
/*	}*/

/*}*/

/*@media only screen and (min-width: 768px) {*/

/*	.modal-dialog {*/
/*		width: 600px;*/
/*		margin: 30px auto;*/
/*	}*/

/*	.modal-content {*/
/*		-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);*/
/*		box-shadow: 0 5px 15px rgba(0,0,0,0.5);*/
/*	}*/

/*}*/

.commands {
  width: 100vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow-x: hidden;
  padding-top: 8vh;
}

#komendy,
#sqlFormDiv {
  width: 55vw;
  box-shadow: 4px 4px 16px 3px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding-top: 3vh;
  padding-bottom: 3vh;
}

#sqlFormDiv {
}

#komendy {
  margin-top: 8vh;
  margin-bottom: 8vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#komendy h5 {
  font-size: 1.3em;
  font-weight: 800;
}

#sqlForm {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#sqlForm > div {
  width: 50%;
}

#sqlForm label {
  display: block;
  text-align: center;
  font-weight: 1.6em;
  letter-spacing: 0.5px;
  padding-bottom: 1vh;
  padding-top: 2vh;
  color: black;
  width: 100%;
}

#sqlForm input {
  border: none;
  border-bottom: 2px solid black;
  border-radius: 0px;
  width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 1.1em;
}

#sqlForm input::placeholder {
  text-align: center;
  color: #ccc;
}

#sqlForm i {
  cursor: pointer;
}

.privMethodsIndividualNameLabel {
  padding-top: 6vh !important;
}

#sqlButton {
  margin-top: 5vh;
  font-variant: small-caps;
  text-transform: lowercase;
  font-weight: 700 !important;
  letter-spacing: 1px;
  padding: 0.5vh 1.5vw;
  font-size: 1.2em;
}

.tableHeadings,
.tableContents {
  display: grid;
  grid-template-columns: 1.5fr repeat(3, 1fr) repeat(2, 0.7fr);
  justify-content: space-around;
  align-items: center;
  font-size: 1.2em;
  font-weight: 600;
  text-align: center;
  gap: 6px 10px;
  margin-bottom: 10px;
}
.tableHeadings {
  color: var(--panelColour);
  font-family: "Montserrat";
  padding-bottom: 2vh;
}
.tableContents div {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
}
#userEditForm > div {
  width: 1250px;
}
#userEditForm input {
  border: none;
  border-bottom: 2px solid #aaa;
  text-align: center;
  width: 100%;
  transition: all ease 0.5s;
}
#userEditForm .tableContents.newUser input:not(:placeholder-shown) {
  border-bottom-color: rgba(var(--panelColourRGBVals), 0.65);
}
#userEditForm input:focus {
  border-bottom-color: var(--panelColour);
}
#userEditForm input:focus {
  border-bottom-color: var(--panelColour);
}
.userEdits button {
  width: 100%;
  background: none;
  border: black 2px solid;
  border-radius: 2px;
  margin-left: 3px;
  margin-right: 3px;
  transition: all ease 0.5s;
}
.userEdits button:hover {
  background: #444;
  color: white;
  border-color: #444;
}
#userEditForm select {
  cursor: pointer;
  padding: 1% 10%;
  margin-top: -3%;
}
#userEditForm input::placeholder {
  color: #888;
  letter-spacing: 1px;
}

button.close {
  background: none;
  border: none;
  color: black;
  font-size: 2em;
}
.modal-header {
  justify-content: center !important;
  padding: 1rem !important;
}

#podsumowanieMagazynu {
  padding-top: 10vh;
}

#podsumowanieMagazynu h2 {
  padding-bottom: 1vh;
  letter-spacing: 1px;
  color: black;
}

#podsumowanieMagazynu h5 {
  font-size: 1.1em;
  color: #333;
}

#reportWrapper {
  padding: 10% 10vh;
}
#reportWrapper h5 {
  padding: 2vh 0;
}
.icons {
  position: relative;
}
.icons-data,
.technical_column {
  display: inline-flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.nolink {
  color: #56666b !important;
}
.uploadIconTooltip {
  position: absolute;
  left: 0px;
  width: max-content;
  padding: 5px 15px;
  background: white;
  border-radius: 4px;
  box-shadow: 6px 6px 12px 0px rgb(0 0 0 / 10%);
  opacity: 0;
  transition: ease all 0.5s;
  visibility: hidden;
}
.uploadIcon:hover .uploadIconTooltip {
  opacity: 1;
  visibility: visible;
  left: 40px;
  transition: ease all 0.5s;
}

/* ///////////////////////////////////////////////////////////////////////////////////////////// MEDIA ///////////////////////////////////////////////////////////////////////////////////////////// */

@media only screen and (max-height: 600px) {
  .login-form label:not(:first-child) {
    padding-top: 10vh;
  }
}
@media only screen and (max-width: 1700px) {
  .box.login-form {
    margin-top: 10%;
  }
}
@media only screen and (max-width: 1300px) {
  .box.login-form {
    margin-top: 15%;
  }
}
@media only screen and (max-width: 900px) {
  .box.login-form {
  }
}
@media only screen and (max-width: 600px) {
  .box.login-form {
    min-width: auto !important;
    width: 80%;
  }
}

.center_inside {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.box {
  text-align: center;
  margin: 5%;
  padding: 5%;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07),
    0 4px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07),
    0 16px 32px rgba(0, 0, 0, 0.07), 0 32px 64px rgba(0, 0, 0, 0.07);
  min-width: 500px !important;
  max-width: 800px;
  box-sizing: content-box;
}
.data {
  border: none;
  border-bottom: 2px solid #ccc;
  outline: none;
  border-radius: 0px;
  text-align: center;
  width: 100%;
  transition: border-bottom-color ease 0.4s;
}
.datalabel {
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  color: black;
  padding-bottom: 1vh;
}
.datalabel:not(:first-child) {
  padding-top: 6vh;
}

.data:focus {
  border-bottom-color: var(--panelColour);
}
.data:not(:placeholder-shown) {
  border-bottom-color: rgba(var(--panelColourRGBVals), 0.65);
}
.data.button {
  margin-top: 6vh;
  text-transform: lowercase;
  font-variant: small-caps;
  font-weight: 900;
  font-size: 1.2em;
  color: black;
  transition: all 0.6s ease;
  min-width: 25%;
  background: white;
  border: 2px solid black;
  border-radius: 0px;
  width: 50%;
  max-width: 200px;
}
.data.button:hover {
  background: #333;
  color: #ddd !important;
}