@import "./print.css";

.print-content {
  display: none;
}

*:focus, *:active { box-shadow: none !important; outline: none; }
.pull-right { float: right; }
.pull-left { float: left; }
nav.navbar ul.nav a.btn.btn-danger:hover { color: #000 !important; }
ul { list-style: none; }
.c { display: block !important; }
.c:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; color: transparent; font-size: 0; }
body > .progress { display: none; position: fixed; top: 0; z-index: 10001; width: 100%; }
.progress .progress-bar { transition: all 500ms ease; }
label { margin-bottom: 0; }
.radio-buttons { cursor: default; }
.radio-buttons label { margin: 5px 10px; cursor: pointer; }
.radio-buttons label input[type=radio] { visibility: hidden; opacity: 0; position: absolute; }
.radio-buttons label input[type=radio] + span { display: inline-block; line-height: 20px; padding: 5px 10px; border-radius: 3px; }
.radio-buttons label:hover input[type=radio] + span { background: #EFEFEF; }
.radio-buttons label input[type=radio]:checked + span { background: #17a2b8; color: #FFF; }
.radio-buttons label input[type=radio] + span span { margin-left: 3px; }
.alerts { background: rgba(255, 255, 255, 0.9); position: fixed; top:0; right:0; bottom:0; left:0; transition: all 300ms ease;
         line-height: 100vh; text-align: center; visibility: hidden; opacity: 0; z-index: -1; }
.alerts.show { z-index: 10001; visibility: visible; opacity: 1; }
.alerts > * { display: inline-block; vertical-align: middle; min-width: 40%; max-width: 60%; line-height: normal; }
.alerts .alert { width: 100%; }
.alerts .alert + .alert { margin-top: 10px; }
.bg-danger-soft { background: #f8d7da; }
.filter-inline.form-control { width: auto; display: inline-block; }
.disabled:hover { cursor: not-allowed; }
.showFullOnHover { position: relative; }
.showFullOnHover > span:not(.cloned) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 300px; display: inline-block; }
.showFullOnHover > span.cloned { position: absolute; top: 0; left: 0; background: #FFF; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
                                -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75); padding: .75rem 5px; border-radius: 5px;
                                box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75); }
/* .custom-checkbox > input + label + label { margin: 6px 10px; } */
.custom-checkbox ul { padding: 0; display: inline-block; vertical-align: top; }
.custom-checkbox ul li + li { margin-top: 10px; }
.custom-checkbox > * { position: relative; padding-left: 15px; }
.custom-checkbox input { opacity: 0.01; position: absolute; z-index: -1; }
.custom-checkbox label { cursor: pointer; height: 2rem; line-height: 2rem; }
.custom-checkbox.multirow label { width: 100%; }
.custom-checkbox label > span { display: block; border-radius: 3px; padding: 5px 15px; background: #EFEFEF; color: #666; }
.custom-checkbox label > span .fa { color: #EFEFEF; margin-right: 5px; }
.custom-checkbox input:checked + span { background: #28a745; color: #FFF; }
.custom-checkbox input:checked + span .fa { color: #FFF; }
.custom-control-label:before, .custom-control-label:after { top: 0; }
.filters .custom-checkbox { margin-left: 0; }
.filters .custom-checkbox label > span { vertical-align: middle; padding: 7px 15px; display: inline-block; }
.filters .custom-checkbox input:checked + span { background: #dc3545; }
.form-control.is-invalid, .was-validated .form-control:invalid { border-color: #dc3545 !important; }

/* rewrite bootstrap START */
.bootstrap-select select[readonly] ~ button.dropdown-toggle { background-color: #e9ecef !important; }
.nowrap { white-space: nowrap; }
.ui-keyboard[data-ui-keyboard-layout="num"] { bottom: 0 !important; top: auto !important; }
/* header .nav > .nav-item > .nav-link { padding: 1.5rem 1rem; } */
textarea.form-control { max-width: 100%; min-width: 100%; height: 4rem; }
/* .nav-tabs .dropdown-menu { min-width: 100%; }
.btn:not(.btn-defsize):not(.def) { padding: 1rem 2rem; }
.btn.btn-defsize { padding: 0rem 0.5rem; }
a.icon:not(.def) { padding: 1rem 1.5rem; }
.form-control:not(.def), .form-signin .form-control:not(.def) { padding: .75rem 1.50rem; } */
/* select.form-control:not([size]):not([multiple]) { height: auto; } */
.ui-keyboard-button { padding: 0 1.5em; height: 3.5em; }
/* .form-control:not(.def) { line-height: 3.3; } */
input[type=text], input[type=date], input[type=number] { text-indent: 5px; }
.form-button-fixed { padding-bottom: 3rem; }
.form-button-fixed button[type=submit] { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; border-radius: 0; padding: 0.5rem; }
/* .dropdown > .btn { padding: 1.5rem 1rem; } */
.btn-fa { cursor: pointer; font-size: 24px; display: inline-block; vertical-align: -2px; }
.anim { transition: all 200ms ease; }
.highlight { outline: 2px solid #D6000D; color: #D6000D; }
.jumbotron.small { padding: 1rem 2rem; }
.jumbotron.full-width { width: 100%; }
.modal-max { max-width: 90%; }
input.no-bg { background: transparent; border-color: transparent; width: 100%; cursor: unset; }
input.width-auto { width: auto; }
.border-success { border-color: #28a745; }
.modal-header { font-size: 1.5em; }
.modal-header > div { width: 100%; }
.table-icon { font-size: 1.5em; }
.table-icon.unactive-children > * { border-radius: 50%; border: 3px solid #dc3545!important; }
.table-icon .fa, .table-icon .far, .table-icon .fas{ transition: all 200ms ease; }
.table-icon:hover > .fa { transform: scale(1.1); }
.dropdown .dropdown-item { white-space: nowrap; }
.dropdown .dropdown-group .dropdown-group-label { padding: 10px 20px; text-align: center; white-space: nowrap; margin-top: 10px; border-bottom: 1px solid #CCC; font-size: .9rem; color: #000; font-weight: 700; }
/* rewrite bootstrap END */
/* tree START */
.treeview .icon { display: inline-block; }
.treeview span.icon.node-icon, .treeview span.icon.fa { display: none; }
.treeview span.icon.expand-icon { line-height: 50px; position: absolute; top: 0; cursor: pointer; left: 0;
                                height: 50px; display: block; width: 100%; text-align: left; padding-left: 10px; }
.treeview .list-group-item { cursor: default !important; }
.treeview .indent { width: 1%; margin: 0 !important; display: inline-block; }
.treeview .indent ~ .item { width: 99%; }
.treeview .code, .treeview .quantity { width: 15%; display: inline-block; text-align: center; }
.treeview .name { width: 70%; text-align: center; display: inline-block; border-left: 1px solid rgba(0,0,0,.15); border-right: 1px solid rgba(0,0,0,.15); }
.treeview .list-group-item { font-size: 0; }
.treeview .list-group-item * { font-size: 1rem; }
.treeview .item { width: 100%; font-size: 0; padding-left: 1%; display: inline-block; }
.treeview .item * { font-size: 1rem; }
.treeview .item .code { border-left: 1px solid rgba(0, 0, 0, .50); }
.treeview .indent + .indent ~ .item { width: 98%; }
.treeview .indent + .indent + .indent ~ .item { width: 97%; }
.treeview .indent + .indent + .indent + .indent ~ .item { width: 96%; }
.treeview .indent + .indent + .indent + .indent + .indent ~ .item { width: 95%; }
.treeview .indent + .indent + .indent + .indent + .indent + .indent ~ .item { width: 94%; }
.treeview .indent ~ span.icon.expand-icon { left: 1%; }
.treeview .indent + .indent ~ span.icon.expand-icon { left: 2%; }
.treeview .indent + .indent + .indent ~ span.icon.expand-icon { left: 3%; }
.treeview .indent + .indent + .indent + .indent ~ span.icon.expand-icon { left: 4%; }
.treeview .indent + .indent + .indent + .indent + .indent ~ span.icon.expand-icon { left: 5%; }
.treeview .indent + .indent + .indent + .indent + .indent + .indent ~ span.icon.expand-icon { left: 6%; }
/* tree END */
/* table-like spans START */
.table-table { display: block; }
.table-table .table-row { display: block; }
.table-table .table-cell { display: inline-block; }
.table-table .table-cell.block { display: block; }
/* table-like spans END */
.table-thead-float { position: fixed; top: 0; background: #FFF; }
.checkbox-show tr td { transition: all 200ms linear; }
.checkbox-show tr.text-success td { background: #dff0d8; }
.checkbox-show tr.text-danger td { background: #f2dede; }
.checkbox.maximize { position: relative; white-space: nowrap; }
.checkbox.maximize label { position: absolute; top:0; right: 0; bottom: 0; left: 0; display: block; text-align: center; cursor: pointer; }
th.checkbox.maximize label { position: static; display: inline-block; margin-left: 10px; vertical-align: middle; }
.checkbox.maximize label input { opacity: 0.01; }
.checkbox.maximize label span.fa-check-square { font-size: 22px; position: absolute; top: 50%; margin-top: -11px; opacity: 0.2; vertical-align: middle; }
th.checkbox.maximize label span.fa-check-square { position: static; top: auto; }
.checkbox.maximize label:hover span.fa-check-square { opacity: 0.5; }
.checkbox.maximize label input:checked ~ span.fa-check-square { opacity: 1; }
td.day { padding: 3px 6px; }
.btn, .cursor-pointer { cursor: pointer; }
body > .loader {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10000;
}
body > .loader svg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -32px;
}

header { position: relative; }
header:before { content: ''; display: block; width: 100%; height: 1px; background: #DDD; position: absolute; z-index: -1; bottom: 0; left: 0; }
header .nav-item.home img { display: block; height: 24px; }
.list-group-item label { margin: 0; display: block; }
.icon { display: block; text-align: center; font-size: 18px; }
.form-signin { max-width: 500px;padding: 15px;margin: 0 auto;}
.form-signin .form-signin-heading,
.form-signin .checkbox {margin-bottom: 10px;}
.form-signin .checkbox {font-weight: normal;}
.form-signin .form-control {position: relative;height: auto;-webkit-box-sizing: border-box;box-sizing: border-box;
                            font-size: 16px;}
.form-signin .form-control:focus {z-index: 2;}
.form-signin input[type="text"] {margin-bottom: -1px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.form-signin input[type="password"] {margin-bottom: 10px;border-top-left-radius: 0;border-top-right-radius: 0;}
td.filter { padding: 0; }
td.filter input, td.filter select { width: 100%; border: none; border-radius: 0; background-color: #F3F3F3; }
td.filter .bootstrap-select > button { border-radius: 0; border: none; margin: 0; }
form.filters { float: right; }

tbody.content td { position: relative; height: 30px; padding-left: 5px; padding-right: 5px; }
tbody.content input[type=text] { border: none; background: inherit; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; text-indent: 10px; }
.comments { font-size: 1em; width: 250px; overflow: hidden; height: 200px; position: relative; }
.comments ul { margin-bottom: 0; }
.comments ul li + li { margin-top: 5px; }
.comments .scroll { height: 80%; overflow-y: auto; width: 100%; }
.comments .new-comment { position: absolute; bottom: 0; }
.comments .card { width: 90%; position: relative; }
.comments .new-comment > * { padding-top: 2px; padding-bottom: 2px; }
.comments .new-comment input { width: 80%; font-size: 12px; padding-left: 5px; padding-right: 5px; }
.comments .new-comment button { width: 20%; }
.comments .icon { font-size: 16px; }
.comments .card-body { padding: 5px; }
.comments .show-all { padding: 0; }
.comments .card-subtitle { display: none; position: absolute; background: rgba(0,0,0,0.6); padding: 2px 4px; color: #FFF;
                           font-size: 12px; border-radius: 4px; top: 11px; left: 7px; border-radius: 3px; }
.comments .card:hover .card-subtitle { display: block; }
#tasks { font-size: 14px; }
#tasks span.status { padding: 3px 5px; border-radius: 4px; }
.modal .scroll-comments li + li { margin-top: 10px; } 
.modal .scroll-comments .card { width: 90%; }
.modal .card-subtitle { display: none; position: absolute; background: rgba(0,0,0,0.6); padding: 2px 4px; color: #FFF;
                           font-size: 12px; border-radius: 4px; top: 11px; left: 7px; border-radius: 3px; }
.modal .card:hover .card-subtitle { display: block; }
.modal .card.bg-dark:hover .card-subtitle { background: rgba(255,255,255,0.5); }

.output { position: relative; }
.output .scrollh { overflow-y: auto; position: absolute; top: 0; bottom: 0; }
.output .scrollh.pull-left { left: 0; }
.output .scrollh.pull-right { right: 0; }
.ui-sortable-handle { cursor: -moz-grab; cursor: -webkit-grab; cursor: grab; }
.ui-sortable-handle:hover { background: #EFEFEF; }
.ui-sortable-handle.ui-sortable-helper { background: #EFEFEF; cursor: -moz-grabbing; cursor: -webkit-grabbing; cursor: grabbing; }
.daily-schedule form button { position: fixed; border-radius: 0; bottom: 0; left: 0; right: 0; width: 100%; padding: 0.5em 0; }

.views-menu.static { position: relative; }
.views-menu.static .nav.nav-tabs { display: inline-block; width: 100%; }
.views-menu.static .nav.nav-tabs li { display: inline-block; }
.views-menu.static .nav-tabs { border-bottom: none; }
.views-menu.static .tab-content { border-top: 1px solid #dee2e6; }
.views-menu .nav-tabs ~ .container-fluid .btn { float: right; margin-top: 10px; margin-bottom: 10px; }
.views-menu .nav-tabs ~ .container-fluid .btn + .btn { margin-right: 10px; }
.views-menu.static .nav { padding-right: 20px; }
.views-menu .nav .nav-link { padding: .5rem .5rem; }
.views-menu table input.form-control { display: inline-block; width: 80px; line-height: 2; vertical-align: top;
                                        border-top-right-radius: 0; border-bottom-right-radius: 0; }
.views-menu table input + button { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.views-menu .action-btns { text-align: right; }
.views-menu .action-btns.disabled { opacity: 0.4; }
.views-menu .action-btns input { width: 15%; padding-left: 5px; padding-right: 5px; }
.views-menu .action-btns .quantity-ready { padding: 0 20px 0 0; }
body:not(.type1) .views-menu .action-btns .quantity-ready { display: inline-block; }
.views-menu .action-btns .quantity-ready * { display: inline-block; }
.type1 .views-menu .action-btns .quantity-ready span { width: 60%; }
.type1 .views-menu .action-btns .quantity-ready b { width: 40%; }
.views-menu .total-quantity { margin-left: 10px; font-weight: 700; cursor: pointer; }
.views-menu .total-quantity i { font-size: 1.2em; }
.views-menu .total-quantity:hover i { transform: scale(1.2); }
.views-menu .lines-info li + li { margin-top: 5px; }
.views-menu .lines-info li input { width: 40%; }
.lines-info li input.no-bg { width: auto; }
.views-menu .lines-info .fa { font-size: 1.2em; margin-left: 5px; }
.views-menu .lines-info input.no-bg { text-align: right; width: 100px; }
.views-menu .lines-info input.no-bg + input { width: auto; }
.views-menu td.quantity span { display: block; }
.views-menu td.quantity span input { display: inline-block; width: 100px; }
.views-menu .action-btns { font-size: 0; white-space: nowrap; }
.views-menu .action-btns > * { font-size: 1rem; }

.acting-schedule .progress-bar { opacity: 0.7; }

.output .scrollh { border-top: 1px solid #666; border-bottom: 1px solid #666; }
/*.custom-table .table-table { overflow-x: hidden; }*/
.custom-table .table-table .table-row { padding: 5px 0; }
.custom-table .table-table .table-row > * { vertical-align: top; }
.custom-table .table-table .number { width: 7%; }
.custom-table .table-table .name { width: 55%; position: relative; }
.importMonthSchedule.custom-table .table-table .name { width: 40%; }
.custom-table .table-table .name .cutted { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis;
                                    overflow: hidden; }
.custom-table .table-table .code { width: 15%; }
.custom-table .table-table .quantity { width: 10%; }
.custom-table .table-table .date { width: 20%; }
.custom-table .table-table .split { width: 15%; }
.custom-table .table-table .table-head .table-row { border-bottom: 1px solid #CCC; }
.custom-table .table-table .table-row[draggable=true]:hover { background: #D0D9DC; }
.custom-table .table-table .table-row[draggable=true]:hover { cursor: -moz-grab; cursor: -webkit-grab; cursor: grab; } 
.custom-table .table-table .table-row.sortable-dragging { cursor: -moz-grabbing; cursor: -webkit-grabbing; cursor: grabbing; } 
.custom-table .table-table .sortable-placeholder { height: 35px; width: 100%; outline: 2px dashed #999; }
.daily-schedule.custom-table .table-table .sortable-placeholder { height: 36px; }
/*.daily-schedule .table .name .uncutted { visibility: hidden; opacity: 0; transition: all 300ms linear; position: absolute;
                                        background: #FFF; padding: 10px; left: -10px; top: -10px; 
                                        -webkit-box-shadow: 0px 0px 3px 0px rgba(183, 183, 183, 0.75);
                                        -moz-box-shadow: 0px 0px 3px 0px rgba(183, 183, 183, 0.75);
                                        box-shadow: 0px 0px 3px 0px rgba(183, 183, 183, 0.75); }
.daily-schedule .table .name:hover .uncutted { visibility: visible; opacity: 1; }*/
/*.daily-schedule .mats .table .table-row:hover { position: relative; z-index: 1; }
.daily-schedule .mats .table .name:hover .cutted { position: absolute; padding: 10px; left: -10px; top: -10px;
                                            background: #FFF; white-space: normal;
                                            -webkit-box-shadow: 0px 0px 3px 0px rgba(183, 183, 183, 0.75);
                                            -moz-box-shadow: 0px 0px 3px 0px rgba(183, 183, 183, 0.75);
                                            box-shadow: 0px 0px 3px 0px rgba(183, 183, 183, 0.75);}
.daily-schedule .prods .table .name:hover .cutted { position: absolute; background: #EFEFEF; }*/
.daily-schedule .table-table .quant { width: 5%; }
.daily-schedule .table-table .date { width: 15%; }
.daily-schedule .table-table .buttons { width: 15%; }
.daily-schedule .mats .table-table .code { width: 20%; }
.daily-schedule .mats .table-table .name { width: 45%; }
.daily-schedule .mats .table-table .quantity { width: 25%; }

.schedule-new .jumbotron { margin-top: 40px; }
.schedule-new .load-dtp, .schedule-acting-update input.month { display: inline-block; width: 125px; }
.schedule-new input.month, .schedule-acting-update input.month { width: 58px; }
.custom-file-label::after { content: 'Файл...'; }
.schedule-acting-update { padding-bottom: 60px; }
.schedule-acting-update .list-group-item { font-size: 0; }
.schedule-acting-update .list-group-item > * { font-size: 0.9rem; }
.schedule-acting-update .list-group-item span { display: inline-block; }
.schedule-acting-update .list-group-item .code { width: 15%; }
.schedule-acting-update .list-group-item .name { width: 50%; }
.schedule-acting-update .list-group-item .quantity { width: 20%; }
.schedule-acting-update .list-group-item .date { width: 15%; }
.schedule-acting-update .custom-file-label::after { content: 'Файл...'; }
.schedule-acting-update .label.custom-file-label { padding-right: 132px; }
.schedule-acting-update .custom-file { width: 400px; }
.btn.floating { position: fixed; bottom: 0; left: 0; right: 0; border-radius: 0; }
.custom-file { cursor: pointer; }
.schedule-new form.loadMonthSchedule label > *, .schedule-acting-update form label > * { display: inline-block; }
.schedule-new form.loadMonthSchedule label .form-text + input, .schedule-acting-update form label .form-text + input { margin-left: 5px; }
.schedule-new .loadMonthSchedule input[readonly] { background-color: #FFF; }
label.custom-file-label { padding-right: 80px; font-size: 1rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.view-mats-of-prod .table-cell, .view-mats-of-prod .table-head { display: inline-block; padding: 5px 2px; }
.view-mats-of-prod .table-row + .table-row { border-top: 1px solid #CCC; }
.view-mats-of-prod .table-cell + .table-cell { border-left: 1px solid #CCC; }
.view-mats-of-prod .table-row:nth-child(odd) { background: #EFEFEF; }
.view-mats-of-prod .code { width: 15%; }
.view-mats-of-prod .name { width: 65%; }
.view-mats-of-prod .quantity { width: 20%; }
.view-mats-of-prod .table-cell.code, .view-mats-of-prod .table-cell.quantity { text-align: center; }
.importMonthSchedule .date-manipulation { position: relative; }
.importMonthSchedule .date-manipulation input { opacity: 0; position: absolute; left: 0; }
.importMonthSchedule .date-manipulation span { width: 125px; text-indent: 5px; display: inline-block; background: #FFF; border: 1px solid; padding: 1px 0; cursor: text !important; }
.importMonthSchedule .table-row { position: relative; }
.importMonthSchedule .missing-recipe { display: block; width: 20px; height: 20px; text-align: center; line-height: 20px; position: absolute; top: 50%; font-size: 18px; left: -20px; margin-top: -10px; }
.importMonthSchedule .missing-recipe .txt, .info-container .txt { visibility: hidden; opacity: 0; z-index: -1; white-space: nowrap;
                                             color: #FFF; font-size: 14px; line-height: 14px;
                                             transition: all 300ms ease;
                                            position: absolute; top: -7px; right: 100%; background: rgba(0,0,0, 0.5);
                                            border-radius: 5px; padding: 10px 5px; }
.importMonthSchedule .missing-recipe:hover .txt, .info-container:hover .txt { visibility: visible; opacity: 1; z-index: 1; }

.info-container { position: relative; display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; }
.info-container:hover { z-index: 1; }
.info-container .txt { right: auto; left: 100%; }

.checkbox-submit { position: fixed; bottom: 65px; }

.autocomplete-holder { position: relative; }
.autocomplete-container { position: absolute; z-index: 1050; overflow: auto; width: 100%; }
.autocomplete-container li:hover { background: #EEE; }
.autocomplete-container li.active { background: #DDD; color: #000; border-color: #DDD; }
.autocomplete-container li.list-group-item { cursor: pointer; padding-top: .20rem; padding-bottom: .20rem; }

.addnewtask ~ * { margin-top: 1.5rem; }

.notifications .radio-buttons label input.load-dtp { visibility: hidden; }
.notifications .radio-buttons label input[type=radio]:checked ~ input.load-dtp { visibility: visible; }

.schedule form[action=schedule] { white-space: nowrap; }
.schedule form[action=schedule] input.load-dtp { display: inline-block; width: 50px; }
.floating-new-tasks { padding: .7em 2em; font-size: 1.1em; position: absolute; top: 2%; left: 50%; margin-left: -75px;
                      width: 150px; text-align: center; opacity: 1; cursor: pointer;
                      animation:         floating-new-tasks-anim 1s infinite; /* IE 10+, Fx 29+ */
}
.floating-new-tasks:hover { animation-play-state: paused; }

.schedule-new-prods tbody.content input.load-dtp[type=text] { cursor: pointer; }

@keyframes floating-new-tasks-anim {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

.ui-keyboard[data-ui-keyboard-layout="num"] { border: none; -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.4);
                                            -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.4);
                                            box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.4); }

.ui-keyboard[data-ui-keyboard-layout="num"] { width: 300px; }
.ui-keyboard[data-ui-keyboard-layout="num"] .ui-keyboard-keyset { width: 100%; }
.ui-keyboard[data-ui-keyboard-layout="num"] .ui-keyboard-button { margin: 2%; padding: 0 2%; height: 60px; width: 29.333333%; background: #efefef; border-color: #CCC; }
.ui-keyboard[data-ui-keyboard-layout="num"] .ui-keyboard-bksp { width: 96%; margin: 2%; }
.ui-keyboard[data-ui-keyboard-layout="num"] .ui-keyboard-accept { width: 62.666666%; }
.ui-keyboard .ui-keyboard-button { border: 1px solid #BBB; box-shadow: none; -webkit-box-shadow: none; background: #DDD; width: 4em; }
.ui-keyboard .ui-keyboard-space { width: 24.7em; }
.ui-keyboard[data-ui-keyboard-layout="num"] .ui-keyboard-button.hover { background: #999; }
.ui-keyboard[data-ui-keyboard-layout="num"] .ui-keyboard-61, .ui-keyboard[data-ui-keyboard-layout="num"] .ui-keyboard-cancel, .ui-keyboard[data-ui-keyboard-layout="num"] .ui-keyboard-bksp + br, .ui-keyboard[data-ui-keyboard-layout="num"] .ui-keyboard-40, .ui-keyboard[data-ui-keyboard-layout="num"] .ui-keyboard-41, .ui-keyboard[data-ui-keyboard-layout="num"] .ui-keyboard-61, .ui-keyboard[data-ui-keyboard-layout="num"] .ui-keyboard-clear, .ui-keyboard[data-ui-keyboard-layout="num"] .ui-keyboard-47, .ui-keyboard[data-ui-keyboard-layout="num"] .ui-keyboard-42, .ui-keyboard[data-ui-keyboard-layout="num"] .ui-keyboard--, .ui-keyboard[data-ui-keyboard-layout="num"] .ui-keyboard-43, .ui-keyboard[data-ui-keyboard-layout="num"] .ui-keyboard-sign, .ui-keyboard[data-ui-keyboard-layout="num"] .ui-keyboard-37, .ui-keyboard[data-ui-keyboard-layout="num"] .ui-keyboard-dec { display: none !important; }
.action-btns { position: relative; }
.action-btns .ui-keyboard { position: absolute; top: 50% !important; bottom: auto !important; margin-top: -170px; right: 100%; left: auto; }
.ui-keyboard[data-ui-keyboard-layout="num"] .ui-keyboard-accept *, .ui-keyboard[data-ui-keyboard-layout="num"] .ui-keyboard-actionkey.ui-keyboard-accept span, .ui-keyboard[data-ui-keyboard-layout="num"] .ui-keyboard-actionkey.ui-keyboard-bksp span { font-size: 1.5em; }
.ui-keyboard[data-ui-keyboard-layout="num"] .ui-keyboard-actionkey.ui-keyboard-accept span { color: #28a745!important; }
.ui-keyboard[data-ui-keyboard-layout="num"] .ui-keyboard-actionkey:not(.ui-keyboard-dec):not(.ui-keyboard-combo) span { top: 0; left: 0; }
.ui-keyboard-button { box-shadow: none; -webkit-box-shadow: none; }

.schedule-ovp { padding-bottom: 70px; }
.schedule-ovp button[name=createRequest] { position: fixed; bottom: 0; left: 0; right: 0; }

@media screen and (max-width: 1540px) {
  .table.schedule-new-prods .produced .input-group .input-group-append, .table.schedule-new-prods .produced .quantityProducedUpdate { width: 100%; }
  .table.schedule-new-prods .produced .input-group input.form-control, .table.schedule-new-prods .produced .quantityProducedUpdate { border-radius: .25rem !important; }
  .table.schedule-new-prods .produced .input-group input.form-control { margin-left: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
  .table.schedule-new-prods .produced .input-group .input-group-append { margin-left: 0 !important; }
  .table.schedule-new-prods .produced .quantityProducedUpdate { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important;  }
}
@media screen and (max-width: 1400px) {
    body { font-size: 0.95rem; }
    .views-menu .lines-info input.no-bg + input { width: 40%; }
}

.main-content {
  padding:5px 20px;
}
.main-content .content {
  margin-top:20px;
}
.custom-control-label:not(.def)::before {
  width:2rem;
  height:2rem;
}
.custom-control-label:not(.def)::after {
  width:2rem;
  height:2rem;
}

.custom-control .custom-control-label.custom-control-label-on-off:before { background-color: #dc3545!important; border-color: #dc3545!important; }
.custom-control-input:checked~.custom-control-label.custom-control-label-on-off::before { background-color: #28a745!important; border-color: #28a745!important; }
.custom-switch .custom-control-label.custom-control-label-on-off::after { background-color: #FFF!important; }
.custom-control-input:disabled~.custom-control-label.custom-control-label-on-off::before { background-color: #ccc!important; border-color: #ccc!important; }

.mat-search-bar {
  height:38px;
  background-clip: unset;
}
.input-group-append.mat-search-bar .input-group-text {
  overflow:hidden;
  padding:0;
  border:none;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.input-group-append.mat-search-bar a {
  color:#fff !important;
}
.input-group-append.mat-search-bar a:hover {
  text-decoration: none;
}

.input-icon .input-group-text{
  background:#fff;
  border-right: none;
}
.input-icon input {
  border-left:none;
}

.search-mat-detail {
  border-left:none;
  padding-left:5px !important;
}

.search-result {
  position:absolute;
  position: absolute;
  top: 102%;
  max-height: 250px;
  overflow-y: scroll;
  left: 0;
  right: 0;
  z-index:1;
  border: 1px solid rgba(0,0,0,.125);
  border-top: 1px solid #bdbdbd;
}

.search-result .list-group-item {
  cursor: pointer;
  border-left:none;
  border-right:none;
}

.search-result .list-group-item:first-child {
  border-top:none;
}

.search-result .add-new-mat a, .search-result .add-new-detail{
  font-weight:bold;
  color:#000;
}

.search-result .add-new-mat a .fa {
  color:#dc3545;
}

.search-result .add-new-detail .fa {
  color:#28a745;
}

/* .mat_quantity {
  min-width:195px;
} */

.mat_quantity  span {
  font-weight: bold;
}

.mat_quantity input {
  width:100px;
}

.sortable-container .sortable-dragging { cursor: unset; cursor: -webkit-grabbing; cursor: grabbing; } 
.sortable-container .sortable-placeholder { height: 64px; width: 100%; outline: 2px dashed #999; padding:.75rem 1.25rem; }

.mat-list .open-submenu{
  color: #000;
  font-weight: bold;
  padding-right: 10px !important;
  padding-left:55px !important;
}
.mat-list .open-submenu .icon-subitem {
    cursor: pointer;
}
.mat-list.mat-list-tree > li {
  margin:0;
}
.mat-list-tree li {
  border-radius: 0 !important;
}
.mat-list > li span.list-group-item {
  padding:0; 
  border-radius: 0;
  min-height: 36px;
}
.mat-list-tree > li span.list-group-item {
  background: #f7f7f7;
  border-bottom: 1px solid #e4e4e4;
}
.mat-list > li span.list-group-item:not(.open-submenu) {
  padding: 4px 9px;
}
.mat-list .btn-actions {
  padding: 7px 10px;
}
.mat-list > li span.list-group-item span.fa-trash {
  display:inline-block;
  background:#000;
  color:#fff;
  padding: 0 15px;
  line-height: 48px;
  position:absolute;
  left:0;
}
.mat-list .sub-mats {
  display:none;
  margin-left:44px;
}
.mat-list .sub-mats li span.list-group-item {
  border-left: 0;
}
.mat-list-tree li .prod-bases {
    order: 96;
}
.mat-list-tree li .dropdown-add {
    order: 96;
}
.mat-list-tree li .viewFiles {
    order: 97;
}
.mat-list-tree li .mat_quantity {
    order: 98;
}
.mat-list-tree li button.edit {
  order:99;
}
.mat-list-tree li button.del {
  order:100;
}
.mat-list .view-material {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mat-list .view-material > i {
  visibility: hidden;
  opacity: 0;
  transition: all 200ms ease;
  transition-delay: 200ms;
}
.mat-list .view-material:hover > i {
  visibility: visible;
  opacity: 1;
  transition-delay: 0ms;
}

/**
* Label required
*/
.required-label:after {
  content: "*";
  color: #dc3545;
  margin-left: 5px;
  font-weight: bold;
}

.modal-open .modal {
  background: rgba(0,0,0,0.5);
}

/* 
* Add mat/detail modal
*/
.updateMaterial label {
  font-weight:bold;
  margin-bottom:10px;
}

.modal { overflow-y: auto; }
.modal-footer * { margin-top: 0; margin-bottom: 0; }

header { background: #DDD; }

.fixed-buttons { padding-bottom: 100px; }
.fixed-buttons .fixed-buttons-holder { position: fixed; left: 0; bottom: 0; right: 0; }
.d-flex .btn-block + .btn-block { margin-top: 0; }

.prod-bases { position: relative; }
.prod-bases .prod-makers-preview { visibility: hidden; opacity: 0; z-index: -1; position: absolute; top: 100%; right: 0; min-width: 100%; background-color: #FFF; transition: all 200ms ease;
                                display: block; border-radius: 5px; padding: 10px 20px;
                                -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
                                -moz-box-shadow:    0px 0px 3px 0px rgba(50, 50, 50, 0.75);
                                box-shadow:         0px 0px 3px 0px rgba(50, 50, 50, 0.75); }
.prod-bases:hover .prod-makers-preview { visibility: visible; opacity: 1; z-index: 99; }
.prod-bases .prod-makers-preview ul li { white-space: nowrap; }

/* TREE CSS */
.btn-colored { 
    color: #000;
    background-color: #D6DBDF;
    border-color: #D6DBDF; }
.btn-colored:hover, .btn-colored:not(:disabled):not(.disabled).active, .btn-colored:not(:disabled):not(.disabled):active, .show>.btn-colored.dropdown-toggle { 
    color: #000;
    background-color: #AEB6BF;
    border-color: #AEB6BF; }

.disabled { pointer-events: none; opacity: 0.5;}
.mat-list-tree { border-left: 5px solid #D5D8DC; }
.mat-list.mat-list-tree > li + li { margin-top: 10px; }
.mat-list > li span.list-group-item span.fa { background: none; }

/******************* NODES color START *******************/
.mat-list-tree span.list-group-item[data-mat-type="nodes"], .mat-list-tree span.list-group-item.nodes-tree
{ background: rgba(47, 0, 82, 0.3) !important; border: none; border-bottom: 3px solid #b799cd; }

.mat-list-tree span.list-group-item[data-mat-type="nodes"] .btn-colored, 
.mat-list-tree span.list-group-item[data-mat-type="nodes"] + ul > li.btn-actions .btn-colored,
.mat-list-tree span.list-group-item.nodes-tree .btn-colored, 
.mat-list-tree span.list-group-item.nodes-tree + ul > li.btn-actions .btn-colored 
{ background-color: #A37CBF; border-color: #A37CBF; }

.mat-list-tree span.list-group-item[data-mat-type="nodes"] .btn-colored:hover, 
.mat-list-tree span.list-group-item[data-mat-type="nodes"] .btn-colored:not(:disabled):not(.disabled).active, 
.mat-list-tree span.list-group-item[data-mat-type="nodes"] .btn-colored:not(:disabled):not(.disabled):active,
.mat-list-tree span.list-group-item[data-mat-type="nodes"] + .sub-mats > li.btn-actions .btn-colored:hover, 
.mat-list-tree span.list-group-item[data-mat-type="nodes"] + .sub-mats > li.btn-actions .btn-colored:not(:disabled):not(.disabled).active, 
.mat-list-tree span.list-group-item[data-mat-type="nodes"] + .sub-mats > li.btn-actions .btn-colored:not(:disabled):not(.disabled):active,
.mat-list-tree span.list-group-item.nodes-tree .btn-colored:hover, 
.mat-list-tree span.list-group-item.nodes-tree .btn-colored:not(:disabled):not(.disabled).active, 
.mat-list-tree span.list-group-item.nodes-tree .btn-colored:not(:disabled):not(.disabled):active,
.mat-list-tree span.list-group-item.nodes-tree + .sub-mats > li.btn-actions .btn-colored:hover, 
.mat-list-tree span.list-group-item.nodes-tree + .sub-mats > li.btn-actions .btn-colored:not(:disabled):not(.disabled).active, 
.mat-list-tree span.list-group-item.nodes-tree + .sub-mats > li.btn-actions .btn-colored:not(:disabled):not(.disabled):active 
{ background-color: #916fa9; border-color: #916fa9; }

.mat-list-tree span.list-group-item[data-mat-type="nodes"] + .sub-mats,
.mat-list-tree span.list-group-item.nodes-tree + .sub-mats
{ border-left: 4px solid #b799cd!important; }
/******************* NODES color END *******************/
/******************* DETAILS color START *******************/
.mat-list-tree span.list-group-item[data-mat-type="details"], .mat-list-tree span.list-group-item.details-tree
{ background: #ABD3B0 !important; border: none; border-bottom: 3px solid #449D4E; }

.mat-list-tree span.list-group-item[data-mat-type="details"] .btn-colored, 
.mat-list-tree span.list-group-item[data-mat-type="details"] + ul > li.btn-actions .btn-colored,
.mat-list-tree span.list-group-item.details-tree .btn-colored, 
.mat-list-tree span.list-group-item.details-tree + ul > li.btn-actions .btn-colored 
{ background-color: #5EAB68; border-color: #5EAB68; }

.mat-list-tree span.list-group-item[data-mat-type="details"] .btn-colored:hover, 
.mat-list-tree span.list-group-item[data-mat-type="details"] .btn-colored:not(:disabled):not(.disabled).active, 
.mat-list-tree span.list-group-item[data-mat-type="details"] .btn-colored:not(:disabled):not(.disabled):active,
.mat-list-tree span.list-group-item[data-mat-type="details"] + .sub-mats > li.btn-actions .btn-colored:hover, 
.mat-list-tree span.list-group-item[data-mat-type="details"] + .sub-mats > li.btn-actions .btn-colored:not(:disabled):not(.disabled).active, 
.mat-list-tree span.list-group-item[data-mat-type="details"] + .sub-mats > li.btn-actions .btn-colored:not(:disabled):not(.disabled):active,
.mat-list-tree span.list-group-item.details-tree .btn-colored:hover, 
.mat-list-tree span.list-group-item.details-tree .btn-colored:not(:disabled):not(.disabled).active, 
.mat-list-tree span.list-group-item.details-tree .btn-colored:not(:disabled):not(.disabled):active,
.mat-list-tree span.list-group-item.details-tree + .sub-mats > li.btn-actions .btn-colored:hover, 
.mat-list-tree span.list-group-item.details-tree + .sub-mats > li.btn-actions .btn-colored:not(:disabled):not(.disabled).active, 
.mat-list-tree span.list-group-item.details-tree + .sub-mats > li.btn-actions .btn-colored:not(:disabled):not(.disabled):active 
{ background-color: #4EA357; border-color: #4EA357; }

.mat-list-tree span.list-group-item[data-mat-type="details"] + .sub-mats,
.mat-list-tree span.list-group-item.details-tree + .sub-mats
{ border-left: 4px solid #449D4E!important; }
/******************* DETAILS color END *******************/
/******************* MATERIALS color START *******************/
.mat-list-tree span.list-group-item[data-mat-type="materials"], .mat-list-tree span.list-group-item.materials-tree
{ background: rgba(0, 19, 160, 0.3) !important; border: none; border-bottom: 3px solid #9aa7ff; }

.mat-list-tree span.list-group-item[data-mat-type="materials"] .btn-colored, 
.mat-list-tree span.list-group-item[data-mat-type="materials"] + ul > li.btn-actions .btn-colored,
.mat-list-tree span.list-group-item.materials-tree .btn-colored, 
.mat-list-tree span.list-group-item.materials-tree + ul > li.btn-actions .btn-colored 
{ background-color: #9aa7ff; border-color: #9aa7ff; }

.mat-list-tree span.list-group-item[data-mat-type="materials"] .btn-colored:hover, 
.mat-list-tree span.list-group-item[data-mat-type="materials"] .btn-colored:not(:disabled):not(.disabled).active, 
.mat-list-tree span.list-group-item[data-mat-type="materials"] .btn-colored:not(:disabled):not(.disabled):active,
.mat-list-tree span.list-group-item[data-mat-type="materials"] + .sub-mats > li.btn-actions .btn-colored:hover, 
.mat-list-tree span.list-group-item[data-mat-type="materials"] + .sub-mats > li.btn-actions .btn-colored:not(:disabled):not(.disabled).active, 
.mat-list-tree span.list-group-item[data-mat-type="materials"] + .sub-mats > li.btn-actions .btn-colored:not(:disabled):not(.disabled):active,
.mat-list-tree span.list-group-item.materials-tree .btn-colored:hover, 
.mat-list-tree span.list-group-item.materials-tree .btn-colored:not(:disabled):not(.disabled).active, 
.mat-list-tree span.list-group-item.materials-tree .btn-colored:not(:disabled):not(.disabled):active,
.mat-list-tree span.list-group-item.materials-tree + .sub-mats > li.btn-actions .btn-colored:hover, 
.mat-list-tree span.list-group-item.materials-tree + .sub-mats > li.btn-actions .btn-colored:not(:disabled):not(.disabled).active, 
.mat-list-tree span.list-group-item.materials-tree + .sub-mats > li.btn-actions .btn-colored:not(:disabled):not(.disabled):active
{ background-color: #8290ec; border-color: #8290ec; }

.mat-list-tree span.list-group-item[data-mat-type="materials"] + .sub-mats,
.mat-list-tree span.list-group-item.materials-tree + .sub-mats
{ border-left: 4px solid #9aa7ff!important; }
/******************* MATERIALS color END *******************/

/* materials first level color BLACK */
/* .mat-list-tree > li > span.list-group-item.open-submenu.materials-tree { background: #AED6F1 !important; border: none; border-bottom: 3px solid #85C1E9; }
.mat-list-tree > li > span.list-group-item.materials-tree + .sub-mats 
            { border-left: 4px solid #85C1E9!important; }
.mat-list-tree > li > span.list-group-item.open-submenu.materials-tree .btn-colored, .mat-list-tree > li > span.list-group-item.open-submenu.materials-tree + ul > li.btn-actions .btn-colored { color: #fff;
    background-color: #85C1E9;
    border-color: #85C1E9; }
.mat-list-tree > li > span.list-group-item.open-submenu.materials-tree .btn-colored:hover, .mat-list-tree > li > span.list-group-item.open-submenu.materials-tree + ul > li.btn-actions .btn-colored:hover { color: #fff;
    background-color: #5DADE2;
    border-color: #5DADE2; } */

/* CHECKBOXES */
.checkbox { display: flex; align-items: center; padding: 0 1rem; position: relative; border-radius: .25rem; }
.checkbox input { visibility: hidden; opacity: 0; position: absolute; z-index: -1; }
.checkbox label { display: flex; align-items: center; position: relative; }
.checkbox label:before { content: ''; width: 22px; height: 22px; display: inline-block; margin-right: 10px; border: 1px solid rgba(0, 0, 0, .2); }
.checkbox label:after { content: "\f00c"; font-family: "Font Awesome 5 Free"; color: #28a745; font-weight: 900; position: absolute; left: 0; width: 22px; text-align: center; visibility: hidden; opacity: 0; transition: all 200ms ease; }
.checkbox input:checked ~ label:after { visibility: visible; opacity: 1; }
.checkbox input:disabled ~ label { color: #CCC; }

.form-makers ul.list-group { max-height: 65vh; overflow-y: auto; padding: 0 5px 10px 0; }

.specifications .tab-content label { white-space: nowrap; text-overflow: ellipsis; width: 100%; overflow: hidden; margin-bottom: 0; font-size: .8rem; display: block; font-weight: normal; }
.specifications span[title] i { color: #999; }
.specifications span[title]:hover i { color: #dc3545; }
.base-info { text-align: center; }
.base-info input { display: inline-block; background: #DDD; color: #000; font-weight: 900; font-size: 24px; height: 50px; letter-spacing: 5px; text-align: center; border-radius: 5px; }

.w-70 { width: 70%; }
option:disabled { color: #BBB; }

.specifications-form .badge { line-height: normal; min-width: 25px; }
.sortable-specs .sortable-placeholder { height: 61px!important; width: 100%!important; cursor: grabbing; }
.grip { cursor: grab; }

/* CATEGORIES LIST */
.category { width: 100%; display: flex; justify-content: between; }
.form-category .categories-list { height: calc(100vh - 79px); overflow-y: scroll; overflow-x: auto; width: 30%; position: relative; padding-right: 5px; }
.categories-list ul:first-of-type { padding-left: 0; }
.categories-list ul:first-of-type ul { padding-left: 19px; }
.categories-list + * { width: 70%; padding-left: 10px; }
.categories-list li > span { cursor: pointer; white-space: nowrap; user-select: none; }
.categories-list li > span:hover { text-decoration: underline; }
.categories-list li > ul { display: none; }
.categories-list li.expanded > ul { display: block; }
.categories-list li.active > span { text-decoration: underline; }
.categories-list .loader { position: absolute; top: 5px; right: 5px; }

.modal .form-category .categories-list { height: 400px; width: auto; }
.modal .categories-list li span { display: block; padding-left: 5px; padding-right: 5px; }
.modal .categories-list li.active > span { background: #DDD; user-select: none; }

.products .card a:hover, .partners .card a:hover { text-decoration: none; }
.products .card a:hover .card-title, .partners .card a:hover .card-title { text-decoration: underline; }
.content.fixedPages { padding-bottom: 40px;}

.content.fixedPages .pages { position: fixed; bottom: 2%; right: 2%; border-radius: .25rem;
                            -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
                            -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
                            box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); }

.content.fixedPages .pages ul { margin-bottom: 0; }

.table .custom-checkbox { padding-right: .5rem; padding-bottom: 1rem; }

.is_modal table.is_modal-table thead tr th:first-child,
.is_modal table.is_modal-table thead tr td:first-child,
.is_modal table.is_modal-table tbody tr td:first-child {
  display: table-cell;
}

.bootstrap-select .dropdown-toggle, .categories-list .categories-list-button {
  color: #495057 !important;
  background-color: #fff !important;
  background-clip: padding-box !important;
  border: 1px solid #ced4da;
}
.bootstrap-select .dropdown-menu li a span.text {
  display: grid;
}

.expandable-disabled {
  background-color: rgba(220, 50, 70, 0.1);
}

.photo-holder { position: relative; }
.photo-holder .photo-nav { visibility: hidden; z-index: -1; opacity: 0; transition: all 300ms ease; position: absolute; bottom: 0; width: 100%; padding: 10px 5px; background-color: rgba(0, 0, 0, .3); }
form.isEdit .photo-holder:hover .photo-nav { visibility: visible; z-index: 1; opacity: 1; }

table[data-page="materials"] thead tr th, .bg-materials { background: rgba(0, 19, 160, 0.3) !important }
table[data-page="details"] thead tr th, .bg-details { background: #ABD3B0 !important }
table[data-page="nodes"] thead tr th, .bg-nodes { background: rgba(47, 0, 82, 0.3) !important }
table[data-page="products"] thead tr th, .bg-products { background: #CCC !important }
table[data-page="recipes"] thead tr th, .bg-recipes { background: #FFF !important }

.bg-materials,
.bg-details,
.bg-nodes,
.bg-products,
.bg-recipes { color: #000 !important }

.back-to-top { display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 40px; position: fixed; bottom: 20px; left: 20px; visibility: hidden; opacity: 0; transition: all 200ms ease; }
.back-to-top.show { visibility: visible; opacity: 1; }

.uncheckall { cursor: pointer; }
.modal-list-page-buttons { position: fixed; display: flex; justify-content: center; width: 100%; left: 0; bottom: 0; padding: 5px 0; background: #FFF; }

.modal-header, .modal-footer { padding: .5rem 1rem; }
.modal-body { overflow-y: scroll; }
.modal-dialog { overflow-y: initial !important; }

.unlockEdit { transition-duration: 200ms; transition-property: all; transition-timing-function: ease; }
.unlockEdit.highlight-this { transform: scale(1.4); }

.additional-filters-holder .filter label { font-size: 0.8rem; line-height: 0.9rem; margin-bottom: 0.2rem; }
.additional-filters-holder { overflow: hidden; height: 0; }
.additional-filters-holder.show { overflow: visible; }

.form-category { min-height: 500px; }

.categories-list { position: relative; }
.categories-list-button { display: inline-flex; justify-content: space-between; align-items: center; }
.categories-list-button:after {     display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent; }

.categories-list .categories-list-holder { position: absolute; top: 100%; max-height: 400px; min-width: 100%; left: 0; background: #FFF; opacity: 0; visibility: hidden; z-index: -1; transition: all 150ms ease;
                                          overflow-y: auto; }
.categories-list.show .categories-list-holder { z-index: 1000; opacity: 1; visibility: visible; }
.categories-list .categories-list-holder li { white-space: nowrap; }
.categories-list .categories-list-button.disabled, .categories-list .categories-list-button[disabled]  { background-color: #e9ecef !important; }
.categories-list .categories-list-button.btn.disabled, .categories-list .categories-list-button.btn:disabled { opacity: 1 }

.mat-list-tree .is-active-status .btn {
  background-color: #FFF;
  border-radius: 3px;
  margin-left: 10px;
  cursor: default;
}

.tooltip-inner {
  max-width: 250px;
}

.tree-nav:after {
  content: '';
  display: block;
  width: 200px;
}

.tree-content {
  position: relative;
  
}

.list-elements-delete {
  padding-left: 0;
  margin: 0 auto;
  width: 60%;
  text-align: left;
}

.list-elements-delete li .badge {
  width: 80px;
  text-align: center;
}


.input-timing { font-size: 0; position: relative; display: inline-block; }
.input-timing:after { content: ':'; font-size: 20px; color: #AAA; position: absolute; top: 0; bottom: 0; width: 20px; left: 50%; margin-left: -10px; text-align: center; }
.input-timing input { display: inline-block; width: 70px; font-size: 16px; text-align:center; padding-left: 5px; padding-right: 5px; }
.input-timing input:focus { outline: 0 !important; border-color: #222 }
.input-timing .input-timing-hours { border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.input-timing .input-timing-minutes { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; }

.flex00auto {
  flex: 0 0 auto;
}