/* CSMS 架构下的样式 */

.courseplan-config-header, .courseplan-config-footer {
    margin: 20px 0;
}

.label-default {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    background-color: #fff;
    font-weight: 500;
}

.courseplan-mutex {
    margin-top:10px;
}

.courseplan-mutex > ul li{
    list-style-type:none;
    margin-bottom: 10px;
    margin-right: 20px; 

}
.courseplan-mutex > ul .data-Collection{
    list-style-type:none;
    float:left !important;
    margin-bottom: 16px;
    margin-right: 20px; 
}

.courseplan-mutex > ul li div {
    height: 70px;
    width:150px;
    border: 1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;  
    overflow:hidden;
    position:relative;
    transition:border 0.5s;
}


.courseplan-mutex > ul li .teacher-name {
    height: 40px;
}

/*.courseplan-mutex ul li div .class-name-tit {
    display: inline-block;
    overflow: hidden;
    white-space:inherit;
    text-overflow:ellipsis;
}*/

.courseplan-mutex > ul li div > .class-name-tit{
    width:100%;
    float:left;
    text-overflow:ellipsis; 
    overflow:hidden; 
    white-space:nowrap; 
    font-size:16px;
    padding: 8px 0 0 10px
}
.courseplan-mutex > ul li div > .class-name-table{
    width:100%;
    float:left;
    text-overflow:ellipsis; 
    overflow:hidden; 
    white-space:nowrap; 
    font-size:12px;
    color:#888;
    padding: 10px 0 0 10px;
}

.courseplan-mutex > ul li div span:last-child{
    position:absolute;
    top:0px;
    right:0px;
    cursor:pointer;
    display:block;
    width:20px;
    height:20px;
    text-align:center;
    color: #f58484;
    font-size: 18px;
    float: right;
    margin:3px 3px 0 0;
    /*opacity: 0.5;*/
    /*transition: all 0.5s;*/
    /*line-height: 30px;*/
}

.courseplan-mutex > ul li div span:last-child:hover{
    color:#ea1e1e;
}

.courseplan-mutex > ul li div:hover span:last-child {
    color:#ea1e1e;
}