/* 圆形样式 */
.round {
    border-radius: 2em;
}

/* bootstrap-table 表格 表头 */
.tableThead {
    background-color: #CBE2FC;
}

/* bootstrap-table 表格高度自适应 */
.fixed-table-body {
    height: auto !important;
}

/* jquery-validation提示语 */
label.error {
    color: red;
    margin: 5px 0;
}

/* 元数据详情弹窗 */
#detailInf tr td:nth-of-type(1) {
    width: 20% !important;
}

/* 3行文本溢出时截取 */
.textOverflow-3 {
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

/* 2行文本溢出时截取 */
.textOverflow-2 {
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: auto !important;
}

/* 项目详情 - 数据集列表 - 创建者 */
.textSingleRow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 375px;
    line-height: 27px;
    padding: 0 !important;
    display: inline-block;
}

/* sweetalert 提示框 a 标签样式 */
.swalA {
    color: #6C819D;
}

.swalA:hover {
    color: #2F7AE1;
}

/* 公开共享、协议共享 标签选中样式 */
.shareMethodBtn.active {
    background-color: #2F7AE1 !important;
    color: white !important;
}

.news-matrix .item .btns a:hover.button, a:focus.button {
    color: white;
}

/* 各专题列表及详情标签换行后增加上下间距 */
.filter p a {
    margin: 5px 0;
}

/* 排序 */
.orderIcon {
    cursor: pointer;
    background: url(../images/ico_order.png) right center no-repeat;
    padding-right: 18px;
}
/* 排序 选中 */
.orderIcon.active {
    color: #2F7AE1;
}

/* 专题及各tab页内容弹窗 START */
.themeFieldName {
    margin: 10px 0;
    font-weight: bold;
    font-size: 18px;
}

.themeFieldValue {
    margin: 5px 0;
    font-size: 14px;
    line-height: 21px;
}

.swal2-spacer {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
/* 前面加上一个点 */
.themeFieldName::before {
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    background: #2F7AE1;
    margin-left: -0.8em;
    margin-top: 10px;
}
/* 专题及各tab页内容弹窗 END */

/**************************** 左侧导航样式 START ****************************/
.leftTab {
    color: black;
    border-bottom: #ddd 1px solid;
    font-size: 16px;
    line-height: 45px;
    font-weight: bold;
    padding-left: 40px;
    cursor: pointer;
}

.leftTab2 {
    color: black;
    border-bottom: #ddd 1px solid;
    font-size: 16px;
    padding-left: 60px;
    cursor: pointer;
}

.leftTab:hover {
    color: #2F7AE1;
    text-decoration: underline;
}

.leftTab2:hover {
    color: #2F7AE1;
    text-decoration: underline;
}

.leftTab.active {
    color: #fff !important;
    background: #2F7AE1;
}

.leftTab2.active {
    color: #fff !important;
    background: #2F7AE1;
}
/**************************** 左侧导航样式 END ****************************/

/* whiteHoverDiv下的a标签的hover颜色改为白色 */
.whiteHoverDiv a:hover {
    color: white;
}