body {font-family: "Roboto",sans-serif; font-size:16px; background:#c3dff2; }
footer{font-size:12px}

.notifi{height:225px;}
.copyright-txt{margin-top:4%}

.hpt{background-image: url("../../images/water2.png"); border: 1px solid #FFF; border-radius: 13px;}
.pbg{background-color: rgba(56, 165, 206, .1); color:#042037;text-align:justify}
.lb{ border-left:1px solid rgba(4, 32, 55, .3); }
.a-faculty-title{background:rgba(255, 255, 255, 0.4);color:#112468;padding:2%}
.pbg1,.pbg2,.pbg3{min-height:320px;}


.panel .anim-slider,.anim-slide img{border-radius:13px}
/*filed of study */

.animated {animation-duration: 1s;animation-fill-mode: both;}
.tab-wrap {border: 1px solid #e6e6e6; margin-bottom: 20px;margin-top: 20px;}
.media > .pull-left { margin-right: 20px;}
.nav-tabs {border-bottom: medium none transparent;border-right: 1px solid #e6e6e6;}
.nav-tabs > li {border-bottom: 1px solid #e6e6e6; margin-bottom: 0;}
.nav-tabs > li > a {background: #62CDEA ; border: 0 none; border-radius: 0; color: #FFF; line-height: 24px; margin-right: 0; padding: 7px 25px; }
.nav-tabs > li > a:hover {background: #022138; color: #FFF; border-color: #eee #eee #ddd;}
.nav-stacked > li.active > a::after {border-color: transparent transparent transparent #B6FAFD; border-style: solid; border-width: 25px 22px; content: "";
  height: auto; position: absolute; right: -44px;top: 0;width: auto; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background: #008FD1; border: 0 none; color: #061339; position: relative;}

.nav-stacked > li>a{padding: 13px 15px;}

.hpt .nav-tabs li:first-child > a {
  border-left: medium none;
  border-radius: 12px 0 0 0;
}

.hpt .nav-tabs li:last-child > a {
  border-radius: 0 6px 6px 0;
  border-right: medium none;
}

.hpt .nav-tabs li a {
  background: #040D3C;
  border-right: 1.9px solid #5a6390;
  font-size: 18px;
  padding: 10px;
}
.hpt .nav-tabs > li.active > a, .hpt .nav-tabs > li.active > a:hover, .hpt .nav-tabs > li.active > a:focus { background: #9AC6FB; border: 0 none; color: #061339; position: relative; font-weight:bold}


/* .tab-content { padding: 20px;} */

.media-body{color:#666666;}
.media-body p,.media-body ul,.subpages {color: #261D1D; font-size:17px;}
.media-body h2,.media-body h4,.subpages h2{color:#550000}


.latestnews{line-height:2em;margin:1% 0 0 1.2%;font-size:15px} .latestnews i{color:#B42A25}
#courses{margin:1% 0 0 2%}
#courses h4{font-size:15px; color:#0C456E;} #courses li{font-size:14px;}#courses li a{color:#1E2329}
#courses .rb{border-right:1px dotted #061339;  min-height: 126px;}

/*login form home page */
.formbox .panel-body h4{padding-bottom:7px;margin:0} 
.loginimg{padding-bottom:.5%;/* padding-top:1.5% */}
#elementID{font-size:2.2em; position:absolute;text-align:center;margin-left:14%;top: 0%;}
#loginform .form-group{width:40%;font-size:13px;} #loginform .form-group input:focus,#loginform .form-group input{font-size:12px;min-height:28px;padding:5px 10px;width:100%;}
#loginform .form-control {width:100%}
.smplevideobtn{margin-top: -11%;padding-left: 5%;padding-right: 10%;position: absolute;}
.forgotpass{font-size:13px;margin-left:7px;color:#040D3C}.forgotpass:hover{cursor:pointer;}
.help{font-size:13px;margin-right:8%;color:#040D3C}.support{font-size:13px;}
.liveqa{font-size:13px;}  .liveqa:hover,.formbox h4 a:hover{text-decoration:none}

/*register form*/
.red,.redc{color:red}


div.map { position: relative;}
div.map > img {display: block;max-width: 100%;}
div.map > a {display: block;position: absolute;}
div.map > a:hover {background-color: rgba(40, 79, 237, .5);border-radius:3%;}
div.map > a.a {height: 91%;left: 2%;top: 3%;width: 14%;}

.gifbutton{cursor:pointer;}



@media (min-width: 280px) and (max-width: 640px) { 

/* .hometabcon {height:280px;overflow-y:scroll;} */
#elementID{font-size:12px!important;}
#loginform .form-group{width:100%}
}

/* DGS Rgister form */
#dgsform #mobile, #dgsform #email, #dgsform #confemail {border-radius: 4px;min-height: 34px;width: 100% !important;}

#con_form #c_name, #con_form #indosno,#con_form #c_email {border-radius: 4px;min-height: 34px;width: 100% !important;}
/*light box User Manual Videos */

.user-manual-videos .nav-pills > li.active > a,.user-manual-videos .nav-pills > li.hover > a{background:#B6FAFD; color:#061339;border-radius:0px}
.user-manual-videos .nav-pills > li > a{background:#62CDEA;color:#fff;}



