body { margin: 0px; padding: 0px; font-family: 'Helvetica','Arial','sans-serif'; font-size: 16px; line-height: 1.4; color: #003063; background-color: #f3f3f3; }

#helptext,
#termstext,
#privacytext { display: none; }

h1 	{ margin: 0px; padding: 0px 0px 20px 0px; font-size: 1.6em; font-weight: bold; font-family: 'Helvetica','Arial','sans-serif'; color: #003063; }
h2 	{ margin: 0px; padding: 0px 0px 10px 0px; font-size: 1.6em; font-weight: normal; font-family: 'Helvetica','Arial','sans-serif'; color: #003063; }
h3 	{ margin: 0px; padding: 0px 0px 5px 0px; font-size: 1.5em; font-weight: normal; font-family: 'Helvetica','Arial','sans-serif'; color: #003063; }
h4 	{ margin: 0px; padding: 0px 0px 5px 0px; font-size: 1em; font-weight: bold; font-family: 'Helvetica','Arial','sans-serif'; color: #003063; }
p { padding: 0px; margin: 0px 0px 15px 0px; }
a { color: #007bff; text-decoration: none; }
a:hover,
a:active,
a:focus { color: #007bff; text-decoration: underline; }
td { padding: 0px 20px 0px 0px; vertical-align: top; }
th { padding: 0px 20px 0px 0px; }
ol { padding: 0px 0px 0px 17px; list-style-type: decimal; list-style-position: outside; }
ol ol { padding: 0px 0px 0px 17px; list-style-type: lower-alpha; }
ol ol ol { padding: 0px 0px 0px 17px; list-style-type: upper-roman; }

.no-script { margin-bottom: 30px; padding: 30px 30px 30px 30px; background-color: #dc3545; border: 1px solid #000000; color: #ffffff; text-align: center; }

select { width: 100%; padding: 5px 10px 5px 10px; background-color: #ffffff; }

.legaltext,
.legaltext h4 { font-size: 13px; }
.legaltext h4 { margin: 0px 0px 5px 0px; padding: 0px; }
.legaltext p { margin: 0px 0px 5px 0px; padding: 0px; }
.legaltext li { margin: 0px 0px 5px 0px; padding: 0px; }
.legaltext table { margin: 0px 0px 10px 0px; border-collapse: collapse; }
.legaltext th { width: 50%; padding: 10px 20px 10px 10px; border: 1px solid #666666; }
.legaltext td { width: 50%; padding: 10px 20px 10px 10px; border: 1px solid #666666; }

.highlight { margin: 10px 0px 10px 0px; padding: 10px 10px 10px 10px; border: 1px solid #666666; font-style: italic; }

.text-small { font-size: 0.75em; line-height: 1.1; }
.vspace { margin-top: 20px; }
.align-center { text-align: center; }
.align-right { text-align: right; }

.btn { border-radius: 0px; box-shadow: none; }
.btn-primary { border-color: #003063; color: #003063; background-color: #ffffff; }
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus { border-color: #003063; color: #ffffff; background-color: #003063; box-shadow: none; }

.bootstrap-select .dropdown-toggle .filter-option { color: #6c757d; }
.bootstrap-select.show .dropdown-toggle .filter-option,
.bootstrap-select .dropdown-toggle:hover .filter-option,
.bootstrap-select .dropdown-toggle:active .filter-option,
.bootstrap-select .dropdown-toggle:focus .filter-option { color: #ffffff; }
.bootstrap-select .dropdown-toggle .filter-option.selected { color: #003063; }
.bootstrap-select.show .dropdown-toggle .filter-option.selected,
.bootstrap-select .dropdown-toggle:hover .filter-option.selected,
.bootstrap-select .dropdown-toggle:active .filter-option.selected,
.bootstrap-select .dropdown-toggle:focus .filter-option.selected { color: #ffffff; }

.bootstrap-select > .dropdown-toggle.btn-primary { color: #6c757d; }
.bootstrap-select.show > .dropdown-toggle.btn-primary,
.bootstrap-select > .dropdown-toggle.btn-primary:hover,
.bootstrap-select > .dropdown-toggle.btn-primary:active,
.bootstrap-select > .dropdown-toggle.btn-primary:focus { color: #ffffff; }
.page-template-login .bootstrap-select > .dropdown-toggle.btn-primary,
.page-template-login-lounge .bootstrap-select > .dropdown-toggle.btn-primary { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }

.dropdown-menu { margin: 0px; border-radius: 6px; border: 1px solid #003063; background-color: #ffffff; }

.bootstrap-select .dropdown-header { display: none; }
.bootstrap-select .dropdown-menu li a.opt { padding-left: 1.5rem; }

#pageblocker { display: none; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.7); z-index: 2000; }
#pageblocker .throbber { color: #ffffff; font-size: 30px; position: absolute; left: 50%; top: 0px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

form { padding: 0px; margin: 0px auto; display: block; }
.form-group { width: 100%; margin: -1px 0px 0px 0px; }
.form-control,
.custom-select { box-shadow: none; /*transition: all 0s ease 0s;*/ border-radius: 0px; border-color: #003063; color: #003063; }
.form-control:focus,
.custom-select:focus { box-shadow: none; /*transition: all 0s ease 0s;*/ border-color: #007bff; color: #003063; }
.form-check { padding-left: 25px; }
.form-check-input { margin-left: -25px; }
.form-check-label {  }
.has-error,
.form-control.has-error,
.form-control.has-error:focus,
.custom-select.has-error,
.custom-select.has-error:focus,
.form-check-label.has-error { background-color: #f2dede; }
.form-check { margin-bottom: 5px; }
.form-check-input { margin-top: 0px; }

.main { margin: 0px auto; }

.top { width: 100%; height: 75px; background-color: #ffffff; }
.topline { width: 100%; }
.topline img { width: 100%; height: auto; }
.logo { padding: 7px 0px 0px 0px; }
.logo img { height: 60px; width: auto; display: block; }
.top .toplinks { margin: 0px; padding: 15px 0px 0px 0px; display: block; list-style-type: none; float: right; }
.top .toplinks li { display: inline-block; float: left; }
.top .toplinks li .language { width: 40px; display: inline-block; }
.top .toplinks li .help { width: 40px; height: 40px; margin: 0px 0px 0px 20px; display: inline-block; border-radius: 20px; background-color: #003063; }
.top .toplinks li img { width: 100%; height: auto; }

.content { background-color: #ffffff; }
.content > .inner { padding: 40px 30px 30px 30px; }
.page-template-login .content,
.page-template-login-lounge .content { background-image: url(img/bg_airport.jpg); background-position: 0px 0px; background-repeat: no-repeat; background-size: cover; }
.page-template-login .content .inner,
.page-template-login-lounge .content .inner { background-color: rgba(255,255,255,0.8); }

.heading { height: 140px; }
.heading h1 { padding: 30px 0px 0px 0px; font-weight: normal; text-align: center; color: #ffffff; }
.heading h2 { text-align: center; color: #ffffff; }

.box { padding: 0px; margin: 0px; position: relative; }

.modal-header { padding: 10px 20px 0px 20px; border: none; }
.modal-footer { padding: 10px 20px 20px 20px; border: none; }
.modal-header .close,
.modal-footer .close { color: #333333; }
.modal-body { padding: 0px 20px 30px 20px; font-size: 0.9em; }
.modal-content { max-height: 90vh; overflow-y: auto; border: 1px solid #ffffff; }
.modal-error .modal-content { color: #ffffff; background-color: #dc3545; }
.modal-error .modal-header .close,
.modal-error .modal-footer .close { color: #ffffff; }

.togglebox { border-bottom: 1px solid #eeeeee; }
.togglebox:last-child { border-bottom: none; }
.togglebox > a { padding-right: 30px; position: relative; display: block; outline: none; }
.togglebox > a.active,
.togglebox > a:hover,
.togglebox > a:active,
.togglebox > a:focus {  }
.togglebox > a .togglebox-icon { height: 100%; font-size: 26px; position: absolute; right: 15px; top: 0px; display: inline-block; color: #007bff; }
.togglebox > a .togglebox-icon .fa { width: 100%; position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.togglebox > a .togglebox-title { height: 100%; width: 100%; padding: 15px 0px 15px 0px; display: inline-block; }
.togglebox:first-child > a .togglebox-title { padding-top: 0px; }
.togglebox .togglebox-content { display: none; padding: 0px 0px 0px 0px; }

.round-top { border-top-left-radius: 6px; border-top-right-radius: 6px; }
.round-bottom { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }

.pagenavi { position: fixed; left: 0px; top: 0px; border: 1px solid #eeeeee; z-index: 1000; }
.pagenavi-item { width: 120px; height: 30px; position: relative; display: block; border-top: 1px solid #eeeeee; background-color: rgba(255,255,255,0.8); color: #007bff; text-decoration: none; }
.pagenavi-item:hover,
.pagenavi-item:active,
.pagenavi-item:focus { color: #007bff; text-decoration: none; }
.pagenavi-item:first-child { border-top: none; }
.pagenavi-item .pagenavi-icon { width: 30px; height: 30px; position: absolute; left: 10px; top: 0px; display: block; font-size: 20px; line-height: 30px; }
.pagenavi-item .pagenavi-text { width: 80px; height: 30px; position: absolute; left: 40px; top: 0px; display: block; font-size: 14px; line-height: 30px; }

/***********************************************
 * content-types 
 **********************************************/

/* button */
a.content-button { padding: 10px 20px 10px 20px; position: relative; display: block; background-color: #004e91; color: #ffffff; text-decoration: none; border-bottom: 1px solid #4179ac; font-weight: bold; }
a.content-button:last-child { border-bottom: none; }
a.content-button:hover,
a.content-button:active,
a.content-button:focus { color: #ffffff; text-decoration: none; }
a.content-button::after { position: absolute; top: 10px; right: 10px; display: inline-block; font-size: 1em; color: #4179ac; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f101"; }

/* article */
.content-article { margin: 40px 0px 40px 0px; }
.content-article h2 a { color: #003063; font-weight: bold; }
.content-article-image { margin: 0px 0px 15px 0px; }
.content-article-image a { display: block; }
.content-article-image img { width: 100%; height: auto; max-width: 100%; }

/* slideshow */
/*
.slideshow { margin: 40px 0px 30px 0px; visibility: hidden; position: relative; }
.slideshow-items { background-color: #ffffff; }
.slideshow-items .cycle-carousel-wrap { display: flex; flex-wrap: nowrap; align-items: stretch; }
.slideshow-item { padding: 0px 7px 0px 7px; }
.slideshow-item .inner { height: 100%; border: 1px solid #cccccc; position: relative; }
.slideshow-link { position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; background: transparent; z-index: 105; }
.slideshow-image { position: relative; z-index: 101; }
.slideshow-image .img-responsive { width: 100%; height: auto; }
.slideshow-text { width: 100%; height: 100%; padding: 15px 15px 0px 15px; position: relative; white-space: normal; font-size: 0.9em; }
.slideshow-text h4 { font-size: 0.9em; }
.slideshow-text,
.slideshow-text h4,
.slideshow-text p { -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
.slideshow-pager { padding: 10px 0px 0px 0px; margin: 0; position: relative; list-style-type: none; text-align: center; z-index: 110; }
.slideshow-pager li { display: inline-block; }
.slideshow-pager li span { padding: 0px 4px 0px 4px; display: inline-block; color: #cccccc; cursor: pointer; }
.slideshow-pager li.cycle-pager-active span { color: #666666; }
.slideshow-prev,
.slideshow-next { display: none; position: absolute; bottom: 0px; color: #cccccc; font-size: 1.6em; cursor: pointer; z-index: 111; }
.slideshow-prev { left: 0px; }
.slideshow-next { right: 0px; }
*/
.slideshow { margin: 40px 0px 30px 0px; visibility: hidden; position: relative; }
.slideshow-items { background-color: #ffffff; }
.slideshow-items .cycle-carousel-wrap {  }
.slideshow-item { width: 100%; }
.slideshow-item .inner { border: 1px solid #cccccc; position: relative; }
.slideshow-link { position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; background: transparent; z-index: 105; }
.slideshow-image { position: relative; z-index: 101; }
.slideshow-image img { width: 100%; height: auto; max-width: 100%; }
.slideshow-text { width: 100%; padding: 15px 15px 0px 15px; position: relative; white-space: normal; font-size: 0.9em; }
.slideshow-text h4 { font-size: 0.9em; }
.slideshow-text,
.slideshow-text h4,
.slideshow-text p { -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
.slideshow-pager { padding: 10px 0px 0px 0px; margin: 0; position: relative; list-style-type: none; text-align: center; z-index: 110; }
.slideshow-pager li { display: inline-block; }
.slideshow-pager li span { padding: 0px 4px 0px 4px; display: inline-block; color: #cccccc; cursor: pointer; }
.slideshow-pager li.cycle-pager-active span { color: #666666; }
.slideshow-prev,
.slideshow-next { display: none; position: absolute; bottom: 0px; color: #cccccc; font-size: 1.6em; cursor: pointer; z-index: 111; }
.slideshow-prev { left: 0px; }
.slideshow-next { right: 0px; }

@media (max-width: 767px) {
	.container { max-width: none; }
	
	h1 { font-size: 1.6em; }
	h2 { font-size: 1.6em; }
	h3 { font-size: 1.5em; }
	
	.heading h1 { font-size: 2.8em; }
	.heading h2 { font-size: 0.95em; }
	
	form { width: 100%; }
}

@media (max-width: 575px) {
	h1 { font-size: 1.1em; }
	h2 { font-size: 1.6em; }
	h3 { font-size: 1em; }
	
	.heading h1 { font-size: 2.4em; }
	.heading h2 { font-size: 0.85em; }
}

@media (min-width: 576px) {
	.modal-dialog { max-width: 500px; }
}

@media (min-width: 768px) {
	.main { max-width: 640px; }
	
	.modal-dialog { max-width: 600px; }
	
	.heading h1 { font-size: 2.8em; }
	.heading h2 { font-size: 0.95em; }
	
	form { width: 100%; }
}

@media (min-width: 992px) {
	.modal-dialog { max-width: 680px; }
	.pagenavi { left: 20px; }
}
