*{margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -ms-box-sizing: border-box;}
/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');*/
@font-face{font-family:Roboto;src:url(../fonts/roboto/Roboto-Thin-webfont.woff) format("woff");font-weight:200}@font-face{font-family:Roboto;src:url(../fonts/roboto/Roboto-Light-webfont.woff) format("woff");font-weight:300}@font-face{font-family:Roboto;src:url(../font/roboto/Roboto-Regular-webfont.woff) format("woff");font-weight:400}@font-face{font-family:Roboto;src:url(../fonts/roboto/Roboto-Medium-webfont.woff) format("woff");font-weight:500}@font-face{font-family:Roboto;src:url(../fonts/roboto/Roboto-Bold-webfont.woff) format("woff");font-weight:700}
:root {
    --blue: #063ca7;
    --dark-blue: #265ab0;
    --light-blue: #dae7fb;
    --dark-gray: #191a1e;
    --light-gray: #f1f1f1;
    --white: #fff;
    --green: #4caf50;
}
label{font-weight: 500;}
.btn:focus, .btn:focus-visible{outline:none;} 
button:focus{ box-shadow: none!important; }
 ul{ padding: 0; margin: 0; list-style: none;}
 a, a:hover{text-decoration: none; cursor: pointer;}
 p{color:#60788d;}
 img{max-width: 100%;}
html, body{height: 100%;}
.btn.focus, .btn:focus, .btn:hover{color: var(--white);}
.bootstrap-select .btn-default:focus, .bootstrap-select .btn-default:hover, .bootstrap-select .btn-default{background: var(--white); border-color: var(--light-blue); color: var(--dark-blue); outline: none!important}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding:6px;}

body{font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; }

.loglink .btnlogin, .sidelink ul li a, .boxs{transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;}
.container{ width:1200px; max-width: 100%; margin: 0 auto; padding: 0 15px;}
 
 
.scrollbar{ width:100%; max-height:460px;overflow: auto; /*overflow-y: scroll; */}
.scrollbar-primary::-webkit-scrollbar {width: 10px;height: 10px; background-color: #F5F5F5;border-radius: 10px;}
.scrollbar-primary::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);  background-color: #F5F5F5; border-radius: 10px;}
.scrollbar-primary::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background-color:var(--dark-blue);}


.table-striped thead tr th{background: #eaeef7;}
.table-striped tbody tr:nth-of-type(odd) td {background-color:#f2ecf6;}



.mainsection{ max-width:100%; height: 100%; margin:0 auto; overflow:hidden;
	background-image: -moz-linear-gradient( 0deg, rgba(128,64,161, 0.1) 0%, rgba(38,90,176, 0.1) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgba(128,64,161, 0.1) 0%, rgba(38,90,176, 0.1) 100%);
  background-image: -ms-linear-gradient( 0deg, rgba(128,64,161, 0.1) 0%, rgba(38,90,176, 0.1) 100%);
}
 

.checkboxlist.scrollbar-primary::-webkit-scrollbar {width:10px;}
 

.mainsection .container{width: 100%;height: 100%; padding: 0;}
.pagesection{display: flex; flex-wrap: wrap; }
 
.logo{ display: flex; align-items: center; height: 50px}
.logo img{max-width:270px; }
.logo > div{ width: 160px; font-size: 16px; font-weight: bold; color: #0707c7; padding-left:5px;}
.logo > div span{display: block;}
 



.topheading{ display: flex; justify-content: space-between; align-items: center; width: 100%; padding:10px 15px; border-bottom:1px solid var(--white);
/*    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);*/}
.titles{font-size: 22px; font-weight: 500; color:var(--dark-gray); margin-bottom:5px; }
.titles small{opacity: 0.5; font-weight: normal; display: block; font-size: 16px;}
.userlogin{ display: flex;  align-items: center; font-weight: bold; color:var(--dark-blue);}
.userlogin span{width:40px; height:40px; border-radius: 50%; overflow: hidden; margin-left: 10px; border: 1px solid #ccc;}
.userlogin span img{object-fit: cover; width:100%; height: 100%;}

.contentsection{width: calc(100% - 230px); background: var(--white);  max-height:100%; padding:15px 20px; overflow: auto; font-family: 'Roboto', sans-serif;}
.contentsection::-webkit-scrollbar {width: 10px; background-color: #F5F5F5;border-radius: 10px;}
.contentsection::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);  background-color: #F5F5F5; border-radius: 10px;}
.contentsection::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background-color:var(--dark-blue);}

#tab1 .titles, #tab2 .titles, #tab3 .titles, #tab4 .titles{margin-top: 10px;}
.daterangtext{font-size: 16px; background: #f0ecf6; padding: 5px 12px; border-radius: 4px 0px 0px 4px; margin-right: -5px;}
.btn.pensionerbtn{background: var(--light-blue); color: var(--dark-blue); font-weight: 600;}
/*sidebar css start */
 
.mainbox{display: flex;justify-content: space-between;height:calc(100vh - 71px);width: 100%;}
.leftmenu{width:230px; height:100%; position: relative;   overflow: auto; 
  background: var(--light-theme);  }

.sidelink{ height: 100%; overflow: auto;}
.sidelink ul{list-style: none; padding: 0; margin: 0}
.sidebar-menu > li{ position:relative; }
.menulink > a > .fa{width:20px; font-size: 16px; margin-right: 3px;}
.sidelink ul li a{display:flex; align-items: center; padding:10px; color:#524d6d; font-size: 15px; font-weight: 500;} 
.sidelink ul li a span{padding-left: 4px;}
.sidelink > ul > li > a:hover{background: var(--dark-blue); color:var(--white);}
.sidelink > ul > li.active > a{	background-image: -moz-linear-gradient( 0deg, rgb(128,64,161) 0%, rgb(38,90,176) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(128,64,161) 0%, rgb(38,90,176) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(128,64,161) 0%, rgb(38,90,176) 100%); color:var(--white);}
.sidelink ul ul{display: none;}
/*.sidelink ul ul li a:before{content:""; width: 6px; height: 6px; background: var(--blue); border-radius: 50%; display: inline-block; position: absolute; left:0px;}*/
.sidelink ul ul li a{padding:10px 10px 10px 15px; color:#2e477a; font-size: 14px; /*font-weight:600;*/ } 
.sidelink ul ul li a:hover{color:var(--dark-blue);}
.sidelink ul ul li a .fa{width:18px;margin-right: 3px;}
.sidelink ul ul li.active a{color: var(--dark-blue); background: #b1b8c9;}
/*.menulink.active{ background:var(--dark-blue); } */
 .sidelink ul li.active > ul{display: block;}
.sidelink ul li.active{background: var(--light-blue);}
/*.sidelink ul li.active > ul > li > a{color: var(--blue);}*/



.ddclick{position: absolute; display: flex; align-items: center; justify-content: center; right: 5px; top: 0; width: 32px; height:49px; cursor: pointer; }
.ddclick:before {content: "";  display: inline-block;  width: 100%;  text-align: center;  line-height: 42px; font-size: 20px;  color: var(--light-theme); width:8px; height: 8px; border-top: 2px solid #565170; border-right: 2px solid #565170; transform: rotate(-45deg);}
.menulink.active .ddclick:before {content: "";transform: rotate(45deg);}
.dropmenu > a{color: var(--white); font-size: 15px;}
 
.sub-menu{list-style: none;} 
.sub-menu li a {padding: 5px;}
/*sidebar css end*/



.fcs{display: flex; justify-content: space-between; align-items: center;}
.tabletop{padding-bottom: 15px;}
.table{border: 1px solid var(--light-blue);}
.table th{ background: var(--light-blue);}
 
.table-striped tbody tr:nth-of-type(odd){background-color:#eef2fe;}
.tablesec th, .tablesec td{ font-size: 13px;}
.tablesec .btn{padding:2px 5px;font-size: 13px; font-weight: 500; line-height: 1.4; color: var(--dark-blue);}
.bluebtn{background: var(--dark-blue); color: var(--white); font-size:14px; cursor: pointer; }
.bluebtn:hover {background: var(--blue);}
.editbtn{background:#fbe8d4; }
.viewbtn{background:#c5e8ff; }
.deletebtn{background:#fce7fa;}
.logsbtn{background: #e7e9fc;}
.copybtn{background: #c5f6f4;}
.copybtn i{color:#4eb9b4;}
.deletebtn i{color:#d38acb;}
.editbtn i{color:#b5895b;}
.logsbtn i{color:#8d91bb;}
.viewbtn i{color:#4994c5;}

.formsec{padding: 20px; background: #f0ecf6; margin-bottom: 15px;}
.formsec h4{font-size: 18px; font-weight: 600; margin-top: 0;}
.formsec > ul{list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
.formsec > ul > li .form-group{margin:0;} 
.list2 > li{width:50%; padding: 5px} 
.list3 > li{ width:33.33%; padding:5px; }

.list3 > li .form-group label, .list4 > li .form-group label{margin-bottom: 0;}
.list4 > li{width:25%; padding: 5px}
.list4 > li.l3{width:33.33%;}
.formsec > ul > li.lfull{width: 100%;}

.formsec.nobg{background: none;}
.textview{display: flex;align-items: center;}
.textview > strong{min-width:180px; padding-right: 5px; position: relative;}
.textview > strong:after{content: ":"; position: absolute; right: 5px; }

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {width: 100%;}

.stapes{ padding:15px 0; }
.stapes ul{ display:flex;align-items:center; flex-wrap:wrap; justify-content:center; }
.stapes ul li {width: 20%; position: relative; text-align: center; font-size: 16px;  font-weight: 500;}
.stapes ul li span{position: absolute; left: 50%; top:-22px; transform: translate(-50%, 0);}
.stapes ul li .fa{font-size:26px; color:var(--light-blue);}
.stapes ul li.active .fa{color: #25c5a9}
.stapes ul li.current .fa{color: var(--dark-blue);}

.popheading{padding: 15px; border-bottom: 1px solid var(--gray);}
.popfooter{padding: 15px; border-top: 1px solid var(--gray);}



.white-box{background: var(--white); padding:25px; border-radius:8px; margin-bottom: 15px; width: 100%;} 
.white-box h3{font-size: 20px;}
.white-box.pad0{padding: 0;}
.over-hidden{overflow: hidden;}
.fullimg img{width: 100%;}
.charts .white-box{ height:100%; }
.charts > ul{display: flex; margin: 0 -10px; flex-wrap: wrap;}
.charts > ul > li{width:50%; padding: 10px;  }
.tasklist{}
.tasklist > li{padding: 4px 0px;}
.tasklist > li span{ max-width: 84%; display: inline-block;vertical-align:middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

iframe{height: 200px;}

.textbox{width: 66%;  padding:20px; border-radius: 10px; border: 2px solid var(--white); font-weight: 600; }
.fullsec {width: 100%; position: relative;}
.formsec{}
.formsec h3{font-size: 22px; color: var(--dark-blue); font-weight: bold;}
.formlists > ul{list-style: none;  display:flex; margin: 0 -10px; flex-wrap: wrap;}
.formlists > ul > li{padding: 10px; width:22%;}
.formlists .form-control, #admitcard .form-control { height: 46px;  border: none;  background: var(--light-gray);  box-shadow: none;}
.formlists > ul > li .btn{margin-top: 25px; width: 100%; height: 44px;}
.formlists > ul > li:last-child{width: 14%;}


.form-control{border:1px solid var(--light-blue); box-shadow: none;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ background-color:var(--light-gray); }
.form-control.datepicker{padding: .375rem .75rem;}
.datepicker td, .datepicker th{padding: 5px;}
 
.pt-3{padding-top: 15px;}


.sectionlist{margin-bottom: 15px;}
.sectionlist > ul{list-style: none; padding: 0; margin: 0 -10px; display: flex; flex-wrap: wrap;}
.sectionlist > ul > li{width: 33.33%; padding: 10px; position: relative;}
.sectionlist .boxs .bluebtn{background: var(--white);  color: var(--dark-blue);}
.sectionlist .boxs .bluebtn:hover{border-color: var(--dark-blue);}
/* .list3 > li:last-child{width: 100%;display: flex;justify-content: center;} */

.boxs{background:#e8edf7; display:block;  padding:15%; border-radius:8px; height:100%; position: relative; text-align: center;  }
/*box-shadow: inset 6px -7px 5px 0px #ebe8fb*/
.shadowsec{position: relative;}
.shadowsec:before{content:""; width: 100%; height: 100%; position: absolute; left: -5px; top: -5px; background: #f8f6ff; display: block; }


.boxs .btn{font-size: 14px;}
.flexspace{ display:flex; justify-content:space-between; align-items: center;}
.icons {
  position: static;
  right: 20px;
  width: 80px;
  height: 80px;
  min-width: 80px;
  display: flex;
  margin: 0 auto 10px;
  align-items: center;
  justify-content: center;
  background: var(--white);
  border-radius: 50%;
  /* border: 6px solid var(--blue); */
  color: var(--blue);
  font-size: 26px;
  line-height: 1.4;
}
 .heading2{font-size: 24px;font-weight: 500; color: var(--dark-gray); line-height: 1.2; margin-bottom: 0px;}
.stitle{font-size: 16px;font-weight: 500; margin-top: 15px; color: var(--dark-blue); line-height: 1.2;}
.bighead{font-size: 24px;font-weight:800; color: var(--dark-gray);}
.heading3{font-size: 20px;font-weight: 500; margin-bottom: 10px; color: var(--dark-gray); line-height: 1.2;}
 


.searchsec{ margin-bottom:15px; }
.searchsec > ul{display: flex; flex-wrap: wrap; margin: 0 -5px;}
.searchsec > ul > li{width:25%; padding: 5px;}
.searchsec > ul > li:nth-child(3), .searchsec > ul > li:nth-child(4){width:15%;}
.searchsec > ul > li:nth-child(5){width: 20%;}
.searchsec input, .searchsec select, .dataTable-top input, .dataTable-top select{padding:10px 15px; border-radius:4px; background: var(--light-gray); width: 100%; border: none; box-shadow: none; min-height: 40px;}
.searchsec .dropdd, .dropdd{ min-width:60px; background:var(--light-gray) url(../images/dropdd.png) center right 5px no-repeat!important; -webkit-appearance: none;  -moz-appearance: none;  appearance: none;}
.searchsec button{width: 100%; margin-top: 25px; background: var(--themecolor); color:var(--white); min-height: 40px;padding:10px 15px; border-radius:4px;border: none;}
.searchsec .datepicker{background:var(--gray) url(../images/date.png) center right 5px no-repeat;}

.dataTable-top input{}
 
.required{position: relative;}
.required:after{content:"*"; color:#d52020; margin-left: 3px;}
.disflex{ display: flex;}
.disflex .bootstrap-select{width: 80px!important; margin-right: 5px;}
.dropdown-menu.inner{max-height: 300px !important;}

.searchbox{ position: relative; border-radius: 4px; overflow:hidden}
.searchbox button{width: 40px; height:34px; background: none; border: none; position: absolute; right: 0; top: 0; cursor: pointer; border-radius: 0px 4px 0px 4px 0!important; background:#c5e8ff; color: var(--dark-blue);}
.spacebox > div{margin-right:10px;} 

.searchflex{display: flex; gap: 5px;} 
.searchflex > div{ min-width: 160px; max-width: 240px;}
.searchflex > div.searchbox{min-width:240px;}

.tablesec .table>tbody>tr>td {
  vertical-align: middle;
}



.charts{}
.charts > ul{display: flex; margin: 0 -10px; flex-wrap: wrap;}
.charts > ul li{width:33.33%; padding: 10px;  }

iframe{height: 200px;}

/*pagination*/
.paginationsec{padding-bottom: 5px;}
.pagination{  margin:0px;}
.pagination>ul {display: flex;align-items: center;list-style: none;padding: 0;margin: 0;}
.pagination>ul>li {padding: 1px;}
.pagination>ul>li>a {padding: 4px 5px;border: 1px solid var(--light-blue);color:var(--dark-blue);min-width: 28px;display: block;text-align: center;
          font-family: monospace;border-radius: 3px;font-weight: 600;}
.pagination>ul>li.disabled>a {color: #ccc;}
.pagination>ul>li.active>a {background: var(--dark-blue);color: var(--white);}
/*end*/

/*Loader Start*/
.loaderbg{display:none;background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; text-align:center; }
.loading{position: absolute;left: 50%; top: 50%;transform: translate(-50%,-50%);color: var(--white);font-size: 18px;}
.loading-dots {display: inline-block;font-size: 1.2em;animation: dots 1.4s infinite;opacity: 0;}
.loading-dots:nth-child(1) {animation-delay: 0.4s;}
.loading-dots:nth-child(2) {animation-delay: 0.8s;}
.loading-dots:nth-child(3) {animation-delay: 1.2s;}
@keyframes dots {
  30% {-webkit-transform: translateY(-5px) scale(1.9);transform: translateY(-5px) scale(1.9);opacity: 1;text-shadow: 0 15px 10px black;}
  48% {-webkit-transform: scale(1);transform: scale(1);}
  100% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 0;}
}
/*Loader end*/

  
.checkboxsec{border-radius: 5px; margin-bottom: 10px;}
.checkboxlist {width:100%;display: flex; flex-wrap: wrap;}
.checkboxlist label { display: flex; align-items: center;  font-weight: normal;  padding:3px 5px; border-radius: 3px; cursor: pointer;    min-width: 33.33%;}
.checkboxlist label span{padding:4px 5px; font-weight: 500;cursor: pointer; }

/* .checkboxsec input[type="checkbox"]:checked ~ span { background:#696cff; color:#fff;} */
.checklabel{position: relative; }
.checklabel .inputcheck {position: relative; appearance: none; background-color: #dfe1e4; border-radius:72px; border-style:none; flex-shrink: 0; height:20px;  margin:0; position:relative; width:30px; z-index:1;}
.checklabel .inputcheck::before {    bottom: -6px;    content: "";    left: -6px;    position: absolute;    right: -6px;    top: -6px;  }
.checklabel .inputcheck,  .checklabel .inputcheck::after { transition: all 100ms ease-out;  }
.checklabel .inputcheck::after {background: #fff; border-radius: 50%; content: ""; height:14px;  left:3px;  position: absolute;  top: 3px; width: 14px; z-index: 2; }
.checklabel input[type=checkbox] { cursor: default;  }
.checklabel .inputcheck:hover {background: #c9cbcd; transition-duration: 0s; }
.checklabel .inputcheck:checked { background:#535db3;  }
.checklabel .inputcheck:checked::after {background: #fff; left: 13px; z-index: 2;  }
.checklabel :focus:not(.focus-visible) { outline: 0;}
.checklabel .inputcheck:checked:hover { background-color: #535db3;  }
.checklabel .inputcheck:checked + span{color:  #535db3;}


 
@media (max-width:1600px){ 

}


@media (max-width:1440px){
.scrollbar{ max-height:320px;}
 
}

 
@media (max-width:991px){

 
 
}
 
@media (max-width:767px){
body{font-size: 13px;}

.rightlog {padding: 7%;}
.logbg{flex-wrap: wrap; background: var(--white); padding: 0; }
.adminlogo{width: 100px;}
.login .container {width: 350px;}
.rightlog input, .loglink .btnlogin{line-height: 20px;}

.leftlog{background: var(--blue);border-radius: 8px 8px 0 0; display: flex; align-items: center;}
.leftlog ul li label span{font-size: 15px;}
.leftlog, .rightlog{ width: 100%; }

.leftlog ul{display: flex; flex-wrap: wrap;margin: 15px 0; }
.leftlog ul li{width: 50%;}
.leftlog ul li label span:before{width: 20px; height: 20px;}
.leftlog ul li label input:checked + span:after{width: 22px; height: 22px;}
.adminlogo {width: 35%; padding:0 4%;}
.admintab{width:65%;}

.userlogin{display: none;}
 
.pagesection{margin: 0;}
 
 
.leftmenu, .contentsection{width: 100%;}
.contentsection{height: auto; padding:85px 15px 15px;}

.sectionlist > ul > li {width: 50%;}

.titles{font-size: 20px;}
.stitle{font-size:16px;line-height: 1.2}
.userlogin span {width: 32px; height: 32px;}
.white-box{margin-bottom: 10px;}
.listnotice > li {padding: 5px 0;}
.icon {margin-right: 10px;}

.charts > ul li{width: 50%;}

}


@media (max-width:479px){
 
}