body{
    /*padding-bottom: 100px;*/
   /* background:#f1f1f1;*/
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
h1 {
  font-family: "Poiret One", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.p_logo_text span{
    font-size: 40px !important;
}
.clip2-bg {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 48%;
    height: 68%;
    background: #6A5ACD;
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    z-index: -1;
    opacity: 0.8;
}
.clip1-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 62%; /* Ширина 30% от экрана */
    height: 38%; /* Высота 30% от экрана */
    background: #6A5ACD;
    clip-path: polygon(0 0, 100% 0, 0 100%);
    z-index: -1;
    opacity: 1;
}
canvas{
    border-radius:6px;
}
.container-fluid {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}
.form-select:focus {
    /*border-style: none;*/
    outline: 0;
    box-shadow: none; 
}
.form-input:focus {
   /* border-style: none;*/
    outline: 0;
    box-shadow: none;
}
#spinner_box{
    position: fixed;
    top:0;
    margin-top: 10px;
    z-index: 100 !important;
}
.viewer_dxf{
    position: fixed;
    top:0;
    left: 0;
    width: 100vw;
    height: 100vh;
}
#help_icons{
    position: fixed;
    bottom: 40px;
    z-index:1000;
    right: 20px;
    width: 100px;
    opacity:0.5;
}
.blocked_td_btn .td_value {
        word-break: break-word; /* Переносит даже внутри слов */
        /* или */
        overflow-wrap: break-word; /* Переносит, если слово не помещается */
    }
/* Отключение focus-visible для всех элементов */
:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Для кнопок */
.btn:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Для инпутов и селектов */
.form-control:focus-visible,
.form-select:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
#navbar_user ul li a{
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.bg-extra{
    --bs-bg-opacity: 1;
    background-color: rgba(65, 34, 113, var(--bs-bg-opacity)) !important;
}
.bg-extra-light{
    background-color: rgba(65, 34, 113, 1) !important;
}
.d_none_mtb{
    top: 0 !important;
}
.set_furniture_table_complect tbody tr{
    cursor: pointer;
}
.box_content_tasks{
    /*opacity:0;*/
    min-height: 50px;
    position: relative;
}
.day_tasks_calendar{
    position: relative;
    width: 100%;
    height: 30px;
    /*-webkit-box-shadow: -1px 0px 0px 0px rgba(124, 124, 124, 1);
    -moz-box-shadow: -1px 0px 0px 0px rgba(124, 124, 124, 1);
    box-shadow: -1px 0px 0px 0px rgba(124, 124, 124, 1);*/
    /*border-right:1px solid white;*/
    background:#e3e3e3;
    text-align:center;
    cursor: pointer;
    line-height: 12px;
    transition:0.05s linear;
}
.day_tasks_calendar .time_day{
    width: 7.142857142857143%;
    /*margin-right: calc((100vw - 756px) / 13);*/
    height: 29px;
    font-size:13px;
    text-align:left;
    padding-top: 5px;
    position: relative;
    padding-left: 5px;
}
.day_tasks_calendar .last_time_day{
    width: 60px;
}
.day_tasks_calendar .time_day:after{
    content:'';
    position: absolute;
    top: 18px;
    left: 0;
    width: 2px;
    height: 11px;
    border-left:2px solid #797979;
}
.time_line_now{
    width: 30px;
    height: 30px;
    position: absolute;
    top: -3px;
    left: -30px;
    color:#0d6efd;
    /*background:#0d6efd;*/
    z-index:2;
}

.day_tasks_calendar .time_line_now .bi-caret-up-fill{
    display:block;
    position: absolute;
    top: 20px;
    left: -6px;
    color:#212529;
    font-size:14px;
}
.day_tasks_calendar .time_line_now .bi-caret-down-fill{
    display:block;
    position: absolute;
    top: -4px;
    left: -6px;
    color:#212529;
    font-size:14px;
}
.day_tasks_calendar:hover{
    background:#d9d9d9;
}
.now_day_tasks{
    
    background:#ededed;
}
.list_tasks_calendar{
    width: 100%;
    min-height: 60px;
    position: absolute;
    top: 38px;
    left: 0;
    z-index:10;
    display: none;
    border-top: 1px solid #dee2e6;
    background: #f2f2f2;
    padding: 7px 10px 10px 10px;
    border-radius:0px 0px 6px 6px;
    -webkit-box-shadow: 3px 6px 8px 1px rgba(124, 124, 124, 0.21);
    -moz-box-shadow: 3px 6px 8px 1px rgba(124, 124, 124, 0.21);
    box-shadow: 3px 6px 8px 1px rgba(124, 124, 124, 0.21);
    cursor:default;
    
}
.cont_list_tasks_box{
    max-height: 330px;
    overflow:auto;
}
.btn_start_task{
    position: relative;
    /*overflow:hidden;*/
    
}
.btn_open_list_tasks{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background:none;
    cursor: pointer;
    border-style:none;
    color: #141414;
    font-size:13px;
}
.submit_start_task{
    width: 100%;
    height: 38px;
    position: absolute;
    top: 4px;
    left: 0;
    display: none;
    transition: 0.2s linear;
}
.start_task_clr_cld{
    background:#0d6efd
}
.start_task_clr_cld:hover{
    background:#0b5ed7;
}
.task_clr_cld{
    background: #808e9b;
}
.task_clr_cld:hover{
    background:#6e7983;
}

.now_task_clr_cld{
    background: #198754;
}
.now_task_clr_cld:hover{
    background: #157347;
}
.missed_task_clr_cld{
    background: #dc3545;
}
.missed_task_clr_cld:hover{
    background: #bb2d3b;
}
.info_tasks_calendar{
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: -5px;
    left: 0;
    background: rgba(236, 236, 236, 0);
    /*overflow:hidden;*/
}
.lst_sts_task{
    height: 3px;
    background:#dc3545;
    margin-top: 1px;
    text-align:left;
    line-height: 18px;
    border-right:4px solid #fff;
}
.movein_left_hrs,
.movein_right_hrs{
    width: 30px;
    height: 30px;
    background: #ededed;
    border-style:none;
    position: absolute;
    color:#6c757d;
    z-index: 10;
    border-right:1px solid white;
    display:none;
}
.movein_left_hrs{
    top: 0;
    left: 126px;
}
.movein_right_hrs{
    top: 0;
    left: 95px;
}
.movein_left_hrs:hover{
    color:#212529;
}
.movein_right_hrs:hover{
    color:#212529;
}
.content_task_info_lbl{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 24px;
    min-height: 30px;
    padding: 6px 10px;
    font-size:13px;
    background:#dc3545;
    background: rgba(247, 212, 216, 1);
    margin-top: 3px;
    box-shadow: 
        inset 0 -1px 1px rgba(84, 84, 84, 0.17),
        inset 0 1px 1px rgba(84, 84, 84, 0.17);
    border-radius: 0 0 4px 4px;
    display:none;
     white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
}
.content_task_info_lbl span{
    float:right;
}
#date_now_task_timeline{
    width: 154px !important;
    background: #ededed;
    border-style:none;
    z-index: 9;
}
.open_info_short_task{
    position: absolute;
    left: 50%;
    top: 4px;
    margin-left: -10px;
    border-radius: 0px 6px 6px 6px;
}
.name_task_calendar {
    max-width: 94%;
    height: 26px;
    line-height: 26px;
    position: absolute;
    bottom: 6px;
    left: 5px;
    color: #fff;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.task_calendar{
    width: 100%;
    min-height: 38px;
    border-radius: 6px;
    margin-top: 4px;
    position: relative;
    cursor: pointer;
    color: #fff;
    border-style:none;
    z-index: 5;
}
.cancel_start_task{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 7;
}
.btn_submit_start_task{
    width: 100%;
    height: 38px;
    border-radius: 6px;
    cursor: pointer;
    border-style:none;
    z-index: 6;
    color: #fff;
}
.btn_close_list_tasks{
    width: 100%;
    height: 37px;
    text-align:right;
    padding-right: 15px !important;
    position: absolute;
    top: -38px;
    background:none;
    left: 0;
    cursor: pointer;
    border-style:none;
    color: rgba(121,121,121,0.7);
    transition:0.2 leniar;
    padding: 0;
    line-height: 28px;
    cursor: pointer;
    -webkit-box-shadow: 3px 6px 8px 1px rgba(124, 124, 124, 0.21);
    -moz-box-shadow: 3px 6px 8px 1px rgba(124, 124, 124, 0.21);
    box-shadow: 3px 6px 8px 1px rgba(124, 124, 124, 0.21);
}
.btn_close_list_tasks:hover{
    color: rgba(121,121,121,1);
}
.overflow_box_tasks{
    width:100%;
    overflow-x: clip;
    height: 30px;
    position: relative;
    z-index:5;
    background:#ededed;
}
.arrow_tasks_calendar_left,
.arrow_tasks_calendar_right,
.arrow_tasks_calendar_start{
    width: 52px;
    height: 29px;
    border-style:none;
    border-right:1px solid #fff;
    background:#e3e3e3;
    color:#797979;
    text-align:center;
    cursor: pointer;
    transition:0.05s linear;
    position: absolute;
    top: 0;
    z-index:9;
    font-size:14px;
}
.arrow_tasks_calendar_left:hover{
    background:#d9d9d9;
}
.arrow_tasks_calendar_right:hover{
    background:#d9d9d9;
}
.arrow_tasks_calendar_start:hover{
    background:#d9d9d9;
}
.arrow_tasks_calendar_left{
    left: 52px;
}
.arrow_tasks_calendar_right{
    right: 0;
}
.arrow_tasks_calendar_start{
    left: 0;
}
.tasks_slide_show{
    width:calc(100% - 156px);
    min-width: 1084px;
    height: 29px;
    position: absolute;
    top: 0;
    left:156px;
    z-index:8;
}
.task_active_box{
    width: 100%;
    z-index: 11;
}
.task_active_box .row{
    width: 100%;
    border-radius: 18px;
    min-height: 66px;
}
.task_active_box .task_row{
    background:#fff1f1;
}
.task_row_pause {
    box-shadow:none !important;
}
.task_active_box button,
.task_active_box a{
    width: 100%;
    margin-top: 16px;
}
#thead_mtb_sticky{
    position: fixed;
    top: 57px;
    left:0;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    z-index: 10;
    transition:0.4s linear !important;
}
#thead_mtb_sticky table thead tr th{
    background:white;
}
.selection-box {
  position: absolute;
  border: 1px dashed #157347;
  background: rgba(21, 115, 71, 0.1);
  pointer-events: none; /* Чтобы рамка не перехватывала события мыши */
}
.fix_thd{
    display:flex;
    z-index: 1000;
    position: fixed;
    top:58px;
    left: 12px;
    padding:0 0;
    margin-left: 0;
    min-height:37px;
    background:rgba(255,255,255,0.9);
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    transition:0.2s linear;
}
.fix_thd div{
    min-height:37px;
    border-top:1px solid #dee2e6;
    border-bottom:1px solid #dee2e6; 
    border-left: 1px solid #dee2e6;
    padding-left:9px; 
    padding-top:5px;
    font-weight:bold;
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap;
}
.bg-salon{
    background-color: rgb(15 41 59) !important;
}

.preloader_mtb{
    width:100vw;
    position: fixed;
    bottom:30px;
}
.close_filter_check,
.close_checked_remove,
.file_interface_load{
    display:none;
}
.close_checked_remove,
.close_filter_check{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 24px;
    text-align:center;
    padding-top: 5px;
}
.submit_reset_filters:hover .value_filter_check{
    display:none;
}
.submit_reset_checked:hover .value_filter_check{
    display:none;
}
.form-check-input-var:checked {
    background-color: #FFC107;
    border-color: #FFC107;
}
.submit_reset_filters:hover .close_filter_check{
    display:inline;
}
.submit_reset_checked:hover .close_checked_remove{
    display:inline;
}
.form-check-input{
    cursor: pointer;
}
.treeview .list-group-item{
    cursor:pointer
}
.treeview span.indent{
    margin-left:10px;
    margin-right:10px
}
.treeview span.icon{
    width:12px;
    margin-right:5px
}
.treeview .node-disabled{
    color:silver;
    cursor:not-allowed
}
.link_logo_nav{
     max-width: calc(100vw - 1212px);
     overflow: hidden; 
     text-overflow: ellipsis; 
     white-space: nowrap;
     font-weight:600;
}
#defect-card {
    position: fixed;
    bottom: 90px;
    right: -340px;
    width: 320px;
    z-index: 9999;
    transition: right 0.3s ease-in-out;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

#defect-card.show_form_df {
    right: 10px;
}

.card-header {
    position: relative;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    background: none;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
    color: #000;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.close-btn:hover {
    opacity: 1;
    color: #dc3545;
}
.alerts_content {
    position: absolute;
    top: 35px;
    right: 0;
    z-index: 1000;
    display: none;
    width: 300px;
    padding: 0 16px 8px 16px;
    margin: 0;
    font-size: 14px;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #d2d2d2;
    border-radius: 6px;
    /* Новые свойства */
    max-height: min-content; /* Автоматическая высота по содержимому */
    overflow-y: auto; /* Включаем скролл при необходимости */
}

.alerts_content .alert_label_hdr {
    width: 100%;
    padding: 8px 8px 2px 8px;
    font-weight: 600;
    font-size: 16px;
    color: #212529;
    position: sticky;
    top: 0;
    background-color: white; /* Чтобы заголовок не терялся при скролле */
    z-index: 1;
}

.alerts_content .alert_row {
    cursor: pointer;
    position: relative;
    width: 100%;
    padding: 8px 16px;
    background-color: #fff3cd;
    border-radius: 4px;
    margin-bottom: 8px;
    color:#664d03;
}
.alerts_content .alert_row .text_link{
    display: none;
    color:#c0a658;
}
.alerts_content .alert_row .submit_del_alert{
    position: absolute;
    width: 20px;
    height: 20px;
    color:#212529;
    border-style:none;
    background: none;
    top: 2px;
    right: 5px;
}
.alerts_content .alert_row .submit_del_alert:hover .bi-x-circle {
    display: none;
}
.alerts_content .alert_row .submit_del_alert .bi-x-circle-fill {
    display: none;
}

.alerts_content .alert_row .submit_del_alert:hover .bi-x-circle-fill {
    display: inline-block;
    color:#dc3545;
}
/* Правила для скролла */
.alerts_content {
    scrollbar-width: thin;
    scrollbar-color: #d2d2d2 #f8f9fa;
}

.alerts_content::-webkit-scrollbar {
    width: 6px;
}

.alerts_content::-webkit-scrollbar-track {
    background: #f8f9fa;
}

.alerts_content::-webkit-scrollbar-thumb {
    background-color: #d2d2d2;
    border-radius: 3px;
}

/* Автоматическое ограничение высоты при большом количестве элементов */
.alerts_content:has(> .alert_row:nth-child(10)) {
    max-height: 340px;
}
.alerts_content .alert_row:hover{
    background-color: #ffeeb6;
}
.alerts_content .alert_row:hover .text_link{
    display:inline;
}
.th_materials{
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap;
}
.sorted-column {
    background-color: #fdfaff !important; /* Голубой оттенок (можно изменить) */
}
.filter_mtr_orderby{
    color:#480088;
    cursor: pointer;
    position: relative;
}
.filter_mtr_orderby:hover{
    color:#000;
    transition:0.2s linear;
}
.icon_filter_mtr_desc,
.icon_filter_mtr_asc{
    width: 20px;
    position: absolute;
    margin-left: -10px;
    right: -2px;
    font-size: 12px; 
    color:#8f8f8f;
    top:-2px;
    text-align:center;
    display: none;
}
#materials_content tr .th_info_box{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    font-weight:bold;
    font-size:16px;
    bottom: 0;
    left: 0;
    z-index: 11;
    display:none;
    padding-left: 5px;
}

.glyphicon:before{
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\F2E9";
}
.glyphicon-stop:before{
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\F4FB";
}
.order_mark_table{
    max-width: 180px;
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap;
}
.contractor_mark_table{
    max-width: 220px;
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap;
}
.opacity-0{
    opacity:0 !important;
}
.checkboxes_order_active label,
.checkboxes_in_stock label,
.checkboxes_fur_set_active label,
.checkboxes_det_set_active label,
.checkboxes_det_ras_active label,
.checkboxes_app_active label,
.checkboxes_det_krm_active label,
.checkboxes_det_prs_active label,
.checkboxes_opr_active label{
    width: 42px;
    height: 38px;
}

.block_info_order_false {
    border: 1px solid #dc3545;
    border-radius: 10px;
    padding: 10px 20px;
    position: absolute;
    background: #dc3545;
    top: -50px;
    right: 42px;
    color:#fff;
    z-index:1;
}
.block_info_order_false::before, .block_info_order_false::after {
    content: ''; 
    position: absolute;
    left: 20px; bottom: -20px;
    border: 10px solid transparent;
    border-top: 10px solid #dc3545;
}
.block_info_order_false::after {
    border-top: 10px solid #dc3545;
    bottom: -19px; 
}
.active_order_check{
    --bs-table-accent-bg:rgba(25, 135, 84, 0.03)!important;
    background-color:rgba(25, 135, 84, 0.03)!important;
}
.link_specification_sub{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    opacity:0;
    transition:0.1s linear;
    margin-top: 0;
    width: 100%;
    height: 22px;
    padding-top: 0;
    font-size:12px;
}
.progress:hover .link_specification_sub{
    opacity:1;
}
.active_app_1{
    background-color:rgba(255, 254, 250, 1)!important;/*Желтый*/
}
.active_app_2{
    background-color:rgba(249, 253, 251, 1)!important;/*Зел*/
}
.active_prs_2{
    background-color:rgba(25, 133, 83, 0.1)!important;/*Зел*/
}
.active_app_3{
    background-color:rgba(255, 252, 252, 1)!important;/*Красн*/
}
.comments-container {
    max-height: 400px;
    min-height: 100px;
    overflow-y: auto;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    padding: 10px 15px; /* Уменьшен вертикальный padding */
}
.comment-item {
    border-bottom: 1px solid #eee;
    padding: 8px 0; /* Уменьшен padding */
    margin-bottom: 8px;
}
.comment-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
.comment-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3px; /* Уменьшен отступ */
}
.comment-date {
    font-weight: bold;
    color: #6c757d;
    margin-right: 8px; /* Уменьшен отступ */
}
.comment-author {
    font-weight: bold;
    margin-right: 5px; /* Уменьшен отступ */
}
.comment-position {
    color: #6c757d;
    font-size: 0.9em;
}
.comment-text {
    margin: 5px 0;
    text-align: left;
    word-break: break-word;
}
.comment-actions {
    text-align: right;
}

.checkboxes_order_active .btn:active{
    /**background:none !important;*/
}
.checkboxes_order_active .btn:focus{
    /*background:none !important;*/
}
.checkboxes_order_notactive .btn-check:focus+.btn{
    background:none !important;
}


/*table tbody tr td button{
    margin-top: 8px;
}

table tbody tr td a{
    margin-top: 8px;
}*/
table tbody tr td.pt-3{
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}
table {table-layout:fixed;}/*Setting the table width is important!*/
.op_ac_eye{
    width: 58px;
    height: 58px;
    text-align:center;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    color:#333333;
    font-size:24px;
    line-height:58px;
}
.np_ac_eye{
    width: 58px;
    height: 58px;
    text-align:center;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    color:#333333;
    font-size:24px;
    line-height:58px;
}
.op_ac_eye:hover{
    color:#969696;
}
.np_ac_eye:hover{
  color:#969696;
}
.progress_bar_load_function{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1056;
    width: 100%;
    height: 100vh;
    background:rgba(0,0,0,0.8);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.box_company_change{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: calc(100vh - 59px);
    background:rgba(0,0,0,0.8);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.company_list_change{
    position: absolute;
    top: 0;
    left: 0;
    
    width: 300px;
    height: 100%;
    background:white;
    overflow:auto;
}
.del_icon_priority{
    display: none;
}
.submit_del_priority_order:hover .del_icon_priority {
    display: block; /* или block, в зависимости от вашей верстки */
}
.submit_del_priority_order:hover .priority_order_by {
    display: none; /* или block, в зависимости от вашей верстки */
}
/*html:has(.submit_del_priority_order:hover)  .del_icon_priority{
    display: block;
} 
html:has(.submit_del_priority_order:hover)  .priority_order_by{
    display: none;
} */
.overflow_sborki{
    height: calc(100vh - 235px); /* Высота равна высоте окна минус 200px (подбирается под ваш макет) */
    overflow-y: auto; /* Включаем вертикальный скролл при необходимости */
    position: relative; /* Для корректного позиционирования */
    padding-right: 15px; /* Чтобы контент не заезжал под скролл */
    padding-top: 1px;
}
.block_canvas_mode{
    width: 100%;
    height: 300px;
    border-radius:6px;
    position: absolute;
    top: 0;
    left: 0;
    background:rgba(255,255,255.0.8);
    z-index:100;
}
.card_sborka_more{
    cursor: pointer;
}
.card_sborka_more:hover{
    transition:0.2s linear;
    border:1px solid #198754;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(25, 135, 84, 1);
    -moz-box-shadow: 0px 0px 0px 1px rgba(25, 135, 84, 1);
    box-shadow: 0px 0px 0px 1px rgba(25, 135, 84, 1);
}
.card_check_sborka{
    cursor: pointer;
}
.card_check_sborka:hover{
    transition:0.2s linear;
    border:1px solid #198754;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(25, 135, 84, 1);
    -moz-box-shadow: 0px 0px 0px 1px rgba(25, 135, 84, 1);
    box-shadow: 0px 0px 0px 1px rgba(25, 135, 84, 1);
}
.sborki_content_sklad tr.header,
.sborki_content_sklad tr.header_null{
    font-weight: bold;
    background-color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Likely future */
}

/*canvas:hover{
    -webkit-box-shadow: 0px 0px 0px 2px rgba(25, 135, 84, 1);
    -moz-box-shadow: 0px 0px 0px 2px rgba(25, 135, 84, 1);
    box-shadow: 0px 0px 0px 2px rgba(25, 135, 84, 1);
    transition:0.2s;
}*/
/*.sborki_content_sklad tr:not(.header) {
    display: none;
}*/

.sborki_content_sklad .header_td {
    display: none;
}
.sborki_content_sklad .header th:after,
.sborki_content_sklad .header_null th:after{
    position: relative;
    top: 1px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    color: #999;
    text-align: center;
    padding: 3px;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
}

.sborki_content_sklad .header.active th:after {
    /*content: "\2212";*/
}
#content_itr_planning,
#content_planning{
    overflow-x:auto;
}
.planning_users_format{
    position: relative;
    margin-left: 180px;
    margin-top: 40px;
	width:1680px;
	max-width: 1680px;
}
.submit_transfer_operation{
    width: 27px;
    height: 50px;
    font-size: 12px;
    padding:0;
    padding: 5px;
    margin-top: 5px;
    border-radius:0 4px 4px 0 !important;
    border-style:none !important;
}
.submit_transfer_operation:hover{
    border-style:none !important;
    
}
.submit_transfer_operation:hover i{
    border-style:none !important;
    color:#212529!important;
}
.planning_operations_format{
    width: 100%;
    right: 170px;
	min-height:50px;
}
.text_info_operation{
    width: 100%;
    font-size:13px;
    padding-left: 14px;
    padding-right:35px;
    line-height: 18px;
    padding-bottom: 6px;
    padding-top: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.popup_hint_raskor{
    width: auto;
    white-space: nowrap;
    position: absolute;
    top: -120%;
    left: 20px;
    background:white;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 12px;
    z-index: 2;
    display: none;
    -webkit-box-shadow: 0px 1px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 1px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 1px 8px 0px rgba(34, 60, 80, 0.2);
}
.text_info_operation i{
    font-size:16px;
}
.date_now_planning{
    width: 100px;
    height: 30px;
    position: absolute;
    top: 4px;
    font-size:18px;
    left:10px;
    font-weight:600;
    padding-left: 6px;
}

.time_block{
    width: 40px;
    height: 24px;
    text-align:right;
    font-size:13px;
    position: absolute;
    display:inline-block;
    top: 10px;
}
#floating-time-label{
    position: absolute;
    top: -23px;
    left: -43px;
    font-size: 14px;
    background: #fff;
    color: #333;
    padding: 1px 5px;
    border-radius: 4px 4px 0 4px;
    box-shadow: 0px 0px 0px 1px rgba(13, 110, 253, 1) inset;
    white-space: nowrap;
    pointer-events: none;
    display: none;
    z-index: 10;
}
.bg-opacity-20 {
    --bs-bg-opacity: 0.20;
}
.bg-opacity-15 {
    --bs-bg-opacity: 0.15;
}
.bg-opacity-10 {
    --bs-bg-opacity: 0.10;
}
.bg-opacity-5 {
    --bs-bg-opacity: 0.05;
}
.user_row_planning{
    width: 1860px;
    max-width: 1860px;
    height: 60px;
   /* height: calc(((100vw - 240px) / 168) * 8);*/
    border-bottom:1px solid #dee2e6;
    border-left:1px solid #dee2e6;
    /*padding-top: calc(((100vw - 240px) / 168) * 1.3);*/
    padding-top: 16px;
    padding-left: 14px;
    overflow: hidden; 
    margin-left: -180px;
    text-overflow: ellipsis; 
    white-space: nowrap;

}
.shaddow_row_planning{
    -webkit-box-shadow: 0px -21px 20px -21px rgba(34, 60, 80, 0.13) inset;
    -moz-box-shadow: 0px -21px 20px -21px rgba(34, 60, 80, 0.13) inset;
    box-shadow: 0px -21px 20px -21px rgba(34, 60, 80, 0.13) inset;
}
.user_row_itr_planning{
    width: 1860px;
    max-width: 1860px;
    height: 60px;
   /* height: calc(((100vw - 240px) / 168) * 8);*/
    border-bottom:1px solid #dee2e6;
    border-left:1px solid #dee2e6;
    /*padding-top: calc(((100vw - 240px) / 168) * 1.3);*/
    padding-top: 8px;
    line-height: 18px;
    padding-left: 14px;
    overflow: hidden; 
    margin-left: -180px;
    text-overflow: ellipsis; 
    white-space: nowrap;
}
.user_row_itr_planning span{
    font-size:12px;
}
.bufer_row_planning{
    width: calc(100vw - 40px);
    height: calc(50 / 1920 * 100vw);
    padding-top: calc(((100vw - 240px) / 168) * 1.2);
    border-bottom:1px solid #dee2e6;
    border-left:1px solid #dee2e6;
    border-top:1px solid #dee2e6;
    padding-left: 14px;
    overflow: hidden; 
    margin-left: -200px;
    text-overflow: ellipsis; 
    white-space: nowrap;
}
.group_operation_row_planning{
    height: 30px;
    padding-top: 2px;
    padding-left: 14px;
    padding-right: 14px;
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap;
}
.height_header_opr{
    height: 60px;
    padding-top: 17px;
}
.line_row_planning{
    position: absolute;
    left: 0; /* Длина линии */
    width: 720px;
    height: 1px;
    background-color: #dee2e6; /* Цвет линии, как у границы */
}
.border_plan_first{
    border-top: 1px solid #dee2e6;
}
.planning_element,
.planning-raskor-element,
.planning-krom-element,
.planning-pris-element,
.planning-sbir-element{
    position: relative;
    /*height: calc(((100vw - 240px) / 168) * 8);*/
    height: 60px;
}
.planning-raskor-element-wrp,
.planning-krom-element-wrp,
.planning-pris-element-wrp,
.planning-sbir-element-wrp,
.planning-tch-element-wrp,
.planning-kst-element-wrp,
.planning-snb-element-wrp{
    background-image: 
        /* Вертикальные линии (второй слой) */
        linear-gradient(90deg, #dee2e6 1px, transparent 1px),
        /* Точки (основной слой) */
        radial-gradient(circle, #f1f1f1 1px, transparent 1px);
      
      background-size: 
        120px 100%,  /* Ширина линий (120px), высота на всю высоту */
        10px 10px;   /* Размер сетки точек (10x10) */
      
      background-position: 
        0 0,          /* Позиция линий (начинаются с левого края) */
        5px 5px;      /* Позиция точек (смещение на половину размера для правильного выравнивания) */
      
      background-repeat: repeat;
   /* background-image: radial-gradient(circle, var(--bs-border-color) 1px, rgba(0, 0, 0, 0) 1px);
    background-size: 10px 10px;
    background-position: -5px -5px;*/
}
.time-display{
    display: none;
    position: absolute;
    top: -25px;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 1000;
}
.tasks_row_planning{
    /*height: calc(((100vw - 240px) / 168) * 5);*/
    height: 32px;
}
.tasks_itr_row_planning{
    /*height: calc(((100vw - 240px) / 168) * 5);*/
    height: 60px;
}
.operations_element{
    position: relative;
	height:50px;
}

.select_user_by_task{
    width: calc(100% - 2px);
    height: 30px;
    border-radius: 0 4px 4px 0;
    font-size:14px;
    line-height: 18px;
    padding-left: 6px;
}


.bg_planning_sbir{
    background:rgba(211, 214, 216, 1);
}
.bg_planning_task{
    background:rgba(182, 239, 250, 1);
}
.bg_planning_sbir:hover{
    background:rgba(211, 214, 216, 0.9);
    transition:0.1s linear;
}
.bg_planning_task:hover{
    background:rgba(182, 239, 250, 0.9);
    transition:0.1s linear;
}
.lbl_operations_planning {
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    border-radius: 2px;
    box-shadow: 
        inset 2px 2px 4px rgba(255, 255, 255, 0.6), /* Светлый блик снизу-справа */
        inset -2px -2px 4px rgba(0, 0, 0, 0.3); /* Тень сверху-слева для объема */
        
}
.stacks_format {
	position: relative;
	width:752px;
	height:502px;
}
.tag_format_50_100 {
	position: relative;
	width:1002px;
	height:502px;
}
.tag_format_70_100{
    position: relative;
	width:1002px;
	height:702px;
}
.tag_format_58_58{
    position: relative;
	width:582px;
	height:582px;
}
.tag_format_40_50{
    position: relative;
	width:502px;
	height:402px;
}
.element-wrp .tag_element,
.stacksdet-element-wrp .stacksdet_element,
.stacksfur-element-wrp .stacksfur_element{
	cursor: grab;
	background:rgba(255,255,255,0.62); 
	position: absolute;
	border-radius:2px 10px 2px 2px;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(13, 110, 253, 1) inset;
    -moz-box-shadow: 0px 0px 0px 1px rgba(13, 110, 253, 1) inset;
    box-shadow: 0px 0px 0px 1px rgba(13, 110, 253, 1) inset;
}
.planning-users-element-wrp .planning_element{
	cursor: grab;
	position: absolute;
	border-radius:4px;
-webkit-box-shadow: 0px -1px 1px 0px rgba(84, 84, 84, 0.17) inset;
-moz-box-shadow: 0px -1px 1px 0px rgba(84, 84, 84, 0.17) inset;
box-shadow: 0px -1px 1px 0px rgba(84, 84, 84, 0.17) inset;
}
.planning-operations-element-wrp .planning_element,
.planning-operations-element-wrp .planning-raskor-element,
.planning-operations-element-wrp .planning-krom-element,
.planning-operations-element-wrp .planning-pris-element,
.planning-operations-element-wrp .planning-sbir-element{
    cursor: grab !important;
    border-radius: 4px;
    
    -webkit-box-shadow: 0px -1px 1px 0px rgba(84, 84, 84, 0.17) inset;
    -moz-box-shadow: 0px -1px 1px 0px rgba(84, 84, 84, 0.17) inset;
    box-shadow: 0px -1px 1px 0px rgba(84, 84, 84, 0.17) inset;
    
}
.planning-operations-element-wrp .planning-tch-element,
.planning-operations-element-wrp .planning-kst-element,
.planning-operations-element-wrp .planning-snb-element{
    cursor: default !important;
    border-radius: 4px;
    
    -webkit-box-shadow: 0px -1px 1px 0px rgba(84, 84, 84, 0.17) inset;
    -moz-box-shadow: 0px -1px 1px 0px rgba(84, 84, 84, 0.17) inset;
    box-shadow: 0px -1px 1px 0px rgba(84, 84, 84, 0.17) inset;
    
}
.planning-raskor-element,
.planning-krom-element,
.planning-pris-element,
.planning-sbir-element,
.planning-tch-element,
.planning-kst-element,
.planning-snb-element{
    cursor: grab;
  position: absolute;
  z-index: 9;
    border-radius: 4px;
    -webkit-box-shadow: 0px -1px 1px 0px rgba(84, 84, 84, 0.17) inset;
    -moz-box-shadow: 0px -1px 1px 0px rgba(84, 84, 84, 0.17) inset;
    box-shadow: 0px -1px 1px 0px rgba(84, 84, 84, 0.17) inset;
    
}
.element-wrp div .submit_del_prm,
.planning-operations-element-wrp .submit_del_prm{
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer;
    background:white;
    border-style:none;
    width: 18px;
    height: 18px;
    line-height: 18px;
    padding: 0;
    border-radius:50%;
    z-index: 1;
}
.planning-users-element-wrp div .submit_del_prm{
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer;
    background:white;
    border-style:none;
    width: 18px;
    height: 18px;
    line-height: 18px;
    padding: 0;
    border-radius:50%;
}
.submit_set_task{
    position: absolute;
    top: 7px;
    right: 42px;
    cursor: pointer;
    background:none;
    border-style:none;
    width: 18px;
    height: 18px;
    line-height: 18px;
    padding: 0;
    border-radius:50%;
    opacity: 0.7;
}
.text_info_operation .submit_set_task:hover{
    opacity: 1;
}
.submit_del_task{
    position: absolute;
    top: 5px;
    right: 4px;
    cursor: pointer;
    background:none;
    border-style:none;
    width: 18px;
    height: 18px;
    line-height: 18px;
    padding: 0;
    border-radius:50%;
}
.text_info_operation .submit_del_task:hover .bi-x-circle {
    display: none;
}
.text_info_operation .submit_del_task .bi-x-circle-fill{
    display:none;
}
.text_info_operation .submit_del_task:hover .bi-x-circle-fill {
    display: inline-block;
}
.submit_info_prm{
    margin-left: 2px;
    cursor: pointer;
    background: white;
    border-style:none !important;
    width: 29px;
    height: 29px;
    padding: 0;
    border-radius: 4px;
    z-index: 1;
    font-size: 16px;
    color:#6c757d;
    opacity:0.9;
}
.submit_info_prm:hover{
    background: white;
    color:#212529;
    opacity:1;
}
.submit_cut_operation{
    margin-left: 2px;
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 34px;
    background: white;
    border-style:none !important;
    width: 29px;
    height: 29px;
    padding: 0;
    border-radius: 4px;
    z-index: 1;
    font-size: 16px;
    color:#6c757d;
    opacity:0.9;
}
.submit_cut_operation:hover{
    background: white;
    color:#212529;
    opacity:1;
}
.btn_info_production{
    position: absolute;
    right: 2px;
    top: 2px;
}
.submit_info_prm_pa{
    position: absolute;
    top:55%;
    left: 5px;
    color:#6c757d;
    border-style:none !important;
    margin-top: -18px;
    width: 22px;
    height: 22px;
    font-size: 14px !important;
    border-radius: 11px 11px 11px 0;
     -webkit-box-shadow: 0px 1px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 1px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 1px 8px 0px rgba(34, 60, 80, 0.2);
    z-index: 1;
    opacity:0.9;
}

.submit_info_prm_pa:hover{
    background: white;
    
    opacity:1;
}
.check_user_by_task,
.check_user_by_task_pro{
    float:left;
    width: calc(100% - 31px) !important;
    cursor: pointer;
}
.width_lbl_hiden{
    width: 10px;
}
.element-wrp div .submit_del_prm i:hover{
    color:#dc3545 !important;
    transition:0.15s linear;
}
.element-wrp div .submit_del_prm i{
    font-size:17px;
}
.stacksfur-element-wrp div .submit_del_prm{
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer;
    background:white;
    border-style:none;
    width: 18px;
    height: 18px;
    line-height: 18px;
    padding: 0;
    border-radius:50%;
    z-index: 1;
}
.stacksfur-element-wrp div .submit_del_prm i:hover{
    color:#dc3545 !important;
    transition:0.15s linear;
}
.stacksfur-element-wrp div .submit_del_prm i{
    font-size:17px;
}
.stacksdet-element-wrp div .submit_del_prm{
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer;
    background:white;
    border-style:none;
    width: 18px;
    height: 18px;
    line-height: 18px;
    padding: 0;
    border-radius:50%;
    z-index: 1;
}
.stacksdet-element-wrp div .submit_del_prm i:hover{
    color:#dc3545 !important;
    transition:0.15s linear;
}
.stacksdet-element-wrp div .submit_del_prm i{
    font-size:17px;
}
.goriz_stackdet{
    width: 150px;
	height: 50px;
	font-size: 14px;
}
.vert_stackdet{
    width: 75px;
	height: 300px;
	font-size: 14px;
}
.mini_stackdet{
    width: 75px;
	height: 50px;
	font-size: 14px;
}
.piram_stackdet{
    width: 150px;
	height: 300px;
	font-size: 14px;
}
.standart_stackfur{
	width: 100px;
	height: 75px;
	font-size: 14px;
}
.long_stackfur{
	width: 75px;
	height: 300px;
	font-size: 14px;
}
#rotate_detail_tag{
	width: 40px;
	height: 40px;
	font-size: 14px;
}

#rotate_detail_tag .triangle_icon{
    content: ''; 
    position: absolute; /* Абсолютное позиционирование */
    left: 0; top: 0; /* Положение треугольника */
    border: 15px solid transparent; 
    border-left: 15px solid black; 
    border-top: 15px solid black;
}
#order_name_tag {
    padding-top: 2px;
	width: 420px;
	height: 30px;
	font-size: 12px;
}
#qr_code_tag {
	width: 200px;
	height: 200px;
	
	text-align:center;
}
#qr_code_tag i{
    font-size: 126px;
}
#qr_code_tag button i{	
    font-size: 17px;
}
#raskroy_info_tag{
    padding-top:4px;
    line-height:18px;
	width: 290px;
	height: 110px;
	font-size: 12px;
}
#kromka_info_tag{
    padding-top:4px;
    line-height:16px;
	width: 80px;
	height: 110px;
	font-size: 12px;
}
#prisadka_info_tag{
    padding-top:4px;
    line-height:16px;
	width: 150px;
	height: 110px;
	font-size: 12px;
}
#pokraska_info_tag{
    padding-top:4px;
    line-height:16px;
	width: 80px;
	height: 110px;
	font-size: 12px;
}
#sborka_info_tag{
    padding-top:4px;
    line-height:16px;
	width: 80px;
	height: 110px;
	font-size: 12px;
}
#mark_name_tag{
    padding-top:4px;
    line-height:16px;
	width: 200px;
	height: 30px;
	font-size: 12px;
}
#detail_img_tag{
    padding-top:4px;
    line-height:16px;
	width: 290px;
	height: 290px;
	font-size: 12px;
}
#image_det_tag{
    position: absolute;
    left: 30px;
	top: 30px;
	width: 230px;
	height: 230px;
	font-size: 12px;
	padding-top:4px;
}
#l1_kromka_tag{
    position: absolute;
    left: 30px;
	bottom: 1px;
	width: 230px;
	height: 30px;
	font-size: 11px;
	text-align:center;
	background:rgba(255,255,255,0.62);
	padding-top: 7px;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(222, 226, 230, 1) inset;
    -moz-box-shadow: 0px 0px 0px 1px rgba(222, 226, 230, 1) inset;
    box-shadow: 0px 0px 0px 1px rgba(222, 226, 230, 1) inset;
}
#l2_kromka_tag{
    position: absolute;
    left: 30px;
	top: 1px;
	width: 230px;
	height: 30px;
	font-size: 11px;
	text-align:center;
	background:rgba(255,255,255,0.62);
	padding-top: 7px;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(222, 226, 230, 1) inset;
    -moz-box-shadow: 0px 0px 0px 1px rgba(222, 226, 230, 1) inset;
    box-shadow: 0px 0px 0px 1px rgba(222, 226, 230, 1) inset;
}
#w1_kromka_tag{
    position: absolute;
    left: 1px;
	top: 30px;
	width: 30px;
	height: 230px;
	font-size: 11px;
	text-align:center;
	background:rgba(255,255,255,0.62);
	padding: 107px 0 0 0 !important;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(222, 226, 230, 1) inset;
    -moz-box-shadow: 0px 0px 0px 1px rgba(222, 226, 230, 1) inset;
    box-shadow: 0px 0px 0px 1px rgba(222, 226, 230, 1) inset;
}
#w2_kromka_tag{
    position: absolute;
    right: 1px;
	top: 30px;
	width: 30px;
	height: 230px;
	font-size: 11px;
	text-align:center;
	background:rgba(255,255,255,0.62);
	padding: 107px 0 0 0 !important;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(222, 226, 230, 1) inset;
    -moz-box-shadow: 0px 0px 0px 1px rgba(222, 226, 230, 1) inset;
    box-shadow: 0px 0px 0px 1px rgba(222, 226, 230, 1) inset;
}
#model_name_tag{
    padding-top:4px;
	width: 300px;
	height: 30px;
	font-size: 12px;
	text-align:center;
}
#detail_name_tag{
    padding-top:4px;
	width: 300px;
	height: 30px;
	font-size: 12px;
	text-align:center;
}
#kromka_size_tag{
    padding-top:4px;
	width: 300px;
	height: 30px;
	font-size: 12px;
	text-align:center;
}
#raskroy_size_tag{
    padding-top:4px;
	width: 300px;
	height: 30px;
	font-size: 12px;
	text-align:center;
}
#pokraska_img_tag{
    padding-top:4px;
	width: 300px;
	height: 30px;
	font-size: 12px;
	text-align:center;
}
#x_y_tag{
    padding-top: 4px;
	width: 270px;
	height: 30px;
	font-size: 12px;
}
#material_name_tag{
    padding-top: 4px;
	width: 270px;
	height: 50px;
	font-size: 12px;
	line-height: 16px;
}
#num_list_tag{
    padding-top: 4px;
    width: 80px;
    height: 50px;
    font-size: 12px;
    line-height: 16px;
}
#nabirku_info_tag{
    padding-top: 4px;
	width: 270px;
	height: 190px;
	font-size: 12px;
}
#element:active {
	cursor: grabbing;
}
.open_table_complect_furniture{
    -webkit-box-shadow: 4px 4px 26px 0px rgba(34, 60, 80, 0.26);
    -moz-box-shadow: 4px 4px 26px 0px rgba(34, 60, 80, 0.26);
    box-shadow: 4px 4px 26px 0px rgba(34, 60, 80, 0.26);
}
.open_table_complect_furniture:hover{
    border:1px solid rgba(220, 53, 69, 1) !important;
    -webkit-box-shadow: 0px 0px 0px 3px rgba(220, 53, 69, 1);
    -moz-box-shadow: 0px 0px 0px 3px rgba(220, 53, 69, 1);
    box-shadow: 0px 0px 0px 3px rgba(220, 53, 69, 1);
}
.active_complect_furniture{
     border:1px solid rgba(220, 53, 69, 1) !important;
    -webkit-box-shadow: 0px 0px 0px 3px rgba(220, 53, 69, 1);
    -moz-box-shadow: 0px 0px 0px 3px rgba(220, 53, 69, 1);
    box-shadow: 0px 0px 0px 3px rgba(220, 53, 69, 1);
}
.img_det_box_krm{
    height: calc(817 / 1920 * 100vw);
}
.hgh_displays_krom{
    height: calc(900 / 1920 * 100vw);
}
.img_det_box_krm button i.bi{
    display:block;
    position: absolute;
    top: -7px;
    left: 2px;
    font-size: 32px;
}
.img_det_box_krm .error_display{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(248, 215, 218, 0.9);
    color:#842029;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index:10;
}

#dor_content .error_pris_01{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(248, 215, 218, 0.9);
    color:#842029;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index:10;
}
#dor_content .error_pris_02,
#dor_content .error_pris_03,
#focus_move_box .error_kpompl_01,
#focus_move_box .error_kpompl_02{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgb(199, 228, 214, 0.5);
    color:#0f5132;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index:10;
}
.error_sborka_01{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgb(255, 193, 7, 0.1);
    color:#664d03;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index:10;
}
#modal_complect_list .error_sborka_02{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(199, 228, 214, 0.5);
    color:#0f5132;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index:10;
}
.error_sborka_00{
    position: fixed;
    bottom: 10px;
    left: 10px;
    min-width:320px;
    max-width:520px;
    background-color: rgba(248, 215, 218, 0.9);
    color:#842029;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index:1200;
}
#dor_content .error_pris_03{
    background-color: rgb(255, 193, 7, 0.1);
    color:#664d03;
}
.img_det_box_krm .error_krom_01,
.img_det_box_krm .error_krom_02{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(199, 228, 214, 0.9);
    color:#0f5132;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index:10;
}
.hgh_displays_krom .detail_is_done,
.hgh_displays_krom .detail_nt_done{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:10;
    font-size:200px;
    font-weight:700;
    background-color: rgb(199, 228, 214, 0.5);
}
.hgh_displays_krom .detail_nt_done{
    background-color: rgba(248, 215, 218, 0.5);
}
.img_det_box_krm button .lbl_kromka_dts{
    position: absolute;
    top: -3px;
    right: 8px;
    font-size: 26px;
}
.img_cuts_box{
    width: 100%;
    height: calc(657 / 1920 * 100vw);
    background-repeat: no-repeat;
    background-position:0 50%;
    background-size: cover;
}
.container_img_detail{
    position: absolute;
    width:calc(657 / 1920 * 100vw);
    height: calc(657 / 1920 * 100vw);
    top: 50%;
    left: 50%;
    margin-top: calc((-657 / 1920 * 100vw) / 2);
    margin-left: calc((-657 / 1920 * 100vw) / 2);
    background-repeat: no-repeat;
    background-position:0 50%;
    background-size: cover;
}
.container_img_detail_vert{
    position: absolute;
    width:calc(507 / 1920 * 100vw);
    height: calc(657 / 1920 * 100vw);
    top: 50%;
    left: 50%;
    margin-top: calc((-657 / 1920 * 100vw) / 2);
    margin-left: calc((-507 / 1920 * 100vw) / 2);
    background-repeat: no-repeat;
    background-position:0 50%;
    background-size: cover;
}
.kromka_l2_btn{
    width: 300px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -150px;
    margin-top: 24px;
}
.kromka_l1_btn{
    width: 300px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -150px;
    margin-bottom: 24px;
}
.kromka_w1_btn{
    width: 300px;
    transform: rotate(-90deg);
    position: absolute;
    top: 50%;
    margin-top: -19px;
    left: -100px;
}
.kromka_w2_btn{
    width: 300px;
    transform: rotate(90deg);
    position: absolute;
    top: 50%;
    margin-top: -19px;
    right: -100px;
}
.img_det_box{
   /* width: 100%;*/
    background-repeat: no-repeat;
    background-position:0 50%;
    background-size: cover;
    padding:0;
}
.input-file-text {
    height: 38px;
	display: block;
	padding-top: 10px;
}
.input-file input[type=file] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	display: block;
	height: 0;
}
#materials_content tr td span:not(.td_value){
    opacity:0.3;
    /*padding-left: 5px;*/
    float:right;
    transition:0.15s linear;
    color:#0d6efd;
}
#materials_content tr td{
    cursor: pointer;
}
#materials_content tr td:hover span:not(.td_value){
    opacity:1;
}
#materials_content .blocked_td_btn{
    cursor: default;
}
#materials_content tr td:not(.blocked_td_btn):hover{
    border-bottom:1px solid #0d6efd;
    background:#f9fbff;
}
.edit_materials_input_box,
.media_lbl_login_input{
    display:none;
}
.display_content{
    position: absolute;
    width: 752px;
    height: 502px;
    left: 50%;
    margin-top: 220px;
    transform: translate(-50%, 0) scale(1.6);
    transform-origin: center;
}
.display_kromlenie{
    position: absolute;
    width: calc(900 / 1920 * 100vw);
    height: calc(900 / 1920 * 100vw);
    left: 50%;
    margin-left: calc((-900 / 1920 * 100vw) / 2);
    margin-top: 80px;
}
.qr_defects,
.qr_end_pris{
    width: 200px;
    height: 230px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    background-repeat: no-repeat;
    background-position:bottom;
    background-size: 100%;
    background-color:white;
}
.qr_del_bugfur,
.qr_def_bugfur,
.qr_ok_bugfur,
.qr_def_detail{
    width: 200px;
    height: 270px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    background-repeat: no-repeat;
    background-position:bottom;
    background-size: 100%;
    background-color:white;
}
.qr_ok_bugfur{
    left: 10px !important;
}
.qr_def_detail{
    cursor: pointer;
}
.qr_del_bugfur{
    cursor: pointer;
}
.qr_def_detail:hover{
    -webkit-box-shadow: 0px 0px 0px 1px rgba(25, 135, 84, 1) !important;
    -moz-box-shadow: 0px 0px 0px 1px rgba(25, 135, 84, 1) !important;
    box-shadow: 0px 0px 0px 1px rgba(25, 135, 84, 1) !important;
}
.qr_del_bugfur:hover{
    -webkit-box-shadow: 0px 0px 0px 1px rgba(25, 135, 84, 1) !important;
-moz-box-shadow: 0px 0px 0px 1px rgba(25, 135, 84, 1) !important;
box-shadow: 0px 0px 0px 1px rgba(25, 135, 84, 1) !important;
}
.qr_end_pris{
    right:50%;
    margin-right: -100px;
}
.display_content .elements_stackbox{
    position: absolute;
	border-radius:2px;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(200, 200, 200, 1) inset;
    -moz-box-shadow: 0px 0px 0px 2px rgba(200, 200, 200, 1) inset;
    box-shadow: 0px 0px 0px 2px rgba(200, 200, 200, 1) inset;
    font-size: 18px;
}
@keyframes pulse-shadow {
    0% {
        box-shadow: 0px 0px 0px 2px rgba(220, 53, 69, 1) inset;
    }
    50% {
        box-shadow: 0px 0px 10px 5px rgba(220, 53, 69, 0.7) inset;
    }
    100% {
        box-shadow: 0px 0px 0px 2px rgba(220, 53, 69, 1) inset;
    }
}
.display_content .isset_cell {
    box-shadow: 0px 0px 0px 2px rgba(13, 110, 253, 1) inset;
    color:rgb(13, 110, 253);
    font-weight:500;
}
.display_content .active_cell {
    animation: pulse-shadow 1s infinite ease-in-out;
    color:rgb(220, 53, 69) !important;
    font-weight:500;
}
.time_input_dev{
    width:78.7%;
}
#btn_copy_path_cloud{
    cursor: pointer;
}
#btn_copy_path_cloud:hover{
    background:#dfe1e4;
    transition:0.2s;
}
.window_content_search_mtb{
     max-height: 300px;
     overflow:auto;
}
.btn_add_search_mtb i{
    opacity:0;
}
.btn_add_search_mtb{
    position: relative;
    opacity:1;
}
.btn_add_search_mtb:hover{
    color:#212529 !important;
    background:white;
    transition:0.2s;
    border:1px solid #6c757d !important;
    position: relative;
}
.btn_add_search_mtb:hover i{
    opacity:1;
}
/*.submit_del_priority_order:hover .del_icon_priority{
    display: block;
}
.submit_del_priority_order:hover .priority_order_by{
    display: none;
}*/
#spc_content .table-responsive .table tbody tr{
    cursor: pointer;
}
.col-fhd-6{
    flex: 0 0 auto;
    width: 50%;
}
/*#spc_content .table-responsive .table tbody tr:hover .checkboxes_app_active label{
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}*/
footer{
    width: 100vw;
    background:rgba(255,255,255,0.5);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    position: fixed;
    bottom: -57px;
    right: 0;
    z-index:10;
    transition:.5s linear;
}
.footer_open{
    bottom: 0;
}
@media only screen and (max-width: 1719px){
    .col-fhd-6{
        flex: 0 0 auto;
        width: 100%;
    }
}
@media only screen and (max-width: 768px){

}
@media only screen and (max-width: 576px){

}
@media only screen and (max-width: 1679px){
    .display_content{
        margin-top: 140px;
        transform: translate(-50%, 0) scale(1.3);
    }
}
@media only screen and (max-width: 1366px){
    .display_content{
        margin-top: 80px;
        transform: translate(-50%, 0) scale(1.1);
    }
    #info_box_promap h4{
        font-size:18px !important;
    }
}
@media only screen and (max-width: 959px){
    .display_content{
        margin-top: 10px;
        transform: translate(-50%, 0) scale(0.8);
    } 
    
}
@media only screen and (max-width: 679px){
    .display_content{
        margin-top: -80px;
        transform: translate(-50%, 0) scale(0.5);
    } 
    #info_box_promap h4{
        font-size:14px !important;
    }
}
@media only screen and (max-width: 399px){
    .display_content{
        margin-top: -100px;
        transform: translate(-50%, 0) scale(0.4);
    }
}
@media only screen and (max-width: 1500px){
    .link_logo_nav{
         max-width: calc(100vw - 780px);
    }
    #navbar_user ul li a .hide_li_menu_bazis{
        display:none;
    }
    .hide_li_menu_buser{
        display:none;
    }
}
@media only screen and (max-width: 1279px){
    .movein_left_hrs,
    .movein_right_hrs{
        display:block;
    }
}
@media only screen and (max-width: 1199px){
    .link_logo_nav{
         max-width: 50vw !important;
    }
    #navbar_user ul li a .hide_li_menu_bazis{
        display:inline;
    }
    .time_input_dev{
        width:79.7%;
    }
    .hide_li_menu_buser{
        display:inline;
    }
    .alerts_content {
        top:55px;
        left: 0;
    }
    
}
@media only screen and (max-width: 991px){
    .order_mark_table{
        max-width: 160px;
    }
    .nav_sklad_content li button span{
        display:none;
    }
    .time_input_dev{
        width:83.8%;
    }
    h1.logo_tf{
        font-size: 120px !important;
    }
    .clip1-bg {
        width: 60%; /* Ширина 30% от экрана */
        height: 60%;
    }
    .clip2-bg {
        width: 30%; /* Ширина 30% от экрана */
        height: 30%;
    }
}
@media only screen and (max-width:768px){
    h1.logo_tf{
        line-height:240px !important;
    }
    #form_login{
        margin-top:40px !important;
    }
}
@media only screen and (max-width:640px){
    .p_logo_text{
        font-size: 26px !important;
        line-height:29px !important;
        margin-top:10px!important;
    }
    .p_logo_text span{
        font-size: 32px !important;
    }
    .clip1-bg {
        width: 90%;
        height: 35%;
    }
    #form_login{
        margin-top:40px !important;
    }
}
@media only screen and (max-width: 540px){
    .desktop_lbl_login_input{
        display:none;
    }
    .media_lbl_login_input{
        display:inline;
    }
    h1.logo_tf{
        font-size: 80px !important;
    }
    
}
@media only screen and (max-width: 390px){
    h1.logo_tf{
        line-height:340px !important;
    }
     #form_login{
        margin-top:20px !important;
    }
    .clip1-bg {
        width: 90%;
        height: 45%;
    }
}