@font-face{
    font-family: "Montserrat";
    src: url('fonts/Montserrat/Montserrat-Regular.ttf'),
    url('fonts/Montserrat-Light.eot'); /* IE */
}
@font-face {
  font-family: "Muli-Regular";
  src: url('fonts/muli/Muli-Regular.ttf'); }
@font-face {
  font-family: "Muli-SemiBold";
  src: url('fonts/muli/muli/Muli-SemiBold.ttf'); }
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  font-family: "Muli-Regular";
  font-size: 15px;
  color: #666;
  margin: 0; }


/*Theme Colors*/
.btn-primary{ background-color:#2F274C; border-color:#2F274C; color:white;}
.btn-primary:hover{ background-color:#645a86; border-color: #645a86; }
.btn-outline-primary{ background-color:white; border-color:#2F274C; color:#2F274C;}
.btn-outline-primary:hover{ background-color:#645a86; border-color:#645a86; color:white;}
.bg-primary{ background-color:#2F274C !important; color:white; } .bg-primary a{color:white !important;}
.text-primary{ color:#2F274C !important; }
.btn-secondary{ background-color:#F0603B !important; border-color:#F0603B; color:white; }
.btn-secondary:hover{ background-color:#F2795B; border-color:#F2795B; }
.bg-secondary{ background-color:#F0603B !important; color:white; }
.text-secondary{ color:#F0603B !important; }
.btn-info{ background-color:#AAA7B0; border-color:#AAA7B0; color:white; }
.btn-info:hover{ background-color:#AAA7B0; border-color:#AAA7B0; }
.btn-white{ background-color:white; border-color:#1c1b1d; color:#1c1b1d;}
.panel { 
	border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1pxrgba(0,0,0,.05);
}
.panel-info { border-color:#2F274C; }
.panel-info>.panel-heading { background-color:#2F274C; border-color:#2F274C; color:white; padding: 10px 15px; }
.panel-body { padding: 15px; }

.panel-default { border: solid 1px #ddd; margin-top:10px; margin-bottom:10px; }
.panel-default>.panel-heading {
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 5px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px; border-top-right-radius: 3px;
}
.panel-default .panel-body { border-top: solid 1px #ddd; }


a { color: #ef5f3a; text-decoration:none; } 

.btn-registration { background-color:#499E7F !important; border-color:#499E7F; color:white; } 	.btn-registration:hover { color:white; }
.btn-prescreening { background-color:#AAA7B0 !important; border-color:#AAA7B0; color:white; }  	.btn-prescreening:hover { color:white; }
.btn-preexam { background-color:#0cb5c8 !important; border-color:#0cb5c8; color:white; }  	.btn-preexam:hover { color:white; }
.btn-examination  { background-color:#FFCC3D !important; border-color:#FFCC3D; color:black; }	.btn-examination:hover { color:black; }
.btn-doctor  	  { background-color:#99de07 !important; border-color:#99de07; color:black; }	.btn-doctor:hover { color:black; }
.btn-dispense     { background-color:#F0603B !important; border-color:#F0603B; color:white; } 	.btn-dispense:hover     { color:white; }
.btn-customers    { background-color:#499E7F !important; border-color:#499E7F; color:white; } 	.btn-customers:hover    { color:white; }
.btn-dashboard    { background-color:#AAA7B0 !important; border-color:#AAA7B0; color:white; }	.btn-dashboard:hover    { color:white; }
.btn-summary      { background-color:#FFCC3D !important; border-color:#FFCC3D; color:black; }	.btn-summary:hover    { color:black; }
.btn-itemskus     { background-color:#F0603B !important; border-color:#F0603B; color:white; } 	.btn-itemskus:hover    { color:white; }
.btndena		  { background-color:#efefef !important; border-color:#eee; color:black; font-weight:normal !important; border-top-left-radius:0px; border-bottom-left-radius: 0px; } 	.btndena:hover { background-color:#eee !important; font-weight: 600 !important; }

.bg-registration  { background-color:#499E7F !important; color:white; }	.text-registration { color:#499E7F !important; }	.bg-registration a { color:white !important; }
.bg-prescreening  { background-color:#AAA7B0 !important; color:white; }	.text-prescreening { color:#AAA7B0 !important; }	.bg-prescreening a { color:white !important; }
.bg-preexam  { background-color:#0cb5c8 !important; color:white; }	.text-preexam { color:#0cb5c8 !important; }	.bg-preexam a { color:white !important; }
.bg-examination   { background-color:#FFCC3D !important; color:black !important; }	.text-examination { color:#FFCC3D !important; }	.bg-examination a { color:black !important; }
.bg-doctor   	  { background-color:#99de07 !important; color:black !important; }	.text-doctor { color:#99de07 !important; }	.bg-doctor a { color:black !important; }
.bg-dispense      { background-color:#F0603B !important; color:white; }	.text-dispense { color:#F0603B !important; }		.bg-dispense a { color:white !important; }
.bg-customers     { background-color:#499E7F !important; color:white; }	.text-customers { color:#499E7F !important; }		.bg-customers a { color:white !important; }
.bg-dashboard     { background-color:#AAA7B0 !important; color:white; }	.text-dashboard { color:#AAA7B0 !important; }		.bg-dashboard a { color:white !important; }
.bg-summary       { background-color:#FFCC3D !important; color:black; }	.text-summary { color:#FFCC3D !important; }		.bg-summary a { color:black !important; }
.bg-itemskus      { background-color:#F0603B !important; color:white; }	.text-itemskus { color:#F0603B !important; }		.bg-itemskus a { color:white !important; }

/* ////// */


.login_content h1::after, .login_content h1::before { width: 37%; }
.padtop7 { padding-top:7px; }

/* For response etc */
h1.page-header {
    margin-top: -5px;
}

.sidebar {
	padding-left: 0;
}

.main-container { 
	background: #FFF;
	padding-top: 15px;
	/*margin-top: 50px;  -20px;*/
}

.footer {
	width: 100%;
}  

:focus {
	outline: none;
}

.side-menu {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #f8f8f8;
	border-right: 1px solid #e7e7e7;
}
.side-menu .navbar {
	border: none;
}
.side-menu .navbar-header {
	width: 100%;
	border-bottom: 1px solid #e7e7e7;
}
.side-menu .navbar-nav .active a {
	background-color: transparent;
	margin-right: -1px;
	border-right: 5px solid #e7e7e7;
}
.side-menu .navbar-nav li {
	display: block;
	width: 100%;
	border-bottom: 1px solid #e7e7e7;
}
.side-menu .navbar-nav li a {
	padding: 15px;
}
.side-menu .navbar-nav li a .glyphicon {
	padding-right: 10px;
}
.side-menu #dropdown {
	border: 0;
	margin-bottom: 0;
	border-radius: 0;
	background-color: transparent;
	box-shadow: none;
}
.side-menu #dropdown .caret {
	float: right;
	margin: 9px 5px 0;
}
.side-menu #dropdown .indicator {
	float: right;
}
.side-menu #dropdown > a {
	border-bottom: 1px solid #e7e7e7;
}
.side-menu #dropdown .panel-body {
	padding: 0;
	background-color: #f3f3f3;
}
.side-menu #dropdown .panel-body .navbar-nav {
	width: 100%;
}
.side-menu #dropdown .panel-body .navbar-nav li {
	padding-left: 15px;
	border-bottom: 1px solid #e7e7e7;
}
.side-menu #dropdown .panel-body .navbar-nav li:last-child {
	border-bottom: none;
}
.side-menu #dropdown .panel-body .panel > a {
	margin-left: -20px;
	padding-left: 35px;
}
.side-menu #dropdown .panel-body .panel-body {
	margin-left: -15px;
}
.side-menu #dropdown .panel-body .panel-body li {
	padding-left: 30px;
}
.side-menu #dropdown .panel-body .panel-body li:last-child {
	border-bottom: 1px solid #e7e7e7;
}
.side-menu #search-trigger {
	background-color: #f3f3f3;
	border: 0;
	border-radius: 0;
	position: absolute;
	top: 0;
	right: 0;
	padding: 15px 18px;
}
.side-menu .brand-name-wrapper {
	min-height: 50px;
}
.side-menu .brand-name-wrapper .navbar-brand {
	display: block;
}
.side-menu #search {
	position: relative;
	z-index: 1000;
}
.side-menu #search .panel-body {
	padding: 0;
}
.side-menu #search .panel-body .navbar-form {
	padding: 0;
	padding-right: 50px;
	width: 100%;
	margin: 0;
	position: relative;
	border-top: 1px solid #e7e7e7;
}
.side-menu #search .panel-body .navbar-form .form-group {
	width: 100%;
	position: relative;
}
.side-menu #search .panel-body .navbar-form input {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	width: 100%;
	height: 50px;
}
.side-menu #search .panel-body .navbar-form .btn {
	position: absolute;
	right: 0;
	top: 0;
	border: 0;
	border-radius: 0;
	background-color: #f3f3f3;
	padding: 15px 18px;
}
/* Main body section */
.side-body {
	margin-left: 310px;
}
/* small screen */
@media (max-width: 768px) {
	.side-menu {
		position: relative;
		width: 100%;
		height: 0;
		border-right: 0;
	}

	.side-menu .navbar {
		z-index: 999;
		position: relative;
		height: 0;
		min-height: 0;
		background-color:none !important;
		border-color: none !important;
	}
	.side-menu .brand-name-wrapper .navbar-brand {
		display: inline-block;
	}
	/* Slide in animation */
	@-moz-keyframes slidein {
		0% {
			left: -300px;
		}
		100% {
			left: 10px;
		}
	}
	@-webkit-keyframes slidein {
		0% {
			left: -300px;
		}
		100% {
			left: 10px;
		}
	}
	@keyframes slidein {
		0% {
			left: -300px;
		}
		100% {
			left: 10px;
		}
	}
	@-moz-keyframes slideout {
		0% {
			left: 0;
		}
		100% {
			left: -300px;
		}
	}
	@-webkit-keyframes slideout {
		0% {
			left: 0;
		}
		100% {
			left: -300px;
		}
	}
	@keyframes slideout {
		0% {
			left: 0;
		}
		100% {
			left: -300px;
		}
	}
	/* Slide side menu*/
	/* Add .absolute-wrapper.slide-in for scrollable menu -> see top comment */
	.side-menu-container > .navbar-nav.slide-in {
		-moz-animation: slidein 300ms forwards;
		-o-animation: slidein 300ms forwards;
		-webkit-animation: slidein 300ms forwards;
		animation: slidein 300ms forwards;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	.side-menu-container > .navbar-nav {
		/* Add position:absolute for scrollable menu -> see top comment */
		position: fixed;
		left: -300px;
		width: 300px;
		top: 43px;
		height: 100%;
		border-right: 1px solid #e7e7e7;
		background-color: #f8f8f8;
		overflow: auto;
		-moz-animation: slideout 300ms forwards;
		-o-animation: slideout 300ms forwards;
		-webkit-animation: slideout 300ms forwards;
		animation: slideout 300ms forwards;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	@-moz-keyframes bodyslidein {
		0% {
			left: 0;
		}
		100% {
			left: 300px;
		}
	}
	@-webkit-keyframes bodyslidein {
		0% {
			left: 0;
		}
		100% {
			left: 300px;
		}
	}
	@keyframes bodyslidein {
		0% {
			left: 0;
		}
		100% {
			left: 300px;
		}
	}
	@-moz-keyframes bodyslideout {
		0% {
			left: 300px;
		}
		100% {
			left: 0;
		}
	}
	@-webkit-keyframes bodyslideout {
		0% {
			left: 300px;
		}
		100% {
			left: 0;
		}
	}
	@keyframes bodyslideout {
		0% {
			left: 300px;
		}
		100% {
			left: 0;
		}
	}
	/* Slide side body*/
	.side-body {
		margin-left: 5px;
		margin-top: 70px;
		position: relative;
		-moz-animation: bodyslideout 300ms forwards;
		-o-animation: bodyslideout 300ms forwards;
		-webkit-animation: bodyslideout 300ms forwards;
		animation: bodyslideout 300ms forwards;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	.body-slide-in {
		-moz-animation: bodyslidein 300ms forwards;
		-o-animation: bodyslidein 300ms forwards;
		-webkit-animation: bodyslidein 300ms forwards;
		animation: bodyslidein 300ms forwards;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	/* Hamburger */
	.navbar-toggle-sidebar {
		border: 0;
		float: left;
		padding: 18px;
		margin: 0;
		border-radius: 0;
		background-color: #f3f3f3;
	}
	/* Search */
	#search .panel-body .navbar-form {
		border-bottom: 0;
	}
	#search .panel-body .navbar-form .form-group {
		margin: 0;
	}
	.side-menu .navbar-header {
		/* this is probably redundant */
		position: fixed;
		z-index: 3;
		background-color: #f8f8f8;
	}
	/* Dropdown tweek */
	#dropdown .panel-body .navbar-nav {
		margin: 0;
	}
}


label { font-weight:600; }

.glow {
	font-sizex: 80px;
	colorx: #fff; 
	font-weight: bold;
	text-align: center;
	-webkit-animation: glow 1s ease-in-out infinite alternate;
	-moz-animation: glow 1s ease-in-out infinite alternate;
	animation: glow 1s ease-in-out infinite alternate;
}
@-webkit-keyframes glow {
	from {
		text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #e60073, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073;
	}
	to {
		text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
	}
}