:root, [data-bs-theme=light] {
        --bs-light-rgb: 113,99,158;
        --bs-emphasis-color-rgb: 0,255,0;
        --bs-body-font-size: 0.8rem;
        --bs-btn-bg: #71639e;
    }

    input[type="time"]::-webkit-calendar-picker-indicator {
      display: none;
    }

    ::placeholder {
      font-size: 14px; /* Замените 16px на желаемый размер шрифта */
    }

    label {
        white-space: pre;
    }

    h3 {
        margin: 0;
    }

    .nowrap {
        white-space: nowrap;
    }

    .tia_color_report_thead_product {
        color: #71639e;
    }

    .tia_page_driver label {
        font-weight: 600;
        font-size: larger;
    }

    /* для Админа */
    .tia_admin_off {
        display: none !important; 
    }

    .tia_admin_on {
        z-index: 1000;
    }
    /* конец для Админа */

    .form-check-input {
        width: 20px;
        height: 20px;        
    }

    .tia_navbar_fixed_position {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 9;
    }

    .z-index {
        z-index: 1;
    }

    .span_default {
        color: red;
    }

/*--------- форма входа -----------*/
    .tia_login_overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8); /* Полупрозрачный фон */
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
    }

    .tia_login_form {
        /* width: 25vw; */
        /* height: 45vh; */
        max-width: 300px;
        width: 100%;
        max-height: 380px;
        height: 100%;
        background-color: white;
        border-radius: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        padding: 20px;
    }

    .tia_login_form_close {
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .tia_login_form form {
        display: flex;
        flex-direction: column;
        grid-gap: 15px;
    }


/* ----------- конец ------------- */


/*-------- Сброс настроек ----------*/

    .tia_sbros {
        margin: 0;
    }

    .tia_sbros_padding {
        padding: 0 !important;
    }

    .tia_sbros_all {
        margin: 0;
        padding: 0;
    }

    .tia_sbros_input:focus {
        outline: none;
    }

    .tia_sbros_input {
        border: unset;
    }

    .tia_sbpros_table_border_style {
        border-style: hidden;
    }




/*-------- END Сброс настроек ----------*/



/*--------- FLEX набоор---------------*/
    
        /*-------  GRID ------*/
        .tia_flex_grid_gap {
            grid-gap: 1%;
        }

        .tia_flex_grid_gap_5 {
            grid-gap: 5%;
        }

        .tia_flex_grid_gap_5px {
            grid-gap: 5px;
        }

        .tia_flex_grid_gap_10px {
            grid-gap: 10px;
        }


    .tia_flex {
        display: flex;
    }

    .tia_flex_important {
        display: flex !important;
    }

    .tia_flex_column_vertical {
        flex-direction: column;
    }

    .tia_flex_centr_vertical {
        align-items: center;
    }

    .tia_flex_end_vertical {
        align-items: flex-end;
    }

    .tia_flex_centr_horizontal {
        justify-content: center;
    }

    .tia_flex_right {
        justify-content: flex-end;
    }

    .tia_flex_left-right {
        justify-content: space-between;
    }





/*--------- END FLEX ---------------*/



.tia_overflow {
    overflow: auto;
}



/*--------- PADDING НАБОР ---------------*/

.tia_padding_top_10 {
    padding-top: 10px;
}

.tia_padding_left_10 {
    padding-left: 10px;
}

.tia_padding_right_10 {
    padding-right: 10px;
}

.tia_padding_right_45 {
    padding-right: 45px;
}

.tia_padding_right_left_20 {
    padding: 0 20px;
}

.tia_width_100 {
    width: 100%;
}

.tia_width_50 {
    width: 50%;
}

.tia_width_40 {
    width: 40%;
}

.tia_width_20 {
    width: 20%;
}

.tia_width_70 {
    width: 70%;
}

.tia_width_unset {
    width: unset !important;
}

/*--------- END PADDING НАБОР ---------------*/


/*--------- margin НАБОР ---------------*/

.tia_M_2procent {
    margin: 2%;
}

.tia_m_auto {
    margin: auto;
}

.tia_m_top_5proc {
    margin-top: 5%;
}

/*--------- END margin НАБОР ---------------*/




/*--------- FONTS ---------------*/

    .tia_font_size_table {
        font-size: 14px;
    }

    .tia_font_size_button {
        font-size: 16px;
    }

    .tia_modal_window_addHodka .tia_font_size_button {
        font-size: 14px;
    }

    .tia_contragent_text {
        font-size: 15px;
        font-weight: 700;
    }

    .tia_font_size_table_info {
        font-size: 1.4rem;
    }

    .tia_font_weight_info {
        font-weight: 400;
        font-size: 0.9rem;
    }

/*--------- END FONTS ---------------*/


/*--------- кнопки в формах ---------------*/

    .btn-info {
        --bs-btn-bg: #71639e;
        --bs-btn-color: #fff;
        --bs-btn-border-color: unset;
        --bs-btn-hover-bg: #71639e7a;
        --bs-btn-hover-color: #fff;
        --bs-btn-active-bg: #71639e7a;
        --bs-btn-active-border-color: unset;
        display: flex;
        align-items: center;
        /*justify-content: center;*/
    }

    .tia_btn-info_button_red {
        --bs-btn-bg: #ff3f3f;
        --bs-btn-hover-bg: #ff9898;
    }

    .btn_report {
        max-width: 130px;
        width: 100%;
        height: 170px;
        display: flex;
        flex-direction: column;
        --bs-btn-font-size: 1.2rem;
    }

    .btn_report i {
        height: 100%;
        font-size: 70px;
        padding: 0;
        display: flex;
        align-items: center;
    }

    .card_report { /* кнопки отчетов посередине карточки */
        display: flex;
        justify-content: center;
        grid-gap: calc(100vw - 95vw);
    }


/*--------- конец кнопки в формах ---------------*/



/*--------- форма подтверждения yes-no ---------------*/

    .tia_btn_yes-no {
        box-sizing: border-box;
        width: 49%;
    }

    .tia_form_yesno {
        display: flex;
        align-items: center;
        max-width: 500px;
        padding: 50px;
        margin: auto;
        margin: 70px auto;
    }

    .tia_form_yesno h5 {
        margin-bottom: 60px;
        font-size: 1.15rem;
    }

    .tia_form_yesno form {
        display: flex;
        flex-direction: column;
    }

    .tia_form_yesno form div {
        display: flex;
        justify-content: space-between;
    }

    .tia_form_yesno form textarea {
        font-size: 0.9rem;
    }

    .tia_viber_bot_textarea {
        width: -webkit-fill-available;
        height: 150px;
    }


/*--------- конец ---------------*/






/*--------- форма не заполненых данных ---------------*/

.tia_form_no_save form div {
    display: flex;
    justify-content: center;
    grid-gap: 20px;
}


/*--------- конец ---------------*/





/*--------- надпись "списков контрагентов, заявок и т.д." ---------------*/

    .tia_header_list {
        font-size: 1.3rem;
    }


/*--------- конец ---------------*/




/*--------- модальные окна ---------------*/

    .tia_modal_window {
        z-index: 1000;
        width: 100vw;
        height: 100%;
        background-color: #0000003b;
        display: none;
        align-items: flex-start;
        justify-content: center;
        position: fixed;
        top: 0;
        left: 0;
        overflow: auto;
    }

    #data_conteiner_contragentall {
        width: 900px;
        height: 600px;
    }

    .tia_modal_window .tia_card_application {
        z-index: 2;
    }



/*--------- конец ---------------*/




/*-------- bootstrap time ------------*/

    .bootstrap-timepicker-widget table tbody tr:first-child td:first-child a {
        background-image: url(/assets/img/caret-up-fill.svg);
        background-repeat: no-repeat;
        background-position-x: center;
    }

    .bootstrap-timepicker-widget table tbody tr:first-child td:last-child a {
        background-image: url(/assets/img/caret-up-fill.svg);
        background-repeat: no-repeat;
        background-position-x: center;
    }

    .bootstrap-timepicker-widget table tbody tr:last-child td:first-child a {
        background-image: url(/assets/img/caret-down-fill.svg);
        background-repeat: no-repeat;
        background-position-x: center;
    }

    .bootstrap-timepicker-widget table tbody tr:last-child td:last-child a {
        background-image: url(/assets/img/caret-down-fill.svg);
        background-repeat: no-repeat;
        background-position-x: center;
    }
/*--------- конец ---------------*/





/*----------   стиль на input в заявке при добавлении товара ------------*/

    #productid {
        max-width: 15px;
    }
 
    .tia_input_product_appl {
        max-width: 100px;
        text-align: center;
    }

    .tia_input_product_unit_appl {
        max-width: 62px;
    }

    #order_container .form-control::placeholder {
        font-size: 14px;
    }

    #order_container .form-control {
        font-size: 14px;
    }

    .tia_input_route_add {
        max-width: 35%;
        width: 100% !important;
    }

    #form_application .tia_table_product tbody input {
        margin: auto;
    }

    

    

/*--------- конец -------------*/






/* -------- иконки ------------ */

.clickable-row-order .fas {
    line-height: 2;
    font-size: 20px;
    width: 40px;
    display: flex;
    justify-content: center;
}

.clickable-row-order .fas:hover {
    background-color: #71639e;
    color: white;
}


/* -------- конец иконки ------------ */





/* -------- searchInput ------------ */

.searchInput {
    max-width: 900px;
    margin: 0 10px;
}

/* -------- КОНЕЦ searchInput ------------ */




/* -------- dropdown_menu ------------ */

.dropdown_menu_sector {
    background-color: #bbb4d1;
}

.dropdown_menu_sector div {
    border-bottom: solid 0.5px #71639e;
    font-size: 14px;
    padding-left: 2%;
    color: white;
}


/* -------- КОНЕЦ dropdown_menu ------------ */



/* -------- контейнер с фильтрами ------------ */

.form_data_filtr {
    max-width: 20rem;
    width: 100%;
}

.filter_conteiner {
    border: solid 2px #71639e;
    border-radius: 5px;
    line-height: 2rem;
    padding-left: 0.5rem;
    height: 2.2rem;
}



/* --- КОНЕЦ -------- контейнер с фильтрами ------------ */



/* ---------- Маршрутные лмисты input в маршруте ---------------- */

    .active {
        display: block !important;
    }

    .tia_active {
        display: block !important;
    }

    .tia_modal_window_addHodka {
        display: none;
    }


    .tia_route_input_select {
        max-width: 70px;
        width: 100% !important;
    }


    .tia_route_input_1 {
        width: 40% !important;
    }


/* ---------- КОНЕЦ input в маршруте ---------------- */




/*--------- ярлык в заявке ----------*/

.tia_label {
    display: none;
    border: solid 1px #71639e;
    width: 15%;
/*    color: #71639e;*/
    align-items: center;
    height: 50px;
    justify-content: space-around;
    border-radius: var(--bs-border-radius);
    user-select: none;
}

.tia_label i {
    font-size: x-large;
}

.tia_appl_logistic_info {
    display: flex !important;
}





/*--------- конец ярлык в заявке ----------*/

    .tia_navbar_text {
        color: white;
    }

    .navbar-brand {
        margin-right: 2vw;
    }

    .tia_icon_padding_right {
        padding-right: 5px;
    }

.tia_label_padding_right {
    padding-right: 10px;
    /* width: 30%; */
    flex: 0 0 25%;
}

    .tia_label_padding_right_1 {
        width: 18.5%;
    }

    .tia_label_padding_right_2 {
        width: 77px;
    }    

    .tia_driver_route_padding_100 {
        padding-left: 20px;
    }

    .tia_table_applicationAll {
/*        margin-top: 100px;*/
    }

   .tia_card_application {
        max-width: 1200px;
        width: 100%;
        margin: 20px auto;
        overflow: hidden;
    }

    .tia_form_label {
        max-width: 150px;
        width: 100%;
    }

    .card-body form {
/*        display: flex;*/
/*        justify-content: space-between;*/
    }

    .tia_form_edit_razdel {
        width: 48%;
    }

    .tia_form_edit_razdel_appl {
        width: 37%;
    }

    .tia_form_edit_razdel_appl_1 {
        width: 58%;
    }


/* маршрутный лист форма редактирования и добавления */

    #form_route .tia_form_route_edit_razdel_appl {
        display: flex;
        grid-gap: 10px;        
    }

    #form_route #driver_input {
        max-width: 40%;
    }

    #form_route .tia_label_padding_right {
        width: unset;
    }

    #form_route .mb-3 label {
        padding-left: 10px;
    }


/* конец маршрутный лист форма редактирования и добавления */


    .tia_form_edit_razdel_3 {
        width: 15%;
    }

    .tia_line_vertical {
        border: solid 0.5px #e3e3e3;
        margin: 0 10px;
    }

    .tia_line_horizont {
        border: solid 0.5px #e3e3e3;
        margin: 20px 0;
    }

    .tia_grup_btn_edit {
       margin: 2%;
    }

    .tia_cell_table {
        max-width: 200px;
        white-space: nowrap;
    }

    .hoverable-cell {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .hoverable-cell:hover {
      white-space: normal;
      overflow: visible;
      text-overflow: unset;
      position: relative;
    }

/*    .tia_form_label_driver {
        width: 23%;
    }*/

    .tia_centr_horizontal {
        text-align: center;
    }

    .tia_right_horizontal {
        text-align: right;
    }


    .tia_end_horizontal {
        text-align: end;
    }

    .tia_end_horizontal_2 {
        text-align: end !important;
    }    



    .mb-3 {
        margin-bottom: 5px !important;
    }

    .mb-20 {
        margin-bottom: 20px !important;
    }

    .tia_table-group-divider {
        border-top: inherit;
        border-bottom: calc(var(--bs-border-width) * 2) solid currentcolor;
    }


/*  -----  список товаров в заявке заголовок Опция  */
    #tableContainer thead tr th:last-child {
        display: none;
        border-left-width: 0;
    }

/*  -----  список товаров в заявке Опция сохранить удалить  */
    #tableContainer tbody tr td:last-child {
        display: none;
        justify-content: space-around;
        border-left-width: 0;
    }

.tia_user_menu .dropdown-menu.show {
    right: 0;
    left: unset;
}

/* статус заявок */

.logistic { /*подсветка в общем списке*/
    background: #000AFF33;
}

.application {
    background: #01F0FF33;
}

.canceled {
    background: #FF000033;
}

.stock {
    background: #FAFF0033;
}

.closed {
    background: #15c11182;
}

.refusal {
    background: #ff0000a6;
}

.part {
    background: #fff9a2a6;
}

.overpayment {
    background: #ffa2f7a6;
}


.tia_btn_add {
    margin-bottom: 10px;
    display: inline-block;
}

/*ширина блока со статусом заявки в карточке заявки */
.tia_status_appl {
    width:  50%;
}



/* конец статус заявок */





.tia_table_report_2 {
    margin-left: 50px;
    width: -webkit-fill-available;
}

#date_ot,
#date_do,
#form_report_route #driver_input {
    max-width: 350px;
}

.tia_conteiner_route_right {
    max-width: 40%;
}

.report_route .report_route_1 {
    padding-left: 20px;
    background-color: #e9e9e961;
    text-align: unset !important;
    font-size: 25px;
}

.report_route .report_route_2 {
    padding-left: 150px;
    color: #71639e;
    text-align: unset !important;
}

.report_route .report_route_3 {
    padding-left: 100px;
    /* background-color: #e9e9e961; */
    text-align: unset !important;
    font-size: 15px;
}

.background_color_active_1 {
    background-color:#71639eab;
}

.background_color_active_2 {
    background-color:#71639e61;
}

.background_color_active_3 {
    background-color: red;
}

.report_route table td,
.report_route table th {
    text-align: center;
}

.tia_report_route_group {
    display: flex;
    justify-content: flex-start;
    grid-gap: 20px;    
}

.tia_report_route_group_date {
    display: flex;
    justify-content: flex-start;
    grid-gap: 20px;    
}

.tia_label_logist_product {
    font-weight: bold;
}

/* *********** МОДУЛЬ ЛОГИСТ ************* */
    


/* *************************************** */





/* *********** МОДУЛЬ ВОДИТЕЛЬ ************* */

    /* маршрутный лист детально */
    .tia_driver_route_fontsize {
        font-size: large;
    }

    .tia_driver_route_fontsize_2 {
        font-size: larger;
        padding-bottom: 3% !important;
    }

    .tia_driver_route_fontcolor {
/*        color: #71639e;*/
        color: #0d6efc;
    }

    .tia_driver_route_fontcolor_3 {
        color: #ff0000;
    }

    .tia_driver_route_color_red {
        color: red;
    }

    .tia_driver_route_hodka {
        padding-bottom: 0;
        padding-top: 0;
    }

    .tia_driver_route_tochka {
        padding: 0 var(--bs-card-spacer-x) 0 calc(var(--bs-card-spacer-x)*2);
    }

    .tia_driver_route_a a {
        text-decoration: none;
    }

    .tia_driver_route_bacground {
        background-color: #ffffff80;
    }

    .tia_accordion_font {
        font-size: 1rem;
    }

    .tia_page_driver .tia_accordion_container {
        margin-bottom: 0;
    }

    .tia_page_driver .tia_accordion_body {
        background-color: #c0ffb4;
/*        background-color: #cebfff59;*/
    }

    .tia_page_driver .table {
        --bs-table-bg: #ffffff;
        font-size: 15px;
    }



    /* конец маршрутный лист детально */

/* *********** КОНЕЦ МОДУЛЬ ВОДИТЕЛЬ ************* */



/* *********** МОДУЛЬ СКЛАД ************* */
    
    /* ----- ЛЕВАЯ ЧАСТЬ ------- */
        
        .tia_stock_left {
            max-width: 30%;
        }

        .tia_stock_left_color {
            background-color: #71639e66;
        }

    /* ----- КОНЕЦ ЛЕВАЯ ЧАСТЬ ------- */

    /* ----- ПРАВАЯ ЧАСТЬ ------- */
        
        .tia_stock_right h2 {
            margin: auto;
            color: #71639e;
        }

        /* АККОРДЕОН */

        .tia_accordion_container {
            border: var(--bs-card-border-width) solid var(--bs-card-border-color);
            --bs-card-border-color: var(--bs-border-color-translucent);
            border-radius: 0.375rem;
            margin-bottom: 0.5rem;
            overflow: hidden;
        }

        .tia_accordion_head {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .tia_accordion_head.expanded {
            color: white;
            background-color: #71639e;
        }

        .tia_stock_right .tia_accordion_head.expanded {
            color: red;
        }

        .tia_accordion_head i {
            transition: transform 0.3s;
            padding: 0;
        }

        .tia_accordion_head.expanded i {
            transform: rotate(90deg);
        }

        .tia_accordion_card {
            padding: 1rem 1.25rem;
            position: relative;
        }

        .tia_accordion_collapse {
            display: none;
        }


        /* КОНЕЦ АККОРДЕОН */


        


        /*  таблица товаров принятых складом  */

        .tia_icons_table_product_stock {
            text-align: center;
            font-size: 200%;
        }

        .fa, .far, .fas {
            padding: 0 10px 0 0;
        }

        /*  конец таблица товаров принятых складом  */

        

        /*  стили для сохранения и закрытия карточки приема товара по заявке   */
        
        .tia_stock_status_close {
            background-color: #91f4a4 !important;
            background-image: url('/assets/img/status_close.svg');
            background-repeat: no-repeat;
            background-position: center;
            background-size: auto 50%;
        }

        .tia_stock_status_save {
            background-color: #f4e591 !important;
            background-image: url('/assets/img/status_save.svg');
            background-repeat: no-repeat;
            background-position: center;
            background-size: auto 50%;
        }

        .tia_stock_status_refusal {
            background-color: #71639e66 !important;
            background-image: url('/assets/img/status_refusal.svg');
            background-repeat: no-repeat;
            background-position: center;
            background-size: auto 50%;
        }

        .tia_stock_status_close_accordion_card {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-color: #91f4a433;
            z-index: 1;
        }

        .tia_stock_status_display_none {
            display: none;
        }

        .tia_checkbox_vihid {
            max-width: fit-content;
            padding: 10px;
            border: solid 3px #71639e;
            border-radius: var(--bs-border-radius);
            position: relative;
        }

        /* конец  стили для сохранения и закрытия карточки приема товара по заявке   */



        /*  стиль для блока блокировки от редактирования   */
        .tia_block_disabled_display_none {
            display: none;
        }

        .tia_block_disabled_on {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-color: #91f4a433;
            z-index: 1;
        }

        .tia_block_disabled_on_contact {
            z-index: 10;
        }

        /*  конец стиль для блока блокировки от редактирования   */



        /*  полоса прогресса      */

        .tia_progress {
            display: flex;
            align-items: center;
        }

        .tia_progress_card_application {
            max-width: 600px;
        }



        /*  конец  полоса прогресса      */

    /* ----- КОНЕЦ ПРАВАЯ ЧАСТЬ ------- */




/* *********** КОНЕЦ МОДУЛЬ СКЛАД ************* */



/* *********** МОДУЛЬ ПАГИНАЦИЯ ************* */
    .tia_pagination_tr {
/*        position: absolute;*/
        display: flex;
        align-items: center;
        justify-content: flex-end;
/*        flex-grow: 1; растягивает элемент до конца родителя */ 
        flex-grow: 1; 
        right: 0;
        margin-right: 10px;
        --bs-btn-font-family: ;
        --bs-btn-font-size: 1rem;
        --bs-btn-font-weight: 400;
        font-family: var(--bs-btn-font-family);
        font-size: var(--bs-btn-font-size);
        font-weight: var(--bs-btn-font-weight);        
    }

    .tia_pagination_disabled {
        --bs-pagination-disabled-bg: #e9ecef47;
    }

    .tia_pagination_disabled_actual {
        --bs-pagination-disabled-bg: #d7dadd;
    }

    .tia_pagination_bottom {
        display: flex;
        justify-content: flex-end;
        margin-right: 10px;
    }

/* *********** КОНЕЦ МОДУЛЬ ПАГИНАЦИЯ ************* */


/* добавлено для респонсив */

.responsive_appl_all_1 {
    display: flex;
    grid-gap: 5px;
    align-items: center;    
}

.responsive_contragent_all_2 {
    display: flex;
    grid-gap: 20px;
    align-items: center;
}

/* КОНЕЦ добавлено для респонсив */









/*мигающий фон ПЕРЕДУМАЛ ИСПОЛЬЛЗОВАТЬ, ОЧЕНЬ РАЗДРАЖАЕТ, ПРИМЕНЮ ФОН БЕЗ МИГАНИЯ*/
.tia_flashing_background_old {
  background-color: #f0f0f0; /* Цвет фона */
  animation: flashing 0.5s infinite alternate; /* Имя анимации, продолжительность, бесконечное повторение, чередование состояний */
}

@keyframes flashing {
  0% {
    background-color: #f0f0f0; /* Цвет фона на начало анимации */
  }
  100% {
    background-color: #ff9898; /* Цвет фона на конец анимации */
  }
}
/*конец мигающий фон*/



/*фон красный для привлечения внимания*/
.tia_flashing_background {
  background-color: #ff9898 !important; /* Цвет фона */
}
/*конец фон красный для привлечения внимания*/


    .tia_display_none {
        display: none;
    }

    .tia_display_none_important {
        display: none !important;
    }

    .tia_contakt_chat_select {
        width: auto;
    }

    .tia_contakt_chat_label {
        padding: 0 10px;
    }

    #modal_window_bot .tia_form_yesno h5 {
        margin-bottom: unset;
    }

    .accordion-body {
        background-color: #7af39375;
/*        background-color: #cfe2ff82;*/
    }


/*===== МОДУЛЬ КОНТРАГЕНТЫ ======*/

.tia_card_contragent {
    max-width: 100vw;
    margin: 20px;
    display: flex;
}

.tia_card_contragent_left {
    max-width: 55%;
    margin: 0 !important;
}

.tia_card_contragent .card-header {
    padding: 0.5rem 1rem !important;
}

.tia_mb_1rem {
    margin-bottom: 1rem;
}

.tia_font_size_1 {
    font-size: 1rem;
}

.tia_font_size_2 {
    font-size: 0.7rem;
}

.tia_img_str {
    position: absolute;
    right: 10px;
    top: 12px;
    pointer-events: none;
}

.tia_card_contragent_right {
    max-width: 45vw;
    width: 100%;
    margin: 0 !important;
}


/*---------- События ------------- */

.tia_event {
    display: flex;
    padding: 15px;
    position: relative;
}

.tia_event > * {
    pointer-events: none;
    user-select: none;
}

.tia_card_contragent_right i,
.tia_event_i {
    font-size: 25px;
    color: #71639e;
    padding-right: 15px;
    padding-top: 11px;
}

.tia_event_i {
    padding-top: unset;
}

.tia_event svg,
#tia_add_event_modal_window svg {
    width: 31px;
    height: 31px;
}

.tia_card_contragent_right path,
#tia_add_event_modal_window path {
    fill: #71639e;
}

.tia_card_contragent_right svg {
    margin-right: 15px;
    margin-top: 8px;
}

#tia_add_event_modal_window svg {
    margin-right: 15px;
}

.tia_card_contragent_right h7 {
    font-size: 1rem;
    color: #71639e !important;
}

.tia_card_contragent_right h6 {
    font-size: 1.2rem;
}

.tia_block_event {
    display: flex;
}

.tia_block_event_hover {
    transition: transform 0.2s ease; /* Анимация для свойства transform */
    position: relative;
}

.tia_block_event_hover:hover {
    transform: translate(5px, -5px); /* Поднятие кнопки на 5 пикселей при наведении */
    background-color: beige;
}

.tia_block_event_hover .tia_i {
    display: none;
    font-size: 20px;
    position: absolute;
    bottom: 5px;
    right: -11px;
    color: #71639e94;
}

.tia_block_event_hover .tia_reading {
    position: absolute;
    bottom: 2px;
    right: 40px;
    font-size: 12px;
    font-style: italic;
    color: #71639e;
}

.tia_block_event_hover:hover .tia_i {
    display: block;
}

.tia_card_contragent_right .tia_card_application {
    margin: unset !important;
}

.tia_event_date {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tia_event_date_card {
    width: 10vw;
    margin: 20px;
    padding: 3px;
    background-color: #efeded;
    border-radius: 25px;
    text-align: center;
    z-index: 5;
}

.tia_event_date_card_text {
    font-size: 14px;
    font-weight: 600;
}

.tia_event_time {
    position: absolute;
    top: 0;
    right: 20px;
/*    font-style: italic;*/
}



/*Линии слева от событий*/

:root {
    --color-line-event: #e3e3e3;
}

.tia_height_block {
    height: 10px;
}

.tia_height_block_57px {
    height: 57px;
}

.tia_height_block .tia_event_left_line_data_1 {
    border-bottom: unset;
}

.tia_event_date_line_1 {
    position: absolute;
    width: 100%;
    border-bottom: solid 0.1rem;
    border-color: var(--color-line-event);
}

.tia_card_contragent_center {
    max-width: 5vw;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.tia_event_left_line_start {
    position: absolute;
    top: 40px;
    bottom: 0;
    width: 50%;
    border-top: solid 0.1rem;
    border-left: solid 0.1rem;
    border-color: var(--color-line-event);
}


.tia_event_left_line_data_1 {
    position: absolute;
    top: 0;
    bottom: 50%;
    width: 50%;
    border-bottom: solid 0.1rem;
    border-left: solid 0.1rem;
    border-color: var(--color-line-event);
}

.tia_event_left_line_data_2 {
    position: absolute;
    top: 50%;
    bottom: 0;
    width: 50%;
    border-left: solid 0.1rem;
    border-color: var(--color-line-event);
}

.tia_event_left_line_centr_1 {
    position: absolute;
    top: 0;
    height: 40px;
    width: 50%;
    border-left: solid 0.1rem;
    border-bottom: solid 0.1rem;
    border-color: var(--color-line-event);
}

.tia_event_left_line_centr_2 {
    position: absolute;
    top: 40px;
    bottom: 0;
    width: 50%;
    border-left: solid 0.1rem;
    border-color: var(--color-line-event);
}

.tia_event_left_line_end {
    position: absolute;
    top: 0;
    height: 40px;
    width: 50%;
    border-bottom: solid 0.1rem;
    border-left: solid 0.1rem;
    border-color: var(--color-line-event);
}

/* Конец Линии слева от событий*/



.tia_event_ok {
    width: 30px;
    height: 30px;
    position: absolute;
    left: calc(50% - 12px);
    top: 25px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tia_event_ok i {
    padding: unset;
    font-size: 20px;
}

.tia_event_ok_green i {
    color: #1cc900 !important;
}

.tia_event_ok_red i {
    color: #d50000 !important;
}

@keyframes colorChange {
  0% { color: silver; }
  50% { color: #71639e; }
  100% { color: silver; }
}

.tia_event_ok_grey i {
  animation: colorChange 2s infinite !important; /* 3s - продолжительность анимации */
}

.tia_next_svg {
    width: 100%;
}


/* Аккордеон кнопок событий*/

.tia_event_button {
    display: none;
    padding: 15px;
    padding-bottom: 25px;
}

.tia_block_button {
    display: flex;
    grid-gap: 2%;
    justify-content: center;
}

.tia_block_button i {
    color: white;
    font-size: 16px;
    padding: unset;
    padding-right: 10px;
}

.tia_event_button svg {
    width: 16px;
    height: 16px;
    margin: unset;
    margin-right: 10px;
}

.tia_event_button svg path {
    fill: white;
}

/* Конец Аккордеон кнопок событий*/



/* Модальное окно создания события */

.tia_padding_right_70 {
    padding-right: 20px;
}

#tia_event_add_edit_4 {
    font-size: 15px;
    font-style: italic;
}

#tia_add_event_modal_window .tia_card_application {
    max-width: 800px;
}


#tia_add_event_date_plan {
    max-width: 170px;
    width: 100%;
    text-align: center;
}

#tia_add_event_date_plan::placeholder {
    text-align: left;
}

.tia_max-width_date {
    max-width: 320px;
    width: 100%;
}

.tia_max-width_time {
    max-width: 100px;
    width: 100%;
}

.tia_z_index_10 {
    z-index: 10;
}

.tia_event_close i {
    pointer-events: none;
}

.error {
    background-color: #ff000024;
}

/* Конец Модальное окно создания события */





/*===== КОНЕЦ МОДУЛЬ КОНТРАГЕНТЫ ======*/







/*===== МОДУЛЬ ДЕСКТОП МЕНЕДЖЕР ======*/

:root {
    --width_sidebar: 180px;
    --width_event: calc(70vw - var(--width_sidebar));
    --width_script: calc(100vw - var(--width_sidebar) - var(--width_event));
    --event_font_size: 1.2rem;
}

.tia_page_desktop {
    padding-top: 20px;
}

.tia_desktop_sidebar {
    max-width: var(--width_sidebar);
    /* max-height: 100vh; */
    width: 100%;
    /*height: 100vh;*/
    background-color: #ffffff;
    border: solid 2px #71639e;
    border-radius: 0 20px 0 0;
    border-left: 0;
    border-bottom: 0;
    /*overflow: hidden;*/
    /*position: fixed;*/
}

.tia_desktop_sidebar_title {
    font-size: 1rem;
    font-weight: 400;
    color: #71639e;
    /* text-align: center; */
    padding: 5px 10px;
    border-bottom: solid 0.5px #71639e;
    height: 35px;
}

.tia_desktop_sidebar_body {
    background: white;
    /* height: 100%; */
    padding: 20px 10px;
    /* padding-top: 20px; */
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
}

.tia_desktop_sidebar_body i {
    width: 40px;
    text-align: left;
    padding-right: 10px;
}

.tia_desktop_event {
    width: var(--width_event);
    /*margin-left: var(--width_sidebar);*/
    position: relative;
    overflow: hidden;
}

.tia_desktop_event_header {
    padding: 5px 20px 5px 20px;
    height: 37px;
    border: solid 1px #71639e;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    /* position: fixed; */
    /* width: 100%; */
    display: flex;
    justify-content: space-between;
}

.tia_desktop_event_body {
    /* margin-top: 89px; */
    /*height: calc(100vh - 113px);*/
    overflow: auto;
    padding: 10px 0 10px 10px;
}

.tia_desktop_event_body::-webkit-scrollbar {
    width: 5px; /* Ширина полосы прокрутки */
}

.tia_desktop_event_body::-webkit-scrollbar-thumb {
    background-color: #71639e29; /* Цвет фона ползунка */
    border-radius: 3px; /* Радиус скругления углов ползунка */
}

#tia_page_desktop .tia_event_date_line_1 {
    width: 70%;
}

.tia_event_card {
    max-width: 90%;
    width: 100%;
    margin: unset !important;
}

.tia_desktop_event .tia_event_left_line_start {
    position: absolute;
    top: 0;
    height: 50%;
    bottom: unset;
    width: 50%;
    border-bottom: solid 0.1rem;
    border-top: unset;
    border-left: unset;
    border-color: var(--color-line-event);
}

.tia_desktop_event .tia_event_left_line_centr_1 {
/*    height: 33px;*/
    height: 50%;
}

.tia_desktop_event .tia_event_left_line_centr_2 {
    top: 32px;
}

.tia_desktop_event .tia_event_ok {
    top: unset;
}

.tia_desktop_event .tia_event_ok i {
    padding: unset;
    font-size: 22px;
}

.tia_desktop_event .tia_card_contragent_center {
    align-items: center;
}

.tia_event_conteiner_1 {
    max-width: 60px;
    width: 100%;
}

.tia_event_conteiner_2 {
    max-width: 43px;
    width: 100%;
}

.tia_event_conteiner_3 {
    /* flex-shrink: 0; */
    width: 40%;
}

.tia_event_conteiner_4 {
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 1;
    width: 55%;
}

.tia_desktop_event .tia_desktop_event_body .tia_event_conteiner_4 .tia_event_time {
    white-space: nowrap; /* Запрещаем перенос строк */
/*    overflow: hidden; /* Скрываем все, что выходит за пределы блока */*/
/*    text-overflow: ellipsis; /* Добавляем многоточие в конце текста */*/
}

.tia_desktop_event i,
.tia_desktop_script i,
.tia_page_contragent_all table i 
{
    font-size: 25px;
    color: #71639e;
    padding-right: 15px;
}

.tia_desktop_event svg {
    width: 28px;
    height: 28px;
    padding-right: unset;
    margin-right: 15px;
}

.tia_desktop_event svg path {
    fill: #71639e;
}

.tia_desktop_event .tia_event {
    align-items: center;
}

.tia_desktop_event .tia_event_time {
    position: unset;
    font-size: var(--event_font_size);
    color: #71639e;
/*    padding-right: 15px;*/
}

.tia_desktop_event .tia_event h6 {
    font-size: var(--event_font_size);
    padding-right: 15px;
}

.tia_desktop_event .tia_block_event {
    padding-right: 10px;
}

.tia_desktop_script {
    width: var(--width_script);
}

.tia_desktop_script_card {
    /*height: calc(100vh - 133px);*/
    min-height: calc(100vh - 133px);
    margin: 10px !important;
}

.tia_desktop_script p {
    font-size: 15px;
    font-weight: 500;
    padding: 5px;
}

.tia_event_date_now .tia_event_date_card {
    background-color: #d4ffcb;
}

.tia_event_date_now_scroll .tia_event_date_card {
    background-color: #efeded;
}

.tia_desktop_event .tia_event_date_card {
    margin: 40px;
}



















/*===== КОНЕЦ МОДУЛЬ ДЕСКТОП МЕНЕДЖЕР ======*/



/*===== МОДУЛЬ CALL ======*/

.tia_call_1 {
    display: flex;
    align-items: center;
    background-color: #000000b8;
}

.tia_call_2 {
    max-width: 300px !important;
    margin: unset !important;
}

.tia_call_3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.tia_call_101 {
    font-size: 20px;
    color: #0029ff;
    padding: 10px;
    width: 100%;
    text-align: center;
}

.tia_call_102 {
    color: #71639e;
} 

.tia_call_103 {
    text-align: center;
    font-size: 25px;
    margin: 10px 0 30px 0;
}

.tia_call_104 {
    text-align: center;
    font-size: 18px;
    margin-bottom: 10px;
}

.tia_call_105 {
    text-align: center;
    font-size: 30px;
}

.tia_call_4 {
    margin: unset;
    padding: 10px;
    flex-wrap: wrap;
    grid-gap: 5px;
    justify-content: center;
}

.tia_call_5 {
    width: 45%;
    justify-content: center;
}

.tia_call_logo {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 35px;
}

.btn:disabled {
    background-color: #71639e82;
    border-color: #71639e82;
}


/*===== КОНЕЦ МОДУЛЬ CALL ======*/

.tia_card_contragent .tia_block_disabled {
    width: 100%;
    position: relative;
}




.tia_desktop_script_card {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px;
}

.tia_razdel_v_razrabotke {
    font-size: 35px;
    color: #71639e57;
}

#table_data_report_manager_appl_remove {
    display: flex;
    flex-direction: column-reverse;
}

.mb-3.tia_flex.tia_flex_centr_vertical {
    position: relative;
}

#form_application .mb-3.tia_flex.tia_flex_centr_vertical a,
#form_application_payment .mb-3.tia_flex.tia_flex_centr_vertical a,
#form_application_payment .mb-3.tia_flex.tia_flex_centr_vertical .tia_html_karta_i,
#tia_payment_kartka .tia_html_copy
{
    position: absolute;
    right: 0;
    padding-right: 15px;
    z-index: 2;
    color: var(--bs-btn-bg);
    font-size: 20px;
}

#form_application_payment .mb-3.tia_flex.tia_flex_centr_vertical a {
    bottom: 10px;
}


#form_application .mb-3.tia_flex.tia_flex_centr_vertical a i,
#form_application_payment .mb-3.tia_flex.tia_flex_centr_vertical a i
{
    padding: 0;
}

#form_application .mb-3.tia_flex.tia_flex_centr_vertical .disabled_appl_note_add {
    font-size: 20px;
    bottom: 0;
    padding-bottom: 10px;
    padding-right: 20px;
}

.tia_phone {
    display: none;
}

.tia_relative {
    position: relative;
}

.tia_absolute {
    position: absolute;
}

.tia_centr_absolute {
    top: 50%;
    transform: translateY(-50%);
}

.tia_left_20 {
    left: 20px;
}

.tia_background_info {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: white;
    display: flex;
    justify-content: center;
    /*align-items: center;*/
}

.tia_card_info {
    /*margin: unset !important;*/
    margin: auto !important;
    max-width: 750px;
    height: fit-content;
}

#table_info_route td {
    text-align: left;
}

#table_info_route {
    width: 100%;
    border-bottom: 1px solid #0000002d;
    overflow: auto;
}

.tia_table_info_product thead {
    border-color: #dddbdb;
    border-bottom-style: solid;
    border-width: 1px;
    background-color: aliceblue;
}

.tia_table_info_product thead .tia_font_weight_info {
    font-weight: 500;
}

.tia_table_info_product tbody td {
    border-color: #dddbdb;
    border-style: solid;
    border-width: 1px;
}


#table_info_route .tia_info_razom_right {
    text-align: right;
}

#table_info_route .tia_info_razom_center {
    text-align: center;
}

#table_info_route .tia_info_razom_weight {
    font-weight: 650;
}


#table_info_route .tia_info_color {
    color: red;
}

.tia_background_info .py-3 {
    padding-top: 0.3rem!important;
    padding-bottom: 0.3rem!important;
}

.tia_background_info .card-body {
    padding: 0.3rem 1rem 1rem;
}

#table_info_route .tia_font_size_table_info_contragent {
    font-size: 1.1rem;
}

#table_info_route .tia_table_info_product h6 {
    font-size: 0.8rem;
    margin: unset;
}

.tia_table_info_background {
    background-color: #f3f3f3;
    margin-bottom: 5px;
}

.tia_font_weight_info_phone {
    font-weight: 500;
}

.tia_btn_close_info_route {
    position: absolute;
    bottom: 100px;
    right: 100px;
}

/*------------------------------------------------*/
.tia_background_color_blinking {
    animation: blink-bg 0.5s infinite alternate;
}

.tia_background_color_blinking_1s {
    animation: blink-bg 1.0s infinite alternate;
}

@keyframes blink-bg {
  0% {
    background-color: #f1bcbc;
  }
  100% {
    background-color: #ffffff;
  }
}

.blink {
  animation: blink-opacity 2s infinite;
}

@keyframes blink-opacity {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}
/*------------------------------------------------*/


.tia_background_info_logist_1 {
    background-color: #f0f8ff !important;
}

.tia_text_align_left {
    text-align: left !important;
}

.tia_text_align_centr {
    text-align: center;
}

.tia_text_align_right {
    text-align: right !important;
}

.table {
/*    --bs-table-hover-color: var(--bs-body-color);*/
    --bs-table-hover-bg: unset;
}

.tia_402 {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 1.5rem;
}

.tia_html_karta {
    position: absolute;
    right: -330px;
    top: 17px;
    font-size: 0.7rem;
    background-image: url(/assets/img/info-1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 145px;
    width: 350px;
    z-index: 100;

    transition: all 0.5s ease;
    transform-origin: top left;
}

.tia_html_karta.hide {
    opacity: 0;
    transform: translate(0, 0) scale(0.3);
    pointer-events: none;
}


.tia_html_karta span {
    position: absolute;
    right: 30px;
    top: 27px;
    max-width: 220px;
    pointer-events: none;
    user-select: none;
}

.tia_html_karta img {
    position: absolute;
    width: 40px;
    right: 35px;
    top: 20px;
    pointer-events: none;
    user-select: none;
}

.tia_html_karta_i {
    opacity: 0;
    pointer-events: none;
    user-select: none;

    transition: all 0.5s ease;
    transform: scale(0.3);
/*    transform-origin: top left;*/
}

.tia_html_karta_i.show {
    opacity: 1;
    transform: translate(0, 0) scale(1.0);
    pointer-events: auto;
}

.tia_background_color_karta {
    background-color: #ffe5e5;
}

.tia_modal_window_pay {
    max-width: 400px;
}

.tia_modal_window_pay input::placeholder,
.tia_modal_window_pay textarea::placeholder {
    text-align: center;
}

.tia_span_sum {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: red;
    color: white;
    text-align: center;
}

.tia_table_pay {
    max-width: 500px;
    width: 100%;
    text-align: center;
}

.tia_text_underline {
    text-decoration: underline;
}

#zalyshok {
    color: #14c500;
}

.tia_table_pay tr {
    border-bottom: 1px solid;
    border-color: #e3e3e3;
}

table.searchInputTable.table.table-bordered.table-hover.table-sm.tia_sbpros_table_border_style.tia_sbros td:not(:first-child) {
    width: 15%;
}

td.tia_width_70.tia_text_align_left.nowrap {
    width: auto;
}

.tia_span_sum_pay {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tia_span_sum_pay i {
    position: absolute;
    right: 0;
    font-size: 15px;
}

.tia_button_find_AND_edit {
    position: absolute;
    right: 0;
    font-size: 20px;
    color: #71639e;
}

.tia_div_disabled {
  pointer-events: none;
  opacity: 0.5; /* необязательно — для визуального эффекта */
}

#contragent_sum_input_checkbox {
    transform: scale(1.5);
    margin: 5px;
}

.preview_container div {
    display: inline-block;
    width: 160px;
    height: 160px;
    padding: 10px;
    overflow: hidden;
    background: white;
}

.preview_container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    display: block;
}

/*ТЕСТ*/
/*.tia_temp_preview {
  display: inline-block;
  margin: 10px;
  text-align: center;
  width: 120px;
}

.tia_temp_preview img {
  width: 100px;
  height: auto;
  display: block;
  margin-bottom: 5px;
}

.loading_text {
  font-size: 12px;
  color: #888;
}*/

/* Общий фон */
.lightbox-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 20px;
  opacity: 0;
  transform: scale(0.95);
  transition: all 0.3s ease;
}

.lightbox-overlay.show {
  opacity: 1;
  transform: scale(1);
}

.lightbox-content {
  max-width: 90vw;
  max-height: 90vh;
  background: #fff;
  border-radius: 6px;
  overflow: auto;
  position: relative;
  padding: 10px;
}

.lightbox-close {
  position: absolute;
  top: 8px;
  right: 12px;
  cursor: pointer;
  z-index: 10;
}

.upload_block {
    position: relative;
    z-index: 8;
}

.tia_file_input {
  display: none;
}

.tia_file-label {
    max-width: 50%;

/*  display: inline-block;
  background-color: #007bff;
  color: white;
  padding: 8px 16px;
  font-size: 14px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  margin-right: 10px;*/
}

/*.tia_file-name {
  vertical-align: middle;
  font-size: 14px;
  color: #333;
}*/

.tia_btn_file_input {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
}

.preview_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 10px;
}

.tia_foto_img {
    box-shadow: 3px 3px 15px rgb(0 0 0 / 25%);
}

#tia_label_vid {
    flex: 0 0 10%;
}

#tia_payment_beznal #dateField {
    flex: 0 0 32%;
}


.bot_h6 {
  max-width: unset !important;
  text-align: center !important;
  padding: 15px 0 0 0 !important;
  font-size: 1.8rem !important;
  color: #0d6efd !important;
}

.bot_h5 {
    color: #ff0000 !important;
    font-size: 1.3rem !important;
    max-width: unset !important;
}

.bot_img {
    max-width: 25px !important;
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
}

.bot_tr {
    line-height: 40px;
}

.bot_mw_card {
    margin: 5px !important;
    align-items: flex-start;
}

.bot_mw {
    align-items: center !important;
}

.tia_pointer-events {
    pointer-events: none;
}

.tia_color_red {
    color: red;
    font-weight: 700;
}

.tia_color_red:hover {
    color: red !important;
}

.tia_td_choice_appl_pay {
    vertical-align: middle;
    --bs-table-hover-color: unset;
}

#payment_application td {
    user-select: none;
} 

.clik_contragent:hover {
    background-color: #71639e66;
}

.page-item {
    user-select: none;
}

.tia_help {
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tia_help i {
    padding: unset;
    width: 20px;
    height: 20px;
    border-radius: 25px;
    border: 1px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
}

.zoom-controls {
  position: absolute;
  top: 10px;
  right: 60px;
  z-index: 1000;
}
.zoom-controls button {
  font-size: 24px;
  margin: 0 5px;
  cursor: pointer;
}

#zoom-wrapper {
  overflow: hidden;
  touch-action: none;
  display: inline-block;
  cursor: grab;
  align-content: center;
}

#zoom-wrapper img {
  transition: transform 0.2s ease;
  transform-origin: center center;
  user-select: none;
  pointer-events: none;
}

.tia_format_number {
    white-space: nowrap;
}

.copy-toast {
    position: absolute;
    background: #333;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
    z-index: 9999;
}

.tia_td_list_1 {
    position: relative !important;
    padding: unset !important;
    max-width: 3%;
    width: 100%;
}

.tia_td_list_2 {
    max-width: 40%;
    width: 100%;
}

.tia_td_list_3 {
    max-width: 12%;
    width: 100%;
}

.tia_td_list_4 {
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #574c79;
    padding: 8px;
    font-size: 15px;
}

.tia_trash_invoice {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 15px;
    font-size: 20px;
    color: #71639e;
}




/*-------  Хелп  ----------*/

    .container_help {
        padding: 30px;
        max-width: 1200px;
        width: 100%;
        margin: auto;
    }

    .container_help h1 {
      color: #444;
      font-size: 2rem;
    }

    .container_help .card-body {
      background-color: #fff;
      border-radius: 10px;
      padding: 20px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
      margin-bottom: 30px;
    }

    .container_help .container_help h2 {
      margin-top: 0;
      color: #5b4c86;
    }

    .container_help .card-body ul {
      list-style: none;
      padding-left: 0;
    }

    .container_help .card-body li {
      margin-bottom: 10px;
    }

    .container_help .card-body a {
        text-decoration: none;
        color: #3f3277;
        font-weight: bold;
        font-size: 1rem;
    }

    .container_help .card-body a:hover {
      text-decoration: underline;
    }

    .container_help .card-body p {
        font-size: 1rem;
/*        text-indent: 20px;*/
    }

    .container_help .card-body ul p {
        font-size: 1rem;
        text-indent: unset;
        margin-inline-start: 10px;
    }

    .container_help .card-body ol {
        font-size: 1rem;
    }


    .container_help .help-section img {
      max-width: 100%;
      border: 1px solid #ccc;
      border-radius: 8px;
      margin: 10px 0;
    }

    .container_help .footer {
      text-align: center;
      padding: 15px;
      font-size: 14px;
      color: #aaa;
    }


    .container_help ol {
      counter-reset: item;
/*      margin-left: 20px;*/
    }

    .container_help ol li {
      display: block;
      position: relative;
      margin-bottom: 10px;
    }

    .container_help ol li::before {
        counter-increment: item;
        content: counters(item, ".") ". ";
        position: absolute;
        left: -3.2em;
        width: 3em;
        text-align: right;
        font-weight: 600;
    }

    .container_help li p {
      margin-left: 0.5em;
    }

    .container_help img {
        max-height: 50vh;
        max-width: 85%;
        padding: 5px 0;
    }

    .container_help .img {
        text-align: center;
    }



/*------- конец Хелп  ----------*/



/*-------  CASH  ----------*/

.tia_cash_h2 {
    padding: 10px 20px;
    color: #71639e;
}

.tia_cash_table_sum {
    display: flex;
    flex-direction: column-reverse;
}

.tia_desktop_event_body h5,
.tia_desktop_event_body h2,
.tia_desktop_event_body h4
{
    margin: 0;
}

.border_bottom {
    border-bottom: solid 2px #71639e;
    width: 100%;
    padding-bottom: 10px;
}

.tia_desktop_event_body th,
.tia_desktop_event_body td
{
    text-align: center;
}

.tia_desktop_event_body input, 
.tia_desktop_event_body select,
.tia_desktop_script input
{
    width: 100%;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
}

.tia_desktop_event_body .form-control:focus,
.tia_desktop_script .form-control:focus,
.tia_report_route_group .form-control:focus
 {
    box-shadow: inset 0 0 0px 0.25rem rgba(13, 110, 253, .25);
}

.tia_desktop_event_body .p-u {
    padding: unset;
}

.tia_desktop_event_body .w-input {
    width: 15%;
}

.tia_desktop_event_body .w-input-min {
    width: 8%;
}

.auto-expand {
    overflow-y: hidden;
    resize: none;
    padding-right: 115px;
}

.click_row_hover:hover {
    background-color: #71639e3d;
}

.tia_desktop_event_body h4 {
    color: #0d6efd;
}

.tia_m_b_10 {
    margin-bottom: 10px;
}

.tia_width_date_cash {
    width: 30%;
}

.data_filter_dasktop {
    color: var(--bs-btn-bg);
}

.tia_desktop_event button i {
    color: white;
    font-size: 1rem;
}

.tia_desktop_event span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -70%);
    font-size: 40px;
    font-weight: 600;
}

.tia_final_close {
    color: red;
}

.tia_final_open {
    color: green;
}


/*------- конец CASH  ----------*/



/*------- PLAN  ----------*/

.w-input-plan {
    width: 9%;
}

.w-input-result {
    width: 25%;
}

#tia_page_desktop .table-sm>:not(caption)>*>* {
    padding: 0.10rem .25rem;
}

.tia_desktop_event_body .tia_search_div_close i {
    display: block;
    position: unset;
}

.tia_weekday {
    background: #71639e1a;
}

.tia_border_left_table_plan {
    border-left: solid 3px #71639e !important;
}

.tia_border_top_table_plan {
    border-top: solid 3px #71639e !important;
}

.tia_background_color_red {
    background-color: #cb00004a !important;
}

.tia_background_color_green {
    background-color: #00cd005c !important;
}



/*------- конец PLAN  ----------*/



/*------- Табель  ----------*/
#list_workpeople_modal_window tbody td,
#list_workpeople_modal_window input
{
    text-align: left;
}

.w-input-plan-5 {
    width: 5%;
}

.w-input-plan-7 {
    width: 7%;
}

.w-input-plan-15 {
    width: 15%;
}

.w-input-plan-10 {
    width: 10%;
}


/*------- конец Табель  ----------*/


.tia_text_copy {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-color: black;*/
    z-index: 999;
    color: red;
    font-size: 6rem;
    display: none;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.tia_i_close {
    position: absolute;
    right: 1px;
    color: #71639e;
    padding: 5px;
    background: white;
    font-size: 20px;
    display: none;
}

.transit_checkbox {
    width: 18px;
    height: 18px;
    margin: 5px;
}