@charset "utf-8";
/* CSS Document */
:root {
    --main-bg-color: coral;
    --main-txt-color: blue; 
    --main-padding: 15px; 
}
html {
    position: relative;
    min-height: 100%;
}
.shadow-0{ box-shadow: none !important}
label{ font-weight: 500}
.sticky-ftr{ padding-bottom: 40px}
.btn{ font-size: 14px; font-weight: 500}
a:hover{ text-decoration: none}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{ box-shadow: none; outline: none}
.btn.focus, .btn:focus{ box-shadow: none !important}
.container-fluid{ clear: both}
.tooltip .tooltip-inner{ font-size: 10px;font-weight: 500}
.font-weight-medium{ font-weight: 500}
.font-weight-semibold{ font-weight: 600}
.align-item-top{ align-items:flex-start !important}
.line-height-1{ line-height: 1}
/*common class*/
.text-md-right{ text-align: right !important}
.d-block{ display: block}
.d-none{ display: none}
.border-primary{ border-color:#5a53c5 !important}
/* .btn-primary, */
 .bg-primary{ background: -moz-linear-gradient(45deg, #6051c0, #85439b) !important; background: -webkit-linear-gradient(45deg, #6051c0, #85439b) !important; background: linear-gradient(45deg, #6051c0, #85439b) !important; color: #fff !important; border-color: #6051c0 !important}
/* .btn-primary:hover, a.bg-primary:hover{ background: -moz-linear-gradient(-45deg, #6051c0, #85439b) !important; background: -webkit-linear-gradient(-45deg, #6051c0, #85439b) !important; background: linear-gradient(-45deg, #6051c0, #85439b) !important; color: #fff !important; border-color: #6051c0 !important} */
.btn-outline-primary{border-color: #85439b !important;font-size: 13px; color: #5a53c5 !important}
.btn-outline-primary:hover{ background: -moz-linear-gradient(45deg, #6051c0, #85439b) !important; background: -webkit-linear-gradient(45deg, #6051c0, #85439b) !important; background: linear-gradient(45deg, #6051c0, #85439b) !important; color: #fff !important; border-color: #6051c0 !important}
.text-primary{ color: #5a53c5 !important}
.font-weight-normal{ font-weight: 400 !important}
.text-black{ color:#333 !important}
* {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.be-content {
    position: relative;
    left: 0;
    margin-left: 60px;
    min-height: 100%;
	-webkit-transition: margin 0.2s ease; -moz-transition: margin 0.2s ease;    transition: margin 0.2s ease;
}
.m-aside-left--minimize-hover .be-content{ margin-left: 225px; -webkit-transition: margin 0.2s ease; -moz-transition: margin 0.2s ease;    transition: margin 0.2s ease;}


body{ background: #eaeef1; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 400; color: #001832; 	-webkit-font-smoothing: antialiased; font-smoothing: antialiased; -moz-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale; }
p{ line-height: 22px;}
.container{ max-width: 1340px}
.trackex-banner-img{ position: absolute; left: 0; top: 0; width: 100%; height: 300px; z-index: -1}
.trackex-banner-img img{ width: 100%;}
.trackex-theme{ position: relative; clear: both}
.wrapper-snipe *, 
.wrapper-snipe :after, 
.wrapper-snipe :before {    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;    outline: 0;   }
.trackex-header {  position: relative;    top: 0;    left: 0;    right: 0;    z-index: 9;    color: #333;     font-size: 13px;    line-height: 1;}
.trackex-header .navbar{ padding: 0}
.navbar-expand-md .navbar-nav .nav-item:not(.support) span{ display: inline-block; float: left; }
.navbar-expand-md .navbar-nav .nav-item:not(.support) img{ position: relative; top: 10px}
.navbar-expand-md .navbar-nav .nav-item .nav-link img{ display: inline-block; margin-right: .3rem; float: left}
.navbar-expand-md .navbar-nav .nav-item .nav-link{ text-transform: uppercase; font-weight: 500; color:#fff}
.navbar-expand-md .navbar-nav .nav-item:not(.support){ line-height: 36px}
.trackex-header .support span{ display: inline-block; text-transform: capitalize}
.trackex-header .support span span{ display: block; font-size: 23px; font-weight: 500}
.trackex-header .navbar-light{ background: rgba(0,0,0,0.4)}
/*flight-searching*/
.smooth-banner-transition {    -webkit-transition: all .2s ease;    -moz-transition: all .2s ease;    -ms-transition: all .2s ease;    -o-transition: all .2s ease;
    transition: all .2s ease;}
.tx-booking-engine-snipe {    color: #333;line-height: 1;}
.tx-booking-engine-snipe:after, .tx-booking-engine-snipe:before {    clear: both;    display: table;    line-height: 0;    content: "";}
.tx-booking-engine-snipe .be-container-snipe {    float: none;        margin: 0 auto;        position: relative;    top:auto;    left: 0;    right: 0;    z-index: 2;    -webkit-transition: all .2s ease;    -moz-transition: all .2s ease;    -ms-transition: all .2s ease;    -o-transition: all .2s ease;    transition: all .2s ease; margin: 1.2rem auto}
.tx-booking-engine-snipe .nav-tabs{ border: none;  display: inline-block}

.tx-booking-engine-snipe .nav-tabs .nav-item + .nav-item, .search-engine .nav-tabs .nav-item + .nav-item{ margin-left: 1.5rem}
.tx-booking-engine-snipe .nav-tabs .nav-link, .search-engine .nav-tabs .nav-link{ padding: 8px 10px; border:none; text-transform: uppercase; color: #151517; position: relative;font-weight: 500}
.tx-booking-engine-snipe .nav-tabs .nav-item.show .nav-link, .tx-booking-engine-snipe .nav-tabs .nav-item.active .nav-link, .search-engine .nav-tabs .nav-item.active .nav-link{ background: transparent;   }
.tx-booking-engine-snipe .nav-tabs .nav-item.active .nav-link, .search-engine .nav-tabs .nav-item.active .nav-link{ color: #5a53c5; font-weight: 600;  }
.search-engine .nav-tabs .nav-item.active .nav-link{border: none !important; box-shadow: none !important; background: transparent !important}
.tx-booking-engine-snipe .nav-tabs .nav-item.show .nav-link:before, 
.tx-booking-engine-snipe .nav-tabs .nav-item.active .nav-link:before, 
.search-engine .nav-tabs .nav-item.active .nav-link:before{ position: absolute; width: 100%; height: 3px; background: #5a53c5; content: ""; left: 0;bottom: 0}
.tx-booking-engine-snipe .nav-tabs .nav-item.show .nav-link:after, 
.tx-booking-engine-snipe .nav-tabs .nav-item.active .nav-link:after, 
.search-engine .nav-tabs .nav-item.active .nav-link:after{ top: 100%;	left: 50%;	border: solid transparent;	content: " ";	height: 0;
	width: 0;	position: absolute;	pointer-events: none;	border-color: rgba(136, 183, 213, 0);	border-top-color: #5a53c5;	border-width: 6px;	margin-left: -6px;}
.tx-booking-engine-snipe .be-container-snipe .journey-details {    width: 100%;     background: transparent;}
.tx-booking-engine-snipe .be-container-snipe .journey-details .multicity.CitySwap, 
.tx-booking-engine-snipe .be-container-snipe .journey-details .oneway-roundtrip.CitySwap {    position: relative;    clear: both; }
.tx-booking-engine-snipe .be-container-snipe .journey-details .multicity, 
.tx-booking-engine-snipe .be-container-snipe .journey-details .oneway-roundtrip {    float: left;    width: 100%;}
.tx-booking-engine-snipe .be-container-snipe .journey-details .multicity .form-control, 
.tx-booking-engine-snipe .be-container-snipe .journey-details .oneway-roundtrip .form-control, 
.tx-booking-engine-snipe .be-container-snipe .journey-details .btn.dropdown-toggle, .journey-details .multicity .form-control, 
.journey-details .oneway-roundtrip .form-control, .journey-details .btn.dropdown-toggle{ border-radius: 0; border: none; background: transparent; font-size: 13px; font-weight: 500; box-shadow: none}
.tx-booking-engine-snipe .be-container-snipe .journey-details .multicity .form-control:focus, 
.tx-booking-engine-snipe .be-container-snipe .journey-details .oneway-roundtrip .form-control:focus, 
.tx-booking-engine-snipe .be-container-snipe .journey-details .pax-details:focus{ box-shadow: none; outline: none}
.tx-booking-engine-snipe .be-container-snipe .journey-details .oneway-roundtrip .fields, .journey-details .oneway-roundtrip .fields{ background:#fff; border:solid 1px #d4d7dc; border-right: solid 1px #d4d7dc; }
.tx-booking-engine-snipe .be-container-snipe .journey-details .oneway-roundtrip .fields:last-child, .journey-details .oneway-roundtrip .fields:last-child{ border-right: none}
.tx-booking-engine-snipe .be-container-snipe .journey-details .oneway-roundtrip .fields .fields, .journey-details .oneway-roundtrip .fields .fields{ border-top: none; border-bottom: none}
.tx-booking-engine-snipe ::-webkit-input-placeholder {   color: #000;}
.tx-booking-engine-snipe ::-moz-placeholder {   color: #000;}
.tx-booking-engine-snipe :-ms-input-placeholder {   color:#000;}
.tx-booking-engine-snipe :-moz-placeholder {   color: #000;}
.tx-booking-engine-snipe .input-group-addon, .journey-details .input-group-addon{ border:none; background: transparent;}
.tx-booking-engine-snipe .be-container-snipe .journey-details .pax-details {    background:transparent;    box-sizing: border-box;    color: #333;
    float: left;    font-size: 1.14286em;    padding:0;    position: relative;      cursor: pointer; display: block; width: 100%; }
.tx-booking-engine-snipe .be-container-snipe .journey-details .pax-details .btn.dropdown-toggle, .journey-details .pax-details .btn.dropdown-toggle{ padding-left: 45px; text-align: left;height: 38px}
.tx-booking-engine-snipe .be-container-snipe .journey-details .pax-details .btn.dropdown-toggle img, .journey-details .pax-details .btn.dropdown-toggle img{ position: absolute; left: 12px; top: 10px}
.tx-booking-engine-snipe .be-container-snipe .journey-details .btn.dropdown-toggle{ color: #000; padding:.8rem 0}
.tx-booking-engine-snipe .be-container-snipe .journey-details .btn.dropdown-toggle:focus{ box-shadow: none}
.tx-booking-engine-snipe .be-container-snipe .journey-details .dropdown-toggle::after{ position: absolute; right: .6rem; top: 50%}
.txt-ellipses {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 90%;
}
.trips-icon-{ width: 20px}

/*tx-CommonOffer*/
.tx-CommonOffer .txCarousel{  border:solid 2px rgba(255,255,255,.7);  background: rgba(255,255,255,0.5); padding: .5rem 1rem; line-height: 1.1 } 
.tx-CommonOffer .txCarousel img{ display: inline-block; float: left; margin-right: 1rem}
.tx-CommonOffer .txCarousel span{ font-size:1.2rem;font-weight: 700;; display: block}


.fliter-box{ background: #fff; box-shadow:0 0 25px rgba(35,31,32,0.08); padding:0 1rem; box-sizing: border-box; font-size: 13px}
.fliter-box .accordion .btn i{  position: absolute; top: 11px; right: 3px; margin-right: .2rem; margin-top:0;  }
.fliter-box .accordion .btn:hover, .fliter-box .accordion .btn{ text-decoration: none}
.fliter-box .accordion .card-header .btn{ text-transform: uppercase; font-size: 13px; font-weight: 600}
.fliter-box .accordion .btn[aria-expanded="false"] i{ transform: rotate(180deg)}
.fliter-box .accordion .collapse .card-body{ border-top: 1px solid rgba(0,0,0,.125)}
.Low-Airfare h5{ font-size:13px; color: #666; margin-bottom: .2rem }
.Low-Airfare h3{font-weight: 600; text-transform: uppercase; font-size: .95rem}
.Low-Airfare .input-group .form-control{ font-size: .8rem;}
.Low-Airfare .flight{ margin: 0 .5rem; position: relative; top: -1px}
.accordion-title{font-weight: 600; line-height:20px; padding: 5px 0 8px}
.accordion-title span{ font-weight: 400; font-size: 13px}
.accordion-title .toggle-accordion span.hide, .accordion-title .toggle-accordion span.show{ font-size: 9px; color: #999; text-transform: uppercase;font-weight: 600}
.custom-checkbox .custom-control-label::before{ background: transparent; border:solid 2px #d6d6d6; box-shadow: none; border-radius: 2px; top: 1px }
.fliter-box .custom-checkbox .custom-control-label::before{top: 1px}
.fliter-box .custom-checkbox .custom-control-label::before{top: 1px}
.fliter-box .filter-ul.star-rating .custom-checkbox .custom-control-label::before{ top: 4px}
.filter-ul.star-rating .custom-control-label::after{ top: 4px} 
.custom-control-label::after{ opacity: 0}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after{ content: "\f17b"; font-family: LineAwesome;line-height: 1.25; font-size:12px; background:transparent; border: none; padding: 0; box-shadow: none; color: #fff; margin-left: -23px; left: auto; opacity: 1; font-weight: 600; }
.custom-checkbox .custom-control-input:checked~.custom-control-label::before{ background: #5a53c5; border-color:#5a53c5; border-radius: 2px}
.filter-ul{ list-style-type: none; margin: 0; padding: 0; width: 100%; /*float: left;*/ clear: both}
.filter-ul .custom-control-label{ display: block; position: relative}
.filter-ul li{ color: #333;/* line-height: 1.8;*/ clear: both; }
.filter-ul li + li{ margin-top: 2px} 

.filter-ul .custom-control-label .ltr-gray, .ltr-gray{color:rgb(104, 123, 142) !important;}
.filter-ul .custom-control-label .flt-rt{ float: right;}
.filter-ul .icon{ font-size: 20px; left: 0; position: absolute; color: #7c7c7c; line-height: 1.1}
.arvial-time{ display: block; margin-top: .5rem}
.arvial-time h5{ color: #959595; font-size: 12px; margin: 0}
.arvial-time h4{ text-transform: uppercase; font-size: 12px; margin: .2rem 0 .4rem; font-weight: 600}
.arvial-time h6{ color: #959595;font-size: 12px; }
.arvial-time .row [class*="col-"]{ padding-right: .1rem;}
.arvial-time .row [class*="col-"]:last-child{ padding-left: .1rem; padding-right: 15px}
.arvial-time .row .custom-select-sm{ font-size: 12px}
.arriving-fort{ font-size: 11px; text-transform: uppercase; color: #333; margin: .5rem 0; padding: 0; font-weight: 600}

.custom-control-label::before, .custom-radio .custom-control-input:checked~.custom-control-label::before{border:solid 1px #5a53c5; background: #fff}
.custom-control-input.is-valid:checked~.custom-control-label::before, .was-validated .custom-control-input:valid:checked~.custom-control-label::before{ background: #5a53c5}
.custom-control-input.is-valid~.custom-control-label::before, .was-validated .custom-control-input:valid~.custom-control-label::before{ background: #fff}
body .custom-control-label::after{ left:-1.25rem; opacity: 0}
.custom-radio .custom-control-label::before{ top: 2px}
.custom-radio .custom-control-input:checked~.custom-control-label::after{ opacity: 1; top:6px; left: 4px; width: 8px; height: 8px; background:#5a53c5; border-radius: 10px; }

.custom-control-input:focus~.custom-control-label::before{ box-shadow: none !important}
.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid{ border-color: #a3a3a3}

.left-sidebar-panel {
    /*width: 22%;*/
    float: left;
	width: 100%;
}
.left-sidebar-panel .srp-filters {
    width: 100%;
}
.srp-filters {
    float: left;
    /*width: 22%;*/
    min-height: 100%;
    position: relative;
}
.accordion-menu {
    position: relative;
}
.accordion-menu {
    border-bottom: 1px solid #e2e2e2;
}
.left-sidebar-panel  .accordion-menu:last-child{ border-bottom: none}

.results-loading{ display: block}
.results-loading .loading{ text-align: center}

@keyframes blink {
    0% {
      opacity: .05;
    }
    20% {
      opacity: 1;
    }
    100% {
      opacity: .05;
    }
}
.loading span {
    animation-name: blink;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
	width: 6px;
	height: 6px; 
	border-radius: 20px;
	background: #5a53c5;
	margin: 0 .25rem;
	display: inline-block;
}
.loading span:nth-child(2) {
			animation-delay: -1.1s;
		}

.loading span:nth-child(3) {
			animation-delay: -0.9s;
}
.loading span:nth-child(4) {
			animation-delay: -0.5s;
}
.loading span:nth-child(5) {
			animation-delay: -0.3s;
}

.custom-control-input.is-valid~.custom-control-label, .was-validated .custom-control-input:valid~.custom-control-label{ color: #212529}
.custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus{ border-color: #666; box-shadow: none}
.custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus{box-shadow: none}
.header-nav .dropdown-toggle::after, .togglenew.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.tx-booking-engine-snipe .form-control, .journey-details .form-control{ padding: 10px 12px;  height: 38px} 
.tx-booking-engine-snipe .journey-details .modifybtn, .journey-details .modifybtn{ padding-top:9px; padding-bottom: 9px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ border: none}
.has-error .help-block{ font-size: 11px;}
.has-error .custom-select{ border-color: #a94442 }
.has-success .custom-select{ border-color: #3c763d }
.has-warning .custom-select{ border-color: #8a6d3b }
.fs-18{ font-size: 18px;}
.bg-white{ background: #fff}
.bg-graybox{ background: #9fa4aa}
.hotel-pics{ position: absolute; width: calc(100% - 3px); height: calc(100% - 3px); top: 0; left: 0}
.overf {
    cursor: pointer;
    overflow: hidden;
}
.jfFKNa {
    max-width: 100%;
    max-height: 100%;
    min-width: 320px;
    min-height: 100px;
    vertical-align: middle;
    z-index: 110;
    position: relative;
    user-select: none;
    transition: opacity 0.3s ease 0s;
}
.hmNvwh {
    z-index: 0;
    object-fit: cover;
    max-width: none;
    max-height: none;
    width: 100%;
    height: 100%;
    transition: all 0.25s ease 0s;
}
.modal-backdrop.in{ opacity: .85}

.tx-portlet{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
    box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
    background-color: #ffffff;
    margin-bottom: 30px;
}
.tx-portlet .tx-portlet__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 0 25px;
    border-bottom: 1px solid #eeeef4;
    min-height: 60px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	border-bottom: solid 1px #efeef4;
}

.tx-portlet__body{    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 15px 25px;
}
.tx-portlet .tx-portlet__head .tx-portlet__head-tools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: end;
    align-content: flex-end;
}
.nav.nav-pills .nav-item:first-child, .nav.nav-tabs .nav-item:first-child{ margin-left: 0;}
.nav.nav-pills .nav-item{ margin-left: 5px;}
.nav.nav-pills .nav-item .nav-link{ border-radius: 20px;
padding: 0.6em 1.4em;
	font-size: 12px; font-weight: 500; color: #575962}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{ background: transparent;}
.nav.nav-pills .nav-link.focus, .nav.nav-pills .nav-link:hover{ background: transparent;}
.nav.nav-pills .nav-link.active {    background: #5a53c5;    color: #fff;}
.tx-portlet .tx-portlet__head .tx-portlet__head-caption .tx-portlet__head-title .tx-portlet__head-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
	color: #575962;
    font-weight: 500;
    padding: 0;
}
.dataTables_length {
    float: left;
}
div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}
div.dataTables_length select {
    width: 55px;
    display: inline-block;
}
.tx-newttable tr th{color:#464457; font-weight: 600; font-size: 13px;}
.tx-newttable.no-table-br tr th, .tx-newttable.no-table-br tr td{ border: none}
.tx-newttable tr td{font-size: 13px; color: #666}
.no-dataavailble h5{font-size: 30px; font-weight: 400}
.no-dataavailble h5 i{ font-size: 55px;}
.tx-newttable.table-bordered>tbody>tr>td, .tx-newttable.table-bordered>tbody>tr>th, .tx-newttable.table-bordered>tfoot>tr>td, .tx-newttable.table-bordered>tfoot>tr>th, .tx-newttable.table-bordered>thead>tr>td, .tx-newttable.table-bordered>thead>tr>th{ border-color: #e3eaef}
.tx-newttable.table>thead:first-child>tr:first-child>th{ border-top:solid 2px #e3eaef}
.tx-newttable.table>tbody>tr>td, .tx-newttable.table>tbody>tr>th, .tx-newttable.table>tfoot>tr>td, .tx-newttable.table>tfoot>tr>th, .tx-newttable.table>thead>tr>td, .tx-newttable.table>thead>tr>th{ padding: 12px; line-height: 15px;}
.dt-buttons a.btn{ border: none}
.dt-buttons a.btn:hover{background: transparent;}
.dt-buttons a.btn span.la{ font-size: 22px; font-weight: 500; color: #999999}
.dt-buttons a.btn span.la:hover{ color: #333}
.custom-select.input-sm{ line-height: 1}

.page-title-box .page-title-right {
    float: right;
    margin-top: 15px;
}
.page-title-box .pages-title {
    font-size: 18px;
    margin: 0;
    line-height: 62px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.primary-bg{ background: #4c5ed4; color:#fff}
.secondary-bg{background: #6e4ff6; color:#fff}
.third-bg{background: #fd3995; color:#fff}
.fourth-bg{background: #1dc9b7; color:#fff}
.fc table {
    width: 100%;
    box-sizing: border-box;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}
.fc-header td {
    white-space: nowrap;
    padding: 1em;
}
.fc-header-title h2{font-size: 14px; }
.fc th.fc-widget-header {

    font-size: 13px;
    line-height: 20px;
    padding: 10px 0;
    text-transform: uppercase;
}
.fc th, .fc-basic-view td.fc-week-number, .fc-icon, .fc-toolbar {
    text-align: center;
}
.fc .table-bordered>tbody>tr>td, .fc .table-bordered>tbody>tr>th, .fc .table-bordered>tfoot>tr>td, .fc .table-bordered>tfoot>tr>th, .fc .table-bordered>thead>tr>td, .fc .table-bordered>thead>tr>th {
    border-color: #ebedf2; background: #fff; font-weight: 600
}
.fc .table-bordered>tbody>tr>td, .fc .table-bordered>tbody>tr>th, .fc .table-bordered>tfoot>tr>td, .fc .table-bordered>tfoot>tr>th, .fc .table-bordered>thead>tr>td, .fc .table-bordered>thead>tr>th{border-color: #ebedf2; background: #fff;}
.fc .fc-header{ background: #fff}
.fc .fc-grid .fc-day-content{ min-height: 20px}
.fc .fc-header-center h2{ line-height: 30px}
.ibox-content.ui-calendar{ padding: 0; border: none}
.fc .fc-state-default{color: #464457; background-image: none;
    background: #f4f5f8;
    border: 0;
	text-shadow: none !important;}
.fc .fc-state-default:hover{border: 0;
    background: #e2e5ec;
	color: #38393f;}
.timeline-alt {
    padding: 20px 0;
    position: relative;
}
.timeline-alt .timeline-item {
    position: relative;
}
.timeline-alt .timeline-item .timeline-icon {
    float: left;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 2px solid transparent;
    font-size: 16px;
	font-weight: 500;
    text-align: center;
    line-height: 16px;
    background-color: #fff;
}
.timeline-alt .timeline-item .timeline-item-info {
    margin-left: 30px;
}
.timeline-alt:before {
    background-color: #e3eaef;
    bottom: 30px;
    content: "";
    left: 9px;
    position: absolute;
    top: 30px;
    width: 2px;
    z-index: 0;
}
.bg-info-lighten {
    background-color: #8cd0e4!important;
}
.bg-primary-lighten {
    background-color: #d1d4fc!important;
}
.myclaim-tables .card .card-body{ min-height: 280px; max-height: 280px; }
.myclaim-tables .card .card-body .float-right{ position: absolute; right: 15px; top: 15px;font-size: 18px; opacity: .5}
.myclaim-tables .card .card-body .float-right:hover{ opacity: 1}
.myclaim-tables .card .card-body .table-responsive{max-height: 215px; overflow-y: auto}
.myclaim-tables .card .card-body .table-responsive .table{ max-height: 80%;}
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    transform: translate(0,-25%);
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0); 
}
.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 solid transparent;
    border-radius: .2rem;
    outline: 0;
}
.switch input { 
    display:none;
}
.switch {
    display:inline-block;
    width:40px;
    height:20px;
    position:relative;
	margin: 0;
	padding: 0
}


.slider {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    border-radius:30px;
    box-shadow:0 0 0 2px #777, 0 0 4px #777;
    cursor:pointer;
    border:4px solid transparent;
    overflow:hidden;
     transition:.4s;
}
.slider:before {
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    background:#777;
    border-radius:30px;
    transform:translateX(-20px);
    transition:.4s;
}

input:checked + .slider:before {
    transform:translateX(20px);
    background:#5a53c5 ;
}
input:checked + .slider {
    box-shadow:0 0 0 2px #5a53c5 ,0 0 2px #5a53c5 ;
}
.card.widget-flat h5{ line-height: 1.5; min-height: 42px;}
.card.widget-flat h5 span{ display: block; font-weight: 500}
.card.widget-flat h3{ white-space: nowrap; text-overflow: ellipsis}


@media only screen and (min-width: 768px){
.left-sidebar-panel {    max-width: 275px; margin-bottom: 1.5rem}
body .content-detached.content-right{    float: right;    margin-left: -290px;}
	body .content-detached{ width: 100%}
	body .content-detached.content-right .content-body{ margin-left: 290px;}
}

/*Begin:Trip Request pages css*/
.trip-title{ border-bottom: solid 2px #6a4db6}
.form-control, select.form-control{ box-shadow: none; border-radius: 2px; border-color:#dfe3e9;}
.form-control:focus{border-color: #6a4db6; box-shadow: none; }
.trip-headline{ border-bottom: dashed 1px #ced2d9; display: flex; align-items: center; justify-content: flex-end}
.trip-headline .currency, .currency-icon{ font-size: 65%}
.trip-request .input-group{  border-radius: 3px; width:100%; position: relative;}
.trip-request .input-group .input-group-addon{ background:transparent; border:none; position: absolute; z-index: 111; width: 30px; padding: 0; height: 100%; line-height: 38px;}
.trip-request .input-group .input-group-addon .la{ font-size: 20px; color: #6a4db6; line-height: 1}
.form-group label, .form-group .form-control{ font-size: 13px;}
.trip-trash .la{ font-size: 22px; color: #9d9d9d; line-height: 1}
.trip-request{ padding-top: 1.5rem; padding-bottom: .5rem; position: relative}
.trip-request + .trip-request{ border-top: dashed 1px #ced2d9 }
.triprequest-container{ max-height: 60vh; overflow-y: auto}
.trip-headline .dropdown-menu{ box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15); -webkit-box-shadow:0px 0px 50px 0px rgba(82, 63, 105, 0.15); min-width: 200px; border:none}
.trip-headline .dropdown-menu li.nav__head{ font-size: 1.25rem; font-weight: 600; padding:0.3rem 1.75rem }
.trip-headline .dropdown-menu li a{ padding: 0.75rem 1.75rem; font-size: 13px; display: block}
.trip-headline .dropdown-menu li a i{ font-size: 20px; line-height: 1px;  font-weight: 500; color: #a7abc3; margin-right: .5rem;}
.trip-headline .dropdown-menu li:hover a i{color: #6a4db6;}
.trip-request .input-group .form-control{ padding-left: 30px; padding-right: 2px}
.manager-btn, .tripbook-btn{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.manager-btn:hover, .tripbook-btn:hover{ background: rgba(0,0,0,.02)}
.requested-triptable tbody tr:hover{ background: #f1f5fa; cursor: pointer}
/*End: Trip Request pages css*/

/*Begin:Terms of Use- Privacy policy model css*/
.truse-pripcy .nav-tabs li.nav-item a:hover{ background:transparent;}
.truse-pripcy .nav-tabs li.nav-item a {  color: rgba(3,27,78,.5);
    font-size: 1.65rem;
	font-weight: 600;
	border:none;
    transition: color .25s linear;
    padding:1rem;;
}
.truse-pripcy .modal-content{ max-height: 95vh;}
.truse-pripcy .modal-content .modal-body{display: flex; flex-direction: column; overflow:hidden;} 
.truse-pripcy .modal-content .tab-content{ display: flex; overflow: auto;flex: 0 1;}
.truse-pripcy .nav-tabs li.nav-item.active a{ color: #6051c0;  border-bottom: 2px solid #6051c0;	}

/*Begin:Terms of Use- Privacy policy model css*/

/*begin:multicities css*/
.custom-control-label::before, .custom-radio .custom-control-input:checked~.custom-control-label::before{border:solid 1px #5a53c5; background: #fff}
.custom-control-input.is-valid:checked~.custom-control-label::before, .was-validated .custom-control-input:valid:checked~.custom-control-label::before{ background: #5a53c5}
.custom-control-input.is-valid~.custom-control-label::before, .was-validated .custom-control-input:valid~.custom-control-label::before{ background: #fff}
body .custom-control-label::after{ left:-1.25rem; opacity: 0}
.custom-radio .custom-control-label::before{ top: 2px}
.custom-radio .custom-control-input:checked~.custom-control-label::after{ opacity: 1; top:6px; left: 4px; width: 8px; height: 8px; background:#5a53c5; border-radius: 10px; }


.flt-searcheng .nav.nav-tabs{border:none}
.flt-searcheng .nav.nav-tabs li{ margin-right: 1.5rem; }
.flt-searcheng .nav.nav-tabs li a{ padding: 0; font-size: 13px; font-weight: 500; background:transparent; border: none; padding-left: 22px; position: relative; color: #001832}
.flt-searcheng .nav.nav-tabs li a:hover{ }
.journey-details .multcity-srch .fields:last-child{border-right: solid 1px #d4d7dc} 
.multcity-srch{ position: relative;}
.multcity-srch .srch-closeicon{color:#001832;  display: flex;  position: absolute;  right: -35px;  top: 9px; font-size: 23px; font-weight: 400}
.flt-searcheng .nav.nav-tabs li a:before {  position: absolute;  top: 1px;  left: 0px;  display: block;  width: 16px;  height: 16px;  pointer-events: none;
    content: "";  -webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none;  user-select: none;    border: solid 1px #5a53c5;    background: #fff;
	border-radius: 15px;}
.flt-searcheng .nav.nav-tabs li.active a:after{opacity: 1;    top: 5px;    left: 4px;    width: 8px;    height: 8px;    background: #5a53c5;	border-radius: 10px;	content: "";	display: block;	position: absolute;}
.add-multiflight{ color: #5a53c5; font-weight: 500; text-decoration: none;}
.add-multiflight i{ margin-right: .3rem; font-weight: 600; font-size: 20px; position: relative; top: 2px}

/*begin:19-08-19*/
.multiflight-search{ position: relative}
.multiflight-search .srch-closeicon { color: #001832; display: flex; position: absolute; right: -15px; top: 7px; font-size: 21px; font-weight: 400;}
.add-multiflight:focus, .multiflight-search .srch-closeicon:focus{text-decoration: none}
/*end:19-08-19*/
@media(max-width: 768px) {
	.multcity-srch{ width:90%}
}
/*end:multicities css*/

.lb-amount{
    text-align: right;
    font-weight: 600;
}
.lb-amount  .currency {
    font-weight: normal;
    margin-right: .3125rem;
    font-size: .8rem;
    vertical-align: middle;
}
.agentmarkup-table tr{ cursor: pointer;}
.sno{ width: 35px}
.agent-pricemodif + .agent-pricemodif{ border-top: dashed 1px #ced2d9; padding-top: 1rem}
.font-italic{ font-style: italic}

/**/
.dashedline{border-bottom: dashed 1px #ced2d9; background:linear-gradient(180deg, #fff 40%, rgba(147,146,146,.2))/* background: -moz-linear-gradient( rgba(133,67,155,.05), rgba(96,81,192,.15)); background: -webkit-linear-gradient( rgba(133,67,155,.05), rgba(96,81,192,.15)) ; background: linear-gradient( rgba(133,67,155,.05), rgba(96,81,192,.15))*/}
.trips__dtls{ display: flex; flex-direction: row; justify-content: center; position: relative; z-index: 11}
.trips__dtls .trip{ display:flex; width: 35px; height: 35px; border-radius: 10px;  margin: 0 5px; justify-content: center; align-items: center; position: relative}
.trips__dtls .trip i.la{font-size: 2.3rem}
.trips__dtls .flt-trip {background:rgba(96,81,192,.1); color:#6051C0; }
.trips__dtls .htl-trip {background:rgba(243,123,71,.1); color:#F37B47; }
.trips__dtls .cab-trip {background:rgba(76,175,80,.1); color:#4CAF50; }
.trips__dtls .flt-trip i.la{transform:rotate(45deg)}
.trips__dtls .trip .multi{ position: absolute; right: -6px; top: -6px; width: 18px; height: 18px; background: #fff; border-radius: 10px; font-size: .85rem; line-height: 16px; font-weight: 700; border: solid 1px #6051C0;}
.trips__dtls .flt-trip .multi{ border-color:#6051C0 }
.trips__dtls .htl-trip .multi{ border-color:#F37B47 }
.trips__dtls .cab-trip .multi{ border-color:#4CAF50 }
.expend-data{ font-size: 2.2rem; font-weight: 700; line-height: 20px; color: #001832; text-decoration: none; display: inline-block}
.expend-data:focus, .expend-data:active{text-decoration: none; outline: none}
.expend-data:hover{ color: #6051c0}
.expend-data[aria-expanded="true"]{ transform: rotate(180deg)}
.mytripdata{ border-top: solid 1px #eee}
.mytripdata hr, .upcoming-trips hr{ border-top: dashed 1px #eee; margin: 0}

.fligt_trip .carriers {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 48px;
    height: 48px;
}
.fligt_trip .leg-carrier {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 2px;
}
.fligt_trip .leg-carrier img {
    max-height: 100%;
    max-width: 100%;
    height: unset;
    border-style: none;
}
.fligt_trip .carriers .leg-carrier:first-child:nth-last-child(3), .fligt_trip  .carriers .leg-carrier:first-child:nth-last-child(3)~.leg-carrier, .fligt_trip   .carriers .leg-carrier:first-child:nth-last-child(4), .fligt_trip  .carriers .leg-carrier:first-child:nth-last-child(4)~.leg-carrier {
    width: 50%;
    height: 50%;
}
.fligt_trip .carriers .leg-carrier:first-child:nth-last-child(2) {
    width: 65%;
    height: 65%;
}
.fligt_trip .carriers .leg-carrier:first-child:nth-last-child(2)~.leg-carrier {
    width: 65%;
    height: 65%;
    position: absolute;
    right: 0;
    bottom: 0;
    filter: drop-shadow(-2px -2px 2px #fff) drop-shadow(-2px -2px 2px #fff);
}
.fligt_trip  .Flights-Results-LegInfo .time span.name, .fligt_trip  .Flights-Results-LegInfo .time span.date {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 10px;
    max-width: 100%;
    color: #959595;
    display: block;
    min-width: 60px;
}
.fligt_trip  .Flights-Results-LegInfo [class*="col-"] .top, .fligt_trip  .Flights-Results-LegInfo [class*="col-"] .top .base-time {
    font-weight: 500;
    font-size: 15px;
    letter-spacing: .03em;
}
.Flights-Results-LegInfo [class*="col-"] .top .bottom {
    font-weight: 400;
}
.fligt_trip  .Flights-Results-LegInfo [class*="col-"].stops .duration {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 5px;
	color: #585858;}
.Flights-Results-StopsPlot .axis {
    width: 100%;
    height: 2px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: rgba(75,67,205,0.3);
}
.Flights-Results-StopsPlot.circle .dot-inner {
    border-radius: 50%;
    display: block;
    border: none;
    width: 6px;
    height: 6px;
    background-color: #ff575c;
}
.fligt_trip .Flights-Results-LegInfo [class*="col-"].stops .bottom {
    margin-top: .2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    text-transform: capitalize;
    letter-spacing: 0;
    color: #585858;
    display: flex;
    justify-content: space-around;
}
.lst-img-container {
    background: #fff;
    position: relative;
    min-height: 60px;
	overflow: hidden;
	display: flex;
	align-content: center;
	justify-content: center;
}
.lst-img-container #hotelSearchImages {
    width: 100%;
    height: auto ;
    object-fit: cover;
    vertical-align: middle;
	
}
.hotel-lst-dtls .hotel-name, .hotel-name, .fltloc-date {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    width: 90%;
    margin-top: 0;
}
.hotel-lst-dtls .htl-loca, .text-smalsize {
    margin-bottom: .4rem;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
}
.htlchekinout i.la{ font-size: 2rem; position: relative; top: 3px; line-height: 10px; color:#959595}
.htl-bkdtls span{color: #959595}
.htl-bkdtls .bkvalue{font-weight: 500; color: #001832}
.htl_trips .phicon{ font-size: 1.5rem; font-weight: 500; line-height: 0; position: relative; top: 2px}
.cab_trips .cabtypename{ font-size: 15px; font-weight: 500; margin: 0}
.cab_trips .cbdata, .depart-drp, .citi-center { font-size: 12px; line-height: 18px;}

.car-type-image, .other-type-image, hotel-type-image {
    max-width: 50px;
}
.sc-cEvuZC {
    margin-top: 10px;
    max-width: 45px;
}
.upcoming-trips + .upcoming-trips{ border-top: solid 1px #eee}
.notrip-icon{ font-size: 3.5rem; display: block; color: #eee; margin-bottom: 1rem;}
.text-underline{ text-decoration:underline}
.btn-label{    display: inline-block;  font-weight: 500;  color: #212529;  text-align: center; vertical-align: middle; -webkit-user-select: none;
    -moz-user-select: none;  -ms-user-select: none; user-select: none;  background-color: transparent;  border: 1px solid transparent;  padding: 0.5rem 1.5rem;
    font-size: 1rem;  line-height: 1.5;  border-radius: 0.25rem;}
.btn-label.btn-pill { border-radius: 2rem;}
.btn-label.btn-label-warning{ background-color: rgba(240, 173, 78, 0.1);  color: #F0AD4E;  }
.btn-label.btn-label-danger{ background-color: rgba(217, 83, 79, 0.1);  color: #d9534f;  }
.btn-label-secondary{background-color: rgba(108, 117, 125, 0.1);  color: #6c757d;  }
.btn-label.btn-label-success{ background-color: rgba(92, 184, 92, 0.1);  color: #5cb85c;  }
.btn-label.btn-label-primary{ background-color: rgba(96, 81, 192, 0.1);  color: #6051c0;  }
.fligt_trip, .htl_trips, .cab_trips, .other_trips{ padding-left: 15px; padding-right: 15px}
.book-pending{ /*background: rgba(243,242,240,.5)*/ background:linear-gradient(180deg, rgba(147,146,146,.1), #fff , rgba(147,146,146,.1)); position: relative}
.book-pending:after{ border-bottom: solid 1px #fff; position: absolute; content: ""; width: 100%; height: 1px; bottom: 0; left: 0}
.tripplusicon i.la{font-size: 1.45rem; line-height: 1.45rem}
.viewicon{ font-size: 2.2rem; line-height: 2.5rem; font-weight: 500; color: #6c757d; position: relative; z-index: 11; opacity: .75}
.viewicon:hover{color: #6051C0; opacity: 1}
.back-arrow{ font-size: 2.5rem; position: relative; top: 4px; line-height: 1}
.back-arrow .la{font-weight: 500}

/*.tripselected, .tripview, .changeview .la-toggle-on, .changeview .la-toggle-off{display: none}*/

.changeview.active .la-toggle-off{ display: none}
.changeview .la-toggle-off{display: block}
.tripselected.active, .tripview.active, 
.changeview.active .la-toggle-on
{display: block}
a:focus, a:active{ outline: none; text-decoration: none}
.changeview, .changeview:hover, .changeview:active{ font-size: 2.2rem; color: #001832; text-decoration: none; outline: none}

.htl_trips .hotel-name .starRating{ display: inline-block; }
.htl_trips .hotel-name .starRating .la{ font-size: 20px;}
.bk_price{ font-weight: 600}
.triprequesticon i.la{ font-size: 18px; line-height: 1; position: relative; top: 1px}
.triprequesticon .btn:hover i.la.text-secondary{color: #fff !important}

.triparrovalfields .fiel-nam{ display: block; padding: 1rem 0; color: #595d6e;  font-weight: 600; font-size: 13px}
.emptripreqs{  font-size: 1.25rem; border-bottom: 1px solid #f0f3ff; position: relative;     -webkit-transition: all .3s ease;   transition: all .3s ease;}
.emptripreqs:hover{  -webkit-box-shadow: 0 1px 20px 1px rgba(69,65,78,.25);  box-shadow: 0 1px 20px 1px rgba(69,65,78,.25); z-index: 11; }
.emptripreqs [class*="col-"]{padding-top:12px; padding-bottom:12px;}
.emptripreqs [class*="col-"] [class*="col-"]{padding-top:0; padding-bottom:0;}
.emptripreqs .viewicon{ line-height: 1}
 .emptripreqs .viewicon i.la{ line-height: 0}
.external-lin{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; display: none}
.triprequest-container.managerlist{ max-height: inherit; overflow: inherit}
.data-search {
    max-width: 250px;
    float: right;
}
.data-search .input-group .form-control, .data-search .input-group .input-group-addon {
    padding: 3px 6px;
    height: 30px;
    border-width: 0 0 1px 0;
}
.data-search .input-group .form-control, .data-search .input-group .input-group-addon {
    padding: 3px 6px;
    height: 30px;
    border-width: 0 0 1px 0;
}
.data-search  .input-group .input-group-addon {
    border-radius: 0;
    background: #fff;
	cursor: pointer
}
.data-search .input-group .input-group-addon i.la {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
}

.kt-datatable__pager {
    margin: 0;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.kt-datatable__pager .kt-datatable__pager-nav {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.kt-datatable__pager .kt-datatable__pager-nav li{
    padding: 0;
    margin-right: 5px;
    display: inline-block;
}
.kt-datatable__pager .kt-datatable__pager-nav li .kt-datatable__pager-link {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.75rem;
    min-width: 2.75rem;
    padding: .5rem;
    border-radius: 3px;
    position: relative;
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 500;
	color: 	#001832;
}
.kt-datatable__pager .kt-datatable__pager-nav li .kt-datatable__pager-link:hover {
    -webkit-transition: all .3s;
    transition: all .3s;
    background: #5a53c5 ;
    color: #fff;
}
.kt-datatable__pager .kt-datatable__pager-nav li .first,  .kt-datatable__pager .kt-datatable__pager-nav li .last, .kt-datatable__pager .kt-datatable__pager-nav li .next, .kt-datatable__pager .kt-datatable__pager-nav li .prev {
    background: rgb(58,76,115,.25);
	color: #646c9a;
}
.kt-datatable__pager .kt-datatable__pager-nav li .first:hover,  .kt-datatable__pager .kt-datatable__pager-nav li .last:hover, .kt-datatable__pager .kt-datatable__pager-nav li .next:hover, .kt-datatable__pager .kt-datatable__pager-nav li .prev:hover {background: #5a53c5 ;
    color: #fff;
}
.kt-datatable__pager .kt-datatable__pager-nav li .disabled,.kt-datatable__pager .kt-datatable__pager-nav li .disabled:hover {
    color: #646c9a;
    background: rgb(58,76,115,.25);
     opacity: .3;
}
.kt-datatable__pager .kt-datatable__pager-nav li .kt-datatable__pager-link.active {
    background: #5a53c5 ;
    color: #fff;
}
.kt-datatable__pager .kt-datatable__pager-nav li .kt-datatable__pager-link i {
    font-size: 1.2rem;
    text-align: center;
    display: inline-block;
	font-weight: 600
}
.btn.btn-sm {
    font-size: 10px;
}
.h-50 {
    height: 60%!important;
}
.h-30 {
    height: 30%!important;
}

.claim-expdetails h5 {
    color: rgba(0,24,50,.7);
    font-size: 12px;
    font-weight: 600;
    margin: 0 0 .5rem;
}
.claim-expdetails h4 {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
}
.claimttlprice p {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    color: rgba(0,24,50,.7);
    margin: auto;
}
.custom-select.form-control{ height: 34px;}

.tx-uploadimg.dropzone{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    height: 100%;
    border: dashed 3px #d7dbe7;
	align-items: center;
	text-align: center;
}
.uploaded-img img{ max-width: 100%; max-height: 100%;}
.dropzone .dz-message {
    text-align: center;
    margin: auto;
    display: flex;
    width: 100%;
}
.dropzone .dropzone-msg-title {
    margin: auto;
    padding: 0;
    font-weight: 600;
    font-size: 1.1rem;
}
.tx-uploadimg.dropzone i {
    font-size: 75px;
    line-height: 75px;
}
.tx-uploadimg.dropzone .dropzone-msg-title span {
    font-size: 12px;
    font-weight: 600;
    color: rgba(0,24,50,.7);
    display: block;
}
.tx-uploadimg.dropzone .dz-preview {
    min-height: 100%;
	 object-fit: cover;
	height: 100%;
}
.tx-uploadimg.dropzone .dz-preview{margin: 0;}
.dropzone .dz-preview .dz-image img{ min-height: 100%;
	 object-fit: cover;
	height: 100%;}
.newoldclaims-view .input-group-addon i.la{ font-size: 24px; line-height: .8; font-weight: 500 }
.h-60{ min-height: 60%}

.btn-toggle {
    margin: 0;
    clear: both;
    display: block;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
    color: #6b7381;
    background: #bdc1c8;
}
.btn-toggle { top: 18px;  transform: translateY(-50%);}
.btn-toggle:before, .btn-toggle:after { line-height: 1.5rem;  text-align: center; font-weight: 600; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 2px;  position: absolute;  bottom: 0;  transition: opacity 0.25s;}

.btn-toggle:before, .btn-toggle:after { color: #6b7381;}
.btn-toggle > .handle {  position: absolute; top: 0.1875rem; left: 0.1875rem; width: 1.125rem; height: 1.125rem; border-radius: 1.125rem; background: #fff;
    transition: left 0.25s;}
.btn-toggle.active { transition: background 0.25s;}
.btn-toggle.active {    background: linear-gradient(45deg, #6051c0, #85439b) !important;	background: -webkit-linear-gradient(45deg, #6051c0, #85439b) !important;}
.btn-toggle.active:before {  opacity: 0.5;}
.btn-toggle.active:after {  opacity: 1;}
.btn-toggle.active > .handle {  left: 1.6875rem;  transition: left 0.25s;}

.claimexp-tabs .nav-tabs{ border-bottom: none}
.claimexp-tabs .nav-tabs>li{ margin-bottom: 0}
.claimexp-tabs .nav-tabs>li a{font-weight: 600; font-size: 13px; color:rgba(0,24,50,.7); border:none}
.claimexp-tabs .nav-tabs>li a:hover{background: #fff}
.claimexp-tabs .nav-tabs>li.active a{color:#5a53c5}
.claimexp-tabs .nav-tabs>li.active{position: relative}
.claimexp-tabs .nav-tabs>li.active:after, .claimexp-tabs .nav-tabs>li.active:before {bottom:-1px;left: 50%;border: solid transparent;content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none; z-index: 1}
.claimexp-tabs .nav-tabs>li.active:after {	border-color: rgba(255, 255, 255, 0);	border-bottom-color: #ffffff;	border-width: 8px;	margin-left: -8px;}
.claimexp-tabs .nav-tabs>li.active:before {	border-color: rgba(215, 219, 231, 0);	border-bottom-color: #d7dbe7;	border-width: 9px;	margin-left: -9px;}
.triparrovalfields .custom-control.custom-checkbox .custom-control-label, .emptripreqs .custom-control.custom-checkbox .custom-control-label{ position: absolute; width: 100%; height: 100%; padding-left: 0; left: 0;}
.triparrovalfields .custom-control, .emptripreqs .custom-control{ width: 16px; height: 16px; display: inline-block; top:10px }
.emptripreqs .custom-control{ top: 1px}
.triparrovalfields .custom-checkbox .custom-control-input:checked~.custom-control-label::after, .custom-control .custom-checkbox .custom-control-input:checked~.custom-control-label::after{ margin-left: 1px; }
.emptripreqs .custom-checkbox .custom-control-input:checked~.custom-control-label::after{ margin-left: 2px}
.triparrovalfields .custom-control, .emptripreqs .custom-control{ float: left}
.expense-validations{ font-size: 21px;  font-weight: 500;  line-height: 1; margin-left: 3px; position: relative; top: 0px}
.emptripreqs .receipt-img{ font-size: 22px; font-weight: 500; line-height: 1;}
.emptripreqs{ border-left: solid 2px transparent;}
.tx_ntvalid{ background: rgba(255,184,34,.035); border-left-color:#ffb822}
.tx-validinfo {
    display: inline-block;
    margin: 1rem auto 0;
    font-size: 12px;
    color: rgba(0,24,50,.7);
    position: relative;
}
.tx-validinfo:before {
    content: "";
    width: 9px;
    height: 9px;
    background: #ffb822;
    position: absolute;
    left: -15px;
    top: 6px;
    display: block;
}
.alert {
    padding: 0.85rem 1.5rem;
    border-radius: 0;
    border-radius: 4px;
    position: relative;
    margin-bottom: 1rem;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    -webkit-box-shadow: 0px 1px 15px 1px rgba(69,65,78,0.08);
    box-shadow: 0px 1px 15px 1px rgba(69,65,78,0.08);
    border: solid 2px transparent;
    background: #fff;
}
.alert.alert-success{color:#00d97e; border-color: #00d97e}
.alert.alert-warning{color:#f6c343; border-color: #f6c343}
.alert.alert-danger{color:#e63757; border-color: #e63757}
.alert.alert-info{color:#39afd1; border-color: #39afd1}

.uploaded-img {
    display: block;
    border: dashed 3px #d7dbe7;
	align-items: center;
	justify-content: center;
	position: relative;
	margin: 0 auto;
	max-width: 300px;
	padding: 1rem;
}
.uploaded-img a{ display: block; margin: 0 auto; text-align: center}
.uploaded-img img{ max-width: 100%; max-height:200px; }
.uploaded-img .no-receipt{ text-align: center; padding: 2.2rem 0; font-size:1.5rem}
.uploaded-img a:hover{ opacity: .75;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background-color: rgba(133,155,185,0.05);
    opacity: 1;
	border-color: #b9c6d7; color:rgba(0,24,50,1); cursor: default} 


.Advanced_btn[aria-expanded="true"] i.la {
    transform: rotate(180deg);
}
.Advanced-options{ margin: 1rem 0 0; padding: 0; }
.Advanced-options .btn-toggle{ top: 6px; display: inline-block; clear: inherit; margin-right: 2px}
.Advanced-options li label{font-size: 1.2rem}
.Advanced-options li + li{ margin-left: 1.5rem }



/*begin:notification css */
.nav-no-collapse.header-nav .be-user-nav{ flex-direction: row; align-items: center}
body .be-user-nav .dropdown-toggle{ border:none; background: transparent}
.nav-no-collapse.header-nav .be-user-nav .noti-icon {    font-size: 22px;    vertical-align: middle;    line-height: 35px;}
.nav-no-collapse.header-nav .notification-list .nav-link:after{display: none}
.be-user-nav>li.dropdown .dropdown-menu.dropdown-lg{ width: 420px;}
.be-top-header .navbar-nav li.dropdown .dropdown-menu .noti-title {    background-color: transparent;    padding: 15px 20px;}
.nav-no-collapse.header-nav .notification-list .notify-item {   padding: 10px 20px;display: block;  width: 100%; clear: both; font-weight: 400; color: #6c757d;    text-align: inherit;  white-space: nowrap;  background-color: transparent;  border: 0;position: relative;} 
.notification-list .notify-item .notify-icon {  float: left;  height: 36px;  width: 36px;  line-height: 36px;  text-align: center;  margin-right: 10px;  border-radius: 50%;   color: #fff;}
.notification-list .notify__item{ border-top: solid 1px #f5f5f5}
.notification-list .notify__item{position: relative}
.notification-list .notify__item .notify-item-trash{ position: absolute; top: 50%; right: 15px; transform: translateY(-50%); font-size: 1.75rem; font-weight: 600; color: #ddd}
.notification-list .notify__item:hover .notify-item-trash{color:#777}
.notification-list .notify-icon i.la{font-size: 18px; line-height: 2}
.notification-list .notify-item .notify-details {  margin-bottom: 0;  overflow: hidden;  margin-left: 45px;  text-overflow: ellipsis;  white-space: nowrap;font-weight: 500;}
.notification-list .notify-icon img{ max-width: 20px;}
.notification-list .notify-item .notify-details small {  display: block;color:#98a6ad}
.notification-list .notify-item .user-msg {  margin-left: 45px;  white-space: normal; line-height: 16px;}
.nav-no-collapse.header-nav .notification-list .dropdown-menu:after{  border-bottom-color: #fff !important;}
.notification-list .slimScrollDiv{ max-height: 320px; overflow-y: auto}
.nav-no-collapse.header-nav .notification-list .dropdown-item:focus, .nav-no-collapse.header-nav .notification-list .dropdown-item:hover {
    color: #272e37;   text-decoration: none;  background-color: #f8f9fa;}
.notification-list .noti-icon-badge { display: inline-block;  position: absolute;  top: 2px; right: 2px;  border-radius: 50%;  height: 20px;   width: 20px;font-size: 8.5px; font-weight: 700;	color:#fff;  background-color: #fa5c7c;	text-align: center;}
.navbar-default .navbar-nav > .notification-list.open > a, .navbar-default .navbar-nav > .notification-list.open > a:focus, .navbar-default .navbar-nav > .notification-list.open > a:hover{ background: transparent;}
/*end:notification css */

.bus_trips .bustypename, .other_trips .othertypename{ font-size: 15px; font-weight: 500; margin: 0}
.bus-type-image, .hotel-type-image{ 
    max-width: 50px;
}
.bus_trips {
    padding-left: 15px;
    padding-right: 15px;
}


@media(max-width: 640px) {
	.pr-sm-1{ padding-right: .25rem}
	.text_sm-center{text-align: center !important}
	.text_sm-left{text-align: left !important}
	.d-sm-inline-block{ display: inline-block !important}
	.mx_sm-0{margin-left: 0 !important; margin-right: 0 !important}
	.my_sm-1{margin-top: .25rem !important; margin-bottom: .25rem !important}
	.my_sm-0{margin-top: 0rem !important; margin-bottom: 0rem !important}
	.py_sm-1{ padding-top: 0.25rem !important; padding-bottom: 0.25rem !important }
	.px_sm-2{ padding-left: 0.5rem !important; padding-right: 0.5rem !important }
	.py_sm-2{ padding-top: 0.5rem !important; padding-bottom: 0.5rem !important }
	.py_sm-3{ padding-top: 1rem !important; padding-bottom: 1rem !important }
	.px_sm-0{ padding-left: 0 !important; padding-right: 0 !important}
	.d-sm-none{ display: none}
	.position-sm-relative{ position: relative}
	.collapse-sm-btn{ position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%}
	.collapse-sm-btn .expend-data{ position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; opacity: 0}
	.inlinevalwid{ display: flex; flex-direction: row}
	.lab-lineheight{ line-height: 17px; padding-bottom: .5rem}
	.text_sm-right{text-align: right}
	
	.emptripreqs [class*="col-"]{ padding-bottom: 0}
	.emptripreqs{ padding-bottom: 12px}
	.emptripreqs .fiel-nam{color: #959cb6; display: block; font-weight: 500}
	.d-sm-block{ display: block !important}
	.external-lin{ display: block}
	
	.triprequest-container.managerlist{ max-height: 100%}
	
	.emptripreqs [class*="col-"] [class*="col-"]{ padding-top: .5rem; padding-bottom: .5rem}
}
@media(max-width: 640px) {
	.row.d-flex{ flex-wrap:wrap}
}