@page
 {
 size:landscape;
 }
 @media print
 {
  #cssmenu > ul > li > a
  {
   padding: 14px 4px;
  }
  .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item>li {
    float: left;
    padding: 5px 1px ! important;
}

 }
 
 #loadingNew {
    background: url('../images/loaderReportNew.gif') no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999999;
}

ul.buttonstylelist li
{
 background:#56728e;
 display:inline-block;
 cursor:pointer;
 padding:5px 10px;
 border-radius:3px;
 color:white; font-weight:600; margin:3px;
}
input#generalBoysNo {  min-width: 265px; max-width:100%;}
input#scBoysNo { min-width: 106px; max-width:100%;}
input#saveNsqfVTPDetails_TempDis { min-width: 265px; max-width:100%; }
.font500{font-weight:500;}
.font600{font-weight:600;}
.cursor{cursor:pointer;} 
 input[type="radio"] {
    color: black; margin-right: 5px;
}

.text-red{ color:red; font-weight:700;}
input[type="radio"]:checked {
    color: green;
}

 .form-control:disabled {  min-width: 40px; }
 .plr-15{ padding-right: 0px; padding-left: 0px; }
/*  .pr0{ padding-right:0px ! importnat;} */

 .w48{ width:48% ! important; }
 .w68{ width:68px;}
  html{ overflow-y:scroll;} 
  
   
  ::-webkit-scrollbar {
  width: 8px; height:13px;
}   

/* Track */
  ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px grey; 
  border-radius: 10px;
}  


  
/* Handle */
 ::-webkit-scrollbar-thumb {
  background: #696c6d; 
  border-radius: 10px;
  background: #0e7093; 
}  

body.modal-open {
    overflow: visible ! important;
    padding-right: 0px ! important;
}

 .fa-lg{  line-height:0.89em ! important; }
 
 table.dashb thead th{     font-size: 15px; }
 .select2-container {
    width: 100% ! important;
}



.mtop-15 {   margin-bottom:-5px ! important; }
.mtop-18{ margin-bottom:10px ! important; }

b, strong {    font-weight: 600;    color: #3c3333;    letter-spacing: 0.8888; }
button.btn.text-white.font16.btn-sm {font-size: 16px; }
.icon-center{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.colorSStyle li{ display:inline-block;}

dl, ol, ul {    margin-top: 0;    margin-bottom: 0rem; }

.header{ background-color:38a3a5;}
.topMenu li {    list-style: none;    display: inline-block;    padding-left: 15px;    color: white; }
.topMenu li a { color:white; }
.name h3 {   font-size: 1em;    line-height: 1em;    font-weight: 600;    margin: 0;}
.bg-light {    background-color: #266f89!important;}
ul li.color1{ width:18px; height:18px; background:#c3e6cb; border-radius:50px; margin-left:25px; margin-right:8px;}
ul li.color2{ width:18px; height:18px; background:#dddfe2; border-radius:50px; margin-left:25px; margin-right:8px;}
ul li.color3{ width:18px; height:18px; background:#f5c6cb; border-radius:50px; margin-left:25px; margin-right:8px;}
 .cardhover{ transition: 0.3s; }
 .cardhover:hover {    box-shadow: 0px 5px 15px rgba(0,0,0, .5);  }
 @media (min-width: 992px){
   .navbar-expand-lg .navbar-nav .nav-link {    padding-right: .8rem;    padding-left: .8rem;}
 }
form#updateUserByBlockPage {
    width: 42px;
}


.carousel-indicators{	bottom:5px !important; }
.carousel-indicators li {    box-sizing: content-box;    -ms-flex: 0 1 auto;   flex: 0 1 auto;    width: 10px !important;    height: 10px !important;     border-radius: 100px;    margin-right: 3px;
    margin-left: 3px;    text-indent: -999px;    cursor: pointer;    background-color: #fff;    background-clip: padding-box;
    border-top:none; border-bottom: none;    opacity: .5;    transition: opacity .6s ease;  border: 2px solid #fbfbfb; 
}
.navbar-light .navbar-nav .nav-link {    color: rgb(255, 255, 255);}
.navbar-light .navbar-nav .nav-link:hover {    color: rgb(255, 255, 255);    background-color: #183865; }
.navbar-brand:hover {    color: rgb(255, 255, 255) ! important;    background-color: #183865; }
.navbar-light .navbar-brand {    color: rgb(255, 255, 255);}
li.nav-item, .navbar-light .navbar-brand {    border-right: 1px solid #0b3e50; }
.navbar-brand{     padding-right: 10px;   margin-right: 0rem; padding-left: 10px;}
.navbar-light .navbar-nav .active>.nav-link{ color: rgb(255, 255, 255); }
.panel-title a{ color:white ! important;}
.navbar{ padding:0px;}
.font23 {
    font-size: 16px;
    font-weight: 600;
}
.font-21 {    font-size: 21px; }
 .cool-link {
    display: inline-block;
    color: #000;
    text-decoration: none;
    border-bottom:1px solid #e6e6e6;
    width:100%;
    height: 28px;
   }
.comptBox:hover {    box-shadow: 0px 5px 15px rgba(0,0,0, .2); }
a.ulLink {    background: #eeb147;    padding: 8px 10px;  text-decoration:none;}
a.nav-link {   font-size: 14px; }
.navbar-toggler { padding: .2rem .3rem;    margin-right: 8px;}
.cool-link::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background:#02508f;
    transition: width .5s;
    margin-top: 15px ! important;
   
}

.cool-link:hover::after {
     width: 80%;
    margin-top: 15px ! important;
} 
 .about h2 {   margin: 0 0 10px 0;    font-size: 30px ! important;    font-weight: 600;    color: #2d3a45;    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 5px; }
 
 p {
    margin-top: 0;
    margin-bottom: 0rem ! important; 
    font-size:14px ! important;
}
 input#captchaResetPass {
    width: 100%;
}
.tooltip-inner { background-color: #3299bb; max-width: 250px;}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #47a3c2;
}
table.dashb thead th {
    padding: 10px 8px !important;
	/*  background: #496684; */
	font-weight: 600;
	border: 1px solid white;
	color:white;
}

textarea.height350 {
	min-height: 80px ! important;
	height:100%;
    max-height: 80px ! important;
    width:100%;
    
}
.silverDark 
	  {
	    background:#3d5873 ! important;
	    /* background-image: linear-gradient(to right, #30a7d2, #1b7594);  */
	    color:#fff;
	   
	  }
	  .silverDark:hover,
	  .silverDark:active
	  {
	    background:#3d5873 ! important;
	    /* background-image: linear-gradient(to right, #30a7d2, #1b7594);  */
	   
	  }
	  /*  .btn:not([disabled]):not(.disabled) {
	      cursor: pointer;
	      background:#3d5873 ! important;
	   } 
		   */
  .carousel-inner>.item>a>img, .carousel-inner>.item>img {
    line-height: 1;
    width: 100%;
}
input.btn.btn-info{font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.6px;	}
 /* width */

.header-login {
    background-color: #224d8a !important;
}
.footerWrap {
    background-color: #224d8a;
    padding: 30px 0;
    bottom: 1px;
    position:relative;

}

 
.ml2
	{
	  margin-left:-25px ! important;
	}
	.mr20
	{
	  margin-right:-25px ! important;
	  padding-right:-25px ! important;
	}
 .DFCStyle{ padding-left: 50px;padding-right: 50px;}
/*  .pcoded .pcoded-content {    background-color: white ! important; } */

.header-titleData{  text-align: left; float: left; padding: 1px 20px 12px 0; font-weight: 600; color: #4e4e4e; font-size: 17px;}

.color-info{ background-color:#00bcd4 ! important; -webkit-animation: myfirst 5s linear 2s infinite alternate; /* Safari 4.0 - 8.0 */
  animation: myfirst 7s linear 3s infinite alternate; }
  
  @-webkit-keyframes myfirst {   
    0%{background-color:#0e7093; color:#fff;} 
    25%{background-color:#00bcd4; color:black;}
    50%{background-color:#0e7093; color:#fff; } 
    75%{background-color:#00bcd4; color:black;} 
    100%{background-color:#0e7093; }   
  }
  #dashA {    padding-right: 0px;   padding-left: 0px;}
  .text-bold{ font-weight:600;}
 .head td.btnlink a
 {
    color: #f7f8f9;
    font-weight: 600;
    background: #4d6b8a;
    padding: 1px 10px;
    border-radius: 5px;
    text-decoration:none;
 }
 .resetPossword{ font-size: 1.4em;    color: #3d5873;    font-weight: 700;}
 .textPara{color: #7b7b7b;font-weight: 600;}
 
 
 table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    right: 1em;
    content: "\2191";
     padding-top: 2px;
    color: white;
} 

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    right: 0.5em;
    content: "\2193";
    padding-top: 2px;
    color: white;
}
 table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 0.9em;
    display: block;
    opacity: 1;
}
/* #dataTable tr td a { color: #oe7093! important; font-weight:600;}  */
#dom-table button{ padding:2px  8px; margin:4px;} 
 #dataTable tr td a{color: #127093! important; font-weight:600;}
 
 
 #dom-table thead tr th, td {
    font-size: 0.9em;
    text-align: left;
    padding-left: 8px ! important;
}
 
.blockName{ font-size:14px; font-weight:500; letter-spacing:0.8px;}
.lastUpdate { font-size:14px; font-weight:600; letter-spacing:0.8px;}
.tableStyleFont tr td {    font-size: 14px;    color: #292929;  font-weight:500;   letter-spacing: 0.6px;} 
.tableFixHead    { overflow-y: auto;  margin-bottom:5px; min-height: 0px;
    max-height: 450px; }
.tableFixHead th { position: sticky; top: -6px;  }


.tableFixHead22    { overflow-y: auto;  margin-bottom:20px; min-height: 0px;
    max-height: 440px; }
.tableFixHead22 th { position: sticky; top: -6px;  }

.bg-gray {    background-color: #bfbfbfb8; color: #005f00;}
.media-body p{	margin-bottom: 0rem;}

div.dataTables_wrapper div.dataTables_length select {
    width: 70px; 
    height: 27px ! important;
    display: inline-block;
}

.mb50{ margin-bottom:50px;}

.card-body h4 {
    color: green;
}

/* body[themebg-pattern="theme1"] {
    background-color: #ffffff;
} */

/*body::-webkit-scrollbar {
display: none;
} */
 
.red
{
	color:red;
}
.stauesStyle{ list-style:none; float:right; }
.stauesStyle li { display: inline-block;
    padding: 5px 15px;
    text-align: right;
    color: #272727;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.7px;}
    .black
    {
      background-color:#c7cbcf;
    }
.marginToBottom
{
	margin-top:100px; margin-bottom:150px;
}
.cardStyle{  width:60%; margin: 0 auto; }
.mt15{	margin-top:15px;}
.mb15{	margin-right:15px;}
.ml15{	margin-left:15px;}
.mr15{	margin-right:15px;}
img.mr50{ margin-top:50px;}
.green-color{ background-color: #0e7093;    color: white;    font-weight: 600;    padding: 9px 15px;    letter-spacing: 1px;}

.logDetails1
{
	display:none;
}

.btn-info{ border-color: #51cbd3; background: #51cbd3;}
.btn-info:hover {
    color: #fff;
    background-color: #7494da;
    border-color: #7494da;
}
.Mhrdgi {
    width: 61%;
    margin-left: 200px;
    font-size: 14px;
    font-weight: 500;
}


#cssmenu > ul > li:hover {
    background-color: #183865;
}
.mt-2 {
    margin-top: 15px;
}
.loginPan
{
 min-height:280px; display:inline-block; margin-left:13px; width: 100%;
}

#demo-mobile
{
	display:none;
}

@media screen and (max-width:2600px) and (min-width: 1040px)

{
 .loginBg {
    background: none;
    padding-left: 350px !important;
}
}

@media screen and (max-width:1920px) and (min-width: 1440px)
{
.login-block{ margin-top:80px;}
 .card-height {    min-height: 560px;}

 .loginCards
 {
   width:85%;
   margin:0px auto;
 }
 
}

 

@media screen and (max-width:1200px) and (min-width: 1024px)
{
	
	 .card-height {    min-height: 682px ! important;}
	  .w48{ width:100% ! important; }	
	   .pcoded-main-container {    clear: both;     margin-top: 120px ! important; }
   }

@media screen and (max-width:1023px) and (min-width: 768px)
{
	 .card-height {    min-height: 682px ! important;}
	  .w48{ width:100% ! important; }	
	   .pcoded-main-container {    clear: both;   margin-top: 140px ! important; }
   }




@media screen and (max-width:1040px) and (min-width: 769px)
{

	.Mhrdgi {
    width: 75%;
    margin-left: 100px;
    font-size: 14px;
   font-weight: 500;
	}
 .w48{ width:100% ! important; }	
 
/* .pcoded-main-container {
    clear: both;
    margin-top: 54px ! important;
} */

.loginCards {    width: 100% ! important;    margin: 0px auto;}

}


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

	.loginBg {
    background: none;
    padding-left: 20px !important;
}
.stauesStyle li {
    display: inline-block;
    padding: 5px 10px;
    font-size: 14px;
}
	.Mhrdgi {
    width: 88%;
    margin-left: 50px;
    font-size: 15px;
    font-weight: 500;
}
.header-navbar .navbar-wrapper .navbar-logo .mobile-menu {
    right: auto;
    left: -56px ! important;
    top: 8px;
    width: 60px;
}
.header-navbar .navbar-wrapper .navbar-logo {
    display: inherit;
    margin-left: 68px;
}
/* .pcoded-main-container {
	clear: both;
	margin-top: 60px ! important;
} */
.pcoded-inner-content .schoolinfobar {
    top: 69px;
    height: 30px;
}
}


@media screen and (max-width:768px)
{
 .w48{ width:100% ! important; }	
.hide-Image{display: none ! important; }
.mtop-15 {   margin-bottom:15px ! important; }
.mtop-18 {   margin-bottom:15px ! important; }
/* .pcoded-main-container { clear: both; margin-top: 10px ! important; } */	
.text-right {
     text-align: left!important;
}	
input[type=checkbox], input[type=radio] {
    margin-right: 5px;
 
}	
	
legend { width: 96%; }
#cap15{ margin-top:15px;}
	
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item li a {
    border-radius: 0px ! important;
}	
#demo-mobile
{
	display:block;
}

#demo
{
	display:none;
}

	
 .logDetails1
{
	display:block;
}
ul.logDetails1 {
    float: right;
    width: auto;
}
ul.logDetails1 li {
    float: left;
    width: auto;
    margin-right: 22px;
}
ul.logDetails1 li a
{
	color:#262623;
}

.dropdown {
  position: relative;
  display: inline-block;
}


.dropdown-content {
  display: none;
    min-width: 123px;
    margin-left: -100px;
    margin-top:17px;
    border-top:2px solid #3299bb; 
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
    color: #262623 ! important;
}

.dropdown:hover .dropdown-content {
  display: block;
  float:left;
}

.dropdown-content::after {
	border-color: #3299bb transparent;
	border-style: solid;
	border-width: 0px 10px 12px 10px;
	height: 0px;
	width: 0px;
  position:absolute;
  content: "";
  top:-14px;
  left:100px
}



.logDetails
{
	display:none;
}

}




@media screen and (max-width:768px) 
{
	.tableFixHead thead th {
    background: #56728e;
}
	.plr-15 {
    padding-right: 15px;
    padding-left: 15px;
}
.navbar-nav{ padding-left: 10px;}
li.nav-item{ border-top: 1px solid #294773; border-right:none !important;}
a.ulLink{ margin-left: 10px; border-radius: 6px;}
.navbar-light .navbar-brand {    border-right: none !important;}
.navbar-light .navbar-toggler{ margin: 5px; }
.loginCards.card { margin-top: 72px; }
.col-sm-4{ margin:8px 0px;}
}

section.foot1 {
    background: #224d8a;
    padding: 10px;
    position: absolute;
    width: 100%;
    bottom: -28px;
}
@media screen and (max-width:1000px) and (min-width: 600px)
{
   .name h3 {
    font-size: 13px;
   }
   .Mhrdgi {
    width: 100%;
    margin-left: 2px;
    font-size: 13px;
    font-weight: 500;
}
}
@media screen and (max-device-width: 768px) and (min-device-width: 601px)
{
	section.foot1 {    bottom: -151px;    top: 103%; }
	.mt-36 {    margin-top: -40px; }
	.buttonSet {    font-size: 17px ! important; }
	.comptBox h3 { font-size: 15px ! important; }
	.BackImage{  height: 430px; }
}

@media screen and (max-device-width: 1200px) and (min-device-width: 990px)
{
.ellipse-width {    width: 110px ! important;	white-space: nowrap;   overflow: hidden;    text-overflow: ellipsis; }
	
}
@media screen and (max-device-width: 600px) and (min-device-width: 425px)
{
	.stauesStyle li {    margin:3px 0px;}
	label.labelCont{ margin-left: 0px ! important;}
	label.labelContIndent{ margin-left: 0px ! important;}
	.mtop20{ margin-top:50px;}
	section.foot1 { bottom: -417px;    top: 137%; }
	.mt-36 {    margin-top: -130px; }
	.buttonSet {    font-size: 16px ! important; }
	.Mhrdgi {    width: 100%;    margin-left: 0px;    font-size: 14px;    font-weight: 500; }
	.BackImage{  height: 450px; }
	.h100 { height: 155px ! important; }
	.ellipse-width {    width: 170px ! important;	white-space: nowrap;   overflow: hidden;    text-overflow: ellipsis; }
} 

@media screen and (max-width:424px) and (min-width: 321px)
{
	.mtop20{ margin-top:50px;}
}
@media screen and (max-width:424px) and (min-width: 320px)
{
	label.labelContIndent{ margin-left: 0px ! important;}
	
.mtt20{ margin-top:30px;}
.h100 { height: 155px ! important; }	
.BackImage{  height: 400px; }
.comptBox h3 { font-size: 17px ! important; }
.foot1 {    bottom: -519px ! important;    top: 140%; }
.buttonSet {    font-size: 15px ! important; }
.mt-36 {    margin-top: -140px; }
h3.logintitle { font-size: 16px;	}
.DFCStyle{ padding-left: 5px;padding-right: 5px;}
	
/* .pcoded[pcoded-device-type="phone"] .pcoded-content {
    padding-top: 70px ! important; padding-bottom: 15px ! important; margin-top: 125px;
}	 */
.cardbtmmar{  margin-top: -80px; }
.pcoded-inner-content{  margin-top: 13px;}	
.stauesStyle li {
    padding: 5px 8px;  font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin:3px 0px;
}	
.cardStyle{     width:100%; margin: 0 auto; }

	.ellipse-width
{
	width:120px ! important;
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
}	
	
/* .pcoded-inner-content .schoolinfobar {
    position: relative!impotant;
    z-index: 1011;
    width: 100%;
    padding: 9px 0px 15px 0px;
} */
	.margin-top-15
	{
	margin-top:25px;
	padding-bottom:15px;
	}
	ul.logDetails1 li {
	    float: left;
	    width: auto;
	    margin-right: 15px;
	}
	.owl-carousel .owl-item {
	    float: left;
	    height: 210px;
	}
	
	#owl-demo .item img {
    display: block;
    width: 188% ! important;
    margin: 0px auto;
    height: 210px ! important;
}
	
	.sblogo>img
	{
	  text-align:center;
	}
	
	.name h1 {
    font-size: 17px;
    line-height: 22px;
    font-weight: 700;
    margin: 0;
}
	.Mhrdgi {
      width: 100%;
      margin-left:0px;
      font-size: 13px;
      font-weight: 500;
     }
	.loginPan {
    width: 100%;
    min-height: 280px;
    display: inline-block;
     margin-left: 0px;
    margin-bottom: 15px;
}
.ml-55{ margin-left:0px !important;}
.ml33{margin-left:0px !important;}

.formControl .form-control {
    padding: .0rem .5rem ! important;
}





}



 @media screen and (max-width:1100px) and (min-width: 1024px)
   {
.pcoded-inner-content {
    margin-top: -40px ! important; 
}
}

 @media screen and (max-width:800px) and (min-width: 768px)
   {
.pcoded-inner-content {
    margin-top: -73px ! important; 
}

@media screen and (max-width:325px) and (min-width: 320px)
{
	.pcoded-inner-content {    margin-top: 25px ! important; }
}

.panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
    }

    .panel-default > .panel-heading {
        padding: 0;
	    border-radius: 0;
	    color: #ffffff;
	    background-color: #496684;
	    border-color: #496684;
    }

    .panel-title {
        font-size: 14px;
    }

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: .9px;
    }
    .panel-title > a:hover
    {
     color:white;
    }

    .more-less {
        float: right;
        color: #212121;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE; padding: 0px 15px 10px 15px;
    }

    .dropdown a{ cursor:pointer;}
    
    .patternback{ /* background: url(../images/patternback.png) 0 0 repeat; */
    background: linear-gradient(rgba(61,88,115,.9), rgba(0,0,0,.8)), url(/NUDISE/layout/files/assets/images/patternback.png);
        background-size:cover;
        background-position: center center;
  /*  box-shadow:inset 0 0 0 2000px rgba(0,0,0, 0.5); */ 
  /* background-color: rgba(255,0,0,0.5); */
     }
     /* .overLay {
	    background: linear-gradient(rgba(61,88,115,.9), rgba(0,0,0,.9));
	    width: 100%;
	    height: 37%;
	    position: absolute;
	    top: 63%;
	    margin-right: 15px;
	} */
	
/*    .carBbackCenter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 8px 15px;
    margin: 0px;
    width: 100%;
}
 */
.carBbackCenter {
    position: absolute;
    padding: 8px 15px;
    width: 100%;
    bottom: 0px;
}
.BackImage{
/* background-image: linear-gradient(
    rgba(29, 211, 243, .0),
    rgba(29, 211, 243, .0)
    ),
    url(./layout/files/assets/images/loginback1.jpg); */
    background:red;
  background-size: cover;
  background-position: top;
  position: relative;  
}
.wBorder {
    width: 21%;
    background: white;
    height: 1px;
    margin: 0px auto;
}

/* line css  */

.Line50 {
    width: 50px;
    height: 2px;
    background: #1a2a6c;
    right: 0px;
    position: relative;
    top: 20px;
    float: right;
}

.Line40 {
    width: 35px;
    height: 2px;
    background: #b21f1f;
    right: -50px;
    position: relative;
    top: 29px;
    float: right;
}

.Line25 {
    width: 25px;
    height: 2px;
    background: #fff;
    right: -85px;
    position: relative;
    top: 39px;
    float: right;
}

@font-face{font-family:'Glyphicons Halflings';src:url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot');src:url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.woff') format('woff'),url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;}
    .glyphicon-plus-sign:before{content:"\e081";}
.glyphicon-minus-sign:before{content:"\e082";}
    
    
 .dropdown:hover>.dropdown-menu {
  display: block;
}
.formControl .form-control{padding: .0rem .2rem;}


.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
.buttonBlockLevel
{
	background-color: #2592b9 ! important;    color: white ! important;    padding: 6px ! important;
}   

.ls6{letter-spacing: 0.6px;}  
.ls7{letter-spacing: 0.7px;}
.ls8{letter-spacing: 0.8px;}
.ls9{letter-spacing: 0.9px;}
.ls1{letter-spacing: 1px;}

.pcoded-mtext {
    font-size: 15px;
    letter-spacing: 0.7;
    font-weight: 500;
}
.ml-55{ margin-left:55px;}
.ml33{margin-left:25px;}
  #test #wwgrp_schoolProfileForm_latiSec, #wwctrl_schoolProfileForm_latiSec, #wwgrp_schoolProfileForm_latiMin, #wwctrl_schoolProfileForm_latiMin, #wwgrp_schoolProfileForm_latiDeg, #wwctrl_schoolProfileForm_latiDeg, #wwgrp_schoolProfileForm_longSec, #wwctrl_schoolProfileForm_longSec, #wwgrp_schoolProfileForm_longMin, #wwctrl_schoolProfileForm_longMin, #wwgrp_schoolProfileForm_longDeg, #wwctrl_schoolProfileForm_longDeg{ width: 35px ! important; }
  
  .float-label {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.6px;
    color: #444444;
}
.form-control:focus
{
	border: 1px solid #224d8a ! important;
	box-shadow:none ! important;
}

.infoDark
{
	background-color: #0e7093;
    border-color: #0e7093;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
    cursor:pointer;
}

ul.dashA a {
    color: #f1f1f1; 
    height:55px;
}
.text-white1
{
	 color: #f1f1f1 ! important;
}



	 
.infoDark:hover
{
	background-color: #0e7093;
    color: #fff;
}
.infoDark:active
{
	background-color: #0e7093;
    color: #fff;
}

.infoDark:hover
{
	
    color: #fff;
    
} 
  
  input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    margin-right: 5px;
    margin-left:10px;
}
input[type=checkbox], input[type=radio]:first-child
{
	margin-left:0px;
}

div#wwgrp_formSeven_totalGirlsFlushingFac,
input#formSeven_totalBoysFlushingFac {
    width: 150px;
}
.marRes {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 20px;
    margin: 0px;
    width: 100%;
}

textarea#changeCertifyStatus_remarks {
    width: 100%;
    height: 70px;
    border: none;
}

h3.logintitle {
    color: #0e7093;
    font-size: 19px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 5px;
}

.forget a
{
	border-bottom:1px solid #0a3e58;
	padding-bottom:5px;

	}
}

.btnlist
{
	width:65px;
	height:35px;
	background-color:silver;
}

.tableFixHeadVarticle    { overflow-x: auto; width:100%;   }
.tableFixHeadVarticle .varticlegk { position: sticky; left: -2px;  background-color:silver; z-index:99; }

.blink{
		color: white;
		animation: blink 2s linear infinite;
	}
@keyframes blink{
0%{ color:red;}
50%{ color:tomato;}
100%{ color:tomato;;}

}

.blink1{
		color: white;
		animation: blink 2s linear infinite;
	}
@keyframes blink1{
0%{ color:#0e7093;}
50%{ color:#0e7093;}
100%{ color:#0e7093;}

}
 .panel-group .panel-heading a.collapsed::after {
    content: '+';
    font-size: 22px ! important;
    font-weight: 800 ! important;
    margin-top: 0px;
}
.panel-group .panel-heading a::after {
    content: '-';
    float: right;
    font-size: 22px ! important;
    font-weight: 800 ! important;
    margin-top: -2px;
} 
.panel-body { padding: 5px; }


   .tableFixHead1   { overflow-y: auto; height:400px;}
  .tableFixHead1 thead{ position: sticky; top:1;  }
  /* .tableFixHead1 th { position: fixed;} */



.divider {
    width: 150px;
    background: white;
    height: 1px;
    margin: 15px auto;
    /* padding: 15px; */
}

.lLeft
{
	width:50%;
	flaot:left;
	 display:inline-block;
}
.rright
{
	width: 50%;
    float: right;
    display: inline-block;
    text-align: right;
}

.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 0px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin-top: 8px;
  margin-right:15px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
  letter-spacing: 0.9px;
  font-weight:600;
  outline:none;
}
.button2 {
  background-color: #ef6725;
  color: white; 
  border: 2px solid #ef6725;
  transition: 0.3s;
  
}

.button2:hover {
  background-color:#d44804;
  color: black;
  font-weight:600;
   border: 2px solid #d44804;
   -webkit-box-shadow: 0px 1px 15px rgba(0,0,0,0.57);
   -moz-box-shadow: 0px 1px 15px rgba(0,0,0,0.57);
    transition: all 0.3s ease 0s;
}


.button3 {
  background-color: #30ab86;
  color: white; 
  border: 2px solid #30ab86;
  transition: 0.3s;
  font-weight:600;
}

.button3:hover {
  background-color:#30ab86;
  color: black;
  font-weight:600;
   border: 2px solid #30ab86;
   -webkit-box-shadow: 0px 1px 15px rgba(0,0,0,0.57);
   -moz-box-shadow: 0px 1px 15px rgba(0,0,0,0.57);
    transition: all 0.3s ease 0s;
}


.example_e {
border: none;
background: gray;
color: #ffffff !important;
font-weight: 100;
padding: 5px 10px;
font-weight:500;
leletter-spacing: 1.9px;
border-radius: 6px;
font-size:14px;
display: inline-block;
}

.example_e:hover {
color: #404040 !important;
font-weight: 700 !important;
letter-spacing: 1px;
text-decoration:none;
background: none;
-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
transition: all 0.3s ease 0s;
}
.text-white
{
	color:white;
}

.ulstyle
{
	list-style:none;
}
.ulstyle li 
{
	display:inline-block;
    font-size: 13px;
}
table, th, td {
  border-collapse: collapse;
}
thead {

    background: #7494da;

}
.font-13
{
	font-size:11px ! important;
}
.font-12
{
	font-size:12px ! important;
}
.font-13
{
	font-size:13px ! important;
}
.font-14
{
	font-size:14px;
} 
.font-18 {
    font-size: 18px;
}
.mt-25
{
	margin-top:-25px;
}

.table-header-rotated th.rotate-45>div
{
     background: #0e7093
}

.cardHeader
{
	background-image: linear-gradient(to right, #0e7093, #30a7d2) ! important;
	
}
.mainback {
    background-color: #5c5c9b;
    color: white;
}

.buttonSet{ font-size:15px;}
.card-block ul li {
    display: inline-table;
}
.btn-sm {
    padding: 4px 6px 4px 6px ! important;
}
.headerTitle{ color: #34346e; font-size: 16px; font-weight: 600;}   
.image100{ width:100%; height:150px;} 

.w5{ width:5%; text-align:center; }
.table-header-rotated th.rotate-45>div
{
  background: #56728e ! important;
}
.bg-clr {  
	background: #266f89; 
	  font-size: 0.8em;
	color: rgb(255, 255, 255); }

table.dashb thead th.borderLeft {
    border-left: 4px solid #e4e4e4 ! important;
    background: #39546f;
}



@media screen and (max-width: 425px) and (min-width: 376px)
{
	.pcoded-inner-content .schoolinfobar {
    position: fixed;
    z-index: 1011;
    width: 100%;
    top: 10px ! important;
}
	
}

a.btn.silverDark1 {
    background: #eeb147;
    line-height:40px;
}


.tooltip25 {
  position: relative;
  display: inline-block;
}

.tooltip25 .tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: #496684;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 999;
  bottom: 150%;
  left: 50%;
  margin-left: -100px;
}

 .tooltip25 .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #496684 transparent transparent transparent;
} 

.tooltip25:hover .tooltiptext {
  visibility: visible;
}

@media only screen and (max-width: 600px) {
.mright15{ margin-left:15px;}
	.tooltip25 {
    position: relative;
    display: inline-block;
     width: 100% ! important;
     left: 0px; margin-left: 0px;
    }
     label.labelCont{ margin-left:2px;
}
.wwgrp { margin: 2px; }
.pcoded-inner-content .schoolinfobar{ margin:0px auto;}

.tooltip25 .tooltiptext {
  width: 100% ! important; left: 0px; margin-left: 0px;
}
 .tooltip25 .tooltiptext::after { display:none;
}
}

/* bottom footer css */

html, body { height: 100%; display: flex; flex-direction: column; margin:0px;} 
  .space { flex: 1; flex-basis: auto; }
  footer { background-color:#266f89!important; width:100%; padding:5px;   bottom:0px; z-index:999;  }
  a.buttons-html5 {    color: white;    background: #496684 ! important;    border: none ! important; font-weight: 600 ! important; }
  a.buttons-html5:hover{ background: #3a536d ! important; }
 
.panel-heading {
    background: #496684;
    padding: 5px 5px 2px 5px;
    margin-bottom: 4px;
}
h4.panel-title {
    font-size: 20px;
}

.login241{background: #266f89!important;}
.login242{background: #7494da!important;}

/* line css  */

.Line50 {
  width: 50px;
    height: 2px;
    background: #1a2a6c;
    left: -13px;
    position: relative;
    top: 12px;
    float: left;
}


.Line566 {
    width: 80px;
    height: 2px;
    background: #212529;
    left: 18px;
    position: absolute;
    top: 41px;
    float: right;
}

.Line40 {
   width: 35px;
    height: 2px;
    background: #b21f1f;
    left: -62px;
    position: relative;
    top: 23px;
    float: left;
}

.Line25 {
    width: 25px;
    height: 2px;
    background: #5135c5;
    left: -97px;
    position: relative;
    top: 33px;
    float: left;
}

.BackImage {
    /* background-image: linear-gradient( rgba(29, 211, 243, .0), rgba(29, 211, 243, .0) ), url(./layout/files/assets/images/loginback1.jpg); */
    /* background: red; */
    background-size: cover;
    background-position: top;
    position: relative;
}


.patternback {
    /* background: url(../images/patternback.png) 0 0 repeat; */
    background: white;
    background-size: cover;
    border-right: 1px solid silver;
    background-position: center center;
    /* box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 50%); */
    /* background-color: rgba(255,0,0,0.5); */
}

.carBbackCenter {
    position: absolute;
    width: 95%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

ul.ulDownloadli{
	    text-align: center;
}