/*****************************/
/*      MAIN COLORS          */
/*****************************/
:root {
    --primary-bg: #1e1e2f; /* Main background color */
    --secondary-bg: #27293d; /* Content background color */
    --warning: #ffb25b;
    --danger: #ff5869;
    --text-unfocused: #9194b9;
    --text-focused: #009cde;
}


/*****************************/
/*          GENERIC          */
/*****************************/


/* Document background color */
#content {
    background-image: linear-gradient(var(--primary-bg),#1e1e24);
}

/* Content background */
.card {
  background: var(--secondary-bg);
  box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1);
}

a,
a:not([href]) {
  background-color: transparent;
  color: var(--text-focused);
  text-decoration: none;
}


a:hover {
    color: #41b6e6;
}

p {
  color: hsla(0, 0%, 100%, 0.5);
}

hr.thick {
  color: #c1b5b5;
  /* old IE */
  background-color: #c1b5b5;
}

label,
.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
  color: var(--text-unfocused);
}

hr {
    border-top: 1px solid var(--text-unfocused);
}

.grey-color {
  color: #666;
}

.validation-summary-errors ul li {
  color: var(--danger);
}

fieldset {
  border: 1px solid rgb(191, 219, 255);
}

label.error {
  color: var(--danger);
}

::placeholder,
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
input:-moz-placeholder {
    color: var(--text-unfocused) !important;
}

::placeholder {
    color: var(--text-unfocused) !important;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: var(--secondary-bg);
}

::-webkit-scrollbar {
  background-color: var(--secondary-bg);
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: var(--text-unfocused);
}

.close, .close:hover {
    color: var(--text-unfocused);
}

.ui-widget-content {
  color: var(--text-focused);
}

.form-control:focus {
  color: var(--text-focused) !important;
}

option {
  background: var(--secondary-bg);
  color: var(--text-focused);
}

option:hover {
  background: rgba(0, 156, 222, 0.1);
  border-left: 5px solid var(--text-focused);
}

/* User Notification - reminder */
.notification-container,
#document-location-reminder span {
  color: var(--text-unfocused);
}

/* Text highlight color */
.highlight {
  background: rgba(0, 156, 222, 0.6);
}

/*Top Navbar */
.bg-dark {
  background-color: var(--primary-bg) !important;
}

/* CONTEXTUAL TEXT COLORS - Start */
.text-primary {
    color: var(--text-focused) !important;
}

.error-text {
  color: var(--danger);
}

.warning-text {
    color: var(--warning);
}

.info-text {
  color: #1e395b;
}

.success-text {
  color: rgba(0, 150, 0, 0.5);
}

/*Buttons */
/*Button Default/Secondary*/
.btn-default,
.btn-secondary {
  color: var(--text-unfocused);
  border-color: var(--text-unfocused);
}

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-success {
  border-color: #a1d884;
  color: #a1d884;
}

.btn-success:hover {
  color: var(--secondary-bg);
  background-color: #a1d884;
  border-color: #a1d884;
}

.btn-success.disabled,
.btn-success:disabled {
  background-color: transparent;
  border: 1px solid #4cae4c;
  color: #4cae4c;
}

.btn-warning {
  color: var(--warning);
  border-color: var(--warning);
}

.btn-warning:hover {
  color: var(--secondary-bg);
  background-color: var(--warning);
  border-color: var(--warning);
}

.btn-warning.disabled,
.btn-warning:disabled {
  color: var(--warning);
  background-color: transparent;
  border-color: var(--warning);
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle,
.btn-warning:focus {
  color: #fff;
  background-color: #ff8200;
  border-color: #ff8200;
}

.btn-danger {
  color: var(--danger);
  border-color: var(--danger);
}

.btn-danger:hover {
  color: black;
  background-color: var(--danger);
  border-color: var(--danger);
}

.btn.disabled,
.btn:disabled,
.btn[disabled] {
  color: var(--text-unfocused);
}

.btn-danger.disabled,
.btn-danger:disabled,
.editable-buttons .editable-cancel {
  background-color: transparent;
  border: 1px solid var(--danger);
  color: var(--danger);
}

.btn-secondary.disabled,
.btn-secondary:disabled,
.btn-default.disabled,
.btn-default:disabled,
.btn-primary.disabled,
.btn-primary:disabled {
  color: var(--text-unfocused);
  background: transparent;
  border-color: var(--text-unfocused);
}

.btn-primary,
.btn-primary:hover {
  color: var(--text-focused);
  border-color: var(--text-focused);
}

.btn-primary:hover {
    background: var(--text-focused);
    color: var(--secondary-bg);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background: #005eb8;
  border-color: #005eb8;
}

.btn-secondary:focus,
.btn-default:focus,
.btn-secondary.focus .btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle,
.btn-secondary:hover,
.btn-default:hover,
button:hover span {
  color: var(--secondary-bg);
  border-color: var(--text-unfocused);
  background: var(--text-unfocused);
}

/* CONTEXTUAL TEXT COLORS - End */


/* MENU - Start */

#sidebar {
    background-image: linear-gradient(var(--primary-bg),#1e1e24);
}

/* Icons */
#cssmenu ul li a i {
    color: var(--text-focused);
}

/* Menu text color */
#cssmenu ul li a {
    color: white;
}

/* Active module */
#cssmenu  li.open > ul > li > a.selected {
    color: #009cde;
}

/* App Info */
#sidebar-appInfo input {
    color: black;
}

#sidebar-appInfo input[type="submit"] {
    color: white;
}

#sidebar-appInfo input:disabled {
    color: var(--text-unfocused);
}

/* MENU - End */

/* TABLES - Start */

table tbody tr td a {
  background-color: transparent !important;
  color: var(--text-focused) !important;
}

table tbody tr td a:hover {
  color: #41b6e6 !important;
}

/* Cancelled Rows  */
table.table tbody tr.cancelled-row-state {
    background-color: #6767678a;
}


table.table tbody tr.cancelled-row-state {
    color: #bbbbbb;
}

table caption {
  color: white;
  background-color: #41b6e6;
  border-top: 1px solid var(--text-focused);
  border-left: 1px solid var(--text-focused);
  border-right: 1px solid var(--text-focused);
}

table tfoot {
  background-color: #ccc;
  border: 1px solid darkgrey;
  color: #1e395b;
}

table tbody tr td i.status-icon-success {
  color: #008000;
}

table tbody tr td i.status-icon-danger {
  color: darkgray;
}

i.table-cell-warning {
  color: #ff4500;
}

.delete-grid-icon {
  color: var(--danger) !important;
}

.delete-grid-icon:hover {
  color: #e1523d !important;
}


.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading {
  color: white;
  background: var(--secondary-bg);
}

.table th,
.table td {
  border-top: #595d8b;
}

/*table body table row hover*/
.bootstrap-table .fixed-table-body > table > tbody > tr:not(.detail-view):hover {
  background-color: rgba(145, 148, 185, 0.3);
}

/*table body*/
table tbody tr,
.table-hover tbody tr:hover {
    color: #f2f2f2;
}

.bootstrap-table .fixed-table-body > table > tbody > tr {
  border: 1px solid transparent;
}

/*table row selected*/
.bootstrap-table .fixed-table-container .table tbody tr.selected {
    background-color: rgba(145, 148, 185, 0.2);
    border-bottom-color: var(--text-focused);
}

/* Striped row color*/
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.2);
}

/* Striped selected row color*/
.bootstrap-table .fixed-table-container .table tbody tr.selected:nth-of-type(odd) {
    background-color: rgba(145, 148, 185, 0.4);
}

.bootstrap-table div.fixed-table-pagination {
  background: var(--secondary-bg);
}

.bootstrap-table .pagination-detail {
    color: var(--text-unfocused);
}

.page-link {
  color: var(--text-unfocused) !important;
  background-color: var(--secondary-bg);
  border: 1px solid var(--text-unfocused);
}

.page-item.active .page-link {
  color: var(--secondary-bg) !important;
  background-color: var(--text-unfocused);
  border-color: var(--text-unfocused);
}

/*table header*/
.fixed-table-container thead th {
  color: rgba(255,255,255,.8);
  background-color: var(--secondary-bg);
}

/*Editable grid cell*/
.editable-click.editable-disabled,
a.editable-click.editable-disabled,
a.editable-click.editable-disabled:hover {
    color: #848484 !important;
}

/* Table i Icon */
i.deviation-information {
  color: #ff4500;
}

/* TABLES - End */

/* Form Section Headers */
h4.blue-gradient {
  background: transparent;
}


/* INPUTS - Start */

input[type="button"],
input[type="submit"],
#header select,
#sidebar select,
.button {
  background: var(--secondary-bg);
}

/*Input fields text color*/
input,
select,
textarea {
  color: var(--primary-bg);
}

/*input fields required border*/
input[required],
select[required],
textarea[required],
select[aria-required="true"] + span.select2.select2-container.select2-container--bootstrap {
  border: 1px solid var(--text-focused);
}

/*input fields error border*/
input.error,
select.error,
textarea.error,
select.error + span.select2.select2-container.select2-container--bootstrap {
  border: 1px solid var(--danger);
}

/* input focus */
input.search:focus,
select.search:focus,
input#searchInput:focus {
  background-color: transparent !important;
}

/* Form labels */
form .form-control:focus ~ .col-form-label,
form .form-control:empty:not(:placeholder-shown) ~ .col-form-label,
form select ~ .col-form-label,
form textarea ~ .col-form-label,
form input[type="checkbox"] ~ .col-form-label,
form span.twitter-typeahead ~ .col-form-label,
form .form-control.datepicker ~ .col-form-label {
  background: var(--secondary-bg);
}

/*form-control*/
.form-control {
  color: var(--text-unfocused);
  background-color: #fff;
  background-image: none;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
}

/* Datepickers */
.datepicker.dropdown-menu,
.datepicker table tbody tr td,
.datepicker table tr td.new {
  color: var(--text-unfocused);
  border-color: var(--text-unfocused);
  background-color: #1e1e26;
}

.datepicker thead tr:first-child th:hover,
.datepicker tbody tr td:hover,
.datepicker table tr td.day:hover,
.datepicker tfoot tr th:hover,
.datepicker table tr td.today:hover:hover {
  color: var(--secondary-bg);
  border-color: var(--text-unfocused);
  background: var(--text-unfocused);
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active {
  background-color: #1e1e26;
  background-image: none;
  color: var(--text-unfocused);
  border: 0.5px solid rgb(30, 151, 206);
}

.input-group-text {
  background: transparent;
  border: 1px solid var(--text-unfocused);
}

.form-control,
.table select {
    background: transparent;
    border-color: var(--text-unfocused);
    color: rgba(255,255,255,.8);
}

.form-control:focus {
  border-color: var(--text-focused);
  background-color: transparent;
  box-shadow: none;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control,
.table select[disabled] {
    background-color: rgba(30, 30, 47,.5);
    border: 1px solid var(--primary-bg);
    color: var(--text-unfocused);
}

.form-control-plaintext,
.form-control-plaintext:disabled {
  color: hsla(0, 0%, 100%, 0.4);
}

input,
select,
button {
  border: 1px solid #aaa;
}

input[type="button"]:disabled,
input[type="submit"]:disabled,
#header select:disabled,
#sidebar select:disabled,
.button:disabled {
  background: darkgray;
  background-image: url(../../static/images/button_icon.gif);
  background-image: url(../../static/images/button_icon.gif), -moz-linear-gradient(lightgrey 0%, darkgray 100%);
  background-image: url(../../static/images/button_icon.gif), -webkit-gradient(linear, left top, left bottom, color-stop(0%, lightgrey), color-stop(100%, darkgray));
  background-image: url(../../static/images/button_icon.gif), -webkit-linear-gradient(lightgrey 0%, darkgray 100%);
  background-image: url(../../static/images/button_icon.gif), linear-gradient(lightgrey 0%, darkgray 100%);
  background-repeat: no-repeat;
  border: 1px solid darkgray;
  color: #fff;
}

input.search:hover,
select.search:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="file"]:hover,
.button:hover {
  -ms-box-shadow: 0px 0px 1px 0px var(--text-focused);
  -webkit-box-shadow: 0px 0px 1px 0px var(--text-focused);
  box-shadow: 0px 0px 1px 0px var(--text-focused);
}

input[type="button"]:hover:disabled,
input[type="submit"]:hover:disabled,
input[type="file"]:hover:disabled,
.button:hover:disabled {
  -ms-box-shadow: 0 0 0 0 black;
  -webkit-box-shadow: 0 0 0 0 black;
  box-shadow: 0 0 0 0 black;
}

input[type="button"]:active,
input[type="submit"]:active,
.button:active {
  background-image: url(../../static/images/button_icon.gif);
  background-image: url(../../static/images/button_icon.gif), -moz-linear-gradient(var(--text-focused) 0%, #41b6e6 100%);
  background-image: url(../../static/images/button_icon.gif), -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--text-focused)), color-stop(100%, #41b6e6));
  background-image: url(../../static/images/button_icon.gif), -webkit-linear-gradient(var(--text-focused) 0%, #41b6e6 100%);
  background-image: url(../../static/images/button_icon.gif), linear-gradient(var(--text-focused) 0%, #41b6e6 100%);
  background-repeat: no-repeat;
}

input[type="button"]:active:disabled,
input[type="submit"]:active:disabled,
.button:active:disabled {
  background-image: url(../../static/images/button_icon.gif);
  background-image: url(../../static/images/button_icon.gif), -moz-linear-gradient(lightgray 0%, darkgray 100%);
  background-image: url(../../static/images/button_icon.gif), -webkit-gradient(linear, left top, left bottom, color-stop(0%, lightgray), color-stop(100%, darkgray));
  background-image: url(../../static/images/button_icon.gif), -webkit-linear-gradient(lightgray 0%, darkgray 100%);
  background-image: url(../../static/images/button_icon.gif), linear-gradient(lightgray 0%, darkgray 100%);
  background-repeat: no-repeat;
}


input[type="radio"]:checked + label::before,
input[type="radio"][disabled]:checked + label::before {
    background-color: #109cde;
    border-color: white;
}


.input-group-text {
    color: var(--text-unfocused);
}
/* Autocomplete start */

.tt-menu {
    background-color: var(--secondary-bg);
    color: var(--text-focused);
}

/* Autocomplete end */

/* INPUTS - End */
/* TOOLTIPS - Start */
.popover-body {
    border: 1px solid var(--text-unfocused);
    background-color: #1e1e26;
    color: var(--text-unfocused);
}

.popover-body table tbody tr td {
  color: var(--text-unfocused);
}

.tooltip-inner {
  background-color: #000000;
  border: 1px solid #000;
  color: hsla(0, 0%, 100%, 0.8);
}

/* TOOLTIPS - End */

/* LOADING OVERLAY - End */
/* overlay */
.overlay-container .loading-overlay {
  background: rgba(21, 21, 27, 0.7);
}

/* loading icon */
.overlay-container .loading-overlay > .fa {
  color: var(--text-unfocused);
}

/* LOADING OVERLAY - end*/

/* MODAL DIALOGS - Start */

.bootstrap-dialog.type-default .modal-header {
  background-color: #fff;
}

.bootstrap-dialog.type-info .modal-header {
  background-color: #5bc0de;
}

.bootstrap-dialog.type-primary .modal-header,
.modal-content {
  background-color: var(--secondary-bg);
}

.modal-header {
  border-bottom: 0;
}

.modal-content {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.bootstrap-dialog.type-success .modal-header {
  background-color: #5cb85c;
}

.bootstrap-dialog.type-warning .modal-header {
  background-color: #f0ad4e;
}

.bootstrap-dialog.type-danger .modal-header {
  background-color: #d9534f;
}

.modal-selection-btn-container .modal-button-description {
    color: #afafaf;
}

.modal-selection-btn-container:hover .modal-button-description {
    color: #dedede
}


/* MODAL DIALOGS - End */
/* NOTIFICATIONS - Start */
.alert-success {
    color: #a1d884 !important;
    background-color: var(--primary-bg);
    border-color: #a1d884;
}

.alert-info {
    color: var(--text-focused);
    background-color: var(--primary-bg);
    border-color: var(--text-focused);
}

.alert-warning {
    color: var(--warning);
    background-color: var(--primary-bg);
    border-color: var(--warning);
}

.alert-danger {
    color: var(--danger);
    background-color: var(--primary-bg);
    border-color: var(--danger);
}
/* NOTIFICATIONS - End */

/* PROGRESS BARS - Start */

/* Container */
.form-group-progress-bar {
  background: #fff;
}

.progress-bar {
  color: #fff;
}

.progress-bar-success {
  background-color: #a1d884;
}

.progress-bar-info {
  background-color: #41b6e6;
}

.progress-bar-warning {
  background-color: var(--warning);
}

.progress-bar-danger {
  background-color: var(--danger);
}

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg,rgba(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, 0.15) 50%,rgba(255, 255, 255, 0.15) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(45deg,rgba(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, 0.15) 50%,rgba(255, 255, 255, 0.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

/* PROGRESS BARS - End */

/* SEARCH PANEL - Start */

.searchpanel .card{
    background-color: var(--secondary-bg);
}

input.search:not(.error),
select.search:not(.error),
input#searchInput:not(.error) {
    border: 1px solid var(--text-unfocused);
}

input#search:disabled {
    background-color: #e6e6e6 !important;
    color: black;
}


input.search:focus,
select.search:focus {
  background-color: transparent !important;
}

/* SEARCH PANEL - End */

/* INFO PANEL - Start */

.stickyFooterInfoPanel {
  background: var(--secondary-bg);
}

/* INFO PANEL - End */

/* SELECT2 - Start */
/* aka Searchable selects */

.dd-selected:hover {
  color: #23527c;
}

.dd-selected-text,
.dd-options .dd-option-text,
.dd-selected,
.dd-option {
  color: var(--text-focused) !important;
}

.dd-select {
  background: transparent !important;
  border: solid 1px transparent !important;
}

.dd-select,
.dd-selected,
.dd-options {
  background: var(--secondary-bg) !important;
}

.dd-option,
.dd-option-selected,
.dd-selected-text {
  color: var(--text-focused) !important;
}

.dd-desc {
  color: #f2f2f2 !important;
}

.dd-selected {
  border: 1px solid var(--text-focused) !important;
}

.dd-pointer-down {
  border-top: solid 5px var(--text-focused) !important;
}

.dd-pointer-up {
  border-bottom: solid 5px 1px solid var(--text-focused) !important;
}

.dd-options {
  color: #fff !important;
}

.dd-option:hover,
.dd-option:active,
.dd-option:focus {
  background: rgba(0, 156, 222, 0.1) !important;
  border-left: 5px solid var(--text-focused) !important;
}

.dd-option-selected {
  background: rgba(0, 156, 222, 0.1) !important;
  border-left: 5px solid var(--text-focused) !important;
}
.select2-container--bootstrap .select2-selection {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #555;
}

span.select2.select2-container.select2-container--bootstrap.search span.select2-selection.select2-selection--single {
    border: 1px solid var(--text-unfocused);
}

.select2-container,
.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled {
  color: var(--text-focused);
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
    color: var(--secondary-bg) !important;
}

li.select2-selection__choice {
  background: var(--text-unfocused) !important;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: hsla(0,0%,100%,.6);
}
/* SELECT2 - End */

/* TABS - Start */

/*default & active tab text color*/
ul.ui-tabs-nav li.ui-state-active a:not(.progress-tracker-active-highlight),
ul.ui-tabs-nav li.ui-state-default a:not(.progress-tracker-active-highlight) {
    color: var(--text-focused);
}

/*default tab background color*/
ul.ui-tabs-nav li.ui-state-default a:not(.progress-tracker-active-highlight) {
}

/*active tab background color*/
ul.ui-tabs-nav li.ui-state-active a:not(.progress-tracker-active-highlight) {
}

/*active tab border color*/
ul.ui-tabs-nav li.ui-state-active {
  /*border: none !important;
    border-bottom: 0 !important;*/
}

.tab-list li {
  border-bottom: 0 !important;
}

/* If there are too many tabs so that the content overflows to the next row, these overflowing tabs are grouped into a dropdown button*/
#tab-drop {
  color: white;
}

.ui-state-disabled,
.c-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
}

.ui-tabs-nav li.ui-state-default {
  border: 1px solid transparent;
}

.ui-tabs-nav li.ui-state-default:hover,
#dropdown-menu li.ui-state-default:hover {
  border: 1px solid transparent;
}

.ui-tabs .ui-tabs-nav li.ui-state-active .ui-tabs-anchor {
    color: rgba(255,255,255,.8);
    background-color: var(--secondary-bg);
    border: 1px solid rgba(255,255,255,.8);
    border-bottom-color: transparent;
}

#tabs .dropdown-menu {
    background-color: var(--primary-bg);
}

/* TABS - End */
/* ACCORDIONS - Start */
div.ui-accordion > h3 {
    background: var(--primary-bg) !important;
    border: 1px solid var(--text-unfocused) !important;
    color: var(--text-unfocused) !important;
}

div.ui-accordion > h3.ui-state-active {
    color: var(--text-focused) !important;
    border: 1px solid var(--text-focused) !important;
}


.ui-accordion .ui-accordion-content {
    background-color: var(--secondary-bg);
}

/* ACCORDIONS - End */

/* NAVIGATION BAR - Start */
.navbar-dark .navbar-nav .nav-link {
  color: #f2f2f2 !important;
}

.navbar-dark .navbar-nav .nav-link i {
  color: var(--text-focused) !important;
}

.navbar .dropdown-menu {
  background-color: var(--secondary-bg);
}

/* NAVIGATION BAR - End */

.table thead th {
  border-bottom: 1px solid var(--text-unfocused);
}

/* dropdowns */
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:hover,
.dropdown-item:focus,
a:not([href]):hover {
  background: rgba(0, 156, 222, 0.1);
  border-left: 5px solid var(--text-focused);
  color: var(--text-focused);
}

.ui-widget-content a,
.dropdown-item {
  color: var(--text-focused);
}

/*JSON Prettify Colors*/
.json-string {
  color: green;
}

.json-number {
  color: darkorange;
}

.json-boolean {
  color: blue;
}

.json-null {
  color: gray;
}

.json-key {
  /*color: red;*/
  color: #1a1a1a;
}

/*****************************/
/*    SECTION/PAGE SPECIFIC   */
/*****************************/

/* LOGIN */
/* Logo */
#splash-screen-logo {
  width: 40%;
}

/*login credentials*/
#loginText {
  color: #f2f2f2;
}

/*Session Timer */
#session-timer {
  color: #f2f2f2;
}

/*sidebar login/logout button, mandant/language dropdowns*/
input[type="button"],
input[type="submit"],
#header select,
#sidebar select,
.button {
  background: transparent;
  border: none;
  color: #f2f2f2;
}

/*Auftragserfassung*/
button #createOrder.freigabe-button {
  background-color: #ffffcc;
}

/* Konfiguration */
#spaltenauswahl li label {
  color: var(--text-unfocused);
}

/*SUPPLIER PORTAL - Start */

/*Progress Bar - Start */
ul.checkout-bar {
  box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
  background-color: #41b6e6;
  background-image: -webkit-linear-gradient(-45deg,rgba(255, 255, 255, 0.4) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, 0.4) 50%,rgba(255, 255, 255, 0.4) 75%,transparent 75%,transparent);
  background-image: -moz-linear-gradient(-45deg,rgba(255, 255, 255, 0.4) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, 0.4) 50%,rgba(255, 255, 255, 0.4) 75%,transparent 75%,transparent);
}

/* default node*/
ul.checkout-bar li {
  color: var(--text-unfocused);
}

/* visited node*/
ul.checkout-bar li.visited {
  color: #8bc53f;
}

/* active node*/
ul.checkout-bar li.active {
  color: #41b6e6;
}

/* highlighted tab color */
.progress-tracker-active-highlight:not([disabled]),
.progress-tracker-active-highlight:not([disabled]) > i {
  background-color: gold !important;
  color: black !important;
  border-color: gold !important;
}

/* Progress bar - end*/

/* Release Mode Selection modal */
#releaseModeSelectionContainer .release-selection-btn-container {
  background-color: #fff;
}

/* Packages container */
#packages-container > div {
  background: transparent;
  border: 1px solid transparent;
}

/* Packages droppable  - Package */
.dropableProjectContainer.package-droppable-container {
  background: rgba(65, 182, 230, 0.2);
}

/* Packages droppable  - Pallet */
.dropableProjectContainer.pallet-droppable-container {
  background: rgba(27, 38, 49, 1);
}

/* Packages droppable  - Labels */
.dropableProjectContainer.pallet-droppable-container label,
.dropableProjectContainer.package-droppable-container label {
  color: white;
}

/*Active package*/
.package-droppable-container.droppable-packaging-placeholder-active {
  background-color: rgba(65, 182, 230, 0.3);
}

/*Active pallet*/
.pallet-droppable-container.droppable-packaging-placeholder-active {
  background-color: rgb(19, 60, 82);
}

/*animation for both*/
.droppable-packaging-placeholder-active.valid-drop-target {
  transition: 0.5s;
  background-color: rgba(65, 182, 230, 0.5);
}

/* Package Article Info - Start */
.buchungsposition .row-info-right > input,
.buchungsposition .row-info-middle > input,
.buchungsposition .row-info-left,
.buchungsposition .row-info-left > input:disabled,
.pallete-info .row-info-left > input {
  background-color: var(--secondary-bg);
  color: white;
}

.buchungsposition:not(:last-of-type) .row-info-left,
.buchungsposition:not(:last-of-type) .row-info-right,
.buchungsposition:not(:last-of-type) .row-info-middle input {
  border-bottom: 1px solid #ccc;
}
/* Package Article Info - End */

/* SingleScan*/
.single-scan-focused-element {
  border: solid 3px #57aed1;
}

/* SingleScan placeholder textcolor*/
input#scan-input-barcode::placeholder {
  color: var(--text-unfocused);
}

/*SUPPLIER PORTAL - End */

/* NETLABEL - Start*/

/*Preview loading icon*/
.spinner-border {
    color:var(--text-focused);
}
/* NETLABEL - End*/


.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
    background: var(--text-focused);
}