/* Start:/assets/css/auth.css?17632962231376*/
@font-face {
    font-family: "Rubik";
    src: url("/assets/fonts/rubic/Rubik-VariableFont_wght.ttf");
}
html{
    font-family: Rubik;
}

.tablebodytext{
    display: none;
}
body{
    margin: 0;
}
.auth_back{
    width: 100%;
    max-height: 100vh;
    height: 100vh;
    object-fit: cover;
}
.auth_form{
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.auth_form input{
    background: #fff;
    height: 48px;
    padding: 12px 30px;
    width: 380px;
    font-size: 20px;
}
.auth_form label{
    color: white;
    display: flex;
    align-items: center;
    gap: 5px;
}
.auth_form label a{
    color: white;
    text-decoration: underline;
    text-decoration-skip-ink: none;
}
.auth_form .enter_btn{
    width: 270px;
    text-align: center;
    color: #006BB6;
    font-weight: 500;
    /*font-size: 25px;*/
    min-width: fit-content;
}
.forget_link{
    color: #FFFFFF;
    font-size: 16px;
    text-decoration: none;
}

@media screen and (max-width: 991px){
    .auth_form input{
        height: 40px;
        padding: 9px;
        width: 280px;
        font-size: 16px;
    }
    .auth_form{
        gap: 20px;
    }
    .auth_form .enter_btn,.forget_link{
        font-size: 16px;
    }
}

.error{
    color: red;
}
.success{
    color: green;
}
/* End */


/* Start:/assets/css/all.css?178515743914700*/
@font-face { font-family: "Rubik"; src: url("/assets/fonts/rubic/Rubik-VariableFont_wght.ttf"); } html{ --main1:#006BB6; --main2:#3389C51A; --main3:#F0FFFF; --text:#1b1a1a; font-family: Rubik; color: var(--text); } body{ margin: 0; height: 100vh; display: flex; flex-direction: column; } a{ text-decoration: none; color: black; } button { font-family: inherit; } .title_h2{ font-weight: 500; font-size: 28px; line-height: 36px; } .title_h3{ font-weight: 500; font-size: 20px; line-height: 26px; } .title_btns{ display: flex; gap: 24px; } .title_btn{ display: flex; align-items: center; gap: 8px; cursor: pointer; font-weight: 500; } input[type="text"] { font-family: inherit; } input[type="checkbox"]{ width: 20px!important; height: 20px!important; /*border-radius: 4px!important;*/ border-width: 1.5px!important; } .radio_block{ display: flex; align-items: center; } .radio_block label{ display: flex; align-items: center; margin-right: 16px; } .page_block{ height: 100%; } img.download{ background: #C3DDEF; /*border-radius: 4px;*/ } img.photo{ background: #FFE2C4; } img.icon{ width: 24px; height: 24px; } header{ padding: 0px 32px; background: var(--main1); box-shadow: 0px 4px 24px 0px #2E4C6126; } .logo2{ display: none; } header .main_header{ height: 46px; position: relative; display: flex; } header .mobile_header,header .mobile_menu{ display: none; } header .logo{ background: var(--main1); padding: 14px 16px; margin-right: auto; } header .alert{ background: #006BB61A; width: 16px; height: 16px; display: flex; padding: 12px; border-radius: 40px; margin: auto 16px auto 0; position: relative; } header .alert.notsaw:after{ content: " "; height: 8px; width: 8px; background: red; border-radius: 100px; top: 12px; position: absolute; right: 12px; } header .menu{ display: flex; margin-right: 32px; gap: 30px; } header .menu .menu_link{ font-size: 15px; font-weight: 500; /*color: var(--text);*/ color: white; text-decoration: none; display: flex; margin: auto; } header .profile{ margin: auto 32px auto 0; } header .profile .circle_letter{ width: 40px; height: 40px; } main{ min-height: calc(100% - 46px); height: calc(100% - 46px); background: var(--main3); display: flex; width: 100%; } .fullpage main{ height: auto; } .fullpage .left_block{ height: calc(100vH - 76px); position: sticky; top: 76px; } .fullpage header{ position: sticky; top: 0; } .table_cell.btns img.row_save{ background: #CDF3B9; } .table_cell.btns img.row_edit{ background: #FFE2C4; } .table_cell.btns img.row_delete{ background: #FFD9D9; } .left_block{ width: 272px; min-width: 272px; background: var(--main2); padding: 0 24px; /*height: 100%;*/ display: flex; flex-direction: column; overflow-y: auto; } .left_personal_info{ margin-top: 24px; display: flex; gap: 12px; align-items: center; } .circle_letter{ width: 48px; height: 48px; background: var(--main1); font-size: 20px; font-weight: 500; line-height: 28px; text-align: center; color: #fff; border: 1px solid #fff; border-radius: 24px; display: flex; text-align: center; justify-content: center; flex-direction: column; } .info_name{ display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; } .company_name{ font-size: 16px; font-weight: 500; line-height: 22.4px; color: var(--text); text-transform: uppercase; } .left_main_menu{ margin-top: 24px; display: flex; flex-direction: column; gap: 12px; } .left_main_menu .menu_elem{ font-size: 16px; font-weight: 400; line-height: 25.6px; text-decoration-skip-ink: none; color: var(--text); text-decoration: none; padding-left: 24px; display: flex; gap: 12px; } .num_select_block{ padding: 12px 24px; background: white; margin-top: 32px; font-size: 16px; font-weight: 500; line-height: 20.8px; display: flex; flex-direction: column; gap: 10px; } .num_select_block .select2-container{ flex-grow: 1; } .left_submenu{ margin-top: 20px; display: flex; flex-direction: column; gap: 12px; margin-bottom: 45px; } .left_submenu .menu_elem{ font-size: 16px; font-weight: 400; line-height: 25.6px; text-decoration-skip-ink: none; color: var(--text); text-decoration: none; padding-left: 24px; display: flex; gap: 12px; } .left_exit{ margin-top: auto; margin-bottom: 20px; padding: 0 40px; cursor: pointer; align-items: center; display: flex; gap: 8px; } .left_manager{ margin-bottom: 24px; background: var(--main1); color: white; padding: 13px 40px; cursor: pointer; } .main_area{ flex-grow: 1; padding: 64px 60px; overflow: auto; height: 100%; box-sizing: border-box; } /*modal*/ .modal{ display: none; } .modal.active{ position: fixed; width: 100vW; height: 100vH; top: 0; left: 0; display: flex; justify-content: center; align-items: center; z-index: 100; } .modal_fade{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background: #00000080; } .modal_block{ padding: 40px 48px; background: white; position: relative; z-index: 2; } .modal_block &gt; .close{ position: absolute; right: 0; top: 0; width: 48px; height: 48px; display: flex; justify-content: center; align-items: center; background: #DDF3F9; cursor: pointer; } .modal_block_inner{ margin-top: 40px; } .add_to_table{ background: #DDF3F9; padding: 16px 24px; display: flex; gap: 16px; margin-top: 200px; margin-bottom: 24px; align-items: center; } .modal_btns{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; } .modal_btn{ display: flex; padding: 12px; justify-content: center; font-weight: 500; font-size: 14px; line-height: 22.4px; text-align: center; color: #fff; cursor: pointer; text-transform: uppercase; } .modal_btn.confirm{ background: var(--main1); } .modal_btn.later{ background: var(--text); } /*table*/ .table{ min-width: 996px; } .table .table_row{ display:grid; min-height: 21px; overflow-wrap: anywhere; } .table .table_row.table_title{ padding: 0 24px; margin-bottom: 12px; color: #868686; font-size: 14px; font-weight: 400; margin-right: 30px; } .table_body_scroll{ padding-right: 24px; } .table .table_body{ border: 1px solid #e9ebec; /*border-radius: 12px;*/ background: #fff; font-weight: 500; } .table_body_scroll::-webkit-scrollbar { width: 4px; /* Ширина всего элемента навигации */ display: flex; } .table_body_scroll::-webkit-scrollbar-track { border-radius: 20px; /* Округление бегунка */ background: #1B1A1A1a; /* Цвет дорожки */ } .table_body_scroll::-webkit-scrollbar-thumb { background: #1B1A1A80; /* Цвет дорожки */ border-radius: 20px; /* Округление бегунка */ width: 4px; /* Ширина всего элемента навигации */ position: absolute; right: -20px; } .table .table_body .table_row{ padding: 24px; } .table .table_body .table_row .fio{ /*text-align-last: center;*/ position: relative; } .table .table_body .table_row .fio div{ position: absolute; display: flex; align-items: center; width: 100%; top: 50%; transform: translateY(-50%); } .table:not(.notfired):not(.fired) .table_body .table_row:nth-child(2n of :not(.hide)){ background: #DDF3F9; } .table.notfired .table_body .table_row:nth-child(2n of :not(.hide):not(.fired)){ background: #DDF3F9; } .table.fired .table_body .table_row:nth-child(2n of .fired:not(.hide)){ background: #DDF3F9; } .table_cell.btns{ display: flex; gap: 8px; } .table_cell.btns img{ object-fit: none; width: 32px; height: 32px; /*border-radius: 4px;*/ cursor: pointer; } /*select*/ .select_block{ font-weight: 400; font-size: 16px; line-height: 25.6px; text-align: center; color: #1B1A1A99; } .select_block select{ border: none; background: none; font-weight: 400; font-size: 16px; line-height: 25.6px; /*text-align: center;*/ width: 168px; } /*tumbler*/ .tumbler{ width: 40px; border: 1px solid #D8D8D8; background: #D8D8D8; height: 24px; border-radius: 50px; transition: all 0.3s; cursor: pointer; } .tumbler_ball{ width: 16px; height: 16px; border-radius: 24px; background: #fff; transition: all 0.3s; margin: 4px; } .tumbler.active{ background: var(--main1); } .tumbler.active .tumbler_ball{ margin-left: 20px; background: #fff; } /*header_block_btn*/ .header_block_btn{ display: flex; margin-right: 24px; justify-content: space-between; padding: 32px 40px; background: #fff; margin-bottom: 32px; align-items: center; } .header_block_btn .title_h2{ margin-bottom: 8px; } .header_block_btn .open_modal, .header_block_btn .load_file, .header_block_btn .send_file{ background: var(--main1); color: white; font-weight: 500; font-size: 14px; line-height: 22.4px; text-align: center; padding: 12px 32px; height: fit-content; cursor: pointer; text-transform: uppercase; } .header_block_btn .send_file{ display: none; } .loaded .send_file{ display: flex; } .loaded .load_file{ display: none; } .header_block_btn .load_file input{ display: none; } .header_block_btn .file_info:empty{ margin-top: 0px; } .header_block_btn .file_info{ margin-top: 31px; } .header_block_btn .file_info &gt; div{ display: flex; gap: 16px; align-items: center; justify-content: end; } .header_block_btn .file_info .delete_file{ object-fit: none; width: 32px; height: 32px; /*border-radius: 4px;*/ cursor: pointer; background: #FFD9D9; } .alert_modal .alert_text{ font-weight: 400; font-size: 16px; line-height: 25.6px; text-align: center; color: #4D4D4D; } .alert_modal .title { text-align: center; } .alert_modal .modal_block_inner { margin-top: 12px; width: min-content; min-width: 300px; } .alert_modal .modal_btns { margin-top: 32px; } /*accordion*/ .accordion_item{ padding: 12px 18px; background: white; } .accordion_item .accordion_title{ cursor: pointer; } .accordion_text{ display: none; } .accordion_item.open .accordion_text{ display: block; } .accordion_title{ position: relative; display: flex; align-items: center; gap: 12px; } .accordion_arrow{ margin-left: auto; } .accordion_arrow img{ width: 12px; height: 24px; } header .logo img{ height: 15px; } .alert_list{ display: flex; flex-direction: column; gap: 20px; margin-top: 40px; } .alert_row{ padding: 10px 20px; border: 1px solid var(--main2); border-radius: 10px; } .alert_row.notsaw .alert_title:after { content: " "; height: 8px; width: 8px; background: red; border-radius: 100px; position: absolute; } .alert_row .alert_title{ font-weight: bold; position: relative; cursor: pointer; display: flex; justify-content: space-between; } .alert_row.show .alert_title .open_arrow{ rotate: 180deg; } .alert_row .alert_desc{ display: none; } .alert_row.show .alert_desc{ display: flex; flex-direction: column; width: 100%; margin-top: 10px; border-top: 1px solid black; padding-top: 10px; } .alert_row .alert_desc IMG{ max-width: 360px; } @media screen and (max-width: 1399px) { header{ padding: 0; } header .logo{ padding: 11px 12px; } header .main_header{ padding: 10px 12px; height: 36px; } header .mobile_header{ display: block; border-width: 1px 0px; border-style: solid; border-color: #E4E6E7; } header .mobile_menu{ display: block; margin: auto 0; } header .mobile_menu .togglebtn{ background: #006BB61A; /*width: 16px;*/ height: 16px; display: flex; padding: 12px; border-radius: 40px; } .mobile_menu .togglebtn.close{ display: none; } .mobile_menu .menu_content{ display: none; } .mobile_menu.open .togglebtn.open{ display: none; } .mobile_menu.open .togglebtn.close{ display: block; } .mobile_menu.open .menu_content{ display: block; position: absolute; left: 0; background: #DDF3F9; z-index: 20; width: calc(100% - 48px); top: 56px; padding: 24px; } .mobile_menu.open .menu_content .left_personal_info{ margin: 0; } .mobile_menu.open .menu_content .left_manager{ margin: 0; } .mobile_menu.open .menu_content .num_select_block{ margin-top: 24px; } .mobile_menu.open .menu_content .left_exit{ margin-top: 40px; padding: 0; justify-content: center; } header .profile{ margin: 0; } header .menu,header .logo2,header .profile{ display: none; } main .left_block{ display: none; } .main_screen_list{ display: flex; flex-direction: column; gap: 20px; } .main_area{ padding: 20px 16px; } .about_company_list{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; } .main_screen_elem_block{ gap: 12px; } .main_screen_elem_sub{ padding: 12px 49px 47px 12px; font-size: 14px; } .left_main_menu .menu_elem{ padding-left: 0; } main{ min-height: auto; /*height: auto;*/ } .table_container{ width: calc(100vw - 32px); overflow: auto; } .title_btns{ flex-direction: column; } .page_title{ gap: 10px; flex-direction: column; } .company_hr_filter,.company_delivery_filter,.company_acts_filter,.company_docs_filter{ gap: 10px; flex-direction: column; align-items: start; margin-right: 0; } form.request_order{ display: flex; flex-direction: column; gap: 24px; } .table ,.table_body_scroll{ height: auto!important; } .add_request_form,.add_stop_modal .modal_block_inner{ width: auto; display: flex; flex-direction: column; } .modal_block{ padding: 16px 24px; overflow: scroll; width: calc(100% - 48px); height: calc(100% - 32px); padding-top: 100px; } .modal_block &gt; .close{ top: 80px; } .modal_btns,.add_stop_form .form_table{ display: flex; flex-direction: column; gap: 10px; } .client_accept{ width: auto; } form.company_info{ display: flex; flex-direction: column; gap: 10px; } .manager_header{ flex-direction: column; gap: 10px; } .select_block{ text-align: start; } .table_edit{ width: auto; } .tumblers{ display: flex; flex-direction: column; gap: 10px; } .main_screen_elem_main{ height: 202px; width: 158px; } .about_company_link{ padding: 20px 22px 20px 12px; } .select2-selection__rendered{ font-size: 12px; max-width: 200px; } .form_request_info_string,.form_return_info_string { min-width: 1000px; } .modal_block_inner{ /*width: fit-content;*/ } .add_request_modal .modal_btns{ width: auto; gap: 20px; } }<br>
 <br>
 .form-request {<br>
 max-width: 1000px;<br>
 display: grid;<br>
 grid-template-columns: 1fr 1fr;<br>
 gap: 20px;<br>
 }<br>
 <br>
 .form-request__card {<br>
 position: relative;<br>
 background-color: #FFFFFF;<br>
 border: 1px solid #e9ebec;<br>
 padding: 32px;<br>
 padding-top: 64px;<br>
 box-sizing: border-box;<br>
 }<br>
 <br>
 .form-request__card-row {<br>
 display: grid;<br>
 grid-template-columns: 2fr 3fr;<br>
 align-items: center;<br>
 margin-bottom: 16px;<br>
 }<br>
 <br>
 .form-request__card-row label {<br>
 display: inline-block;<br>
 width: 180px;<br>
 }<br>
 <br>
 .form-request__card-row:last-child {<br>
 margin-bottom: 0;<br>
 }<br>
 <br>
 .form-request__card input[type="text"],<br>
 .form-request__card input[type="number"] {<br>
 padding: 8px 16px;<br>
 }<br>
 <br>
 .form-request__card button {<br>
 position: absolute;<br>
 top: 16px;<br>
 right: 16px;<br>
 }<br>
 <br>
 .form-request__add-card {<br>
 align-self: start;<br>
 }<br>
 <br>
 .form-request__submit-button {<br>
 grid-column: -1/1;<br>
 }<br>
 <br>
 <br>
 <br>
/* End */
/* /assets/css/auth.css?17632962231376 */
/* /assets/css/all.css?178515743914700 */