.submit-box {
    height: 475px !important;
}

.sub-tab-list{
    overflow: hidden;
    margin:50px 0px;
}

.sub-tab-list li{
    float: left;
}

.check{
    color:#333 !important;
    font-size:20px;
    font-weight: 600;
}

.check b{
    color: #008000 !important;
    font-weight: 700 !important;
}
.container-check{
    line-height: 40px;
}

.container-title {
    margin: 0 0 40px 0;
}

.container-title-ul li:nth-child(1){
    margin-right: 0;
}

.container-title-ul li{
    float: right;
    color: #333;
    font-size: 16px;
    line-height: 40px;
    margin-right: 30px;
}

.container-right{
    padding: 0;
}

thead tr{
    background-color: #0234fa;
    color: white;
}

.table>thead>tr>td{
    line-height: 60px;
    font-size: 20px;
    padding: 0 20px;
}
.courses > thead > tr > td {
    padding: 0 7px !important;
    white-space: nowrap;
}

.td-check{
    color: #73970e;
}

.table > tbody > tr > td {
    font-size: 15px;
    border: none;
    /*line-height: 60px;
    padding: 0 20px;*/
    box-sizing: border-box;
    padding: 20px;
}

.table > tbody > tr:nth-of-type(odd) {
    background-color: white;
}

.table>tbody>tr:nth-of-type(even){
    background-color: #eee;
}

td a {
    color: #0234fa !important;
}

i.active {
    background-color: #0234fa !important;
}

.container-ul ul{
    width: 60%;
    margin-left: auto;
    padding-top: 50px;
}

.container-ul li{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    float: left;
}

.container-ul li a{
    width: 40px;
    height: 40px;
    color: #333;
    font-size: 14px;
    color: #333;
    font-size: 14px;
    display: block;
    line-height: 40px;
    text-align: center;
    color: #333;
}

.container-ul li a:hover{
    text-decoration: none;
    color: white;
    background-color: #90b133;
}
@media screen and (max-width: 820px) {
    .phone-hidden {
        overflow: hidden;
    }
    .phone-x-auto {
        overflow-x: scroll;
        transform: scaleY(-1);
    }
    .phone-x-auto table {
        transform: scaleY(-1);
    }
    .phone-x-auto::-webkit-scrollbar {
        -webkit-appearance:none
    }
    .phone-x-auto::-webkit-scrollbar:horizontal{
        height:11px
    }
    .phone-x-auto::-webkit-scrollbar:vertical {
        width: 11px
    }
    .phone-x-auto::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #c8c7c7

    }

    .container-title-ul li {
        float: none;
        padding-left: 15px;
    }
    .page{
        padding-left:15px;
    }
}
    