@import "bookingDetail.css"; 

#skytl-cnt {padding:5px;}
a {color: #303641;text-decoration: none;-moz-transition: all 350ms;-webkit-transition: all 350ms;-o-transition: all 350ms;transition: all 350ms;}
.authcreditcards li img, .creditcards li img, .ms-container .ms-list .ccimg {width: auto;height: 24px;margin-top: 1px;}
#ms-gdsAccessAgencies .ms-selection .default span:not(.idx):after {font-family:"Entypo";content: '\e812';padding-left: 10px;} 
.mulorder span.idx, #ms-gdsAccessAgencies span.idx {float: left;}
#ms-gdsAccessAgencies span img {height: 20px;}
#flightSearchForm #ptc .ptq div.popover-content {margin-left: 10px;margin-right: 10px;}
.viewtrip {max-width: 200px;}
.pg-panel {padding:10px;}
.gdsaccesses ul li i {padding-left:10px;padding-right: 5px;}
.custom-combobox {position: relative;display: inline-block;}
.custom-combobox-input {margin: 0;padding: 5px 10px;}
.custom-combobox-toggle {position: absolute;top: 0;bottom: 0;margin-left: -1px;padding: 0;background-color: #FFF;}
.sfrlang {border:1px solid #CCC;padding: 10px;border-top: 0px;}
.sfrnote {display: none;margin-top: 5px;}	
.sfrnote strong {padding-right: 5px;}
.dash-queue .tabs-vertical > li {border-bottom: 1px solid #888888;}
.gdsaccesses img {height: 20px;padding-right: 10px;}
.gara-queues {list-style: none;margin-top: 10px;padding: 0px;}
.gara-queues .success {color:green;cursor: pointer;}
.gara-queues .fail {color:red;cursor: pointer;}
.gara-queues .lock {color:blue;cursor: pointer;}
.gara-queues div.col-sm-3 {text-align: center;}
.gara-queues li {display: flex;}
.gara-q-container {padding:0px;}
.nopad {padding:0px;}
.gara-q-head {background-color: #f3f3f3;}
.gara-queues .ui-state-disabled {opacity: 1;}
.notequeue .form-control {width: auto;}
.ms-container .ms-list > li {display: flex;background-color: #f5f5f5;margin: 5px;box-shadow: 3px 3px 5px #ccc;-webkit-box-shadow: 3px 3px 5px #ccc;}
#queueGdsAccess .selectboxit-container {width: 100%;}
#queueGdsAccess .selectboxit-container .selectboxit {width: 100%!important;}
#queueGdsAccess .selectboxit-options {min-width: 100%!important;}
.table.dataTable td:before {display: none!important;}
ul ul {list-style: none;padding-left: 0px;}
.ms-optgroup-label span {font-weight: bolder;cursor: default!important;}
.ms-optgroup-label span img {height: 20px;padding-right: 5px;}
.ms-container.viewonly .ms-selection {width: 100%}
.ms-container.viewonly .ms-selection ul {height: inherit;}

.ms-container .ms-list li.ms-optgroup-container:hover {background: transparent;color: #333;}
.ms-container .ms-list .ms-optgroup-container:nth-child(n+2) ul li:nth-child(1) {border-top:1px solid #888;}
.ms-container .ms-list li.ms-optgroup-container li[class*="ms-elem"]:hover{background: #303641;color: #FFF;}
.qmandatory img {height: 20px;padding-right: 5px;}
.qmandatory ul {list-style: none;padding-left: 0px;}

.chart-legend li span{display: inline-block;width: 30px;height: 20px;margin: 2px 0 2px 0;text-align: center;vertical-align: middle;padding: 2px;}
.chart-legend li {text-align: left;}
.chart-legend {list-style-type: none;padding-left: 0px; width: 200px;}
#booking-list .tooltip.in {opacity:1;}
#booking-list .blimit {white-space: nowrap;}
#booking-list .blimit div.tooltip {white-space: normal;width: 200px;}
#bookingSearchForm a.import-link{text-decoration-line:underline;}
#bookingSearchForm i.fa{padding:5px;}
#bookingImportForm i.fa{padding:5px;}

.sessiontime a {padding-left:5px;padding-right:5px;}
#sessionTime {position:relative;}
#sessionTime span {position:absolute;left: 3px;top: 3px;font-size: 12px;}

#site-content .row {margin-left:0px;margin-right:0px;}
#myModal {width: 95%;background-color: #FFF;margin-left: auto;margin-right: auto;margin-top: 2%;max-height: 600px;z-index: 1061;}
.term-contain iframe {width: 100%;height: 500px;background-color: #FFF;}
#flightPriceForm .flt-terms {border-left: solid 5px #efefef; padding: 10px;margin: 15px 0px;}
#flightPriceForm .flt-terms label{font-weight: normal;}
#flightPriceForm .flt-terms a {text-decoration: underline;font-weight: bolder;}
.horizList.bg-danger {background-color: #f2dede;}
#agency .panel-heading h4 {font-weight: bolder;}
#agency .gdsaccesses h5 {font-weight: bolder;}
#agency .gdsaccesses ul, #agency .gdsaccesses li {list-style-type: none;}
#flight-list .farebag img {margin-right:5px;}
#flight-list .flt_price {text-align: center;}
#flight-list .flt_price .seats {font-style: italic;}
#flight-list .flt_price .seats.hurry {color: red;}
#flight-list .flt_price .seats.hurry:before {padding-right: 4px;} 
#flight-list .duration i.fa {position: absolute;left: 0;top: -8px;font-size: 10px;background-color: #3c763d;color: white;border-radius: 15px;padding: 2px 10px;text-align: center;text-transform: lowercase;white-space: nowrap;}
#flight-list .duration {position:relative;}
.operating.img-circle {background-color: #FFF;}
.baggage-infos .recap {font-size: 12px;}
.baggage-status {font-weight: bolder;}
.baggage-status .success {color:#28a745;}
.baggage-status .warning {color:#dc3545;}
.baggage-info {text-transform: lowercase;}
.addremove {width: auto;}
#flightSearchForm #ptc .ptq .addremove div.tooltip {margin-left: -20px;}
.add_itin, .remove_itin, .remove_ptc, .add_ptc {padding: 5px 5px;margin-top: 2px;margin-right: 5px;}
.add_itin, .remove_itin {margin-top: 22px;}
.add_itin span, .remove_itin span {display: none;}
body table {font-size: 13px;}
table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting {padding-right:25px;}
#listremark ul {margin: 0;padding: 0;}
#listremark ul li {list-style-type: none;position: relative; display: flex;}
#addremark .pull-right {float: left !important;}
.pricechange.alert {margin: 0;padding: 0;}
.pricechange.alert .form-group label,.pricechange.alert .form-group div {padding:0;margin: 6px 0px;padding-left: 5px;}
.pricechange.alert .form-group .currency {text-align: left;}
#pricecheck .modal-title {float: left;}
.clear.space {margin-top:10px;}
.paydata {border-bottom: 1px solid #becfde;border-right: 1px solid #becfde;padding-bottom: 0px;padding-top: 0px;background-color: #f4f8fb;margin: 10px 0px;}
.paydata div label {display: block;line-height: 1.5em;margin: 0px;}
.paydata div.row {padding:0px;}
.paydata div.payrecap {margin-left: auto!important;margin-right: auto!important;padding:3px;line-height: 35px;}
.paydata div.row.payevent {padding: 5px 0px;}
.paydata div.paycotainer {margin-left: auto!important;margin-right: auto!important;}
.paydata div.payevent {border-top: 1px solid #ddd;}
.paydata div.paytrans .payevent label {font-weight: normal;}
.paydata div.paytrans .payevent label span {font-weight: bold;}
.paydata .pay-risk i {font-size: 24px;}
.cashstatus div.fa {font-size: 18px;vertical-align: middle;}
.cashstatus .pesubmitted, .cashstatus .pecaptured,  .cashstatus .pecreated, .paydata .pay-risk .pecaptured, .paydata .pay-risk .pecreated, .paydata .pay-risk .pesubmitted {color: rgb(222, 153, 13);}
.cashstatus .peapproved, .paydata .pay-risk .peapproved {color: green;}
.cashstatus .pedeclined, .paydata .pay-risk .pedeclined {color: red;}

.paydata .peAUT {background-color: rgba(65, 163, 23, 0.3);color:#444;box-shadow: 4px 4px 8px #888;}
.paydata .peMOV {background-color: rgba(76, 196, 23, 0.7);color:#444;box-shadow: 4px 4px 8px #666;}
.paydata .pePRE, .paydata .peREQ {background-color: rgba(222, 153, 13, 0.45);}
.paydata .peSTO {background-color: rgba(52, 114, 53, 0.8);}
.paydata .peCAN {background-color: rgba(80, 74, 75, 0.65);}
.paydata .pe {font-size: 12px;line-height: 13px;margin-bottom: 0px!important;color: #666;}
.paydata .pe div.payrecap {line-height: 15px;}
.payrecap a.btn {margin-left: 5px;}
.paydata div.payevent.pe {border-bottom: 0px;}

.badge.Ticketed, .badge.Fulfilled {background:green;}
.badge.Offered {background:orange;}
.badge.Confirmed {background-color: #5bc0de;}
.badge.Voided {background:#d9534f;}


.unclickable {pointer-events: none;}
.view div label{padding:0px !important;}

.tile-stats {padding: 10px;}
.tile-stats p {white-space: normal;}
.hierarchy {margin: 0;padding:0;list-style: none;}
.hierarchy > li {display: block;padding: 0 5px;}
.hierarchy > li + li::before { content: "\e892"; color: #444;font-family: "entypo";padding: 0 10px;}
.hierarchy li + li {padding: 0 10px; }
.hierarchy li+li+li {padding: 0 20px; }
.hierarchy li+li+li+li {padding: 0 30px; }
.hierarchy li+li+li+li+li {padding: 0 40px; }

span.aaequiv:after{content:'*'}
#clp-refine-pri .panel-body {padding-left: 36px;padding-top:30px;padding-bottom: 0px;}
#odd .refine_body label,
#odd .refine_body select {line-height: 1;font-size: 12px;font-style: italic;font-weight: normal;}
.refine_data .refine_body {padding-left: 0px;}
#ptcmain {min-height: 75px;display: flex;}
@media all and (max-width: 768px) {
	#ptc-container .btn-more-option {float: none!important;}
	#ptc-container {padding: 0;}
	#ptc .ptcq {width: 45px;}
	#ptc {padding-left:0;padding-right: 0;z-index: 998!important;}
	.hotelsclick .cnt .row {margin-left: -15px;margin-right: -15px;}
	#ptc label {font-size: 12px;}
	#ptcmain {display: block;}
}
.navbar-default .navbar-nav > li.dropdown.welcome > a {color: #444;text-transform: capitalize;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

#wait-page .loader {line-height: 50px;height: 50px;margin-top:30px;}
#main-menu .badge {position: absolute;padding: 2px;font-size: 10px;right: 6px;top: 6px;min-width: 17px;line-height: 12px;border: none;}
#main-menu .badge.badge-warning {background-color: #fad839;color: #fff;}
#main-menu .badge.badge-success {background-color: #00a651;color: #fff;}
#flight-list .popover .b2c th {text-align: right;}
.shop_B2C .popover {min-width: auto;} 
#booking-list .pnr span {font-style: italic;}
@media (max-width: 768px) {
	.container {padding-left: 0px;padding-right: 0px;}
}

#flightPriceForm .paymode {display: none;} 
.cashstatus .label {font-size: 14px;}
.cashstatus {white-space: nowrap;}
/*
.booking-recap label {text-align: right;line-height: 35px;}

.book-recap-merchant .pg {margin:10px;}
.book-recap-merchant .pg img {width: 120px;}
.book-recap-merchant tr.res-KO {background-color: rgba(255, 36, 0, 0.8);color:#FFF;}
.book-recap-merchant tr.res-OK {background-color: rgba(65, 163, 23, 0.8);color:#FFF;font-weight: bold;}
.book-recap-merchant table {margin-bottom: 0;}

#site-content .book-recap-merchant div.row:first-child {margin-right: -15px;margin-left: -15px;}
#site-content .book-recap-merchant div.row.pg-title:first-child {margin: 0px;}
*/ 
.paydetail {min-height: 300px;border:1px solid #DDD;padding:20px;}
.paydetail p {color:#444;font-size: 16px;}
.pay_bottom {display: inline-block;margin-top: 25px;margin: 10%;text-align: center;}
.pay_bottom div {width: 20%;float: left;}
.pay_bottom div img {width: 90%;}

.accordionmanage {text-align: right;}
#closeall, #openall {margin: 5px;}
.merchantredirect .ms-container .ms-list {height: 75px;}
.resptc {position:absolute;right:5px;}
#ui-datepicker-div {z-index: 1051!important;}
#flightSearchForm hr {margin: 8px 0px;}
#options {margin-bottom: 10px;}
#options .panel-body {padding: 0px;border-bottom: 0px;}
.panel-search .panel-title {text-align: left;}
.panel-search {border: 0;border-radius: 0;box-shadow: 0;}
.panel-search .panel-heading {border: 0; padding: 2px 15px;margin: -1px 0px;}
.panel-group.joined > .panel.panel-search > .panel-heading h4 a:before, .panel-search .btn-info {color: white;}
.panel-group .panel-search .panel-heading + .panel-collapse > .panel-body {border: 0px;}

.panel-search {position: relative;}
.panel-search-plus {position: absolute;right: 0;top: 0;}
.panel-search-less {position: absolute;right: 0;top: 0;display: none;}
.airitinerary.form-group {margin-left: -15;margin-right: -15;}
#site-content div.row.refine_lbl:first-child {margin-right: -15px;margin-left: -15px;}
.pthead.form-group {margin-bottom: 0;} 
.oddhead {font-size: 12px;font-style: italic;margin-bottom: 0;margin-top: 5px;}
.flightype {padding: 0px 6px;vertical-align: middle;cursor: pointer;}
.panel.panel-danger h4:after {font-family: "entypo";float: right;content: '\e83e';}
.mtx-market {width: 20px;height: 20px;margin-right: 15px;}
.fmatrix {position: relative;padding-inline: 30px;}
.fmatrix i.mtx-all {margin: 0;padding: 2px 4px;}
.fmatrix th.mtx-all {margin: 0;padding: 0;}

.font12 {font-size:12px;}
.font18 {font-size:18px;}
.ptcq {width:60px; 
	  text-align: center !important;
	  padding-left: 2px;}
.ageDiv {padding:0px;}

#acheck, #ucheck {display: inline-block;
    min-width: 10px;
    padding: 5px 0px 5px 4px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px;}
.farepopup .popover{max-width: 100%;padding: 0px;min-width: 650px;}
#requote .modal-dialog {width: 90%;}
#agency-logo {max-height: 100px;float: left;margin-right: 30px;}
.btn-file {position: relative;overflow: hidden;margin-bottom:10px;margin-top:10px;}
.btn-file input[type=file] {position: absolute;top: 0;right: 0;min-width: 100%;min-height: 100%;font-size: 100px;text-align: right;filter: alpha(opacity=0);opacity: 0;outline: none;background: white;cursor: inherit;display: block;}
a.historybtn, a.clearbtn, a.air-search {margin-left:10px;}

.loylist li, .doclist li {line-height: 30px;}
#acco2 h4 .btn.btn-round, #acco3 h4 .btn.btn-round {margin-top: -5px;}
#site-content .baggage-info .row, #site-content .baggage-info div.row:first-child {margin-right: auto;margin-left: auto;margin-bottom: 5px;}
.clp-ss .baggage-info img {background: none;padding:0px;width: 30px;height: 25.55px;}
.baggage-info div span {font-size:15px;}

.passenger-baggage {padding-top: 10px;}
.passenger-baggage .row div span {line-height: 30px;vertical-align: middle;}
.passenger-baggage .row {margin-right: auto;margin-left: auto;border-top: 1px solid #CCC;padding-top:5px;}
.passenger-baggage div.row:first-child {margin-right: auto;margin-left: auto;border-top:0px;}
.passenger-baggage .market {width: 30px;height: 30px;}
.passenger-baggage p {font-size: 12px; font-weight: normal;font-style: italic;color: #333;}
.pnr-recap .status .label {font-size: 0.6em;}
.passenger-input-info{padding: 0px;margin: 0px;font-size: 10px;font-style: italic;color: red;}


div.newevent {width: 12px;height: 12px;background-color: rgba(114, 140, 0, .50);border-radius:8px;position: absolute;top: -4px; right: -15px;}
#flightSearchForm .panel-itinerary {padding: 3px 15px;}
#flightSearchForm .panel-itinerary .panel-title {line-height: 35px;}
#flightSearchForm .panel-itinerary .panel-title a {color:#FFF;}
#flightSearchForm .flt-btndown .historybtn, #flightSearchForm .flt-btndown .clearbtn {display: none;}
#bookingSearchForm div.row {margin-left:auto;margin-right:auto;}

#flightSearchForm .select2-selection {
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  }
#flightSearchForm .vendorfocus {border-color:#66afe9;}  
/*
#bookingModifyForm .doc-data-container, #bookingModifyForm .doc-data-container .doc-data-edit, #bookingModifyForm .psg-data-container .psg-data-edit {margin-top: 10px;margin-bottom: 10px;}
#bookingModifyForm .panel .panel-body > .panel-group {margin-left: -16px;margin-right: -16px;margin-bottom: 0px;}
#bookingModifyForm .panel .panel-body > .panel-group .panel {border-radius:0px;}
#bookingModifyForm .panel .panel-body {padding-bottom: 0px;margin-bottom: -1px;}
#bookingModifyForm .panel .panel-body > .panel-group .panel .panel-heading {background-color: #e5e5e5;}
#bookingModifyForm ul, #bookingModifyForm li {list-style-type: none;}
#bookingModifyForm  .doculist {margin-bottom: 10px;}
*/
.selectboxit-container .selectboxit {width: 300px!important;}
.selectboxit-container span.fee {display: flex;font-weight: bold;float: right;}
.lft-sc-false {opacity:0.3;}
.pay-data-edit {margin-top:15px;}
.pnr-recap div.popover-content .priceDetail {font-size: 13px;}
.air-reset-document, .air-reset-passenger, .air-reset-payment {margin-left:10px;}
.dash-queue {margin-bottom: 20px;}
.dash-queue .travelers {position: relative;}
.dash-queue .travelers a {position: absolute;right: 0px;}
.travelers button, .travelers a {margin-top: 9px;margin-right: 5px;}
.travelers a i {font-size: 12px !important; padding: 2px 0px !important;}
.mightOverflow {overflow: hidden;  text-overflow: ellipsis;} 
.dash-queue .row {margin-bottom: 30px;}
.dash-queue [class*="col-"].title {background-color: rgba(86,61,124,.15);}
.dash-queue [class*="col-"].action {text-align: center; }
.dash-queue [class*="col-"].amount {text-align: right; }
.dash-queue [class*="col-"] {
  white-space: nowrap;
}
.dash-queue .tile-stats {cursor: pointer;}
.dash-queue .tile-stats .num span {font-size: 15px;}
#site-content .dash-queue div.row {
    margin-left: auto;
    margin-right: auto;
}



.mandatory:after {content: '*';display:ruby;padding-left: 2px;}
.mandatoryTxt {clear: both;text-align: right;}
label.mandatory {text-decoration:inherit;}
.pvfield {list-style: none;padding-left: 0;}
.pvfield li {padding:5px 5px 5px 0px;list-style: none;}
.pvfield li > div {margin-right: 5px;}

.fmatrix table {width: 100%;margin: 0 !important;}
.fmatrix th {text-align: center;}
.fmatrix table tbody th {vertical-align: bottom;border-bottom: 2px solid #ddd;background-color: #fff;}
.fmatrix table.table-bordered.dataTable tbody td {text-align: right;padding-right: 10px;font-size: 18px;}
.fmatrix td.price {cursor: pointer; }
.fmatrix td.price.selected {background-color: inherit;font-weight: bold;font-size: 14px;border: 2px solid #337ab7;box-shadow: inset 0px 2px 28px #5bc0dead;}

.main {margin: 0 auto;position: relative;font-family: 'Lato', Calibri, Arial, sans-serif;font-weight: 300;font-size: 15px;color: #333;background-color: #343a45;padding:15px 0px;}
.main.container .msg {color: white;text-align: center;}
.form-2 {width: 340px;margin: 30px auto 30px;padding: 15px;position: relative;background: #fffaf6;border-radius: 4px;color: #7e7975;box-shadow:0 2px 2px rgba(0,0,0,0.2),0 1px 5px rgba(0,0,0,0.2),0 0 0 12px rgba(255,255,255,0.4);}
.form-2 h1 {font-size: 15px;font-weight: bold;color: #bdb5aa;padding-bottom: 8px;border-bottom: 1px solid #EBE6E2;text-shadow: 0 2px 0 rgba(255,255,255,0.8);box-shadow: 0 1px 0 rgba(255,255,255,0.8);}
.form-2 h1 .log-in,.form-2 h1 .sign-up {display: inline-block;text-transform: uppercase;}
.form-2 h1 .log-in {color: #6c6763;padding-right: 2px;}
.form-2 h1 .sign-up {color: #ffb347;padding-left: 2px;}
.form-2 .float {width: 50%;float: left;padding-top: 15px;border-top: 1px solid rgba(255,255,255,1);}
.form-2 .float:first-of-type {padding-right: 5px;}
.form-2 .float:last-of-type {padding-left: 5px;}
.form-2 label {display: block;padding: 0 0 5px 2px;cursor: pointer;text-transform: uppercase;font-weight: 400;text-shadow: 0 1px 0 rgba(255,255,255,0.8);font-size: 11px;}
.form-2 label i {margin-right: 5px;display: inline-block;width: 10px;}
.form-2 input[type=text],
.form-2 input[type=password] {font-family: 'Lato', Calibri, Arial, sans-serif;font-size: 13px;font-weight: 400;display: block;width: 100%;padding: 5px;margin-bottom: 5px;border: 3px solid #ebe6e2;border-radius: 5px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.form-2 input[type=text]:hover,
.form-2 input[type=password]:hover {border-color: #CCC;}
.form-2 label:hover ~ input {border-color: #CCC;}
.form-2 input[type=text]:focus,.form-2 input[type=password]:focus {border-color: #BBB;outline: none;}
.form-2 input[type=button],.form-2 input[type=submit],.form-2 .log-twitter {width: 49%;height: 38px;float: left;position: relative;box-shadow: inset 0 1px rgba(255,255,255,0.3);border-radius: 3px;cursor: pointer;font-family: 'Lato', Calibri, Arial, sans-serif;font-size: 14px;line-height: 38px;text-align: center;font-weight: bold;}
.form-2 input[type=button],.form-2 input[type=submit] {margin-left: 1%;background: #fbd568;background: -moz-linear-gradient(#fbd568, #ffb347);background: -ms-linear-gradient(#fbd568, #ffb347);background: -o-linear-gradient(#fbd568, #ffb347);background: -webkit-gradient(linear, 0 0, 0 100%, from(#fbd568), to(#ffb347));background: -webkit-linear-gradient(#fbd568, #ffb347);background: linear-gradient(#fbd568, #ffb347);border: 1px solid #f4ab4c;color: #996319;text-shadow: 0 1px rgba(255,255,255,0.3);}
.form-2 .log-twitter {margin-right: 1%;background: #34a5cf;background: -moz-linear-gradient(#34a5cf, #2a8ac4);background: -ms-linear-gradient(#34a5cf, #2a8ac4);background: -o-linear-gradient(#34a5cf, #2a8ac4);background: -webkit-gradient(linear, 0 0, 0 100%, from(#34a5cf), to(#2a8ac4));background: -webkit-linear-gradient(#34a5cf, #2a8ac4);background: linear-gradient(#34a5cf, #2a8ac4);border: 1px solid #2b8bc7;color: #ffffff;text-shadow: 0 -1px rgba(0,0,0,0.3);text-decoration: none;}
.form-2 input[type=button]:hover,.form-2 input[type=submit]:hover,.form-2 .log-twitter:hover {box-shadow:inset 0 1px rgba(255,255,255,0.3),inset 0 20px 40px rgba(255,255,255,0.15);}
.form-2 input[type=button]:active,.form-2 input[type=submit]:active,.form-2 .log-twitter:active{top: 1px;}
.no-boxshadow .form-2 input[type=button]:hover, .no-boxshadow .form-2 input[type=submit]:hover {background: #ffb347;}
.no-boxshadow .form-2 .log-twitter:hover {background: #2a8ac4;}
.form-2 p:last-of-type {clear: both;}
.form-2 .opt {text-align: right;margin-right: 3px;}
.form-2 label[for=showPassword] {display: inline-block;margin-bottom: 10px;font-size: 11px;font-weight: 400;text-transform: capitalize;}
.form-2 input[type=checkbox] {vertical-align: middle;margin: -1px 5px 0 1px;}

.pg-loading-screen {background-color: rgb(244, 109, 59);}

#flight-list div[class*="diffday"] {background-color: #7A4600;float:left;margin-left:15px;margin-top: 5px;color: white;border-radius:8px;height: 20px;width: 20px;right: 0px;top: 0px;line-height: 23px;text-align: center;font-weight: bold; }
#flight-list div.diffday-1, #flight-list div.diffday1 {background-color: #F2BE35;}
#flight-list div.diffday-2, #flight-list div.diffday2 {background-color: #D4A017;}
#flight-list div.diffday-3, #flight-list div.diffday3 {background-color: #986400;}

#flight-list .datediff {position: relative;} 
#flight-list .airlogo {float: left;}

#flight-list i.entypo-info {padding: 0;}
.modal {overflow: scroll;max-height: 75%;}
.modal-dialog {width: 60%;}
table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {border-right: 1px solid #DDD;}
table.table-bordered.dataTable>tbody:nth-of-type(odd) {background-color: #e9e9e9;}
.flight-list table.table-bordered.dataTable>tbody:nth-of-type(odd) {background-color: inherit;}
.flight-list table.table-bordered.dataTable>tbody:nth-of-type(odd) > tr {background-color: #e9e9e9;}
table.table-bordered.dataTable>tbody tr.lopt td {border-top: 1px dashed #999;}

#agencies-list tr.master {background-color: #98AFCF;}
#agencies-list i.emailtype {font-size: 17px;}
#flight-list span.fare-negotiated {font-size: 14px;font-style: normal;color: #347C2C;font-weight: bold;}
#flight-list span.fare-public {font-size: 14px;font-style: normal;}
#flight-list span.fare-private {font-size: 14px;font-style: normal;color: #CD7F32;font-weight: bold;}
/* #flight-list i.fare-public:before {content:""; width: 15px;height: 15px;background-color: green;display: inline-flex;padding-right: 5px;border-radius:8px;} */
.air-emd-cnt {position: relative;}
.panel-title .air-emd {position: absolute;right: 0; top: -8px;color:#FFF;}

.clp-ss .book-service img {background: none;}
.book-service {font-size: 14px;} 
.ticket-nr .label {font-size: 100%;}
.recap-segments .popover {display: table !important;}
.recap-segments .stop {text-align: center;margin: 5px 0px 20px;background: #777;height: 1px;padding-top: 0px;}
.recap-segments .stop span {margin-top: -16px;}
.popover-content pre {display: inline-table;white-space: nowrap;}

#flightPriceForm .panel-heading label {font-weight: normal;cursor:pointer;width: 100%;position:relative;display:inline-block;vertical-align:middle;}
#flightPriceForm .panel-heading label a {position:relative;display: block;}
#flightPriceForm .panel-heading .service-type {position: relative;}
#flightPriceForm .panel-heading .service-type label a {color:#FFF;text-decoration: none;}
#flightPriceForm .panel-heading .service-type label a:after {content: '\e81a';display: inline-block;font-family: "Entypo";font-size: 1.5em;padding-left: 5px;}
#flightPriceForm .panel-heading .service-type label a.collapsed:after {content: '\e817';}
#flightPriceForm .panel-max-1200 {max-width: 1200px;}
#head-note label a:after, #head-clp-includes label a:after, #head-ancillaries label a:after, #head-includes label a:after, #head-incbagg label a:after {content: '\e876';display: inline-block;font-family: "Entypo";padding-left: 5px;}
#head-note label a.collapsed:after, #head-clp-includes label a.collapsed:after, #head-ancillaries label a.collapsed:after, #head-includes label a.collapsed:after, #head-incbagg label a.collapsed:after {content: '\e873';}
#head-note label a, #head-ancillaries label a, #head-includes label a, #head-incbagg label a {text-decoration: none;}

/* REFINES */
.refines .panel-body label {font-weight: normal;cursor:pointer;width: 100%;position:relative;display:inline-block;vertical-align:middle;padding: 2px 25px 0px;line-height: 16px;text-indent: -25px;}
.refines .panel-body label:hover {background-color: #fafafa;}
.refines .panel-body label input {margin: 0px 5px 0px 5px; padding: 0;position:relative;vertical-align: middle;padding-right: 5px;}
.refines a, .refines {font-size: 12px !important;}
.refines {padding: 0;padding-top: 5px;}

.refines .nav-tabs > li {margin-right: 10px;}
.refines .nav-tabs > li > a { padding: 2px;}
.refines .nav-tabs > li.active > a { border: 0px;}
.refines .active span {font-weight: bold; text-decoration: underline;}
.refines .nav.nav-tabs.bordered .active {border-top: 1px solid #ddd;border-left: 1px solid #DDD;border-right: 1px solid #DDD;border-bottom: 1px solid #FFF;margin-bottom: -1px;}
.refines li, .refines ul {list-style: none;padding-left: 0;}
.refines hr {margin-top: 12px;margin-bottom: 12px;}
.refines .panel-body ul {margin: 0;}
.refines .panel-body p {padding-left: 5px;margin: 0;color: #666;}
#flt-tbl {padding-right: 0px;}
#flt-tbl .wait-load {text-align: center;}
#flt-tbl .wait-load img {width: 50px;height: 50px;}
.dataTables_wrapper .row {margin-left: 0px; margin-right: 0px;}
.dataTables_info, .dataTables_length {padding-left: 0px;}
.dataTables_paginate, .dataTables_filter {padding-right: 0px;}
.refines .tab-content {
  border: 1px solid #ddd;
  border-top: 0;
  -webkit-border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 3px 3px;
  -moz-background-clip: padding;
  border-radius: 0 0 3px 3px;
  background-clip: padding-box;
  padding: 0;
  margin-bottom: 0px;
}
.r-sidebar-cnt {
  position: sticky;
  display: none;
  text-align: center;
  vertical-align: middle;
  left: 0;
  top: 50%;
  width: 25px;
  padding: 2px 2px 0px 0px;
  background: #337ab7;
  border: 1px solid #eee;
  border-radius: 50%;
  color: #eee;
  transition: 300ms ease all;
  z-index: 101;
}
.r-sidebar-cnt:hover,
.r-sidebar-cnt:active{
	background: #2D6A9F;
	color: white;
}
/** REPORTS **/
.report, .report th {text-align:center;}
.report-total td {font-weight:bolder;}
.report-amount {text-align:right;padding-right:10px !important;}
.report tr.danger td {background-color: #FF5733!important;color:#FFF!important;}


/** HIERARCHY **/

section.basic-style {min-height: 100%;display: flex;justify-content: center;flex-direction: column;padding: 50px 0;position: relative; margin-bottom:30px;}
section.basic-style .github-badge {position: absolute;top: 0;left: 0; }
section.basic-style h1 {text-align: center;margin-bottom: 70px; }
section.basic-style .hv-container {flex-grow: 1;overflow: auto;justify-content: center; }
.basic-style {background-color: #EFE6E2; }
.basic-style > h1 {color: #ac2222; }
p.simple-card {margin: 0;background-color: #fff;color: #DE5454;padding: 15px;border-radius: 7px;/* min-width: 100px; */text-align: center;box-shadow: 0 3px 6px rgba(204, 131, 103, 0.22);}
.hv-item-parent p {font-weight: bold;color: #DE5454;}
.management-hierarchy {background-color: #303840; }
.management-hierarchy > h1 {color: #FFF; }
.management-hierarchy .person {text-align: center; }
.management-hierarchy .person > img {height: 110px;border: 5px solid #FFF;border-radius: 50%;overflow: hidden;background-color: #fff;}
.management-hierarchy .person > p.name {background-color: #fff;padding: 5px 10px;border-radius: 5px;font-size: 12px;font-weight: normal;color: #3BAA9D;margin: 0;position: relative;}
.management-hierarchy .person > p.name b {color: rgba(59, 170, 157, 0.5); }
.management-hierarchy .person > p.name:before {content: '';position: absolute;width: 2px;height: 8px;background-color: #fff;left: 50%;top: 0;transform: translateY(-100%);}
.hv-wrapper {display: flex; }
.hv-wrapper .hv-item {display: flex;flex-direction: column;margin: auto;}
.hv-wrapper .hv-item .hv-item-parent {margin-bottom: 50px;position: relative;display: flex;justify-content: center;}
.hv-wrapper .hv-item .hv-item-parent:after {position: absolute;content: '';width: 2px;height: 25px;bottom: 0;left: 50%;background-color: rgba(255, 255, 255, 0.7);transform: translateY(100%);}
.hv-wrapper .hv-item .hv-item-children {display: flex;justify-content: center;}
.hv-wrapper .hv-item .hv-item-children .hv-item-child {padding: 0 15px;position: relative;}
.hv-wrapper .hv-item .hv-item-children .hv-item-child:before, .hv-wrapper .hv-item .hv-item-children .hv-item-child:after {content: '';position: absolute;background-color: rgba(255, 255, 255, 0.7);left: 0;}
.hv-wrapper .hv-item .hv-item-children .hv-item-child:before {left: 50%;top: 0;transform: translateY(-100%);width: 2px;height: 25px; }
.hv-wrapper .hv-item .hv-item-children .hv-item-child:after {top: -25px;transform: translateY(-100%);height: 2px;width: 100%; }
.hv-wrapper .hv-item .hv-item-children .hv-item-child:first-child:after {left: 50%;width: 50%; }
.hv-wrapper .hv-item .hv-item-children .hv-item-child:last-child:after {width: calc(50% + 1px); }


.subagencies .horizList {position: relative;display: flex;}
.depth1 {margin-left: 0px;}
.depth2::after, .depth3::after, .depth4::after, .depth5::after, .depth6::after {width: 25px;border-bottom: 1px solid #000;content: " ";position: absolute;left: -25px;top: 0px;height: 17px;}
.depth2 {margin-left: 50px;}
.depth3 {margin-left: 100px;}
.depth4 {margin-left: 150px;}
.depth5 {margin-left: 200px;}
.depth6 {margin-left: 250px;}
.depth2::before {width: 50px;border-left: 1px solid #000;content: " ";position: absolute;left: -25px;top: 0px;height: 35px;}
.depth3::before {width: 50px;border-left: 1px solid #000;content: " ";position: absolute;left: -25px;top: 0px;height: 35px;}
.depth4::before {width: 50px;border-left: 1px solid #000;content: " ";position: absolute;left: -25px;top: 0px;height: 35px;}
.depth5::before {width: 50px;border-left: 1px solid #000;content: " ";position: absolute;left: -25px;top: 0px;height: 35px;}
.depth6::before {width: 50px;border-left: 1px solid #000;content: " ";position: absolute;left: -25px;top: 0px;height: 35px;}


#site-content .recap-segments div.row:first-child, #site-content div.row:first-child {margin-left:auto;margin-right:auto;}

.panel-group.joined > .panel > .panel-heading h4 button {margin-top: -5px;}

.carousel .itemTitle.msg0 {background-color: rgba(76, 196, 23, 0.5);padding:5px;margin-bottom: 10px;}
.carousel .itemTitle.msg1 {background-color: rgba(234, 193, 23, 0.5);padding:5px;margin-bottom: 10px;}
.carousel .itemTitle.msg2 {background-color: rgba(255, 78, 80, 0.5);padding:5px;margin-bottom: 10px;}
.carousel .itemTitle.msg3 {background-color: #5bc0de;padding:5px;margin-bottom: 10px;}
.carousel .itemTitle i {color: #FFF;margin-right: 5px;}

.carousel div[class*="msg"] a {color: white !important;} 
.carousel .itemContent span.time {font-weight: bold;font-size: 14px;}
.carousel .itemContent i.fa {margin-right: 5px;} 
.carousel .itemContent a {text-decoration: underline;}
.navbar-default {margin-top:10px;margin-bottom: 10px;text-transform: uppercase;font-size: 14px;background-color: #FFF;border: 0px;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #FFF;
   
}
.navbar-default .navbar-nav > .active > a span:not(.caret) {
  border-bottom: 2px solid rgba(255, 78, 80, 0.7);  
}

.panel pre {white-space: pre-line;}
msg {display: none;}
hr.xs {margin-top: 5px;margin-bottom: 5px;}
.airitinerary .row {margin:0px;}
#ptc {position: relative;z-index: 9;padding: 0px;}
#ptc-container {position: relative;z-index: 10;}

#ptc-container a:before {
  position: relative;
  content: '\e81a';
  display: inline-block;
  font-family: "Entypo";
  color: #FFF;
  padding: 10px 15px;
  padding: 0;
  font-size: 17px;
  margin-left: 13px;
  top: -2px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#ptc-container a.collapsed:before {
  content: '\e817';
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

#ptc .ageHead {display: none;}
#ptc.haveage .ageHead {display: block;}
#ptc .ageDiv, #ptc .ageDiv select {display: none;} 
#ptc.haveage .ageDiv, #ptc .accompanied .ageDiv select {display: inline;text-align: left;}

.status-HK, .status-KK {background-color: green;}
.status-HX {background-color: red;}

.pnr-recap div label {width: 40%;font-size: 14px;font-weight: normal;}
.pnr-recap div {font-size: 20px; display:table;}
.pnr-recap div.tooltip-inner {font-size: 14px;} 
.pnr-recap .logo{width: 220px;}


.passenger .panel-body h4 {font-size: 16px;margin-top: 0px;margin-bottom: 0px;}
.recap-passenger .panel-body label {padding-right: 20px;font-size: 14px;width: 150px;}
.recap-passenger .panel-body .form-group div {font-size: 16px;}
.recap-passenger .panel-heading h4 span {font-weight: bold;font-size: 20px;padding-left: 15px;}
.recap-segments div label {width: 100%;font-weight: normal;font-size: 14px;}
.recap-segments div label span {font-size: 20px;}
.recap.totalrecap {font-size: 26px;}
/*
.book-recap-cash .form-group div, .book-recap-passenger .form-group div {font-size: 18px;font-weight: normal;}
.book-recap-passenger .form-group div .popover-content { font-size: 14px;}
.book-recap-cash .form-group div label, .book-recap-passenger .form-group div label {font-size: 14px;font-weight: normal;text-align: right;padding: 0px;width: 100%;}
.book-recap-passenger .form-group .text20 label {font-size: 18px;}
.book-recap-cash span img {width: 40px;height: 40px;}
.book-recap-passenger .tkt-status-list {max-width:300px;}
*/
.recap-segments  {border-left: solid 5px #efefef;padding-left: 10px;margin-bottom: 20px;background-color: #fff;}
.recap-segments .row {margin-left:0;margin-right: 0;}
.recap-segments h4 {text-transform: uppercase;color: #55a1db;font-size: 16px;font-weight: bold;}
.recap-segments i {font-size: 20px;}
.brand-ancillary-container {padding: 10px 0px;border-bottom: 1px solid #c5c5c5;}
.brand-ancillary-container i {font-size: 20px;}
.brand-ancillary-strapline {color: #888;font-size: 10px;}

.brand-optional {float: left;background-color: #f7f7f7;border: 1px solid #efefef;border-radius: 8px;}
.brand-detail {margin-bottom: 20px;}
.brand-detail .row {margin-left: 0px;margin-right: 0px;}
.brand-title-container {background-color: #fff;border: 1px solid #efefef;border-radius: 8px;position:relative;padding:20px;}
.brand-content {padding-left: 0px;}
.brand-content .brand-title {color: #55a1db;
    font-size: 32px;
    text-align: center;
    padding-top: 25px;
    padding-left: 20px;
}
.brand-marketing-desc pre {
	border:none;
	border-top: 1px solid #e7e7e7;
	background-color: #fff;
	word-break: break-word;
    white-space: pre-wrap;
    font-weight: 300;
    line-height: 24px;}

#air_fare {margin-bottom: 20px !important;}
#clp-rules .row {margin-left: 0px;margin-right: 0px;}
#clp-spr .panel-heading h4 span, #clp-ancillaries .panel-heading h4 span {font-size: 12px;line-height: 45px;position: absolute;right: 0;top: 0;}
#clp-spr .panel-heading h4 span b, #clp-ancillaries .panel-heading h4 span b {font-size: 30px;}
#clp-spr ul {list-style-type:none;}
.anci-recap b {font-size: 20px;}
.anci-recap {font-size: 12px;line-height: 24px;position: absolute;right: 0;top: 0;}

.form-horizontal .air_fare label.control-label {font-size: 16px;padding: 5px;text-align: center;position: relative;width: 100%;}
.form-horizontal .air_fare label.control-label i {position: absolute;left: 50%;bottom: -20px;z-index: 999;}
.air_fare label div {font-weight: normal;}
.air_fare label div.description {display: grid;}
.air_fare label div.desc {vertical-align: middle;font-size: 16px;}
.air_fare label div.price {vertical-align:middle; font-size: 24px;}
.air_fare .fare {margin-bottom: 0px;}
.air_fare .fare a.dropdown-toggle {width:100%;padding-top: 0px;text-align: center;display: block;visibility: hidden;}
.air_fare .fare a {display: none;}    
.air_fare .fare.checked a {visibility: visible;}
.ancillary_list label {width: 100%}
.ancillary_list .segment {float: left;}
.ancillary_list {padding:10px;border-top: 1px solid #337ab7;}
.ancillary_list:first-child {border-top: 0px;}
.ancillary_list .tab-content {border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;border-left: 1px solid #ddd;display: flex;padding: 10px;}
.ancillary_list .tab-content li {padding-top:10px;padding-bottom:10px;}
.ancillary_list .tab-content ul {list-style-type:none;} 

.ancillary_list .segment ul {padding-left: 5px;}
.ancillary_list .segment .textreq input[type="text"] {margin-top: 10px;display: none;}
.ancillary_list .segment .textreq.checked input[type="text"] {margin-top: 10px;display: block;}
.ancillary_list .segment li {border-left: 4px solid #DDD;padding-left: 5px;margin-bottom: 5px;position: relative;}



.clp-ss .form-group ul {padding-left: 10px;list-style: none;}
.clp-ss img {background-color: #337ab7;padding: 5px;width: 40px;height: 40px;}

.clp-ss div.form-group:first-child {border-top: none;}
.clp-ss div.form-group {border-top: 1px solid #ddd;padding: 10px 0px 0px 0px;}

#clp-includespr .row, #clp-includes .row {margin:0px;}
#clp-includespr li > div, #clp-includes li > div {padding: 5px;line-height: 30px;background-color: #5ADA5A;font-size: 16px;color: #FFF;}
#clp-includespr li img, #clp-includes li img {height: 30px;}
#ancillaries ul {padding-left: 0px;list-style: none;}

.service-type img {width: 40px;margin-right: 10px;}
.service-desc {padding-left:10px;} 

/*.passengers {margin-bottom: 20px;text-align: center;}*/

/* CLEARABLE */
.clearable{background: #fff url(../images/clearable.gif) no-repeat right -10px center;padding: 3px 18px 3px 4px;border-radius: 3px;transition: background 0.4s;}
.clearable.x  { background-position: right 5px center; }
.clearable.onX{ cursor: pointer; }
.clearable::-ms-clear {display: none; width:0; height:0;}

/* TABLE PAGINATION */
.clickable {cursor: pointer;}
.dataTables_length div {display: inline-table;vertical-align: middle;}
.dataTables_length .data_obj {float: right;}

X#site-content .row:first-child {margin: 0px;}

#site-topmenu .site-nav {font-size: 12px;}

table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {vertical-align: middle;margin: 0;padding: 0;line-height: 30px;padding-left: 5px;}
table.table-bordered.dataTable tbody td i {position: relative;vertical-align: middle;margin: 0;padding: 5px 3px;}
table.table-bordered.dataTable tbody td i span.badge {vertical-align: super;font-size: 10px;min-width: 17px;line-height: 12px;
	position: absolute;padding: 2px 5px;right: 0px;top: 0px;background-color: red;}
table.table-bordered.dataTable tbody td ul {float: left;list-style-type: none;padding: 5px;margin: 0;}
table.table-bordered.dataTable tbody td ul a:hover {text-decoration: underline;}
table.table-bordered.dataTable tbody td i[class*="fa"] {font-size: 20px;padding-left: 2px;}
table.table-bordered.dataTable tbody td i[class*="nopub"] {color: #CCC;}
table.table-bordered.dataTable tbody td .tooltip-inner {max-width: 100%;padding:10px;}
table.table-bordered.dataTable tbody tr.nover td {background-color: rgba(229, 103, 23,0.25);}
table.table-bordered.dataTable tbody tr.nopub td {background-color: rgba(255, 0, 0,0.25);}

table.table-bordered.dataTable tbody td .child_li_0,.child_li_1 {margin-bottom: 2px; text-decoration: none;}
table.table-bordered.dataTable tbody td .child_li_0:hover, .child_li_1:hover {text-decoration: underline;}
table.table-bordered.dataTable tbody td .child_li_0 {background-color: #CCC;}
table.table-bordered.dataTable .btn-sm {margin: 5px 2px;}

.panelShadow {box-shadow: 3px 3px 5px #ccc;-webkit-box-shadow: 3px 3px 5px #ccc;}
.horizList {padding: 8px 15px 0px 15px;margin-bottom: 10px;list-style: none;background-color: #f5f5f5;border-radius: 0px;}
.horizList.bg-warning {background-color: #fcf8e3;}
.logo_air {max-height: 30px;margin: 5px;}
.popover{min-width: 370px; max-width: unset; letter-spacing: -0.8px; line-height: 1.3em;}
.popover-content{width: 100%; min-width: 370px; padding: 0px 2px 0px 2px;}
.popover-content table{font-size:12px; margin-top: 2px !important; margin-bottom: 2px !important; border-radius: 2px;}
.popover-content table tr > td {max-width: 140px; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap;}
.popover-content table tr > th, .popover-content table tr > td {background-color: #e9e9e9;}
.popover-content table tr td.itx-msg{white-space:break-spaces; padding-right:3px;}
.input-spinner button {
-webkit-border-radius: 3px 0 0 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px 0 0 3px;
-moz-background-clip: padding;
border-radius: 3px 0 0 3px;
background-clip: padding-box;
}
.input-spinner input, .input-spinner button {float: left;text-align: center;}
.input-spinner input.size-1 {width: 30px; padding:2px; text-align: center;}
.passengers .popover {top: 35px;left: 15px;}
.passengers .popover.bottom > .arrow {left:25%;}

.ui-menu .ui-menu-item-wrapper {width: 100%;display: inline-table;}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active {margin: 0px;}

#top-logo {padding-top: 10px; padding-bottom: 5px;} 
.site-header .site-nav .main-menu > li > ul {border: 1px solid #ccc;box-shadow: 2px 2px 2px #ccc;}
.site-header .site-nav .main-menu > li.right > ul {right: 0;left: auto;}
.site-header .site-nav .main-menu > li.has-sub.hover > a {border-color: #ccc; border-bottom-color: #fff;}

.site-header .site-nav .main-menu > li.has-sub.hover:last-child > ul {
	border-radius: 4px 0px 4px 4px;
	-webkit-border-radius: 4px 0 4px 4px;
}
.site-header .site-nav .main-menu > li.has-sub.hover:last-child > a {
  border-radius: 0px; 
}

.container-fluid {padding-right: 30px;}
.button-bottom button {margin-left: 15px;}
.button-bottom {margin-bottom: 20px;}

.breadcrumb .container {padding-left:0px;margin-left: 0px;}
.breadcrumb i.fa {padding-right: 5px;}
.breadcrumb .btn {margin-left: 10px;}
.breadcrumb > li.active {font-weight: bold;}
.breadcrumb > li.active span {font-style: italic;}
section.breadcrumb {padding: 5px 0px;}
section.breadcrumb .breadcrumb li a {font-size: 14px;}
section.breadcrumb .breadcrumb {margin: 0;padding: 5px 0px 0px 0px;}

/*MULTISELCT*/
.ms-container:before,
.ms-container:after {
  content: " ";
  display: table;
}
.ms-container:after {
  clear: both;
}
.ms-container .ms-selectable,
.ms-container .ms-selection {
  display: block;
  width: 40%;
  box-shadow: 3px 3px 5px #ccc;
  -webkit-box-shadow: 3px 3px 5px #ccc;
}
.ms-container .ms-selectable {
  position: relative;
  float: left;
  margin-right: 25px;
}
.ms-container .ms-selectable:after {
  content: '\e120';
  font-family: "Glyphicons Halflings";
  display: block;
  position: absolute;
  right: -19px;
  color: #303641;
  font-size: 15px;
  top: 50%;
  margin-top: -8px;
}
.ms-container .ms-selection {
  float: left;
}
.ms-container .ms-list {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 262px;
  outline: none;
  border: 1px solid #ebebeb;
  overflow: auto;
  -o-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ms-container .ms-list::-webkit-scrollbar {
  width: 5px;
}
.ms-container .ms-list::-webkit-scrollbar-track {
  width: 5px;
  background-color: #f5f5f6;
}
.ms-container .ms-list::-webkit-scrollbar-thumb {
  background-color: #d2d2d2;
}
.ms-container .ms-list > li {
  border-bottom: 1px solid #ebebeb;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.ms-container .ms-list > li:hover {background: #CCC;}
.ms-container .ms-list > li span {
  display: block;
  padding: 4px 8px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ms-container .ms-list > li:last-child { border-bottom: 0;}
.ms-selectable, .ms-selection {text-align: center;background: #A5A5A5;}
.ms-selectable .ms-list, .ms-selection .ms-list {text-align: left;background: #FFF;}
.ms-selectable .search-input, .ms-selection .search-input {width: 75%;margin: 3px;}

.popover.danger {background-color: red;color: white;min-width: auto;top:-42px;}
.popover.danger > .arrow:after {
    border-top-color: red;
}
input.error {border-color: #cc2424;}




.has-feedback .form-control {padding-right: 12px;}
.form-horizontal .has-feedback .form-control-feedback {right: 0;}
.btn.btn-round {
	padding: 4px 2px 0px;
    border-radius: 12px;
    margin-top: 6px;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  color: #FFFFFF;
  zoom: 1;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#toast-container > :hover {
  zoom: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}
#toast-container .toast-success.black,
#toast-container .toast-error.black,
#toast-container .toast-info.black,
#toast-container .toast-warning.black {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #00a651;
}
.toast-error {
  background-color: #cc2424;
}
.toast-info {
  background-color: #21a9e1;
}
.toast-warning {
  background-color: #F89406;
}


.tabs-vertical-env {
  margin-bottom: 20px;
}
.tabs-vertical-env:before,
.tabs-vertical-env:after {
  content: " ";
  display: table;
}
.tabs-vertical-env:after {
  clear: both;
}
.tabs-vertical-env .tabs-vertical {
  margin-bottom: 0;
}
.tabs-vertical-env .tabs-vertical + .tab-content {
  margin-bottom: 0;
}
.tabs-vertical {
  float: left;
  background: #f5f5f6;
  width: 20%;
  border: 1px solid #888888;
  margin-bottom: 20px;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
}
.tabs-vertical > li {
  border-bottom: 1px solid #ebebeb;
}
.tabs-vertical > li:first-child > a {
  -webkit-border-radius: 3px 3px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px 3px 0 0;
  -moz-background-clip: padding;
  border-radius: 3px 3px 0 0;
  background-clip: padding-box;
}
.tabs-vertical > li:last-child {
  border-bottom: 0;
}
.tabs-vertical > li:last-child > a {
  -webkit-border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 3px 3px;
  -moz-background-clip: padding;
  border-radius: 0 0 3px 3px;
  background-clip: padding-box;
}
.tabs-vertical > li:hover > a {
  background-color: rgba(255, 255, 255, 0.3);
  color: #586376;
}
.tabs-vertical > li.active > a {
  display: block;
  position: relative;
  background-color: #ffffff;
  color: #373e4a;
}
.tabs-vertical > li.active > a:before {
  content: '';
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 0 20px 13px;
  border-color: transparent transparent transparent #888888;
  top: 0;
  right: -1px;
  margin-right: -12px;
  margin-top: -1px;
}
.tabs-vertical > li.active > a:after {
  content: '';
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 18px 0 18px 12px;
  border-color: transparent transparent transparent #fff;
  top: 2px;
  right: 0;
  margin-right: -12px;
  margin-top: -1px;
}
.tabs-vertical + .tab-content {
  float: right;
  width: 80%;
  padding-left: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.tabs-vertical.right-aligned {
  float: right;
}
.tabs-vertical.right-aligned > li.active > a:before,
.tabs-vertical.right-aligned > li.active > a:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  right: auto;
}
.tabs-vertical.right-aligned > li.active > a:before {
  left: -13px;
}
.tabs-vertical.right-aligned > li.active > a:after {
  left: -12px;
}
.tabs-vertical.right-aligned + .tab-content {
  padding-right: 25px;
  padding-left: 0;
}

.well.checked {background-color: #00a651;}
.q-total {font-size: 20px;font-weight: bold;color: #F00;}
.expired-warning {font-size: 12px;font-weight: bold;color: #F00;}
.expired-total {font-size: 20px;font-weight: bold;color: #F00;}
.expired-total:after { content:" *"; }
.valid-total {font-size: 20px;font-weight: bold;color: green;}
.valid-warning{font-size: 12px;font-weight: bold;color: green;}

.form-horizontal .control-label.text-left {text-align: left;}
.sel-time {padding: 0 5px 0 0;}

#cctasf .selectboxit-option-icon-url, .agency-pay .selectboxit-option-icon-url, .client-pay .selectboxit-option-icon-url {
    width: 40px;
    background-size: 41px 25px;
}

.recap {font-size: 20px;color:green;font-weight: bold;text-align: right;}
.underline { text-decoration: underline; }

.logo img{
    width: 250px;
    height: 50px;
}

#booking-list img.gds {width: 25px; height: 25px;}
#ptc div div.refine_body {margin-bottom: 0px;}
#ptc div div.refine_button {padding: 0px;margin-left: 5px;}
.report .export {padding-bottom: 10px;}

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {padding: 15px 15px 15px 50px; width: 25em; }
  .table-striped > tbody > tr:nth-of-type(odd) {background-color: transparent;}
}

@media (min-width: 768px) and (max-width: 1280px) {
	.form-control {padding: 6px 3px;}
	#flightListForm #flt-tbl {float: right !important;width: 100%;padding-left: 0;}
  #flight-list span.fare-public {font-size: 10px;}
  .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 8px 2px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd;}
  table.table-bordered.dataTable tbody td i[class*="fa"] {font-size: 10px !important;}
  #flight-list .farebag img {margin-top: 2px; width: 16px !important;}
  /* TESTING */
  .col-sm-3.refines {
      width: 300px !important;
      float: left;
      max-height: 96vh;
      left: -10px;
      bottom: 20px;
      padding: 0;
      background: #f2f2f2;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      overflow-y: scroll !important;
      transition: 300ms all ease;
      z-index: 100;
  }
  .r-sidebar-cnt{
    display: block;
  }
  /* Custom scrollbar */
  .col-sm-3.refines::-webkit-scrollbar {
    width: 12px;
  }
  .col-sm-3.refines::-webkit-scrollbar-track {
    background-color: #f5f5f5;
    border-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .col-sm-3.refines::-webkit-scrollbar-thumb {
    min-height: 20px;
    background: #d2d2d2;
    border-radius: 8px;
    border: 3px solid transparent;
    background-clip: content-box;
  }
  .col-sm-3.refines::-webkit-scrollbar-thumb:hover {
    background-color: #c5c5c5;
  }
}

@media all and (max-width: 768px) {
	.airitinerary div {margin-bottom: 20px;}
	.passengers .row > div {margin-bottom: 20px;}

	.refine_lbl {display: none;}
	.refine_button a {margin-left: 0px;}
	.popover{min-width: 240px; max-width: 300px;}
    .popover-content{min-width: 240px; max-width: 300px;}
}
@media all and (min-width: 768px) {
	h4.round, h4.multi, h4.oneway {display: none;}
	#flightSearchForm #ptc {padding-right: 0;padding-left: 0;}
	#flightSearchForm #ptc .pthead div, #flightSearchForm #ptc .ptq div  {padding-right: 0;padding-left: 0;margin-left: 15px;margin-right: 0px;}
}
@media (min-width: 768px) {
	.form-horizontal .control-label {text-align: right;}
	.form-horizontal .control-label.text-center {text-align: center;}
	.pnr-recap div label {width: 100%;}
	.pnr-recap div label.pnrrecap {width: auto;padding-right: 10px;}
	.navbar-nav {float: right;margin: 0;}
}

/**
 jRange slider  
*/
.slider-container .back-bar .pointer-label{color: black;font-size: 12px;}
.slider-container .pointer-label.low {top:-20px;}
.slider-container .back-bar .pointer-label.high{top:15px;}
.durationslide {padding-top: 25px;padding-left: 20px;}
.slider-container .back-bar .pointer {
  width: 20px;height: 20px;top: -8px;
  background-color: #337ab7;
  background-image: -moz-linear-gradient(top, #fefefe, #337ab7);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#337ab7));
  background-image: -webkit-linear-gradient(top, #fefefe, #337ab7);
  background-image: -o-linear-gradient(top, #fefefe, #337ab7);
  background-image: linear-gradient(to bottom, #fefefe, #337ab7);
  border: 1px solid #337ab7;
}
.slider-container .back-bar .selected-bar {
  background-color: #337ab7;
  background-image: -moz-linear-gradient(top, #fefefe, #337ab7);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#337ab7));
  background-image: -webkit-linear-gradient(top, #fefefe, #337ab7);
  background-image: -o-linear-gradient(top, #fefefe, #337ab7);
  background-image: linear-gradient(to bottom, #fefefe, #337ab7);
}

/**
*/
img.thumb50{
  width: 50px;
}

/**
*/
.body-403 h1 span, .body-500 h1 span, .body-404 h1 span {color:#FFF;}
#content-403, #content-500, #content-404 {text-align: center;font-weight: 500;max-width: 480px;margin: 0 auto;}
.body-403 .btn, .body-500 .btn, .body-404 .btn {font-size: 12px;border: 2px solid #fff;padding: 6px 20px;transition: all .3s ease;border-color: #fff;color: #fff;-webkit-border-radius: 32px;-webkit-background-clip: padding-box;-moz-border-radius: 32px;-moz-background-clip: padding;border-radius: 32px;background-clip: padding-box;}
.body-403 .btn:hover, .body-500 .btn:hover, .body-404 .btn:hover {background: #fff;color: #253F5A;}
.body-403 {background-image: url("images/403_bg.png");background-size: cover;background-position: center;}
.body-500 {background-image: url("images/500_bg.png");background-size: cover;background-position: center;}
.body-404 {background-image: url("images/404_bg.png");background-size: cover;background-position: center;}
.body-403 h1, .body-500 h1, .body-404 h1 {font-weight: 100;margin: 0 0 0px;font-family: 'Baloo', sans-serif;font-size: 250px;}
.body-403 h2, .body-500 h2, .body-404 h2 {font-weight: 100;margin-top: -20px;color: #253F5A;font-family: 'Baloo', sans-serif;text-transform: none;}
.body-403 p, .body-500 p, .body-404 p {margin: 35px 0 50px 0px;font-weight: 200;color:#FFF;}
#content-403, #content-500, #content-404 {max-width: 520px;}

/**
 *	Responsive Markup
 */
#content-403, #content-500, #content-404 {padding-bottom: 5%;padding-top: 0;}
@media (max-width: 1199px) {
  .body-403 h1, .body-500 h1, .body-404 h1 {font-size: 140px;}
  .body-403 h2, .body-500 h2, .body-404 h2 {font-size: 28px;}
}
@media (max-width: 768px) {
  .body-403 h1, .body-500 h1, .body-404 h1 {font-size: 140px;}
  .body-403 h2, .body-500 h2, .body-404 h2 {font-size: 28px;padding-top: 25px;
  }
  .body-403 p, .body-500 p, .body-404 p {font-size: 16px;padding-left: 20px;padding-right: 20px;}
  #content-403, #content-500, #content-404 {margin-top: 10%;}
}

#top-logo {padding-top:0px; padding-bottom:0px;display: inline-block;padding-left:25px;}
#top-logo .navbar-brand {margin-left:0px;}
@media (min-width: 768px) {
	.navbar-nav {clear: right;}
	.navbar-nav > li > a {padding-top: 5px;padding-bottom: 5px;}
}

@media (max-width: 768px) {#top-logo {padding-left:10px;}}
@media (min-width: 1200px) {.container {width: 98%;}}
@media (min-width: 768px) {.container {width: 98%;}}
@media (min-width: 768px) {.container {width: 98%;}}
@media (min-width: 768px) {.container {width: 98%;}}

@media (max-width: 768px) {.add_itin span, .remove_itin span {display: inline;}}

#flightListForm #flt-tbl {
	float:none !important;
}

@media screen and (min-width: 800px) {
	#flightListForm #flt-tbl {
		float:right !important;
	}
}

#bookingretrive > p {position: relative;}
.register .form-group {clear: both;}
.register .form-group input.error {border-color: #ffa2a2;}
.register .form-group label.error {color: #F00;}
.register .form-group select {border: 3px solid #ebe6e2;border-radius: 5px;}

@media (max-width: 767px) {
.register .form-group label {text-align: left;}
}

.register.register-thanks {text-align: center;}
.register.register-thanks h1 {font-size: 24px;}
.register.register-thanks p {font-size: 20px;display: block!important;}







/*flightlist*/
.phone {display:none;}

table.dataTable thead .sorting:after {opacity: 1;color:#999999;}
table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {opacity: 1;color:#FF3E11;}
#flight-list tbody tr td.duration i.fa {background-color: #e9e9e9 !important;color: #333;border: 1px solid #999 !important;}
    
#flightListForm .panel-heading {padding: 1px 5px;}
#flightListForm .panel-body {padding: 3px;}
#flightListForm .panel {margin-bottom: 3px;}
#flightListForm .durationslide {padding-top: 25px; padding-left: 12px;}
#flightListForm .refines li, .refines ul {list-style: none; padding-left: 0px;}
#flightListForm tbody tr.lopt td {border-top: 1px dashed #337ab7;}

#flightListForm .refines .tab-content {border: none !important;}
#flightListForm .slider-container {margin-bottom: 25px;}
#flightListForm table.table-bordered.dataTable .btn-sm {margin: 4px 0px;}
#flightListForm .col-sm-3.refines .panel-primary {border-color: #337ab7;}

#flightListForm .refine-cnt {margin: 10px 0px;}
#flightListForm .refine-cnt .panel-body {padding-left: 10px;padding-right: 15px;}
#flightListForm .range {color: black;font-size: 12px;margin-bottom:10px;border:0;width: 98%;}
#flightListForm .slider-range.ui-widget-content span.ui-state-default {width: 20px;height: 20px;top: -8px;background-color: #337ab7;background-image: -moz-linear-gradient(top, #fefefe, #337ab7);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#337ab7));background-image: -webkit-linear-gradient(top, #fefefe, #337ab7);background-image: -o-linear-gradient(top, #fefefe, #337ab7);background-image: linear-gradient(to bottom, #fefefe, #337ab7);border: 1px solid #337ab7;border-radius: 10px;background-repeat: repeat-x;outline-width: 0px!important;color: #454545!important;}
#flightListForm .ui-slider-horizontal {height: .5em;}

#booking-list.table.dataTable thead .sorting:after{display: none;}


#flight-list .aid, #flight-list .aia {font-size: 15px;font-weight: bold;}
#flight-list .aid:after { content: " - "; position: absolute;right: 0;}
#flight-list .tim {font-size: 15px;font-style: italic;}
#flight-list .day {font-size: 11px;}
#flight-list .dur {font-size: 11px;font-weight: bold;color:#888;}
#flight-list .rec {text-align:center;font-size: 11px;}
#flight-list .rec img {width:14px;}
#flight-list .rec #flight-list .nfl:after, #flight-list .rec .bag:after { content: " - ";font-size: 10px;}


@media all and (min-width: 481px) and (max-width: 767px) {
#site-content .table.dataTable thead .sorting::after {opacity: 0.2; content: "\e150"; display: none!important;}
#flight-list table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    padding-right: 5px !important;}
#flight-list {font-size: 12px !important;}
#flightListForm .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative; min-height: 0px; padding-right: 5px; padding-left: 5px;}
#flightListForm #flight-list > tbody tr td.duration i.fa {position: absolute; left: -60%;}

#flightListForm #flt-tbl {padding-right: 0px; padding-left: 0px;}
#flightListForm #flt-tbl .btn-sm, .btn-group-sm > .btn {padding: 5px 4px; font-size: 13px!important; line-height: 1.5; border-radius: 3px;}
}



@media all and (min-width: 768px) {
#flight-list .dphone div[class*="diffday"] {display: none;}	
#flightListForm .col-sm-9 {width: 80%;}
#flightListForm .col-sm-3 {width: 20%;}
}

@media all and (max-width: 480px) {
#flightListForm .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative; min-height: 0px !important; padding-right: 5px; padding-left: 5px;}
}

@media all and (max-width: 767px) { 
#flight-list div[class*="diffday"] {float: initial;margin-left: 0;margin-top: 0px;height: 18px;width: 18px;left: 8px!important;top: 25px!important;line-height: 20px;position: absolute;}
section.breadcrumb {margin-left: 0px;margin-right: 0px;}
#site-content .row .container-wrapper .container {padding: 0px;}
#flight-list tbody td {padding:2px 3px;line-height: 15px;text-align: center;}
#flight-list span.fare-public {padding-left: 5px;font-size: 12px;}
#flight-list span.fnum {padding: 0px 5px;}
.phone-c {display:table;text-align: left;}
#flight-list .phone-c div {display:inline-table;padding-top: 5px;}
.airfrom, .airto, .departure, .arrival {font-size: 15px;}
.nophone {display:none;}
.phone {display:block;}
#site-content .table.dataTable thead .sorting::after {opacity: 0.2; content: "\e150"; display: none!important;}
#site-content .table.dataTable thead .sorting::after {opacity: 0.2; content: "\e150"; display: none!important;}
#flight-list table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    padding-right: 5px !important;}
#flight-list {font-size: 12px !important;}
#flightListForm .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative; min-height: 0px; padding-right: 5px; padding-left: 5px;}
#flightListForm #flight-list > tbody tr td.duration i.fa {position: absolute; left: -60%;}

#flightListForm #flt-tbl {padding-right: 0px; padding-left: 0px;}
#flightListForm #flt-tbl .btn-sm, .btn-group-sm > .btn {padding: 5px 4px; font-size: 13px!important; line-height: 1.5; border-radius: 3px;}
}
 
.register.form-2 {width: 65%;}
@media all and (max-width: 767px) {
	.register.form-2 {width: 98%;}
	#ptc label {text-transform: capitalize;}
	#ptc {margin-bottom: 15px;}
	#options .noswitch {margin-left: 10px;}
	.breadcrumb > li + li.gara:before {content: '';padding: 0;}
	.breadcrumb > li + li.gara {display: block;}
	.dataTables_sort .navbar-nav {margin: 7.5px -5px;}
	.dataTables_sort .navbar-nav .open .dropdown-menu {
	    position: absolute;
	    float: none;
	    width: auto;
	    border: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	    background-color: white;
	    width: 101%;
	    left: -0.5%;
	    margin-right: 10px;
		padding: 0;
	    border-top: 1px solid #777;
	    border-left: 1px solid #777;
	    border-right: 1px solid #777;
	}
	.dataTables_sort {width: 100%;}
	.sort-combo li.dropdown {background-color: #EEE;}
	.sort-combo li.dropdown .caret {position: absolute;right: 15px;top: 15px;}		
	.flight-list .pagination > li > a, .flight-list .pagination > li > span {padding: 4px 10px;}
	.flight-list .data_info, .flight-list .data_obj, .flight-list .dataTables_filter {display: none;}
}

.register.form-2 label {padding: 0;text-align: right;line-height: 35px;margin: 0;}
.ui-widget.ui-widget-content {z-index: 999;}
section.breadcrumb .breadcrumb .gara, section.breadcrumb .breadcrumb .gara .dropdown-menu a {color: #777;}




.sort-combo li.dropdown {color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}
.sort-combo .dropdown-menu .sorting_asc, .sort-combo .dropdown-menu .sorting_desc, .sort-combo .dropdown-menu .sorting {position: relative;padding-right: 25px;cursor: pointer;padding: 8px;border-bottom: 1px solid #777;}
.sort-combo .dropdown-menu {width: 100%;}
.sort-combo .sorting:after, .sort-combo .sorting_asc:after, 
.sort-combo .sorting_desc:after, .sort-combo .sorting_asc_disabled:after, 
.sort-combo .sorting_desc_disabled:after {position: absolute;bottom: 8px;right: 8px;display: block;font-family: 'Glyphicons Halflings';opacity: 0.5;}
.sort-combo .sorting_desc:after {content: "\e156";}
.sort-combo .sorting_asc:after {content: "\e155";}
.sort-combo .sorting_asc:after, .sort-combo .sorting_desc:after {opacity: 1;color: #FF3E11;}
.sort-combo .sorting:after {opacity: 0.2;content: "\e150";}
.sort-combo .sorting:after {opacity: 1;color: #999999;}

.sort-combo .dropdown {display: inline-flex;width: 100%;}
.sort-combo .dropdown a {width: 100%;padding-bottom: 0;line-height: 16px;}

.navbar-nav.sort-combo > li > .dropdown-menu {padding: 0;}
.sort-combo #sorted {padding-right: 20px;float: left;}
.sort-combo #sorted:after {margin-right: 15px;float: right;padding-top: 7px;position: relative;right: 0;padding-left: 5px;}
.dphone img.market {width: 38px;margin-top:10px;}
.flight-list .dataTables_filter {float: right;}

.f-clear {position: absolute;right: 5px;cursor: pointer;}
@media all and (min-width: 768px) and (max-width: 1280px) {
	.flight-list .pagination > li > a, .flight-list .pagination > li > span {padding: 4px 10px;}
	.flight-list .dataTables_filter, .flight-list .dataTables_sort {float: right;}
	.flight-list .dataTables_filter, .flight-list .data_obj  {margin-top: 10px;}
	.flight-list .data_obj, .flight-list .data_info {float: left;}
	.flight-list .data_info, .flight-list .dataTables_sort, .flight-list .data_obj, .flight-list .dataTables_filter {clear: both;}
	
}


.refines .panel a span span {background-color: #F00;color:#FFF;border-radius:7px;margin-left:2px;padding: 0px 4px;text-decoration: none;display: inline-block;font-size: 10px;}
.refines .panel-success {border-color: #348017;}
.refines .panel-success > .panel-heading {background-color: #3E8A21;border-color: #348017;}
.refines .f-clear, .refines .panel-success > .panel-heading a {color: #FFF;}
.f-clear.sel {color: #FDD801;}
.sourcetypelist.sourcetypeshtrue #ms-sourcetypelist, .agencylist.agencyshtrue #ms-agencylist, .cabinclasslist.cabinclassshtrue #ms-cabinclasslist, .faretypelist.faretypeshtrue #ms-faretypelist, .ptclist.ptcshtrue #ms-ptclist, .destinationtypelist.destinationtypeshtrue #ms-destinationtypelist, .airlinelist.airlineshtrue #ms-airlinelist, .gdslist.gdsshtrue #ms-gdslist, .galist.gashtrue #ms-galist  {display:none;} 
.sourcetypelist.sourcetypeshfalse #ms-sourcetypelist, .agencylist.agencyshfalse #ms-agencylist, .cabinclasslist.cabinclassshfalse #ms-cabinclasslist, .faretypelist.faretypeshfalse #ms-faretypelist, .ptclist.ptcshfalse #ms-ptclist, .destinationtypelist.destinationtypeshfalse #ms-destinationtypelist, .airlinelist.airlineshfalse #ms-airlinelist, .gdslist.gdsshfalse #ms-gdslist, .galist.gashfalse #ms-galist {display:block;}

#creditCardCheckGroup i.remove, #creditCardCheckGroup i.change, #markupGroup i.remove, #markupGroup i.change {display: none;} 
#creditCardCheckGroup #ms-agencies.ms-container .ms-list > li span, #markupGroup #ms-agencies.ms-container .ms-list > li span {width: 100%;position: relative;}
#creditCardCheckGroup #ms-agencies.ms-container .ms-list > li span.havegr, #markupGroup #ms-agencies.ms-container .ms-list > li span.havegr {background-color: #98CAFF;}
#creditCardCheckGroup #ms-agencies.ms-container .ms-selection .ms-list > li span.havegr.tsel, #markupGroup #ms-agencies.ms-container .ms-selection .ms-list > li span.havegr.tsel {background-color: #41A317;}
#creditCardCheckGroup #ms-agencies.ms-container .ms-list > li span i, #markupGroup #ms-agencies.ms-container .ms-list > li span i {position: absolute;right: 5px;top: 8px;}
#creditCardCheckGroup #ms-agencies.ms-container .ms-list > li span i.remove, #creditCardCheckGroup #ms-agencies.ms-container .ms-list > li span i.change, #markupGroup #ms-agencies.ms-container .ms-list > li span i.remove, #markupGroup #ms-agencies.ms-container .ms-list > li span i.change {position: absolute;right: 20px;top: 8px;}
#creditCardCheckGroup #ms-agencies.ms-container .ms-selection .ms-list > li span.havegr, #markupGroup #ms-agencies.ms-container .ms-selection .ms-list > li span.havegr {background-color: orange;}
#creditCardCheckGroup #ms-agencies.ms-container .ms-selectable .ms-list > li span.havegr.tsel, #markupGroup #ms-agencies.ms-container .ms-selectable .ms-list > li span.havegr.tsel {background-color: #C35817;color:#FFF;}
#creditCardCheckGroup #ms-agencies.ms-container .ms-selectable .ms-list > li span.havegr.tsel i.remove, #markupGroup #ms-agencies.ms-container .ms-selectable .ms-list > li span.havegr.tsel i.remove {display: block;}
#creditCardCheckGroup #ms-agencies.ms-container .ms-selection .ms-list > li span.havegr:not(.tsel) i.change , #markupGroup #ms-agencies.ms-container .ms-selection .ms-list > li span.havegr:not(.tsel) i.change {display: block;}


.farepopup .popover-content {width: 100%;}
.boolean.fa-check-circle, .boolean.fa-user-shield, .boolean.fa-user-lock {font-size: 22px;color:green;}
.boolean.fa-times-circle, .boolean.fa-user-times {font-size: 22px;color:red;}
.boolean.fa-hourglass-half {font-size: 22px;color:gray;}
.boolean.fas.fa-briefcase {font-size: 22px;color:green;}
.badge.badge-primary {background-color: #21a9e1;color: #fff;}
.note-group-select-from-files {display: none;}
#messages-list .fa-info-circle {font-size: 18px;color: green;}
#messages-list .fa-exclamation-circle {font-size: 18px;color: orange;}
#messages-list .fa-exclamation-triangle {font-size: 18px;color: red;}
#messages-list .fa-tools {font-size: 18px;color: #5bc0de;}
#pnrschedule-list td.pnrscheduledes i {font-size: 16px;padding-right: 10px;}
#bookingSearchForm .syncdate {font-size: 10px;white-space: nowrap;letter-spacing: -0.8px;}
#bookingSearchForm .syncdate i {font-size: 10px;padding-right: 5px;float: inherit;}
#bookingSearchForm i.fa-calendar-plus {font-size: 16px;float: inherit;}

#agency_hierarchy .agvld-0 span {background-color: red;color: white;padding: 5px;}
#agency_hierarchy .ag-lnk {font-size:18px;padding-left:5px;}
#agency_hierarchy.list-group.list-group-root {padding: 0;overflow: hidden;}
#agency_hierarchy.list-group.list-group-root .list-group {margin-bottom: 0;}
#agency_hierarchy.list-group.list-group-root .list-group-item {border-radius: 0;border-width: 1px 0 0 0;}
#agency_hierarchy.list-group.list-group-root > .list-group-item:first-child {border-top-width: 0;}
#agency_hierarchy.list-group.list-group-root > .list-group > .list-group-item {padding-left: 30px;}
#agency_hierarchy.list-group.list-group-root > .list-group > .list-group > .list-group-item {padding-left: 45px;}
#agency_hierarchy.list-group.list-group-root > .list-group > .list-group > .list-group > .list-group-item {padding-left: 60px;}
#agency_hierarchy.list-group.list-group-root > .list-group > .list-group > .list-group > .list-group-item {padding-left: 75px;}
#agency_hierarchy.list-group.list-group-root > .list-group > .list-group > .list-group > .list-group > .list-group-item {padding-left: 90px;}
#agency_hierarchy.list-group.list-group-root > .list-group > .list-group > .list-group > .list-group > .list-group > .list-group-item {padding-left: 105px;}
#agency_hierarchy.list-group i.fa {margin-right: 5px;}
#flightSearchForm .btn i.fa {padding-left: 5px;}
.histlist .histhead {background-color: #DDD;margin-top:5px;}
.histlist .histhead, .history-container .row {border-left: 1px solid #CCC;box-shadow: 3px 3px 5px #ccc;box-shadow: 3px 3px 5px #ccc;}
.histlist .histhead, .history-container.row {border-bottom: 1px solid #CCC;border-right: 1px solid #CCC;box-shadow: 3px 3px 5px #CCC;}

.history-container .row:nth-child(even) {background-color: #f1f1f1;}
.history-container .row:nth-child(odd) {background-color: #FFF;}
.history-container .row i.fa {padding-left:5px;float: right;cursor: pointer;}
.history-container .row:nth-child(even):hover, .history-container .row:nth-child(odd):hover {background-color: #CCC;cursor: pointer;}
.history-container {max-height: 200px;overflow: auto;clear: both;}
#ms-creditCards li i.fa {color:green;margin-top: 5px;}
span.bookid {font-size: 18px;font-weight: normal;font-style: normal;}
@media all and (max-width: 768px) {
	#flightSearchForm .air-search, #flightSearchForm .clearbtn, #flightSearchForm .air-history, #flightSearchForm .air-es-link {width: 100%;margin: 3px 0px;}
	#flightSearchForm .air-search {margin-top:10px;}
	
	#flt-history .row.histhead {display: none;}
	#flt-history .row.history-container {margin-top: 5px;border-top:1px solid #CCC;}
}

@media (max-width: 767px) {
  .hidden-sm-down {display: none !important;}
  .pnr-recap div {display: block;}
}
#booking-list .cashstatus .label {float: right;}
#booking-list i.tasfcashed {float: right;margin-right: 5px;}

div.form-menu>a.list-group-item {
 float: left;
  background: inherit;
  border: 0;
}
div.form-menu > a.list-group-item.active {
  text-decoration-line: underline;
}

.booking-recap .form-group.row {margin-bottom: 0px;}
.booking-recap .payrecap {text-align: right;}
#tasf-cash .payrecap {line-height: 20px;}
#tasf-cash .paydata {padding-top: 0px;padding-bottom: 0px;}
#tasf-cash .paydata div.paycotainer {margin-bottom: 0px;}
.admin-panel .update-control span.badge {margin-left: 10px;font-size: 14px;padding: 6px 8px;}
.admin-panel .update-control a.reload-btn {margin-top: -7px;}
.input-combobox, .input-combobox .custom-combobox .custom-combobox-input {width: 100%;}
.input-combobox .custom-combobox {width: 100%;padding-right: 2em;}
.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card-body {-ms-flex: 1 1 auto;flex: 1 1 auto;min-height: 1px;padding: 1.25rem;}
.card-header {padding: 0.5rem 0.25rem;margin-bottom: 0;background-color: rgba(0, 0, 0, 0.03);border-bottom: 1px solid rgba(0, 0, 0, 0.125);}
.card-header:first-child {border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;}

.card ul {list-style: none;padding-left:5px;}
.card-body a {text-decoration: underline;}


label.route {width: 100%;}
.modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	width: 50%;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	    -ms-transform: translate3d(0%, 0, 0);
	     -o-transform: translate3d(0%, 0, 0);
	        transform: translate3d(0%, 0, 0);
}
.modal.right .modal-content {height: 100%;overflow-y: auto;}
.modal.right .modal-body {padding: 15px 15px 80px;}
.modal.right.fade .modal-dialog {
	right: -50%;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
	   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
	     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
	        transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right.fade.in .modal-dialog {right: 0;}


.cccont .selectboxit-container ul i.ccexp, .cccont .selectboxit span i.ccexp {background-color: red;}
.cccont .selectboxit-container ul i.fa, .cccont .selectboxit span i.fa {
	margin-left: 15px;
}
.cccont .selectboxit-container ul i.fa:before, .cccont .selectboxit span i.fa:before {
	font-family: "Font Awesome 5 Free";
	position: relative;
	font-weight: bolder;font-size: 14px;
}

.cccont .selectboxit-container ul i.fa:before {
	left: -21px;
    top: 8px;
}
.cccont .selectboxit span i.fa:before {
	left: -16px;
    top: 8px;
}

.cccont .fa.ccexp:before {color:red;}
.cccont .fa.ccval:before {color:green;}
.cccont .selectboxit-container .selectboxit-options, .cccont .selectboxit-container .selectboxit, .cccont .selectboxit-container {width: 100%!important;}
.cashmethod .cashrow {margin-bottom:15px;}
.emd-group {
	background-color: #EFEFEF;
    border: 1px solid #CCC;
    box-shadow: 3px 3px 5px #CCC;
    width: 100%;
    margin: auto;
    padding: 5px;
    margin-bottom: 20px;
}
.clp-ss div.form-group.emd-top {padding-bottom: 10px;}

div.form-group.emd-top .badge {padding: 7px 7px;font-size: 14px;}
div.form-group.emd-top .badge i.fa {font-size: 18px;padding-right: 6px;}
.emd-group .form-group {margin:0px!important;}
.site-footer .row, footer .row {margin-right: 0px;margin-left: 0px;}
.mkinfo {cursor: pointer;}
#mkdesc {padding:0px;font-size: 11px;line-height: 11px;}
#mkdesc .mkrule {margin-bottom: 5px;}
#mkdesc .panel-title {font-size: 12px}
#mkdesc .panel-heading {padding: 5px 7px;}
#mkdesc .row label {font-weight:bolder;}
#mkdesc .panel-body .label {padding: .5em .6em .3em;font-size: 80%;}
#mkdesc .boolean.fa-check-circle, #mkdesc .boolean.fa-user-shield {font-size: 12px;margin-left:10px;}
.ui-widget button.ui-dialog-titlebar-close {font-family: "Font Awesome 5 Free";height: 20px;font-size: 0.8em;}
.ui-widget button.ui-dialog-titlebar-close:before {content: "\f00d";}
.ui-widget-overlay {background: #000;opacity: .5;filter: Alpha(Opacity=.5);}
.booking-detail ul.agnote {list-style-type: none;margin: 0;padding: 0;}

#bookingSearchForm .table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    line-height: 23px;
    padding-left: 3px;
}

.dropdown.currency li a {text-transform: capitalize;} 

@media all and (min-width: 241px) and (max-width: 480px) {
	#bookingSearchForm th:nth-child(1), #bookingSearchForm td.col-sm-1:nth-child(1),
	#bookingSearchForm th:nth-child(7), #bookingSearchForm td:nth-child(7),
	#bookingSearchForm th:nth-child(2), #bookingSearchForm td:nth-child(2),
	#bookingSearchForm th:nth-child(5), #bookingSearchForm td:nth-child(5),
	#bookingSearchForm th:nth-child(6), #bookingSearchForm td.col-sm-1:nth-child(6),
	#bookingSearchForm th:nth-child(8), #bookingSearchForm td:nth-child(8),
	#bookingSearchForm th.sorting:nth-child(9), #bookingSearchForm td.text-right.cashstatus:nth-child(9){display: none;}
	#site-content .row .col-sm-12 .container-wrapper .container .recap-segments .row .col-sm-3 label {display: block !important;font-weight: bold;margin: 0px;font-size: 14px!important;}
	#site-content .row .col-sm-12 .container-wrapper .container .recap-segments label {font-size: 14px;display: inline;}
	#site-content .row .col-sm-12 .container-wrapper .container #bookingModifyForm label {display: inline;}
	#travelers .book-recap-cash .form-group > div, 
	#travelers .book-recap-passenger > .panel-collapse > .panel-body > .panel-group > div.form-group, 
	#travelers .book-recap-passenger > .panel-collapse > .panel-body > div:last-child > div:nth-child(1) .form-group > div > div,
	#travelers .book-recap-passenger > .panel-collapse > .panel-body > div:last-child > div:nth-child(3) .form-group  > div >  div{font-size: 14px; display:inline; padding-right: 0px;}
	#bookingModifyForm .book-recap-cash .form-group div, .book-recap-passenger .form-group div {font-size: 14px;}
	#bookingModifyForm ul, #bookingModifyForm li {list-style-type: none;word-wrap: break-word}
	
}

@media all and (min-width: 481px) and (max-width: 896px) {
	#bookingSearchForm .panel-body div:nth-child(4),
	#bookingSearchForm .panel-body div:nth-child(3),
	#bookingSearchForm .panel-body div.col-md-2:nth-child(1),
	#bookingSearchForm .panel-body .row:nth-child(2){display: none;}
	#bookingSearchForm th:nth-child(6), #bookingSearchForm td.col-sm-1:nth-child(6),
	#bookingSearchForm th:nth-child(8), #bookingSearchForm td:nth-child(8),
	#bookingSearchForm th.sorting:nth-child(9), #bookingSearchForm td.text-right.cashstatus:nth-child(9){display: none;}
	#bookingSearchForm .table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {font-size: 12px;}
	
	#site-content .row .col-sm-12 .container-wrapper .container .recap-segments .row .col-sm-3 span {font-size: 18px!important;}
	#site-content .row .col-sm-12 .container-wrapper .container .recap-segments .row .col-sm-3 label {display: block !important; font-weight: bod; margin: 0px; font-size: 14px!important; }
	#site-content .row .col-sm-12 .container-wrapper .container .recap-segments .row {margin-bottom: 10px;}
	#site-content .row .col-sm-12 .container-wrapper .container .form-horizontal .form-group {margin-right: 0px; margin-left: -5px;}
	#site-content #flightPriceForm .paydetail {min-height: 0px;}
	#site-content .row .col-sm-12 .container-wrapper .container .recap-segments label {font-size: 14px;display: inline;}

	#travelers .book-recap-cash .pay-data-view .form-group > div{float:left; font-size:16px;}
	#travelers .book-recap-cash .pay-data-view .form-group > div label{font-size:14px;}
	#travelers .book-recap-cash .form-group > div, 
	#travelers .book-recap-passenger > .panel-collapse > .panel-body > .panel-group > div.form-group, 
	#travelers .book-recap-passenger > .panel-collapse > .panel-body > div:last-child > div:nth-child(1) .form-group > div > div,
	#travelers .book-recap-passenger > .panel-collapse > .panel-body > div:last-child > div:nth-child(3) .form-group  > div >  div{font-size: 14px;display:inline;padding-right: 0px;}
	#travelers .book-recap-passenger > .panel-collapse > .panel-body > .form-group > div{display: inline;}
	#notes .book-recap-passenger > .panel-collapse > .panel-body > .form-group > div > div{display: inline;}

	.pnr-recap .logo {width: 115px!important;}
	#site-content .row .col-sm-12 .container-wrapper .container .pnr-recap div {font-size: 14px;}
	#site-content .row .col-sm-12 .container-wrapper .container .well label {font-size: 14px;display: inline; font-weight: bold;padding-right:5px;}
	#bookingModifyForm ul, #bookingModifyForm li {list-style-type: none;word-wrap: break-word}
}
.blink_me {
  animation: blinker 1s linear infinite;
  color:red;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.pthead.form-group.ms-gara {margin-bottom: 15px;padding: 10px 15px;}
.checkbox .cr, .radio .cr {position: relative;display: inline-block;border: 1px solid #a9a9a9;border-radius: .25em;width: 1.3em;height: 1.3em;margin-right: .5em;background-color: white;margin-top:5px;color: #222;}
.radio .cr {border-radius: 50%;}
.checkbox .cr .cr-icon,.radio .cr .cr-icon {position: absolute;font-size: .8em;line-height: 0;top: 50%;left: 20%;}
.radio .cr .cr-icon {margin-left: 0.04em;}
.checkbox label input[type="checkbox"],.radio label input[type="radio"] {display: none;}
.checkbox label input[type="checkbox"] + input + .cr > .cr-icon,.radio label input[type="radio"] + input + .cr > .cr-icon {transform: scale(3) rotateZ(-20deg);opacity: 0;transition: all .3s ease-in;}
.checkbox label input[type="checkbox"]:checked + input + .cr > .cr-icon,.radio label input[type="radio"]:checked + input + .cr > .cr-icon {transform: scale(1) rotateZ(0deg);opacity: 1;}
.checkbox label input[type="checkbox"]:disabled + input + .cr,.radio label input[type="radio"]:disabled + input + .cr {opacity: .5;}
#clp-refine-prov li input[type="checkbox"] {vertical-align: middle;}
#clp-refine-prov li span {padding-left: 5px;}
#clp-refine-prov .tooltip .tooltip-inner {text-align: left;}
#clp-refine-prov .tooltip .tooltip-inner .tt-err {color:red;}
#clp-refine-prov .tooltip .tooltip-inner .tt-war {color:yellow;}

.pg.btn .desc {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.pg.btn.btn-success:after {color: #FFF;}
.pg.btn:after {display: block;content: "\f054";position: absolute;right: 15px;margin-top: -11px;top: 50%;font-size: 25px;height: 22px;width: 14px;color: #999;}

.air-payment .btn span {padding-right: 10px;padding-left: 10px;}
.air-payment .btn span span {font-size: 18px;padding: 0px;}
.air-payment .btn span span span {font-size: 20px;}
.air-payment .btn i.fa {font-size: 20px;}
.air-payment .pgamount, .air-payment #_pcash, .air-payment .pgpartial .input-group-addon {font-size: 18px;color:green;}
.air-payment .pgpartial .input-group-addon {background-color: #fff;}
.air-payment .pgfee, .air-payment .ppfee {font-size: 16px;color:#999;padding-top: 7px;padding-left: 0px;font-weight: bold;}
.air-payment .pgfee, .air-payment .ppfee:before {content:"+";padding-right: 0.1em;}
.air-payment .ppinput {margin-left:-15px;}
.air-payment .sep {margin: 15px 0px;color: #999;}
.air-payment .ppbutton {margin-top: 10px;}
.paybox {background-color: #eeeeee;padding: 20px;}
.paybox p {color:#555;}
.book-recap-merchant .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {background-color: #eee;}
.pgpartial .ppbutton span span.pplabel {font-size: 14px;padding-right: 5px;}
.air-payment .ppmsg {margin-top:10px;}
.air-payment .ppmsg i.fa {margin-right:5px;}
.cfgmsg i {padding:0px 5px;}
#supportchat {font-size: 14px;}
#booking-list .chat-popinfo {font-size: 12px;}
#booking-list .chat-popinfo, #supportchat i {position: relative;}
#booking-list .chat-popinfo sup, #supportchat i sup {background-color: #28a745;color:#FFF;font-weight: bolder;font-size: 90%;padding: 3px 6px;border-radius: 10px;height: 16px;position: absolute;right: -10px;line-height: 10px;}
#booking-list .chat-popinfo sup {padding: 1px 4px; height: 14px; right: -6px; top: -2px;}  
#booking-list .linestrike {text-decoration: line-through;}

li.b2c {margin-right:10px;}
li.b2c span a {color: #FFF;}
li.b2c span a i {font-size: 16px;}
.flight-final .final-header {font-size: 20px;}
.flight-final .final-header p span {font-weight: bolder; }
.flight-final p {color: #444;}
.flight-final .final-body {font-size: 16px;}
.flight-final .final-body p a {font-size: 20px;text-decoration: underline;color: #337ab7;}
p.paypal-body, p.paypal-footer {font-size: 16px;color: #444;}
p.paypal-header strong {font-size: 22px;}

.history-segments {
    border-left: solid 5px #ffb347;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.history-segments h4 {
    text-transform: uppercase;
    color: #55a1db;
    font-size: 14px;
    font-weight: bold;
}
.history-segments div label {
    width: 100%;
    font-weight: normal;
    font-size: 13px;
}
.history-segments div label span {
    font-size: 16px;
}
.history-segments .changed {border:3px solid yellow}
.history-segments .row.segment.segnew {background-color: #98FB9866;position: relative;padding-top: 10px;}
.history-segments .snew {position: absolute;left: 0;top: 0;}
.history-segments .row.segment.changed-del {
	padding-top: 10px;
    background: linear-gradient(to top left, rgba(255,0,0,0) 0%, rgba(255,0,0,0) calc(50% - 2.8px), rgba(255,0,0,1) 50%, rgba(255,0,0,0) calc(50% + 2.8px), rgba(255,0,0,0) 100%), linear-gradient(to top right, rgba(255,0,0,0) 0%, rgba(255,0,0,0) calc(50% - 2.8px), rgba(255,0,0,1) 50%, rgba(255,0,0,0) calc(50% + 2.8px), rgba(255,0,0,0) 100%);
    background-color: #CCC;
    color: #444;
    border: 1px solid #ff5500;
    box-shadow: 2px 2px 5px #ff0000;
}
.history-segments .row.history {
	border: 1px solid #CCC;
    padding: 5px;
    padding-bottom: 15px;
    box-shadow: 2px 2px 5px #444;
    margin-top: 10px;
    margin-right: 10px!important;
    background-color: #efefef;
}

.history-segments .row.segment {
    border: 1px solid #888;
    padding: 10px 0px;
    box-shadow: 2px 2px 5px #888;
    border-radius: 8px;
    margin-top: 10px;
    margin-right: 5px!important;
    background-color: #fff;
    opacity: 0.75;
}

.ui-state-disabled.ui-autocomplete-category {color:#444;font-weight: bolder;opacity: 1;}

a.air-show-segmenthistory[aria-expanded=true] .fa-plus-circle {
   display: none;
}
a.air-show-segmenthistory[aria-expanded=false] .fa-minus-circle {
   display: none;
}
.airitinerary .dataall.input-group {display: block;margin-right: 20px;}
.airitinerary .dataall.input-group .custom-combobox {width: 99%;}
.airitinerary .dataall.input-group .custom-combobox input {width: 100%;}
a.btn-comboall {
	position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -16px;
    margin-left: -1px;
    border: 1px solid #c5c5c5;
    background-color: #FFF;
    padding: 5px 10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
a.btn-comboall[disabled] {
	background-color: #EEE;
}
.airitinerary  .custom-combobox-input[readonly] {
    background-color: #eee;
    opacity: 1;
    color: #888;
}

@media all and (max-width: 896px) {
#topbar .nav li {float: left;}
/* #topbar .nav li.dropdown.open {width: 100%;} */
#topbar .navbar-nav>li>a {padding-top: 2px;padding-bottom: 2px;line-height: 25px;}
#topbar .navbar-nav {margin: 0px -15px;}	
}



.tab-seats div.seatCharts-container {padding: 20px;float: left;/*min-width: 400px;*/}
.tab-seats .front-indicator {width: auto;margin: 5px 0px 15px 37px;background-color: #f6f6f6;color: #8d8d8d;text-align: center;padding: 3px;border-radius: 5px;}
.tab-seats div.seatCharts-row {height: 35px;}
.tab-seats div.seatCharts-cell {height: 16px;width: 16px;margin: 3px;float: left;text-align: center;outline: none;font-size: 13px;line-height: 16px;color: blue;}
.tab-seats div.seatCharts-space {background-color: white;}

.tab-seats div.seatCharts-seat {background-color: #CCC;color: white;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;cursor: default;}
.tab-seats div.seatCharts-cell {color: #182C4E;height: 25px;width: 35px;line-height: 25px;}
.tab-seats div.seatCharts-seat {color: #FFFFFF;cursor: pointer;position: relative;}
.tab-seats div.seatCharts-seat.available {background-color: green;border-bottom: 5px solid #005200;border-left: 5px solid #005200;border-right: 5px solid #005200;}
.tab-seats div.seatCharts-seat.selected {background-color: #f5c211;border-bottom: 5px solid #D7A400;border-left: 5px solid #D7A400;border-right: 5px solid #D7A400;background-image: url(/resources/images/service/PreReservedSeatAssignment.png);background-size: 22px 22px;background-repeat: no-repeat;padding-left: 10px;padding-top: 0px;}
.tab-seats div.seatCharts-seat.available.legspace {height: 29px;border-top:5px solid green;}
.tab-seats div.seatCharts-seat.unavailable.legspace {height: 29px;border-top:5px solid #888;}
.tab-seats div.seatCharts-seat.reserved.legspace {height: 29px;border-top:5px solid #337ab7;}

.tab-seats div.seatCharts-seat.unavailable {background-color: #888888;cursor: not-allowed;border-bottom: 5px solid #444;border-left: 5px solid #444;border-right: 5px solid #444;}
.tab-seats div.seatCharts-seat.reserved {background-color: #337ab7;border-color:#1e486b; background-image: url(/resources/images/service/PreReservedSeatAssignment.png);
    background-size: 22px 22px;
    background-repeat: no-repeat;
    padding-left: 10px;
    padding-top: 0px;}
.tab-seats div.seatCharts-seat.deleted {background-color: #FF0000;border-color:#1e486b; background-image: url(/resources/images/service/PreReservedSeatAssignment.png);
    background-size: 22px 22px;
    background-repeat: no-repeat;
    padding-left: 10px;
    padding-top: 0px;}
.tab-seats div.lw {position:relative;float: left;border-right: 4px solid #444;height: 35px;width: 35px;}
.tab-seats div.rw {position:relative;float: left;border-left: 4px solid #444;height: 35px;width: 35px;}
.tab-seats div.seatCharts-row.exit div.seatCharts-cell {margin-top: 3px;}
.tab-seats div.seatCharts-row.bassinet {height:50px!important;}
.tab-seats div.seatCharts-row.bassinet div.lw, .tab-seats div.seatCharts-row.bassinet div.rw {height:50px!important;}
/* .tab-seats div.lw.exit,.tab-seats div.rw.exit {height: 50px;padding-top: 25px;} */
.tab-seats .lexit {position: absolute;top: -4px;left: 16px;font-size: 22px;background-color: white;}
.tab-seats .rexit {position: absolute;top: -4px;right: 16px;font-size: 22px;background-color: white;}
.tab-seats div.seatCharts-row.wing div.wing {background-color: #444;}
.tab-seats div.fwing div.lw.wing {position: relative;overflow: hidden;width: 35px;height: 35px;background-color: inherit;}
.tab-seats div.fwing div.lw.wing .fwing {height: 100%;width: 300%;transform: rotate(-41deg);background-color: #444;}
.tab-seats div.fwing div.rw.wing {position: relative;overflow: hidden;width: 35px;height: 35px;background-color: inherit;}
.tab-seats div.fwing div.rw.wing .fwing {height: 100%;width: 300%;transform: rotate(41deg) translate(-17px,42px);;background-color: #444;}

.tab-seats div.seatCharts-seat .bassinet {position: absolute;color: white;background-color: green;width: 25px;height: 20px;font-size: 12px;top: -25px;left: 0px;}
.tab-seats div.seatCharts-seat.reserved .bassinet {background-color: #337ab7;}

.tab-seats div.seatCharts-seat .handicap {position: absolute;background-color: blue;margin-bottom: 2px;border-radius: 10px;top: -9px;right: -7px;width: 18px;font-size: 12px;height: 22px;}
.tab-seats .popover .seatpopup h4 {background-color: #888;color:white;padding: 5px;margin-top:0px;}
.tab-seats .popover .seatpopup {background-color: #f5f5f5;border: 1px solid #ccc;border-radius: 4px;}
.tab-seats .popover .seatpopup .row div {padding:5px 0px!important;}
.tab-seats .popover .seatpopup .row .amount {font-size: 18px;color: green;} 

.seat-tra-seat.strike, .seat-tra-amount.strike, .seat-tra-currency.strike {text-decoration: line-through;}
.seat-tra-btn.strike .seat-tra-delete {display: none;}
.seat-tra {margin: 5px 0px;padding: 10px;border: 1px solid #CCC;background-color: #FFF;cursor: pointer;}
.seat-tra.tra-selected {background-color: #D7A400;color: white;}


.seat-tra.tra-selected .seat-tra-seat span, .seat-tra.tra-selected .seat-tra-amount .amount, .seat-tra.tra-selected .seat-tra-amount .currency {color: white;}
.seat-tra-amount {font-size: 120%;}
.seat-total, .seat-difference {text-align: right;}
.seat-tra-btn a {margin: 2px 2.5px;}
.seat-tra-amount {padding: 0;margin: 0;text-align: right;}
.seat-tra-amount .amount {font-size: 20px;color: #888;}
.seat-tra-amount .currency {font-size: 16px;color: #888;} 
.seat-tra-ide {font-weight: bold;margin-bottom:10px;}
.seat-tra-seat span {font-size: 20px;font-weight: bolder;color: #888;}
.seat-seg-date {font-size: 95%;color: #888;padding:0px;}
span.seat-tit-seats {font-weight: bolder;position: absolute;top: 10px;right: 10px;}
.seat-seg .panel-heading {padding: 0px;}
.seat-seg .panel-heading a {padding: 10px;}
#seat-save {padding:0;}
.seat-tra-save {width: 100%;margin:10px 0px;}

.agcredit {padding:5px;font-size: 14px;color: #444;}
.agcreditpos {color: green;}
.agcreditneg {color: red;}
#creditMovementRechargeForm .pabutton span span {font-size: 20px;font-weight: bolder;}
#flightPriceForm #clp-warning .panel-body {max-height: 300px;overflow: scroll;}

.label-failed {background-color: #555555;color: #fff;}
.btn.btn-failed {background-color: #555555;color: #fff;}
.btn-failed {background-color: #555555;border-color: #444444;color: #fff;-moz-transition: all 350ms;-webkit-transition: all 350ms;-o-transition: all 350ms;transition: all 350ms;}
.btn-failed:hover {color: #444444;}

.text-red{color: red;}

.fsrname {display: inline;cursor: pointer;}
.fsrname i {display:none;}
.fsrname.sel i {display:initial;}

#collapse-fsr .panel-body {padding:0px;}
.fsrcheck {font-size: 16px;padding-right: 5px;}


#flightSearchForm .nav-tabs>li.active>a, #flightSearchForm .nav-tabs>li.active>a:focus, #flightSearchForm .nav-tabs>li.active>a:hover {background-color: #f5f5f5;}
#flightSearchForm .err-msg.tohide {display: contents;}
table.table-bordered.dataTable tbody td i[class*="fa"].tdur {font-size: 14px;padding: 0px;margin-bottom: 4px;}
.brand-detail .bfroutes{color:#cd0005;padding-left: 15px;font-size: 15px;}
#vendorPrefs .select2-container--disabled .select2-selection {background-color: #eee;cursor: not-allowed;} 
#churning-list ul {width:100%;}
#churning-list ul li {display:flex;line-height: 100%;}
.optionpin.checked {color:green;}
.optionpin {cursor: pointer;color:#BBB;}


#flt-tbl .table.table-bordered.dataTable > tbody:nth-of-type(2n+1) >tr {background-color: #e9e9e9;}
tbody::after {content: '';display: block;height: 2.3em;}
table.table-bordered > tbody > tr:last-child > td{border-bottom: 1px solid #ddd;}
table.table-bordered > tbody > tr > td:last-child {border-bottom: 1px solid #ddd;}
.table > tbody + tbody > tr {border-top: 2px solid #ddd;background-color: #fff;}
.table > tbody > tr:nth-last-child(1) {box-shadow: 1px 6px 8px #626262dd !important;}
#flight-list thead {background-color: #ddd;}
#flight-list .flt_price {box-shadow: 2.5px 1px 3px #818181dd;position: relative;}
.table-striped tbody > tr:nth-last-child(1) {box-shadow:0 0 #fff !important}
.table-striped tbody::after {display:none}
.btn_alt {margin-left: 4px;padding: 2px;position: absolute;bottom: 5px;font-size: 12px;}
.btn_alt i {font-size: 12px!important;}
.f-group {cursor: pointer;font-size: 18px;padding: 0px 5px;color: #fff;}
.f-group-sel {background-color: #f0ad4e;border-color: #eea236;}
.f-group-sel:hover {background-color: #ec971f;border-color: #d58512;}
#user .boolean.fa-times-circle, #user .boolean.fa-check-circle {font-size: 18px;}
#ms-gdsAccessAgencies ul li.disabled {color: #888;}

#flightListForm tbody tr.odd.fopt td { border-top: 10px solid #f4f4f4cc;}
#flightListForm tbody tr.odd.fopt {box-shadow: 1px -9px 10px -2px rgb(0 0 0 / 15%);}
div.lowcost {width: 10px;height: 10px;background-color: #abb96e;border-radius: 8px;position: absolute;top: 2px;left: 0px;z-index: 2;}
.airlogo img.market {width: 30px;height: 30px;background-color: #ffffff77;border: 1px solid #dedede;border-radius: 50%;padding: 2px;margin: 3px 1.5px;}


.modal-open .ui-autocomplete {z-index: 1051!important;}
#exchange {max-height: 90%;}
#exchange .modal-dialog {width: 99%;}
#exchange .modal-dialog .dataTables_wrapper {position: relative;}
#exchange .modal-dialog .wait-recap {margin-right: auto;position: absolute;width: 100%;z-index: 1050;top: 0px;min-height: 100%;background-color: #f46d3b;}
#exchange .swait {text-align: center;font-size: 16px;font-size: 16px;padding-top: 50px;color: #FFF;}
#flight-list.blur {-webkit-filter: blur(3px);-moz-filter: blur(3px);-o-filter: blur(3px);-ms-filter: blur(3px);filter: blur(3px);background-color: #ccc;}

#exchange button.close {position: absolute;right: -13px;background-color: #FFF;border-radius: 18px;top: -15px;padding: 5px 8px;opacity: 1;border: 1px solid #aaa;z-index: 1055;}
#exchange a.linkback {cursor: pointer;}
#exchange a.active {font-weight: bolder;color: #444;}
.margintop10 {margin-top: 10px!important;}
#loginForm #eye {display:none;position: absolute;right: 5px;top: 50px;cursor: pointer;}
.book-recap-cash span img.pay100 {width: 100px;}
--div.checklist {padding:40px;}
#v_list {overflow-y: scroll;height: 350px;}
#v_list li {padding: 5px 10px;margin-bottom: 5px;list-style: none;background-color: #f5f5f5;border-radius: 0px;box-shadow: 3px 1px 3px #ccc;-webkit-box-shadow: 3px 1px 3px #ccc;}

.fmatrix .np-btn-cnt {position:absolute;top:50%;transform: translateY(-50%);right:0;padding: 0;display:inline-flex;width:100%;justify-content:space-between;align-items:center;}

.fmatrix span.horizzontal {display: block;position: relative;padding: 5px;border: 1px solid #ddd;border-bottom: none;background: #f2f2f2;width: 100%;text-align: center;}
.fmatrix .preTemp {max-height: 261px;display: flex;flex-wrap: nowrap;width: 100%;margin: 0;padding: 0;}
.fmatrix span.vertical {position: relative;text-align: center;rotate: -180deg;writing-mode: vertical-rl;white-space: nowrap;max-width: 30px;border: 1px solid #ddd;border-left: none;background: #f2f2f2;height: 100%;padding: 5px;}
table.fmatrix thead > th {border-bottom: none;}
table.fmatrix tbody::after {display: none;}
table.fmatrix tbody > tr:nth-last-child(1) {box-shadow: none !important;}
table.fmatrix.table-bordered.dataTable th {border-bottom: 1px solid #ddd;}
table.fmatrix.table-bordered.dataTable td:last-child {border-right: 1px solid #ddd;}
table.fmatrix.table-bordered.dataTable td.price.selected {border-width: 2px !important;border-color: #337ab7;}
.btm-cnt {display: inline-flex;width: 100%;justify-content: space-between;align-items: baseline;column-gap: 1em;margin-bottom: 12px;padding: 6px 10px 6px 10px;border-bottom: 1px solid #ddd;}

.legend {display:inline-flex;justify-content: flex-start;align-items: center;}
.legend .title{width: 80px;}
.legend .square {display:inline-flex;align-items: center;padding: 0 0.5em;}
.legend .square span{width: 22px;height: 22px;margin-right:8px;border:1px solid #ddd;border-radius: 50%;background-color: transparent;}
.legend .square.first span{background-color: rgb(196,226,198);}
.legend .square.second span{background-color: rgb(254,223,179);}
.legend .square.third span{background-color: rgb(236,180,179);}

@media all and (min-width: 241px) and (max-width: 896px) {
section.fmatrix{display: block; overflow-x: auto;}
.fmatrix table.table-bordered.dataTable tbody td {padding-right: 3px;font-size: 10px;}
.fmatrix table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {line-height: 20px;padding-left: 3px;padding-right: 8px;font-size: 10px;}
.fmatrix table.table>thead:first-child>tr:first-child>th {line-height: 20px;padding-left: 3px;padding-right: 3px;font-size: 10px;}
.fmatrix table tbody th, .fmatrix table tbody td {height: 50px;max-width: 60px;overflow: hidden;text-overflow: clip;white-space: nowrap;padding: 0;margin:0; font-size: 12px;}
.fmatrix .mtx-market {margin-right:10px;}
.fmatrix .preTemp { max-height: 500px; }
}

@media all and (min-width:770px) and (max-width:1280px) {
.fmatrix table.table-bordered.dataTable tbody td, .fmatrix table.table-bordered.dataTable th {font-size:13px;white-space: nowrap;}
.fmatrix .legend {font-size: 13px;}
.fmatrix .selected {font-size: 12px;letter-spacing: 0.5px;}
}

@media all and (min-width:769px) and (max-width: 1024px) {
.fmatrix table.table-bordered.dataTable th {font-size: 11px;}
.fmatrix .legend {width:100%;}
}

@media all and (min-width:426px) and (max-width: 768px) {
.fmatrix table.table-bordered.dataTable tbody td {padding-right:unset;}
.fmatrix .btm-cnt {display: block; position: relative;}
}

@media all and (max-width: 425px) {
.fmatrix table thead th {max-width: 55px;min-width: 40px;white-space: pre-wrap;}
.fmatrix table tbody td, .fmatrix table tbody th {max-width: 55px;min-width: 40px;white-space: pre-wrap;}
.fmatrix .legend {justify-content: space-between;}
}

@media all and (max-width: 1024px) {
.fmatrix .btm-cnt {flex-wrap:wrap;}
}

@media all and (max-width: 769px) {
.fmatrix span.horizzontal {display: none;}
.fmatrix .vertical {display: none;}
}

#divMsg {height: 238px!important;}
.unslider {padding:0px!important;}
.carousel .item {margin:0px 30px;height: 220px;}
.user-list .export,.agency-list .export {margin-bottom: 10px;}
#clp-rules .rt {background-color: #CD7F32;padding: 4px;border: 1px solid #CD7F32;border-radius: 13px;color: white;}

i.noflex {color: white;border: 1px solid #ddd;border-radius: 10px;background-color:#f23322;padding: 5px;font-size: 11px;top: -8px;position: relative;}
#collapse-fsr .checkbox li a {padding-right: 5px;}
#swap-fmatrix {line-height: 34px;}


ul.eep li {list-style-type: none;border: 1px solid #ddd;border-radius: 0.25rem;background-color: #f8f9fa;padding: 1.5rem 0.5rem 0.5rem 0.5rem;margin-bottom: 1rem !important;}
ul.eep li button {margin: 0.25rem !important;float: right;}
.eeps.panel-default {border: none;}
.eeps .panel-body.eeplist {padding: 0px;padding-top: 10px;}
.externalsupplierstatus img, .gdsstatus img {width: 20px;}
.masterstatus a, .gdsstatus a, .externalsupplierstatus a {font-size: 8px!important;}
ul.suppliers {list-style: none;}
ul.suppliers li {padding: 10px 0px;}
ul.suppliers li span.name {margin-left:10px;}
ul.suppliers li img {margin-left:10px;width: 20px;height: 20px;}
.bagtt {font-size: 11px;text-align: left}
.bagtt hr {margin: 3px 0px;padding: 0px;}
.bagtt i {font-size: 15px!important;}

/* INFINITY SCROLL */
.horizzontal-scroll {border: 1px solid #ddd;border-radius: 4px; overflow-x: hidden;margin-bottom: 20px;}
.horizzontal-scroll .hs-cnt {width: 100%; padding: 5px 0;}
.horizzontal-scroll .hs-cnt:hover{animation-play-state: paused;}
.hs-cnt {display: inline-block;}
.hs-cnt.slow {animation: 45s infinityScroll infinite linear;}
.hs-cnt.medium {animation: 30s infinityScroll infinite linear;}
.hs-cnt.fast {animation: 15s infinityScroll infinite linear;}

@keyframes infinityScroll {
    from {transform: translateX(100%);}
    to {transform: translateX(calc(0px - 50%));}
}

.pre-line  {
white-space: pre-line;
}

.extpnr {background-color: lightgreen;border: 1px solid green;padding: 10px 0px;position: relative;}
.extpnr span.extlbl i {font-size: 23px;line-height: 28px;}
.extpnr span.extlbl {position: absolute;right: 10px;font-size: 12px;line-height: 28px;}

#extul  {width: 50%;margin: 10px;}
#extul li {
padding: 5px 10px;
margin-bottom: 5px;
list-style: none;
background-color: #f5f5f5;
border-radius: 0px;
box-shadow: 3px 1px 3px #ccc;
-webkit-box-shadow: 3px 1px 3px #ccc;
}
a.air-es-link {margin-inline: 10px;}
#ms-markupRuleList .ms-list > li span.disabled i {float: right;color: white;font-weight: bold;background-color: red;padding: 5px;border-radius: 10px;}
#ms-markupRuleList .ms-list > li span.disabled {width: 100%;position: relative;text-overflow: inherit;}

.flt_price .pricetype.lcc {position: absolute;right: 2px;background-color: #abb96e;color: white;padding: 2px 2px 0px 2px;border-radius: 10px;border: 1px solid black;top: 2px;font-size: 10px;line-height: 16px;font-weight: bolder;}
.flt_price .pricetype.ndc {position: absolute;right: 2px;background-color: #4863A0;color: white;padding: 2px 2px 0px 2px;border-radius: 10px;border: 1px solid black;top: 2px;font-size: 10px;line-height: 16px;font-weight: bolder;}
.flt_price .pricetype.gds {position: absolute;right: 2px;background-color: #8B8000;color: white;padding: 2px 2px 0px 2px;border-radius: 10px;border: 1px solid black;top: 2px;font-size: 10px;line-height: 16px;font-weight: bolder;}


.extpnr #extlist {overflow-y: auto;max-height: 300px;}
.time_cont {display: flex;}

.panel-default> .panel-heading .badge.badge-info {background-color: #21a9e1;color: #fff;}
.panel-default> .panel-heading .badge.badge-success {background-color: #00a651;;color: #fff;}
.ztime {font-size: 12px!important;}


.recap .creation {font-size: 13px;float: left;padding-right: 5px;line-height: 30px;}
.recap .creation.red{color:red;}
.recap .creation.orange{color:orange;}
.recap .creation.none{display: none;}