/*
* 系统CSS样式分以下几种大的模块
*
* 1、 通用公共样式   (显示、布局、定位、外边距、边框、内边距、字体，宽度相关样式)
* 2、 通用打印样式   (打印相关所有样式)
* 3、 框架布局样式   (框架顶部、左则菜单、右则分校栏相关样式)
* 4、 表格布局样式   (表格相关样式)
* 5、 重置插件样式   (重置easyui组件或第三方插件样式)
* 6、 自定义组件样式 (自定义组件相关样式)
* 7、 页面独立样式   (每个独立模块或页面特有的样式，不通用类)
*
*/
/***************************************************** ↓ 通用公共样式 开始 ↓ *****************************************************/

/*去除图标*/
.tree-node .tree-icon {
  display: none;
  // opacity: 0;
}
/* 显示、布局、定位样式 */
ul, li {margin: 0;padding: 0;list-style: none;}
.block {display: block;}
.display-inline-block {display: inline-block;}
.overflow-hidden {overflow: hidden;} /* 防止溢出 */
.box-sizing-border {box-sizing: border-box;}

.fl, .float-left {float: left;}
.fr, .float-right {float: right;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.flex {display: flex;}
.flex-row {display:flex;flex-direction:row;flex-wrap:wrap}
.flex-row-nowrap {display:flex;flex-direction:row;}
.flex-column {display:flex;flex-direction:column}
.flex-row-center {justify-content:center}
.flex-row-space-between {justify-content:space-between}
.flex-row-start {justify-content:flex-start}
.flex-row-end {justify-content:flex-end}
.flex-column-end {align-items: flex-end}
.flex-column-center {align-items:center}
.flex-center {justify-content:center;align-items:center}
.flex-1 {flex: 1;}
.flex-2 {flex: 2;}
.flex-overflow {flex-wrap: nowrap;overflow: hidden;white-space: nowrap;}

.position-fixed {position: fixed;}
.position-fixed-bottom {position: fixed;bottom: 0;}
.position-relative {position: relative;}
.position-absolute {position: absolute;}
.position-absolute-full {position: absolute; top: 0; left:0; width: 100%; height: 100%; background-color: #fff;z-index: 1;}
.position-absolute-full-nobg {position: absolute; top: 0; left:0; width: 100%; height: 100%; z-index: 1;}
.position-absolute-top-right {position: absolute; top: 0; right:0;}
.position-absolute-left {position: absolute; top: 0; left:0;}
.position-absolute-right {position: absolute; top: 0; right:0;}
.position-absolute-bottom {position: absolute; bottom: 0;}
.position-absolute-right-bottom {position: absolute; right:0; bottom: 0;}

/* 盒子：外边距、边框、内边距 样式 */
.margin-auto {margin: 0 auto;}
.margin-5 {margin: 5px;}
.margin-top-3 {margin-top: 3px;}
.margin-top-5 {margin-top: 5px;}
.margin-top-10 {margin-top: 10px;}
.margin-top-20 {margin-top: 20px;}
.margin-top-40 {margin-top: 40px;}
.margin-top-50 {margin-top: 50px;}

.margin-right-3 {margin-right: 3px;}
.margin-right-5 {margin-right: 5px;}
.margin-right-10 {margin-right: 10px;}
.margin-right-15 {margin-right: 15px;}
.margin-right-20 {margin-right: 20px;}
.margin-right-30 {margin-right: 30px;}
.margin-right-50 {margin-right: 50px;}

.margin-bottom-3 {margin-bottom: 3px;}
.margin-bottom-5 {margin-bottom: 5px;}
.margin-bottom-8 {margin-bottom: 8px;}
.margin-bottom-10 {margin-bottom: 10px;}
.margin-bottom-20 {margin-bottom: 20px;}
.margin-bottom-30 {margin-bottom: 30px;}
.margin-bottom-40 {margin-bottom: 40px;}

.margin-left-5 {margin-left: 5px;}
.margin-left-10 {margin-left: 10px;}
.margin-left-15 {margin-left: 15px;}
.margin-left-18 {margin-left: 18px;}
.margin-left-20 {margin-left: 20px;}
.margin-left-25 {margin-left: 25px;}
.margin-left-30 {margin-left: 30px;}
.margin-left-40 {margin-left: 40px;}
.margin-left-62 {margin-left: 62px;}
.margin-left-90 {margin-left: 90px;}
.margin-left-110 {margin-left: 110px;}
.margin-left-400 {margin-left: 400px;}

.margin-top-bottom-10 {margin: 10px 0;}

.border-solid {border: 1px solid #ccc;}
.border-top-solid {border-top: 1px solid #ccc;}
.border-right-solid {border-right: 1px solid #ccc;}
.border-bottom-solid {border-bottom: 1px solid #ccc;}
.border-left-solid {border-left: 1px solid #ccc;}
.border-left-solid-blue {border-left: 1px solid #95b8e7;}
.border-left-solid-3 {border-left: 3px solid #3197FC;}

.padding-1{padding: 1px;}
.padding-2{padding: 2px;}
.padding-3{padding: 3px;}
.padding-4{padding: 4px;}
.padding-5{padding: 5px;}
.padding-8{padding: 8px;}
.padding-10{padding: 10px;}
.padding-20{padding: 20px;}
.padding-30{padding: 30px;}

.padding-top-10{padding-top: 10px;}
.padding-top-20{padding-top: 20px;}
.padding-top-70{padding-top: 70px;}
.padding-top-12{padding-top: 12px;}
.padding-top-15{padding-top: 15px;}

.padding-right-10{padding-right: 10px;}
.padding-right-5{padding-right: 5px;}

.padding-bottom-5{padding-bottom: 5px;}
.padding-bottom-10{padding-bottom: 10px;}
.padding-bottom-30{padding-bottom: 30px;}
.padding-bottom-40{padding-bottom: 40px;}
.padding-bottom-50{padding-bottom: 50px;}
.padding-bottom-80{padding-bottom: 80px;}

.padding-left-8{padding-left: 8px;}
.padding-left-10{padding-left: 10px;}
.padding-left-20{padding-left: 20px;}

.padding-top-bottom-3{padding: 3px 0;}
.padding-top-bottom-5{padding: 5px 0;}
.padding-top-bottom-8{padding: 8px 0;}
.padding-top-bottom-10{padding: 10px 0;}
.padding-top-10-bottom-30{padding: 10px 30px;}
.padding-left-top-30{padding-left: 30px;padding-top: 30px;}
.padding-left-right-10{padding: 0 10px;}
.padding-left-right-30{padding: 0 30px;}

/* 字体相关样式 */
.font-color-red{color: red;}
.font-color-blue{color: #3197fc;}
.font-color-white{color: white;}
.font-color-yellow{color: #f5da0b;}
.font-color-green{color: #7fe879;}
.font-color-dark-green{color: #1f9717;}
.font-color-gray{color: #4d4d4d;}
.font-color-dark{color: #8f8f8f;}
.font-color-black{color: #333;}
.font-size-12{font-size: 12px;}
.font-size-13{font-size: 13px;}
.font-size-14{font-size: 14px;}
.font-size-15{font-size: 15px;}
.font-size-18{font-size: 18px;}
.font-size-20{font-size: 20px;}
.font-size-28{font-size: 28px;}
.font-style-normal{font-style: normal;}
.font-align-right{text-align: right;}
.font-weight-normal{font-weight: normal;}
.font-weight-bold{font-weight: bold;}
.font-family-ya-hei{font-family: "Microsoft YaHei", serif;}
.font-family-song-ti{font-family: "宋体", serif;}

.white-space-nowrap {white-space:nowrap;}
.font-overflow {overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.text-align-left {text-align: left;}
.text-align-center {text-align: center;}
.text-align-right {text-align: right;}
.vertical-align-center {vertical-align: middle;}
.vertical-align-bottom {vertical-align: bottom;}
.letter-spacing{letter-spacing: 1px;}
.line-height-20{line-height: 20px}

/* 常用宽度大小样式 */
.width-20 {width: 20px;}
.width-30 {width: 30px;}
.width-50 {width: 50px;}
.width-60 {width: 50px;}
.width-70 {width: 50px;}
.width-80 {width: 80px;}
.width-100 {width: 100px;}
.width-105 {width: 105px;}
.width-150 {width: 150px;}
.width-200 {width: 200px;}
.width-220 {width: 220px !important;}
.width-280 {width: 280px;}
.width-400 {width: 400px;}
.width-700 {width: 700px;}
.min-width-190 {min-width: 190px;}
.height-full {height: 100%}

.img-100 {width: 100px; height: 100px; display: block;}
.bg-fill {background-size: 100% 100%;}

/* 其它相关样式 */
.pointer-events-none {pointer-events: none;} /* 事件穿透 */
.cursor-pointer{cursor: pointer;} /* 链接指针图标 */
.cursor-default{cursor: default;} /* 默认指针图标 */
.filter-gray{filter: grayscale(0.5);}
.filter-grayscale{filter: grayscale(1);}
.hide {display: none !important;}
.transition-none{transition:none!important;} /* 取消过渡效果 */

.line{display: block;margin: 10px 0 11px;width: 100%;height: 0;border-top: 1px dashed #ccc;}
.page-title {text-align:center;font-weight:bold; font-size: 24px;font-family: 华文楷体, serif;color:#1d76db;}
.dance-mask-layer {position: absolute; top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(200,200,200,0.3);z-index: 1;}
.dance-label-inline {display:block;margin: 0 -4px;}
.dance-label-inline .dance-checkbox{margin: 4px 0 4px 3px}
.dance-checkbox {margin: 0 0 0 3px; width: 16px; height: 16px; vertical-align: middle;}
.background-color-white {background-color: #fff;}
.background-tint{background: #eaf2ff;}

/***************************************************** ↑ 通用公共样式 结束 ↑ *****************************************************/


/***************************************************** ↓ 通用打印样式 开始 ↓ *****************************************************/

/*@page {size: A4 portrait;} !* 控制打印方向，portrait： 纵向,  landscape: 横向 *!*/
@media print {
    .pageBreak {
        page-break-after: always;
    }

    .panel-fit,
    .panel-fit body {
        overflow: inherit; /* 防止打印不能分页 */
    }

    .no-print,
    .layout-panel-north,
    .layout-panel-west,
    .layout-expand-east, /* 分栏收缩状态 */
    .layout-panel-east, /* 分栏展开状态 */
    .layout-panel-center,
    .tabs-header,
    .panel-header,
    .dialog-button,
    .window-shadow,
    .datagrid-pager,
    .panel-footer {
        display: none!important;
    }

    .do-print {
        display: block!important;
    }

    body>.layout-panel-center {
        top: 0!important;
        left: 0!important;
        width: 100%!important;
    }

    body>.panel.window.panel-htop {
        top: 0!important;
        left: 0!important;
        width: 100%!important;
    }

    .panel-header, .panel-body {
        border-color: transparent;
    }

    .window, .window .window-body {
        border-color: transparent;
    }

    /* 公共打印弹窗文字颜色 */
    .ycb-print-dialog .panel-body {
        color: #000;
    }

    /* 公共打印弹窗，打印时，高度不限制 */
    .ycb-print-dialog,
    .ycb-print-dialog .easyui-panel.panel-body {
        height: auto!important;
    }

    /* 公共打印弹窗，打印时，边框颜色 */
    .ycb-print-dialog .border-bottom-solid,
    .ycb-print-dialog .table-normal tr td,
    .ycb-print-dialog .table-normal tr th {
        border-color: #000;
    }

    /* 去掉打印时默认表格底部边距 */
    /*.table-normal {margin: 10px auto 0!important;}*/

    /* 考勤表打印弹窗，边框颜色 */
    .table-normal-black tr td,
    .table-normal-black tr th {
        border: 1px solid #000000!important;
    }
    .table-normal-black tr th.data .no-index {
        border-bottom: 1px solid #000000!important;
    }

    /* 考勤表打印弹窗，固定次数宽度 */
    .table-normal-a4-portrait {
        margin: 10px 0!important;
        width: 690px!important;
    }

    /* 考勤表打印弹窗，高度不限制 */
    #dlg-id-checkReportPrintWin-new,
    #dlg-id-checkReportPrintWin-new .easyui-panel.panel-body{
        height: auto!important;
    }

    /* 花名册打印学员信息弹窗，高度不限制 */
    #dlg-id-StudentsPrintWin-new,
    #dlg-id-StudentsPrintWin-new .easyui-panel.panel-body{
        height: auto!important;
    }

    /* 收费单（学费）原主体内容 */
    #dance-dg-id-receipt-study {
        display: none!important;
    }

    /* 收费单（学费）打印弹窗，高度不限制 */
    #dlg-id-receiptStudyPrintWin-new,
    #dlg-id-receiptStudyPrintWin-new .easyui-panel.panel-body {
        height: auto!important;
    }

    /* 收费单（学费）打印弹窗，A4内容边框颜色 */
    #dlg-id-receiptStudyPrintWin-new .border-bottom-solid,
    #dlg-id-receiptStudyPrintWin-new .table-normal tr td,
    #dlg-id-receiptStudyPrintWin-new .table-normal tr th {
        border-color: #000;
    }

    /* 收费单（学费）打印弹窗，小票内容边框布局位置 */
    #dlg-id-receiptStudyPrintWin-new .margin-auto {
        margin: 0;
    }

    /* 收费单（学费）打印弹窗，小票内容边框颜色 */
    #dlg-id-receiptStudyPrintWin-new .border-solid {
        border: none;
    }

    /* 收费单（学费）打印弹窗，小票内容边框颜色 */
    #dlg-id-receiptStudyPrintWin-new .line {
        border-top-color: #000;
    }

    /* 考勤本 */
    #dance-dg-id-checkReport {
        max-width: 1040px;
        margin-bottom: 0;
    }

    /* 考勤本，表格数据列宽 */
    #dance-dg-id-checkReport .checkReport-table tr th.data {
        width: 55px;
    }

    /* 考勤本，表格手机字体大小 */
    #dance-dg-id-checkReport .checkReport-table tr th.no,
    #dance-dg-id-checkReport .checkReport-table tr th.total,
    #dance-dg-id-checkReport .checkReport-table tr td.name,
    #dance-dg-id-checkReport .checkReport-table tr td.phone {
        padding: 5px 1px;
    }

    #dance-dg-id-checkReport .checkReport-table tr th:first-child,
    #dance-dg-id-checkReport .checkReport-table tr td:first-child {
        width: 35px;
    }

    #dance-dg-id-checkReport .checkReport-table tr td.phone {
        width: 85px;
    }

    #dance-dg-id-checkReport .checkReport-table tr th.date .line-box:after,
    #dance-dg-id-checkReport .checkReport-table tr th.date .line-box:before {
        border-bottom: 1px solid #000;;
    }

    /* 【考勤表】-空白考勤表 */
    #dlg-id-checkReportPrintWin-new .table-normal thead.background-color-white .oblique-line:after{
        border-top: 1px solid #000;
    }

    /* 考勤本，防止中心面板撑开高度，打印第二页空白 */
    .layout-panel-center > .layout-body,
    .layout-panel-center > .layout-body > #danceTabs,
    .layout-panel-center > .layout-body >  #danceTabs > .tabs-panels,
    .layout-panel-center > .layout-body >  #danceTabs > .tabs-panels > .panel > .panel-body {
        height: auto!important;
    }

    /* 学员名单打印弹窗，滚动条隐藏 */
    #dlg-id-StudentsPrintWin-new,
    #dlg-id-StudentsPrintWin-new .easyui-panel.panel-body{
        overflow-y: hidden;
    }

}

/***************************************************** ↑ 通用打印样式 结束 ↑ *****************************************************/


/***************************************************** ↓ 框架布局样式 开始 ↓ *****************************************************/

/* 框架顶部样式 */
.wmm-user-head-container{padding:0;width:80px;color:#fff; float: right;}
.wmm-user-head-image { width:32px; height:32px;position: relative; border-radius:50%; border:2px solid #FFF}
.wmm-banner{width:100%;height:60px;line-height:60px;overflow:hidden;background:url("/img/bg_top.png") right center no-repeat,linear-gradient(to bottom,#0457c7 0,#a9c4e8 100%);-ms-animation:animate-cloud 100s linear infinite;-moz-animation:animate-cloud 100s linear infinite;-webkit-animation:animate-cloud 100s linear infinite;animation:animate-cloud 100s linear infinite}
@-ms-keyframes animate-cloud{from{background-position:1000px 100%} to{background-position:-1920px 100%}}
@-moz-keyframes animate-cloud{from{background-position:1000px 100%} to{background-position:-1920px 100%}}
@-webkit-keyframes animate-cloud{from{background-position:1000px 100%} to{background-position:-1920px 100%}}
@keyframes animate-cloud{from{background-position:1000px 100%} to{background-position:-1920px 100%}}

.wmm-banner .wmm-logo-company-name {color: #fff;}
.wmm-logo-box div{ float: left;}
.wmm-logo-company{width:80px;margin-left:10px;}
.wmm-logo-company img{ width:80px; height:45px; border-radius:10px; vertical-align:middle;}
.wmm-logo-company-name{ margin-left: 10px; font-size: 18px; width:auto; text-align: center; font-weight:bold;}
.wmm-qr-code{width: 264px;height: 264px;position: absolute;left: 50%;top: 50%;margin-left:-132px;margin-top: -132px;}
.wmm-qr-headImage{width:80px; height: 80px; border-radius: 50%; border: 8px solid #fff; position: absolute;left: 50%;top: 50%;margin-left:-40px;margin-top: -40px;background-color: #fff}
.wmm-img {width: 64px; height: 64px}
.wmm-notice-badge {position: absolute;top: 12px;right: -4px;display: inline-block; width: 10px;height: 10px;border-radius: 100%;background-color: red;}
.wmm-notice-badge-btn {background: #eaf2ff;color: #000000;border-radius: 5px;
}

/* 左侧菜单样式 */
.region-west .easyui-accordion .panel-title{font-size:16px; font-weight: normal;}
.region-west .easyui-accordion .tree-title{font-size:16px;}
.region-west .easyui-accordion .tree-node{height: 28px;}
.region-west .easyui-accordion .tree-node .tree-title{color: #0E2D5F;}
.region-west .easyui-accordion .tree-node-selected .tree-title{color: #2c71cf;}
.region-west .easyui-accordion .tree-node .tree-icon{margin-right: 3px;}
.region-west .easyui-accordion .panel-with-icon {padding-left: 21px;}
.region-west .easyui-accordion .panel-last > .accordion-body {border-bottom-color: transparent;}

/* 右侧分校栏 */
.right-refresh{position:absolute;left:56px;top:0;z-index:100;width:30px;height:32px;}
.right-refresh .cursor:hover{background-color: #eaf2ff;}
.wxuser-refresh {border-top: 1px solid #dddddd; background-color: #f4f4f4; height: 35px; width: 100%; position:absolute; bottom: 1px;}

/* 左右侧栏层级 2 => 3 */
.layout-panel-east, .layout-panel-west {
    z-index: 3;
}

/***************************************************** ↑ 框架布局样式 结束 ↑ *****************************************************/


/***************************************************** ↓ 表格布局样式 开始 ↓ *****************************************************/

/* 考勤本 */
#dance-dg-id-checkReport {padding: 0 10px;}
#dance-dg-id-checkReport h1 {text-align: center;}
.checkReport-table {margin: 0 auto;border-collapse: collapse;word-break: break-all; word-wrap: break-word;}
.checkReport-table thead tr {background-color: #eaeaea;}
.checkReport-table tbody tr:hover {background-color: #eaf2ff;}
.checkReport-table tr:nth-child(even) {background-color: #fafafa;}
.checkReport-table em {font-style: normal;}
.checkReport-table em.red {color: red;}
.checkReport-table em.blue {color: blue;}
.checkReport-table em.yellow {color: #ffcd2a;}
.checkReport-table em.green {color: green;}
.checkReport-table tr td, .checkReport-table tr th {padding: 5px; border: 1px solid #dfdfdf; text-align: center;}
.checkReport-table tr td:first-child, .checkReport-table tr th:first-child {width: 35px;}
.checkReport-table tr th.date {overflow:hidden;position:relative;width: 120px;}
.checkReport-table tr th.date .line-box {position: absolute;top: 0;left:0;width: 100%;height: 100%;}
.checkReport-table tr th.date .line-box:after {content: '';position: absolute;top: 0;left:-149px;width: 300px; height: 1px; border-bottom: 1px solid #dfdfdf; transform: rotate(55.5deg);}
.checkReport-table tr th.date .line-box:before {content: '';position: absolute;top: 0;left:-147px;width: 300px; height: 1px; border-bottom: 1px solid #dfdfdf; transform: rotate(36.5deg);}
.checkReport-table tr th.date .line-box .tr {position: absolute;top: 7px;right:4px;}
.checkReport-table tr th.date .line-box .lb {position: absolute;bottom: 3px;left:5px;}
.checkReport-table tr th.date .line-box .cost {position: absolute;bottom: 3px;left:27px;}
.checkReport-table tr th.data {padding: 0;width:70px;}
.checkReport-table tr th.data .no-index {border-bottom: 1px solid #dfdfdf; line-height: 25px;}
.checkReport-table tr th.data .week {line-height: 25px;}
.checkReport-table tr th.data .week p {margin:0;line-height: 18px;}
.checkReport-table tr th.total {padding: 5px 0; width: 40px;}
.checkReport-table tr td.name {position:relative;width: 60px;}
.checkReport-table tr td.name .mark {position:absolute;top:7px;left:2px;font-style: normal;}
.checkReport-table tr td.phone {width: 85px;}
.checkReport-table tr td.rest-times {width: 40px;}
.checkReport-table tr td.month-pay {width: 40px;}
.checkReport-table tr td.bgcolor-red {background-color: red;color:#fff;}

/* 打印表格 */
.table-normal {margin: 10px auto 20px;width: 100%;border-collapse: collapse;word-break: break-all; word-wrap: break-word;}
.table-normal-auto {width: auto;}
.table-normal-a4-portrait {margin:10px auto; width: 690px;}
.table-normal thead tr {background-color: #eaeaea;}
.table-normal tbody tr:hover {background-color: #eaf2ff;}
.table-normal tr:nth-child(even) {background-color: #fafafa;}
.table-normal tr td, .table-normal tr th {padding: 5px; border: 1px solid #dfdfdf; text-align: center;}
.table-normal tr td.padding-1, .table-normal tr th.padding-1 {padding: 1px;}
.table-normal tr td.padding-3-1 {padding: 8px 1px;}
.table-normal tr td .money {display: inline-block; width: 100px;text-align: left;}
.table-normal tr th.data {padding: 0;width:70px;}
.table-normal tr th.data .no-index {border-bottom: 1px solid #dfdfdf; line-height: 25px;}
.table-normal tr th.line-height-25, .table-normal tr td.line-height-25{line-height: 25px;}
.table-normal thead.background-color-white tr{background: #fff;}
.table-normal thead.background-color-white .oblique-line{position: relative;}
.table-normal thead.background-color-white .oblique-line:after{content: '';display: inline-block;border-top: 1px solid #dfdfdf;position: absolute;width: 90px;left: 0;top:0;transform-origin: 0 0;transform: rotate(28.8deg)}
.table-normal tr td.height-25 {height: 25px;}
.table-normal tr.height-20 {height: 20px;}
.table-normal tr th.width-10 {width: 10px;}
.table-normal tr th.width-15 {width: 15px;}
.table-normal tr th.width-20 {width: 20px;}
.table-normal tr th.width-28 {width: 28px;}
.table-normal tr th.width-30 {width: 30px;}
.table-normal tr th.width-35 {width: 35px;}
.table-normal tr th.width-40 {width: 40px;}
.table-normal tr th.width-45 {width: 45px;}
.table-normal tr th.width-50 {width: 50px;}
.table-normal tr th.width-60 {width: 60px;}
.table-normal tr th.width-70 {width: 70px;}
.table-normal tr th.width-80 {width: 80px;}
.table-normal tr th.width-90 {width: 90px;}
.table-normal tr th.width-100 {width: 100px;}
.table-normal tr th.width-120 {width: 120px;}
.table-normal tr th.width-130 {width: 130px;}
.table-normal tr th.width-140 {width: 140px;}
.table-normal tr th.width-150 {width: 150px;}
.table-normal tr th.width-180 {width: 180px;}
.table-normal tr th.width-200 {width: 200px;}
.table-normal tr th.width-220 {width: 220px;}
.table-normal .text-align-left {text-align: left;text-indent: 2em;}

.table-td-20 tr td{width: 20%;} /* 5列平均 */
.table-td-25 tr td{width: 25%;} /* 4列平均 */
.table-td-16 tr td{width: 16.6%;} /* 6列平均 */
.table-td-14 tr td{width: 14.2%;} /* 7列平均 */
.table-td-bg-highlight {box-sizing: border-box;padding: 0 4px; background-color: #f57575; color: #000;}
.table-primary{border-collapse: collapse;word-break: break-all; word-wrap: break-word;}
.table-primary tr td{ border: 1px solid #95b8e7;}

.hide-print {display: none;} /* 考勤本打印用 */

/* dark-tooltip 提示表格样式 */
.table-tooltip {margin: 0 auto;width: 100%;border-collapse: collapse;word-break: break-all; word-wrap: break-word;}
.table-tooltip tr td, .table-tooltip tr th {padding: 5px; border: 1px solid #848383; text-align: left;}
.table-tooltip tr td.text-align-right {text-align: right;}
.table-tooltip tr td.title {color:#8ae685;}

/* 简约考勤表 */
.table-succinct {position: relative;}
.table-succinct .datagrid-view {border-bottom:1px solid #ccc;}
.table-succinct .datagrid-wrap {padding: 20px 0;border-radius: 6px;margin-top: 12px;position: static;}
.table-succinct .datagrid-wrap:before {content:"老师列表";position: absolute;left: 15px;top: 5px;height: 20px;padding: 0 5px;background: #fff;}

/* 公共打印布局样式 */
.ycb-print-dialog .panel-body{color: #000;}
.ycb-print-dialog .print-student-list .btn-select-student{display: inline-block;margin-right:10px;padding: 2px;border-radius: 3px;width: 85px;}
.ycb-print-dialog .print-student-list .btn-select-student-active{background-color: #e5f0f7; filter: hue-rotate(45deg);}
.ycb-print-dialog .print-student-list .btn-select-student .dance-icon{margin: 0 3px 2px 0;}
.ycb-print-dialog .table-item{background-color: transparent;}
.ycb-print-dialog .table-item:first-child{z-index: 100;}
.ycb-print-dialog .table-item:not(:first-child){margin-top: -28px;}
.ycb-print-dialog .table-item:not(:first-child) thead{visibility: hidden;}

/***************************************************** ↑ 表格布局样式 结束 ↑ *****************************************************/


/***************************************************** ↓ 重置插件样式 开始 ↓ *****************************************************/

/* 重置EasyUI公共样式 */
.messager-window {z-index: 1000001!important;}
.messager-window+.window-shadow+.window-mask {z-index: 1000000!important;}
.window .window-header .panel-with-icon {padding-left: 20px;padding-right: 20px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;} /* 弹窗标题文字与图标的距离，默认18px，防止标题过长换行 */
.window .window-body .panel .easyui-panel.padding-10.panel-body {border: none;} /* 清除弹窗内边框 */
.textbox textarea.textbox-text{font-family: "Microsoft YaHei";} /* 多行备注输入框字体调整 */
.textbox .textbox-addon.textbox-addon-right .textbox-icon:last-child {width: 26px!important;} /* textbox组件工具小图标宽度调整 */
.datagrid-body td {position: relative;}
.datagrid-empty {box-sizing:border-box; display: flex; justify-content: center; align-items: center; padding-top: 105px; color: #cdcdcd; background: url("/css/IconsExtension/icon_empty.png") no-repeat center 10px; background-size: 90px 90px}
.dance-new-style .textbox-label,
.dance-new-style textarea.textbox-text {font-size: 14px;font-family: 'pingfang SC', 'helvetica neue', arial, 'hiragino sans gb', 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif;}
.ycb-toolbar-btn > .l-btn-left.l-btn-icon-left {padding: 0;} /* 修复datagrid中toobar上linkbutton文字图片隔很远 */

.c1,.c1:hover,.c1>.panel-header{
	color: #fff;
	border-color: #5bc377;
	background: #5bc377;
	background: -webkit-linear-gradient(top,#5bc377 0,#50b36b 100%);
	background: -moz-linear-gradient(top,#5bc377 0,#50b36b 100%);
	background: -o-linear-gradient(top,#5bc377 0,#50b36b 100%);
	background: linear-gradient(to bottom, #5bc377 0, #50b36b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5bc377,endColorstr=#50b36b,GradientType=0);
}
a.c1:hover{background: #5bc377;filter: none;}
.c1>.panel-body{border-color: #5bc377;}
.c1>.dialog-toolbar,.c1>.dialog-button{border-left-color: #5bc377;border-right-color: #5bc377;}
.c1>.dialog-button{border-bottom-color: #5bc377;}

.c8,.c8:hover,.c8>.panel-header{
	color: #fff;
	border-color: #3197fc;
	background: #3197fc;
	background: -webkit-linear-gradient(top,#3197fc 0,#2c89e4 100%);
	background: -moz-linear-gradient(top,#3197fc 0,#2c89e4 100%);
	background: -o-linear-gradient(top,#3197fc 0,#2c89e4 100%);
	background: linear-gradient(to bottom, #3197fc 0, #2c89e4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3197fc,endColorstr=#2c89e4,GradientType=0);
}
a.c8:hover{background: #3197fc;filter: none;}
.c8>.panel-body{border-color: #3197fc;}
.c8>.dialog-toolbar,.c8>.dialog-button{border-left-color: #3197fc;border-right-color: #3197fc;}
.c8>.dialog-button{border-bottom-color: #3197fc;}

/* 重置EasyUI字体颜色 */
.panel-body,
.combobox-item-selected, .combobox-item-hover, /* 下拉项选中，移上去颜色 */
.datagrid-htable, .datagrid-btable, .datagrid-ftable, .datagrid-row-selected, .datagrid-row-over, .datagrid-header td.datagrid-header-over{ /* datagrid 文字颜色 */
    color: #515a6e;
}
.panel-body .combobox-group{color:#000;} /* 下拉分组标题颜色 */

/* datebox 年月模式 */
.wmmTable{ padding: 0; margin: 10px auto;border-collapse: collapse;font-family: "宋体", serif; empty-cells: show;}
.wmmTable caption{ font-size: 12px;color: #0E2D5F; height: 16px;line-height: 16px; border: 1px dashed red; empty-cells: show;}
.wmmTable tr th{border: 1px dashed #C1DAD7;letter-spacing: 2px;text-align: left;padding: 6px 6px 6px 12px;font-size: 13px;height: 16px;line-height: 16px;empty-cells: show;}
.wmmTable tr td{ font-size: 12px; border: 1px dashed #C1DAD7; padding: 6px 6px 6px 12px; empty-cells: show; border-collapse: collapse;}
.cursor{ cursor: pointer;}
.wmmTdBackground{background-color: #FFE48D;}

/* 重置 darktooltip */
.dark-tooltip {z-index: 9999999}
.dark-tooltip .darktooltip-yes, .dark-tooltip .darktooltip-no{cursor: pointer;}
.dark-tooltip.medium {max-width: 300px;}
.dark-tooltip.large {max-width: 430px;}

.dark-tooltip.light{ background-color:#838383; color:#fff; }
.dark-tooltip.light img{ border: 1px solid #ccc;}
.dark-tooltip.light.south .tip{ border-color: #838383 transparent transparent transparent; _border-color: #838383 #000000 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }
.dark-tooltip.light.west .tip{ border-color: transparent #838383 transparent transparent; _border-color: #000000 #838383 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }
.dark-tooltip.light.north .tip{ border-color: transparent transparent #838383 transparent; _border-color: #000000 #000000 #838383 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }
.dark-tooltip.light.east .tip{ border-color: transparent transparent transparent #838383; _border-color:#000000 #000000 #000000 #838383 ; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }


/* 日历框 */
.easyui-almanac_box{width: 100%!important;}
.almanac_box-container{display: flex;align-items: stretch;margin: 5px 0;padding-right: 5px;}
.almanac_box-label{width: 80px;padding-right: 5px;}

/* 日历框 datagrid行间 */
.mini-almanac_box .almanac_box-container{display: flex;align-items: stretch;margin:0;padding-right: 0;}
.mini-almanac_box .almanac_box-label{display: none;width: 80px;padding-right: 0;}
.mini-almanac_box .almanac_box-date{border-radius: 0!important;line-height: 22px!important;}

/* 重置 panel 全屏图标带文字 */
.panel-tool a.icon-wmm-fullscreen {width: auto;opacity: .8;background: url(IconsExtension/fullscreen.png) no-repeat right center;background-size: 16px 16px;text-decoration: none;}
.panel-tool a.icon-wmm-fullscreen:hover {opacity: 1;}
.panel-tool a.icon-wmm-fullscreen:before {content: '全屏';display: block;margin-top: -2px;margin-right: 20px;color: #40a9ff;}

/* 重置tagbox高度 */
.tagbox{
    height: 55px;
}

/* 重置checkbox组件 */
.checkbox-checked {background: #2d8cf0;}
.checkbox{border: 2px solid #2d8cf0;}

/***************************************************** ↑ 重置插件样式 结束 ↑ *****************************************************/


/***************************************************** ↓ 自定义组件样式 开始 ↓ *****************************************************/

/* ycb-switch 样式 */
.ycb-switch-box {position: relative;display: inline-block;cursor: pointer;}
.ycb-switch-box .ycb-switch {display: none;margin: 0;}
.ycb-switch-box .ycb-switch-icon {position: absolute;top: 3px;right: calc(100% - 20px);display: inline-block;border-radius: 100px;width: 17px;height: 17px;background-color: #fff;transition: all .3s;z-index: 1;}
.ycb-switch-box .ycb-switch-text {display: block;padding: 0 8px 0 22px;border-radius: 50px;min-width: 20px;height: 22px;line-height: 22px;color: #fff;background-color: #ccc;}
.ycb-switch-box .ycb-switch-text:before {content: attr(data-off);}
.ycb-switch-box .ycb-switch:checked + .ycb-switch-icon {right: calc(100% - 20px);}
.ycb-switch-box .ycb-switch:checked + .ycb-switch-icon + .ycb-switch-text {padding: 0 22px 0 8px;color: #fff;background-color: #0a8ddf;}
.ycb-switch-box .ycb-switch:checked + .ycb-switch-icon + .ycb-switch-text:before {content: attr(data-on);}
.ycb-switch-box .ycb-switch:checked + .ycb-switch-icon {right: 3px;}
.ycb-switch-box .ycb-switch:disabled + .ycb-switch-icon {cursor: not-allowed;}
.ycb-switch-box .ycb-switch:disabled + .ycb-switch-icon + .ycb-switch-text {opacity: .5; cursor: not-allowed;}

.ycb-switch-box-white .ycb-switch-icon {background-color: #4183f5;}
.ycb-switch-box-white .ycb-switch-text {color: #4183f5;background-color: #fff;}
.ycb-switch-box-white .ycb-switch:checked + .ycb-switch-icon + .ycb-switch-text {color: #4183f5;background-color: #fff;}

/* ycb-radio 样式 */
.ycb-radio-box {display: inline-block;margin-right: 5px;height: 26px;line-height: 26px;cursor: pointer;}
.ycb-radio-box .ycb-radio {-webkit-appearance: none;-moz-appearance: none;appearance: none;position: relative;display: inline-block;border: 1px solid #40a9ff;border-radius: 100px;width: 16px;height: 16px;vertical-align: sub;outline: none;cursor: pointer;}
.ycb-radio-box .ycb-radio:after {content: '';display: block;width: 10px;height: 10px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;background: #40a9ff;border-radius: 12px;transform: scale(0);transition : all ease-in-out 300ms;}
.ycb-radio-box .ycb-radio:checked:after {transform: scale(1);}
.ycb-radio-box .ycb-radio:disabled {border: 1px solid #878787;}
.ycb-radio-box .ycb-radio:disabled:after {background: #878787;}

/* 无过渡效果 */
.ycb-no-transition:after {transition: none!important;}

/* ycb-selected-item 样式 */
.ycb-selected-item {display: inline-block; padding: 5px 10px; border-radius:3px; text-decoration: none; color: #30404f; background-color: #f6fafe;}

/* ycb-tooltip 样式 (目前用于，考级打印，保存后提示是否打印) */
.ycb-tooltip-box {position: absolute;right: 42px;bottom: 48px;display: inline-block;padding: 5px 8px;border-radius: 5px;background-color: #777570;color: #fff;z-index: 1;}
.ycb-tooltip-box:after {content: '';position: absolute;right: 50%;bottom: -10px;margin-left: -5px;border: 5px solid transparent;border-top-color: #777570;}
.ycb-tooltip-box .ycb-tooltip-text {}
.ycb-tooltip-box .ycb-tooltip-btn {display: inline-block;padding: 3px 5px;border-radius: 5px;color: #fff;cursor: pointer;background-color: #416E85;}
.ycb-tooltip-box .ycb-tooltip-btn:hover {opacity: .8;}
.ycb-tooltip-box .ycb-tooltip-btn-enter {background-color: #0db53d;}
.ycb-tooltip-box .ycb-tooltip-btn-cancel {background-color: #f32626;}

/* 自定义按钮 样式 */
.dance-button{display:inline-block;padding:5px 10px;border-radius:5px;line-height:22px;border:1px solid #9dbde8;color:#1663cb;background-color:#fff;text-decoration:none;cursor: pointer;}
.dance-button .icon{display:inline-block;margin-right:3px;width:20px;height:20px;vertical-align:middle;}
.dance-button-primary {padding: 5px 15px; font-size: 14px; color: #fff; background-color: #2d8cf0; border-color: #2d8cf0;}
.dance-button-info {padding: 5px 15px; font-size: 14px; color: #fff; background-color: #2db7f5; border-color: #2db7f5;}
.dance-button-success {padding: 5px 15px; font-size: 14px; color: #fff; background-color: #19be6b; border-color: #19be6b;}
.dance-button-warning {padding: 5px 15px; font-size: 14px; color: #fff; background-color: #ff9900; border-color: #ff9900;}
.dance-button-error {padding: 5px 15px; font-size: 14px; color: #fff; background-color: #ed4014; border-color: #ed4014;}
.dance-button-mini {padding: 1px 10px;}
.dance-button:hover {opacity: .9}

/* 穿梭框 */
.transferBox-container{display: flex;align-items: stretch;margin: 5px 0;}
.transferBox-label{padding-right: 5px;}
.transferBox-options{display: flex; flex-direction: column; justify-content: center;}
.transferBox-btn{display: inline-block; margin: 5px;padding: 5px 8px;text-decoration: none;background-color: #95b8e7;color:#fff;cursor:pointer;}
.transferBox-box{display: flex;flex-direction:column;overflow-y:auto;border: 1px solid #95b8e7;border-radius: 5px;}
.transferBox-head{padding: 2px 3px;border-bottom: 1px solid #95b8e7;}
.transferBox-select{display: flex;flex-direction:column;overflow-y:auto;}
.transferBox-item{display: inline-block; padding: 2px 3px;cursor:pointer;}
.transferBox-item:hover{background-color: #e1e1e1;}
.transferBox-item-active{background-color: #ffe48d;}

/* 自定义Tab面板 */
.dance-tabs-box{margin:10px 0 15px;padding-left:10px;border-bottom:1px solid #dedede;background-color:#fff;box-shadow:1px 2px 3px 0 #f1f1f1}
.dance-tabs-box-fixed{position:absolute;top:35px;left:1px;padding-right:3px;width:100%;z-index:1;background:#f5f5f5}
.dance-tabs-box .dance-icon{margin-right:3px}
.dance-tab-panel{padding:5px 10px;width:100%;background-color:#f5f5f5}
.dance-tab-container{padding:8px;min-width:1024px;background-color:#fff}
.dance-tabs{margin:0;padding:0}
.dance-tab{box-sizing:border-box;position:relative;margin:1px;padding:10px;min-width:100px;font-size:14px;color:#515a6e;text-decoration:none;list-style:none;transition:all .3s;cursor:pointer}
.dance-tab-selected,.dance-tab:hover{color:#2d8cf0}
.dance-tab-selected:after,.dance-tab:hover:after{content:"";display:block;position:absolute;left:50%;bottom:-1px;margin-left:-50px;width:100px;height:3px;background:#2d8cf0}

/* 自定义Tab面板-新 */
.ycb-tabs-box{}
.ycb-tabs{margin:0;padding:0}
.ycb-tab{box-sizing:border-box;position:relative;margin:5px;padding:5px 10px;width:100px;font-size:14px;border: 1px solid #ccc;color:#515a6e;border-radius:20px;text-decoration:none;list-style:none;transition:all .3s;cursor:pointer}
.ycb-tab:hover{color:#40a9ff;border: 1px solid #40a9ff;background-color: transparent}
.ycb-tab-selected, .ycb-tab-selected:hover{color:#fff;border: 1px solid transparent;background-color: #40a9ff}


/* 自定义浮动下拉面板 */
.dance-dropdown{position:absolute;top:0;left:0;width:100%;height:100%}
.dance-dg-id-dropdown{position:absolute;top:0;left:0;border:1px solid #ccc;padding:5px;height:342px;background-color:white;box-shadow:1px 1px 6px 1px #ded8d8;z-index:99999}
.dance-dg-id-dropdown:after{content:'';position:absolute;top:-16px;left:10px;display:block;border:8px solid transparent;border-bottom-color:#ccc8c8;z-index:1}
.dance-dg-id-dropdown:before{content:'';position:absolute;top:-12px;left:12px;display:block;border:6px solid transparent;border-bottom-color:#fff;z-index:2}
.dance-dg-id-dropdown.flex-row-end:after{top:auto;bottom:-16px;left:10px;border:8px solid transparent;border-top-color:#ccc8c8}
.dance-dg-id-dropdown.flex-row-end:before{top:auto;bottom:-12px;left:12px;border:6px solid transparent;border-top-color:#fff}

/* 农历公历组件定位方向样式 */
.dance-dg-id-almanac-box{position:absolute;top:0;left:0;border:1px solid #ccc;padding:5px;min-width:200px;min-height:200px;background-color:white;box-shadow:1px 1px 6px 1px #ded8d8;z-index:99999}
.dance-dg-id-almanac-box.flex-row-end.flex-row-left:after{content:'';position:absolute;top:-16px;left:10px;display:block;border:8px solid transparent;border-bottom-color:#ccc8c8;z-index:1}
.dance-dg-id-almanac-box.flex-row-end.flex-row-left:before{content:'';position:absolute;top:-12px;left:12px;display:block;border:6px solid transparent;border-bottom-color:#fff;z-index:2}
.dance-dg-id-almanac-box.flex-row-end.flex-row-right:after{content:'';position:absolute;top:-16px;right:10px;display:block;border:8px solid transparent;border-bottom-color:#ccc8c8;z-index:1}
.dance-dg-id-almanac-box.flex-row-end.flex-row-right:before{content:'';position:absolute;top:-12px;right:12px;display:block;border:6px solid transparent;border-bottom-color:#fff;z-index:2}
.dance-dg-id-almanac-box.flex-row-top.flex-row-left:after{content:'';position:absolute;bottom:-16px;left:10px;display:block;border:8px solid transparent;border-top-color:#ccc8c8;z-index:1}
.dance-dg-id-almanac-box.flex-row-top.flex-row-left:before{content:'';position:absolute;bottom:-12px;left:12px;display:block;border:6px solid transparent;border-top-color:#fff;z-index:2}
.dance-dg-id-almanac-box.flex-row-top.flex-row-right:after{content:'';position:absolute;bottom:-16px;right:10px;display:block;border:8px solid transparent;border-top-color:#ccc8c8;z-index:1}
.dance-dg-id-almanac-box.flex-row-top.flex-row-right:before{content:'';position:absolute;bottom:-12px;right:12px;display:block;border:6px solid transparent;border-top-color:#fff;z-index:2}

/* 自定义选项（目前使用位置：日期筛选组件，今天，昨天） */
.dance-item{padding:3px 10px;border-radius:15px;color:#40a9ff;text-decoration:none;transition:all .3s}
.dance-item:hover{color:#40a9ff;background-color:#ececec}
.dance-item-selected,.dance-item-selected:hover{color:#fff;background-color:#40a9ff}

/* 日期图标样式 */
.dance-date{position:relative;display:inline-block;overflow:hidden;margin:0;padding:0 5px;border-radius:5px 5px 5px 5px;border:1px solid #95B8E7;width:190px;height:30px!important;line-height:28px;vertical-align:middle;white-space:nowrap;outline:none;background:#fff url(IconsExtension/date.png) no-repeat right 3px center;background-size:22px 22px}
.dance-date:focus{border-color:#6b9cde;box-shadow:0 0 3px 0 #95B8E7;}
.dance-date::-webkit-input-placeholder{color: #aaa;font-size: 14px;}
.dance-date::-moz-placeholder{color: #aaa;font-size: 14px;}
.dance-date::-ms-input-placeholder{color: #aaa;font-size: 14px;}
.dance-date-clear{position: absolute; top: 8px; right: 30px;opacity: .5;}
.dance-date-clear:hover{opacity: 1}
.dance-date-position{position: absolute;left: 80px;top: 50%;margin-top: -8px}


/* 自定义Tag标签 */
.dance-tag{display:inline-block;width:auto;height:24px;border-radius:5px;background-color:#757575;line-height:22px;color:#fff;padding:0 4px}
.dance-tag-error{background-color:#fffbe6;color:#fbb414}
.dance-tag-success{background-color:#5bb30e;color:#fff}

.ycb-tag{display: inline-block;padding: 4px 8px;border-radius: 4px;font-size: 14px;border-width: 1px;border-style: solid;line-height: 1;}
.ycb-tag-dotted{display: inline-block;padding: 4px 8px;border-radius: 4px;font-size: 14px;border-width: 1px;border-style: dotted;line-height: 1;}
.ycb-tag-default{color: #606266;background-color: #fff;border-color: #c0c4cc;}
.ycb-tag-success{color: #19be6b;background-color: #dbf1e1;border-color: #71d5a1;}
.ycb-tag-primary{color: #2979ff;background-color: #ecf5ff;border-color: #a0cfff;}
.ycb-tag-warning{color: #f90;background-color: #fdf6ec;border-color: #fcbd71;}
.ycb-tag-error{color: #EE4FA6;background-color: #FFF0F6;border-color: #FDACD1;}
.ycb-tag-red{color: #ee4f4f;background-color: #fff0f0;border-color: #fdacac;}

/* 自定义图标大小 */
.dance-icon{display:inline-block;width:16px;height:16px;vertical-align:middle}
.dance-icon-12{display:inline-block;width:12px;height:12px;vertical-align:middle}
.dance-icon-20{display:inline-block;width:20px;height:20px;vertical-align:middle}
.dance-icon-22{display:inline-block;width:22px;height:22px;vertical-align:middle}
.dance-icon-32{display:inline-block;width:32px;height:32px;vertical-align:middle}
.dance-icon-60{display:inline-block;width:60px;height:30px;vertical-align:middle}

/* 自定义链接样式 */
.dance-link{color:#1663cb;text-decoration:none}
.dance-link-warning{color:#cb2900;text-decoration:none}
.dance-link-info{color:#2db7f5;text-decoration:none}
.dance-link-success{color:#0f8614;text-decoration:none}
.dance-op{color:#1890ff;text-decoration:none}

/* 自定义多行Combobox */
.panel-multi-line .combobox-item {float: left;margin: 1px 2px;}

/* 自定义checkbox */
.dance-checkbox-box .dance-checkbox{visibility:hidden}
.dance-checkbox-box .dance-checkbox-icon{display:block;position:absolute;top:50%;left:0;margin-top:-9px;width:18px;height:18px;border:1px solid #95B8E7;border-radius:3px;z-index:1}
.dance-checkbox-box .dance-checkbox:checked + .dance-checkbox-icon{border:1px solid #1296db;background:#1296db url("/css/IconsExtension/right.png") no-repeat 0 0;background-size:cover}
.dance-checkbox-box .dance-checkbox:disabled + .dance-checkbox-icon{border:1px solid #ccc;background-size:cover;cursor:not-allowed}
.dance-checkbox-box .dance-checkbox:checked:disabled + .dance-checkbox-icon{border:1px solid #bbc2c7;background:#bbc2c7 url("/css/IconsExtension/right.png") no-repeat 0 0;background-size:cover}
.dance-checkbox-box .dance-checkbox-name{margin-left:3px}
.dance-checkbox-text {font-size: 16px; font-weight: bold; font-style: normal;}
.dance-checkbox-all .dance-checkbox:checked + .dance-checkbox-icon{border:1px solid #40a9ff;background:#40a9ff url("/css/IconsExtension/right.png") no-repeat 0 0;background-size:cover}

/* 自定义模仿 easyui textbox组件样式 */
.dance-textbox {box-sizing:border-box;margin:0 32px 0 0;padding:0 12px;width:400px;height:34px;line-height:34px;border:1px solid #95B8E7;border-radius:5px}
.dance-textbox:focus {outline: none;border-color: #6b9cde;box-shadow: 0 0 3px 0 #95B8E7;}
.dance-textbox-label{display:inline-block;width:80px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dance-textbox-mini {margin:0;padding:0 6px;width: 200px;height:26px;line-height:26px;}

/* 【没用使用的样式】 */
.dance-list-box{position:relative;margin:20px 0;padding:15px;border:1px solid #95b8e7}
.dance-list-box .title{position:absolute;top:-12px;left:10px;padding:0 4px;background-color:#FFF}

.dance-button-wechat{display:inline-block;padding:5px 10px;border-radius:5px;line-height:22px;border:1px solid #0d870d;color:#fff;background-color:#0d870d;text-decoration:none}

/***************************************************** ↑ 自定义组件样式 结束 ↑ *****************************************************/


/***************************************************** ↓ 页面独立样式 开始 ↓ *****************************************************/

/* 系统配置 */
.ycb-tips-title{padding-left:10px;border-left:2px solid #4a90e2;line-height:30px;background-color:#f3f8ff}

/* 用户设置 */
.dance-icon-wechat{display:inline-block;margin-right:3px;width:20px;height:20px;vertical-align:middle;background:url("/img/icon64_wx_logo.png") no-repeat 0 0;background-size:cover}
.dance-icon-alipay{display:inline-block;margin-right:3px;width:20px;height:20px;vertical-align:middle;background:url("/img/icon64_alipay_logo.png") no-repeat 0 0;background-size:cover}

/* 课程项 */
.course-box .panel-title {font-size: 13px;color:#fff;}  /* 课程项标题 */
.query-course-box {box-shadow: 1px 1px 11px 1px #fb7f0f;}  /* 高亮搜索的老师课程项 */
#div-dance-dg-id-courseTab .datagrid-view1 .datagrid-body {position: relative;z-index: 2;background: #fff} /* 调高时间轴层级 */
#teacherCourseStatisticsDialogTable {table-layout:fixed;width: 100%;border-collapse: collapse;}
#teacherCourseStatisticsDialogTable tr th, #teacherCourseStatisticsDialogTable tr td {padding: 5px; border: 1px solid #dfdfdf;}
.teacher-course-statistics-dialog-box.active {z-index: 100000!important;}
.course-type-icon {display: inline-block; margin: 0 3px 0 10px; width: 16px; height: 16px; border-radius: 2px;}
.course-type-icon-c1 {background: #5bc377;}
.course-type-icon-c5 {background: #d03f3b;}
.course-type-icon-c6 {background: #277d9b;}
.course-type-icon-c7 {background: #ffa217;}
.course-type-icon-c8 {background: #3197fc;}
/* 未保存课程项提示 */
#div-dance-dg-id-courseTab .jBox-save-tips .jBox-container {background: #d42727;color:#fff;font-size: 16px;}
#div-dance-dg-id-courseTab .jBox-save-tips .jBox-container .jBox-content {padding: 10px 12px;}
#div-dance-dg-id-courseTab .jBox-save-tips .jBox-pointer:after {background: #d42727;}
/* 没有主课程表提示 */
#div-dance-dg-id-courseTab .jBox-primary-tips .jBox-container {background: #ff9900;color:#fff;font-size: 16px;}
#div-dance-dg-id-courseTab .jBox-primary-tips .jBox-container .jBox-content {padding: 10px 12px;}
#div-dance-dg-id-courseTab .jBox-primary-tips .jBox-pointer:after {background: #ff9900;}

/* 考勤本-未审核班级 */
.transfer-class-box{position: absolute;top:44px;left:2px;border: 1px solid #dfdfdf;box-shadow: 1px 1px 5px 0 #ccc;z-index:1;}
.transfer-class-title{display: block;padding: 10px 0 10px 10px;background: #f3f3f3;}
.transfer-class-ul{margin:0;padding:0;width: 230px;max-height: 480px;overflow-y: auto;list-style:none;background: #fff;}
.transfer-class-ul .transfer-class-li:nth-child(even){background-color: #fafafa;}
.transfer-class-ul .transfer-class-li{padding:5px 0 5px 10px;list-style:none;cursor: pointer;}
.transfer-class-ul .transfer-class-li:hover{background-color: #eaf2ff;}
.transfer-class-ul .transfer-class-li.transfer-class-li-selected{background-color: #eaf2ff;}

/* 盈利分析 */
#profitAnalysis .btn-box {margin-top: 20px;text-align: center;}
#profitAnalysis .btn-view {display: none; margin: 0 5px;padding: 3px 10px; border-radius: 5px;text-decoration: none;color: #fff;background-color: #e7200c;}
#profitAnalysis .btn-view:hover {opacity: .9}
#profitAnalysis .btn-view.active {display: inline-block;}
#profitAnalysis .btn-income {background-color: #e7200c;}
#profitAnalysis .btn-expenditure {background-color: #2f4554;}


/* 通知设置 */
.notice-bg-line {margin: 10px 0;height:1px;background-color: #ccc;}
.notice-status {display:inline-block;padding-right: 5px;width:100px;text-align: right;}

/* 生日通知设置 */
#dlg-id-birthdayNoticeDetailsWin .tabs-header{width:80px !important}
#dlg-id-birthdayNoticeDetailsWin .tabs{padding-top:0 !important}

/* 每日报表 */
.dailyreport-item{margin:10px 0 20px;border:1px solid #dae4f1;width:49%}
.dailyreport-item .item-header{padding:10px 0;border-bottom:1px solid #dae4f1;background-color:#f2f8ff}
.dailyreport-item .item-header .item-header-title{padding-left:10px;font-weight:bold;color:#4e4e4e}

/* 收费单遮罩 */
.show-receipt-shade{width:100%;height:100%;background:rgba(255,255,255,.1);position:absolute;top:0;right:20px}

/* 班级考勤 */
.class-check-video-img-title{text-align:right;width:102px;height:24px;line-height:24px;opacity:0.6}
.class-check-video-img{margin-left:9px;margin-top:7px}
.class-check-video-img-box{height:76px;display:flex}
.video-img-file-box{display:flex;justify-content:center;align-items:center;position:relative;float:left;margin-right:8px;border:1px solid #ccc;width:60px;height:60px;cursor:pointer}
.video-img-clone-btn{display:none;position:absolute;top:0;right:0;width:15px;height:15px;background:rgba(247,247,247,.3) url('/img/close.svg') no-repeat center center;background-size:100% 100%;cursor:pointer;z-index:3}
.video-img-file-box video{max-width:60px;max-height:60px}
.video-img-file-box img{max-width:60px;max-height:60px}
.video-img-file-btn{float:left;position:relative;width:60px;height:60px;background:url('/img/add-pic.png') no-repeat center center;background-size:100% 100%}
.video-img-file-btn input{float:left;position:absolute;opacity:0;margin-right:8px;width:60px;height:60px;cursor:pointer}
.video-img-file-box input[type="file"]{width:100%;height:calc(100%)}
.dance-checkbox-box{display:inline-block;position:relative}
.dcTdFixed-absolute{position:absolute;bottom:10px;left:30px;display:flex}
.dcTdFixed-btn-box-none{display:none}
.noPictures{display:none;width:100%;position:absolute;top:0;text-align:center;font-size:14px;color:#4d87d5;z-index:2;background-color:rgba(77,135,213,0.1)}
.preview-img-video{position:absolute;background-color:#fff;width:800px;height:600px;left:50%;top:40%;transform:translate(-50%,-50%);z-index:99999}
.preview-img-video-box{position:absolute;top:0;left:0;bottom:0;right:0;display:none;z-index:9999}
.preview-img-video-box .mask{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(177,171,171,0.3);z-index:999}
.dcTdFixed-width-70{width:70px;background-color:#fff;border:1px solid #dcdfe6;line-height:25px;height:25px;margin-right:8px;border-radius:8px;cursor:pointer;z-index:2}
.dcTdFixed-absolute .background-color-red{background-color:#4d87d5;border:1px solid #4d87d5;color:#fff}
.face-pic-img{width:30px;height:30px;display:block;margin:0 auto}
.star-rating .star-box span{position: relative;display: inline-block;width: 26px;height: 24px;overflow: hidden;margin-right: 10px;cursor: pointer;}
.star-rating .star-box{margin: 0;padding: 0;}
.star-rating .star-box span i{position: absolute;width: 26px;height: 24px;top: 0;left: 0;}
.star-rating .star-box span .high{background: url('IconsExtension/icon/star1.png');background-size:cover;}
.star-rating .star-box span .nohigh {background: url("IconsExtension/icon/star.png");background-size:cover;}
.star-num{opacity: 0;}

/* 新增工资算法 */
.link-line{position:absolute;right:17px;bottom:17px;display:inline-block;border:1px solid #95b8e7;border-left:none;border-top-right-radius:5px;border-bottom-right-radius:5px;width:20px;height:36px}
.link-line:after{content:'8';position:absolute;right:-4px;bottom:9px;color:#95b8e7}

/* 学费转移 */
.textbox-red input{color: red;}

/* 物品档案 */
.img-box{width: 230px;height: 230px;position: absolute;top: 57px;right: 92px;background: #ccc}
.img-box img{width: 100%;height: 100%;}
.img-box .img-btns{position: absolute;left: 0;bottom: 0;width: 100%;display: none;}
.img-box .img-btns .dance-button-success,.img-box .img-btns .dance-button-error{width: 50%;border: none;border-radius: 0;background: rgba(25,190,107,.8);}
.img-box .img-btns .dance-button-error{background: rgba(237,64,20,.8);}
.img-box:hover .img-btns{display: block}
.img-box input[type=file]{position: absolute;left: 0;bottom: 0;width: 50%;height: 32px;opacity: 0;}
.item-tooltip-image {vertical-align: top;height: 30px;}
.item-tooltip-box .item-tooltip-image {height: 100px;}

/* 教材外售 */
.itemsale-toname {position: absolute; top: 10px; right: 52px;}

/* 刷脸统计 */
.faceStat-container .chart-module {overflow: hidden;display: flex;width: 250px;border-radius: 5px;margin: 20px 22px 30px 0;}
.faceStat-container .chart-module .icon {display:inline-block; width: 95px;height: 120px;background: #297ed8 url('IconsExtension/icon/icon_class_white.png') no-repeat center center; background-size:32px;}
.faceStat-container .chart-module:nth-child(2) .icon {background-color: #17ab61;}
.faceStat-container .chart-module:nth-child(3) .icon {background-color: #e68a00; background-image: url('IconsExtension/icon/icon_student_white.png');background-size:40px;}
.faceStat-container .chart-module:nth-child(4) .icon {background-color: #d63912; background-image: url('IconsExtension/icon/icon_student_white.png');background-size:40px;}
.faceStat-container .chart-module .info {flex: 1;display: flex;flex-direction: column;justify-content: center; align-items: center;background-color: #f8f8f8;}
.faceStat-container .chart-module .info h1 {margin: 0;font-size: 50px;font-weight: normal;}

/* 员工与老师 */
.ycb-select-school-box {display: flex; padding: 12px 0;}
.ycb-select-school-box .sub-title {flex-shrink:0;display:block;width: 120px;text-align: right;}
.ycb-select-school-box .school-list {display: flex; flex-wrap: wrap;}
.ycb-select-school-box .school-list .select-item {margin: 0 10px 10px 0;}
.ycb-select-school-box .school-list .select-item .textbox-label {width: auto;margin-right: 10px;}

/* 班级-批量一对一 */
.class-course-box {width: 639px;height: 290px;padding: 20px;position: absolute;top: 100px;left:100px;z-index: 10000;border: #0e9ce5 1px solid;background-color: #fff;border-radius: 10px;box-shadow: 2px 2px 3px #cccccc;font-size: 14px;}
.class-course-box:after {content: '';display: block;position: absolute;bottom: -13px;left: 50%;margin-left: -10px;border-width: 6px;border-style: solid;border-color: #95b8e7 transparent transparent transparent;}
.class-course-box ul{border: 1px solid #297ed8;border-radius: 5px;text-align: center;padding: 0;user-select: none;}
.class-course-box ul li {float: left;list-style: none;line-height: 30px;height: 30px;width: 85px;border-right: 1px solid #297ed8;cursor: pointer;}
.class-course-box .textbox {width: 80px;}
.class-course-box ul li.active {background: #297ed8;color: #fff;}
.class-course-box ul li:last-child{border-width: 0;}
.class-course-box .class-course-list .item {display: none;width: 48%;margin: 0 0 10px;}

/* 对账单 */
.bill-type-content {display: none;border: 1px solid #95B8E7;}
.advanced-search {width: 100px;height: 30px;padding-left:8px;line-height:30px;border: 1px solid #95B8E7;border-radius:6px 6px 0 0;position: absolute;right:0;top:-29px}
.advanced-search-icon {transform: rotate(90deg)}
.advanced-search-badge {font-size:12px;color:white;position:absolute;top:-8px;right:0;width:18px;height:18px;text-align:center;line-height:18px;border-radius:50%;background:red}

/* 演出收费统计 */
.show-charge-tab .datagrid-td-text {border-bottom: 1px dotted #ccc; margin: 0 -4px; padding: 5px;}
.show-charge-tab .datagrid-td-text:last-child {border-bottom: 0px solid #ccc;}

/* IC卡绑定 */
.ycb-loading{width:80px;height:40px;}
.ycb-loading span{display:inline-block;width:8px;height:100%;border-radius:4px;background:#90ee90;-webkit-animation:load 1s ease infinite;animation:load 1s ease infinite}
@-webkit-keyframes load{
0%,100%{height:40px;background:#90ee90}
50%{height:70px;margin:-15px 0;background:#add8e6}
}
.ycb-loading span:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s;}
.ycb-loading span:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}
.ycb-loading span:nth-child(4){-webkit-animation-delay:.6s;animation-delay:.6s}
.ycb-loading span:nth-child(5){-webkit-animation-delay:.8s}

/* 招生活动管理 */
.activity-button{display:inline-block;padding:4px 11px;border-radius:3px;color:#333;background-color:#fff;cursor: pointer;overflow: hidden;}
.activity-button-primary{color:#fff;background-color:#2d8cf0;}
.activity-button-yellow{color:#fff;background-color:#fc7d31;}
.activity-button-wx{color:#fff;padding:12px 30px;background-color:#2d8cf0;}
.group-ul{list-style:none;padding:0;margin:0;flex-wrap:wrap}
.group-li{position:relative;height:280px;margin-right:36px;margin-bottom:36px;cursor:pointer}
.group-ul .group-li:nth-child(6n){margin-right:0;}
.group-name {position:absolute;left:0;top:0;padding: 2px 8px; border-radius: 6px 0 6px 0;font-size: 12px;background:#ff4340;color:#fff}
.rotate-element {
    position: relative;
    perspective: 1000px;
    -webkit-perspective: 1000px; /* Safari 和 Chrome */
    -moz-perspective: 1000px; /* Firefox */
}
.r-front {
    transform: rotateY(0);
    transition: all 0.50s ease-in-out 0s;
}
.r-back {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotateY(90deg);
    transition: all 0.50s ease-in-out 0s;
}
.rotate-element:hover .r-front {
    transform: rotateY(-90deg);
}
.rotate-element:hover .r-back {
    transform: rotateY(0);
}

/* 老师、学员管理 tooltip背景固定高度 */
.manage-tooltip-box .item-tooltip-image {height: 160px;}

/* 老师、学员流水 tooltip背景固定高度 */
.record-tooltip-box .item-tooltip-image {height: 112px;}

/* 多条件查询下拉列表， 背景色 */
.ycb-query-box { background-color: #f4f4f4}

/***************************************************** ↑ 页面独立样式 结束 ↑ *****************************************************/