body {
    margin: 0;
    background-color: #EBF1F6;
}
@font-face {
    font-family: "Inter-Regular";
    src: url("../css/fonts/Inter-Regular.otf") format("opentype");
}
body {
    font-family: "Inter-Regular";
}

.klients_2kol input[type=number],
.klients_2kol input[type=date],
.klients_2kol input[type=text]{
    display: block;
    width: 365px;
    height: 40px;
    /*padding-bottom: 20px;*/
    border: 1px solid #000000;
    border-radius: 5px;
}
h1{
    margin-left: 150px;
    margin-top: 15px;
    font-size: 26px;
    display: contents;
}

a{
    /*margin-left: 10px;*/
    font-size: 16px;
}

.logo{
    display: block;
    position: relative;
    width: 114px;
    height: 74px;
    top: 20px;
    left: 75px;
}

.content{
    width: 1280px;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
}

.type_oprihods td,
.type_spisans td,
.sklads td,
.voditel td,
.sklads2 td,
.sklads_id td,
.type_doc td,
.klients td,
.set_nomenkl td,
.zakazs_ser td,
.null_ostat td,
.minus_ostat td,
.status_shets td{
    height: 30px;
    padding-left: 10px;
    border-top: 1px solid #bbbbbb;
    font-size: 12px;
}

::placeholder {
    font-size: 0.8em;
}

.postupl_uslugi th,
.content_0_kol_str th,
.content_0_kol th{
    height: 40px;
    padding-left: 10px;
    margin-left: 10px;
    text-align: left;
    font-size: 14px;
}

.heider{
    display: block;
    background-color: rgb(3, 17, 27);
    width: 100%;
    height: 113px;
    margin: 0;
    font-size: 18px;
    color: white;

}


.meny_header{
    display: block;
    position: relative;
    width: 1000px;
    height: 100%;
    margin-left: 280px;
    opacity: 0.2;
    background: red;
}

.heider_ser{
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: 1280px;
    height: 100%;
    margin-top: 0;
    padding: 0;
 }

.heider_left{
    display: inline-block;
    width: 200px;
    height: 113px;
}

.heider_right{
    display: inline-block;
    width: 1080px;
    height: 113px;
    z-index: 5;
}

.header_display_flex{
    display: flex;
    width: min-content;
    margin-left: auto;

}

.heider_gross{
    display: inline-block;
    width: 150px;
    height: 40px;
    margin-left: 30px;
    margin-top: 35px;
}

.heider_center_text {
    display: flex;
    height: 40px;
    text-align: center;
    line-height: 19px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-left: 0px;
    color: white;
    text-decoration: none;
    background-color: #007AD3;
}

.black_bak{
    background-color: rgb(3, 17, 27);
}


.heider_min_list{
    display: inline-block;
    width: 150px;
    height: 40px;
    background-color: #007AD3;
}

.horizontal-menu {
    display: flex;
    list-style-type: none;
}

.horizontal-menu li {
    margin: 10px;
}

.href_header_submeny:hover {
    font-weight: 550;
    margin-left: -1px;
}

.heider_min_list_display{
    display: none;
    width: 200px;
    z-index: 999;
}

li {
    list-style-type: none; /* Убираем маркеры */
}
ul {
    margin-left: 0; /* Отступ слева в браузере IE и Opera */
    padding-left: 0; /* Отступ слева в браузере Firefox, Safari, Chrome */
}

.dropdown-menu {
    display: none;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #333;
    padding: 0;
}

.horizontal-menu li:hover .dropdown-menu {
    position: relative;
    margin-bottom: auto;
    margin-top: auto;
    display: table-cell;
    vertical-align: middle;
    background-color: blue;
}

.href_header_meny{
    color: white;
    text-decoration: none;
    padding: 10px 70px 10px 10px;
    width: 200px;
}

.href_header_submeny{
    color: white;
    text-decoration: none;
}

.li_header{
    width: 200px;
    background-color: blue;
}

form{
    display: block;
}

table{
    border-collapse: collapse;
}

th, td {
    padding-left: 10px;
    border-collapse: collapse;
    margin-top: 5px;
}

#organizs{
    display: none;
}

#strih_kod2, #strih_kod3, #strih_kod4, #strih_kod5{
    display: none;
}

.marketpls{
    display: none;
    position: absolute;
    background: white;
}
.marketpls td,
.marketpls th{
    border: 1px solid #bbbbbb;
}

.nabor,
.nomenkl{
    display: none;
}


.nabor td,
.nabor th,
.nomenkl_nomenkl td,
.nomenkl_nomenkl th,
.nomenkl td,
.nomenkl th{
    position: sticky;
    /*height: 0;*/
    border: 1px solid #bbbbbb;
    height: 30px;
    border-left: 0px solid #bbbbbb;
    border-right: 0px solid #bbbbbb;
}

.uslugi_logist,
.uslugi_korobs,
.uslugi{
    display: none;
}

.uslugi_logist td,
.uslugi_korobs td,
.uslugi td,
.uslugi th{
    height: 0;
    border: 1px solid #bbbbbb;
}

.zakazs_uslugi_left{
    display: inline-block;
    width: 800px;
    max-height: 260px;
    display: inline-block;
    margin-top: 10px;
}

.blue_text{
    display: block;
    margin-left: 13px;
    font-size: 12px;
    color: #0000FF;
    text-decoration: underline;
    cursor: pointer;
}

.vibor_stranits .blue_text{
    display: inline-block;
}

._spisok .blue_text,
.nomenkl_spisok .blue_text{
    margin-left: 0;
    font-size: 16px;
}

.zakazs_cont_col_3 .blue_text{
    margin-top: 3px;
    width: 200px;
}

.dogovor{
    margin-top: -25px;
    display: none;
    position: absolute;
    background: white;
    /*z-index: 5;*/
}

.dogovor td,
.dogovor th{
    width: 200px;
    border: 1px solid #bbbbbb;
}

.klients_grupp{
    display: none;
    position: absolute;
    background: white;
}
.klients_grupp td,
.klients_grupp th{
    height: 0;
    border: 1px solid #bbbbbb;
}
.nomenkl_grupp{
    display: none;
    position: absolute;
    background: white;
}

.status_shets,
.null_ostat,
.minus_ostat,
.sklads2,
.sklads_id,
.sklads{
    margin-top: -25px;
    display: none;
    position: absolute;
    background: white;
    z-index: 5;
}

.voditel{
    margin-top: 0;
    display: none;
    position: absolute;
    background: white;
    z-index: 5;
}

.status_shets td,
.null_ostat td,
.minus_ostat td,
.sortir td,
.grupir td,
.type_doc td,
.sklads td,
.sklads th,
.sklads_id td,
.sklads_id th,
.voditel td,
.voditel th,
.sklads2 td,
.sklads2 th{
    border: 1px solid #bbbbbb;
    z-index: 6;
}

#close_sklad,
#close_sklad2
{
    display: none;
}

#add_nabor_van_tabl_filt,
#add_nomenkl_van_tabl_filt{
    display: none;
}

.set_dogovors .zakazs_col_left,
.set_nomenkl .zakazs_col_left{
    font-size: 16px;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.set_nomenkl #nomenkl_grupp_vibor {
    width: 379px;
    margin-top: -5px;
}
/*.nomenkl,*/
.sklads,
.sklads_id,
.marketpl,
.type_oprihods,
.type_spisans,
.uslugi_korobs,
.organiz,
.nomenkl_grupp,
.klients,
.status_shets,
.null_ostat,
.minus_ostat{
    display: none;
    position: absolute;
    background: white;
    max-height: 180px;
    width: 220px;
    overflow-y: auto;
    border-bottom: 1px solid #bbbbbb;
    border-top: 1px solid #bbbbbb;
    z-index: 5;
}

.korobs{
    display: none;
    position: absolute;
    background: white;
    max-height: 180px;
    width: 420px;
    overflow-y: auto;
    border-bottom: 1px solid #bbbbbb;
    border-top: 1px solid #bbbbbb;
    z-index: 5;
}

.uslugi_logist,
.uslugi{
    display: none;
    position: absolute;
    background: white;
    max-height: 280px;
    width: 800px;
    overflow-y: auto;
    border-bottom: 1px solid #bbbbbb;
    border-top: 1px solid #bbbbbb;
    z-index: 5;
}

.nabor,
.nomenkl_nomenkl,
.nomenkl{
    display: none;
    position: absolute;
    background: white;
    max-height: 280px;
    width: 1280px;
    overflow-y: auto;
    /*border-bottom: 1px solid #bbbbbb;*/
    /*border-top: 1px solid #bbbbbb;*/
    z-index: 5;
    table-layout: fixed;
    font-size: 12px;
    border: 1px solid #bbbbbb;
}

.set_nomenkl .klients {
    width: 379px;
    margin-top: -5px;
}

.organiz td,
.klients td,
.klients th{
    border: 1px solid #bbbbbb;
}

/*.klients::-webkit-scrollbar {*/
/*    width: 0;*/
/*}*/

.nomenkl_grupp,
.status{
    margin-top: -25px;
    display: none;
    min-width: 200px;
    position: absolute;
    background: white;
    z-index: 5;
}
.nomenkl_grupp td,
.nomenkl_grupp th,
.status td,
.status th{
    border: 1px solid #bbbbbb;
}

.postupl_uslugi{
    max-height: 260px;
    margin-top: 3px;
    overflow-y: auto;
    display: block;
    background-color: white;
}

.uslugi_left{
    margin-top: 10px;
    display: block;
    position: relative;
    max-height: 270px;
    margin-left: 0;
    width: 100%;
    background-color: white;
    border-radius: 5px;
    border: 1px solid #bbbbbb;
    overflow-y: auto;
}


._spisok th,
.nomenkl_spisok th,
.postupl_uslugi th,
.postupl_nomenkl th,
.postupl_nomenkl_nomenkl th {
    position: -webkit-sticky;
    position: sticky;
    top: -3px; /* при нуле в chrome остаётся странный зазор*/
    z-index: 2;
    background-color: white;
}

._spisok th,
.nomenkl_spisok th,
.postupl_uslugi th,
.postupl_nomenkl th,
.postupl_nomenkl_nomenkl th {
    /*position: -webkit-sticky;*/
    /*position: sticky;*/
    /*top: -3px; !* при нуле в chrome остаётся странный зазор*!*/
    /*z-index: 2;*/
    /*background-color: white;*/
}

._spisok td,
.nomenkl_spisok td,
.postupl_uslugi td,
.postupl_nomenkl td,
.postupl_nomenkl_nomenkl td {
    height: 40px;
    padding-bottom: 5px;
    font-size: 14px;
}

._spisok td,
.nomenkl_spisok td,
.postupl_uslugi td,
.postupl_nomenkl td,
.postupl_nomenkl_nomenkl td {
    border-top: 1px solid #bbbbbb;
}



.uslugi_left_1col{
    display: inline-block;
    border: 1px solid #bbbbbb;
    border-radius: 5px;
    background-color: white;
    width: 800px;
    min-height: 35px;
}

.uslugi_right_2col{
    display: inline-block;
    position: absolute;
    margin-top: 10px;
    margin-left: 10px;
    width: 471px;
    border: 1px solid #bbbbbb;
    border-radius: 5px;
    background-color: white;
}


.zakazs_korobs td{
    height: 40px;
    border-top: 1px solid #bbbbbb;

}

.prise_usl{
    display: inline-block;
    position: absolute;
    margin-top: 10px;
    margin-left: 10px;
    width: 471px;
    border: 1px solid #bbbbbb;
    border-radius: 5px;
    background-color: white;
}
.zakazs_korobs{
    /*max-height: 260px;*/
    margin-top: 3px;
    overflow-y: auto;
    display: block;
    background-color: white;
}

.zakazs_korobs th {
    height: 40px;
    padding-left: 10px;
    margin-left: 10px;
    text-align: left;
    font-size: 14px;
    position: sticky;
    top: -3px;
    background-color: white;
    z-index: 1;
}

.korobs{
    display: none;
}

.korobs td,
.korobs th{
    height: 0;
    border: 1px solid #bbbbbb;
}

.marketpl{
    margin-top: -25px;
    display: none;
    position: absolute;
    background: white;
    z-index: 5;
}
.marketpl td,
.marketpl th{
    border: 1px solid #bbbbbb;
}

.type_oprihods,
.type_spisans{
    display: none;
}

.type_oprihods td,
.type_spisans td{
    height: 30px;
    border: 1px solid #bbbbbb;
}

.postupl_uslugi_schet{
    display: none;
}


#set_role,
input[type=text],
input[type=date],
input[type=number]
{
    padding: 5px;
    background: white;
    border-radius: 5px;
    border: 0px solid #333333;
    font-family: "Inter-Regular";
    cursor: pointer;
    margin: 2px;
    padding-left: 5px;
    outline:none;
}


.othet_nomenkl input[type=date],
.othet_nomenkl input[type=text]{
    padding: 10px;
    background: white;
    border-radius: 5px;
    border: 0px solid #333333;
    font-family: "Inter-Regular";
    cursor: pointer;
    margin: 2px;
    padding-left: 5px;
    outline:none;
}


#avtor_doc{
    background-color: #EBF1F6;
    border: none;
    font-size: 16px;
    cursor: auto;
    width: 500px;
}

.form_auth input[type=text]{
    display: block;
    width: 270px;
    height: 40px;
    border-radius: 5px;
    font-size: 18px;
    /*padding-left: 10px;*/
    border: 2px solid #333333;
    padding: 0;
    padding-block: 1px;
    padding-inline: 2px;
    padding-left: 10px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

/*#add_marketpl_and_sk{*/
/*    position: absolute;*/
/*    margin: -30px;*/
/*}*/

#get_uslugi_no_oplachen_in_klients,
#table_vibor_akts{
    display: none;
}

.line{
    display: block;
    width: 100%;
    height: 1px;
    background-color: #bbbbbb;
}

/* поиск */
.search {
    margin-right: 0;
    height: 30px;
    border: 1px solid #bbbbbb;
    border-radius: 5px;
    background-color: white;
    width: 400px;
    display: block;
    position: absolute;
    margin-top: -45px;
    margin-left: 440px;
}
.text_lupa{
    display: inline-block;
    width: 90%;
}
.lupa{
    display: inline-block;
    position: absolute;
    padding: 5px;
    margin-right: 5px;
    margin-left: -8px;
}

.text_lupa_nomenkl_vse{
    width: 400px;
}


input[name="kol"],
input[name="kol_nabor"],
input[name="kol_uslugi"],
input[name="kol_korobs"]
{
    padding-left: 0;
    display: block;
    width: 90px;
    font-size: 16px;
    border: 1px solid #bbbbbb;
    padding: 3px;
}

input[name="kol_fact"],
input[name="prise"],
input[name="prise_nabor"],
input[name="prise_uslugi"],
input[name="dop_prise"],
input[name="sum_prise"]
{
    padding-left: 0;
    display: block;
    width: 90px;
    font-size: 16px;
    border: 1px solid #bbbbbb;
    padding: 3px;
}

.razr_user input[name="prise"]
{
    padding-left: 0;
    width: auto;
}

.razr_user td{
    height: 30px;

}


input[name="zadanie"],
input[name="zadanie_nabor"]{
    padding-left: 0;
    display: block;
    width: 150px;
    font-size: 16px;
}

.zakazs_col_2 input[name="klients"],
.zakazs_col_1 input[name="number"] {
    cursor: text;
    width: 260px;
}


#add_uslugi_and_prise,
#add_korobs_van_tabl,
#add_uslugi_van_tabl,
#add_nomenkl_van_tabl,
#add_nabor_van_tabl,
#add_nomenkl_van_tabl_nomenkl{
    display: block;
    position: relative;
    margin-top: 0;
    z-index: 1;
    padding-top: 10px;
    padding-bottom: 10px;
}

#file_submit_import_excel{
    display: block;
    position: relative;
    margin-top: 0;
    z-index: 1;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 120px;
}


.content_0_kol{
    margin-top: 10px;
    display: block;
    position: relative;
    max-height: 500px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-color: white;
    border-radius: 5px;
    border: 1px solid #bbbbbb;
    overflow-y: auto;
}

.content_0_kol_str{
    margin-top: 10px;
    display: block;
    position: relative;
    /*max-height: 2000px;*/
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-color: white;
    border-radius: 5px;
    border: 1px solid #bbbbbb;
    overflow-y: auto;
}

.content_0_othet{
    margin-top: 10px;
    display: block;
    position: relative;
    /*max-height: 2000px;*/
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-color: white;
    border-radius: 5px;
    border: 1px solid #bbbbbb;
    /*overflow-y: auto;*/
}

/*.nomenkl_spisok{*/
/*    display: block;*/
/*    !*max-height: 2000px;*!*/
/*    overflow-y: auto;*/
/*}*/

.content_0_kol_button{
    margin-top: -5px;
    padding-top: 5px;
    display: block;
    position: relative;
    /*max-height: 500px;*/
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-color: white;
    border-radius: 0 0 5px 5px;
    border: 1px solid #bbbbbb;
    border-top: 0 solid #bbbbbb;
}


/*Импорт файла*/
.import_file input[type="file"] {
    display: none;
}
.import_file label {
    margin-left: 10px;
    display: block;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    background-color: #f1f1f1;
}
.import_file label:hover {
    background-color: #e1e1e1;
}

#submit_import_excel,
#submit_import{
    /*display: inline-block;*/
    position: relative;
    margin-top: -17px;
    margin-left: 150px;
    height: 18px;
    display: none;
}

.file_submit_import_excel{
    margin-top: 3px;
    text-align: center;
    margin-left: 0;
    font-size: 14px;
    text-decoration: none;

}
#submit_import_excel{
    margin-left: 0;
    margin-top: 0;
    width: 100%;
    height:  100%;
}


.highlight { background-color: gray; color: white }
.selectHighlight { background-color: rgb(35, 140, 0) }


.button_save{
    display: block;
    margin-top: -30px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: 0;
    width: 200px;
    height: 40px;
    background: #007AD3;
    font-size: 18px;
    color: white;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none; /* Убираем подчеркивание */
    border: none; /* Опционально: убираем рамку кнопки */
}
.button_rem{
    display: block;
    position: absolute;
    /*margin-top: -30px;*/
    margin-bottom: 10px;
    margin-left: 970px;
    margin-right: 210px;
    width: 100px;
    height: 40px;
    background: white;
    font-size: 18px;
    color: #007AD3;
    border: 1px solid #007AD3;
    border-radius: 5px;
    cursor: pointer;
}

.button_grupp{
    display: block;
    width: max-content;
    height: 40px;
    margin-left: auto;
    margin-right: 0;
    margin-top: -30px;
    margin-bottom: 10px;
}

.button_grupp_100px_wite{
    width: 100px;
    height: 40px;
    background: white;
    font-size: 18px;
    color: #007AD3;
    border: 1px solid #007AD3;
    border-radius: 5px;
    cursor: pointer;
}
.button_grupp_200px_wite{
    width: 200px;
    height: 40px;
    background: white;
    font-size: 18px;
    color: #007AD3;
    border: 1px solid #007AD3;
    border-radius: 5px;
    cursor: pointer;
}
.button_grupp_100px_blue{
    width: 100px;
    height: 40px;
    background: #007AD3;
    font-size: 18px;
    color: white;
    border: 1px solid #007AD3;
    border-radius: 5px;
    cursor: pointer;
}

.button_grupp_200px_blue{
    width: 200px;
    height: 40px;
    background: #007AD3;
    font-size: 18px;
    color: white;
    border: 1px solid #007AD3;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
}

.class_x{
    position: relative;
    margin-top: -18px;
    margin-left: auto;
    margin-right: 2px;
    padding: 5px;
    padding-top: 2px;
    display: block;
    border: none;
    background-color: #11ffee00;
    cursor: pointer;
    color: #0000FF;
}

.class_x:hover{
    position: relative;
    margin-top: -18px;
    margin-left: auto;
    margin-right: 2px;
    padding: 4px;
    padding-top: 2px;
    display: block;
    /*position: absolute;*/
    border: 1px solid #007AD3;
    background-color: #11ffee00;
    cursor: pointer;
    border-radius: 5px;
}


.class_sk{
    position: relative;
    margin-top: -18px;
    margin-left: auto;
    margin-right: 2px;
    padding: 5px;
    padding-top: 2px;
    display: block;
    border: none;
    background-color: #11ffee00;
    cursor: pointer;
    color: #0000FF;
}

.class_sk:hover{
    position: relative;
    margin-top: -18px;
    margin-left: auto;
    margin-right: 2px;
    padding: 4px;
    padding-top: 2px;
    display: block;
    /*position: absolute;*/
    border: 1px solid #007AD3;
    background-color: #11ffee00;
    cursor: pointer;
    border-radius: 5px;

}

.vibor_stranits{
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    height: max-content;
    max-width: 100%;
    width: max-content;
    background-color: white;
    border: 1px solid #bbbbbb;
    border-radius: 5px;
}

.vibor_stranits_str{
    margin-left: 0;
    padding: 2px;
    text-decoration: none
    /*background-color: white;*/
}

.vibor_stranits_str:hover{
    border: 1px solid #bbbbbb;
    padding: 1px;
    /*text-decoration: none;*/
    border-radius: 5px;
    text-decoration: underline;
    /*background-color: white;*/
}


.cursor_default{
    cursor: default;
}

.display_none{
    display: none;
}

.klients_2kol{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:888px;
    display: flex;
    background-color: white;
    border-radius: 5px;
    border: 1px solid #bbbbbb;
}
.klients_left{
    display: block;
    width: 375px;
    /*height: 500px;*/
    padding: 30px;
}

.klients_right{
    display: block;
    width: 365px;
    /*height: 500px;*/
    padding: 30px;
}

.exports_file_meny .blue_text{
    padding: 5px;
    font-size: 14px;
}

.othet_nomenkl label{
    font-size: 12px;
}

.checkbox_razr{
    display: block;
    margin-left: 10px;
    margin-right: auto
}

.red{
    color: red;
}

.yellow{
    color: yellow;
}

.border_bottom{
    border-bottom: 1px solid #bbbbbb;
}

#add_uslugi_van_tabl_filt{
    display: none;
}


p{
    margin: 0;
}
[data-tooltip] {
    position: relative; /* Относительное позиционирование */
}
[data-tooltip]::after {
    content: attr(data-tooltip); /* Выводим текст */
    position: absolute; /* Абсолютное позиционирование */
    width: auto; /* Ширина подсказки */
    left: 0; top: 10px; /* Положение подсказки */
    background: #3989c9; /* Синий цвет фона */
    color: #fff; /* Цвет текста */
    padding: 0.9em; /* Поля вокруг текста */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* Параметры тени */
    pointer-events: none; /* Подсказка */
    opacity: 0; /* Подсказка невидима */
    transition: 0.01s; /* Время появления подсказки */
    font-size: 10px;
    border-radius: 5px;
}
[data-tooltip]:hover::after {
    margin-left: 5px;
    margin-top: 15px;
    opacity: 1; /* Показываем подсказку */
    top: 2em; /* Положение подсказки */
}

.profole_user_block b{
    display: inline-block;
    width: 220px;
    height: 20px;
    padding: 5px;
    padding-left: 35px;
}

.podskazka{
    display: none;
    position: absolute;
    border-radius: 5px;
    padding: 10px; z-index: 12;
    width: auto; font-size: 12px;
    margin-left: 200px;
    margin-top: -90px;
    margin-right: 0;
    background-color: white;
    border: 1px solid #bbbbbb;
}

.info_result{
    position:fixed;
    display: flex;
    bottom:10px;
    left: 10px;
    max-width: 90%;
    z-index: 20;
}

.min_info_result{
    /*position:absolute;*/
    /*bottom:10px;*/
    /*left: 10px;*/
    display: inline-block;
    padding: 10px;
    background: white;
    border: 1px solid #bbbbbb;
    border-radius: 5px;
    /*height: 30px;*/
}

.max_info_result{
    /*position:absolute;*/
    /*bottom:10px;*/
    /*left: 10px;*/
    /*display: inline-block;*/
    padding: 10px;
    background: white;
    border: 1px solid #bbbbbb;
    border-radius: 5px;
    display: none;
}

#info_block{
    max-height: 500px;
    overflow-y: auto;
    display: block;
    min-width: 100px;
}

#name_uslugi_logist{
    width: 500px;
}

#add_uslugi_logist_van_tabl{
    display: inline-block;
    margin-left: 480px;
    padding-top: 10px;
    padding-bottom: 10px;

}

.placeholder {
    color: #333333;
    margin: -1.8em 0 0 0.2em;
    margin-left: 50px;
    position: relative;
}

.save_import{
    margin-left: 10px;
    margin-top: 5px;
    position: absolute;
    opacity: 0.8;
}

.save_import:hover{
    opacity: 1;
    /*border: 1px solid #007AD3;*/
    /*border-radius: 5px;*/
}

#import_nomenkl_shabl{
    /*display: none;*/
    position: absolute;
    margin-bottom: 10px;
    width: 100px;
    height: 40px;
    background: white;
    font-size: 14px;
    border: 1px solid #007AD3;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 0;
    margin-left: -110px;
    /*z-index: 10;*/
}

.zayavki_div .zakazs_col_left{
    width: 200px;
}
.zayavki_div #input_klients{
     width: 1000px;
}

.zayavki_div .strih{
    width: 1000px;
}

.zayavki_div #add_uslugi_logist_van_tabl{
    margin-left: 10px;
}
.zayavki_div .uslugi_left_1col{
    margin-top: 20px;
}

#submit_import_filedata_zayavki{
    display: none;

}

#voditel_vibor{
    max-height: 500px;
    overflow-y: auto;
    display: none;
    min-width: 200px;
    max-width: 500px;
}

.export_zayavki_button{
    padding-top: 8px;
    height: 30px;
    position: absolute;
    margin-left: -410px;
    text-align: center;
    font-size: 17px;
}

.info_none{
    position: absolute;
    display: block;
    /*margin-top: -30px;*/
    /*z-index: -5;*/
}

.rem_del_nomenkl:hover{

    display: block;
    background-color: red;
    left: -40px;
    color: white;
}

.form_nabor input[name="kol"]{
    width: 100px;
}

#add_nomenkl_van_tabl_filt{
    border-color: #bbbbbb;
    height: 30px;
}


.burder_ser{
    border: 1px solid #bbbbbb !important;
    border-radius: 5px;
}


.content_0_kol {
    width: 100%; /* Растягиваем контейнер на всю ширину */
    display: block;
    position: relative;
}

.postupl_nomenkl {
    width: 100%; /* Таблица занимает всю ширину контейнера */
    display: flex;
    max-height: 300px; /* Максимальная высота таблицы */
    overflow-y: auto; /* Добавляем вертикальную прокрутку */
}

/* Убираем фиксированную ширину у ячеек */
.postupl_nomenkl th,
.postupl_nomenkl td {
    /*width: auto; !* Автоматическая ширина *!*/
    /*min-width: 100px; !* Минимальная ширина для каждой колонки *!*/
}

.checkbox_centr{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.no-underline {
    text-decoration: none;
}