/* Base */
html .body, html.dark .body{
	position: relative !important;
}

.form-control::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.form-control::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
textarea::-moz-placeholder,
.form-control:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	opacity: 1 !important;
	color: var(--inputs_text_color)!important;
}

.background_container{
	position: fixed; top:0; bottom:0; right:0; left:0; overflow: hidden; height: 100vh !important;
}

.background{
	position: absolute; top:0; bottom:0; right:0; left:0;
	transform: scale(1.15);
}

.overlay{
	position: absolute; top:0; bottom:0; right:0; left:0;
	background-color: var(--overlay_color, rgba(0,0,0,0) );
}

a,
.btn-link {
	color: var(--primary1, #0088cc);
}

a:hover,
a:focus,
.btn-link:hover,
.btn-link:focus {
	color: var(--primary3, #0099e6);
}

a:active,
.btn-link:active {
	color: var(--primary2, #0077b3);
}
/* Sidebar Left */
.sidebar-left .sidebar-header .sidebar-toggle:hover i {
	color: var(--primary1, #0088cc);
}

@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: var(--primary1, #0088cc);
	}

	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: var(--primary1, #0088cc);
	}
}
/* Layout Boxed - small than min-width */
@media only screen and (max-width: 1199px) {
	html.boxed .header {
		border-top-color: var(--primary1, #0088cc);
	}
}
/* Layout Boxed - larger or equal min width */
@media only screen and (min-width: 1200px) {
	html.boxed .header {
		border-top-color: var(--primary1, #0088cc);
	}

	html.boxed .sidebar-right {
		border-top-color: var(--primary1, #0088cc);
		min-height: 0;
	}
}
/* Userbox - Open */
.userbox.open .dropdown-menu {
	padding: 45px 10px 5px 10px!important;
}

.userbox.open .dropdown-menu a:hover {
	background: var(--primary1, #0088cc);
}
/* Mailbox */
.mailbox .mailbox-mail-list li.active {
	background: var(--primary1, #0088cc);
}

.mailbox .mailbox-mail .mailbox-close-mail {
	color: var(--primary1, #0088cc);
}

.mailbox .mailbox-mail .mailbox-close-mail:hover {
	color: var(--primary3, #0099e6);
}

.mailbox .mailbox-mail .panel .panel-heading .panel-actions a:hover {
	color: var(--primary1, #0088cc);
}
/* Media Gallery */
.media-gallery ul.mg-tags > li a:hover {
	background-color: var(--primary1, #0088cc);
}

.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-zoom {
	background-color: var(--primary1, #0088cc);
}

.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar {
	background-color: var(--primary1, #0088cc);
}

.media-gallery .mg-files .thumbnail.thumbnail-selected {
	box-shadow: 0 0 8px -1px var(--primary1, #0088cc);
}
/* Sign Screens - Wrappers */
.body-sign .panel-sign .panel-title-sign .title {
	background-color: var(--primary1, #0088cc);
}

.body-sign .panel-sign .panel-body {
	border-top-color: var(--primary1, #0088cc);
}
/* Lock Screen */
.body-locked .current-user .user-image {
	border-color: var(--primary1, #0088cc);
}
/* Blockquote */
blockquote.primary {
	border-color: var(--primary1, #0088cc);
}
/* Nav Pills */
.nav-pills-primary > li a:hover,
.nav-pills-primary > li a:focus {
	color: var(--primary1, #0088cc);
	background-color: #cceeff;
}

.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: var(--primary1, #0088cc);
}

/* Dropdown Menu */
.dropdown-menu	> .active	> a,
.dropdown-menu	> .active	> a:hover,
.dropdown-menu	> .active	> a:focus {
	background-color: var(--primary1, #0088cc);
}

.open > .dropdown-toggle.btn-primary {
	background: var(--primary1, #0088cc);
	border-color: var(--primary2, #0077b3);
}

body .btn-primary.dropdown-toggle {
	border-left-color: var(--primary1, #00a3f5);
}
/* Buttons */
body .btn-primary {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: var(--primary1, #0088cc);
	border-color: var(--primary1, #0088cc);
}

body .btn-primary:hover {
	border-color: var(--primary3, #0099e6) !important;
	background-color: var(--primary3, #0099e6);
}

body .btn-primary:active,
body .btn-primary:focus {
	border-color: var(--primary2, #0077b3) !important;
	background-color: var(--primary2, #0077b3);
}

body .btn-primary[disabled], body .btn-primary.disabled{
	border-color: var(--primary3, #33bbff) !important;
	background-color: var(--primary3, #33bbff) !important;
}

body .btn-success {
	color: #ffffff;
	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: #ffffff;
	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: #ffffff;
	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: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bc0de;
	border-color: #5bc0de;
}

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

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: #ffffff;
	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: var(--primary1, #0088cc);
}
/* Label */
.label-primary {
	background: var(--primary1, #0088cc);
}
/* Text Primary */
.text-primary {
	color: var(--primary1, #0088cc) !important;
}
/* BG Primary */
.bg-primary, html.dark .panel-body.bg-primary {
	background: var(--primary1, #0088cc) !important;
}
/* Alternative Font Style */
.alternative-font {
	color: var(--primary1, #0088cc);
}
/* Hightlight */
.highlight {
	background-color: var(--primary1, #0088cc);
}
/* Drop Caps */
p.drop-caps.colored:first-child:first-letter {
	color: var(--primary1, #0088cc);
}

p.drop-caps.colored.secundary:first-child:first-letter {
	background-color: var(--primary1, #0088cc);
}
/* Well */
.well.primary {
	background: var(--primary1, #0088cc);
	border-color: var(--primary2, #006699);
}
/* Form */
.form-control:focus {
	border-color: var(--primary3, #33bbff);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 136, 204, 0.3);
}
/* Header */
.header .toggle-sidebar-left {
	background: var(--secondary1, #0088cc);
}

/* Page Header */
.page-header h2 {
	border-bottom-color: var(--primary1, #0088cc);
}

.page-header .sidebar-right-toggle:hover {
	color: var(--primary1, #0088cc);
}
/* Navigation */
ul.nav-main > li.nav-active > a {
	box-shadow: 2px 0 0 var(--primary1, #0088cc) inset;
}

ul.nav-main > li.nav-active > i {
	color: var(--primary1, #0088cc);
}

ul.nav-main li .nav-children li.nav-active > a {
	color: var(--primary1, #0088cc);
}
/* Nano Scroller Plugin */
html.no-overflowscrolling .nano > .nano-pane > .nano-slider {
	background: var(--primary1, #0088cc);
}
/* Nav Pills */
.nav-pills > .active a,
.nav-pills > .active a:hover,
.nav-pills > .active a:focus {
	background-color: var(--primary1, #0088cc);
}
/* Pagination */
.pagination > li a {
	color: var(--primary1, #0088cc);
}

.pagination > li a:hover,
.pagination > li a:focus {
	color: var(--primary3, #0099e6);
}

.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: var(--primary1, #0088cc);
	border-color: var(--primary1, #0088cc);
}

.pagination > li.active a {
	background-color: var(--primary1, #0088cc);
}

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: var(--primary1, #0088cc);
	border-color: var(--primary1, #0088cc);
}

html .pagination > li.active a,
html.dark .pagination > li.active a {
	background-color: var(--primary1, #0088cc);
}
/* Fullcalendar */
.fc .fc-widget-header {
	background: var(--primary1, #0088cc);
	border-color: var(--primary1, #0088cc);
}

.fc .fc-header-title h2:before {
	color: var(--primary1, #0088cc);
}

.fc-event {
	background: var(--primary1, #0088cc);
	border-color: var(--primary1, #0088cc);
}

.fc-event.fc-event-primary {
	background: var(--primary1, #0088cc);
	border-color: var(--primary1, #0088cc);
}
/* Maps */
.jqvmap-zoomin,
.jqvmap-zoomout {
	background: var(--primary1, #0088cc);
}
/* Timeline */
.timeline .tm-items > li .tm-datetime .tm-datetime-time {
	color: var(--primary1, #0088cc);
}

.timeline .tm-items > li .tm-icon {
	border-color: var(--primary1, #0088cc);
	color: var(--primary1, #0088cc);
}

.timeline.timeline-simple .tm-body .tm-items > li:before {
	background: var(--primary1, #0088cc);
	box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px var(--primary1, #0088cc);
}

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

.pricing-table .most-popular h3 {
	background-color: var(--primary1, #0088cc) !important;
	color: #ffffff !important;
}


html.dark .pricing-table .plan,
html .pricing-table .plan{
	background: var(--menu_background);
}

html .pricing-table h3,
html.dark .pricing-table h3 {
	background-color: rgba(0,0,0,0.2);
	border-top: 4px solid var(--primary1);
	text-shadow: none;
}

html .pricing-table h3 span,
html.dark .pricing-table h3 span {
	background: var(--primary3);
	border-color: var(--primary2);
	box-shadow: 0 2px 20px rgba(0,0,0,0.8) inset;
	color: #ebebeb;
	height: 110px;
	/*font-family: inherit;*/
	margin: 20px auto -55px;
	width: 110px;
	line-height: 100px;
}

/* Data Tables Loading */
.dataTables_processing {
	background-color: var(--primary1, #0088cc);
}
/* Accordion */
.panel-group .panel-accordion .panel-heading a {
	color: var(--primary1, #0088cc);
}
/* Alerts */
.alert-primary {
	background-color: var(--primary1, #0088cc);
	border-color: #007ebd;
}

.alert-primary .alert-link {
	color: #004466;
}
/* Nestable */
.dd-handle:hover {
	color: var(--primary1, #0088cc) !important;
}

.dd-placeholder {
	background: #e6f7ff;
	border-color: var(--primary1, #0088cc);
}
/* Panels */
.panel-highlight .panel-heading {
	background-color: var(--primary1, #0088cc);
	border-color: var(--primary1, #0088cc);
}

.panel-highlight .panel-body {
	background-color: var(--primary1, #0088cc) !important;
}

html .panel-primary .panel-heading {
	background: var(--primary1, #0088cc);
	border-color: var(--primary1, #0088cc);
}

.panel-heading.bg-primary {
	background: var(--primary1, #0088cc)!important;
}

.panel-body.bg-primary {
	background: var(--primary1, #0088cc) !important;
}

.panel-featured-primary {
	border-color: var(--primary1, #0088cc);
}

.panel-featured-primary > .panel-heading > .panel-title {
	color: var(--primary1, #0088cc)!important;
}

.panel-heading-icon.bg-primary {
	background: var(--primary1, #0088cc)!important;
}

.panel-group .panel-accordion-primary .panel-heading .panel-title a {
	background: var(--primary1, #0088cc);
}

/* Progress Bar */
.progress-bar {
	background-color: var(--primary1, #0088cc);
}

.progress .progress-bar-primary {
	background-color: var(--primary1, #0088cc);
}

/* Toggle */
.toggle label {
	border-left-color: var(--primary1, #0088cc);
	color: var(--primary1, #0088cc);
}

.toggle.active > label {
	background: var(--primary1, #0088cc) !important;
	border-color: var(--primary1, #0088cc);
}
/* Treeview */
.jstree-default .jstree-hovered {
	background-color: #e6f7ff !important;
}

.jstree-default .jstree-clicked {
	background-color: #b3e5ff !important;
}

.jstree-default .colored {
	color: var(--primary1, #0088cc) !important;
}

.jstree-default .colored .jstree-icon {
	color: var(--primary1, #0088cc) !important;
}

.jstree-default .colored-icon .jstree-icon {
	color: var(--primary1, #0088cc) !important;
}
/* Widgets */
.sidebar-widget.widget-tasks ul li:before {
	border-color: var(--primary1, #0088cc);
}

.widget-twitter-profile {
	background-color: var(--primary1, #0088cc);
}

.widget-twitter-profile .profile-quote {
	background-color: #0096e0;
}

.widget-twitter-profile .profile-quote .quote-footer {
	border-top-color: rgba(0, 170, 255, 0.7);
}

.widget-profile-info .profile-info .profile-footer {
	border-top-color: rgba(0, 170, 255, 0.7);
}
/* Thumb Info */
.thumb-info .thumb-info-type {
	background-color: var(--primary1, #0088cc);
}
/* Social Icons */
.social-icons-list a {
	background: var(--primary1, #0088cc);
}
/* Notifications */
.notifications .notification-menu .notification-title {
	background: var(--primary1, #0088cc);
}

.notifications .notification-menu .notification-title .label-default {
	background-color: var(--primary2, #006699);
}

.notifications .notification-menu:before,
.notifications .notification-icon:before {
	border-bottom-color: var(--primary1, #0088cc);
}

.ui-pnotify .notification-primary {
	background: var(--primary2, #006699);
}

.ui-pnotify.stack-bar-top .notification-primary,
.ui-pnotify.stack-bar-bottom .notification-primary {
	background: var(--primary1, #0088cc);
}

.ui-pnotify.notification-primary .notification,
.ui-pnotify.notification-primary .notification-primary {
	background: rgba(0, 136, 204, 0.95);
}

.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: var(--primary1, #0088cc);
}

/* Modal */
.modal-block-primary .fa {
	color: var(--primary1, #0088cc);
}

.modal-block-primary.modal-header-color .panel-heading {
	background-color: var(--primary1, #0088cc);
}

.modal-block-primary.modal-full-color .panel {
	background-color: var(--primary1, #00a3f5);
}

.modal-block-primary.modal-full-color .panel-heading {
	background-color: var(--primary1, #0088cc);
}

.modal-block-primary.modal-full-color .panel-footer {
	background-color: var(--primary1, #00a3f5);
}
/* Modal Icon */
.modal-block-primary .modal-icon .fa {
	color: var(--primary1, #0088cc);
}

html .select2-search:before,
html.dark .select2-search:before {
	color: var(--inputs_text_color)!important;
}

/* 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: var(--primary1, #0088cc);
}

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: var(--primary1, #0088cc);
}

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: var(--primary1, #0088cc);
	color: var(--primary1, #0088cc);
}

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: var(--primary1, #0088cc);
}

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: var(--primary1, #0088cc);
}

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: var(--primary1, #0088cc);
}

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: var(--primary1, #0088cc);
}

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: var(--primary1, #0088cc);
}

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: var(--primary1, #0088cc);
}

/* Simple List */
ul.simple-bullet-list li:before {
	border-color: var(--primary1, #0088cc);
}
/* Simple Card List */
.simple-card-list li.primary {
	background: var(--primary1, #0088cc);
}
/* Search Results */
.search-content .search-toolbar .nav-pills li.active a {
	color: var(--primary1, #0088cc);
	border-bottom-color: var(--primary1, #0088cc);
}

.search-results-list .result-thumb .fa {
	background: var(--primary1, #0088cc);
}

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: var(--primary1, #0088cc);
	border-bottom-color: var(--primary1, #0088cc);
}
/* Time Picker */
.bootstrap-timepicker-widget table td a:hover {
	background-color: var(--primary1, #0088cc);
}

/* Checkboxes */
html.dark .checkbox-primary label:before,
.checkbox-primary label:before {
	background: var(--primary1, #0088cc);
	border-color: var(--primary2, #0077b3);
}

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

.progress .progress-bar-primary {
	background-color: var(--primary1, #0088cc);
}
/* Slider */
.slider-primary .ui-slider-range,
.slider-primary .ui-slider-handle {
	background: var(--primary1, #0088cc);
}

.slider-gradient.slider-primary .ui-slider-range,
.slider-gradient.slider-primary .ui-slider-handle {
	background-image: -webkit-linear-gradient(left, var(--primary3, #00aaff) 0, var(--primary1, #0088cc) 50%, var(--primary2, #006699) 100%);
	background-image: linear-gradient(left, var(--primary3, #00aaff) 0, var(--primary1, #0088cc) 50%, var(--primary2, #006699) 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, var(--primary3, #00aaff) 0, var(--primary1, #0088cc) 50%, var(--primary2, #006699) 100%);
	background-image: linear-gradient(to right, var(--primary3, #00aaff) 0, var(--primary1, #0088cc) 50%, var(--primary2, #006699) 100%);
}

/* DatePicker */
.datepicker table {
	width: 100%;
}

.datepicker table thead tr th.prev:hover,
.datepicker table thead tr th.next:hover {
	background: var(--primary1, #0088cc);
}

.datepicker table thead tr:first-child th:hover {
	background: var(--primary1, #0088cc);
}

.datepicker table tr td span:hover {
	background: var(--primary1, #0088cc);
}

.datepicker table tr td.day:hover {
	background: var(--primary1, #0088cc);
}

.datepicker table tfoot tr th:hover {
	background: var(--primary1, #0088cc);
}

/* 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: var(--primary1, #0088cc);
}

html.dark .datepicker.datepicker-primary table tbody tr td.day:hover,
.datepicker.datepicker-dark table tbody tr td.day:hover {
	background: var(--primary1, #0088cc);
}

html.dark .datepicker.datepicker-primary table tbody tr td.day.active,
.datepicker.datepicker-dark table tbody tr td.day.active {
	background: var(--primary1, #0088cc);
}
/* DatePicker: Primary */
.datepicker.datepicker-primary table thead tr:first-child {
	background-color: var(--primary1, #0088cc);
}

.datepicker.datepicker-primary table thead tr:first-child th:hover {
	background-color: var(--primary2, #006699);
}

.datepicker.datepicker-primary table thead tr:last-child {
	background-color: var(--primary3, #0099e6);
}

.datepicker.datepicker-primary table thead tr:last-child th:hover {
	background-color: var(--primary1, #0088cc);
}

.datepicker.datepicker-primary table tbody tr td.day:hover {
	background: var(--primary1, #0088cc);
}

.datepicker.datepicker-primary table tbody tr td.day.active {
	background: var(--primary1, #0088cc);
}

/* Select 2 */
.select2-container-multi .select2-choices .select2-search-choice {
	background: var(--primary1, #0088cc)!important;
	background-color: var(--primary1, #0088cc)!important;
}

/* Wizard */
.wizard-steps > li.active .badge {
	background-color: var(--primary1, #0088cc);
}

.wizard-steps > li.active a,
.wizard-steps > li.active a:hover,
.wizard-steps > li.active a:focus {
	border-top-color: var(--primary1, #0088cc);
}

.wizard-tabs ul > li.active .badge {
	background-color: var(--primary1, #0088cc);
}

html .wizard-progress .steps-progress .progress-indicator,
html.dark .wizard-progress .steps-progress .progress-indicator {
	background: var(--primary1, #0088cc);
}

html .wizard-progress .wizard-steps li.completed a span,
html.dark .wizard-progress .wizard-steps li.completed a span {
	border-color: var(--primary1, #0088cc);
	background: var(--primary1, #0088cc);
}

html .wizard-progress .wizard-steps li.active a span,
html.dark .wizard-progress .wizard-steps li.active a span {
	color: var(--primary1, #0088cc);
	border-color: var(--primary1, #0088cc);
}
/* 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: var(--primary1, #0088cc);
}
/* Data Tables Loading */
.dataTables_processing {
	background-color: var(--primary1, #0088cc);
}
/* Liquid Meter */
.liquid-meter-wrapper .liquid-meter-selector a.active {
	color: var(--primary1, #0088cc);
}

/* Blockquote */
blockquote.secondary {
	border-color: var(--secondary1, #0088cc);
}

/* Nav Pills */
.nav-pills-secondary > li a:hover,
.nav-pills-secondary > li a:focus {
	color: var(--secondary1, #0088cc);
	background-color: #cceeff;
}

.nav-pills-secondary > li.active > a,
.nav-pills-secondary > li.active > a:hover,
.nav-pills-secondary > li.active > a:active,
.nav-pills-secondary > li.active > a:focus {
	background-color: var(--secondary1, #0088cc);
}

.open > .dropdown-toggle.btn-secondary {
	background: var(--secondary1, #0088cc);
	border-color: var(--secondary2, #0077b3);
}

body .btn-secondary.dropdown-toggle {
	border-left-color: var(--secondary1, #00a3f5);
}
/* Buttons */
body .btn-secondary {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: var(--secondary2, #0088cc);
	border-color: var(--secondary2, #0088cc);
}

body .btn-secondary:hover {
	color: #ffffff !important;
	border-color: var(--secondary3, #0099e6) !important;
	background-color: var(--secondary3, #0099e6);
}

body .btn-secondary:active,
body .btn-secondary:focus {
	color: #ffffff !important;
	border-color: var(--secondary3, #0077b3) !important;
	background-color: var(--secondary3, #0077b3);
}

body .btn-secondary[disabled], body .btn-secondary.disabled{
	border-color: var(--secondary1, #33bbff) !important;
	background-color: var(--secondary1, #33bbff) !important;
}

/* Switch*/
.switch.switch-secondary .ios-switch .on-background {
	background: var(--secondary1, #0088cc);
}
/* Label */
.label-secondary {
	background: var(--secondary1, #0088cc);
}
/* Text secondary */
.text-secondary {
	color: var(--secondary1, #0088cc) !important;
}
/* BG secondary */
html .panel-body.bg-secondary, html.dark .panel-body.bg-secondary {
	background: var(--secondary1, #0088cc) !important;
	background-color: var(--secondary1, #0088cc) !important;
}

html .bg-secondary{
	background-color: var(--secondary1, #0088cc) !important;
}

/* Well */
.well.secondary {
	background: var(--secondary1, #0088cc);
	border-color: var(--secondary2, #006699);
}

/* Alerts */
.alert-secondary {
	background-color: var(--secondary1, #0088cc);
	border-color: #007ebd;
}

.alert-secondary .alert-link {
	color: #004466;
}

html .panel-secondary .panel-heading {
	background: var(--secondary1, #0088cc);
	border-color: var(--secondary1, #0088cc);
}

.panel-heading.bg-secondary {
	background: var(--secondary1, #0088cc);
}

.panel-body.bg-secondary {
	background: var(--secondary1, #0088cc);
}

.panel-featured-secondary {
	border-color: var(--secondary1, #0088cc);
}

.panel-featured-secondary .panel-title {
	color: var(--secondary1, #0088cc);
}

.panel-heading-icon.bg-secondary {
	background: var(--secondary1, #0088cc);
}

.panel-group .panel-accordion-secondary .panel-heading .panel-title a {
	background: var(--secondary1, #0088cc);
}

.progress .progress-bar-secondary {
	background-color: var(--secondary1, #0088cc);
}

/* Modal */
.modal-block-secondary .fa {
	color: var(--secondary1, #0088cc);
}

.modal-block-secondary.modal-header-color .panel-heading {
	background-color: var(--secondary1, #0088cc);
}

.modal-block-secondary.modal-full-color .panel {
	background-color: var(--secondary1, #00a3f5);
}

.modal-block-secondary.modal-full-color .panel-heading {
	background-color: var(--secondary1, #0088cc);
}

.modal-block-secondary.modal-full-color .panel-footer {
	background-color: var(--secondary1, #00a3f5);
}
/* Modal Icon */
.modal-block-secondary .modal-icon .fa {
	color: var(--secondary1, #0088cc);
}

/* Tabs */
html body .tabs-secondary .nav-tabs li a,
html.dark body .tabs-secondary .nav-tabs li a,
html body .tabs-secondary .nav-tabs.nav-justified li a,
html.dark body .tabs-secondary .nav-tabs.nav-justified li a,
html body .tabs-secondary .nav-tabs li a:hover,
html.dark body .tabs-secondary .nav-tabs li a:hover,
html body .tabs-secondary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-secondary .nav-tabs.nav-justified li a:hover {
	color: var(--secondary1, #0088cc);
}

html body .tabs-secondary .nav-tabs li a:hover,
html.dark body .tabs-secondary .nav-tabs li a:hover,
html body .tabs-secondary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-secondary .nav-tabs.nav-justified li a:hover {
	border-top-color: var(--secondary1, #0088cc);
}

html body .tabs-secondary .nav-tabs li.active a,
html.dark body .tabs-secondary .nav-tabs li.active a,
html body .tabs-secondary .nav-tabs.nav-justified li.active a,
html.dark body .tabs-secondary .nav-tabs.nav-justified li.active a,
html body .tabs-secondary .nav-tabs li.active a:hover,
html.dark body .tabs-secondary .nav-tabs li.active a:hover,
html body .tabs-secondary .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-secondary .nav-tabs.nav-justified li.active a:hover,
html body .tabs-secondary .nav-tabs li.active a:focus,
html.dark body .tabs-secondary .nav-tabs li.active a:focus,
html body .tabs-secondary .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-secondary .nav-tabs.nav-justified li.active a:focus {
	border-top-color: var(--secondary1, #0088cc);
	color: var(--secondary1, #0088cc);
}

html body .tabs-secondary.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li a:hover,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: var(--secondary1, #0088cc);
}

html body .tabs-secondary.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li.active a,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-secondary.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-secondary.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #FFF;
	border-bottom-color: var(--secondary1, #0088cc);
}

html body .tabs-secondary.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li a:hover {
	border-left-color: var(--secondary1, #0088cc);
}

html body .tabs-secondary.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li.active a,
html body .tabs-secondary.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-secondary.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: var(--secondary1, #0088cc);
}

html body .tabs-secondary.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li a:hover {
	border-right-color: var(--secondary1, #0088cc);
}

html body .tabs-secondary.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li.active a,
html body .tabs-secondary.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-secondary.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: var(--secondary1, #0088cc);
}

/* Checkboxes */
html.dark .checkbox-secondary label:before,
.checkbox-secondary label:before {
	background: var(--secondary1, #0088cc);
	border-color: var(--secondary2, #0077b3);
}

html.dark .checkbox-text-secondary input[type="checkbox"]:checked + label:after,
.checkbox-text-secondary input[type="checkbox"]:checked + label:after {
	color: var(--secondary1, #0088cc);
}
/* Radios */
html.dark .radio-secondary input[type="radio"]:checked + label:after,
.radio-secondary input[type="radio"]:checked + label:after {
	background: var(--secondary1, #0088cc);
	-webkit-box-shadow: 0px 0px 1px var(--secondary1, #0088cc);
	box-shadow: 0px 0px 1px var(--secondary1, #0088cc);
}
/* Switch */
.switch.switch-secondary .ios-switch .on-background {
	background: var(--secondary1, #0088cc);
}

.progress .progress-bar-secondary {
	background-color: var(--secondary1, #0088cc);
}
/* Slider */
.slider-secondary .ui-slider-range,
.slider-secondary .ui-slider-handle {
	background: var(--secondary1, #0088cc);
}

.slider-gradient.slider-secondary .ui-slider-range,
.slider-gradient.slider-secondary .ui-slider-handle {
	background-image: -webkit-linear-gradient(left, var(--secondary3, #00aaff) 0, var(--secondary1, #0088cc) 50%, var(--secondary2, #006699) 100%);
	background-image: linear-gradient(left, var(--secondary3, #00aaff) 0, var(--secondary1, #0088cc) 50%, var(--secondary2, #006699) 100%);
}

.slider-gradient.ui-slider-vertical.slider-secondary .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-secondary .ui-slider-handle {
	background-image: -webkit-linear-gradient(to right, var(--secondary3, #00aaff) 0, var(--secondary1, #0088cc) 50%, var(--secondary2, #006699) 100%);
	background-image: linear-gradient(to right, var(--secondary3, #00aaff) 0, var(--secondary1, #0088cc) 50%, var(--secondary2, #006699) 100%);
}

/* Blockquote */
blockquote.tertiary {
	border-color: var(--tertiary1, #0088cc);
}

/* Nav Pills */
.nav-pills-tertiary > li a:hover,
.nav-pills-tertiary > li a:focus {
	color: var(--tertiary1, #0088cc);
	background-color: #cceeff;
}

.nav-pills-tertiary > li.active > a,
.nav-pills-tertiary > li.active > a:hover,
.nav-pills-tertiary > li.active > a:active,
.nav-pills-tertiary > li.active > a:focus {
	background-color: var(--tertiary1, #0088cc);
}

.open > .dropdown-toggle.btn-tertiary {
	background: var(--tertiary2, #0088cc);
	border-color: var(--tertiary2, #0077b3);
}

body .btn-tertiary.dropdown-toggle {
	border-left-color: var(--tertiary1, #00a3f5);
}
/* Buttons */
body .btn-tertiary {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: var(--tertiary2, #0088cc);
	border-color: var(--tertiary2, #0088cc);
}

body .btn-tertiary:hover {
	color: #ffffff !important;
	border-color: var(--tertiary3, #0099e6) !important;
	background-color: var(--tertiary3, #0099e6);
}

body .btn-tertiary:active,
body .btn-tertiary:focus {
	border-color: var(--tertiary3, #0077b3) !important;
	background-color: var(--tertiary3, #0077b3);
}

body .btn-tertiary[disabled], body .btn-tertiary.disabled{
	border-color: var(--tertiary1, #33bbff) !important;
	background-color: var(--tertiary1, #33bbff) !important;
}

/* Switch*/
.switch.switch-tertiary .ios-switch .on-background {
	background: var(--tertiary2, #0088cc);
}
/* Label */
.label-tertiary {
	background: var(--tertiary2, #0088cc);
}
/* Text tertiary */
.text-tertiary {
	color: var(--tertiary2, #0088cc) !important;
}
/* BG tertiary */
html .bg-tertiary,html .panel-body.bg-tertiary , html.dark .panel-body.bg-tertiary {
	background: var(--tertiary2, #0088cc)!important;
	background-color: var(--tertiary2, #0088cc)!important;
}

/* Well */
.well.tertiary {
	background: var(--tertiary1, #0088cc);
	border-color: var(--tertiary2, #006699);
}

/* Alerts */
.alert-tertiary {
	background-color: var(--tertiary1, #0088cc);
	border-color: #007ebd;
}

.alert-tertiary .alert-link {
	color: #004466;
}

html .panel-tertiary .panel-heading {
	background: var(--tertiary1, #0088cc);
	border-color: var(--tertiary1, #0088cc);
}

.panel-heading.bg-tertiary {
	background: var(--tertiary1, #0088cc);
}

.panel-body.bg-tertiary {
	background: var(--tertiary1, #0088cc);
}

.panel-featured-tertiary {
	border-color: var(--tertiary1, #0088cc);
}

.panel-featured-tertiary .panel-title {
	color: var(--tertiary1, #0088cc);
}

.panel-heading-icon.bg-tertiary {
	background: var(--tertiary1, #0088cc);
}

.panel-group .panel-accordion-tertiary .panel-heading .panel-title a {
	background: var(--tertiary1, #0088cc);
}

.progress .progress-bar-tertiary {
	background-color: var(--tertiary1, #0088cc);
}

/* Modal */
.modal-block-tertiary .fa {
	color: var(--tertiary1, #0088cc);
}

.modal-block-tertiary.modal-header-color .panel-heading {
	background-color: var(--tertiary1, #0088cc);
}

.modal-block-tertiary.modal-full-color .panel {
	background-color: var(--tertiary1, #00a3f5);
}

.modal-block-tertiary.modal-full-color .panel-heading {
	background-color: var(--tertiary1, #0088cc);
}

.modal-block-tertiary.modal-full-color .panel-footer {
	background-color: var(--tertiary1, #00a3f5);
}
/* Modal Icon */
.modal-block-tertiary .modal-icon .fa {
	color: var(--tertiary1, #0088cc);
}

/* Tabs */
html body .tabs-tertiary .nav-tabs li a,
html.dark body .tabs-tertiary .nav-tabs li a,
html body .tabs-tertiary .nav-tabs.nav-justified li a,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li a,
html body .tabs-tertiary .nav-tabs li a:hover,
html.dark body .tabs-tertiary .nav-tabs li a:hover,
html body .tabs-tertiary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li a:hover {
	color: var(--tertiary1, #0088cc);
}

html body .tabs-tertiary .nav-tabs li a:hover,
html.dark body .tabs-tertiary .nav-tabs li a:hover,
html body .tabs-tertiary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li a:hover {
	border-top-color: var(--tertiary1, #0088cc);
}

html body .tabs-tertiary .nav-tabs li.active a,
html.dark body .tabs-tertiary .nav-tabs li.active a,
html body .tabs-tertiary .nav-tabs.nav-justified li.active a,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li.active a,
html body .tabs-tertiary .nav-tabs li.active a:hover,
html.dark body .tabs-tertiary .nav-tabs li.active a:hover,
html body .tabs-tertiary .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li.active a:hover,
html body .tabs-tertiary .nav-tabs li.active a:focus,
html.dark body .tabs-tertiary .nav-tabs li.active a:focus,
html body .tabs-tertiary .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li.active a:focus {
	border-top-color: var(--tertiary1, #0088cc);
	color: var(--tertiary1, #0088cc);
}

html body .tabs-tertiary.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li a:hover,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: var(--tertiary1, #0088cc);
}

html body .tabs-tertiary.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li.active a,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-tertiary.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-tertiary.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #FFF;
	border-bottom-color: var(--tertiary1, #0088cc);
}

html body .tabs-tertiary.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li a:hover {
	border-left-color: var(--tertiary1, #0088cc);
}

html body .tabs-tertiary.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li.active a,
html body .tabs-tertiary.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-tertiary.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: var(--tertiary1, #0088cc);
}

html body .tabs-tertiary.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li a:hover {
	border-right-color: var(--tertiary1, #0088cc);
}

html body .tabs-tertiary.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li.active a,
html body .tabs-tertiary.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-tertiary.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: var(--tertiary1, #0088cc);
}

/* Checkboxes */
html.dark .checkbox-tertiary label:before,
.checkbox-tertiary label:before {
	background: var(--tertiary1, #0088cc);
	border-color: var(--tertiary2, #0077b3);
}

html.dark .checkbox-text-tertiary input[type="checkbox"]:checked + label:after,
.checkbox-text-tertiary input[type="checkbox"]:checked + label:after {
	color: var(--tertiary1, #0088cc);
}
/* Radios */
html.dark .radio-tertiary input[type="radio"]:checked + label:after,
.radio-tertiary input[type="radio"]:checked + label:after {
	background: var(--tertiary1, #0088cc);
	-webkit-box-shadow: 0px 0px 1px var(--tertiary1, #0088cc);
	box-shadow: 0px 0px 1px var(--tertiary1, #0088cc);
}
/* Switch */
.switch.switch-tertiary .ios-switch .on-background {
	background: var(--tertiary1, #0088cc);
}

.progress .progress-bar-tertiary {
	background-color: var(--tertiary1, #0088cc);
}
/* Slider */
.slider-tertiary .ui-slider-range,
.slider-tertiary .ui-slider-handle {
	background: var(--tertiary1, #0088cc);
}

.slider-gradient.slider-tertiary .ui-slider-range,
.slider-gradient.slider-tertiary .ui-slider-handle {
	background-image: -webkit-linear-gradient(left, var(--tertiary3, #00aaff) 0, var(--tertiary1, #0088cc) 50%, var(--tertiary2, #006699) 100%);
	background-image: linear-gradient(left, var(--tertiary3, #00aaff) 0, var(--tertiary1, #0088cc) 50%, var(--tertiary2, #006699) 100%);
}

.slider-gradient.ui-slider-vertical.slider-tertiary .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-tertiary .ui-slider-handle {
	background-image: -webkit-linear-gradient(to right, var(--tertiary3, #00aaff) 0, var(--tertiary1, #0088cc) 50%, var(--tertiary2, #006699) 100%);
	background-image: linear-gradient(to right, var(--tertiary3, #00aaff) 0, var(--tertiary1, #0088cc) 50%, var(--tertiary2, #006699) 100%);
}

/* Blockquote */
blockquote.quaternary {
	border-color: var(--quaternary1, #0088cc);
}

/* Nav Pills */
.nav-pills-quaternary > li a:hover,
.nav-pills-quaternary > li a:focus {
	color: var(--quaternary1, #0088cc);
	background-color: #cceeff;
}

.nav-pills-quaternary > li.active > a,
.nav-pills-quaternary > li.active > a:hover,
.nav-pills-quaternary > li.active > a:active,
.nav-pills-quaternary > li.active > a:focus {
	background-color: var(--quaternary1, #0088cc);
}

.open > .dropdown-toggle.btn-quaternary {
	background: var(--quaternary1, #0088cc);
	border-color: var(--quaternary2, #0077b3);
}

body .btn-quaternary.dropdown-toggle {
	border-left-color: var(--quaternary1, #00a3f5);
}
/* Buttons */
body .btn-quaternary {
	color: #ffffff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: var(--quaternary2, #0088cc);
	border-color: var(--quaternary2, #0088cc);
}

body .btn-quaternary:hover {
	color: #ffffff !important;
	border-color: var(--quaternary3, #0099e6) !important;
	background-color: var(--quaternary3, #0099e6);
}

body .btn-quaternary:active,
body .btn-quaternary:focus {
	border-color: var(--quaternary2, #0077b3) !important;
	background-color: var(--quaternary2, #0077b3);
}

body .btn-quaternary[disabled], body .btn-quaternary.disabled{
	border-color: var(--quaternary1, #33bbff) !important;
	background-color: var(--quaternary1, #33bbff) !important;
}

/* Switch*/
.switch.switch-quaternary .ios-switch .on-background {
	background: var(--quaternary2, #0088cc);
}
/* Label */
.label-quaternary {
	background: var(--quaternary2, #0088cc);
}
/* Text quaternary */
.text-quaternary {
	color: var(--quaternary2, #0088cc) !important;
}
/* BG quaternary */
html .bg-quaternary, html.dark .panel-body.bg-quaternary, html .panel-body.bg-quaternary {
	background: var(--quaternary1, #0088cc)!important;
	background-color: var(--quaternary1, #0088cc)!important;
}

/* Well */
.well.quaternary {
	background: var(--quaternary1, #0088cc);
	border-color: var(--quaternary2, #006699);
}

/* Alerts */
.alert-quaternary {
	background-color: var(--quaternary1, #0088cc);
	border-color: #007ebd;
}

.alert-quaternary .alert-link {
	color: #004466;
}

html .panel-quaternary .panel-heading {
	background: var(--quaternary1, #0088cc);
	border-color: var(--quaternary1, #0088cc);
}

.panel-heading.bg-quaternary {
	background: var(--quaternary1, #0088cc);
}

.panel-body.bg-quaternary {
	color: white!important;
	background: var(--quaternary1, #0088cc);
}

.panel-featured-quaternary {
	border-color: var(--quaternary1, #0088cc);
}

.panel-featured-quaternary .panel-title {
	color: var(--quaternary1, #0088cc);
}

.panel-heading-icon.bg-quaternary {
	background: var(--quaternary1, #0088cc);
}

.panel-group .panel-accordion-quaternary .panel-heading .panel-title a {
	background: var(--quaternary1, #0088cc);
}

.progress .progress-bar-quaternary {
	background-color: var(--quaternary1, #0088cc);
}

/* Modal */
.modal-block-quaternary .fa {
	color: var(--quaternary1, #0088cc);
}

.modal-block-quaternary.modal-header-color .panel-heading {
	background-color: var(--quaternary1, #0088cc);
}

.modal-block-quaternary.modal-full-color .panel {
	background-color: var(--quaternary1, #00a3f5);
}

.modal-block-quaternary.modal-full-color .panel-heading {
	background-color: var(--quaternary1, #0088cc);
}

.modal-block-quaternary.modal-full-color .panel-footer {
	background-color: var(--quaternary1, #00a3f5);
}
/* Modal Icon */
.modal-block-quaternary .modal-icon .fa {
	color: var(--quaternary1, #0088cc);
}

/* Tabs */
html body .tabs-quaternary .nav-tabs li a,
html.dark body .tabs-quaternary .nav-tabs li a,
html body .tabs-quaternary .nav-tabs.nav-justified li a,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li a,
html body .tabs-quaternary .nav-tabs li a:hover,
html.dark body .tabs-quaternary .nav-tabs li a:hover,
html body .tabs-quaternary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li a:hover {
	color: var(--quaternary1, #0088cc);
}

html body .tabs-quaternary .nav-tabs li a:hover,
html.dark body .tabs-quaternary .nav-tabs li a:hover,
html body .tabs-quaternary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li a:hover {
	border-top-color: var(--quaternary1, #0088cc);
}

html body .tabs-quaternary .nav-tabs li.active a,
html.dark body .tabs-quaternary .nav-tabs li.active a,
html body .tabs-quaternary .nav-tabs.nav-justified li.active a,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li.active a,
html body .tabs-quaternary .nav-tabs li.active a:hover,
html.dark body .tabs-quaternary .nav-tabs li.active a:hover,
html body .tabs-quaternary .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li.active a:hover,
html body .tabs-quaternary .nav-tabs li.active a:focus,
html.dark body .tabs-quaternary .nav-tabs li.active a:focus,
html body .tabs-quaternary .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li.active a:focus {
	border-top-color: var(--quaternary1, #0088cc);
	color: var(--quaternary1, #0088cc);
}

html body .tabs-quaternary.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li a:hover,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: var(--quaternary1, #0088cc);
}

html body .tabs-quaternary.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li.active a,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-quaternary.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-quaternary.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #FFF;
	border-bottom-color: var(--quaternary1, #0088cc);
}

html body .tabs-quaternary.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li a:hover {
	border-left-color: var(--quaternary1, #0088cc);
}

html body .tabs-quaternary.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li.active a,
html body .tabs-quaternary.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-quaternary.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: var(--quaternary1, #0088cc);
}

html body .tabs-quaternary.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li a:hover {
	border-right-color: var(--quaternary1, #0088cc);
}

html body .tabs-quaternary.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li.active a,
html body .tabs-quaternary.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-quaternary.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: var(--quaternary1, #0088cc);
}

/* Checkboxes */
html.dark .checkbox-quaternary label:before,
.checkbox-quaternary label:before {
	background: var(--quaternary1, #0088cc);
	border-color: var(--quaternary2, #0077b3);
}

html.dark .checkbox-text-quaternary input[type="checkbox"]:checked + label:after,
.checkbox-text-quaternary input[type="checkbox"]:checked + label:after {
	color: var(--quaternary1, #0088cc);
}
/* Radios */
html.dark .radio-quaternary input[type="radio"]:checked + label:after,
.radio-quaternary input[type="radio"]:checked + label:after {
	background: var(--quaternary1, #0088cc);
	-webkit-box-shadow: 0px 0px 1px var(--quaternary1, #0088cc);
	box-shadow: 0px 0px 1px var(--quaternary1, #0088cc);
}
/* Switch */
.switch.switch-quaternary .ios-switch .on-background {
	background: var(--quaternary1, #0088cc);
}

.progress .progress-bar-quaternary {
	background-color: var(--quaternary1, #0088cc);
}
/* Slider */
.slider-quaternary .ui-slider-range,
.slider-quaternary .ui-slider-handle {
	background: var(--quaternary1, #0088cc);
}

.slider-gradient.slider-quaternary .ui-slider-range,
.slider-gradient.slider-quaternary .ui-slider-handle {
	background-image: -webkit-linear-gradient(left, var(--quaternary3, #00aaff) 0, var(--quaternary1, #0088cc) 50%, var(--quaternary2, #006699) 100%);
	background-image: linear-gradient(left, var(--quaternary3, #00aaff) 0, var(--quaternary1, #0088cc) 50%, var(--quaternary2, #006699) 100%);
}

.slider-gradient.ui-slider-vertical.slider-quaternary .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-quaternary .ui-slider-handle {
	background-image: -webkit-linear-gradient(to right, var(--quaternary3, #00aaff) 0, var(--quaternary1, #0088cc) 50%, var(--quaternary2, #006699) 100%);
	background-image: linear-gradient(to right, var(--quaternary3, #00aaff) 0, var(--quaternary1, #0088cc) 50%, var(--quaternary2, #006699) 100%);
}

.bg-quaternary .widget-summary .summary-icon {
	background-color: rgba(0, 0, 0, 0.1);
}

.bg-quaternary .widget-summary .summary .title, .bg-quaternary .widget-summary .summary .amount {
	color: white;
}

.bg-quaternary .widget-summary .summary-footer a {
	color: white;
	opacity: 0.6;
}

html.dark, html.dark body, html.dark .dialog, html, html body{
	background-color: var(--background_color, #ecedf0) !important;
}

html{
	overflow: auto;
}

html.dark .form-control {
	background-color: rgba(0, 0, 0, 0.2)!important;
	border-color: rgba(0, 0, 0, 0.22)!important;
	color: rgba(255, 255, 255, 0.7) !important;
}

html.dark .input-group-addon {
	background-color: rgba(60, 60, 60, 1)!important;
	color: rgba(255, 255, 255, 0.7) !important;
}

html.dark .panel-heading {
	background-color: rgba(0, 0, 0, 0.35)!important;
	border-color: rgba(0, 0, 0, 0.35)!important;
}

html.dark .panel-body {
	background-color: rgba(0, 0, 0, 0.20)!important;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
select:focus{
	border-color: var(--primary3)!important;
	box-shadow: 0 0 8px var(--primary3)!important;
	outline: 0 none;
}

html.dark input:-webkit-autofill, html.dark input:-webkit-autofill:hover, html.dark input:-webkit-autofill:focus, html.dark textarea:-webkit-autofill, html.dark textarea:-webkit-autofill:hover, html.dark textarea:-webkit-autofill:focus, html.dark select:-webkit-autofill, html.dark select:-webkit-autofill:hover, html.dark select:-webkit-autofill:focus {
	border: rgba(0, 0, 0, 0.8);
	-webkit-text-fill-color: rgba(0, 0, 0, 0.8)!important;
}

html.dark select option{
	background-color: var(--inputs_background_color)!important;
	background: var(--inputs_background_color)!important;
}

html.dark select>.dropdown-menu>.active>a:hover{
	background-color: var(--primary3) !important;
}

header.page-header, #userbox, #userbox a, #userbox .dropdown, .userbox.open a, #userbox .name, .userbox .custom-caret {
	color: var(--menu_text)!important;
}

.dropdown-menu .divider{
	background-color: var(--primary3)!important;
}

html.dark .page-header, html.header-dark .page-header, html .page-header{
	background: var(--menu_background)!important;
	/*border-left-color: rgb(40,40,40)!important;*/
	/*box-shadow: 1px 3px 0 1px #2f3139 !important;*/
}

html.dark .userbox .dropdown-menu, html.header-dark .userbox .dropdown-menu, html .userbox .dropdown-menu {
	background: var(--menu_background)!important;
}

html.dark .userbox .dropdown-menu ul{
	background-color: rgba( 255,255,255, 0.05 )!important;
}
html .userbox .dropdown-menu ul{
	background-color: rgba( 0,0,0, 0.05 )!important;
}


html.dark header.page-header h2 {
	color: var(--menu_text)!important;
}

html.dark .radio-custom label:before {
	background: rgba(0,0,0,0.5);
	border-color: rgba(0,0,0,0.8);
}

html.dark .widget-summary .summary-footer,
.widget-summary .summary-footer{
	border-top: inherit!important;
}

html.dark .widget-summary .summary-footer{
	color: #EEE;
}
html.dark .text-muted {
	color: rgba(255,255,255,0.3) !important;
}

html.dark label{
	color: rgba(255,255,255,0.7) !important;
}

html.dark{
	overflow: auto!important;
}

html.dark div.dataTables_length select {
	background-color: rgba(0,0,0,0.2);
	border-color: rgba(0,0,0,0.22);
	height: 34px;
	line-height: 34px;
	padding: 0;
	width: 55px;
}

.table-striped>tbody>tr:nth-child(odd) {
	background-color: inherit;
}

.table-striped > tbody > tr.odd > td{
	background-color: rgba(0,0,0,0.1)!important;
}

.table thead tr th{
	color: var(--menu_text_hover)!important;
	background-color: var(--menu_background)!important;
	border-color: rgba(0,0,0,0)!important;
}

html.dark .table thead tr th{
	color: rgba(255,255,255,0.5)!important;
	background-color: rgba(50,50,50,1)!important;
	border-color: rgba(0,0,0,0.5)!important;
}

.tab_line_info{
	color: #31708f !important;
	background-color: #d9edf7 !important;
}

.table > tbody > tr > td{
	border: 1px solid rgba(0,0,0,0)!important;
}

.tab_line_success{
	color: rgb(45, 78, 29) !important;
	background-color: rgb(223, 240, 216) !important;
}

.tab_line_danger{
	background-color: #f2505c !important;
	background-color: #f2dede !important;
}

.tab_line_default{
	color: #777 !important;
	background-color: white !important;
}

.tab_line_warning{
	color: #dda24f !important;
	background-color: #fcf8e3 !important;
}

html.dark .pagination > li > a, html.dark .pagination > li > span {
	background-color: rgba(0,0,0,0.3)!important;
	border-color: rgba(0,0,0,0.4)!important;
}

html.dark .has-error .form-control {
	border-color: #a94442 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) !important;
}

html.dark .dropdown-menu {
	background-color: #232323 !important;
}
html.dark .datepicker-dropdown {
	color: #EEE;
	background-color: #232323 !important;
}

html.dark .datepicker table tr td.today {
	color: #000000;
	background-color: #8c8c8c !important;
	border-color: #8c8c8c !important;
}

html.dark .datepicker .day:hover{
	background-color: var( --primary1 )!important;
}

html.dark .datepicker .day.active{
	background-color: var( --primary2)!important;
}

html.dark .datepicker .day.active:hover{
	background-color: var( --primary3 )!important;
}

html.dark .select2-drop, html .select2-drop {
	background: var(--inputs_background_color, #0088cc)!important;
	background-color: var(--inputs_background_color, #0088cc)!important;
	border: var(--inputs_border, #0088cc)!important;
}
html.dark .select2-arrow, html .select2-arrow{
	color: var(--inputs_text_color) !important;
}

/* Select 2 */
html.dark .select2-container, html .select2-container{
	background: var(--inputs_background_color, #0088cc)!important;
	background-color: var(--inputs_background_color, #0088cc)!important;
}

html.dark .select2-container-active .select2-choice, .select2-container-active .select2-choice{
	-webkit-box-shadow: inset 0 1px 1px var( --primary2 ), 0 0 6px var( --primary2 )!important;
	box-shadow: inset 0 1px 1px var( --primary2 ), 0 0 6px var( --primary2 )!important;
	border-color: none !important;
}

html.dark .select2-choice, html.dark .select2-container .select2-choices, html .select2-choice, html .select2-container .select2-choices{
	background: var(--inputs_background_color, #0088cc)!important;
	background-color: var(--inputs_background_color, #0088cc)!important;
	border: var(--inputs_border ) !important;
	color: var(--inputs_text_color ) !important;
}

html.dark .select2-search input, html .select2-search input{
	color: var(--inputs_text_color) !important;
	background: var(--inputs_background_color, #0088cc)!important;
	background-color: var(--inputs_background_color, #0088cc)!important;
}

html.dark .select2-results .select2-highlighted, .select2-results .select2-highlighted {
	color: var(--inputs_text_color) !important;
	background-color: var( --primary3 );
}

html.dark .select2-results li.select2-result-with-children > .select2-result-label, html.dark .select2-results .select2-result-label, html .select2-results .select2-result-label {
	background-color: var( --inputs_background_color )!important;
	color: var( --inputs_text_color ) !important;
}

.select2-search-choice-close {
	margin-top: 0px !important;
	top: 4px!important;
}

.select2-search-field input[type="text"]:active, .select2-search-field input[type="text"]:focus{
	border: none!important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}


.select2-container-multi.select2-container-active .select2-choices {
	outline: none;
	-webkit-box-shadow: inset 0 1px 1px var( --primary2 ), 0 0 8px var( --primary2 );
	box-shadow: inset 0 1px 1px var( --primary2 ), 0 0 8px var( --primary2 );
	-webkit-transition: border-color ease-in-out .15s box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s box-shadow ease-in-out .15s;
	border-color: var( --primary2 );
}

/* Change Autocomplete styles in Chrome*/
html.dark input:-webkit-autofill, html input:-webkit-autofill,
html.dark input:-webkit-autofill:hover, html input:-webkit-autofill:hover,
html.dark input:-webkit-autofill:focus, html input:-webkit-autofill:focus,
html.dark textarea:-webkit-autofill, html textarea:-webkit-autofill,
html.dark textarea:-webkit-autofill:hover, html textarea:-webkit-autofill:hover,
html.dark textarea:-webkit-autofill:focus, html textarea:-webkit-autofill:focus,
html.dark select:-webkit-autofill, html select:-webkit-autofill,
html.dark select:-webkit-autofill:hover, html select:-webkit-autofill:hover,
html.dark select:-webkit-autofill:focus, html select:-webkit-autofill:focus {
	border: var(--inputs_border);
	-webkit-text-fill-color: var(--inputs_text_color );
	-webkit-box-shadow: 0 0 0px 1000px rgba(255,255,255,0.2) inset;
	transition: background-color 5000s ease-in-out 0s;
}

html.dark .noty_body h3{
	color: inherit!important;
}

html.dark .modal-block-warning.modal-header-color .panel-heading {
	background-color: #ed9c28 !important;
}

html.dark .modal-block-success.modal-header-color .panel-heading {
	background-color: #47a447 !important;
}

html.dark .modal-block-danger.modal-header-color .panel-heading {
	background-color: #d2322d !important;
}

html.dark .modal-block-info.modal-header-color .panel-heading {
	background-color: #5bc0de !important;
}

html.dark .modal-block-dark.modal-header-color .panel-heading {
	background-color: #2d2d2d !important;
}

html.dark .modal-block .panel-body{
	background-color: #363636 !important;
	color: white;
}

html.dark .modal-block .panel-footer{
	background-color: #2d2d2d !important;
	color: white;
}

html.dark .sortable .placeholder{
	border: 2px dashed var(--primary2);
	position: relative;
	display: inline-block;
	margin: 0 20px 20px 0;
	background-color:  var(--primary3);
}

html.dark body, body{
	color: var(--text_color, gray);
}

html .panel-featured > .panel-heading, html.dark > .panel-featured .panel-heading{
	background-color: var(--panel_header)!important;
	border-color: var(--panel_header_border)!important;
}

html .panel-body, html.dark .panel-body{
	background-color: var(--panel_body)!important;
}

ul.nav-children{
	background-color: rgba(0,0,0,0.3) !important;
}

.nav-main{
	color: var(--menu_text, black) !important;
}

.nav-main a:hover{
	color: var(--menu_text_hover, black) !important;
}

.nav-parent.nav-expanded > a{
	background-color: rgba(0,0,0,0.4) !important;
}
.nav-parent.nav-expanded > a:hover{
	background-color: rgba(0,0,0,0.5) !important;
}

.shadow-sm{
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.shadow{
	 box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
 }

.shadow-xl, .shadow-lg{
	box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}

html.angular .btn,
html.angular .panel,
html.angular .panel-body,
html.angular input,
html.angular textarea,
html.angular select,
html.angular .input-group,
html.angular .input-group-addon,
html.angular .fake_select,
html.angular .select2-choosen, html.angular .select2-container, html.angular .select2-drop,
html.angular .select2-container, html.angular .select2-choice, html.angular .select2-container-multi .select2-choices .select2-search-choice,
html.angular .select2-choices,
html.angular .datepicker,
html.angular .progress,  html.angular .progress-bar-xl.progress-half-rounded, html.angular .progress-xl.progress-half-rounded .progress-bar,
html.angular .progress-lg.progress-half-rounded .progress-bar, html.angular .progress-md.progress-half-rounded .progress-bar,
html.angular .progress-sm.progress-half-rounded .progress-bar, html.angular .progress-xs.progress-half-rounded .progress-bar,
html.angular .dataTables_wrapper .datatables-footer .dataTables_paginate .pagination li a,
html.angular .ios-switch, html.angular .ios-switch .background-fill, html.angular .ios-switch .state-background, html.angular .ios-switch .handle,
html.angular .alert, html.angular .header .toggle-sidebar-left, .popup,
.userbox.open .dropdown-menu{
	border-radius: 0px !important;
}

html.dark .dataTables_wrapper .datatables-footer .dataTables_paginate .pagination li a{
	background-color: rgb(50,50,50)!important;
	color: rgb(200,200,200)!important;
}
html.dark .dataTables_wrapper .datatables-footer .dataTables_paginate .pagination li a:hover{
	color: rgb(255,255,255)!important;
}
html.dark .dataTables_wrapper .datatables-footer .dataTables_paginate .pagination li.active a{
	color: rgb(30,30,30)!important;
	background-color: var(--primary1)!important;
}

html.dark .progress.light{
	background: #474453 !important;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4) inset !important;
}

html.dark label, html label{
	color: var(--label_color, rgb(50,50,50) )!important;
}

html.dark input, html input, html .form-control, html.dark .form-control{
	color: var(--inputs_text_color, rgba(70,70,70) )!important;
	border-color: inherit !important;
	border: var(--inputs_border )!important;
	background-color: var(--inputs_background_color )!important;
}

html.dark .input-group-addon, html .input-group-addon{
	border: var(--inputs_border )!important;
}

html.dark .input-group-addon:first-child, html .input-group-addon:first-child{
	border-right: 0px!important;
}
html.dark .input-group-addon:last-child, html .input-group-addon:last-child{
	border-left: 0px!important;
}

.table-loader-container{
	min-height: 500px;
}
.dataTables_wrapper .datatables-header div{
	padding-left: 0!important;
	padding-right: 0!important;
}

html.dark .panel-featured-left, .panel-body .widget-summary .amount,
html.dark .panel-featured-left, .panel-body .widget-summary .title{
	color: var(--text_color, rgb(60,60,60))!important;
}
html.dark .panel-featured-left, html.dark .panel-body .panel-featured-left .widget-summary .summary-footer a{
	color: rgb(100,100,100)!important;
}

html.dark .panel-body.bg-primary .widget-summary .amount,
html.dark .panel-body.bg-primary .widget-summary .title,
html.dark .panel-body.bg-secondary .widget-summary .amount,
html.dark .panel-body.bg-secondary .widget-summary .title,
html.dark .panel-body.bg-tertiary .widget-summary .amount,
html.dark .panel-body.bg-tertiary .widget-summary .title,
html.dark .panel-body.bg-quaternary .widget-summary .amount,
html.dark .panel-body.bg-quaternary .widget-summary .title,
html .panel-body.bg-primary .widget-summary .amount,
html .panel-body.bg-primary .widget-summary .title,
html .panel-body.bg-secondary .widget-summary .amount,
html .panel-body.bg-secondary .widget-summary .title,
html .panel-body.bg-tertiary .widget-summary .amount,
html .panel-body.bg-tertiary .widget-summary .title,
html .panel-body.bg-quaternary .widget-summary .amount,
html .panel-body.bg-quaternary .widget-summary .title{
	color: white!important;
}

html .body, html.dark .body{
	position: relative!important;
}

html.dark section.panel-primary > .panel-heading, html.dark section.panel-primary > .panel-heading{
	color: white!important;
	background-color: var(--primary1 )!important;
}
html.dark section.panel-secondary > .panel-heading, html.dark section.panel-secondary > .panel-heading{
	color: white!important;
	background-color: var(--secondary1 )!important;
}
html.dark section.panel-tertiary > .panel-heading, html.dark section.panel-tertiary > .panel-heading{
	color: white!important;
	background-color: var(--tertiary1 )!important;
}
html.dark section.panel-quaternary > .panel-heading, html.dark section.panel-quaternary > .panel-heading{
	color: white!important;
	background-color: var(--quaternary1 )!important;
}
section.panel-quaternary > .panel-heading > .panel-title, section.panel-quaternary > .panel-heading > .panel-actions a{
	color: white!important;
}
section.panel-quaternary > .panel-heading > .panel-actions a:hover{
	background-color: inherit!important;
}

html.dark section.panel-primary > .panel-heading, html section.panel-primary > .panel-heading,
html.dark section.panel-secondary > .panel-heading, html section.panel-secondary > .panel-heading,
html.dark section.panel-tertiary > .panel-heading, html section.panel-tertiary > .panel-heading,
html.dark section.panel-quaternary > .panel-heading, html section.panel-quaternary > .panel-heading{
	border-color: var(--panel_header_border)!important;
}

.body-offline{
	display: flex !important;
	min-height: 100vh !important;
	position: relative !important;
}

.body-offline-content{
	max-width: 500px !important;
	margin: auto !important;
	z-index: 500 !important;
}

.body.body-offline .panel-sign{
	display: block;
	width: 100%;
}

.body.body-offline .panel-sign .panel-body{
	padding: 30px 15px;
}

.body-offline-content .panel-sign .title{
	color : var(--panel_body);
}

.body-offline-content .panel-title-sign{
	display: block;
	width: 100%;
}

/* INVISIBLE SCROLLBAR */
/*::-webkit-scrollbar {*/
/*	width: 0px;*/
/*	background: transparent; !* make scrollbar transparent *!*/
/*}*/



html .popup > .panel > .panel-body,
html.dark .popup > .panel > .panel-body,
html .popup .panel-body{
	background-color: var(--popup_panel_body )!important;
}

.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
	background-color: #b8813e;
	border-color: #ae7622;
}

table.dataTable.no-footer {
	border-bottom: inherit!important;
}

button.dt-button, div.dt-button, a.dt-button, input.dt-button {
	border: inherit !important;
	color: white!important;
	background: inherit!important;
	background-color: var(--primary1)!important;
}

table.dataTable thead .sorting:after{
	opacity: 0!important;
}

.bg-primary .widget-summary .summary-footer,
.bg-secondary .widget-summary .summary-footer,
.bg-tertiary.widget-summary .summary-footer,
.bg-quaternary .widget-summary .summary-footer{
	border-top: inherit!important;
}

.form_confirm_modal .panel-body{
	background-color: var(--popup_panel_body)!important;
}