/* 这个是页面公共的一些css样式*/

html {
    font-size: 12px;
}

body {
    margin: 0!important;
    padding: 20px;
    background: #F6F7F9;
    box-sizing: border-box;
    overflow: auto;
}

#vueBlock {
    height: calc(100vh - 40px);
    padding: 20px;
    background: #fff;
    box-sizing: border-box;
    overflow: auto;
}

/*解决谷歌浏览器el-table表格表头边框不对齐*/
body .el-table th.gutter{
    display: table-cell!important;
}

::-ms-clear,::-ms-reveal{
    display:none;
}

/* 引用的是element ui，在原基础上改动一些样式 */
.searchBar .el-input--mini .el-input__inner,
.searchBar .el-input--small .el-input__inner,
.dialogForm .el-input--mini .el-input__inner,
.dialogForm .el-input--small .el-input__inner{
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.searchBar .el-range-editor--mini.el-input__inner {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.searchBar .el-input--mini .el-input__suffix {
    padding-right: 12px;
    right: 10px;
    font-size: 14px;
    cursor: pointer;
}
.searchBar .el-date-editor .el-input__suffix {
    padding-right: 0;
    right: 5px;
}
.searchBar .el-input .el-input--suffix .el-input__inner {
    padding-right: 50px;
}
.searchBar .el-select .el-input--suffix {
    padding-right: 15px;
}
.dialogForm .el-form-item__label{
    color: #909399;
    font-weight: 600;
}
.dialogForm .el-input--mini .el-input__inner {
    font-weight: 600;
}
.dialogForm .el-button--mini, .el-button--mini.is-round {
    padding: 7px 20px;
}
.dialogForm .el-textarea__inner {
    font-weight: 600;
}
.dialogForm .el-input-group__append {
    left: -10px;
    border-left: none;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0 15px;
}
.dialogForm .el-input-group--prepend .el-input__inner {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.dialogForm .el-input-group__prepend {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.dialogForm .el-textarea__inner {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.el-form--label-top .el-form-item__label {
    padding-bottom: 5px!important;
}

.el-table th.is-leaf {
    border-right: 2px solid #fff!important;
}
.el-table td{
    padding: 10px 0;
}
.el-table th {
    padding: 11px 0;
}
/* 修改element ui的弹窗样式 */
.el-dialog__wrapper {
    overflow: hidden;
}
.el-dialog {
    /*max-height: 75vh;*/
    -webkit-border-radius: 10px!important;
    -moz-border-radius: 10px!important;
    border-radius: 10px!important;
}
.el-dialog__header {
    padding: 10px 20px;
    height: 30px;
    background: #F6F7F9;
    border: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.el-dialog__title {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    color: #303133;
}
.el-dialog__headerbtn {
    top: 17px;
}
.el-dialog__body {
    padding: 20px 24px 0 24px;
    max-height: calc(75vh - 128px);
    overflow: auto;
}
.feedDialog .el-dialog__body {
    max-height: calc(75vh - 180px);
}
.mapDialog .el-dialog {
    max-height: 90vh;
}
.mapDialog .el-dialog__body {
    max-height: calc(90vh - 128px);
}
.viewDialog .el-image__error, .el-image__inner,
.viewDialog .el-image__placeholder {
    /*width: auto;*/
    /*height: auto;*/
    /*max-width: 100%;*/
    /*max-height: 100%;*/
}
.viewDialog .el-dialog{
    max-height: 90vh;
}
.viewDialog .el-dialog__body {
    max-height: calc(90vh - 90px);
}
.absoluteDialog .el-dialog {
    height: 90vh;
}
.absoluteDialog .el-dialog__body {
    /*height: calc(90vh - 128px);*/
    height: calc(90vh - 148px);
}
/* 修改element ui确认删除弹窗的样式 */
.el-message-box {
    -webkit-border-radius: 10px!important;
    -moz-border-radius: 10px!important;
    border-radius: 10px!important;
}
.el-message-box__header {
    /*background: #F6F7F9;*/
}
.el-message-box__title {
    font-weight: bold;
    color: #303133;
}
.el-message-box__btns .el-button--small {
    padding: 7px 20px;
}
/*.el-message-box .el-message-box__btns button:nth-child(1) {*/
/*    float: right;*/
/*    margin-left: 10px;*/
/*}*/

/* 滚动条样式 */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.15);*/
    background: rgba(0,0,0,.1);
}
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
    border-radius: 0;
    background: #F6F7F9;
}
.manualContecnt ::-webkit-scrollbar,
.userManual ::-webkit-scrollbar {
    width: 4px;
}

/* 表格和表单的字体都是12px */
.el-table {
    font-size: 12px;
}
.table-text1 {
    color: #606266;
    font-weight: bold;
}
.table-text2 {
    color: #409EFF;
    font-weight: bold;
}
.table-text3 {
    color: #67C23A;
    font-weight: bold;
}
.table-text4 {
    color: #E6A23C;
    font-weight: bold;
}
.table-text5 {
    color: #F56C6C;
    font-weight: bold;
}
.table-text6 {
    color: #909399;
    font-weight: bold;
}

.table-tag {
    font-weight: 500;
    border: none;
}

.strategy-tabs {
    height: 300px;
    overflow: auto;
}
.strategy-pane {
    margin-bottom: 10px;
}
.strategy-span {
    margin: 0 10px;
    color: #99a9bf;
    font-size: 12px;
    font-weight: bold;
}
.strategy-tag {
    min-width: 80px;
}
.strategy-row {
    margin-top: 20px;
    line-height: 25px;
    color: #99a9bf;
    font-size: 12px;
}
.strategy-button {
    float: right;
    margin-right: 10px;
    width: 100px;
}

.el-input-number__decrease {
    /*border-top-left-radius: 15px;*/
    /*border-bottom-left-radius: 15px;*/
}
.el-input-number__increase {
    /*border-top-right-radius: 15px;*/
    /*border-bottom-right-radius: 15px;*/
}

.charge-order-col {
    padding: 20px;
}
.charge-order-table {
    border-collapse:separate;
    border-spacing:10px;
}
.charge-order-row {
    margin: 10px 20px;
}

/* 充电卡的充电桩绑定弹窗页面的弹窗样式 */
.cardTrans .el-dialog {
    height: 540px;
}
.cardTrans .el-dialog__body {
    position: relative;
    height: 410px;
 }
/* 充电卡页面的充电桩绑定弹窗里的穿梭框样式 */
.cardTrans .el-transfer-panel {
    width: 290px;
}
.cardTrans .el-transfer-panel__body {
    height: 312px;
}
.cardTrans .el-transfer-panel__body .el-transfer-panel__list {
    height: 260px;
}
.cardTrans .el-transfer__buttons {
    width: 36px;
}
.cardTrans .el-transfer__buttons .el-transfer__button {
    padding: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.cardTrans .el-transfer__button:last-child {
    margin-left: 0;
}

.six-input-box {
    display: flex;
    flex-direction: row;
}
.adminPasswordInput {
    width: 21px;
    margin-left: 5px;
    height: 25px;
    font-size: 18px;
    color: #333333;
    text-align: center;
    outline: none;
    border: solid 1px #d2d2d2;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.error-tips {
    margin-left: 10px;
    color: #f56c6c;
    font-size: 12px;
}

.el-menu {
    background: #f6f8fb;
}
.el-submenu .el-menu-item {
    height: 36px;
    line-height: 36px;
}

.ManualPopover .el-popover--plain {
    padding: 4px!important;
}
.ManualPopover .el-popover {
    font-size: 12px;
    font-weight: bold;
    color: #909399;
}
.ManualPopover .el-popper[x-placement^=bottom] {
    margin-top: 4px;
}
.ManualPopover .el-breadcrumb {
    font-size: 14px;
    font-weight: bold;
}
.ManualPopover .el-breadcrumb__item:last-child .el-breadcrumb__inner {
    font-weight: bold;
    color: #409EFF!important;
}
#directory .el-tabs__item {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}
#directory .el-tabs--right .el-tabs__header.is-right {
    float: left;
}

.profileCollapse .el-collapse-item__wrap {
    padding-top: 10px;
    border-top: 1px solid #EBEEF5;
}

.list-details .el-checkbox {
    width: 100%;
}

.manualContecnt p {
    margin-top: 0;
    margin-bottom: .5em;
}
.manualContecnt .el-image {
    margin: 1em 0;
}

/* el-input验证成功后，边框变成绿色 */
/*.el-form-item.is-success .el-input__inner,*/
/*.el-form-item.is-success .el-input__inner:focus,*/
/*.el-form-item.is-success .el-textarea__inner,*/
/*.el-form-item.is-success .el-textarea__inner:focus {*/
/*    border-color:#67C23A*/
/*}*/
/*.el-form-item.is-success .el-input-group__append .el-input__inner,*/
/*.el-form-item.is-success .el-input-group__prepend .el-input__inner {*/
/*    border-color:transparent*/
/*}*/
/*.el-form-item.is-success .el-input__validateIcon {*/
/*    color:#67C23A*/
/*}*/

.el-tooltip__popper {
    max-width: 600px;
    line-height: 1.8;
    white-space: pre-line;
}

.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-more-overflow{
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: pre-line;
}

/* 表格操作列按钮左对齐 */
.table-btns .table-text1 {
    margin: 0px;
}
.table-btns .table-text1:not(:last-child){
    margin-right: 10px;
}

/* 搜索栏 */
.search-bar .el-input, .search-bar .el-select {
    /*width: 200px;*/
}
/* 限制字符的输入框 */
.show-limit:not(.is-disabled) .el-input__inner{
    padding-right: 70px;
}

.el-message .el-message__content {
    line-height: 20px;
}

input, textarea {
    font-family:  'AlibabaSans',"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}

.el-textarea .el-input__count {
    line-height: 14px;
    right: 1px;
    bottom: -14px;
}

/* 修改toast关闭按钮与文本间的距离 */
.el-message.is-closable .el-message__content {
    padding-right: 20px;
}