h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, #page-title {
    color: #4d627b
}

body, #content-container {
    color: #758697
}

.searchbox .custom-search-form .input-group-btn:before, .pace .pace-activity {
    background-color: #d32f2f
}

body, #content-container, #navbar {
    background-color: #ecf0f5
}

::selection {
    background-color: #d32f2f;
    color: #fff
}

::-moz-selection {
    background-color: #d32f2f;
    color: #fff
}

::placeholder {
    color: #ccd3d9 !important
}

::-webkit-input-placeholder {
    color: #ccd3d9 !important
}

::-ms-input-placeholder {
    color: #ccd3d9 !important
}

:-ms-input-placeholder {
    color: #ccd3d9 !important
}

#container.boxed-layout {
    background-color: #dfe5ee
}

.cls-container {
    background-color: #ecf0f5
}

.cls-container, .cls-container a:not(.btn), .cls-container a:hover:not(.btn), .cls-container a:focus:not(.btn) {
    color: #647484
}

#container.cls-container .cls-brand .brand-icon, #container.cls-container .cls-brand .brand-title {
    color: #4d627b
}

@media (min-width: 1024px) {
    #container.boxed-layout, #container.boxed-layout.navbar-fixed #navbar {
        background-color: #8c979b
    }
}

.nano>.nano-pane>.nano-slider, .pace .pace-progress {
    /* background-color: #c02929 */
    background-color: #008cd0;
}

.pace .pace-progress-inner {
    /* box-shadow: 0 0 10px #d32f2f, 0 0 5px #d32f2f */
    box-shadow: 0 0 10px #aeb6b7, 0 0 5px #aeb6b7;
}

@media (min-width: 768px) {
    #navbar {
        background-color: transparent
    }
}

.navbar-content {
    background-color: #d32f2f
}

.navbar-aside-icon>i:before {
    background-color: #fff !important;
    box-shadow: 0 0.45em 0 #fff, 0 0.9em 0 #fff !important
}

.navbar-icon-color, .navbar-top-links>li>a:focus:not(.mainnav-toggle)>i, .navbar-top-links>li>a:hover:not(.mainnav-toggle)>i {
    color: #d9d9d9
}

.navbar-top-links>li>a {
    color: #fff
}

.navbar-top-links>li>a:not(.mainnav-toggle)>i {
    color: #fff
}

.navbar-top-links>li>a:hover {
    background-color: #d32f2f !important;
    color: #d9d9d9
}

.navbar-top-links>.open>a, .navbar-top-links>.open>a:focus {
    background-color: #ca2b2b !important;
    color: #d9d9d9
}

.navbar-top-links .tgl-menu-btn>a, .navbar-top-links .tgl-menu-btn>a:hover, .navbar-top-links .tgl-menu-btn>a:focus {
    color: #fff
}

.navbar-top-links .head-list li a i {
    color: #4d627b
}

.navbar-top-links .head-list li a:hover {
    color: #758697
}

@media (min-width: 768px) {
    .navbar-header:before {
        background-color: #d32f2f
    }
    #navbar-container {
        background-color: #d32f2f
    }
    #container.mainnav-in .brand-title, #container.mainnav-sm .brand-title, #container.mainnav-lg .brand-title {
        color: #fff
    }
}

.navbar-content .custom-search-form i {
    color: #fff
}

@media (min-width: 768px) {
    .navbar-content .custom-search-form input {
        color: #fff
    }
    .navbar-content .custom-search-form input::placeholder {
        color: rgba(255, 255, 255, 0.4) !important
    }
    .navbar-content .custom-search-form input::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.4) !important
    }
    .navbar-content .custom-search-form input::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.4) !important
    }
    .navbar-content .custom-search-form input:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.4) !important
    }
}

#mainnav {
    background-color: #fff;
    color: #6b737c
}

#mainnav .list-header {
    color: #3c4045
}

.mainnav-profile, .mainnav-profile .mnp-name, .mainnav-profile .dropdown-caret, .mainnav-profile .mnp-desc {
    color: #4d627b
}

.mainnav-profile .profile-wrap {
    /* background-color: #fff; */
    background-image: linear-gradient(#d32f2f, white, white);
}

#mainnav .mainnav-profile .list-group {
    background-color: #fafafa
}

#mainnav .mainnav-profile .list-group-item {
    color: #4d627b
}

#mainnav .mainnav-profile .list-group-item:hover {
    color: #303d4c
}

#mainnav-menu>li>a:hover, #mainnav-menu>li>a:active {
    color: #d32f2f
}

#mainnav-menu>li>a.hover {
    color: #d32f2f;
    background-color: #fff
}

#mainnav-menu>.active-link>a, #mainnav-menu>.active-link>a:hover {
    color: #fff;
    background-color: #d32f2f
}

#mainnav-menu>.active-link>a i, #mainnav-menu>.active-link>a:hover i {
    color: #fff
}

#mainnav-menu>.active-sub>a, #mainnav-menu>.active-sub>a:hover {
    color: #fff;
    background-color: #d32f2f
}

#mainnav-menu>.active-sub .active-sub>a, #mainnav-menu>.active-sub .active-sub>a:hover {
    color: #d32f2f
}

#mainnav-menu .active:not(.active-sub)>a {
    color: #d32f2f
}

#mainnav-menu>.active {
    background-color: #fafafa
}

#mainnav-menu>.active .active {
    background-color: #f5f5f5
}

#mainnav-menu ul a:hover, #mainnav-menu ul ul a:hover, #mainnav-menu ul .active-link a, .menu-popover .sub-menu ul a:hover, .menu-popover .sub-menu ul ul a:hover, .menu-popover .sub-menu ul .active-link a {
    color: #d32f2f
}

#container.mainnav-sm #mainnav-menu>.active-link>a, #container.mainnav-sm #mainnav-menu>.active-link a:hover, #container.mainnav-sm #mainnav-menu>.active-sub>a, #container.mainnav-sm #mainnav-menu>.active-sub a:hover {
    background-color: #d32f2f;
    box-shadow: none
}

#mainnav-shortcut .shortcut-grid {
    color: #6b737c
}

#mainnav-shortcut .shortcut-wrap .shortcut-grid:hover>.icon-wrap {
    background-color: #d32f2f;
    color: #fff
}

.mainnav-widget {
    color: #6b737c
}

@media (min-width: 768px) {
    #container.mainnav-sm ul:not(.shortcut-wrap) .shortcut-grid:hover, #container.mainnav-sm .popover.mainnav-shortcut {
        background-color: #fff;
        color: #d32f2f
    }
    #container.mainnav-sm #mainnav-menu .active-link>a, #container.mainnav-sm #mainnav-menu .active-sub>a {
        color: #fff
    }
    #container.mainnav-sm #mainnav {
        position: relative
    }
    #container.mainnav-sm #mainnav .mainnav-widget>.show-small a {
        color: #6b737c
    }
    #container.mainnav-sm #mainnav .mainnav-widget>.show-small a:hover {
        color: #d32f2f
    }
    #container.mainnav-sm #mainnav .mainnav-widget .hover {
        color: #d32f2f;
        background-color: #fff
    }
    .menu-popover .sub-menu ul {
        background-color: #f7f7f7
    }
    .menu-popover .sub-menu ul ul {
        background-color: #f2f2f2
    }
    .menu-popover .sub-menu ul ul>li>a:hover {
        color: #d32f2f
    }
    .menu-popover .sub-menu ul a:hover {
        color: #d32f2f
    }
    .menu-popover .sub-menu ul li>a {
        color: #6b737c
    }
    .menu-popover .single-content {
        color: #d32f2f;
        background-color: #fff
    }
    .menu-popover.popover {
        background-color: #fafafa;
        color: #d32f2f
    }
    .menu-popover>.popover-title {
        background-color: #fff;
        color: #d32f2f
    }
    .menu-popover .mainnav-widget-content {
        background-color: #fff
    }
}

.mainnav-sm .popover.mainnav-shortcut {
    background-color: #fafafa;
    color: #d32f2f
}

@media (min-width: 768px) {
    #container.mainnav-in.easeInBack:not(.boxed-layout) #mainnav-container {
        box-shadow: -20px 0 0 0 #fff
    }
    #container.mainnav-out .brand-title {
        color: #fff
    }
}

#container #aside .list-link li a:not(.btn) {
    color: #d1d1d1
}

#container #aside .list-link li a:not(.btn):hover {
    color: #fff
}

#container #aside .badge-stat {
    color: #344146
}

#container #aside .text-main {
    color: #fff
}

#aside {
    background-color: #344146;
    color: #fff
}

#aside .btn-link {
    color: #fff
}

#aside .text-muted {
    color: #879da6
}

#aside-container #aside .nav-tabs li {
    border-bottom: 1px solid #293337
}

#aside-container #aside .nav-tabs li>a {
    background-color: #344146
}

#aside-container #aside .nav-tabs li>a:before {
    background: #d32f2f
}

#aside-container #aside .nav-tabs .active a:before {
    background: #d32f2f
}

#container.aside-bright #aside .nav-tabs li {
    border-bottom: 1px solid #f9f9f9
}

#container.aside-bright #aside .nav-tabs li>a {
    background-color: #fff
}

#container.aside-bright #aside {
    background-color: #fff;
    color: #758697
}

#container.aside-bright #aside .badge-stat {
    color: #fff
}

#container.aside-bright #aside .text-main {
    color: #4d627b
}

#container.aside-bright #aside .text-light {
    color: #758697
}

#container.aside-bright #aside .text-muted {
    color: #afb9c3
}

#container.aside-bright #aside .progress {
    background-color: #e6e6e6
}

#container.aside-bright #aside .list-link li a:not(.btn) {
    color: #8493a2
}

#container.aside-bright #aside .list-link li a:not(.btn):hover {
    color: #758697
}

#container.aside-bright #aside a:not(.btn) {
    color: #758697
}

#container.aside-bright #aside a:not(.btn):hover, #container.aside-bright #aside a:not(.btn):focus {
    color: #5d6d7c
}

#container.aside-bright #aside .btn-link {
    color: #758697
}

#footer {
    background-color: #f6f8fa;
    color: #758697
}

.jumbotron {
    background-color: #dbe3ec
}

.open.mega-dropdown>.mega-dropdown-toggle:before {
    border-bottom: 7px solid rgba(0, 0, 0, 0.07)
}

.open.mega-dropdown>.mega-dropdown-toggle:after {
    border-bottom: 7px solid #fff
}

.timeline {
    background-color: #ecf0f5;
    color: #758697
}

.timeline:before, .timeline:after {
    background-color: #bec6ce
}

.timeline:after {
    border: 1px solid #bec6ce;
    background-color: #ecf0f5
}

.timeline-time {
    background-color: #ecf0f5;
    color: #758697
}

.timeline-icon:not([class*="bg-"]) {
    background-color: #ecf0f5
}

.timeline-icon:empty {
    border: 2px solid #bec6ce
}

.timeline-label {
    background-color: #fff
}

.timeline-label:after {
    border-right: 9px solid #fff
}

.panel .timeline, .panel .timeline:after, .panel .timeline-time, .panel .timeline-label, .panel .timeline-icon:not([class^="bg-"]):not([class*=" bg-"]) {
    background-color: #fff
}

.panel .timeline-label {
    background-color: #f3f5f9
}

.panel .timeline-label:after {
    border-right-color: #f3f5f9
}

@media (min-width: 768px) {
    .two-column.timeline .timeline-entry:nth-child(even) .timeline-label:after {
        border-left: 9px solid #fff
    }
}

.tag:not(.label) {
    background-color: #fff;
    border: 1px solid #d4dee0
}

.mail-time {
    color: #afb9c3
}

.mail-list>li:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.01)
}

.mail-list>li:hover {
    background-color: rgba(0, 0, 0, 0.05)
}

.mail-list>li.highlight {
    background-color: #f2f0c2
}

.mail-list a, .mail-list a:focus {
    display: inline-block;
    color: #758697
}

.mail-star>a, .mail-star>a:focus {
    color: #d3d7da
}

.mail-starred .mail-star>a {
    color: #ffa100
}

.mail-list .mail-star>a:hover {
    color: #ffbd4d
}

.mail-attach-list>li .mail-file-img, .mail-attach-list>li .mail-file-icon {
    background-color: #f8f9fa
}

.wz-icon-bw li.active~li>a .icon-wrap {
    color: #758697
}

.wz-icon-bw li:not(.active)>a p {
    color: #758697 !important
}

.alert-primary .alert-icon {
    color: #fff
}

.alert-info .alert-icon {
    color: #fff
}

.alert-success .alert-icon {
    color: #fff
}

.alert-warning .alert-icon {
    color: #fff
}

.alert-danger .alert-icon {
    color: #fff
}

.alert-mint .alert-icon {
    color: #fff
}

.alert-purple .alert-icon {
    color: #fff
}

.alert-pink .alert-icon {
    color: #fff
}

.alert-dark .alert-icon {
    color: #fff
}

.select:before {
    border-top-color: #afb9c3
}

.select select:focus {
    border-color: #d32f2f
}

.pci-hor-dots:before, .pci-ver-dots:before {
    background-color: #758697;
    box-shadow: 0 0.45em 0 #758697, 0 0.9em 0 #758697
}

.breadcrumb li, .breadcrumb li a {
    color: #5d6d7c
}

.form-control:focus {
    border-color: #d32f2f
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-color: #d32f2f;
    border-color: #d32f2f;
    color: #fff
}

.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
    color: #fff
}

.dropdown-menu:not(.head-list)>li>a:hover {
    background-color: #d32f2f;
    color: #fff
}

.well {
    background-color: #e9edf3;
    border-color: #e2e8f0
}

.popover {
    border: 1px solid #e9edf3
}

.pager li>a:active {
    background-color: #d32f2f !important;
    color: #fff !important
}

.pager li>a:hover, .pager li>a:focus {
    background-color: #fff;
    border-color: #d32f2f;
    color: #d32f2f;
    box-shadow: inset 0 0 1px #d32f2f, 0 3px 15px rgba(0, 0, 0, 0.25);
    z-index: 2
}

.pagination>li a:hover, .pagination>li a:focus {
    border-color: #d32f2f;
    color: #d32f2f;
    box-shadow: inset 0 0 1px #d32f2f
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #d32f2f;
    border-color: #d32f2f
}

.tab-base .tab-content {
    background-color: #fff
}

.tab-base .tab-content .tab-footer {
    background-color: #f6f8fa;
    color: #758697;
    border-color: #eff3f7
}

.nav-tabs li a {
    color: #758697
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #4d627b
}

.btn-primary, .btn-primary:focus {
    background-color: #d63c3c;
    border-color: #d63c3c !important;
    color: #fff
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary:disabled, .btn-primary.disabled, .btn-primary:not([class*="btn-active-"])+.dropdown-menu>li>a:hover, .btn-primary:not([class*="btn-active-"])+.dropdown-menu>li>a:focus, .btn-primary:not([class*="btn-active-"])+.dropdown-menu>.active>a, .btn-primary+.dropdown-menu:not(.head-list)>li>a.active, .open>.dropdown-toggle.btn-primary, .btn-hover-primary:hover, .btn-hover-primary:active, .btn-hover-primary.active, .btn-active-primary.btn:active, .btn-active-primary.btn.active, .btn-active-primary+.dropdown-menu>li>a:hover, .btn-active-primary+.dropdown-menu>li>a:focus, .btn-active-primary+.dropdown-menu>.active>a, .open .dropdown-toggle.btn.btn-active-primary, .btn-group.open .dropdown-toggle.btn.btn-active-primary {
    background-color: #b72727 !important;
    border-color: #b72727 !important;
    color: #fff !important
}

.panel-primary .panel-heading, .panel-primary .panel-footer, .panel-primary.panel-colorful {
    background-color: #d32f2f;
    border-color: #d32f2f;
    color: #fff
}

.panel-primary.panel-colorful {
    box-shadow: 0 1px 1px #811b1b
}

.panel-footer {
    background-color: #fdfdfe;
    color: #758697
}

.magic-radio+label:hover:before, .magic-checkbox+label:hover:before {
    border-color: #d32f2f
}

.magic-checkbox:checked+label:before {
    background: #d32f2f;
    border-color: #d32f2f
}

.magic-radio+label:after {
    background: #d32f2f
}

.magic-radio:checked+label:before {
    border-color: #d32f2f
}

.magic-radio:checked:focus+label:before, .magic-checkbox:checked:focus+label:before {
    box-shadow: 0 0 0 10px rgba(211, 47, 47, 0.17), inset 0 0 0 10px rgba(22, 119, 179, 0.17)
}

.alert-primary, .btn-primary {
    border-color: #d32f2f
}

.label-primary, .badge-primary, .progress-bar-primary, .alert-primary, .bg-primary {
    background-color: #d32f2f;
    color: #fff
}

.scroll-top.in {
    background-color: #d32f2f;
    color: #fff
}

body .chosen-container-multi .chosen-choices li.search-choice, body .chosen-container .chosen-results li.highlighted {
    background-color: #d32f2f;
    color: #fff
}

body .select2-container--default .select2-results__option[aria-selected="true"]:hover, body .select2-container--default .select2-selection--multiple .select2-selection__choice, body .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #d32f2f;
    color: #fff
}

body .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-color: #d32f2f
}

body .datepicker table thead {
    color: #4d627b
}

body .datepicker-switch {
    color: #d32f2f
}

body .datepicker table tr td span.active.active, body .datepicker table tr td span.active.disabled.active, body .datepicker table tr td span.active.disabled:active, body .datepicker table tr td span.active.disabled.active:hover, body .datepicker table tr td span.active.disabled:hover:active, body .datepicker table tr td span.active:active, body .datepicker table tr td span.active.active:hover, body .datepicker table tr td span.active:hover:active, body .datepicker table tr td.active.active, body .datepicker table tr td.active.highlighted.active, body .datepicker table tr td.active.highlighted:active, body .datepicker table tr td.active:active, body .datepicker table tr td.selected, body .datepicker table tr td.selected.highlighted {
    background-color: #d32f2f;
    border-color: #d32f2f;
    color: #fff
}

body .datepicker table tr td.active.active:hover {
    background-color: #ab2424
}

body .datepicker table tr td.range {
    background-color: #eeadad
}

body .bootstrap-timepicker-widget table td a {
    color: #4d627b
}

body .noUi-connect {
    background: #d32f2f
}

body .noUi-handle {
    background: #d32f2f
}

body .noUi-marker-large, body .noUi-marker {
    background: rgba(255, 255, 255, 0.2)
}

body .fixed-table-container tbody .selected td, body #container .table.dataTable tbody tr.selected {
    background-color: #d32f2f;
    color: #fff
}

body .fixed-table-container tbody .selected td .text-muted, body .fixed-table-container tbody .selected td .btn-link, body #container .table.dataTable tbody tr.selected .text-muted, body #container .table.dataTable tbody tr.selected .btn-link {
    color: #fff
}

body .jstree-default .jstree-clicked {
    background-color: #d32f2f !important;
    color: #fff
}

body .dd-dragel {
    color: #4d627b
}

body .dd-dragel .dd-handle-btn:before {
    background-color: #fff;
    color: #fff
}

body .dd-dragel .dd-content, body .dd-dragel>.dd-item .dd-handle {
    background-color: #d32f2f;
    color: #fff;
    box-shadow: none
}

body .dd-outline:hover, body .dd-dashed:hover {
    border-color: #d32f2f
}

@keyframes dd-update {
    1% {
        color: #fff;
        background-color: #d32f2f
    }
    100% {
        background-color: #fff
    }
}

@keyframes dd-dragging {
    1% {
        background-color: #fff;
        box-shadow: none
    }
    100% {
        background-color: #d32f2f;
        color: #fff;
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15)
    }
}

body .note-editable.panel-body {
    border: 1px solid rgba(0, 0, 0, 0.07)
}

#content-container:before {
    content: '';
    display: none
}

#page-head, #page-content {
    position: static
}

.page-header {
    color: #4d627b
}

#page-head, #page-head h1, #page-head h2, #page-head h3, #page-head h4, #page-head h5, #page-head h6, #page-head .text-main, #page-head .breadcrumb li, #page-head .breadcrumb li a, #page-head .breadcrumb .active {
    color: #4d627b
}

#page-head .breadcrumb>li+li:before {
    border-color: #4d627b
}

.select select {
    color: #758697
}

.panel .fixed-fluid [class*="fixed-"] {
    background-color: transparent
}

.fixed-fluid [class*="fixed-"] {
    background-color: #ecf0f5;
    border-radius: 3px
}

#content-container:before {
    content: '';
    display: block;
    height: 165px;
    width: 100%;
    position: absolute;
    background-color: #d32f2f;
    z-index: 0
}

#page-head, #page-content {
    position: relative
}

.page-header, #page-head, #page-head h1, #page-head h2, #page-head h3, #page-head h4, #page-head h5, #page-head h6, #page-head .text-main, #page-head .breadcrumb li, #page-head .breadcrumb li a, #page-head .breadcrumb .active {
    color: #fff
}

#page-head .breadcrumb>li+li:before {
    border-color: #fff
}

#page-head .select select {
    color: #758697
}

.panel .fixed-fluid [class*="fixed-"] {
    background-color: transparent
}

.fixed-fluid [class*="fixed-"] {
    background-color: #ecf0f5;
    border-radius: 3px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	select:focus,
	textarea:focus,
	input:focus {
		font-size: 16px;
	}
}