/* 主题颜色：按钮 选中等 */
/* 登录 */
.theme {
    background-color: #F5252C !important;
}
.login .middle .line {
    border-top: 2px solid #F5252C !important;
}
/*头部*/
.header {
    background-color: #2C2E31!important;
}
.header .nav li a {
    color: #aaabac;
}
/* 左侧菜单栏 */
.config .config-menu{
    background-color: #343434 !important;
}
.el-menu {
    background-color: #262626 !important;
}
.el-menu-item.is-active {
    background-color: rgba(0,0,0,.4) !important;
    color: hsla(0,0%,100%,.9)!important;
}
.el-menu-item:before {
    border-left: 2px solid #F5252C !important;
}
.el-submenu .el-menu,.el-submenu.is-opened>.el-submenu__title {
    background-color: transparent !important
}
.header .nav li.active a,.header .nav li.active a:focus,.header .nav li.active a:hover {
    color: #FFFFFF;
    border-top: 4px solid #F5252C !important;
}
/* 预览 */
.toggler-button {
    background-color: #F5252C !important;
}
.channel .ch-name.sel {
    color: #F5252C!important;
}
.tabs-ptz .activate{
    border-top: 2px solid #F5252C !important;
}
.tabs-ptz .activate::before {
    color: #F5252C !important;
}
/* 回放 */
.playbackbar{
    background-color: #000000 !important;
}
.time-text{
    color: #ccc!important; 
}
.layui-laydate .layui-this{
    background-color: #F5252C !important;
}
/* 应用 */
.queueDetectionStatistics .span-type-sel{
    background-color: #F5252C!important;
    color: #FFFFFF !important;
    border: 1px solid #F5252C!important;
}
/* 图片 */
.download .download-type-select {
    border-bottom: 2px solid #F5252C!important;
    color: #F5252C!important;
}
/* 报警展现 */
.alarm-aside-list .alarm-aside-list-channel .active_channel {
    background: #F5252C!important;
}
/* HUI组件颜色重写 */
.el-tabs__item.is-active {
    color: #F5252C !important;
}

.el-tabs__active-bar {
    background-color: #F5252C!important
}
.el-button--primary,.el-button--primary:active:not(.is-disabled) {
    background-color: #F5252C !important;
    border-color: #F5252C !important
}
.el-button--primary:hover {
    background-color: rgb(231, 37, 40, 0.8) !important;
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active,.el-tabs__item:hover {
    color: #F5252C !important
}
.el-select-dropdown__item.selected.radio {
    background-color: #F5252C !important;
}

.el-radio__inner:after {
    background-color: #F5252C !important;
}
.el-radio__inner:hover {
    border-color: #F5252C !important;
    background-color: #fdeeee!important;
}
.el-radio__input.is-checked .el-radio__inner:hover {
    border-color: #F5252C !important;
}

.el-slider__bar {
    background-color: #F5252C !important;
}

.el-checkbox__inner .h-svg-icon-wrapper .el-checkbox__tick {
    fill: #F5252C !important;
}

.el-checkbox__inner:active,.el-checkbox__inner:hover,.el-checkbox__input.is-checked .el-checkbox__inner:active,.el-checkbox__input.is-checked .el-checkbox__inner:hover {
    border-color: #F5252C !important;
    background-color: #fbdcdd !important;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner:before{
    background-color: #F5252C !important;
}
.btn-save:hover{
    background-color: rgb(245, 37, 44, 0.8) !important;
}
.btn-save:active{
    background-color: rgb(245, 37, 44, 0.9) !important;
}
.btn-save:disabled{
    background-color: rgb(245, 37, 44, 0.3) !important;
}
.el-date-table td.selected, .el-month-table td.selected, .el-year-table td.selected{
    background-color: #F5252C !important;
}
.el-loading-mask.is-primary .loading-icon{
    color: #F5252C !important;
}
.el-pager li.active {
    color: #F5252C !important;
}
.layui-laydate-header i:hover,
.layui-laydate-header span:hover{
    color: #F5252C !important;
}
.el-picker-panel__header-label:hover {
    color: #F5252C !important;
}
.el-time-spinner__item.active:not(.disabled) {
    background-color:  #F5252C !important;
}
.ptz-ctrl-other i:hover::before {
    color: #F5252C !important;
}