@font-face{
    font-family:formfont;
    src:url('../font/Roboto-Regular.ttf');
}
*{
    margin:0;
    padding: 0;
    box-sizing: border-box;
    list-style-type:none;
    text-decoration:none;	
}
body{
   font-family: 'Open Sans', sans-serif !important;
   /*  font-family: 'Poppins' !important;*/
}
.reqstnform{
    padding:35px !important;
}
.reqlst{
    justify-content:left !important;
}
.reqdis{
	display:inline-block !important;
}
.reqlabel{
	margin-bottom:5px;
	font-size: 15px;
}
.reqinpt{
	margin: 8px 0;
}

/*dashboard*/
.dasbinx_area{width:100%; float:left; padding:15px; background:#fff; margin-top:25px;}
.dasbinx_area .das_row{width:100%; float:left;}
.dasbinx_area .daslist{width:100%; float:left;}
.dasbinx_area .daslist li{display:inline-block; width:23.5%; float:left; margin-right:2%; margin-bottom:15px; vertical-align:top;}
.dasbinx_area .daslist li:nth-child(4n+4){margin-right:0;}
.dasbinx_area .dasbox_col{width:100%; float:left; position:relative; padding:15px 9px 9px; border-radius:0px; 
box-shadow: 0 18px 24px rgba(0,0,0,.12); 
box-shadow: -37px 29px 14px -25px rgba(0,0,0,0.2); transition:all 0.5s ease; background:#f0f090;}
/*orange*/
.daslist li.orange .dasbox_col,
.daslist li.orange .bord_box h4{background:#fdaf6f;}
.daslist li.orange .dnbtxd a,
.daslist li.orange .icodas{background:#f0a263;}
/*light red*/
.daslist li.lightrd .dasbox_col,
.daslist li.lightrd .bord_box h4{background:#f08f8a;}
.daslist li.lightrd .dnbtxd a,
.daslist li.lightrd .icodas{background:#de807b;}
/*purple*/
.daslist li.purple .dasbox_col,
.daslist li.purple .bord_box h4{background:#cfb4e6;}
.daslist li.purple .dnbtxd a,
.daslist li.purple .icodas{background:#c0a5d7;}
/*light blue*/
.daslist li.liblue .dasbox_col,
.daslist li.liblue .bord_box h4{background:#a2d0e0;}
.daslist li.liblue .dnbtxd a,
.daslist li.liblue .icodas{background:#97c3d3;}
/*light surf*/
.daslist li.lisurf .dasbox_col,
.daslist li.lisurf .bord_box h4{background:#bee6dc;}
.daslist li.lisurf .dnbtxd a,
.daslist li.lisurf .icodas{background:#abd6cb;}
.dasbinx_area .bord_box{width:100%; float:left; position:relative; min-height:88px; padding:9px; border:1px solid rgba(0,0,0,0.19); }
.dasbinx_area .bord_box a:hover h3{color:#103516;}
.dasbinx_area .bord_box:hover .dnbtxd a{color:#000;}
.dasbinx_area .bord_box h4{position:absolute; top:-9px; left:25.9px; background:#f0f090; font-size:13px; text-transform:uppercase; font-weight:600; color:#000; padding:0 15px 0 9px; z-index:9; }
.dasbinx_area .dasbox_col:hover{box-shadow: 0 18px 34px rgba(0,0,0,.3);}
.dasbinx_area .icodas{position:absolute; left:-9px; top:-15px; width:35px; height:35px; border-radius:0px; background:#d4d473; }
.dasbinx_area .icodas img{width:25px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.dasbinx_area .dasbox_col h3{font-weight:400;padding-top:15px;color:#000;font-size:13.5px;line-height:23px;word-wrap:break-word;margin-bottom:9px;}
.dnbtxd{width:100%; float:left; }
.dnbtxd img{display:inline-block; width:auto; float:none; width:11.5px;}
.dnbtxd a{display:inline-block; position:relative; font-size:13px; font-weight:400; color:#000; padding:3px 9px; border:1px dashed #000; background:#d4d473; transition:all 0.5s ease; }
.dnbtxd a:hover{color:#000; background:#fafa93;}
.dnbtxd a img{margin-right:3px;}

/*notification details*/
.nofidtl_area{width:100%; float:left; padding:10px;}
.noftitle{width:100%; float:left; margin-bottom:10px;}
.noftitle h2{font-size:16.5px; font-weight:600; width:100%; float:left; color:#000; text-transform:uppercase;}
.nof_dtarea{width:100%; float:left; margin-bottom:10px;}
.nof_dtarea h3{font-size:14px; line-height:20px; width:100%; float:left; color:#555;}
.nofi_baner{width:100%; float:left; margin-bottom:10px;}
.nofi_baner figure{width:100%; max-height:130px; overflow:hidden;}
.nofi_baner figure img{transform:scale(1,1); transition:all 0.5s ease;}
.nofi_baner figure:hover img{transform:scale(1.1,1.1);}
.nofi_describe{width:100%; float:left;}
.nofi_describe p{margin:0; width:100%; float:left; margin-bottom:15px; color:#000; font-size:14px; line-height:23px;}




/*varient details*/
.varientpxd{width:100%; float:left;}
.varientx_lt{width:250px; float:left;}
.varibxarea{width:100%; float:left; border:1px solid #e1e1e1; border-radius:0px;}
.provari{width:100%; float:left; position:relative; padding:15px; padding-left:95px; border-bottom:1px solid #e1e1e1; margin-bottom:0px;}
.provari figure{position:absolute; left:9px; width:75px; height:75px; padding:3px; border:1px solid #e1e1e1; border-radius:3px;}
.provari figcaption{width:100%; float:left;}
.provari figcaption h4{width:100%; float:left; font-size:14px; line-height:18px; color:#000; margin-bottom:9px;}
.provari figcaption p{width:100%; float:left; margin:0; }
.provari figcaption p span{display:inline-block; background:#3c9103; border-radius:30px; padding:3px 15px; color:#fff; font-size:13px; line-height:18px;}
.provari figcaption p a{display:inline-block; color:#1859b5; text-decoration:underline; font-size:13px; margin-top:5px;}


.table_area_list{width:100%; float:left;}
.table_area_list.boxx{padding:9px; box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.15); margin-bottom:15px;}
.apptbl_area{width:100%; float:left; border-collapse: collapse;}
.apptbl_area .pboxap{width:100%; float:left;}
.apptbl_area .pboxap .pname{font-size:14px; line-height:18px; font-weight:400; margin-bottom:7px;}
.apptbl_area .pboxap .mob{position:relative; width:100%; float:left; font-size:14px; line-height:18px; padding-left:19px; }
.apptbl_area .pboxap .mob img{width:15px;height:15px;position:absolute;left:0;top:3px; object-fit:contain; }
.apptbl_area img {max-width: 100%;-ms-interpolation-mode: bicubic;border: 0;vertical-align: top;height: auto;}
.apptbl_area .figcat{width:100%; float:left; padding-left:0px;}
.apptbl_area .figcat figure{width:100%; float:left; text-align:center;}
.apptbl_area .figcat figure img{width:30px; height:30px; object-fit:contain;}
.pcyxc{width:auto; display:inline-block; vertical-align:top; }
.pcyxc .icochx{display:inline-block; font-size:14px; line-height:18px; color:#0f681d; border:1px solid #0f681d; padding:7.5px 15px; transition:all 0.5s ease; position:relative; padding-left:35px; margin-left:15px;}
.pcyxc .icoplus{width:13.5px; position:absolute; left:15px; top:50%; transform:translate(0,-50%);  }
.pcyxc .icoplus.hvr{display:none;}
.pcyxc .icochx:hover .icoplus.hvr{display:inline-block;}
.pcyxc .icochx:hover .icoplus.dflt{display:none;}
.pcyxc .icochx:hover{background:#0f681d; color:#fff;}
.apptbl_area tr{border-bottom:1px solid #f9f9f9;}
.apptbl_area tbody tr:hover{background:#e1e1e1;}
.apptbl_area tr td{padding:5px 15px; font-size:14px; line-height:18px;}
.apptbl_area thead tr td{padding:9px 15px;}
.apptbl_area thead{background:#074d12; color:#fff; }
.apptbl_area tbody tr td{color:#051d09;}
.action a.add{background:#59b259;}
.action a.viewic{background:#074d12; width:25px; height:25px; padding:5px; border-radius:100px; display:inline-block; margin-right:7px;}
.action a.viewic.blo{background:#f00;}
.action a.viewic.blo:hover{background:#333;}
.action a.add:hover{background:#429742;}
.action a.remove{background:#f00; padding:0; border-radius:100px; width:25px; height:25px; padding:7px;}
.action a.remove:hover{background:#db0303;}
.action a:hover, .action input[type=submit]:hover{background:#111;}

.varientlist{width:100%; float:left;}
.varientlist ul{width:100%; float:left;}
.varientlist ul li{width:100%; float:left; position:relative; border-bottom:1px solid #e1e1e1; background:#fff; transition:all 0.5s ease;}
.varientlist ul li.activ,
.varientlist ul li:hover{background:#103516;}
.left-menubar .icoxw img{width:19px;}
.varientlist ul li.activ .vnbx h3,
.varientlist ul li:hover .vnbx h3{color:#fff;}
.vnproi{width:30px; height:30px; position:absolute; left:9px; top:9px; }
.varientlist ul li .vnbx h3{width:100%; float:left; font-size:14px; line-height:25px; color:#111;}
.varientlist ul li.activ .vnbx h3{color:#fff;}
.varientlist ul li .vnbx{width:100%; float:left; position:relative; padding:9px; padding-left:39px; transition:all 0.5s ease;  }
.vnproi{width:19px; height:19px; position:absolute; left:9px; top:11.5px; }
.vnproi img{width:15px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity:0;}

.varientlist ul li .vnproi img.dflt{opacity:1;}
.varientlist ul li:hover .vnproi img.dflt,
.varientlist ul li.activ .vnproi img.dflt{opacity:0;}

.varientlist ul li.activ .vnproi img.hvrx,
.varientlist ul li:hover .vnproi img.hvrx{opacity:1;}

/*right box*/
.admistabl{width:100%; float:left; background:#fff; padding:15px; margin-top:15px;}
.varientrgt{width:calc(100% - 265px); float:right;}
.varientbxo{width:100%; float:left; padding:15px; border:1px solid #e1e1e1; border-radius:0px; margin-bottom:15px;}
.varirowx{width:100%; float:left; margin-bottom:15px;}
.varirowx.nobot{margin-bottom:0;}
.varirowx:last-child{margin-bottom:0;}
.varirowx h3{width:100%; float:left; font-size:14px; font-weight:600; line-height:18px; margin-bottom:15px; padding-bottom:9px; border-bottom:1px solid #e1e1e1;}
.dcdtl{width:100%; float:left; margin-bottom:15px;}
.uniga{width:100%; float:left;}
.uniga ul{width:100%; float:left;}
.uniga ul li{width:100%; float:left; margin-bottom:15px;}
.uniga ul li.threex .unigbxa{width:32%; margin-right:2%;} 
.uniga ul li.threex .unigbxa:last-child{margin-right:0;}
.uniga ul li:last-child{margin-bottom:0;}
.uniga ul li .label_info{font-weight:400;}
.unigbxa{width:100%; float:left; position:relative;}
.twosdx .unigbxa{width:48%; float:left; margin-right:4%;}
.twosdx .unigbxa:last-child{margin-right:0;}
.unigbxa.thumb{padding-right:150px;}
.unigbxa.thumb .maxup_area{position:absolute; right:0; top:0;}
.unigbxa.thumb .upclose{right:-13px; top:-19px;}
.ttsal{display:inline-block; margin:0; margin-top:30px; font-size:14px; line-height:18px; color:#1d39cb;}
.novarnt{width:100%; float:left; margin-top:30px; display:none;}





.monthly_wrp {padding:1em;top:265px !important;z-index:1000;border-radius:0px;background:#ef4449; left:530px !important; 
 box-shadow: 0 18px 24px rgba(0,0,0,.3);}
.monthly_wrp:before {content:"";border-bottom:9px solid #ef4449;border-left:9px solid transparent;border-right:9px solid transparent;position: absolute;top:-9px;left:5px;z-index:1002;}
.monthly_wrp .years {margin-bottom:0.8em;text-align:center;}
.monthly_wrp .years select {border:0;border-radius:3px;width:100%; height:30px; padding:0px 9px;}
.monthly_wrp .years select:focus{outline: none;}
.monthly_wrp table {border-collapse:collapse;table-layout: fixed;}
.monthly_wrp td {padding:1px;}
.monthly_wrp table button {width:100%;border:none;background-color:#fff;color:#010028;font-size:12.3px;padding:0.6em;cursor:pointer;  border-radius:3px;}
.monthly_wrp table button:hover {background-color: #000; color:#fff;}
.monthly_wrp table button:focus {outline:none;}
.succreq{
	padding: 6px 14px;
    border: 1.5px dashed #074d12;
    letter-spacing: .5px;
    margin-top: 1px;
    color: #074d12;
}
.tfootr{
    float:right;
}
.tfootl{
    float:left;
}
.col3 {
    padding: 5px;
}
/* login start */
.login-page-wrapper{
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(241 226 188 / 62%);
}
.login-form{
    width:60%;
    background-color: #fff;
    display: flex;
    padding: 34px 20px;
    /*box-shadow: 0px 0px 10px grey;*/
    font-family:formfont;
}
.left{
    width: 42%;
    display: flex;
    justify-content: center;
    align-items: center;

}
.expotsk{
	padding: 9px 16px;
    color: #eb9020;
    border: 1px solid #eb9020;
    cursor: pointer;
    letter-spacing: 1px;
    border-radius: 2px;
    font-size: 14px;
}
.left img{
    width:260px;
}
.right{
    width: 50%;
    height: 100%;
}
.input-heading{
    font-size: 15px;
    letter-spacing: .55px;
    text-transform: uppercase;
    
}
.input-cover{
    margin-top: 5px;
    position: relative;
}
.input{
    width:100%;
    height:20px;
    width: 100%;
    height: 40px;
    border-radius: 3px;
    border: 1px solid lightgray;
    /*text-align: center;*/
    margin: 7px 0;
    font-size: 16px;
    padding: 0 47px;
    
}
.btn{
    padding: 12px 40px;
    background-color: #5c272d;
    color: #f7f0d6;
    border: none;
    margin-top: 10px;
    font-size: 14px;
    border-radius: 2px;
    letter-spacing: 1px;
    cursor: pointer;
}
.chngpwd button{
	background-color: #074d12;
    transition: all .5s ease;
    border: 1px solid #cdd6cf;
    cursor: pointer;
    letter-spacing: .5px;
    padding: 12px 35px;
    font-size: 14px;
    color: #fff;
    border-radius: 3px;
}
.slt{
    font-size:15px !important;
}
.form-head p{
    text-align: center;
    font-size: 18px;
    letter-spacing: .75px;
    word-spacing: .5px;
    font-weight: 600;
    text-transform: uppercase;
}
.form-head{
    margin-bottom: 20px;
}
.input-heading span{
    color:rgb(192, 11, 11);
}
.fld-icon{
    position: absolute;
    left: 15px;
    top: 37px;
}
/* login end */
/* dashboard start */
.dashboard-top{
    width:100%;
    background-color: #5c272d;
    display: flex;
}
.logo-cover{
    width:220px;
    display: flex;
    align-items: center;
    background-color: #fff;
}
.logo-cover div{
    padding-left: 15px;
}
.icon-container{
    display: flex;
}
.top-icons{
    width:100%;
    display: flex;
    align-items: center;
}
.top-icon{
 position: relative;
 padding-left: 20px;
}
.nofn-icon{
    /* padding: 9px 10px; */
    background-color: #629AA9;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    font-size: 13px;
}
.icon-nofn-circle{
    /* padding: 2px 5px; */
    background-color: #FF6C5F;
    font-size: 12px;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    right: -9px;
    top: -7px;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.user-img-txt-top{
    display: flex;
    align-items: center;
    width: 600px;
    padding-right: 0px;
    justify-content: space-between;
}
.top-user-img-cover{
    display: flex;
    align-items: center;
}
.user-img-txt{
    COLOR: #fff;
	width: 100%;
    padding-right: 12px;
    display: flex;
    flex-direction: column;
}
.user-img-txt h4{
    letter-spacing: .75px;
    word-spacing: .55px;
    font-size: 15px;
    color: #fff;
	text-align: right;
}
.user-img-txt p{
    font-size: 11px;
    letter-spacing: .5px;
    color: #e7e3e3fa;
	text-align: right;
}
.top-user-img-cover img{
    width: 35px;
    border-radius: 50%;
}
.logo-cover p{
    font-weight: 600;
    font-size: 19px;
}
.left-menubar{
    width: 220px;
    height: auto;
    background-color: #5c272d;
    color:#fff;
    transition: all .5s ease;
    z-index:1;
}
.left-menubar .icoxw img{width:19px;}
.align-center a{
    text-decoration: none;
    color:#fff;
    font-size: 15.5px;
    padding-left: 20px;
	letter-spacing: .4px;
}
.drop-down-ul{
    text-align: left;
    /*padding: 5px 35px;*/
    width: 100%;
}
/*.drop-down-link{*/
/*    padding-left:55px !important;*/
/*}*/
.align-center span{
    display:flex;
    align-items:center;
}
.drop-down-li{
    list-style-type: none;
    padding: 7px 55px;
    
}
/*.drop-down-li:hover{*/
/*    border-left:3px solid #fff;*/
/*    transition:all .5s ease;*/
/*}*/
.child-dropdown-link{
    text-decoration:none;
     font-weight:100;
    font-size: 14px !important;
}
.child-dropdown-li{
    list-style-type:none;
    
}
.child-dropdown-li:hover{
    border-left:none;
}
.child-dropdown-li:hover .child-dropdown-link{
    color:#7f9c83;
}
.drop-down-li:hover .drop-down-link{
    color:#7f9c83;
}
.center{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding: 10px 15px;
}
.drop-down-container{
    /*position:absolute;*/
    left:0px;
    background-color:#e9c875;
    z-index:1;
    width: 100%;
    top: 46px;
    display: flex;
    justify-content: center;
    display:none;
}
/*.list:hover .drop-down-container{*/
/*    display:block;*/
/*    transition:all .5s ease;*/
/*}*/
.list{
    /*padding: 11px 15px;*/
    /*display: flex;*/
    /*justify-content: space-between;*/
    white-space: nowrap;
    text-align:center;
    position:relative;
}
.align-center{
    display:flex;
    align-items:center;
}
.list:hover,.btn:hover{
    background-color: #cca252;
    transition:all .5s ease;
    cursor:pointer;
    color: #5c272d;
}
.active{
    background-color: #cca252;
}
.actived{
    background-color:#a3854b;
    transition:all .5s ease;
    color:#fff !important;
    /* border-bottom:none; */
    border-bottom:1px solid #a3854b;
}
.drop-down-li:hover{
    transition:all .5s ease;
    color:#fff !important;
    border-bottom:1px solid #a3854b;
    background-color:#a3854b;
}
.dashboard-top-right{
    width:calc(100% - 250px);
    display: flex;
    /* justify-content: space-between; */
}
.nav-icon{
    /* width:20px; */
    width:17px;
    height:2px;
    background-color: #000;
    position: relative;
}
.nav-icon::after{
    content: "";
    position: absolute;
    /* width: 25px; */
    width:21px;
    height: 2px;
    background-color: #000;
    left: 0;
    top: -6px;
}
.nav-icon::before{
    content: "";
    position: absolute;
    /* width: 25px; */
    width: 21px;
    height: 2px;
    background-color: #000;
    left: 0;
    bottom:-6px;
}
.menu-bar-icon-cover{
    display: flex;
    align-items: center;
    margin-left: -20px;
}
.drop-down-link{
    font-weight:100;
    font-size: 14px !important;
    color:#5c272d;
}
.drop-down-li{
    border-bottom:1px dashed #5c272d12;
}
.drop-down-link:last-child .drop-down-li{
    border-bottom:none;
}

.nav-icon-background{
    /* height: 40px;
    width: 40px; */
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 5px lightgrey;
    cursor: pointer;
}
.toggle-menu{
    width: 53px;
    transition: all .5s ease;
}
.cancel{
    transform: rotate(45deg);
    color: rgb(182, 14, 14);
    font-size: 35px;
    display: none;
}
.live-support-btn{
    margin-top: 50px;
    padding-left: 15px;
    display:none;

}
.live-support-btn button{
    padding:10px 20px;
    border:1px solid #fff;
    cursor: pointer;
    color:#fff;
    background-color: transparent;
    font-size: 15px;
    letter-spacing: .5px;
}
.menu-section-wrapper{
    display: flex;
    min-height:100vh;
	max-height:100%;
    position:relative;
}
.drop-down-link{
    
}
.right-body{
width: calc(100% - 220px);
/* padding:13px 20px; */
padding:15px 20px;
background-color:#e3e3e3;
z-index:4;
}
.titlxds{width:100%; float:left; position:relative; margin-bottom:15px; min-height:35px;}
.fltrbx{position:absolute; right:0; top:0;}
.titlxds h2{width:100%; float:left; font-size:17.5px; line-height:23px; font-weight:400; text-transform:uppercase; }
.calennoti{width:100%; float:left;}
.xxviewx {width:100%; float:left;}
.xxviewx .view-counter{width:100%; float:left; position:relative;}
.xxviewx .box{border-radius:5px;box-shadow:0px 0px 5px lightgray;width:19.2%;background: #fff; float:left; padding:15px 9px; position:relative;
padding-left:65px; margin-right:1%;}
.xxviewx .box:last-child{margin-right:0;}
.xxviewx .box:hover .body-icons{transform:scale(1.05); transition: all .5s ease;}
.toggle-width{width:calc(100% - 53px);}
.xxviewx .body-icons{background:navy;height:45px;width:45px; position:absolute; left:9px; top:9px; border-radius:100px;}
.xxviewx .body-icons img{width:25px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.xxviewx .likes{font-size:19px;font-weight: 600;line-height:25px;  width:100%; float:left;}
.xxviewx .likes p{letter-spacing: .75px;}
.xxviewx .likes span{font-size:13px;color:#333;line-height:19px; letter-spacing:0; display:block; word-wrap:break-word;}



.calender-sec{    margin-top: 55px;    display: flex;    gap:10px;    justify-content: space-between;}
.calender-section{
    width:59.5%;
    background-color: #fff;
    padding: 20px;
}
.week{
    margin:5px 0;
}
/* progress bar */
.process-bar-sections{
    width: 35%;
    display: flex;
    flex-direction: column;
    gap: 60px;
    padding:0;
}
.process-bar-section{
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    padding: 26px;
    box-shadow: 0px 0px 5px lightgrey;
    border-radius: 3px;
    gap: 20px;
    background-color: #fff;
}

/* progress bar end */
#support{
    display:none;
}
.live-support-btn{
    display:block;
}
/* dashboard end */
/* class-setting start */
.table{
    width: 100%;
    border-collapse: collapse;
}
.table-wrapper{
    background-color:#fff;
    padding: 15px;
    width: 100%;
    float: left;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
}
.table-wrapper.admiform{min-height:100%;}
.table tbody tr:nth-child(2n){
	background-color: #fff;
}
.table tbody tr:nth-child(2n+1){
	background-color: #5c272d1c;
}

#rowEdit{
    color: rgb(35 189 59);
}
#rowDelete{
    color:rgb(240 9 9);
}
.table thead{
    background-color: #cca252;
    color: #fff;
}
.table th{
   
    letter-spacing: .6px;
    font-weight: 100;
    word-spacing: 0.7px;
	padding:10px 6px;
	font-size: 14px;
}
.action{
    display: flex;
    justify-content: left;
    align-items: center;
}
.action-center{
   padding:0 2px;
   cursor:pointer;
}
.req-save-btn{
    display: flex;
    justify-content: right;
    margin-top: 10px;
}
.req-save-btn button{
    background-color: #074d12;
    transition: all .5s ease;
    border: 1px solid #cdd6cf;
    cursor: pointer;
    letter-spacing: .5px;
    padding: 8px 35px;
    font-size: 14px;
    color: #fff;
    margin-left: 5px;
    border-radius: 3px;
}
.req-save-btn button:hover,.add-row-reqi-btn button:hover{
    background-color: #0d9222;
    transition: all .5s ease;
}
.table td{
    padding: 8px;
    text-align: left;
    font-size: 14px;
	letter-spacing: 0.6px;
}
.add-row-reqi-btn{

}
.open-pupup-btn,.createuser-btn,.createschool-btn,.department-btn{
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}
.reqstatus-search{
    display: flex;
    justify-content: flex-end;
    margin-bottom: 6px;
    gap:20px;
}
/* .reqstatus-btn button{
    background-color: transparent;
    border:1px solid #074d12;
    cursor: pointer;
    letter-spacing: .5px;
    padding: 6px 9px;
    font-size: 14px;
    color:#074d12;
    margin-left:5px;
    border-radius:3px;
}
.reqstatus-btn button:hover{
    background-color:#074d12;
    color:#fff;
    transition:all .5s ease;
} */
.add-row-reqi-btn{
    display: flex;
    justify-content: flex-end;
}
.add-row-reqi-btn button{
    background-color: transparent;
    border:1px solid #cdd6cf;
    cursor: pointer;
    letter-spacing: .5px;
    padding: 6px 9px;
    font-size: 14px;
    color:#fff;
    margin-left:5px;
    border-radius:3px;
}

.open-pupup-btn button,.createuser-btn button,.createschool-btn button,.department-btn button{
    background-color: transparent;
    border:1px solid #5c272d;
    cursor: pointer;
    letter-spacing: .5px;
    padding: 9px 18px;
    font-size: 14px;
}
.open-pupup-btn button:hover,.createuser-btn button:hover,.createschool-btn button:hover,.department-btn button:hover{
    background-color:#5c272d;
    color:#fff;
    transition:all .5s ease;
}
.pupup,.createuser-pupup,.createschool-pupup,.department-pupup{
    position: fixed;
    left: 0;
    top: -60px;
    height: calc(100vh + 60px);
    background-color: rgba(53, 50, 50, 0.781);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all .4s ease;
    z-index:-2;
}
.create-task-pupup,.setting-pupup{
     position: fixed;
    left: 0;
    top: -60px;
    height: calc(100vh + 60px);
    background-color: rgba(53, 50, 50, 0.781);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all .4s ease;
    z-index:-2;
}
.xxpupup,.xxx-pupup,.xxxx-pupup,.xxxxx-pupup,.xxxog-pupup{
    position: fixed;
    left: 0;
    top: -60px;
    height: calc(100vh + 60px);
    background-color: rgba(53, 50, 50, 0.781);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all .4s ease;
    z-index:-2;
}
.pupup-form,.createuser-pupup-form,.createschool-pupup-form{
    width: 570px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff; 
    position: relative;
    transform: scale(0.8); 
    opacity: 0;
    padding: 60px 0;
    margin-top:60px;
}
.department-pupup-form{
    width: 570px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff; 
    position: relative;
    transform: scale(0.8); 
    opacity: 0;
    padding: 60px 0;
    margin-top:60px;
}
.create-task-pupup-form,.setting-pupup-form{
    width: 780px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff; 
    position: relative;
    transform: scale(0.8); 
    opacity: 0;
    padding: 60px 0;
    margin-top:60px; 
}
.create-task-pupup-form{
	width: 1250px;
}
.createuser-pupup-form{
	width: 1020px;
}
.xxpupup-form,.xxx-pupup-form{
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff; 
    position: relative;
    transform: scale(0.8); 
    opacity: 0;
    padding: 60px 0;
    margin-top:60px;
}
.xxxx-pupup-form,.xxxxx-pupup-form,.xxxog-pupup-form{
    width: 430px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff; 
    position: relative;
    transform: scale(0.8); 
    opacity: 0;
    padding: 60px 0;
    margin-top:60px;
}
.pupup-input{
    width: 100%;
    height: 45px;
    margin-top: 8px;
    border-radius: 2px;
    padding: 0px 15px;
    border:1px solid lightgray;
    font-size:18px;
}
.pupup-row{
    margin:10px 0;
    font-size: 18px;
}
.form{
    width:85%;
}
.pupup-input option {
    font-size: 14px;
}
/*.xxpupup-form form,.xxx-pupup-form form{*/
/*    width:75%;*/
/*}*/
.pupup-submit{
    padding: 12px 30px;
    margin-top: 10px;
    background-color: #5c272d;
    color: #fff;
    border: 1px solid #5c272d;
    cursor: pointer;
    letter-spacing: 1px;
    border-radius: 2px;
    font-size: 17px;
}
.mandatory{
    color:rgb(211, 9, 9);
}
.pupup-cancel{
    position: absolute;
    top: 0;
    right: -77px;
}
.xxpupup-cancel,.xxx-pupup-cancel,.xxxx-pupup-cancel,.xxxxx-pupup-cancel,.xxxog-pupup-cancel{
    position: absolute;
    top: 0;
    right: -77px;
}
.pupup-cancel button{
    padding: 5px 27px;
    color: #fff;
    border: 2px solid #c10f0f;
    border-radius: 0px 25px 25px 0;
    background-color: #c10f0f;
    border-left: none;
}
.xxpupup-cancel button{
    padding: 5px 27px;
    color: #fff;
    border: 2px solid #c10f0f;
    border-radius: 0px 25px 25px 0;
    background-color: #c10f0f;
    border-left: none;
}
.xxx-pupup-cancel button,.xxxx-pupup-cancel button,.xxxxx-pupup-cancel button,.xxxog-pupup-cancel button{
    padding: 5px 27px;
    color: #fff;
    border: 2px solid #c10f0f;
    border-radius: 0px 25px 25px 0;
    background-color: #c10f0f;
    border-left: none;
}
.pupup-cancel button:hover{
    background-color: #c02d2d;
    transition: all .5s ease;
    cursor: pointer;
}
.xxpupup-cancel button:hover{
    background-color: #c02d2d;
    transition: all .5s ease;
    cursor: pointer;
}
.xxx-pupup-cancel button:hover{
    background-color: #c02d2d;
    transition: all .5s ease;
    cursor: pointer;
}
.xxxx-pupup-cancel button:hover{
    background-color: #c02d2d;
    transition: all .5s ease;
    cursor: pointer;
}
.xxxxx-pupup-cancel button:hover{
    background-color: #c02d2d;
    transition: all .5s ease;
    cursor: pointer;
}
.cros{
    transform: rotate(45deg);
    font-size: 35px;
    font-weight: 100;
}
.show-pupup{
    opacity: 1;
    transition: all .1s ease;
    z-index: 4;

}
.cancelled-popup-inner{
    text-align:center;
}
.cancelled-popup-inner button{
    padding: 9px 20px;
    background-color: #1c4e1c;
    color: #fff;
    border: 1px solid #1c4e1c;
    margin-top: 15px;
    cursor: pointer;
    font-size:18px;
}
.cancel-popup-form-h{
   font-size: 25px;
    /* font-weight: 600; */
    letter-spacing: .5px;
    margin-top: 15px;
}
.cancel-popup-form-p{
    font-size: 16px;
    letter-spacing: .4px;
}
.zoom-popup{
    opacity: 1;
    transition: all 0.5s ease-in-out; 
    transform: scale(0.8); 
}
.popup-head h4{
    letter-spacing: 1px;
    font-size: 20px;
    color: #5c272d;
}
.btn-suc-err{
    display: flex;
    justify-content: space-between;
}
.btn-suc-err div{
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-suc-err div p{
    padding: 6px 14px;
    border: 1.5px dashed #074d12;
    letter-spacing: .5px;
    margin-top: 10px;
    color: #074d12;
}
.page-header{
    display: flex;

    justify-content: space-between;
}
.page-head-txt{
    display: flex;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
}


.table_area_list{width:100%; float:left;}
.apptbl_area{width:100%; float:left; border-collapse: collapse;}
.apptbl_area .pboxap{width:100%; float:left;}
.apptbl_area .pboxap .pname{font-size:14px; line-height:18px; font-weight:400; margin-bottom:7px;}
.apptbl_area .pboxap .mob{position:relative; width:100%; float:left; font-size:14px; line-height:18px; padding-left:15px; color:#722323;}
.apptbl_area .pboxap .mob img{width:15px;height:13px;position:absolute;left:0;top:2px; object-fit:contain; }
.apptbl_area img {max-width: 100%;-ms-interpolation-mode: bicubic;border: 0;vertical-align: top;height: auto;}
.apptbl_area .figcat{width:100%; float:left; padding-left:0px;}
.apptbl_area .figcat figure{width:100%; float:left; text-align:left;}
.apptbl_area .figcat figure img{width:30px; height:30px; object-fit:contain;}
.pcyxc{width:auto; display:inline-block; vertical-align:top; }
.pcyxc .icochx{display:inline-block; font-size:14px; line-height:18px; color:#d13838; border:1px solid #d13838; padding:7.5px 15px; transition:all 0.5s ease; position:relative; padding-left:35px; margin-left:15px;}
.pcyxc .icoplus{width:13.5px; position:absolute; left:15px; top:50%; transform:translate(0,-50%);  }
.pcyxc .icoplus.hvr{display:none;}
.pcyxc .icochx:hover .icoplus.hvr{display:inline-block;}
.pcyxc .icochx:hover .icoplus.dflt{display:none;}
.pcyxc .icochx:hover{background:#d13838; color:#fff;}
.apptbl_area tr{border-bottom:1px solid #f9f9f9;}
.apptbl_area tbody tr:hover{background:#e1e1e1;}
.xxx .apptbl_area tbody tr:nth-child(2n+2){background:#f5f5f5;}

.apptbl_area tr td{padding:5px 15px; font-size:14px; line-height:18px;}
.apptbl_area thead tr td{padding:9px 15px;}
.apptbl_area thead{background:#d13838; color:#fff; }
.apptbl_area tbody tr td{color:#051d09;}
.action a.add{background:#59b259;}
.action a.viewic{background:#eb9020; width:25px; height:25px; padding:5px; border-radius:100px; display:inline-block; margin-right:7px;color: #fff;text-align: center;font-size: 12px;}
.action a.viewic.blo{background:#f00;}
.action a.viewic.blo:hover{background: #f00;}
.action a.add:hover{background:#429742;}
.action a.remove{background:#f00; padding:0; border-radius:100px; width:25px; height:25px; padding:7px;}
.action a.remove:hover{background:#db0303;}
.action a:hover, .action input[type=submit]:hover{background:#cca252;}
.set .action a:hover, .set .action input[type=submit]:hover{background:none;}

.admistabl{width:100%; float:left;}
/*varient details*/
.varientpxd{width:100%; float:left;}
.varientx_lt{width:205px; float:left; transition:all 0.5s ease;}
.varibxarea{width:100%; float:left; border:1px solid #e1e1e1; border-radius:5px;}
.provari{width:100%; float:left; position:relative; padding:15px; padding-left:95px; border-bottom:1px solid #e1e1e1; margin-bottom:0px;}
.provari figure{position:absolute; left:9px; width:75px; height:75px; padding:3px; border:1px solid #e1e1e1; border-radius:3px;}
.provari figcaption{width:100%; float:left;}
.provari figcaption h4{width:100%; float:left; font-size:14px; line-height:18px; color:#000; margin-bottom:9px;}
.provari figcaption p{width:100%; float:left; margin:0; }
.provari figcaption p span{display:inline-block; background:#3c9103; border-radius:30px; padding:3px 15px; color:#fff; font-size:13px; line-height:18px;}
.provari figcaption p a{display:inline-block; color:#1859b5; text-decoration:underline; font-size:13px; margin-top:5px;}

.varientlist{width:100%; float:left;}
.varientlist ul{width:100%; float:left;}
.varientlist ul li{width:100%; float:left; position:relative; border-bottom:1px solid #e1e1e1; transition:all 0.5s ease;}
.varientlist ul li.activ{background:#5c272d;}
.varientlist ul li:hover{background:#5c272d;}
.varientlist ul li .vnbx{width:100%; float:left; position:relative; padding:9px; padding-left:39px; }
.vnproi{width:19px; height:19px; position:absolute; left:9px; top:9px; }
.vnproi img{width:15px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity:0;}

.varientlist ul li .vnproi img.dflt{opacity:1;}
.varientlist ul li:hover .vnproi img.dflt,
.varientlist ul li.activ .vnproi img.dflt{opacity:0;}

.varientlist ul li.activ .vnproi img.hvrx,
.varientlist ul li:hover .vnproi img.hvrx{opacity:1;}


.varientlist ul li .vnbx h3{width:100%; float:left; font-size:14px; line-height:18px; color:#111; font-weight:400;}
.varientlist ul li.activ .vnbx h3,
.varientlist ul li:hover .vnbx h3{color:#fff;}

.label_info{width:100%; float:left; cursor:pointer; font-size:14px; line-height:18px; color:#111; font-weight:600; margin-bottom:7px;}
.field_style{width:100%; float:left; height:35px; border:1px solid #e1e1e1; border-radius:2px; padding-left:9px; padding-right:10px; transition:all 0.5s ease; outline:none !important; background:none;} 

.genbox{width:100%; float:left;}
.genbox label{display:inline-block; width:auto; margin-right:15px; float:none; vertical-align:middle; line-height:14px; font-size:14px;}
.genbox label input[type=radio]{margin:0; margin-right:5px; position:relative; top:2px;}

.submit_box .upbtn{background:#5c272d; color:#fff; border:none; padding:10px 25px; font-size:13px; line-height:14px; text-transform:inherit;
font-weight:600; border-radius:0px; cursor:pointer; margin-right:15px; transition:all 0.5s ease;}
.submit_box .upbtn.reset{background:#fff; border:1px solid #ccc; color:#111; margin-right:0px;}
.submit_box .upbtn.reset:hover{background:#111; color:#fff;}
.submit_box .upbtn:hover{background:#c1393d;}

.dsubmit_box .upbtn{background:#000; color:#fff; border:none; padding:10px 25px; font-size:13px; line-height:14px; text-transform:inherit;
font-weight:600; border-radius:0px; cursor:pointer; margin-right:15px; transition:all 0.5s ease;}
.dsubmit_box .upbtn.reset{background:#fff; border:1px solid #ccc; color:#111; margin-right:0px;}
.dsubmit_box .upbtn.reset:hover{background:#111; color:#fff;}
.dsubmit_box .upbtn:hover{background:#c1393d;}


body.vwbodx{overflow:hidden;}
.xyssssx{box-sizing:border-box; width:100%; height:100%; overflow:auto; position:fixed;  float:left; top:0; right:-100%; z-index:9999;background:rgba(0,0,0,0.7);  transition:all 0.5s ease; visibility:hidden;}
/*close button*/
.closeix{position:absolute;cursor:pointer;background:#c1393d;left:-79px;font-size:13px;line-height:18px;color:#fff;padding:9px 15px;border-radius:30px 0px 0px 30px; transition:all 0.5s ease;}
.sidaddxy{width:100%; float:left;}
.sidaddxy .uniga{margin-bottom:15px;}
.sidaddxy h2{font-size:15px; font-weight:600; width:100%; float:left; margin-bottom:15px; border-bottom:1px solid #e1e1e1; padding-bottom:15px;}
.closeix:hover{background:#333;}
.closeix img{width:9px; margin-right:3px;}
.xyssssx.closebcatx{right:0; visibility:visible;}
/*side popup container*/
.xyssssx .pmenuarea_outer{width:65%; float:right; padding:15px 30px; min-height:650px; background:#fff; position:relative;}
.xyssssx:after{width:65%; height:100%; position:absolute; z-index:-1; content:""; background:#fff; right:0; top:0;}

/*right box*/
.varientrgt{width:calc(100% - 215px); float:right; transition:all 0.5s ease;}
.varientbxo{width:100%; float:left; padding:15px; border:1px solid #e1e1e1; border-radius:0px; margin-bottom:15px;}
.varirowx{width:100%; float:left; margin-bottom:15px; position:relative;}
.xxx .varirowx{margin-bottom:0;} 
.xxx .table_area_list{margin-bottom:25px;}

.varirowx:last-child{margin-bottom:0;}
.varirowx h3{width:100%; float:left; font-size:14px; font-weight:600; line-height:18px; margin-bottom:15px; padding-bottom:9px; border-bottom:1px solid #e1e1e1;}
.varientrgt.duepot .varirowx{margin-bottom:0;}
.varientrgt.duepot .table_area_list{margin-bottom:15px;}
.varirowx h3 .ckifs{width:auto; display:inline-block; cursor:pointer; font-weight:400; margin-left:9px;}
.uniga{width:100%; float:left;}
.srchauto .uniga{}
.uniga ul{width:100%; float:left;}
.uniga ul li{width:100%; float:left; margin-bottom:15px;}
.uniga ul li.threex .unigbxa{width:32%; margin-right:2%;} 
.uniga ul li.threex .unigbxa:last-child{margin-right:0;}
.uniga ul li.threex .unigbxa.rbadx{position:relative; padding-right:39px;}

.varirowx .rbadx .pluxs{position:absolute; right:0; bottom:0; top:auto; background:#5c272d; width:35px; height:35px; }
.varirowx .pluxs{top:-9px; right:0; width:30px; height:30px; position:absolute; background:#111;}
.pluxs a {display:block; width:100%; height:100%;}
.pluxs a img{width:16px; height:16px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

.uniga ul li:last-child{margin-bottom:0;}
.uniga ul li .label_info{font-weight:400;}
.unigbxa{width:100%; float:left; position:relative;}
.uniga ul li.twoside .unigbxa{padding-left:255px; z-index:9;}
.uniga ul li.twoside .label_info{position:absolute; left:0px; z-index:1; width:auto; max-width:245px;}

.uniga .ctrc{width:100%; float:left; border:1px solid #e1e1e1; }
.uniga .mch{width:100%; float:left; margin-bottom:0px; padding:9px; border-bottom:1px solid #e1e1e1; position:relative;}
.uniga .mch:after{width:1px; height:100%; left:35px; top:0; content:""; background:#e1e1e1; position:absolute;}

.uniga .mch:last-child{border-bottom:none;}
.uniga .mch:nth-child(2n+2){background:#f1f1f1;}
.uniga  .mch input[type="checkbox"]{display:inline-block; float:none;}
.uniga  .mch  label{width:auto;text-transform:uppercase;display:inline-block;float:none;cursor:pointer;font-size:14px;line-height:19px; padding-left:25px;}

.twosdx .unigbxa{width:48%; float:left; margin-right:4%; position:relative;}
.twosdx .unigbxa:last-child{margin-right:0;}
.unigbxa.thumb{padding-right:150px; min-height:130px;}
.unigbxa.thumb .maxup_area{position:absolute; right:0; top:0;}
.unigbxa.thumb .upclose{right:-13px; top:-19px;}
.ttsal{display:inline-block; margin:0; margin-top:30px; font-size:14px; line-height:18px; color:#1d39cb;}
.novarnt{width:100%; float:left; margin-top:30px; display:none;}

/*onOff*/
.onOffb{display:inline-block; vertical-align:middle;}
.lblonof{width:75px; cursor:pointer; background:#00b478; height:32px; border-radius:5px; display:block; position:relative;}
.lblonof.off{background:#505e67;}
.lblonof:after{width:19px; height:19px; background:#fff; border-radius:5px; position:absolute; right:6px; top:7px;  content:"";}
.lblonof.off:after{right:auto; left:6px;}
.lblonof:before{content:"Yes"; position:absolute; left:10px; top:50%; color:#fff; font-size:15px;  font-weight:600; transform:translate(0,-50%);}
.lblonof.off:before{content:"No"; right:10px; left:auto;}


/*document upload*/
.uniga .uparea_box{width:100%; float:left; height:130px; border:1px dashed #dadada; border-radius:2px; position:relative; overflow:hidden; max-width:130px;}
.fthboxs{width:100%; float:left; margin-top:9px;}
.fthboxs .colxc{width:49%; float:left; margin-right:2%;}
.fthboxs .colxc:last-child{margin-right:0;}
.uniga .showdoc .uparea_box iframe{width:100%; float:left;}
.uniga .upflabel{width:100%; float:left; text-align:center; cursor:pointer; font-size:13px; line-height:16px; color:#103516; font-weight:400;
position:absolute; top:50%; transform:translate(0,-50%); left:0;}
.uniga .uparea_box.activi .upflabel{top:auto; bottom:0px; transform:none; background:rgba(255,255,255,0.9); padding:5px;}
.uniga .maxup_area.activi .uparea_box.activi #blah2{top:0; transform:translate(-50%,0);}
.uniga .uparea_box.activi .upflabel .icofup{display:none;}
.uniga .uparea_box #blah2{opacity:0;}
.uniga .uparea_box.activi #blah2{opacity:1; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.uniga .filetype{width:100%; float:left; display:block; text-transform:uppercase; color:#999; font-size:9px; line-height:12px; font-weight:400;}
.uniga .upclose{width:20px; height:20px; position:absolute; right:-25px; top:-0px; border:1px solid #f00; padding:5px; border-radius:100px; 
display:none;}
.uniga .upclose img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:9px;}
.uniga .icofup{display:block; margin:0 auto; margin-bottom:10px; max-width:25px;}
.uniga .maxup_area{width:100%; float:left; position:relative; max-width:130px; margin-top:0px;}
.uniga .maxup_area h5{width:100%; float:left; margin-top:10px;}
.uniga .addment{width:100%; float:left; margin-top:40px;}
.uniga .addment.nopad{padding:20px 0;}
.uniga .addment.nopad .doctpdtl_area .submit_box{padding-right:20px;}
.uniga .addment.nopad .uid_box{padding-right:20px;} 
.uniga .addment .pdca2 .doctpdtl_area{padding:20px 0;}
figure{margin:0;}
img {max-width: 100%;-ms-interpolation-mode: bicubic;border: 0;vertical-align: middle;height: auto;}
.noappear {display: none !important;}







.ttlxupx{width:100%; float:left; position:relative; padding-right:230px;}
.ttlxupx.searbxa{min-height:50px;}
.page-head-txt .ttlxupx h4{display:inline-block; width:auto;}
.ttlxupx .rttxtot{position:absolute; right:5px; top:0px;}
.rttxtot .se_input,
.calculabx .se_input,
.actbtnxy .se_input{height:35px; border-radius:0; outline:none; border:1px solid #999; padding:0px 9px; background:#fff; }
.actbtnxy .rtbtac .se_input{margin-right:15px;}
.actbtnxy .rtbtac .se_input:last-child{margin-right:0;}
.calculabx .se_input{width:190px; margin-right:9px; border:1px solid #999; background:none;}
.viewbxtn{display:inline-block; font-size:14px; line-height:19px; padding:7.5px 19px 8.5px; background:#111; color:#fff; transition:all 0.5s ease; border:none; cursor:pointer;}
.calculabx .subcutx .se_input{width:100%; margin-right:0%; float:left;}
.calculabx .subcutx .se_input.mark{margin-right:0; width:80px; position:absolute; right:9px; top:9px;}
.cusubxm{width:100%; float:left;}
.cusubxm li{width:32.66%; float:left; margin-bottom:15px; margin-right:1%;}
.cusubxm li:last-child{margin-right:0;}
.calculabx{width:100%; float:left; font-size:14px;line-height:19px;padding:15px;border:1px dashed #999; margin-bottom:15px; background:#f1f1f1;}
.calculabx p{width:100%; float:left;}
.calculabx .subcutx p{margin-top:9px; text-align:center;}
.pboxap{width:100%; float:left; font-size:13px;}
.pboxap h3,
.pboxap h4{width:100%; font-size:13px; line-height:19px; font-weight:400;}
.pboxap p{width:100%; float:left;}
.tbaloutx{width:100%; float:left; }
.tbaloutx .table{min-width:990px;}
.othxyr{width:100%; float:left;}
.pboxap p span.blk{display:block;}
.calbtnz{width:100%; float:left; margin-bottom:0px;}
.calculabx .calbtnz p{display:inline-block; width:auto; float:none; padding-left:25px;}

.calbtnz a{display:inline-block; padding:9px 25px; border:1px solid #103516; background:#103516; color:#fff; transition:all 0.5s ease;}
.calbtnz a:hover{background:#fff; color:#103516;}
.subcutx{width:100%; float:left; padding:9px; border:1px solid #c4c4c4; position:relative; padding-right:95px;}
.seartopx{width:100%; float:left;}
.seloptf{width:100%; float:left; margin-bottom:15px;}
.seloptf li{display:inline-block;}
.actbtnxy{width:100%; float:left; position:relative; min-height:35px; padding-left:150px; font-size:14px; margin-bottom:9px;}

.rtbtac{width:100%; float:left; text-align:right; }
.rtbtac a.rsmsiem,.xxsub {display:inline-block; padding:5px 25px; font-size:14px; line-height:19px;  border:1px solid #0f681d; color:#0f681d;
background:#f7fff8; transition:all 0.5s ease; cursor:pointer; outline:none; }
.rtbtac a.rsmsiem:hover,.xxsub:hover{background:#0f681d; color:#fff;}
.xxsub{margin-left:15px;}

.chekale{position:absolute; left:0; top:0; z-index:9;}
.viewbxtn:hover{background:#103516;}
.page-head-txt h4{
    letter-spacing: .65px;
    font-size: 22px;
    color: #000;
    word-spacing: .55px;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
}
/* class-setting end*/

/*manage user*/
.form-wrapper{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
   height: 100vh;
}
.form-inner{
    width: 50%;
    background-color: #fff;
    padding: 20px;
    position: relative;
}

/* task management start */
.task-wrapper{
    width: 100%;
    display: flex;
    gap:40px;
    flex-wrap: wrap;
    justify-content: left;
}
.date{
    position:relative;
}
.date::after{
    position: absolute;
    right: -50px;
    content: "";
    width: 1.5px;
    height: 34px;
    background-color: #075607;
}
.taskbox{
    width: calc(25% - 30px);
    /* padding:10px; */
    border-radius: 2px 25px;
    /* min-height: 160px; */
    box-shadow: 0px 0px 5px rgb(235, 228, 228);
    position:relative;
}
.task-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background-color: rgb(180, 70, 171);
    color: #fff;
}
.tsk-hed-img-txt{
    display: flex;
    align-items: center;
}

.hed-img{
    display: flex;
    cursor:pointer;
}
.hed-txt{
    padding-left: 10px;
}
.task-details{
    font-size: 13px;
    font-weight: 600px;
    padding: 10px;
}
.task-assigner{
    display: flex;
    padding: 10px;
    align-items: center;
}
.task-assigner-img img{
   border-radius: 50%;
   display: flex;
   box-shadow: 0px 0px 5px rgb(215 210 210);
}
.task-assigner-txt{
    padding-left: 7px;
    /* font-weight: 600; */
    letter-spacing: .6px;
    font-size: 13px;
    width:90px;
}
.search-task-cover {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 20px;
    padding: 10px 0px;
}
.search-btn-combined{
    display: flex;
    align-items: center;
    margin: 0 50px;
    position: relative;
}
.search-btn-combined input{
    width: 235px;
    height: 40px;
    padding: 0 25px;
    border-radius: 25px;
    border: 1px solid lightgray;
}
.search-btn-combined input:focus{
    outline: none;
}
.search-btn-combined button{
    height: 40px;
    width: 75px;
    background-color: #074d12;
    border: #074d12;
    color: #fff;
    border-radius: 0 25px 25px 0;
    cursor: pointer;
    font-size: 15px;
}
.search-btn-combined button:hover{
    background-color: #056113;
    transition: all .5s ease;
}
.addtask button{	
	padding: 10px 15px;
    color: #103516;    
    font-size: 15px;
    letter-spacing: .7px;
    border-radius: 2px;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #074d12;
}
.addtask button:hover{
    background-color: #056113;
   transition:all .5s ease;
}
.task-assigner-deadline{
    display: flex;
    justify-content: space-between;
}
.deadline{
    font-size: 12px;
    color:rgb(206, 18, 18);
    display: flex;
    align-items: center;
    padding-right: 10px;
}
.deadline img{
    margin-right: 3px;
}
.task-action{
    position: absolute;
    top:44px;
    right: 0;
    background-color:#056113 ;
    color:#fff;
    /*padding: 10px 0;*/
    font-size: 13px;
    opacity: 0;
    transition: all .5s ease;
}
.task-action-show{
    opacity: 1;
    transition: all .5s ease;
}
.task-action ul li{
    list-style-type: none;
    border-bottom: 1px solid #d3d3d340;
    padding: 5px 0;
}
.task-action ul li:last-child{
    border-bottom:none;
}
.task-action ul li a{
    padding:10px;
    text-decoration:none;
    color:#fff;
}
.task-action ul li a:hover{
    color:lightgray;
}
.task-menu{
    cursor:pointer;
}
.x1{
    background-color:rgb(180,70,171);
}
.x2{
    background-color:rgb(128,30,255);
}
.x3{
    background-color:rgb(30,90,255);
}
.x4{
    background-color:rgb(247,82,40);
}
.x5{
    background-color:rgb(128,30,255);
}
.x6{
    background-color:rgb(214,33,88);
}
.x7{
    background-color:rgb(191,30,255);
}
.x8{
    background-color:rgb(180,70,171);
}
.search-icon{
    position: absolute;
    right: 16px;
    top: 10px;
    color: gray;
}
.col2-input-wrapper{
	display:flex;
	flex-wrap:wrap;
	gap:25px;
	margin-top:15px;
}
.col2popup-row{
	width: calc(31% - 0px);
    margin: 0;
}
.col2popup-rowvw{
	width: calc(23% - 0px);
    margin: 0;
}
.col2-suc-err{
	width:100%;
}
 .col2width-full{
	 width:97.5%;
	 margin:0;
	 margin-top:-12px;
 }
 .col2width-full .pupup-input{
	 height:unset;
 } 
 .col2-form{
	 width:90%;
 }
 .slt option{
	 font-size:13px !important;
 }
/* task management end */
 /* requision */
 .requision-section{
    padding: 40px;
    background-color: #a5a2a24f;
}
.requision-white{
    background-color: #fff;
    padding:35px;
}
.requision-head{
    text-align: center;
    /* margin: 20px; */
}
.requision-head h4{
    font-size: 30px;
    line-height: 50px;
    letter-spacing: .75px;
    word-spacing: .55px;
}
.requision-field{
    width: 100%;
    padding: 10px;
    /* margin: 10px 0; */
    border-radius: 3px;
    border: 1px solid gray;
    letter-spacing: .6px;
    font-size: 14px;
}
.requision-form-wrapper{
   
    /* padding: 40px; */
    display: flex;
    justify-content: center;
}
.requision-field:focus{
    border:1px solid #074d12;
    outline:none;
    transition:all .5s ease;
}
.req-form{
    /* width: 800px; */
    display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 10px 0 35px;
}
.requision-field-cover{
    /* width:100%;
    display: flex; */
    width: calc(50% - 5px);
    display: flex;

}
.req-table{
    /* width:800px; */
}
/*.requisition-cover{
    padding: 30px;
    box-shadow: 0px 0px 9px rgb(177 172 172);
}*/
.req-table table{
    width:100%;
    border-collapse: collapse;
    text-align: center;
}
.req-table table thead{
    background-color: #074d12;
    color: #fff;
}
.req-table table tbody{
    background-color: #04560457;
}
.req-table table tfoot{
    background-color: #074d12;
    color:#fff;
}

.requisition-cell{
    border:none;
    padding: 5px 5px;
    width: 73%;
    border-radius: 3px;
}
.req-table table th,.req-table table td{
    padding:8px 9px;
    letter-spacing: .75px;
    font-size: 13px;
    font-weight: 500;
}
.action-add{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

/* requisition status */
.req-status-input{
    padding: 0px 20px;
    border-radius: 25px;
    /* border: 1px solid #074d12; */
    font-size: 15px;
    box-shadow: 0px 0px 3px #074d1261;
    border:none;
	letter-spacing: .6px;
	height:40px;
}
.req-status-input:focus{
    outline:none;
}
.p-top-25{
    padding-top: 25px;
    padding-bottom: 10px;
}
.search-input-cover{
    position:relative;
}
.serc-icon{
    position: absolute;
    right: 15px;
    top: 11.5px;
    color:#074d12;
	cursor:pointer;
}

.input{
	font-size:15px;
}
.input option{
	font-size:13px;
}

/* Testing */

select[data-multi-select-plugin] {
    display: none !important;
}

.multi-select-component {
    margin-top: 8px;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 42px;
    width: 100%;
    padding: 3px 8px;
    font-size: 14px;
    line-height: 1.42857143;
    padding-bottom: 0px;
    color: #555;
    background-color: #f5faf5;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.autocomplete-list {
    border-radius: 4px 0px 0px 4px;
}

.multi-select-component .btn-group {
    display: none !important;
}

.multiselect-native-select .multiselect-container {
    width: 100%;
}

.selected-wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #d9d9d9;
    background-color: #ededed;
    white-space: nowrap;
    margin: 1px 5px 5px 0;
    height: 22px;
    vertical-align: top;
    cursor: default;
}

.selected-wrapper .selected-label {
    max-width: 514px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 4px;
    vertical-align: top;
    color: #0f681e;
}

.selected-wrapper .selected-close {
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.49em;
    margin-left: 5px;
    padding-bottom: 10px;
    height: 100%;
    vertical-align: top;
    padding-right: 4px;
    opacity: 0.2;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    font-weight: 700;
}

.search-container {
    display: flex;
    flex-direction: row;
}

.search-container .selected-input {
    background: none;
    border: 0;
    height: 20px;
    width: 100px;
    padding: 0;
    margin-bottom: 6px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.search-container .selected-input:focus {
    outline: none;
}

.dropdown-icon.active {
    transform: rotateX(180deg);
    background-color: unset;
}

.search-container .dropdown-icon {
    display: inline-block;
    padding: 10px 5px;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 10px;
    height: 10px;
    border: 0 !important;
    /* needed */
    -webkit-appearance: none;
    -moz-appearance: none;
    /* SVG background image */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23818181%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23818181%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: center;
    background-size: 10px;
    background-repeat: no-repeat;
}

.search-container ul {
    position: absolute;
    list-style: none;
    padding: 0;
    z-index: 3;
    margin-top: 29px;
    width: 100%;
    right: 0px;
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    border-bottom: none;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.search-container ul :focus {
    outline: none;
}

.search-container ul li {
    display: block;
    text-align: left;
    padding: 8px 29px 2px 12px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    min-height: 31px;
}

.search-container ul li:first-child {
    border-top: 1px solid #ccc;
    border-radius: 4px 0px 0 0;
}

.search-container ul li:last-child {
    border-radius: 4px 0px 0 0;
}


.search-container ul li:hover.not-cursor {
    cursor: default;
}

.search-container ul li:hover {
    color: #333;
    background-color: rgb(251, 242, 152);
    
    border-color: #adadad;
    cursor: pointer;
}
.notc{
    width: 100%;
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    padding-bottom: 5px;
    margin: 0 auto;
    border-bottom: 1px solid #00af41;
    color: #00af41;
    margin-bottom: 10px;
}
.notclst{
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    height: 400px;
    overflow-y: scroll;
}
.notcspan{
    color: #103516;
}
.notcli{
    border-bottom: 1px dashed #9d9999;
    padding-bottom: 5px;
    padding-top: 5px;
}
.notcdiv{
    margin-top: 8px;
}
.notcp{
    color: #000;
}
.notcfil{
    color: #1b5999;
}
.notclst li{
    position: relative;
    padding: 10px 0;    
    margin-right: 20px;
}
.notclst_wrapper{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    gap: 20px;
}
.notclst_date_wrapper{
    padding: 18px;
    background-color: #00af41;
    color: #fff;
    text-align: center;
    width: 15%;
    box-shadow: 0 10px 10px -5px rgb(0 0 0 / 20%);
}
.notclst_date_wrapper .notclst_date_cls{
    font-size: 20px;
    display: block;
}
.notclst_date_wrapper .notclst_monyr_cls{
    font-size: 12px;
    font-weight: 600;
    color: #efefef;
    letter-spacing: .6px;
}
.notclst_notice_wrapper{
    width: 85%;
    border-bottom: 1px dashed #c4c4c4;
}
.notclst_notice_wrapper_notc_heading {
    color: #262626;
    max-width: 85%;
    width: 100%;
    font-size: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 600;
    font-family: sans-serif;
    margin-bottom: 6px;
    position: relative;
    padding-bottom: 4px;
    line-height: 25px;
}
.notclst_notice_wrapper_notc_heading::before{
    position: absolute;
    content: '';
    width: 20px;
    height: 1px;
    background-color: #00af41;
    left: 0;
    bottom: 0px;
}
.notclst_notice_wrapper_notc_dtls{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    max-width: 95%;
    letter-spacing: .4px;
    line-height: 20px;
    margin-bottom: 6px;
}

.notclst_notice_wrapper_notc_flies img{
    width: 18px;
    margin-bottom: -2px;
}

.notclst::-webkit-scrollbar {
    width: 5px;
    border-radius: 10px;
}
.notclst::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.notclst::-webkit-scrollbar-thumb {
    background: rgb(81, 189, 54);
    border-radius: 10px;
}
.devtr:hover{background-color:#e2f7e6 !important;}
/* ========= Student Enrollment ========= */
/* ====================================== */

.student_enrollment_wrapper{
    position: relative;
    margin-top: 15px;
    background: #fff;
    padding: 30px;
    box-shadow: 0 10px 20px -6px rgb(0 0 0 / 15%);
}
.student_enrollment_menu_wrapper{
    position: inherit;
    top: 1px;
    background: #fff;
    z-index: 1;
    width: fit-content;
}
.student_enrollment_menu_wrapper ul{
    display: flex;
    position: relative;
    justify-content: flex-start;
    align-items: flex-start;
}
.student_enrollment_menu_wrapper ul li{
    position: relative;
}
.student_enrollment_menu_wrapper ul li.coltdx a{position:relative; padding:9px 35px 9px 35px; font-size:14px; line-height:19px; height:auto !important;}
.student_enrollment_menu_wrapper ul li.coltdx a img{display:inline-block;width:17.5px;vertical-align:top; position:absolute;left:9px;top:9px;}
.student_enrollment_menu_wrapper ul li::after{
    position: absolute;
    content: '';
    background: #fff;
    width: 26px;
    height: 10px;
    right: 0;
    top: -18%;
}
.student_enrollment_menu_wrapper ul a{
    position: relative;
    padding: 10px 35px 10px 20px;
    color: #000;
    border-left: unset;
    display: block;
    font-size: 14px;
    font-weight: 500;
    background-color: #fff;
    transition: all .2s;
    font-weight: 600;
    color: #545454;
    display: block;
    background: #f5f7f8;
    white-space: nowrap;
    font-weight: 600;
    border: 1px solid #dadcde;
}
.student_enrollment_menu_wrapper ul li:first-child a{
    border: 1px solid #dadcde;
}
.menu_img{
    filter: grayscale(1);
    vertical-align: middle;
}
.student_enrollment_menu_wrapper ul a.active {
    background: #ffffff;
    border-bottom-color: transparent !important;
    color: #549625;
}
.student_enrollment_menu_wrapper ul a.active .menu_img{
    filter: grayscale(0);
}
.student_enrollment_menu_wrapper ul li a:hover .menu_img{
    filter: grayscale(0);
}
.student_enrollment_menu_wrapper ul li a:hover {
    color: #549625;
}
.student_enrollment_menu_wrapper ul a::after{
    position: absolute;
    right: -1px;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 25px 25px 0;
    border-color: transparent #fff transparent transparent;
}
.student_enrollment_menu_wrapper ul a:before {
    width: 35px;
    height: 25px;
    position: absolute;
    right: 4px;
    top: 9px;
    content: "";
    border-top: 1px solid #dadcde;
    transform: rotate(45deg);
    z-index: 9;
}
.student_enrollment_form_wrapper{
    padding: 20px 10px;
    border: 1px solid #dadcde;
}
.student_enrollment_form_outer {
    position: relative;
    display: flex;
    width: 100%;
    align-items: flex-start;
    gap: 50px;
}
.puxtstwo{width:100%; float:left;}
.puxtstwo .twoside{width:100%; float:left; position:relative; max-width:769px;}
.puxtstwo .twoside li{width:100%; float:left; position:relative; padding-left:250px; margin-bottom:15px; }
.puxtstwo .twoside li label{font-size:14px; line-height:19px; position:absolute; left:0; top:0; width:100%; max-width:245px;}
.puxtstwo .twoside li label:after{content:":"; position:absolute; right:15px; top:0; font-size:19px; line-height:23px; 
color:#555;}
.puxtstwo .twoside li .se_input{width:100%; float:left; height:35px; outline:none; border:1px solid #e1e1e1; padding-left:9px;}
.puxtstwo .twoside li .se_input.txtare{padding:9px; height:75px;}
.puxtstwo .twoside li .bxysy .se_input{width:48%; margin-right:4%;}
.puxtstwo .twoside li .bxysy .se_input:nth-child(2){margin-right:0;}
.bxysy {width:100%; float:left; position:relative; padding-right:105px;}
.bxysy .soptn{position:absolute; right:0; top:0; display:inline-block; background:#fff; color:#103516; border:1px solid #103516; 
padding:9px 15px; font-size:13px; line-height:15px; border-radius:3px; transition:all 0.5s ease;}
.bxysy .soptn:hover{background:#103516; color:#fff;}
.student_enrollment_form_outer .se_form_label{width: 20%;}
.student_enrollment_form_outer .se_form_label label{
    display: block;
    line-height: 40px;
    margin-bottom: 10px;
    padding-left: 10px;
    cursor: text;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.5px;
}
.student_enrollment_form_outer .se_form_label label::after{
    position: absolute;
    content: ':';
    right: -10px;
    font-weight: 600;
    line-height: 40px;
    color: #000;
}
.student_enrollment_form_outer .se_form_row{
    width: 50%;
}


.se_form_img{
    width: 20%;
}
.se_form_row .se_input{
    width: 100%;
    height: 40px;
    border-radius: 2px;
    padding: 0px 15px;
    border: 1px solid lightgray;
    font-size: 14px;
    outline: none;
    margin-bottom: 10px;
}
.se_form_row .bxysy .se_input{width:48%; float:left; margin-right:4%;}
.se_form_row .bxysy .se_input:nth-child(2){margin-right:0 !important;}

.se_form_row .se_input:focus{
    border-color: #0d9222;
}
.se_form_row textarea.se_input{
    height: 110px;
    padding-top: 10px;
}
.student_enrollment_form_heading {
    border-bottom: 1px solid #cecbcb;
    margin-bottom: 20px;
    padding: 6px 0px;
    width: 33%;
    font-size: 16px;
    font-weight: 600;
}
.student_enrollment_form_heading h3{
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.drop-zone {
    max-width: 200px;
    height: 200px;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: "Quicksand", sans-serif;
    font-weight: 500;
    font-size: 20px;
    cursor: pointer;
    color: #cccccc;
    border: 1px solid #d3d3d3;
  }
  
  .drop-zone--over {
    border-style: solid;
  }
  
  .drop-zone__input {
    display: none;
  }
  
  .drop-zone__thumb {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    background-color: #cccccc;
    background-size: cover;
    position: relative;
  }
  
  .drop-zone__thumb::after {
    content: attr(data-label);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 0;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.75);
    font-size: 14px;
    text-align: center;
  }
#mnthdfltr{
    top:154px !important;
}
.toggle_push_left{display:none;}
.savnxt{padding:10px 15px; color: #103516;font-size: 15px;letter-spacing: .7px; border-radius: 2px; cursor: pointer;background-color: transparent; border: 1px solid #074d12;}
.addbtnn{background-color: transparent;border: 1px solid #074d12;cursor: pointer;letter-spacing: .5px;padding: 9px 18px;font-size: 14px;}
/*loader*/
.loader_outer{width:100%; height:100%; min-height:100vh; position:fixed; left:0; top:0px; z-index:99999; background:rgba(20, 19, 19, 0.2);display: none;}
.lader_layer{width:100%; min-height:150px; position:absolute; top:50%; transform:translate(0%,-50%);display: none;}
.loaderbox{width:65px; height:65px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background: #fff;}
@keyframes ldio-k08to6a49h {
  0% { transform: translate(-50%,-50%) rotate(0deg); }
  100% { transform: translate(-50%,-50%) rotate(360deg); }
}
.ldio-k08to6a49h div {position:absolute; width:25px; height:25px;border:3px solid #8c8a8a;border-top-color:transparent;  border-radius:50%;}
.ldio-k08to6a49h div {animation:ldio-k08to6a49h 1s linear infinite;top:50%;left:50%; transform:translate(-50%,-50%);}
.ldio-k08to6a49h {  width: 100%;  height: 100%;  position: relative;  transform: translateZ(0) scale(1);
  backface-visibility: hidden;  transform-origin: 0 0; /* see note above */}
.ldio-k08to6a49h div { box-sizing: content-box; }
#loader {border: 8px solid #f3f3f3;border-radius:50%;border-top:12px solid #444444;width:70px;height:70px; animation: spin 1s linear infinite; }
.backbtn{background-color:#0a0a0a;transition:all .5s ease;border:1px solid #cdd6cf;cursor: pointer;letter-spacing:.5px;padding:8px 35px;    font-size: 14px;color: #fff;margin-left: 5px;border-radius: 3px;}
.srchez{width:100%; float:left; max-width:100%; position:relative; z-index:1;}
.srchez .field_style{padding-right:45px;}
.chxico{width:35px; height:35px; position:absolute; right:0; top:0;}
.chxico a{display:block; background:#d9252b; width:100%; height:100%; border-radius:0px 2px 2px 0px; transition:all 0.5s ease; }
.chxico a:hover{background:#d9252b;}
.chxico a img{width:15px; height:15px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.srchez .output{width:100%; float:left; max-width:100%; list-style:none; position:absolute; top:35px; left:0; margin:0; padding:0; z-index:99; background:#fff; box-shadow:0 2px 10px rgba(0, 0, 0, .1); padding-bottom:35px; }
.srchez .output li{width:100%; float:left;  cursor:pointer; margin:0 !important; display:block; padding:7px; border-bottom:1px solid #e1e1e1;  }
.srchez .output li:last-child{border-bottom:none;}
.sndsms{padding:10px;background:#004909;border-radius: 3px;color: #fff;cursor:pointer;}
.sendnoti{width: 100%;height: 37px;border-radius: 2px;padding:0px 15px;border: 1px solid lightgray;font-size: 14px;}
.paybtn{background-color:#074d12;transition: all .5s ease;border: 1px solid #cdd6cf;cursor: pointer;letter-spacing: .5px;padding:11px 35px;    font-size: 14px;color: #fff;border-radius: 3px;}

/*modal popup */
.modal.bkdemoxo {width:100%; max-width:100%;}
/*regmodal*/
.bkdemoxo.modal{margin:0 auto;display:inline-block;vertical-align:middle;position:relative!important;z-index:2;
box-sizing:border-box; background:none; border-radius:0;
text-align: left;overflow:visible;height:auto; box-shadow:none; padding:0;}
.bkdemoxo{display: none;}
.bkdemoxo .xxreglink_box{width:100%;float:left;box-shadow:0 0 10px #000;background:#fff; border-radius:5px; overflow:hidden; }
.bkdemoxo.modal .close-modal{display:none;}
.bkdemoxo .clobtn{width:35px; height:35px; position:absolute; right:19px; top:19px;}
.bkdemoxo .clobtn a{display:block; width:100%; height:100%; background:#fff;}
.bkdemoxo .clobtn a img{width:19px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.nxfortx {width:100%; max-width:100%; float:left; position: relative;padding: 0px;border-radius: 5px;background: #fff;box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.15);}
.nxfortx .ttminakc{width:100%; float:left; margin-bottom:0px; }
.nxfortx .ttminakc h3{width:100%; float:left; color:#fff; background:#103516; font-size:16.5px; line-height:25px; padding:13px 15px; text-transform:uppercase;  position:relative; }

.wdys{width:100%; float:left; margin-top:15px; text-align:right;}
.wdys button{    background-color: #074d12;    transition: all .5s ease;    border: 1px solid #074d12;    cursor: pointer;
    letter-spacing: .5px;    padding:9px 25px;    font-size: 14px;    color: #fff;   border-radius:3px;}
	
	.cherm{margin:0; display:inline-block;vertical-align: middle;margin-right: 3px;}



.ttseart {width:100%; float:left; position:relative; min-height:39px; margin-bottom:15px; z-index:1;}
.ttseart .subreqo {width:auto; display:inline-block; vertical-align:middle; margin-left:9px;}

.noappear{display:none;}

.ttseart .subreqo .ikpsi_box{display:inline-block; vertical-align:middle; background:#fff; text-align:center; margin-bottom:0px;}
.ttseart .subreqo .ikpsi_box .yplanc{display:inline-block;color:#fff;font-weight:400;border:1px dashed #fff; 
padding:5px 15px 6.5px; font-size:13.9px; line-height:17.9px;transition:all 0.5s ease; background:#fa0000; margin-right:9px;}

.ttseart .subreqo .ikpsi_box .yplanc.adnew{background:#e49203;margin-right:0;border:none;padding:9px 15px 10.5px; border-radius:0;}
.ttseart .subreqo .ikpsi_box .yplanc.adnew:hover{background:#0f085a;}
.ttseart .subreqo .ikpsi_box .yplanc.adnew img{margin-right:9px;}
.ttseart .subreqo .ikpsi_box .yplanc img{width:15px; margin-right:5px; position:relative;}

.ttseart h3.titlebx{margin:0; width:100%; max-width:490px; float:left; position:relative; padding-left:65px; min-height:39px; padding-top:9px; font-size:15px;}
.ttseart h3.titlebx.npad{padding-top:0;}
.ttseart h3.titlebx p{margin:0; width:100%; float:left; text-transform:lowercase; margin-top:5px;}
.ttseart h3.titlebx p span{display:inline-block; vertical-align:middle; margin-right:15px;}
.ttseart h3.titlebx p img{width:15px; margin-right:5px;}
.ttseart h3.titlebx span.usidx{color:#e49203; margin-left:15px; font-size:13px;}
.ttseart .icodas{position:absolute; left:15px; top:0px; width:35px; height:39px; border-radius:0px;  }
.ttseart .icodas img{width:19.5px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.ttseart .hexagonq {position: relative;  width: 35px;   height: 20.21px;  background-color: #103516;  margin: 10.10px 0;}
.ttseart .hexagonq:before,
.ttseart .hexagonq:after{content:"";position:absolute;width:0;border-left:17.5px solid transparent;border-right:17.5px solid transparent;}
.ttseart .hexagonq:before {bottom: 100%;border-bottom: 10.10px solid #103516;}
.ttseart .hexagonq:after {top: 100%;width: 0;border-top: 10.10px solid #103516;}
h3.titlebx{width:100%; float:left; font-weight:700; font-size:14px; color:#0d0d3f; text-transform:uppercase; margin-bottom:15px;}
.ttseart .rtsbx{position:absolute; right:0; top:0; width:100%; float:left; padding-left:90px; z-index:-1; text-align:right;}
.ttseart .rtsbx .schbx{width:auto; display:inline-block; vertical-align:middle; text-align:right;}
.ttseart .rtsbx .schbx li{width:33.33%; display:inline-block; vertical-align:top;}
.ttseart .rtsbx .schbx.autoc li{width:auto; margin-right:9px;}
.ttseart .rtsbx .schbx.autoc li:last-child{margin-right:0;}
.ttseart .rtsbx .schbx.fourx li{width:23%;}
.ttseart .dftfld{height:35px; border:1px solid #d0d0d0; background:#fff; border-radius:0px;width:100%; color:#505e67; font-size:13px; padding:0 9px; outline:none;}
.ttseart .dftfld.max{min-width:230px;}
.ttseart .dwnlbtn{height:35px; border:1px solid #d18502; background:#e49203; border-radius:5px;width:100%; color:#000028; font-size:13px; padding:0 15px; outline:none; cursor:pointer; transition:all 0.5s ease;}
.ttseart .dwnlbtn:hover{background:#fff; color:#bc7903;}
.ttseart .ndy {display: none;}
.ttseart .btnsxz{font-size:13px;line-height:18px;font-weight:500;position:relative;padding:8.5px 39px 8.5px 15px;background:#060606;color:#fff;display:inline-block;transition:all 0.5s ease;border:none;border-radius:0px;cursor:pointer;transition:all 0.5s ease;}
.ttseart .btnsxz img{position:absolute; right:15px; top:50%; width:15px; transform:translate(0%,-50%);}


/*new responsive table design*/
.aktbloxe{width:100%; float:left;}
.seabox{width:auto; float:left; margin-bottom:5px; font-size:14px; line-height:19px; color:#333; margin-top:15px;}
.xyxctbo {width:100%; float:left; padding:0px; border: 1px solid #d0d0d0;}
.xyxctbo  table{width:100%; position:relative; border-spacing: 0;border-collapse: collapse;}
.fmdako{width:100%; float:left; padding:15px;}
.xyxctbo  .hdtop{background:#074d12;}
.xyxctbo.whplan .hdtop{background:#e1e1e1;}

.xyxctbo.whplan .hdtop.fixed{background:#000028;}
.xyxctbo.whplan .hdtop.fixed td{color:#fff; font-size:14px;}

.xyxctbo .action a.add{background:#59b259;}
.xyxctbo .action a.viewic{background:#fff; width:25px; height:25px; padding:5px; border-radius:100px; display:inline-block; margin-right:5px;position:relative; border:1px solid #fff; transition:all 0.5s ease;}
.xyxctbo .action a.viewic img{width:13px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}


.xyxctbo .action a.add:hover{background:#429742;}
.xyxctbo .action a.remove{background:#f00; padding:0; border-radius:100px; width:25px; height:25px; padding:7px;}
.xyxctbo .action a.remove:hover{background:#db0303;}
.xyxctbo .action a:hover, .action input[type=submit]:hover{border:1px solid #333;}
.xyxctbo .action a.blo:hover{border:1px solid #f00;}

.action_area{width:100%; float:left;}
.action_area a{display:inline-block; width:30px; height:30px; position:relative; border-radius:5px; background:#fff; border:1px solid #d0d0d0; margin-right:3px;}
.action_area a:hover{background:#191955; border:1px solid #191955;}
.action_area a:last-child{margin-right:0;}
.action_area a img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:16px;}
.action_area a:hover img.dflt{display:none;}
.action_area a:hover img.hovi{display:block;}
.action_area a img.hovi{display:none;}


.xyxctbo.whplan .hdtop.fixed td.ttleal{text-align:right;}

.xyxctbo.whplan table thead th{color:#111;}
.xyxctbo  .hdtop.fixed{border-top:1px solid #d0d0d0;}
.xyxctbo  .ftbot{background:#19224d;}
/*.xyxctbo  tbody{background:#fff;}*/
.xyxctbo  table .ftbot td{color:#fff;  font-weight:600;}
.xyxctbo  table .hdtop td{color:#fff; font-weight:600; font-size:13px; line-height:16px; padding:7px;}
.xyxctbo table tr{border-bottom:1px solid #ccc;}
.xyxctbo table tr:last-child{border-bottom:none;}
.xyxctbo  table td,
.xyxctbo  table thead th{padding:7px; color:#111;font-size:13px; line-height:20px; text-align:left; font-weight:400;
border-spacing: 0;border-collapse: collapse; border:none; }
.xyxctbo.whplan  table td{text-align:center; padding:5px; line-height:15px;}
.xyxctbo.whplan  table .hdtop.fixed td{padding:7px; line-height:23px;}
.xyxctbo.whplan  table .hdtop.fixed td.amttle{text-align:left;}
.xyxctbo  table thead th{color:#fff; font-weight:600;}
.xyxctbo  table tbody td{border:none;}



.xyxctbo  table tbody td p.cntr{text-align:center; margin:0; width:100%; float:left; color:#505e67; font-size:14px;}
.xyxctbo  table tbody{border-top:1px solid #d0d0d0;}
.xyxctbo.whplan  table tbody{background:#fff;}

.xyxctbo.whplan  table .hdtop th{border-right:1px solid #9b9b9b; text-align:center;}
.xyxctbo.whplan  table .hdtop th:last-child{border-right:none;}








@media screen and (max-width: 1920px) and (min-width: 1400px){
.right{padding:10px 0px;}
}

@media (max-width:1359px){
.xxviewx .box{min-height:95px;}
}

@media screen and (max-width: 1250px){
.p-top-25 {padding-top:25px;flex-direction:column;gap: 10px;}
}

 
@media (max-width:1200px){	
.xxviewx .body-icons{width:30px; height:30px; top:15px; padding-top:9px; padding-bottom:9px;}
.xxviewx .body-icons img{width:17.5px;}
.xxviewx .box{padding-left:49px;}	
.taskbox{width: calc(33.33% - 30px);}
.search-task-cover{flex-wrap: wrap;}
.search-btn-combined input{width:75%;}
.date{justify-content:flex-start !important;}
.search-btn-combined{width: 50%;margin: 0;justify-content: flex-end;}
.addtask {width:100%;margin-top:20px;justify-content:center;}
.addtask button{width: 50%;border-radius: 25px;padding: 10px 18px;}
.date::after{display:none;}
.tbaloutx{overflow-x:scroll; padding-bottom:15px;}
.student_enrollment_menu_wrapper ul a{font-size:13px;}
.menu_img{width:15px;height:15px;position:relative;top:-2px;}
.student_enrollment_form_outer .se_form_label {width:30%;}
.drop-zone{height:150px;padding:10px;}
.drop-zone .drop-zone__prompt{font-size:14px;}
.puxtstwo .twoside li .bxysy .se_input{width:100%;}
.puxtstwo .twoside li .bxysy .se_input:nth-child(2){margin-top:9px;}
.searbxa .rttxtot{position:static; padding:5px 0px 9px;}
.ttlxupx.searbxa{padding-right:0;}
.ttlxupx.searbxa .rttxtot .se_input{padding:0 5px;}
.varientpxd{position:relative; padding-top:35px; transition:all 0.5s ease; }
/*push_menu*/
.toggle_push_left{position:absolute; display:block; left:0px; width:30px; height:30px; border:1px solid #ccc; background:#e1e1e1; z-index:9; border-left:none; top:0px; transition:all 0.5s ease; }
.toggle_push_left{left:0; transform:rotate(180deg); border-left:1px solid #ccc; top:0;}
.toggle_push_left.buttonmove{left:0; transform:rotate(0deg); border-left:1px solid #ccc; top:0;}
.toggle_push_left a{display:block; width:100%; height:100%; cursor:pointer;}
.toggle_push_left img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:9px;}
.varientpxd .varientx_lt{width:0; height:0; opacity:0; overflow:hidden;}
.varientpxd.dasmenu_close .varientx_lt{width:100%; height:auto; opacity:1; margin-bottom:15px;}
.varientpxd .varientrgt{width:100%;}
.table_area_list{overflow-x:scroll; padding-bottom:25px;}
.apptbl_area{width:1024px;}
.table-wrapper{height:100%;}

.dasbinx_area .daslist li{width:32%; margin-right:2% !important;}
.dasbinx_area .daslist li:nth-child(3n+3){margin-right:0 !important;}
}
@media (max-width:1024px){
.student_enrollment_menu_wrapper ul{flex-wrap: wrap;gap: 10px;justify-content: space-between;}
.student_enrollment_menu_wrapper ul>*{width: 48%;}
.student_enrollment_menu_wrapper ul > li.coltdx{width: auto;}
.student_enrollment_menu_wrapper ul a {font-size: 14px;}
.student_enrollment_menu_wrapper ul a::after{display: none;}
.student_enrollment_menu_wrapper ul a::before{display: none;}
.student_enrollment_menu_wrapper ul li::after{display: none;}
.student_enrollment_menu_wrapper ul a.active{border-bottom: 1px solid #dadcde !important;}
.student_enrollment_menu_wrapper ul a.active{}
.student_enrollment_menu_wrapper {padding: 10px;border: 1px solid #dadcde;}
.cltndtl .student_enrollment_menu_wrapper{padding:0; border:none;}
}
@media (max-width:979px){
    /* login start */
.login-form{flex-direction: column;width:100%;}
.left{width:100%;height: unset;}
.right{width: 100%;}
.login-page-wrapper{background-color: unset; height: unset;}
.btn{width: 100%;}    
/* login end */
.logo-cover{width:155px;}
.dashboard-top-right{width: calc(100% - 155px);}
.user-img-txt-top{display:none;}
.top-icons{justify-content:flex-end;}
.icon-container{padding-right:20px;}
.view-counter{flex-wrap: wrap;}
.box{width: calc(50% - 8px);}
.calender-sec{flex-direction:column;margin-top: 20px;}
.calender-section{width:100%;}
.process-bar-sections{width:100%;flex-wrap: wrap;flex-direction: unset; gap: 15px; padding:0;}
.process-bar-section{padding:10px;gap:0;width: calc(50% - 8px);}
.right-body{ width:100%;overflow:hidden;padding:10px;    }
.menu-section-wrapper{flex-wrap: wrap;}
.toggle-menu{width:100% !important;}
.toggle-width {width: calc(100%);}
.live-support-btn{padding-bottom:25px;display: none;}
#support{display:block;}
.left-menubar{width:0;}
.pupup-form,.xxpupup-form,.xxx-pupup-form,.xxxx-pupup-form,.xxxxx-pupup-form,.xxxog-pupup-form{    
width: 100%; margin-top: 60px;}
.pupup-form form,.xxpupup-form form,.xxx-pupup-form form,.xxxx-pupup-form form,.xxxxx-pupup-form form,.xxxog-pupup-form form{
width: 85%;}
.form{width: 85%;}
.pupup-cancel,.xxpupup-cancel,.xxx-pupup-cancel,.xxxx-pupup-cancel,.xxxxx-pupup-cancel,.xxxog-pupup-cancel{right: 0;}
.pupup-cancel button,.xxpupup-cancel button,.xxx-pupup-cancel button,.xxxx-pupup-cancel button,.xxxxx-pupup-cancel button,.xxxog-pupup-cancel button{border: none;    color: #c10f0f;    padding: 5px 10px;    background-color: unset;    }
.cros{font-size: 45px;}
.btn-suc-err{flex-direction: column;gap: 10px;}
.pupup-submit{margin-top: 20px;}
.table{font-size: 14px;}
.table th {padding: 5px 0;}
.open-pupup-btn button{padding: 6px 18px;}
.table td {padding: 8px 1px;}
.action-center {padding: 0 5px;}
.table-wrapper{min-height:300px; } 
.calender-section {padding: 10px;}
.notclst_wrapper {gap: 10px;flex-wrap: wrap;}
.notclst_notice_wrapper_notc_heading {max-width: 95%}
.notclst_date_wrapper .notclst_date_cls{font-size: 14px; font-weight: 600;display: unset;}
.notclst_date_wrapper .notclst_monyr_cls {font-weight: 400; color: #ffffff; letter-spacing: .6px; font-size: 14px;    }
.notclst_date_wrapper{width: fit-content;}

.xyxctbo table {border-spacing: 0;border-collapse: collapse; border: none !important;}
.xyxctbo  table tr > td,
.xyxctbo  table tr > th{border: none !important; padding:.25em .75em !important; border-spacing: 0;border-collapse: collapse;}

.xyxctbo  table tr{padding:15px 0; width:100%; float:left;}	
.xyxctbo  table tbody,
.xyxctbo  table tr > td,
.xyxctbo  table tr > th{width: auto !important; display: block !important;}

.xyxctbo  .restblxc [class*="center aligned"] {text-align: left!important;}
.xyxctbo  .restblxc thead {position: absolute;top: -1111px;left: -1111px;}
.xyxctbo  .restblxc tbody td:before,
.xyxctbo  .restblxc tbody span.la-secondHeaderRow:before {padding: 0 10px 0 0;content: attr(data-label);font-weight: bold;}
.xyxctbo  .restblxc tbody td .la-flexbox {display: inline-flex;}
.xyxctbo  .restblxc tbody td:nth-child(1) {font-weight: bold;}
.xyxctbo  .restblxc tbody .x {text-align: left;}

.action_area {width: auto;float: none;display: inline-block;vertical-align: middle;}
.xyxctbo .hdtop.fixed{display:none;}



}
@media (max-width:767px){
/*addtask*/
.taskbox{width: calc(50% - 30px);}
.search-task-cover{flex-wrap: wrap;}
.search-btn-combined input{width:unset;}
.date{        justify-content:flex-start !important;    }
.search-btn-combined{width: 50%;margin: 0;justify-content: flex-end;}
.addtask {width: 100%;margin-top: 0px;justify-content: center; }
.addtask button{width: 50%;border-radius: 25px;padding: 10px 18px;}
.date::after{display:none;}
/* requisition */
.requision-field-cover{width:100%;}
.requisition-cover {padding: 0;box-shadow: none;}	
.se_form_img {width:100%;position:absolute;}
.drop-zone {max-width:100%;}
.student_enrollment_form_outer .se_form_label {width: 35%;margin-top: 170px;}
.student_enrollment_form_outer .se_form_row {width:65%;margin-top:170px;}
.student_enrollment_form_outer .se_form_label label {font-size: 13px;}	
.puxtstwo .twoside li{padding-left:0; }
.puxtstwo .twoside li label{position:static; float:left; width:100%; max-width:100%; margin-bottom:5px;}
.puxtstwo .twoside li label:after{display:none;}
.msms{width:100%; float:left; color:green; margin-top:15px;}
.ttlxupx.searbxa .rttxtot .se_input{margin-bottom:9px;}	
.seloptf li{float:left; width:49%; margin-right:2%;}
.seloptf li:last-child{margin-right:0;}
.calculabx .seloptf li .se_input{width:100%; margin-right:0;}
.cusubxm li{width:100%; margin-right:0;}
.calculabx .subcutx p{text-align:left;}
.calculabx .calbtnz p{padding-left:0; float:left; margin-top:15px; width:100%;}	
.xxviewx .box{width:49%; margin-bottom:15px; margin-right:2% !important; min-height:auto;}
.xxviewx .box:nth-child(2n+2){margin-right:0 !important;}

.dasbinx_area .daslist li,
.dasbinx_area .daslist li:nth-child(3n+3){width:49%; margin-right:2% !important;}
.dasbinx_area .daslist li:nth-child(2n+2){margin-right:0 !important;}

.ttseart .rtsbx{position:static; text-align:left; padding-left:0; margin-top:9px;}
.ttseart .rtsbx .schbx.autoc li{width:100%; margin-right:0; margin-bottom:9px;}
.ttseart .rtsbx .schbx.autoc li:last-child{text-align:left;}
}
@media (max-width:639px){	
.search-task-cover{flex-wrap: wrap; gap: 21px;}
.taskbox{    width: calc(100% - 30px);}
.addtask{    width:100%;}
.addtask button{    width: 100%;    border-radius: 25px;    padding: 10px 18px;}
.date::after{    display:none;}
.search-btn-combined {    width:100%;    /*width: 47%;*/}
.search-btn-combined input{    width:100%;    padding: 0 22px;}
.search-task-cover {    margin-bottom:3px;    padding: 10px 15px;}
.task-wrapper {    gap:20px;}
.pupup-form{    height:unset;    padding:40px 0;}
.pupup-row {    margin: 5px 0;    font-size: 18px;}
.pupup-input {    height: 46px;    margin-top: 7px;    font-size:16px;}
.col2-form{	width: calc(100% - 25px);}
.col2-input-wrapper{	gap:10px;}
.col2popup-row{	width: calc(50% - 5px);}
.col2popup-rowvw{	width: calc(23% - 0px);}
/* requisition status */
.reqstatus-search{    flex-direction: column;    margin-bottom: 10px;    gap:13px;}
.req-status-input{    width:100%;    border-radius: 5px;    box-shadow: 0px 0px 2px #074d12;    border:none;}
.p-top-25{    padding-top: 0;}	
.uniga ul li.threex .unigbxa{width:100%; margin-right:0; margin-bottom:15px;}
.uniga ul li.threex .unigbxa:last-child{margin-bottom:0;}
.submit_box .upbtn{padding:10px 15px;}
.unigbxa.thumb{padding-right:0;}
.unigbxa.thumb .maxup_area{position:relative; margin:15px 0 0;}
.unigbxa.thumb .upclose{right:-25px; top:0;}
.fthboxs .colxc{width:100%; margin-right:0; margin-bottom:15px;}
.twosdx .unigbxa{width:100%; margin-right:0; margin-bottom:15px;}
.twosdx .unigbxa:last-child{margin-bottom:0;}
.fthboxs .colxc:last-child{margin-bottom:0;}
.uniga ul li.twoside .label_info{position:static; max-width:100%;}
.uniga ul li.twoside .unigbxa{padding-left:0;}
}
@media (max-width:479px){
.xxviewx .box{width:100%; margin-right:0 !important;}
.xxviewx .box:last-child{margin-bottom:0 !important;}
.reqstnform {padding: 10px !important;}
.genbox label{width:100%; margin-bottom:15px;}
.genbox label:last-child{margin-bottom:0;}
.ttlxupx.searbxa .rttxtot .se_input{width:100%;}
.student_enrollment_wrapper{padding: 10px;}
.student_enrollment_menu_wrapper ul a {display: flex;flex-direction: column;white-space: initial;text-align: center;align-items: center;justify-content: center;padding: 5px 5px;font-size: 12px;height: 55px;}
.student_enrollment_form_outer{gap: 0;flex-wrap: wrap;}
.student_enrollment_form_outer .se_form_label {width: 100%;margin-top: 160px;position: absolute;top: 0;z-index: 0;}
.student_enrollment_form_outer .se_form_row {width: 100%;margin-top: 195px;position: relative;z-index: 1;}
.se_form_row .se_input{margin-bottom: 35px;}
.student_enrollment_form_outer .se_form_label label {font-size: 11px;margin-bottom: 35px;padding-left: 0;}
.student_enrollment_form_outer .se_form_label label::after {right: unset;}
.student_enrollment_form_heading {border-bottom:1px solid #cecbcb;margin-bottom: 0px;padding: 6px 0px;width: 100%;font-size: 15px;        font-weight: 600;width: fit-content;}
.se_form_row textarea.se_input {height:90px;padding-top:10px;}
.se_form_row .se_input:last-child {margin-bottom:0px;}
.un_mt_form .se_form_label {margin-top:0px;}
.un_mt_form .student_enrollment_form_outer .se_form_row {margin-top:35px;}
.ttlxupx{padding-right:0;}
.ttlxupx .rttxtot{position:static; margin-top:9px; font-size:14px;}
.addtask button{font-size:14px; line-height:19px; padding:10px 15px;}

.dasbinx_area .daslist li, .dasbinx_area .daslist li:nth-child(3n+3){width:100%; margin-right:0 !important;}
.bkdemoxo.modal{padding:0px;}
.blocker{padding:5px !important;}
}

.customdrop{
	height:45px;
	margin-top:5px;
	border:1px solid lightgray;
	position:relative;
}
.dropitems {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    /* background-color: #f5f5f5; */
    padding: 10px;
    border: 1px solid lightgray;
	display:none;
}
.dropitemsnew{
	display:block;
}
.dropitems input{
	margin-bottom:10px;
}

.customdrop p {
    position: absolute;
    top: 50%;
    left: 6%;
    transform: translateY(-50%);
}
.dsf{
	padding-left:0px;
	margin-top:10px;
}

.dsf li{
	padding:5px 0;
	letter-spacing:0.55px;
	font-size:18px;
}
.mncheck{
	padding:5px 0;
	letter-spacing:0.55px;
	font-size:20px;
}

.ghgh {
    font-size: 22px;
    letter-spacing: 0.55px;
    color: #000;
    margin-top: 10px;
    font-weight: 500;
}
.ghghg{
	font-size: 22px;
    letter-spacing: 0.55px;
    color: #000;
    margin-top: 10px;
    font-weight: 500;
}


/* The dvcontainer for main*/
.dvcontainer {
  display: block;
  position: relative;
  padding-left: 32px;
  /* margin-bottom: 12px; */
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 600;
}

/* Hide the browser's default checkbox */
.dvcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.dvcheckmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #eee;
  border: 1px solid #7d7d7d;
}

/* On mouse-over, add a grey background color */
.dvcontainer:hover input ~ .dvcheckmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.dvcontainer input:checked ~ .dvcheckmark {
  background-color: #eb9020;
}

/* Create the checkmark/indicator (hidden when not checked) */
.dvcheckmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.dvcontainer input:checked ~ .dvcheckmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.dvcontainer .dvcheckmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* The dvcontainer for child*/
.cdvcontainer {
  display: block;
  position: relative;
  padding-left: 28px;
  /* margin-bottom: 12px; */
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 400;
}

/* Hide the browser's default checkbox */
.cdvcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.cdvcheckmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border: 1px solid #7d7d7d;
}

/* On mouse-over, add a grey background color */
.cdvcontainer:hover input ~ .cdvcheckmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.cdvcontainer input:checked ~ .cdvcheckmark {
  background-color: #eb9020;
}

/* Create the checkmark/indicator (hidden when not checked) */
.cdvcheckmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.cdvcontainer input:checked ~ .cdvcheckmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.cdvcontainer .cdvcheckmark:after {
  left: 6px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.genbox label input[type=checkbox] {
    margin: 0;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.dcdtl .rbadx .pluxss{position:absolute; right:0; bottom:0; top:auto; background:#5c272d; width:35px; height:35px; }
.dcdtl .pluxss{top:-9px; right:0; width:30px; height:30px; position:absolute; background:#111;}
.pluxss a {display:block; width:100%; height:100%;}
.pluxss a img{width:16px; height:16px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}