body{
    font-family: 'Roboto', sans-serif !important; 
    overflow-x: hidden;
}	
.card_main { 
    position:relative;
    background-color:#fff;
    box-shadow:0px 10px 20px 0px rgba(229, 229, 229, 0.75);    
    display:inline-block;
    width:100%;    
    border-radius:10px;
    padding:25px;    
    margin:0px 0px 5px; 
    } 
.bg-light-magenta{
    width:85px;
    height:85px;
    background:#ffeaea;
    border-radius:60px;
    float:left;
    text-align:center;
    line-height:90px;
    color:#111111;
    }
.bg-light-magenta i.fa.fa-bell{
    color:#ff0000;
    }
.mn_left {
    display:inline-block;
    float:left;
    margin-right:10px;
    }
.mn_right{
    text-align:right;
    display:inline-block;
    width:calc(100% - 95px);
    }
.mn_right h3{
    font-size:22px;
    margin:0px;
    color:#a8a8a8;
    text-transform:uppercase;
    }
.mn_right h5{
    font-size:18px;
    }
.container.main_stud{
    background:#f0f1f3 !important;
    width:100%;
    max-width:100%;
    padding:10px 30px 15px;
    min-height:100vh;
    }
.main_studOne ul.tabs li a{
    color:#111111;
    font-size:16px; 
    font-weight:500;
    padding:5px;
    }
.main_studOne ul.tabs li a.active {
    color:#ee6e73;
    }
.main_studOne ul.tabs li.tab {
    height:auto !important;
    }
.main_studOne ul.tabs {
    height:auto !important;
    }
.bg-light-magenta .fa {
    text-align:center;
    font-size:28px;
    }
.bg-light-magenta i.fa.fa-bell {
    color:#ff0000;
    }
.bg-light-magenta.magenta_to {
    background:#fff2d8;
    }
.bg-light-magenta.magenta_to i.fa.fa-calendar {
    color:#ffa001;
    }
.bg-light-magenta.magenta_tr {
    background:#d1f3e0;
    }
.bg-light-magenta.magenta_tr .fa {
    color:#3cb878;
    }
.bg-light-magenta.magenta_fr {
    background:#e1f1ff;
    }
.bg-light-magenta.magenta_fr .fa {
    color:#3f7afc;
    }
.bg-light-magenta.magenta_fv {
    background:#f3e5f5;
    }
.bg-light-magenta.magenta_fv .fa {
    color:#8e24aa;
    }
.bg-light-magenta.magenta_sv .fa {
    color: #00b6bf;
    }
.bg-light-magenta.magenta_sv {
    background: #00b6bf5c;
    }
.bg-light-magenta.magentas_et .fa {
    color: #a649f2;
    }
.bg-light-magenta.magentas_et {
    background:#a649f259;
    }
.bg-light-magenta.magenta_se .fa {
    color:#ff1d78;
    }
.bg-light-magenta.magenta_se {
    background:#ff1d7859;
    }
.main_stud .card.material-table {
    margin-top:0px;
    }
.main_stud .card.material-table .table-header {
    border-bottom:1px solid #ccc;
    }
.main_stud .card.material-table table#lessiontable thead tr th {
    font-size:18px;
    color:#111111;
    }
.main_stud .card.material-table table#lessiontable tbody tr td {
    font-size:14px; 
    }
.main_stud .card.material-table  .table-footer {
    font-size:13px !important;
    }
.main_stud .card.material-table .table-footer label {
    font-size:14px !important;
    }
.main_stud .card.material-table .table-footer div#lessiontable_info {
    font-size:14px !important;
    }
nav .brand-logo{
    margin-left:10px;
    padding-top:0px !important;    
    line-height:0px;
    }
ul#nav-mobile ul li {
    position:relative;
    }
/*#totalnotification{
    top:5px !important;
    right:-6px !important;
    font-size:12px !important;
    height:20px !important;
    width:20px !important;
    background:#ff0000 !important;
    line-height:19px !important;
    color:#fff !important;
    font-weight:600 !important;
    }*/
.vtn_msg{
    color:#fff;
    float:right;
    font-size:16px;
    cursor:pointer;
    margin-top:15px;
    border-radius:4px;
    text-align:center;
    background:#3bb3bd;
    display:inline-block;
    width:auto !important;
    border:1px solid #3bb3bd;
    padding:6px 30px !important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    }
.tnvid img {
    width:100%;
    }
.tnvid {
    overflow:hidden;
    border-radius:100%;
    } 
.mid_way {
    height:auto;
    padding:25px;
    margin-top:10px;
    max-width:1200px;
    border-radius:10px;
    margin:0px auto 25px;
    background-color:white;
    box-shadow:0px 10px 20px 0px rgba(229, 229, 229, 0.9);
    }
.mid_way .row {
    margin-bottom:0px;
    }
.vd_mid a {
    color:#111;
    font-size:22px;
    text-transform:capitalize;
    }
table.tbl_grd {
    max-width:105px;
    }
.tbl_acti tbody tr td:first-child {
    width:40px;
    }
.mn_fav .fa {
    color:#ee6e73;
    font-size:24px;
    } 
.tbl_acti tbody tr td {
    padding:0px;
    }
table.tbl_acti {
    margin-bottom:15px;
    }
.vd_mid {
    margin-top:10px;
    }
div#cirruculum .dataTable thead tr th {
    font-size:18px;
    color:#111111;
    }
div#cirruculum .table-footer {
    font-size:14px !important;
    }
.right ul#dropdown {
    min-width:280px;
    top:64px !important;
    right:0px !important;
    left:inherit !important;
    }
.right ul#dropdown li a p {
    margin:0px;
    color:#333;
    font-size:15px;
    }
.right ul#dropdown li a p span {
    font-size:14px;
    color:#8a8a8a !important;
    }
.right ul#dropdown li + li {
    border-top:1px solid #ccc;
    }
.right ul#dropdown li a {
    padding:15px 25px;
    }
.right ul#dropdown li a p span strong {
    display:inline-block;
    color:#ee6e73;
    }
ul#nav-mobile ul li.vsn_vx > a {
    width:45px;
    height:45px;
    padding:0px;
    border-radius:100%;
    margin-top:10px;
    overflow:hidden;
    border:1px solid #f1f1f1;
    outline:none;
    }
ul#nav-mobile ul li.vsn_vx a img {
    width:100%;
    height:100%;
    }
ul#nav-mobile ul li.vsn_vx:hover {
    background:none !important;
    }
.dropdown-content.drop_cont {
    min-width:220px !important;
    top:65px !important;
    border-radius:10px;
    }
.dropdown-content.drop_cont li a {
    color:#111;
    font-size:15px;
    }
.right ul#dropdownone li a p {
    margin:0px;
    color:#333;
    font-size:15px;
    }
.right ul#dropdownone li a p span {
    font-size:14px;
    color:#8a8a8a !important;
    }
.right ul#dropdownone li + li {
    border-top:1px solid #ccc;
    }
.right ul#dropdownone li a {
    padding:15px 25px;
    }
.mig_wit {
    text-align:center;
    border:1px solid #ccc;
    border-radius:60%;
    max-width:190px;
    height:190px;
    overflow:hidden;
    margin:10px auto;
    vertical-align:middle;
    display:flex;
    align-items:center;
    width:100%;
    }
.vx_nam b {
    font-size:20px;
    color:#111;
    margin-left:5px;
    font-weight:400;
    } 
.vx_eml {
    margin-top:20px;
    }
.vx_rtr span {
    font-size:18px;
    margin-right:10px;
    }
.vx_rtr {
    margin-bottom:10px;
    }
.vx_rtr a {
    font-size:16px;
    color:#ee6e73;
    }
table.vx_rigt tr td {
    padding-top:0px;
    padding-bottom:0px;
    }
table.vx_rigt {
    margin-top:55px;
    }
.mig_wit img {
    margin:0px auto;
    }
.vx_man center a {
    color:#3bb3bd;
    }
div#myprofile .card-content .row {
    margin-bottom:0px;
    }
ul#picdropdown {
    position:static !important;
    width:300px !important;
    box-shadow:none;
    border:1px solid #ccc;
    text-align:center;
    margin:10px 0px 0px;
    }
div#myprofile .card.myprofilecard {
    max-width:1600px;
    margin:0px auto;
    }
#app nav {
    background-color:#ffffff;    
    margin-bottom:1px;
    }
#app nav ul a {    
    color:#808080;
    }
ul#nav-mobile ul li.active {
    background:none !important;
    }
ul#nav-mobile ul li.active a {
    color:#ee6e73;
    }
.main_div_str{
    width:100%;
    float:left;
    margin:0px;
    padding:0px;
    margin-top:5%;
    }
.main_div_str_bott_s{
    width: 1088px;
    float: left;
    margin: 0px;
    padding: 0px;
    height: 90px;
    }
.main_div_str_main{
    width: 100%;
    float: left; 
    margin: 0px;
    padding: 0px;
    }
.main_div_str_one{
    width: 18.5%;
    float: left;
    padding: 0px;
    position: relative;
    margin: 0.5% 0.7%;
    }
.main_div_str_one .quick-view {
    display: none;
    position: absolute;
    top: 45%;
    left: 25%;
    }
.main_div_str_one:hover .quick-view {
    display: block;
    }
a.quick-view {
    background: #ffffff;
    color: #000;
    -moz-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
    box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
    padding: 8px 16px;
    float: left;
    cursor: pointer;
    }
.img_di_n {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0px;
    }
.main_div_str_one_ine{
    width: 18.7%;
    float: left;
    padding: 0px;
    position: relative;
    margin: 0.5% 0.5% 2%;
    }
.img_di_n_in{
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0px;
    float: left;    
    }
.main_div_str_one_ine img {
    width: 100%;
    }
.main_div_str_one_ine .quick-view {
    display: none;
    position: absolute;
    top: 44%;
    left: 21%;
    }
.main_div_str_one_ine:hover .quick-view {
    display: block;
    }
.img_di_n img {
    width: 100%;
    }
.main_div_str_one_ine .quick-view {
    display: none;
    position: absolute;
    top: 28%;
    left: 32%;
    }
.container.inner_det_s {
    width: 85%;
    }
.img_di_n_in h3 {
    font-size: 20px;
    }
.col_o {
    background: #ffffff;
    border-radius: 5px;
    padding: 10px 0;
    -webkit-box-shadow: 0px 1px 7px -1px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 1px 7px -1px rgba(0, 0, 0, 0.13);
    box-shadow: 0px 1px 7px -1px rgba(0, 0, 0, 0.13);
    }
.col_o h3 {
    color: #000000;
    font-size: 18px;
    letter-spacing: 0px;
    float: left;
    margin-top: 15px;
    padding-left: 0px;
    font-weight: 300;
    text-transform: capitalize;
    margin-bottom: 10px;
    width: calc(100% - 70px);
    float: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;    
    }
.main_div_str_one_ine .mn_left {
    margin-left:10px;
    }
.col_o .bg-light-magenta {
    width:50px;
    height:50px;
    }
ul.new_tab_section {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    height: 58px;
    background-color: #fff;
    margin: 0 auto;
    width: 100%;
    white-space: nowrap;
    }
ul.new_tab_section li.tab1 {
    color: #111111;
    font-size: 16px;
    font-weight: 500;
    padding: 0px 0px;
    }
li.tab1 {
    -webkit-box-flex: 1;  
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: block;
    float: left;
    text-align: center;
    line-height: 54px;
    height: 58px;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    letter-spacing: .8px;
    width: 15%;
    min-width: 80px;
    }
ul.new_tab_section li.tab1 a {
    color: #000;
    }
ul.new_tab_section li.tab1 a {
    color: #000;
    display: block;
    width: 100%;
    height: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: color .28s ease;
    -moz-transition: color .28s ease;
    -o-transition: color .28s ease;
    -ms-transition: color .28s ease;
    transition: color .28s ease;
    }
ul.new_tab_section li.tab1 a:hover {
    color: #f9c9cb;
    }
ul.new_tab_section li.tab1 a.active {
    color: #ee6e73;
    border-bottom: 2px solid #ee6e9e;
    }
.fancybox-wrap.fancybox-desktop.fancybox-type-html.fancybox-opened {
    width:90% !important;
    height:90% !important;
    }
.fancybox-opened .fancybox-inner {
    width:100% !important;
    height:100% !important;
    min-height:450px !important;
    }
.fancybox-opened iframe#iframeobj {
    width:100%;
    height:100%;
    max-height:900px;
    min-height:800px;
    }
.com_pop a.checkurlcls.active_cls {
    color:rgb(79, 185, 225) !important;
    }
.com_pop a.checkurlcls {
    color:#333 !important;
    font-size:22px;
    text-decoration:none !important;
    padding:0px 15px 0px 0px;
    text-transform:capitalize;
    }
a.btn.btn-primary.pull-right.unique {
    background:#3bb3bd;
    margin:10px;
    border-color:#3bb3bd;
    }
.unitesBack a {
    border:1px solid #ccc;
    display:inline-block;
    margin-bottom:5px;
    padding:5px 10px !important;
    color:#333;
    font-size:18px !important;
    }
.lecturescls {
    border:1px solid #cccccc52;
    padding:0px;
    min-width:150px;
    height:85px;
    vertical-align:middle;
    text-align:center;
    color:#fff;
    font-size:16px !important;
    border-radius:4px;
    background:#3bb3bd;
    display:table-cell;
    align-items:center;
    box-shadow:0px 10px 20px 0px rgba(229, 229, 229, 0.75);
    width:100% !important;
    }
.fancybox-wrap.fancybox-desktop.fancybox-type-iframe.fancybox-opened {
    width:550px !important;
    height:400px !important;
    margin:0px auto !important;
    display:table !important; 
    }
p.fancybox-error {
    text-align:center;
    font-size:26px;
    line-height:46px;
    }
.lecturescls a {
    color:#fff;
    text-transform:capitalize;
    }
.main_div_str_one .quick-view .lecturescls {
    border:none;
    padding:0px;
    min-width:inherit;
    height:auto;
    vertical-align:middle;
    text-align:center;
    color:#333;
    font-size:15px !important;
    border-radius:0px;
    background:none;
    display:table-cell;
    align-items:center;
    box-shadow:none;
    width:auto !important;
    }
.main_div_str_main.backbtncls .main_div_str_one_ine.col_o {
	width:17%;
	margin:5px;
    }
.main_div_str_main.backbtncls a.btn.btn-primary.pull-left {
	margin:0px !important;
	margin-top:30px !important;
	position:relative;
	left:-10px;
    }
.main_div_str_main.backbtncls .main_div_str_one_ine.col_o .mn_left {
    width:50px;
    }
.main_div_str_main.backbtncls .main_div_str_one_ine.col_o .mn_left img {
    width:100%;
    }
iframe#fancybox-frame1592975700758 {
    height: 95vh !important;
    width: 100%  !important;
    }
.df-outline-container{
    display: none;
    }
.ti-menu-alt{
    display: none !important;
    }
.ti-layout-grid2{
    display: none !important;
    }
.ti-sharethis{
    display: none !important;
    }
.ti-more-alt{
    display: none !important;
    }
	
@media (min-width: 1367px){
    html body div#GameContainer {
        max-height:90% !important;
    }
}

button.plyBtn {
    background:#3bb3bd;
    border: 0px;
    color: #fff;
    padding: 8px 20px;
    border-radius:4px;
    }
button.plyBtn {
    background: #3bb3bd;
    }
.BtnCls {
    background: #3bb3bd;
    border: 0px;
    color: #fff;
    padding: 8px 20px;
    border-radius:4px;
    }
div#GameContainer a.checkurlcls.active_cls {
    color:#039be5 !important;
    }
div#GameContainer a.checkurlcls {
    float:left !important;
    color:#000 !important;
    font-weight:600;
    }
div#GameContainer tbody td {
    width:auto !important;
    display:initial;
    padding:15px 10px;
    float:left;
    }
div#GameContainer tbody td:nth-child(2) {
    display:none;
    }
canvas#c2canvas {
    max-height:510px !important;
    }
div#c2canvasdiv {
    background:#fff !important;
    }
div#GameContainer body {
    background:#fff;
    padding:4px;
    }
body {
    background:#fff;
    }
div#GameContainer {
    max-height:510px !important;
    }
table.tbl_grd {
    max-width:350px !important;
    }
table.tbl_grd tbody tr td:first-child {
    width:62px !important;
    }
.btn_lang a.dropdown-button img {
    padding-top:0px !important;
    }
.btn_lang a.dropdown-button {
    line-height:65px;
    }
li.btn_lang {
    position:relative;
    }
.drop_lang {
    top:65px !important;
    min-width:auto !important;
    border-radius:0px 0px 10px 10px;
    }
.right ul#dropdown li a img {
    float:left;
    margin-right:5px;
    max-width:40px !important;
    width:100% !important;
    }
.main_div_str_bott_s img {
    width:100%;
    }
.main_div_str_bott_s {
    width:100%;
    }
.main_studOne ul.tabs li a {    
    font-size:15px !important;
    font-weight:600 !important;    
    font-family:"Roboto", sans-serif;
    }
.btn_lang a.dropdown-button img {
    padding-top:0px !important;
    }
.btn_lang a.dropdown-button {
    line-height:55px; 
    margin-top:10px;
    }
/*#totalnotification {
    font-size:10px !important;
    top:5px !important;
    right: -6px !important;
    height:20px !important;
    width:20px !important;
    background:#ff0000 !important;
    line-height:20px !important;
    color:#fff !important;
    font-weight:600 !important;
    border-radius:100%;
    text-align:center;
    z-index:9;
    max-width:100%;
    padding:0px !important;
    min-width:inherit;
    position:absolute; 
    }*/
nav.tut_nav ul a i.material-icons.left {
    font-size:34px;
    }
.msg_icon i.fa.fa-envelope {
    font-size:24px;
    }
.msg_icon span#totalnotification {
    right:7px !important;
    }
div#flipbookContainer {
    margin-top:8px;
    }
.right ul#dropdown li a img {
    float:left;
    margin-right:5px;
    }
.right ul#dropdown li p {
    font-size:14px !important;
    line-height:18px;
    }
.right ul#dropdown li a {
    padding:10px !important;
    }
.right ul#dropdown li a p {    
    width:100%;
    display:flex;
    align-items:center;
    }
.pendding_attending_cls a.waves-effect.waves-light.btn {
    display: block;
    padding: 0px 4px;
    margin-top: 10px;
    color: #fff;
    font-size: 12px;
    width: 100% !important;
    max-width: 100% !important;    
    }
.pendding_attending_cls a + a.waves-effect.waves-light.btn {
    background:#3bb3bd;
    }
tbody#student_pendding_lesson .row {
    margin-bottom:10px;
    }
 span.badge.red.round{
    font-size: 10px !important;
    top: 5px !important;
    right: -6px !important;
    height: 20px !important;
    width: 20px !important;
    background: #ff0000 !important;
    line-height: 20px !important;
    color: #fff !important;
    font-weight: 600 !important;
    border-radius: 100%;
    text-align: center;
    z-index: 9;
    max-width: 100%;
    padding: 0px !important;
    min-width: inherit;
    position: absolute;
    }
.tnvid img {
    height: 100%;
    }
.tnvid {
    border-radius: 100%;
    overflow: hidden;
    width: 160px;
    height: 160px;
    background: #f1f1f1;
    }
.clPass {
    margin-bottom: 20px;
    }
#myprofile .card-content table.vx_rigttwo {
    display: none;
    }
.clPass ~ button.wwaves-effect.waves-light.btn {
    background: #3bb3bd;
    }
div#acceptModal123 h4 {
    font-size: 20px;
    }
#acceptModal123 form#form1123 label {
    text-align: center;
    width: 100%;
    display: inline-block;
    font-size: 20px;
    border: 1px solid #ccc;
    padding: 25px;
    margin-bottom: 20px;
    }
button#btn1123 {
    color: #fff;
    background-color: #26a69a;
    padding: 5px 25px;
    border: 0px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    border-radius: 4px;
    }
#acceptModal123 .modal-footer {
    display: inline-block;
    width: auto;
    float: right;
    padding: 0px;
    margin-top: -40px;
    }
#acceptModal123 .modal-footer a {
    color: #fff;
    background-color: #26a69a;
    padding: 0px 25px;
    border: 0px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    border-radius:4px;
    margin-bottom: 0px;
    }
.card-content p label {
    font-size: 22px;
    text-transform: capitalize;
    margin-bottom: 15px !important;
    display: inline-block;
    color: #333;
    }
.acceptModalCls form label {
    text-align: center;
    width: 100%;
    display: inline-block;
    font-size: 20px;
    border: 1px solid #ccc;
    padding: 25px;
    margin-bottom: 20px;
    }
.acceptModalCls h4 {
    font-size:20px;
    }
.acceptModalCls button {
    color:#fff;
    background-color:#3bb3bd;
    padding:7px 35px;
    border:0px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    border-radius:4px;
    }
.acceptModalCls .modal-footer {
    display:inline-block;
    width:auto;
    float:right;
    padding:0px;
    margin-top:-40px;
    }
.acceptModalCls .modal-footer a.modal-action.modal-close.waves-effect.waves-green.btn-flat {
    color:#fff;
    background-color:#3bb3bd;
    padding:0px 25px;
    border:0px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    border-radius:4px;
    margin-bottom:0px;
    margin-top:5px;
    }
ul#picdropdown input#imageUpload {
    width:100%;
    }
html body ul#picdropdown{
    max-width:100% !important;
    width:100% !important;
    }
html body ul#picdropdown li {
    min-height: inherit !important; 
    }
a.btn.btn-primary.pull-right.unique {
    background:#3bb3bd;
    margin:10px;
    border-color:#3bb3bd;
    }
#changepassfrm button.waves-effect.waves-green.btn {
    background:#3bb3bd !important;
    }
.bc_class{
    background:#3bb3bd !important;
    color:#fff !important;
    margin-top:15px;
    margin-left:15px;
    font-weight:600;
    }
.col.s12.pendding_attending_cls a {
    background: #3bb3bd !important;
    }
.col.s12.pendding_attending_cls a + a {
    background: #ee6e73 !important;
    }
.notificationslist_cls .row {
    margin: 0px;
    }
.notificationslist_cls .row .col.s10 {
    width: 100%;
    }
.main_iText .main_imgtext {
    display: inline-block;
    float: left;
    padding: 5px 5px 0px;
    box-shadow: 1px 1px 5px #ccc;
    width: 80px;
    height: 80px;
    margin-right: 15px;
    }
.main_iText .main_imgtext img {
    height: 70px !important;
    width: 70px !important;
    }
.main_iText {
    display: flex;
    align-items: center;
    }
span.title {
    text-align: center;
    font-size: 14px;
    color: #000;
    display:inline-block;
    width: 100%; 
    }
div#cirruculum {
    width: 98%;
    max-width: 100%;
    }
.curriculum_inner_page {
    background-color:#4fb9e1;
    padding:10px;
    text-align:center;
    }
.curriculum_inner_page span {
    position:relative !important;
    left:inherit !important;
    }
#how_it_work b {
    margin-bottom:10px;
    display:inline-block;
    }
.main_studOne .hide-tab-scrollbar .hide-tab-scrollbar .indicator {
    bottom:10px !important;
    }
.container.inner_det_s.backbtncls_one {
    width:100%;
    }
.picker__select--year.browser-default {
    width:40% !important;
    }
.row.disnon {
    display: none;
    }
#modal2 .modal-content {
    padding-top:0px !important;
    }
.tutor_dashboard div#modal_content form {
    padding-top:0px;
    }
#modal1 .modal-footer {
    margin-top:-45px;
    }
li.btn_lang ul#dropdownlang li a {
    padding:14px 8px;
    text-align:center;
    }
#history_lesson_table div#modal_content h4 {
    text-align:center;
    }
#history_lesson_table .modal-footer a{
    border:1px solid #333;
    }
.mig_rop img#profile_pic{
    min-height: 100%;
    }
.picker__wrap{
    margin-bottom:25px !important;
    }
.hiddensearch{
    display:inline-block;
    float:right;
    margin-right:25px;
    border:0px !important;
    margin-top:15px;
    }
.hiddensearch input.form-control.input-sm{
    border:2px solid #6d6a6a !important;
    border-radius:50px;
    padding:0px 0px 0px 20px !important;
    height:30px;
    color:#333 !important;
    }
#history_lesson_table a.waves-effect.waves-light.btn.plyBtn{
    width: 90%;
    padding-left: 0px;
    padding-right: 0px;
    }    
.mig_wit img#imagePreview{
    width:100%;
    }
#historytable a.waves-effect{
    width:120px;
    padding-left:10px;
    padding-right:10px;
    }
div.material-table table th{
    font-size: 16px !important;
    color: #111111 !important;
    width: 100%;
    }
table.dataTable thead th, table.dataTable thead td{    
    border-color: #ccc !important;
    }
table.dataTable.no-footer{
    border-bottom:none !important;
    }
table tr td{
    box-sizing: border-box !important;
    }
.dataTables_wrapper .dataTables_filter{
    min-width:260px !important;
    }
.dataTables_wrapper input[type="search"]{
    border:1px solid #ccc !important;
    border-radius:4px !important;
    padding:0px 10px 0px 10px !important;
    height:36px;
    color:#333 !important;
    width:75% !important;
    min-width:75% !important;
    max-width:75%;
    box-sizing:border-box;
    margin-bottom:0px !important;
    float:revert;
    margin-left:4% !important;
    }
.dataTables_wrapper .dataTables_filter label{
    width:100% !important;
    display:inline-block;
    padding-right:15px;
    padding-top:10px;
    font-size:14px;
    }
.dataTables_wrapper .dataTables_length{
    min-width:170px;
    margin-left:15px;
    margin-top:10px;
    }
.dataTables_wrapper .dataTables_length select{
    display:inline-block !important;
    width:50px;
    padding:0px 0px 0px 5px !important;
    height:36px;
    border:1px solid #ccc !important;
    border-radius:4px;
    margin-left:10px;    
    }
.dataTables_wrapper .dataTables_length label span{
    font-size:14px;
    }
.dataTables_wrapper .dataTables_info{
    font-size:14px;
    margin-left:15px;
    }
.dataTables_wrapper .dataTables_paginate{
    padding-bottom:5px;
    }
.dataTables_wrapper .dataTables_paginate span a{
    background:none !important;
    padding:3px 10px !important;
    }
.main_loader{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    background: #000000d9;
    padding-top: 20%;
    }
#reviweCommentModal .row{
    margin:0px;
    }
#reviweCommentModal h5{
    font-size:20px;
    text-align:center;
    border-bottom:1px solid #ddd;
    padding-bottom:15px;
    margin-top:0px;
    }
#reviweCommentModal label#description_label{
    font-size:16px;
    }
#reviweCommentModal .modal-footer{
    margin:0px;
    border-top:1px solid #ddd;
    }
#reviweCommentModal .row .col.s12{
    padding:0px;
    }
.lean-overlay{
    position:fixed !important;
    }
#viewHomeWorkModal h5{
    font-size: 20px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-top: 0px;
    }
#viewHomeWorkModal div#modal_content.row{
    margin:0px;
    }
#viewHomeWorkModal div#modal_content .row .col.s6, #viewHomeWorkModal div#modal_content .row .col.s12{
    width:100%;
    font-size:16px;
    color:#333;
    text-transform:capitalize;
    }
#viewHomeWorkModal div#modal_content .row .col.s6 span, #viewHomeWorkModal div#modal_content .row .col.s12 span{
    width:70%;
    display:inline-block;
    float:right;
    }
#viewHomeWorkModal div#modal_content .row .col.s12 label#description_label{
    color: #333;
    font-size: 16px;
    margin: 0px;
    position: initial;
    }
#viewHomeWorkModal a#downloadfiles{
    background: #3bb3bd;
    color: #fff;
    margin-left: 0px;
    }
#viewHomeWorkModal .modal-footer{
    margin: 5px 0px 0px;
    border-top: 1px solid #ddd;
    }
#home_work_table td a {
    max-width:140px;
    padding:0px 10px;
    font-size:13px;
    letter-spacing:0px;
    font-weight:400;
    width:70%;
    }
#submitHomeWorkModal h4 {
    font-size: 20px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-top: 0px;
    margin-bottom: 25px;
    }
#submitHomeWorkModal textarea#homework_description {
    width:100% !important;
    border-color:#ddd;
    }
#submitHomeWorkModal a.file-btn {
    border:1px solid #ddd;
    padding:10px;
    width:100%;
    }
table#lessiontable {
    width:100% !important;
    }
.close_com{
    position:absolute;
    right:10px;
    top:10px;
	cursor:pointer;
    }
.btn_lang a.dropdown-button:after {
    position:absolute;
    right:10px;
    width:10px;
    height:10px;
    color:#000;
    content: "\f107";
    top: 14px;
    font: normal normal normal 20px/1 FontAwesome;
    font-weight: 600;
    }
.btn_lang a.dropdown-button span.languagecls {
    margin-top: 0px;
    display: inline-block;
    float: left;
    line-height: 46px;
    margin-right: 15px;
    color: #000;
    font-size: 15px;
    }
.btn_lang a.dropdown-button img {
    padding-top: 0px !important;
    }
li.msg_icon a {
    background: #e4e6eb !important;
    border-radius: 40px;
    width:35px;
    height:35px;
    line-height:35px;
    padding: 0px;
    text-align: center;
    color: #000 !important;
    margin-top: 15px;
    }
li.msg_icon a .fa {
    font-size: 16px !important;
    line-height:35px !important;
    height:35px !important;
    }
li.mid_noit {
    background: none !important;
    }
li.mid_noit > a {
    background: #e4e6eb !important;
    border-radius: 40px;
    width: 35px;
    height:35px;
    line-height:35px;
    padding: 0px;
    text-align: center;
    color: #000 !important;
    margin-top: 15px;
    }
li.mid_noit > a i {
    font-size:16px !important;
    line-height:35px !important;
    height: 35px !important;
    }

.btn_lang a.dropdown-button {
    line-height:57px;
    margin-top:9px;
    display:flex;
    position:relative;
    padding-right:30px;
    align-items:center;
    }
li.btn_lang {
    background:none !important;
    }
li.msg_icon a:hover {
    color:#1876f2 !important;
    background:#e7f3ff !important;
    }
li.mid_noit > a:hover {
    color:#1876f2 !important;
    background:#e7f3ff !important;
    }
.main_loder { 
    left:0px !important; 
    filter: alpha(opacity=1) !important;
    -moz-opacity:1  !important;
    -khtml-opacity:1 !important;
    opacity:1 !important; 
    background-color:#00000036 !important;   
    }
.loading-image {    
    top:280px !important;
    left:0px !important;    
    max-width:100px !important;
    border-radius:4px !important;
    right:0px !important;
    margin:0px auto !important;
    height:auto !important; 
    }
li.msg_icon a.active {
    color:#1876f2 !important;
    background:#e7f3ff !important;
    }  
li.mid_noit > a.active {
    color:#1876f2 !important;
    background:#e7f3ff !important;
    }
.container.schedule_slides {
    width:100%;
    text-align:center;
    }
.box-tools a.btn.btn-primary {
    background:#3bb3bd;
    padding:0px 20px;
    }
.filosub > h4 {
    text-align:center;
    margin:5px 0px 0px;
    border-bottom:1px solid #ccc;
    padding-bottom:15px;
    }
.filosub .bx_filti {
    background:#fff;
    width:100%;
    padding:10px 15px;
    box-shadow:0px 0px 10px #ccc;
    margin-bottom:15px;
    border-radius:10px;
    }
.filosub .xb_lifti {
    display:inline-block;
    margin-right:20px;
    margin-left:20px;
    }
.filosub .xb_lifti h5 {
    font-size:20px;
    margin:0px !important;
    font-weight:500;
    }
.filosub .bx_filti select.initialized {
    box-shadow:none !important;
    border:1px solid #d2d1d1;
    padding:0px 5px;
    height:40px;
    border-radius:4px;
    }
.filosub .bx_filti .input-field {
    max-width:180px;
    display:inline-block;
    margin:0px !important;
    width:100%;
    margin-right:20px !important;
}
.filosub .bx_filti .input-field select {
    display:block;
    box-shadow:none !important;
    border:1px solid #d2d1d1;
    padding:0px 5px;
    height:40px;
    border-radius:4px;
    }
.filosub .plyBtn {
    padding:0px 10px;
    margin:0px;
    }
.filosub th.msg_ser_no_tutor.sorting_disabled {
    max-width:60px;
    }
.filosub div#modal_content .input-field.col.s6 {
    width:50% !important;
    }
.filosub div#modal_content .input-field.col.s6 span {
    width:60% !important;
    }
#viewCourseModal h5 {
    font-size:20px;
    text-align:center;
    border-bottom:1px solid #ddd;
    padding-bottom:15px;
    margin-top:0px;
    }
#viewCourseModal div#modal_content .input-field.col.s6 {
    width:50% !important;
    font-weight:500;
    }
#viewCourseModal div#modal_content .input-field.col.s6 span {
    width:60% !important;
    float:right;
    font-weight:400;
    }
#viewCourseModal a#downloadfiles {
    background:#3bb3bd;
    color:#fff;
    margin-left:0px;
    }
#viewCourseModal .modal-footer {
    margin:-15px 0px 0px;    
    }
#modal_content .row {
    border-bottom:1px solid #ddd;
    padding-bottom:15px;
    margin:0px 15px;
    }
.evaluation_main h4 {
    margin-bottom:15px;
    padding-bottom:5px;
    }
.evaluation_mainTabe .tabs {
    background:none !important;
    box-shadow:none !important;
    margin-bottom:15px;
    }
.evaluation_mainTabe .tabs a.active .card_main {
    background:#3bb3bdb5 !important;
    color:#fff;
    }
.evaluation_mainTabe .tabs a.active .card_main h3 {
    color:#fff;
    }
.evaluation_mainTabe .tabs .indicator {
    display:none;
    }
.evaluation_main a.waves-effect.waves-light.btn {
    padding:0px 10px;
    background:#6ec5cc;
    color:#fff;
    }
#homeworksMain ul.tabs.tabs-fixed-width.tab-demo.z-depth-1 {
    border-bottom:1px solid #ccc;
    border-radius:10px;
    margin-bottom:10px;
    }
#examMain .main_studOne {
    border-bottom:1px solid #ccc;
    }
#assesmentsMain .main_studOne {
    border-bottom:1px solid #ccc;
    min-height:58px;
    }
#assesmentsMain .hide-tab-scrollbar {    
    height:58px;
    }
#examMain .hide-tab-scrollbar {    
    height:58px;
    }
#examMain .hide-tab-scrollbar .hide-tab-scrollbar .indicator {
    bottom:0px !important;
    }
#assesmentsMain .hide-tab-scrollbar .hide-tab-scrollbar .indicator {
    bottom:0px !important;
    }
div#myprofile .col.s4 table.vx_rigt.table {    
    display:none;
    }
.main_workSheet > h4 {
    margin-bottom:15px;
    }
.main_workSheet .justify-content-center .main_studOne {
    margin-bottom:0px;
    }
.main_workSheet .justify-content-center .main_studOne ul.tabs.tabs-fixed-width.tab-demo.z-depth-1 {
    box-shadow:none;
    border-bottom:1px solid #ccc;
    }
span.cli_attend {
    background:#17c517;
    color:#fff;
    width:60px;
    display:block;
    text-align:center;
    transform:rotate(-40deg);
    position:absolute;
    left:-10px;
    top:10px;
    line-height:18px;
    font-size:13px;
    font-weight:500;
    border-radius:4px;
    }
.main_iText .main_imgtext {
    position:relative;
    }
.list_attani h5 {
    display:inline-block;
    }
.list_attani a.btn.btn-primary {
    float:right;  
    margin-top:10px;
    background:#3bb3bd;
    }
.list_attani {
    display: inline-block;
    width: 100%;
    margin: 10px 0px;
    }
span.cli_notAttend {
    background: #f00;
    color: #fff;
    width: 75px;
    display: block;
    text-align: center;
    transform: rotate( -40deg);
    position: absolute;
    left: -15px;
    top: 10px;
    line-height: 18px;
    font-size: 13px;
    font-weight: 500;
    border-radius:4px;
    }
#recordingAudio div#formats {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 500;
    }
#recordingAudio div#controls button {
    background: #3bb3bd;
    border: none;
    padding: 6px 25px;
    color: #fff;
    border-radius:4px;
    font-size: 14pX;
    opacity: 0.5;
    cursor: pointer;
    }
button#recordButton {
    opacity: 1 !important;
    }
#recordingAudio div#controls button:hover {
    opacity:1;
    }
#recordingAudio button#stopButton {
    background: #f00 !important;
    }
#assignmentFrm p{
    margin-bottom:10px;
    text-align:left;
    }
#recordingAudio h4 {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 500;
    }
div.upload {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    display: inline-block;    
    padding: 3px 40px 3px 3px;
    position: relative;
    width: auto;
    }
#recordingAudio .uploadButton {
    background-color:#3bb3bd !important;
    border:none;
    border-radius:4px;
    color:#FFF;
    display:inline-block;
    height:30px;
    margin-right:15px;
    width:auto;
    padding:0px 20px;
    box-sizing:content-box;
    }
#recordingAudio div.upload input[type="file"] {
    display: input-block;
    width: 100%;
    height: 30px;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    left: 0;
    }
.row.selTwo_bx .upload {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    display: inline-block;    
    padding: 3px 40px 3px 3px;
    position: relative;
    width: auto;
    }
.row.selTwo_bx .uploadButton {
    background-color: #3bb3bd !important;
    border: none;
    border-radius:4px;
    color: #FFF;
    display: inline-block;
    height: 30px;
    margin-right: 15px;
    width: auto;
    padding: 0 20px;
    box-sizing: content-box;
    }
.row.selTwo_bx div.upload input[type="file"] {
    width: 100%;
    height: 35px;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    left: 0;
    }
#submitAssignmentModal h5 {
    text-align: center;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding-bottom: 15px;
    }
#submitAssignmentModal button#assignmentBtn {
    height: auto;
    margin-top: 20px;
    padding: 0px 20px;
    }
#submitAssignmentModal .modal-footer {
    display:inline-block;
    width:auto;
    margin:-65px 20px 20px;
    padding:0px;
    }
a#downloadfiles {
    color: #fff;
    background-color: #3bb3bd;
    padding: 0px 25px;
    border: 0px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    border-radius: 1px;
    margin-bottom: 0px;
    margin-top: 5px;
    }
#viewAssignmentModal .modal-footer {
    border-top: 1px solid #ccc;
    margin-top: -21px;
    }
#viewAssignmentModal h5 {
    text-align: center;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding-bottom: 15px;
    }
ol#recordingsList li audio {
    width: 100%;
    }
ol#recordingsList li a {
    float: right;
    border: 0px solid #ccc;
    padding: 4px 10px;
    background: #3bb3bd;
    border-radius:4px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    }
ol#recordingsList li {
    background: #f1f1f1;
    }
ol#recordingsList li {
    border-top:1px solid #ccc;
    padding:15px 15px;
    }
 ol#recordingsList {
    padding-left:0px;
    }
#assignmentsdictation_table thead tr th:last-child {   
    width:260px !important;
    }
#assignmentsdictation_table tbody tr td:last-child a {
    padding:0px 5px;
    font-size:12px;
    margin-left:5px;
    }
#assignmentsreading_table thead tr th:last-child {   
    width:260px !important;
    }
#assignmentsreading_table tbody tr td:last-child a {
    padding:0px 5px;
    font-size:12px;
    margin-left:5px;
    }
#submitAssignmentModal .modal-content {
    padding:0px !important;
    }
div#submitAssignmentModal {
    width: 100% !important;
    max-width: 900px;
    }
#recordingAudio ol#recordingsList li a {
    margin-left:5px;
    }
#totalnotification.notificationCounterCls {
    font-size:9px !important;
    line-height:18px !important;
    }
#homeworksMain ul.tabs.tabs-fixed-width.tab-demo.z-depth-1 .indicator {
    display:none;
    }
#homeworksMain ul.tabs.tabs-fixed-width.tab-demo.z-depth-1 li a.active {
    border-bottom:2px solid #f6b2b5;
    }
#homeworksMain ul.tabs.tabs-fixed-width.tab-demo.z-depth-1 li.tab {    
    line-height:46px;
    }
#assesmentsMain ul.tabs.tabs-fixed-width.tab-demo.z-depth-1 .indicator {
    display:none;
    }
#assesmentsMain ul.tabs.tabs-fixed-width.tab-demo.z-depth-1 li a.active {
    border-bottom:2px solid #f6b2b5;
    }
#assesmentsMain ul.tabs.tabs-fixed-width.tab-demo.z-depth-1 li.tab {    
    line-height:46px;
    }
#examMain ul.tabs.tabs-fixed-width.tab-demo.z-depth-1 .indicator {
    display:none;
    }
#examMain ul.tabs.tabs-fixed-width.tab-demo.z-depth-1 li a.active {
    border-bottom:2px solid #f6b2b5;
    }
#examMain ul.tabs.tabs-fixed-width.tab-demo.z-depth-1 li.tab {    
    line-height:46px;
    }
table#assignments_table {
    width: 100% !important;
    }
table#upcoming_dictation_table {
    width: 100% !important;
    }
table#complete_dictation_table {
    width: 100% !important;
    }
table#upcoming_reading_table {
    width: 100% !important;
    }
#expiryDateAssignmentModal textarea#excuse {
    width: 100% !important;
    }
#expiryDateAssignmentModal .modal-footer {
    display: inline-block;
    margin-top: -90px;
    width: auto;
    float: right;
    padding: 0px 20px 0px 0px;
    }
#expiryDateAssignmentModal .modal-footer a.modal-action.modal-close.waves-effect.waves-green.btn-flat.cl_attwo {
    border:1px solid #3bb3bdb5;
    }
#assignments_table .plyBtn {
    font-size: 12px;
    padding: 1px 0px;
    height: auto;
    line-height: 20px;
    margin: 4px auto 3px;
    text-transform: capitalize;
    font-weight: 400;
    min-width: 105px;
    letter-spacing: 0px;
    display: table;
    float: none;
    }
#assignments_table a{
    font-size: 13px;
    padding: 1px 5px;
    height: auto;
    line-height: 20px;
    margin: 4px 0px 3px;
    text-transform: capitalize;
    font-weight: 400;
    min-width: 112px;
    }
#assignments_table th:first-child, #assignments_table td:first-child {
    max-width: 50px !important;
    }
#upcoming_homeWork .material-table table th {
    font-size: 14px !important;
    padding: 0px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    }
#upcoming_homeWork .material-table table td {
    text-align:center;
    padding:0px;
    }
#completed_homeWork .material-table table th {
    font-size: 14px !important;
    padding: 0px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    width: auto !important;
    }
#completed_homeWork .material-table table td {
    text-align: center;
    }
#assignmentscompleted_table a.waves-effect.waves-light.btn.plyBtn {
    font-size: 12px;
    padding: 1px 5px;
    height: auto;
    line-height: 20px;
    margin: 4px 0px 3px;
    text-transform: capitalize;
    font-weight: 400;
    }
#upcoming_dictation_table .plyBtn {
    font-size: 11px;
    padding: 1px 5px;
    height: auto;
    line-height: 20px;
    margin: 4px 0px 3px;
    text-transform: capitalize;
    font-weight: 400;
    min-width: 105px;
    letter-spacing: 0px;
    }
#upcoming_assesments .material-table table th {
    font-size: 14px !important;
    padding: 0px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    }
#upcoming_assesments th:first-child, #upcoming_assesments td:first-child {
    max-width: 50px !important;
    }
#upcoming_assesments .material-table table td {
    text-align: center;
    }
#completed_assesments .material-table table th {
    font-size: 14px !important;
    padding: 0px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center; 
    }
#completed_assesments .material-table table td { 
    text-align: center;
    }
#complete_dictation_table a.waves-effect.waves-light.btn.plyBtn {
    font-size: 11px;
    padding: 1px 5px;
    height: auto;
    line-height: 20px;
    margin: 4px 0px 3px;
    text-transform: capitalize;
    font-weight: 400;
    letter-spacing: 0px;
    }
#upcoming_reading_table  .plyBtn {
    font-size: 12px;
    padding: 1px 1px;
    height: auto;
    line-height: 20px;
    margin: 4px auto 3px;
    text-transform: capitalize;
    font-weight: 400;
    min-width: 110px;
    letter-spacing: 0px;
    float: none;
    display: table;
    }
#upcoming_exams .material-table table th {
    font-size: 14px !important;
    padding: 0px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    }
#upcoming_exams .material-table table td{
    text-align:center; 
    padding: 0px;
    }    
#upcoming_exams th:first-child, #upcoming_exams td:first-child {
    max-width: 50px !important;
    }
#completed_exams .material-table table th {
    font-size: 14px !important;
    padding: 0px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    width: auto !important;
    }
#completed_exams .material-table table td{
    text-align:center; 
    }    
#complete_reading_table .plyBtn {
    font-size: 12px;
    padding: 1px 5px;
    height: auto;
    line-height: 20px;
    margin: 4px 0px 3px;
    text-transform: capitalize;
    font-weight: 400;
    }
.close_com a.close_clear.modal-close {
    color: #333;
    }
#assignmentscompleted_table th:first-child, #assignmentscompleted_table td:first-child {
    padding:0px;
    max-width:50px;
    }
#upcoming_exams table tr th:last-child {
    width: 160px !important;
    }
table#assignmentscompleted_table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout:auto; 
    }
#complete_reading_table th:first-child, #complete_reading_table td:first-child {
    max-width: 50px;
    padding: 0px !important;
    }
.buttoni{
    --background: #362a89;
    --text: #fff;
    --cart: #fff;
    --tick: var(--background);
    position: relative;
    border: none;
    background: none;
    padding: 8px 28px;
    border-radius: 8px;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    min-width: 110px;
    color: var(--text);
    background: var(--background);
    transition: transform 0.4s cubic-bezier(0.36, 1.01, 0.32, 1.27);
    }
.buttoni:active {
    --scale: 0.95;
    }
.buttoni span {
    font-size: 14px;
    font-weight: 500;
    display: block;
    position: relative;  
    line-height: 26px;
    transform: translateY(var(--span-y, 0));
    transition: transform 0.7s ease;
    }
.buttoni .cart {
    position:absolute;
    left:52%;
    top:50%;
    margin:-13px 0 0 -18px;
    transform-origin:12px 23px;
    transform:translateX(-120px) rotate(-18deg);
    }
.buttoni .cart svg {
    z-index:1;
    width:36px;
    height:26px;
    display:block;
    position:relative;
    fill:none;
    stroke: var(--cart);
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round;
    }
.buttoni .cart svg polyline:last-child {
    stroke: var(--tick);
    stroke-dasharray: 10px;
    stroke-dashoffset: var(--offset, 10px);
    transition: stroke-dashoffset 0.4s ease var(--offset-d);
    }
.buttoni.loading {
    --scale: 0.95;
    --span-y: -32px;
    --icon-r: 180deg;
    --fill: 1;
    --fill-d: 0.8s;
    --offset: 0;
    --offset-d: 1.73s;
    }
.buttoni.loading .cart {
    -webkit-animation: cart 3.4s linear forwards 0.2s;
    animation: cart 3.4s linear forwards 0.2s;
    }
@-webkit-keyframes cart {
  12.5% {
    transform: translateX(-60px) rotate(-18deg);
  }
  25%, 45%, 55%, 75% {
    transform: none;
  }
  50% {
    transform: scale(0.9);
  }
  44%, 56% {
    transform-origin: 12px 23px;
  }
  45%, 55% {
    transform-origin: 50% 50%;
  }
  87.5% {
    transform: translateX(70px) rotate(-18deg);
  }
  100% {
    transform: translateX(140px) rotate(-18deg);
  }
}
@keyframes cart {
  12.5% {
    transform: translateX(-60px) rotate(-18deg);
  }
  25%, 45%, 55%, 75% {
    transform: none;
  }
  50% {
    transform: scale(0.9);
  }
  44%, 56% {
    transform-origin: 12px 23px;
  }
  45%, 55% {
    transform-origin: 50% 50%;
  }
  87.5% {
    transform: translateX(70px) rotate(-18deg);
  }
  100% {
    transform: translateX(140px) rotate(-18deg);
  }
}
.buttoni .cart img.hon {
    width:26px;
    height:26px;
    }
.buttoni.loading {
    opacity: 1 !important;
    }
button#delete_recording .cart img {
    width: 22px;
    height: 22px;
    }
.recording_voice {
    animation: blink 1s linear infinite;
    }
@keyframes blink{
    0%{opacity: 0;}
    50%{opacity: .5;}
    100%{opacity: 1;}
    }
.bx_pdf {
    height: 100%;
    }
.bx_pdf iframe {
    height: 1420px;
    }
.main_certifi .cli_certi{
    margin-bottom:30px;
    padding-bottom:5px;
    font-size:32px;
    position:relative;
    color:#ef4036;
    text-align:center;
    border-bottom:1px solid #ddd;
    }
.main_certifi .cli_certi:after {
    position: absolute;
    width: 310px;
    height: 4px;
    background: #ef4036;
    content: "";
    bottom: -2px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    }
.btn_doni {
    text-align: right;
    display: inline-block;
    width: 100%;
    padding-right: 15px;
    }
.btn_doni a.btn.btn-primary.pull-left.bc_class {
    text-align:right;
    float:right;
    margin-top:-10px;
    }
h5.not_avi {
    text-align:center;
    margin:55px;
    font-size:20px;
    }
#updateEmailModel .modal-footer a {
    background:#3bb3bd;
    color:#fff;
    }
#updateEmailModel .modal-footer {
    border-top:1px solid #ddd;
    }
.bxi_details {
    text-align:center;
    background:#fff;
    box-shadow:0 3px 6px rgb(0 0 0 / 15%);
    transition:ease-in-out 0.50s all;
    border-radius:6px;
    padding:25px 15px;
    transition: .3s;
    }
.bxi_details h4 {
    font-size:22px;
    margin-bottom:20px;
    }
.webFontcontainer {
    width:90px;
    height:90px;
    background:#3bb3bd;
    line-height:90px;
    border-radius:50%;
    margin:0px auto;
    }
.webFontcontainer img {
    max-width:44px;
    margin-top:20px;
    }
.bxi_bTion a.btn {
    background:#3bb3bd;
    }
.bxi_details:hover {
    transform: scale(1.03);
    box-shadow: 0 3px 8px 0 rgb(0 0 0 / 25%);
    }
.bxi_bTion button.btn {
    background: #3bb3bd;
    }
.main_stud div#dashboard .row .col.l3.s12 {
    transition: .3s;
    }
.main_stud div#dashboard .row .col.l3.s12:hover {
    transform: scale(1.03);
    }
.main_stud div#dashboard .row .col.l3.s12:hover .card_main {
    box-shadow: 0 3px 8px 0 rgb(0 0 0 / 25%);
    }
.evaluation_mainTabe .tabs a:hover .card_main {    
    transform:scale(1.02);
    box-shadow: 0 3px 8px 0 rgb(0 0 0 / 25%);
    transition: .6s;
    }
.evaluation_mainTabe .tabs a .card_main {
    transition: .3s;
    }
.mid_way:hover {
    transform: scale(1.01);
    box-shadow: 0 3px 8px 0 rgb(0 0 0 / 25%);
    transition: .3s;
    }
.mid_way{ 
    transition: .3s;
    }
.main_studOne ul.tabs li a:hover {
    transform: scale(1.01);
    box-shadow: 0 3px 8px 0 rgb(0 0 0 / 25%);
    transition: .3s;
    border-radius: 10px;
    }
.tabs .tab a:hover {
    color: #ee6e73 !important;
    transition: .3s;
    }
.main_studOne ul.tabs li.tab{
    overflow: revert;
    }
.evaluation_mainTabe ul.tabs li a:hover {
    transform: inherit;
    box-shadow: none;
    transition: inherit;
    overflow: inherit;
    }
#lession ul.tabs.tabs-fixed-width.tab-demo.z-depth-1 {
    border-radius: 10px;
    }
.card {    
    border-radius:10px !important;
    }
div#schedule_calendar {
    background: #fff;
    padding: 25px;
    box-shadow: 0px 0px 10px #ccc;
    border-radius: 10px;
    }
.modal {
    border-radius:10px !important;
    }
.btn, .btn-flat, .btn-large {    
    border-radius: 4px !important;
    }
.evaluation_main #assesmentsMain .main_studOne {
    border-bottom: 0px solid #ccc;    
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden;
    }
.evaluation_main #examMain .main_studOne {
    border-bottom: 0px solid #ccc;    
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden;
    }
.vx_rtr.clPass button.waves-effect.waves-light.btn {
    float:initial !important;
    }   
#changePasswordModel form#changepassfrm .container {
    width:95%;
    }
.amchti h5 {
    position: relative;
    color: #ef4036;
    text-align: center;
    margin-bottom: 15px;
    font-size: 32px;
    padding-bottom: 5px;
    margin-top: 10px !important;
    display: inline-block;
    width: 100%;
    }
.amchti .main_textimg img {
    float:left;
    margin-right:15px;
    }
table.tbl_grd {
    max-width:100% !important;
    }
.topicscontainer {
    border:1px solid #3bb3bd;
    padding:10px;
    border-radius:6px;
    font-weight:500 !important;
    font-size:13px;
    }
div.material-table table {
    table-layout:auto !important;
    width:100% !important;
    }
#homeworksMain td .plyBtn {
    float: none;
    }
#homeworksMain td .plyBtn .fa {
    color: #fff;
    margin-top: 5px;
    }
#lessiontable th:first-child{
    width: 30px !important;
    }
#homeworksMain span.tabhradingcls {
    display:none;
    }
#assesmentsMain span.tabhradingcls {
    display:none;
    }
#examMain span.tabhradingcls {
    display:none;
    }
div#assesmentsMain {
    width: 100%;
    }
div#upcoming_assesments {
    width: 100%;
    }
.main_stud.main_stud_cls table td span.tabhradingcls {
    display: none;
    }
/*li.btn_timing {
    background:linear-gradient(to left, #02aabd 0%, #00cdac 100%);
    color: #fff !important;
    padding: 0px 15px 0px 20px;
    border-radius: 40px;
    height: 40px;
    line-height:40px;
    margin-top:12px;
    }*/
.gdate-wrapper.nav-date-wrapper i.fa {
    display: inline-block;
    font-size: 20px;
    margin-right: 5px;
    line-height: 0px;
    height: 0px;
    }
.gdate-wrapper.nav-date-wrapper {
    display:inline-block;
    margin-right:10px;
    }
.clock-wrapper.nav-date-wrapper {
    display:inline-block;
    }
.clock-wrapper.nav-date-wrapper i.fa.fa-clock-o {
    line-height:0px;
    height:0px;
    display:inline-block;
    font-size:20px;
    margin-right:5px;
    }
.evaluation_main table td a.waves-effect.waves-light.btn {
    float:none;
    }
.evaluation_main table td:last-child {
    padding-right:0px !important;
    }
#assesmentcompletedtable th {
    width:auto !important;
    }
.right ul#dropdown li a p span.dat_colr {
    position: absolute;
    right: 0px;
    bottom: 0px;
    color: #3bb3bd !important;
    font-weight: 500;
    font-size: 12px;
    }

/***CCC End***/


/**Noti**/

.tino {
    display: inline-block;
    width: 100%;
    background: none;
    }
.mid_noit ul#dropdown {
    overflow: inherit;
    min-width: 330px;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #ccc;
	max-height:630px !important;
    }
.tino h4 {
    font-size: 22px;
    font-weight: normal;
    margin: 0px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;    
    }
.xbi_new span.wen_xd {
    color: #000;
    font-size: 18px;
    }
html body .mid_noit .dropdown-content .xbi_new a {
    display: inline-block;
    float: right;
    padding: 0px !important;
    margin: -10px 0px 0px !important;
    background: none !important;
    width: 70px;
    color: #152b75 !important;
    }
.xbi_new a span.title.text-center {
    background: none !important;
    line-height: 18px;
    color:#3bb3bd !important;
    font-weight: 600;
    font-size: 15px;
    }
.mid_noit ul#dropdown li:hover {
    background: none !important;
    }
.img_notifi {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 40px;
    border: 1px solid #ccc;
    display: inline-block;
    float: left;
   }
.neimi {
    width:74%;
    display:inline-block;
    padding-left:20px;
    }
.neimi h5 {
    font-weight:600;
    font-size:16px;
    margin-bottom:0px;
    }
.neimi h5 span {
    display: inline-block;
    margin-right: 5px;
    font-weight: 400;
    }
.neimi a {
    background: none !important;
    padding: 0px !important;
    width: 100% !important;
    margin: 0px !important;
    font-size: 14px;
    color:#3bb3bd !important;
    font-weight: 600;
    text-align: left !important;
    margin: -10px -10px 0px !important;
    }
.xbi_new {
    margin-bottom: 5px;
    margin-top: 15px;
    border-bottom: 1px solid #eae7e7;
    padding-bottom: 10px;
    }
.img_notifi img {
    border-radius: 30px;
    }
.img_notifi span {
    position: absolute;
    bottom: -2px;
    right: -10px;
    width: 30px;
    height: 30px;
    background: #333;
    border-radius: 30px;
    text-align: center;
    }
.img_notifi span .fa {
    line-height: 28px !important;
    color: #fff;
    font-size: 18px !important;
    }
._dot_neimi {
    display: inline-block;
    float: right;
    }
._dot_neimi span {
    width: 14px;
    height: 14px;
    display: inline-block;
    background:#3bb3bd;
    border-radius: 50%;
    margin-top: 20px;
    }
.neimi a:hover {
    background: none !important;
    }
ul.dd_list li:hover {   
    background: #2d353c !important;
    }
ul.dd_list li {
    display: inline-block;
    width: 100%;
    }
ul.dd_list li {
    padding: 10px 0px;
    border-color: #eae7e7 !important;
    }
.vx_man input#imageUpload {
    position: absolute;
    z-index: 1000;
    opacity: 0;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    font-size: 24px;
    width: 100% !important;
    }
.vx_man form#emailupdatefrm {
    padding: 6px 10px;
    background: #3bb3bd;
    border: 1px solid #3bb3bd;
    position: relative;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    float: left;
    cursor: pointer;
    min-height: 36px;
    }
.vx_man form#emailupdatefrm a.file-btn{
    color:#fff !important;
    }
#updateEmailModel .modal-footer button#changeEmailBtn{
    float:left;
    }
ul#picdropdown{
    border:none;
    }
.vx_man form#emailupdatefrm a.file-btn:after{
    position:absolute;
    content:"Choose File";
    top:5px;
    left:0px;
    right:0px;
    }
#completed_assesments .material-table table td a{
    float:none;
    }
#completed_assesments .material-table table td a .fa{
    color:#fff;
    margin-top:5px;
    }
#upcoming_homeWork table th:last-child {
    max-width:100px;
    }
#historytable th.sorting_disabled {
    width:auto !important;
    min-width:100px;
    }
span#totalnotification.notification_activenotificationCounterCls {
    font-size: 9px !important;
    }
#upcoming_homeWork #homeworktable th {
    width: auto !important;
    }
#expiryDateAssignmentFrm button#excuseBtn {
    background: #3bb3bd;
    }
#update_notify {
    display: inline-block;
    width: 100%;
    margin: 0px 0px -10px !important;
    text-align: center;
    }
	
	
	div#modalcredit {
    height: 100% !important;
    max-height: 90%;
    top: 5% !important;
}
/***/


/**Dash_menu**/

.boxgrid {
    overflow:hidden;
    box-shadow:0 3px 8px rgb(0 0 0 / 30%);
    background:0 0;
    margin:0px;
    height:310px;
    position:relative;
    border-radius:10px;
    background:#fff;
    }
.parentStudent .facade_text {
    font-size: 15px;
    font-weight: 400;
    color: #444;
    text-align: center;
    }
.parentStudent .tall_box .inner .details {
    text-align: center;
    }
.parentStudent .tall_box .inner .web_font_container {
    z-index: 9999;
    font-size: 51px;
    color: #fbfbfb;
    display: block;
    vertical-align: middle;
    line-height: 100px;
    font-family: picto-foundry-general!important;
    background: -o-radial-gradient(center,ellipse cover,#34b8ed 0%,#0892c9 100%);
    margin: auto;
    -webkit-transition: background 1s,color 1.5s;
    -moz-transition: background 2s,color 1.5s;
    transition: background 1s,color 1.5s;
    }
.parentStudent .tall_box .inner .web_font_container .icon {
    background:#3bb3bd;   
    line-height: 50px;    
    display: block;
    font-size: 51px;
    vertical-align: middle;
    }
.glyphicon-envelope:before {
    content: "\2709";
    }
.dashboard-blocks-wrapper .title_cover {
    top:110px;
    }
.boxgrid .title_cover {
    color:#5e5b5b;
    min-height:70px;
    top:30px;
    text-transform:uppercase;
    }
.title_cover {
    font-size:20px;
    color:#fff;
    position:relative;
    margin:auto;
    text-align:center;
        line-height: 24px;
    }
.parentStudent .tall_box .inner .details .msg {
    color:#fff;    
    direction:rtl;
    white-space:normal;
    text-align:center;
    width:100%;
    display:block;
    }
.boxgrid .msg{
    display:inline-block;
    text-align:center;
    width:100%;
    color:#3677a1;
    font-size:22px;
    font-weight:500;       
        margin-top: 20px;
    }
.parentStudent .tall_box .inner .slided {
    margin:0px auto;
    padding:10px 0 0 0;
    text-align:center;
    z-index:5px;
    display:block;    
    border-radius:8px 8px 7px 7px;
    }
.tall_box .inner .slided .paged_block {
    padding:10px;
    }
.boxgrid .slided .paged_items {
    margin-top:0px;
    font-size:1.2em;
    height:30px;
    color:#fff;
    text-align:center;
    }
div .paged_items {
    height:142px;
    position:relative;
    top:0px;
    text-align:initial;
    overflow:hidden;
    }
.boxgrid .slided .no_new_notifications_notice {
    color:#fff;
    }
.no_new_notifications_notice {
    color:#4993de;
    margin-top:0px;
    display:block;
    position:absolute;
    top:0px;
    text-align:center;
    width:100%;
    }
.boxgrid .slided .prev-page, .boxgrid .slided .next-page {
    color:#fff;
    position:absolute;
    bottom:4px;
    left:0px;
    font-size:.9em;
    z-index:2;
    cursor:pointer;
    text-transform:uppercase;
    }
.parentStudent .tall_box .inner .slided .cell_title_bar {
    padding-bottom:0px;
    height:58px;
    border-radius: 0 0 5px 5px;
    transition:ease-in-out .1s all;
    }
.parentStudent .tall_box .inner .slided .title {
    text-align: center;
    color: #4993de;
    font-size: 140%;
    font-family: helveticaneue;
    padding: 10px 0 0;
    line-height: 95%;
    margin-top: 15px;
    z-index: 999;
    }
.boxgrid .slided .cell_title_bar .title {
    color: #fff!important;
    text-align: left!important;
    position: absolute;
    top: -12px;
    left: 16px;
    font-size: 150%!important;
    z-index: 0!important;
    display: none;
    }
.boxgrid .slided .cell_title_bar .showall a {
    color: #fff!important;
    font-size: 1.2em!important;
    font-weight: 400;
    }
.boxgrid .cover .icon {
    padding:0px;
    border-radius:50%;
    font-size:30px!important;
    width:80px;
    height:80px;
    line-height:70px !important;
    justify-content:center;
    align-items:center;
    -webkit-box-shadow: 0 4px 6px rgb(0 0 0 / 20%);
    box-shadow:0 4px 6px rgb(0 0 0 / 20%);
    border:0px;
    color:#fff;
    margin:0px auto;
    margin-top:25px;
    display:flex;
    background:#ffffff;
    }
.boxgrid .cover .icon img {
    width:100%;
    }
.parentStudent .tall_box .inner .slided .cell_title_bar {
    padding-bottom:0px;
    height: 58px;
    border-radius: 0 0 5px 5px;
    transition: ease-in-out .1s all;
    background-color: #a5a5a5!important;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px;
    margin: 0px;
    }
.parentStudent .tall_box .inner .slided .showall {
    color: #fff!important;
    font-weight: 400;
    padding: 4px 14px;
    cursor: pointer;    
    text-align: center;
    border: 2px solid;
    border-radius:50px;    
    width: 110px;
    margin: 8px auto 0px;
    font-size: 14px;
    }
.boxgrid .slided .cell_title_bar .showall a {
    color: #fff!important;
    font-size: 15px !important;
    font-weight: 400;
    text-decoration: none;    
    padding: 4px;    
    }
.dashboard-blocks-wrapper .boxgrid .cover {
    height: calc(100% - 46px);
    border-radius: 0 0 7px 7px;     
    background:#fff;    
    position:absolute;
    top:0;
    right:0;
    border:0;
    z-index:2;
    display:block;
    width:100%;    
    box-shadow: 0 3px 6px rgb(0 0 0 / 15%);
    transition: ease-in-out 0.50s all;
    }
.tall_box.box.boxgrid.slidedown:hover .inner {
    background:#007580;
    height:100%;
    }
.tall_box.box.boxgrid.slidedown:hover  .cover.col-sm-12 {
    top:-320px !important;
    transition: ease-in-out 0.50s all;
    }
.tall_box.box.boxgrid.slidedown:hover  .row.cell_title_bar {
    background:#007580 !important;
        z-index: 0;
    }
.paged_item {
    text-align:left;
    border-top:1px solid #fff;
    padding:0px 5px;
    }
.paged_item a {
    color:#fff;
    font-size:16px;
    }
.tall_box .inner .slided .cell_title_bar {
    padding-bottom: 0;
    height: 50px;
    border-radius: 0 0 5px 5px;
    transition: ease-in-out .1s all;
    background-color:#007580 !important;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px;
    margin: 0px;
    z-index: 1;
    }
.tall_box .inner .slided .showall {
    color: #fff !important;
    font-weight: 400;
    padding: 2px 14px;
    cursor: pointer;
    text-align: center;
    border: 2px solid;
    border-radius: 50px;
    width: 100px;
    margin: 8px auto 0px;
    font-size: 14px;
    height: 30px;
    background:linear-gradient(to left, #02aabd 0%, #00cdac 100%);
    }
.boxgrid .slided .cell_title_bar .showall a {
    color:#fff!important;
    font-size:14px !important;
    font-weight:400;
    text-decoration:none;
    padding:4px;
}
.contiMain_stud {
    background: #f0f1f3;
}
.contiMain_stud .container.main_stud {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
#chatBoxWindow{
    z-index:1;
}

    .row.dashboard-blocks-wrapper .col.s3 {     
        margin-bottom: 20px;
    }
	

@media (max-width: 1200px) {
    .title_cover {
        font-size:20px;
    }
}
@media (max-width: 1080px) {
    .row.dashboard-blocks-wrapper .col.s3 {
        width:50%;    
        margin-bottom:20px;
    }
}
@media (max-width: 600px) {
    .row.dashboard-blocks-wrapper .col.s3 {
        width:100%;
    }
}

/**Dash_menu End**/

/**Toggle**/

.bx_toggi #toggle_checkbox{
    display:none;
    }
.bx_toggi label{
    display: block !important;
    position: absolute !important;
    top: 50%;
    right: 10px;
    width: 64px;
    height: 28px !important;
    margin: 0px auto;
    background-color: #000000 !important;
    border-radius: 70px;
    transform: translateY(-50%);
    cursor: pointer;
    transition: 0.3s ease background-color;
    overflow: hidden;
    }
.bx_toggi #star{
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    transform: scale(1);
    border-radius: 50%;
    transition: 0.3s ease top, 0.3s ease left, 0.3s ease transform, 0.3s ease background-color;
    z-index: 1;    
    }
.bx_toggi #star-1{
    position:relative;
    display: none;
    }
.bx_toggi #star-2{
    position:absolute;
    transform:rotateZ(36deg);
    display:none;
    top:1px;
    }
.bx_toggi .star{
    top:1px;
    left:-6px;
    font-size:38px;
    line-height: 16px;
    color: #fafd0f;
    transition: 0.3s ease color;
    }
.bx_toggi #moon{
    position:absolute;
    bottom:-52px;
    right:4px;
    width:20px;
    height:20px;
    background-color:#fff;
    border-radius:50%;
    transition:0.3s ease bottom;    
    }
.bx_toggi #moon:before{
    content: "";
    position:absolute;
    top:0px;
    left:0px;
    width:0px;
    height:0px;
    background-color:#03a9f4;
    border-radius:50%;
    transition: 0.3s ease background-color;
    }
.bx_toggi #toggle_checkbox:checked + label{
    background-color:#000;
    }
.bx_toggi #toggle_checkbox:checked + label #moon{
    display:none;
    }
.bx_toggi #toggle_checkbox:checked + label .star{
    color:yellow;
    }
.bx_toggi #toggle_checkbox:checked + label #moon{
   bottom:4px;
    }
.bx_toggi #toggle_checkbox:checked + label #moon:before{
    background-color:#000;
    }
.bx_toggi label::before {
    display:none;
    }
.bx_toggi span {
    color:#808080 !important;
    }

/**end toggle**/

/**Dark Mode**/


.dark_mode .vertimainTabi li a {
	color: #fff !important;
	}
.dark_mode .mthdBox {
    color: #fff;
	}
.dark_mode .bx_toggi #toggle_checkbox:checked + label #moon{
    display: block; 
    }
.dark_mode .bx_toggi label #star {
    top: 4px;
    right: 4px;
    left: inherit;
    }
.dark_mode nav.tut_nav {
    background:#2b323c;
    margin-bottom:0px;
    }
.dark_mode .btn_lang a.dropdown-button span.languagecls {
    color:#fff;
    }
.dark_mode .btn_lang a.dropdown-button:after {
    color:#fff;
    }
.dark_mode li.msg_icon a {
    background:#ffffff !important;
    }
.dark_mode li.mid_noit > a {
    background:#ffffff !important;
    }
.dark_mode .tabs { 
    background-color:#333c47;
    }
.dark_mode .main_studOne ul.tabs li a {
    color:#ffffff;
    }
.dark_mode .main_tutor {
    background:#2b323c !important;
    }
.dark_mode #dashboard .boxgrid {    
    background:#2b323c;
    }
.dark_mode #dashboard .boxgrid .title_cover {
    color:#fff;
    }
.dark_mode .tall_box .inner .slided .cell_title_bar {    
    background-color:#333c47 !important;
    }
.dark_mode .card{
    background-color:#333c47;
    }
.dark_mode div.material-table .table-title {    
    color:#fff;
    }
.dark_mode .dataTables_wrapper .dataTables_length, .dark_mode .dataTables_wrapper .dataTables_filter, .dark_mode .dataTables_wrapper .dataTables_info, .dark_mode .dataTables_wrapper .dataTables_processing, .dark_mode .dataTables_wrapper .dataTables_paginate {
    color:#fff !important;
    }
.dark_mode div.material-table table th {    
    color:#fff !important;
    }
.dark_mode table.dataTable tbody tr {
    background-color:#333c47;
    }
.dark_mode .dataTables_wrapper .dataTables_paginate .paginate_button {
    color:#fff !important;
    }
.dark_mode #dashboard .boxgrid .cover {    
    background:#333c47;
    }
.dark_mode #dashboard label {    
    color:#fff !important;
    }
.dark_mode div.material-table table tr td {
    color:#fff;
    }
.dark_mode .boxgrid .msg{
    color:#fff !important;        
    }
.dark_mode .cell_title_bar .slidedown:hover .showall a{
    color:#fff !important;    
    border:2px solid #fff;
    }
.dark_mode #dashboard .main_studOne ul.tabs li a:hover {        
    background:#2b323c !important;
    color:#fff !important;
    }
.dark_mode #dashboard .tutor_dashboard h4 {    
    color:#fff;
    }
.dark_mode .bx_filti {
    background: #333c47;    
    box-shadow: 0px 0px 10px #0000002b;    
    }
.dark_mode .xb_lifti h5 {    
    color:#fff;
    }
.dark_mode .bx_filti select.initialized {    
    background:#2b323c;
    color:#fff;
    border:1px solid #fff;
    }
.dark_mode .myEvaluation ul.tabs.tabs-fixed-width.tab-demo.z-depth-1 {
    box-shadow:0px 0px 10px #02020280;
    }
.dark_mode #upcoming_evaluation .card.material-table {    
    box-shadow:0px 0px 10px #02020280;
    border-top:1px solid #fff;
    }
.dark_mode .tutor_dashboard h4 {    
    border-bottom:1px solid #fff;
    color:#fff;
    }
.dark_mode ul.list_downFor li a {
    color: #fff;
    }
.dark_mode a.close_clear.modal-close.oneimgPreviewClse {
    color: #fff;
    }
.dark_mode .modal-content.min_vin h4 {
    border: 0px solid #f00 !important;
    }
.dark_mode .close_com a.close_clear.modal-close {
    color: #fff;
    }
.dark_mode div.material-table .table-header{
    border-bottom:1px solid #fff;
    }
.dark_mode table.dataTable thead th, .dark_mode table.dataTable thead td {
    border-color:#fff !important;
    }
.dark_mode div.material-table table tbody tr:hover {
    background-color:#2b323c !important;
    }
.dark_mode .dataTables_wrapper input[type="search"] {
    border:1px solid #fff !important;
    }
.dark_mode .dataTables_wrapper .dataTables_length select {
    border:1px solid #fff !important;
    }
.dark_mode #my_classes table#classestable {    
    border-top:1px solid #fff !important;
    }
.dark_mode div.material-table table tr td{    
    border-bottom:solid 1px #fff !important;
    }
.dark_mode #my_students table#studentstable{
    border-top:1px solid #fff;
    }
.dark_mode .myEvaluation ul.tabs.tabs-fixed-width.tab-demo.z-depth-1 li{
    background:#333c47;    
    }
.dark_mode .main_tutor div#lession ul.tabs li a{
    color:#fff;
    }
.dark_mode div.material-table table tr td a i {    
    color: rgb(255 255 255 / 54%) !important;
    }
.dark_mode .resoding_main h5 {
    border-bottom:1px solid #fff;
    color:#fff;
    }
.dark_mode #coursematerialsModel h5{
    border-bottom:1px solid #fff;
    color:#fff;
    }
.dark_mode .modal{
    background:#333c47 !important;
    }
.dark_mode .collapsible-header {
    background-color: #2b323c !important;
    border-bottom: 1px solid #fff;
    color:#fff;
    }
.dark_mode .main_school ul.collapsible {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    }
.dark_mode select {
    background-color:rgb(51 60 71);    
    color:#fff;
    border:1px solid #fff;
    }
.dark_mode .resoding_main .modal-footer a.modal-action.modal-close.waves-effect.waves-green.btn-flat.cl_attwo {
    color:#fff;
    }
.dark_mode div.upload {
    background-color:#2b323c !important;
    border:1px solid #1d2026;
    }
.dark_mode .modal .modal-close {    
    color:#fff;
    }
.dark_mode input[type=date], .dark_mode input[type=datetime-local], .dark_mode input[type=email], .dark_mode input[type=number], .dark_mode input[type=password], .dark_mode input[type=search], .dark_mode input[type=tel], .dark_mode input[type=text], .dark_mode input[type=time], .dark_mode input[type=url], .dark_mode textarea.materialize-textarea {    
    border-bottom:1px solid #fff !important;
    background:#333c47;
    color:#fff;
    }
.dark_mode .row.selTwo_bx {
    border-bottom:1px solid #fff;
    }
.dark_mode #coursematerialsFrm input {
    border-color:#474e57;
    }
.dark_mode #coursematerialsFrm input::-webkit-input-placeholder { /* Edge */
    color:#fff;
    }
.dark_mode #coursematerialsFrm input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#fff;
    }
.dark_mode #coursematerialsFrm input::placeholder {
    color:#fff;
    }
.dark_mode #coursematerialsFrm textarea {
    border-color:#fff !important;
    }
.dark_mode #coursematerialsFrm textarea::-webkit-input-placeholder {
    color:#fff;
    }
.dark_mode #coursematerialsFrm textarea:-moz-placeholder { /* Firefox 18- */
    color:#fff;
    }
.dark_mode #coursematerialsFrm textarea::-moz-placeholder {  /* Firefox 19+ */
    color:#fff;
    }
.dark_mode #coursematerialsFrm textarea:-ms-input-placeholder {
    color:#fff;
    }
.dark_mode .chik_day label{
    color:#fff;
    }
.dark_mode h3.hd_choose {   
    border-bottom:1px solid #fff;   
    color:#fff;
    }
.dark_mode #inviteMeetingSectionForm input[type=date], .dark_mode #inviteMeetingSectionForm input[type=email], .dark_mode #inviteMeetingSectionForm input[type=number], .dark_mode #inviteMeetingSectionForm input[type=password], .dark_mode #inviteMeetingSectionForm input[type=text], .dark_mode #inviteMeetingSectionForm textarea {
    border-bottom:1px solid #fff !important;
    }
.dark_mode label.labStart{
    color:#fff;
    }
.dark_mode .tutor_dashboard div#modal_content {
    border-bottom:1px solid #fff;
    }
.dark_mode .tutor_dashboard .modal-footer {    
    background:#333c47 !important;
    padding-top:0px !important;
    }
.dark_mode #openModalEvaluation h5 {
    border-bottom:1px solid #fff !important;
    color:#fff !important;
    }
.dark_mode a.modal-action.modal-close.waves-effect.waves-green.btn-flat.cl_attwo {
    border:1px solid #fff;
    }
.dark_mode .picker__box {
    background:#232930;
    box-shadow:0px 0px 10px #1d2229;
    border-color:#30353b;
    }
.dark_mode .clockpicker-plate {
    background-color:#1d2229;
    }
.dark_mode .clockpicker-tick {
    color:#fff;
    }
.dark_mode .picker__select--month.browser-default {    
    background-color:#232930;
    }
.dark_mode .picker__select--year.browser-default {    
    background-color:#232930;
    }
.dark_mode .picker--focused .picker__day--disabled, .dark_mode .picker__day--disabled, .dark_mode .picker__day--disabled:hover {
    background:#1d2229;    
    border-color:#30353b;
    }
.dark_mode .btn-flat{    
    color:#fff;
    }
.dark_mode .picker__date-display{
    background-color:#232930;
    }
.dark_mode #lession div#recorder .col.s12.m12 .card.material-table {
    box-shadow:0px 5px 10px #00000040;
    border-top:1px solid #fff;
    }
.dark_mode #lession div#freemeeting .col.s12.m12 .card.material-table{
    box-shadow:0px 5px 10px #00000040;
    border-top:1px solid #fff;
    }
.dark_mode .grd_left h5 {
    display:inline-block;
    color:#fff;
    }
.dark_mode #profile ul.list_grd li {  
    color:#fff;
    }
.dark_mode #profile .grd_right {
    color:#fff;
    }
.dark_mode .grd_right hr {
    border:1px solid #fff;
    }
.dark_mode #profile .card center b {
    color:#fff;
    }
.dark_mode #schedule_calendar {
    background:#333c47;
    box-shadow: 0px 0px 10px #00000052;
    }
.dark_mode .fc-dayGridMonth-view .fc-body .fc-row {
    background:#333c47;
    }
.dark_mode .fc-toolbar h2 {
    color:#fff;
    }
.dark_mode .fc-button-primary {
    color:#fff;
    background-color: #2b323c;
    border-color: #2b323c;
    }
.dark_mode .fc-unthemed th, .dark_mode .fc-unthemed td, .dark_mode .fc-unthemed thead, .dark_mode .fc-unthemed tbody, .dark_mode .fc-unthemed .fc-divider, .dark_mode .fc-unthemed .fc-row, .dark_mode .fc-unthemed .fc-content, .dark_mode .fc-unthemed .fc-popover, .dark_mode .fc-unthemed .fc-list-view, .dark_mode .fc-unthemed .fc-list-heading td {
    border-color:#2b323c;
    color:#fff;
    }
.dark_mode .fc-unthemed th a{
    color:#fff;
    }
.dark_mode .fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
    color:#fff;
    }
body.dark_mode {
    background:#2b323c !important;
    }
.dark_mode .list_attani h5 {
    color:#fff;
    }
.dark_mode .fc-unthemed td.fc-today {
    background:#1a252f;
    }
.dark_mode .fc-timeGridWeek-view tbody.fc-body tr td {
    background: #333c47;
    color:#fff;
    }
.dark_mode .fc-unthemed .fc-divider, .dark_mode .fc-unthemed .fc-popover .fc-header, .dark_mode .fc-unthemed .fc-list-heading td {
    background:#333c47;
    }                  
.dark_mode .fc-timeGridDay-view tbody.fc-body tr td{
    background:#333c47;
    color:#fff;
    }
.dark_mode .fc-unthemed .fc-list-empty{
    background-color:#333c47;
    color:#fff;
    }
.dark_mode .container.main_stud {
    background:#2b323c !important;
    }
.dark_mode .card_main {    
    background-color:#333c47;
    box-shadow:0px 10px 20px 0px rgb(0 0 0 / 5%);
    }
.dark_mode #evaluationmodal h5{
    color:#fff;    
    border-color: #2b323c;
    }
.dark_mode .main_stud .card.material-table .table-header {
    border-bottom:1px solid #fff;
    }
.dark_mode #homeworksMain ul.tabs.tabs-fixed-width.tab-demo.z-depth-1 {
    border-bottom:1px solid #fff;    
    }
.dark_mode #assesmentsMain .main_studOne {
    border-bottom:1px solid #fff;    
    }
.dark_mode #examMain .main_studOne{
    border-bottom:1px solid #fff;
    }
.dark_mode .dropdown-content {
    background-color:#333c47;
    }
.dark_mode .dropdown-content.drop_cont li a {
    color:#fff !important;
    }
.dark_mode .bx_toggi span{
    color:#fff !important;
    padding: 14px 10px;
    }
.dark_mode .right ul#dropdown li a p{
    color:#fff;
    }
.dark_mode .right ul#dropdownone li a.active {
    color:#FFF;
   }
.dark_mode .dropdown-content li.active, .dark_mode .dropdown-content li.selected, .dark_mode .dropdown-content li:hover {
    background-color:#6ec5cc;
    color:#fff;
    }
.dark_mode .dropdown-content li.active a, .dark_mode .dropdown-content li.selected a, .dark_mode .dropdown-content li:hover a {
    background-color:#6ec5cc;
    color:#fff;
    }
.dark_mode span.title{
    color:#fff;
    }
.dark_mode nav {
    background-color:#2b323c !important;    
    }
.dark_mode .tall_box.box.boxgrid.slidedown:hover .row.cell_title_bar {
    background:#3bb3bd !important;
    }
.dark_mode .tall_box.box.boxgrid.slidedown:hover .row.cell_title_bar .showall {
    color:#fff !important;
    }
.dark_mode .tall_box.box.boxgrid.slidedown:hover .row.cell_title_bar .showall a {
    color:#fff !important;
    }
.dark_mode .modal .modal-footer {    
    background-color:#333c47;
    }
.dark_mode #acceptModal h4 {
    color:#fff;
    text-align:center;
    }
.dark_mode .filosub > h4{
    color:#fff !important;   
    border-color:#474e57;
    }
.dark_mode .filosub .bx_filti .input-field select {
    border:1px solid #fff;
    }
.dark_mode #viewCourseModal h5{
    color:#fff;
    border-color:#2b323c;
    }
.dark_mode .modal {
    color:#fff;
    }
.dark_mode #modal_content .row{
    border-color:#2b323c;
    }
.dark_mode .amchti h5{
    border-color:#fff;
    color:#fff;    
    }
.dark_mode .amchti .main_iText{
    color:#fff;
    }
.dark_mode .mid_way {    
    box-shadow:0px 10px 20px 0px rgb(0 0 0 / 17%);
    background-color:#333c47;
    color:#fff;
    }
.dark_mode .vd_mid a{
    color:#fff;
    }
.dark_mode .dataTables_wrapper .dataTables_filter label {
    color:#fff;
    }
.dark_mode .dataTables_length label {
    color:#fff;
    }
.dark_mode .myprofilecard {
    color: #fff !important;
    }
.dark_mode .vx_nam b {
    color:#fff;
    } 
.dark_mode .input-field label {
    color:#ffffff;
    }
.dark_mode #homeworksMain td .plyBtn .fa {
    color:#fff !important;
    }
.dark_mode .fc-unthemed .fc-list-heading td a {
    color: #fff;
    }
.dark_mode .mid_noit ul#dropdown li p a {    
    color: #fff;
    }  
.dark_mode li.mid_noit ul#dropdown li:last-child {   
    background: #333d47 !important;
	}	
.dark_mode .notificationslist_cls .main_textimg a {
    color: #fff;
	}
	
	
	
.dark_mode .coursebox {
    background:#333c47;
    border-color:#2b323c;
    box-shadow:1px 1px 10px #000;
	}
.dark_mode .coursebtn {
    background:#333c47;
    border-color:#2b323c;
    box-shadow:none;
	}
.dark_mode .coursebox a {
    color:#fff;
	}		
.dark_mode .bhrlike span {
	border: 1px solid #fff;
	}
	 	
.dark_mode .xdibookLib .table-header.headerWithGrid span.table-title {
    color:#fff;
	}
.dark_mode .tabiFirstgrid .btopvid {    
    border-color: #2b323c;
    background: #2b323c !important;
	}
.dark_mode .mngBookingList .product-inner {
    background: #2b323c;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    color: #fff;
	}	
.dark_mode .mngBookingList .sold-by-meta a {
    color: #ffffff;
	}
.dark_mode .mngBookingList .afetrlockBook:after {
    background: #ffffff82;            
	}
	
	
	
	
.dark_mode .studentShopDetail .mainShopSecti {
    background: #2b323c !important;
}
.dark_mode .mainShopSecti > .rowving {
    background: #333c47;
}
.dark_mode .product-header-left h1.fs-5.fw-normal.product_title.entry-title {
    color: #fff;
}
.dark_mode .bxiMiniDays {background: #2b323c !important;color: #fff;}
.dark_mode .bg-ligh_mb {
    background: #2b323c !important;
    color: #fff;
}
.dark_mode ul.listWishCompare li a {
    color: #fff;
}
.dark_mode .mainShoDetailPage label.label-quantity {
    color: #fff;
}
.dark_mode .meta-skuApi span.metalabel {
    color: #fff;
}
.dark_mode .meta-skuApi span.meta-value {
    color: #fff;
}
.dark_mode span.soldLabel {
    color: #fff;
}
.dark_mode .ps-list--dot {
    color: #fff;
}
.dark_mode .site-info__title.h4.fw-bold {
    color: #fff;
}
.dark_mode .vtbatical ul.tabs {background: #333c47;color: #fff;}
.dark_mode .vtbatical ul.tabs li a {
    color: #fff;
}
	
	
	
	
	
	
	

/**Dark Mode End**/






div#examMain {
    width: 100%;
    }
html body .right ul#dropdown li.lis_lasto a {
    width: 50%;
    float: left;
    padding-bottom: 0px !important;
    }
html body .right ul#dropdown li.lis_lasto a span.title.text-center {
    border: 1px solid #3bb3bd;
    border-radius: 4px;
    padding: 5px;
    }
.mid_noit ul#dropdown li a {
    padding-bottom: 15px !important;
    }
li.vsn_vx ul#dropdownone li a {
    padding:14px 10px !important;
    font-weight:normal !important;
    }
table#lessiontable tr th, table#lessiontable tr td {
    /*padding-left:0px;
    padding-right:0px;*/
    text-align:center; 
	width:auto !important;
    }
table#lessiontable tr td {
    border-bottom: 1px solid #ccc;
    }
table#lessiontable tr td a.waves-effect.waves-light.btn.plyBtn {
    margin:0px auto;
    text-align:center;
    float:none;
    }
table#penddingtable tr th, table#penddingtable tr td {
    padding-left:0px;
    padding-right:0px;
    text-align:center;
	width:auto !important;
    }
table#penddingtable tr td a.waves-effect.waves-light.btn{
    margin: 5px auto 0px;
    text-align: center;
    float: none;
    width: auto !important;
    max-width: 120px !important;
    }
table#historytable tr th, table#historytable tr td {
    padding-left:0px;
    padding-right:0px;
    text-align:center;
    }
table#historytable tr td a.waves-effect.waves-light.btn.plyBtn {
    margin:0px auto;
    text-align:center;
    float:none;
    }
table#recordertable tr th, table#recordertable tr td {
    padding-left:0px;
    padding-right:0px;
    text-align:center;
    }
table#recordertable tr td a.waves-effect.waves-light.btn.plyBtn {
    margin:0px auto;
    text-align:center;
    float:none;
    }
.amchti h5:before {
    position: absolute;
    width: 310px;
    height: 4px;
    background: #ef4036;
    content: "";
    bottom: -2px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    }
#upcoming_home_work table#courses_materials_table tr td, #upcoming_home_work table#courses_materials_table tr th {
    text-align: center;
    padding: 0px;
    }
#homeworksMain table td{
    white-space:inherit;
    padding:0px 1px !important;
    }
span.dat_colr{
    color:#3bb3bd !important;
    font-weight:500;
    float:right !important;
    margin-left:5px;
    font-size: 13px !important;
    }
.activeHedi {
    position:relative;
    color:#ef4036;
    margin-bottom:15px !important;
    padding-bottom:5px !important;
    font-size:32px !important;
    } 
.activeHedi:before {
    position:absolute;
    width:310px;
    height:4px;
    background:#ef4036;
    content: "";
    bottom:-2px;
    left:0px;
    right:0px;
    margin:0px auto;
    } 
a.btn.btn-primary.pull-left.bc_class {
    position:absolute;
    z-index:1;
    }
.mid_noit ul#dropdown li p {
    margin:0px;
    }
.mid_noit ul#dropdown li p a {
    padding:0px 0px 3px !important;
    font-size:14px !important;
    display:flex;
    align-items:center;
    }
.mid_noit ul#dropdown li {
    padding:5px 0px;
    }
ul.listiHovi li {   
    border-bottom: 1px solid #fff;
    padding: 5px 5px 4px;
    color: #fff;
    font-size: 13px;
    width: 100%;
    display: inline-block; 
    }
ul.listiHovi {
    margin:10px 0px 0px;     
    }
.naime {
    display:inline-block;
    float:left;
    max-width:31%;
    width:100%;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;   
    }
.nam_tim {
    display:inline-block;
    max-width:42%;
    width:100%;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    }
.nam_join {
    display:inline-block;
    float:right;
    max-width:27%;
    width:100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    }
span.dot_gry {
    width: 8px;
    height: 8px;
    background: #ccc;
    display: inline-block;
    border-radius: 10px;
    margin-right: 2px;
    }
.nam_join a {
    border-radius: 30px;
    background:linear-gradient(to left, #02aabd 0%, #00cdac 100%);
    color: #fff;
    font-size: 11px;
    padding: 3px 0px 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display: block;
    text-align: center;
    }
span.dot_gry.dot_grn {
    background: #32ff2a;
    }
.howrSlid button.owl-prev {
    float:left;
    }
.howrSlid .owl-nav span {
    color:#fff;
    font-size:38px;
    line-height:0px;
    }
.howrSlid button.owl-next {
    float:right;
    }
.howrSlid .owl-nav {
    margin-top:0px !important;
    }
.howrSlid .owl-dots button.owl-dot span {
    margin-top:0px;
    border:2px solid #fff;
    background:none;
    }
.howrSlid .owl-dots button.owl-dot.active span {
    background:#fff;
    }   
.howrSlid button:hover {
    background: none !important;
    }
.howrSlidPendding .nam_join a {
    background: #fff;
    display: inline-block;
    width: auto;
    padding: 0px;
    margin-left: 4px;
    border-radius: 90px;
    box-shadow: 0px 0px 1px #000000b0;
    }
.howrSlidPendding .nam_join a img {
    max-width: 30px;
    }
.howrSlidPendding .nam_join {
    text-align: right;
    margin-top: -3px;
    height: 30px;
    }
.schedule_slides div img {
    width: 100%;
    margin-top: 15px;
    min-width: 100%;
    }
.schedule_slides div {
    width: 100%;    
    }
.howrSlidCompleted .nam_join a {
    border-radius:0px;
    background:none;
    padding:0px;
    text-align:right;
    }
.howrSlidCompleted .nam_join a img {
    max-width:34px;
    float:right;
    margin-right:10px;
    }
span.notReco {
    float:right;
    }
.nam_join.btnDown a img {
    max-width: 28px;
    }
.courseSlid .nam_tim {    
    max-width:50%;
    }
.courseSlid .nam_join {    
    max-width:18%;
    }
.slidAssignment .nam_tim {
    text-align:center;
    }
.unrMessg .nam_join.btnDown {
    max-width:13%;
    }
.unrMessg .nam_tim {
    max-width:56%;
    }
.unrMessg .nam_join.btnDown a img {    
    margin-right:5px;        
    max-height:28px;
    width:auto !important;
    }
.myTeach .nam_join.btnDown {
    max-width: 35%;
    text-align: right;
    height: 30px;
    }
.myTeach .naime {
    max-width: 65%;
    }
.myTeach .nam_join.btnDown a {
    display: inline-block !important;
    width: auto !important;
    margin: 0px 5px;
    }
.myTeach .nam_join.btnDown a img {
    max-width: 26px;
    margin: 0px;
    }
.myTeach ul.listiHovi li {    
    float:left;        
    display:flex;
    align-items:center;
    padding:3px 5px;
    }
.myTeach .owl-stage-outer {
    margin-bottom:10px;
    }
.howrSlid .owl-stage-outer {
    margin-bottom:15px;
    }
.tabs-content.carousel.initialized div#dashboard {
    transform: inherit !important;
    }
.modal-overlay {
    position: fixed;
    z-index: 999;
    top: -100px;
    left: 0;
    bottom: 0;
    right: 0;
    height: 125%;
    width: 100%;
    background: #000;
    will-change: opacity;
    }
.bubble span.hlw {
    position: revert;
    font-size: 14px;
    color: #333;
    font-weight: 500;
    background: yellow;
    padding: 1px 5px;
    }
.clasiChti .close_com{
    z-index:1;
    }
.clasiChti .modal-content{
    padding:0px !important;
    }
span.name-send1 {
    display:block;
    color:#333;
    font-size:12px;
    }
.modal.clasiChti {
    max-width:600px;
    }

/*shdu*/

.tutor_profile_lsec_wo {
    padding: 15px 25px;
    float: left;
    width: 100%;
    }
.notification_box {
    background: rgba(237,239,240,.5);
    font-size: 13px;
    color: #6f757b;
    padding: 12px;
    margin-bottom: 20px;
    position: relative;
    }
.notification_box .fa {
    font-size: 16px;
    margin-right: 5px;
    }
.notification_box span {
    display: inline-block;
    color: #6f757b;
    font-weight: 500;
    }
.scheduleHeadButtons {
    display:flex;
    }
.scheduleHeadButtons button {
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid #e3e5e6;
    color: #6f757b;
    background: #fff;
    display: inline-block;
    margin-bottom: 5px;
    }
span.scheduleDateRange {
    display: inline-block;
    font-weight: 500;
    margin-left: 0px;
    margin-top: 10px;
    }
.TimezonesSelectDesktop select {
    display: block;
    width: 350px;
    }
.TimezonesSelectDesktop {
    display: inline-block;
    float: right;
    margin-bottom:5px;
    }
.daysHead {
    width: 100%;
    padding: 0;
    text-align: center;
    display: flex;
    margin: 15px 0px;
    }
.dayName {
    font-size: 16px;
    line-height: 1.5;
    padding: 16px 0;
    color: #384047;
    flex: 1 0 0;
    align-self: flex-start;
    padding: 15px 0px;
    text-align: center;
    border-top: 4px solid #3bb3bd;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    }
.dayName + .dayName {
    margin-left: 5px;
    }
.headDayds p {
    margin: 0px;
    }
.dayName.active {
    background: rgba(59,179,189,.08);
    }
.dayName.active p.dayDate {
    background:#f00;
    font-weight:500;
    width:24px;
    height:24px;
    border-radius:50%;
    background-color:#3bb3bd;
    color: #fff;
    font-size: 13px;
    margin: 0px auto;
    line-height: 22px;
    }
.xd_caleNdarDay {
    width: 100%;
    padding: 0;
    text-align: center;
    display: flex;
    margin:  0px;
    }
.timeSlot {
    color:#384047;
    flex: 1 0 0;
    align-self: flex-start;
    padding: 0px 0px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 10px;
    }
.timeSlot a.btn.tooltipped {
    background: none !important;
    box-shadow: none !important;
    color: #3bb3bd !important;
    }
.timeSlot a.btn.tooltipped:hover {
    border:1px solid #3bb3bd;
    }
.content.bx_orangTime {
    display:block;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    }
.xd_dati {
    display:inline-block !important;
    max-width:37px;
    float:left;
    text-align:center;
    }
.xd_dati > div {
    display: inline-block !important;
    min-height: 49px;
    line-height: 49px;
    float: left;
    box-sizing: border-box !important;
    /* box-shadow: 0px 0px 4px #ccc inset; */
    width: 37px !important;
    border:1px solid #fff;
    margin-left: 0px;
    border-right: 0px !important;
    border-bottom: 0px; 
    background:#f7f6f6; 
    }
.timetable .time-interval{
    grid-template-rows: repeat(6, 0fr) !important;
    }
.viewScheduleButton {
    width: 100% !important;
    display: inline-block !important;
    background: #fff;
    text-align: center;
    padding: 10px;
    margin-top: 10px;
    color: #3bb3bd !important;
    border: 1px solid #3bb3bd;    
    }
span.xv_intrl {
    font-size: 10px !important;
    }
.time-interval.vx_trli {
    font-size: 13px;
    font-weight: 600;
    }
.time-interval.vx_trli > div {
    padding:6px 0px;
    }


/**/

/****/

.clasiAcdmi {
    max-height: 90%;
    }
.box_acadmi table {   
    width:max-content;
    border:1px solid black;  
    width:100%;  
    }
.box_acadmi td {
    text-align:center;
    border:1px solid black;
    padding:9px 5px;
    min-width: 80px;
    }
.box_acadmi #blank {
    color:#000;
    background-color:#fff;
    }
.box_acadmi #s {
    font-weight: 800;
    text-transform: uppercase;
    font-family: sans-serif;
    background-color: #ffffff;
}
.box_acadmi #seminar {
    font-weight: 800;
    font-family: sans-serif;
    background-color: #ffffff;
    text-transform: uppercase;
}
.box_acadmi #sub {
    color: black;
    font-family: sans-serif;
    font-weight: 400;
    background-color: #ffffff;
}
.box_acadmi #sub1 {
    background-color: #fff;
}
.box_acadmi #sub2 {
    color: black;
    text-transform: uppercase;
    background-color: #ffffff;
}
.box_acadmi #sub3 {
    background-color: #ffffff;
    font-family: sans-serif;
    font-weight: 800;
}
.box_acadmi #box1 {
    color: cornflowerblue;
    font-family: sans-serif;
    font-weight: 800;
}
.box_acadmi #box2 {
    color: darkorange;
    font-weight: 800;
    font-family: sans-serif;
}
.box_acadmi #box3 {
    color: darkviolet;
    font-weight: 800;
    font-family: sans-serif;
}
.box_acadmi #box4 {
    color: green;
    font-weight: 800;
    font-family: sans-serif;
}
.box_acadmi #box5 {
    color: red;
    font-family: sans-serif;
    font-weight: 800;
}
.box_acadmi #box6 {
    color: hotpink;
    font-weight: 800;
    font-family: sans-serif;
}
.box_acadmi #box7 {
    color: blue;
    font-family: sans-serif;
    font-weight: 800;
}

/****/
a.img_vIew img {
    max-width:30px !important;
    }
.clasifdpi {
    max-height:90% !important;
    top:5% !important;
    border-radius:0px !important;
    }
.clasifdpi .modal-content {
    height:100vh !important;
    }
.box_fdpi {
    height:100%;
    }
td.cliTime {    
    background: #f7786b;
    color: #fff;
    }
td.cliDay {
    background: #618685;
    color: #fff;
    border-radius: 0px;
    }
td.cliToil {
    color: #fff;
    background: #6b5b95;
    border-radius: 0px;
    }
td.cliThema {
    background: #d64161;
    color: #fff;
    border-radius: 0px;
    }
td.cliPhysi {
    background: #82b74b;
    color: #fff;
    border-radius: 0px;
    }
td.cliMusi {
    background:#5b9aa0;
    color:#fff;
    border-radius:0px;
    }
td.cliEarly {
    background:#034f84;
    color:#fff;
    border-radius:0px;
    }
td.cliGreet {
    background:#7a3b2e;
    color:#fff;
    border-radius:0px;
    }
td.cliEnd {
    background: #333;
    color: #fff;
    border-radius: 0px;
    }
td.cliAvtivetime {
    background:#80ced6;
    font-weight:500;
    font-size:16px;
    color:#000;
    min-width:110px;
    }
.clasiAcdmi {
    top: 5% !important;
    max-height: 90% !important;
    max-width: 880px;
    width: 100% !important;
    }
.clasiAcdmi .close_com {
    background: #333;
    color: #fff;
    line-height: 0px;
    border-radius: 60%;
    padding: 3px;
    text-align: center;
    }
.clasiAcdmi .close_com a.close_clear.modal-close {
    color: #fff;
    }
.clasiAcdmi .close_com a.close_clear.modal-close i {
    font-size: 20px !important;
    }
.find_tutor_cont_on_l img {
    width: 100%;
    max-width: 160px;
    border-radius: 0px;
    border: 1px solid #f3f3f3;
    height: 140px;
    border: 1px solid #ddd !important;
    padding: 0px;
    }
span.fav_tech {
    float: right;
    color: #fff;
    background: #00000087;
    padding: 0px 4px;
    font-size: 16px;
    border-radius: 2px 2px 2px 2px;
    }
span.on_line {
    margin: 8px;
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 2px rgb(0 0 0 / 20%);
    display: inline-block;
    background-color: #50bf16;
    }
.bx_mobiRigh {
    display: none;
    }
.tut_sts span.off_line {
    margin: 8px;
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 2px rgb(0 0 0 / 20%);
    display: inline-block;
    background-color: #aeb5bc;
    }
.tut_sts {
    position: absolute;
    z-index: 9;
    max-width: 160px;
    display: inline-block;
    width: 100%;
    }
span.fav_tech a {
    color: #fff;
    padding: 0px 4px;
    }
.sec_rrr .PriceIndicatorValue___30oM7.PriceIndicatorValueFirst___-PlfE {
    width: 100%;    
    font-size: 20px;
    float: left;
    font-weight: 500;
    text-align: center;
    }
.sec_rrr span {
    display:block;
    font-size:13px;
    color:#6f757b;
    margin-bottom:10px;    
    }
.sec_llOne {
    display: block;
    min-width: 100%;
    padding: 14px 0px !important;
    max-width: 100%;
    border-radius: 4px;
    background-color: #eef7e9;
    color: #50bf16;
    font-weight: 500;
    text-align: center;
    }
.find_tutor_cont_main_right {
    width:30%;
    float:left;
    margin:0px;
    padding:0px;
    min-width:412px;
    }
.container.myTeacherMain {
    width:100%;
    margin-top:25px;
    }
.profile_videoCls {
    width: 92%;
    display: inline-block;
    background: url(http://votivetech.in/finalkedemosonline/public/uploads/profile_img/1625825575.jpg);
    height: 196px;
    position: absolute;
    top: 0px;
    border-radius: 6px;
    background-position: center center;
    cursor: pointer;
    }
.profile_videoCls:before {
    content: "";
    display: block;
    position: absolute;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 10px 12px;
    left: 51%;
    top: 50%;
    transform: translate(-6px,-10px);
    background: none;
    border-radius: 4px;
    z-index: 1;
    }
.profile_videoCls:after {
    content: "";
    position: absolute;
    width: 90px;
    height: 54px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    background: #384047;
    border-radius: 4px;
    top: 36%;
    opacity: 0.7;
    }   
.undefined.youtube-lite.stretch-preview.embed-responsive.embed-responsive-16by9 {
    display: inline-block !important;
    height: 150px;
    width: 100%;
    box-sizing: border-box !important;
    }

/****/
.coursebox {
    position: relative;
    border-radius:10px;
    margin-bottom:30px;
    box-shadow: 1px 1px 10px #ccc;
    border: 0px solid #ccc;
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    background: #fff;
	overflow: hidden;	
    }
.coursebox-img {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 ratio */
    height: 0;
    overflow: hidden;
    }
.coursebox-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }
.coursebox-body {
    padding: 10px;
    flex-grow: 1;
    }
.coursebox-body15 {
    padding: 15px;
    }
.coursebox h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    font-size: 16px;
    margin: 0px !important;
    line-height: 20px;
    height: 20px;
    padding-bottom: 0px;
    font-weight: 600;
    text-align: left;
    border: none;
    margin-bottom: 5px !important;
    text-transform: capitalize;
    }
.coursebox p {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    -o-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    min-height: 38px;
    height: 38px;
    margin-bottom: 5px;
    margin-top: 0px;
    font-size: 14px;
    }
.course-caption {
    min-height: 38px;
    height: 38px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    -o-line-clamp: 1;
    line-clamp: 1;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    }
.lastupdate span {
    font-family: 'Roboto-Medium';
    }
.courseitext {
    padding-bottom: 0
    }
.courseitext i {
    margin-right: 5px;
    }
.courseitext span {
    margin-right: 10px;
    font-family: 'Roboto-Medium';
    }
.stats {
    border-top: 1px solid #ebeff2;
    overflow: auto;
    padding: 5px 0;
    }
.stats div {
    border-right: 1px solid #ebeff2;
    width: 33.33333%;
    float: left;
    text-align: center;
    }
.stats strong {
    display: block;
    }
.stats div:nth-of-type(3) {
    border: none;
    }
.coursebtn {
    background:#ffffff;
    padding:10px 10px;
    border-top:1px solid #ccc;
    overflow:hidden;
    }
.coursebtnfull .btn-add-full {
    width: 100%;
    background: #79b530;
    border: 0;
    color: #fff;
    display: block;
    font-size: 16px;
    padding: 12px;
    font-family: 'Roboto-Medium';
    }
.coursebtnfull {
    background: #f4f4f4;
    padding: 10px 0px 0px;
    border-top: 1px solid #ccc;
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    }
.paddbtop {
    padding-top: 10px;
    padding-bottom: 0;
    }
.btn-publishgreen {
    background: #79b530;
    color: #fff;
    border: 0;
    color: #fff;
    }
.btn-publishgreen:hover {
    background: #424242;
    color: #fff
    }
.coursebtn .btn-add {
    width: 48.5%;
    float: left;
    background: #727272;
    border: 0 !important;
    color: #fff;
    font-size: 15px;
    }
.coursebtn .btn-buygreen {
    background: #3bb3bd;
    color: #fff;
    width: 48.5%;
    float: right;
    border: 0 !important;
    color: #fff;
    font-size: 15px;
    }
.coursebtn .btn-buygreen:hover {
    background: #424242;
    }
.btn-add-full:hover,
.btn-add:hover {
    background: #424242;
    color: #fff;
    }
.author-block {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
    }
.author-wrap {
    position: absolute;
    bottom: 0;
    background: rgb(0 0 0 / 68%);
    width: 100%;
    margin: 0;
    min-height: 36px;
    }
.author-block img {
    width: 30px !important;
    height: 30px !important;
    float: left;
    min-width: 30px;
    margin-left: 5px;
    margin-top: 3px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    }
.author-block .authorname, .author-block .description {
    display: block;
    margin-left: 40px;
    }
.author-block .authorname {
    font-size: 12px;
    font-family: 'Roboto-Bold';
    color: #fff;
    line-height: 13px;
    padding-top: 1px;
    }
.course-caption {
    min-height: 50px;
    height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    -o-line-clamp: 1;
    line-clamp: 1;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    }
.classstats div {
    width: 48.33333%;
    float: left;
    }
.classstats i {
    margin-right: 8px;
    }
.author-block .description {
    color: #fff;
    font-size: 11px;
    line-height: normal;
    line-height: 13px;
    }
.maninuListi {
    padding: 15px;
    }
.card.material-table.maniCousreListi {
    display: inline-block;
    width: 100%;
    }
#course_builder a.btn_crir {
    float: right;
    }
#course_builder .table-header {
    display: inline-block;
    width: 100%;
    padding-top: 17px;
}
h4.active.minniHde {
    position:relative; color:#ef4036; margin-bottom:25px;
    padding-bottom:10px; font-size: 32px; text-align:center;    
    border-bottom:1px solid #ddd;
    }
h4.active.minniHde:after {
    position: absolute;
    width: 310px; height: 4px; background: #ef4036; content: "";
    bottom: -2px; left: 0px; right: 0px; margin: 0px auto;
    }
.class_dashboard .container {
    width:100%;max-width: 100%;
    }
.coursebox a {
    color:#333;    
    }

/****/

.coursebtn.crsebutton a {
    width:100%;
    float:left;
    }
.main_stud div#dashboard div#my_students a.btn.btn-primary.unique.bc_class {
    margin:-15px 0px 10px;
    }
.main_stud div#dashboard div#my_students .card.material-table.maniCousreListi .maninuListi {
    padding-bottom:0px;
    }
.main_stud div#dashboard div#my_students .card.material-table.maniCousreListi .maninuListi .row {
    margin-bottom:0px;
    }
.coursebox {
    border:1px solid #ccc;
    margin-bottom:25px;
    }
div#sessionExpireModel {
    max-width: 400px;
    border-radius: 1px !important;
    padding: 0px 10px;
    top: 20% !important;
    }
div#sessionExpireModel h2 {
    font-size: 24px;
    }
div#sessionExpireModel p {
    font-size: 14px;
    line-height: 20px;
    }
div#sessionExpireModel a {
    float: right;
    padding: 5px 15px;
    display: inline-block;
    background: #3bb3bd !important;
    color: #fff !important;
    border-radius: 2px;
    }
div#sessionExpireModel div#modal_content {
    padding: 0px !important;
    }
a.refreshBtn {
    background:#3bb3bd !important;
    color:#fff;
    padding:5px 10px;
    font-size:14px;
    border-radius:4px;
    position:absolute;
    right:15px;
    }
a.refreshBtn i.fa.fa-refresh {
    color:#fff;
    font-size:16px;
    margin-right:5px;
    }




/**Wallet page start**/

.xiberntut {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 15px;
}

span.xiberntuTxt {
    display: block;
    font-size: 18px;
    text-transform: uppercase;
}
.xiberntut h5 {
    font-weight:600;
	margin-bottom:0px;
}
.xiberntut.xbigrn {
    background: repeating-linear-gradient(0deg, hsl(174deg 79% 34%), hsl(143deg 83% 57%)100%);
    color: #fff;
	border:none;
}
.xiberntut.xbired {
    background: repeating-linear-gradient(0deg, hsl(0deg 99% 56%), hsl(0deg 99% 71%)100%);
    color: #fff;
	border:none;
}
.xiberntut.xbiyelo {
    background: repeating-linear-gradient(0deg, hsl(42deg 89% 49%), hsl(54deg 87% 64%)100%);
    color: #fff;
	border:none;
}
span.xibsessionHed {
    font-size: 50px;
}

a.xiberntuview {
    color: #fff;
    float: right;
    margin-top: 25px;
    font-size: 18px;
    text-decoration: underline;
}

.xiberntutSecond span {
    float: left;
    font-size: 18px;
}
.xiberntutSecond h5 {
    float: right;
    margin: 0px;
}
.xiberntutSecond {
    display:inline-block;
    width:100%;
}
.mainwalletBox #upcoming_exams .material-table table th {
    width:auto;
}
.mainwalletBox #completed_assesments .material-table table th {
    width:auto;
}
.mainwalletBox #upcoming_homeWork .material-table table th {
    width:auto;
}

/**Wallet css end**/

td.lessonDateCls br {
    display: block !important;
}
.notificationslist_cls .img_notifi img {
    width: 100%;
    height: 100%;
}
.notificationslist_cls .img_notifi span img {
    width: 28px !important;
    height: 28px !important;
}
.notificationslist_cls .main_textimg a {
    width: 100%;
    color: #000;
    display: flex;
    align-items: center;  
}
.notificationslist_cls .main_iText {
    display: inline-block;
    width: 100% !important;
}
.notificationslist_cls .main_textimg a .img_notifi {
    margin-right: 15px;
}
a.btn.btn-primary.pull-right.bc_class.examredirt {
    z-index: 1;
    right: 30px;
    position: absolute;
}
.coursebox .coursebtn.crsebutton a {
    width: 46%;
    float: left;
    padding: 0px;
    margin: 0px 2%;
    text-transform: capitalize;
	}
.vertabi .row.tabs-vertical .col.s2 {
    width: 210px;
	padding-left: 0px;
	}
.vertabi .row.tabs-vertical .col.s10 {
	padding: 0px;
    width: calc(100% - 210px) !important;
	}
.xbiPay button {
    color: #fff;
    line-height: 10px;
    background: #3bb3bd;
    display: inline-block;
    text-transform: capitalize;
    padding: 10px 20px !important;
    border-radius: 4px !important;
	}
#tab-vestibulares span.tabhradingcls {
    display: none;
	}
	
	


/*
#modalcredit input#card_number {
    background-image: url(https://eli.classperts.com/resources/images/images.png);
    background-position: 2px -121px,260px -61px;
    background-size: 120px 361px,120px 361px;
    background-repeat: no-repeat;
    padding-left: 54px;
    box-sizing: border-box;
    height: 36px;
}

input#card_number_for_points{
    background-image: url(https://eli.classperts.com/resources/images/images.png);
    background-position: 2px -121px,260px -61px;
    background-size: 120px 361px,120px 361px;
    background-repeat: no-repeat;
    padding-left: 54px;
    box-sizing: border-box;
    height: 36px;
}*/

.xbiTwoDetail div#cardnumber {
    background-position: 2px -121px,260px -61px;
    background-repeat: no-repeat;
    box-sizing: border-box;
    height: 32px;
    background-image: url(https://eli.classperts.com/resources/images/images.png);
    float: left;
    width: 50px;
    background-size: 120px 361px;
}


 
.xbiTwoDetail .form-control.visa {
    background-position: 2px -163px,260px -61px !important;
	}
.xbiTwoDetail .form-control.visa_electron {
    background-position: 2px -205px,260px -61px !important;
	}
.xbiTwoDetail .form-control.mastercard {
    background-position: 2px -247px,260px -61px !important;
	}
.xbiTwoDetail .form-control.maestro {
    background-position: 2px -289px,260px -61px !important;
	}
.xbiTwoDetail .form-control.discover {
    background-position: 2px -331px,260px -61px !important;
	}
.xbiTwoDetail .form-control.valid.visa {
    background-position: 2px -163px,260px -87px !important;
	}
.xbiTwoDetail .form-control.valid.visa_electron {
    background-position: 2px -205px,260px -87px !important;
	}
.xbiTwoDetail .form-control.valid.mastercard {
    background-position: 2px -247px,260px -87px !important;
	}
.xbiTwoDetail .form-control.valid.maestro {
    background-position: 2px -289px,260px -87px !important;
	}
.xbiTwoDetail .form-control.valid.discover {
    background-position: 2px -331px,260px -87px !important;
	}	
.xbiTwoDetail .form-control.amex {
    background-image: url(https://eli.classperts.com/resources/images/imagesxc.png),url(./images/images.png);
    background-position: 0px 5px, 260px -61px;
    background-size: 40px 135px, 120px 361px;
	}
form #card_number_for_points.amex {
    background-image: url(https://eli.classperts.com/resources/images/imagesxc.png),url(./images/images.png);
    background-position: 0px 5px, 260px -61px;
    background-size: 40px 135px, 120px 361px;
	} 
form #card_number.amex {
    background-image: url(https://eli.classperts.com/resources/images/imagesxc.png),url(./images/images.png);
    background-position: 0px 5px, 260px -61px;
    background-size: 40px 135px, 120px 361px;
	}	



/**Certificat**/

.cerimainxob .modal-dialog {
    max-width: 794px;
    width: 100%;
}
.draggable {
  position: absolute;
  top: 0;
  left: 0;
  cursor: move;
  background:none !important;
  font-size: 18px;
  color: #000;
  font-weight: 600;
}
.ceriMain {
   /* background: url(https://eli.classperts.com/resources/assets/images/img_certifieg.png);*/
    width:763px;
    height:570px;
    background-size:cover;
    margin:0px auto;
	position:relative;
	overflow:hidden;
}
.draggable.txtMini {
    width:480px;
    font-size: 18px;
    text-align: center;
	height: auto !important;
	}
.draggable.txtNameDate {
    width: 150px !important;
    height: auto !important;
    font-family: math;
    font-size: 22px;
	z-index:250;
	}
.draggable.txtNameDate img {
    max-width: 120px;
	}
.draggable.txtNameCert{ 
	width: 150px !important;
    height: auto !important;
    font-family: math;
    font-size: 22px;
	}
.draggable.txtNameCert  img {
    max-width: 120px;
	}
.draggable.txtQrcode{    
    width: 120px !important;
    height: auto !important;
	text-align:center;
	}	
button#certificate_save {
    margin: 20px auto;
    background: #3c8dbc;
    border: none;
    float: none;
    color: #fff;
    padding: 8px 30px;
    width: auto;
    font-size: 16px;
    border-radius: 4px;
	}
.certificate-button {
    text-align: center;
	}
.draggable.pfigmi {
    width:100px;
    height:100px;
	}
.draggable.pfigmi img {
    max-width:100px;
	}
.cerimainxob .modal-body.educ-login {
    padding:0px !important;
	}
.certificate-buttonnn {
    margin: 10px auto;
	}
.certificate-buttonnn button {
    padding: 8px 25px 8px;
    margin-bottom: 10px;
    background: #007bff;
    color: #fff;
    border: none;
    border-radius: 4px;
	}
.cerimainxob {	
	max-width:798px;
    max-height:100% !important;
    top:20px !important;
    overflow-x:hidden !important;
    width:100% !important;
	}
.cerimainxob h4.modal-title {
    float: left;
	font-size: 28px;
	}
.cerimainxob button.close.modal-close {
    float: right;
    border-radius: 20px;
    width: 30px;
    height: 30px;    
    background: #fff;
    font-size: 28px;
    line-height: 22px;
	}
.cerimainxob .modal-header.brand-modal {
    border-bottom: 1px solid #ccc;
    display: inline-block;
    width: 100%;
	}
.cerimainxob .modal-content {
    padding: 10px !important;
	}
div#updateEmailModel {
    width:100%;
    top:0px !important;
    max-height:100%;
	}
.dark_mode .bxi_details {   
	background: #333c47;
	}
.dark_mode .bxi_details h4 {
    color: #fff;
	}
	
.vx_rtr span.col.s6 {
    padding-left:0px !important;
   margin-right: 0px;
	}
.vx_rtr {
    display:inline-block;
    width:100%;
	}
.vx_rtr select#academic_session_id {
    display:block;   
    font-size:17px;
	}
.clPass span{
    font-size:18px;
    margin-right:10px;
	}
	

.scheduleRecordingCls video#videoControlID {
    width:100%;
	}
.scheduleRecordingCls .modal-footer {
    background:none !important;
    width:100% !important;
    text-align:center;
	}
.scheduleRecordingCls .modal-footer a {
    border:2px solid #3bb3bd;
    display:inline-block;
    padding:5px 25px;
    border-radius:4px;
    min-width:150px;
    text-align:center;
	}
.scheduleRecordingCls .modal-footer a#videoPreviweDownload img {
    max-width:30px;
	}
.scheduleRecordingCls{
    max-height:100% !important;
	}
.scheduleRecordingCls div#modal_content {
    margin:0px !important;
	}
.scheduleRecordingCls div#modal_content {
    margin: 0px !important;
	}
.scheduleRecordingCls .close_com a.close_clear.modal-close {
    background: #30939b;
    line-height: 0px;
    border-radius: 20px;
    width: 26px;
    height: 26px;
    display: block;
    color: #fff;
    text-align: center;
	}
	
#historytable td span.tbi_right a {
    width: 50px;
	}
#historytable td span.tbi_right a i {
    color: #fff;
	}
	

.mainwalletBox table.table.vertitabismnin th {
    padding: 0px 5px !important;
    white-space: break-spaces !important;
	}

    
.btnclPass {
    background: #3bb3bd !important;
    border: none !important;
    padding: 10px 15px !important;
    display: inline-block !important;
    color: #fff !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
}

.studentProAftr .vx_rtr {
    padding-top:0px;
    margin:0px;
	}



.studentProAftr .vx_rtr span {
    display: inline-block;
    width: 100%;
}

.studentProAftr .vx_rtr span select {
    border:1px solid #9a9a9a;
}

.studentProAftr hr {border-bottom: none;box-shadow: none !important;background: none !important;}


.fc-event.fc-draggable {
    padding:5px;
	}



.text-success {
    background: #27ab00 !important;
	border-color:#27ab00 !important;
	}
.text-warning {
    background: #ffeb00 !important;
    border-color: #ffeb00 !important;
	}
.text-holiday {
    background: #a7a7a7 !important;
    border-color: #a7a7a7 !important;
	}
.text-dange{	
	background:#fa2601 !important;
    border-color:#fa2601 !important;
	}
.text-warning{	
	background:#fa8a00 !important;
    border-color:#fa8a00 !important;
	}



/**Grid CSS start**/


.btopvid {
    width: 18.60%;
    margin: 0 0 29px;
    float: none;
    border: 1px solid #ddd;
    padding: 1px;
    margin-left: 16px;
    background-color: #f5f5f5 !important;
    max-width: 242px;
    display: inline-block;
}
.tabiFirstgrid .bmidImg a img {
    width: auto;
    max-width: 200px;
    max-height: 200px;
}
.bmidImg a img {
    top: 0;
    width: 100%;
    height:300px;
    object-fit: cover;
    position: relative;
    max-width: inherit;
    vertical-align: top;
    transition: .5s ease-in-out;
}
.bmidImg {
    height: 360px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,.2);
    overflow: hidden;
}
.bmidImg h5 {
    font-size: 19px;
    text-align: center;
    padding: 10px 5px;
    background: #3bb3bd;
    margin: 0px;
    color: #fff;
	    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
	border-radius: 0px 0px 8px 8px;

}
span.hdmidCenter {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.bmostopImg {
    margin: 30px 0px;
}
ul.lisiGriding {
    float: right;
    margin-top: 20px;
}
.table-header.headerWithGrid {
    display: inline-block !important;
    width: 100%;
}
ul.lisiGriding li {
    display: inline-block;
	}
ul.lisiGriding li a {
    margin: 10px 8px;
	}
.table-header.headerWithGrid span.table-title {
    margin-top: 15px;
    display: inline-block;
	}
ul.lisiGriding li a .fa {
    color: #333;
	}
ul.lisiGriding li a:hover .fa {
    color: #3bb3bd;
	}
ul.lisiGriding li a.active .fa {
    color: #3bb3bd;
	}
.tabiFirstgrid .bmidImg a.lockBgcolor {
    position: relative;
}
.btopvid.lockBook .bmidImg a.lockBgcolor:after {
	left: 0px;
    color: #fff;
    width: 100%;
    height: 100%;
    content: "\f023";
    bottom: 0px !important;
    position: absolute;
    text-align: right;
    background: #000000ad;
    line-height: 50px !important;
    font: normal normal normal 34px / 1 FontAwesome;
    padding-right: 10px;  
	}
.btopvid.lockBook {
    position: relative;
	}	
a.btnByonw {	
	top:40%;
    left:10px;
    opacity:0;
    color:#fff;
    z-index:9999999;
    max-width:95px;
    margin:0px auto;
    min-width: 95px;
    position:absolute;
    text-align:center;
    border-radius:4px;
    background:#3bb3bd;
    padding:7px 0px !important;
    font-size: 16px !important;
    min-height: inherit !important;
    display: inline-block !important;
	}
a.btnByonw + a.btnByonw {
    right: -90px;
    float: right;
	}
.btopvid.lockBook .bmidImg:hover a.btnByonw {
    opacity: 1;
	z-index: 99 !important;
	}
.btopvid.lockBook .bmidImg:hover  a.lockBgcolor:after {
    font-size: 0px;
	}



@media (max-width: 1336px) {
	.btopvid {
		width:18%;
	}
}
@media (max-width: 1200px) {
	.btopvid {
		width:23%;
		margin-left: 10px;
	}
}
@media (max-width: 900px) {
	.btopvid {
		width:31%;		
		max-width:100%;
	}
}

@media (max-width: 767px) {
	div#cirruculum.container.inner_det_s.backbtncls_one center img {
		width: auto;
		display: block;
		margin-right: 0px;
		margin-top: 0px !important;
	}
	div#cirruculum.container.inner_det_s.backbtncls_one center {
		width:100%;
		display:inline-block;
	}
} 


@media (max-width: 600px) {
	.btopvid {
		width:47%;
	}
}

@media (max-width: 420px) {
	
	.btopvid {
		width:94%;
	}
}

/**Grid CSS End**/



span.tcname {
    font-size: 18px;
    display: block;
    font-weight: 500;
}

span.tcRom {
    font-size: 14px;
}

.dayLeft {
    /*position: absolute;
	opacity: 0;
	background: #0009;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    display: flex;
    align-items: center;
    justify-content: center;    
    height: 100%;
	border-radius: 8px;	
	flex-flow: column;*/
	
	top: 0px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    height: 40px;
    border-radius: 8px 8px 0px 0px;
    flex-flow: column;
    position: absolute;
    z-index: 9;
    background:#000000e0;
    text-align: center;
	
	
}

@keyframes blinker {  
  50% { opacity: 0; }
}


.dayLeftBuyNow {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    height: 100%;
    border-radius: 8px 8px 0px 0px;
    position: absolute;
    z-index: 9;
    background:#000000b3;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
	 opacity:0;
}
.bmidImg:hover .dayLeftBuyNow {
    opacity: 1;
}


.dayLeftBuyNow a {
    display: inline-block !important;
    min-height: auto !important;
    float: left !important;
    background: #3bb3bd;
    color: #fff;
    padding: 5px 10px;
    font-size: 14px !important;
    margin: 0px 3px;
    min-width: 70px;
    border-radius: 3px;
}


.remaningBox {
    float: right;
    display: inline-block;
    margin-right: 15px;
	}
.remaningBox a {
    position: inherit !important;
	}
.tabiFirstgrid .bmidImg:hover .dayLeft {
    opacity: 1;
	}
.tabiFirstgrid .bmidImg {
    position: relative;
	}
a.dayLeftBtn {
    /*background: #3bb3bd;
    display: inline-block !important;
    padding: 20px 15px;
    line-height: 0px;
    min-height: inherit !important;
    color: #fff;
    border-radius: 8px 8px 0px 0px;
    font-size: 16px !important;
    margin: 0px 0px 5px;
    width: 100%;
    text-align: center;*/
	
	display: inline-block !important;
    padding: 20px 15px;
    line-height: 0px;
    min-height: inherit !important;
    color: #fff;
    border-radius: 8px 8px 0px 0px;
    font-size: 16px !important;
    margin: 0px 0px 5px;
    width: auto;
    text-align: center;	
	 animation: blinker 2s linear infinite;
	}	
#pending_lesson table#penddingtable tr td {
    white-space: inherit !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
	}
html body #pending_lesson table#penddingtable tr th.pndLesDes.sorting_disabled {
    max-width: 300px !important;
    width: 40% !important;
	}
.xdibookLib .table-header.headerWithGrid {
    height: 60px;
    padding-left: 24px;
    padding-right: 14px;
	}
.xdibookLib .table-header.headerWithGrid span.table-title {
    color: #000;
    font-size: 20px;
	}
.main_stud div#updateEmailModel {
	max-width: 600px;
	top: 10% !important;
	}
.xdibookLib ul.pagination {
    display: none;
}

/****/
.tabiFirstgrid .bmidImg a {
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.tabiFirstgrid .bmidImg {
    height: auto !important;
}

ul.listgrdiThum {
    float: right;
}

ul.listgrdiThum li {
    display: inline-block;
    margin: 5px 5px 0px 10px;
	}
ul.listgrdiThum li a .fa {
    color: #333 !important;
	}
.tabiFirstgrid .btopvid {
        width: 18.50%;
    margin-left: 1%;
    max-width: 230px;
    border-color: #3bb3bd;
    border-radius: 10px;
    overflow: hidden;
    background: #fff !important;   
	}		
.tabiFirstgrid {
    display: inline-block;    width: 100%;
	}
.tabiFirstgrid .main_div_str {
    margin-top: 30px;
	}
ul.listgrdiThum li a.active .fa, ul.listgrdiThum li a:hover .fa {
    color: #3bb3bd !important;
	}
	
	

@media (max-width: 1200px){	
	.tabiFirstgrid .btopvid {
		width:23.5% !important;
	}
}

@media (max-width: 900px){	
	.tabiFirstgrid .btopvid {
		width:31.5% !important;
	}
	.tabiFirstgrid .bmidImg h5 {
		font-size:17px;
	}
}
	
	@media (max-width: 600px){	
	.tabiFirstgrid .btopvid {
		width:48% !important;
	}
}
	


/****/	
  
  
  
  
  
/**Product shop Details**/


.summary-meta.physicalBookCls {
    display: inline-block;
    width: 100%;
	}
span.product-price.product-priceDitailPage {
    display: inline-block !important;
    width: 100%;
	}	


.sharemodeling #alertMessage {  
    background-color: #4CAF50;
    color: white;
    padding: 15px;
    border-radius: 5px;
    display: none;
    z-index: 1000;
	text-align:center;
	    position: fixed;
    max-width: 380px;
    width: 100%;
	}
	
	
.mainShoDetailPage {
    width:100%;
    display:inline-block;
	}
.mainShoDBred {
    width:100%;
    padding:15px;
    background:#f5f5f5;
    display:inline-block;
	}
.mainShoDBred ul.mainBreadcrumb {
    margin-top:0px;
	}
.mainShoDBred ul.mainBreadcrumb li a {
    color:#09c  !important;
	}
.site-info__image {
    float: left;
    margin-right: 25px;
	}
.bg-ligh_mb {
    padding:25px;
    background:#f1f3f4;
	margin-bottom:25px;
	}
.site-info__item.d-flex.align-items-start + .site-info__item.d-flex.align-items-start {
    border-top: 1px solid #e5e5e5;
	}
.site-info__item.d-flex.align-items-start {
    padding: 15px 0px;
	}
.site-info__title.h4.fw-bold {
    color: #555;
    font-size: 18px;
    margin: 0 0 3px;
    font-weight: 500;
    letter-spacing: -1px;
	}
h6.fw-bold {
    color: #555;
    font-size: 16px;
    margin: 0 0 3px;
    font-weight: 500;
	}
h4.fw-bold {
    margin: 0px;
    font-size: 28px;
    font-weight: 500;
	}
.site-info__title.h4.fw-bold {
    color: #555;
    font-size: 18px;
    margin: 0 0 3px;
    font-weight: 500;
    letter-spacing: -1px;
	}
h6.fw-bold {
    color: #555;
    font-size: 16px;
    margin: 0 0 3px;
    font-weight: 500;
	}
h4.fw-bold {
    margin: 0px;
    font-size: 28px;
    font-weight: 500;
	}
.product-header-left h1.fs-5.fw-normal.product_title.entry-title {
    margin: 0px;
    font-size: 24px;
	}
.product-entry-meta .text-secondary {
    display: inline-block;
	}
.product-entry-meta {
    display: flex;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
	}
ul.listigniStrtr li {
    display: inline-block;
	}
ul.listigniStrtr {
    margin: 0px 0px 0px 20px;
	}
ul.listigniStrtr li .fa {
    color: #fab528;
	}
.site-info__title.h4.fw-bold {
    color: #555;
    font-size: 18px;
    margin: 0 0 3px;
    font-weight: 500;
    letter-spacing: -1px;
	}
h6.fw-bold {
    color: #555;
    font-size:16px;
    margin: 0 0 3px;
    font-weight: 500;
	}
h4.fw-bold {
    margin: 0px;
    font-size: 28px;
    font-weight: 500;
	}
.product-header-left h1.fs-5.fw-normal.product_title.entry-title {
    margin: 0px;
    font-size: 24px;
	}
.product-entry-meta .text-secondary {
	display: inline-block;
	}
.product-entry-meta {
    display: flex;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
	}
ul.listigniStrtr li {
    display: inline-block;
	}
ul.listigniStrtr {
    margin: 0px 0px 0px 20px;
	}
ul.listigniStrtr li .fa {
    color: #fab528;
	}
.mainShopSecti {
    padding: 25px;
    background: #f8f9fa;
	}
.mainShopSecti > .rowving{
    margin: 0px;
    background: #fff;
    padding: 30px 15px;
    border-radius: 10px;
	}
.rowving .col.s4 {
    
	}
.product-details.js-product-content {
    padding-left: 15px;
    padding-right: 15px;
	}
.product-price-sale ins {
    float: left;
    font-size: 24px;
	}
.product-price-sale del {
    font-size: 16px;
    margin-left: 3px;
    line-height: 30px;
	}
.product-meta-sold-by a {
    color: #09f;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
	}
.ps-list--dot ul li {
	list-style-type: disc;
	}
.ps-list--dot ul {
    padding-left: 30px;
	}
.product-stock.in-stock.d-inline-block {
    color: #26901b;
    font-weight: 700;
    padding: 7px 15px;
    border-radius: 5px;
    margin: 14px 0 20px;
    background-color:#ebfae9;
    border: 1px solid #82d45e;
	    display: inline-block;
	}
.meta-sku {
	padding-top:20px;
	border-top:1px solid #ccc;
	}
span.meta-label.d-inline-block.me-1 {
    color: #888;
    margin-right: 10px;
	}
.meta-categories {
    margin-top: 5px;
	}
ul.widget-socials-share.widget-socials__text li a {
    color: #fff;
    width: auto;
    height: auto;
    display: flex;
    line-height: 1;
    font-size: 12px;
    padding: 5px 7px;
    border-radius: 3px;
    align-items:center;
    background: #4267b2;
	}
ul.widget-socials-share.widget-socials__text li {
    display: inline-block;
	}
ul.widget-socials-share.widget-socials__text li a span.text {
    font-size: 10px;
    font-weight: 700;
    margin: 1px 0 0 5px;
    display: inline-block;
	}
a.share-twitter {
    background: #3eb0ff !important;
	}
a.share-pinterest {
    background-color: #b10c0c !important;
	}
a.share-linkedin {
    background-color: #0271ae !important;
	}
	
.mainShoDetailPage .vtbatical {
    float: left;
	        width: 100%;
	}
.vtbatical ul.tabs {
    overflow:hidden;
    flex-wrap: wrap;
    margin: 0 0 40px;
    padding: 22px 25px;
    position: relative;
    display: inline-block;
    width: 100% !important;
    height: auto !important;
    background-color: #f5f5f5;
	}
.vtbatical ul.tabs li {  
    width: 100%;
    text-align: left;
    display: inline-block;
	}
.vtbatical .hide-tab-scrollbar {
    height: auto;
	}
.vtbatical {
    padding: 35px 25px;
	}
.vtbatical ul.tabs li a.active, .vtbatical ul.tabs li a:hover{
    font-weight:500;
    background:#2d8ae8;
    color:#fff !important;
	}
.vtbatical ul.tabs li a {
    color:#333;
    padding-left:10px;
	}
.vtbatical ul.tabs li + li {
    border-top: 1px solid #ccc;
	}
.vtbatical .indicator {
    display: none;
	}
.mainShoDetailPage label.label-quantity {
    color: #555;
    display: block;
    font-size: 14px;
	}
ul.listingcartiButing li a {
    border: 0;
    color: #fff;
    transition: .5s;
    font-weight: 700;
    min-width: 125px;
    padding: 9px 10px;
    text-align: center;
    border-radius: 3px;
    display: inline-block;
    background-color: #3bb3bd;
    box-shadow: none!important;
	}
ul.listingcartiButing li {
    display: inline-block;
	}
ul.listingcartiButing {
    margin-bottom: 8px;
	}
ul.listWishCompare li {
    margin-right: 15px;
    display: inline-block;
	}
ul.listWishCompare li a {
    color: #555;
    font-size: 16px;
	}
	
		
	
span.product-price.product-priceDitailPage {
    display: block;
	}
span.product-price.product-priceDitailPage span.product-price-sale {
    display: block;
    color: #7e859b;
    margin-bottom: 10px;
	}
span.product-price.product-priceDitailPage span.product-price-sale p {
    display: inline-block;
    margin-left: 10px !important;
    font-weight: 400;
    margin: 0px;
	}
span.product-price.product-priceDitailPage span.product-price-sale bdi span.amount {
    font-size: 20px;
    color: #404553;
	}
p.offButningo {
    color: #26901b;
    font-weight: 700 !important;
    padding: 1px 10px 0px;
    border-radius: 5px;
    background-color: #ebfae9;
    border: 1px solid #cae3bf;
    font-size: 14px;
	}
span.wasClass {
    font-weight: 400;
    min-width: 50px;
    display: inline-block;
	}
span.amount.amountSaving {
    color: #404553;
    font-weight: 900;
    font-size: 14px;
	}
.product-entry-meta.shopDiRating {
    margin-bottom: 0px;
    border-bottom: 0px;
	}
.product-entry-meta.shopDiRating p {
    margin-bottom: 0px;
    margin: 0px;
	}
.product-meta-sold-by.my-2.bmtopbord {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #ccc;
    padding-top: 15px;
	}




span.soldLabel {
    min-width:70px;
    display:inline-block;
    color:#888;
    margin-bottom:10px;
    margin-right: 10px;
	}
.product-entry-meta.shopDiRating .star-rating-wrapper {
    margin-top:2px;
	}
span.soldLabeltwo {
    display: inline-block;
    float: right;
    width: calc(100% - 130px);
    line-height: 20px;
	}
.ps-list--dot {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
	}
	
.entry-product-header .product-header-left {
    margin-bottom:20px;
	}
	
	
.midDetailRadi .bxiMiniDays {
    box-shadow: none;
	}
.midDetailRadi ul.listingcartiButing li a span {
    font-size: 15px;
	}
.midDetailRadi ul.listingcartiButing {
    text-align: center;
	}
		
	
	

ul.listWishCompare {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.meta-skuApi {
    width: 50%;
    float: left;
	    margin-bottom: 5px;
}

.meta-skuApi span.metalabel{
    min-width:85px;
	}
.meta-sku {
    display:inline-block;
    width:100%;
    margin-top:20px;
	}
.meta-skuApi span.metalabel {
    min-width:90px;
    display:inline-block;
    color:#888;
	}
.meta-skuApi span.meta-value {
    font-size:16px;
    font-weight:500;
    color:#333;
	}
	
	
.bxiMiniDays span.hyperMrgin label {
    width: 100% !important;
    display: inline-block;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    padding: 15px;
    height: auto !important;
	border-radius: 8px;
	padding-left: 40px;
	}
.bxiMiniDays span.hyperMrgin label .price {
    display:inline-block;
    float:right;	
	}
	
span.amountDroping {
    color: #888;
    font-size: 15px;
    margin-right: 5px;
    text-decoration: line-through;
	}
.bxiMiniDays p {
    text-align: center;
	}
	
.bxiMiniDays [type=radio]:checked+label {
    border: 2px solid #3bb3bd;
	}
.bxiMiniDays span.hyperMrgin label::before, .bxiMiniDays span.hyperMrgin label::after {
    top: 15px;
    left: 10px;
	}	
h3.counts_books {	
	/*background: #ebfae9;
    box-shadow: 0px 0px 10px #ccc;
    width: calc(100% - 40px);
    margin: 0px auto 25px;
    font-size: 16px;
    padding: 10px 15px;
    color: #26901b;
    border: 1px solid #82d45e;
    border-radius: 4px;*/
    box-shadow: 0px 0px 10px #ccc;
    width: calc(100% - 40px);
    margin: 0px auto 25px;
    font-size: 22px;
    padding: 15px 20px;
    border-radius: 4px;
    font-weight: 400;
	}
.bxiMiniDays {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    margin-bottom:25px;
    padding: 20px;
    width: 100%;
	}
.bxiMiniDays h4 {
    font-size: 16px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 20px;
	}
.bxiMiniDays .incoding {
    color: #757575 !important;
    text-align: center;
    display: inline-block;
    width: 100%;
	}
.bxiMiniDays h2 {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 5px;
	}
.bxiMiniDays a {
    border: 0;
    transition: .5s;
    font-weight: 700;
    min-width: 125px;
    padding: 9px 10px;
    text-align: center;
    border-radius: 3px;
    display: inline-block;
    background-color: #3bb3bd;
    box-shadow: none !important;
    width: 100%;
    color: #fff !important;
    opacity: 1;
	}
.bxiMiniDays a span {
    color: #fff !important;
    font-size: 20px;
	}
span.detiBack {
    float: left;
    margin-left: 10px;	
	}
	
	
	
	
	
	
.product-button {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
	}
.selcRentinh {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
	}
.selcRentinh select {
    width: 100% !important;
	}
.product-button .quantity {
    flex: 0 1 100px;
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
}
.product-button .label-quantity {
    display: none;
    margin-bottom: 10px;
}
.product-button .quantity .qty-box {
    border: 1px solid #ddd;
    border-radius: 3px;
    position: relative;
    width: 100%;
}
.product-button .quantity .decrease, .product-button .quantity .increase {
    align-items: center;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    color: #000;
    cursor: pointer;
    display: flex;
    font-size: 10px;
    font-weight: 700;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: .5s;
    width: 30px;
}
.product-button .quantity .qty {
    -moz-appearance: textfield;
    appearance: textfield;
    -webkit-appearance: textfield;
    background-color: #fff;
    border-radius: 3px;
    border-width: 0;
    color: #000;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    height: 38px;
    line-height: 38px;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}
.product-button .quantity .increase {
    left: auto;
    right: 0;
}
.product-inner .product-button .add-to-cart-button {
    padding-left: 7px;
    padding-right: 7px;
    width: 100%;
	    height: auto;
}


.product-button .qty-input {
    border-radius: 2px;
    border: 1px solid #e2e2e2;
    color: #000;
    background: #fff;
    align-items: center;
    overflow: hidden;
}
	
	
	.product-button .qty-input .qty-count:disabled {
    color: #ccc;
    background: #f2f2f2;
    cursor: not-allowed;
    border-color: transparent;
}
.product-button .qty-input .qty-count {
    padding: 0;
    cursor: pointer;
    width: 25px;
    text-indent: -100px;
    overflow: hidden;
    position: relative;
}




.product-button .qty-input {
	color: #000;
	background: #fff;	
	align-items: center;
	overflow: hidden;
}
.product-button .qty-input .product-qty, .product-button .qty-input .qty-count {
	background: transparent;
	color: inherit;
	font-weight: bold;
	font-size: inherit;
	border: none;
	display: inline-block;
	min-width: 0;
	height: 2.5rem;
	line-height: 1;
}
.product-button .qty-input .product-qty:focus, .product-button .qty-input .qty-count:focus {
	outline: none;
}
.product-button .qty-input .product-qty {
	width:39px;
	min-width: 0;
	display: inline-block;
	text-align: center;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
	    margin: 0px;
}
.product-button .qty-input .product-qty::-webkit-outer-spin-button, .product-button .qty-input .product-qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
}
.product-button .qty-input .qty-count {
	padding: 0;
	cursor: pointer;
	width:25px;	
	text-indent: -100px;
	overflow: hidden;
	position: relative;
}
.product-button .qty-input .qty-count:before, .product-button .qty-input .qty-count:after {
	content: "";
	height: 2px;
	width: 10px;
	position: absolute;
	display: block;
	background: #000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	}
.product-button .qty-input .qty-count--add:after {
	transform: rotate(90deg);
	}
.product-button .qty-input .qty-count:disabled {
	color:#ccc;
	background:#f2f2f2;
	cursor:not-allowed;
	border-color:transparent;
	}
.product-button .qty-input .qty-count:disabled:before, .product-button .qty-input .qty-count:disabled:after {
	background:#ccc;
	}
.product-button .qty-input {
	border-radius: 2px;
    border: 1px solid #e2e2e2;
	}


.product-inner:hover .product-loop__buttons {
    opacity: 1;
}

.product-inner:hover .product-bottom-box {
    opacity: 1;
    z-index: 1;
}
.product-inner:hover {
    border: 1px solid #ccc;
    border-bottom: 0px;
    z-index: 1;
}


.star-rating-wrapper {
    align-items: center;
    display: flex;
	margin-top: 15px;
	}
.star-rating-wrapper .star-rating {
    display: inline-block;
    flex: 0 0 auto;
    font-size: 12px;
    margin-right:8px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
	}


.product-review-number {
    border: 1px solid #e0e2e3;
    padding: 35px 43px 33px 40px;
	}
.product-review-number h3.product-review-number-title {
    font-size: 20px;
    margin-top: 0px;
	}
.product-review-summary-value {
    font-size: 32px;
    margin-right: 10px;
    display: inline-block;
	}
.product-review-summary-rating {
    display: inline-block;
	}
ul.llissingStaro {
    float: left;
    margin: 0px;
    margin-right: 5px;
	}
.product-review-summary-rating p {
    margin: 0px;
    display: inline-block;
	}
ul.llissingStaro li {
    display: inline-block;
	}
.product-review-summary {
    display: flex;
    align-items:center;
    margin-bottom: 10px;
	}
ul.llissingStaro li .fa {
    color: #ffb342;
    font-size: 17px;
	}
.product-review-progress-bar {
    display: flex;
	}
span.product-review-progress-bar-title {
    min-width: 60px;
	}
span.product-review-progress-bar-percent {
    min-width: 60px;
    text-align: right;
	}
p.text-danger, p.text-danger a {
	color: #f00;
	}
.form-rating-stars.ms-2 {
    display: inline-block;
	}
label.form-label.mb-0.required {
    float: left;
    color: #333;
    font-size: 16px;
    margin-right: 5px;
	}
.form-rating-stars label:after, .form-rating-stars label:before {
    display: none;
	}
.form-rating-stars label {
    margin: 0px !important;
    padding: 0px !important;
	}
.form-rating-stars .icon-tabler-wrapper svg {
    width: 18px;
    color: #fab528;
	}
.mainShopSecti .bg-ligh_mb h4.fw-bold {
    font-size: 16px;
    margin: 10px 0px;
	}
ul.list_rigig li .udlite-block-list-item {
    display: flex;
    align-items: center;
	}	
label.form-label.required.active {
    float: left;
    color: #333;
    font-size: 16px;
    margin-bottom: 5px;
	}
.mainShoDetailPage .image-popup {
    z-index: -1;
	}
.mainShoDetailPage .image-popup.show {
    z-index: 1;
    position: fixed;
	}
.product-review-container h4.mb-3 {
    font-size: 20px;
	}








@media only screen and (max-width: 991px) {	
		.mainShopSecti {
			float: left;
			padding: 15px 0px;
		}
		.mainShopSecti .rowving .col.s5 {
			width:100%;
			margin-bottom:15px;
		}
		.mainShopSecti .rowving .col.s4 {
			width:100%;
			border:none;
		}
		.mainShopSecti .rowving .col.s3 {
			width:100%;
		}
		.mainShoDetailPage .vtbatical {
			padding:15px 0px !important;
		}		
		.mainShopSecti > .rowving {			
			padding: 30px 0px;			
		}		
		.studentShopDetail .vtbatical ul.tabs {
		    padding:15px 15px;
		}
				
	}


@media only screen and (max-width: 767px) {
	
    .studentShopDetail .vtbatical .tabs-vertical .col.s3 {
        width: 100%;
    }
	.studentShopDetail .vtbatical .tabs-vertical .col.s9 {
        width: 100%;
    }
	.product-review-container .row .col.s4 {
		width: 100%;
	}
	
}




/**Product shop Details End**/
  
  
  



/**MangBookList S**/


.mngBookingList .product-inner {
    padding:15px;	
    background:#fff;
	position:relative;
    margin-bottom: 25px;  
    border-width: 1px 1px 0;
    border: solid transparent;
    box-shadow:0px 0px 10px #ccc;
	}
.mngBookingList .afetrlockBook{
	position:relative;	
	}		
.mngBookingList .afetrlockBook:after {
    left: 0px;
    color: #fff;
    width: 100%;
    height: 100%;
    content: "\f023";
    position: absolute;
    text-align: right;
    padding-right: 10px;
    background: #0000006b;
    bottom: 0px !important;
    line-height: 50px !important;
    font: normal normal normal 34px / 1 FontAwesome;
	}	
.mngBookingList .product-content-box {
    min-height:160px;
	}	
.mngBookingList .img-fluid-eq .img-fluid-eq__wrap	{
	z-index:1;
	}	
.mngBookingList .product-inner .product-thumbnail {
    position:relative;
    margin-bottom:20px;
	}
.mngBookingList .product-inner .product__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #09f;
    width: 100%;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 400;
    min-height: 42px;
    overflow: hidden;
    line-height: 1.5em;
    margin-bottom: 5px;
    display: -webkit-box;
    text-overflow: ellipsis;
	}
.mngBookingList .sold-by-meta a {
    color: #212529;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
	font-weight: 700;
	}
.mngBookingList .img-fluid-eq .img-fluid-eq__wrap img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
	    max-height: 260px;
	}
.mngBookingList .star-rating-wrapper {
    align-items: center;
    display: flex;
	margin-top: 15px;
	}
.mngBookingList .star-rating-wrapper .star-rating {
    display: inline-block;
    flex: 0 0 auto;
    font-size: 12px;
    margin-right:8px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
	}
.mngBookingList .d-inline-block {
    display: inline-block!important;
	}
.mngBookingList .product-price {
    align-items: center;
    color: #690;
    display: flex;
    flex-wrap: wrap;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 5px;
	}
.mngBookingList .product-price del {
    color: #888;
    font-size: .85em;
    font-weight: 400;
    margin-right: 4px;
    order: 2;
	}
.mngBookingList .product-price ins {
    background-color: transparent;
    color: #cb4321;
    margin-right: 4px;
	order: 1;
	}
.mngBookingList .product-inner .product-bottom-box {
    background-color: #fff;
    border: 1px solid #c9c9c9;
    border-top: 0 solid #c9c9c9;
    opacity:0;
	position: absolute;	
    left: -26px;
    padding: 17px 25px 25px;    
    right: -26px;
    top: 100%;
    z-index: -1;
	}	
.mngBookingList ul.max-rating.rating-stars {
    margin: 0px;
	}
.mngBookingList ul.max-rating.rating-stars li {
    display: inline-block;
	}
.mngBookingList a.btnByonw {
    top: 40%;
    left:10%;
    opacity: 0;
    color: #fff;
    z-index: 9999999;
    max-width: 95px;
    margin: 0px auto;
    min-width: 95px;
    position: absolute;
    text-align: center;
    border-radius: 4px;
    background: #3bb3bd;
    padding: 7px 0px !important;
    font-size: 16px !important;
    min-height: inherit !important;
    display: inline-block !important;
	}
.mngBookingList .product-inner:hover a.btnByonw {
    opacity: 1;
	z-index: 99 !important;
	}	
.mngBookingList .col.s2 {
    width: 20% !important;
	}
.mngBookingList a.btnByonw + a.btnByonw {
    right: 10%;
    float: right;
    left: inherit;
	}
	
	
	
	
@media (max-width: 1350px){	
	.mngBookingList a.btnByonw {    
		left:7%;
	}
	.mngBookingList a.btnByonw + a.btnByonw {
		right:7%;    
	}
}
@media (max-width: 1250px){	
	.mngBookingList .col.s2 {
		width: 25% !important;
	}
}	
@media (max-width: 1024px){	
	.mngBookingList .col.s2 {
		width:33.33% !important;
	}
}	
@media (max-width: 767px){	
	.mngBookingList .col.s2 {
		width:50% !important;
	}
}	

@media (max-width: 540px){	
    .mngBookingList .col.s2 {       
        padding: 0px 5px;
    }
	.mngBookingList .product-inner {
		padding: 10px;
		margin-bottom: 10px;
	}
	.mngBookingList .img-fluid-eq .img-fluid-eq__wrap img {
		width: auto;
		height: 120px;
		max-height:inherit;
	}
	.mngBookingList .img-fluid-eq .img-fluid-eq__wrap {
        text-align: center;
	}
}
		



/**MangBookList End**/



.coursebtn.crsebutton .progress.blue.lighten-4.tooltipped {
    height: 22px;
    max-width: 96%;
    margin-left: 2%;
    margin-top: 10px !important;
    display: inline-block;
    position: relative;
    margin-bottom: 0px;
	}
.coursebtn.crsebutton .progress.blue.lighten-4.tooltipped .determinate.blue {
    transition: width 1s ease-in-out;
    padding: 0px 4px;
    position: absolute;
    color: #fff;
    text-align: right;
    white-space: nowrap;
	}
.coursebtn.crsebutton .progress.blue.lighten-4.tooltipped span {
    float: left;
    color: #fff;
    padding: 0px 8px;
    z-index: 99999;
    position: absolute;
    font-size: 14px;
	}
div#modalAcade {
    width: 100%;
    max-width: 98%;
	}	
#tab-ead .addMoreCard a {
    background: #3bb3bd;
    padding: 10px 30px;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    float: right;
    margin-top: -50px;
	}
#tab-ead .addMoreCard {
    display: inline-block;
    width: 100%;
    margin-top: -40px;
    border-bottom: 1px solid #ccc;
	}
#tab-ead .xbiTwo {
    border-bottom: 1px solid #e9e1e1;
    padding-bottom: 10px;
	}
#tab-ead .mthdBox h3 {
    margin-bottom: 0px;
	}	





/*****/

.course-container {
    position:relative;
    border-radius:15px;
    overflow:hidden;
    border:1px solid #d8d8d8;
    width:calc(100% - 4px);
    margin:auto;
    box-shadow: 0 0 7px transparent;
    transition: all 0.3s;
    margin-bottom: 20px;  
	}
.details-body {
    padding:20px 20px 10px;
	}
.img-container.fly-to-basket {
	position: relative;
    height: 190px;
    overflow: hidden;
    background: #eff9fb;
    text-align: center;
    padding-top: 0px;
    transform: scale(1);
    transition: all 0.3s;
    display: flex;
    flex-direction: column;
    justify-content: center;    
	}
.course-container:hover .img-container.fly-to-basket {
    transform: scale(1.1);
    transition: all 0.3s;
	}	
.img-container.fly-to-basket a.container-link {
	display: inline-block;
	background: #2d8ae8;
	padding: 10px 30px;
	border-radius: 30px;
	color: #fff;
	font-size: 15px;
	margin: 5px auto;
	font-weight: 500;
	}	
.bxiPublicReslation {
    display: inline-block;
    width: 100%;
    margin: 50px 0px;
	}
.details-body h5 {
    font-size: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 15px;
	}
.details-body button.btn.btn-theme.btn-light {
    color: #001d6c;
    background-color: #eaf4fe;
    border: 1px solid #eaf4fe !important;
    text-transform: capitalize;
    width: auto;
    padding: 0px 10px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
	}
.details-body ul li img {
    width: auto;
    max-height: 18px;
    margin: 0 10px 0px 0px;
    height: auto;
    float: left;
	}
.details-body ul li {
    display: flex;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 18px;
	}
.details-body ul {
    margin: 25px 0px 0px;
	}
.details-footer .price-list {
    width: calc(100% - 30px);
    margin: auto;
    border-top: 1px solid #eee;
    padding: 10px 0 10px;
	}
.details-footer .price-list button.btn.btn-theme.btn-theme2 {
    background: #001d6c;
    padding: 0px 10px;
    height: auto;
    line-height: 30px;
    margin-right: 5px;
	}
.details-footer .price-list span.h6.text-danger {
    color: #f00;
    font-size: 14px;
    font-weight: 500;
	}	
.mainboxfulength ul.mainBreadcrumb li a {
    color: #000 !important;
	}
.mainboxfulength .page-header-left h1 {
    font-size: 34px;
    color: #333;
	}
.mainboxfulength .page-header-left p {
    font-size: 17px;
    color: #333;
    padding-right: 65px;
	}
ul.listiDipdur li {
    float: left;
    width:33.33%;
    margin:0px 0px 10px;
    display:inline-block;
    padding:0px 25px 5px 0px;
	}
.information-course-time {
    width:100%;
    padding:15px;
    display:flex;
    border-radius:15px;
    background-color: #fff;
    box-shadow: 0 0 5px #d4d0d0;
    /* background: #f1f1f1; */
	}
ul.listiDipdur {
    display: inline-block;
    width: 100%;
    margin: 0px;
	}
.img-container img {
    max-width: 45px;
    margin-right: 15px;
	}
.details-container h6 {
    margin: 5px 0px;
	}
.details-container p {
    margin:0px;
    color: #999;
	}
.diploMidAbout h4 {
    color: #2d8ae8;
    font-size:22px;
	}
.diploMainAbout {
    margin-top:35px;
	}
.diploMidAbout {
    margin-bottom:35px;
	}	
.mainboxfulength .container.mainiCentri ul.collapsible li.active .collapsible-header.active .fa:before {
    content: "\f147";
	}	
button.btn.btnAppSub {
    display: inline-block;
    background: #2d8ae8;
    padding: 6px 30px;
    border-radius: 10px;
    color: #fff;
    margin: 10px 5%;
    font-weight: 500;
    height: auto;
    width: 90%;
    text-transform: capitalize;
    font-size: 16px;
	}
button.btn.btnProgram {
    display: inline-block;
    background: #2d8ae8;
    padding: 6px 30px;
    border-radius: 10px;
    color: #fff;
    margin: 10px auto;
    font-weight: 500;
    height: auto;
    text-transform: capitalize;
    font-size: 16px;
	}
.lestiPublicDiploma .course-container {
    margin-top: 80px;
	}
.lestiPublicDiploma .course-container .img-container.fly-to-basket {
    height: 290px;
    padding-top: 80px;
	}
.moreDiploma button.btn.btnProgram {
    float:right;
	}
.moreDiploma {
    display:inline-block;
    width:100%;
	}
.moreDiploma h5 {
    display:inline-block;
	}
ul.lisiObjcting li {
	padding-left: 25px;
	position: relative;
	}
ul.lisiObjcting li:after {
    content: "\f058";
    top: 0px;
    left: 0px;
    color: #2d8ae8;
    font-size: 17px;
    position: absolute;
    font-family: 'FontAwesome';
	}	
ul.mainBreadcrumb li {
    display: inline-block;
	}
ul.mainBreadcrumb li a .fa {
    margin-left: 15px;
    font-size: 16px;
	}
ul.mainBreadcrumb li a {
    font-size: 14px;
    font-weight: 500;
    margin-right: 20px;
	}	
.xbiInstrucFirst h5 {
    margin-bottom: 25px;
    font-size: 28px;
	}
.xbiInstrucFirst a {
    display: block;
    font-size: 20px;
    text-transform: capitalize;
    color: #3f8ae8;
    text-decoration: underline !important;
    margin: 0px;
    line-height: 24px;
	}
.xbiInstrucSecond {
    margin-top: 15px;
	}
.xbiInstrucSecond a {
    width: 110px;
    height: 110px;
    overflow: hidden;
    border-radius: 100%;
    display: inline-block;
    float: left;
	}
.xbiInstrucSecond a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
	}
ul.isltInstruc {
    width: calc(100% - 210px);
    display: inline-block;
    margin: 0px 20px;
	}
ul.isltInstruc li {
    font-size: 14px;
    margin-bottom: 5px;
	}
ul.isltInstruc li svg {
    margin-right: 12px;
    float: left;
	max-width: 14px;
	}	
ul.isltInstruc li i.fa {
    margin-right: 10px;
	}
		
	
	
	

/*****/


.comnChatRight .bxiMindimain {
    width:100%;
	}
.comnChatRight div#groupsi {
    width:100%;
	}
.comnChatRight div#chat_hidi {
    width:100%;
	}
ul.list_tui li {
    padding:10px 25px;
	}
ul.list_tui li + li {
    border-top:1px solid #ccc;
	}
ul.list_tui li a {
    color:#333;
	}
ul.list_tui li a i {
    margin-right:8px;
	}
.coursecoll .collapsible-header {
    padding:5px 15px;
    background:#f7f9fa !important;
	}
.bxicolnesti .collapsible-body {
    padding:15px;
	}









/***/

.modal.modal-education.scheduleModalCls {
    position:fixed !important;
    overflow:inherit !important;
    top:20px !important;
    height:auto !important;
    max-width:660px !important;
    min-width:inherit !important;
	width:100% !important;
    }
.modal.modal-education.scheduleModalCls .timeSlot a{
    padding:0px 11px;
    font-size:12px;
    font-weight:500; 
    }
span.timezonecls {
    border-top:1px solid #e4e0e0;
    padding-top:10px;
    text-align:center;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    }
span.timezonecls h4 {
    display:inline-block;
    width:auto;
    font-size:14px;
    color:#6f757b;
    font-weight:500;
    margin-left:15px;
    margin-bottom:0px;
    line-height:22px;
    }
.modal.modal-education.scheduleModalCls .modal-content {
    border:0px !important;
    height:auto !important;
    padding: 8px 16px 20px !important;
    background: #fff;
    }
.modal.modal-education.scheduleModalCls .modal-dialog {
    margin:0px;
    }
.modal.modal-education.scheduleModalCls .tutor_profile_lsec_wo {
    box-shadow: none;
    padding: 0px !important;
    margin-bottom: 0px;
    height: 70vh;
    overflow-y: auto;
    margin-right: -65px !important;
    width: 100%;
    padding-right:0px !important;    
    }

.scheduleHeadButtons {
    width: 100%;
    text-align: center;
}

h4.modal-title.lo-tec {
    text-align: left;
    font-size: 18px;
        margin-top: 15px !important;
    margin-bottom: 25px;
}

button.close.modal-close.times-cross {
    color: #8a8787;
    font-size: 32px !important;
    font-weight: 400 !important;
    margin-right: 15px !important;
    position: absolute !important;
    right: 0px;
    top: 0px !important;
    background: none;
    border: none;
}

.modal.modal-education.scheduleModalCls .modal-header {
    margin-bottom: 15px;
}

span.timezoneclsOne {
    float: left;
    text-align: left;
}

a#confirmTimeBtn {
    background-color: #e9ebeb;
    box-shadow: unset;
    color: #aeb5bc;
    cursor: default;
    border: none;
    padding: 15px;
    width: 40%;
    border-radius: 4px;
    float: right;
    text-align: center;
}

.headDayds p {
    margin: 0px;
    text-align: center;
}

span.scheduleDateRange {
    text-align: center;
    width: 89%;
	}


.timeSlot a.btn.tooltipped.confirmScheduleActive {
    background:#2d8ae8 !important;
    color:#fff !important;
    cursor:pointer !important;
	}
.btnConTime.avtive {
    background: #2d8ae8 !important;
    color: #fff !important;
    cursor: pointer !important;
	}
/***/











                                                  
/**Responsive**/


@media (max-width: 1450px){
	
	.container.main_stud.main_certifi .col.s3  .bxi_bTion .btn {
		padding-left:15px;
		padding-right:15px;
	}
    #upcoming_homeWork table#assignments_table {
        padding-top:10px !important;
    }
    #upcoming_reading_table .plyBtn {
        display: inline-block;
    }
    .evaluation_main .card.material-table table.table thead {
        display:none;
    }
    .evaluation_main .card.material-table table.table tbody tr {
        margin-bottom:15px !important;
        border:1px solid #ccc;
        display:block;
        width:96%;
        margin:0px auto;
        border-bottom:0px;
    }
    table#assignmentscompleted_table tbody {
        width:100%;
        display:inline-block;
        margin-top:10px;
    }
    .evaluation_main .card.material-table table.table tbody tr td {
        width:50% !important;
        max-width:100% !important;
        display:inline-block;
        text-align:center;
        padding:0px;
    }
    #assignments_table th:first-child, #assignments_table td:first-child {
        max-width:100% !important;
    }
    #assignments_table .plyBtn {
        margin:4px 5px 3px !important;
        display:inline-block;
    }
    .evaluation_main a.waves-effect.waves-light.btn {
        padding:0px 10px;
        float:none;
        margin:5px 5px !important;
    }
    #upcoming_exams th:first-child, #upcoming_exams td:first-child {
        max-width:100% !important;
    }
    #upcoming_assesments th:first-child, #upcoming_assesments td:first-child {
        max-width:100% !important;
    }
}

@media (max-width: 1400px){
	
    #assignments_table .plyBtn {
        font-size: 11px;
        padding: 1px 5px;
        margin: 4px 0px 3px;
        min-width: 100px;
    }    
}

@media (max-width: 1280px){
	
    div#myprofile .card.myprofilecard .card-content .col.s2 {
        width:25%;
    }	
	.col.s10.mins12 {
		width:100% !important;
	}
}

@media (max-width: 1220px){  

    #upcoming_homeWork div.material-table table td:last-child {
        width:100% !important;
    }
    #assignments_table .plyBtn {
        display:inline-block;
    }
    #assignments_table th:first-child, #assignments_table td:first-child {
        max-width:100% !important;
        width:100% !important;
    }   
    .evaluation_main div.material-table table th {
        width:auto !important;    
    }
    #upcoming_home_work table#home_work_table thead {
        display:none;
    }
    .evaluation_main .card.material-table table.table thead {
        display: none;
    }
    .evaluation_main .card.material-table table.table tbody tr td {     
        text-align: center;
        padding: 0px;
    }
    .evaluation_main .card.material-table table.table tbody tr {
        margin-bottom: 15px !important;
        border: 1px solid #ccc !important;
        display: block;
        width: 96%;
        margin: 0px auto;
        border-bottom: 0px;
    }
    .evaluation_main .main_studOne {
        display: block;
        width: 100%;
    }
    .evaluation_mainTabe .col.s12 {
        display: inline-block;
        width: 100% !important;
    }
    .evaluation_main a.waves-effect.waves-light.btn {
        padding: 0px 10px;
        background: #6ec5cc;
        color: #fff;
        float: none;        
        margin: 5px 5px !important;
    }    
}


@media (max-width: 1200px){
	
	.container.main_stud.main_certifi .col.s3 {
		width:33%;
	}
    .main_stud div#dashboard div#my_students .card.material-table.maniCousreListi .maninuListi .row .col.s3 {
        width:50%;
    }
	.main_stud div#dashboard div#my_students .card.material-table.maniCousreListi .maninuListi .row .col.s9 {
		width: 100%;
	}
	.course-container {
    	background:#fff;
	}
}

@media (max-width: 1100px){
    
    html body .right ul#dropdown li.lis_lasto a{
        width:46% !important;
    }
    div#submitAssignmentModal{
        width:100% !important;
        max-width:100%;
        height:100% !important;
        max-height:100%;
        top:0px !important;
    }
    #teacher .mid_way .col.s2{
        width:30%;
    }
    #teacher .mid_way .col.s7{
        width:70%;
    }
    #teacher .mid_way  .col.s3 {
        width:70%;
    }    
    .vtn_msg {
        margin-top:0px;
        float:left;
    }
    table#lessiontable {
        width:100% !important;
    }
    li.mid_noit ul#dropdown {
        max-height:initial !important;
        overflow:hidden;
        min-height:60px !important;
    }
    li.mid_noit ul#dropdown li:last-child {
        bottom:0px;
        z-index:111;
        background:#fff !important;
    }
    div#expiryDateAssignmentModal {
        width: 100%;
        top: 0px !important;
        max-height: 100% !important;
        border-radius: 0px !important;
        height: 100%;
    }
}



@media (max-width: 1080px){
	
	
	.mainwalletBox table.table span.tbi_right br + br {
		display:none;
	}	
	.container.main_stud.main_certifi .col.s3 {
		width:50%;
	}
	#tab-vestibulares table thead {
		display: none;
	}
	div#tab-vestibulares table tr {
		border: 1px solid #ccc !important;
		display: inline-block;
		width: 96% !important;
		margin: 10px 2% !important;
	}
	div#tab-vestibulares table tr td {
		width: 33.33% !important;
		display: inline-block;
		max-width: 100% !important;
	}

}



@media (max-width: 1024px){

    /*li.msg_icon a {
        pointer-events: none;
    }*/

    #upcoming_home_work table#courses_materials_table tr th {        
        display:none; 
    }
    .bttnin {
        font-size: 13px;
    }
    #upcoming_home_work table#courses_materials_table tr td {
        width: 33.33%;
        display: inline-block;
    }
    #upcoming_home_work table#courses_materials_table tr {
        border: 1px solid #ccc !important;
        display: inline-block;
        width: 96% !important;
        margin: 10px 2% !important;
    }
    .picker__day--infocus {
        padding: .4rem 0px !important;    
    }
    .mn_right h3 {
        font-size:18px;    
    }
    .main_div_str_main.backbtncls .main_div_str_one_ine.col_o {
        width:32%;    
    }
    .main_tutor {
        padding:10px 15px 15px;        
    }
    .list_vd ul.tabs li a .card-panel.teal {
        min-height:170px;
        padding:10px;
    }
    .list_vd ul.tabs li a img {
        max-width:90px;
    }
    .list_vd ul.tabs li a .card-panel.teal span.white-text p {
        font-size:18px;
    }
    .list_vd ul.tabs li {            
        margin:10px;
    }
    .hold-transition .modal {        
        max-height:90% !important;        
        margin-bottom:15px !important;  
    }
}

@media (max-width: 992px){
    
    .main_stud div#dashboard .col.l3.s12{
        width:50%;
    }
    .main_stud div#dashboard .row{
        margin-bottom:0px;
    }
    #how_it_work b{
        margin-top:20px;
    }
    html body .hide-on-med-and-down{
        display:inline-block !important;
    }
    html body nav .brand-logo{
        float:left;
        left:0px;
        transform:inherit;
    }
    
}

@media (max-width: 840px){
	
	.container.main_stud.main_certifi .col.s3  .bxi_bTion .btn {
		padding-left: 10px;
		padding-right: 10px;
	}
    li.btn_timing {
        display:none;
    }
    div#myprofile .card.myprofilecard .card-content .col.s2 {
        width:35%;
    }
    table.vx_rigt {
        margin-top:12px;
    }
    .vx_eml {
        margin-top:10px;
    }
    .fc-scroller.fc-time-grid-container {
        height:auto !important;
    }
}

@media (max-width: 767px){
	
	ul.listiDipdur li {
        width: 50%;
	}	
	.mainwalletBox ul.tabs.vertimainTabi li {
		width:100% !important;
	}
	.vertimainTabi li a {
		padding:5px 5px !important;
		font-size:14px !important;
		border-bottom:1px solid #ccc;		
	}	
	a.btn.btn-primary.pull-left.bc_class {
		position: relative;
	}	
	.container.main_stud.main_stud_cls {
		padding: 0px;
	}
	.container.main_stud.main_stud_cls div.material-table .table-title {
		font-size:18px;		
		margin-left:-10px;
	}	
	.vertimainTabi li a {
		padding: 15px 5px;    
		font-size: 14px;    
	}	
	ul.tabs.vertimainTabi {
		display: inline-block;
		width: 100%;
	}
	.vertabi .row.tabs-vertical .col.s2 {
		width: 100%;
		padding: 0px;
	}
	ul.tabs.vertimainTabi li {
		display: inline-block !important;
		width: 33.33% !important;
		border: none !important;
	}
	.vertabi .row.tabs-vertical .col.s10 {
		width: 100% !important;
		padding: 0px;
	}
	ul.tabs.vertimainTabi li a {
		text-align: center;
	}
	div#tab-vestibulares table tr td {
		width: 100% !important;
		padding:5px !important;
	}
	#tab-vestibulares span.tabhradingcls {
		float: left;
		display: block;
		font-weight: 600;
	}
	span.tbi_right {
		float: right;
	}
    #replayuploadImageModal div#modal_content img {
        width:auto !important;
    }
    #replayuploaddocModal  div#modal_content img {
        width:auto !important;
    }
    .pycls .container.main_stud .main_tutor.class_dashboard {
        padding: 10px 0px 15px;
    }    
    #my_students .card.material-table.maniCousreListi .maninuListi {
        padding: 0px;
        background: none !important;
        box-shadow: none !important;
    }    
    .main_stud div#dashboard div#my_students .card.material-table.maniCousreListi {
        box-shadow: none !important;
        background: none;
    }
    .main_stud div#dashboard div#my_students .card.material-table.maniCousreListi .maninuListi .row .col.s3 {
        width:100%;
    }
    #upcoming_home_work table#courses_materials_table tr td {
        width: 100% !important;
        display: inline-block !important;  
    }
    table#penddingtable tr td a.waves-effect.waves-light.btn {
        margin: 0px 5px 0px 0px;
    }
    div.material-table table th:first-child, div.material-table table td:first-child {        
        color:#1db6c3 !important;
    }
    #homeworksMain table {
        padding-top:10px !important;
    }
    #assesmentsMain table {
        padding-top:10px !important;
    }
    #examMain table {
        padding-top:10px !important;
    }
    #homeworksMain span.tabhradingcls {
        float:left;
        display:block;
        font-weight:600;
    }
    #homeworksMain span.tbi_right {
        float:right;
    }
    #homeworksMain table td {
        padding: 5px !important;
    }
    #assesmentsMain span.tabhradingcls {
        float:left;
        display:block;
        font-weight:600;
    }
    #assesmentsMain  span.tbi_right {
        float:right;
    }
    #assesmentsMain table td {
        padding: 5px !important;
    }
    #examMain span.tabhradingcls {
        float:left;
        display:block;
        font-weight:600;
    }
    #examMain span.tbi_right {
        float:right;
    }
    #examMain table td {
        padding: 5px !important;
    }
    .main_stud.main_stud_cls table td span.tabhradingcls {
        float:left;
        display:block;
        font-weight:600;
    }
    .main_stud.main_stud_cls table td span.tbi_right {
        float:right;
		width: 60%;
		text-align: right;
    }
    .main_stud.main_stud_cls table td {
        padding: 5px !important;
    }
    div#viewAssignmentModal {
        width:100%;
        top:0px !important;
        max-height: initial;
    }
    #viewAssignmentModal .input-field.col.s6 {
        width:100%;
    }
    div#changePasswordModel {
        width: 100%;
        top: 0px !important;
    }
    div#viewCourseModal {
        width:100%;
        top:0px !important;
    }
    #viewCourseModal div#modal_content .input-field.col.s6 {
        width:100% !important;
        font-weight:500;
    }
    div#submitAssignmentModal {
        width: 100% !important;
        max-width: 900px;
        top: 0px !important;
        height: 100% !important;
        max-height: 100%;
    }
    #recordingAudio .input-field.col.s8 {
        width:100%;
    }
    #upcoming_home_work table#home_work_table tbody tr td {
        width:100% !important;
        display:inline-block;
        float:left;
        text-align:center;
        padding:5px !important;
        height:auto;
        min-height:35px;
    }      
    #upcoming_home_work table#home_work_table tbody tr {
        border:1px solid #ccc;
        margin:20px auto;
        width:92% !important;
        max-width:96% !important;
        display:flow-root;
        border-bottom:0px;
    }
    #upcoming_home_work table#home_work_table {
        width:96% !important;
    }
    #upcoming_home_work table#home_work_table tbody tr td a.plyBtn {
        float:none !important;
        text-align:center;
        margin-top:0px;
    }
    #complete_home_work table#home_work_table tbody tr td {
        width:100% !important;
        display:inline-block;
        float:left;
        text-align:center;
        padding:5px !important;
        height:auto;
        min-height:35px;
    }
    #complete_home_work table#home_work_table tbody tr {
        border:1px solid #ccc;
        margin:20px auto;
        width:92% !important;
        max-width:96% !important;
        display:flow-root;
        border-bottom:0px;
    }
    #complete_home_work table#home_work_table {
        width:96% !important;
    }
    #complete_home_work table#home_work_table tbody tr td a.plyBtn {
        float: none !important;
        text-align: center;
        margin-top: 0px;
    }
    #complete_home_work table#home_work_table thead{
        display:none; 
    }
    .main_tutor.main_chatBox .content.msg_box.active {
        top:0px;
        position:fixed !important;
        z-index:9;
        padding:0px !important;
    }
    .main_tutor.main_chatBox #frame {
        width:100%;
        min-width:310px;
        max-width:100%;
        height:87vh;
    } 
   .main_tutor.main_chatBox #frame .content {
       height:100% !important;
    }
   .main_tutor.main_chatBox #frame .content .messages {
        padding-bottom:70px;
        margin-top:0px !important;
    } 
    .filosub > h4 {
        text-align:center;
        margin:10px 0px 0px;
        border-bottom:1px solid #ccc;
        padding-bottom:15px;
        width:100%;
        display:inline-block;
        font-size:24px !important;
    } 
    .filosub .bx_filti .input-field {
        margin-right:0px !important;
    }
    .filosub .xb_lifti {    
        margin-right:10px;
        margin-left:0px;
    }
    .filosub .xb_lifti h5 {
        font-size:16px;
    }
    .filosub .bx_filti {    
        padding:10px 6px;
    }
    #upcoming_home_work .container.main_stud.main_stud_cls {
        padding-left:0px;
        padding-right:0px;
    }
    .evaluation_mainTabe ul.tabs.tabs-fixed-width.tab-demo.z-depth-1 {
        display:block;
    }
    .evaluation_mainTabe ul.tabs li.tab {
        height:auto !important;
        width:100% !important;
        max-width:100% !important;
    }
    .evaluation_main .card.material-table table.table thead {
        display:none;
    }
    .evaluation_main .card.material-table table.table tbody tr td {
        width:100% !important;
        max-width:100% !important;
        display:block;
        text-align:center;
        padding:0px;
    }
    .evaluation_main .card.material-table table.table tbody tr {
        margin-bottom:15px !important;
        border:1px solid #ccc;
        display:block;
        width:96%;
        margin:0px auto;
        border-bottom:0px;
    }
    .evaluation_main .main_studOne {
        display:block;
        width:100%;
    }
    .evaluation_mainTabe .col.s12 {
        display:inline-block;
        width:100% !important;
    }
    .evaluation_main a.waves-effect.waves-light.btn {
        padding:0px 10px;
        background:#6ec5cc;
        color:#fff;
        float:none;
        margin:0px !important;
    }
    #assesmentsMain .col.s12 {
        display: inline-block;
        width: 100%;
    }
    #examMain .col.s12 {
        display: inline-block;
        width: 100%;
    }
    div#examMain {
        display: inline-block;
        width: 100%;
    }
    div#assesmentsMain {
        display: inline-block;
        width: 100%;
    }
    #courses_materials_table thead {
        display: none !important ;
    }
    #courses_materials_table tbody tr td {
        width: 100%;
        display: inline-block;
        text-align: center;
        padding: 0px;
    }
    #courses_materials_table tbody tr {
        width: 92% !important;
        margin: 10px auto !important;
        border: 1px solid #ccc;
        display: block;
        border-bottom: 0px;
    }
    #courses_materials_table tbody tr td a.plyBtn {
        float: none;
        margin-top: 5px;
        width: auto !important;
    }
    .btn_lang a.dropdown-button img {
        padding-top:12px !important;
    }
    .btn_lang a.dropdown-button span.languagecls {
        display:none;
    }
    .pendding_attending_cls a.waves-effect.waves-light.btn {
        display:inline-block;    
        width:45% !important;
        max-width:50% !important;
        font-size:9px !important; 
    }
    .container.inner_det_s.backbtncls_one center img {
        width:100%;
    }
    #historytable tr td {
        width:100% !important;
        display:inline-block;
        float:left;
        text-align:center;
        padding:5px !important;
    }
    #historytable tr {
        border:1px solid #e0e0e0;
        margin-bottom:10px;
        width:96%;
        margin-left:2%;
        margin-top:10px;      
        display:inline-block;
    }
    #historytable thead {
        display:none;
    }
    #penddingtable tr td {
        display:inline-block;
        float:left;
        text-align:center;
        padding:5px !important;
    }
    #penddingtable tr {
        border:1px solid #e0e0e0;
        margin-bottom:10px;
        width:96%;
        margin-left:2%;
        margin-top:10px;      
        display:inline-block;
    }
    #penddingtable thead {
        display:none;
    }
    #recordertable tr td {
        width:100% !important;
        display: inline-block;
        float: left;
        text-align: center;
        padding: 5px !important;        
    }
    #recordertable tr {
        border: 1px solid #e0e0e0;
        margin-bottom: 10px;
        width: 96%;
        margin-left: 2%;
        margin-top: 10px;      
        display: inline-block;
    }
    #recordertable thead {
        display:none;
    }
    table#lessiontable tr td {
        width:100% !important;
        display:inline-block;
        float:left;
        text-align:center;
        padding:5px !important;
        min-height:40px;
    }
    #lessiontable tr {
        border:1px solid #e0e0e0;
        margin-bottom:10px;
        width:96%;
        margin-left:2%;
        margin-top:10px;      
        display:inline-block;
    }
    #lessiontable thead {
        display:none;
    }
    #lessiontable button {
        margin-left:0px;
    }
    #lessiontable button {
        padding:4px 15px !important;
    }
    #history_lesson_table div#modal_content h4 {
        text-align:center;
        font-size:26px;
        word-break:break-all;
        white-space:break-spaces;
    }
    .pendding_attending_cls a.waves-effect.waves-light.btn{
        margin-top:0px;
    }
    div#modal_content img {
        width:100% !important;
    }
    html body .buttoni .cart img.hon {
        width:26px !important;
        height:26px;
        max-width: 26px !important;
    }
    #modal1 button.waves-effect.waves-light.btn {    
        float:left;
    }
    .main_tutor div#profile .card {
        padding:15px;    
    }
    #cirruculum .main_div_str_main.backbtncls {
        margin-bottom:25px;
    }
    div#myprofile .card.myprofilecard .card-content .table-responsive {
        border:0px;
        margin-bottom:0px;
    }
    #teacher .mid_way .col.s7 .table-responsive {
        border:0px;
        margin-bottom:0px;
    }
    .table-responsive {
        min-height: .01%;
        overflow-x:auto;
        width:100%;
        margin-bottom:15px;
        overflow-y:hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border:1px solid #ddd;
    } 
    table {
        width:100%;
        max-width:100%;    
    }    
    .main_studOne ul.tabs li a {     
        font-size:13px !important;
        text-transform:capitalize;
    }
    #schedule_calendar {    
        padding:15px;
    }
    .main_div_str_main.backbtncls .main_div_str_one_ine.col_o {
        width:31%;    
    }
    .container.inner_det_s {
        width:100%;
    }
    .curriculum_inner_page span {
        font-size:16px !important;
    }
	.main_div_str_one.btopvid {
		width:31.5% !important;
		float:left !important;
		margin-bottom:10px;
	}
    .main_div_str_one {
        width:100%;
        max-width:300px;
        display:block;
        float:none !important;
        margin:0px auto;
    }
    div#profile .col.s12 > .card > .row > .col.s5 {       
        width: 100%;
        margin-bottom: 20px;
    }
    div#profile .col.s12 > .card > .row > .col.s7 {
        width: 100%;
    }
    .container.main_stud {
        padding:10px 15px 15px;    
    }
    div#myprofile .card.myprofilecard .card-content .col.s2 {
        width: 40%;
    }
    ul#dropdownone li a {
        padding-top: 12px !important;
        font-weight: 600;
    }
    textarea#reason {
        width: 100% !important;
    }
    
}

@media (max-width: 600px){
	
	.main_div_str_one.btopvid {
        width: 48% !important;
        max-width: 100%;
    }	
	.col.s10.mins12 .vx_rtr span.col.s6 {
		width:100%;
		margin-top:5px;
	}	
	a.btn.btn-primary.pull-right.bc_class.examredirt {
		right:0px;
		padding-left:10px;
		padding-right:10px;
	}	
	.container.main_stud.main_certifi .col.s3 {
		width:100%;
	}	
	.mthdBox h4 {
		font-size:26px;
	}
	.mthdBox h3 {
		font-size:18px;
	}
	.xbiTwoBtn {
		text-align: left !important;
		width: 100% !important;
		margin-top: 15px;
	}
	.xbiTwoDetail {
		width: 100% !important;
		float: left;
	}
	ul.tabs.vertimainTabi li {
		width: 100% !important;
	}
	.vertimainTabi li a {
		padding: 5px 5px !important;
		font-size: 14px !important;
		border-bottom:1px solid #ccc;		
	}

    html body .hide-on-med-and-down ul.right {
        float:none !important;
        display:inline-block;
    }
    nav {
        height:104px !important;
        line-height:64px !important;
    }
    html body nav .brand-logo img {
        max-width: 200px;
    }
    html body nav .brand-logo {
        padding:0px !important;
        left:0px;
        transform:inherit;
        line-height:0px;
        margin-bottom:0px !important;
        right:0px;
        margin:0px auto;
        width:100%;
        text-align:center;
        margin-top:0px !important;
        position: inherit !important;
    }
    html body .hide-on-med-and-down {
        display: inline-block !important;
        margin-top: -5px;
        float: none !important;
        width: 100% !important;
        text-align: center !important;
    }
    .fc-widget-content .fc-scroller.fc-day-grid-container {
        height:100% !important;
    }
    a.btn.btn-primary.pull-left.bc_class {
        position: relative;    
    }
    div#viewCourseModal {
        width:100%;
        top:0px !important;
    }    
    div#updateEmailModel {
        width:100%;
        top:0px !important;
    }
    .drop_lang {
        top:56px !important;
    }
    div#recordingAudio {
        margin:0px !important;
    }
    div#recordingAudio .input-field.col.s8 {
        padding:0px;
    }
    #assignments_table a.waves-effect.waves-light.btn.plyBtn {
        width: auto !important;
            margin-right: 3px;
    }
    #assignmentsreading_table tbody tr td:last-child a {
        width: auto !important;
    }
    #assignmentsdictation_table tbody tr td:last-child a {
        width: auto !important;
    }
    li.mid_noit ul#dropdown {
        top:48px !important;       
        padding:0px 0px 0px 0px;
    }
    .mid_noit ul#dropdown li {
        padding:5px 10px 5px 5px;
    }
    .btn_lang a.dropdown-button {    
        margin-top:5px;
    }
    ul#nav-mobile ul li.vsn_vx > a {
        width:40px;
        height:40px;
    }    
    nav {
        height:104px;
        line-height:64px;
    }
    ul#nav-mobile ul li.vsn_vx {
        margin-right:5px;
        margin-left:5px;   
    }
    nav .nav-wrapper i {
        height:60px;
        line-height:60px;
    }     
    #profile .grd_right .col.s3 {
        width:100%;
    }
    #profile .grd_right .col.s5 {
        width:65%;
    }
    .msg_icon i.fa.fa-envelope {
        margin-top:20px;
    }
    ul#nav-mobile ul li a.dropdown-button i.material-icons.left {
        margin-top:18px;
    }
    div#myprofile .card.myprofilecard .card-content .col.s2 {
        width:100%;
    }
    div#myprofile .card.myprofilecard .card-content .col.s4 {
        width:100%;
    }
    div#myprofile .card.myprofilecard .card-content .col.s5 {
        width: 100%;
    }    
    .main_stud div#dashboard .row .card_main {
        padding: 15px;
    } 
    .main_stud div#dashboard .col.l3.s12 {
        width:100%;
    }
    .main_div_str_main.backbtncls .main_div_str_one_ine.col_o {
        width: 48%;
    }
    .list_vd ul.tabs li {
        display: inline-block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 10px 0px;
    }
    .list_vd ul.tabs {
        display: grid;
        width: 100%;
        text-align: center;
    }    
    #studentstable button{
        margin-left:10px;
    }
    .fc-toolbar h2 {
        font-size:16px !important;
    }
    .main_tutor div#lession ul.tabs {
        max-width: 100%;    
    }
    .main_tutor div#lession ul.tabs .indicator {
        bottom: 0px !important;
    }
    #teacher .mid_way .col.s2 {
        width:100%;
    }
    #teacher .mid_way .col.s7 {
        width:100%;
    }
    #teacher .mid_way  .col.s3 {
        width:100%;
    } 
    ul#dropdownone li a {
        padding-top: 12px !important;
        font-weight: 600;
    }
    textarea#reason {
        width: 100% !important;
    }   
     
}

@media (max-width: 540px){
	
	ul.listiDipdur li {
        width: 100%;
        padding-right: 0px !important;
    }
    .main_studOne ul.tabs.tabs-fixed-width.tab-demo.z-depth-1 .indicator {
        display:none;
    }
    #recordingAudio div#controls button {
        width:47%;
        margin:2% 1%;
    }
    #recordingAudio ol#recordingsList li a {
        margin-left:0px;
        width:100%;
        float:left;
        margin-top:5px;
        text-align:center;
    }
    ol#recordingsList li {
        display:inline-block;
    }
    nav ul a {    
        padding:0px 8px;
    }
    .msg_icon span.badge.red.round {    
        right:-2px !important;
    }

    .main_studOne ul.tabs li a {    
        text-transform: uppercase;
    }
    .vd_mid a {
        font-size: 18px;
    }
    .main_studOne .hide-tab-scrollbar {
        height: auto !important;
    }
    #profile .grd_right .col.s4 {
        width:100%;
    } 
    .main_div_str_main.backbtncls .main_div_str_one_ine.col_o {
        width: 96%;
    } 
    nav .brand-logo {
        margin-left: 0px;
        padding-top: 4px;
        margin-bottom:5px !important;
        display: inline-block;
        position: relative;
    }
    .main_studOne ul.tabs li.tab {
        height:auto !important;
        width:100%;
        border-bottom:1px solid #cccccc85;
        line-height:24px;
    }
    .main_studOne ul.tabs {
        height: auto !important;
        overflow: hidden;
        display: inline-block;
        width: 100% !important;
    }
    .fc-toolbar.fc-header-toolbar {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .fc-toolbar.fc-header-toolbar .fc-center {
        margin: 10px 0px;
    }
    .tutor_dashboard .modal-content form button[type="submit"] {
        display: inline-block;
        width: 100%;
        margin: 0px 0px 10px;
    }
    div#session_delete_box {
        display: inline-block;
        width: 100% !important;
    }
    div#session_delete_box button#delete_session {
        width: 100%;
    }
    .tutor_dashboard .modal-footer {
        margin: 0px;
        width: 100% !important;
        float: left;
        padding: 0px;
    }
    .tutor_dashboard .modal-footer a.modal-action.modal-close.waves-effect.waves-green.btn-flat.cl_attwo {
        width: 100%;
        text-align: center;
        border: 1px solid;
        margin: 0px;
    }
    ul#dropdownone li a {
        padding-top: 12px !important;
        font-weight: 600;
    }
    textarea#reason {
        width: 100% !important;
    }
}


@media (max-width: 767px){
    html body #penddingtable tr td {
        width: 100% !important;
    }
}

@media (max-width: 480px){
	
	.require-validation .row .col.s4.form-group {
		width: 100%;
	}
    .classstats div {
        width: 100%;
        float: left;
    }
    .mid_noit ul#dropdown {    
        min-width: 260px;
    }
    .btn_lang a.dropdown-button {
        padding-right:25px !important;
    }
    #historytable tr td {
        width:100% !important;
    }
    #penddingtable tr td {
        width:100% !important;
    }
    #recordertable tr td {
        width:100% !important;
    }
    #lessiontable tr {    
        border-bottom:1px solid #e0e0e0 !important; 
    }
    ul#nav-mobile ul li.vsn_vx > a {
            padding: 0px !important;
    }
    ul#nav-mobile ul li.vsn_vx {
        margin-right: 5px;
    }
    html body nav .brand-logo {
        float: left;
        left: 10px;
        margin-top: 15px;       
    }   
    nav .brand-logo img {
        max-width: 140px;
    }
    nav ul > a {    
        padding: 0 10px !important;
    }
    i.material-icons.left {
        margin-right: 0px !important;
    }
    .btn_lang a.dropdown-button {        
        margin-top: 5px;
    }
    .msg_icon i.fa.fa-envelope {
        margin-top: 14px;
    }
    ul#nav-mobile ul li a.dropdown-button i.material-icons.left {
        margin-top: 12px;
    }   
    div#acceptModal131 {
        width: 98%;
    }
    div.material-table .table-footer .dataTables_info, div.material-table .table-footer .dataTables_length {
        margin-right:10px !important;
    }
    div.material-table .table-footer select {
        margin-left:0px !important;
    }
    div.material-table .table-footer .material-pagination li:first-child {
        margin-right: 0px !important;
    }
    .modal {
        width:90%;
    }
    #addLessonForm .input-field.col.s6 {
        width: 100%;
    }
    .modal .modal-content {
        padding:15px !important;
    }
    #inviteStudentForm .input-field.col.s6 {
        width:100%;
    }
    ul#dropdownone li a {
        padding-top:12px !important;
        font-weight:600;
    }
    textarea#reason {
        width:100% !important;
    }
    a.waves-effect.waves-light.btn.plyBtn{
        width:100px !important;
        padding-left:5px !important;
        padding-right:5px !important;
        font-size:12px !important;
    }
}


@media (max-width: 420px){
	.main_div_str_one.btopvid {
        width: 94% !important;
        max-width: 100%;
        margin-left: 3%;
    }
}

@media (max-width: 360px){
    html body nav .brand-logo {    
        left:5px;
        margin-top:15px;
    }
    nav .brand-logo img {
        max-width:110px;
    }

}

/**Responsive end**/

th.sorting_asc {
    max-width: 59px !important;
    }
div#historytable_paginate span a:hover {
    color: #000 !important;
    }
div#history_lesson_table_paginate span a:hover {
    color: #000 !important;
    }
th.msg_ser_until {
    width: 135px !important;
    }
th.msg_ser_from {
    width: 140px !important;
    }
th.msg_ser_date {
    width: 125px !important;
    }
th.msg_ser_no {
    width: 160px !important;
    }
th.msg_ser_grade {
    width: 163px !important;
    }
th.msg_ser_lesson {
    width: 150px !important;
    }
th.msg_ser_descrip {
    width: 350px !important;
    }
th.msg_ser_name {
    width: 180px !important;
    }
th.msg_ser_no {
    width: 66px !important;
    }
a.paginate_button:hover{
    background: #999 !important;
    }
th.msg_ser_no_tutor.sorting_asc {
    width: 60px !important;
    }
th.sorting:after {
    display: none !important;
    }
th.sorting {
    width: 60px !important;
    }


#viewport .container.inner_det_s.backbtncls_one {
    max-width: 100%;
}
.iifrrmeing {
    margin: 0px;
    width: 100% !important;
    position: relative;
}

.iifrrmeing a.btn.btn-primary.pull-right.unique.bc_class {
    position: absolute;
}



/* 19 nov */

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

    div.material-table table {
        table-layout: auto !important;
        width: 100% !important;
    }
    .container.main_stud{
        padding: 10px 10px 15px !important; 
    }
    .container.main_stud.main_stud_cls {
        padding: 10px 0px 15px !important;
    }
    #lessiontable thead tr th {
        font-size: 12px !important;
    }
    th.sorting_desc {
        width: 40px !important;
        padding-left: 0px !important;
        text-align: center;
    }
    tbody#upcoming_body td {
        font-size: 12px !important;
    }
    .container.main_stud.main_stud_cls {
        padding: 10px 0 15px !important;
    }
    #lessiontable thead tr th:nth-child(2) {
        width: 100px !important;
    }
    table#penddingtable thead tr th {
        font-size: 12px !important;
    }
    table#penddingtable thead tr th.sorting_asc {
        width: 45px !important;
        padding: 0;
        text-align: center;
    }
    table#penddingtable tbody#student_pendding_lesson tr td {
        font-size: 12px !important;
    }
    table#penddingtable thead tr th:nth-child(2) {
        width: 90px !important;
    }
    table#penddingtable thead tr th:nth-child(8) {
        text-align: center;
    }
    table#historytable thead tr th {
        font-size: 12px !important;
    }
    table#historytable thead tr th.sorting {
        padding: 0;
        text-align: center;
    }
    table#historytable thead tr th:nth-child(2) {
        width: 94px !important;
    }
    table#historytable thead tr th:nth-child(8) {
        width: 90px !important;
        text-align: center;
    }
    table#historytable thead tr th:nth-child(3) {
        width: 100px !important;
    }
    table#historytable thead tr th:nth-child(4) {
        width: 80px !important;
        text-align: left;
    }
    table#historytable thead tr th:nth-child(5) {
        width: 80px !important;
    }
    table#historytable thead tr th:nth-child(6) {
        width: 80px !important;
    }
    table#historytable thead tr th:nth-child(7) {
        width: 90px !important;
    }
    table#recordertable thead tr th {
        font-size: 12px !important;
    }
    table#recordertable thead tr th {
        font-size: 12px !important;
    }
    table#recordertable thead tr th.sorting_asc {
        width: 50px !important;
        padding: 0;
        text-align: center;
    }
    table#recordertable thead tr th:nth-child(2) {
        width: 94px !important;
    }
    table#recordertable thead tr th:nth-child(8) {
        width: 90px !important;
        text-align: center;
    }
    table#recordertable thead tr th:nth-child(3) {
        width: 100px !important;
    }
    table#recordertable thead tr th:nth-child(4) {
        width: 80px !important;
        text-align: left;
    }
    table#recordertable thead tr th:nth-child(5) {
        width: 80px !important;
    }
    table#recordertable thead tr th:nth-child(6) {
        width: 80px !important;
    }
    table#recordertable thead tr th:nth-child(7) {
        width: 90px !important;
    }    
}

@media (min-width: 993px) and  (max-width: 1220px){

    div.material-table table {
        table-layout: auto !important;
        width: 100% !important;
    }
    .container.main_stud{
        padding: 10px 10px 15px !important; 
    }
    .container.main_stud.main_stud_cls {
        padding: 10px 0px 15px !important;
    }
    #lessiontable thead tr th {
        font-size: 14px !important;
    }
    th.sorting_desc {
        width: 40px !important;
        padding-left: 0px !important;
        text-align: center;
    }
    tbody#upcoming_body td {
        font-size: 14px !important;
    }
    .container.main_stud.main_stud_cls {
        padding: 10px 0 15px !important;
    }      
    #lessiontable thead tr th:nth-child(2) {
        width: 100px !important;
    }
    table#penddingtable thead tr th {
        font-size: 14px !important;
    }
    table#penddingtable thead tr th.sorting_asc {
        width: 45px !important;
        padding: 0;
        text-align: center;
    }
    table#penddingtable tbody#student_pendding_lesson tr td {
        font-size: 14px !important;
    }
    table#penddingtable thead tr th:nth-child(2) {
        width: 90px !important;
    }
    table#penddingtable thead tr th:nth-child(8) {
        text-align: center;
    }
    table#historytable thead tr th {
        font-size: 14px !important;
    }
    table#historytable thead tr td {
        font-size: 14px !important;
    }
    table#historytable thead tr th.sorting {
        padding: 0;
        text-align: center;
    }
    table#historytable thead tr th:nth-child(2) {
        width: 94px !important;
    }
    table#historytable thead tr th:nth-child(8) {
        width: 90px !important;
        text-align: center;
    }
    table#historytable thead tr th:nth-child(3) {
        width: 100px !important;
    }
    table#historytable thead tr th:nth-child(4) {
        width: 80px !important;
        text-align: left;
    }
    table#historytable thead tr th:nth-child(5) {
        width: 80px !important;
    }
    table#historytable thead tr th:nth-child(6) {
        width: 80px !important;
    }
    table#historytable thead tr th:nth-child(7) {
        width: 90px !important;
    }
    table#recordertable thead tr th {
        font-size: 14px !important;
    }
    table#recordertable thead tr td {
        font-size: 14px !important;
    }
    table#recordertable thead tr th.sorting_asc {
        width: 50px !important;
        padding: 0;
        text-align: center;
    }
    table#recordertable thead tr th:nth-child(2) {
        width: 94px !important;
    }
    table#recordertable thead tr th:nth-child(8) {
        width: 90px !important;
        text-align: center;
    }
    table#recordertable thead tr th:nth-child(3) {
        width: 100px !important;
    }
    table#recordertable thead tr th:nth-child(4) {
        width: 80px !important;
        text-align: left;
    }
    table#recordertable thead tr th:nth-child(5) {
        width: 80px !important;
    }
    table#recordertable thead tr th:nth-child(6) {
        width: 80px !important;
    }
    table#recordertable thead tr th:nth-child(7) {
        width: 90px !important;
    }        
    #historytable a.waves-effect {
        width: auto;
    }
}

@media (min-width: 1221px) and  (max-width: 8063px){
    .container.main_stud.main_stud_cls {
        padding:10px 0px 15px;
    }    
}


a.brand-logo {
    max-width: 260px;
}










/***Header***/
/*
.bxiMoni .main_studOne {
    width: auto;
    display: inline-block;
    line-height: 0px;
    margin-left: 25px;
}
.bxiMoni .main_studOne ul.tabs.tabs-fixed-width.tab-demo {
    width: auto !important;
    display: inline-block;
    box-shadow: none;
}
.bxiMoni .main_studOne ul.tabs.tabs-fixed-width.tab-demo li {
    width: auto;
}
.bxiMoni .main_studOne ul.tabs.tabs-fixed-width.tab-demo li a {
    padding: 5px 20px;
    text-transform: capitalize;
    font-size: 16px !important;
    font-weight: 500 !important;
}
.bxiMiLog {
    display:inline-block;
    float:left;
    width:220px;
    line-height:0px;
    padding-top:0px;
}
.bxiMiLog a.brand-logo {
    margin:0px;
    line-height:0px;
    position:inherit !important;
        transform: inherit;
}
.bxiMiLog a.brand-logo img {
    max-width:220px;
	max-height:65px;
}

.bxiMoni .main_studOne ul.tabs.tabs-fixed-width.tab-demo li:hover, .bxiMoni .main_studOne ul.tabs.tabs-fixed-width.tab-demo li a:hover {
    background:none !important;
    border-radius:inherit;
    box-shadow:none;
    border:none !important;
    color:#2d8ae8 !important;
}
.bxiMoni .main_studOne ul.tabs.tabs-fixed-width.tab-demo  .indicator {
    display:none;
}
*/
/***Header css end***/





/**Side Menu**/
/*

#page-header{
    display:none;
}
nav#sidebar-nav {
    display: none;
}

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

    #page-header{
        display:block;
    }
    .hidiRoMib {
        display: none !important;
    }
    nav#sidebar-nav {
    	display:block;
	}
}

#background {
  position: fixed;
  z-index: 0;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/544318/hot-air-balloons.jpg");
  background-size: cover;
  background-position: center center;
  opacity: 0.2;
}
#fab {
  position: fixed;
  z-index: 1;
  right: 30px;
  bottom: 30px;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background-color: #f55e22;
  box-shadow: 0 2px 8px #3f3f3f;
  text-align: center;
  line-height: 60px;
  font-size: 1.75em;
  cursor: pointer;
}
#fab:active {
  transform: scale(0.95);
}
#page-header {
    height:60px;
    width:60px; 
    float:right;
}
#page-header #hamburger {
  position:relative;
  display:block;
  top:15px;
  left:15px;
  height:30px;
  width:30px;
}
#page-header #hamburger .line {
  position:absolute;
  display:block;
  left:5px;
  height:2px;
  background-color:#000;
}
#page-header #hamburger .line:first-of-type {
  transform:translateY(8px);
  width:20px;
}
#page-header #hamburger .line:nth-of-type(2) {
  transform:translateY(15px);
  width:18px;
}
#page-header #hamburger .line:last-of-type {
  transform:translateY(22px);
  width:16px;
}
#page-header #hamburger:active .line:first-of-type {
  transform:translateY(10px);
}
#page-header #hamburger:active .line:last-of-type {
  transform:translateY(20px);
}
#sidebar-nav {
  position:absolute;
  z-index:3;
  top:0;
  height:100vh;
  width:250px;
  background-color:#fff;
  box-shadow: 0 0 0 0 #3f3f3f;
  transform: translateX(-400px);
  transition: transform 0.5s ease-in-out;
}
#sidebar-nav #sidebar-header {
  position: relative;
  height: 200px;
  width: 100%;
  background-color: #0a94ab;
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/544318/material-header.jpg");
  background-size: cover;
}
#sidebar-nav #sidebar-header #codepen-link {
  position: relative;
  display: block;
  top: 30px;
  left: 30px;
  height: 80px;
  width: 80px;
  z-index: 10;
  border-radius: 50%;
  box-sizing: border-box;
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/544318/logo.jpg");
  background-position: center center;
  background-size: cover;
  opacity: 0.6;
  transition: all 0.25s;
}
#sidebar-nav #sidebar-header #codepen-link:hover {
  opacity: 1;
  box-shadow: 0 2px 6px #0f0f0f;
}
#sidebar-nav #sidebar-header #profile-info {
  position:relative;
  top:15px;
  padding:30px;
}
#sidebar-nav #sidebar-header #profile-info #profile-name {
  font-size: 1.5em;
  margin-bottom:5px;
}
#sidebar-nav #sidebar-header #btn-more {
  position:absolute;
  top:20px;
  right:20px;
  padding:5px;
  cursor:pointer;
}
#sidebar-nav #sidebar-header #btn-more .dot {
  display:block;
  height:4px;
  width:4px;
  border-radius:50%;
  margin-bottom:5px;
  background-color:white;
}
#sidebar-nav #sidebar-nav-list {
  position:relative;
  background-color:#efefef;
}
#sidebar-nav #sidebar-nav-list .sidebar-nav-item {
  position:relative;
  z-index:4;
  box-shadow: 0 2px 4px transparent;
  opacity:0;
  transform:translateX(-30px);
  transition:all 0.25s ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  
}
#sidebar-nav #sidebar-nav-list .sidebar-nav-item a {
    display:flex;
    align-items:center;
    height:100%;
    width:100%;
    box-sizing:border-box;
    padding:12px 20px 12px 20px !important;
    color:#3f3f3f;
    line-height:20px;
}
#sidebar-nav #sidebar-nav-list .sidebar-nav-item a .material-icons {
  padding: 0 8px 2px 0;
  color:#f55e22;
}
#sidebar-nav #sidebar-nav-list .sidebar-nav-item:hover {
  z-index:5;
  background-color:white;
  box-shadow: 0 2px 4px #6f6f6f;
}
#sidebar-nav #sidebar-nav-list .sidebar-nav-item:nth-child(1) {
  -webkit-animation-delay: 0.05s;
          animation-delay: 0.05s;
}
#sidebar-nav #sidebar-nav-list .sidebar-nav-item:nth-child(2) {
  -webkit-animation-delay: 0.06s;
          animation-delay: 0.06s;
}
#sidebar-nav #sidebar-nav-list .sidebar-nav-item:nth-child(3) {
  -webkit-animation-delay: 0.07s;
          animation-delay: 0.07s;
}
#sidebar-nav #sidebar-nav-list .sidebar-nav-item:nth-child(4) {
  -webkit-animation-delay: 0.08s;
          animation-delay: 0.08s;
}
#sidebar-nav #sidebar-nav-list .sidebar-nav-item:nth-child(5) {
  -webkit-animation-delay: 0.09s;
          animation-delay: 0.09s;
}
#sidebar-nav #sidebar-nav-list .sidebar-nav-item:nth-child(6) {
  -webkit-animation-delay: 0.10s;
          animation-delay: 0.10s;
}
#sidebar-nav #sidebar-nav-list .sidebar-nav-item:nth-child(7) {
  -webkit-animation-delay: 0.11s;
          animation-delay: 0.11s;
}
#sidebar-nav #sidebar-nav-list .sidebar-nav-item:nth-child(8) {
  -webkit-animation-delay: 0.12s;
          animation-delay: 0.12s;
}
#sidebar-nav #sidebar-nav-list .sidebar-nav-item:nth-child(9) {
  -webkit-animation-delay: 0.13s;
          animation-delay: 0.13s;
}
#sidebar-nav #sidebar-nav-list .sidebar-nav-item:nth-child(10) {
  -webkit-animation-delay: 0.14s;
          animation-delay: 0.14s;
}
#sidebar-nav #sidebar-nav-list .sidebar-nav-item:nth-child(11) {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
}
#sidebar-nav #sidebar-nav-list .sidebar-nav-item:nth-child(12) {
  -webkit-animation-delay: 0.16s;
          animation-delay: 0.16s;
}
#sidebar-nav #sidebar-nav-list .sidebar-nav-item:nth-child(13) {
  -webkit-animation-delay: 0.17s;
          animation-delay: 0.17s;
}
#sidebar-nav:target {
  transform: translateX(0px);
  box-shadow: -4px 0 12px 6px #3f3f3f;
      height: 100vh !important;
          position: fixed;
    z-index: 999;
        overflow-y: auto;
}
#sidebar-nav:target .sidebar-nav-item {
  -webkit-animation: nav-item-fade-in 1s ease-in-out;
          animation: nav-item-fade-in 1s ease-in-out;
}
#sidebar-nav:target + #nav-screen-overlay {
  display: block;
  pointer-events: auto;
  opacity: 0.3;
}
#nav-screen-overlay {
  position: fixed;
  z-index:100	;
  height: 100vh;
  width: 100vw;
  background-color: #0f0f0f;
  opacity: 0;
  cursor: default;
  pointer-events: none;
  transition: opacity 0.5s ease-in-out;
  top:0px;
}
ul#sidebar-nav-list li {
    width: 100%;
    position: relative;
    line-height: 0px;
}
#sidebar-nav #sidebar-nav-list span.languagecls {
    display: block;
    font-size: 14px !important;
    color: #3f3f3f;
}
#sidebar-nav #sidebar-nav-list a.dropdown-button {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 44px;
    line-height: 40px !important;
    width: 90%;
    margin-left: 5%;
}
#sidebar-nav #sidebar-nav-list a.dropdown-button img {
    display: none;
}
ul#sidebar-nav-list li ul#dropdownlangi {
    width: 90% !important;
    margin-left: 5%;
}

#sidebar-nav-list ul#dropdownlangi{
    width: 90% !important;
    margin-left: 5%;
    top: 53px !important;
}
ul#sidebar-nav-list li ul#dropdownlangi li a img {
    width: auto;
    float: right;
}
ul#sidebar-nav-list li ul#dropdownlangi li + li {
    border-top: 1px solid #ccc;
}
.btn_moiblLog a {
    width: 90% !important;
    display: inline-block;
    padding:20px !important;
    text-align: center;
    margin-bottom: 10px;
    margin-left: 5%;
    line-height: 0px;
    background: #3471d3;
    float: left;
}

.btn_moiblLog {
    display: inline-block;
    width: 100%;
    margin-top: 12px;
}
.btn_lang a.dropdown-button:after {
    right: 15px;
    top: 11px;    
}





@-webkit-keyframes nav-item-fade-in {
  to {
    opacity: 1;
    transform: translateX(0px);
  }
}

@keyframes nav-item-fade-in {
  to {
    opacity: 1;
    transform: translateX(0px);
  }
}
*/



/**Side menu end**/