/* Base */
a,
.btn-link {
	color: #408CBC;
}

a:hover,
a:focus,
.btn-link:hover,
.btn-link:focus {
	color: #35739A;
}

a:active,
.btn-link:active {
	color: #35739A;
}

.btn-link i{
	padding-right:5px;
}

/* Application Header Dropdown */
a,
.application-header {
	color: #FFFFFF;
}

a:hover,
a:focus,
.application-header:hover,
.application-header:focus {
	color: #FFFFFF;
}

a:active,
.application-header:active {
	color: #408CBC;
}

/* Sidebar Left */
.sidebar-left .sidebar-header .sidebar-toggle:hover i {
	color: #408CBC;
}

@media only screen and (min-width: 768px) {
	html.sidebar-left-collapsed.scroll .sidebar-left .nav-main li.nav-active a:hover,
  html.sidebar-left-collapsed.boxed .sidebar-left .nav-main li.nav-active a:hover {
		color: #408CBC;
	}

	html.sidebar-left-collapsed.scroll .sidebar-left .nav-main > li:hover > a span.label,
  html.sidebar-left-collapsed.boxed .sidebar-left .nav-main > li:hover > a span.label {
		background-color: #408CBC;
	};
}
/* Layout Boxed - small than min-width */
@media only screen and (max-width: 1199px) {
	html.boxed .header {
		border-top-color: #408CBC;
	};
}
/* Layout Boxed - larger or equal min width */
@media only screen and (min-width: 1200px) {
	html.boxed .header {
		border-top-color: #408CBC;
	}

	html.boxed .sidebar-right {
		border-top-color: #408CBC;
		min-height: 0;
	};
}
/* Userbox - Open */
.userbox.open .dropdown-menu a:hover {
	background: #408CBC;
}
/* Mailbox */
.mailbox .mailbox-mail-list li.active {
	background: #408CBC;
}

.mailbox .mailbox-mail .mailbox-close-mail {
	color: #408CBC;
}

.mailbox .mailbox-mail .mailbox-close-mail:hover {
	color: #7d2fa1;
}

.mailbox .mailbox-mail .panel .panel-heading .panel-actions a:hover {
	color: #408CBC;
}
/* Media Gallery */
.media-gallery ul.mg-tags > li a:hover {
	background-color: #408CBC;
}

.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-zoom {
	background-color: #408CBC;
}

.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar {
	background-color: #408CBC;
}

.media-gallery .mg-files .thumbnail.thumbnail-selected {
	box-shadow: 0 0 8px -1px #408CBC;
}
/* Sign Screens - Wrappers */
.body-sign .panel-sign .panel-title-sign .title {
	background-color: #408CBC;
}

.body-sign .panel-sign .panel-body {
	border-top-color: #408CBC;
}
/* Lock Screen */
.body-locked .current-user .user-image {
	border-color: #408CBC;
}
/* Blockquote */
blockquote.primary {
	border-color: #408CBC;
}
/* Nav Pills */
.nav-pills-primary > li a:hover,
.nav-pills-primary > li a:focus {
	color: #408CBC;
	background-color: #408cbc;
}

.nav-pills-primary > li.active > a,
.nav-pills-primary > li.active > a:hover,
.nav-pills-primary > li.active > a:active,
.nav-pills-primary > li.active > a:focus {
	background-color: #408CBC;
}
/* Dropdown Menu */
.dropdown-menu  > .active  > a,
.dropdown-menu  > .active  > a:hover,
.dropdown-menu  > .active  > a:focus {
	background-color: #408CBC;
}

.open > .dropdown-toggle.btn-primary {
	background: #35739A;
	border-color: #35739A;
}

body .btn-primary.dropdown-toggle {
	border-left-color: #35739A;
}
/* Buttons */
body .btn-primary {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #408CBC;
	border-color: #35739A;
}

body .btn-primary:hover {
	border-color: #35739A !important;
	background-color: #35739A;
}

body .btn-primary:active,
body .btn-primary:focus {
	border-color: #35739A !important;
	background-color: #35739A;
}

body .btn-primary[disabled] {
	border-color: #35739A !important;
	background-color: #408CBC;
}

body .btn-success {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #47a447;
	border-color: #47a447;
}

body .btn-success:hover {
	border-color: #51b451 !important;
	background-color: #51b451;
}

body .btn-success:active,
body .btn-success:focus {
	border-color: #3f923f !important;
	background-color: #3f923f;
}

body .btn-success[disabled] {
	border-color: #86cb86 !important;
	background-color: #86cb86;
}

body .btn-warning {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #ed9c28;
	border-color: #ed9c28;
}

body .btn-warning:hover {
	border-color: #efa740 !important;
	background-color: #efa740;
}

body .btn-warning:active,
body .btn-warning:focus {
	border-color: #e89113 !important;
	background-color: #e89113;
}

body .btn-warning[disabled] {
	border-color: #f5c786 !important;
	background-color: #f5c786;
}

body .btn-danger {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #d2322d;
	border-color: #d2322d;
}

body .btn-danger:hover {
	border-color: #d64742 !important;
	background-color: #d64742;
}

body .btn-danger:active,
body .btn-danger:focus {
	border-color: #bd2d29 !important;
	background-color: #bd2d29;
}

body .btn-danger[disabled] {
	border-color: #e48481 !important;
	background-color: #e48481;
}

body .btn-info {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #408CBC;
	border-color: #408CBC;
}

body .btn-info:hover {
	border-color: #35739A !important;
	background-color: #35739A;
}

body .btn-info:active,
body .btn-info:focus {
	border-color: #46b8da !important;
	background-color: #46b8da;
}

body .btn-info[disabled] {
	border-color: #b0e1ef !important;
	background-color: #b0e1ef;
}

body .btn-dark {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #171717;
	border-color: #171717;
}

body .btn-dark:hover {
	border-color: #242424 !important;
	background-color: #242424;
}

body .btn-dark:active,
body .btn-dark:focus {
	border-color: #0a0a0a !important;
	background-color: #0a0a0a;
}

body .btn-dark[disabled] {
	border-color: #4a4a4a !important;
	background-color: #4a4a4a;
}
/* Switch*/
.switch.switch-primary .ios-switch .on-background {
	background: #408CBC;
}
/* Label */
.label-primary {
	background: #408CBC;
}
/* Text Primary */
.text-primary {
	color: #585858 !important;
}
/* BG Primary */
.bg-primary {
	background: #408CBC;
}
/* Alternative Font Style */
.alternative-font {
	color: #408CBC;
}
/* Hightlight */
.highlight {
	background-color: #408CBC;
}
/* Drop Caps */
p.drop-caps.colored:first-child:first-letter {
	color: #408CBC;
}

p.drop-caps.colored.secundary:first-child:first-letter {
	background-color: #408CBC;
}
/* Well */
.well.primary {
	background: #408CBC;
	border-color: #35739A;
}
/* Form */
.form-control:focus {
	border-color: #a650cc;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(110, 41, 141, 0.3);
}
/* Header */
.header .toggle-sidebar-left {
	background: #408CBC;
}
/* Page Header */
.nav-header h2 {
	border-bottom-color: #0082CA;
}

.nav-header .sidebar-right-toggle:hover {
	color: #408CBC;
}
/* Navigation */
ul.nav-main > li.nav-active > a {
	box-shadow: 10px 0 0 #35739A inset;
}

ul.nav-main > li.nav-active > i {
	color: #408CBC;
}

ul.nav-main li .nav-children li.nav-active > a {
	background: #35739A;
	color: #FFFFFF
}

html.sidebar-light:not(.dark) ul.nav-main > li.nav-active > a {
	color: #408CBC;
}
/* Nano Scroller Plugin */
html.no-overflowscrolling .nano > .nano-pane > .nano-slider {
	background: #4D4D4D;
}
/* Nav Pills */
.nav-pills > .active a,
.nav-pills > .active a:hover,
.nav-pills > .active a:focus {
	background-color: #408CBC;
}
/* Pagination */
.pagination > li a {
	color: #408CBC;
}

.pagination > li a:hover,
.pagination > li a:focus {
	color: #7d2fa1;
}

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

.pagination > li.active a {
	background-color: #408CBC;
}

html .pagination > li.active a,
html.dark .pagination > li.active a,
html .pagination > li.active span,
html.dark .pagination > li.active span,
html .pagination > li.active a:hover,
html.dark .pagination > li.active a:hover,
html .pagination > li.active span:hover,
html.dark .pagination > li.active span:hover,
html .pagination > li.active a:focus,
html.dark .pagination > li.active a:focus,
html .pagination > li.active span:focus,
html.dark .pagination > li.active span:focus {
	background-color: #408CBC;
	border-color: #408CBC;
}

html .pagination > li.active a,
html.dark .pagination > li.active a {
	background-color: #408CBC;
}
/* Fullcalendar */
.fc .fc-toolbar h2:before {
	color: #408CBC;
}

.fc .fc-toolbar .fc-button.fc-state-active {
	background-color: #408CBC;
}

.fc-event {
	background: #408CBC;
	border-color: #408CBC;
}

.fc-event.fc-event-primary {
	background: #408CBC;
	border-color: #408CBC;
}
/* Maps */
.jqvmap-zoomin,
.jqvmap-zoomout {
	background: #408CBC;
}
/* Timeline */
.timeline .tm-items > li .tm-datetime .tm-datetime-time {
	color: #408CBC;
}

.timeline .tm-items > li .tm-icon {
	border-color: #408CBC;
	color: #408CBC;
}

.timeline.timeline-simple .tm-body .tm-items > li:before {
	background: #408CBC;
	box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #408CBC;
}

html.dark .timeline.timeline-simple .tm-body .tm-items > li:before {
	background: #408CBC;
	box-shadow: 0 0 0 3px #2e353e, 0 0 0 6px #408CBC;
}
/* Princing Table */
.pricing-table h3 span {
	color: #408CBC;
}

.pricing-table .most-popular h3 {
	background-color: #408CBC !important;
	color: #FFF !important;
}
/* Data Tables Loading */
.dataTables_processing {
	background-color: #408CBC;
}
/* Accordion */
.panel-group .panel-accordion .panel-heading a {
	color: #408CBC;
}
/* Alerts */
.alert-primary {
	background-color: #408CBC;
	border-color: #35739A;
}

.alert-primary .alert-link {
	color: #30123e;
}
/* Nestable */
.dd-handle:hover {
	color: #408CBC !important;
}

.dd-placeholder {
	background: #ecdaf4;
	border-color: #408CBC;
}
/* Panels */
.panel-highlight .panel-heading {
	background-color: #408CBC;
	border-color: #408CBC;
}

.panel-highlight .panel-body {
	background-color: #408CBC;
}

html .panel-primary .panel-heading {
	background: #408CBC;
	border-color: #408CBC;
}

.panel-heading.bg-primary {
	background: #408CBC;
}

.panel-body.bg-primary {
	background: #408CBC;
}

.panel-featured-primary {
	border-color: #408CBC;
}

.panel-featured-primary .panel-title {
	color: #408CBC;
}

.panel-heading-icon.bg-primary {
	background: #408CBC;
}

.panel-group .panel-accordion-primary .panel-heading .panel-title a {
	background: #408CBC;
}
/* Progress Bar */
.progress-bar {
	background-color: #408CBC;
}

.progress .progress-bar-primary {
	background-color: #408CBC;
}
/* Toggle */
.toggle label {
	border-left-color: #408CBC;
	color: #408CBC;
}

.toggle.active > label {
	background: #408CBC !important;
	border-color: #408CBC;
}
/* Treeview */
.jstree-default .jstree-hovered {
	background-color: #CDCDCD !important;
	color: #408CBC;
}

.jstree-default .jstree-clicked {
	background-color: #408cbc !important;
	color: #FFFFFF;
}

.jstree-default .colored {
	color: #408CBC !important;
}

.jstree-default .colored .jstree-icon {
	color: #408CBC !important;
}

.jstree-default .colored-icon .jstree-icon {
	color: #408CBC !important;
}
/* Widgets */
.sidebar-widget.widget-tasks ul li:before {
	border-color: #408CBC;
}

.widget-twitter-profile {
	background-color: #408CBC;
}

.widget-twitter-profile .profile-quote {
	background-color: #0082CA;
}

.widget-twitter-profile .profile-quote .quote-footer {
	border-top-color: rgba(141, 52, 181, 0.7);
}

.widget-profile-info .profile-info .profile-footer {
	border-top-color: rgba(141, 52, 181, 0.7);
}
/* Thumb Info */
.thumb-info .thumb-info-type {
	background-color: #408CBC;
}
/* Social Icons */
.social-icons-list a {
	background: #408CBC;
}
/* Notifications */
.notifications .notification-menu .notification-title {
	background: #408CBC;
}

.notifications .notification-menu .notification-title .label-default {
	background-color: #35739A;
}

.notifications .notification-menu:before,
.notifications .notification-icon:before {
	border-bottom-color: #408CBC;
}

.ui-pnotify .notification-primary {
	background: #408CBC;
}

.ui-pnotify.stack-bar-top .notification-primary,
.ui-pnotify.stack-bar-bottom .notification-primary {
	background: #408CBC;
}

.ui-pnotify.notification-primary .notification,
.ui-pnotify.notification-primary .notification-primary {
	background: #408CBC;
}

.ui-pnotify.notification-primary.stack-bar-top .notification,
.ui-pnotify.notification-primary.stack-bar-bottom .notification,
.ui-pnotify.notification-primary.stack-bar-top .notification-primary,
.ui-pnotify.notification-primary.stack-bar-bottom .notification-primary {
	background: #408CBC;
}
/* Modal */
.modal-block-primary .fa {
	color: #408CBC;
}

.modal-block-primary.modal-header-color .panel-heading {
	background-color: #408CBC;
}

.modal-block-primary.modal-full-color .panel {
	background-color: #35739A;
}

.modal-block-primary.modal-full-color .panel-heading {
	background-color: #408CBC;
}

.modal-block-primary.modal-full-color .panel-footer {
	background-color: #35739A;
}
/* Modal Icon */
.modal-block-primary .modal-icon .fa {
	color: #408CBC;
}
/* Tabs */
html body .tabs-primary .nav-tabs li a,
html.dark body .tabs-primary .nav-tabs li a,
html body .tabs-primary .nav-tabs.nav-justified li a,
html.dark body .tabs-primary .nav-tabs.nav-justified li a,
html body .tabs-primary .nav-tabs li a:hover,
html.dark body .tabs-primary .nav-tabs li a:hover,
html body .tabs-primary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover {
	color: #408CBC;
}

html body .tabs-primary .nav-tabs li a:hover,
html.dark body .tabs-primary .nav-tabs li a:hover,
html body .tabs-primary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover {
	border-top-color: #408CBC;
}

html body .tabs-primary .nav-tabs li.active a,
html.dark body .tabs-primary .nav-tabs li.active a,
html body .tabs-primary .nav-tabs.nav-justified li.active a,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active a,
html body .tabs-primary .nav-tabs li.active a:hover,
html.dark body .tabs-primary .nav-tabs li.active a:hover,
html body .tabs-primary .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:hover,
html body .tabs-primary .nav-tabs li.active a:focus,
html.dark body .tabs-primary .nav-tabs li.active a:focus,
html body .tabs-primary .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #408CBC;
	color: #408CBC;
}

html body .tabs-primary.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li a:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #408CBC;
}

html body .tabs-primary.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #FFF;
	border-bottom-color: #408CBC;
}

html body .tabs-primary.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li a:hover {
	border-left-color: #408CBC;
}

html body .tabs-primary.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a,
html body .tabs-primary.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-primary.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #408CBC;
}

html body .tabs-primary.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li a:hover {
	border-right-color: #408CBC;
}

html body .tabs-primary.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a,
html body .tabs-primary.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-primary.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #408CBC;
}
/* Simple List */
ul.simple-bullet-list li:before {
	border-color: #408CBC;
}
/* Simple Card List */
.simple-card-list li.primary {
	background: #408CBC;
}
/* Search Results */
.search-content .search-toolbar .nav-pills li.active a {
	color: #408CBC;
	border-bottom-color: #408CBC;
}

.search-results-list .result-thumb .fa {
	background: #408CBC;
}
/* Scrollable */
.scrollable.colored-slider .scrollable-slider {
	background: #408CBC;
}

html.dark .search-content .search-toolbar .nav-pills li.active a,
html.dark .search-content .search-toolbar .nav-pills li.active a:hover,
html.dark .search-content .search-toolbar .nav-pills li.active a:focus {
	color: #408CBC;
	border-bottom-color: #408CBC;
}
/* Time Picker */
.bootstrap-timepicker-widget table td a:hover {
	background-color: #408CBC;
}
/* Loading Progress */
#nprogress .bar {
	background: #408CBC;
}

#nprogress .peg {
	box-shadow: 0 0 10px 1px #408CBC, 0 0 5px #408CBC;
}
/* Zoom */
.img-thumbnail .zoom {
	background: #408CBC;
}
/* Owl Carousel */
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background-color: #0082CA;
}

.owl-theme .owl-nav [class*="owl-"] {
	background: #408CBC;
}

.owl-theme .owl-nav [class*="owl-"]:focus,
.owl-theme .owl-nav [class*="owl-"]:hover {
	background-color: #35739A;
}
/* Chartist */
.ct-chart .tooltip {
	background: #408CBC;
}

.ct-chart .tooltip:after {
	border-top-color: #408CBC;
}

.ct-chart .ct-series.ct-series-a .ct-bar,
.ct-chart .ct-series.ct-series-a .ct-line,
.ct-chart .ct-series.ct-series-a .ct-point,
.ct-chart .ct-series.ct-series-a .ct-slice.ct-donut {
	stroke: #408CBC;
}

.ct-chart .ct-series.ct-series-a .ct-area,
.ct-chart .ct-series.ct-series-a .ct-slice:not(.ct-donut) {
	fill: #408CBC;
}

.ct-chart .ct-series.ct-series-b .ct-bar,
.ct-chart .ct-series.ct-series-b .ct-line,
.ct-chart .ct-series.ct-series-b .ct-point,
.ct-chart .ct-series.ct-series-b .ct-slice.ct-donut {
	stroke: #401852;
}

.ct-chart .ct-series.ct-series-b .ct-area,
.ct-chart .ct-series.ct-series-b .ct-slice:not(.ct-donut) {
	fill: #401852;
}

.ct-chart .ct-series.ct-series-i .ct-bar,
.ct-chart .ct-series.ct-series-i .ct-line,
.ct-chart .ct-series.ct-series-i .ct-point,
.ct-chart .ct-series.ct-series-i .ct-slice.ct-donut {
	stroke: #401852;
}

.ct-chart .ct-series.ct-series-i .ct-area,
.ct-chart .ct-series.ct-series-i .ct-slice:not(.ct-donut) {
	fill: #401852;
}

.ct-chart .ct-series.ct-series-j .ct-bar,
.ct-chart .ct-series.ct-series-j .ct-line,
.ct-chart .ct-series.ct-series-j .ct-point,
.ct-chart .ct-series.ct-series-j .ct-slice.ct-donut {
	stroke: #9c3cc6;
}

.ct-chart .ct-series.ct-series-j .ct-area,
.ct-chart .ct-series.ct-series-j .ct-slice:not(.ct-donut) {
	fill: #9c3cc6;
}

.ct-chart .ct-series.ct-series-n .ct-bar,
.ct-chart .ct-series.ct-series-n .ct-line,
.ct-chart .ct-series.ct-series-n .ct-point,
.ct-chart .ct-series.ct-series-n .ct-slice.ct-donut {
	stroke: #020103;
}

.ct-chart .ct-series.ct-series-n .ct-area,
.ct-chart .ct-series.ct-series-n .ct-slice:not(.ct-donut) {
	fill: #020103;
}

.ct-chart .ct-series.ct-series-o .ct-bar,
.ct-chart .ct-series.ct-series-o .ct-line,
.ct-chart .ct-series.ct-series-o .ct-point,
.ct-chart .ct-series.ct-series-o .ct-slice.ct-donut {
	stroke: #c48bdd;
}

.ct-chart .ct-series.ct-series-o .ct-area,
.ct-chart .ct-series.ct-series-o .ct-slice:not(.ct-donut) {
	fill: #c48bdd;
}
/* Checkboxes */
html.dark .checkbox-primary label:before,
.checkbox-primary label:before {
	background: #408CBC;
	border-color: #5f2379;
}

html.dark .checkbox-text-primary input[type="checkbox"]:checked + label:after,
.checkbox-text-primary input[type="checkbox"]:checked + label:after {
	color: #408CBC;
}
/* Radios */
html.dark .radio-primary input[type="radio"]:checked + label:after,
.radio-primary input[type="radio"]:checked + label:after {
	background: #408CBC;
	-webkit-box-shadow: 0px 0px 1px #408CBC;
	box-shadow: 0px 0px 1px #408CBC;
}
/* Switch */
.switch.switch-primary .ios-switch .on-background {
	background: #408CBC;
}
/* Progress Bar */
.progress-bar {
	background-color: #408CBC;
}

.progress .progress-bar-primary {
	background-color: #408CBC;
}
/* Slider */
.slider-primary .ui-slider-range,
.slider-primary .ui-slider-handle {
	background: #408CBC;
}

.slider-gradient.slider-primary .ui-slider-range,
.slider-gradient.slider-primary .ui-slider-handle {
	background-image: -webkit-linear-gradient(left, #8d34b5 0, #408CBC 50%, #4f1e65 100%);
	background-image: linear-gradient(left, #8d34b5 0, #408CBC 50%, #4f1e65 100%);
}

.slider-gradient.ui-slider-vertical.slider-primary .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-primary .ui-slider-handle {
	background-image: -webkit-linear-gradient(to right, #8d34b5 0, #408CBC 50%, #4f1e65 100%);
	background-image: linear-gradient(to right, #8d34b5 0, #408CBC 50%, #4f1e65 100%);
}
/* DatePicker */
.datepicker table {
	width: 100%;
}

.datepicker table thead tr th.prev:hover,
.datepicker table thead tr th.next:hover {
	background: #408CBC;
}

.datepicker table thead tr:first-child th:hover {
	background: #408CBC;
}

.datepicker table tr td span:hover {
	background: #408CBC;
}

.datepicker table tr td.day:hover {
	background: #408CBC;
}

.datepicker table tfoot tr th:hover {
	background: #408CBC;
}
/* DatePicker: Dark */
html.dark .datepicker.datepicker-primary table thead tr th.prev:hover,
.datepicker.datepicker-dark table thead tr th.prev:hover,
html.dark .datepicker.datepicker-primary table thead tr th.next:hover,
.datepicker.datepicker-dark table thead tr th.next:hover {
	background: #408CBC;
}

html.dark .datepicker.datepicker-primary table tbody tr td.day:hover,
.datepicker.datepicker-dark table tbody tr td.day:hover {
	background: #408CBC;
}

html.dark .datepicker.datepicker-primary table tbody tr td.day.active,
.datepicker.datepicker-dark table tbody tr td.day.active {
	background: #408CBC;
}
/* DatePicker: Primary */
.datepicker.datepicker-primary table thead tr:first-child {
	background-color: #408CBC;
}

.datepicker.datepicker-primary table thead tr:first-child th:hover {
	background-color: #4f1e65;
}

.datepicker.datepicker-primary table thead tr:last-child {
	background-color: #7d2fa1;
}

.datepicker.datepicker-primary table thead tr:last-child th:hover {
	background-color: #408CBC;
}

.datepicker.datepicker-primary table tbody tr td.day:hover {
	background: #408CBC;
}

.datepicker.datepicker-primary table tbody tr td.day.active {
	background: #408CBC;
}
/* Select 2 */
.select2-container-multi .select2-choices .select2-search-choice {
	background: #408CBC;
}
/* Wizard */
.wizard-steps > li.active .badge {
	background-color: #408CBC;
}

.wizard-steps > li.active a,
.wizard-steps > li.active a:hover,
.wizard-steps > li.active a:focus {
	border-top-color: #408CBC;
}

.wizard-tabs ul > li.active .badge {
	background-color: #408CBC;
}

html .wizard-progress .steps-progress .progress-indicator,
html.dark .wizard-progress .steps-progress .progress-indicator {
	background: #408CBC;
}

html .wizard-progress .wizard-steps li.completed a span,
html.dark .wizard-progress .wizard-steps li.completed a span {
	border-color: #408CBC;
	background: #408CBC;
}

html .wizard-progress .wizard-steps li.active a span,
html.dark .wizard-progress .wizard-steps li.active a span {
	color: #408CBC;
	border-color: #408CBC;
}
/* Tables */
.table > thead > tr > td.primary,
.table > tbody > tr > td.primary,
.table > tfoot > tr > td.primary,
.table > thead > tr > th.primary,
.table > tbody > tr > th.primary,
.table > tfoot > tr > th.primary,
.table > thead > tr.primary > td,
.table > tbody > tr.primary > td,
.table > tfoot > tr.primary > td,
.table > thead > tr.primary > th,
.table > tbody > tr.primary > th,
.table > tfoot > tr.primary > th {
	background-color: #408CBC !important;
}
/* Data Tables Loading */
.dataTables_processing {
	background-color: #408CBC;
}
/* Liquid Meter */
.liquid-meter-wrapper .liquid-meter-selector a.active {
	color: #408CBC;
}

   /*************** SCROLLBAR BASE CSS ***************/
     
    .scroll-wrapper {
        overflow: hidden !important;
        padding: 0 !important;
        position: relative;
    }
     
    .scroll-wrapper > .scroll-content {
        border: none !important;
        box-sizing: content-box !important;
        height: auto;
        left: 0;
        margin: 0;
        max-height: none;
        max-width: none !important;
        overflow: scroll !important;
        padding: 0;
        position: relative !important;
        top: 0;
        width: auto !important;
    }
     
    .scroll-wrapper > .scroll-content::-webkit-scrollbar {
        height: 0;
        width: 0;
    }

    .scroll-element {
        display: none;
    }
    .scroll-element, .scroll-element div {
        box-sizing: content-box;
    }
     
    .scroll-element.scroll-x.scroll-scrollx_visible,
    .scroll-element.scroll-y.scroll-scrolly_visible {
        display: block;
    }
    .scroll-element .scroll-bar,
    .scroll-element .scroll-arrow {
        cursor: default;
    }
     
    .scroll-textarea {
        border: 1px solid #cccccc;
        border-top-color: #999999;
    }
    .scroll-textarea > .scroll-content {
        overflow: hidden !important;
    }
    .scroll-textarea > .scroll-content > textarea {
        border: none !important;
        box-sizing: border-box;
        height: 100% !important;
        margin: 0;
        max-height: none !important;
        max-width: none !important;
        overflow: scroll !important;
        outline: none;
        padding: 2px;
        position: relative !important;
        top: 0;
        width: 100% !important;
    }
    .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
        height: 0;
        width: 0;
    }
     
     
    /*************** SIMPLE OUTER SCROLLBAR ***************/
     
    .scrollbar-outer > .scroll-element,
    .scrollbar-outer > .scroll-element div
    {
        border: none;
        margin: 0;
        padding: 0;
        position: absolute;
        z-index: 10;
    }
     
    .scrollbar-outer > .scroll-element {
        background-color: #585858;
    }
     
    .scrollbar-outer > .scroll-element div {
        display: block;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        /*width: 5px;*/
    }
     
    .scrollbar-outer > .scroll-element.scroll-x {
        bottom: 0;
        height: 5px;
        left: 0;
        width: 100%;
    }
     
    .scrollbar-outer > .scroll-element.scroll-y {
        height: 100%;
        right: 0;
        top: 0;
        width: 5px;
    }
     
    .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { /*height: 0px; top: 2px; overflow-x:hidden; */}
    .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { /*left: 0px; width: 5px; */}
     
    .scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; }
    .scrollbar-outer > .scroll-element .scroll-element_track { background-color: #585858; }
     
    .scrollbar-outer > .scroll-element .scroll-element_outer,
    .scrollbar-outer > .scroll-element .scroll-element_track,
    .scrollbar-outer > .scroll-element .scroll-bar {
        /*-webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;*/
    }
     
    .scrollbar-outer > .scroll-element .scroll-bar { background-color: black; }
    .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: black; }
    .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: black; }
     
     
    /* scrollbar height/width & offset from container borders */
     
    .scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -5px; margin-left: 5px; }
    .scrollbar-outer > .scroll-content.scroll-scrollx_visible { top:  -5px; margin-top:  5px;}
     
    .scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px;}
    .scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px;}
     
     
    /* update scrollbar offset if both scrolls are visible */
     
    .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }
    .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }
     
    .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }
    .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; overflow-x:hidden; }


.TopNav {
	height: 60px;
	background: #fff;
	/*clear:both;*/
	color: #000;
	text-align: center;
	vertical-align: middle;
	line-height: 60px;
	/*margin-left:73px;*/
	border:0px solid red;
	/*margin-top:57px;*/
}
.TopNav ul li {
	display: inline-block;
	height: 60px;
}
.TopNav a {
	vertical-align: middle;
	color: #408CBC;
	font-size: 15px;
	margin: 10px 10px 0px 10px;
	text-decoration: none;
	padding-bottom: 19px;
	line-height: 60px;
}
.TopNav ul li:hover {
	border-bottom: 2px solid #408CBC;
}
.TopNav .active {
	font-weight: bold;
	color: black;
	border-bottom: 2px solid #408CBC;
}
.TopNav .active a {
	color: black;
}

.DropDownSubGroup {
	display: none;
}
.DropDownSubGroup:first-of-type {
	display: flex;
}
.TopNav .btn-group .btn {/*border:0;*/
}
.TopNav a {
	margin-top: 0;
}
.DropDownGroup li {
	width: 100%;
	margin: 0 !important;
	padding: 0px !important;
	height: auto !important;
	border-bottom: 0px;
	display: inline !important;
}
.DropDownGroup li:hover {
	border: none !important;
	text-decoration: none !important;
}
.TopNav .userbox a {
	margin: 0;
	padding: 0;
	height: auto !important;
}
.DropDownGroup li a {
	margin-top: 10px;
	margin-bottom: 10px;
}
.TopNav .userbox .profile-info {
	margin: 0 10px 0 10px;
}
.TopNav .userbox .dropdown-menu {
	top: 45px !important;
	left: 5px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.TopNav {
	text-align: left;
	padding-left: 22px;
	padding-right: 22px;
	line-height: 0px;
}
.TopNav .blue {
	color: #408CBC;
}
.TopNav #ddlink {
	margin-top: -5px !important;
}
.TopNav #SelectedOption {
	font-size: 2rem;
	margin-left: -13px;
}
.TopNav ul li {
	display: inline-block;
	height: 60px;
}

.nav-header .leftPT {
	margin-left: -5px !important;
	clear: both;
}
#TopNavDropdown {
	display: inline-block;
	float: left;
}

.TopNav .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
	background-color: transparent !important;
	background: none !important;
}
.DropDownGroup li a {
	margin-top: 0px;
	margin-bottom: 0px;
	border-radius: 2px;
	color: #585858;
	display: block;
	font-size: 1.2rem;
	line-height: 1.5rem;
	padding: 5px 10px;
}
.DropDownGroup li a:hover {
	background: #408CBC;
	color: #fff;
}
.DropDownSubGroup button {
	border: none;
	font-size: 15px;
	background-color: transparent;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	margin-top: -10px;
}
.ddml {
	margin-top: 25px !important;
	margin-left: 0px !important;
	padding-top:10px !important;
	padding-bottom:10px !important;
}
.DropDownSubGroup li {
	color: #408CBC
}
.DropDownSubGroup li.active {
	color: #000;
}
.DropDownSubGroup top-nav-clicked.active {
	color: #000 !important;
}

html.fixed .content-body.has-toolbar {
	/* top: -48px; */
}

@media only screen and (max-width: 767px) {
	.TopNav{
		padding-left: 0px;
	}

	.TopNav #TopNavDropdown {
		margin: 2px 0 0 0 !important;
		float: right;
	}

	.TopNav #TopNavSideBarToggle{
		float:left;
		width: 65px;
		height: 61px;
		vertical-align: middle;
		text-align: center;
		margin-left: -1px;
		border-bottom: none;
		/* font-size: 22px; */
		/* margin-bottom: 0px; */
	}

	html.sidebar-left-opened .TopNav #TopNavSideBarToggle{
		background-color: #585858;
	}

	html.sidebar-left-opened .TopNav #TopNavSideBarToggle a{
		color: white !important;
	}

	.TopNav #TopNavSideBarToggle > a {
		font-size:30px;
	}
}

.DropDownSubGroupWrapper{
	padding-left: 0px;
}

#progressHudOverlay{
	width:100%;height:100%;position:fixed;z-index:9999;background-color: rgba(0, 0, 0, .33);display:none;
}

#progressHud{
	background-color: rgba(0, 0, 0, .85);position:absolute;left:50%;top:50%;border-radius: 8px;width:180px;height:120px;margin:-60px 0 0 -90px;
}


#progressHudMessage{
	width:100%;display:block;text-align:center;color:#f8f8f8;position:absolute;bottom:16px;font-size:17px;
}

#sidebar-resizer{
	background-color: #585858;
	cursor: col-resize;
	width: 10px;
	right: -8px;
	top: 0;
	height: 100%;
}

#sidebar-resizer:hover{
	background-color: #4c4c4c;
}

#sidebar-resizer-content{
	text-align:center;
	font-size:17px;
	color: #fff;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}