/* time picker arrow color buttons */
.fa.fa-arrow-up,
.fa.fa-arrow-down {
    color: #576240 !important;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.custom-menu-content ul.notika-main-menu-dropdown .dropdown:hover li.dropbtn a {
    color: #ffffff;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #126a2a;
}

.main-sidebar {
    background: #576240;
}

.card-primary:not(.card-outline) .card-header {
    background: #576240;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #550401 !important;
}

.nav-sidebar>.nav-item.menu-open>.nav-link {
    background: #39412d !important;
}

.nav-treeview>.nav-item>.nav-link.active,
[class*='sidebar-dark-'] .nav-treeview>.nav-item>.nav-link.active:hover,
[class*='sidebar-dark-'] .nav-treeview>.nav-item>.nav-link.active:focus {
    background-color: #550401 !important;
    color: #ffffff;
}

[class*='sidebar-dark'] .brand-link {
    border-bottom: 1px solid #4b545c;
    color: rgba(255, 255, 255, 0.8);
}

[class*='sidebar-dark-'] .nav-treeview>.nav-item>.nav-link.active,
[class*='sidebar-dark-'] .nav-treeview>.nav-item>.nav-link.active:hover,
[class*='sidebar-dark-'] .nav-treeview>.nav-item>.nav-link.active:focus {
    color: #ffffff;
}

[class*='sidebar-dark-'] .nav-sidebar>.nav-item>.nav-treeview {
    background: rgb(14, 93, 34);
    border-radius: 5px;
}

[class*='sidebar-dark-'] .nav-treeview>.nav-item>.nav-link {
    color: #ffffff;
}


.nav-sidebar>.nav-item>.nav-treeview {
    background: #39412d !important;
}

.custom-switch.custom-switch-off-success .custom-control-input~.custom-control-label::before {
    color: #576240;
}

.custom-switch.custom-switch-on-success .custom-control-input:checked~.custom-control-label::before {
    background: #576240;
    border-color: #344724;
}

.custom-switch.custom-switch-off-danger .custom-control-input~.custom-control-label::before {
    background: #5f2321;
    border-color: #921925;
}

.custom-switch.custom-switch-off-danger .custom-control-input~.custom-control-label::after {
    background: #d13833;
}

.nav-sidebar .nav-item>.nav-link {
    color: #ffffff;
}

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

/* pagination */
.page-link {
    color: #576240;
}

.page-item.active .page-link {
    background-color: #576240;
    border-color: #576240;
}

.fa-edit {
    color: #576240 !important
}

.fa-trash {
    color: #550401 !important
}

.badge-danger {
    color: #ffffff;
    background-color: #550401;
}

.badge-success {
    background-color: #576240;
}

.btn-primary {
    color: #ffffff;
    background-color: #576240 !important;
    border-color: #576240 !important;
    box-shadow: none;
}

/*jquery validation form */
.error,
.with-errors,
.lunch-in-errors {
    color: #550401;
}

/* toast */
.toast {
    opacity: 1;
}

#toast-container>div {
    opacity: 1 !important;
    width: 96% !important;
    margin-left: auto;
    margin-right: auto;
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 20% !important;
}

/* TimeCard*/

.table-time-entries-items thead th {
    border-top: 0;
}

.table-time-entries-item.table td {
    border-bottom: 2px solid gray !important;
}

.time-card {
    min-height: 500px;

}

div[class^="time-card-day"] .fas {
    color: #576240;
    margin-right: 10px;
}

div[class^="time-card-day"] .fa {
    color: #5f2321;
    margin-left: 5px;
    font-weight: bold;
    cursor: pointer;
}

.time-card-entry {
    position: relative;
}


.time-card-actions i.fas.fa-trash {
    color: #550401;
}

.icon-color-notes {
    color: #17a2b8 !important;
}

.icon-color-multi-entries {
    color: #988512 !important;
}

.time-card-pagination ul li {
    margin: 0 10px 0 10px;
}

.row.time-card-row {
    height: auto;
    background-color: #eeeeee;
    padding: 10px;
    border-radius: 5px;
    /*overflow: auto;*/
    margin-bottom: 10px;
    display: none;
}

.card-employee-desc {
    margin: 10px;
    /* min-width:280px; */
}

.card-employee-desc p {
    margin-bottom: 0;
}

div[class^="time-card-day"] {
    padding: 7px;
    border-radius: 5px;
    background-color: #dddddd;
    margin-right: 10px;
    min-width: 200px;
}

div[class^="time-card-day"] p {
    margin-bottom: 0;
}

div[class^="time-card-day"] p .fas {
    color: #576240;
    margin-right: 10px;
    min-width: 16px;
}

.time-card-actions {
    bottom: 10px;
    position: absolute;
    width: 100%;
}

.time-card-actions button {
    border: none;
    background: #dddddd;
}

.time-card-actions .trash-button {
    position: relative;
    right: 10px;
    float: right;
}

.time-card-actions i.fas {
    margin-right: 10px;
    color: #576240;
}


.time-card-row div[id*="day"] {
    margin-bottom: 3px !important;
    margin-left: 3px !important;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    min-width: 221px !important;
}

.time-card-actions button {
    cursor: pointer;
}

.small-box,
.small-box .small-box-footer {
    color: #fff !important;
}

.sunday {
    border-top: 5px solid #d0e1d4;
}

.monday {
    border-top: 5px solid #a0c3aa;
}

.tuesday {
    border-top: 5px solid #71a67f;
}

.wednesday {
    border-top: 5px solid #418855;
}

.thursday {
    border-top: 5px solid #576240;
}

.friday {
    border-top: 5px solid #0e5522;
}

.saturday {
    border-top: 5px solid #0b4019;
}

/*# sourceMappingURL=adminlte.css.map */
.error-content p {
    margin-top: 20px;
}

.error-content h3 {
    color: #576240;
    font-weight: 600 !important;
}


/* Logo */
.brand-link {
    text-align: center;
}

/* SmallBox Background boxes */
.small-box,
.small-box .small-box-footer {
    color: #fff !important;
}

.bg-danger-dark {
    background-color: #9dcd5a !important;
}

.bg-success-dark {
    background-color: #ccc14f !important;
}

.bg-warning-2 {
    background-color: #32620e !important;
}

.step-info {
    color: #576240;
    margin-right: 10px;
}

/* Custom color Picker*/
.custom-color-picker {
    display: flex;
    width: 100%;
}

.custom-color-picker .input-group-append {
    width: auto;
}

.alert-success-2 {
    background: #7e6d99;
    color: white;
    font-size: 20px;
}

.alert-success-2 .close {
    color: white;
}

.inline-bl {
    position: relative;
    display: inline-block;
    margin: 5px 10px 5px 5px;
}

.inline-bl label {
    padding-top: 5px;
}

.loading {
    justify-content: center;
    background: #FFFFFF;
}

.mr-15 {
    margin: 15px;
}

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

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

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #6a9048 !important;
}

.tooltip {
    font-size: 20px !important;
}

.configuration-btn {
    float: right;
    color: white;
    cursor: pointer;
    background-color: #b12029;
}

#kustomer {
    position: absolute;
    z-index: 2;
}

#map_canvas {
    width: 100%;
    height: 400px;
}

.avatar-image {
    max-width: 50px;
    max-height: 50px;
}

.avatar-image-full {
    width: auto;
    height: 100% !important;
    max-height: 250px !important;
    position: absolute;
    z-index: 1;
    left: 25%;
    margin-top: -50px;
    margin-left: -25px;
}

.min-vw-150 {
    min-width: 150px;
}

.width-100-percentage {
    width: 100% !important;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
    /* Ширина скроллбара */
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #888;
    /* Цвет ползунка */
    border-radius: 4px;
    /* Скругление углов ползунка */
}

.custom-scrollbar::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    /* Цвет фона скроллбара */
}

@media (max-width: 1000px) {
    .hide-on-small {
        display: none !important;
    }
}

@media (max-width: 600px) {
    .hide-on-very-small {
        display: none !important;
    }
}

.dataTables_wrapper .dataTables_filter input::-webkit-search-cancel-button {
    -webkit-appearance: button !important;
}

.dt-search {
    display: none;
}

.responsive-logo-img {
    width: 30vw;
    /* 30% ширины экрана по умолчанию */
    height: auto;
}

@media (max-width: 768px) {

    /* Для мобильных устройств */
    .responsive-logo-img {
        width: 90vw;
        /* 100% ширины экрана */
    }
}

@media print {
    .responsive-logo-img {
        width: 40% !important;
        /* 90% ширины страницы при печати */
    }
}

@media print {
    .disable-for-print {
        display: none;
    }
}

.radius-25rem {
    border-top-left-radius: 2.5rem;
    border-top-right-radius: 2.5rem;
    border-bottom-left-radius: 2.5rem;
    border-bottom-right-radius: 2.5rem;
}

.prices .d-inline-flex .form-control {
    margin-left: 5px;
}

.prices .d-inline-flex label {
    min-width: 75px;
}

.prices .d-inline-flex input {
    max-width: 100px;
}


/**
* Tempusdominus-bootstrap-4
 */
.bootstrap-datetimepicker-widget table td.day.disabled {
    color: white !important;
    background-color: red !important;
}

#dateBadges {
    font-size: 20px;
}


.h-full {
    height: 100%
}

.max-h-60 {
    max-height: 15rem
}

.max-h-screen {
    max-height: 100vh
}

.min-h-\[38px\] {
    min-height: 38px
}

.min-h-screen {
    min-height: 100vh
}

.w-14 {
    width: 3.5rem
}

.w-3 {
    width: .75rem
}

.w-4 {
    width: 1rem
}

.w-48 {
    width: 12rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-\[18px\] {
    width: 18px
}

.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

.min-w-\[240px\] {
    min-width: 240px
}

.min-w-full {
    min-width: 100%
}

.max-w-\[1px\] {
    max-width: 1px
}

.max-w-full {
    max-width: 100%
}

.max-w-md {
    max-width: 28rem
}

.flex-start {
    justify-content: flex-start;
}

/* Hide AdminLTE skip links */
.skip-links,
.skip-link {
    display: none !important;
}

/* Custom Button Utility Classes using AdminLTE CSS Variables */
.btn-success-custom {
    background-color: var(--success) !important;
    border-color: var(--success) !important;
    color: var(--white) !important;
}

.btn-success-custom:hover {
    background-color: var(--green) !important;
    border-color: var(--green) !important;
    color: var(--white) !important;
}

.btn-success-custom:focus,
.btn-success-custom:active {
    background-color: var(--green) !important;
    border-color: var(--green) !important;
    color: var(--white) !important;
    box-shadow: 0 0 0 0.2rem rgba(87, 98, 64, 0.5) !important;
}

.btn-danger-custom {
    background-color: var(--danger) !important;
    border-color: var(--danger) !important;
    color: var(--white) !important;
}

.btn-danger-custom:hover {
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
    color: var(--white) !important;
}

.btn-danger-custom:focus,
.btn-danger-custom:active {
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
    color: var(--white) !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5) !important;
}

.btn-primary-custom {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--white) !important;
}

.btn-primary-custom:hover {
    background-color: #0056b3 !important;
    border-color: #004085 !important;
    color: var(--white) !important;
}

.btn-primary-custom:focus,
.btn-primary-custom:active {
    background-color: #0056b3 !important;
    border-color: #004085 !important;
    color: var(--white) !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5) !important;
}

.btn-info-custom {
    background-color: var(--info) !important;
    border-color: var(--info) !important;
    color: var(--white) !important;
}

.btn-info-custom:hover {
    background-color: #138496 !important;
    border-color: #117a8b !important;
    color: var(--white) !important;
}

.btn-info-custom:focus,
.btn-info-custom:active {
    background-color: #138496 !important;
    border-color: #117a8b !important;
    color: var(--white) !important;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5) !important;
}

.btn-warning-custom {
    background-color: var(--warning) !important;
    border-color: var(--warning) !important;
    color: var(--dark) !important;
}

.btn-warning-custom:hover {
    background-color: #e0a800 !important;
    border-color: #d39e00 !important;
    color: var(--dark) !important;
}

.btn-warning-custom:focus,
.btn-warning-custom:active {
    background-color: #e0a800 !important;
    border-color: #d39e00 !important;
    color: var(--dark) !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5) !important;
}

.btn-teal-custom {
    background-color: var(--teal) !important;
    border-color: var(--teal) !important;
    color: var(--white) !important;
}

.btn-teal-custom:hover {
    background-color: #1aa179 !important;
    border-color: #17a085 !important;
    color: var(--white) !important;
}

.btn-teal-custom:focus,
.btn-teal-custom:active {
    background-color: #1aa179 !important;
    border-color: #17a085 !important;
    color: var(--white) !important;
    box-shadow: 0 0 0 0.2rem rgba(32, 201, 151, 0.5) !important;
}

.btn-orange-custom {
    background-color: var(--orange) !important;
    border-color: var(--orange) !important;
    color: var(--white) !important;
}

.btn-orange-custom:hover {
    background-color: #e8680e !important;
    border-color: #dc6509 !important;
    color: var(--white) !important;
}

.btn-orange-custom:focus,
.btn-orange-custom:active {
    background-color: #e8680e !important;
    border-color: #dc6509 !important;
    color: var(--white) !important;
    box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.5) !important;
}

/* Hide AdminLTE skip links */
.skip-links,
.skip-link {
    display: none !important;
}

/* Custom Button Utility Classes using AdminLTE CSS Variables */
.btn-success-custom {
    background-color: var(--success) !important;
    border-color: var(--success) !important;
    color: var(--white) !important;
}

.btn-success-custom:hover {
    background-color: var(--green) !important;
    border-color: var(--green) !important;
    color: var(--white) !important;
}

.btn-success-custom:focus,
.btn-success-custom:active {
    background-color: var(--green) !important;
    border-color: var(--green) !important;
    color: var(--white) !important;
    box-shadow: 0 0 0 0.2rem rgba(87, 98, 64, 0.5) !important;
}

.btn-danger-custom {
    background-color: var(--danger) !important;
    border-color: var(--danger) !important;
    color: var(--white) !important;
}

.btn-danger-custom:hover {
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
    color: var(--white) !important;
}

.btn-danger-custom:focus,
.btn-danger-custom:active {
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
    color: var(--white) !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5) !important;
}

.btn-primary-custom {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--white) !important;
}

.btn-primary-custom:hover {
    background-color: #0056b3 !important;
    border-color: #004085 !important;
    color: var(--white) !important;
}

.btn-primary-custom:focus,
.btn-primary-custom:active {
    background-color: #0056b3 !important;
    border-color: #004085 !important;
    color: var(--white) !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5) !important;
}

.btn-info-custom {
    background-color: var(--info) !important;
    border-color: var(--info) !important;
    color: var(--white) !important;
}

.btn-info-custom:hover {
    background-color: #138496 !important;
    border-color: #117a8b !important;
    color: var(--white) !important;
}

.btn-info-custom:focus,
.btn-info-custom:active {
    background-color: #138496 !important;
    border-color: #117a8b !important;
    color: var(--white) !important;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5) !important;
}

.btn-warning-custom {
    background-color: var(--warning) !important;
    border-color: var(--warning) !important;
    color: var(--dark) !important;
}

.btn-warning-custom:hover {
    background-color: #e0a800 !important;
    border-color: #d39e00 !important;
    color: var(--dark) !important;
}

.btn-warning-custom:focus,
.btn-warning-custom:active {
    background-color: #e0a800 !important;
    border-color: #d39e00 !important;
    color: var(--dark) !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5) !important;
}

.btn-teal-custom {
    background-color: var(--teal) !important;
    border-color: var(--teal) !important;
    color: var(--white) !important;
}

.btn-teal-custom:hover {
    background-color: #1aa179 !important;
    border-color: #17a085 !important;
    color: var(--white) !important;
}

.btn-teal-custom:focus,
.btn-teal-custom:active {
    background-color: #1aa179 !important;
    border-color: #17a085 !important;
    color: var(--white) !important;
    box-shadow: 0 0 0 0.2rem rgba(32, 201, 151, 0.5) !important;
}

.btn-orange-custom {
    background-color: var(--orange) !important;
    border-color: var(--orange) !important;
    color: var(--white) !important;
}

.btn-orange-custom:hover {
    background-color: #e8680e !important;
    border-color: #dc6509 !important;
    color: var(--white) !important;
}

.btn-orange-custom:focus,
.btn-orange-custom:active {
    background-color: #e8680e !important;
    border-color: #dc6509 !important;
    color: var(--white) !important;
    box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.5) !important;
}