/*
 * @Author: baiyf
 * @Date: 2019-05-15 13:21:19
 * @Description:  这个css文件是为了重写element-ui弹出框的样式,因为在单个文件中修改不起作用，所以用这种办法。
 */

@charset 'utf-8';

* {
  box-sizing: border-box;
}

/* 基础 */
a {
  color: #cbe0ff;
}

.right-main {
  width: 100%;
  /* padding: 20px; */
  padding: 5px 20px 20px;
  /* height: calc(100% - 40px) !important; */
  flex: auto;
  overflow: hidden;
}

.user-logo {
  width: 40px;
  object-fit: scale-down;
  height: 40px;
}

/* 内容模块：盒子 */
.right-content {
  height: 100%;
}

/* 饿了么 */
/* 下拉框的小角 */
.el-popper .popper__arrow {
  border-bottom-color: #015092 !important;
  border-top-color: #015092 !important;
}

.el-popper .popper__arrow::after {
  border-bottom-color: #062041 !important;
  border-top-color: #062041 !important;
}

/* 弹框 */
.el-message-box {
  background-color: #062041 !important;
  border: 1px solid #015092 !important;
}

.el-message-box__title {
  color: #cbe0ff !important;
}

.el-message-box__headerbtn .el-message-box__close {
  color: #cbe0ff !important;
}

.el-message-box__headerbtn .el-message-box__close:hover {
  color: #45fbd1 !important;
}

.el-message-box__content {
  color: #cbe0ff !important;
}

/* 按钮 */
.el-button {
  background-color: #303133 !important;
  border: 1px solid #606266 !important;
  color: #cbe0ff !important;
}

.el-button:focus,
.el-button:hover {
  background-color: #303133 !important;
  border-color: #c0c4cc !important;
  color: #a4c9f4 !important;
}

.el-button--primary {
  background: linear-gradient(#1E68CB, #033071) !important;
  border-color: #409EFF !important;
  color: #cbe0ff !important;
}

.el-button--primary:hover,
.el-button--primary:focus {
  background: linear-gradient(#1E68CB, #033071) !important;
  border-color: #66b1ff !important;
  color: #a4c9f4 !important;
}

.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
  background: linear-gradient(#305588, #173663) !important;
  border-color: #409eff !important;
  color: #a4c9f4 !important;
}

.el-input__prefix,
.el-input__suffix {
  color: #cbe0ff !important;
}

.input_suffix_align .el-input__suffix,
.input_suffix_align .el-input__prefix {
  top: 3px !important;
}

.el-button--danger {
  color: #fff !important;
  background-color: #f26c6c !important;
  border-color: #f26c6c !important;
}

.el-button--danger:hover,
.el-button--danger:focus {
  color: #fff !important;
  background-color: #f78989 !important;
  border-color: #f78989 !important;
}

.el-button--success {
  color: #fff !important;
  background-color: #67c23a !important;
  border-color: #67c23a !important;
}

.el-button--success:hover,
.el-button--success:focus {
  color: #fff !important;
  background-color: #85ce61 !important;
  border-color: #85ce61 !important;
}

/* 单选 */
.el-radio {
  color: #156681 !important;
}

.el-radio__input.is-checked+.el-radio__label {
  color: #409EFF !important;
}

/* 选择框 */
.el-select-dropdown {
  background-color: #062041 !important;
  border: 1px solid #105092 !important;
}

.el-select-dropdown__item {
  color: #cbe0ff !important;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background-color: #015092 !important;
  color: #a4c9f4 !important;
}

/* 日期选择器 */
.el-picker-panel {
  color: #cbe0ff !important;
  border: 1px solid #015092 !important;
  background: #062041 !important;
}

.el-cascader-menus {
  border: 1px solid #062041 !important;
}

.el-cascader-menu {
  color: #cbe0ff !important;
  border: 1px solid #062041 !important;
  background-color: #062041 !important;
}

.el-cascader-menus {
  border: 1px solid #062041 !important;
}

.el-cascader-menu {
  color: #cbe0ff !important;
  border: 1px solid #062041 !important;
  background-color: #062041 !important;
}

.el-cascader-menu__item {
  color: #cbe0ff !important;
}

.el-cascader-menu__item:focus:not(:active),
.el-cascader-menu__item:hover {
  color: #cbe0ff !important;
  background-color: #015092 !important;
}

.el-cascader__label {
  color: #cbe0ff !important;
}

.el-popover {
  color: #cbe0ff !important;
  background: #00111c !important;
  border: 1px solid #015092 !important;
  overflow-y: auto;
}

.el-popover__title {
  color: #cbe0ff !important;
}

.right-content-top .el-tree {
  color: #cbe0ff !important;
  background-color: #015092 !important;
}

.el-date-table th {
  border-bottom: 1px solid #015092 !important;
  color: #cbe0ff !important;
}

.el-year-table td.disabled .cell,
.el-date-table td.disabled div {
  background-color: transparent !important;
}

.el-date-range-picker__content.is-left {
  border-right: 1px solid #015092 !important;
}

.el-picker-panel__icon-btn {
  color: #cbe0ff !important;
}

.el-picker-panel__icon-btn:hover {
  color: #409eff !important;
}

/* form */
.el-form-item__label {
  color: #cbe0ff !important;
}

.el-input.is-disabled .el-input__inner {
  color: #a4c9f4 !important;
  border-color: #113254 !important;
}

/* 计数器 */
.el-input-number__decrease.is-disabled,
.el-input-number__increase.is-disabled {
  color: #156681 !important;
}

.el-input-number__decrease {
  border-right: 1px solid #015092 !important;
}

.el-input-number__increase {
  border-left: 1px solid #015092 !important;
}

.el-input-number__decrease,
.el-input-number__increase {
  background: #062041 !important;
  color: #cbe0ff !important;
}

/* 开关 */
.el-switch__label {
  color: #156681 !important;
}

.el-switch__label.is-active {
  color: #409EFF !important;
}

/* 抽屉 */
.el-drawer {
  background-color: #062041 !important;
}


.el-picker-panel [slot=sidebar],
.el-picker-panel__sidebar {
  border-right: 1px solid #015092 !important;
  background-color: #062041 !important;
}

.el-picker-panel__footer {
  border-top: 1px solid #015092 !important;
  background-color: #062041 !important;
}

.el-date-range-picker__time-header {
  border-bottom: 1px solid #015092 !important;
}

.el-tabs__header {
  background-color: #062041 !important;
  border-bottom: 1px solid #015092 !important;
}

.is-top {
  background-color: transparent !important;
  border-bottom: none !important;
}

/* 小角标 */
.radius {
  border-radius: 20px;
}

.corner {
  position: absolute;
  width: 40px;
  height: 40px;
  background-image: url("../image/using_corner.png");
  background-size: 75% 100%;
  background-repeat: no-repeat;
}

.corner_leave {
  background-image: url("../image/leave_corner.png");
}

.corner_error {
  background-image: url("../image/error_corner.png");
}

.corner_unbind {
  background-image: url("../image/unbind_corner.png");
}

.corner_cant {
  background-image: url("../image/cant_corner.png");
}

.lt {
  left: -3px;
  top: -3px;
}

.rt {
  transform: rotateY(180deg);
  right: -3px;
  top: -3px;
}

.rb {
  transform: rotate(180deg);
  right: -3px;
  bottom: -3px;
}

.lb {
  transform: rotateX(180deg);
  left: -3px;
  bottom: -3px;
}

@media screen and (max-width: 1024px) {
  /*折叠换行时上下对齐*/
  /* .alltableinfo .el-button+.el-button {
     margin-left: 0px !important;
     margin-top: 8px !important;
   } */

}

.is-disabled .el-input__inner {
  background-color: #062041 !important;
}

/* 发表反馈 */
.upload {
  background-color: #fff !important;
}

.meg_box {
  background-color: #fff !important;
  border: 1px solid #ebeef5 !important;
  width: auto !important;
}

.el-tooltip__popper {
  max-width: 600px !important;
  width: auto !important;
  line-height: 21px !important;
}


.customer-picker-date .el-picker-panel__footer {
  background: #00111c !important;
  border-top: 1px solid #015092 !important;
}

.customer-picker-date .el-picker-panel__body .el-date-picker__time-header {
  border-bottom: 1px solid #015092 !important;
}

.customer-picker-date .el-picker-panel__body .el-input__inner {
  background: #00111c !important;
  border: 1px solid #015092 !important;
  color: #cbe0ff !important;
}

.customer-picker-date .el-picker-panel__footer button {
  background: linear-gradient(#1E68CB, #033071) !important;
  border-color: #409EFF !important;
  color: #cbe0ff !important;
  padding: 7px !important;
}




/* 滚动条整体宽度 */
::-webkit-scrollbar {
  /* width: 8px; */
  width: 0px;
  height: 12px;
}

/* 滚动条滑槽样式 */
::-webkit-scrollbar-track {
  background-color: #0a4165;
  -webkit-box-shadow: inset 0 0 6px #015092;
}

/* 滚动条样式 */
::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px #cbe0ff;
}

::-webkit-scrollbar-corner {
  display: none;
}

.el-date-table td.in-range div {
  background-color: #073980 !important;
}

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  background-color: #073980 !important;
}

.el-tree .el-tree-node .el-tree-node__children {
  overflow: visible !important;
}

div#driver-highlighted-element-stage {
  background-color: transparent !important;
}

div.taskDetail {
  max-width: 400px !important;
}

div.max-450-width {
  max-width: 450px !important;
}

/* .el-table th>.cell {
  font-size: 15px !important;
  margin: 5px 0px !important;
  white-space: nowrap !important;
}

.el-table__heade {
  height: 70px !important;
} */
.el-table th>.cell {
  font-size: 14px !important;
  white-space: nowrap !important;
}

.el-table .el-table__header-wrapper tr {
  height: 47px !important;
}

.icp-block {
  color: #cbe0ff;
  position: fixed;
  width: 100%;
  text-align: center;
  bottom: 10px;
  letter-spacing: 0.5px;
}

.hometip {
  bottom: 1px;
  font-size: 13px;
  text-align: right;
  padding-right: 15px;
}
.loginconfirm{
  position: absolute;
  top: calc(50% - 160px);
  right: calc(12% + 80px);
}