/** Dark theme  **********************************************************************/
/****************************************************************************************/

.ui-dark nav.navbar.navbar-expand-lg.navbar-light.fixed-top {
    --clr-navbar: var(--clr-bluegray-75);
}

.ui-dark .navbar-light .navbar-nav .nav-link,
.ui-dark label,
.ui-dark p,
.ui-dark .control-p,
.ui-dark .stage-alt.secondary,
.ui-dark .nomenclature span:last-of-type,
.ui-dark .dropdown-menu .dropdown-item {
    color: var(--clr-bluegray-35);
}

.ui-dark .navbar .nav-item > .nav-link:hover {
    background-color: var(--clr-bluegray-65);
    color: var(--clr-accent-light);
}

.navbar {
    height: 50px;
}

.ui-dark .app-logo-light {
    display: none;
}

.ui-dark .app-logo-dark {
    display: block;
}

.ui-dark {
    filter: contrast(1.15);
}

.ui-dark .btn-faded-alt,
.ui-dark .dropdown-menu .dropdown-item:hover {
    background-color: var(--clr-bluegray-65);             
    color: var(--clr-bluegray-25);
}

.ui-dark .btn-faded-alt:hover {
    background-color: var(--clr-bluegray-55);
    color: var(--clr-bluegray-15);
}

.ui-dark h1,
.ui-dark h2,
.ui-dark h3,
.ui-dark h4,
.ui-dark h5,
.ui-dark h6,
.ui-dark .nomenclature span:first-of-type {
    color: var(--clr-bluegray-25);
}

.ui-dark .container-arggo,
.ui-dark .modal-content,
.ui-dark .modal-body,
.ui-dark .modal-body .container-arggo,
.ui-dark .table-arggo tbody tr:hover {
    background-color: var(--clr-bluegray-85);
}

.ui-dark .bpm-modal-expired .modal-body {
    background-color: unset;
}

.ui-dark .bpm-modal-expired h4.text-secondary {
    color: var(--clr-bluegray-25) !important;
}

.ui-dark .modal-header {
    background-color: var(--clr-bluegray-85);
    border-color: var(--clr-bluegray-95);
    filter: brightness(.85);
}

.ui-dark .jumbotron-arggo,
.ui-dark .simple-scrolltable thead tr th,
/* .ui-dark .table-arggo tr,
.ui-dark .nomenclature,
.ui-dark .tab-bottom,
.ui-dark .dropdown-menu {
    background-color: var(--clr-bluegray-75);
}
*/

.ui-dark .table-arggo th {
    border-color: var(--clr-bluegray-85);
    color: var(--clr-bluegray-45);
}

.ui-dark .table-arggo td {
    border-bottom: 0.5px solid var(--clr-bluegray-85);
    color: var(--clr-bluegray-25);
}

.ui-dark .simple-scrolltable tfoot tr td {
    background-color: inherit;
}

.ui-dark .table-arggo {
    background-color: transparent;                  
    background-color: var(--clr-bluegray-75);
}

.ui-dark .btn-masked:hover,
.ui-dark .btn-transparent:hover {
    background-color: var(--white-alpha-04);
    color: var(--clr-accent-lighter);
}

.ui-dark .table-arggo .btn-masked {
    color: var(--clr-bluegray-55);
}

.ui-dark .btn-transparent:hover {
    color: var(--clr-accent-lighter);
}

.ui-dark .btn-arggo:hover {
    background-color: var(--clr-accent-light);
}

.ui-dark .stage-alt {
    background-color: var(--clr-bluegray-65);
    border-color: var(--clr-bluegray-65);
}

.ui-dark .stage-alt.primary {
    color: var(--clr-indigo-05);
}

.ui-dark .stage-alt.success {
    color: var(--clr-green-25);
}

.ui-dark .stage-alt.success .stage-alt-bullet {
    background: var(--clr-green-45);
}

.ui-dark .stage-alt.warning {
    color: var(--clr-yellow-25);
}

.ui-dark .stage-alt.warning .stage-alt-bullet {
    background: var(--clr-yellow-45);
}

.ui-dark .stage-alt.danger {
    color: var(--clr-pink-25);
}

.ui-dark .stage-alt.danger .stage-alt-bullet {
    background: var(--clr-pink-45);
}

.ui-dark .stage.primary {
    background: var(--clr-indigo-25);
    color: var(--clr-indigo-85);
}

.ui-dark .stage.secondary {
    background: var(--clr-bluegray-55);
    color: var(--clr-bluegray-15);
}

.ui-dark .stage.success {
    background: var(--clr-green-45);
    color: var(--clr-green-05);
}

.ui-dark .stage.warning {
    background: var(--clr-yellow-45);
    color: var(--clr-yellow-85);
}

.ui-dark .stage.danger {
    background: var(--clr-pink-45);
    color: var(--clr-pink-05);
}

.ui-dark .tooltip.tooltip-light .tooltip-inner {
    background-color: var(--clr-bluegray-15);
    color: var(--clr-bluegray-85);
    opacity: .95;
}

.ui-dark client-combo-box > div > div > .dropdown-toggle[disabled="disabled"],
.ui-dark .form-control:disabled,
.ui-dark .form-control[readonly] {
    background-color: var(--clr-bluegray-95) !important;
    border-color: var(--clr-bluegray-65);
    color: var(--clr-bluegray-55);
    filter: contrast(.925);
}

.ui-dark .form-control > div.ss-single-selected,
.ui-dark .form-control > div.ss-multi-selected {
    background-color: var(--dark-input-bg);
    border-color: var(--gray);
    color: var(--clr-bluegray-15);
}

.ui-dark .ss-single-selected {
    --clr-stroke: var(--clr-bluegray-65);
}

.ui-dark .ss-main .ss-single-selected .ss-arrow span {
    border-color: var(--clr-bluegray-15);
}

.ui-dark .ss-content {
    background-color: var(--clr-bluegray-75);
    border-color: var(--clr-bluegray-55);
}

.ui-dark .panel-footer {
    border-color: var(--clr-bluegray-65);
    background-color: var(--clr-bluegray-75);
}

.ui-dark input,
.ui-dark .form-control,
.ui-dark .form-control.ss-main,
.ui-dark .ss-content .ss-search input,
.ui-dark .custom-file-label {
    background-color: var(--clr-bluegray-65);
    border-color: var(--clr-bluegray-55);
    color: var(--clr-bluegray-15);
}

.ui-dark .ss-single-selected .placeholder {
    /*color: var(--clr-bluegray-15);*/
	color: var(--text-light);
}

.ui-dark .custom-file-label::after,
.ui-dark .input-group-text {
    background-color: var(--clr-bluegray-55);
    border-color: var(--clr-bluegray-55);
    color: var(--clr-bluegray-15);
}

.ui-dark .custom-control-label::before {
    background-color: var(--clr-bluegray-65); 
    border-color: var(--clr-bluegray-75);
}

.ui-dark .close:hover {
    background-color: var(--clr-pink-45);
    color: var(--clr-pink-05);
}

.ui-dark .nomenclature:hover span:first-of-type {
    color: var(--clr-accent-light);
}

.ui-dark hr {
    border-color: var(--clr-bluegray-55);
}

.ui-dark .alert-warning {
    background-color: var(--clr-yellow-25);
    color: var(--clr-yellow-65);
}

.ui-dark .ui-notification {
    background-color: var(--clr-bluegray-95);
    color: var(--clr-bluegray-25);
}