body {
    color: #ffffff;
    background-color: #1c1e24;
}
body>div {
    background-color: #1c1e24!important;
    overflow: hidden;
}
/* PAGE LOGIN */
.login-overlay {
    background-color: #1c1e24;
}

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

/* MENU */
#menu {
    background-color: #1c1e24;
}
.menu-category {
    background-color: #24262d;
    color: #edeeef;
    border-top: solid 1px #2d2f38;
    cursor: pointer;
}
.menu-item {
    color: #efefef;
}
.menu-item:hover {
    color: #FFFFFF;
    background-color: #2d2f38;
}
.menu-item.active {
    color: #FFFFFF;
    background-color: #17559b;
}
@media (min-width: 954px) {
    #menu {
        border-right: solid 1px #2d2f38;
    }
}
#menu.open {
    border-right: solid 1px #1c1e24;
}
/* CONTENT*/
#content {
    background-color: transparent;
}
#content-container {
    background-color: #303440;
    box-shadow: inset 2px 4px 10px rgba(0,0,0,.2);
}

/* WIDGET */
.widget-header {
    background-color: #2d2f38;
    border-top: solid 1px #474545cc;
}
.widget-content {
    overflow: auto;
}
.widget-footer {
    background-color: #1c1e24;
    border-top: solid 1px #2d2f38;
}

#toggle {
    cursor: pointer;
    color: #FFFFFF;
}
/* VIEW-LIST */
.list-headers {
    background-color: #252831;
    box-shadow: 2px 0 3px 0 rgba(15,15,15,0.20);
}
.list-data td {
    border-bottom: solid 1px #6e6e70;
}
.list-header {
    border-bottom: solid 1px #2d2f38;
}

/* VIEW-LIST BUTTONS */
.list-row-buttons button {
    color: #d6def1;
}
.list-row-buttons button:hover {
    color: #ffffff;
}
.text-danger {
    color: #f44542;
}
/* BUTTONS */
.btn-primary {
    background-color: #185dd1;
    border-color: #1c1e24;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary.focus .btn-primary:active:focus {
    background-color: #353946!important;
    border: solid 1px #1c1e24!important;
}
.actions .btn {
    background-color: #797979;
}
.btn.focus, .btn:focus, .btn:hover {
    color: #fff;
}
/* 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(28,30,36,0.98);
    color: #FFF;
}
.popover-modal {
    border: solid 1px #1c1e24;
}
.popover-modal .popover-body {
    overflow: hidden;
}
.popover-modal:after,.popover-modal:before {
    border-bottom-color: #202228;
}

/* LIST-FILTER-PANEL */
.list-filter-panel {
    background-color: #2d303a!important;
}

.filter-panel .filters-applied {
    border: solid 1px #575b68;
    background-color: #2d2f38;
}

/* DROPDOWN-MENU */
.dropdown-menu {
    background-color: rgba(28,30,36,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: #2d2f38;
}
.view-record h3 {
    border-bottom: solid 1px #898888;
}
.record-info {
    border-top: solid 1px #575b68;
}

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

/* TABS */
.tab-content {
    border: solid 1px #1c70ff;
}
.tab-item {
    border: solid 1px #1c1e24;
    background-color: #1c1e24;
    color: rgba(255,255,255,0.72);
    cursor: pointer;
}
.tab-item.active {
    background-color: #1c70ff;
    border: solid 1px #1c70ff;
    color: #FFFFFF;
}
.tab-row {
    border-bottom: solid 3px #1c70ff;
}
.selected-tab-title {
    border: solid 1px #145bd2;
    background-color: #1c70ff;
}
.tab-menu-icon>.dropdown-toggle {
    background-color: #1c70ff!important;
    border: solid 1px #145bd2;
    color: #FFF!important;
}

/* SECTION-COLLAPSE */
.section-collapse .section-header {
    background-color: #2d2f38;
    border: solid 1px #393c49;
    border-bottom: none;
    cursor: pointer;
}
.section-collapse .section-header:hover{
    background-color: #1c70ff;
    border: none;
}
.section-collapse .row-border {
    border: solid 1px #2d2f38;
    background-color: #25272f;
}

/* FIELD-SELECT*/
select {
    background-color: #FFF;
    color: #000;
    font-weight: 500;
}
select option {
    margin: 40px;
    background-color: #15171f;
    color: #fff;
}

/* ICONS */
.fa-cloud-upload,.fa-language,.fa-circle {
    color: #00a103!important;
}
/* OVERLAY */
.overlay i {
    color: rgba(255,255,255,0.86);
    z-index: 1;
}
/* 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: #414758; }
::-webkit-scrollbar-corner { background: #24262d; }
::-webkit-scrollbar-track { background: #24262d; }
::-webkit-scrollbar-thumb:horizontal:active, ::-webkit-scrollbar-thumb:vertical:active { background: #babdc4; }

.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;
}
.Signature div>img {
    background: white;
    padding: 6px;
}
.btn-back-to-top{
    background: #1c70ff;
}
a {
    color: #809fff;
}
a:focus, a:hover {
    color: #dbe8ff;
}
.Code pre{
    color: #e6e6e6;
    background-color: #353840;
    border: 1px solid #20222a;
}
.code_editor {
    border: solid 1px #1c1e24;
}
.code_editor>.code-toolbar, .code_preview>.code-toolbar {
    background-color: #404450;
    border-bottom: 1px solid #1c1e24;
}
.panel {
    background-color: rgb(36,38,45,0.75);
}
.panel-default {
    border-color: #1c1e24;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
    background-color: #1c1e24;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-bottom: 6px solid #1c1e24;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-top: 6px solid #1c1e24;
}
.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: #2d2f38;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #2d2f38;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #2d2f38;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #2d2f38;
}
/* FIELD BOOLEAN ---------------------------------------*/
.Boolean .fa-circle-o {
    color: #f44542;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        border: 1px solid #1c1e24;
    }
}