.raw_tr,
#table_products tbody tr{
    height: 23px;
}

.hidden_text {
    display: block;
    padding-left: 4px;
}

input[type="radio"], input[type="checkbox"] {
    top: 1px;
    position: relative;
}

.bg-green-report
{
    background: #d5e8d4 !important;
}
.bg-yellow-report
{
    background: #fff2cc !important;
}

.hidden_text_select {
    display: block;
    padding-left: 4px;
    min-height: 22px;
}

.middle-modal {
    max-width: 1130px !important;
}

#modal-contract {
    background-color:rgba(0, 0, 0, 0.5);
}

#referenceModalRaw > .modal-dialog > .modal-content > .modal-body {
    min-height: 80vh;
}

.pl5 {
    padding: 0 0 0 5px;
}

.dhx_message-container--in-body {
    display: none;
}

.raw_div .select2-selection.select2-selection--single{
    height: 25px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border: 1px solid #ccc;
}

.select_td_table .select2-container,.select_td_table .select2-selection{
    height: 20px !important;
}

.select_td_table .select2-selection__arrow{
    height: 20px !important;
}

.select_td_table .select2-selection__rendered{
    height: 24px !important;
}

.select_td_table .select2-selection__rendered{
    line-height: 24px !important;
    padding-left: 3px !important;
}

.p-0 {
    padding: 0;
}

.btn-w100 {
    width: 100px;
}

.btn-w-full {
    width: 100%;
}

.btn-new {
    height: 32px !important;
}

.hidden_input {
    width: 100%;
    height: 21px;
    outline: none;
}

input.hidden_input {
    border: 1px solid #CCCCCC;
}

input.hidden_input:focus {
    outline: none;
}

#doc_code {
    max-width: 150px;
}

.tree_folders:hover {
    z-index: 20;
}

.header_table_doc {
    background: #EDEFF0;
}

#tbody-raw-doc td,
#table_products tbody td,
#table_products tbody td.name .data {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0px 5px 0px 0px !important;
}
#table_products tbody td.name a
{
    display: block;
}
#table_products tbody td.name .data
{
    display: block;
    max-width: 259px;
    overflow: hidden;
}
#table_products .show_product_full
{
    padding-left: 3px;
    font-size: 14px;
}
#table_products_filter
{
    display: block;
    float: none;
    margin: 0px auto;
    text-align: center;
}


#doc_date {
    max-width: 170px;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #ccc;
}

.isCarriedDocSpan {
    margin-right: 25px;
}

.form-control[readonly].flatpickr-input {
    background-color: white;
}

.flatpickr-input:disabled {
    background-color: #ccc !important;
}

.header_table_doc th {
    padding: 0px !important;
}

.header-documents {
    padding: 10px 15px 5px;
}

#select-raw-doc .select2-selection.select2-selection--single {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

#image_loader {
    background: url(/images/loader.gif) no-repeat center center;
    margin-left: 40%;
    height: 246px;
    width: 246px;
}

.middle_bootstrap_dialog .modal-dialog {
    margin-top: 150px;
}

.dataTables_paginate {
    padding-right: 20px;
}

#table_recipes_wrapper, #table_stage_wrapper, #table_raw_wrapper {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 93px);
}

.big-modal #table_recipes_wrapper, .big-modal #table_stage_wrapper, .big-modal #table_raw_wrapper {
    height: calc(100vh - 125px);
}

.body_folders {
    background: white;
    z-index: 20;
}

.fancytree-node {
    width: max-content !important;
}

#head_admin_app .multiselect-container {
    width: max-content;
}

#head_admin_app .multiselect-container li {
    padding: 0 10px;
}

.bg_red_efficiency {
    color: red;
}

.bg_many_tour {
    background: #fff2cc;
    margin: 0 -15px;
    height: 50px;
}

ul.fancytree-container {
    z-index: 10;
}

textarea.form-control {
    height: auto !important;
}

.btn-outline-secondary {
    border : 1px solid #ccc;
}

.btn-group.show {
    display: inline-block !important;
}

.mt3 {
    margin-top: 3px;
}

.mt2 {
    margin-top: 2px;
}

.mt1 {
    margin-top: 1px;
}

.modal-header {
    padding-bottom: 5px !important;
}

.select2_accessories_raw {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn.superclass {
    padding: 3px 3px !important;
    width: 19px !important;
    height: 19px !important;
}

table.dataTable tbody td, tfoot th {
    padding: 4px 8px !important;
}

.head_reference .row {
    margin: 0;
}

.head_reference .col:last-child {
    padding: 0;
}

body {
    font-size: 13px !important;
}

.table.dataTable {
    margin: 0;
}

select.form-control {
    padding-top: 0;
    padding-bottom: 0;
}

label strong {
    font-weight: 500;
}

.prettyprint .multiselect.btn {
    min-width: 140px;
    width: max-content;
}

.dataTable  td {
    padding: 4px 8px;
    white-space: nowrap;
    overflow: hidden; /* Обрезаем все, что не помещается в область */
    text-overflow: ellipsis; /* Добавляем многоточие */
    max-width: 50px;

}

.dropdown-menu {
    font-size: 13px !important;
    min-width: 140px;
}

.navbar-brand {
    font-size: 1rem;
}

.tooltipster-arrow {
    display: none;
}

.form-control {
    height: 24px !important;
    font-size: 12px !important;
}

.copy-raw-doc {
    margin-right: 2px;
    font-size: 16px !important;
}

.copy-raw-doc:hover {
    text-decoration: underline;
    cursor: pointer;
}

#form_recipes {
    font-size: 12px;
}

.btn {
    height: 24px;
    padding: 0rem .75rem !important;
    font-size: 12px !important;
}

.thumbnail {
    border: 1px solid #ccc;
    width: 100%;
}

.doc_views {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 500;
    font-size: 12px;
}

.dataTables_wrapper {
    width: 100%;
}

.bootstrap-dialog .modal-header {
    display: none;
}

.bootstrap-dialog-message {
    text-align: center;
    font-size: 16px;
}

.head_reference .d-inline-flex strong {
    text-align: center;
    font-size: 12px;
}

.head_reference .row {
    max-width: 100%;
}

.btn-reference-doc-raw {
    z-index: 0 !important;
    height: 24px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.pr-0 {
    padding-right: 0px;
}

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

.modal-reference .name_page h4 {
    font-size: 0px;
}

.name_page {
    padding: 0;
}

.modal-big {
    max-width: 1100px;
}

.p-15 {
    padding: 15px;
}

.prl-15 {
    padding: 0 15px;
}

.prl-3 {
    padding: 0 3px;
}

.dataTables_filter {
    display: none;
}

.dataTables_length {
    display: none;
}

.head_reference .name_page {

}

.multiselect.btn {
    background: white;
    text-align: center !important;
    border: 1px solid #ccc;
}

.multiselect-item label {
    color: black;
    padding: padding: 3px 0 3px 30px;
}

.head_reference .select_page {
    width: 67px;
    display: initial;
}

.dataTable {
    width: 100% /*!important*/;
    border-bottom: 1px solid #ccc;
}

table {
    margin: 0;
    table-layout: auto;
}

.hidden {
    display: none;
}

#stageTree button {
    width: 20px;
    height: 20px;
    padding: 0;
}

.prettyprint {
    padding: 5px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
}

.navbar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;

    border-radius: 0 !important;
}

.navbar .logout {
    padding: 15px;
    border: none;
    color: #9d9d9d;
}

.navbar-nav > li {
    float: left;
}

mark {
    padding: 0 !important;
}

.table_widget tbody {
    display: block;
    overflow: overlay;
}

.table_widget thead tr {
    display: block;
    position: relative;
    width: 100%;
}

textarea:focus, span:focus{
outline: none;
}

.modal-md .col-xs-9.input-group .select2-selection.select2-selection--single {
    max-width: 294px;
}

.select2-selection__rendered {
    max-width: 100%;
}

#tbody_accessories td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*мультиселект css*/
span.multiselect-native-select {
    position: relative
}
span.multiselect-native-select select {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    height: 1px!important;
    margin: -1px -1px -1px -3px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    left: 50%;
    top: 30px
}
.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.select2-selection__rendered{
    float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 2px;
    padding: 0 5px;
}

.select2-selection--single{
    height: 24px !important;
}

.select2-container--default{
    width: 100% !important;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 400px !important;
    overflow-y: auto;
}

.drop-menu {
  height: 25px !important;
  width: 100%;
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));;
  border-radius: 5px;
  box-shadow: 0 0 2px rgb(204, 204, 204);
  transition: all .5s ease;
  position: relative;
  font-size: 14px;
  color: #474747;
  height: 25px;
  text-align: left;
  z-index: 10;
  outline: none !important;
  height: inherit;
}

.drop-menu .select {
    height: 25px !important;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    padding: 1px 10px;
}
.drop-menu .select i {
    font-size: 13px;
    color: #888;
    cursor: pointer;
    transition: all .3s ease-in-out;
    float: right
}
.drop-menu:hover {
    box-shadow: 0 0 4px rgb(204, 204, 204)
}
.drop-menu:active {
    background-color: #f8f8f8
}
.drop-menu.active:hover,
.drop-menu.active {
    box-shadow: 0 0 4px rgb(204, 204, 204);
    border-radius: 5px 5px 0 0;
    background-color: #f8f8f8
}
.drop-menu.active .select i {
    transform: rotate(180deg)
}
.drop-menu .dropeddown {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 1px;
    box-shadow: 0 1px 2px rgb(204, 204, 204);
    border-radius: 0 1px 5px 5px;
    overflow: hidden;
    display: none;
    max-height: 144px;
    overflow-y: auto;
    z-index: 9
}
.drop-menu .dropeddown li {
    padding: 3px;
    transition: all .2s ease-in-out;
    cursor: pointer;
    height: 30px;
}
.drop-menu .dropeddown {
    padding: 0;
    list-style: none
}
.drop-menu .dropeddown li:hover {
    background-color: #f2f2f2;
}
.drop-menu .dropeddown li:active {
    background-color: #e2e2e2;
}

#div_price .text-right{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.select_link{
    color: #23527c;
    text-decoration: underline;
}

.required:before
{
    color: red;
    content: "*";
}



#categoryModal .modal-header{
    padding-bottom: 15px;
}

ul.ui-fancytree{
    outline-color: white;
}

#all_departament {
    width: 100%;
}

.fotoHere{
    justify-content: center;
    max-height: 152px !important;
    max-width: 170px !important;
    height: 152px !important;
    width: 170px !important;
    margin-right: auto;
    margin-left: auto;
}

/*.fotoHere .slide{
    background: #ced4da;
}*/

.fotoHere .slide .carousel-item img{
    height: 152px !important;
}

.fotoHere:hover{
    cursor: pointer;
}

#modalImage .modal-body{
    height: calc(100vh - 73px);
    overflow: hidden;
    justify-content: center;
}

.carousel-control.left{
    background-image: none !important;
}

.carousel-control.right{
    background-image: none !important;
}

#help_block_gear_doc{
    position: absolute;
    top: 0;
    right: 40px;
    min-width: 50px;
    min-height: 30px;
    background: #ddd;
    border-radius: 4px;
    visibility: hidden;
    z-index: 5;
    padding: 0 15px;
}

.btn-doc{
    color: #333;
    background-color: #EAF1FC;
    border-color: #ccc;
}
.multiselect-container .input-group {
    margin: 5px
}

form#raw_size_code {
    width: 100%;
}

.multiselect-container {
    transform: translate3d(0px, 0px, 0px) !important;
    top: 24px !important;
}

.multiselect-container>li {
    padding: 0
}
.multiselect-container>li>a.multiselect-all label {
    font-weight: 700
}
.multiselect-container>li.multiselect-group label {
    margin: 0;
    padding: 3px 20px 3px 20px;
    height: 100%;
    font-weight: 700
}
.multiselect-container>li.multiselect-group-clickable label {
    cursor: pointer
}
.multiselect-container>li>a {
    padding: 0
}
.multiselect-container>li>a>label {
    margin: 0;
    height: 100%;
    cursor: pointer;
    font-weight: 400;
    padding: 3px 0 3px 10px;
    color: black !important;
}

.multiselect-container li.active {
    background: cornflowerblue;
}

.multiselect-container li.active a label{
    color: white !important;
}

.multiselect-container>li>a>label.radio, .multiselect-container>li>a>label.checkbox {
    margin: 0
}
.multiselect-container>li>a>label>input[type=checkbox] {
    margin-bottom: 5px
}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}
.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
    padding: 3px 20px 3px 40px
}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
    margin-left: -20px;
    margin-right: 0
}

.select2-selection__rendered{
    margin-top: -3px;
}

.select2-container--open .select2-dropdown {
    left: 0;
}
/*.modal-header{
    padding-bottom: 0px;
}*/

.hidden_p
{
    padding-top: 5px;
    cursor: pointer;
}

.cart_raw_code {
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.background_grey {
    background: #eee;
}

input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.tr_size_raw td{
    padding: 0px 0px 0px 5px;
}

.pl7{
    padding-left: 7px !important;
}

.chosen-container-multi .chosen-choices{
    border-radius: 4px;
}

.chosen-single span{
    font-size: 12px;
    padding-left: 4px;
}

.hover_dec:hover {
    cursor: pointer;
    text-decoration: underline;
    background: #F0FFFF;
}

.pb7{
    padding-bottom: 7px;
}

.pr5{
    padding-right: 5px;
}

.superclass{
    display:inline-grid !important;
}

.flatpickr-day.selected{
    background: #569ff7 !important;
}

#modal_history .modal-content{
    overflow-y: hidden !important;
    position: fixed;
}

#modal_history .modal-body{
    overflow-y: hidden !important;
    min-height: 250px;
}

.tooltip_img span{
    border-radius: 5px 5px 5px 5px;
    visibility: hidden;
    position: absolute;
    left: 130px;
    /* background: #fff;
    box-shadow: -2px 2px 10px -1px #333;
    border-radius: 5px;
    */
    z-index: 10;
}

.fa.fa-cogs.fa-2x:hover{
    opacity: 0.7;
}

/* новые стили для уменьшения всего на сайте */

/*
.form-group{
    margin-bottom: 7px;
}

.btn{
    padding: 3px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.table{
    font-size: 12px !important;
}

.modal-title{
    font-size: 14px;
}

.redactor-box{
    margin-bottom: 10px;
}

.form-control{
    height: 24px;
    font-size: 12px;
}

.drop-menu{
    font-size: 12px;
}

*/

.hover_close:hover{
    cursor:pointer;
    opacity: 0.4;
    text-decoration: underline;
}

.hover_img:hover{
    cursor:pointer;
    opacity: 0.8;
    text-decoration: underline;
}

.hover_img_recipes:hover div{
    cursor:pointer;
    opacity: 0.8;
    text-decoration: underline;
}

#gear_widget{
    position: absolute;
    top: 5px;
    right: 0px;
    width:30px;
    height:30px;
    cursor: pointer;
}

.checkbox label:hover{
    text-decoration: underline;
}

.gear_widget_raw{
    position: absolute;
    top: 5px;
    right: 10px;
    width:30px;
    height:30px;
    cursor: pointer;
    z-index: 5;
}

.gear_widget_stage{
    position: absolute;
    top: 5px;
    right: 10px;
    width:30px;
    height:30px;
    cursor: pointer;
    z-index: 5;
}

.gear_widget_gtd{
    position: absolute;
    top: 5px;
    right: 10px;
    width:30px;
    height:30px;
    cursor: pointer;
    z-index: 5;
}

.gear_widget_recipes{
    position: absolute;
    top: 5px;
    right: 25px;
    width:30px;
    height:30px;
    cursor: pointer;
    z-index: 5;
}

.gear_widget_online_app {
    position: absolute;
    top: 90px;
    right: 7px;
    width:30px;
    height:30px;
    cursor: pointer;
    z-index: 5;
}

.gear_widget_app {
    position: absolute;
    top: 100px;
    right: -5px;
    width:30px;
    height:30px;
    cursor: pointer;
    z-index: 5;
}

.gear_widget_user{
    position: absolute;
    top: 5px;
    right: -8px;
    width:30px;
    height:30px;
    cursor: pointer;
    z-index: 5;
}

.header_table_sample td{
    padding: 2px 8px 2px 5px !important;
}

.body_table_sample td{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 2px 8px 2px 5px !important;
}

.header_table_counterparties td{
    padding: 2px 8px 2px 5px !important;
}

.body_table_properties td{
    padding: 0px 5px !important;
}

.body_table_counterparties td{
    padding: 2px 8px 2px 5px !important;
}

.body_table_charact td {
    padding: 2px 8px 2px 5px !important;
}

.header_table_inventory td{
    padding: 2px 8px 2px 5px !important;
}

.body_table_inventory td{
    padding: 2px 8px 2px 5px !important;
}

.header_table_stage td{
    padding: 2px 8px 2px 5px !important;
}

.body_table_stage td{
    padding: 2px 8px 2px 5px !important;
}

.header_table_unit td{
    padding: 2px 8px 2px 5px !important;
}

.body_table_unit td{
    padding: 2px 8px 2px 5px !important;
}

.header_table_size td{
    padding: 2px 8px 2px 5px !important;
}

.body_table_size td{
    padding: 2px 8px 2px 5px !important;
}


.header_table_vat td{
    padding: 2px 8px 2px 5px !important;
}

.body_table_vat td{
    padding: 2px 8px 2px 5px !important;
}

.header_table_storage td{
    padding: 2px 8px 2px 5px !important;
}

.body_table_storage td{
    padding: 2px 8px 2px 5px !important;
}

.header_table_country td{
    padding: 2px 8px 2px 5px !important;
}

.body_table_country td{
    padding: 2px 8px 2px 5px !important;
}

.header_table_recipes td{
    padding: 2px 8px 2px 5px !important;
}

.header_table_user td{
    padding: 2px 8px 2px 5px !important;
}

.body_table_recipes td{
    padding: 2px 8px 2px 5px !important;
}

.body_table_user td{
    padding: 2px 8px 2px 5px !important;
}

.header_table_counterparties_filter td{
    padding: 2px 8px 2px 5px !important;
}

.body_table_counterparties_filter td{
    padding: 2px 8px 2px 5px !important;
}

.header_table_depot td{
    padding: 2px 8px 2px 5px !important;
}

.body_table_depot td{
    padding: 2px 8px 2px 5px !important;
}

.sort_head_raw td{
    padding: 2px 8px 2px 5px !important;
}

#body_table_raw td{
    padding: 2px 8px 2px 5px !important;
}

#header_table_doc td{
    padding: 2px 8px 2px 5px !important;
}

#body_table_doc td{
    padding: 2px 8px 2px 5px !important;
}

.gear_widget_depot{
    position: absolute;
    top: 5px;
    right: 10px;
    width:30px;
    height:30px;
    cursor: pointer;
    z-index: 5;
}

.gear_widget_country{
    position: absolute;
    top: 0px;
    right: -30px;
    width:30px;
    height:30px;
    cursor: pointer;
}

.gear_widget_contract{
    position: absolute;
    top: 0px;
    right: -30px;
    width:30px;
    height:30px;
    cursor: pointer;
}

.gear_widget_inventory{
    position: absolute;
    top: 0px;
    right: -30px;
    width:30px;
    height:30px;
    cursor: pointer;
}

.gear_widget_counterparties{
    position: absolute;
    top: 5px;
    right: 10px;
    width:30px;
    height:30px;
    cursor: pointer;
}

.gear_widget_organization {
    position: absolute;
    top: 5px;
    right: 10px;
    width:30px;
    height:30px;
    cursor: pointer;
}

#help_block_gear{
    position: absolute;
    top: 0px;
    right: -145px;
    min-width:50px;
    min-height:30px;
    background: #ddd;
    border-radius: 4px;
    padding-left: 5px;
    visibility: hidden;
}
.background_grey td, .background_grey th{

}

.form-group.field-dateDoc {
    margin-bottom: 0;
}

.raw_div {
    margin-top: 1rem;
    padding: 0;
}

.sort_shagoyka{
}

.sort_asc{
    background-image: url("../images/sort_asc.png") !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
}

.sort_desc{
    background-image: url("../images/sort_desc.png") !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
}

.sorting_asc{
    background-image: url("../images/sort_asc.png") !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
}

.sorting_desc{
    background-image: url("../images/sort_desc.png") !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
}
/* конец */

mark {
    background: darkgray;
}

#sortable {
    list-style-type: none; margin: 0; float: left; margin-right: 10px; background: #C0C0C0; padding: 5px; width: 100%;
}

.border {
    border: 1px solid #CCC;
    border-radius: 4px;
}

.circle_helper {
    width: 100px;
    height: 100px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.input-icon {
  position: relative;
}

.drop-menu .fa{
    padding-top: 4px;
}

div.drop-menu .select{
    padding-left: 3px;
}

.prokrutka_doc{
    max-height: 60vh;
    overflow-x: auto; /* прокрутка по горизонтали */
}

.prokrutka {
    max-height: 420px; /* высота нашего блока */
    background: #fff; /* цвет фона, белый */
    overflow-x: hidden; /* прокрутка по горизонтали */
    overflow-y: hidden; /* прокрутка по вертикали */
}

.prokrutka_big {
    height: 86.7vh !important;
    max-height: 87vh !important;
    background: #fff; /* цвет фона, белый */
    overflow-y: overlay; /* прокрутка по вертикали */
    overflow-x: hidden;
}

.prokrutka_reference {
    max-height: 80vh !important;
    background: #fff; /* цвет фона, белый */
    overflow-x: auto; /* прокрутка по горизонтали */
    overflow-y: auto; /* прокрутка по вертикали */
}

.prokrutka_big_max {
    max-height: 660px; /* высота нашего блока */
    background: #fff; /* цвет фона, белый */
    overflow-x: hidden; /* прокрутка по горизонтали */
    overflow-y: overlay; /* прокрутка по вертикали */
}

.prokrutka_full{
    background: #fff; /* цвет фона, белый */
    overflow-x: scroll; /* прокрутка по горизонтали */
    overflow-y: scroll; /* прокрутка по вертикали */
}

.prokrutka_adaptive{
    height: 40vw;
    min-height: 500px;
    background: #fff; /* цвет фона, белый */
    overflow-x: scroll; /* прокрутка по горизонтали */
    overflow-y: scroll; /* прокрутка по вертикали */
}

.input-icon > i {
  position: absolute;
  display: block;
  transform: translate(0, -50%);
  top: 50%;
  pointer-events: none;
  width: 25px;
  text-align: center;
    font-style: normal;
}

.redactor-editor{
    border-radius: 4px;
}

.input-icon > input {
  padding-left: 25px;
    padding-right: 0;
}

.input-icon-right > i {
  right: 0;
}

.swal2-container{
    z-index: 99999 !important;
}

.pb15{
    padding-bottom: 15px;
}

.dot{
    border-bottom: 1px dashed #000080;
}

.big-modal{
    width: 100% !important;
    margin: 0 !important;
    max-width: 5000px;
}

.modal.show {
    padding: 0 !important;
}

.pb20{
    padding-bottom: 20px;
}

.input-icon-right > input {
  padding-left: 0;
  padding-right: 25px;
  text-align: right;
}

.fancytree-title { font-size: 30px; }

.form-required {
    color: #c00;
}

.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

tr.hover:hover {
    background: #696969; /* Цвет фона при наведении */
    cursor: pointer;
}

p.hover:hover {
    cursor: pointer;
}

.hover:hover {
    cursor: pointer;
    text-decoration: underline;
}

.hover-text:hover{

    text-decoration: dashed;
}

.new-hover:hover {
    background: #F0FFFF !important;
}

.selected{
    background: #DAE8FC !important;
}

.tooltip_templates { display: none; }

.circle_start {
    width: 50px;
    height: 50px;
    background: rgba(0, 128, 0, 0.7);
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 15px 0 0 5px;
}

.circle_start:hover{
    cursor: pointer;
    background: rgba(0, 150, 0, 1);
}

.dia_select{
    background: rgba(0, 300, 0, 1) !important;
}

.circle_start.selected{
    background: rgba(0, 300, 0, 1) !important;
}

.circle_end:hover{
    cursor: pointer;
    background: rgba(250, 0, 0, 1);
}

.circle_end {
    width: 50px;
    height: 50px;
    background: rgba(200, 0, 0, 0.7);
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 15px 0 0 5px;
}

.circle {
    width: 100px;
    height: 65px;
    background: #FFFFFF;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 10px;
    border: 1px solid black;
}

.circle .stage_title_tool{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 5px;
}

.circle0 {
    width: 50px;
    height: 50px;
    background: linear-gradient(45deg, #FFFFFF, #000000);
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

.circle1 {
    width: 50px;
    height: 50px;
    background: linear-gradient(45deg, grey, red);
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

.rectangle {
    width: 50px;
    height: 70px;
}

.oval {
    width: 150px;
    height: 100px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.diamond {
    width: 120px;
    height: 120px;
/* Rotate Origin */
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    margin: 60px 0 10px 310px;
}

.parallelogram {
    width: 100px;
    height: 100px;
    -webkit-transform: skew(200deg);
       -moz-transform: skew(200deg);
         -o-transform: skew(200deg);
}

.egg {
    width: 90px;
    height: 100px;
    display: block;
    -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
    border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
}

.triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 100px 50px;
    border-color: #FFF #FFF transparent #FFF;
}

.triangleleft {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 0 0 100px;
    border-color: #fff transparent transparent transparent;
}

.trianglebottom {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 50px 0 50px;
    border-color: transparent #fff #fff #fff;
}

.twotriangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 50px 0 50px;
    border-color: #fff transparent transparent transparent;
}

.pt20 {
    padding-top: 20px;
}

.mt20 {
    margin-top: 20px;
}

.card-block {
    padding: 10px 15px;
}

.breadcrumb {
    width:100%;
}

.form-check-label {
    width: max-content;
}

.list-app-version {
    max-height: 316px;
    overflow: overlay;
}

.add_button {
    display: flow-root;
}

.add_button .btn {
    padding: 2px 0px !important;
    font-size: 13px !important;
}

.title_report {
    font-weight: bold;
    font-size: 16px;
    padding-left: 15px;
}

.content {
    margin-top: 4%;
    width:97%;
}

.photo:hover::after {
    content: attr(data-title); /* Выводим текст */
    position: absolute; /* Абсолютное позиционирование */
    left: 20%; top: 30%; /* Положение подсказки */
    z-index: 1; /* Отображаем подсказку поверх других элементов */
    background: rgba(255,255,230,0.9); /* Полупрозрачный цвет фона */
    font-family: Arial, sans-serif; /* Гарнитура шрифта */
    font-size: 11px; /* Размер текста подсказки */
    padding: 5px 10px; /* Поля */
    border: 1px solid #333; /* Параметры рамки */
}

.controls_bar{
    border-top:1px solid #bababa;
    border-bottom:1px solid #bababa;
    clear:both;
    height:28px;
    background:#f1f1f1;
    color:#494949;
    font-family:Arial, sans-serif;
    font-size:13px;
    padding-left:10px;
    line-height:25px
}

.fancytree-title {
    font-size: 12px !important;
}

.fancytree-title:hover {
    text-decoration: underline;
}

.pt8 {
    font-size: 8pt;
}

.pt12 {
    font-size: 12pt;
}

.pt22 {
    font-size: 22pt;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0px;
}

.wrap > .container {
    padding: 60px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}


.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.p0 {
    padding: 0 !important;
}

.p5 {
    padding: 5px !important;
}
.p10 {
    padding: 10px !important;
}
.p15 {
    padding: 15px !important;
}
.p20 {
    padding: 20px !important;
}

.pt5 {
    padding-top: 5px !important;
}
.pt10 {
    padding-top: 10px !important;
}
.pt15 {
    padding-top: 15px !important;
}
.pt20 {
    padding-top: 20px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}
.mb5 {
    margin-bottom: 5px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}

.mt0 {
    margin-top: 0px !important;
}
.mt5 {
    margin-top: 5px !important;
}
.mt8 {
    margin-top: 8px !important;
}
.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mes-folder, .mes-receipt {
    text-align: center;
    cursor: pointer;
}

.mes-folder i {
    font-size: 5em;
}

.mes-receipt i {
    font-size: 5em;
}

.hoverButtons {
    margin-top: -2px;
    display: none;
    color: #ccc;
}

.list-group-item:hover > div > .hoverButtons {
    display: block;
    color: #ccc;
}

.list-group-item:hover > div > .hoverButtons i {
    display: block;
    color: #ccc;
}

.c3 {
    color: #f77720;
}

.categoryList {
    /*padding-left: 50px;*/
    /*margin: 5px;*/
    /*border: 1px solid #3f3f3f;*/
    background-color: #3f3f3f;
}

.categoryList li {
    padding-right: 3px;
    background-color: initial;
    border-color: #555;
}



.categoryList a {
    color: #eee;
}

ul#sortableListsBase li {
    padding-left: 50px;
    margin: 5px;
    border: 1px solid #3f3f3f;
    background-color: #3f3f3f;
    list-style-type: none;
    color: #b5e853;
}


.categoryList {
    margin-bottom: 5px;
}


/*#stageTree ul {*/
    /*font-size: 13pt;*/
/*}*/

#stageTree .fancytree-container {
    border:none;
}


/*#stageTree span.fancytree-icon, #stageTree span.fancytree-checkbox, #stageTree span.fancytree-expander, #stageTree span.fancytree-custom-icon {*/
    /*margin-top: 5px;*/
/*}*/

.select2-selection--single {
    overflow: hidden;
    text-overflow: ellipse;
}

.tr_size_raw .form-control {
    height: 22px !important;
    padding-top: 4px;
    display: block;
    border-radius: 0;
}

.header_table_properties td {
    padding: 2px 5px;
}

.table td, .table th {
    padding: .25rem;
}

table.dataTable thead .sorting {
    background-image: none !important;
}

table.dataTable thead .sorting:hover {
    background-image: url(../images/sort_both.png) !important;
}

.btn-outline-secondary:hover {
    color: black !important;
    background-color: #6c757d;
    border-color: #6c757d;
}

.show>.btn-outline-secondary.dropdown-toggle {
    color: black;
}

.flatpickr-confirm {
    height: 40px;
    max-height: 0px;
    visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: rgba(0,0,0,0.06)
}

.dropdown-menu.show {
    width: max-content;
    padding: 5px 0;
}

.flatpickr-confirm svg path {
    fill: inherit;
}

.flatpickr-confirm.darkTheme {
    color: white;
    fill: white;
}

.flatpickr-confirm.visible {
    max-height: 40px;
    visibility: visible
}

.imageuploadify {
    width: 100%;
    max-width: 100%;
}

.glyphicon-remove {
    background: url(/images/close.png) center;
    border: none;
}

.glyphicon-remove.btn-danger:hover {
    background: url(/images/close.png) center;
    border: none;
}

#modal-imageRaw #w0 {
    width: 100%;
}

.kv-file-zoom {
    display: none !important;
}

.file-upload-indicator .text-warning {
    display: none;
}

.thumbnail > img {
    object-fit: contain;
    height: 100%;
    max-width: 100%;
}

#modalImageUser .carousel-item img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#view_raw .thumbnail > img {
    margin: auto;
}

.carousel-item, .carouselRawsControls, .carousel-inner {
    height: 100%;
}

#RawFoto .carousel-item {
    height: 13.8vw !important;
}

#RawFoto .thumbnail > img {
    height: 13.8vw !important;
}

/*.file-drop-zone.clickable:hover {
    border: 1px solid #999 !important;
}*/

.file-drop-zone {
    border: 1px solid #999 !important;
}

.file-drop-zone.clickable:hover {
    border: 1px solid #999 !important;
}

.user_photo_table {
    width: auto;
    object-fit: cover;
    height: 30px;
}

.tree_selection_item {
    border: 1px solid #ccc;
    border-radius: 4px;
}
.show_product_full.active i
{
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
#table_products .sizes_table
{
    line-height: 24px;
}
#table_products .sizes_table,
#table_products .count_items
{
    padding-top: 8px;
    padding-left: 7px;
}
#table_products .count_items input
{
    display: inline-block;
    margin-right: 4px;
    max-width: 45px;
    margin-bottom: 2px;
}
#table_products .count .total
{
    height: 20px;
}
#table_products tr input
{
    border: 1px solid #ffffff;
}
#table_products tr:hover input
{
    border: 1px solid #c7c7c7;
}
#search_products_form .btn-reference-doc-raw
{
    position: relative;
    top:-2px;
    left:-3px;
}

/*speicfications:*/
#collection-specifications-list_wrapper .dataTables_filter
{
    margin-top: 10px;
}
#collection-specifications-list_wrapper .dataTables_filter .dates-filter
{
    margin-left: 9px;
    max-width: 217px;
    position: relative;
}
#collection-specifications-list_wrapper.dataTables_wrapper .dataTables_filter input[type="search"]
{
    margin-left: 14px;
    margin-top: 0px;
    position: relative;
}
#collection-specifications-list_wrapper.dataTables_wrapper
{
    background-color: #f7f7f9;
}
#collection-specifications-list_wrapper .dataTables_filter label input
{
    width: 160px;
}
#collection-specifications-list_wrapper .dataTables_filter label
{
    min-width: 200px;
}

.modal-reference .modal-body {
    height: calc(100vh - 87px);
}

.error
{
    border: 1px solid #ff0000;
}

#collection-specifications-list_length label
{
    width: 160px;
    margin-top: 10px;
}
#collection-specifications-list_length label span
{
    font-weight: bold;
}
#collection-specifications-list_length .select2
{
    display: inline-block;
    min-width: 50px;
    max-width: 60px;
}

#table_products .delete_item,
#table_products .delete-size
{
    width: 16px;
    height: 16px;
    background: url(/images/close.png) no-repeat;
    background-size: contain;
    display: inline-block;
    margin-top: 4px;
}
#table_products .delete-size
{
    margin-top: 0px;
    position: relative;
    top: 3px;
}
#table_products .delete_item:hover,
#table_products .delete-size:hover
{
    opacity: 0.4;
}
#table_products tbody
{
    background: #ffffff;
}
#table_products .photos
{
    display: block;
    font-size: 14px;
}

#specification_add_form .specification_id
{
    margin-right: 10px;
}

.modal.show {
    background: rgba(0,0,0,0.3);
}

/* manufacture planning */
#tomove_container
{
    width: 25%;
    margin-right: 15px;
    margin-left: 15px;
    float: left;
}
#month_wrap
{
    width: 72%;
    float: left;
}
.header_manuf_item
{
    padding: 7px;
    color: #000000;
    font-size: 15px;
    text-align: center;
    background-color: #EDEFF0;
    border: 1px solid #dee2e6;
    border-bottom: 2px solid #dee2e6;
    margin-top: 14px;
    font-weight: bold;
}
.header_manuf_row
{
    border: 1px solid #c0c0c0;
    border-top: 0px;
    padding: 4px;
    text-align: center;
    margin-bottom: 20px;
    min-height: 47px;
}

.info_wrap {
    position: relative;
}

.folder .folder-content {
    margin-bottom: 10px;
}
.folder .folder-content thead 
{
    background: #dadada;
}

.item_manuf
{
    margin-bottom: 10px;
}
.item_manuf .header_manuf
{
    background: #2378d4;
    padding: 4px;
    color: #ffffff;
}
.without_head_labels .item_manuf
{
    margin-bottom: 0px;
}
.without_head_labels .item_manuf:first-child
{
    border-top: 1px solid #cecece;
}
.without_head_labels .item_manuf > .items
{
    min-height: auto;
}
.without_head_labels .item_manuf .header_manuf
{
    height: 1px;
    padding: 0px;
    background: inherit;
}
.item_manuf > .items
{
    min-height: 30px;
}
.item_manuf .manuf_row,
.folder .manuf_row
{
    border: 1px solid #cecece;
    border-top: 0px solid #ffffff;
    text-align: left;
    background: #ffffff;
    position: relative;
}
.item_manuf .manuf_row .hidden,
.folder .manuf_row .hidden,
.info_wrap .item_drop .hidden
{
    display: none;
}
.item_manuf .manuf_row .priority_buttons,
.folder .manuf_row .priority_buttons,
.info_wrap .item_drop .priority_buttons
{
    display: inline-block;
    text-align: center;
    top: 4px;
    position: relative;
    margin-bottom: 3px;
}
.item_manuf .manuf_row .datepick,
.folder .manuf_row .datepick,
.info_wrap .item_drop .datepick
{
    max-width: 90px;
    display: inline-block;
}
.item_manuf .manuf_row .date_start_block,
.folder .manuf_row .date_start_block,
.info_wrap .item_drop .date_start_block
{

}
.item_manuf .manuf_row .priority_buttons,
.folder .manuf_row .priority_buttons,
.info_wrap .item_drop .priority_buttons
{
    margin-bottom: 8px;
}
.item_manuf .manuf_row .priority_buttons button,
.folder .manuf_row .priority_buttons button,
.info_wrap .item_drop .priority_buttons button
{
    display: inline-block;
    border: 0px;
    outline: none;
    margin-right: 3px;
    border-radius: 3px;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: top;
    border: 1px solid #ffffff;
}
.item_manuf .manuf_row .priority_buttons button.active,
.folder .manuf_row .priority_buttons button.active,
.info_wrap .item_drop .priority_buttons button.active
{
    border: 1px solid #000000;
}
.item_manuf .manuf_row .priority_buttons button.priority_1,
.folder .manuf_row .priority_buttons button.priority_1,
.info_wrap .item_drop .priority_buttons button.priority_1,
.folders-moved-container .folder-content>table tr.data-row.priority_1 .date_fact,
.folders-moved-container .folder-content>table tr.data-row.p_priority_1 .datePlanStartFlatpcr
{
    background: #a1e7a1;
}
.item_manuf .manuf_row .priority_buttons button.priority_2,
.folder .manuf_row .priority_buttons button.priority_2,
.info_wrap .item_drop .priority_buttons button.priority_2,
.folders-moved-container .folder-content>table tr.data-row.priority_2 .date_fact,
.folders-moved-container .folder-content>table tr.data-row.p_priority_2 .datePlanStartFlatpcr
{
    background: #f3e39e;
}
.item_manuf .manuf_row .priority_buttons button.priority_3,
.folder .manuf_row .priority_buttons button.priority_3,
.info_wrap .item_drop .priority_buttons button.priority_3,
.folders-moved-container .folder-content>table tr.data-row.priority_3 .date_fact,
.folders-moved-container .folder-content>table tr.data-row.p_priority_3 .datePlanStartFlatpcr
{
    background: #e84d63;
}

.item_manuf .manuf_row .plan_priority_buttons,
.folder .manuf_row .plan_priority_buttons,
.info_wrap .item_drop .plan_priority_buttons
{
    display: inline-block;
    text-align: center;
    top: -2px;
    position: relative;
    margin-bottom: 3px;
}
.item_manuf .manuf_row .plan_priority_buttons,
.folder .manuf_row .plan_priority_buttons,
.info_wrap .item_drop .plan_priority_buttons
{
    margin-bottom: 8px;
}
.item_manuf .manuf_row .plan_priority_buttons button,
.folder .manuf_row .plan_priority_buttons button,
.info_wrap .item_drop .plan_priority_buttons button
{
    display: inline-block;
    border: 0px;
    outline: none;
    margin-right: 3px;
    border-radius: 3px;
    padding: 11px;
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: top;
    border: 1px solid #ffffff;
}
.item_manuf .manuf_row .plan_priority_buttons button.active,
.folder .manuf_row .plan_priority_buttons button.active,
.info_wrap .item_drop .plan_priority_buttons button.active
{
    border: 1px solid #000000;
}
.item_manuf .manuf_row .plan_priority_buttons button.priority_1,
.folder .manuf_row .plan_priority_buttons button.priority_1,
.info_wrap .item_drop .plan_priority_buttons button.priority_1
{
    background: #a1e7a1;
}
.item_manuf .manuf_row .plan_priority_buttons button.priority_2,
.folder .manuf_row .plan_priority_buttons button.priority_2,
.info_wrap .item_drop .plan_priority_buttons button.priority_2
{
    background: #f3e39e;
}
.item_manuf .manuf_row .plan_priority_buttons button.priority_3,
.folder .manuf_row .plan_priority_buttons button.priority_3,
.info_wrap .item_drop .plan_priority_buttons button.priority_3
{
    background: #e84d63;
}
.item_manuf .manuf_row .plan_priority_1,
.folder .manuf_row .plan_priority_1,
.info_wrap .item_drop .plan_priority_1
{
    background: #f3e39e;
}
.item_manuf .manuf_row .plan_priority_2,
.folder .manuf_row .plan_priority_2,
.info_wrap .item_drop .plan_priority_2
{
    background: #a1e7a1;
}


.item_manuf .manuf_row .print_elems,
.folder .manuf_row .print_elems,
.info_wrap .item_drop .print_elems
{
    text-align: center;
    float: right;
    margin-top: 2px;
    width: 60px;
}
.item_manuf .manuf_row .print_elems .hidden,
.folder .manuf_row .print_elems .hidden,
.info_wrap .item_drop .print_elems .hidden
{
    opacity: 0;
}
.item_manuf .manuf_row .print_elems span,
.folder .manuf_row .print_elems span,
.info_wrap .item_drop .print_elems span
{
    display: inline-block;
    border: 1px solid #b6b6b6;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding-left: 1px;
    padding-right: 1px;
    float: left;
    margin-right: 1px;
    line-height: 1.6em;
    height: 22px;
}
.item_manuf .manuf_row .item_code,
.item_manuf .manuf_row .item_count,
.folder .manuf_row .item_code,
.folder .manuf_row .item_count,
.info_wrap .item_drop .item_code,
.info_wrap .item_drop .item_count
{
    font-weight: bold;
    font-size: 12px;
}
.item_manuf .manuf_row .stage,
.folder .manuf_row .stage,
.info_wrap .item_drop .stage
{
    display: block;
}
.item_manuf .manuf_row .stage_name,
.folder .manuf_row .stage_name,
.info_wrap .item_drop .stage_name
{
    font-weight: bold;
}
.item_manuf .manuf_row .item_drop,
.folder .manuf_row .item_drop,
.info_wrap .item_drop
{
    display: none;
    border-top: 1px solid #cecece;
    height: 245px;
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    margin-top: 2px;
    text-align: left;
    padding-left: 4px;
    z-index: 2;
}
.info_wrap .item_drop {
    border: 1px solid #cecece;
    padding: 5px;
    position: absolute !important;
    background: #ffffff;
    left: 12px;
    top: 20px;
    width: 321px !important;
    height: 180px !important;
}

.item_manuf .manuf_row .item_drop .delete-item,
.folder .manuf_row .item_drop .delete-item,
.info_wrap .item_drop .delete-item
{
    display: block;
    margin: 0px auto;
    margin-top: 10px;
    margin-bottom: 4px;
    width: 70px;
    height: 24px;

}
.item_manuf .manuf_row>span,
.item_manuf .manuf_row>a,
.folder .manuf_row>span,
.folder .manuf_row>a,
.info_wrap .item_drop>span,
.info_wrap .item_drop>a
{
    display: inline-block;
    vertical-align: bottom;
}
.item_manuf .manuf_row>span,
.folder .manuf_row>span,
.info_wrap .item_drop>span
{
    text-align: center;
    display: inline-block;
    /*margin-bottom: 2px;*/
    line-height: 24px;
    min-height: 23px;
    font-size: 12px;
}
.item_manuf .manuf_row>span span,
.folder .manuf_row>span span,
.info_wrap .item_drop>span span
{
    display: inline-block;
}
.item_manuf .manuf_row span.plan_date,
.folder .manuf_row span.plan_date,
.info_wrap .item_drop span.plan_date
{
    padding-left: 4px;
}
.item_manuf .manuf_row>span .item_code,
.folder .manuf_row>span .item_code,
.info_wrap .item_drop>span .item_code
{
    display: inline-block;
    width: 85px;
    overflow-x: hidden;
    /* line-height: 26px; */
    /* margin-top: 1px; */
    position: relative;
    vertical-align: top;
    text-align: left;
}
.item_manuf .manuf_row a.detailed-info,
.folder .manuf_row a.detailed-info,
.info_wrap .item_drop a.detailed-info
{
    margin-right: 3px;
    font-size: 14px;
    padding: 2px;
    width: 25px;
    height: 25px;
    text-align: center;
    z-index: 9;
    position: absolute;
    right: -4px;
}
.item_manuf .manuf_row a.active,
.folder .manuf_row a.active,
.info_wrap .item_drop a.active
{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
.item_manuf .manuf_row .priority_label,
.folder .manuf_row .priority_label,
.info_wrap .item_drop .priority_label
{
    top: 4px;
    position: relative;
}
.item_manuf .delete_folder_ajax,
.folder .delete_folder_ajax
{
    color: #ffffff;
    text-decoration: none;
    display: none;
}
.item_manuf:hover .delete_folder_ajax,
.folder:hover .delete_folder_ajax
{
    display: block;
}
.item_manuf .delete_folder_ajax .delete-icon,
.folder .delete_folder_ajax .delete-icon
{
    display: block;
    width: 13px;
    height: 12px;
    cursor: pointer;
    background: url(../images/del.png) no-repeat;
    background-size: contain;
    margin-top: 4px;
    margin-right: 4px;
}
.item_manuf .manuf_row .activities,
.folder .manuf_row .activities
{
    float: right;
    width: 27px;
    margin-right: 18px;
    margin-left: 5px;
    margin-top: 2px;
}
.item_manuf .manuf_row .activities .priority,
.folder .manuf_row .activities .priority
{
    width: 12px;
    height: 22px;
    margin-left: 1px;
    margin-right: 0px;
    display: block;
    float: left;
}
.item_manuf .manuf_row .activities .priority.priority_1,
.folder .manuf_row .activities .priority.priority_1
{
    width: 12px;
    height: 22px;
    background: #a1e7a1;
    margin-left: 1px;
    margin-right: 0px;
    display: block;
    /*vertical-align: middle;*/
    float: left;
}
.item_manuf .manuf_row .activities .priority.priority_2,
.folder .manuf_row .activities .priority.priority_2
{
    width: 12px;
    height: 22px;
    background: #f3e39e;
    margin-left: 1px;
    margin-right: 0px;
    display: block;
    /*vertical-align: middle;*/
    float: left;
}
.item_manuf .manuf_row .activities .priority.priority_3,
.folder .manuf_row .activities .priority.priority_3
{
    width: 12px;
    height: 22px;
    background: #e84d63;
    margin-left: 1px;
    margin-right: 0px;
    display: block;
    /*vertical-align: middle;*/
    float: left;
}
.item_manuf .manuf_row .activities .stage_status.stage_status_1,
.folder .manuf_row .activities .stage_status.stage_status_1
{
    width: 12px;
    height: 22px;
    background: #acc2ff;
    margin-left: 1px;
    margin-right: 1px;
    display: block;
    float: left;
    /*display: none;*/
}
.item_manuf .manuf_row .activities .stage_status.stage_status_2,
.folder .manuf_row .activities .stage_status.stage_status_2
{
    /*
    width: 12px;
    height: 22px;
    background: #9000f0;
    margin-left: 1px;
    margin-right: 1px;
    display: block;
    float: left;*/
    width: 12px;
    height: 22px;
    background: #c26ac5;
    margin-left: 1px;
    margin-right: 1px;
    display: block;
    float: left;
}
.item_manuf .manuf_row input[type="checkbox"],
.folder .manuf_row input[type="checkbox"]
{
    width: 18px;
    height: 18px;
}
.item_manuf .items.over,
.folder .items.over
{
    background: #dddddd;
    padding-bottom: 30px;
}
.item_manuf .img_wrap,
.folder .img_wrap
{
    padding: 4px;
    border: 1px solid #6c757d;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 33px;
    height: 33px;
    margin-top: 6px;
    margin-right: 14px;
    text-align: center;
}
.item_manuf .img_wrap img,
.folder .img_wrap img
{
    max-width: 23px;
    vertical-align: middle;
    display: inline-block !important;
}
.item_manuf .manuf_row .date_plan_wrap,
.folder .manuf_row .date_plan_wrap
{
    margin-top: 4px;
}
.add_folder_not_moved .plus-icon,
.add_folder .plus-icon
{
    display: block;
    width: 13px;
    height: 12px;
    cursor: pointer;
    background: url(../images/plus.png) no-repeat;
    background-size: contain;
    margin-top: 4px;
    margin-right: 4px;
}
.sortable_manuf_container
{
    min-height: 500px;
    /*position: relative;
    z-index: 0;*/
}
.sortable_manuf_container.over
{
    /*
    -webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 0.75);
    */
}
.planning_loading_wrap
{
    position: absolute;
    left: 0px;
    top: 25%;
    width: 100%;
    height: 90px;
    z-index: 9;
    display: none;
}
.overflow_h
{
    overflow: hidden;
}
/*
#columns_wrap
{
    overflow: hidden;
}
*/
.loading .planning_loading_wrap
{
    display: block;
}
.loading .month_column,
.loading .flexslider,
.loading > div
{
    opacity: 0.4;
}

.green_text
{
    color: #06ac06;
}
.orange_text
{
    color: #eb9e10;
}
.grey_text
{
    color: #cacaca;
}

.item_manuf .delete-item img {
    width: 10px;
}

#planning-accessories-list .fill_grey
{
    background-color: #f0f0f0;
}
#planning-accessories-list_wrapper .dt-buttons
{
    position: absolute;
    right: 0px;
    top: -30px;
}
#planning-accessories-list_wrapper .dt-buttons button
{
    float: right;

}
#planning-accessories-list_wrapper .dt-buttons .buttons-excel
{
    height: 25px;
    background-color: #ffa45d;
    border: 0px;
    border-radius: 4px;
    color: #ffffff;
    padding-left: 4px;
    padding-right: 4px;
}
#planning-accessories-list thead th
{
    font-weight: normal;
}

/*.select_item_ref_raw_ul {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}

.select_item_ref_raw_ul .select_item_li {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
    width: 100%;
}*/

.select_item_ul{
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}
.select_item_ul .select_item_li {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
    width: 100%;
}

.select_item_ul .select_item_li .remove_li:hover{
    cursor: pointer;
    opacity: 0.8;
}
#navbarSupportedContent .nav-link {
    font-size: 13px;
}

#plan_duration {
    font-weight: 600;
}

.circle_red_device {
    width: 25px;
    height: 25px;
    border: 2px solid red;
    border-radius: 50%;
    background: mistyrose;
    margin: auto;
}

.circle_green_device {
    width: 25px;
    height: 25px;
    border: 2px solid green;
    border-radius: 50%;
    background: #5fab0f;
    margin: auto;
}

.circle_orange_device {
    width: 25px;
    height: 25px;
    border: 2px solid orange;
    border-radius: 50%;
    background: #FF8C00;
    margin: auto;
}

.dhx_alert {
    display: block;
}

.dataTable {
    width: calc(100% - -1px) !important;
}


/* ALL LOADERS */
.loader{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
  }

  /* LOADER 1 */
  #loader-1:before, #loader-1:after{
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 10px solid transparent;
    border-top-color: #3498db;
  }

  #loader-1:before{
    z-index: 100;
    animation: spin 1s infinite;
  }

  #loader-1:after{
    border: 10px solid #ccc;
  }

@keyframes spin{
    0%{
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    100%{
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
}

#tradeStepsListModal .steps_list
{
    margin-left: 15px;
}
#tradeStepsListModal .steps_list ul
{
    padding: 0px;
    padding-left: 0px;
    margin-top: 15px;
}
#tradeStepsListModal .steps_list ul,
#tradeStepsListModal .steps_list ul li
{
    list-style-type: decimal !important;
    position: relative;
    font-size: 1.0em;
}
#tradeStepsListModal .steps_list ul li
{
    position: relative;
    list-style-position: inside;
    padding-left: 10px;
}
/*#tradeStepsListModal .steps_list ul li::marker
{
    position: absolute;
    left: 0px;
}*/
#tradeStepsListModal .steps_list ul li a
{
    color: #cecece;
}
#tradeStepsListModal .steps_list ul li .handle
{
    position: absolute;
    left: 2px;
    top: 0px;
}
#tradeStepsListModal .steps_list ul li .edit,
#tradeStepsListModal .steps_list ul li .delete
{
    float: right;
    margin-right: 3px;
}

#trade-container table
{
    margin-left: 20px;
    width: auto;
    border-bottom: 1px solid #c7c7c7;
}
#trade-container table th
{
    font-weight: bold;
    text-align: center;
    border: 1px solid #c7c7c7;
    width: 200px;
    padding: 10px;
    background: #ececec;
}
#trade-container table tfoot td
{
    background: #ececec;
}
#trade-container table tr
{
    position: relative;
}
#trade-container table td[data-column_id="0"]:before
{
    content: "...";
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    cursor: pointer;
    font-weight: bold;
    position: absolute;
    left: -5px;
    top: 2px;
    display: block;
    font-size: 20px;
}
#trade-container table .ui-sortable-helper td
{
    width: 220px;
    height: 44px;
}

#trade-container .trade_row_item
{
    border: 1px solid #292929;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    position: relative;
    background-color: #ffffff;
    margin-top: 2px;
    padding-left: 3px;
    padding-right: 2px;
}
#trade-container .trade_row_item a.detailed-info {
    margin-right: 3px;
    font-size: 14px;
    padding: 2px;
    width: 25px;
    height: 25px;
    text-align: center;
    z-index: 9;
    position: absolute;
    right: -4px;
    outline: none;
}
#trade-container .trade_row_item a.detailed-info[aria-expanded="true"]
{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
#trade-container .trade_row_item a.pink
{
    background-color: #faa8ca;
}
#trade-container .trade_row_item .dropdown-menu
{
    left: 0px;
    width: 100%;
    transform: none !important;
    /*top: 27px !important;*/
    margin-top: 38px;
    padding: 0px;
    background: #dedede;
}
#trade-container .trade_row_item .dropdown-menu a
{
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    display: block;
    font-size: 14px;
    color: #000000;
}
#trade-container .trade_row_item .divider
{
    margin-top: 3px;
    margin-bottom: 3px;
    border-top: 1px solid #cecece;
}
#trade-container .trade_row_item .print_elems {
    text-align: center;
    float: right;
    margin-top: 0;
    margin-right: 15px;
    position: absolute;
    top: 17px;
    right: 0;
    cursor: help;
}

#trade-container .trade_row_item .print_elems span {
    cursor: help;
}

#trade-container .trade_row_item .print_elems span {
    display: inline-block;
    border: 1px solid #b6b6b6;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 0 5px;
    float: left;
    margin-right: 1px;
    line-height: 1.4em;
}

#trade-container .is_order_manufacture {
    background: #d6e8d5;
    border: 1px solid #81b365 !important;
}

#trade-container .trade_row_item .print_elems span.hidden
{
    opacity: 0;
    cursor: auto;
}
#trade-container .trade_row_item .mark-started-check
{
    position: absolute;
    right: 5px;
    bottom: 3px;
    width: 9px;
    height: 9px;
    background: #fff2cc;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 2px solid #d6b756;
}
#trade-container table th
{
    height: 32px;
    width: 250px;
}
#trade-container table td
{
    border-right: 1px dashed #6d6d6d;
    height: 32px;
    min-width: 250px;
}
#trade-container table .over
{
    background-color: #e2e2e2;
}

#trade-container .trade_status_2
{
    background-color: #fff2cc;
    border: 1px solid #ffbd43;
}

#trade-container .trade_status_3
{
    background-color: #d5e8d4;
    border: 1px solid #afd4ad;
}

#trade-container .trade_status_1
{
    background-color: #f7cdcb;
    border: 1px solid #dfa4a1;
}

#trade-container .trade_status_4
{
    background-color: #dae8fc;
    border: 1px solid #a9c4eb;
}

#trade-container table tfoot
{
    border: 1px solid #6d6d6d;
    border-top: 2px solid #6d6d6d;
}
#trade-container table tfoot td
{
    vertical-align: top;
    position: relative;
    text-indent: 10px;
}
#trade-container table tfoot td .totalize
{
    border: 1px solid #6d6d6d;
    width: 101%;
    position: absolute;
    bottom: -40px;
    left: -1px;
    background: #ececec;
}

#trade-container .trade_column
{
    display: table-cell;
    min-width: 250px !important;
    min-height: 300px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
    position: relative;
}
#trade-container .trade_column::after
{
    content: "";
    position: absolute;
    right: -1px;
    top: 0px;
    height: 100%;
    border-right: 1px dashed #6d6d6d;
}
#trade-container .trade_column:last-child
{
    border-right: 1px solid #6d6d6d;
}
#trade-container .trade_column .column_name
{
    padding: 5px;
    text-align: center;
    background: #ececec;
    border: 1px solid #6d6d6d;
    border-right: 0px;
}
#trade-container .trade_column:first-child .column_name
{
    border-left: 0px;
}
#trade-container .trade_column .column_items
{
    /*border-right: 1px dashed #6d6d6d;*/
    max-width: 247px;
    margin: 0px auto;
    top: -1px;
    right: -1px;
    position: relative;
    min-height: 300px;
    padding-right: 2px;
}
#trade-container .trade_column .column_stats
{
    border: 1px solid #6d6d6d;
    border-right: 0px;
    border-top: 0px;
    text-align: center;
}
#trade-container .trade_column:first-child .column_stats
{
    border-left: 0px;
}
#trade-container .trade_column_container
{
    border-right: 1px dashed #6d6d6d;
}
#table-container>div
{
    border-bottom: 1px solid #6d6d6d;
    /*border-right: 1px solid #6d6d6d;*/
    border-left: 1px solid #6d6d6d;
}
#totalized_trade_html
{
    border: 1px solid #6d6d6d;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    position: relative;
    top: -4px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 3px;
    min-width: 250px;
}

.touchscreen .btn-lg {
    padding: .4rem 1rem !important;
    font-size: 1.15rem !important;
    height: auto;
    line-height: 1.5 !important;
    border-radius: .3rem !important;
}

.touchscreen .bootstrap-dialog-message{
    font-size: 1.25rem !important;
    line-height: 1.3 !important;
}

.cursor{
    cursor: pointer;
}

.header-documents .col-auto:first-child span {
    font-weight: 600;
}

.check-label-cb-currency {
    font-size: 11px;
}

.div-cb-currency {
    text-align: left;
    padding-left: 30px;
}

.currency_doc, .currency_system {
    text-transform: uppercase;
}

#raw_cat_is_all_view {
    transform: scale(1.2);
}

.label_raw_cat_is_all_view {
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    left: 35px;
    top: -1px;
    width: max-content;
    margin: 0;
    z-index: 1;
}

#panel1TradeRaw .delete_items_rows
{
    display: block;
    height: 25px;
}

.modal-dialog .navbar
{
    display: none !important;
}
.td_warning_stage_recipes {
    padding: 2px 8px 2px 25px !important;
}

.stage-tbody td{
    padding: 2px 8px 2px 5px;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: #fff;
}

.dropdown-menu {
    background: #f0f0f0;
}

.table_tour_info thead {
    background-color: #dde7fa;
}

.item_parameters_perfomance {
    display: inline-flex;
}

.block_parameters_perfomance {
    margin-top: 10px;
}

.item_parameters_perfomance input {
    width: 80px;
    margin-left: 10px;
}

.item_parameters_perfomance span {
    margin-top: 2px;
}

.info_parameters_perfomance {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.btn-remove {
    background-image: url('/images/close.png');
    background-repeat: round;
    width: 16px;
    height: 16px;
    border: none;
    background-color: white;

    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.removeIconButton {
    width: 24px;
    height: 24px;
    background: url(/images/close.png) no-repeat;
    background-size: contain;
    display: inline-block;
    margin-top: 4px;
}

.removeIconButton:hover {
    cursor: pointer;
    opacity: 0.7;
}

.old_models_stage_count_operation p {
    margin-bottom: 0;
}

.select_store_depot_rack_doc {
    width: 100%;
    padding: 2px !important;
}

#table_raw_depot_rack {
    width: max-content;
}

.select_store_depot_rack_doc {
    color: black;
    border: 1px solid #ccc;
}

#message_raw_depot_rack {
    color: green;
    padding-top: 7px;
}

.spacer {
    margin-top: 20px;
}

/* manufacture planning 2 */
.planning_right {
    
}

.planning-left .not-moved-header {
    padding: 7px;
    color: #000000;
    font-size: 15px;
    text-align: center;
    background-color: #EDEFF0;
    border: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin-top: 14px;
}

.planning-left .not-moved-stats {
    border: 1px solid #000000;
    border-top: 0px;
    padding: 15px;
    text-align: center;
}
.planning-left .wrapper-not-moved-item {
    padding-left: 10px;
    padding-right: 10px;
}

.planning-right .main-stats-header {
    border: 1px solid #000000;
    padding: 8px;
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
    background-color: #EDEFF0;
}
.planning-right .main-stats-wrap {
    max-width: 99%;
    width: 100%;
}

.planning-right .manufacture-stats-content {
    border: 1px solid #000000;
    border-top: 0px;
    padding: 5px;
}

.folders-not-moved-container {
    margin-top: 15px;
}
.folders-not-moved-container .folder {
    margin-bottom: 15px;
}
.folders-not-moved-container .title,
.folders-moved-container .title {
    background: #2378d4;
    padding: 4px;
    color: #ffffff;
    position: relative;
}
.folders-not-moved-container .title:hover,
.folders-moved-container .title:hover {
    text-decoration: underline;
    cursor: pointer;
}
.folders-not-moved-container .folder-input-wrap,
.folders-moved-container .folder-input-wrap {
    background: #2378d4;
    padding: 4px;
    color: #ffffff;
    position: relative;
}

.folders-not-moved-container .delete_folder_ajax {
    position: absolute;
    right: 5px;
    top: 3px;
}

.folders-not-moved-container .delete_folder_ajax,
.folders-moved-container .delete_folder_ajax
{
    color: #ffffff;
    text-decoration: none;
    display: none;
}
.folders-not-moved-container .folder:hover .delete_folder_ajax,
.folders-moved-container .folder:hover .delete_folder_ajax
{
    display: block;
}

.folders-moved-container {
    margin-top: 15px;
}

.folders-moved-container .folder-content>table {
    border: 1px solid #000000;
    width: 100%;
    table-layout: fixed;
}
.folders-moved-container .folder-content>table tbody tr {
    /*border-bottom: 1px solid #000000;*/
}
.folder-content table .ui-sortable-helper {
    
}
.folders-moved-container .folder-content>table tbody tr .img_thumb {
    width: 100%;
    height: 100%;
}
.folders-moved-container .folder-content>table tbody tr .img_thumb img {
    height: 24px;
}
.folders-moved-container .folder-content>table th {
    font-weight: normal;
    border-right: 0.5px solid #000000;
    border-bottom: 0.5px solid #000000;
    text-align: center;
    border-width: 0.5px;
    font-size: 12px;
}
.folders-moved-container .folder-content>table tr.data-row>td {
    border-right: 0.5px solid #000000;
    border-bottom: 0.5px solid #000000;
    border-width: 0.5px;
    font-size: 12px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.folders-moved-container .folder-content>table tr.data-row>td.info_wrap {
    overflow: visible;
}
.folders-moved-container .datePlanStartFlatpcr {
    width: 100%;
    text-align: center;
    outline: none !important;
    padding: 0px;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.folders-moved-container .datePlanStartFlatpcr.changed {
    background: #e3ffe3;
}
.folders-moved-container .folder-content>table>tbody.over {
    /*outline: 4px solid #414040;*/
    background: #dddddd;
}
.folders-moved-container .folder-content>table>tbody.over * {
    width: 100% !important;
    background: #dddddd;
}
.folders-moved-container .folder-content>table .product-title {
    text-overflow: clip;
    /*width: 100px;*/
    white-space: nowrap;
    overflow: hidden;
}

.folders-moved-container .folder-content>table .stage_status_1
{
    background: #acc2ff;
}
.folders-moved-container .folder-content>table .stage_status_2
{
    background: #c26ac5;
}

.folders-moved-container .folder-content>table .print_elems {
    text-align: center;
    display: block;
    width: 100%;
}
.folders-moved-container .folder-content>table .print_elems span {
    display: inline-block;
    border: 1px solid #b6b6b6;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding-left: 1px;
    padding-right: 1px;
    margin-right: 1px;
    line-height: 1.6em;
    height: 22px;
}
.folders-moved-container .detailed-info {
    color: #000000;
}
.folders-moved-container .folder_content {
    height: 30px;
}
.data-row.ui-sortable-helper {
   transform: scale(0.5);
}
#folders_not_moved_container .folder_content {
    min-width: 100%;
    min-height: 30px;
}
#folders_not_moved_container .folder_content.over {
    /*outline: 2px solid #000000;*/
    background: #dddddd;
}
.folders-moved-container input.period_move,
#folders_not_moved_container input.period_move {
    width: 72px;
    display: inline-block;
}

.row-nomargin {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.nopadding-left {
    padding-left: 0px;
}
.nopadding-right {
    padding-right: 0px;
}

.multiselect.disabled {
    background: #ccc;
    color: black;
}

.body_table_doc .multiselect{
    color: black !important;
    border: 2.2px solid #ccc !important;
}

.body_table_doc .multiselect.disabled{
    background: #ccc !important;
    opacity: 0.5 !important;
}

.height_input {
    max-height: 24px;
}

#openGroupRaw {
    border-radius: 0 4px 4px 0;
}

.head_reference {
    position: sticky;
    top: 0;
    z-index: 1000;
}

.lh-22 {
    line-height: 22px;
}

#body_table_properties tbody tr {
    background: white;
}

#table_cutter_report tr td {
    word-break: break-word;
}

.carousel_empty_block{
    min-height: 150px;
    height: 100%;
}

.buttons_doc .btn-doc{
    font-size: 13px !important;
}

.support_buttons_doc_block *{
    font-size: 13px !important;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23AAAA' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23AAAA' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.tooltip_trade {
    text-decoration: underline;
    cursor: pointer;
}

.progress-bar {
    border-right: 1px solid black;
}

.progress-bar:last-child {
    border-right: none !important;
}

.plan-selected-block
{
    position: absolute;
    top: 135px;
    width: 81%;
    min-height: 75px;
    background: #ffffff;
    border: 1px solid #000000;
    z-index: 11;
    padding: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    display: none;
}

#manufacture-items-block .w100
{
    width: 100%;
}
#manufacture-items-block .work_types
{
    text-align: left;
}
#manufacture-items-block .work_types > div
{
    display: inline-block;
}
#manufacture-items-block label
{
    line-height: 6px;
}
#manufacture-items-block .text-plan-medium
{
    line-height: 23px;
    display: block;
    margin-bottom: 0px;
}
#manufacture-items-block > .row
{
    margin-bottom: 10px;
    border-bottom: 1px solid #cecece;
    padding-bottom: 6px;
}
.manufacture-add-executor {
    text-decoration: underline;
    margin-bottom: 10px;
    display: none;
}

.table .defects_minus
{
    color: #ff0000;
}
#body_otk_report_more
{
    word-break: break-all;
}

.item_user_organization {
    margin-top: 10px;
}

.icon_delete {
    display: block;
    width: 24px;
    height: 24px;
    background: url('/img/icons/delete_circle.svg') round;
    cursor: pointer;
}

.icon_edit {
    display: block;
    width: 24px;
    height: 24px;
    background: url('/img/icons/edit.svg') round;
    cursor: pointer;
}

.item_user_organization select {
    max-width: 300px;
}

.div_header_setting_form {
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

.block_edit_admin_password_new {
    margin-top: 20px;
}

.block_edit_admin_password_new > div {
    margin-top: 10px;
}

#textarea_description_admin_role {
    width: 100%;
    height: 500px !important;
}

.item_admin_user {
    margin-top: 10px;
}

#list_admins {
    margin-bottom: 10px;
}

.btn_with_icon {
    padding: 0 !important;
}

.hover_background_table tr:hover {
    background: #eee;
}

.prl-0, .prl0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.table_defects_correction td {
    height: 27px;
}

.textPositionToBtn {
    position: relative;
    top: 2px;
}

.modal-header .close {
    top: -3px;
    position: relative;
}

.tr_raw_sample_accessories.isBlock {
    background: #28a7456b;
}

.toggleRowSample {
    cursor: pointer;
}

.gallery-slider .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.gallery-thumbs .swiper-slide img {
    width: auto;
    height: 100%;
}

.gallery {
    width: 100%;
    max-width: 620px;
    height: 100%;
}

.RawFoto .gallery {
    width: 100%;
    max-width: 620px;
}

.gallery-thumbs {
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.gallery-thumbs .swiper-slide {
    width: 50px;
    height: 50px;
    text-align: center;
    overflow: hidden;
    opacity: 0.7;
}

.gallery-thumbs .swiper-slide-active {
    opacity: 1;
}

.swiper-container.gallery-thumbs {
    margin-top: 10px;
    height: 50px;
}

.swiper-container {
    height: 100%;
}

.gallery-thumbs .swiper-slide {
    border: 2px solid black;
    border-radius: 8px;
}

#container_table_sample {
    margin-top: -20px;
}

.modal-full-display {
    margin-top: 0;
    width: 100%;
    max-width: 100%;
    height: calc(100% - 28px);
}

.swiper-container.gallery-slider {
    border: 1px solid #ccc;
    height: 100%;
}

.carousel-control-prev, .carousel-control-next {
    opacity: 1;
}

.gallery-thumbs-big {
    width: 100px;
}

.gallery-thumbs-big .swiper-slide img {
    width: auto;
    height: 100%;
}

.galleryBig {
    height: calc(100% - 120px);
}

.galleryBig .gallery-slider .swiper-slide img {
    height: 100% !important;
}

.galleryBig .gallery-thumbs .swiper-slide {
    width: 100px;
    height: 100px;
}

.galleryBig .swiper-container.gallery-thumbs {
    height: 100px;
}

.modal-header .btn {
    height: 32px;
    font-size: 14px !important;
    position: relative;
    top: -5px;
}

.bg-light-green {
    background: #a3d589;
}

.bg-light-blue {
    background: #dae8fc;
}

.bg-blue {
    background: rgba(13, 89, 184, 0.26);
}

.bg-light-pink {
    background: #e1d5e7;
}

.bg-light-yellow {
    background: #fff2cc;
}

#formRaw, #view_raw .nav-tabs,
.formDoc, .bodyDoc .nav-tabs
{
    background: #f5f7fa;
}

.m15p15 {
    margin: 0 -15px;
    padding: 0 15px;
}

.open_modal_qr {
    position: relative;
    top: -3px;
}

#modalEditQR h5 {
    font-weight: 400;
}

#modalEditQR #modalEditQRTitleSize, #modalEditQR #modalEditQRCountQR {
    font-weight: bold;
}

.bootstrap-dialog-message {
    overflow-wrap: break-word;
}

.dropdownWidget {
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 10px;
    position: absolute;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    width: 200px;
    border-radius: 8px;
}
.dropdownWidget label {
    display: block;
    margin: 5px 0;
}

.withHeader.bootstrap-dialog .modal-header {
    display: block;
    background-color: white !important;
    padding-top: 10px;
}

.withHeader.bootstrap-dialog .bootstrap-dialog-title {
    color: black !important;
}

.withHeader  .bootstrap-dialog-close-button {
    position: absolute;
    top: 10px;
    right: 10px;
}

.btn-purple {
    background-color: #9b59b6; /* Более светлый фиолетовый цвет */
    color: white; /* Цвет текста */
}

.btn-purple:hover {
    background-color: #8e44ad; /* Темнее при наведении */
    color: white; /* Цвет текста при наведении */
}

.btn-purple:focus, .btn-purple:active {
    box-shadow: 0 0 0 0.2rem rgba(155, 89, 182, 0.5); /* Эффект при фокусе и активном состоянии */
}

#ul-tabs-tool .nav-item {
    width: 50%; /* Устанавливаем ширину каждой вкладки на 50% */
}

#ul-tabs-tool .nav-link {
    text-align: center; /* Центрируем текст внутри вкладок */
}

.m-a {
    margin: auto;
}

.remove_li:hover{
    cursor: pointer;
    opacity: 0.8;
}


.select_item_li_cat {
    background-color: #AFEEEE;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
    width: 100%;
}

#tableMB {
    width: 100%;
    height: calc(100vh - 116px);
}

.dhx_input.dhx_grid-filter {
    height: 25px;
}

.dhx_grid-header-cell {
    padding: 0 !important;
}

.dhx_grid-header-cell-text_content {
    display: block !important;
    text-align: center;
}

/* css/tool_placement.css */
.folder-img:hover, .tool-img:hover {
    cursor: pointer;
    opacity: 0.8;
}

.folder-text {
    display: inline-block;
    position: absolute;
    top: 100px;
    left: 70px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

#tool {
    min-height: calc(85vh);
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: auto;
}

.div_tool {
    height: 64px;
    width: 120px;
    border: 1px solid black;
    border-radius: 10px;
    background: white;
    position: absolute !important;
}

.div_tool span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    padding: 5px;
}

.div_tool img, #new_tool .new_tool img {
    width: auto;
    height: 38px;
}

.div_figure {
    border: 1px solid black;
    position: absolute !important;
    background: #ccc;
}

#new_tool .new_tool {
    height: 64px;
    width: 120px;
    border: 1px solid black;
    border-radius: 10px;
    background: white;
    margin: auto;
}

#new_tool .new_tool span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    padding: 5px;
}

.imgOnToolCardPlacement {
    text-align: center;
    position: relative;
    top: -5px;
}

#tableMB .dhx_grid-row .dhx_grid-cell:nth-child(n+3) .dhx_grid-cell__content{ /* Применяем к колонкам, начиная с третьей */
    text-align: center;
}

.inputDate {
    width: 130px;
}

#tableMB .dhx_grid-row {
    background-color: white; /* Белый цвет по умолчанию */
}

/* Чередование строк: бледно-серый, белый, бледно-серый и т.д. */
#tableMB .dhx_grid-row:nth-child(odd) {
    background-color: #f9f9f9; /* Бледно-серый цвет */
}

/* Стиль для заголовка таблицы (опционально) */
#tableMB .dhx_grid-header {
    background-color: #e0e0e0; /* Серый цвет для заголовка */
    font-weight: bold; /* Жирный шрифт для заголовка */
}

#tableMB .dhx_grid-row:hover {
    background-color: #e0f7fa; /* Светло-голубой цвет при наведении */
}

.row-main-in-mp-all {
    background: #f9f9f9;

}

.row-main-in-mp-all .dhx_grid-cell {
    font-weight: bold;
}

.bigPhotoBlock {
    width: 350px !important;
    height: 350px !important;
    max-width: 350px !important;
    max-height: 350px !important;
}

.m0-15 {
    margin: 0 -15px;
}

.top5 {
    position: inherit;
    top: 5px;
}

.top5-child * {
    position: inherit;
    top: 5px;
}

.pt-15 {
    padding-top: 15px;
}

#blockRawCartConsumption label {
    width: 105px;
    text-align: right;
}
.raw-block {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.raw-block-template {
    display: none;
}

#blockRawCartConsumption .remove-raw-block {
    position: absolute;
    right: 15px;
}

#blockRawCartConsumption .block-raw-rawCartConsumption {
    max-width: 110px;
}

.big-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    margin: 0;
    outline: none;
    transition: background 0.2s, border-color 0.2s;
}

.big-checkbox:checked {
    background: #2196F3;
    border-color: #2196F3;
}

/* Стилизация "галочки" (имитация системной) */
.big-checkbox:checked::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 3px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

#head_doc {
    height: 30px;
}

/* Настройки модального окна рентабельности WB */
#modalProfitabilityWbSettings .form-group.row {
    margin-bottom: 0.4rem;
}
#modalProfitabilityWbSettings .form-control {
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    height: 2rem;
    font-size: 1rem;
}
#modalProfitabilityWbSettings label.col-form-label {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    text-align: right;
}

/* Цветные заголовки для отчёта рентабельности ВЛБ */
.dhx_treegrid-header-cell.blue-header { background: #223355; color: #fff; }
.dhx_treegrid-header-cell.purple-header { background: #3a2a4d; color: #fff; }
.dhx_treegrid-header-cell.brown-header { background: #5a3a1b; color: #fff; }
.dhx_treegrid-header-cell.green-header { background: #2d4d2a; color: #fff; }
.dhx_treegrid-header-cell.gold-header { background: #665c2e; color: #fff; }

#table_profitability_wb_data {
    width: 100%;
    height: calc(100vh - 102px);
}