html, body {/* начало - Глобальные стили*/
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr auto;
}
body {
    /* font-family: 'Trebuchet MS', Helvetica, sans-serif; */
    /* background: #16668d; */
    background: linear-gradient(90deg, rgb(7 22 30) 0%, rgb(23 118 179) 50%, rgb(7 22 30) 100%);
    background: linear-gradient(45deg, #000000, #003772, #0096e1, #ff0000, #e4b100);
		/* color: #fff;  */
        /* Цвет текста на странице */
		background-attachment: fixed; /* Фон страницы фиксируется */
		/* background-repeat: repeat-x; Изображение повторяется по горизонтали */
        background-size: cover;
    /* background: #5C6F93; */
    /* margin: 0; */
    align-content: center;
    align-items: center;
}
table.mainPage .warning_cell a, table .success_cell a{
    display: grid;
    text-align: center;
    text-underline-position: under;
}
table .warning_cell, .table .success_cell{
    border: 0.1em solid white;
}
table .success_cell{
    background:#95c395;
}
table .warning_cell{
    background:#ef9292;
}
header {
    display: grid;
    background: #ffffff52;
    grid-template-columns: 1fr 1fr 1fr;
    height: 4em;
    border-radius: 1em;
}
header .part.central{
    height: 4em;
    display: grid;
    justify-items: center;
    align-items: center;
}
header .part.central img{
    height: 3em;
    filter: brightness(03);
}
header .part.right{
    display: grid;
    justify-content: end;
    align-items: self-end;
    margin-bottom: 1em;
}
header .part.right p{
    margin-bottom: 0.4em;
    padding-right: 1em;
    font-size: larger;
    color: white;
} 
header .part.left{
    display: grid;
    grid-template-columns: 5em 1fr;
    align-items: center;
}
main{
    margin: 0 auto;
    padding-top: 3em;
    padding-bottom: 10em;
}
input, textarea{
    outline:none;
    background: #ffffff9e;
    border:none;
}
button, input[type = "submit"], main input[type="checkbox"], main input[type="radio"], .submBtn{
    cursor: pointer;
}
main input{
    min-height: 2em;
}
main input[type="checkbox"], main input[type="radio"]{
    min-height: auto;
}
input[type="number"]::-webkit-outer-spin-button, /* убираю стрелки у инпута */
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
input[name="deadline"]{
    cursor: pointer;
}
.errorSmallText{
    margin-top: 0.2em;
    color: red;
}
.pointer{
    cursor: pointer;
}
footer {
    font-size: medium;
    font-family: Arial;
    background-color: #9e9e9e99;
    display: grid;
    justify-items: center;
    grid-row-end: none;
    border-radius: 1em;
}
footer p{
    color: white;
}/* конец - глобальные стили */
.serialSearch.widget{/* begin Поиск серийного номера в хедере */
    position: relative;
    display: block;
    align-content: center;
    width: min(19em, 34vw);
    z-index: 20;
    margin-left: 1em;
}
.serialSearch-row{
    display: grid;
    grid-template-columns: 1.7em minmax(8em, 1fr) 2.4em;
    gap: 0.45em;
    align-items: center;
}
.serialSearch-input{
    height: 2.25em;
    min-width: 0;
    border: 1px solid rgba(255,255,255,0.82);
    border-radius: 0.55em;
    padding: 0 0.75em;
    background: rgba(255,255,255,0.94);
    color: #1f2937;
    font-weight: 600;
    letter-spacing: 0;
    box-shadow: 0 1px 2px rgba(15,23,42,0.08);
}
.serialSearch-input:focus{
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37,99,235,0.22);
}
.serialSearch-go{
    display: grid;
    place-items: center;
    width: 2.4em;
    height: 2.25em;
    border-radius: 0.55em;
    background: #2563eb;
    border: 1px solid #2563eb;
    color: white;
    text-decoration: none;
    font-size: 0.95em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 6px 14px rgba(37,99,235,0.24);
    transition: background 120ms ease, border-color 120ms ease, transform 120ms ease, box-shadow 120ms ease;
}
.serialSearch-go:hover{
    background: #1d4ed8;
    border-color: #1d4ed8;
    box-shadow: 0 8px 18px rgba(37,99,235,0.30);
    transform: translateY(-1px);
}
.serialSearch-settings-wrap{
    position: absolute;
    left: 0;
    top: calc(100% + 0.45em);
}
.serialSearch-settings-btn{
    display: grid;
    place-items: center;
    width: 1.7em;
    height: 2.25em;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: white;
    line-height: 1;
    font-size: 1.05em;
    cursor: pointer;
    opacity: 0.88;
    transition: color 120ms ease, opacity 120ms ease, transform 120ms ease;
}
.serialSearch-settings-btn:hover,
.serialSearch.settings-open .serialSearch-settings-btn{
    background: transparent;
    color: #dbeafe;
    opacity: 1;
    transform: rotate(18deg);
}
.serialSearch-settings{
    display: none;
    min-width: 17em;
    padding: 0.75em;
    background: #f8f8f8;
    border-radius: 0.65em;
    box-shadow: 0 10px 24px rgba(0,0,0,0.22);
    color: #243044;
    z-index: 120;
}
.serialSearch.settings-open .serialSearch-settings{
    display: grid;
    gap: 0.55em;
}
.serialSearch-settings label{
    display: flex;
    gap: 0.45em;
    align-items: center;
    color: #243044;
    font-weight: 400;
    white-space: nowrap;
}
.serialSearch-settings input[type="radio"]{
    min-height: auto;
    margin: 0;
}/* end Поиск серийного номера в хедере*/

.form1{/* - начало. Стили для ОТК, Тестирования почти полностью одинаковы */
    display: grid;
    background:  #ffffff70;
    padding: 1em 2em;
    border-radius: 1em;
    width: fit-content;
}
.windowBeforeSubmit{/* -- начало - Окно, куда вводится серийний и где нажимается кнопка "Далее" */
    justify-items: center;
    display: grid;
    color: white;
    grid-template-rows: 2em 2.3em 1.5em 2em;
}
.submBtn{ 
    min-width: 11em;
    width: auto;
    height: auto;
    padding: 0.5em;
    background-color: #14223eb0;
    color: white;
    border: 0px;
    justify-self: center;
    border-radius: 0.3em;
}
.windowBeforeSubmit .submBtn.n1 {
    display: none;
}
.windowBeforeSubmit img{
    display: none;
    justify-self: left;
    width: 2em;
    height: 1em;
    filter: invert(1);
    cursor: pointer;
}
.windowBeforeSubmit .p1{
    font-size: larger;
    margin-top: 0em;
}/* -- конец - Окно, куда вводится серийний и где нажимается кнопка "Далее" */

.windowAfterSubmit{/* -- начало - Окно после нажатия кнопки "Далее" */
    display: grid;
    border-radius: 1em;
    grid-row-gap: 1em;
}
.windowAfterSubmit .div1{
    width: 10em;
}
.windowAfterSubmit label{
    color:white;
    white-space: pre;
}
.windowAfterSubmit textarea{
    width: 100%;
    height: 8em;
    resize: vertical;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tableStyle1.limit_width{
    max-width: 50em;
}
.tableStyle1{
    width: 100%;
    background: #FFF;
    border-collapse: collapse;
    opacity: 0.85;
}
.tableStyle1 caption{
    background-color: #4b4b4b85;
    color: white;
    font-size: large;
    padding: 0.3em 0em;
    border-radius: 0.5em 0.5em 0em 0em;
}
.tableStyle1 thead td, .tableStyle1 tbody td{
    border-collapse: collapse;
    border: 1px solid grey;
}
.tableStyle1 td{
    padding: 0.5em;
}
.tableStyle1.table1 td{
    border-collapse: collapse;
    border: 1px solid #80808061;
}
.maxrowsBtn {/* начало пагинация */
    margin: 0.5em 0.2em 0.3em 0.2em;
    padding: 0em;
    background: none;
    border: none;
    color: black;
    cursor: pointer;
}
#maxrows {
    float: right;
    margin: 0.3em 1em 0em 0em;
}
.pagination {
    float: left;
    padding-left: 1em;
    display: flex;
}
.pagination a{
    margin-top: 0.3em;
}
#pagBtnActive {
    background-color: #FFF7D3;
    border-radius: 2em;
}
#pagBtnActive:hover {
    opacity: 1;
}
#activeMaxRows{
    text-decoration: underline;
}

.pagBtn{
    cursor: pointer;
}/* конец пагинация */
.windowAfterSubmit .tableStyle1.table1 td{
    white-space: nowrap;
}
.windowAfterSubmit select{
    display: block;
    height: 0em;
    padding: 0em;
    margin-top: -1em;
    margin: 1em;
    position: absolute;
    pointer-events: none;
}
.windowAfterSubmit .select{
    padding-top: 1em;
    width: 20em;
    justify-self: center;
    margin:0em;
}
.windowAfterSubmit .select .new-select{
    text-align-last: center;
}

.errMsg {
    text-align: center;
    background-color: #ff0000ad;
    color: white;
    margin-bottom: 0em;
    padding: 0.5em;
    width: 20em;
    justify-self: center;
}
.okMsg {
    text-align: center;
    background-color: #008000ad;
    color: white;
    margin-bottom: 0em;
    padding: 0.5em;
    width: 20em;
    justify-self: center;
}/* -- конец - Окно после нажатия кнопки "Далее" */

.protocolsWindow{ /* блок, где выводятся протоколы */
    display: grid;
}
.ui-widget-content{/* стили для того, чтобы блок с вариантами подходящих значений виджета jqury-autocoplete имел ограниченую высоту*/
    overflow-y: scroll;
    max-height: 15em;
}


.windowAfterSubmit.otk .hide{/* Начало стилей ОТК */
    display: none;
}
.windowAfterSubmit.otk .n2{
    display: block;
    margin-top: 0.4em;
}
.windowAfterSubmit.otk .repair_checkbox_label{
    cursor: pointer;
}
.windowAfterSubmit.otk .submBtn.n3{
    color: white;
}
.windowAfterSubmit.otk{
    width: min-content;
    padding: 0.1em 0.5em;
}
/* Конец стилей ОТК */

.tooltip {/* Всплывающая подсказка */
    position: relative;
    display: revert;
  }
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #ffd86d;
    border:1px solid white;
    color: #292929;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    width: 120px;
    bottom: 100%;
    left: 50%;
    margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
    pointer-events: none;
    /* Position the tooltip */
    position: absolute;
  }
  .tooltip:hover .tooltiptext {
    visibility: visible;
  }
.noWrap_space{
    white-space: nowrap;
    width: 0em;
    text-align-last: center;
}
.windowBeforeSubmit.shipment{/* начало стилей и-са "Отргузка" */
    grid-template-rows: auto;
    padding: 1em;
    row-gap: 1em;
}
.windowBeforeSubmit.shipment .p1{
    margin: 0em;
}
.windowBeforeSubmit.shipment .n1{
    display: inline-grid;
}
.windowAfterSubmit.shpment{
    min-width: 30em;
}
.windowAfterSubmit.shipment input[name="date"]{
    width: 15em;
}
.windowAfterSubmit.shipment *.hide{
    display: none;
}
/* конец стилей и-са "Отгрузка" */

.form1.orders{/* начало стилей и-са "Заказы" */
    background: none;
}
.tableStyle1.orders{
    max-width: 70vw;
}
.tableStyle1.orders .search_td input{
    border: 1px solid #c5c5c5;
    border-radius: 0.3em;
}
.tableStyle1.orders tr td:nth-child(2n){
    white-space: nowrap;
}
.table1.orders .loadAnimation{
    display: none;
    white-space: initial;
}
.maxLotMsg, .warningMsg{
    background: #ffffff;
    padding: 0em 0.3em;
    border: 1px solid #ff0000b5;
    color: #ff0000;
    text-align: center;
}
.warningMsg{
position: absolute;
margin-top: 3.3em;
}
.block_click{
    pointer-events: none;
    opacity: 0.8;
}
.form1.orders .topWindow{
    display: none;
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgb(83 83 83 / 58%);
    z-index: 9999;
    backdrop-filter: blur(0.2em);
    justify-items: center;
    align-items: center;
    overflow: overlay;
}
.form1.orders .topWindow .content .hide, .form1.orders .topWindow .content.hide{
    display: none;
}
.form1.orders .tableStyle1.table1 td{
    white-space: pre;
}
.form1.orders .topWindow input{
    border-radius: 0.3em;
}
.tableStyle1.table1.orders .compositionTd{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.form1.orders .topWindow .content, .form1.orders .topWindow .content div{
    display: grid;
}
.form1.orders .topWindow .content div.n0{
    column-gap:1em;
    justify-items: center;
}
.form1.orders p{
    margin: 0em;
}
.form1.orders input, .form1.orders textarea{
    background: white;
}
.form1.orders input.disabled_style, .form1.orders textarea.disabled_style{
    background: #e3e3e3;
    color: #000000;
    font-style: italic;
    pointer-events: none;
    border: 1px solid #767676;
}
.form1.orders .topWindow .content{
    justify-items: center;
    background: #ffffff85;
    padding: 1em;
    border-radius: 1em;
    margin-top: 20%;
    margin-bottom: 10%;
}
.form1.orders input[name="recipient"]{
    width: 20em;
}
.form1.orders .visAndHideContent, .form1.orders .number_deadline_window.on{
    -webkit-box-shadow: 0px 0px 16px 4px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 0px 16px 4px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 0px 16px 4px rgba(34, 60, 80, 0.2);
}
.form1.orders .visAndHideContent, .form1.orders .topWindow .content{
    row-gap: 0.3em;
}
.form1.orders .visibleContent, .form1.orders .hideContent, .form1.orders .content div.n3{
    grid-auto-flow: column;
    column-gap: 1em;
    align-items: end;
}
.form1.orders .visAndHideContent, .form1.orders .number_deadline_window.on{
    background: #ffffff70;
    padding: 0.5em;
    border-radius: 0.5em;
}
.form1.orders .number_deadline_window.on{
    margin-top: 1em;
}
.form1.orders .closeBtn{
    margin-bottom: 1em;
}
.form1.orders .hideContent{
    grid-auto-columns: min-content;
    place-content: center;
}
.tableStyle1 .orderItemsView{
    color: blue;
    cursor: pointer;
}
.table1.orders .order_status.created, .table1.orders .order_status.empty, .table1.orders .order_status.completed, .table1.orders .order_status.otk, .table1.orders .order_status.shipped, .table1.orders .order_status.testing{
    display: block;
    padding: 0.2em 0.5em;
    color: white;
    border-radius: 1em;
    width: 6.5em;
}
.table1.orders .order_status.empty, .order_status.completed{
    background: #5cb6eb;
}
.table1.orders .order_status.created{
    background: #c6c6c6;
}
.table1.orders .order_status.otk, .table1.orders .order_status.shipped{
    background: #41d346;
}
.table1.orders .order_status.testing{
    background: #a000efa8;
}
.tableStyle1.table1.orders tr td:nth-child(4){
    text-align-last: center;
}
.form1.orders .content .submBtn.n3, .form1.orders .content .submBtn.n5{
    background: #ff1f1ffa;
}
.form1.orders .content .submBtn.n3, .form1.orders .content .submBtn.n6, .form1.orders .content .submBtn.n2{
    min-width: 0em;
    width: 2em;
    height: 2em;
    padding: 0em;

}
.form1.orders .visibleContent .lot{
    width: 3.5em;
}
.form1.orders .content .submBtn.n4, .form1.orders .content .submBtn.n7{
    background: green;
    margin-top: 1em;
}
.form1.orders .content textarea{
    resize: vertical;
    min-height: 5em;
    width: 40em;
    border-radius: 0.5em;
}
.form1.orders .content .comment{
    margin-top: 1em;
    background: #ffffff70;
    padding: 0.5em 0.5em;
    border-radius: 0.5em;
}
.form1.orders .content .lot_inp_progress{
    height: 1.5em;
    width: 4.9em;
    color: white;
    background: #939393;
    border-radius: 1em;
    display: grid;
    justify-items: center;
    align-items: center;
}
.form1.orders .content .lot_inp_progress.serial{
    background: #ff9b00;
    width: 3.9em;
}
.form1.orders .content .lot_inp_progress.fail{
    background: #ff1f1ffa;
    cursor: pointer;
}
.form1.orders .content .lot_inp_progress.ok{
    background: #649b64;
}
.reload_content{
    margin-bottom: 0.1em;
    background: #57b4e1;
    border: 0em;
    color: white;
    font-size: 1em;
    border-radius: 1em;
}
.reload_content.block_click{
    background: #bababa;
}
.form1.orders .content  .lot{
        width: 4.5em;
}
.form1.orders .content .product_info{
    color: white;
    padding: 0.2em 0.5em;
    margin-bottom: 0.1em;
    border-radius: 0.3em;
    background: #939393;
    width: max-content;
    border-radius: 1em;
    width: 3.5em;
    text-align: center;
}
.form1.orders .content .product_info .help_symbol{
    font-size: 0.8em;
}
.form1.orders .content .product_info.ok{
    background: #649b64;
    cursor: default;
}
.form1.orders .content .product_info.fail{
    background: #ff0000;
    cursor: pointer;
}
body.orders .ui-menu{
    width: 10.65em;
    overflow: hidden;
}
.table1.orders .sortOrders label{
    cursor: pointer;
}
.table1.orders tbody{
    white-space: pre-wrap;
}/* конец стилей и-са "Заказы" */

main.mainPage img{/* стили для главной страницы */
    height: 1em;
}
.containerLocatMainBtn{
    /* display: none; */
}
.tableStyle1.mainPage{
    font-size: 0.94em;
}
/* .tableStyle1.max_width_history_table{
    max-width: 50em;
} */
.tableStyle1.mainPage.history_table{
    max-width: 95em;
}
.tableStyle1.mainPage thead td{
    background: white;
    border:none;
}
.tableStyle1.mainPage tbody td{
    border: 1px solid rgba(128, 128, 128, 0.434);
}
.tableStyle1.mainPage tbody td.history:hover{
    cursor: pointer;
    background-color: rgb(211, 211, 211);
}
.tableStyle1.mainPage.prod_table tr:hover{
    background: rgb(221, 221, 221);
}
.tableStyle1.mainPage caption{
    color: white;
    border: 0.2em solid #FFF;
    border-radius: 0.3em 0.3em 0em 0em;
    font-size: larger;
    padding: 0.4em 0;
    background: none;
}
main.mainPage .allPagination{
    background: #FFF;
    opacity: 0.85;
    display: grid;
    grid-template-columns: auto auto;
    padding: 0.3em 0em;
}
main.mainPage .allPagination #maxrows{
    text-align: right;
    margin: 0em;
    margin-right: 1em;
}
main.mainPage .filterButton{
    border: 1px solid white;
}
main.mainPage #filterContent{
    background-color: #f5f5f547;
}
main.mainPage .filters{
    display: flex;
    user-select: none;
}
main.mainPage .filters .filterName{
    border-bottom: 1px solid white;
    width: 11em;
    padding: 0.5em 0.5em;
    color: white;
    font-size: large;
}
main.mainPage .filters .filterContainer{
    border-bottom: 1px solid white;
}
main.mainPage .filters .filterName.space_text{
    width: 1.5em;
}
main.mainPage .filters input {
    vertical-align: bottom;
    cursor: pointer;
    margin-right: 1em;
    background-color: #f3f3f3d6;
}
main.mainPage .searchOnFilters {
    margin-top: 0.3em;
    width: 22.3em;
}
main.mainPage .overflowClass {
    display: grid;
    max-height: 16.5em;
    overflow-y: auto;
    background: #5e5e5e63;
    backdrop-filter: blur(0.9em);
    -webkit-backdrop-filter: blur(0.4em);
    position: absolute;
    z-index: 1;
    width: 18.8em;
    color: white;
}
main.mainPage *.hide{
    display: none;
}
main.mainPage .overflowClass .filterInput.checkbox{
    padding: 0.2em 0.4em;
    cursor: pointer;
}
main.mainPage .overflowClass .filterInput.checkbox:hover{
    opacity: 0.5;
}
main.mainPage .overflowClass .filterInput.title{
    cursor: default;
}
main.mainPage .overflowClass .filterInput.title:hover{
    opacity: 1;
}
main.mainPage .viewFilterInputOnMain{
    padding: 0em 0.3em;
    display: flex;
    color: white;
    align-items: center;
    font-size: large;
    border-bottom: 1px solid white;
    padding-left: 0em;
}
main.mainPage .filters input.date {
    margin-left: 1em;
}
.filters.combination_columns{

}
.filters.combination_columns .filterName{
    
}
main.mainPage .filterButton .labelByAddFilter{
    margin: 0em;
    padding: 2em 0em 0.3em 0.5em;
    color: white;
    border-bottom: 1px solid white;
}
main.mainPage .filterButton .labelByAddFilter .submBtn{
    height: 1.5em;
    margin-left: 0.3em;
    background: #e7c107c7;
    min-width: 2em;
    padding: 0em;
}
main.mainPage .filterButton .historyFilters .filters{
    display: none;
}
main.mainPage .addFilter.history .overflowClass .filterInput{
    padding: 0.4em 1em;
    cursor: pointer;
}
main.mainPage .addFilter.history .overflowClass .filterInput:hover{
    opacity: 0.5;
}
main.mainPage .addFilter.history{
    padding: 1em;
}
main.mainPage .addFilter.history .filterContainer{
    border:none;
}
main.mainPage .pounterCurs:hover, main.mainPage  #activeColumnSortAsc:hover, main.mainPage #activeColumnSortDesc:hover{
    background: #e1e1e1;
    cursor: pointer;
}
main.mainPage #activeColumnSortAsc::after {
    content: "⇈";
    padding: 0em 0.5em;
}
main.mainPage #activeColumnSortDesc::after {
    content: "⇊";
    padding: 0em 0.5em;
}
main.mainPage .addFilter.history .overflowClass{
    width: 13.35em;
}
main.mainPage #filtersButtonAct{
    display: grid;
    grid-template-columns: 10em 10em 10em 5em;
    align-content: center;
}
main.mainPage #filtersButtonAct .submBtn{
    background-color: #6d9eff00;
}
main.mainPage .all_rows, .number_revision{
    color: white;
    font-style: italic;
    font-size: 0.92em;
}
.tableStyle1.mainPage a{
    color: rgb(0, 81, 255);
}
.tableStyle1.mainPage caption{
    border: 0.2px solid #FFF;
    border-bottom: 0px;
}

main.mainPage #infoHist{
    border-right: 1px solid white;
    border-left: 1px solid white;
    color: white;
    display: flex;
    place-content: center;
    grid-column-gap: 1em;
}
main.mainPage .commentTable{
    display: none;
}
main.mainPage .commentTable textarea{
    border: 1px solid rgba(0, 0, 0, 0.36);
}
main.mainPage .tableStyle1.n0 tbody td, main.mainPage .tableStyle1.n1 tbody td, main.mainPage .tableStyle1.n2 tbody td{
    background:none;
    border: none;
}
main.mainPage select, main.mainPage .select, main.mainPage .saveLocatMainBtn, main.mainPage .closeLocatMainBtn{
    display: none;
}
main.mainPage .saveLocatMainBtn, main.mainPage .closeLocatMainBtn,  main.mainPage .changeLocatMainBtn{
    margin-left: 1em;
    cursor: pointer;
}
main.mainPage{
    display: grid;
    grid-auto-columns: max-content;
}
main.mainPage .select{
    margin: 0em;
}
/* конец стилей для главной страницы */

/* начало стилей страницы авторизации */
main.index form{
    gap: 0.7em;
    padding: 1em 4em;
    place-items: center;
    border-radius: 1em;
    display: grid;
    background: #ffffff70;
    color: white;
}
main.index form div{
    display: grid;
}
main.index form .submBtn.n2{
    background: #136003b0;
}
main.mainPage .protocolsWindow{
    background: #FFF;
    opacity: 0.85;
    padding: 1em;
}
/* конец стилей страницы авторизации */


/* начало стилей Номенклатура */
main.nomenclature .overflowClass{
    display: none;
    max-height: 16.5em;
    overflow-y: auto;
    background: #ffffff;
    position: absolute;
    z-index: 1;
    width: 25em;
    color: rgb(0, 0, 0);
    display: grid;
    border: 1px solid dimgrey;
    border-top: 0px;
}
main.nomenclature .overflowClass span{
    cursor: pointer;
    padding: 0em 0.5em;
    height: 1em;
    display: grid;
    height: 2em;
    align-items: center;
}
main.nomenclature .overflowClass span:hover{
    background: #e9e9e9;
}
main.nomenclature .searchOnFilters{
    border: 1px solid rgb(144 144 144);
    width: 27.9em;
}
main.nomenclature tbody.n3{
    overflow-y: scroll;
    max-height: 60vh;
    display: block;
    width: 100%;
}
main.nomenclature tbody.n3 td:nth-child(2n){
    width: 100%;
}
main.nomenclature .searchOnFilters{
    cursor: pointer;
}
main.nomenclature .tableStyle1 td{
    white-space: nowrap;
}
/* конец стилей Номенклатура */

/* начало стилей Руководство пользователя */
.user_manual .main_window{
    display: grid;
    grid-template-columns: auto auto;
    background: white;
}
.user_manual .main_window .items{
    border-right: 0.15em solid #c5c5c5;
}
.user_manual .main_window .items .pages{
    display: grid;
}
.user_manual .main_window .items .pages button{
    border: none;
    border-bottom: 1px solid #999999;
    padding: 0.5em 1em 0.5em 1em;
    background: white;
    font-family: initial;
    font-size: initial;
}
.user_manual .main_window .items .pages button:hover{
    background: #e3e3e3;
}
.user_manual .main_window .description{
    padding: 1em;
    max-width: 50em;
    font-size: large;
    letter-spacing: 0.02em;
    font-family: math;
}
.user_manual .main_window .description *.hide{
    display: none;
}
.user_manual .extra_span{
    display: block;
    padding: 0.5em 1em;
    border-radius: 1em;
    width: fit-content;
    font-size: 0.9em;
    letter-spacing: 0em;
    margin-top: 0.5em;
}
.margin{
    margin-left: 1em;
}
.extra_span.n1{
    background: #acdb63eb;
}
.extra_span.n2{
    background: #f1c43eeb;
}
.extra_span.n3{
    background: #57b4e1;
}
.user_manual .caption{
    text-align-last: center;
    color: white;
    border: 0.2em solid #FFF;
    border-radius: 0.3em 0.3em 0em 0em;
    font-size: larger;
    padding: 0.4em 0;
    background: none;
}
/* конец стилей Руководство пользователя */

.hint.validateSerial{
    display: none;
    justify-self: center;
    color: red;
    background: #ececec94;
    place-self: center;
}

.dropbtn {/*Начала стиля "меню перехода" в другие интерфейсы*/
    background-color: #9d9d9d00;
    font-size: medium;
    font-family: Arial;
    /* color: white; */
    /* font-weight: 700; */
    border: 0;
    padding: 1em;
    height: 4em;
    border-radius: 1em;
    margin-bottom: 1em;
}
.dropbtn:hover #menu {
    filter: brightness(03) saturate(1);
    opacity: 0.9;
}
.dropbtn img{
    height: 2em;
    filter: brightness(03);
}
.dropdown{
    z-index: 9;
}
.dropdown:hover #menu {
    filter: brightness(03) saturate(1);
    opacity: 0.9;
}
.dropdown-content {/* Dropdown Content (Hidden by Default) */
    display: none;
    position: absolute;
    background: #f8f8f8;
    min-width: 10em;
    box-shadow: 0px 10px 10px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 1em;
    z-index: 99;
}
.dropdown-content a {/* Links inside the dropdown */
    color: #545454d6;
    padding: 1em 2em 1em 2.5em;
    text-decoration: none;
    display: block;
}
.dropdown-content img {
    height: 1.5em;
    float: right;
    margin-top: -0.2em;
    filter: brightness(3);
    opacity: 0.8;
}
.dropdown-content p {
    margin: 0.5em 0em;
}
.dropdown-content a:hover {
    background-color: #45677855;
    color: white;
}
.dropdown-content a:hover img {
    filter: brightness(10) saturate(0);
}
.dropdown:hover .dropdown-content {
    display: block;
}

.select {/* начало - кастомный селект */
    display: block;
    width: 100%;
    position: relative;
    margin-top: 1em;
    margin-bottom: 1.1em;
    background: none;
    color: #14223e00;
    border: none;
}
.new-select {
    position: relative;
    /* border: none; */
    padding: 0.4em 0.2em;
    cursor: pointer;
    user-select: none;
    background: #3f5722d1;
    color: white;
}
.new-select__list {
    position: absolute;
    border: 1px solid #CED4DA;
    cursor: pointer;
    width: 99.5%;
    z-index: 2;
    background: none;
    user-select: none;
}
.new-select__list.on {
    display: block;
}
.new-select__item span {
    display: block;
    padding: 0.4em 0.2em;
    background: #ffffff94;
    color: black;
    backdrop-filter: blur(0.4em);
    -webkit-backdrop-filter: blur(0.4em);
}
.new-select__item span:hover {
    color: #14223eb0;
    cursor: pointer;
}
.new-select.on:after {
    transform: rotate(180deg);
}
/* конец - кастомный селект */
.nonSelectUser{
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* мобильный интерфейс "Сканер" */
main.form_mobile{
    position: relative;
    margin-top: -3em;
    /* margin-top: 1em; */
    margin-bottom: 1em;
    width: 100%;
}
.form_mobile .p1{
    color: #6f6f6f;
    text-align: center;
    font-size: 2em;
    margin: 2%;
    letter-spacing: .1px;
}
.form_mobile .submBtn {
    font-size: 1.3em; /* Размер шрифта */
    margin-top: 0.5em; /* Отступ сверху */
    width: 70vw; /* Ширина кнопки */
}
.form_mobile .main_content{
    /* background-color: #f5f5f2; */
    background-color: #e7e7e7;
    border-radius: 1em;
    padding: 1% 5% 5% 5%;
    /* top: 1em; */
    /* position: fixed; */
    /* width: 85%; */
}
.form_mobile .submBtn.n2{
    background-color: rgb(231 231 231);
    color: #4a4444;
}
.form_mobile .buttons{
    display: grid;
}
.form_mobile .buttons input{
    /* position: absolute;
    bottom: 1em; */
    display: none;
}
/* .scan_window{
    display: none;
} */
/* .scan_window img{
   width: 16em;
}
.scan_window #html5-qrcode-button-camera-permission, .scan_window #html5-qrcode-anchor-scan-type-change, .scan_window #scan__header_message{
    padding: 0.3em;
    /* font-size: 3em; */
    /* margin: 0.5em; */
/* } */
.scan_window button{
    display: inline-block;
    /* font-size: 4em; */
}
/*Скрываем маркер*/
li{
     list-style: none;
}
.list_modes_mobile{
    display: grid;
}
.list_modes_mobile ol{
    padding-left: 1em;
}
.list_modes_mobile li{
    /* font-size: 3em; */
    color: #212121;
    border-bottom: 1px solid #424242;
    padding: 0.5em 0em 0.5em 0em;
    font-family: sans-serif;
}
.form_mobile .message{
    text-align: center;
    /* font-size: 3em; */
    margin: 0.5em 3.9em;
    padding: 0.3em;
    border-radius: 0.2em;
}
.form_mobile .message.ok{
    background: #43851e;
    color: #ffffff;
}
.form_mobile .message.fail{
    background: #901b1b;
    color: #ffffff;
}
.form_mobile .message.just{
    background: #2b537a;
    color: #ffffff;
}
.form_mobile #html5-qrcode-select-camera{
    /* display: none; */
    color: black;
    /* font-size: 3em; */
}
.form_mobile .new-select, .form_mobile .new-select__item{
    /* font-size: 2em; */
    width: 15em;
    display: inline-block;
}
.form_mobile .show_scaned_items{
    color: #0065be;;
}
.form_mobile .scaned_item_str{
    display: none;
    gap: 1em;
    grid-template-columns: 5em 5em 5em;
    justify-content: center;
    /* font-size: 1.3em; */
}
.form_mobile .show_hide_scaned_items{
    display: block;
    text-align-last: center;
    margin-top: 0.5em;
    margin-bottom: 0em;
}
.form_mobile .scaned_items_mobile .delete_scaned_item{
    background: #d70000e8;
    color: white;
    padding: 0.1em;
    border-radius: 0.3em;
}
.form_mobile .scaned_items_mobile{
    display: none;
}
.form_mobile .select_mode{
    /* margin: 1em 0em 1em 0em; */
    display: grid;
    place-items: center;
    margin-bottom: 0.5em;
}
.form_mobile .scaned_items_mobile .scaned_item{
    display: grid;
    place-items: center;
    row-gap: 0.3em;
    border: 1px solid #656464;
    border-radius: 0.3em;
    border-radius: 0.5em;
    padding: 0.5em;
}
.form_mobile .custom-select-container{
    justify-self: center;
    text-align-last: center;
    width: 100%;
}
.mobile_fonts_1s{
    font-size: 1.3em;
}
.form_mobile .sign_input_field{
    display: grid;
    place-items: center;
}
.form_mobile .new_name.sign_input_field{
    display: block;
    position: relative;
    text-align: center;
}
.form_mobile .sign_input_field input{
    border: 1px solid rgb(85, 85, 85);
    border-radius: 0.5em;
    font-size: 100%;
    width: 100%;
    text-align-last: center;
}
.form_mobile .windows .window{
    display: none;
}
.form_mobile .info_serial{
    display: grid;
    font-size: 1.5em;
    justify-content: center;
}
.form_mobile .info_serial_table .serial{
    white-space: pre;
}
.form_mobile .info_table, .form_mobile .info_serial_table{
    width: 100%; /* Занимает всю ширину родителя */
    border-collapse: collapse; /* Убирает двойные границы */
    margin-top: 1em; /* Отступ сверху для расстояния от div */
    background-color: #f9f9f9; /* Такой же фон */
    border-radius: 0.5em; /* Закругленные углы */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Тень */
    text-align-last: center;
}
.form_mobile .info_table caption {
    font-size: 1.5em; /* Размер шрифта для заголовка таблицы */
    margin: 0.5em; /* Отступ для заголовка */
    text-align: center; /* Выравнивание по центру */
    color: #333; /* Цвет текста */
}
.form_mobile .info_table td, .form_mobile .info_serial_table td, .form_mobile .info_serial_table th{
    padding: 0.8em 1em; /* Внутренние отступы ячеек */
    font-size: 1.2em; /* Размер шрифта */
    color: #333; /* Цвет текста */
    border-bottom: 1px solid #ddd; /* Нижняя граница для ячеек */
}
.form_mobile  .info_table tr:last-child td , .form_mobile .info_serial_table .info_table tr:last-child td{
    border-bottom: none; /* Убираем нижнюю границу у последней строки */
}
.window.change_location{
    justify-items: center;
}
.info_serial_table td, .info_serial_table th{
    word-break: break-word;
}