.ng-valid {
    border-color: #1485c9 !important;
}

.ng-valid .mat-form-field-label {
    color: #1485c9 !important;
}

/* Material */

.mat-card {
    background: #424c63 !important;
    color: #fff;
}

.mat-table {
    background: #424c63 !important;
}

.mat-paginator {
    background: #424c63 !important;
}

/* ********** */

.ibox-content {
    background-color: #424c63 !important;
    color: #cfcfcf !important;
    border-color: #2f4050 !important;
}

.ibox-title {
    background: #3a4459 !important;
    color: #fff !important;
    border-color: #2f4050 !important;
}

.form-control {
    background-color: #2f2f2f !important;
    color: #fff !important;
}

.form-control::-webkit-input-placeholder {
    color: #afafaf !important;
}

#page-wrapper {
    background-color: #3e495f !important;
}

.navbar-default {
    border-left-color: #1485c9 !important;
    border-left-style: solid !important;
}

.navbar.navbar-static-top {
    background-color: #3a4459 !important;
}

#page-wrapper > .row.border-bottom {
    border-bottom-color: #1485c9 !important;
}

a.navbar-minimalize {
    background-color: #1485c9 !important;
}

.nav.navbar-top-links {
    color: white;
}

.navbar {
    background-color: #a9a9a9 !important;
    color: #000 !important;
}

.navbar .nav > li > a {
    color: white !important;
}

.m-r-sm.welcome-message {
    color: white !important;
}

.welcome-message {
    color: #000 !important;
}

.ng-placeholder {
    color: #cfcfcf !important;
}

.ng-dropdown-panel-items {
    background: darkgray !important;
}

.ng-value-label {
    color: #fff !important;
}

.ng-clear-wrapper,
.ng-arrow {
    color: white !important;
}

.dropzone {
    background: #2f4f4f !important;
    color: #fff !important;
}

.cke_wysiwyg_div {
    background-color: #272727 !important;
}

.cke_top.cke_reset_all {
    background-color: #d3d3d3;
}

.panel {
    background-color: #3a4459 !important;
}

.bordered.isTrue {
    border-color: #1588cd !important;
}

.mat-option-text {
    color: white !important;
}