/*
***********************************************
    Stylesheet Dark Mode LFE CMS Distribution System
    Author: Lukas Fellner
    Copyright 2018-2023 by Lukas Fellner

    Used with Bootstrap 5
***********************************************
*/


/*

colors

*/

[data-bs-theme=dark] .bg-primary {
    background-color: #375a7f !important;
}

/*

header / navbar

*/


[data-bs-theme=dark] .navbar {
    background-color: #3b3b3b !important;
    color: #9e9e9e;
}

[data-bs-theme=dark] .navbar-custom a {
    color: #9e9e9e;
    border-bottom: 4px solid #3b3b3b;
}

[data-bs-theme=dark] .navbar-custom ul.navbar-nav a {
    color: #9e9e9e;
}

[data-bs-theme=dark] ul.navbar-nav .active {
    border-bottom: 4px solid #375a7f;
}

[data-bs-theme=dark] .navbar-custom ul.navbar-nav a:hover, .navbar-custom ul.navbar-nav a:focus {
    border-bottom: 4px solid #375a7f;
}

[data-bs-theme=dark] .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color: rgba(255,255,255,1);
}

[data-bs-theme=dark] .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

@media (max-width: 991.98px) { 

    [data-bs-theme=dark] .navbar-custom ul.navbar-nav a:hover,
    [data-bs-theme=dark] .navbar-custom ul.navbar-nav a:focus { 
        border-bottom: none;
        background-color: #375a7f;
    }

    [data-bs-theme=dark] ul.navbar-nav .active {
        border-bottom: none;
        background-color: #375a7f;
    }
    

}


/*

navbar content

*/

[data-bs-theme=dark] .navbar-custom-content {
    background-color: var(--bs-body-bg) !important;
    border-bottom: 1px solid #3b3b3b;
}

[data-bs-theme=dark] .navbar-custom-content a {
    border-bottom: 4px solid #3b3b3b;
}

[data-bs-theme=dark] .navbar-custom-content ul.navbar-nav a {
    color: #9e9e9e;
}

[data-bs-theme=dark] .navbar-custom-content ul.navbar-nav a:hover {
    border-bottom: 4px solid #afaaaa;
}

/*

buttons

*/

[data-bs-theme=dark] .btn-primary {
    color: #fafafa;
    background-color: #375a7f;
    border-color: #375a7f;
}

[data-bs-theme=dark] .btn-primary:hover,
[data-bs-theme=dark] .btn-primary:focus,
[data-bs-theme=dark] .btn-primary:active {
    color: #fafafa !important;
    background-color: #2f4d6c !important;
    border-color: #2c4866 !important;
    box-shadow: inset 0 -1px 0 #375a7f !important;
}

/*

Dropzone Image Upload

*/

[data-bs-theme=dark] .image-upload-dropzone {
    border: dashed  1px #515151;
    cursor: pointer; 
    height: 145px;
}

/*

sortableJS classess

*/

.sortable-menu-selected {
    color: #000;
}


/*

fixed footer with save buttons and so

*/

[data-bs-theme=dark] .save-button-container {
    border-top: 3px solid;
    background-color: #3b3b3b ;
}

/*

mprogess

*/

[data-bs-theme=dark] .ui-mprogress .bar-bg, [data-bs-theme=dark] .ui-mprogress .buffer-bg {
    background-color: #222 !important;
}

[data-bs-theme=dark] .ui-mprogress .deter-bar {
    background-color: #375a7f;
}

[data-bs-theme=dark] .ui-mprogress .peg {
    -webkit-box-shadow: 0 0 10px #375a7f, 0 0 5px #406b99;
    box-shadow: 0 0 10px #375a7f, 0 0 5px #406b99;
}

/*

scrollbar

*/

[data-color-scheme="dark"] {
    color-scheme: dark;
}

[data-color-scheme="light"] {
    color-scheme: light;
}

/*

login

*/

[data-bs-theme=dark] .signin-background {
    background-color: #3b3b3b;
    color: #fff;
}

/*

select2

*/


[data-bs-theme=dark] .select2-container--default .select2-selection--single,
[data-bs-theme=dark] .select2-container--default .select2-selection--multiple,
[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-selection--single,
[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-selection--multiple {
    color: var(--bs-body-color) !important;
    background-color: var(--bs-body-bg) !important;
    border: 1px solid #515151 !important;
    border-radius: 4px;
}

[data-bs-theme=dark] .select2-container--default .select2-selection--single,
[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-selection--single {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23cfcfcf' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

[data-bs-theme=dark] .select2-container--default .select2-selection--single .select2-selection__rendered,
[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    color: var(--bs-body-color) !important;
}

[data-bs-theme=dark] .select2-container--default .select2-selection--single .select2-selection__arrow b:after,
[data-bs-theme=dark] .select2-container--bootstrap-5  .select2-selection--single .select2-selection__arrow b:after {
    color: var(--bs-body-color) !important;
}

[data-bs-theme=dark] .select2-container--default .select2-dropdown,
[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-dropdown {
    background-color: var(--bs-body-bg) !important;
    border: 1px solid #515151 !important;
    color: var(--bs-body-color) !important;
}

[data-bs-theme=dark] .select2-container--default.select2-container--default.select2-container--focus .select2-selection--multiple,
[data-bs-theme=dark] .select2-container--default .select2-selection--single:focus,
[data-bs-theme=dark]  .select2-container--default .select2-selection--multiple:focus,
[data-bs-theme=dark] .select2-container--bootstrap-5.select2-container--bootstrap-5.select2-container--focus .select2-selection--multiple,
[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-selection--single:focus,
[data-bs-theme=dark]  .select2-container--bootstrap-5 .select2-selection--multiple:focus {
    color: var(--bs-body-color) !important;
    background-color: var(--bs-body-bg) !important;
    border-color: #9badbf !important;
    box-shadow: 0 0 0 0.25rem rgb(55 90 127 / 25%);
}

[data-bs-theme=dark] .select2-container--default .select2-selection--multiple .select2-selection__choice,
[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice {
    color: var(--bs-body-color) !important;
    background-color: #1c2d40 !important; 
    border: 1px solid #9badbf !important;
}

[data-bs-theme=dark] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--bs-body-color) !important;
}

[data-bs-theme=dark] .select2-container--default .select2-results__option--highlighted[aria-selected],
[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-results__option--highlighted[aria-selected] {
    color: #738ca5 !important;
    background-color: #1c2d40 !important;  
}

[data-bs-theme=dark] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, 
[data-bs-theme=dark] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus,
[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice__remove:hover, 
[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #375a7f !important;
    color: var(--bs-body-color) !important;
    outline: none;
    border-radius: 0;
}

[data-bs-theme=dark] .select2-container--default .select2-results__option--selected,
[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-results__option--selected  {
    background-color: var(--bs-body-bg) !important;
}

[data-bs-theme=dark] .select2-container--default .select2-search--dropdown,
[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-search--dropdown {
    background-color: var(--bs-body-bg) !important;
    border-bottom-color: #515151 !important;
}

[data-bs-theme=dark] .select2-container--default .select2-search--dropdown .select2-search__field,
[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-search--dropdown .select2-search__field {
    color: var(--bs-body-color) !important;
    background-color: var(--bs-body-bg) !important;
}