/*
主颜色：#F8920F -> #6851e0
主题色+深：#d98e2e -> #533fb7 (主题色增加黑色)
主题颜色浅一号：#f6c98f -> #a780f7 (主题色增加亮度)
table中icon颜色：#f9a73e -> #afa3ec
table中分页背景色: #ffc98487 -> #6851e063 (主题色50%透明度)
左侧菜单栏与主题搭配字体颜色：#ffe2bb -> #aba6c7
*/

:root {
  --primary-color: #6851e0;
  --primary-color-dark: #533fb7;
  --primary-color-light: #a780f7;
  --icon-color: #afa3ec;
  --pagination-bg: #6851e029;
  --menu-text: #aba6c7;
  --primary-blue-color: #0ddf40;
}

/*aside左侧*/
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover,
.kt-aside-menu .kt-menu__nav>.kt-menu__item>.kt-menu__link .kt-menu__link-text,
.kt-aside-menu .kt-menu__nav>.kt-menu__item .kt-menu__submenu .kt-menu__item>.kt-menu__link .kt-menu__link-text,
.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__heading .kt-menu__ver-arrow, .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__ver-arrow{
	color: var(--menu-text);
}
.kt-aside .ps > .ps__rail-y > .ps__thumb-y {
    background: #d3d3d3 !important;
    opacity: 1;
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link{
    background-color: var(--primary-color) !important;
}
#kt_aside,
.kt-aside-menu,
.kt-aside-menu .kt-menu__nav>.kt-menu__item.kt-menu__item--open>.kt-menu__link {
	background-color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
}

.le-checkbox{
     border:1px solid var(--primary-color);
}
/*按钮*/
.btn-brand,
.kt-radio>span:after,
.btn-primary,
.show>.btn-outline-primary.dropdown-toggle,
.kt-header-mobile,
#sidebar .custom-menu .btn.btn-primary:hover, #sidebar .custom-menu .btn.btn-primary:focus,
.progress {
	background-color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
}
#sidebar .custom-menu .btn.btn-primary:hover, #sidebar .custom-menu .btn.btn-primary:focus {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
.kt-aside__brand{
	background-color: var(--primary-color-dark) !important;
}
.btn-brand:hover{
	background-color: var(--primary-color-dark) !important;
	border-color:  var(--primary-color-dark) !important;
}


.kt-spinner.kt-spinner--brand::before {
	border-color: var(--primary-color) transparent var(--primary-color) var(--primary-color) !important;
}

.isTracking.active,
.kt-aside-menu .kt-menu__nav>.kt-menu__item.kt-menu__item--open>.kt-menu__link:hover,
.nav-pills .nav-item .nav-link.active,
#sidebar .custom-menu .btn.btn-primary:hover,
#sidebar .custom-menu .btn.btn-primary:focus,
.kt-badge.kt-badge--primary,
.kt-avatar .kt-avatar__upload:hover{
	background-color: var(--primary-color) !important;
	color: white !important;
}

.kt-checkbox.kt-checkbox--brand>span:after {
	border: solid white;
}
.ztree li a.curSelectedNode{
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
	border-bottom: 1px solid var(--primary-color) !important;
}

.kt-checkbox.kt-checkbox--brand>span ,.kt-radio > input:checked ~ span,.kt-radio>span{
	border: 1px solid var(--primary-color) !important;
}

.startCorner,
.begin,
.endCorner,
.verifyStatus_1,
.kt-aside-menu .kt-menu__nav>.kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover>.kt-menu__heading,
.kt-aside-menu .kt-menu__nav>.kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover>.kt-menu__link {
	background-color: var(--primary-color) !important;
}

.kt-aside-menu .kt-menu__nav>.kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover>.kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot>span {
	background-color: var(--primary-color-light) !important;
}

.statusBg_online,
.dev_popup--online:before,
.kt-aside-menu .kt-menu__nav>.kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover>.kt-menu__heading,
.kt-aside-menu .kt-menu__nav>.kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover>.kt-menu__link {
	background-color: var(--primary-color) !important;
}

.kt-aside-menu .kt-menu__nav>.kt-menu__item .kt-menu__submenu .kt-menu__item>.kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot>span {
	background-color: var(--primary-color-dark) !important;
}

.unitStatus--online {
	border-top: 3px solid var(--primary-color) !important;
}

.nav-tabs-line-primary.nav.nav-tabs .nav-link.active,
.nav-tabs.nav-tabs-line.nav-tabs-line-primary.nav.nav-tabs .nav-link:hover {
	color: var(--primary-color) !important;
	border-bottom: 3px solid var(--primary-color) !important;
}

.nav-tabs-line-primary.nav.nav-tabs .nav-link.active, .nav-tabs.nav-tabs-line.nav-tabs-line-primary.nav.nav-tabs .nav-link:hover>i,
.content-groups i,.content-group span,.group-times span,.iconfont.icon-success{
    color: var(--primary-color) !important;
}

.kt-widget2 .kt-widget2__item .kt-widget2__actions a:hover>i,
.kt-widget2 .kt-widget2__item .kt-widget2__actions a:hover>span{
    color: var(--primary-color) !important;
}
/*顶部tab*/
.tabs li.tabs-selected .tabs-inner {
    background-color: var(--primary-color) !important;
	border-top: 2px solid  var(--primary-blue-color) !important;
	color:white !important;
}

.tabs li.tabs-selected .tabs-inner:hover {
	border-top: 2px solid  var(--primary-blue-color) !important;
    color:white !important;
}

.tabs li.tabs-selected .tabs-close::after {
    color: #fff !important;
}

.accordion.accordion-toggle-arrow .card .card-header .card-title.collapse.collapsed,
.accordion.accordion-toggle-arrow .card .card-header .card-title.collapsed {
	color: black !important;
}

.accordion.accordion-toggle-arrow .card .card-header .card-title.collapse,
.accordion.accordion-toggle-arrow .card .card-header .card-title,
.kt-nav a:hover,
.alert-status-icon,
.alert-status-icon--read,
.kt-nav .kt-nav__section .kt-nav__section-text {
	color: var(--primary-color) !important;
}

.flaticon2-plus-1,
.tabs li .tabs-inner:hover,
.kt-font-primary,
.kt-font-brand,
.col-10 a,
.flaticon-coins,
.icon-income,
.icon-outcome,
.flaticon-cart,
.kt-datatable__toggle-detail i,
.play_ctl a {
	color: var(--primary-color) !important;
}

.btn-outline-brand {
	color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
}

/*table*/
.kt-datatable>.kt-datatable__pager>.kt-datatable__pager-nav>li>.kt-datatable__pager-link.kt-datatable__pager-link--first,
.kt-datatable>.kt-datatable__pager>.kt-datatable__pager-nav>li>.kt-datatable__pager-link.kt-datatable__pager-link--last,
.kt-datatable>.kt-datatable__pager>.kt-datatable__pager-nav>li>.kt-datatable__pager-link.kt-datatable__pager-link--next,
.kt-datatable>.kt-datatable__pager>.kt-datatable__pager-nav>li>.kt-datatable__pager-link.kt-datatable__pager-link--prev {
	background: var(--pagination-bg);
}

.kt-datatable>.kt-datatable__pager>.kt-datatable__pager-nav>li>.kt-datatable__pager-link.kt-datatable__pager-link--disabled,
.kt-datatable>.kt-datatable__pager>.kt-datatable__pager-nav>li>.kt-datatable__pager-link.kt-datatable__pager-link--disabled:hover,
.kt-datatable>.kt-datatable__pager>.kt-datatable__pager-nav>li>.kt-datatable__pager-link,
.btn.btn-default i,
.btn-secondary,
.btn-icon-md i,
.show>.btn.btn-clean i,
.nav-tabs.nav-tabs-line.nav-tabs-line-primary.nav.nav-tabs .nav-link.active>i,
.btn.btn-clean i {
	color: var(--icon-color);
}

.btn-outline-brand:hover,
.btn-outline-primary.dropdown-toggle .flaticon2-plus-1,
.kt-datatable__pager-link--active,
.kt-datatable__pager-link:hover,
.btn.btn-default.active,
.btn.btn-default:active,
.btn.btn-default:hover,
.nav-pills .nav-item .nav-link:active,
.btn-secondary:hover {
	color: white !important;
	background-color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
}
.tab-content1 input[type="range"]::-webkit-slider-runnable-track,.options-speed input[type="range"]::-webkit-slider-runnable-track {
    background: var(--primary-color) !important;
}
.kt-datatable.kt-datatable--default>.kt-datatable__table>.kt-datatable__foot .kt-datatable__row>.kt-datatable__cell.kt-datatable__cell--sorted>span,
.kt-datatable.kt-datatable--default>.kt-datatable__table>.kt-datatable__head .kt-datatable__row>.kt-datatable__cell.kt-datatable__cell--sorted>span,
.kt-datatable>.kt-datatable__table>.kt-datatable__head .kt-datatable__row>.kt-datatable__cell>span>i,
.kt-font-brand.icon,
.tabs-boxs .nav-item .nav-link,.tabs-boxs .nav-item .nav-link i,
.kt-avatar .kt-avatar__upload i,
.unit-status-desc-line a {
	color: var(--primary-color) !important;
}

.kt-datatable>.kt-datatable__pager>.kt-datatable__pager-info .kt-datatable__pager-size .btn.dropdown-toggle {
	background: var(--pagination-bg) !important;
	color: var(--primary-color) !important;
}

.kt-switch input:checked~span::after,
.kt-checkbox.kt-checkbox--brand.kt-checkbox--bold>input:checked~span,
.kt-datatable>.kt-datatable__pager>.kt-datatable__pager-info .kt-datatable__pager-size .btn.dropdown-toggle:focus,
.kt-datatable>.kt-datatable__pager>.kt-datatable__pager-info .kt-datatable__pager-size .btn.dropdown-toggle:hover,
.kt-datatable>.kt-datatable__pager>.kt-datatable__pager-info .kt-datatable__pager-size.show>.btn.dropdown-toggle {
	background: var(--primary-color) !important;
}

.kt-checkbox.kt-checkbox--single>input:checked~span,
.kt-checkbox.kt-checkbox--brand>input:checked~span {
	background: var(--primary-color) !important;
	border: 1px solid var(--primary-color) !important;
}

.icon_on_map .active,
.kt-checkbox.kt-checkbox--brand.kt-checkbox--bold>input:checked~span {
	border: 2px solid var(--primary-color) !important;
}

#status_tabs .kt-widget29__stats{
    color: var(--primary-color) !important;
}

.flaticon-more:before {
	color: #9c9996 !important;
}
.dropdown-menu .kt-checkbox.kt-checkbox--brand>span ,.kt-checkbox-inline .kt-checkbox.kt-checkbox--brand>span{
    background: #ccceda !important;
    border: 1px solid #ccceda !important;
}

.btn.btn-clean.active, .btn.btn-clean:active>i, .btn.btn-clean:hover, .show>.btn.btn-clean,.btn.btn-clean:hover>i{
    color: var(--primary-color);
    background: var(--pagination-bg);
}

.icon-datapack,
.kt-link,
.showOnMap {
	color: var(--icon-color) !important;
}

.btn.btn-default.active,
.btn.btn-default:active,
.btn.btn-default:hover,
.show>.btn.btn-default {
	color: #fff;
	background: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
}

.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler span::before,
.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler span::after,
.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler span {
	background: var(--primary-color-light) !important;
}

.modal .modal-content .modal-header .close:hover {
	color: var(--primary-color-light) !important;
}

.kt-avatar .kt-avatar__upload i:hover,.daterangepicker .ranges li.active, .kt-avatar .kt-avatar__upload:hover>i,
.kt-aside--minimize .kt-aside-menu .kt-menu__nav > .kt-menu__item:hover > .kt-menu__link > .kt-menu__link-icon{
	color: white !important;
}

/*日期*/
.daterangepicker .drp-calendar td.in-range.available:not(.active):not(.off):not(.today),
.daterangepicker .drp-calendar td.active,
.daterangepicker .drp-calendar td.active,
.daterangepicker .ranges li.active {
	background-color: var(--primary-color) !important;
}