@font-face{font-family:'Celias';src:url('../fonts/Celias-Bold.woff2') format('woff2'),url('../fonts/Celias-Bold.woff') format('woff');font-weight:bold;font-style:normal;font-display:swap}
@font-face{font-family:'Celias';src:url("../fonts/Celias-Medium.woff2") format("woff2"),url("../fonts/Celias-Medium.woff") format("woff");font-weight:500;font-style:normal}
@font-face{font-family:'Celias';src:url("../fonts/Celias-Regular.woff2") format("woff2"),url("../fonts/Celias-Regular.woff") format("woff");font-weight:normal;font-style:normal}
@font-face{font-family:'Celias';src:url("../fonts/Celias-Light.woff2") format("woff2"),url("../fonts/Celias-Light.woff") format("woff");font-weight:300;font-style:normal}
@font-face{font-family:'motion';src:url('../fonts/motion.eot?228yxj');src:url('../fonts/motion.eot?228yxj#iefix') format('embedded-opentype'),url('../fonts/motion.ttf?228yxj') format('truetype'),url('../fonts/motion.woff?228yxj') format('woff'),url('../fonts/motion.svg?228yxj#motion') format('svg');font-weight:normal;font-style:normal;font-display:block}
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,a,em,img,small,strong,sub,sup,b,i,center,ul,li,form,label,table,tbody,tfoot,thead,tr,th,td,aside,embed,footer,header,menu,nav,section,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,footer,header,menu,nav,section{display:block}
html,body{height:100%;font-family:"Celias",sans-serif;padding:0;margin:0}
body{line-height:1;font-family:"Celias",sans-serif;overflow-x:hidden;background:#fff;font-size:13px}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
*,*:after,*:before{-webkit-box-sizing:border-box;box-sizing:border-box}
img{max-width:100%}
a{outline:none!important;text-decoration:none}
a:hover{text-decoration:none}
h1,h2,h3,h4,h5,h6{padding:0;margin:0;font-family:"Celias",sans-serif;font-weight:normal;font-style:normal}
h1{font-size:24px;font-weight:normal;font-style:normal}
body.main_site{
    background: #fff;
}

/*-- Developer CSS ---*/
.error{
    color: red;
    font-size: 16px;
}


/*Select Student Modal*/
.student-create-modal{
    max-width: 442px !important;
    display: flex;
    flex-flow: column;
    background-color: #fff;
}
.student-create-modal .top_modal{
	padding: 20px 0px;
	background: #fff;
}
.student-create-modal .top_modal .create_dout_title span {
    display: block;
    opacity: .8;
    font-size: 13px;
    font-weight: normal;
}
.std_upper {
    padding: 0 20px;
}
.student-create-modal .top_modal .create_dout_title{
    margin-bottom: 10px;
    background-image: none;
    font-weight: 500;
    display:unset;
    font-size: 22px;
    font-weight: 500;
    color: #000;
    line-height: 1.4;
    margin: 0px 0 40px;
    background-image: url(../img/box-img.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 61px;
    background-position-y: 2px;
    align-items: center;
}
.teacher_list .usr-img.usr-name,
.teacher_list p.usr-img.usr-name {
    display: flex;
    align-items: center;
}
.teacher_list .usr-img.usr-name img,
.teacher_list p.usr-img.usr-name img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.student-create-modal .teacher_list .usr-img.usr-name span span.usr-exp,
.student-create-modal .teacher_list p.usr-img.usr-name span span.usr-exp {
    display: block;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 200;
    font-weight: 500;
    margin-left: 00;
    opacity: .8;
    color: #000
}
.student-create-modal li{padding: 10px 0}
.student-create-modal li.active {
    background: #fafafa;
}
.close-panel {
    position: absolute;
    right: 20px;
    top: 15px;
    z-index: 999;
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    text-decoration: none;
    color: #909093;
    cursor: pointer;
}
.modal-right {
    max-width: 680px;
    right: -1120px;
    top: 0;
    position: fixed;
    height: 100%;
    overflow: auto;
    width: 100%;
    z-index: 9999999;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.student-create-modal {
    max-width: 442px !important;
    display: flex;
    flex-flow: column;
    background-color: #fff;
}
.doutmodal-form-warp {
    margin: 25px 0 0;
}

.shadowpt {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background: #000;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    visibility: hidden;
    z-index: -1;
}
.modal-right .shadowpt {
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.student-create-modal .inner_modalwrap{position: relative;height: calc(100vh - 85px;); overflow: auto;}
.student-create-modal form{margin-top: 30px;}
.student-create-modal .form-control{height: 45px;}
.student-create-modal form input{padding-left: 35px;}
.student-create-modal form select{padding-left: 10px; font-size: 12px;     color: #000;
    font-weight: 500;}
    .srh-div input::placeholder{color: #000; font-weight: 500; font-size: 12px}
.srh-div{position: relative;}
.srh-div a{position: absolute; top: 30%; left: 10px}
.student-create-modal .teacher_list{margin: 15px 0; padding: 0 20px}
.student-create-modal .top_modal .teacher_list .usr-age{font-size: 13px;font-weight: 500;color: #000; opacity: 80%;}

.student-create-modal .teacher_list .usr-img.usr-name span,
.student-create-modal .teacher_list p.usr-img.usr-name span{margin-left: 25px; }

.check_box {position: relative;width: 40px; }
.check_box input[type="checkbox"] {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.check_box span.checkmark {position: absolute; top: -10px; border-radius: 10px; left: 0; height:32px; width: 32px; background-color: #fff; border: 2px solid #d8d9d9; border-radius: 7px;    display: flex;
  justify-content: center;
  align-items: center;}
.check_box input:checked ~ .checkmark {background-color: #fff; background: #088f8b; border-color:#088f8b;box-shadow: 0px 5px 5px rgba(8,143,139,0.07);}
.check_box input:checked ~ .checkmark:after { display: block;}
.check_box .checkmark:after {/*left: 12px; top: 7px; width: 10px; font-weight: bold; height: 15px; border: solid #fff; border-width: 0 4px 4px 0; -webkit-transform: rotate(50deg);  -ms-transform: rotate(50deg); transform: rotate(50deg);*/ }
.check_box .checkmark:after {content: "\e90c"; display: none;font-family:"motion";font-size: 16px;color: #fff;}

.student-create-modal .teacher_list .usr-img.usr-name .usr-name,
.student-create-modal .teacher_list p.usr-img.usr-name .usr-name{ color:#000; width: 50%; font-size: 14px; font-weight: 500}
.student-create-modal .check_box input:checked ~ .checkmark{background: rgb(2,162,186);
    background: -moz-linear-gradient(left, rgba(2,162,186,1) 0%, rgba(2,184,211,1) 100%);
    background: -webkit-linear-gradient(left, rgba(2,162,186,1) 0%,rgba(2,184,211,1) 100%);
    background: linear-gradient(to left, rgba(2,162,186,1) 0%,rgba(2,184,211,1) 100%); border: none;}
.add-btn-div {margin-top: auto;}
.add-btn-div .modal_btm_btn{background: rgb(2,162,186);background: -moz-linear-gradient(left, rgba(2,162,186,1) 0%, rgba(2,184,211,1) 100%);background: -webkit-linear-gradient(left, rgba(2,162,186,1) 0%,rgba(2,184,211,1) 100%);background: linear-gradient(to left, rgba(2,162,186,1) 0%,rgba(2,184,211,1) 100%); width: 100%; height: 68px; border: none; outline: none; font-size: 17px; color: #fff;}

.doutmodal-form-warp ul{padding:0px}
  
.leftseccheck{margin-left:auto;margin-right:15px}

.multistudwrap{margin-top:5px;margin:5px -4px 0}
.multistudwrap label{padding:8px 15px;background:#f8f9fa;margin: 0 4px;}

.student-create-modal .top_modal .create_dout_title.mb-30{margin-bottom:30px;display:flex;flex-flow:column; align-items: flex-start;}
 
 
 
 .logout-confirm{background:rgba(0,0,0,0.5);z-index:999999!important;padding:0 15px}
.logout-confirm .modal-dialog{position:absolute;float:left;left:50%;top:50%;transform:translate(-50%,-50%)!important;width:100%;transform:translate (-50%, -50%)}
.logout-confirm .top_sec p{font-size:20px!important}
.logout-confirm .top_sec{margin-top:0!important;position:relative}
.logout-confirm .bottom_btnsec{margin-top:25px!important}
.logout-confirm .modal-dialog{max-width:500px!important;margin:0;padding:0 15px}
.logout-confirm .user_heading{padding:0;margin:0;font-size:26px;line-height:1.5;margin-bottom:10px;font-weight:bold;color:#000}
@media (max-width: 767px){
	.logout-confirm .modal-dialog{transform:translate(-50%,-50%)!important;margin:0 !important;padding:0}
.logout-confirm .user_heading{font-size:20px}
.logout-confirm .top_sec{padding:10px 20px 0!important}
.logout-confirm .bottom_btnsec{margin-top:20px!important}
.logout-confirm .top_sec p{font-size:15px!important}
}