/*
	Blue: #156DA8
	Perriwinkle: #7198DE
	BG Gray: #F8F9FA
	Gray: #798288
	Gradient Start: #166DA8
	Gradient End: #6F97DD
	Red: #F93853
	Pink: #FA7E8F
*/

@import url('https://fonts.googleapis.com/css?family=Cardo:400,700|Poppins:300,400,600,900');

* {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
html,body {width: 100%;  font-size: 16px; margin: 0; padding: 0;}
html {font-size: 100%; text-rendering: optimizeLegibility !important;}
body { margin: 0; background-color: #F8F9FA; -webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-backface-visibility: hidden; overflow-x: hidden; font-weight:normal; font-style:normal; color:#798288; font-size:18px; font-family: 'Poppins', sans-serif;    background-image: url(../images/site_bg.jpg); background-size: cover; background-attachment: fixed; background-repeat: no-repeat;  }
input {color:#798288; font-size:18px; font-family: 'Poppins', sans-serif; font-weight: 600; ; -webkit-opacity: 1;}

/*General*/
ul { list-style-type: none; margin: 0; padding: 0; }
a { text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none; cursor: pointer; }

.centered {text-align: center}

/* Aviation Styling */
body.home { background-image: url('../images/hero-img.png'); background-size: cover; background-attachment: local; background-position: top right; }

header { display: block; width: 100%; background-image: url('../images/top2.png'); background-repeat: no-repeat; background-position: right top; }
body.home header { background-image: url('../images/top.png'); }
header .logo { display: block; width: 100%; max-width: 1752px; margin: 0 auto; padding: 48px 0 0 0; }
header .logo img { }
/*body.dimmed {overflow: hidden; position: fixed;}*/
/*.dimmed.dimmable>.ui.animating.dimmer, .dimmed.dimmable>.ui.visible.dimmer, .ui.active.dimmer {overflow: hidden;}*/
/* Logo Logout */
a.logout {color: #156DA8;display:block;margin:20px 25px;}


.content { display: block; width: 100%; max-width: 1840px; margin: 0 auto; }
body.home .content { max-width: 1752px; }

form.flight-search { position: relative; display: block; width: calc(70% - 60px); padding-top: 32px; padding-left: 60px; }
.ui.modal form, .ui.modal form.flight-search { width: 100%; padding: 10px; }
form.flight-search h1 { font-family: 'Cardo'; font-size: 56px; color: #156DA8; margin: 40px 0 0 0; transition: 0.2s; }
form p.error-msg { color: #F93853; font-weight: 600; font-size: 20px; opacity: 0; transition: 0.2s; }
form.flight-status-alerts p.error-msg { text-align: center; }
form.flight-details-email p.error-msg { text-align: center; }
.ui.modal form p.error-msg { padding-top: 0; font-size: 18px; }
form p.error-msg.active { opacity: 1; transition: 0.2s; }
form .form-row { display: block; padding: 20px 0; }
form .form-row > p { padding: 20px 0 28px 0; }
.ui.modal form .form-row:first-child { padding-top: 0; }
form .form-row:nth-child(2) { padding-top: 0; }
form .form-row.search_by { display: none; transition: 0.2s; }
form .form-row.search_by.active { display: block; transition: 0.2s; }
form .form-col { position: relative; display: inline-block; vertical-align: top; }
form .form-col.align-center { text-align: center; }
form .form-col.col-half { width: calc(40% - 30px); margin-right: 30px; }
.ui.modal form.flight-search .form-col.col-half { width: calc(50% - 30px); margin-right: 30px; }
form .form-col.col-full { width: 100%; }
form .form-col p { color: #156DA8; font-size: 18px; font-weight: 600; padding: 0 0 12px 0; }
form .form-col p.confirmed { color: #798288; font-weight: 400; }
form .static-operator { position: absolute; left: 20px; top: -100px; }
form.flight-search .static-operator img { max-width: 300px; height: auto; }
form .form-control { position: relative; }
form .form-control.shadow { box-shadow: 0px 4px 20px rgba(113,152,222,0.5); border-radius: 8px; }
form .form-control.margintop { margin-top: 20px; }
form .form-control.error { box-shadow: 0px 4px 10px rgba(255,0,0,0.4); }
form .form-control:after { position: absolute; width: 36px; height: 40px; background-position: center center; background-repeat: no-repeat; top: 8px; right: 16px; }
.ui.modal form .form-control:after { top: 3px; }
form .form-control.calendar:after { content: ""; background-image: url('../images/icon-calendar.png'); }
form .form-control.plane:after { content: ""; background-image: url('../images/icon-plane.png'); }
form .form-control.password:after { content: ""; background-image: url('../images/icon-password.png'); }
form .form-control.marker:after { content: ""; background-image: url('../images/icon-marker.png'); }
form .form-control.operator:after { content: ""; background-image: url('../images/icon-operator.png'); }
form .form-control.email:after { content: ""; background-image: url('../images/icon-email.png'); }
form .form-control.phone:after { content: ""; background-image: url('../images/icon-phone.png'); background-size: 24px 36px; }
/*form .form-control.submit:after { left: 24px; top: 14px; right: auto; content: ""; background-image: url('../images/icon-search-flight.png'); }*/
form.flight-search .menu-tab { position: absolute; display: none; width: 100%; height: 40px; background-color: #FFF; z-index: 1; margin-top: -4px; box-shadow: 0px 14px 10px rgba(113,152,222,0.5); }
form.flight-search .menu-tab.active { display: block; }
form.flight-search .ai.big-select { display: block; width: 100%; font-size: 24px; font-weight: 600; background-color: #FFF; padding: 12px; box-shadow: 0px 4px 20px rgba(113,152,222,0.5); border-radius: 8px; cursor: pointer; }
.ui.modal form.flight-search .ai.big-select { padding-top: 6px; }
form.flight-search .ai.big-select input { width: 100%; font-size: 24px; border: 0; outline: 0; padding-left: 4px; cursor: pointer; padding-right: 40px; pointer-events: none;}
.ui.modal form.flight-search .ai.big-select input { font-size: 18px; }
form.flight-search .ai.big-select input:disabled { background-color: #FFF; }
form.flight-search .ai.big-select-menu { position: absolute; display: none; margin-top: 20px; width: calc(200% + 30px); background-color: #FFF; z-index: 99; box-shadow: 0px 12px 20px rgba(113,152,222,0.5); }
form.flight-search .ai.big-select-menu.active { display: block; }
form.flight-search .ai.big-select-menu.menu-right { right: 0px; }
form.flight-search .ai.big-select-menu.menu-left { border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
form.flight-search .ai.big-select-menu.menu-right { border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
form.flight-search .ai.option { display: inline-block; vertical-align: top; width: calc(50% - 20px); margin: 0 10px; border-bottom: 1px solid #CCC; cursor: pointer; }
form.flight-search .ai.option img { display: inline-block; vertical-align: middle; width: 100%; max-width: 120px; height: auto; max-height: 98px; padding: 8px 16px; }
form.flight-search .ai.option p { display: inline-block; vertical-align: middle; width: calc(100% - 120px); padding: 0 0 0 16px; }
.flight-search input:not([type]),.flight-search input[type="email" i],.flight-search input[type="number" i],.flight-search input[type="password" i],.flight-search input[type="tel" i],.flight-search input[type="url" i],.flight-search input[type="text" i] {padding-top: 0px;padding-bottom: 0px;}
form .ai.text { display: block; width: 100%; font-size: 24px; font-weight: 600; background-color: #FFF; padding: 12px; box-shadow: 0px 4px 20px rgba(113,152,222,0.5); border-radius: 8px; }
form .ai.text.inline { display: inline-block; vertical-align: middle; width: 75%; border-radius: 0; border-top-right-radius: 8px; border-bottom-right-radius: 8px; box-shadow: none; }
form .ai.text input { width: 100%; font-size: 24px; border: 0; outline: 0; padding-left: 4px; }
.ui.modal form .ai.text { padding-top: 6px; padding-bottom: 6px; padding-right: 60px }
.ui.modal form .ai.text input { font-size: 18px; }
/*form .ui.calendar { display: block !important; visibility: visible !important; }*/
form .ui.calendar:not(.popup) { display: block; width: 100%; font-size: 24px; font-weight: 600; background-color: #FFF; padding: 12px; box-shadow: 0px 4px 20px rgba(113,152,222,0.5); border-radius: 8px; }
.ui.modal form .ui.calendar:not(.popup) { padding-top: 6px; }
form .ui.calendar:not(.popup) input { width: 100%; font-size: 24px; border: 0; outline: 0; padding-left: 4px; }
.ui.modal form .ui.calendar:not(.popup) input { font-size: 18px; }
form .ui.calendar.popup table { display: table; width: 100%; }
form .ui.calendar.popup table tbody { width: 100%; }
form .ui.calendar.popup table thead { width: 100%; color: #156DA8; }
form .ui.calendar.popup .ui.table tr td { border: 1px solid #EEE; }
form .ui.calendar.popup .ui.table tr td.today { font-weight: 600; text-decoration: underline; }
form .ui.calendar.popup .ui.table tr td.active { background-color: #b8cbee; }
form .ui.calendar.popup .ui.table tr td.disabled { background-color: #FCFCFC; }
form .ui.calendar.popup .ui.table tr th .icon { margin: 0 .25rem 0 0; }
form .ui.dropdown { display: block; width: 100%; font-size: 24px; font-weight: 600; background-color: #FFF; padding: 12px; box-shadow: 0px 4px 20px rgba(113,152,222,0.5); border-radius: 8px; }
form .ui.dropdown.inline { display: inline-block; vertical-align: middle; width: 25%; box-shadow: none; border-right: 1px solid #D9D9D9; border-radius: 0px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; padding: 6px 12px 12px 12px; }
.ui.modal form.flight-search .ui.dropdown { padding-top: 6px; }
form .ui.dropdown input.search { display: block; font-size: 24px; width: 100%; background-color: #FFF; color: #798288; padding-right: 40px; }
.ui.modal form .ui.dropdown input.search { font-size: 18px; padding-top: 12px; }
form .ui.dropdown > .text { padding-right: 40px; }
form .ui.dropdown.inline > .text { padding-right: 0; }
.ui.modal form .ui.dropdown > .text { font-size: 18px; }
form .ui.dropdown .menu { margin-top: 0; width: 100%; }
form .ui.dropdown .menu .item { background-color: #FFF; white-space: normal;}
form .ui.dropdown .menu .item:nth-child(even) { background-color: #f0f4fb; }
.ui.modal form input[type="submit"] { display: none; }
form input[type="submit"], form button { display: inline-block; outline: 0; margin: 40px 0; background-color: #156DA8; font-size: 24px; border-radius: 32px; color: #FFF; text-transform: uppercase; border: 0; padding: 16px 40px 16px 70px; cursor: pointer; box-shadow: 0px 2px 10px rgba(113,152,222,0.0); }
form input[type="submit"]:hover, form button:hover { box-shadow: 0px 2px 16px rgba(113,152,222,0.9); transition: 0.3s; }

form .form-control button, input[type="submit"]{position: relative;  -webkit-appearance: none;}
form .form-control button i { display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); left: 22px; margin-right: 10px; width: 30px; height: 30px; background: url('../images/icon-search-flight.png') no-repeat center center; background-size: 100%;}
[type="submit"].no-icon {padding-left: 40px}
form .form-switch p { display: inline-block; vertical-align: middle; font-weight: 600; font-size: 20px; color: #798288; transition: 0.3s; padding: 0; }
.ui.modal form .form-switch p { font-size: 18px; }
form .form-switch p.active { color: #156DA8; transition: 0.3s; }
form .form-switch .ui.toggle.checkbox { display: inline-block; vertical-align: middle; min-height: 34px; margin: 0 30px; }
form .form-switch .ui.toggle.checkbox input~.box:after,
form .form-switch .ui.toggle.checkbox input~label:after,
form .form-switch .ui.toggle.checkbox input:checked~.box:after,
form .form-switch .ui.toggle.checkbox input:checked~label:after { background-color: #156DA8; box-shadow: none; padding: 5px; }
form .form-switch .ui.toggle.checkbox .box:before,
form .form-switch .ui.toggle.checkbox label:before,
form .form-switch .ui.toggle.checkbox input:checked~.box:before,
form .form-switch .ui.toggle.checkbox input:checked~label:before { background-color: transparent !important; border: 1px solid #CCC; padding: 5px; }
form .form-control a.link { position: relative; display: inline-block; margin-left: 48px; padding-left: 36px; text-decoration: underline; color: #156DA8; }
form .form-control a.link::before { content: "!"; position: absolute; left: 0; top: 0; width: 24px; height: 24px; border: 1px solid #156DA8; border-radius: 50%; font-weight: bold; text-decoration: none; color: #156DA8; text-align: center; }

form .modal-heading { display: block; border-bottom: 2px solid #F4F4F4; }
form .modal-heading h3 { margin: 0; color: #156DA8; font-weight: 600; font-size: 36px; }
form .modal-heading .col-half { vertical-align: middle; }
form .modal-heading .col-half:first-child { width: calc(70% - 30px); }
form .modal-heading .col-half:last-child { width: 30%; text-align: right; margin-right: 0; }
form .modal-heading .col-half:last-child p { font-size: 20px; font-weight: 600; text-align: right; color: #798288; }

form .form-section { display: none; }
form .form-section.active { display: block; }

form.flight-status-alerts .form-control { max-width: 450px; margin-left: auto; margin-right: auto; }
form.flight-status-alerts .check-confirmed { display: block; margin: 40px auto 0 auto; max-width: 128px; }
form.flight-status-alerts .check-confirmed img { display: block; width: 100%; height: auto; }
.ui.modal form.flight-status-alerts .ui.dropdown { position: relative; }
.ui.modal form.flight-status-alerts .ui.dropdown > .text { font-weight: 400; }
.ui.modal form.flight-status-alerts .ui.dropdown > .text > img { display: inline-block; vertical-align: middle; }
.ui.modal form.flight-status-alerts .ui.inline.dropdown .dropdown.icon { position: absolute; top: 14px; margin: 0 .21428571em 0 .5em; color: #156DA8; }
.ui.modal.flight-status-alerts .ui.button { display: none; }
.ui.modal.flight-status-alerts .ui.button.active { display: inline-block; }

form.flight-details-email .form-control { max-width: 450px; margin-left: auto; margin-right: auto; }
form.flight-details-email .check-confirmed { display: block; margin: 40px auto 0 auto; max-width: 128px; }
form.flight-details-email .check-confirmed img { display: block; width: 100%; height: auto; }
.ui.modal form.flight-details-email .ui.dropdown { position: relative; }
.ui.modal form.flight-details-email .ui.dropdown > .text { font-weight: 400; }
.ui.modal form.flight-details-email .ui.dropdown > .text > img { display: inline-block; vertical-align: middle; }
.ui.modal form.flight-details-email .ui.inline.dropdown .dropdown.icon { position: absolute; top: 14px; margin: 0 .21428571em 0 .5em; color: #156DA8; }
.ui.modal.flight-details-email .ui.button { display: none; }
.ui.modal.flight-details-email .ui.button.active { display: inline-block; }

.ui.modal.airport-details h3 { color: #156DA8; font-size: 42px; text-transform: uppercase; font-weight: 600; margin: 0 0 20px 0; }
.ui.modal.airport-details .half { display: inline-block; vertical-align: top; padding: 0 0px; width: 50%; }
.ui.modal.airport-details .half h1 { color: #156DA8; font-size: 20px; font-weight: 600; margin: 0; }
.ui.modal.airport-details .half p { padding-bottom: 20px; font-size: 20px; }
.ui.modal.airport-details .half .label { display: inline-block; vertical-align: top; width: 100px; color: #156DA8; font-size: 20px; font-weight: 600; margin: 0; }
.ui.modal.airport-details .half .value { display: inline-block; vertical-align: top; width: calc(100% - 100px); font-size: 20px; padding-bottom: 20px; }
.ui.modal.airport-details .half .value a { text-decoration: underline; color: #798288; }


.ui.page.dimmer { background-color: rgba(255,255,255,0.8); }
.ui.modals > .ui.modal { border-radius: 20px; box-shadow: 1px 3px 20px rgba(113,152,222,0.4); }
.ui.modals > .ui.modal > .header { background-color: #156DA8; color: #FFF; font-size: 18px; font-weight: 400; font-family: 'Poppins', sans-serif; position: relative }
.ui.modals > .ui.modal > .actions { background: #FFF; border-top: 0; text-align: center; padding-top: 0; padding-bottom: 40px; }
.ui.modals > .ui.modal  .close { cursor: pointer; background-color: #156DA8; position: absolute; z-index: 10;top: 50%; right: 15px; transform: translateY(-50%); width: 1.5rem; height: 1.5rem; background-image: url('../images/icon-cancel.png'); background-size: 100%; padding: 0; }
.ui.modals > .ui.modal  i.icon.close:before { display: none; }
.ui.modal .ui.button, form button { position: relative; background-color: #156DA8; color: #FFF; font-family: 'Poppins', sans-serif; font-size: 18px; text-transform: uppercase; font-weight: 600; padding: 12px 30px 12px 60px; border-radius: 30px; }
.ui.modal .ui.button:before { content: ""; position: absolute; left: 24px; top: 11px; width: 20px; height: 20px; background-size: 100%; }
.ui.modal .ui.approve.button { background-color: #156DA8; color: #FFF; }
.ui.modal .ui.approve.button:before { background-image: url('../images/icon-check.png'); }
.ui.modal .ui.approve.search.button:before { background-image: url('../images/icon-search-flight.png'); }
.ui.modal .ui.cancel.button { background-color: #FA7E8F; color: #FFF; }
.ui.modal .ui.cancel.button:before { background-image: url('../images/icon-cancel.png'); }

.page.content { position: relative; display: block; width: 100%; max-width: 1580px; margin: 0 auto; padding: 0 20px;margin-bottom: 60px;}
.page.content h1 { max-width: 650px; font-family: 'Cardo'; font-size: 48px; color: #156DA8; margin: 40px auto 56px auto; transition: 0.2s; text-align: center; }
.page.content .actions-nav { position: absolute; display: block; width: 100%; text-align: left; padding-top: 16px; }
.page.content .actions-nav a.button { display: inline-block; padding: 4px 12px; border-radius: 18px; background-color: transparent; color: #156DA8; border: 1px solid #156DA8; font-size: 16px; text-transform: uppercase; box-shadow: 0px 2px 10px rgba(113,152,222,0.0); transition: 0.3s;  }
.page.content .actions-nav a.button:hover { box-shadow: 0px 2px 10px rgba(113,152,222,0.7); transition: 0.3s; }

.page.content .flight-info { display: block; width: 100%; background-color: #FFF; border: 2px solid #156DA8; border-radius: 8px; padding: 30px 0; }
.page.content .flight-info.no-top { margin-top: 48px; }
.page.content .flight-info .half { display: inline-block; vertical-align: middle; padding: 0 40px; width: 50%; }
.page.content .flight-info .half:last-child { text-align: right; }
.page.content .flight-info .full { display: block; width: 100%; }
.page.content .flight-info .label { display: block; font-weight: 600; font-size: 20px; line-height: 20px; }
.page.content .flight-info .value { position: absolute; font-weight: 600; color: #156DA8; font-size: 72px; line-height: 72px; top: 50%; transform: translateY(-50%); right: 0}
.page.content .flight-info .location { display: inline-block; vertical-align: middle; font-size: 20px; color: #156DA8; padding: 6px 30px; text-transform: uppercase; font-weight: 600; border-radius: 20px; border: 1px solid #156DA8; }
.page.content .flight-info .to { display: block; vertical-align: middle; font-size: 20px; color: #798288; text-transform: uppercase; }
.page.content .flight-info .to:before { content: "----"; padding: 0 4px; color: #156DA8; font-weight: 600; }
.page.content .flight-info .to:after { content: "----"; padding: 0 4px; color: #156DA8; font-weight: 600; }

.page.content .flight-info .airline-operator {display: inline-block; margin: 0; vertical-align: middle;}
.page.content .flight-info .airline-operator img {max-height: 100px; max-width: 200px;}

.page.content .flight-notices { display: block; width: 100%; padding: 20px 0; margin: 0; color: #F93853; font-size: 22px; }
.page.content .flight-notices h3 { text-transform: uppercase; font-weight: 600; margin: 10px 0; }
.page.content .flight-notices ul { list-style-type: disc; padding-left: 30px; font-weight: 600; }
.page.content .flight-notices ul li { padding: 2px 0; }

.page.content .flight-details { display: block; width: 100%; background-color: #FEFEFF; padding: 40px 0; margin-top: 16px; }
.page.content .flight-details .details-header { display: block; width: 100%; border-bottom: 1px solid #D7D7D7; }
.page.content .flight-details .details-body { display: block; width: 100%; padding: 0 40px; }
.page.content .flight-details .details-body h3 { font-weight: 400; text-transform: uppercase; margin-bottom: 0; }
.page.content .flight-details .header-80 { display: inline-block; vertical-align: top; width: 80%; }
.page.content .flight-details .header-20 { display: inline-block; vertical-align: top; width: 20%; }
.page.content .flight-details .half { display: inline-block; vertical-align: top; padding: 0 40px; width: 50%; }
.page.content .flight-details .actions { display: block; padding: 0 40px 20px 40px; }
.page.content .flight-details .label { display: inline-block; vertical-align: top; width: 40%; font-weight: 600; padding: 4px 0; }
.page.content .flight-details .value { display: inline-block; vertical-align: top; width: 60%; font-weight: 600; color: #156DA8; padding: 4px 0; }
.page.content .flight-details .value img { max-height: 60px; width: auto; max-width: 250px; }
.page.content .flight-details .header-20 .label { display: block; width: 100%; }
.page.content .flight-details .header-20 .value { display: block; width: 100%; }
.page.content .flight-details .details-body .label { width: 20%; max-width: 150px; font-weight: 400; }
.page.content .flight-details .details-body .value { width: calc(100% - 150px); font-weight: 400; color: #798288; }
.page.content .flight-details span.on-time { color: #81D23E; }
.page.content .flight-details span.delayed { color: #F93853; }
.page.content .flight-details .actions { display: inline-block; vertical-align: bottom; padding-top: 40px; }
.page.content .flight-details .actions a.button { position: relative; display: inline-block; outline: 0; margin: 4px; padding: 6px 30px 6px 60px; box-shadow: 0px 2px 10px rgba(113,152,222,0.0); transition: 0.3s; border-radius: 20px; color: #FFF; font-size: 18px; font-weight: 600; background-color: #156DA8; text-transform: uppercase; }
.page.content .flight-details .actions a.button:first-child { margin-left: 0; }
.page.content .flight-details .actions a.button:after { content: ""; position: absolute; top: 8px; left: 24px; display: block; width: 22px; height: 22px; background-size: cover; }
.page.content .flight-details .actions a.button.alerts:after { background-image: url('../images/icon-alerts-white.png'); }
.page.content .flight-details .actions a.button.email:after { background-image: url('../images/icon-email-white.png'); }
.page.content .flight-details .actions a.button:hover { box-shadow: 0px 2px 10px rgba(113,152,222,0.7); transition: 0.3s; }

.page.content .flight-disclaimer { display: block; width: 100%; padding: 20px 0; }
.page.content .flight-disclaimer p { text-align: right; padding: 0; font-weight: 200; font-size: 13px; }

.page.content .search-criteria { display: block; width: 100%; background-color: #FFF; border: 2px solid #7198DE; border-radius: 4px; padding: 30px 0; }
.page.content .search-criteria .half { display: inline-block; vertical-align: top; padding: 0 40px; width: 50%; border-right: 2px dashed #7198DE; }
.page.content .search-criteria .half:last-child { border-right: 0; }
.page.content .search-criteria .half > .half:first-child { padding-left: 0; }
.page.content .search-criteria .half > .half:last-child { padding-right: 0; }
.page.content .search-criteria .half > .half .label { display: block; width: 100%; padding-bottom: 8px; }
.page.content .search-criteria .half > .half .value p { padding: 0; }
.page.content .search-criteria .half > .half .value img { max-height: 60px; width: auto; max-width: 100%; }
.page.content .search-criteria > .half:nth-child(even) {border-right:none;}
.page.content .search-criteria .row { display: block; padding-bottom: 20px; }
.page.content .search-criteria .label { display: inline-block; vertical-align: top; width: 30%; font-weight: 600; }
.page.content .search-criteria .value { display: inline-block; vertical-align: top; width: 70%; font-weight: 600; color: #156DA8; }
.page.content .search-criteria a.button { position: relative; display: inline-block; padding: 6px 30px 6px 60px; outline: 0; color: #FFF; font-weight: 600; text-transform: uppercase; background-color: #156DA8; border-radius: 30px; box-shadow: 0px 2px 10px rgba(113,152,222,0); transition: 0.3s; }
.page.content .search-criteria a.button:before { content: ""; left: 30px; top: 10px; position: absolute; display: inline-block; vertical-align: middle; width: 16px; height: 16px; background-image: url('../images/icon-edit.png'); background-size: 100%; }
.page.content .search-criteria a.button:hover { box-shadow: 0px 2px 10px rgba(113,152,222,0.7); transition: 0.3s; }


.page.content .search-results { display: block; width: 100%; background-color: #FFF; margin: 40px 0; }
.page.content .search-results.airport { background-color: transparent; }
.page.content .search-results .results-table { display: table; width: 100%; margin-bottom: 20px; }
.page.content .search-results .results-table:last-child { margin-bottom: 0px; }
.page.content .search-results .results-row { display: table-row; width: 100%; }
.page.content .search-results .results-row.header { background-color: #EFF3F7; }
.page.content .search-results .results-row.header .results-col { color: #798288; background-color: #EFF3F7; font-weight: 600; border-bottom: 0; }
.page.content .search-results .results-row .results-col { display: table-cell; color: #798288; background-color: #FFF; font-weight: 400; padding: 20px; border-bottom: 2px solid #D2D2D2; }
.page.content .search-results .results-row .results-col a { color: #156DA8; text-decoration: underline; font-weight: 600; }
.page.content .search-results .results-row .results-col a.button { position: relative; display: inline-block; vertical-align: top; outline: 0; text-decoration: none; font-size: 14px; padding: 6px 10px 6px 10px; color: #FFF; font-weight: 400; text-transform: uppercase; color: #156DA8; border: 1px solid #156DA8; background-color: #FFF; border-radius: 30px; box-shadow: 0px 2px 10px rgba(113,152,222,0); transition: 0.3s; }
.page.content .search-results .results-row .results-col a.button.alerts { padding-left: 36px; margin-left: 8px; }
.page.content .search-results .results-row .results-col a.button.alerts:before { content: ""; left: 12px; top: 7px; position: absolute; display: inline-block; vertical-align: middle; width: 16px; height: 16px; background-image: url('../images/icon-alerts.png'); background-size: 100%; }
.page.content .search-results .results-row .results-col a.button:hover { box-shadow: 0px 2px 10px rgba(113,152,222,0.7); transition: 0.3s; }

.page.content .gh-login { display: block; margin: 0 auto; width: 100%; max-width: 800px; padding: 30px 0; }
.page.content .gh-login .msg { display: block; text-align: center; color: #F93853; padding-bottom: 20px; font-size: 20px; }
.page.content .gh-login form .form-row.submit { padding: 50px 0; }
.page.content .gh-login form .form-control.submit { display: inline-block; vertical-align: middle; width: 50%; }
.page.content .gh-login form .form-control.submit input[type="submit"] { margin: 0; }
.page.content .gh-login form .form-control.forgot-password { display: inline-block; vertical-align: middle; width: 50%; text-align: right; }
.page.content .gh-login form .form-control.forgot-password a { color: #156DA8; text-decoration: underline; font-weight: 600; }

.page.content .no-results { padding: 20px 0; margin-bottom: 50px; text-align: center; font-size: 36px; font-weight: 900; text-transform: uppercase; color: #CECECE; letter-spacing: 1px; }
.page.content .no-results:last-child { margin-bottom: 0px; }

.page.content .wysiwyg { padding: 0 32px; }
.page.content div.wysiwyg.left-75 { display: inline-block; vertical-align: top; width: 65%; }
.page.content div.wysiwyg.right-25 { display: inline-block; vertical-align: top; width: 35%; }
.page.content .wysiwyg h1 { font-family: 'Poppins', sans-serif; margin: 0 0 16px 0; font-size: 28px; color: #156DA8; text-align: left; max-width: none; }
.page.content .wysiwyg h2 { position: relative; font-family: 'Poppins', sans-serif; margin: 0 0 16px 0; padding: 16px; font-size: 20px; color: #156DA8; background-color: #e6e9ee; cursor: pointer; }
.page.content .wysiwyg h2::before { position: absolute; content: "+"; top: 4px; right: 16px; font-size: 36px; font-weight: bold; color: #156DA8; transition: 0.25s; transform: rotate(0deg); }
.page.content .wysiwyg h2.on::before { transition: 0.25s; transform: rotate(45deg); }
.page.content .wysiwyg h3 { font-family: 'Poppins', sans-serif; margin: 0 0 16px 0; font-size: 18px; color: #444; }
.page.content .wysiwyg p { display: none; margin: 16px 0; font-size: 16px; }
.page.content .wysiwyg p.on, .page.content .wysiwyg.right-25 p { display: block; }
.page.content .wysiwyg span { display: none; }
.page.content .wysiwyg span.on { display: inline-block; }
.page.content .wysiwyg a { color: #156DA8; text-decoration: underline; }
.page.content .wysiwyg img { display: block; max-width: 100%; height: auto; margin: 16px 0; }
/* .page.content .wysiwyg .highlight { background-color: #fbffb5; } */
.page.content .wysiwyg ul { display: none; width: 100%; margin: 16px 0; padding: 0 0 0 32px; list-style-type: disc; }
.page.content .wysiwyg ul.on, .page.content .wysiwyg.right-25 ul { display: block; }
.page.content .wysiwyg ul li { display: list-item; width: 100%; padding: 0 0 0 8px; font-size: 16px; }
.page.content .wysiwyg ul li ul { display: block; }
.page.content .wysiwyg ul li ul li { display: list-item; width: 100%; padding: 0 0 0 8px; font-size: 16px; }
.page.content .wysiwyg ul > span { display: block; margin-left: -32px; font-size: 16px; }

.baggage-claim .notification {
	display: block;
	width: 80%;
	margin: 0px auto 16px auto;
	border: 1px solid #333;
	border-radius: 4px;
	text-align: center;
	color: #333;
	background-color: #EDEDED;
}
.baggage-claim .notification.error {
	border: 1px solid #F00;
	color: #F00;
	background-color: #ffe9e9;
}

footer { display: block; width: 100%; min-height: 231px; background-image: url('../images/bottom2.png'); background-repeat: no-repeat; background-position: right top; }
footer.bottom { position: absolute; bottom: -40px; }
body.home footer { margin-top: -100px; min-height: 132px; background-image: url('../images/bottom.png'); padding: 70px 20px 0 0; background-position: center bottom }
footer a { color: #FFF; font-weight: 300; text-decoration: underline; transition: 0.3s; }
footer a:hover { color: #b8cbee; text-decoration: underline; transition: 0.3s; }
footer .partner-login { text-align: right; min-height: 100px; }

input.display:disabled {color: #798288!important; -webkit-text-fill-color: #798288!important;}

.button.no-icon:before {
	display: none!important;
}

.ui.modal.covid19 .content a {
	color: #156DA8;
	font-size: 16px;
	text-decoration: underline;
}


@media all and (max-width: 1920px) {

	header { background-size: 65%; }

}

@media all and (max-width: 1680px) {

	form.flight-search { width: calc(80% - 60px); }

}

@media all and (max-width: 1440px) {

	form.flight-search { width: calc(100% - 60px); }
	form.flight-search .form-col.col-half { width: calc(50% - 30px); }

	form.flight-search .form-switch .ui.toggle.checkbox .box:before,
	form.flight-search .form-switch .ui.toggle.checkbox label:before,
	form.flight-search .form-switch .ui.toggle.checkbox input:checked~.box:before,
	form.flight-search .form-switch .ui.toggle.checkbox input:checked~label:before { background-color: #FFF !important; }

	form.flight-search h1 { font-size: 42px; }

	.page.content .search-criteria .label { display: block; width: 100%; }
	.page.content .search-criteria .value { display: block; width: 100%; }

	.page.content .flight-info .airline-operator {vertical-align: unset;}
	.page.content .flight-info .value {position:relative; display: inline-block;margin: 0 10px; transform: none;}

	.page.content .search-results .results-row .results-col a.button { margin-top: 8px; margin-left: 0px; }
	.page.content .search-results .results-row .results-col a.button.alerts { margin-top: 8px; margin-left: 0px; }

	.page.content .flight-info .half { display: block; width: 100%; text-align: center; }
	.page.content .flight-info .half:last-child { text-align: center; }

}


@media all and (max-width: 1200px) {

	.ui.modal form.flight-search .form-col.col-half { display: block; width: 100%; margin: 0; }
	.ui.modal form.flight-search .form-col.col-half:last-child { margin-top: 20px;}
	.ui.modal form.flight-search .or .form-col:last-child p { display: none; }

}

@media all and (max-width: 1023px) {

	body.home { background-image: none; background-color: #FDFFFF; }
	body.home header { background-size: 100%; background-position-y: 0; padding-top: 40px;}
	header .logo { text-align: center; }

	form.flight-search h1 { margin: 10px 0 0 0; text-align: center; font-size: 42px; }

	form.flight-search .static-operator { position: relative; left: auto; top: auto; }
	form.flight-search .form-col.col-half { width: 100%; padding: 10px 0; }
	form.flight-search .form-row.or .form-col:last-child > p { display: none; }

	form .form-control a.link { display: block; margin-left: 0; margin-bottom: 32px;}

	form.flight-search .ai.big-select-menu { width: 100%; }

	form.flight-search input[type="submit"] { margin-top: 0; }

	.page.content .search-results .results-row .results-col { font-size: 16px; }
	.page.content .search-results .results-row .results-col a.button { text-align: center; }
	.page.content .search-results .results-row .results-col a.button.alerts { padding-left: 10px; }
	.page.content .search-results .results-row .results-col a.button.alerts:before { display: none; }

	.page.content .wysiwyg.left-75 { display: block; width: 100%; }
	.page.content .wysiwyg.right-25 { display: block; width: 100%; }

	.page.content .flight-details .half { display: block; width: 100%; }
	.page.content .flight-details .header-80 .half { padding-top: 20px; }
	.page.content .flight-details .header-80 .half:first-child { padding-top: 0px; }
	.page.content .flight-details .actions { padding-top: 20px; padding-bottom: 20px; }

	.ui.modal.airport-details .half { display: block; width: 100%; }
	.ui.modal.airport-details .half .label { display: block; width: 100%; }
	.ui.modal.airport-details .half .value { display: block; width: 100%; }

	.page.content .gh-login { padding: 0; }

	.page.content .actions-nav { position: relative; padding-top: 30px; text-align: center; }

	body.home footer { background-image: url('../images/bottom2.png'); background-size: 100%; margin-top: 0; padding: 0; min-height: auto; }
	footer .partner-login { text-align: left; }
	footer .partner-login a { display: block; color: #156DA8; padding: 0 20px; margin: 0px 0; }

}

@media all and (max-width: 960px) {

	form.flight-search .ai.big-select-menu .ai.option img { width: 60px; height: auto; padding: 10px; }
	form.flight-search .ai.big-select-menu .ai.option p { width: calc(100% - 60px); font-size: 16px; }

}

@media all and (max-width: 880px) {

	.page.content .search-results { background-color: transparent; }
	.page.content .search-results .results-row.header { display: none; }
	.page.content .search-results .results-row { display: block; margin: 20px 0; background-color: #FFF; border: 2px solid #D2D2D2 ;}
	.page.content .search-results .results-row .results-col { position: relative; display: block; background-color: transparent; border-bottom: 0; text-align: right; }
	.page.content .search-results .results-row .results-col:before { content: ""; position: absolute; left: 20px; display: block; font-weight: 600; color: #156DA8; }
	.page.content .search-results .results-row .results-col.flight-number:before { content: "Flight Number:"; }
	.page.content .search-results .results-row .results-col.scheduled-departure:before { content: "Scheduled Departure:"; }
	.page.content .search-results .results-row .results-col.scheduled-arrival:before { content: "Scheduled Arrival:"; }
	.page.content .search-results .results-row .results-col.airline:before { content: "Airline:"; }
	.page.content .search-results .results-row .results-col.tour-operator:before { content: "Tour Operator:"; }
	.page.content .search-results .results-row .results-col.actions:before { content: "Actions:"; }
	.page.content .search-results .results-row .results-col.code:before { content: "Code:"; }
	.page.content .search-results .results-row .results-col.name:before { content: "Name:"; }

	.page.content .search-results .results-row .results-col a.button.alerts { margin-left: 8px; }
	footer.bottom { position: static;bottom:0px;}

}

@media all and (max-width: 768px) {
	body.home header {padding-top: 16px;}

	form.flight-search .ai.big-select-menu { max-height: 260px; overflow-y: scroll; }
	form.flight-search .ai.big-select-menu .ai.option { display: block; width: 100%; margin: 0; }

	.page.content .search-criteria { padding: 0; }
	.page.content .search-criteria .half { display: block; width: 100%; padding-top: 20px; padding-bottom: 20px; border-bottom: 2px dashed #7198DE; border-right: 0; }
	.page.content .search-criteria .half:last-child { border-bottom: 0; padding: 0; }
	.page.content .search-criteria .half > .half { padding-left: 40px; }
	.page.content .search-criteria .half > .half:first-child { padding-left: 40px; }
	.page.content .search-criteria .half > .half:last-child { padding-right: 40px; padding-top: 20px; padding-bottom: 20px; }
	.ui.modals > .ui.modal > .header {
		position: relative
	}
	.ui.modals > .ui.modal > .close {
		top: 0!important;
		right: 0!important;
		margin: 15px 15px 0 0;
	}

	form .modal-heading .col-half:first-child { display: block; width: 100%; margin: 0; }
	form .modal-heading .col-half:last-child { display: block; width: 100%; margin: 0; }
	form .modal-heading .col-half:last-child p { text-align: left; }

	.page.content .flight-info .value { font-size: 52px; }
	.page.content .flight-info .to:before, .page.content .flight-info .location { font-size: 16px; }
	.page.content .flight-info .to:before, .page.content .flight-info .to { font-size: 16px; }
	.page.content .flight-info .to:before, .page.content .flight-info .to:after { content: ""; }

	.page.content .flight-details .details-body .label { display: block; width: 100%; color: #156DA8; font-weight: 600; padding-top: 10px; }
	.page.content .flight-details .details-body .value { display: block; width: 100%; }

	.page.content .flight-details .header-80 { display: block; width: 100%; }
	.page.content .flight-details .header-20 { display: block; width: 100%; padding: 0 40px; }

}

@media all and (min-width:640px) {
a.logout {float:right;}
}

@media all and (max-width: 540px) {

	form.flight-search h1 { font-size: 32px; }

	form.flight-search .static-operator img { display: block; width: 100%; height: auto; margin: 0 auto; }

	form.flight-search .form-switch p { width: 33%; text-align: center; }
	form.flight-search .form-switch .ui.toggle.checkbox { width: calc(33% - 60px); }

	.page.content .search-results .results-row .results-col:before { content: ""; position: relative; left: auto; text-align: left; }

	form .ui.dropdown.inline { width: 35%; }
	form .ai.text.inline { width: 65%; }

	.page.content .flight-info .to:before, .page.content .flight-info .location { display: block; border: 0; }
	.page.content .flight-details .actions a.button { padding-left: 30px; text-align: center; width: 100%;}
	.page.content .flight-details .actions a.button:after { display: none; }
	.page.content .flight-details .actions a.button:last-child {margin-left:0px;}

	.menu.left .item {width:calc(100vw - 158px) !important;display:contents;overflow:visible;}
	.page.content .gh-login form .form-control.submit {width: 100%;}
	.page.content .gh-login form .form-control.submit input[type="submit"] {padding-left: 0;padding: 0.5em 1em 0.5em 60px; white-space: normal; width: 100%;}
	[type="submit"].no-icon {padding: 0.5em 40px!important}
	/*form .form-control.submit::after {display: none;}*/
	form.flight-status-alerts .form-control.email:after {display: none;}
	form.flight-status-alerts .form-control.phone:after {display: none;}
	.ui.modal form .ai.text {padding-top: 12px; padding-right: 12px}
	.form-control:after{display:none}
	form .ai.text {font-size: 18px;}
	form.flight-search { width: calc(100% - 30px); padding-left: 30px }
}

@media all and (max-width: 420px) {

	header .logo img { width: 100%; height: auto; padding: 0 20px; }

	form.flight-search .form-switch p { width: 25%; font-size: 16px; }
	form.flight-search .form-switch .ui.toggle.checkbox { width: calc(49% - 60px); }

	body.home form.flight-search .form-control:after { width: 20px; height: 20px; top: 20px; background-size: 20px 20px; }
	body.home form.flight-search .form-control.submit:after {top: 15px;}
	body.home form.flight-search .form-control.marker:after { background-size: 14px 20px; }
	form.flight-search .ai.big-select { padding-top: 6px; }
	form.flight-search .ai.big-select input { font-size: 16px; }
	form.flight-search .ui.dropdown { padding-top: 6px; }
	form.flight-search .ui.dropdown input.search { font-size: 16px; }
	form.flight-search .ui.dropdown > .text { font-size: 16px; }
	form.flight-search .ui.calendar:not(.popup) { padding-top: 6px; }
	form.flight-search .ui.calendar:not(.popup) input{ font-size: 16px; }

	form.flight-search input[type="submit"] { padding: 8px 20px 8px 60px; font-size: 20px; width: 100%;}

	form .ui.dropdown .menu {min-width: initial;}
	.ui.modal form.flight-status-alerts .ui.inline.dropdown .dropdown.icon { display: none; }
	.ui.modal form.flight-details-email .ui.inline.dropdown .dropdown.icon { display: none; }

	.page.content .flight-details .label { display: block; width: 100%; }
	.page.content .flight-details .value { display: block; width: 100%; padding-left: 20px; }

	.page.content .gh-login form .form-control.submit { display: block; text-align: center; width: 100%; }
	/*.page.content .gh-login form .form-control.submit:after { display: none; }*/
	.page.content .gh-login form .form-control.forgot-password { display: block; text-align: center; width: 100%; padding: 20px 0; }

}

@media all and (max-width: 380px) {

	form.flight-search input[type="submit"] { padding: 8px 20px; }
	form.flight-search .form-control.submit:after { display: none; }

}

@media all and (min-width:768px) {
	.search-criteria .half {min-height: 300px;}
}
@media all and (min-width:540px) and (max-width:900px) {
	.page.content .flight-info .location { display: block; border: none; }
}
@media all and (min-width:1440px) {
	.search-criteria .half {min-height:200px;}
	.flight-info.destination-group .half:first-child {width:50%; position: relative;}
	.flight-info.destination-group .half:last-child {width:50%; position: relative;}
}