@import "element-variables.scss";

/* 改变 icon 字体路径变量，必需 */
$--font-path: "~element-ui/lib/theme-chalk/fonts";

@import "~element-ui/packages/theme-chalk/src/index";
@import "../icon/iconfont.css";

//弹窗样式
.manage-dialog__wrap {
    overflow: unset !important;
    .el-dialog {
        width: 70%;
        height: 72%;

        .el-dialog__header {
            padding: 10px 0;
            margin: 0 20px;
            // height: 24px;
            // line-height: 24px;
            border-bottom: 1px solid #ebeef5;
        }

        .el-dialog__title {
            font-size: 16px;
            color: #333;
        }

        .el-dialog__headerbtn {
            top: 14px;
        }

        .el-dialog__body {
            height: calc(100% - 120px);
            padding-top: 10px;
            padding-bottom: 10px;
            overflow: auto;
            font-size: 12px;

            .el-main {
                padding-top: 0;
                padding-bottom: 0;
            }
        }

        .el-input__inner {
            font-size: 12px;
        }
    }
    .el-dialog__footer{
        padding-top: 0;
    }
    .dialog-footer{
        text-align: center;
    }
}

.manage-dialog__wrap {
    @media (max-width:1024px) {
        .el-dialog {
            width: 100%;
            height: 90%;
            margin-top: 4vh !important;
        }
    }

    @media (min-width: 1152px) and (max-width: 1400px) {
        .el-dialog {
            width: 90%;
        }
    }
}
// htTable顶部按钮样式
.search-container__col{
    // .el-button-group{
    //   width: calc(100% - 360px);
    // }
  }
  .ht-table{
    .el-radio{
        .el-radio__label{
            display: none;
        }
    }
}
// 树+表格的边框缩小
.main-ht-table{
    padding: 10px!important;
}

.tooltip-wrapper{
position: relative;
display:inline-block;
padding: 4px 6px;
top:10px;

}
.tooltip-wrapper::before {
content: "";
position: absolute;
border-width: 4px 6px 0 6px;
border-style: solid;
border-color: transparent;
border-top-color: black;
opacity:0;
top:-10px;
left:50%;
transform: translateX(-50%);
}

.tooltip-wrapper:hover > .msg-log-content{
    opacity: 1;
    position: static;
    display: inline-block;
}

.msg-log-icon{
    position: relative;
    top:-10px;
}

.msg-log-icon:hover + .msg-log-content{
    opacity: 1;
    position: static;
    display: inline-block;
}

.msg-log-content {
position: absolute;
background: black;
text-align: center;
color: #fff;        
border-radius: 5px;
padding:4px 2px;
min-width: 80px;
pointer-events: auto;
opacity:0;
left:50%;
top:-5px;
transform: translateX(-50%)   translateY(-100%);
} 
.tooltip-wrapper:hover::after,.tooltip-wrapper:hover::before{
opacity: 1;
}
/* 右侧 */
.tooltip-wrapper:hover[position='right']::before{
top: 15%;
left:8%;
margin-left: -3px;
transform: translateY(-50%) rotate(-90deg);
}
.tooltip-wrapper[position='right'] > .msg-log-content{
top: 50%;
left: 100%;
margin-left: 10px;
transform: translateY(-50%);
}
// 导出按钮间距
.export-import-container + .export-import-container,
.export-import-container + .el-button,
.el-button + .export-import-container,
.ht-delete-button + .export-import-container
{
    margin-left: 10px;
};
.single-padding{
    padding: 10px;
}