.blueNav a.edit{
    position: absolute;
    right: 3%;
    top: 0;
}
body{
    background: #eeeeee;
}
.courseHd{
    width: 100%;
}
.courseHd ul li .col-xs-4{
    text-align: center;
    color: #676767;
    padding: 10px 0!important;
    font-size: 1em;
    background: white;
}
.courseHd ul li.on .col-xs-4{
    color: #0facfc;
    border-bottom: 1px #1eb1fd solid;
}
.courseData{
    margin-bottom: 100px;
}
.courseData ul li{
    margin-top: 20px;
    background: white;
    padding: 15px 0 10px 0;
}
.courseData ul li .col-xs-1{
    text-align: center;
}
.courseData ul li .col-xs-1 img{
    width: 60%;
    display: none;
}
.courseData ul li .col-xs-11{
    border-bottom: 1px #ededed solid;
    padding-bottom: 10px!important;
}
.courseData ul li .col-xs-4{
    text-align: right;
}
.courseData ul li .col-xs-4 span.red{
    color: #f23131;
    font-size: 0.8em;
    margin-right: 10px;
}
.courseData ul li .col-xs-4 span.green{
    color: #029c4d;
    font-size: 0.8em;
    margin-right: 10px;
}
.courseData ul li .col-xs-8 h4{
    font-size: 1em;
    display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.courseData ul li .col-xs-8  span{
    color: #f23131;
}
.bottom-btn{
    /*width: 100%;*/
    padding-top: 22px;
    margin-right: 10px;
}
.bottom-btn a{
    width: 20%;
    border: 1px #b7b7b7 solid;
    border-radius: 3px;
    margin-left: 3%;
    float: right;
    font-size: 0.8em;
    text-align: center;
}
.bottom-btn a.redB{
    border: 1px #f33a3a solid;
    color: #f23131;
}
.hideC{
    display: none;
}
.showC{
    display: block;
}