body {
    color: #FFFFFF;
    background-color: #121212;
}
body>div {
    background-color: rgba(25,25,25,0.90)!important;
    overflow-y:hidden;
}
/* PAGE LOGIN */
.login-overlay {
    background-color: #272727;
}

/* HEADER */
#header {
    background-color: #272727;
}
#header_bar {
    color: #FFFFFF;
}
#logout {
    color: #FFFFFF;
    cursor: pointer;
}

/* MENU */
#menu {
    background-color: rgb(33, 33, 33);
}
.menu-category {
    background-color: #424242;
    color: #FFFFFF;
    border-top: solid 1px rgba(134,134,134,0.20);
    cursor: pointer;
}
.menu-item {
    color: #FFFFFF;
}
.menu-item:hover {
    color: #FFFFFF;
    background-color: #2e2e2e;
}
.menu-item.active {
    color: #FFFFFF;
    background-color: #17559b;
}
@media (min-width: 954px) {
    #menu {
        border-right: solid 1px rgba(134,134,134,0.42);
    }
}
/* CONTENT*/
#content {
    background-color: transparent;
    box-shadow: inset 2px 2px 2px rgba(195,181,181,0.17);
}
#content-container {
    background-color: transparent;
    box-shadow: inset 2px 2px 1px rgba(84,84,84,0.25);
}

/* WIDGET */
.widget-header {
    background-color: #424242;
    border-top: solid 1px #474545cc;
}
.widget-footer {
    background-color: #424242;
}
.widget-content {
    background-color: rgba(33, 37, 41, 0.89);
}
.widget-content.full-width {
    overflow: hidden;
}
/* VIEW-LIST */
.list-headers {
    background-color: #757575;
    box-shadow: 2px 0 3px 0 rgb(40 40 40);
}
.list-data td {
    border-bottom: solid 1px rgba(204,204,204,0.49);
}
.list-header {
    border-bottom: solid 1px rgba(102,99,99,0.63)
}

/* VIEW-LIST BUTTONS */
.list-row-buttons {
    background-color: rgba(32,36,39,0.8);
}
.list-row-buttons button {
    color: rgba(255,255,255,0.82);
}
.list-row-buttons button:hover {
    color: #000;
}

/* BUTTONS */
.btn-primary {
    background-color: #797979;
    border: solid 1px #524b4b;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary.focus .btn-primary:active:focus {
    background-color: #797979!important;
    border: solid 1px #524b4b!important;
}
.actions .btn {
    background-color: #797979;
}
/* FORM-CONTROL */
.view-form .form-group .form-control {
    background-color: rgba(255,255,255,0.95);
    color: #313131;
}
/* FORM-CONTROL-DISPLAY */
.form-control.display {
    color: rgba(233,233,233,0.90);
}

/* FILTER-PANEL */
.filter-panel {
    background-color: rgba(33,33,33,0.98);
    color: #FFF;
}
.popover-modal {
    border: solid 1px #3e3e3e;
}
.popover-modal .popover-body {
    overflow: hidden;
}
.popover-modal:after,.popover-modal:before {
    border-bottom-color: #252525;
}

/* LIST-FILTER-PANEL */
.list-filter-panel {
    background-color: rgba(204,204,204,0.29)!important;
}

.filter-panel .filters-applied {
    border: solid 1px #757575;
    background-color: rgba(64,64,64,0.71);
}

/* DROPDOWN-MENU */
.dropdown-menu {
    background-color: rgba(33,33,33,0.98);
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover,.tab-menu-dropdown-item:hover {
    background-color: rgba(121,121,121,0.37);
    color: #FFFFFF;
    cursor: pointer;
}
.dropdown-menu>li>a,.dropdown-menu>.tab-menu-dropdown-item {
    color: #FFFFFF;
}

/* VIEW-RECORD */
.view-record .form-title,.view-form .form-title {
    background-color: rgba(69,69,69,0.90);
}
.view-record h3 {
    border-bottom: solid 1px #898888;
}

/* FIELD-ITEMS */
.field-items-view {
    border: solid 1px #999;
    background-color: transparent;
}
.field-items-view .view-form .form-title {
    background-color: transparent;
}

/* TABS */
.tab-content {
    border: solid 1px #17559b;
}
.tab-item {
    border: solid 1px rgba(221,221,221,0.17);
    background-color: #424242;
    color: rgba(255,255,255,0.72);
    cursor: pointer;
}
.tab-item.active {
    background-color: #17559b;
    border: solid 1px #254a73;
    color: #FFFFFF;
}
.tab-row {
    border-bottom: solid 3px #17559b;
}
.selected-tab-title {
    border: solid 1px #253c60;
    background-color: #185190;
}
.tab-menu-icon>.dropdown-toggle {
    background-color: #797979!important;
    border: solid 1px #524b4b;
    color: #FFF!important;
}

/* SECTION-COLLAPSE */
.section-collapse .section-header {
    background-color: rgba(23,85,155,0.90);
    border: solid 1px #253c60;
    cursor: pointer;
}
.section-collapse .row-border {
    border: solid 1px rgba(204,204,204,0.63);
}

/* FIELD-SELECT*/
select {
    /*background-color: #3e464b;*/
    /*background-color: #86898a;*/
    background-color: #FFF;
    color: #000;
    font-weight: 500;
}
select option {
    margin: 40px;
    background-color: #3e464b;
    color: #fff;
}

/* ICONS */
.dropdown-menu>li a> i.fa {
    color: #009e03!important;
}
/* OVERLAY */
.overlay i {
    color: rgba(255,255,255,0.86);
}
/* ICON DARK-MODE */
#dark-mode>a {
    color: #FFF;
}
#dark-mode>a:hover {
    color: #185190;
}

/* SCROLLBAR */
::-webkit-scrollbar { width: 10px;height: 10px; }
::-webkit-scrollbar-thumb { background: #c0c0c0; }
::-webkit-scrollbar-corner { background: #2a2f32; }
::-webkit-scrollbar-track { background: #272727; }
::-webkit-scrollbar-thumb:horizontal:active, ::-webkit-scrollbar-thumb:vertical:active { background: #a4a3a3; }

.well {
    background-color: rgba(33,33,33,0.77);
    border: 1px solid #e3e3e380;
}
.Signature .display>.value img{
    background: #ffffff;
    padding: 5px;
    border-radius: 5px;
}
.fc-toolbar, .fc-header-toolbar {
    background: #424242;
}
.fc-toolbar .fc-state-active {
    background-color: #17559b;
}
.fc-toolbar button {
    border: solid 1px #4b4b4b;
    background-color: #797979;
}
.fc-view-container {
    background-color: #303030;
}
.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td {
    border-color: #000!important;
}
.fc-unthemed td.fc-today {
    background: #10437d;
}
.fc-list-item:hover td {
    background-color: #444444;
}
.fc-list-table tr:first-child td {
    background-color: #555555;
}
.fc-unthemed .fc-list-empty {
    background-color: transparent;
}

/* Input calendar*/
.bootstrap-datetimepicker-widget.dropdown-menu {
    background-color: #424242!important;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-bottom: 6px solid #424242;
}
.bootstrap-datetimepicker-widget table td span:hover {
    background: #a1a1a1;
}
.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
    background: #a1a1a1;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #a1a1a1;
}

/* multiselect */
.multiselect-container.dropdown-menu {
    background-color: #3e464b;
}
button.dropdown-item.multiselect-all {
    color: #fff;
}
.multiselect-container label.form-check-label {
    color: #fff;
}
.multiselect-container .multiselect-filter > .fa-search {
    padding-left: 0.40rem;
}
input.multiselect-search.form-control {
    width: 100%;
}
.multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback), .multiselect-container .multiselect-group.active:not(.multiselect-active-item-fallback), .multiselect-container .multiselect-all.active:not(.multiselect-active-item-fallback), .multiselect-container .multiselect-option:not(.multiselect-active-item-fallback):active, .multiselect-container .multiselect-group:not(.multiselect-active-item-fallback):active, .multiselect-container .multiselect-all:not(.multiselect-active-item-fallback):active {
    background-color: #272727;
}