html, body {
	height: 100%;
}
.container-fluid {
	padding-left: 15px;
	padding-right: 15px;
}

section#login {
	background: url(images/bg-login.jpg) no-repeat center top;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	min-height: initial;
	background-size: cover;
	padding-top: 30px;
}

	section#login .header-login {
		margin-bottom: 40px;
	}

		section#login .header-login .dropdown-menu {
			width: 270px;
			left: initial;
			right: 0;
			padding: 10px 15px;
		}

			section#login .header-login .dropdown-menu li {
				padding: 5px 0;
			}

		section#login .header-login img {
			height: 130px;
		}

		section#login .header-login a {
			color: #fff;
		}

#login .header-login .dropdown-menu a {
	color: #333;
}

	#login .header-login .dropdown-menu a:hover {
		color: #fff;
	}

.login-left {
	padding-right: 45px;
	text-align: center;
	padding-top: 62px;
}

.logo-vna-login-WebPortal {
	max-width: 85%;
	background: #fff;
	margin: 0 auto;
	box-shadow: 3px 7px 10px #333;
}

.login-left .form-signin img {
	height: 125px;
	display: block;
	margin: 5px auto 20px;
}

.login-left .form-signin label {
	max-width: 85%;
	text-align: left;
	margin: 0 auto;
}

#login .login-left .form-signin .btn-primary {
	float: none;
	margin: 0 auto;
	display: inline-block;
}

.login-right {
	padding-left: 45px;
}

.wrap-logo-airlines {
	margin: 5px -2px;
}

	.wrap-logo-airlines .logo-airlines {
		padding: 0 2px;
		box-sizing: border-box;
		width: 20%;
		float: left;
	}

		.wrap-logo-airlines .logo-airlines img {
			width: 100%;
			box-sizing: border-box;
			border-radius: 3px;
			border: 1px solid #eee;
		}

.module-content .wrap-logo-airlines {
	margin: 0 -5px 10px;
}

	.module-content .wrap-logo-airlines .logo-airlines {
		padding: 0 5px;
	}

#login .form-signin {
	padding: 30px 40px;
	position: relative;
	border-radius: 5px;
	border: 1px solid #fff;
	box-shadow: 5px 10px 15px #333;
	max-width: initial;
	margin: 0;
	margin-top: 150px;
	background: rgba(225, 255, 255, 0.65);
}

	#login .form-signin label {
		font-size: 16px;
		display: block;
		color: #444;
		margin-bottom: 3px;
	}

	#login .form-signin:after {
		content: '';
		display: block;
		position: absolute;
		bottom: -12px;
		width: 100%;
		height: 12px;
		left: 0;
		background: url(images/shadow.png) no-repeat top center;
		background-size: contain;
	}

	#login .form-signin h2.form-signin-heading {
		color: #011a5d;
		text-transform: uppercase;
		font-size: 24px;
		font-weight: bold;
		height: 40px;
		line-height: 40px;
		margin: 0 0 20px !important;
		position: relative;
		display: none;
	}

		#login .form-signin h2.form-signin-heading:before {
			?*content: '';
			display: block;
			position: absolute;
			width: 10px;
			height: 40px;
			left: -30px;
			top: 0;
			background: #eb1b24;
			*/
		}

	#login .form-signin .form-control {
		border: 1px solid #aaa;
		padding: 7px 15px;
		margin-bottom: 20px;
		background: #fff;
		border-radius: 3px;
		font-size: 16px;
		font-weight: bold;
	}

		#login .form-signin .form-control:focus {
			outline: none;
			box-shadow: none;
		}

	#login .form-signin .forgot-password a {
		color: #666;
		font-style: italic;
	}

	#login .form-signin .forgot-password {
		text-align: left;
	}

	#login .form-signin .btn-primary {
		background: #df0037 !important;
		font-size: 18px;
		margin-top: 10px;
		border-radius: 3px;
		float: left;
		width: initial;
		padding: 10px 30px;
		font-weight: bold;
	}

		#login .form-signin .btn-primary:hover {
			background: -moz-linear-gradient(top, #df0037 0, #63091e 100%) no-repeat !important;
			background: linear-gradient(top, #df0037 0, #63091e 100%) no-repeat !important;
			background: -webkit-linear-gradient(top, #df0037 0, #63091e 100%) no-repeat !important;
			background: -o-linear-gradient(top, #df0037 0, #63091e 100%) no-repeat !important;
			background: -ms-linear-gradient(top, #df0037 0, #63091e 100%) no-repeat !important;
			-svg-background: linear-gradient(top, #df0037 0, #63091e 100%) no-repeat !important;
		}

		#login .form-signin .btn-primary:focus {
			outline: none;
		}

.UIC-header .logo {
	float: left;
	max-height: 48px;
}
.UIC-header .slogan {
	float: right;
	max-height: 48px;
}

	.subpage-bg {
		background: #fff;
		min-height: inherit;
	}

footer.footer {
	color: #424143;
	margin-top: 15px;
	border-bottom: 12px solid #CE2127;
	padding-bottom: 15px;
}
	.footer div[class*="col-"] {
		border-right: 1px solid #ce2127;
	}
		.footer div[class*="col-"]:nth-child(1) {
			padding-right: 30px;
		}
		.footer div[class*="col-"]:nth-child(2) {
			padding-left: 15px;
			padding-right: 15px;
		}
		.footer div[class*="col-"]:nth-child(3) {
			padding-left: 30px;
		}
		.footer div[class*="col-"]:last-child {
			border-right: 0;
		}

.footer .footer-right {
	text-align: right;
}
		footer table td {
			vertical-align: top;
		}

.footer .row {
	display: flex;
}

.module-content .container-fluid {
	padding-left: 15px;
	padding-right: 15px;
}

.navbar-default {
	background: #ce2127;
}

.UIC-header {
	position: relative;
	padding: 15px 0px;
}

	.UIC-header:before {
		content: '';
		background: url(images/bg-header-2.png) repeat-x top left;
		top: 0;
		left: 60%;
		bottom: 0;
		right: 0;
		position: absolute;
	}

.module-content {
	min-height: 475px;
}

header.header {
	border-top: 34px solid #2d3269;
}

	header .container-fluid {
		position: relative;
	}

	header #top-bar {
		position: absolute;
		top: -49px;
		right: 0;
		z-index: 1;
		left: 0;
		line-height: 34px;
		color: #fff;
		font-size: 12px;
		padding-left: 15px;
		padding-right: 15px;
	}

#account-info {
	margin-bottom: 0 !important;
	margin-left: 10px;
}

header #account-info a {
	color: #fff;
}

#showMenu {
	color: #ffffff !important;
	font-weight: bold;
}

#agent-deposit {
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	float: left;
}
.navbar-default .navbar-nav > li > a {
	font-weight: bold;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	border: 0;
	outline: none;
	color: #fdc300;
	background: none;
}

.dropdown-menu > li > a {
	padding: 5px 15px;
}

header #account-info a:hover {
	color: #ffffff !important;
}

.panel-default > .panel-heading, .panel-warning > .panel-heading {
	border-bottom-color: #2d3269;
	background: -moz-linear-gradient(top, #ffffff 0, #ebebeb 100%) no-repeat;
	background: linear-gradient(top, #ffffff 0, #ebebeb 100%) no-repeat;
	background: -webkit-linear-gradient(top, #ffffff 0, #ebebeb 100%) no-repeat;
	background: -o-linear-gradient(top, #ffffff 0, #ebebeb 100%) no-repeat;
	background: -ms-linear-gradient(top, #ffffff 0, #ebebeb 100%) no-repeat;
	-svg-background: linear-gradient(top, #ffffff 0, #ebebeb 100%) no-repeat;
}

.panel-default, .panel-warning {
	border-color: #ccc;
	box-shadow: none;
}
#account-info .dropdown .dropdown-menu {
	line-height: inherit;
}

#account-info .dropdown.open > .dropdown-menu {
	top: 32px;
	border: 0;
	right: 0;
	left: initial;
	color: #000;
	width: initial;
}
.btn-info, .btn-info:link, .btn-info:visited {
	background: #2d3269;
}
	.btn-info, .btn-info:link, .btn-info:visited {
		padding: 6px 12px;
		font-size: 14px;
		border-radius: 4px;
	}

		.btn-info:hover,
		.btn-info:active,
		.btn-info.active {
			background: -moz-linear-gradient(top, #ae1c3f 0, #63091e 100%) no-repeat;
			background: linear-gradient(top, #ae1c3f 0, #63091e 100%) no-repeat;
			/*background: -webkit-linear-gradient(top, #ae1c3f 0, #63091e 100%) no-repeat;*/
			background: -o-linear-gradient(top, #ae1c3f 0, #63091e 100%) no-repeat;
			background: -ms-linear-gradient(top, #ae1c3f 0, #63091e 100%) no-repeat;
			-svg-background: linear-gradient(top, #ae1c3f 0, #63091e 100%) no-repeat;
		}
.btn-primary, .btn-primary:link, .btn-primary:visited {
	background: #df0037;
}

	.btn-primary, .btn-primary:link, .btn-primary:visited {
		padding: 6px 12px;
		font-size: 14px;
		border-radius: 4px;
	}

		.btn-primary:hover,
		.btn-primary:active,
		.btn-primary.active {
			background: -moz-linear-gradient(top, #ae1c3f 0, #63091e 100%) no-repeat;
			background: linear-gradient(top, #ae1c3f 0, #63091e 100%) no-repeat;
			background: -webkit-linear-gradient(top, #ae1c3f 0, #63091e 100%) no-repeat;
			background: -o-linear-gradient(top, #ae1c3f 0, #63091e 100%) no-repeat;
			background: -ms-linear-gradient(top, #ae1c3f 0, #63091e 100%) no-repeat;
			-svg-background: linear-gradient(top, #ae1c3f 0, #63091e 100%) no-repeat;
		}

#account-info .dropdown.open > .dropdown-menu a:hover {
	color: #df0037 !important;
}
/**/
.page-insurance-registration .box-info-register h3 span,
.page-insurance-registration .wrap-form-item.wrap-form-item-no-input span strong {
	background: #df0037 !important;
	color: #fff !important;
}

.UIC-insurance.page-insurance-registration .box-info-register h3 {
	color: #2d3365;
}

.UIC-insurance.page-insurance-registration .wrap-form-item.wrap-form-item-no-input span strong label {
	margin-bottom: 0;
}

.page-insurance-registration .check-info {
	color: #df0037 !important;
	background: url(images/ic-question-circle-or.png) no-repeat right center !important;
}

	.page-insurance-registration .check-info:hover {
		color: #2d3365 !important;
	}

.UIC-insurance.page-insurance-registration .box-insurance-notify {
	background: #ddd;
	color: #000;
}

.page-insurance-registration .container-fluid {
	padding: 15px 15px !important;
}

.UIC-insurance.page-insurance-registration .box-insurance-notify .cnt-notify strong {
	background: #df0037;
	color: #ffffff;
}

.UIC-insurance.page-insurance-registration .table-editable th {
	color: #2d3269;
}

.page-insurance-registration button {
	background: #df0037 !important;
}

	.page-insurance-registration button:hover {
		background: #b3022d !important;
	}

.UIC-insurance.page-insurance-registration .box-info-package {
	min-height: 110px;
	padding-left: 165px;
}

	.UIC-insurance.page-insurance-registration .box-info-package ul {
		padding-top: 15px;
	}

.UIC-insurance.page-insurance-registration button {
	background: #ddd;
}

.sweet-alert .hl-text-color {
	color: #df0037 !important;
}

.insurance-filter label {
	font-weight: normal;
}

#filter-options input, #filter-options select {
	float: none;
	width: 100%;
	box-sizing: border-box;
}

#filter-options label {
	float: none;
	width: initial;
	margin-bottom: 5px !important;
}

#filter-options input[type="radio"] {
	width: initial;
	margin-right: 5px;
}

.dataTables_length select,
.dataTables_filter input {
	width: initial !important;
}

.dataTables_filter input {
	padding: 0 10px;
}

.select2-container--default .select2-selection--single {
	border: 1px solid #cccccc !important;
	border-radius: 0 !important;
	height: 30px !important;
	line-height: 30px;
	margin-bottom: 10px;
}

.module-homepage .panel {
	border: 0;
}

.module-homepage .panel .panel-heading {
	display: none;
}

.module-homepage .panel .panel-body {
	padding: 0;
}

.module-homepage .title-article {
	margin-bottom: 15px;
}
.module-homepage .date-update {
	float: right;
}
.module-homepage .announcement-title {
	color: #233d78;
	font-size: 18px;
}
.module-homepage table#tbl-announcement hr {
	margin: 20px 0;
}

.module-homepage table#tbl-announcement a[data-toggle="collapse"] {
	background: #ddd;
	padding: 4px 12px;
	display: inline-block;
	margin-top: 15px;
	color: #ce2127;
}

	.module-homepage table#tbl-announcement a[data-toggle="collapse"]:hover {
		background: #ce2127;
		color: white;
		text-decoration: none;
	}

@media screen and (max-width: 900px) {
	.login-left, .login-right {
		float: none;
		padding-left: 7.5px;
		padding-right: 7.5px;
	}

	section#login .header-login {
		margin-bottom: 15px;
	}

	.login-left {
		margin-bottom: 30px;
	}

	.login-right {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 767px) {
	.UIC-header {
		position: relative;
	}

		.UIC-header .logo,
		.UIC-header .slogan {
			max-width: 35%;
			max-height: 25px;
		}

		.UIC-header .logo {
			margin-left: 46px;
		}

	.login-left {
		padding-top: 10px;
	}

	body {
		background: #011a5d url(images/bg-login.jpg) no-repeat right top;
		background-position: top left;
	}

	section#login .header-login {
		margin-bottom: 15px;
	}

	.login-left,
	.login-right {
		float: none;
		padding-left: 7.5px;
		padding-right: 7.5px;
	}

		.login-left .form-signin img {
			height: 80px;
			margin-bottom: 15px;
			width: initial;
		}

	.module-content .wrap-logo-airlines {
		margin: 0 5px 5px;
	}

	#login .form-signin label,
	.logo-vna-login-WebPortal {
		max-width: initial;
	}

	#login .form-signin {
		float: none;
		margin: 0 auto;
		min-width: initial;
		padding: 15px 30px;
		max-width: initial;
		margin-top: 5px;
	}

	section#login {
		padding: 10px;
		border-bottom: 0;
		background-position: center center;
		padding-top: 150px;
	}

		section#login .dropdown-menu {
			left: initial;
			right: 0px;
		}

	.HGH-header img {
		height: 45px;
		position: absolute;
		left: 15px;
		bottom: 0;
	}

	.HGH-header .container-fluid {
		height: 80px;
	}

	header #top-bar {
		bottom: inherit;
		left: 0;
		top: -49px;
		padding: 0px 10px;
	}

	header #account-info {
		margin-bottom: 0 !important;
	}

	#top-bar span a {
		color: #ffffff;
		position: absolute;
		left: 10px;
	}

	.navbar-default .navbar-toggle {
		float: left;
		margin-left: 15px;
		margin-top: -43px;
		margin-bottom: 0;
		padding: 7px;
		background: none;
		border-color: #000000;
		border-radius: 3px;
		background-color: transparent !important;
		margin-right: 10px;
	}

		.navbar-default .navbar-toggle .icon-bar {
			background: #000;
		}

	.navbar {
		min-height: inherit;
	}

	.HGH-header {
		padding-bottom: 0;
	}

	header ~ .module-content {
		padding-top: 0;
	}

	section#login .header-login img {
		height: 55px;
	}

	#account-info > li:last-child {
		padding-right: 0;
	}

	footer .footer-right {
		display: none;
	}
	footer div[class*="col-"] {
		border-right: 0;
		padding-left: 10px !important;
		padding-right: 10px !important;
		margin-bottom: 15px;
	}
	footer .row {
		display: block !important;
	}
	.footer div[class*="col-"] {
		border-right: 0;
	}
	.footer table {
		white-space: normal !important;
		margin-top: 8px;
	}
	.footer table td {
		padding-bottom: 8px;
	}
	header.header {
		border-bottom: 1px solid #ddd;
	}
	header .navbar {
		position: absolute;
		left: 0;
		right: 0;
		z-index: 999;
		box-shadow: 0 6px 12px rgba(0,0,0,.175);
		background: white;
	}
		header .navbar .navbar-nav {
			max-height: 400px;
			overflow: auto;
		}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
		color: #2d3269;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #000;
	}
}