* {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
}

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit
}

HTML,
BODY {
  margin: 0;
}

INPUT,
SELECT {
  font-size: 1.2em;
  border: 1px solid #444;
  width: 100%;
}

INPUT[type="checkbox"] {
  display: inline-block !important;
  width: 30px;
}

FORM {
  width: 100%;
}

FIELDSET {
  margin: 10px;
  padding: 5px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid green;
  -webkit-font-size: 1.2em;
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: 0 0 0px 1000px #FFF inset;
  transition: background-color 50s ease-in-out 0s;
}

BODY,
INPUT,
SELECT,
OPTION,
BUTTON {
  font-size: 1.2em;
}

IMG {
  display: block;
}

BODY {
  background: #FFFFFF;
}
BODY>DIV {
margin: 0px 20px;
max-width: 100%;
}

/* INPUT { border: 1px solid #444; border-radius: 3px;} */
SELECT,
INPUT,
INPUT:-webkit-autofill::first-line,
BUTTON,
TEXTAREA,
.button {
  background-color: #FFF;
  box-sizing: border-box;
  font-size: 1.2em;
  padding: 2px;
  margin: 2px;
  color: #000;
  border: 1px solid #444;
  border-radius: 3px;
}

INPUT:active {
  border: 1px solid red;
}

INPUT[readonly],
INPUT[disabled],
SELECT[disabled] {
  background-color: #DDDDDD;
  border: 1px solid #EEEEEE;
}

INPUT:invalid::before {
  background-color: rgba(255, 128, 128, 0.8);
}


SELECT {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%23000' fill-rule='evenodd' class='cls-1' d='M8,0L4.141,6.993,0.012,0.156Z'/%3E%3C/svg%3E%0A");
  background-position: right 13px center;
  padding-right: 30px;
  background-repeat: no-repeat;
  vertical-align: top;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none !important;
}

TABLE {
  background: #FFF;
  border-collapse: collapse;
  border: 1px solid #444;
  width: 100%;
}

TABLE>THEAD {
  position: sticky;
  background: #c4cad6;
}

TABLE>THEAD>TR>TH {
  border-right: 1px solid #444;
  padding: 4px;
  text-align: center;
}

TABLE>TBODY>TR {
  border: 1px solid #444;
}

TABLE>TBODY>TR>TD {
  border-right: 1px dotted #444;
  padding: 4px;
}

TEXTAREA {
  width: 100%;
  max-width: 100%;
}

NAV,
.grid {
  display: grid;
}

A {
  text-decoration: none;
}

A:HOVER {
  text-decoration: underline;
}

A[href]:before {
  display: inline-block;
}

/* 00a0 is a non-breaking space, f1c1 is the pdf symbol */
A[href^="tel:"]:before {
  font-family: FontAwesome;
  content: "\1F4DE";
  background-color: #FFF;
  border: 1px solid #000;
  color: #FFF;
  border-radius: 4px;
  padding: 2px;
}

/* 00a0 is a non-breaking space, f1c1 is the pdf symbol */



.grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
}

.grid.two {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
}

/* .grid.default {grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr;} */
.grid.default {
  grid-template: repeat(4, 1fr) / repeat(4, 1fr);
  grid-auto-flow: row;
}

.red {
  background: DarkSalmon;
}

.green {
  background: PaleGreen;
}

.interTable {
  width: 100%;
}

.interTable TBODY>TR:hover {
  cursor: pointer;
  background: rgba(128, 128, 255, 0.4);
}

.tooltip {
  display: none;
}

NAV {
  background: rgb(236, 236, 236);
  background: linear-gradient(0deg, rgba(236, 236, 236, 1) 0%, rgba(142, 142, 142, 1) 100%);
  grid-template-columns: 4fr 1fr 1fr;
  grid-template-rows: 1fr;
  position: sticky;
  width: 100%;
  top: 0px;
  z-index: 10;
}

NAV>DIV {
  width: 100%;
  text-align: center;
  align-items: center;
  display: flex;
}

NAV>DIV:first-child {
  text-align: left;
}

NAV>DIV:last-child {
  text-align: right;
}

NAV>FORM {
  float: right;
  margin: 6px 6px 0px 0px;
}

NAV>FORM>INPUT {
  border-radius: 10px;
  border: 1px solid #444;
  padding-left: 20px;
}

.default>DIV {
  text-align: center;
  border: 1px dotted #444;
}

.default>DIV>A>IMG {
  margin: 0px auto;
  width: auto
}

FORM.two LABEL {
  float: left;
  width: 40%;
  text-align: right;
  font-size: 1.2em;
  padding: 2px;
}

FORM:not(.ajax) {
  border-left: 4px solid red;
}

FORM:not(.ajax)::before {
  /* content: 'JSON'; */
}

FORM input:read-only {
  border: none;
}

.infopanel {
  border: 1px solid #444;
  background: #DDDDDD;
  width: auto;
  max-width: 100%;
  overflow: auto;
  padding: 3px;
}

/*
.infopanel {width: auto; }
.infopanel .half {width: 45%; }
.infopanel.small {width: 30%; }
.infopanel.big {width: 60%; }
*/
.infopanel TABLE {
  background: white;
}

@keyframes animatezoom {
  from {
    transform: scale(0)
  }

  to {
    transform: scale(1)
  }
}

.animate-zoom {
  animation: animatezoom 0.6s
}

.modal-block {
  margin: auto;
  position: relative;
  padding: 0;
  outline: 0;
  width: 80%;
  overflow: auto;
  border: 1px solid #000;
  border-radius: 10px 10px 10px 10px;
  background: #EEEEEE;
}

.modal-block,
.shadow {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

#modal {
  z-index: 20;
  display: flex;
  overflow: auto;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0, 0.4);
}

label {
  overflow: auto;
  text-align: right;
}

.warning:active,
.warning:hover {
  color: red;
}

/*#modal label span {display: inline-block; float:left; width: 200px; max-width: 50%;} */
#modalContent {
  margin: 0px;
  max-height: 90vh;
  overflow-y: auto;
}

#modalContent LABEL {
  display: block;
  text-align: left;
  font-size: 1em;
}

#modalContent INPUT[type=text] {
  display: block;
}

#modalTitle {
  height: 30px;
  background-color: rgba(0, 0, 0, 0.3);
}

/* #modalContent DIV.full {margin: 10px; width:100% !important; clear:both;} */
/* #modalContent DIV.half {margin: 10px; width:50% !important; float:left;} */
DIV.full,
DIV.half,
DIV.quat {
  margin: 5px;
}

DIV.full {
  width: calc(100% - 20px);
  clear: both;
}

DIV.tq {
  width: calc(75% - 20px);
  clear: both;
}

DIV.half {
  width: calc(50% - 20px);
  float: left;
  text-align: center;
}

DIV.quat {
  width: calc(25% - 20px);
  float: left;
}

DIV.center {
  text-align: center;
}

DIV.right {
  text-align: right;
}

/* #modalContent INPUT.full {width:100%;}
#modalContent LABEL {float: left; }
#modalContent INPUT[type=text], #modalContent SELECT, #modalContent INPUT[type=email], #modalContent TEXTAREA  {float:right;}
#modalContent INPUT[type=text], #modalContent SELECT, #modalContent INPUT[type=email], #modalContent TEXTAREA  {float:right; width: calc(100% - 200px); }
*/
#closeModal {
  display: block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  float: right;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22Z' fill='%231C274C'/%3E%3Cpath d='M8.96967 8.96967C9.26256 8.67678 9.73744 8.67678 10.0303 8.96967L12 10.9394L13.9697 8.96969C14.2626 8.6768 14.7374 8.6768 15.0303 8.96969C15.3232 9.26258 15.3232 9.73746 15.0303 10.0303L13.0607 12L15.0303 13.9697C15.3232 14.2625 15.3232 14.7374 15.0303 15.0303C14.7374 15.3232 14.2625 15.3232 13.9696 15.0303L12 13.0607L10.0304 15.0303C9.73746 15.3232 9.26258 15.3232 8.96969 15.0303C8.6768 14.7374 8.6768 14.2626 8.96969 13.9697L10.9394 12L8.96967 10.0303C8.67678 9.73744 8.67678 9.26256 8.96967 8.96967Z' fill='%231C274C'/%3E%3C/svg%3E");
}

/* #closeModal:before{ content:"✖"; } */
.divinline DIV {
  display: inline-block;
}


.default {
    max-width: 100%;
    padding: 20px;
}

@media screen and (max-width: 800px) {
  #modal {
    padding-top: 3vh;
  }

  .modal-block {
    width: auto;
    max-height: 90vh;
  }

  .grid.default {
    grid-template: repeat(4, 1fr) / repeat(2, 1fr);
    grid-auto-flow: row;
  }

  .grid.two {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

}

@media print {
  * {
    font-size: 10pt;
  }

  BODY {
    padding: 10px;
  }

  NAV,
  INPUT,
  SELECT,
  BUTTON {
    display: none;
  }

  A {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: black;
  }

  .noprint {
    display: none;
  }

  TABLE {
    border-collapse: collapse;
    border: 1px solid #444;
    width: 100%;
    overflow-y: auto;
    height: 100px;
  }

  TABLE>TBODY>TR {
    border: 1px solid #444;
  }

  TABLE>THEAD>TR>TH {
    border-right: 1px solid #444;
    padding: 3px;
  }

  TABLE>TBODY>TR>TD {
    border-right: 1px dotted #444;
    padding: 3px;
  }
}

#searchhelper {
  height: 200px;
  overflow: auto;
  display: block;
  width: 100%;
  background: #FFF;
  border: 1px solid #444;
}

#searchhelper TD {
  margin: 0px;
  padding: 0px;
}

.printicon {
  display: block;
  margin: 0px 30px;
  height: 32px;
  width: 32px;
  background: no-repeat;
  background-size: contain;
  float: left
}

/*.edit:before {content: '😠'      ;k min-height: 20px; min-width: 20px; border: 1px solid #444;}  */
.edit:before {
  content: '\270E';
}

#debug {
  white-space: pre;
  width: 100%;
  transition: height 0.5s ease-in-out;
  position: fixed;
  border: 1px solid red;
  height: 10px;
  overflow: auto;
  background: #eFe;
  bottom: 0px;
  max-height: 90%
}

#debug:hover {
  height: 100%;
}

.hide {
  display: none !important;
}

/* tables */
table.tablesorter {
  margin: 10px 0pt 15px;
  width: 100%;
  text-align: left;
}

table.tablesorter thead tr .header {
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}

table.tablesorter tbody td {
  vertical-align: top;
}

table.tablesorter tbody tr.odd td {
  background-color: #F0F0F6;
}

table.tablesorter thead tr .headerSortUp {
  background-image: url(asc.gif);
}

table.tablesorter thead tr .headerSortDown {
  background-image: url(desc.gif);
}

table.tablesorter thead tr .headerSortDown,
table.tablesorter thead tr .headerSortUp {
  background-color: #8dbdd8;
}

INPUT[type="search"]::-webkit-search-decoration {
  -webkit-appearance: textfield;
}

#sresult {
  width: 90%;
  margin: 0px auto;
  box-sizing: border-box;
  outline: 1px solid blue;
  overflow: auto;
}

#rightmenu {
  border-left: solid orange 10px;
  float: right;
  padding: 15px;
  background: #444444;
  color: #ffffff;
  position: absolute;
  right: 0px;
  z-index: 10;
}

#rightmenu A {
  color: #ffffff;
  text-decoration: none;
}

#searchbar {
  width: 100%;
  top: 0px;
  background: #FEDBCA;
  display: block;
  overflow: auto;
}

#searchform {
  text-align: center;
  margin: 0px 0px;
  padding: 5px 5px;
  background: #365e91 right center no-repeat;
  background-image: url('data:image/png;base64,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');
  background-position: center;
  background-size: 80px 80px;
  width: 95%;
  border-radius: 5px;
  overflow: auto;
}

.authform {
  width: 100%;
  max-width: 400px;
  margin: 0px auto;
}

.authform>FORM {
  padding: 10px;
  text-align: center;
  border-radius: 10px;
}

.authform FORM BUTTON,
.authform FORM INPUT[type="email"],
.authform FORM INPUT[type="text"],
.authform FORM INPUT[type="password"] {
  font-size: 1.2em;
  margin: 10px auto;
  padding: 2%;
  width: 94%;
}

#logs {
  font-size: 0.8em !important
}

TEXTAREA {
  padding: 5px;
}


.CANCELED {
  background: gray;
  display: none
}

.SHIPPED {
  background: hsl(120, 100%, 85%);
}

.ORDERED {
  background-color: #BBFFBB
}

.WAITING_ORDER {
  background: #FF7777;
}

.READY {
  background-color: #EEEEFF;
}

.WARNING {
  background-color: #FFEEEE;
}

.uploadfileform {
  border: 1px solid #555;
  padding: 20px;
  border-radius: 20px;
  margin-top: 10px 0px;
  display: flex;
  gap: 10px;

}

.loading::before {
  content: "Загрузка...";
  display: block;
}

.loading>* {
  display: none;
}


.gallery {
  max-width: 100;
}

.gallery>DIV.preview {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  min-height: 100px;
  position: fixed;
  top: 0px;
  display: none;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.gallery>DIV.thumb {
  max-width: 200px;
  min-height: 100px;
  border: 1px solid #000;
  background-size: contain;
  display: inline-block;
}

.whatsup::before, .telegram::before {
content: "";
width: 20px;
height: 20px;
background-size: cover;
display: inline-block;
}

.whatsup::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Color-' transform='translate(-700.000000, -360.000000)' fill='%2367C15E'%3E%3Cpath d='M723.993033,360 C710.762252,360 700,370.765287 700,383.999801 C700,389.248451 701.692661,394.116025 704.570026,398.066947 L701.579605,406.983798 L710.804449,404.035539 C714.598605,406.546975 719.126434,408 724.006967,408 C737.237748,408 748,397.234315 748,384.000199 C748,370.765685 737.237748,360.000398 724.006967,360.000398 L723.993033,360.000398 L723.993033,360 Z M717.29285,372.190836 C716.827488,371.07628 716.474784,371.034071 715.769774,371.005401 C715.529728,370.991464 715.262214,370.977527 714.96564,370.977527 C714.04845,370.977527 713.089462,371.245514 712.511043,371.838033 C711.806033,372.557577 710.056843,374.23638 710.056843,377.679202 C710.056843,381.122023 712.567571,384.451756 712.905944,384.917648 C713.258648,385.382743 717.800808,392.55031 724.853297,395.471492 C730.368379,397.757149 732.00491,397.545307 733.260074,397.27732 C735.093658,396.882308 737.393002,395.527239 737.971421,393.891043 C738.54984,392.25405 738.54984,390.857171 738.380255,390.560912 C738.211068,390.264652 737.745308,390.095816 737.040298,389.742615 C736.335288,389.389811 732.90737,387.696673 732.25849,387.470894 C731.623543,387.231179 731.017259,387.315995 730.537963,387.99333 C729.860819,388.938653 729.198006,389.89831 728.661785,390.476494 C728.238619,390.928051 727.547144,390.984595 726.969123,390.744481 C726.193254,390.420348 724.021298,389.657798 721.340985,387.273388 C719.267356,385.42535 717.856938,383.125756 717.448104,382.434484 C717.038871,381.729275 717.405907,381.319529 717.729948,380.938852 C718.082653,380.501232 718.421026,380.191036 718.77373,379.781688 C719.126434,379.372738 719.323884,379.160897 719.549599,378.681068 C719.789645,378.215575 719.62006,377.735746 719.450874,377.382942 C719.281687,377.030139 717.871269,373.587317 717.29285,372.190836 Z' id='Whatsapp'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.telegram::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 240 240'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='120' y1='240' x2='120' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%231d93d2'/%3E%3Cstop offset='1' stop-color='%2338b0e3'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ctitle%3ETelegram_logo%3C/title%3E%3Ccircle cx='120' cy='120' r='120' fill='url(%23linear-gradient)'/%3E%3Cpath d='M81.229,128.772l14.237,39.406s1.78,3.687,3.686,3.687,30.255-29.492,30.255-29.492l31.525-60.89L81.737,118.6Z' fill='%23c8daea'/%3E%3Cpath d='M100.106,138.878l-2.733,29.046s-1.144,8.9,7.754,0,17.415-15.763,17.415-15.763' fill='%23a9c6d8'/%3E%3Cpath d='M81.486,130.178,52.2,120.636s-3.5-1.42-2.373-4.64c.232-.664.7-1.229,2.1-2.2,6.489-4.523,120.106-45.36,120.106-45.36s3.208-1.081,5.1-.362a2.766,2.766,0,0,1,1.885,2.055,9.357,9.357,0,0,1,.254,2.585c-.009.752-.1,1.449-.169,2.542-.692,11.165-21.4,94.493-21.4,94.493s-1.239,4.876-5.678,5.043A8.13,8.13,0,0,1,146.1,172.5c-8.711-7.493-38.819-27.727-45.472-32.177a1.27,1.27,0,0,1-.546-.9c-.093-.469.417-1.05.417-1.05s52.426-46.6,53.821-51.492c.108-.379-.3-.566-.848-.4-3.482,1.281-63.844,39.4-70.506,43.607A3.21,3.21,0,0,1,81.486,130.178Z' fill='%23fff'/%3E%3C/svg%3E");
}