body {
}
.form-control, .form-control[readonly] {
    border-color: #d1d1d1;
    color: #575962;
}

.font-weight-normal {
    font-weight: 500!important;
}

.la, .fa {
    line-height: 1 !important;
}

.hidden{visibility: hidden;}

.m-menu__link-text {
    white-space: nowrap;
}

.m-stack.m-stack--hor > .m-stack__item.m-stack__item--fluid {
    display: table-row;
    vertical-align: top;
}

.m-login__aside {
    padding: 0;
}

.m-stack.m-stack--hor {
    margin: 0 auto;
    display: table;
}

.m-login.m-login--1 .m-login__wrapper {
    display: table-cell;
    vertical-align: middle;
    padding: 0rem 1rem 0rem 1rem !important;
}

.form-control.custom-form-control, .form-control.custom-form-control[readonly] {
    box-shadow: 1px 3px 9px rgba(0, 0, 0, 0.15);
    border-color: rgba(154, 156, 175, 0.15);
    padding: 1rem;
}

.m-form .form-control-feedback {
    color: red;
}


.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span {
    color: #000;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell, .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell, .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell {
    vertical-align: middle;
    padding: 11px 10px;
    font-size: 1.1rem;
}

.m-subheader-search {
    padding: 10px 30px 3px 30px;
    /*margin-top: 10px;*/
}

    .m-subheader-search .m-subheader-search__title {
        font-size: 1.3rem;
    }

    .m-subheader-search .m-form {
        margin-top: 1rem;
    }

.m-header {
    height: 60px;
}

.m-brand .m-brand__logo, .m-brand .m-brand__tools {
    height: 60px !important;
}

.m-header--fixed .m-body {
    padding-top: 60px !important;
}

.m-aside-left--fixed.m-header--fixed .m-aside-left, .m-aside-left--fixed.m-header--static .m-aside-left {
    top: 60px;
}

.m-aside-menu .m-menu__nav {
    padding: 0px 0 40px 0 !important;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell, .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell, .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell {
    padding: 5px 5px;
}

.table-bordered td, .table-bordered th {
    border: 1px solid #f4f5f8;
    font-size: 1rem;
}

.table thead th {
    background: #e6e6e6;
    vertical-align: middle;
}

.table td {
    padding: 0.25rem .75rem;
}


.m-body .m-content {
    padding: 20px 20px;
    /*padding: 10px 20px;*/
}

.m-portlet .m-portlet__body {
    padding: 1rem 1rem;
}

.m-portlet .m-portlet__head {
    height: 4rem;
}

.m-portlet .m-portlet__body {
    color: #000000;
}

.m-input-icon.m-input-icon--right .select2-container--default .select2-selection--multiple {
    background: 0 0;
    border: 1px solid #746bd0;
    border-radius: 2rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: 1.1rem;
    font-family: sans-serif,Arial;
    color: #9892dc;
}

    .m-input-icon.m-input-icon--right .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        padding: 0px 1rem;
    }

        .m-input-icon.m-input-icon--right .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field {
            color: #9892dc;
        }

.m-input-icon.m-input-icon--fixed-xlarge {
    display: inline-block;
    width: 400px;
}

.m-input-icon.m-input-icon--fixed-large {
    display: inline-block;
    width: 350px;
}

.m-subheader {
    padding: 10px 30px 0 30px;
    display: none;
}

.m-widget14 {
    padding: 1.2rem;
}

.searchbox_select::after {
    font-family: LineAwesome;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "";
    border: 0;
    top: 50%;
    position: absolute;
    margin-top: 0;
    font-size: .85rem;
    right: 1.85rem;
    display: inline-block;
}


/*added by sanket*/
.bold {
    font-weight: 500 !important;
}

select.form-control:not([size]):not([multiple]) {
    height: auto;
    border-radius: 2rem;
}

.m-subheader-search .form-control,
.m-subheader-search .m-subheader-search__submit-btn {
    font-size: 1.1rem;
}

.m-subheader .m-subheader__title {
    font-size: 1.4rem;
}

.hide {
    display: none !important;
}


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


.count {
    border: 1px solid;
    border-radius: 20%;
    width: auto;
    display: inline-block;
    text-align: center;
    font-size: 0.9rem;
    top: -1px;
    position: relative;
    background: #7b7e8a;
    color: #fff;
    padding: 0 3px;
}

.text-white {
    color: white;
}

.active .count,
.active .count:hover {
    background: #5867dd;
    color: #fff;
}

.overflow-x-auto {
    overflow-x: auto !important;
}

.dataTables_wrapper > .row > .col-sm-12 {
    overflow-x: auto;
}

.form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
    opacity: 1
}

.form-control::placeholder {
    color: rgba(255, 255, 255, 0.8);
    opacity: 1
}


.m-subheader-search .form-control {
    border-color: rgba(255, 255, 255, 0.8);
    color: rgba(255, 255, 255, 0.8);
}

    .m-subheader-search .form-control:focus {
        border-color: #fff;
        color: #fff;
    }

    .m-subheader-search .form-control option {
        background: #fff;
        color: #08c;
    }

table {
    font-size: inherit;
}

@media screen and (min-width: 768px) {
    .m-stack.m-stack--hor {
        width: 430px;
    }
}



/*modal*/
.modal .modal-content .modal-footer,
.modal .modal-content .modal-header {
    padding: 10px 25px;
}

.modal .modal-content .modal-body {
    padding: 15px 25px;
}

.modal .modal-content .modal-header .close {
    margin-top: 0px;
}

.cke_editable {
    border: 1px solid #d1d1d1;
    padding: 5px 15px;
    resize: initial;
    border-radius: 3px;
    /*min-height: 100px;*/
    background-color: #fff;
    max-height: 150px;
    overflow: auto;
    resize: vertical; 
    margin-bottom: 5px;
    min-height: 50px;
}

.question-text .cke_editable {
    height: 100px;
}
@media screen and (min-width: 1025px) {
.datetimepicker-dropdown-bottom-right {
    left: 1050px !important;
}
}
@media screen and (max-width: 640px) {
    .datetimepicker-dropdown-bottom-right {
        left: 100px !important;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .datetimepicker-dropdown-bottom-right {
        left: 468px !important;
    }
}

table.floatThead-table {border-top: none;border-bottom: none;background-color: #fff;}
table.sticky-header { border-spacing: 0 20px; border-collapse: separate;} 
table.sticky-header tr {margin-bottom:20px;}
table.sticky-header tr {transition: transform .3s ease-out;box-shadow: 6px 6px 10px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 6px 6px 10px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 6px 6px 10px 0 rgba(0, 0, 0, 0.1);background-color: #ffffff; border-radius: 10px; }
table.sticky-header tr:hover{transform: translate(0, 0px);box-shadow: 6px 6px 10px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 6px 6px 10px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 6px 6px 10px 0 rgba(0, 0, 0, 0.3);}
table.sticky-header thead tr { background-color: #5b5b5b;}
table.sticky-header tr th:first-child {border-radius: 10px 0px 0px 10px;background-color: transparent; }
table.sticky-header tr th:last-child {border-radius: 0px 10px 10px 0px;}
table.sticky-header tr td:first-child {border-radius: 10px 0px 0px 10px;}
table.sticky-header tr td:last-child {border-radius: 0px 10px 10px 0px;white-space: nowrap;}
table.sticky-header tr th {font-size: 14px;font-weight: 600;line-height: 2.57;color: #ffffff; padding:8px 25px;white-space: nowrap; background-color: transparent;  }
table.sticky-header tr td {font-size: 14px;font-weight:normal;line-height:18px;color:#5b5f6d; padding:20px 25px; vertical-align:middle;white-space: nowrap; }
table.sticky-header tr td.texCol{ color: #0093d1;font-weight:500; position:relative; padding-left:60px;min-width:250px; }
table.sticky-header tr td.texCol img.icoImg { position:absolute; left:20px; top:0; bottom:0; margin:auto;max-width:26px; }
table.sticky-header tr td .morLin{ color: #aeaeae;font-size: 10px;font-weight:normal;}
.btnIc{ background-image: url(../media/img/video-icon.svg);background-repeat: no-repeat; background-position:top center;width: 48px;height: 35px; display:inline-block; }
.btnIc:hover{ background-image: url(../media/img/video-icon2.svg);}
.btnIc.otherIcon{ background-image: url(../media/img/other-icon.svg);}
.btnIc.workIcon{ background-image: url(../media/img/work-icon2.svg);}
.btnIc.otherIcon:hover{ background-image: url(../media/img/other-icon2.svg);}
.btnIc.workIcon:hover{ background-image: url(../media/img/work-icon.svg);}
.btnIc.editIcon{ background-image: url(../media/img/edit_ic.svg);}
.btnIc.deleIcon{ background-image: url(../media/img/delete_ic.svg);}
.btnIc.editIcon:hover{ background-image: url(../media/img/edit_ich.svg);}
.btnIc.deleIcon:hover{ background-image: url(../media/img/delete_ich.svg);}
table.sticky-header tr td strong{ font-weight:bold }
table.sticky-header .btnCom { border-radius: 27px; border: solid 1px #aeaeae;width: 145px;height:38px; font-size: 12px;font-weight: bold; text-align: center;color: #aeaeae; display:inline-block; line-height:35px; }
table.sticky-header .btnCom.attended{ border-color:#00d489; color:#00d489; background-image: url(../media/img/attend-ok.svg);background-repeat: no-repeat; background-position: 15px center;}
table.sticky-header .btnCom.not-attended{ border-color:#d54a4a; color:#d54a4a;opacity: 0.5; }
table.sticky-header .btn-recording{border-radius: 27px;background-color: #0093d1;display: inline-block;border:1px solid #0093d1;line-height:35px;height:38px;font-size: 12px;font-weight: 600;text-align: center; padding-left:30px; padding-right:30px; color: #ffffff;}
table.sticky-header .btn-recording.video-btn {background-image:url(../media/img/view-rcording.svg);background-repeat: no-repeat;background-position:20px center; padding-left:50px; }
table.sticky-header .btn-recording:hover,table.sticky-header .btnCom:hover{opacity: 0.8;}
table.sticky-header .btnRead{background-color:#e02027; border-color:#e02027}
table.sticky-header .btnSuccess{box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.11); background-color:#6dd400;border-color:#6dd400}
.upcPretips a{border-radius: 27px; border: solid 1px #0093d1; padding:8px 12px; display:inline-block; font-size: 14px; font-weight: 600;color: #0093d1;}
.checkFilter{ padding:24px 15px 5px }
.checkFilter.allClFilt{border-top: solid 1px #979797; margin-top:30px;}
.checkFilter .checkCol{ margin-right:24px;}
.checkFilter .checkCol label{margin-bottom: 0px; color:#242731;font-size:14px;font-weight:500; padding-left:0px; vertical-align:middle}
.checkFilter input[type=checkbox] {margin-right:5px; display: inline-block;vertical-align:middle; margin-top:0px}
.formFilter .form-control{ width: 279px;height: 48px;border-radius: 2px;border:solid 1px #cacddf;background-color: #ffffff;font-size:14px;font-weight:500; color: #242731; padding-right:15px;background-image: url(../media/img/down-arrow.svg);background-position:95%; background-size:12px auto; background-repeat:no-repeat; }
.formFilter select, .crealiveclass select{appearance: none; -ms-appearance: none; -moz-appearance: none; -o-appearance: none; -webkit-appearance: none; background-repeat: no-repeat; background-position: 97% center; background-size: 18px auto; }
.clasTod { padding-top:25px; padding-bottom:30px;padding-left:24px;padding-right:24px; display:block }
.clasforLef .flexslider{ background-color:transparent; border:0px; margin-bottom:0px;padding-left: 50px;padding-right: 50px;}
.clasTod .card {border-radius: 8px;box-shadow: 6px 6px 22px 0 rgba(0, 0, 0, 0.23);  background-color: #ffffff; padding:34px;background-repeat: no-repeat;background-position:center bottom; background-size:100% auto; }
.clasTod .card.math{background-image:url(../media/img/bg-maths.svg);  }
.clasTod .card.english{background-image:url(../media/img/bg-english.svg);  }
.clasTod .card.scien{background-image:url(../media/img/bg-scien.svg);  }
.clasTod .card.economics{background-image:url(../media/img/bg-economics.svg);  }
.clasTod .card.history{background-image:url(../media/img/bg-history.svg);  }
.clasTod .card.geogr{background-image:url(../media/img/bg-geography.svg);  }
.clasTod .card.political{background-image:url(../media/img/bg-political-science.svg);  }
.clasTod .card.economics{background-image:url(../media/img/bg-economics.svg);  }
.clasTod .card .card-item{ width:130px; padding-right:30px}
.clasTod .card .squaRoots .img-fluid{ max-width:56px;}
.clasTod .card .squaRoots { border-bottom: solid 1px #aeaeae; padding-bottom:30px; margin-bottom:10px }
.clasTod .card .squaRoots h2{font-size:16px;font-weight:bolder;color: rgba(0, 0, 0, 0.85); text-transform:uppercase}
.clasTod .card .squaRoots h3{font-size: 18px;font-weight:bold;color: rgba(0, 0, 0, 0.85);}
.clasTod .card .cirMorniSes h2{font-size:18px;font-weight:bold;color: #0093d1; margin-bottom:20px;}
.clasTod .card .cirMorniSes{ border-bottom: solid 1px #aeaeae; padding-bottom:20px; margin-bottom:30px }
.clasTod .card .morniSes h3{font-size:18px;font-weight:bold;color: #0093d1;}
.clasTod .card .morniSes h3 span{font-size:10px;font-weight:bold;color:#aeaeae;  }
.clasTod .joinClas{border-radius: 27px;background-color: #0093d1;display: inline-block;border:1px solid #0093d1;line-height:33px;height: 35px;font-size: 12px;font-weight: bold;text-align: center; padding-left:25px; padding-right:25px;white-space: nowrap; color: #ffffff;}
.clasTod .joinClas:hover,.clasTod .btn-viewlearra:hover,.btn-viewlearra:hover{opacity: 0.8;}
.clasTod .viewlearra p{font-size:14px;font-weight:bold;color: rgba(0, 0, 0, 0.85); margin-bottom:10px;}
.btn-viewlearra{ border-radius: 27px; border: solid 1px #0093d1;height:38px; font-size: 12px;font-weight: bold; text-align: center;color:#0093d1; display:inline-block; line-height:35px;padding-left:25px; padding-right:25px; }
.btn-viewlearra.btnDele{ border-color:#e02027; color:#e02027; }
.testimPre  .owl-stage{display: -webkit-box!important; display: -ms-flexbox!important;display: flex!important; height:100%; }
.clasforLef .flexslider .flex-direction-nav .flex-nav-prev a{left: -12px;background-color: transparent;background-repeat:no-repeat;cursor: pointer;height:30px;width: 31px;background-image: url(../media/img/arrow-1.svg);float: right;background-size: auto 100%;background-position:0px;    background-position: right;font-size:0px;margin-right:0px;}
.clasforLef .flexslider .flex-direction-nav .flex-nav-next a { right:-12px; background-color: transparent;background-repeat: no-repeat;cursor: pointer;height:30px;width: 31px;background-image: url(../media/img/arrow-2.svg); float: left;background-position:0px;background-size: auto 100%;font-size:0px;margin-left:0px;}
.stickyHeader.stick{ position:fixed; top:0;width: calc(100% - 210px); -ms-flex: calc(100% - 210px); flex: calc(100% - 210px); max-width: calc(100% - 210px);   margin-left: auto;  margin-right: auto; z-index:9; background-color:#efefef }
.clasforTop { padding-bottom:30px;}
.clasforLef {position: initial;}
.flexslider:hover .flex-direction-nav .flex-prev{left:-12px;}
.flexslider:hover .flex-direction-nav .flex-next{right:-12px;}
.clasforLef .flex-direction-nav a{ opacity:1}
.flexslider .flex-direction-nav a::after, .flexslider .flex-direction-nav a::before {display: none}
.clasforLef .flexslider .slides{display: -webkit-box!important;display: -ms-flexbox!important;display: flex!important;}
.upcPreCla.borderTop{ border-top: solid 1px #979797;}
.flexslider.flexslView{ background-color:transparent; border:0px; margin-bottom:0px;} 
.flexslider.flexslView:hover .flex-direction-nav .flex-prev{left:0px;}
.flexslider.flexslView:hover .flex-direction-nav .flex-next{right:0px;}
.flexslider.flexslView .flex-direction-nav .flex-nav-prev a{left:0px;background-color: transparent;background-repeat:no-repeat;cursor: pointer;height:35px;width: 35px;background-image: url(../media/img/arw_lft1.svg);float: right;background-size: auto 100%;background-position:0px;   background-position: right;font-size:0px;margin-right:0px;}
.flexslider.flexslView .flex-direction-nav .flex-nav-next a { right:0px; background-color: transparent;background-repeat: no-repeat;cursor: pointer;height:35px;width: 35px;background-image: url(../media/img/arw_ryt.svg); float: left;background-position:0px;background-size: auto 100%;font-size:0px;margin-left:0px;}
.flexslView .flex-viewport{margin-top:30px;margin-bottom:0px;max-width:1000px; margin-left:auto;margin-right:auto ; background: #fff; border: 4px solid #fff;}
.slidCarous{  padding:5px; border-radius:10px; background-color:#fff; margin-bottom:20px; }
#carousel{ padding:15px 40px; background-color:transparent; border:0px; margin-bottom:0px}
#carousel li{ opacity:0.6}
.boThemSlider .flexslider:hover .flex-direction-nav .flex-prev {left: 0px;}
.boThemSlider .flexslider:hover .flex-direction-nav .flex-next{right:0px;}
.boThemSlider .flexslider .flex-direction-nav .flex-nav-prev a{left:0px;background-color: transparent;background-repeat:no-repeat;cursor: pointer;height:30px;width: 31px;background-image: url(../media/img/arrow-1.svg);float: right;background-size: auto 100%;background-position:0px; background-position: right;font-size:0px;margin-right:0px;}
.boThemSlider .flexslider .flex-direction-nav .flex-nav-next a { right:0px; background-color: transparent;background-repeat: no-repeat;cursor: pointer;height:30px;width: 31px;background-image: url(../media/img/arrow-2.svg); float: left;background-position:0px;background-size: auto 100%;font-size:0px;margin-left:0px;}
#carousel li.flex-active-slide{ opacity:1}
#carousel figure{padding-left:10px; padding-right:10px} 
#carousel figure > img { margin-bottom:10px;}
#carousel figure.border{ text-align:center; margin-bottom:10px; min-height:105px;-ms-flex-pack: center!important; justify-content: center!important;display: -ms-flexbox!important;display: flex!important;  } 
#carousel figure.border.borCol{ border-color:#0093d1!important}
#carousel figure.border img{ max-width:40px; height:auto; display: inline-block;}
.flexslider .slides > li.addHomeWork { height: calc(100vh - 300px); text-align:center;-ms-flex-pack: center!important; justify-content: center!important;display: -ms-flexbox!important;display: flex!important; }
.flexslider .slides > li.addHomeWork img{ max-width:80px;display:inline-block; margin-bottom:15px }
.flexslider .slides > li.addHomeWork  h4{  font-size: 24px; color: #0093d1;font-weight: 600;}
#carousel figcaption{ font-size: 12px;font-weight: bold; color: #474747;}
#carousel figure.border.borCol + figcaption { color: #0093d1;}
.boThemSlider .flex-viewport .slides{ padding-top:0px;}
.align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important;}
.flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important;}
.boThemSlider .flex-viewport { padding-top: 27px}
.clasfor_Tod{ padding-top:30px; padding-bottom:20px} 
.clasfor_Tod a{ padding:35px 0px 50px; border-radius: 8px;border: solid 1px #0093d1; position:relative }
.clasfor_Tod a.active{ border-color:#979797; background-color:#fff}
.clasfor_Tod a h2{font-size: 60px;font-weight: 600; margin-bottom:15px}
.clasfor_Tod a h3 {font-size: 18px;font-weight: 600; }
.clasfor_Tod a:hover{ text-decoration:none; }
.clasfor_Tod a.active h3, .clasfor_Tod a.active h2{color:#4a4a4a;}
.clasfor_Tod a.active:after{ position:absolute; width:20px; height:15px; left:0; right:0; bottom:-15px; content:''; background-image: url(../media/img/aero2.png);background-repeat: no-repeat;background-position: center; margin:auto}
.crlernmat h2, .crealiveclass h2{font-size:18px; font-weight:600; margin:4px 0px 32px; color:#4a4a4a;}
.crlernmat p{font-size:14px; margin-bottom:0px; font-weight: 500; color:#4a4a4a;}
.crlernselect .form-control{display: block;width:100%;height:48px;font-size: 14px;line-height:48px;color:#242731;border-radius: 2px; border: solid 1px #cacddf; box-shadow: none; background-image: url(../media/img/selection-icon.svg);  background-position:95%; background-size:8px auto; background-repeat:no-repeat; font-weight:500; padding:0px 10px;}
.availablePages .card{border-radius: 8px; border: dotted 1px #979797; background-color: #d8d8d8; padding:24px 24px 0px;}
.availablePages.drop .card{background-color: transparent; padding:41px 24px 31px; }
.availablePages .btn-recording {border-radius: 27px;background-color: #0093d1;display: inline-block; border: 1px solid #0093d1;line-height:35px; height:38px;font-size: 12px;font-weight: bold; text-align: center;color: #ffffff; padding: 0px 43px; margin-bottom:40px;}
.availablePages .btn-recording:hover{background-color:#ffffff; color: #0093d1;}
.availablePages .card img{margin-bottom:15px; border-radius:5px;}
.availablePages  p{font-size:14px; margin-bottom:0px; font-weight: 500; color:#4a4a4a; padding-bottom:9px;}
.availablePages .availableVideos p{font-size: 12px; color: #474747; font-weight: bold; margin-bottom:0px;}
.availablePages .availableVideos img{margin-bottom:10px;}
.availablePages.drop{margin-top:35px;}
.availablePages.drop .card{text-align:center}
.availablePages.drop.droped .card{text-align:left;}
.availablePages.drop .card h2{ font-size:24px; font-weight:bold; font-style:italic;color:#4a4a4a; line-height:38px;}
.availablePages.drop .card p{font-size: 12px; font-weight:bold; color: #474747;}
.availablePages.drop .card p strong{font-weight:400; display:block; text-align:left}
.availablePages.drop.droped .card{text-align:left;}
.availablePages.drop.droped span{display:block; font-weight: bold; font-size: 14px; color: #474747; padding-bottom:15px;} 
.crealiveclass .form-control{display: block;width:100%;height:48px;font-size: 14px;line-height:48px;color:#242731;border-radius: 4px; border: solid 1px #cacddf; box-shadow: none; padding:0px 10px;}
.crealiveclass select.form-control{background-image:url(../media/img/selection-icon.svg);  background-position:95%; background-size:8px auto;  background-repeat:no-repeat}
.availablePages.drop.droped .dropicon{border: 1px dotted  #979797; padding:19px 52px; border-radius: 8px; margin-top:33px;}
.availablePages.drop.droped .dropicon img{margin:0px; padding:0px; width:36px; }
.crealiveclass  label{font-size:14px; color:#4a4a4a; padding-bottom:15px; font-weight:600}
.crealiveclass .form-control{display: block;width:100%;height:48px;font-size: 14px;line-height:48px;color:#242731;border-radius:8px; border: solid 1px #cacddf; box-shadow: none; font-weight:700;}
.crealiveclass select.form-control{background-image:url(../media/img/selection-icon.svg); background-position:95%; background-size:8px auto;  background-repeat:no-repeat; height:48px }
.crealiveclass textarea{min-height:150px;}
.btn-creatclass{font-size:18px; font-weight:600; text-transform:uppercase; background-color:#1992CE; border-radius:40px; height:50px; line-height:50px; color:#ffffff; padding:0px 30px; border:1px solid #1992CE; display:inline-block;}
.btn-creatclass:hover{background-color:transparent; color:#1992CE; }
.uploadLearning span{font-size:14px; color:#4a4a4a; padding-bottom:15px; font-weight:600;}
.btn-upload input[type=file]{display: block !important;right: 1px;top: 1px;height:34px;opacity: 0;  width:100%;background: none;position: absolute; overflow: hidden; z-index: 2;}
.btn-upload label {overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;  position: relative;  z-index: 1; margin-bottom: 0px; cursor:pointer; border:1px solid #1992CE; padding:0px 40px; border-radius:40px; height:50px; line-height:50px; font-size:20px; color:#1992CE; font-weight:600;}   
.crealiveclass .input-group.date .form-control{border-right:0px;}
.crealiveclass .input-group-text { background-color: transparent ; margin-left:-10px; z-index:99999;border: 0px; position:relative}
.crealiveclass .input-group.date .input-group-addon{background-color:#ffffff;border-radius:0px 8px 8px 0px;
    border: solid 1px #cacddf;}
.crealiveclass .input-group-text img{width:16px;}
.availablePages.drop .card:hover{border: dotted 3px #979797;}
.crealiveclass .input-group.date{flex-wrap: unset;} 
.crealiveclass .input-group.date .input-group-text{background-color:#ffffff;border-radius:8px;}


@media screen and (max-width:1400px){
table.sticky-header tr td{ padding:15px}
table.sticky-header tr th{ padding:15px}
table.sticky-header .btn-recording{padding-left:15px;padding-right:15px;line-height: 32px;height:35px;font-size:11px;}
.btn-viewlearra{padding-left:15px;padding-right:15px;line-height: 32px;height:35px;font-size:11px;}
table.sticky-header .mr-3{margin-right: 0.5rem !important;}
table.sticky-header .pr-3{padding-right: 0.5rem !important;}
table.sticky-header .btn-recording.video-btn{background-position:15px center;padding-left:33px;}
.btnIc{background-size:40px auto;width:40px;height:35px;background-position: center;}
table.sticky-header tr td.texCol{padding-left:50px;}
}
@media screen and (max-width:1024px){
.assesCenter .border-bottom { padding: 0px!important; }
.clasfor_Tod a h2{font-size: 40px;margin-bottom: 10px;}
.clasfor_Tod a {padding:30px 0px 35px; }
    }
@media screen and (max-width:992px) {
.clasfor_Tod a {padding: 20px;}

}
@media screen and (max-width:767px){
.table-responsive.liveClasses { border:0px!important;    }
.table-responsive.liveClasses div.dataTables_wrapper div.dataTables_length { text-align:left; padding-left:0px; }
.table-responsive.liveClasses div.dataTables_wrapper div.dataTables_filter { text-align:left; padding-left:0px; margin-left:-15px }
.upcPreCla .upcPreClaNv ul li a {font-size: 14px;}
.clasfor_Tod a h3 {font-size: 14px;}
.clasfor_Tod a h2 {font-size: 30px;margin-bottom: 1px;}
.checkFilter{ padding-top:0px}
.clasTod .card .squaRoots{padding-bottom:15px;}
.clasTod .card .cirMorniSes{margin-bottom:15px;}
.clasTod .card .cirMorniSes h2 {font-size: 16px; margin-bottom:10px;}
}

@media screen and (max-width:576px){
.col-sm-12.d-flex.checkFilter{ display:block!important}
.formFilter { width:100% }
.checkFilter .checkCol label{font-size:13px}
.formFilter .form-control{ width:100%; margin-top:15px; }
.checkFilter .heckFilLef{ width:100% }
.stickyHeader.stick{width: calc(100% - 15px); -ms-flex: calc(100% - 15px); flex: calc(100% - 15px); max-width: calc(100% - 15px);}
.input-field.anfield .d-flex.w-100.ml-auto.ml-sm-0 { width:auto!important}
 .chaptersTop ul li { padding-left:0px; padding-right:0px; width:100%  }
.chaptWises ul li {width:100%  }
 .congra { max-width: 435px; }
 .checkFilter .checkCol {margin-right: 15px;}
 .availablePages.drop .card h2{font-size:14px; line-height:24px;}
 .availablePages.drop .card{padding:20px;}
 .crlernselect .mt-4{ margin-top:10px!important;}
 .selectSubject .mt-4{ margin-top:10px!important;}
 .crealiveclass .selectSubject label{padding-bottom:5px; font-size:12px;}
 .crealiveclass .form-control,  .crlernselect .form-control{font-size:12px; font-weight:400;}
 .availablePages.drop .card h2{font-size:16px; line-height:26px;}
 .crlernmat h2, .crealiveclass h2{font-size:16px;}
 .btn-creatclass{font-size:16px;  height:40px; line-height:40px; color:#ffffff; padding:0px 20px; }
 .btn-upload label{ height:40px; line-height:40px; font-size:14px;}
 .clasfor_Tod .col-sm-4{ margin-bottom:20px}     
 .clasforLef .flexslider{padding-left:0px; padding-right:0px;}
 .clasTod .card{ display:block!important}
 .clasTod .card .card-item{padding-right:0px; margin-bottom:20px;width:60px;margin-left:auto;margin-right:auto;}
 .clasTod .card .squaRoots h3{font-size:16px;}
 .clasTod .card .squaRoots h2{font-size:14px; padding-right:8px }
 .clasTod .viewlearra p {font-size: 12px;}
 .clasTod .joinClas{padding-left: 15px; padding-right:15px;}
 .clasTod .card{padding:20px;    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.23);}
 .clasforLef .flexslider .flex-direction-nav .flex-nav-next a {right:-11px;}
.clasforLef .flexslider .clasTod{padding-left:15px; padding-right:15px;}
.upcPreCla .upcPreClaNv ul li a {font-size: 14px; }
.upcPreCla{ display:block!important}
table.sticky-header tr td {font-size:12px;}
table.sticky-header tr th {padding: 10px 15px;font-size:12px;}
    .btn-attended {
        border-radius: 27px;
        border: solid 1px #20d100;
        height: 38px;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        color: #0093d1;
        display: inline-block;
        line-height: 35px;
        padding-left: 25px;
        padding-right: 25px;
    
    }
    }

.btnlink {
    border: 1px solid #000 !important;
    padding: 3px 10px 4px 10px !important;
    text-decoration: none !important;
    margin-left: 5px !important;
    border-radius: 5px !important;
    color: #000 !important;
    font-weight: bold !important;
}

    .btnlink:hover {
        border: 1px solid #5867dd !important;
        padding: 3px 10px 4px 10px !important;
        text-decoration: none !important;
        margin-left: 5px !important;
        border-radius: 5px !important;
        color: #5867dd !important;
        font-weight: bold !important;
    }