h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
#page-title {
    color: #2b425b
}
body,
#content-container {
    color: #11171a
}
.flex-row {
    display: flex;
    flex-direction: row;
}
.flex-col {
    display: flex;
    flex-direction: column;
}
.searchbox .custom-search-form .input-group-btn:before,
.pace .pace-activity {
    background-color: #545454
}
body,
#content-container,
#navbar {
    background-color: #ecf0f5
}
::selection {
    background-color: #545454;
    color: #fff
}
::-moz-selection {
    background-color: #545454;
    color: #fff
}
#container.boxed-layout {
    background-color: #dfe5ee
}
.cls-container {
    background-color: #ecf0f5
}
.cls-container,
.cls-container a,
.cls-container a:hover,
.cls-container a:focus {
    color: #647484
}
@media(min-width:1024px) {
    #container.boxed-layout, #container.boxed-layout.navbar-fixed #navbar {
        background-color: #2b425b
    }
}
.nano>.nano-pane>.nano-slider,
.pace .pace-progress {
    background-color: #1c2429
}
.pace .pace-progress-inner {
    box-shadow: 0 0 10px #545454, 0 0 5px #545454
}
@media(min-width:768px) {
    #navbar {
        background-color: transparent
    }
}
.navbar-header {
    background-color: white
}
.navbar-content {
    background-color: white;
}
.navbar-aside-icon>i:before {
    background-color: #fff!important;
    box-shadow: 0 .45em 0 #fff, 0 .9em 0 #fff!important
}
.navbar-brand {
    background-color: transparent;
    color: #292D32;
}
.navbar-brand:hover,
.navbar-brand:focus {
    color: #292D32:
}
.navbar-icon-color,
.navbar-top-links>li>a:focus:not(.mainnav-toggle)>i,
.navbar-top-links>li>a:hover:not(.mainnav-toggle)>i {
    color: #545454;
}
.navbar-top-links>li>a {
    color: #292D32;
    font-weight: 600;
}
.navbar-top-links>li>a:not(.mainnav-toggle)>i {
    color: #292D32;
}
.navbar-top-links>li>a:hover {
    /*background-color: #313f47;*/
	background-color: rgba(0, 0, 0, 0.1);
    color: #292D32;
}
.navbar-top-links>.open>a,
.navbar-top-links>.open>a:focus {
    background-color: #313f47;
    color: #292D32;
}
.navbar-top-links .tgl-menu-btn>a,
.navbar-top-links .tgl-menu-btn>a:hover,
.navbar-top-links .tgl-menu-btn>a:focus {
    color: #292D32;
}
@media(min-width:768px) {
    .navbar-header:before {
        background-color: #545454
    }
    #navbar-container {
        background-color: #545454
    }
    #container.mainnav-in .brand-title,
    #container.mainnav-sm .brand-title,
    #container.mainnav-lg .brand-title {
        color: white;
    }
    .navbar-top-links .tgl-menu-btn>a,
    .navbar-top-links .tgl-menu-btn>a:hover,
    .navbar-top-links .tgl-menu-btn>a:focus {
        color: #292D32;
    }
}
#mainnav {
    background-color: #545454
}
#mainnav .list-header {
    font-size: 1.1em;
    color: #3CC;
}
.mainnav-profile,
.mainnav-profile .mnp-name,
.mainnav-profile .dropdown-caret,
.mainnav-profile .mnp-desc {
    color: #fff
}
#mainnav .mainnav-profile .list-group {
    background-color: #202a2f
}
#mainnav .mainnav-profile .list-group-item {
    color: #bdccd3
}
#mainnav .mainnav-profile .list-group-item:hover {
    color: #fff
}
#mainnav-menu a {
    color: #bdccd3
}
#mainnav-menu>li>a:hover,
#mainnav-menu>li>a:active {
    color: #fff
}
#mainnav-menu>li>a.hover {
    color: #fff;
    background-color: #2c3a41;
    box-shadow: inset 2px 0 0 0 #545454;
}
#mainnav-menu>.active-link>a,
#mainnav-menu>.active-link>a:hover {
    color: #292D32;
    box-shadow: inset 2px 0 0 0 #545454
}
#mainnav-menu>.active-sub>a,
#mainnav-menu>.active-sub>a:hover {
    color: #292D32;
}
#mainnav-menu>.active {
    background-color: #202a2f
}
#mainnav-menu>.active .active {
    background-color: #1c2429
}
#mainnav-menu ul a:hover,
.menu-popover .sub-menu ul a:hover,
#mainnav-menu ul ul a:hover,
.menu-popover .sub-menu ul ul a:hover,
#mainnav-menu ul .active-link a,
.menu-popover .sub-menu ul .active-link a {
    color: #fff
}
#mainnav-menu ul .active-link a,
.menu-popover .sub-menu ul .active-link a {
    box-shadow: inset 2px 0 0 0 #545454
}
#container.mainnav-sm #mainnav-menu>.active-link>a,
#container.mainnav-sm #mainnav-menu>.active-sub>a,
#container.mainnav-sm #mainnav-menu>.active-link a:hover,
#container.mainnav-sm #mainnav-menu>.active-sub a:hover {
    background-color: #545454;
    box-shadow: none
}
#mainnav-shortcut .shortcut-grid {
    color: #fff
}
.mainnav-widget {
    color: #bdccd3
}
@media(min-width:768px) {
    #container.mainnav-sm .shortcut-grid:hover {
        box-shadow: inset 2px 0 0 0 #545454
    }
    #container.mainnav-sm .shortcut-grid:hover,
    #container.mainnav-sm .popover.mainnav-shortcut {
        background-color: #2c3a41;
        color: #fff
    }
    #container.mainnav-sm #mainnav-menu a:hover {
        box-shadow: inset 2px 0 0 0 #545454
    }
    #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: #bdccd3
    }
    #container.mainnav-sm #mainnav .mainnav-widget>.show-small a:hover {
        color: #fff;
        box-shadow: inset 2px 0 0 0 #545454
    }
    #container.mainnav-sm #mainnav .mainnav-widget .hover {
        color: #fff;
        background-color: #2c3a41
    }
    .menu-popover .sub-menu ul {
        background-color: #202a2f
    }
    .menu-popover .sub-menu ul ul {
        background-color: #1c2429
    }
    .menu-popover .sub-menu ul ul>li>a:hover {
        color: #fff
    }
    .menu-popover .sub-menu ul a:hover {
        color: #fff
    }
    .menu-popover .sub-menu ul li>a {
        color: #bdccd3
    }
    .menu-popover .single-content {
        color: #fff;
        background-color: #2c3a41
    }
    .menu-popover.popover {
        background-color: #222d32;
        color: #fff
    }
    .menu-popover>.popover-title {
        background-color: #2c3a41;
        color: #fff
    }
    .menu-popover .mainnav-widget-content {
        background-color: #2c3a41
    }
}
.mainnav-sm .popover.mainnav-shortcut {
    background-color: #222d32;
    color: #fff
}
@media(min-width:768px) {
    #container.mainnav-in.easeInBack:not(.boxed-layout) #mainnav-container {
        box-shadow: -20px 0 0 0 #263238
    }
    #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: #32424a
}
#container #aside .text-main {
    color: #fff
}
#aside {
    background-color: #32424a;
    color: #fff
}
#aside .bord-all,
#aside .bord-top,
#aside .bord-btm,
#aside .bord-left,
#aside .bord-rgt,
#aside .bord-hor,
#aside .bord-ver,
#aside .list-divider {
    border-color: #394a53
}
#aside .btn-link {
    color: #fff
}
#aside .text-muted {
    color: #849eab
}
#aside-container #aside .nav-tabs li {
    border-bottom: 1px solid #28353b
}
#aside-container #aside .nav-tabs li>a {
    background-color: #32424a
}
#aside-container #aside .nav-tabs li>a:before {
    background: #545454
}
#aside-container #aside .nav-tabs .active a:before {
    background: #545454
}
#container.aside-bright #aside .nav-tabs li {
    border-bottom: 1px solid #f2f2f2
}
#container.aside-bright #aside .nav-tabs li>a {
    background-color: #fff
}
#container.aside-bright #aside {
    background-color: #fff;
    border: 1px solid #dbe3ec;
    color: #758697
}
#container.aside-bright #aside .badge-stat {
    color: #fff
}
#container.aside-bright #aside .text-main {
    color: #2b425b
}
#container.aside-bright #aside .text-light {
    color: #758697
}
#container.aside-bright #aside hr {
    border-color: #e9e9e9
}
#container.aside-bright #aside .bord-all,
#container.aside-bright #aside .bord-top,
#container.aside-bright #aside .bord-btm,
#container.aside-bright #aside .bord-lft,
#container.aside-bright #aside .bord-rgt,
#container.aside-bright #aside .bord-hor,
#container.aside-bright #aside .bord-ver,
#container.aside-bright #aside .list-divider {
    border-color: #d3dce8
}
#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: #f3f5f9;
    color: #758697
}
.open.mega-dropdown>.mega-dropdown-toggle:before {
    border-bottom: 7px solid #d0d0d0
}
.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;
    border: 1px solid #e7ecf3
}
.timeline-label:before {
    border-right: 10px solid #e6e6e6
}
.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:before {
    border-right-color: #e3e3e3
}
.panel .timeline-label:after {
    border-right-color: #f3f5f9
}
@media(min-width:768px) {
    .two-column.timeline .timeline-entry:nth-child(even) .timeline-label:before {
        border-left: 10px solid #e6e6e6
    }
    .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 #d1d9de
}
.mail-time {
    color: #afb9c3
}
.mail-list>li:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.04)
}
.mail-list>li:hover {
    background-color: rgba(0, 0, 0, 0.075)
}
.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: #f5f6f8
}
.wz-icon-bw li.active ~ li>a .icon-wrap {
    color: #758697
}
.wz-icon-bw li:not(.active)>a p {
    color: #758697!important
}
#scroll-top {
    display: none
}
#scroll-top.in {
    background-color: #404449;
    color: #fff
}
.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: #545454
}
.pci-hor-dots:before,
.pci-ver-dots:before {
    background-color: #758697;
    box-shadow: 0 .45em 0 #758697, 0 .9em 0 #758697
}
.breadcrumb li,
.breadcrumb li a {
    color: #afb9c3
}
.form-control:focus {
    border-color: #545454
}

/**
 * Custom form elements
 *    - Switch
 *    - Rounded inputs
 */

.form-control-rounded {
    border-radius: 100px;
}

.switch .form-control {
    padding-top: 7px;
    margin-bottom: 0;
}

.switch * {
    cursor: pointer;
}

.switch input {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.switch span {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #dddddd;
    border-radius: 100px;
    transition: all .5s;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1) inset;
    vertical-align: middle;
}

.switch span:after {
    content: "";
    position: absolute;
    background-color: #fff;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    border: 1px solid #ddd;
    border-radius: 400px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-transition: all .2s;
}

.switch.switch-lg span {
    width: 50px;
    height: 25px;
}

.switch.switch-lg span:after {
    height: 23px;
    width: 23px;
}

.switch.switch-sm span {
    width: 30px;
    height: 15px;
}

.switch.switch-sm span:after {
    height: 13px;
    width: 13px;
}

.switch input:checked + span {
    background-color: #545454;
    border-color: #545454;
    transition: all .5s;
}

.switch input:checked + span:after {
    left: 50%;
    transition: all .2s;
}

.form-control + .form-control-feedback,
.form-control + .parsley-errors-list + .form-control-feedback {
  right: 0;
  left: auto;
}
.input-sm + .form-control-feedback,
.input-sm + .parsley-errors-list + .form-control-feedback {
  top: 0;
}

textarea {
    resize: vertical;
}

.parsley-error {
  border-color: #f05050 !important;
}
.parsley-errors-list {
  display: none;
  margin: 0;
  padding: 0;
}
.parsley-errors-list.filled {
  display: block;
}
.parsley-errors-list > li {
  font-size: 12px;
  list-style: none;
  color: #f05050;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    background-color: #545454;
    border-color: #545454;
    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>li>a:hover {
    background-color: #545454;
    color: #fff
}
.pager li>a:hover,
.pager li>a:focus {
    background-color: #fff;
    border-color: #545454;
    color: #545454;
    box-shadow: inset 0 0 1px #545454;
    z-index: 2
}
.pagination>li a:hover,
.pagination>li a:focus {
    border-color: #545454;
    color: #545454;
    box-shadow: inset 0 0 1px #545454
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #545454;
    border-color: #545454
}
.tab-base .tab-content .tab-footer {
    background-color: #f6f8fa;
    color: #758697;
    border-color: #eff3f7
}
.tab-base .nav-tabs>li:not(.active)>a:hover {
    border-color: #545454
}
.tab-stacked-left.tab-base .nav-tabs>li:not(.active) a:hover {
    border-color: #545454;
    border-right-color: transparent
}
.tab-stacked-right.tab-base .nav-tabs>li:not(.active) a:hover {
    border-color: #545454;
    border-left-color: transparent
}
.btn-trans {
    color: #afb9c3
}
.panel-footer {
    background-color: #f6f8fa;
    color: #758697;
    border-color: #eff3f7;
    position: relative
}
.scroll-top.in {
    background-color: #545454;
    color: #fff
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background-color: #ecf0f5 !important;
}


/**
 -------------- ADDING
 */
.btn-primary {
    background-color: #292D32;
    border-color: #292D32;
}
.btn-primary:hover, .btn-primary:active {
    background-color: #545454;
    border-color: #545454;
}
.text-primary {
    color: #545454 !important;
}

.btn-mint, .btn-success {
    background-color: #3CC;
    border-color: #3CC;
}
.btn-mint:hover, .btn-success:hover {
    background-color: #0093a6;
    border-color: #0093a6;
}


.btn-danger {
    background-color: #C8172C;
    border-color: #C8172C;
}
.btn-danger:hover {
    background-color: #E74459;
    border-color: #E74459;
}