@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Libre+Barcode+128&display=swap');

@font-face {
  font-family:Kruti Dev;
  src: url('Kruti Dev 100 Regular.ttf') format("truetype");
}
@font-face {
  font-family: barcode;
  src: url(barcode/3OF9_NEW.ttf);
}
@font-face {
  font-family:code128;
  src: url(barcode/code128.ttf);
}
.barcode-128{
	font-family: 'Libre Barcode 128', cursive;	
}
body{
	font-family: 'Open Sans', sans-serif;
	background:#EEE;
	padding:0;
	margin:0;
	font-size:14px;
}
.krutidev{
	font-family:Kruti Dev !important;
}
.bg-blue, .btn-blue{
	background:#191970;
	color:white;
}
.btn-blue:hover{
	background:#151B54;
	color:white;
}

.border-light-blue{
	border-color:#cbc5f8;	
}

.bg-light-blue{
	background:#dcecfd;	
}







#loading {
	  position: fixed;
	  display: block;
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
	  text-align: center;
	  opacity: 0.7;
	  background-color: #fff;
	  z-index: 9999;
}
#loading .spinner{
	  position: absolute;
	  top: 45%;
	  left: 50%;
	  z-index: 10000;
}
.sms{
	color:#F00;
	font-size:13px;
}
.college-user{
	margin-top:35px;
}
.college-user a{
	text-decoration:none;
	color:#fff;
}
.college-user ul{
	border:none;
	padding:0;
}
.college-user ul li:first-child a:hover{
	border-top-left-radius:10px;
	border-top-right-radius:10px;	
}
.college-user ul li:last-child a:hover{
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;	
}

.college-user ul li a{
	color:#000;
	font-size:14px;
	padding:7px 10px;
}
.navbar h2, header h2{
	font-size:2em;
}
.navbar h4, header h4{
	font-size:1.5em;	
}
nav.navbar-info{
	background:#605A90 !important;	
}
.navbar .dropdown .dropdown-menu {
    margin-top: 0; /* remove the gap so it doesn't close */
	border-radius:3px;
}
.navbar ul.navbar-nav li a{
	color:#fff;	
}
.navbar ul.navbar-nav li a.active, .navbar ul.navbar-nav li a:hover{
	color:#CCC;	
}
.navbar .dropdown:hover .dropdown-menu li a{
	color:#000;
}
.navbar .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* remove the gap so it doesn't close */
}
.padding-row{
	margin:0;
}
.padding{
	padding:0px 4px;	
}
.btn-captcha-refresh{
	margin-top:-30px;	
}
.logo img{
	width:100%;
	max-width:70px;	
}
input, select{
	font-size:14px !important;
}
.chosen-container-single .chosen-single {
	padding:4px 10px !important;
	height:35px !important;
	font-size:14px;
}
.text-justify{
	text-align:justify;
}
header{
	padding:0px 0;
	background:#716ba6;
}
.home-body a{
	font-size:14px;	
}
.news-body{
	min-height:380px;	
}
.registration-body .btn-back{
	font-size:14px;	
}
ul.list-style-number{
	list-style:decimal;
	margin:0;
	padding:20px;	
}
.font-size-12{
	font-size:12px;
	font-weight:500;
}
.font-size-13{
	font-size:13px;
}
.width-200{
	width:200px;	
}
.height-200{
	height:200px;	
}
.vertical-center {
	margin-top:10px;
	margin-left:30%;
}
.height-300{
	height:300px !important;	
}
ul.side-bar li{
	margin-bottom:2px;	
}
ul.side-bar li a, ul.side-bar li a span i{
	font-size:14px;
	color:#555;
}
ul.side-bar li a.active, ul.side-bar li a.active:hover{
	background:#716BA6;
	border-radius:5px;
	color:#ffffff;
}
ul.side-bar li a.active span i, ul.side-bar li a.active:hover span i{
	color:#ffffff;
}
ul.side-bar li a:hover span i{
	color:#000000;
}
ul.side-bar li a:hover{
	background:#EEE;
	border-radius:5px;
	color:#000000;
}
.navbar ul.dropdown-menu{
	border:none;	
}
.navbar ul.dropdown-menu li a, .menu-list ul.dropdown-menu li a{
	font-size:14px;	
}

footer{
	padding:10px 0;
	font-size:13px;
	background:#716ba6;	
}

footer .copyright{
	color:white;
	font-size:14px;
}
footer .notes{
	color:white;
	font-size:12px;
}

@media (max-width: 575.98px) {
	header .navbar h2, header h2{
		font-size:1.3em;	
	}
	header .navbar h1, header h1{
		font-size:1.3em;	
	}
	header .navbar h4, header h4{
		font-size:1em;	
	}
	.college-user{
		margin-top:0px;
	}
}

#successModal .modal-header, #errorModal .modal-header, #warningModal .modal-header, #confirmModal .modal-header{
	border:none !important;
}
#successModal .modal-body, #errorModal .modal-body, #warningModal .modal-body, #confirmModal .modal-body{
	border:none !important;
	padding-top:0px;
}
#successModal .modal-body .modal-title, #errorModal .modal-body .modal-title, #warningModal .modal-body .modal-title, #confirmModal .modal-body .modal-title{
	font-size:16px;
	font-weight:600;
}