@import "icons.css";

.first-ul{
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.last-ul{
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.video-thumb{
    float: left;
    padding: 0px;
    width: 100%;
    background-color: #f6f6f9;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    position: relative;
    margin-bottom: 15px;
    box-shadow: 0 1px 10px -4px rgba(0,0,0,.2);
    border: 1px solid #e6e6e6;
    border-radius: 0;
}

.video-thumb .footer-panel{
    float: left;
    width: 100%;
    padding: 15px;
    background-color: #fff;
}

.video-thumb h5{
    float: left;
    width: 100%;
    font-size: 0.9rem;
    font-weight: 600;
}

.video-thumb p{
    float: left;
    width: 100%;
    font-size: 0.85rem;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 0;
    color: #929292;
}

.video-thumb p a{
    color: #f7941d;
    font-weight: 500;
}

.m-body .m-content.v-page-control{
    padding-bottom: 0 !important;
    min-height: 200px;
}

.action-area .delete-btn{
    width: auto !important;
    min-width: auto !important;
    font-size: 0.55rem !important;
    width: 25px !important;
    height: 25px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.action-area .edit-btn{
    width: auto !important;
    min-width: auto !important;
    font-size: 0.55rem !important;
    width: 25px !important;
    height: 25px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.action-area .delete-btn i, .action-area .edit-btn i{
    font-size: 0.9rem;
    position: relative;
    top: 1px;
}



@media (min-width: 576px){

    .video-modal  .modal-dialog {
        max-width: 868px;
    }

}

.action-area .copy-btn{
    float: right;
    background-color: #00adef !important;
    border-color: #00adef !important;
    position: relative;
    top: 0px;
    box-shadow: none !important;
}

.action-area .copy-btn, .action-area .copy-btn:hover{
    height: 25px !important;
    font-size: 0.75rem !important;
    min-width: auto !important;
    margin-left: 5px;
    FONT-WEIGHT: 600;
}

.action-area .copy-btn i{
    font-size: 0.85rem;
    position: relative;
    left: -6px;
}

.action-area{
    /* position: absolute; */
    /* top: 0; */
    width: 100%;
    /* left: 0; */
    /* background-color: rgba(0,0,0,0.32); */
    /* padding: 7px; */
    float: left;
    margin-top: 5px;
    margin-bottom: 2px;
}

.action-area .url{
    float: left;
    font-size: 0.82rem;
    font-weight: 500;
    color: #00adef;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 15px;
}

.avatar-btn{
    margin-top: 21px;
}

.sp-original-input-container{
    width: 100% !important;
}

.custom-table-area .m-datatable__table tr th,
.custom-table-area .m-datatable__table tr td
{

    font-size: 0.95rem !important;
    padding: 8px !important;
    font-weight: 500 !important;
    color: #969292;


}

.m-datatable > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell{
    background: #dfe1ec !important;
}

.m-datatable__table .m-datatable__body .m-datatable__row:nth-child(2n){
    background-color: rgba(230, 229, 238, 0.37) !important;
}

.m-datatable__table .m-datatable__body .m-datatable__row:hover {
    background: #e7e5ee !important;
}

.m-datatable__table .m-datatable__body .m-datatable__row{
    transition: all .2s ease;
}



.custom-table-area .m-datatable__table tr th{
    padding: 8px !important;
}

.custom-table-area .m-datatable__table tr td span{
    color: #4c4c4c !important;
    font-weight: 500;
}

.cus-btn.class {
    padding: .8rem 1rem;
    min-width: 119px;
    height: 2.87rem;
    max-height: 2.3rem;
    padding: 0 1rem !important;
    box-shadow: 0 5px 10px 2px rgba(244,81,108,.19) !important;
    font-size: 0.82rem;
    font-weight: 500;
    padding-top: 8px !important;
    color: #fff !important;
}

.cus-btn.zoom {
    padding: .8rem 1rem;
    min-width: 119px;
    height: 2.87rem;
    max-height: 2.3rem;
    padding: 0 1rem !important;
    box-shadow: 0 5px 10px 2px rgba(45,140,255,.19) !important;
    font-size: 0.82rem;
    font-weight: 500;
    padding-top: 8px !important;
    color: #fff !important;
    background-color: #2d8cff !important;
    border-color: #2d8cff !important;
}

.cus-btn.zoom:hover{
    background-color: #006ef3 !important;
    border-color: #006ef3 !important;
    font-size: 0.9rem !important;
}


.btn-danger.class:hover, .btn-primary.class:hover {
    font-size: 0.9rem !important;
}

.m-badge.m-badge--brand {
    background-color: #6dd625 !important;
    min-width: 70px;
}

.receive-pay .m-badge.m-badge--brand {
    background-color: #6dd625 !important;
    min-width: 73px;
    margin-right: 0;
    float: right;
}

.m-badge.m-badge--metal {
    background-color: #dcd9ea !important;
    min-width: 70px;
}

.m-body .m-content {
    padding: 15px !important;
}

.btn-danger, .btn-primary {
    color: #fff;
    background-color: #f7941d !important;
    border-color: #f7941d !important;
    position: relative;
    overflow: hidden;
    min-width: 135px;
    height: 2.87rem;
    transition: 0.2s !important;
}

.btn-danger-1{
    color: #fff;
    background-color: #e91313 !important;
    border-color: #f71d1d !important;
    position: relative;
    overflow: hidden;
    min-width: 135px;
    height: 2.87rem;
    transition: 0.2s !important;
}

.timespan{
    float: right;
    /* line-height: 29px; */
    font-weight: 700;
    color: #000;
    font-size: 1.5rem;
    padding: 20px;
    border-left: solid 1px #ccc;
}

.btn-danger:after, .btn-primary:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    -webkit-transform-style: flat;
    transform-style: flat;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    background: rgba(255, 255, 255, 0.13);
    border-radius: 100%;
    -webkit-transition: width .5s ease, height .5s ease;
    transition: width .5s ease, height .5s ease;
}

.btn-danger:focus, .btn-danger:hover {
    background: #fb512e;
}
.btn-danger:active:after {
    width: 1000px;
    height: 1000px;
}

.btn-danger:hover, .btn-primary:hover{
    background-color: #ff6000 !important;
    border-color: #ff6000 !important;
    font-weight: 500 !important;
    font-size: 1.1rem !important;
}

.btn-secondary{
    position: relative;
    box-shadow: none !important;
}


.btn-secondary:hover {
    position: relative;
    transition: background-color .6s ease;
    overflow: hidden;
    background-color: #c4cad9 !important;
    border-color: #c4cad9 !important;
    font-weight: 600 !important;
    font-size: 1.1rem !important;
}

.btn-secondary:after, .btn-secondary:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    -webkit-transform-style: flat;
    transform-style: flat;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    background: rgba(0, 0, 0, 0.05);
    border-radius: 100%;
    -webkit-transition: width .5s ease, height .5s ease;
    transition: width .5s ease, height .5s ease;
}

.btn-secondary:active:after {
    width: 1000px;
    height: 1000px;
}


.btn-danger:active, .btn-primary:active{
    box-shadow: 0px 0px 4px #b1b1b1 inset;
    background: linear-gradient(0deg, #CC360C, #DB3A0D);
}



.m-portlet .m-portlet__body {
    padding: 15px !important;
}

.m-portlet .m-portlet__head {
    padding: 15px 15px !important;
}

.custom-table-area .m-datatable__table tr th span{
    color: #000 !important;
}

.custom-table-area .m-datatable__table tr td .m-badge.m-badge--brand {
    color: #fff !important;
}

.overflow-text{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.page-link {
    color: #f7941d;
    background-color: #fff;
    border: 1px solid #efcba0;
}

.page-link:hover {
    color: #f7941d;
    background-color: #ffac49;
    border-color: #ffac49;
}

.page-item.active .page-link {
    background-color: #ffac49;
    border-color: #ffac49;
}

.m-datatable.m-datatable--default>.m-datatable__pager {
    margin-top: 7px;
}

.btn.m-btn--hover-danger:hover{
    border-color: #ffac49 !important;
    background-color: #ffac49 !important;
}

.m-subheader__breadcrumbs .page-name2 a{
    color: #f7941d !important;
}

.lg-row{
    width: 100% !important;
}

.lg-row .select2{
    width: 100% !important;
}

.input-group .form-control{
    height: 2.87rem;
}

.input-group-append .btn-primary{
    min-width: 110px;
    webkit-transition: 0.25s !important;
    transition: 0.25s !important;
}

.modal .modal-content .modal-header {
    background-color: #eee;
}

.modal-footer .btn{
    transition: 0.25s !important;
    padding: .8rem 1rem !important;
    min-width: 135px;
    height: 2.87rem;
    max-height: 2.87rem;
    padding: 0 1rem !important;
    position: relative;
    transition: background-color .6s ease;
    overflow: hidden;
}

.modal-footer .btn.btn-danger{
    box-shadow: 0 5px 10px 2px rgba(244,81,108,.19) !important;
}

.modal-footer .btn.btn-secondary{
    box-shadow: 0 5px 10px 2px rgba(208, 208, 208, 0.19) !important;
}



.alert.m-alert--default ul{
    padding-left: 15px;
    padding-top: 15px;
    margin-bottom: 0;
}

.alert-danger:not(.m-alert--outline) {
    color: red;
    background-color: transparent;
    border-color: red;
    border-bottom: solid 3px red;
    border-radius: 5px;
    font-weight: 500;
    background-color: #fff;
    box-shadow: 0 5px 10px 2px rgba(244,81,108,.36) !important;
}

.alert-success:not(.m-alert--outline) {
    color: #21d055;
    background-color: transparent;
    border-color: #21d055;
    border-bottom: solid 3px #21d055;
    font-weight: 500;
    background-color: #fff;
    box-shadow: 0 5px 10px 2px rgba(52,191,163,.19) !important;

}

.align-btn{
    max-width: 100% !important;
    min-width: auto !important;
    width: 100% !important;
}

input[type="file"] {
    position: relative;
    overflow: hidden;
}

input[type="file"].merge {
    border-radius: 5px 5px 0 0;
}

.file-message{
    float: left;
    width: 100%;
    padding: 7px 10px;
    background-color: #eef5f9;
    margin-bottom: 10px;
    margin-top: 0px;
    border-radius: 5px;
    font-size: 0.85rem;
    font-weight: 500;
}

.file-message.merge{
    border-radius: 0 0 5px 5px;
}

.file-message span{
    font-weight: 500;
    color: #ff8100;
}


.cancel-btn{
    overflow: hidden;
    min-width: 135px;
    height: 2.87rem;
    transition: 0.25s !important;
    box-shadow: 0 5px 10px 2px rgba(208, 208, 208, 0.19) !important;
}

#smaill-title{
    color: #f7941d;
}

.watch-demo-btn{
    transition: 0.25s !important;
    height: 42px;
    min-width: 160px;
}

.watch-demo-btn:hover{
    background-color: #ffaf9c !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 1.1rem !important;
}

.trial{
    float: left;
    width: 100%;
    text-align: right;
    font-weight: 400;
    margin-top: 20px;
    color: #5f5f5f;
    background-color: #fff7ec;
    padding: 7px 15px;
    border-radius: 7px;
    font-size: 0.9rem;
    border: solid 2px #ffe1bc;
}

.img-pro{
    width: 100%;
    float: left;
    padding-top: 0;
    padding-bottom: 0;
}

.img-pro img{
    max-width: 70%;
    max-height: 106px;
}

.pro label{
    float: left;
    width: auto;
    text-align: left;
    font-weight: 400;
    color: #000;
    margin-bottom: 3px;
}

.m-datatable__cell .form-control{
    max-width:90% !important;
}

.m-datatable__cell textarea.form-control{
   height: 38px !important;
}

.receive-pay .m-datatable__cell span{
    padding: 0px 7px;
}

.receive-pay .m-datatable__cell span.green{
    color: #2fd22f !important;
    font-weight: 600;
}

.receive-pay .m-datatable__body  .m-datatable__cell{
    vertical-align: top !important;
}

.receive-pay  .m-datatable__cell span.red{
    color:red !important;
    font-weight: 600;
}

.inner-guard{
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    width: 97%;
    padding: 25px;
    margin-top: 0;
    margin-bottom: 15px;
    border: solid 2px #f8f8fb;
    border-radius: 5px;
}

.receive-pay .m-datatable__cell .cus-btn{
    width: 72px;
    min-width: 70px;
    height: 27px;
    margin-top: 3px;
    font-size: 0.82rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: block;
    margin-right: 0;
    float: right;
    margin-right: 0px;
}

.receive-pay .form-group, .pay-row .form-group {
    margin-bottom: 0;
}

.pay-row .btn-primary{
    FLOAT: LEFT;
    width: 100%;
    margin-top: 25px;
}

.success-type{
    letter-spacing: .6px !important;
    padding: 1px 10px !important;
    margin-top: 7px;
    max-width: 80px;
}

.subcription-modal img{
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 141px;
}

.subcription-modal  h2{
    text-align: center;
    padding-top: 30px;
    font-weight: 600;
    color: #f7941d;
    padding-bottom: 6px;
}

.subcription-modal p{
    text-align: center;
    color: #000;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    font-weight: 500;
    font-size: 1rem;
    border-top: solid 1px #f7dcbe;
    padding-top: 15px;
}

.subcription-modal .action-link{
    text-align: center;
    padding-top: 20px;
    padding-bottom: 15px;
}

.subscribe-expire img{
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 141px;
}

.m--font-warning {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 300;
    color: #575962 !important;
}

#filter_form{
    background-color: #fff;
    padding: 25px;
    border: solid 2px #f8f8fb;
}

.pay-row label{
    float: left;
    width: 100%;
    text-align: left;
    font-weight: 300;
}

.width-90{
    width: 90% !important;
}

.select2-selection__rendered{
    text-align: left !important;
    font-weight:300;
}

.padding-l-25{
    padding-left: 25px !important;
}

.m-datatable__table.receive-pay .m-datatable__body .m-datatable__row:nth-child(2n) {
    background-color: rgb(230 229 238 / 0.1) !important;
}

.table-error{
    font-weight: 300;
    position: relative;
    top: 100px;
}

.trial span{
    color: #f7941d;
    font-weight: 500;
}

.download-btn-lg{
    padding-left: 0;
    padding-right: 0;
}

@media only screen and (max-width: 1024px) {

    #no-more-tables td:before {
        content: attr(data-title);
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }

    #no-more-tables td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50% !important;
        white-space: normal;
        text-align: right !important;
        background-color: #f9f9f9;
        font-weight: 400;
        color: #776c6c;
        font-size: 0.82rem;
        vertical-align: middle;
        padding: 0.2rem 0.5rem;
    }

    #no-more-tables table,
    #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {
        display: block !important;
    }

    #cardDetailsForm  .m-form__group {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #cardDetailsForm .m-form__actions.m-form__actions{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #no-more-tables tr{
        border: 1px solid #ccc !important;
    }

    #company_data .form-group.mb-0{
        margin-bottom: 15px !important;
    }

    .st-list{
        width: 100% !important;
        padding-bottom: 0 !important;
        margin-right: 0 !important;
    }

    .right-join{
        padding: 30px;
        margin-top: -2px;
        min-height: auto;
        background-size: cover;
    }

    #schedule-list .m-accordion__item-content li {
        width: 100% !important;
        margin-bottom: 8px !important;
        margin-right: 0 !important;
    }


    body.show-counter .m-content{
        padding-top: 70px !important;
    }

    body.show-counter .m-topbar__userpic{
        position: relative;
        top: 23px;
        left: 15px;
    }

    .inner-grid .no-padding-r{
        padding-right: 15px !important;
    }

    .inner-grid .no-padding-l{
        padding-left: 15px !important;
    }


    .trial {
        font-size: 0.7rem;
        width: 300px;
        text-align: center;
        padding-top: 7px;
        margin-top: 62px;
        margin-bottom: 13px;
        margin-left: 15px;
    }

    .cus-btn.zoom-btn {
        margin-bottom: 15px;
    }

    .timer_wrapper {
        top: 103px !important;
        right: 89px !important;
        min-width: 250px !important;
    }

    #search_activity{
        margin-top: 30px;
    }

    .modal-footer.double button {
        width: 49% !important;
    }


    .select2.select2-container{
        width: 100% !important;
    }

    .single-btn{
        width: 100% !important;
    }

    #upload-file{
        width: 100%;
        margin-bottom: 15px;
    }

    .m-portlet__foot .m-form__actions button{
        min-width: 49% !important;
    }

    .m-portlet__foot .m-form__actions.multi-btns button{
        min-width: 100% !important;
        margin-bottom: 2px !important;
    }

    .m-portlet__foot .m-form__actions.multi-btns button:last-child{
        min-width: 100% !important;
        margin-bottom: 15px !important;
    }

    .m-portlet.m-portlet--mobile .m-portlet__head-caption{
        width: 100%;
        float: left;
        margin-bottom: 15px;
    }

    .m-portlet.m-portlet--mobile .m-portlet__head-tools{
        width: 100%;
        float: left;
    }

    .m-portlet.m-portlet--mobile .m-portlet__head-tools ul li{
        padding-left:0 !important;
        padding-right:0 !important;
    }

    .m-portlet.m-portlet--mobile .m-portlet__head-tools ul li .m-portlet__nav-item{
        width: 100%;
    }

    .m-portlet.m-portlet--mobile .m-portlet__head-tools ul li .m-dropdown{
        width: 100%;
    }

    .m-portlet.m-portlet--mobile .m-portlet__head-tools ul li .m-dropdown .btn{
        min-width: 47% !important;
    }

    .m-portlet.m-portlet--mobile .m-portlet__head-tools ul li .m-dropdown .btn.single-btn{
        min-width: 100% !important;
    }

    .m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav{
        width: 100%;
    }

    .assignment-wrp .col-md-4 {
        padding-left:15px;
        padding-right:15px;
    }

    .modal-footer .btn {
        width: 49%;
    }

    .page-link {
        font-size: 0.75rem;
    }

    .nav.nav-pills{
        margin-bottom: 0;
    }

    .student-payment-tab .single-btn{
        margin-top: 25px;
    }

    .m-datatable.m-datatable--default.m-datatable--loaded {
        border: solid 1px #eee;
    }

    .m-datatable__table thead th:last-child span{
        max-width: 73px !important;
    }

    .m-datatable__table.assignment-table thead th:last-child span {
        max-width: 84px !important;
    }

    .m-datatable__table.course-list-table th:first-child span
    {
        width: 125px !important;
    }

    .m-datatable__table.course-list-table th:nth-child(3) span
    {
        width: 154px !important;
    }

    .m-datatable__table.assignment-list-table th:last-child span{
        max-width: 110px !important;
    }

    #questions .m-form__group label.m--margin-left-10{
        margin-left: 0 !important;
    }

    .topic-edit-form-foot{
        padding: 1.1rem 1.7rem !important;
    }

    .m-datatable__table.manage-user-table thead th:last-child span {
        max-width: 115px !important;
    }

    .m-datatable__table.location-table thead th:last-child span {
        max-width: 100px !important;
    }

    .m-datatable__table.shedule-table thead th:last-child span {
        max-width: 245px !important;
    }

    #search_classroom, #search_attendance{
        margin-top: 15px;
    }

    .pdf-area, .pdf-area .text-right{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #bar_chart {
        margin-left: -45px !important;
    }

    .m-widget14 {
        padding: 0 !important;
    }

    .st-payment-page .nav.nav-pills .nav-item {
        margin-left: 0;
    }

    .st-payment-page .nav.nav-pills .nav-item a{
        border-radius: 0;
    }

    .st-payment-page .single-btn {
        margin-top: 25px;
    }

    .st-payment-page #ajax_data table th:nth-child(9) span {
        width: 125px !important;
    }

}

.swal2-popup .btn {
    min-width: 150px;
    height: 42px;
}

.swal2-popup .btn.btn-success{
    color: #fff;
    background-color: #f7941d !important;
    border-color: #f7941d !important;
    position: relative;
    overflow: hidden;
    min-width: 135px;
    height: 2.87rem;
    transition: 0.2s !important;
    box-shadow: 0 5px 10px 2px rgba(244,81,108,.19) !important;
}

.swal2-popup .btn.btn-success:hover{
    background-color: #ff6000 !important;
    border-color: #ff6000 !important;
    font-weight: 500 !important;
    font-size: 1.1rem !important;
}

.swal2-popup .btn.btn-secondary{
    box-shadow: 0 5px 10px 2px rgba(208, 208, 208, 0.19) !important;
}

.daterangepicker .ranges {
    padding: 0;
    margin: 0;
}

.daterangepicker .ranges ul {
    width: 100%;
}

.daterangepicker .ranges .range_inputs .btn {
    border-radius: 5px;
}

.form-group sup{
    color: red;
    font-weight: 600;
    font-size: 1rem;
}

.has-danger label.col-form-label{
    color: #212529 !important;
}


.cus-btn {
    webkit-transition: 0.25s;
    transition: 0.25s;
    padding: .8rem 1rem;
    min-width: 135px;
    height: 2.87rem;
    max-height: 2.87rem;
    padding: 0 1rem !important;
    box-shadow: 0 5px 10px 2px rgba(244,81,108,.19) !important;
}



.third-btn{
    webkit-transition: 0.25s !important;
    transition: 0.25s !important;
    padding: .8rem 1rem !important;
    min-width: 135px;
    height:2.87rem;
    max-height:2.87rem;
    padding: 0 1rem !important;
    position: relative;
    transition: background-color .6s ease;
    overflow: hidden;
}

.third-btn span{
    display: inherit;
}

.third-btn:hover, .third-btn:hover{
    background-color: #068066 !important;
    border-color: #068066 !important;
    font-weight: 600 !important;
    font-size: 1.1rem !important;
}

.third-btn:active:after {
    width: 1000px;
    height: 1000px;
}

.third-btn:after, .third-btn:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    -webkit-transform-style: flat;
    transform-style: flat;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    background: rgba(255, 255, 255, 0.13);
    border-radius: 100%;
    -webkit-transition: width .5s ease, height .5s ease;
    transition: width .5s ease, height .5s ease;
}

.m-login__forget-password button.cus-btn{
    width: 100% !important;
    margin-bottom: 15px;
    width: 50%;
    height: 45px;
}

.form-control#add-file{
    overflow: hidden;
}

.zm-modal.zm-modal-legacy .zm-modal-body-content {
    font-size: 14px;
    color: #333;
    text-align: center;
}

.zm-modal.zm-modal-legacy .zm-modal-body-title {
    padding: 12px 16px 10px;
    margin-bottom: 0;
    min-height: 16px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 18px;
    color: #000000;
    font-weight: 500;
    background-color: #f1f1f1;
}

.custom-table-area .m-datatable__table.cus-table tr th,
.custom-table-area .m-datatable__table.cus-table tr td{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.pay-table{
    overflow-x: auto;
    float: left;
    width: 100%;
}

.pay-table table thead th{
    background: #dfe1ec !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    color: #000000 !important;
    padding: 7px 15px !important;
    border: none !important;
}

.sp-original-input-container .sp-add-on {
    width: 40px !important;
}

.pay-table table tbody td{
    font-size: 0.95rem !important;
    padding: 7px 15px !important;
    font-weight: 500 !important;
    color: #969292;
    border: none !important;
    vertical-align: middle;
}

.pay-table table tbody  .form-control[disabled] {
    background-color: #dfe1ec;
}

.pay-table table tbody tr:nth-child(2n) {
    background-color: rgba(230, 229, 238, 0.37) !important;
}

.pay-table table{
    border: none !important;
}



.st-payment-page #ajax_data table th
.st-payment-page #ajax_data table td
{
    text-align: left !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.st-payment-page #ajax_data table th:nth-child(1) span {
    width: 150px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data table th:nth-child(2) span{
    width: 105px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data table th:nth-child(3) span{
    width: 60px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data table th:nth-child(4) span{
    width: 94px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data table th:nth-child(5) span{
    width: 94px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data table th:nth-child(6) span{
    width: 94px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data table th:nth-child(7) span{
    width: 85px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data table th:nth-child(8) span{
    width: 95px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data table th:nth-child(9) span{
    width: 85px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data table td:nth-child(1) span {
    width: 150px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data table td:nth-child(2) span{
    width: 105px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data table td:nth-child(3) span{
    width: 60px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data table td:nth-child(4) span{
    width: 94px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data table td:nth-child(5) span{
    width: 94px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data table td:nth-child(6) span{
    width: 94px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data table td:nth-child(7) span{
    width: 85px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data table td:nth-child(8) span{
    width: 95px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data table td:nth-child(9) span{
    width: 85px !important;
    padding-left: 10px;
}



.st-payment-page #ajax_data_history table th
.st-payment-page #ajax_data_history table td
{
    text-align: left !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.st-payment-page #ajax_data_history table th:nth-child(1) span {
    width: 150px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data_history table th:nth-child(2) span{
    width: 105px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data_history table th:nth-child(3) span{
    width: 60px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data_history table th:nth-child(4) span{
    width: 94px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data_history table th:nth-child(5) span{
    width: 94px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data_history table th:nth-child(6) span{
    width: 94px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data_history table th:nth-child(7) span{
    width: 85px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data_history table th:nth-child(8) span{
    width: 95px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data_history table th:nth-child(9) span{
    width: 85px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data_history table td:nth-child(1) span {
    width: 150px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data_history table td:nth-child(2) span{
    width: 105px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data_history table td:nth-child(3) span{
    width: 60px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data_history table td:nth-child(4) span{
    width: 94px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data_history table td:nth-child(5) span{
    width: 94px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data_history table td:nth-child(6) span{
    width: 94px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data_history table td:nth-child(7) span{
    width: 85px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data_history table td:nth-child(8) span{
    width: 95px !important;
    padding-left: 10px;
}

.st-payment-page #ajax_data_history table td:nth-child(9) span{
    width: 85px !important;
    padding-left: 10px;
}

.sub-tit{
    font-size: 1.3rem;
    font-weight: 500;
    font-family: Roboto;
    padding-top: 5px;
    float: left;
}

.back-subs{
    min-width: 205px;
}

@media only screen and (max-width: 1024px){

    .st-payment-page #ajax_data table th:nth-child(9) span {
        width: 125px !important;
    }

}

@media only screen and (min-width: 1024px){

    .no-relative{
        position: inherit !important
    }

    .wait-room{
        margin-top: 36px;
    }

    .v-page-title{
        position: relative;
        top: 13px;
    }

    .no-padding-r {
        padding-right: 0 !important;
    }
    .no-padding-l {
        padding-left: 0 !important;
    }
    .p-r-7 {
        padding-right: 8px;
    }
    .p-l-7 {
        padding-left: 8px;
    }

    .card.chart-card{
        border-radius: 0.25rem 0 0 0.25rem !important;
    }

    .card.chart-card.money-area{
        border-radius: 0 0.25rem 0.25rem 0 !important;
        border-left: none !important;
    }

}


.st-payment-page .nav.nav-pills .nav-link {
    background-color: #eff0f5;
    padding: 0.75rem 1rem;
}

.st-payment-page .nav.nav-pills .nav-link.active {
    background-color: #f7941d;
}

.st-payment-page .nav.nav-pills {
    margin-bottom: 15px;
}

.st-payment-page .tab-content{
    border: solid 1px #f5f5f5;
    padding: 10px;
    border-radius: 5px;
    background-color: #f0f1f630;
}

.total-price{
    position: relative;
    height: 100%;
    background-color: #1d1d1d;
    right: -2px;
    border-radius: 0 5px 5px 0;
    color: #fff;
    text-align: center;
}

.total-price b{
    float: left;
    width: 100%;
    padding-top: 21px;
}

.total-price span{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 0.85rem;
    font-weight: 500;
}

.input-add .m-switch{
    position: relative;
    margin-top: -5px;
}

.inner-row .card-body{
    padding-bottom: 5px;
    padding: 0;
}

.input-add .m-switch input:empty~span:after {
    color: #9ba4bb;
    background-color: #ffffff;
}

.input-add .m-switch.m-switch--icon input:checked~span:after {
    color: #ffffff !important;
    background-color: #f37e21 !important;
}

.total-price b{
    float: left;
    width: 100%;
    padding-top: 21px;
}


.total-price span{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 0.85rem;
    font-weight: 500;
}


.input-add .m-switch{
    position: relative;
    margin-top: -5px;
}


.inner-row .card-body{
    padding-bottom: 5px;
    padding: 0;
}


.input-add .m-switch input:empty~span:after {
    color: #9ba4bb;
    background-color: #ffffff;
}

.input-add .m-switch.m-switch--icon input:checked~span:after {
    color: #ffffff !important;
    background-color: #f37e21 !important;
}

.total-price b{
    float: left;
    width: 100%;
    padding-top: 21px;
}


.total-price span{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 0.85rem;
    font-weight: 500;
}


.input-add .m-switch{
    position: relative;
    position: relative;
    margin-top: -5px;
    margin-top: -5px;
}


.inner-row .card-body{
    padding-bottom: 5px;
    padding-bottom: 5px;
    padding: 0;
    padding: 0;
}

.v-box{
    width: 100%;
    float: left;
    min-height: 126px;
    border: dotted 2px #ccc;
    border-radius: 6px;
    margin-bottom: 0;
    padding: 15px;
}

.custom-table-area.classroom .m-datatable__table tr th {
    padding: 8px 5px !important;
}

.right-form{
    position: relative;
    height: 100%;
    background-color: #f7f7f7;
    border: solid 1px #eee;
    border-radius: 5px;
    padding: 15px;
}

.right-form h4{
    text-align: center;
    font-size: 1.2rem;
    margin-bottom: 0;
    color: #000;
    margin-bottom: 20px;
    margin-top: 6px;
}

.right-form ul{
    border-radius: 0;
}

.right-form ul li{
    background-color: white !important;
    border: 1px solid rgba(0,0,0,0.1);
    border-left: none;
    border-right: none;
    border-top: none;
    margin-bottom: 0px;
}

.right-form ul .m-switch--icon{
    width: 100%;
}

.width100{
    float: left;
    width: 100%;
}

.select-video{
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 25px;
    box-shadow: 0 1px 10px -4px rgba(0,0,0,.2);
    border: 1px solid #e6e6e6;
    border-radius: 0;
    transition: all .25s ease;
}

.select-video iframe{
    max-width: 100%;
    max-height: 110px;
}

.video-thumb p {
    position: relative;
    display: inline-block;

  }

  .video-thumb p .tooltiptext {
    visibility: hidden;
    width: 77%;
    background-color: #f0f1f6;
    color: #000;
    text-align: left;
    border-radius: 6px;
    padding: 15px;
    position: absolute;
    z-index: 1;
    right: 0px;
    top: 33px;
  }

  .video-thumb p:hover .tooltiptext {
    visibility: visible;
  }

  .arrow-up {
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #2f2f2f;
}

.select-video:hover{
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 5px 12px rgba(126, 142, 177, 0.2);
}

.modal.select-viodes .modal-content .modal-body {
    padding-bottom: 0;
}

.select-video h4{
    padding: 10px;
    font-size: 0.85rem;
    color: #000;
    line-height: 17px;
    margin-bottom: 0;
    min-height: 59px;
    text-align: center;
    margin-top: 0;
    padding-top: 20px;
    font-weight: 600;
}

.select-video .m-radio{
    padding-left: 0;
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    position: absolute;
    left: 66px;
    bottom: 34px;
    border-radius: 50%;
    text-align: center;
    border: solid 1px #ccc;
}

.select-video .m-radio:hover span{
    background-color: #ff6000 !important;
}

.left-form progress{
    width: 100%;
    margin-top: -5px;
    position: relative;
    top: -5px;
    margin-bottom: 15px;
    border-radius: 5px;
}

.select-video .m-radio.m-radio--solid span {
    background: #e2e5ec;
    border: 1px solid transparent !important;
    width: 25px;
    height: 25px;
    margin-left: 7px;
    margin-top: 6px;
}

.select-video .m-radio.m-radio--brand.m-radio--solid input:checked~span {
    background: #ff6000 !important;
    box-shadow: 0 5px 5px 2px rgba(244,81,108,.3)!important;
}

.right-form ul li label{
    margin-bottom: 0;
    line-height: 27px;
    width: 100%;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 500;
}

.right-form ul li .item-name{
    margin-right: 12px !important;
}

.prog-row{
    margin-top: -6px;
    margin-bottom: 7px;
}

.v-box #file{
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.v-box label{
    width: 100%;
    font-size: 1.25rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* min-height: 109px; */
    margin-bottom: 0;
}

.v-box h4{
    text-align: center;
    font-size: 1.2rem;
    margin-bottom: 0;
    color: #000;
}

.v-box p{
    text-align: center;
    font-weight: 400;
    font-size: 0.85rem;
    padding-top: 3px;
    margin-bottom: 0;
}

.prog{
    margin-top: 0;
    width: 100%;
}

.v-box label .circle{
    width: 65px;
    height: 65px;
    background-color: #e8e8e8;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.inner-exam-content input[type="file"] {
    display: none;
}

.inner-exam-content label{
    margin-bottom: 0;
    cursor: pointer;
}

.v-box label img{
    width: 38%;
    position: relative;
    top: 18px;
}


.input-add .m-switch input:empty~span:after {
    color: #9ba4bb;
    color: #9ba4bb;
    background-color: #ffffff;
    background-color: #ffffff;
}

.pro .m-switch input:checked~span:after {
    background-color: #f37e21;
}


.input-add .m-switch.m-switch--icon input:checked~span:after {
    color: #ffffff !important;
    color: #ffffff !important;
    background-color: #f37e21 !important;
    background-color: #f37e21 !important;
}

.StripeElement {
    box-sizing: border-box;

    height: 40px;

    padding: 10px 12px;

    border: 1px solid transparent;
    border-radius: 4px;
    background-color: white;

    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
  }

  .StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
  }

  .StripeElement--invalid {
    border-color: #fa755a;
  }

  .StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
  }

  .cus-btn.zoom-btn{
    box-shadow: 0 5px 10px 2px rgba(45,140,255,.19) !important;
    background-color: #2d8cff !important;
    border-color: #2d8cff !important;
}

.m-tooltip.tooltip .tooltip-inner {
    border-radius: 5px !important;
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.2) !important;
    padding: 15px 20px 15px 20px !important;
}

.data-empty{
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    color: #2c2e3e;
    background-color: #fbf9f9;
    padding: 30px;
    border-radius: 5px;
    letter-spacing: 0px;
    text-align: center;
}

.data-empty img{
    width: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

#no-entry{
    display: none;
}

.data-empty.table {
    font-family: Roboto;
    font-size: 1.3rem;
    border: solid 1px #ecedf2;
    margin-bottom: 0 !important;
}

.data-empty.table img{
    width: 159px;
    opacity: 0.6;
}

body.modal-open{
    overflow-y: hidden !important;
}

.subject-body #assigned-subjects ul{
    padding-left: 0;
    list-style-type: none;
    float: left;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 25px;
}

.subject-body{
    margin-bottom: 0;
    margin-top: 15px;
}

.subject-body #assigned-subjects ul li button{
    float: right;
    margin-right: 10px;
    background-color: #fff;
    border: solid 1px #e6dfdf;
    position: relative;
    top: 1px;
}

.subject-body #assigned-subjects ul li{
    float: left;
    width: 100%;
    text-align: left;
    line-height: 33px;
    font-weight: 500;
    background-color: #f7f7f7;
    margin-bottom: 7px;
    border-radius: 5px;
    padding: 7px 7px;
    border: solid 1px #e8e8e8;
}

#assigned-courses ul{
    float: left;
    padding-left: 0;
}

#assigned-courses ul li{
    float: left;
    width: 100%;
    margin-bottom: 15px;
    list-style-type: none;
    padding-left: 0;
    background-color: whitesmoke;
    border-radius: 5px;
    padding: 15px;
    font-weight: 500;
    color: #000;
    /* padding-bottom: 7px; */
    border: solid 1px #f1eaea;
    line-height: 26px;
    position: relative;
}

#assigned-courses ul li:last-child{
    margin-bottom: 0 !important;
}

#assigned-courses ul li button{
    background-color: #fff;
    float: right;
    position: relative;
    top: -4px;
    /* margin-right: 10px; */
    background-color: #ffffff;
    /* color: #fff; */
    /* position: absolute; */
    right: 5px;
    top: -4px;
    border: solid 1px #dcdcdc;
}

#assigned-courses ul li ul{
    float: left;
    width: 100%;
    margin-bottom: 0;
    padding-left: 0;
    position: relative;
    margin-top: 0px;
    background-color: #fff;
    margin-top: 7px;
}

#assigned-courses ul li ul li{
    float: left;
    width: 100%;
    margin-bottom: 0;
    padding: 0;
    font-weight: 400;
    font-size: 0.9rem;
    background-color: #fff;
    border: none;
    border-radius: 5px;
    padding-left: 15px;
    line-height: 32px;
    border-bottom: solid 1px #f1f1f1;
    border-radius: 5px 5px 0 0;
}

#assigned-courses ul li ul li button{
    background-color: #fff;
    top: 0px;
    border: none !important;
}


.modal #assigned-chapters ul{
    padding-left: 0;
    list-style-type: none;
    float: left;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 25px;
}

#schedule-list .m-accordion__item-content li{
    float: left;
    width: 100%;
    padding: 6px;
    background-color: #f5f5f5;
    margin-bottom: 0;
    list-style-type: none;
    padding-left: 15px;
    line-height: 33px;
    font-weight: 500;
    color: #000;
    border-radius: 5px;
    margin-right: 0%;
    overflow: hidden;
}

.st-list:last-child{
    margin-bottom: 25px !important;
}

.confirm-modal .modal-footer{
    justify-content: center;
}

.confirm-modal .modal-body{
    text-align: center;
}

.confirm-modal .modal-title{
    width: 100%;
    text-align: center;
}

.video-per{
    background-color: #f7941d;
    width: 45px;
    height: 45px;
    position: absolute;
    text-align: center;
    color: #fff;
    font-weight: 600;
    border-radius: 50%;
    padding-top: 14px;
    font-size: 0.9rem;
    letter-spacing: -1px;
    right: 33px;
    box-shadow: -1px 6px 10px 6px rgb(208 208 208 / 29%) !important;
}

#schedule-list .m-accordion__item-content li button{
    float: right;
}

#add_chapter h6 {
    margin-bottom: 0;
    margin-top: 15px;
}

.modal .subject-body{
    margin-bottom: 0;
    margin-top: 15px;
}

.modal #assigned-chapters ul li button{
    float: right;
    margin-right: 10px;
    background-color: #fff;
    border: solid 1px #e6dfdf;
    position: relative;
    top: 1px;
}

.modal #assigned-chapters ul li{
    float: left;
    width: 100%;
    text-align: left;
    line-height: 33px;
    font-weight: 500;
    background-color: #f7f7f7;
    margin-bottom: 7px;
    border-radius: 5px;
    padding: 7px 7px;
    border: solid 1px #e8e8e8;
}

.add-student-btn{
    width: 220px;
    float: right;
}

.st-list{
    float: left;
    width: 49%;
    margin-bottom: 0px;
    margin-top: 10px;
    border: solid 1px #e6e6e6;
    padding: 0;
    border-radius: 5px;
    padding-bottom: 0;
    margin-right: 1%;
}

#schedule-list .m-accordion__item-title{
    font-weight: 500;
    color: #000;
    font-size: 1rem;
}

.toast-success {
    font-weight: 500 !important;
    opacity: 0.95;
    border-radius: 7px !important;
    background-color: #15bb40 !important;
    box-shadow: 0 5px 10px 2px rgba(52,191,163,.19) !important;

 }

 .toast-error {
    background-color: #ce1c1c !important;
    font-weight: 500 !important;
    opacity: 0.95;
    border-radius: 7px !important;
    box-shadow: 0 5px 10px 2px rgba(244,81,108,.36) !important;
}


#assigned-topics ul{
    float: left;
    padding-left: 0;
    width: 100%;
}

#assigned-topics ul li{
    float: left;
    width: 100%;
    margin-bottom: 15px;
    list-style-type: none;
    padding-left: 0;
    background-color: whitesmoke;
    border-radius: 5px;
    padding: 15px;
    font-weight: 500;
    color: #000;
    /* padding-bottom: 7px; */
    border: solid 1px #f1eaea;
    line-height: 26px;
    position: relative;
}

#assigned-topics ul li:last-child{
    margin-bottom: 0 !important;
}

#assigned-topics ul li button{
    background-color: #fff;
    float: right;
    position: relative;
    top: -4px;
    /* margin-right: 10px; */
    background-color: #ffffff;
    /* color: #fff; */
    /* position: absolute; */
    right: 5px;
    top: -4px;
    border: solid 1px #dcdcdc;
}

.note-btn-group.btn-group.note-insert .note-btn:nth-child(2),
.note-btn-group.btn-group.note-insert .note-btn:nth-child(3),
.note-table
{
    display: none;
}

.news-section{
    background-color: #f9fafc;
    padding: 15px;
    border: solid 1px #ececec;
    border-radius: 5px;
}

.m-datatable__body tr:nth-child(6) .pop-info,
.m-datatable__body tr:nth-child(7) .pop-info,
.m-datatable__body tr:nth-child(8) .pop-info,
.m-datatable__body tr:nth-child(9) .pop-info,
.m-datatable__body tr:nth-child(10) .pop-info{
        top:-220px !important;
}

.m-datatable__body tr{
    position: relative;
}

.pop-info{
    position: absolute;
    left: 115px;
    width: 300px;
    top: 40px;
    background-color: #f2f2f8;
    border-radius: 10px;
    border: solid 1px #e6e6e6db;
    box-shadow: -1px 5px 20px 0px rgb(191 191 191 / 42%);
    z-index: 99;
    display: none;
    padding: 0px;
}

.pop-info .inner{
    float: left;
    width: 100%;
    padding: 15px;
}

.pop-info img{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: solid 2px #f7951f;
    margin-bottom: 0;
    float: left;
}

.pop-info h3{
    float: left;
    width: 78%;
    text-align: left;
    font-weight: 500;
    font-size: 1.02rem;
    color: #2c2e3e;
    padding-left: 15px;
    margin-bottom: 0;
    margin-top: 3px;
    padding-bottom: 3px;
}

.pop-info span{
    float: left;
width: 76%;
text-align: left;
font-size: 0.75rem;
color: #7b7b7b !important;
margin-bottom: 0;
padding-left: 15px;
}

.more-pop{
    border-radius: 0 0 10px 10px;
    float: left;
    width: 100%;
    padding: 20px;
    background-color: #fff;
}

.other-info{
    float: left;
    width: 100%;
    padding-bottom: 15px;
}

.other-info b{
    font-weight: 500 !important;
    color: #000;
}

.other-info p{
    margin-bottom: 0;
    color: #7b7b7b;
    font-size: 0.9rem;
    padding-top: 2px;
}

tr:hover .pop-info{
    display:block;
}

.tooltip-table .m-datatable__body{
    min-height: 415px;
}

.alert.m-alert--default ul li{
    padding-bottom: 10px;
}

@media only screen and (max-width: 1024px){
    #no-more-tables table, #no-more-tables tbody, #no-more-tables td, #no-more-tables th, #no-more-tables thead, #no-more-tables tr {
        display: block;
        width: 100%;
    }
    .payment-module .nav-pills .nav-item {
        width: 25%;
        margin-left: 0;
    }

    .payment-module .nav-pills .nav-item:first-child{
        width: 15%;
    }

    .count {
        width: 100% !important;
        border-right: none !important;
        border-bottom: solid 1px #e4e4e4;
    }

    .inner-pack {
        margin-bottom: 0 !important;
    }

    img.plus{
        width: 7% !important;
        top: 0 !important;
    }

    #package_cal_subscription_total{
        padding-bottom: 15px !important;
    }

    .payment-module .nav-pills .nav-link {
        font-size: 0.6rem;
        padding-left: 0;
        padding-right: 0;
    }

    .count b {
        margin-bottom: 0  !important;
        padding-top: 10px !important
    }

    .count span {
        padding-bottom: 10px;
    }

    .total-price {
        right: 0 !important;
    }

    .pay-modal{
        width: 100%;
        margin-top: 15px;
    }

    .slot-card .card-body span {
        width: 65% !important;
        font-size: 1rem !important;
        margin-left: 5% !important;
    }

    .form-group.full-select .select2.select2-container{
        width: 100% !important;
        margin-left: 0% !important;
    }

    .form-group.full-select .select2.select2-container .selection{
        width: 100% !important;
        margin-left: 0% !important;
    }

     .form-group.full-select .select2.select2-container .selection .select2-selection{
        width: 100% !important;
        margin-left: 0% !important;
    }

    .form-group.full-select .select2.select2-container .selection .select2-selection .select2-selection__rendered{
        width: 100% !important;
        margin-left: 0% !important;
    }

    .form-group.full-select .select2.select2-container .selection .select2-selection .select2-selection__arrow{
        right: 0 !important;
        width: 40px !important;
    }

    .slot-card .form-group .sp-original-input-container {
        width: 100% !important;
        margin-left: 0% !important;
        margin-bottom: 15px !important;
        margin-top: 15px !important;
    }

    .input-add.sw-input .m-switch{
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
        max-width: 60px !important;
        margin-top: -22px !important;
        margin-bottom: 11px !important;
    }

    .refer-card .refer-left, .refer-card .refer-right {
        width: 100% !important;
    }

    .inner-row .sub-total {
        text-align: center !important;
        padding-right: 0 !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .capacity {
        display: block;
        margin-left: auto;
        margin-right: auto;
        float: none;
        margin: 0;
        padding: 0;
    }

    .refer-card .refer-left, .refer-card .refer-right{
        width: 100% !important;
    }

    .refer-card .refer-left, .refer-card .refer-right {
        width: 50% !important;
    }

    .refer-right form .btn {
        margin-top: 0 !important;
    }

    .addon-box h5 {
        font-size: 0.9rem !important;
    }

    .profile-upload{
        text-align: left !important;
        margin-bottom: 15px !important;
    }

    .pop-info{
        left: 95px;
    }

    body.show-counter .pay-content{
        padding-top: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .cus-padding{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .select-video iframe {
        max-height: 170px !important;
    }

    .icon-content{
        margin-top: 15px;
    }

}

#preview {
    position: absolute;
    border: 5px solid #fff;
    background: #333;
    padding: 5px;
    display: none;
    border-radius:5px;
    color: #fff;
    z-index: 9999999;
    left: 0 !important;
  }

@media screen and (max-width: 767px) {

    #topdf_btn{
        margin-right: -15px !important;
        margin-top: 15px !important;
        width: 50% !important;
    }

    .swal2-popup .swal2-actions {
        display: inline-block !important;
    }

    .range_inputs .applyBtn{
        float: right !important;
    }

    #topdf_btn.attend {
        margin-right: 0 !important;
    }

    #schedule-list .m-accordion .m-accordion__item .m-accordion__item-head{
        padding:15px !important;
    }

    .sep{
        padding: 15px 0;
        border-radius: 5px;
        margin-bottom: 15px !important;
        border-bottom: solid 1px #e8e8e8;
        padding-bottom: 25px !important;
        border-radius: 0 !important;
    }

    .sep .input-group .input-group-append{
        display: block;
    }

    .sep .upload_tooltip_lable{
        float: right;
    }

    .sep .input-group-text.close{
        float: right !important;
        min-height: 40px !important;
    }

    .sep .input-group-append{
        width: 100% !important;
    }

    .sep .prev-img {
        width: 100%;
        text-align: center;
        padding: 0px;
        border-radius: 0 0 5px !important;
    }

    .custom-subject{
        width: 197px !important;
    }

    #variable_time_duration_block{
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .quest-section .m-option.mb-3{
        margin-bottom: 15px !important;
    }

    .sep .input-group-text.over-wrap{
        width: 67% !important;
    }

    .sep .prev-img img{
        margin: 10px !important;
    }

    .ref-id{
        width: 205px !important;
    }

    #schedule-list .m-accordion__item-title {
        font-size: 0.8rem !important;
    }

    #assigned-subjects .m-accordion .m-accordion__item .m-accordion__item-head .m-accordion__item-icon>i {
        font-size: 1.2rem !important;
    }

    #schedule-list .m-accordion.m-accordion--default .m-accordion__item{
        margin-bottom: 0 !important;
    }

    #schedule-list .m-accordion .m-accordion__item .m-accordion__item-head{
        padding: 15px !important;
    }

    #assigned-subjects .m-accordion .m-accordion__item .m-accordion__item-head .m-accordion__item-icon{
        padding-right: 9px !important;
    }

    #assign_student{
        margin-bottom: 15px !important;
    }

    #schedule-list .m-accordion__item .m-accordion__item-body .m-accordion__item-content{
        padding: 0 !important;
    }

    #schedule-list .m-accordion__item .m-accordion__item-head{
        padding: 15px !important;
    }

    #schedule-list .m-accordion__item-content .btn.btn-danger.pull-right{
            width: 92% !important;
            margin-bottom: 15px !important;
            margin-left: auto !important;
            margin-right: auto !important;
            display: block !important;
            float: none !important;
            margin-top: 15px !important;
    }

    .st-payment-page .nav.nav-pills .nav-item {
        margin-bottom: 15px !important;
    }

    .pop-info {
        left: 107px !important;
        width: 191px !important;
        padding: 0px !important;
    }

    .pop-info .inner {
        padding: 10px !important;
    }

    .pop-info img {
        width: 31px !important;
        height: 31px !important;
    }

    .pop-info h3 {
        font-size: 0.7rem !important;
    }

   #schedule-list .student-list{
    padding-left: 15px;
    padding-right: 15px;
   }

   .pop-info span {
    font-size: 0.75rem !important;
    }

    .more-pop {
        padding: 15px !important;
    }

    .other-info {
        padding-bottom: 7px !important;
        font-size: 0.7rem !important;
    }

    .other-info p {
        font-size: 0.7rem !important;
        padding-top: 2px !important;
    }

   #filter_form {
        padding: 0px !important;
        border: none !important;
    }

    .swal2-popup .btn {
        min-width: auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    span.questionItem_question_code {
        min-width: 78px !important;
    }

    .refer-card .refer-left, .refer-card .refer-right {
        width: 100% !important;
    }

    .search-area .select2-container{
        margin-bottom: 15px !important;
    }

    .search-area .form-group.mb-0{
        margin-bottom: 15px !important;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .m-portlet.m-portlet--mobile .m-portlet__head-tools ul li .m-dropdown .btn.single-btn {
        min-width: 25% !important;
        max-width: 25% !important;
    }

    .single-btn {
        width: 25% !important;
    }

    .m-portlet.m-portlet--mobile .m-portlet__head-tools ul li .m-dropdown .btn {
        min-width: 47% !important;
        min-width: inherit !important;
        width: 25% !important;
        float: left;
        text-align: center !important;
        margin-right: 15px;
    }

    .m-dropdown.m-dropdown--arrow .m-dropdown__wrapper {
        max-width: 360px !important;
        right: 15px !important;
        margin: 0 !important;
        left: auto !important;
    }

}

.no-relative .upload_tooltip_text{
    right: -13px !important;
    bottom: 59px !important;
}
.disabled {
    cursor: not-allowed;
    color: gray
}