/* ##### SELECT & dropdown-menu ##### */
.btn-select {
    background-color: #fff;
    border: 1px solid #ced4da;
}
.bootstrap-select .dropdown-menu li.selected a,
.bootstrap-select .dropdown-menu li a:active {
    background-color: #eee;
    color: inherit;
}

.dropdown-item.active, .dropdown-item:active, .dropdown-item.active .text-muted {
    color: inherit !important;
    background-color: #eee !important;
}

.bootstrap-select .error + .btn-select {border-color: red; box-shadow: 0 0 5px rgba(255, 0, 0, 0.5);}
.bootstrap-select .valid + .btn-select {border-color: #36d100;}
.form-group.valid label.error {
    display: none !important;
}

.bootstrap-select.disabled, .bootstrap-select > .disabled {background-color: #eee;}

.bs-actionsbox .btn-group button {border: 1px solid #ced4da;}

.dropdown-menu .status {
    padding: .25rem 1.5rem;
    color: #c8c8c8;
    font-size: 12px;
}

.bootstrap-select .filter-option-inner-inner .badge {font-size: inherit;}

/* ##### breadcrumb  ##### */
.breadcrumb {text-overflow: initial; overflow-x: auto; white-space: nowrap; flex-wrap: nowrap;}

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

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

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

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

input.timepicker {cursor: pointer; padding: .375rem .25rem; text-align: center;}

body .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {background-color: #fff;}

.shortcut-buttons-flatpickr-wrapper {border-top: 1px solid #e6e6e6; padding: 5px 0;}
.shortcut-buttons-flatpickr-buttons {text-align: center;}
.shortcut-buttons-flatpickr-buttons button {margin: 2px;}

/* ##### FILEUPLOAD ##### */
.fileuploader-theme-thumbnails .fileuploader-item .content-holder {display: none;}
.fileuploader-theme-thumbnails {border-style: dashed; min-height: 172px;}
.bx-uploader-single .fileuploader-items-list li {display: none !important;}
.bx-uploader-single .fileuploader-items-list li:first-child {display: list-item !important;}

.bx-uploader-single.big .fileuploader-theme-thumbnails .fileuploader-item-inner {position: relative;}
.bx-uploader-single.big .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {width: auto; padding-top: 0; }
.bx-uploader-single.big .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item-image img {
    max-height: 400px;
    width: 100%;
    object-fit: cover;
    position: relative;
    transform: none;
    left: auto;
    top: auto;
}


/* #### JCONFIRM  #### */
.jconfirm .jconfirm-box div.jconfirm-title-c {line-height: 1.3 !important;}
.jconfirm .jconfirm-box .jconfirm-buttons button {text-transform: inherit !important; font-weight: inherit !important;}

/* #### SELECT2  #### */
.select2-container {width: 100% !important;}
.select2-container .select2-selection--single .select2-selection__clear {border: none;}

/* ##### FANCYBOX ##### */
.fancybox-container .fancybox-bg {background: #000; opacity: 0.8 !important;}

body .fancybox-close-small {right: 0; top: 0; width: 40px;}
body .fancybox-close-small svg {
    fill: transparent;
    opacity: .8;
    stroke: currentColor;
    stroke-width: 1.5;
    transition: stroke .1s;
    color: #343a40;
}

/* fancybox-actions-sticky */
body.fancybox-actions-sticky .bx-fancybox-actions {background: #fff; padding: 10px 0; position: sticky; z-index: 999; bottom: 0; left: 0; width: 100%; border-top: 1px solid #dee2e6;}
body.fancybox-actions-sticky .fancybox-slide--iframe {padding: 20px;}
body.fancybox-actions-sticky .fancybox-slide--iframe .fancybox-content {max-height: calc(100vh - 40px);}
body.fancybox-actions-sticky > section.p-20 {padding-bottom: 0 !important;}

@media all and (max-width: 1200px) {
    /* ##### SELECT ##### */
    /*.bootstrap-select .dropdown-item {white-space: normal;}*/
}

@media all and (max-width: 479px) {
    /* ##### FANCYBOX ##### */
    .fancybox-slide--iframe {padding-left: 10px !important; padding-right: 10px !important;}
}