@import url('../../extra_fonts/css/fonts.css');

 body {
 	font-size: 14px;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	/*  font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif; */
 	font-family: 'Open Sans', sans-serif;
 }

 .navbar-footer {
 	min-height: 35px;
 	box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
 	position: absolute;
 	bottom: 0;
 	width: 100%;
 	height: 35px;
 }

 @media screen and (max-width: 699px) and (min-width: 320px) {
 	label {
 		display: none !important;
 	}
 }

 @media screen and (max-width: 699px) and (min-width: 320px) {
 	.navbar-footer {
 		width: 105% !important;
 	}

 	.padleft {
 		margin-left: 0px !important;
 	}

 	.marleft {
 		margin-left: 15px !important;
 		width: 348px;
 	}

 	.col-md-6 {
 		padding-left: 0px !important;
 	}

 	.float-right {
 		float: none !important;
 	}
 }

 @media screen and (max-width: 800px) and (min-width: 700px) {
 	.navbar-footer {
 		width: 105% !important;
 	}

 	.padleft {
 		margin-left: 0px !important;
 	}

 	.marleft {
 		margin-left: 15px !important;
 		width: 348px;
 	}

 	.col-md-6 {
 		padding-left: 15px !important;
 	}

 	.float-right {
 		float: none !important;
 	}
 }

 @media screen and (max-width: 990px) and (min-width: 801px) {
 	.navbar-footer {
 		width: 105% !important;
 	}

 	.padleft {
 		margin-left: 0px !important;
 	}

 	.marleft {
 		margin-left: 15px !important;
 		width: 348px;
 	}

 	.col-md-6 {
 		padding-left: 15px !important;
 	}

 	.float-right {
 		float: none !important;
 	}
 }

 .help-block {
 	font-size: 12px !important;
 }

 .centered-form {
 	margin-top: 160px;
 }

 /* before it is 200px; */

 .centered-form .panel {
 	background: rgba(255, 255, 255, 0.8);
 	box-shadow: rgba(0, 0, 0, 0.3) 20px 20px 20px;
 }

 .padleft {
 	margin-left: 15px;
 }

 .marleft {
 	margin-left: 0px;
 }

 .navbar-footer {
 	position: fixed;
 }

 input[type="submit"].btn-block,
 input[type="reset"].btn-block,
 input[type="button"].btn-block {
 	width: 200px !important;
 	margin: 0 auto !important;
 }

 #BirthDate {
 	background-image: url(./assets/calendar-128.png);
 	background-repeat: no-repeat;
 	background-position: 100%;
 }

 #passExpDate {
 	background-image: url(./assets/calendar-128.png);
 	background-repeat: no-repeat;
 	background-position: 100%;
 }

 .input-sm {
 	height: 34px !important;
 	font-size: 14px !important;
 }

 .form-control[readonly] {
 	background-color: #fff;
 }

 .form-group.has-error .form-control {
 	border-color: #A94442;
 	box-shadow: none;
 }

 .help-block {
 	margin-top: 0px;
 	margin-bottom: 5px;
 	font-size: 100%;
 }

 .errorMessage {
 	color: #A94442 !important;
 	font-weight: 600 !important;
 }

 .errorBorder {
 	border-color: #A94442;
 }

 .alert_box_red {
 	border-top-left-radius: 0;
 	border-top-right-radius: 0;
 	border-bottom-right-radius: 3px;
 	border-bottom-left-radius: 3px;
 	padding: 10px;
 	background-color: #A94442;
 	color: #fff;
 }

 .alert_box_green {
 	border-top-left-radius: 0;
 	border-top-right-radius: 0;
 	border-bottom-right-radius: 3px;
 	border-bottom-left-radius: 3px;
 	padding: 10px;
 	background-color: rgb(124, 180, 124);
 	color: #fff;
 }

 .panel-heading h3 {
 	text-align: center;
 }

 .form-control-feedback {
 	line-height: 85px !important;
 }

 .panel-default>.panel-heading {
 	color: #fff;
 	background-color: #428bca;
 	border-color: #428bca;
 	font-weight: 600;
 }

 .panel-default {
 	border-color: #428bca;
 }

 .float-right {
 	float: right;
 }

 .table>thead>tr>th,
 .table>tbody>tr>th,
 .table>tfoot>tr>th,
 .table>thead>tr>td,
 .table>tbody>tr>td,
 .table>tfoot>tr>td {
 	border-top: 0px solid #ddd !important;
 }

 .table>thead>tr>th,
 .table>tbody>tr>th,
 .table>tfoot>tr>th,
 .table>thead>tr>td,
 .table>tbody>tr>td,
 .table>tfoot>tr>td {
 	padding-right: 8px;
 	padding-left: 0px;
 	padding-top: 0px;
 	padding-bottom: 0px;
 }

 .navbar {
 	box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
 }

 h3 {
 	padding: 0px 0px 0px 0px;
 }

 .panel-heading {
 	padding: 8px;
 }

 .login-page,
 .register-page {
 	background: #ddd;
 }

 .table {
 	margin-bottom: 0px !important;
 }

 .table>thead>tr>th,
 .table>tbody>tr>th,
 .table>tfoot>tr>th,
 .table>thead>tr>td,
 .table>tbody>tr>td,
 .table>tfoot>tr>td {
 	border-top: 0px solid #ddd !important;
 	padding-right: 8px;
 	padding-left: 0px;
 	padding-top: 0px;
 	padding-bottom: 0px;
 }

 input,
 select,
 textarea {
 	border-radius: 4px !important;
 }