@first-bgColor: #141414;
@second-bgColor: #1b1b1b;
@third-bgColor: #222222;
@borderColor: #424242;
@primary-textColor: #fff; //文本主颜色
@second-textColor: #a5a5a5; //文本副级颜色
@primary-fontSize: 14px;
@second-fontSize: 16px;

.cus-table-container {
    width: 100%;
    // height: ~"calc(100% - 45px)";
    height: 100%;
    padding: 15px 0px 15px 0px;
}
.sch-title {
    color: white;
    text-align: center;
    font-size: 25px;
}

.week-day-cell {
    height: 76px;
    position: relative;
    cursor: pointer;
}

.week-day-cell:hover {
    .toggle-status-btn {
        display: inline-block;
    }
}

.vact-status {
    background: linear-gradient( to top right, rgba(96,96,96, 0) 0%, rgba(96,96,96, 0) calc(50% - 1px), rgba(96,96,96, 1) 50%, rgba(96,96,96, 0) calc(50% + 1px), rgba(96,96,96, 0) 100% ) !important;
}
.cus-table-top {
    width: 100%;
    position: relative;
    color: white;
    // padding-top: 15px;
}

.course-name {
    padding: 12px 4px 0px 4px;
    font-size: 18px;
    font-weight: 800;
    text-overflow:ellipsis; 
    overflow:hidden; 
    white-space:nowrap; 
}
.course-color{
    color: #ff9900;
}
.classroom-color{
    color: #ff9900 !important;
}
.classroom-name {
    color: #a5a5a5;
    font-size: 14px;
}
.week-day-cell:hover .toggle-status-btn-wrap{
    display:block;
}
.toggle-status-btn-wrap {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: rgba(100,100,100,.8);
    display: none;
}
.cell-action-icon{
    color:white;
    font-size:22px;
    margin:25px 5px 0px 5px;
    &:hover{
        color:#1cc0f3;
    }

}
.am-pm{
    padding:10px 0px 4px 0px;
    font-size: 20px;
    writing-mode: vertical-lr;
    height:150px;
    margin: auto;
    letter-spacing: 4px;
}
.no-class-tips{
    color: white;
    text-align: center;
    margin: 15px 0px;
    font-size: 16px;
}