.sales-contracts-container-newsign[data-v-c986fdc2]{width:100%;min-width:800px;height:100%;overflow-y:hidden;padding:var(--space-base);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:18px}.sales-contracts-container-newsign[data-v-c986fdc2] .header-area{background-color:var(--primary-blue);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;margin-bottom:var(--space-base);padding:var(--space-base);border-radius:var(--radius-md);-webkit-box-sizing:border-box;box-sizing:border-box}.sales-contracts-container-newsign[data-v-c986fdc2] .header-area .template-type-name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;color:var(--primary-white)}.sales-contracts-container-newsign[data-v-c986fdc2] .header-area .template-type-name .template-type-name-icon{width:20px;height:20px}.sales-contracts-container-newsign[data-v-c986fdc2] .header-area .template-type-name .template-type-name-text{font-size:var(--font-size-base);font-family:var(--font-family-medium);color:var(--primary-white);min-width:80px}.sales-contracts-container-newsign[data-v-c986fdc2] .header-area .template-type-name .template-type-line{width:1px;background-color:var(--primary-white);height:26px;margin-right:var(--space-xxl)}.sales-contracts-container-newsign[data-v-c986fdc2] .main-content{height:calc(100% - 62px)}.sales-contracts-container-newsign[data-v-c986fdc2] .el-table{width:100%;height:100%}.sales-contracts-container-newsign[data-v-c986fdc2] .el-table th>.cell{font-size:.8rem}.sales-contracts-container-newsign[data-v-c986fdc2] .el-table__header-wrapper{font-family:var(--font-family-medium);margin-bottom:var(--space-sm)}.sales-contracts-container-newsign[data-v-c986fdc2] .el-table__header-wrapper th{background:var(--secondary-grey-3);color:var(--primary-blue);font-size:.7rem}.sales-contracts-container-newsign[data-v-c986fdc2] .el-table__body-wrapper{overflow:auto;height:calc(100% - 62px);margin-bottom:5px;margin-right:5px;font-family:var(--font-family-medium)}.sales-contracts-container-newsign[data-v-c986fdc2] .el-table__body-wrapper tr{background:var(--primary-white);font-size:.8rem}.sales-contracts-container-newsign[data-v-c986fdc2] .el-table__body-wrapper tr td{padding:var(--space-base) 0;font-size:var(--font-size-base)!important}.sales-contracts-container-newsign[data-v-c986fdc2] .el-table__body-wrapper tr .cell{word-break:break-word}.sales-contracts-container-newsign[data-v-c986fdc2] .el-table__body-wrapper tr:first-child{background:#daefec}.sales-contracts-container-newsign[data-v-c986fdc2] .el-table__body-wrapper tr:first-child td{border-bottom:10px solid var(--primary-white)}.sales-contracts-container-newsign[data-v-c986fdc2] .sales-contracts-area{background-color:var(--primary-white);height:100%;border-radius:15px}.sales-contracts-container-newsign[data-v-c986fdc2] .sales-contracts-area .table-Mask-right{position:absolute;background:var(--primary-white);height:150px;width:40px;right:19px;top:190px;z-index:100}.sales-contracts-container-newsign[data-v-c986fdc2] .sales-contracts-area .table-Mask-left{position:absolute;background:var(--primary-white);height:150px;width:40px;left:20px;top:190px;z-index:100}.sales-contracts-container-newsign[data-v-c986fdc2] .sales-contracts-area .sales-contracts-header{width:100%;height:100%;background-color:var(--secondary-grey-3);border-radius:4px;color:var(--primary-blue);font-size:.9rem;overflow-x:auto}.sales-contracts-container-newsign[data-v-c986fdc2] .sales-contracts-area .sales-contracts-header .el-table:before{display:none}.sales-contracts-container-newsign[data-v-c986fdc2] .sales-contracts-area .lesson-table-total{background-color:#daefec;padding:0 var(--space-xxl);color:var(--primary-black);font-size:.8rem;margin-top:7px}.sales-contracts-container-newsign[data-v-c986fdc2] .sales-contracts-area .lesson-table-list .lesson-table-list-item{margin-top:7px;background-color:#fafafa;padding:30px}.sales-contracts-container-newsign[data-v-c986fdc2] .sales-contracts-area .lesson-table-list .lesson-table-list-item .item .lessonIcon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sales-contracts-container-newsign[data-v-c986fdc2] .sales-contracts-area .lesson-table-list .lesson-table-list-item .item .lessonIcon span{font-size:.8rem}.sales-contracts-container-newsign[data-v-c986fdc2] .sales-contracts-area .lesson-table-list .lesson-table-list-item .item .lessonIcon .online{width:19px;height:19px;margin-left:9px}.sales-contracts-container-newsign[data-v-c986fdc2] .sales-contracts-area .lesson-table-list .lesson-table-list-item .item .lessonIcon .home{width:16px;height:14px;margin-left:9px}.sales-contracts-container-newsign[data-v-c986fdc2] .sales-contracts-area .lesson-table-list .lesson-table-list-item .item .lessonIcon .school{width:19px;height:12px;margin-left:9px}.sales-contracts-container-newsign[data-v-c986fdc2] .sales-contracts-area .lesson-table-list .lesson-table-list-item .item .lessonIcon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.sales-contracts-container-newsign[data-v-c986fdc2] .sales-contracts-area .lesson-table-list .lesson-table-list-item .item .lesson-student{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.sales-contracts-container-newsign[data-v-c986fdc2] .sales-contracts-area .lesson-table-list .lesson-table-list-item .item .lesson-student .lesson-student-item .trial{display:inline-block;width:10px;height:20px;margin-left:5px;cursor:pointer}.sales-contracts-container-newsign[data-v-c986fdc2] .sales-contracts-area .lesson-table-list .lesson-table-list-item .item .lesson-student .lesson-student-item .trial img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;vertical-align:middle}.sales-contracts-container-newsign[data-v-c986fdc2] .sales-contracts-area .lesson-table-list .lesson-table-list-item .item .lesson-student .lesson-student-item .isMissing{text-decoration:line-through}.sales-contracts-container-newsign[data-v-c986fdc2] .sales-contracts-area .lesson-table-list .lesson-table-list-item .item .lesson-student .lesson-student-item .trail-font{color:var(--primary-blue);cursor:pointer}.sales-contracts-container-newsign .selector-item{margin-bottom:0!important}.sales-contracts-container-newsign .selector-item .button-area{color:var(--primary-black);font-size:var(--font-size-base);font-family:var(--font-family-medium)}.sales-contracts-container-newsign .selector-item .button-area:hover{background-color:var(--primary-white)!important;color:var(--primary-black)!important}.sales-contracts-container-newsign .selector-item .activeBg{border-radius:4px;background:var(--secondary-cyan)!important;color:var(--primary-blue)!important}.sales-contracts-container-newsign .selector-item .activeBg:hover{background-color:var(--secondary-cyan)!important;color:var(--primary-blue)!important}.sales-contracts-container-newsign .select-box{gap:0!important}.sales-contracts-container-newsign .select-box .filter-button-select{margin-right:var(--space-xs)}