/*********************************** Common **********************************/
@font-face {
  font-family: "ProximaNovaRegular";
  src: url("../fonts/ProximaNova-Regular.eot");
  src: local("Proxima Nova Regular"), local("ProximaNova-Regular"), url("../fonts/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Regular.woff") format("woff"), url("../fonts/ProximaNova-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ProximaNovaSemibold";
  src: url("../fonts/ProximaNova-Semibold.eot");
  src: local("Proxima Nova Semibold"), local("ProximaNova-Semibold"), url("../fonts/ProximaNova-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Semibold.woff") format("woff"), url("../fonts/ProximaNova-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

body {font-family: "ProximaNovaRegular";}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td, input:not([type='checkbox']), button, select, textarea
{margin: 0;  padding: 0;  border: 0;  outline: 0;  background: transparent; -moz-box-sizing: border-box; box-sizing: border-box; font-size:14px; font-family: "ProximaNovaRegular";}

ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;}
input:not([type='checkbox']), button, select, textarea {-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: var(--radius-02);}
input:-webkit-autofill, input:-webkit-autofill:focus {transition: background-color 600000s 0s, color 600000s 0s;}
button {cursor: pointer;}

/******************************************************/
:root {
  --default-font-family: "ProximaNovaRegular";
  /****************colors********************************/
  --color-active0: #F9B51C; /*#a0db66*/;
  --color-active0-l: #FFD16C;
  --color-active1:  #2E4CA3; /*#344154*/ ; 
  --color-active2:  #092772; /*#7929b7 #8CC63F*/; 
  --color-grid0: #344154;
  --color-grid1: #4C5D70;
  --color-grid2: #687582;
  --color-grid3: #7A8791;
  --color-warning0: #D25A50;
  --color-warning1: #f00;
  --color-back-warning0: #ffc;
  --color-back-warning2: #ffe;
  --color-error0: #D25A50;
  --color-error1: #f00;
  --color-back-grid0: #cccccf;
  --color-back-grid1: #e2e2e9;
  --color-back-grid2: #f1f1f6;
  --color-back-grid3: #f6f6fa;
  --color-text-on-grey: #263b4c;
  --color-error-icon: #f75b4e;
  --color-back-chat: rgba(220,240,255,.8);
  /****************radius*******************************/
  --radius-01: 1em;
  --radius-02: .5em;
  --radius-03: .35em;

  --wait-size: 25px;
  --wait-color1: #ccc;
  --wait-color2: #ddd;
  --wait-duration: .5s;
  --transition: all ease .75s;
  --ico-but-clear: url(/ib/css/images/icons/delete.svg);
  --ico-but-export: url(/ib/css/images/icons/download.svg);

  --green01: #c4d595;
  --green02: #d8e5a8;
  --green03: #e5eccf;
  --rose01: #e7c5c5;
  --rose02: #f2d1cf;
  --rose03: #f6e2e1;
  --yellow01: #f8ebb6;
  --yellow02: #fcf1d0;
  --yellow03: #faf7e3;
  --fiol01: #cbb3d6;
  --fiol02: #dcc6e5;
  --fiol03: #ede4ee;
  --blue01: #bec7e7;
  --blue02: #d3d9ef;
  --blue03: #e3e5f4;
}

/************form*******************/

input:not([type='checkbox']), select, textarea, button, label {padding: 0.5em 1.2em; border-radius: var(--radius-02);} 
input:not([type='checkbox']), select, textarea, button:not([class='LinkButton']) {border:2px solid white; color: var(--color-grid2); background: white;}

.OptionBox input,
input.SelectInput,
select {display:inline-block;
  background-repeat: no-repeat;
  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-position: right 15px top .8em, right 10px top .8em;
  background-size: 5px 5px, 5px 5px;
  padding-right:2em !important;
  max-width:400px; 
  cursor:default;
  -webkit-user-select: none;
  user-select: none;
}

/************login*************/

.cntAuth {height:100vh;}
.cntAuth form, 
.cntAuth form * {box-sizing:border-box;}
.cntLogin {display:flex; background: radial-gradient(circle at bottom, var(--color-active2), var(--color-active1)); justify-content: center; align-items: center; height: 100%; width: 100%; /*padding:4vmin;*/}
.cntLogin .AForm {display:none;}
.cntLogin[show="true"] .AForm {display:block;}
.cntLogin .AFormAuth {padding:1.6em; background: white; border-radius: var(--radius-01); min-width:auto; max-width:400px; max-height:100vh; overflow-y: auto;}

.QLenta .ABtn.ABtnSecondary {transition:all ease .6s; white-space: normal !important;}
.QLenta .ABtn.ABtnSecondary:hover {background:var(--color-active0); color:var(--color-grid0);}

.AFormAuth::-webkit-scrollbar {width: 8px}
.AFormAuth::-webkit-scrollbar-track {
  background: var(--color-active0);   
}
.AFormAuth::-webkit-scrollbar-thumb {
  background-color: var(--color-active1);    
  border-radius: 20px;       
}


.cntLogin .AFormAuth label {padding:0.3em 0;}
.cntLogin .AFormGroup {position: relative; display: flex; flex-direction: column; margin-bottom: 0.5em; margin-top: 0.5em;}

.cntLogin input {border-radius: 0; border-bottom: 2px solid var(--color-back-grid3); font-size: 1.6em; padding: 1em 0 0.3em 0;}
/*
.cntLogin .AFormHeader i {display: inline-block; width: 72px; height: 48px; background-image: url(/ib/css/images/icons/logo.svg); background-repeat: no-repeat; background-size: contain;}
*/
.cntLogin .AFormHeader i {display: inline-block; width: 180px; height: 60px; background-image: url(/ib/css/images/icons/logo-lenta2.svg); background-repeat: no-repeat; background-size: contain;}
.cntLogin h3 {margin-top: 0.5em; font-size: 1.4em; text-align:center; font-weight:normal; color: var(--color-active2);}
.cntLogin .AFormHeader {text-align:center;}

.cntLogin .AFormInput[type=password] {letter-spacing: 0.3em;}
.cntLogin .AFormInput::placeholder {color: var(--color-back-grid0); font-size: 1.6em;}
.cntLogin .AFormInput:focus, 
.cntLogin .AFormInput:active {outline: none;}
.cntLogin .AFormInput:focus ~ label, 
.cntLogin .AFormInput:valid ~ label, 
.cntLogin .AFormInput:-webkit-autofill ~ label {font-size: 1em; color: var(--color-grid3);top: 0;}
.cntLogin .AFormLabel {position: absolute; pointer-events: none; top: 1em; font-size: 1.35em; bottom: 0; left: 0; right: 0; color: var(--color-back-grid0); transition: var(--transition-label) ease all;}
.cntLogin input:-webkit-autofill, 
.cntLogin input:-webkit-autofill:focus {font-size:1.6em !important;}

.cntLogin .AFormGroupInvalid .AFormInput {border-bottom: 2px solid var(--color-error1); color: var(--color-error1);}
.cntLogin .AFormGroupInvalid .AFormInput:focus, .AFormGroupInvalid .AFormInput:active {border-bottom: 2px solid var(--color-error1);}
.cntLogin .AFormGroupInvalid .AFormInput:focus ~ label, .AFormGroupInvalid .AFormInput:valid ~ label {color: var(--color-error1);}
.cntLogin .AFormGroupInvalid .AFormLabel {color: var(--color-error1);}

/*
.cntLogin .AFormHeader h3 {max-height:2em; opacity:1; transition:all ease 1s; }
.cntLogin .AFormHeader.AFormGroupInvalid h3 {max-height:0; opacity:0; transition:all ease 1s; padding:0;}
*/

/*
.cntLogin .AFormGroupInvalid div.AAlertText {max-height:200px; color: var(--color-error1); transition:all ease 1s; opacity:1; display:block;}   
.cntLogin div.AAlertText {max-height:0; color: var(--color-error1); transition:all ease 1s; opacity:0; display:block;}   
*/

.cntLogin .AFormFooter input.ABtnRestore,
.cntLogin .AFormFooter .ABtn.ABtnPrimary,
.cntLogin .AFormFooter a.ABtn,
.cntLogin .AFormFooter button {font-size: 1.2em; text-decoration: none; padding: 0.5em 1.2em; cursor: pointer; white-space: nowrap; border-radius: var(--radius-02); text-align: center; display:block;}

.cntLogin .AFormFooter .ABtn.ABtnPrimary,
.cntLogin .AFormFooter button {background: var(--color-active0); color: var(--color-grid0); border: 2px solid var(--color-active0);}

.cntLogin .AFormFooter a.ABtn {background: white; color: var(--color-grid0); border: 2px solid var(--color-active0);}

.cntLogin .AFormFooter {display:grid; grid-template-columns: 1fr; grid-gap:1em; margin-top:1em;}

.cntLogin .helpText a {text-decoration:none; border-bottom:1px dashed var(--color-active0);}
.cntLogin .helpText a,
.cntLogin .helpText {color:var(--color-grid3);  text-align:center;}
.cntLogin .helpText,
.cntLogin .helpText *, 
.cntLogin .helpText div a {font-size:.85rem;}

.textError,
.AFormGroupInvalid .AAlertText {color:red;}
.textError {padding:.5em; background: #fff0f0; border-radius:var(--radius-01); min-height:32px; padding-left:42px; display:block; width:100%; background-image: url(/ib/css/images/icons/ico-error.svg); background-repeat: no-repeat; background-position:.5em center; background-size: 26px 26px; text-align:left; display:inline-block;
display:grid; grid-template-columns:1fr; align-items:center;}

.cntLogin input:-webkit-internal-autofill-selected,
.cntLogin input:-internal-autofill-selected {
    color: red !important;
}

.cntLogin .AFormFooter input.ABtnRestore {border:2px solid var(--color-active0);}
.cntLogin .AFormFooter input.ABtnRestore:hover {background:var(--color-active0); color:var(--color-gray1);}
.cntLogin .AFormFooter.formRestore a.ABtnSecondary {border:2px solid var(--color-back-grid1); }
.cntLogin .AFormFooter .AAlertInfo {display:grid; grid-template-columns:auto 1fr; grid-gap:1em;}
.cntLogin .AFormFooter .AAlertInfo .AIconQuestion {margin-left: 0;} 

.AFormFooter .copyright {text-align:center; color:var(--color-grid3); margin-top:.5em; font-size:.85rem;}

.AAlert {background:var(--color-back-warning0); color:var(--color-grid1); padding:1em; border-radius:var(--radius-02);}

.information {font-size:90%; color:var(--color-grid1); padding:1em; border-radius:var(--radius-02);}

.cntLogin a {color:var(--color-grid1);}

.AFormAuth .AFormInputPrepend .ABtn.ABtnIcon {background:transparent; border:none;}
.AFormAuth .AFormInputPrepend .ABtn.ABtnIcon .AIconEyeOff, 
.AFormAuth .AFormInputPrepend .ABtn.ABtnIcon .AIconEyeOn {width: 2em; height: 2em; display: block;}
.AFormAuth .AFormInputPrepend {position: absolute; right: 0;  bottom: 0;}

.cntButtons {padding:1em;}


/************\login**********/

.PanelFootNote > form {float:right; padding:.5em;}

.panelButtons > div {padding:1em;}
.panelButtons button.ABtn,
.GoodsCertActionButton.LinkButton {border:2px solid var(--color-active1); color: white; background:var(--color-active1); white-space:nowrap; cursor:pointer; transition: background ease .6s;}

button#SendComment,
.PanelFootNote > form > input[type="submit"],
button.ABtnPrimaryAlt,
.LinkButton,
input.LinkButton,
button.LinkButton {border:2px solid var(--color-active1); color: white; background:var(--color-active1); white-space:nowrap; cursor:pointer; transition: background ease .6s;}

button#SendComment:hover,
.PanelFootNote > form > input[type="submit"]:hover,
button.ABtnPrimaryAlt:hover,
.LinkButton:hover,
button.LinkButton:hover {border:2px solid var(--color-active2); background:var(--color-active2);}


.PanelFootNote > form > input[type="submit"] {margin-left:.5em;}

button.ABtnPrimaryAlt[disabled],
.LinkButton[disabled],
button.LinkButton[disabled] {border:2px solid var(--color-back-grid0); color: white; background:var(--color-back-grid0);}

.ViewTable {width:100%;}
.ViewTable td {padding:.5em;}

.ViewTable input.ViewTableValueInput {border:2px solid var(--color-back-grid2);}
.ViewTable input.ViewTableValueInput:focus {border:2px solid var(--color-active0);}

/*.grid {display:grid; grid-template-rows: auto 1fr; width:100%; height:100%;}*/

/************zones******************/

.slotMain {position: relative; display: grid; min-height: 100%; gap: 1em; padding: 1em; background: var(--color-back-grid2); max-height:calc(100vh - 50px);}
.AZonesModal {max-height:85vh; height:auto;}
.AZonesZoneSearchHorizontal {grid-template-columns: auto 1fr;}
.ASearch {display:flex; gap:.5em; flex-wrap: wrap; justify-content:flex-end; flex-grow:1;}

.ASearchControl {display:flex;}
.ASearchControl label {display:none;}
.ASearchControl input[type="checkbox"] {margin-left:1em;}
.ASearchControl input[type="checkbox"] + label {display:inline-block; color: var(--color-grid2); border:2px solid rgba(0,0,0,0); padding-left:.5em;}

/**************Column Search Panel**************/ 

.column {overflow-y:auto;}
.column .ASearch {display:grid; grid-gap:.5em; grid-template-columns: 1fr; padding-top:.5em;}
.column .ASearchControl {display:block; width:100%;}
.column .ASearchControl input {width:100%;}
.column .ASearchButtons button {margin-left: 0; width:100%; margin-bottom:.5em;}

.ASearchButtons {}
.ASearchButtons button {margin-left:.5em;}
.AZonesWithMenu {min-height: calc(100% - 47px);}

/*****search panel*****************/

.ValidatorIconSuccess {position:relative; width:1.8em; display:none;}
input.ValidatorIconSuccess,
select.ValidatorIconSuccess {width:auto; display:inline-block;}
.ValidatorIconSuccess:after {content:"!"; width:1.2em; height:1.2em; position:absolute; top:.4em; left:5px; color:var(--color-active0); border:2px solid var(--color-active0); border-radius:var(--radius-01); text-align:center; font-weight:bold;}

.ATabs {display: flex; flex-direction:row; align-items: flex-end; z-index: 300; user-select: none;}
.ATabsTabLabel {position: relative; display: flex; align-items: center;}
.ATabs > div:first-child .ATabsTab:not(.ATabsTabActive) {border-radius: var(--radius-02) 0 0 0;}
.ATabs > div:last-child .ATabsTab:not(.ATabsTabActive) {border-radius: 0 var(--radius-02) 0 0;}
.ATabsTab {border-radius: 0; font-size: 0.85em; white-space: nowrap; padding: 0.5em 1.25em; display: flex; align-items: flex-end; background: white; color: var(--color-grid2); cursor: pointer; border-top: 3px solid var(--color-back-grid3); box-shadow: 0px -4px 19px -14px rgba(0, 0, 20, 0.4) inset;}
.ATabsTabActive {background: var(--color-back-grid1); color: var(--color-grid0); border-radius: var(--radius-02) var(--radius-02) 0 0; border-top: none;border-bottom: 3px solid var(--color-back-grid1); box-shadow: none;}

.TabsWrapperTable.ATabs {border-bottom: 3px solid var(--color-back-grid1);}
.AZonesZoneTabs1 .ATabs {display:none;}
.AZonesZoneTabs1.headerOn .ATabs {display:flex;}

.slotMain.AZonesModal .MainArea {display:block !important;}
.slotZone {overflow: hidden; display: flex; flex-direction: column;}


.PanelBody {width: 100%; height:100%; overflow: auto; background-color: #ffffff; border-top: none; flex-direction: column; flex: 1 1 auto; /*display:grid; grid-template-rows: 1fr auto;*/ position: relative; }
.APopupBody {background:white; border-radius:var(--radius-01);}
.APopupBody iframe {width:100%; height:100%; border-radius:var(--radius-01);}
.APopup {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1000; display:grid; grid-template-columns:1fr; grid-template-rows:1fr;}
.APopup > .APopupWrapper {align-self: center; justify-self: center; position:relative;}
.APopup.APopupAlert {background: rgba(0, 0, 0, 0.6);}
.APopupBackdrop {position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index:-1;}
.APopupWrapper {display: flex; flex-direction: column;}
.APopupWrapper div.APopupBody {display:flex; flex-grow:1; /*height:100%;*/ align-content: stretch; color:var(--color-grid1);}
.PopupAlert {}

.APopupWrapperW0 {width: 0vw;height: 0vh;}
.APopupWrapperW5 {width: 5%;height: 5vh;}
.APopupWrapperW10 {width: 10%;height: 10vh;}
.APopupWrapperW15 {width: 15%;height: 15vh;}
.APopupWrapperW20 {width: 20%;height: 20vh;}
.APopupWrapperW25 {width: 25%;height: 25vh;}
.APopupWrapperW30 {width: 30%;height: 30vh;}
.APopupWrapperW35 {width: 35%;height: 35vh;}
.APopupWrapperW40 {width: 40%;height: 40vh;}
.APopupWrapperW45 {width: 45%;height: 45vh;}
.APopupWrapperW50 {width: 50%;height: 50vh;}
.APopupWrapperW55 {width: 55%;height: 55vh;}
.APopupWrapperW60 {width: 60%;height: 60vh;}
.APopupWrapperW65 {width: 65%;height: 65vh;}
.APopupWrapperW70 {width: 70%;height: 70vh;}
.APopupWrapperW75 {width: 75%;height: 75vh;}
.APopupWrapperW80 {width: 80%;height: 80vh;}
.APopupWrapperW85 {width: 85%;height: 85vh;}
.APopupWrapperW90 {width: 90%;height: 90vh;}
.APopupWrapperW95 { width:95%;height: 95vh;}
.APopupWrapperW100 {width: 100%;height: 100vh;}

.APopupWrapperW95 {width: calc(95% - 2.125em); height: calc(95vh - 3em);}
.APopupHeaderClose {position: absolute; width: 2.125em;height: 2.125em; right: 0;transform: translate(2.625em, -2.625em);cursor: pointer;background-image: url("/ib/css/images/icons/close-white.svg");  background-repeat: no-repeat;background-size: contain;opacity: 0.8;}
.APopupHeaderClose:hover, .APopupHeaderClose:active {opacity: 1;}
.APopupBody {border-radius: var(--radius-01);overflow: hidden;}
.APopupBody iframe {width: 100%;height: 100%;}

.AHeader {background:var(--color-active1); color:var(--color-grid1); display:flex;}
.AHeader * {color:white;}
.AHeaderLogo {width:80px; display:block;}

.cntTextarea {display: grid; grid-template-rows: 1fr auto; height: 100%; width:100%; background:var(--color-back-grid2); padding:1em; grid-gap:1em;}
.cntTextarea textarea {border:2px solid var(--color-back-grid2); color:var(--color-grid1); width:100%; box-sizing:border-box; height:100%; resize: none; display:block;}
.cntTextarea .actionButtons {display:flex; gap:1em; justify-content: flex-end;}

.infoErrList {padding:1em 1em 1em 2.8em; background: var(--color-back-warning2); margin:.5em; border-radius:var(--radius-01); border:1px solid var(--color-back-grid1); color:var(--color-grid1);}
.infoErrList li {padding-bottom:.2em;}
.infoErrList li:last-child {padding-bottom:0;}
.infoErrList .cYell,
.infoErrList .cRed {display:inline-block; padding:.2em .5em; border:1px solid var(--color-grid3); font-style:normal;}
.infoErrList .cYell {background: rgb(255, 255, 204); color:var(--color-warning0);}
.infoErrList .cRed  {background: var(--color-warning0);  color: white; }
.icoErr {background-image: url("/ib/css/images/icons/danger-solid-small.svg");  opacity: 1; background-repeat: no-repeat;  background-size: 1.25em 1.25em; background-position: 1em .9em;}

/*******************ListTable*********/

.ListTable {width:100%;}
.ListTable td {border-bottom:1px solid var(--color-back-grid2); padding:.3em .5em; color:var(--color-grid1); backface-visibility: hidden; transform: translateZ(0); -webkit-font-smoothing: subpixel-antialiased; }
.ListTable tr:hover {background:var(--color-back-grid3);}
.ListTable thead tr {background:var(--color-back-grid1);}
.ListTable th {background:var(--color-back-grid1); padding:.5em; color:var(--color-grid1); text-align:left; position: sticky; top: 0; border-bottom: 0; z-index: 100;}
.ListTable th:after {content: "\a"; display: block; background-image: url("/ib/css/images/icons/arrow-up.svg"); background-repeat: no-repeat;  background-size: contain; width: 14px;height: 14px;position: absolute;right: 0.5em; top: 50%; transform: translate(0, -50%); background-color: var(--color-back-grid1); opacity: 0.2;}
th.sorted-sAsc:after {background-image: url("/ib/css/images/icons/arrow-up-active.svg"); opacity: 1;}
th.sorted-sDesc:after {background-image: url("/ib/css/images/icons/arrow-down-active.svg"); opacity: 1;}

.ListTable td.doubleNumbers select,
.ListTable td.invalidValue select,
.ListTable td.doubleNumbers input:not([type='checkbox']),
.ListTable td.invalidValue input:not([type='checkbox']) {border: 2px solid var(--color-warning0);}


.ListTable td.doubleNumbers select:active,
.ListTable td.invalidValue select:active,
.ListTable td.doubleNumbers input:not([type='checkbox']):active,
.ListTable td.invalidValue input:not([type='checkbox']):active {border: 2px solid var(--color-active0);}

.ListTable td.doubleNumbers select:focus,
.ListTable td.invalidValue select:focus,
.ListTable td.doubleNumbers input:not([type='checkbox']):focus,
.ListTable td.invalidValue input:not([type='checkbox']):focus {border: 2px solid var(--color-active0);}

.ListTable td.doubleNumbers select,
.ListTable td.doubleNumbers input:not([type='checkbox']),
.ListTable td.doubleNumbers input:not([type='checkbox']):focus {background:var(--color-back-warning0);}

.ListTable td.doubleNumbers span {color:var(--color-warning0); background:var(--color-back-warning0); border-radius:var(--radius-02); display:block; padding:.3em .2em;}  



.ListTable td input.hasDatepicker {width:9.5em;}

/*******************menu**************/

.AHeader {display: flex; flex-direction: row; position: sticky; top: 0; z-index: 1000;}
.AHeaderLogo {width: 12em; display: flex; align-items: center; justify-content: center; flex-shrink: 0; flex-grow: 0;}
.AHeaderLogo .AIconLogo {display:block; width: 77px; height: 25px; background-image: url(/ib/css/images/icons/logo-lenta.svg); background-repeat: no-repeat;  background-size: contain; margin-right:4em;}
.AIconMenu {display:block;background-image: url(/ib/css/images/icons/menu.svg); background-repeat: no-repeat; background-size: contain; width: 1.5em; height: 1.5em;}
.AHeaderMenuRightOverflow {position: static !important;}
.AIconUser, .AIconBell {width: 1.5em; height: 1.5em; display: block;}
.AIconBell {background-image: url(/ib/css/images/icons/bell-w.svg); background-repeat: no-repeat; background-size: contain;}
.AIconUser {background-image: url(/ib/css/images/icons/user-w.svg); background-repeat: no-repeat; background-size: contain;}
.AHeaderIcons {flex-shrink: 0; display: flex; gap: .5em; align-items: center; padding-right: 0.5em;}
.AHeaderProfile {flex-shrink: 0; display: flex; flex-direction: column; align-items: flex-end; font-weight: bold; justify-content: center; padding-right: 0.5em; padding-left: 2em; font-size: .9em; line-height: 1em; user-select: none;}
.AHeaderProfileLogout { text-transform: lowercase; text-decoration: none; font-weight: normal; font-size: 0.75em; line-height: 1; color: var(--color-active0);}

.AHeaderSubmenu span {display:block; color:var(--color-grid1); padding:.5em .3em; text-decoration:none; font-size:.9em; background:var(--color-back-grid3);}

.AHeaderMenu a {color:var(--color-grid3)/*var(--color-active1)*/;}
.AHeaderMenu > ul {display:flex; overflow:hidden; box-sizing:border-box;}
.AHeaderMenu > ul > li {padding:.9em 1em;}
.AHeaderMenu > ul > li:hover {background: var(--color-active2);}
.AHeaderMenu > ul > li > span {white-space: nowrap;}
.AHeaderMenu > ul > li > ul {display:grid; max-height:0; max-width:0; overflow-y:auto; border:none; grid-gap:.25em 2em; padding:0; border-radius:var(--radius-02); grid-auto-flow: column; grid-template-rows: repeat(15, auto); grid-template-columns: repeat(auto-fit, minmax(200px,1fr));}
.AHeaderMenu > ul > li:hover > ul {z-index:10001; display:grid; max-height:calc(100vh - 80px); max-width:90%; border:1px solid var(--color-back-grid2); position:absolute; padding:1em; background:white; z-index:1999; margin-top:1em; margin-left:-1em; box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);} 
.AHeaderMenu > ul > li.AHeaderMenu_left:hover > ul {margin-top:.8em; left:auto; right:1em;}
.AHeaderMenu > ul > li:hover ul a {display:block; padding:.5em; text-decoration:none;}
.AHeaderMenu > ul > li:hover ul a:hover {background:var(--color-back-grid2); border-radius:var(--radius-02);}
.AHeaderMenu > ul > li > ul:hover {z-index:999;} 

.AHeaderMenu > ul > li > ul.Items1 {grid-template-rows: repeat(1, auto);}
.AHeaderMenu > ul > li > ul.Items2 {grid-template-rows: repeat(2, auto);}
.AHeaderMenu > ul > li > ul.Items3 {grid-template-rows: repeat(3, auto);}
.AHeaderMenu > ul > li > ul.Items4 {grid-template-rows: repeat(4, auto);}
.AHeaderMenu > ul > li > ul.Items5 {grid-template-rows: repeat(5, auto);}
.AHeaderMenu > ul > li > ul.Items6 {grid-template-rows: repeat(6, auto);}
.AHeaderMenu > ul > li > ul.Items7 {grid-template-rows: repeat(7, auto);}
.AHeaderMenu > ul > li > ul.Items8 {grid-template-rows: repeat(8, auto);}
.AHeaderMenu > ul > li > ul.Items9 {grid-template-rows: repeat(9, auto);}
.AHeaderMenu > ul > li > ul.Items10 {grid-template-rows: repeat(10, auto);}
.AHeaderMenu > ul > li > ul.Items11 {grid-template-rows: repeat(11, auto);}
.AHeaderMenu > ul > li > ul.Items12 {grid-template-rows: repeat(12, auto);}
.AHeaderMenu > ul > li > ul.Items13 {grid-template-rows: repeat(13, auto);}
.AHeaderMenu > ul > li > ul.Items14 {grid-template-rows: repeat(14, auto);}

.AHeaderMenuCurrent {background:var(--color-active2);}
.AHeaderMenuCurrent > a {color:white;}

li li.AHeaderMenuCurrent {background:white;}
li li.AHeaderMenuCurrent > a {color:var(--color-active2);}

li.AHeaderMenuCurrent li.AHeaderMenuCurrent > a {background:var(--color-back-grid1); border-radius:var(--radius-02);}
li.AHeaderMenuCurrent li.AHeaderMenuCurrent > a {/*color:white;*/}

.AHeader .AHeaderMenu .AHeaderSubmenu > ul a {display: block; padding: 0.5em; text-decoration: none;  font-size: 1.1em;}

.AHeader .AHeaderMenu .AHeaderSubmenu ul {background:var(--color-back-grid3); height:0; overflow:hidden; transition:all ease 1s;}
.AHeader .AHeaderMenu .AHeaderSubmenu.AHeaderSubmenuActive ul {background:var(--color-back-grid2); height:auto;  transition:all ease 1s;}

.AHeader .AHeaderMenu_left > ul > li > a {font-size:1.1em;}
.AHeader .AHeaderMenu_left .AHeaderSubmenu {color:var(--color-active2);}
.AHeader .AHeaderMenu_left .AHeaderSubmenu > span {color:var(--color-active2); display:block; padding:.5em .5em; font-weight:bold; cursor:pointer;}
.AHeader .AHeaderMenu_left .AHeaderSubmenu > span:hover {background:var(--color-active0);}
.AHeader .AHeaderMenu_left .AHeaderSubmenu > a {color:var(--color-active2); display:block; font-size:1.1em;}
.AHeader .AHeaderMenu_left .AHeaderSubmenu > ul > li {color:var(--color-active2);}
.AHeader .AHeaderMenu_left .AHeaderSubmenu > ul > li > a {color:var(--color-active2); font-size:.85em;}
.AHeader .AHeaderMenu_left .AHeaderSubmenu > ul > li  {padding-left:1em; }
.AHeader .AHeaderMenu_left .AHeaderSubmenu ul li a {color:var(--color-grid3);}

.jsHide {display:none !important;}
.jsHideV {visibility:hidden !important;}

/****from Den*****/
.AHeaderMenu {width:90%; overflow-x:hidden;}
.AHeaderMenu > ul > li > a {white-space: nowrap; color:white; text-decoration:none;}


/**************поиск категории*********/
.PanelBody.ALegacySearchField,
.ALegacySearchField {background-color: white !important; width: 100%;}
.ALegacySearchResult {position: absolute;width: 25%;left: calc(70% + 15px);top: 8px;}
.ALegacyTreeHeader {position: relative; width: 100%; flex: 0 0 40px; background-color: var(--color-back-grid2); display: flex; align-items: flex-end; padding-bottom: 1.25em;}
.ALegacyTreeBody {position: relative;height: 100%;width: 100%; overflow: auto; flex: 1 1 100%;background: #fff;}
.ALegacyTreeFooter {position: relative;height: auto;width: 100%;display: flex;align-items: center;justify-content: space-between;background: var(--color-back-grid2); flex: 0 0; padding-top: 1.25em;}
.ALegacyPanelCategory {display: flex; flex-direction: column;}
.ALegacyProgress {top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;background-color: transparent;position: absolute;display: flex; align-items: center; align-content: center;}
.ALegacyProgressImg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 24px;height: 24px;background: url(/ib/visual/loading.gif) 0 0/cover no-repeat;}
.ALegacyAcceptResult, .AListResult {width: 100%;background-color: var(--color-back-grid2);display: flex;justify-content: center;align-items: center;gap: 1em; min-width: 0;}
.ALegacyAcceptResultLabel, .AListResultLabel {flex: 1 0;}
.ALegacyAcceptResultSelected, .AListResultSelected {flex: 1 1 100%; background: white; border: 2px solid white; color: var(--color-grid2); border-radius: var(--radius-02); display: flex; align-items: center; flex-direction: row; flex-wrap: nowrap; min-width: 0; padding: 0.5em;}
.ALegacyAcceptResultSelectedText, .AListResultSelectedText {flex: 1 1 100%; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; min-width: 0;}
.ALegacyAcceptResultSelected .AIcon, .AListResultSelected .AIcon { width: 1rem; height: 1rem; margin-right: 0;}
.ALegacyAcceptResult .ABtn, .AListResult .ABtn { flex: 0 0 auto;}


.ztree {display: flex;flex-direction: column;font-size: 1em;width: min-content;min-width: 100%;}
.ztree ul, .ztree li {list-style: none;}
.ztree ul {border-top: 1px solid var(--color-back-grid1);}
.ztree li {border-bottom: 1px solid var(--color-back-grid2); padding: 0; white-space: nowrap; display: flex; flex-direction: row; flex: 1 1 100%; flex-wrap: wrap;  align-items: center; align-content: center;}
.ztree li a {order: 1; padding-right: 1em; display: flex;  flex-direction: row;  align-items: center; cursor: pointer;  flex: 1 1 100%; padding-top:.3em; padding-bottom:.3em; color:var(--color-grid2);}
.ztree li a span {color:var(--color-grid2);}

.ztree li a .ico_close, .ztree li a .ico_open {display: block; width: 1.5em; height: 1.5em; padding: 0.5em; background-image: url("/ib/css/images/icons/chevron-list.svg"); background-position: center; background-size: 0.5em; background-repeat: no-repeat;}
.ztree li a .ico_open {transform: rotate(90deg);}
.ztree li a .node_name {order: 1;}
.ztree li a:hover {background-color: var(--color-active1); transition: all ease 0.75s; color: white;}
.ztree li a:hover span {color: white;}
.ztree li a:hover .ico_close, .ztree li a:hover .ico_open {background-image: url("/ib/css/images/icons/chevron-list-w.svg");}
.ztree li a:hover ul {background-color: white; transition: all ease 0.75s;}

.ztree li.selected > a {background-color: var(--color-active1); color: white;}
.ztree li.selected > a span {color: white;}

.ztree li.selected > a:after {content: "\a"; display: block; background: white; width: 0.625em; height: 0.625em; order: 2; border-radius: 100%; margin-left: 0.5em;}
.ztree li.selected:hover > a:after {background: white;}
.ztree li.expanded { background-color: var(--color-back-grid3); border-bottom: none;}
.ztree li.expanded .ico_close, .ztree li.expanded .ico_open { background-image: url("/ib/css/images/icons/chevron-list.svg");}
.ztree li.expanded li:not(.expanded):hover .ico_close, .ztree li.expanded li:not(.expanded):hover .ico_open { background-image: url("/ib/css/images/icons/chevron-list-w.svg");}
.ztree li.expanded > a {font-weight: bold;}
.ztree li.expanded > a:hover {color: white;}
.ztree li.expanded.selected a:after {background: var(--color-active1);}
.ztree li.expanded ul {background-color: white;}
.ztree li ul {order: 3; flex: 1 1 100%;}
.ztree .switch {display: none;}
.ztree .highlight > a > .node_name {color: var(--color-active1);  font-weight: bold;}
.ztree .highlight > a > .node_name .found {background-color: var(--color-active0);}
.ztree .highlight > a:hover > .node_name, .ztree .highlight.selected > a > .node_name {color: white;}
.ztree li.level0 a { padding-left: 0.5em;}
.ztree li.level1 a { padding-left: 1.5em;}
.ztree li.level2 a { padding-left: 2.5em;}
.ztree li.level3 a { padding-left: 3.5em;}
.ztree li.level4 a { padding-left: 4.5em;}
.ztree li.level5 a { padding-left: 5.5em;}
.ztree li.level6 a { padding-left: 6.5em;}
.ztree li.level7 a { padding-left: 7.5em;}
.ztree li.level8 a { padding-left: 8.5em;}
.ztree li.level9 a { padding-left: 9.5em;}
.ztree li.level10 a {padding-left: 10.5em;}
.ztree li.level11 a {padding-left: 11.5em;}
.ztree li.level12 a {padding-left: 12.5em;}
.ztree li.level13 a {padding-left: 13.5em;}
.ztree li.level14 a {padding-left: 14.5em;}
.ztree li.level15 a {padding-left: 15.5em;}
.ztree li.level16 a {padding-left: 16.5em;}
.ztree li.level17 a {padding-left: 17.5em;}
.ztree li.level18 a {padding-left: 18.5em;}
.ztree li.level19 a {padding-left: 19.5em;}
.ztree li.level20 a {padding-left: 20.5em;}

.AZonesModal {height:95vh;}

.AZonesZoneSearch, 
.AZonesZoneSearchHorizontal .PanelBodySearch, 
.slotZone:not(.AZonesZoneSearch) .ASlotSearch {display: flex; flex-direction: column;}
.AZonesZoneSearch .AZonesZoneHeader .AZonesZoneTitle, 
.slotZone:not(.AZonesZoneSearch) .ASlotSearch .AZonesZoneHeader .AZonesZoneTitle {color: var(--color-active1); font-weight: bold; margin-right: 1em; display: flex; white-space: nowrap; font-size: 1.25em; line-height:2;}
.AZonesZoneSearchHorizontal, 
.slotZone:not(.AZonesZoneSearch) .ASlotSearchHorizontal {flex-direction: row !important;}

.AZonesZoneSearchHorizontal .ASlotSearch.PanelBodySearch,
.slotZone:not(.AZonesZoneSearch) .ASlotSearchHorizontal .PanelBodySearch {margin-left:auto;}

.ASlotSearch.waitRelative {margin-right: auto;}
.ASlotSearch.waitRelative .taskbar.wait {
    border: 2px solid white;
    border-radius: var(--radius-01);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    box-shadow: none;
}

/****оформление хелпера*****/
.AZonesZoneSearch .AZonesZoneHeader .AZonesZoneTitle {gap:.5em;}
.AZonesZoneSearch .AZonesZoneHeader .AZonesZoneTitle .AIcon.AIconQuestion {display:block; width:2em; height:2em;}

.ContainerMultiTextInput {position:relative;}
.ContainerMultiButtons {padding:.5em; float:right;}
.ContainerMultiButtons button {margin-right:.5em;}
.SearchFieldMultiBox   {position: absolute; z-index: 500; height: auto; min-width: 226px; background:white; border-radius:var(--radius-02); top:0; left:0;  margin-top:.5em;
-webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2); -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2); box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);  padd}
.ContainerMultiTextBox {position: relative; height: 255px; background: white; overflow-y: scroll;}
.SearchFieldMultiTextBox {resize: none; overflow: hidden; height: 257px; min-height: 257px; width: 100%; -moz-appearance: none; line-height: 28px; background: repeating-linear-gradient(to bottom, var(--color-back-grid1) 0 1px, white 1px 28px) 0 28px / 100% content-box no-repeat; padding: 0.6em 1.2em;}
button.OpenMultiTextButton {border-radius: 0 var(--radius-02) var(--radius-02) 0; color:white; background: url("/ib/css/images/icons/ico-MultiTextButton.svg") center center no-repeat; background-size:20px 20px;}
input.SearchFieldMultiText  {border-radius: var(--radius-02) 0 0 var(--radius-02);}

/****photo****/
.PanelBody.APhotoPanel {display: flex;}
.APhoto {display: flex; flex-direction: column; font-size: 1em; background: var(--color-back-grid2); height: 100%; justify-content: space-between; position: relative; width:100%;}
.APhotoPanel .PanelNote { width: 100%; height: 100%;}
.APhotoHeader {display: flex; flex-direction: column;}
.APhotoHeaderTitle {font-size: 1.125em; color: var(--color-active1); font-weight: bold; margin-bottom: 0.5em;}
.APhotoHeaderDescription {font-size: 0.85em; margin-bottom: 1.5em; color: var(--color-grid0);}
.APhotoContent { display: flex; width: 100%; gap: 1.25em; position: relative; height: 70vh; flex-grow: 1;}
.APhotoContentList { display: flex; flex-direction: column; flex-grow: 1;}
.APhotoList, .APhotoComments {flex: 1 0;padding: 1em;  background: var(--color-back-grid1);  height: 100%; overflow-y: auto; user-select: none; width: 28.75em; align-content: flex-start;}
.APhotoList.CharacteristicsPanel {display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); grid-template-rows: none;  grid-gap: 1em; height: 100%;}
.APhotoPreview { width: 100%; aspect-ratio: 1/1; border: 2px solid var(--color-back-grid0); display: flex; align-items: center; justify-content: center; scale: 1; transition: all ease 0.75s;}
.APhotoPreview:hover {background:white;border: 2px solid var(--color-active1); cursor:pointer;}
.APhotoPreviewSelected {background:white;border: 2px solid var(--color-active0); cursor:pointer;}
.APhotoPreview img {max-width: 100%; max-height: 100%;}
.APhotoDetail {align-items: center;}
.APhotoDetailError {color:var(--color-warning0);}
.APhotoDetailError:after {content: "\a"; display: inline-block; background-image: url(/ib/css/images/icons/danger-red.svg); background-repeat: no-repeat; width: 1.2em; height: 1.2em; margin-left: 0.25em; position:relative; top:3px;}
.APhotoPreviewCheckbox {position: absolute; top: 0.5em; right: 0.5em;}
.APhotoDetails {display: flex; flex-direction: column; flex: 0 1 100%; min-width: 0; background: white; position: relative;}
.APhotoDetailGmdesc {overflow-wrap: anywhere;}
.APhotoDetailsPhoto {padding: 1em; position: relative; overflow: hidden; user-select: none; flex-grow: 1; width:100%;}
.APhotoDetailsPhoto img {width: 100%; cursor: move;}
.APhotoDetailsErrors {background: var(--color-back-warning0); color: var(--color-warning0);  box-sizing:border-box; width:calc(100% - 52px); border-radius: var(--radius-02); padding: 1em 1em 1em calc(48px + 1em); position: absolute; top: 1.5em; left: 0; z-index: 500; opacity: 0.95; display: flex; flex-direction: column; justify-content: center; gap: 0 0.25em; font-size: 0.85em; margin: 0 1.5em 1.5em 1.5em; min-height: 3.5em; flex-shrink: 0;}
.APhotoDetailsErrors:before {content: "\a"; display: inline-block; background-image: url(/ib/css/images/icons/danger-red.svg); background-repeat: no-repeat; width: 48px; height: 48px; position: absolute;   left: 0.5em; top: 0.5em; }

.APhotoDetailsButtons {display:grid; grid-template-columns: 1fr auto; grid-gap:1em; padding: 1em; border-top: 1px solid var(--color-back-grid1); margin-top:.5em;}

.APhotoDetailsButtonsEdit {display:flex; gap:.5em;}
.APhotoDetailsButtons select,
.APhotoDetailsButtons button {display:block; border-radius: var(--radius-02); background-color: var(--color-back-grid1); padding: 1.2em 1.2em; background-position: 10px center; background-repeat: no-repeat; width:2em; height:2em;}

.APhotoDetailsButtons .AFormInputSelect select {width:auto; padding:0; height:3em; line-height:3em; padding-left:1em;}
.APhotoDetailsButtonsType select {/*width:auto; display: inline-block; */
                                  background-repeat: no-repeat;
                                  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%); 
                                  background-position: right 15px top 1.25em, right 10px top 1.25em;  background-size: 5px 5px, 5px 5px; 
                                  padding-right: 2em !important;  -webkit-user-select: none; cursor: default; user-select: none;}

.APhotoDetailsContainer {width: 100%; height: 100%; overflow: hidden; background: var(--color-back-grid2); display:block;}
.APhotoButtons {display: flex; background: var(--color-back-grid2); widh:100%; overflow:hidden; padding:1em; margin-top:1em; background:white;}
.APhotoButtonsActions {display: flex; gap:1em;}
.APhotoButtonsActions button {background-color: var(--color-back-grid1); border:2px solid var(--color-back-grid1);}
.APhotoButtonsConfirm {margin-left:auto;}
.AZonesZoneTabs1 .APhoto .ATabs {display: flex;}
.APhotoPreview .AIconError {width: 1.5em; height: 1.5em; position: absolute; bottom: 0.5em; right: 0.5em;}
.AIconError {background: url(/ib/css/images/icons/danger-red.svg) no-repeat; background-size: contain;}
.APhotoDetailsList {color: var(--color-grid2); font-size:85%; display:grid; grid-template-columns: 260px repeat(auto-fill, minmax(150px, 1fr)); grid-gap:.3em 2em; padding:0 1.15em; align-items: center;}


.APhotoComments {display: flex; flex-direction: column; gap: 1em; color: var(--color-grid2);}

.CharacteristicsPanel {padding:1em; display: grid; grid-template-rows: 1fr auto; height:100%; color:var(--color-grid2);}
.CharacteristicsPanel .CommentsRow  {padding-top:.5em;}
.CharacteristicsPanel .ACommentsList {display:block;}

.APanelComments .PanelNote {padding:0;}

#CommentsContainer,
.APhotoCommentsList {background: white; flex-grow: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 1em; padding: 1em; width: 100%;}

.CharacteristicsPanel > div div div:nth-child(1), 
.APhotoCommentsList div div:nth-child(1) {text-align: right; margin-bottom: 0.25em; color:var(--color-grid2);}

.CharacteristicsPanel > div div div:nth-child(2), 
.APhotoCommentsList div div:nth-child(2) {padding: 1em; background: var(--color-back-chat); word-wrap: break-word; border-radius: var(--radius-01) 0 var(--radius-01) var(--radius-01);}

.APhotoPanel .PanelFootNote {padding:0; display:none;}
.APhotoCommentsActions {display:grid; grid-template-columns: 1fr auto; gap:1em;}

#CommentsAction,
.ACommentsActions {display:grid; grid-template-columns: 1fr auto; gap:1em;}

#CommentsAction input,
.ACommentsActions input {background: var(--color-back-grid3); border-radius: var(--radius-02); border:2px solid var(--color-back-grid3);}

#CommentsAction input#UserComment {background: white;}

/*.slotZone .PanelBody .PanelNote {display: flex; flex-direction: column; flex-grow: 1;}*/

#tabCommentsId.CharacteristicsPanel,
#tabCommentsId.commentsPanel {display: grid; padding: 0; background: white; overflow-y: auto; user-select: none; /*align-content: flex-start;*/ height:100%;
box-sizing:border-box;}

 
#tabCommentsId #CommentsAction,
#tabCommentsId.commentsPanel .APhotoCommentsActions {padding:.6em 0 0 0; box-sizing:border-box; background: var(--color-back-grid2);}

/*.cntScan div {border: 1px solid red;}*/
.cntScan {display:grid; grid-template-columns: 180px 1fr 240px; grid-gap:1em; padding:1em; height:100%;}

.cntScanInfo {height:auto; overflow-y:auto; display:grid; grid-template-rows: auto 1fr; grid-gap:1em;}
.cntScanInfo .cntActionButtons {grid-column: 1/2; grid-row: 2/3;}
.scanInfo {display:grid;  grid-template-rows: auto; grid-template-columns: 1fr; grid-gap:1em;}

.scanImageNavi {position:absolute; left:180px;bottom:0px; width:calc(100% - 180px); text-align:center; background:white; box-sizing:border-box; padding:1em;}
.scanImageNavi button {background: var(--color-active1); color:white; margin-right:.5em;}

/*grid-column: 1/2; grid-row: 1/2;*/
/*
.cntActionButtons {grid-column: 1/2; grid-row: 2/3;}
.cntScanInfo {grid-column: 1/2; grid-row: 1/2;}
*/
.scanInfo .scanLabel {    color: var(--color-grid2);}
.scanInfo .scanData {    color: var(--color-grid2); font-weight:bold; font-size:120%; text-overflow: ellipsis; width:240px; overflow:hidden;}
.cntScan img {width:100%;}
.scanImgPreview {width: 100%; aspect-ratio: 1/1; align-items: center; justify-content: center; scale: 1; transition: all ease 0.75s; background-size:contain; background-repeat:no-repeat; background-position:50% 50%; background-color:white;}
.cntScanIcon > div {display:grid; grid-gap:1em;}
.cntScanIcon {overflow-y: auto; background: var(--color-back-grid1); padding:1em;}
.cntScanView {overflow:hidden;}

/************progressbar*****************/

@keyframes waiting {
  100% {
    background-position: 0 calc(var(--wait-size) * -1);
  }
}

.taskbar {border-radius:var(--radius-01); height:1em; width:100%; min-width:300px; width:60%; color:transparent; font-size:.9em; text-align:center; }
.wait {background: repeating-linear-gradient(45deg, var(--color-back-grid0) 25%, var(--color-back-grid0) 50%, var(--color-back-grid2) 50%, var(--color-back-grid2) 75%);  background-size: var(--wait-size) var(--wait-size); animation: waiting var(--wait-duration) linear infinite;}
.taskbar.wait {border:2px solid white; border-radius:var(--radius-01); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1000; box-shadow: 25px 21px 100px 2000px rgba(30, 40, 60, 0.1);}

.ASlot:not(.ASlotSearch) .ATabsTabLoading, .ABtnLoading {
  animation: waiting var(--progress-duration) linear infinite;
  transition: var(--transition);
  background: repeating-linear-gradient(45deg, var(--color-back-grid0) 25%, var(--color-back-grid0) 50%, var(--color-back-grid2) 50%, var(--color-back-grid2) 75%); 
  background-size: var(--wait-size) var(--wait-size); animation: waiting var(--wait-duration) linear infinite;}

/*.waitRelative {position:relative !important; display:block !important;}*/

/**************brands************/
.PanelBody.ASlotList {display: flex;}

.PanelBody.ListChoose,
.PanelBody.APanelBrands {/*display: flex; flex-direction: column; flex-grow: 1; */ display:grid; grid-template-rows: 1fr auto; gap:1em; width: 100%; overflow: hidden;}

.ListChoose .AListBody,
.APanelBrands .AListBody {position: relative; height: 100%; width: 100%; overflow: auto; flex: 1 1 100%; background: #fff;}

.ListChoose .PanelFootNote,
.APanelBrands .PanelFootNote {padding:1em 0 0 0;}

.APanelBrands .messageInfo {position: relative;
    height: 100%;
    width: 100%;
    overflow: auto;
    background: #fff;
text-align:center;
line-height:5;
font-size:140%;
}

.AIconClearField {background: url(/ib/css/images/icons/field-clear.svg) no-repeat;  background-size: contain; width: 1rem; height: 1rem; margin: 0; display:block; cursor:pointer;}
.AListItemSelected {background:var(--color-back-grid3); font-weight:bold;}
.AListItem {cursor:pointer;}

/*********************ICONS**************************/

button.ABtnIcon {padding-left: 2.5em; background-position: .75em center; background-size: 1em 1em;}
button.disable {opacity:.3; cursor:default;}

.AIconQuestion      {background-image: url("/ib/css/images/icons/question.svg"); background-repeat: no-repeat; background-size: contain;}
.AIconDangerSolid   {background-image: url("/ib/css/images/icons/danger-solid.svg");background-repeat: no-repeat;background-size: contain;}

.AIconError         {background-image: url("/ib/css/images/icons/danger-red.svg");background-repeat: no-repeat;background-size: contain;}
.AIconEyeOn         {background-image: url("/ib/css/images/icons/eye-on.svg");background-repeat: no-repeat;background-size: contain;}
.AIconEyeOff        {background-image: url("/ib/css/images/icons/eye-off.svg");background-repeat: no-repeat;background-size: contain;}

.AIconDownload, 
.AIconExport {background-image: url("/ib/css/images/icons/download.svg"); background-repeat: no-repeat; background-size: contain;}

button.AIconUpload,
.AIconUpload, 
button.AIconImport,
.AIconImport {  background-image: url("/ib/css/images/icons/upload.svg"); background-repeat: no-repeat; }

button.AIconSettings,
.AIconSettings {background-image: url("/ib/css/images/icons/settings.svg"); background-repeat: no-repeat; }

button.AIconPlus,
button.AIconAdd,
.AIconPlus, 
.AIconAdd { background-image: url("/ib/css/images/icons/plus.svg"); background-repeat: no-repeat; }

button.AIconDelete,
button.AIconClear,
.AIconDelete, 
.AIconClear { background-image: url("/ib/css/images/icons/delete.svg"); background-repeat: no-repeat; }

.AIconClearField { background-image: url("/ib/css/images/icons/field-clear.svg"); background-repeat: no-repeat; background-size: contain;}

button.AIconMinus, 
button.AIconRemove, 
button.AIconRem,
.AIconMinus, 
.AIconRemove, 
.AIconRem {background-image: url("/ib/css/images/icons/minus.svg"); background-repeat: no-repeat; background-size: 18px 18px; background-position: center center; padding: 1.2em 1.2em; }

button.AIconPlus,
.AIconPlus {background-image: url("/ib/css/images/icons/plus.svg"); background-repeat: no-repeat; background-size: 18px 18px; background-position: center center; padding: 1.2em 1.2em;}

button.AIconLeft,
.AIconLeft {background-image: url("/ib/css/images/icons/rotate-ccw.svg"); background-repeat: no-repeat; background-size: 26px 26px; background-position: center center; padding: 1.2em 1.2em;}

button.AIconRight,
.AIconRight {background-image: url("/ib/css/images/icons/rotate-cw.svg"); background-repeat: no-repeat; background-size: 26px 26px; background-position: center center; padding: 1.2em 1.2em;}

button.AIconFilter,
.AIconFilter {background-image: url("/ib/css/images/icons/filter.svg"); background-repeat: no-repeat;  background-size: contain;}

.messageAlert,
.PopupAlert {position:absolute; z-index: 990; top: 50%; left: 50%; transform: translate(-50%, -50%); padding:2em; background:white; border-radius:var(--radius-01);
-webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2); -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2); box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2)
}
.PopupAlert div div {text-align:center;}
.alertHead {font-size:1.25em; font-weight:bold; color:var(--color-active1);}
.alertBody {padding:2em 0;}
.alertFooter button {margin-right:1em;}

.messageAlert {text-align:center;}
.messageAlert p {padding:2em 0;}

.OptionBoxList,
.SelectOptions {overflow: hidden; border-radius:var(--radius-02); position:absolute; z-index:500;  -webkit-user-select: none; user-select: none; max-height:50vh;}

.OptionBoxList.dirUp > div,
.SelectOptions.dirUp > ol {margin-top:0; margin-bottom:.5em;}


.OptionBoxList > div,
.SelectOptions > ol {background:white; border-radius:var(--radius-02); margin-top:.5em; border:2px solid var(--color-back-grid2); overflow-y: auto; overflow-x: hidden; max-height:48vh;}


.OptionBoxList,
.OptionBoxList > div {max-height:100%;}

.dropBoxOption .dropBoxOptionRow {display:flex;}
.dropBoxOption .dropBoxOptionRow input {margin-right:1em;}

.OptionBoxList > div > div,
.SelectOptions li {padding:.5em 1em; border-bottom:1px solid var(--color-back-grid3); color:var(--color-grid2); cursor:pointer;     -webkit-user-select: none; user-select: none;}

.OptionBoxList > div > div:hover,
.SelectOptions li:hover {background:var(--color-back-grid3); color:var(--color-active1);}

.OptionBoxList {display:block; max-height:auto; overflow:hidden; transition: max-height ease 1s;}
.OptionBoxList.close {display:block; max-height:0; transition: max-height ease .5s;}

.OptionBoxList.dirUp {margin:0;}
.OptionBoxList.dirUp div:last-child {border-bottom:0 solid rgba(0,0,0,0);}
.OptionBoxList.dirUp {transition: max-height 1s ease-in-out .5s, top 1.5s ease-in-out;}
.OptionBoxList.dirUp.close {transition: max-height .7s linear .3s, top 1s ease-in-out .3s;}

.SelectInput:focus {border:2px solid var(--color-active0); font-weight:bold;}
.OptionBox input:focus {border:2px solid var(--color-back-grid1);}


/*.OptionBoxList.dirUp.close {transition: max-height 2s ease, top 1s ease; }*/


/***************************************/
.PanelFootNote:has(> .PanelTableToExcel) {}
.slotZone.AZonesZoneTabs1.headerOn:has(.PanelTableToExcel) {}
/*
.PanelBody:has(.PanelTableToExcel) {overflow:hidden; display:grid; grid-template-columns:1fr;} 
.PanelBody:has(.PanelTableToExcel) > .PanelNote {}
.PanelBody:has(.PanelTableToExcel) > .PanelFootNote{padding:.5em; background: var(--color-back-grid1);}
.PanelBody:has(.PanelTableToExcel) .APanelTableWrapper {overflow:auto; }
*/

/*FLEX*/
.PanelBody:has(.PanelTableToExcel) {overflow:hidden;  display: flex; flex-direction: column; height:100%;} 
.PanelBody:has(.PanelTableToExcel) > .PanelNote {}
.PanelBody:has(.PanelTableToExcel) > .APanelTableWrapper {overflow:auto;  flex: 1 1 auto; min-height: 0;}
.PanelBody:has(.PanelTableToExcel) > .PanelFootNote{padding:.5em; flex: 0 0 0;   overflow: hidden; background: var(--color-back-grid1);}
.PanelBody:has(.PanelTableToExcel) > .PanelFootNote:not(:empty) {flex-basis: 3.5em;}



button.PanelTableToExcel {background: var(--color-back-grid2) var(--ico-but-export) no-repeat; padding-left: 32px; background-position: 10px center;  background-size: 14px 14px;  border: 2px solid var(--color-back-grid2);}


/****************setificate*************/

#GoodsCertPositionAddId.GoodsCertActionButton.LinkButton {border:2px solid var(--color-active1); color:var(--color-active1); background: white;}

input.viewCertButton,
select.goodsCertInput,
input.goodsCertInput {padding:.25em .5em;}

select.goodsCertInput:active,
input.goodsCertInput:active,
select.goodsCertInput:focus,
input.goodsCertInput:focus {font-weight:bold !important; color:var(--color-active1); border:2px solid var(--color-active0);}
input.viewCertButton {background-image:url("/ib/css/images/icons/ico-view-sert.svg"); background-repeat: no-repeat; background-size: 1.4em 1.4em; background-position: 50% 50%; width:2em; height:2em; cursor:pointer;}
input.addCertButton  {background-image:url("/ib/css/images/icons/ico-add-sert.svg"); background-repeat: no-repeat; background-size: 1.4em 1.4em; background-position: 50% 50%; padding: .5em; width:2em; height:2em; cursor:pointer;}
button.CertResultDelete {height:2em; background-image:url("/ib/css/images/icons/ico-delete-sert.svg"); background-repeat: no-repeat; background-size: 1.4em 1.4em; background-position: 50% 50%; padding:0 1em; cursor:pointer;}
input.delNewRowButton {background-image:var(--ico-but-clear); background-repeat: no-repeat; background-size: 1.4em 1.4em; background-position: 50% 50%; cursor:pointer;}

.invalidValue input.addCertButton  {background-image:url("/ib/css/images/icons/ico-add-sert-red.svg"); border:2px solid white !important;}

.SltSearchTable {display:grid; grid-template-columns:35% 1fr 1fr auto; grid-gap:2em; align-items: start;}
.SltSearchTable .SltInput {display:grid; grid-template-columns:1fr; grid-gap:.3em;}
.SltSearchTable .SltSearchEntry select,
.SltSearchTable .SltSearchEntry input {border:1px solid var(--color-back-grid1); width:100%;}
.SltSearchTable button.OpenMultiTextButton {position:absolute;}
.SltSearchTable .SltSearchButton {color:white; background:var(--color-active1);}
#SltSearchBlockID {padding:1em;}
.SltSearchBlockInput {position:relative;}

#SltSearch_MounthID .SltDatesEntryValues {display:grid; grid-template-columns:repeat(auto-fit, minmax(36px, 1fr)); grid-gap:.2em;}
#SltSearch_WeekID .SltDatesEntryValues {display:grid; grid-template-columns:repeat(auto-fit, minmax(24px, 1fr)); grid-gap:.2em;}

.SltDatesEntryValues div {background:var(--color-back-grid1); padding:.25em .4em; text-align:center; border-radius:var(--radius-02); font-size:.85em; cursor:pointer;}
.SltDatesEntryValues div:hover {background:var(--color-back-grid0);}
.SltDatesEntryValues div[selected="true"] {background:var(--color-active0);}

.ListTableWrapper.GoodSertRes {height:100%; overflow:auto; order: 1;}
.ListTable th[nosorted="true"]:after {background:none;}
.PanelNote.GoodSertResult {padding:1em; order: 5;}
div.information {margin:1em; padding:1em; background:var(--color-back-warning0); }

/************* slt_orders_post **************/
.sltBlock3Col {display:grid; grid-template-columns:1fr 1fr auto; grid-gap:1em;}
.sltBlock table td {border:1px solid yellow;}

#SltSearch_YearID .SltDatesEntryValues { display: grid; grid-template-columns: repeat(auto-fit, minmax(36px, 1fr)); grid-gap: 0.2em;}

.sltBlock input,
.sltBlock select,
.sltBlock textarea {border:2px solid var(--color-back-grid1); padding-left:.5em; padding-right:.5em; width:100%}
.sltBlock .vibor {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto auto 1fr; grid-gap:0.5em;}
.sltBlock .SltSearchEntryLabel {font-size:.85em; padding-bottom:.2em; display:block;}
.sltBlock div b {font-size:.85em; padding-bottom:.1em; padding-top:.2em; display:block;}

input.hasDatepicker {background-image:url("/ib/css/images/icons/ico-cal.svg"); background-repeat: no-repeat; background-size: 1.4em 1.4em; background-position: 97% 40%; padding-right:2.6em; cursor:pointer;}

.sltButtons {display:grid; grid-template-columns:1fr; grid-gap:.5em;}
.SltSearchCheck {display:grid; grid-template-columns:auto 1fr; grid-gap:1em;}
.SltExcelBlock {display:grid; grid-template-columns:auto; grid-gap:.5em;}

.Slt2Col,
.SltCountButton {display:grid; grid-template-columns:auto auto; grid-template-rows:auto 1fr; grid-gap:1em;}
.SltCountButton .SltSearchStatic {padding:.5em; background:var(--color-back-grid3); border:2px solid var(--color-back-grid1); border-radius: var(--radius-02); text-align:center;}

.sltStatus a {font-size:1em;}
.sltStatus {font-size:.85em; display:block; padding:.2em 0;}

.GridTable {border:1px solid #f0f0f0;}
.GridTable div {border:1px solid #ccc;}
.GridTable {display:grid; grid-template-columns: repeat(10, 1fr); grid-gap:1em;}
.GridTable input {border:1px solid gray;}

.ibChartTable {width:1.5em; height:1.5em; margin-left:1em; background-image:url("/ib/css/images/icons/ico-tab.svg"); background-repeat: no-repeat; background-size: 1.4em 1.4em; background-position: 97% 50%; }
.ibChartBar {width:1.5em; height:1.5em; margin-left:1em; background-image:url("/ib/css/images/icons/ico-graph.svg"); background-repeat: no-repeat; background-size: 1.4em 1.4em; background-position: 97% 50%; }

/**for** Menu Member Area ****/
.AHeaderNotify {position:relative;}
.AHeaderNotify span {display:block; position:absolute; top:0; right:-3px; background:var(--color-active0); color:white; border-radius:var(--radius-01); min-width:1.2em; width:auto; height:1.2em;
text-align:center; line-height:1.2em; font-size:.8em; overflow:hidden;}

/****find-goods-cert2-km****/

.cTableHeightRow {display:grid; grid-template-columns:10% auto 25%; height:100vh; width:100%; overflow:hidden; grid-gap:0 1em; background: var(--color-back-grid2);}
.cTableHeightRow * {box-sizing:border-box;}
.cTableHeightRow .viewPanel div img.ui-draggable {width:100%;}
.cTableHeightRow .viewPanel div {width:100%; overflow:hidden !important;}
.cTableHeightRow .cViewCell {overflow:hidden !important;}
.cTableHeightRow .cListCell {overflow:hidden !important;}
.cTableHeightRow .CharacteristicsPanel {height:auto;}
.cTableHeightRow .cViewCell,
.cTableHeightRow .iconPanel,
.cTableHeightRow #tabCharacteristicsId {background:white;}
.cTableHeightRow #tabCharacteristicsId.CharacteristicsPanel > div div div:nth-child(1) {text-align: left; padding: 1em .5em 0.5em; font-weight:bold;}
.cTableHeightRow #tabCharacteristicsId.CharacteristicsPanel > div div div:nth-child(2) {text-align: left; padding: 0 .5em 1em .5em; border:none; border-radius:0; background:white; border-bottom:1px solid var(--color-back-grid1);}
.cTableHeightRow .listPanel #tabCommentsId {flex-direction: column;  display: flex; height:100%;}
.cTableHeightRow .listPanel #CommentsContainer {overflow-y:auto; flex: 1;}
.cTableHeightRow .listPanel #CommentsAction {height: 4em; margin-top: auto; padding: 1em 0 1em 0 !important;}
.cTableHeightRow .tabFlex {display: flex; flex-direction: row; align-items: flex-end;}
.cTableHeightRow .imgButtons {position:absolute; font-weight:bold; left:50%; transform: translateX(-50%); bottom:0; text-align:center; display:inline-block; background:var(--color-back-grid2);}
.cTableHeightRow .imgButtons button {font-weight:bold; border:2px solid var(--color-active1); border-radius: var(--radius-02); margin:.3em; color:white; background:var(--color-active1);}

.cTableHeightRow .listPanel {display:grid; grid-template-columns: 1fr; grid-template-rows: 32px 1fr;}
.cTableHeightRow .listPanel > div {}
.cTableHeightRow .listPanel #tabCharacteristicsId {grid-column:1/2; grid-row:2/3;}
.cTableHeightRow .listPanel #tabCharacteristicsId {grid-column:1/2; grid-row:2/3;}
.cTableHeightRow .listPanel #tabCommentsId {grid-column:1/2; grid-row:2/3; max-height:100%; max-height: 100%; overflow: hidden; height:calc(100vh - 4em); }

/************************/
.introMain {}
.introMain div {}

/************helper*********/
#callHelperInfoID {width:1.6rem; height:1.7rem; margin-left:1rem; background-image:url("/ib/css/images/icons/ico-helper.svg"); background-repeat: no-repeat; background-size: 1.5rem 1.5rem; background-position: 50% 50%; font-size:.1px; cursor:pointer; opacity:1; transition:all ease .7s;  transform: scale(1);}
#callHelperInfoID:hover {opacity:.9; transition:all ease .7s; transform: scale(1.1);}
.pageHelperTitle  {display:none;}
.pageHelperWindow  {box-shadow: 0 0 3em rgba(0, 0, 0, .5); background:white; border-radius:var(--radius-01); width: 95%; height: 95%;}

.pageHelperClose {position: absolute; right: .2em; top:  .2em; height: 3em; width: 3em; cursor: pointer; background-repeat: no-repeat; background-position: center top; background-image: url(/dbgrid/img/images/close-1.png);  background-size: 3em;}
.pageHelperInfo {position: fixed; z-index: 10000; top: 55px; left: 0px; width: 100%; height: calc(100% - 55px); padding: 5px; overflow: hidden; background-color: transparent; text-align: center; vertical-align: middle; }
.pageHelperHeader {position: relative; top: 0; left: 0; height: 3em;}
.pageHelperBody {position: relative; height: calc(100% - 6em);}
.pageHelperBody iframe {width: 100%; height:100%; border: none;}
.pageHelperFooter {height: 2em; line-height: 2em; padding-left: 1em; position: relative; text-align: left;}
.pageHelperShowSelector {padding: 5px 0 0 15px;}
.pageHelperNotShowSubject {padding: 5px 0 0 15px; font-size: 15px;}
.pageHelperTitle {padding-left: 15px; font-size: 15px; text-align: left;}


#MessagesViewMsgSubjectID {overflow:auto; max-height:100%; padding-top:1em;}
#MessagesViewMsgSubjectID table {border-color: var(--color-back-grid1); border-width:2px;}
#MessagesViewMsgSubjectID table td {padding:6px; border-bottom:1px solid var(--color-back-grid2);}
#MessagesViewMsgSubjectID table th {padding:6px; border-bottom:2px solid var(--color-back-grid2); background-color: var(--color-active0);}
#MessagesViewBodyID {border:none; border-top: 2px solid var(--color-back-grid2); padding:0; height:calc(100% - 60px);}
#MessagesViewHeaderID {height: auto;}
#MessagesViewMsgSubjectID p {margin:1em 0;}
#MessagesViewHeaderTableID td {height:auto;padding:0; margin:0; font-weight:bold; color:var(--color-grid2);}
#MessagesViewHeaderTableID {margin-bottom:.5em;}


/****************excolor************/
.ex-color {display:grid; grid-template-columns:1fr 1fr 1fr; width:100%; grid-gap:.2em; padding:2em; max-width:600px;}
.ex-color div {display:grid; aspect-ratio: 1 / 1; align-items:center; text-align:center;}
.ex-color div.green01 {background-color:var(--green01);}
.ex-color div.green02 {background-color:var(--green02);}
.ex-color div.green03 {background-color:var(--green03);}
.ex-color div.rose01: {background-color:var(--rose01);}
.ex-color div.rose02: {background-color:var(--rose02);}
.ex-color div.rose03: {background-color:var(--rose03);}
.ex-color div.yellow01 {background-color:var(--yellow01);}
.ex-color div.yellow02 {background-color:var(--yellow02);}
.ex-color div.yellow03 {background-color:var(--yellow03);}
.ex-color div.fiol01: {background-color:var(--fiol01);}
.ex-color div.fiol02: {background-color:var(--fiol02);}
.ex-color div.fiol03: {background-color:var(--fiol03);}
.ex-color div.blue01: {background-color:var(--blue01);}
.ex-color div.blue02: {background-color:var(--blue02);}
.ex-color div.blue03: {background-color:var(--blue03);}

/*************modal open css*************/
.overlay {background-color: rgba(0,0,0,.4); bottom: 0; cursor: default;  left: 0; right: 0;  top: 0; opacity: 0; position: fixed;  visibility: hidden; z-index: 1001; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; transition: opacity .5s;}
.overlay:target {visibility: visible;opacity: 1;}
.popup {border-radius:2em; background: #fff; display: inline-block; left: 50%; opacity: 0; padding: 2em 2em 2em 2em; position: fixed;  top: 40%; visibility: hidden; z-index: 1010; 
-webkit-transform: translate(-50%, -50%);   -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
-webkit-transition: opacity .5s, top .5s; -moz-transition: opacity .5s, top .5s; -ms-transition: opacity .5s, top .5s; -o-transition: opacity .5s, top .5s; transition: opacity .5s, top .5s;
max-height:auto; width:100%; max-width:800px; padding-right:.5em;}
.overlay:target+.popup {top: 50%; opacity: 1; visibility: visible;}
.popup .close {height: 2em; width: 2em; position: absolute; text-align: center;text-decoration: none; top:-2em; right: -2em;  content:url(/ib/css/images/icons/close-white.svg);}
.popup .textAll {overflow-y:auto; height:80vh; width:100%; padding-right:1.5em;}
.popup .textAll::-webkit-scrollbar {width: 8px}
.popup .textAll::-webkit-scrollbar-track {background: var(--color-active0);}
.popup .textAll::-webkit-scrollbar-thumb {background-color: var(--color-active1); border-radius: 20px;}
/*************end modal open css*************/

.linkRules {display:block; padding-left:1.3em; background:url(/ib/css/images/icons/ico-inform.svg); background-size:1em 1em; background-repeat:no-repeat; background-position:0 50%;}

.textRules ul {padding-left:1.5em; list-style:square;}
.textRules ul li {}

.PanelMessageError,
.infoErrList {
    padding: 1em 1em 1em 2.8em; background: var(--color-back-warning2); margin: .5em; border-radius: var(--radius-01); border: 1px solid var(--color-back-grid1);
    color: var(--color-grid1); box-sizing:border-box; width:auto;
}

.PanelMessageError {
    background-image: url(/ib/css/images/icons/danger-solid-small.svg);
    opacity: 1;
    background-repeat: no-repeat;
    background-size: 1.25em 1.25em;
    background-position: 1em .9em;
    text-align: left;
    color:var(--color-warning0);
    background-color: var(--rose03);
    padding: 1em 1em 1em 3.2em;
    font-weight:bold;
}