[v-cloak]{
  display: none
}  
a{
text-decoration: none;
}
body{
  font-size: 12px;
  font-family: "Microsoft YaHei";
}

/* 滚动条样式 */
.bg_scroll::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  border-radius: 7px;
}

.bg_scroll::-webkit-scrollbar-track-piece {
  -webkit-border-radius: 7px;
}

.bg_scroll::-webkit-scrollbar-thumb:vertical {
  background-color: #bcc1d0;
  -webkit-border-radius: 7px;
}

.bg_scroll::-webkit-scrollbar-thumb:horizontal {
  width: 5px;
  -webkit-border-radius: 7px;
}

/* 文字超出省略 */
.text-hide1{
  overflow: hidden;
  text-overflow:ellipsis; 
  white-space: nowrap;
}


/* 左右布局 */
.flex {
  width: 100%;
  height: 100%;
  display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box; /* Firefox 17- */
  display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex; /* Firefox 18+ */
  display: -ms-flexbox; /* IE 10 */
  display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  }
  .flex-left {
  width: 180px;
  background-color: #1a284c;
  height: 100%;
  }
  .flex-right {
  padding: 0 20px 20px;
  box-sizing: border-box;
  -webkit-box-flex: auto;
  -ms-flex: auto;
  -webkit-flex: auto;
  flex: 1;
  overflow-y: auto;
  background: #fafafa;
  }
  .flex-right-box{
  width: 100%;
  height: 100%;
  position: relative;
  }

  .has_left_menu {
    height: calc(100vh - 60px);
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
   }
   .side_nav_bar {
    width: 180px;
    flex-shrink: 0;
  }
  .ces-main{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction:column;
  }
  .ces-main .el-breadcrumb{
    /* height: 46px; */
    width: 100%;
   
  }
  .card_container{
    flex: 1;
    /* margin-top: 20px; */
    width:100%;
    background-color: #ffffff;
    box-shadow: 0px 3px 6px 0px 
      #f4f7fc;
    border-radius: 8px;
  }

/* input */
 .el-input__inner{
  border-radius: 4px!important;
  border: 1px solid #e3e5ef!important;
  background: #f7f8f9!important;
  color: #242c43!important;
}
.el-input .el-input__inner {
  height: 34px ;
  line-height: 34px !important;
}
.el-form--label-top .el-form-item__label{
  font-weight: 800;
	line-height: 32px;
	color: #242c43;
}
.el-form-item .el-form-item__label{
  font-weight: 800;
	color: #242c43;
}
.el-input__count{
  background-color: #f7f8f9!important;
  color: #a9aec0!important;
}
.el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus, .el-form-item.is-error .el-textarea__inner, .el-form-item.is-error .el-textarea__inner:focus, .el-message-box__input input.invalid, .el-message-box__input input.invalid:focus{
  border-color: #F56C6C !important;
}
.el-input__icon {
  height: auto;
}

/* textarea */
.el-textarea__inner{
  border-radius: 8px!important;
  border: 1px solid #e3e5ef!important;
  background: #f7f8f9!important;
  color: #a9aec0!important;
  font-family: "Microsoft YaHei";
}

/* 取消按钮颜色 */
.form_c{
  background-color: #dde4ff!important;
  border-color: #dde4ff!important;
  color:#264dd9!important ; 
  padding: 9px 25px!important;
  font-size: 14px !important;
	border-radius: 4px;
}
/* 确定按钮颜色 */
.form_t{
  background-color: #264dd9!important;
  border-color: #264dd9!important;
  color:#f4f7fc!important ; 
  padding: 9px 25px!important;
  font-size: 14px !important;
	border-radius: 4px;
}
/* 高级按钮颜色 */
.form_h{
  background-color: #242c43!important;
  border-color: #242c43!important;
  color:#f4f7fc!important ; 
  padding: 9px 25px!important;
  font-size: 14px !important;
	border-radius: 4px;
}

/* table 上班新增按钮部分 */
.form-group {
  padding: 20px 20px 15px;
  box-sizing: border-box;
  border-bottom: 1px solid #edf0ff;
}
.space_bet{
  display: flex;
  justify-content: space-between; 
}

/* 新增按钮 */
.form-group .el-button--primary{
  background-color: #264dd9!important;
  border-color: #264dd9!important;
  height: 30px!important;
}
.el-button.is-round {
  border-radius: 4px!important;
}

/* *********************************下拉框 */
.el-select-dropdown {
  border: 1px solid #3b476a !important;
  background-color: #3b476a !important;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover,
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  background: #242c43 !important;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  color: #fff !important;
  font-weight: 400 !important;
}
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background: #3b476a !important;
}
.el-select-dropdown__item {
  font-size: 12px !important;
  padding: 0 20px !important;
  color: #f4f7fc !important;
  height: 34px !important;
  line-height: 34px !important;
  background-color: #242c43 !important;
}
.el-select-dropdown__list {
  padding: 0 !important;
  background-color: #242c43 !important;
  top: 10px !important;
  border-radius: 8px !important;
}

.el-popper[x-placement^="bottom"] .popper__arrow,
.el-popper[x-placement^="bottom"] .popper__arrow::after {
  border-bottom-color: #242c43 !important;
}
.el-popper[x-placement^="top"] .popper__arrow,
.el-popper[x-placement^="top"] .popper__arrow::after {
  border-top-color: #242c43 !important;
}

/* input  icon line-height 高度 */

.el-form-item--mini .el-form-item__content, .el-form-item--mini .el-form-item__label {
  line-height: 34px!important;
}
.el-input__suffix {
  right: 8px!important;
}

/* 去掉面包屑滑过颜色 */
.el-breadcrumb__inner.is-link{
  color:#606266;
  font-weight: 400;
}
.el-breadcrumb__inner.is-link:hover{
  color:#264dd9 !important;
}


/* 去掉必填* */
.el-form-item.is-required:not(.is-no-asterisk)
.el-form-item__label-wrap
> .el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk)
> .el-form-item__label:before {
content: ""!important;
}

/* input dislable */
.el-input.is-disabled .el-input__inner,
.el-textarea.is-disabled .el-textarea__inner {
  background-color: #f7f8f9 !important;
  border-color: #bcc1d0 !important;
  color: #242c43 !important;
}

/* icon 加粗 */
button i {
  font-weight: bold !important;
}

[class*="el-icon-"], [class^=el-icon-]{
  font-weight: 800 !important;
}



/* 设置分页的样式 */
.el-pagination /deep/ button, 
.el-pagination /deep/ span:not([class*=suffix]){
  height: 34px!important;
  line-height: 34px!important;
  font-size: 14px!important;
}
.el-pagination /deep/ .el-pagination__jump,
.el-pagination /deep/ .el-pagination__total{
  color: #8890a7;
}
.el-pager  /deep/ li{
  color: #a9aec0;
  font-size: 14px;
  font-weight: 400;
}
.el-pager  /deep/ li:hover, 
.el-pager  /deep/ li.active{
  color: #264dd9!important;
}
.el-pagination  /deep/ .btn-next .el-icon,
.el-pagination .btn-prev .el-icon {
  display: block;
  font-size: 14px;
  color: #315efc!important;
}
.el-pagination__sizes{
  font-size: 14px;
	color: #58617a;
}
.el-pagination /deep/ .el-input__inner{
  color: #58617a;
  background-color: #f4f7fc;
	border-radius: 5px!important;
	border: solid 1px #e3e5ef;
}
.el-pagination /deep/ .el-select .el-input.is-focus .el-input__inner,
.el-pagination /deep/ .el-input__inner:focus ,
.el-pagination /deep/ .el-pagination__sizes .el-input .el-input__inner:hover,
.el-pagination /deep/ .el-pagination__editor:hover,
.el-pagination /deep/ .el-icon-arrow-up:hover{
  border-color: #315efc!important;
}
.el-pagination__sizes .el-select:hover .el-input__inner,
.is-in-pagination:hover .el-input__inner{
  border-color: #315efc!important;
}
.el-pagination /deep/ .el-select .el-input .el-select__caret{
  color: #bcc1d0!important;
}
.el-pagination__editor.el-input .el-input__inner,
.el-pagination__sizes .el-input .el-input__inner{
  height: 34px;
  line-height: 34px;
}
.el-pagination .el-select-dropdown__item span{
  font-size: 14px;
}
.el-pager li.btn-quicknext, .el-pager li.btn-quickprev{
  color: #a9aec0;
}

/* 设置下拉框的颜色 */
.el-select .el-input .el-select__caret{
  color: #58617a!important;
}


/* 设置提示框行高 */
.el-tooltip__popper{
  line-height: 1.75;
}

/* 设置提示框样式 */
.el-tooltip__popper {
  background-color: #242c43 !important;
  border-radius: 8px !important;
  color: #f4f7fc!important;
  font-size: 12px!important;
  /* line-height: 1.75!important; */
}
.el-tooltip__popper[x-placement^="top"] .popper__arrow,
.el-tooltip__popper[x-placement^="top"] .popper__arrow::after {
  border-top-color: #242c43 !important;
}
.el-tooltip__popper[x-placement^="bottom"] .popper__arrow,
.el-tooltip__popper[x-placement^="bottom"] .popper__arrow::after {
  border-bottom-color: #242c43 !important;
}
/* 设置el-dropdown样式 */
.el-dropdown-menu {
  background-color: #242c43!important;
  border: 1px solid #242c43!important;
  border-radius: 8px!important;
  padding: 0!important;
}
.el-dropdown-menu .el-dropdown-menu__item {
  color: #f4f7fc!important;
  line-height: 30px !important;
  font-size: 12px !important;
}
.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: #3b476a!important;
  color: #f4f7fc!important;
}
.el-dropdown-menu.el-popper[x-placement^="bottom"] .popper__arrow,
.el-dropdown-menu.el-popper[x-placement^="bottom"] .popper__arrow::after {
  border-bottom-color: #242c43 !important;
}

/* 设置下拉框的样式 */
.el-scrollbar {
  border-radius: 8px;
}
.select .el-input--suffix .el-input__inner {
  background-color: #f4f7fc;
  border-radius: 15px;
  font-size: 12px;
  color: #242c43;
  height: 30px!important;
  line-height: 30px!important;
}
.el-select-dropdown {
  border: 1px solid #242c43 !important;
  background-color: #242c43 !important;
  border-radius: 8px!important;
}
.el-select-dropdown__empty{
  background: #242c43;
  color: #f4f7fc;
}
/* 单选 */
.el-select-dropdown .el-select-dropdown__item.selected {
  color: #409eff!important;
  font-weight: 400 !important;
}
/* 多选 */
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{
  color: #f4f7fc!important;
  font-weight: 400 !important;
}
.el-select__tags .el-tag.el-tag--info {
  /* background-color: #5c82ff !important;
  border-radius: 4px !important;
  color: #f4f7fc !important; */
  background-color: #e6ebfe !important;
  border-radius: 4px !important;
  color: #264dd9 !important;
}
.el-select .el-tag__close.el-icon-close {
  background-color: #e6ebfe !important;
  color: #264dd9 !important;
  right: -4px!important;
}

 .has_left_menu {
  height: calc(100vh - 60px);
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
 }
 .side_nav_bar {
  width: 180px;
  flex-shrink: 0;
}
.main_container {
  width: calc(100% - 180px);
  flex-grow: 1;
  flex-shrink: 1;
  background-color: #f6f7fb;
  overflow: auto;
}
/* switch开关 */
.switchStyle{
  height: 32px;
  line-height: 32px;
  font-size: 12px;
}
.switchStyle .el-switch__label {
  position: absolute;
  display: none;
  color: #fff;
}
.switchStyle .el-switch__label--left {
  z-index: 9;
  left: 6px;
  top: -1px;
}
.switchStyle .el-switch__label--right {
  z-index: 9;
  left: -14px;
  top: -1px;
}
.switchStyle .el-switch__label.is-active {
  display: block;
}
.switchStyle.el-switch .el-switch__core,
.el-switch .el-switch__label {
  width: 68px !important;
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
}
.el-switch__core {
  background: #f8f9fd !important;
  border: 3px solid #8890a7 !important;
}
.el-switch__core:after {
  width: 20px;
  height: 20px;
  background: #8890a7 !important;
  left: 3px;
  top: 3px;
}
.el-switch.is-checked .el-switch__core {
  background: #f8f9fd !important;
  border: 3px solid #5c82ff !important;
}
.el-switch.is-checked .el-switch__core:after {
  background: #5c82ff !important;
  margin-left: -23px;
}
.el-switch .el-switch__label--right.is-active span{
  margin-right: 3px;
}
.el-switch__label * {
  font-size: 10px !important;
  font-weight: 800;
}
.el-switch .el-switch__label {
  color: #8890a7 !important;
}
.el-switch.is-checked .el-switch__label {
  color: #5c82ff !important;
}
.el-switch:hover {
  opacity: 0.8;
}


/* 辖区多层下拉选 */
.el-cascader-panel{
  background-color: #242c43 !important;
  /* border-radius: 8px!important; */
    font-size: 12px!important;
}
.el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path {
  color: #409eff!important;
  font-weight: 700;
}
.el-cascader-menu{
  color:#f4f7fc!important;
  border-right: none!important;

}
.el-cascader-node:not(.is-disabled):focus, .el-cascader-node:not(.is-disabled):hover {
  background: #3b476a !important;
}
.el-cascader-menu__wrap {
  /* height: 100px; */
}


/* 时间控件样式 */
.el-picker-panel{
background-color: #242c43 !important;
border-radius: 8px!important;
font-size: 12px!important;
color: #e3e5ef!important;
box-shadow:0 !important;
border:none!important;
}

.el-picker-panel__footer {
  border-top: 1px solid #3f4864 !important;
  background-color: #242c43 !important;
}
.el-date-table th {
  border-bottom: 1px solid #3f4864 !important;
  color: #e3e5ef!important;
}

.el-date-table td.current:not(.disabled) span {
  color: #e3e5ef !important;
  background-color: #315efc!important;
}
.el-date-table td.next-month, .el-date-table td.prev-month {
  color: #58617a !important;
}

.el-date-picker__time-header {
  border-bottom: 1px solid #3f4864 !important;
}
.el-picker-panel__body .el-input__inner {
  height: 24px !important;
  line-height: 24px !important;
  background-color: #1a2236!important;
	border-radius: 12px!important;
  border: solid 1px #3f4864!important;
  color: #e3e5ef!important;
  font-size: 12px;
}
.el-picker-panel__footer .el-button{
	background-color: #264dd9;
  border-radius: 12px;
  padding:5px 12px;
  color: #f4f7fc;
  font-size: 12px;
  border: none!important;
}
.el-picker-panel__footer .el-button--text{
	background-color: #dde4ff;
  border-radius: 12px;
  padding:5px 12px;
  color: #264dd9;
  font-size: 12px;
}
.el-button.is-plain:focus, .el-button.is-plain:hover{
  background-color: #264dd9;
  color: #f4f7fc;
}
.el-button--text:focus, .el-button--text:hover{
  color: #264dd9;

}
.el-time-panel{
  border-radius: 8px!important;
  border: 1px solid #3f4864 !important;
  background-color: #242c43 !important;
}
.el-time-panel__footer {
  border: 1px solid #3f4864 !important;
}
.el-time-panel__btn.confirm{
  background-color: #264dd9;
  border-radius: 12px!important;
  padding:0px 12px;
  color: #f4f7fc!important;
  font-size: 12px!important;
}
.el-time-panel__btn{
  line-height: 22px!important;
  height: 22px!important;
}
.el-time-spinner__item:hover:not(.disabled):not(.active){
  background-color: #264dd9!important;
  border-radius: 12px!important;
  color: #f4f7fc;
}

.el-time-spinner__item{
  color: #58617a!important;
}
.el-date-table td.in-range div,
.el-date-table td.in-range div:hover,
.el-date-table.is-week-mode .el-date-table__row.current div,
.el-date-table.is-week-mode .el-date-table__row:hover div {
  background-color: #646C83;
}
.el-date-table td.end-date span,
.el-date-table td.start-date span {
  background-color: #264DD9;
}
.el-date-table td.today span {
  color: #0c3ff7;
}
.el-date-editor .el-range-separator {
  width: 15%;
  line-height: 28px;
}

/* 地图小图标 */
 .mapIcon{
  width: 30px;
  position: absolute;
  right: 2px;
  top:6px;
  cursor: pointer;
  height: 30px;
}

/* 标题信息样式调整 */
.titlezy {
  font-size: 17px;
  color: #1d1e20;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin: 20px 0;
}
.buleline {
  width: 4px;
  height: 17px;
  background: #0367f6;
  border-radius: 2px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: sub;
}
/* alert提示信息 */
.el-alert--info.is-light{
  background-color: #f8f9fd;
	border-radius: 8px;
}
.el-alert__title{
  font-size: 12px;
	color: #8890a7;
}
/* 面包屑样式 */
.el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner{
  color: rgb(36, 44, 67);
}
/* 设置多选按钮的样式 */
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
  background-color: #626de9;
    border-color: #515fe7;
}
.el-checkbox__inner:hover{
  border-color: #515fe7;
}
.el-radio__input.is-checked .el-radio__inner{
  border-color: #315efc; 
    background: #315efc; 

}

/* 表格样式提升至全局，其它地方也需要用 */
.ces-table-page .ces-table .el-table::before {
  height: 0 !important;
}
.ces-table-page .ces-table .el-table th.gutter {
  display: table-cell !important;
}
.ces-table-page .ces-table .el-table colgroup.gutter {
  display: table-cell !important;
}
.ces-table-page .ces-table .el-table tbody tr:nth-child(odd) {
  background: #f8f9fd;
}
.ces-table-page .ces-table .el-table td,
.ces-table-page .ces-table .el-table th.is-leaf {
  border-bottom: none !important;
}
.ces-table-page .ces-table .el-table tbody tr:hover > td {
  background-color: #e4ecf8 !important;
}
.ces-table-page .ces-table .theme--light.el-table tbody tr:not(:last-child) {
  border-bottom: none;
}
.ces-table-page .ces-table .el-table th > .cell {
  color: #1a2236;
}
.ces-table-page .ces-table .el-table th > .cell,
.ces-table-page .ces-table .el-table td > .cell {
  /* text-align: center; */
  font-size: 14px;
}
.ces-table-page .ces-table .el-table tr {
  color: #58617a;
}
.ces-table-page .ces-table .el-table__empty-text {
  color: #58617a;
  font-size: 14px;
}
.ces-table-page .ces-table .el-input__inner {
  border: 1px solid #bcc1d0;
  border-radius: 17px;
  color: #58617a;
  background: #fff;
}
.ces-table-page em {
  font-style: normal;
}
.ces-table-page .ces-table .el-input.is-disabled .el-input__inner {
  background-color: #e3e5ef;
  border-color: #bcc1d0;
  color: #242c43;
}
.ces-table-page .ces-table .el-table--mini td,
.ces-table-page .ces-table .el-table--mini th {
  padding: 0;
}
.ces-table-page .ces-table .el-table--mini td .cell,
.ces-table-page .ces-table .el-table--mini th .cell {
  padding: 11px 0 !important;
  width: 100% !important;
}
.ces-table-page .ces-table .el-table--border::after,
.ces-table-page .ces-table .el-table--group::after,
.ces-table-page .ces-table .el-table::before {
  background: #fff;
}
.ces-table-page .ces-table .el-table .cell,
.ces-table-page .ces-table .el-table th div {
  padding-right: 0 !important;
}
.ces-table-page .ces-pagination {
  margin-top: 20px;
  padding-bottom: 20px;
}
.ces-table-page .chName.is-dark {
  background: #5c82ff !important;
}
.ces-table-page .chName[x-placement^="top"] .popper__arrow,
.ces-table-page .chName[x-placement^="top"] .popper__arrow::after {
  border-top-color: #5c82ff !important;
}
.ces-table-page .ces-table .disfail {
  color: #58617a !important;
}
.ces-table-page .ces-table .disture {
  color: #bcc1d0 !important;
}
.ces-table-page .ces-table .moreList .el-dropdown-link {
  color: #264dd9;
  outline: none;
}
.ces-table-page .ces-table .moreList .el-dropdown-link .el-icon-arrow-down {
  display: none;
}
.ces-table-page .ces-table .input-style {
  display: flex;
  align-items: center;
  padding: 0 24px 0 8px;
  box-sizing: border-box;
}
.ces-table-page .ces-table .input-style span,
.ces-table-page .ces-table .table-label {
  width: 100px;
  font-weight: bold;
  color: #242c43;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ces-table-page .ces-table .el-form-item {
  margin-bottom: 0px;
  padding: 3px 0;
}
.ces-table-page .ces-table .el-form-item__content {
  line-height: 0;
}
.ces-table-page .ces-table .el-form-item__error {
  padding-top: 0;
}
.ces-table-page .primary-del {
  font-family: MicrosoftYaHei-Bold;
  font-size: 14px;
  color: #264dd9;
  cursor: pointer;
}
.ces-table-page .hrefclass {
  color: #264dd9;
  cursor: pointer;
}
.ces-table-page .rework {
  background-color: #fffee8;
  border-radius: 4px;
  border: solid 1px #e4c884;
  padding: 2px 3px;
  color: #ef9433;
  font-size: 12px;
}

/* 禁用样式 */
.el-input.is-disabled .el-input__inner, .el-textarea.is-disabled .el-textarea__inner{
  background-color: #e3e4e6 !important;
  border-color: #e3e5ef !important;
  color: #a9aec0 !important;
}

/* 批量导入 */
.sys_menus_box .el-upload-dragger,
.sys_menus_box .el-upload,
.sys_menus_box .upload-demo {
    width: 100%;
    height: 100%;
}

.sys_menus_box .dark-image {
  display: none !important;
}

.sys_menus_box .upload_alert {
    flex: 0 0 auto;
    width: 28%;
    margin-left: 2%;
    height: 66px;
    background-color: #f8f9fd;
    border-radius: 8px;
    padding: 8px;
    color: #8890a7;
    font-size: 12px;
    line-height: 26px;
    display: flex;
    align-items: flex-start;
}

.sys_menus_box .example_excle {
    position: absolute;
    left: 72%;
    bottom: 0;
}

.sys_menus_box .up_alert_i {
    margin-right: 8px;
    line-height: 26px;
}

.sys_menus_box .el-form-item {
    margin-bottom: 10px;
}

.date-box {
  display: inline-block;
  padding: 5px 10px;
}