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

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

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

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

::selection {
	background-color: #2c3036;
	color: #fff
}

::-moz-selection {
	background-color: #2c3036;
	color: #fff
}

::placeholder {
	color: #cdd2d4 !important
}

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

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

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

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

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

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

#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: #545f63
	}
}

.nano>.nano-pane>.nano-slider,
.pace .pace-progress {
	background-color: #1e3a57
}

.pace .pace-progress-inner {
	box-shadow: 0 0 10px #2c3036, 0 0 5px #2c3036
}

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

.navbar-content {
	background-color: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.07)
}

.navbar-aside-icon>i:before {
	background-color: #7a878e !important;
	box-shadow: 0 0.45em 0 #7a878e, 0 0.9em 0 #7a878e !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: #566065
}

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

.navbar-top-links>li>a:not(.mainnav-toggle)>i {
	color: #FF8C5A !important;
}

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

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

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

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

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

@media (min-width:768px) {
	.navbar-header:before {
		background-color: #303641
	}

	#navbar-container {
		background-color: #fff
	}

	#container.mainnav-in .brand-title,
	#container.mainnav-sm .brand-title,
	#container.mainnav-lg .brand-title {
		color: #fff
	}
}

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

@media (min-width:768px) {
	.navbar-content .custom-search-form input {
		color: #7a878e
	}

	.navbar-content .custom-search-form input::placeholder {
		color: rgba(122, 135, 142, 0.4) !important
	}

	.navbar-content .custom-search-form input::-webkit-input-placeholder {
		color: rgba(122, 135, 142, 0.4) !important
	}

	.navbar-content .custom-search-form input::-ms-input-placeholder {
		color: rgba(122, 135, 142, 0.4) !important
	}

	.navbar-content .custom-search-form input:-ms-input-placeholder {
		color: rgba(122, 135, 142, 0.4) !important
	}
}

#mainnav {
	background-color: #303641;
	color: #afbbc7
}

#mainnav .list-header {
	color: #73889d
}

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

.mainnav-profile .profile-wrap {
	background-color: #303641
}

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

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

#mainnav .mainnav-profile .list-group-item:hover {
	color: #8295a8
}

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

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

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

#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: #2c3036
}

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

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

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

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

#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: #fff
}

#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: #2c3036;
	box-shadow: none
}

#mainnav-shortcut .shortcut-grid {
	color: #afbbc7
}

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

.mainnav-widget {
	color: #afbbc7
}

@media (min-width:768px) {

	#container.mainnav-sm ul:not(.shortcut-wrap) .shortcut-grid:hover,
	#container.mainnav-sm .popover.mainnav-shortcut {
		background-color: #233c56;
		color: #fff
	}

	#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: #afbbc7
	}

	#container.mainnav-sm #mainnav .mainnav-widget>.show-small a:hover {
		color: #fff
	}

	#container.mainnav-sm #mainnav .mainnav-widget .hover {
		color: #fff;
		background-color: #233c56
	}

	.menu-popover .sub-menu ul {
		background-color: #1b2c40
	}

	.menu-popover .sub-menu ul ul {
		background-color: #182739
	}

	.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: #afbbc7
	}

	.menu-popover .single-content {
		color: #fff;
		background-color: #233c56
	}

	.menu-popover.popover {
		background-color: #2c3036;
		color: #fff
	}

	.menu-popover>.popover-title {
		background-color: #233c56;
		color: #fff
	}

	.menu-popover .mainnav-widget-content {
		background-color: #233c56
	}
}

.mainnav-sm .popover.mainnav-shortcut {
	background-color: #2c3036;
	color: #fff
}

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

	#container.mainnav-out .brand-title {
		color: #626d73
	}
}

#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: #2c3036
}

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

#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: #7a878e
}

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

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

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

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

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

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

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

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

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

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

#footer {
	background-color: #fff;
	color: #7a878e
}

.jumbotron {
	background-color: #f2f2f2
}

.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: #fff;
	color: #7a878e
}

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

.timeline:after {
	border: 1px solid #bfc5c9;
	background-color: #fff
}

.timeline-time {
	background-color: #fff;
	color: #7a878e
}

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

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

.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: #fff
}

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

@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: #b1b9bd
}

.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: #7a878e
}

.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: #7a878e
}

.wz-icon-bw li:not(.active)>a p {
	color: #7a878e !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: #b1b9bd
}

.select select:focus {
	border-color: #2c3036
}

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

.breadcrumb li,
.breadcrumb li a {
	color: #626d73
}

.form-control:focus {
	border-color: #2c3036
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
	background-color: #2c3036;
	border-color: #2c3036;
	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: #2c3036;
	color: #fff
}

.well {
	background-color: #fcfcfc;
	border-color: #f7f7f7
}

.popover {
	border: 1px solid #fcfcfc
}

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

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

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

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

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

.tab-base .tab-content .tab-footer {
	background-color: #fff;
	color: #7a878e;
	border-color: #fff
}

.nav-tabs li a {
	color: #7a878e
}

.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: #294f75;
	border-color: #294f75 !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: #1c3550 !important;
	border-color: #1c3550 !important;
	color: #fff !important
}

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

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

.panel-footer {
	background-color: #fff;
	color: #7a878e
}

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

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

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

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

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

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

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

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

body .chosen-container-multi .chosen-choices li.search-choice,
body .chosen-container .chosen-results li.highlighted {
	background-color: #2c3036;
	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: #2c3036;
	color: #fff
}

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

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

body .datepicker-switch {
	color: #2c3036
}

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: #2c3036;
	border-color: #2c3036;
	color: #fff
}

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

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

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

body .noUi-connect {
	background: #2c3036
}

body .noUi-handle {
	background: #2c3036
}

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: #2c3036;
	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: #2c3036 !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: #2c3036;
	color: #fff;
	box-shadow: none
}

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

@keyframes dd-update {
	1% {
		color: #fff;
		background-color: #2c3036
	}

	100% {
		background-color: #fff
	}
}

@keyframes dd-dragging {
	1% {
		background-color: #fff;
		box-shadow: none
	}

	100% {
		background-color: #2c3036;
		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: #7a878e
}

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

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