

* {
  box-sizing: border-box !important;
}
#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 99999999999;
}

  .spinner {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    -webkit-animation: rotatee 2.0s infinite linear;
    animation: rotatee 2.0s infinite linear;
}

dot1, .dot2 {
    background-color: #23297a;
}

.dot1, .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    border-radius: 100%;
    -webkit-animation: bouncee 2.0s infinite ease-in-out;
    animation: bouncee 2.0s infinite ease-in-out;
}



h3{
  -webkit-transition: all .2s ease-in !important;
    transition: all .2s ease-in !important;
}
.grievences_contactus,.grievences_contactus ul,.grievences_contactus ul li a{color: black; }

.grievences_contactus {background-color: black;}

p.tiny{display: inline}
img.imageInTextRight{float: right; height: 25%; width: 35%;borders: 1pt solid red;}


img.imageInTextLeft{float: left; height: 25%; width: 35%;borders: 1pt solid red;}
div.text-content p{text-indent: 30px;opacity: 0.9;
  color: black;font-size:16px; 
  line-height:25px ;text-indent: 30px;
}

h3{}

.border{border: 0pt solid red;}

.text-white{color: white;}


img{cursor: pointer;}

.border_neelinallah{border: 0pt solid red;}

.b_devika{borders: 1pt solid green;}


#banner_close_btn{
animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}


#notification_pdf_download_btn{
  font-style: italic;font-size: 20px; 
  borders:3pt solid black; 
  padding:10px;padding-left:50px; 
  padding-right:50px;
   background-color: green;
  color: white;
}




.viewprofile-span {
  margin-right:10px;
  margin-left: 10px;
}
.viewprofile-span i{font-size: 16px; font-weight: 800;}


.departmentalprofile-span i{font-size: 16px; font-weight: 800;}

.onlyMobileD{
  display: none !important;
}

.noMobileD{
  display: none !important;
}
@media only screen and (min-device-width: 480px){

.onlyMobileD{display: inline;}

.noMobileD{
  display: inline-block;
}

}






#top{background-color:red;
  color:white;
display:block;width: 110px;}

#subscribe{color:white;background-color:green;display:block; margin:3px;width: 110px;

}

#desktopview{olor:white;background-color:orange;display:block; margin:3px; width: 110px;}


#top :before
{
    font-family:FontAwesome;
    content:"\f062";
    font-size:18px;
    
}

#subscribe:before{
    font-family:FontAwesome;
    content:"\f0f3";
    font-size:18px;
   
}
#desktopview:before{
   
    font-family:FontAwesome;
    content:"\f363";
    font-size:18px;
    
}



#subscribe_div {
  display:none;
  width:100%;
  height: 100%;  
  borders:2px solid red;
  position:fixed;
  top:0;
  z-index: 10000000; 
  background-color:black;
}
#close_subscribe{
  float:right; 
  font-size: 16px; 
  margin-right:10px;
  cursor: pointer; 
  color:blue
}

#subscribe_content{padding:10px; 
  background-color:white; 
  border:2px solid black; 
  text-shadow: black; 
  opacity:1.0

}
#subscribe_content h1{
  color:green;
  text-align:left;
  border-bottom: 2px solid grey;

}
#subscribe_content h5{
  color:blue;

}
#subscribe_content #submit_subscribe{ background-color:black; color:white; }

.maindivs{
  border:0pt solid red;
}

 i{font-size: 16px !important;}



 .followus{
  font-size:18px;
 }


/* 
.onlyMobile{display: none !important;}
.noMobile{display:inline !important;} */
 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .noMobile{display:none !important;}
  .onlyMobile{display: inline !important;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .noMobile{display:none !important;}
  .onlyMobile{display: inline !important;}

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .noMobile{display:none !important;}
  .onlyMobile{display: inline !important;}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  
  .noMobile{display:inline !important;}
  .onlyMobile{display: none !important;}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .noMobile{display:inline !important;}
  .onlyMobile{display: none !important;}
}



.boxstyles1{
	background: #DD5E89; /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #DD5E89 , #F7BB97); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #DD5E89 , #F7BB97); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  border:1pt white !important;
}

.boxstyles2{

	background: #DDDD89; /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #DDDD89 , #F7BB97); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #DDDD89 , #F7BB97); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.boxstyles3{

	background: #F09819; /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, red , yellow); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, red ,yellow); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	
}

.boxstyles4{

  background: #F09819; /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #ff6347 , #ff6666); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #ff6347 , #EDD867); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  border:4pt white !important;
  border-radiuss: 70px; 
  padding:15px !important;
  margin-top:3px;
}

.boxstyles5{

  background: #F09819; /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #F09819 , #EDDE5D); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #F09819 , #EDDE5D); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  border:2pt white !important;
  border-radius: 20px; padding:5px !important;
}


.boxstyles6{

  background: #2b1901; /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #392202 , #0b0a01); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #392202 , #0b0a01); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  border:2pt white !important;
  border-radius: 20px; padding:5px !important;
}


.gdcsidhra{

  background: #fcfbfa; /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #4C5594 , #f6f6f5); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom,  #4C5594 , #f6f6f5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  border:2pt white !important;
  border-radius: 3px; 
  padding:15px !important;
}
.gdcsidhra a img{border-radius: 20px;;}

.guest p{text-align:center !important}