.tab .nav.nav-tabs { border-bottom: 0 }

@media screen and (min-width:480px) and (max-width:576px) {

.tab .nav.nav-tabs { display: block }

}

@media screen and (max-width:480px) {

.tab .nav.nav-tabs { display: block }

}

.tab .nav.nav-tabs li { margin-bottom: 0; float: none; display: inline-block }

@media screen and (min-width:480px) and (max-width:576px) {

.tab .nav.nav-tabs li { display: block }

}

@media screen and (max-width:480px) {

.tab .nav.nav-tabs li { display: block }

}

.tab .nav.nav-tabs li a { border: none; line-height: normal; border-radius: 0; padding: 12px 30px; background: #f6f7f8; color: #323232; border: 1px solid #eee }

.tab .nav.nav-tabs li a.active { background: #003a6a; color: #fff; border-color: transparent }

.tab .nav.nav-tabs li a.active:focus, .tab .nav.nav-tabs li a.active:hover { background: #003a6a; color: #fff; border-color: transparent }

.tab .nav.nav-tabs li a i { padding-right: 5px }

.nav-border .nav.nav-tabs li a { margin-right: 0; border: 1px solid #eee; background: 0 0 }

.nav-border .nav.nav-tabs li a.active { color: #fff; background: #17a2b8; border-color: #17a2b8 }

.nav-border .nav.nav-tabs li a.active:focus, .nav-border .nav.nav-tabs li a.active:hover { color: #fff; background: #17a2b8; border-color: #17a2b8 }

.tab-border .nav.nav-tabs { margin-bottom: 0 }

.tab-border .nav.nav-tabs li a.active { color: #17a2b8; background: #fff!important; border-color: #eee; border-bottom: 1px solid #fff }

.tab-border .nav.nav-tabs li a.active:focus, .tab-border .nav.nav-tabs li a.active:hover { color: #17a2b8; background: #fff!important; border-color: #eee; border-bottom: 1px solid #fff }

.tab-border .tab-content { padding: 20px; border: 1px solid #eee; margin-top: -1px }

.nav-center .nav.nav-tabs { text-align: center; display: block }

.nav-right .nav.nav-tabs { text-align: right; display: block }

.nav-right .tab-content { text-align: right }

.round .nav.nav-tabs li { margin-bottom: 5px }

.round .nav.nav-tabs li a { border: none; line-height: normal; margin-right: 10px; border-radius: 90px; padding: 12px 30px; background: #f6f7f8; color: #323232 }

.shadow .nav.nav-tabs li a.active { color: #17a2b8; background: #fff!important; border-color: #eee; border-bottom: 0; -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 3px 10px rgba(0,0,0,.1); box-shadow: 0 3px 10px rgba(0,0,0,.1) }

.shadow .nav.nav-tabs li a.active:focus, .shadow .nav.nav-tabs li a.active:hover { color: #17a2b8; background: #fff!important; border-color: #eee; border-bottom: 0; -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 3px 10px rgba(0,0,0,.1); box-shadow: 0 3px 10px rgba(0,0,0,.1) }

.tab-vertical .nav-tabs { float: left; width: 25% }

.tab-vertical .nav.nav-tabs li { display: block; width: 100% }

.tab-vertical .nav.nav-tabs li a { border-right: 0; border-top: 0; padding: 14px 30px }

.tab-vertical .nav.nav-tabs li a.active { border-bottom: 1px solid #eee }

.tab-vertical .nav.nav-tabs li a.active:focus, .tab-vertical .nav.nav-tabs li a.active:hover { border-bottom: 1px solid #eee }

.tab-vertical .nav.nav-tabs li:first-child a { border-top: 1px solid #eee }

.tab-vertical .tab-content { background-color: #fff; border: 1px solid #eee; padding: 40px 30px; margin-left: 25%; line-height: 30px; margin-top: 0 }

.tab-vertical .tab-content p { line-height: 30px }

.tabs-contant .tab .nav.nav-tabs li a { padding: 12px 20px }

.tab.nav-bt .nav.nav-tabs li a.active { background: #fff; border-top: 3px solid #17a2b8; color: #17a2b8 }

.tab.nav-bt .nav.nav-tabs li a.active:first-child { border-left: 1px solid #eee }

.tab.nav-bt .nav.nav-tabs li a.active:last-child { border-right: 1px solid #eee }

.tab.nav-center .nav.nav-tabs li { margin-left: -4px }

.tab.nav-right .nav.nav-tabs li { margin-left: -4px }

.tab.nav-border-bottom .nav.nav-tabs { border-bottom: 1px solid #dee2e6 }

.tab.nav-border-bottom .nav.nav-tabs li a { background: 0 0; border: 0; border-bottom: 2px solid transparent }

.tab.nav-border-bottom .nav.nav-tabs li a.active, .tab.nav-border-bottom .nav.nav-tabs li a:hover { border-color: #17a2b8; background: 0 0; color: #17a2b8 }

@media (max-width:575px) and (min-width:320px) {

.tabs-contant .tab .nav.nav-tabs li { width: 100%; margin-bottom:.5rem

}

.tabs-contant .tab-vertical .nav-tabs { float: none; width: 100% }

.tabs-contant .tab-vertical .tab-content { margin-left: 0 }

}



.tab-content .form-group , .form-new-admission .form-group{

    padding: 12px 15px;

}



.tab-content .card-title {

    margin-top: 20px;

}

.text-right {text-align: right;}



.app-main, .admission-new-form{

    margin: 70px 30px;

    box-shadow: 0 0 12px #5555;

}



.tab-content .form-group option:hover{

    background-color: #003a6a;

}



.tab-content .btn-primary{

    background-color: #003a6a;

}



.card-heading .card-title {

    font-size: 21px;

    color: #003a6a;

}



.admission-new-form .new-reg{

    margin: 30px 0;

    font-size: 16px;

    font-family: arial;

    font-weight: bolder;

    color: #9a2365;

  text-align: center;

}
.form-horizontal .btn-primary {
	background:#9a2365;
	border:none !important;
	
}


.admission-new-form{

    padding: 20px 0;

    background-color: #fff;
	

}



.student-otp{

    display: none;

}





.student-otp{

    display: block;

    box-shadow: 0 0 12px #5555;

    margin: 30px 0;

} 



.student-login-form{

    position: fixed;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    box-shadow: 0 0 7px #555;

    background: #f5f5f5;

}



.popup-bg{

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #55555547;

    z-index: 2000;

}



.login-admin{

   display: none;

}



#loginStudent{

    color: #003a6a;

    cursor: pointer;

    float: left;

}