@charset "UTF-8";
body {
  min-height: 100vh;
  /* mobile viewport bug fix */
  min-height: -webkit-fill-available;
}

html {
  height: -webkit-fill-available;
}

.mainlogo {
	width: 70%;
	margin:10px;
}
.table {
	margin-bottom: 0px;
}

@media screen and (max-width: 767px) {
	_::-webkit-full-page-media, _:future, :root .safari_only {
		padding-bottom: 65px; //resize 
    }
	.mainlogo {
		height:35px;
		width:auto;
		margin:10px;
	}
}


.nodisplay {
	display: none !important;
}
@media (min-width: 730px) {
    .depname {
        padding-left:0px;
    }
}
.custom-select-adt {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: url("../../assets/icons/adt.svg") no-repeat left 0.5rem center;
        background-size: auto;
    background-size: 20px 20px;
    border: 1px solid #ced4da;
        border-top-color: rgb(206, 212, 218);
        border-right-color: rgb(206, 212, 218);
        border-bottom-color: rgb(206, 212, 218);
        border-left-color: rgb(206, 212, 218);
    border-radius: 0.25rem;
    appearance: none;
}
.custom-select-adt {
    line-height: 20px;
    font-size: 12px;
    padding: 8px 6px 8px 30px;
    border-color: #d7dde3;
    border-radius: 3px;
    height: auto;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.custom-select-chd {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: url("../../assets/icons/chd.svg") no-repeat left 0.5rem center;
        background-size: auto;
    background-size: 20px 20px;
    border: 1px solid #ced4da;
        border-top-color: rgb(206, 212, 218);
        border-right-color: rgb(206, 212, 218);
        border-bottom-color: rgb(206, 212, 218);
        border-left-color: rgb(206, 212, 218);
    border-radius: 0.25rem;
    appearance: none;
}
.custom-select-chd {
    line-height: 20px;
    font-size: 12px;
    padding: 8px 6px 8px 30px;
    border-color: #d7dde3;
    border-radius: 3px;
    height: auto;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.custom-select-inf {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 1.rem 0.375rem 0.5rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: url("../../assets/icons/inf.svg") no-repeat left 0.2rem center;
	background-size: auto;
    background-size: 20px 20px;
    border: 1px solid #ced4da;
        border-top-color: rgb(206, 212, 218);
        border-right-color: rgb(206, 212, 218);
        border-bottom-color: rgb(206, 212, 218);
        border-left-color: rgb(206, 212, 218);
    border-radius: 0.25rem;
    appearance: none;
}
.custom-select-inf {
    line-height: 20px;
    font-size: 12px;
    padding: 8px 6px 8px 26px;
    border-color: #d7dde3;
    border-radius: 3px;
    height: auto;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.hidden {
	visibility: hidden;
	height:0;
	opacity: 0;
	transition: visibility 0.5s, opacity 1s linear, height 0.5s;
}

.visible {
    height: auto;
	opacity: 1;
	visibility: visible;
    transition: height 0.5s, opacity 0.5s linear, visibility 0.5s;
}

.loader {
  color: #ffffff;
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 72px auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

flightleg td {
	padding:7px 0px 7px 0px;
}

.flightleg:hover td {
	background: #c5ddef;
	cursor: pointer;
}

.pricemobil {
	text-align: right;
	font-size:32px;
	font-weight: bold;
}

.price {
	text-align: right;
}
.icon-carrier {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../../assets/icons/icon-carrier.svg") no-repeat center;
  background-size: auto;
	vertical-align: bottom;
}
.icon-clock-arr {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../../assets/icons/icon-clock-arr.svg") no-repeat center;
  background-size: auto;
	vertical-align: bottom;
}
.icon-file-pdf {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../../assets/icons/icon_file_pdf.svg") no-repeat center;
  background-size: auto;
	vertical-align: bottom;
}
.icon-info {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../../assets/icons/icon-info.svg") no-repeat center;
  background-size: auto;
	vertical-align: bottom;
}
.icon-overview {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #e0e5e7;
	-webkit-mask-image: url("../../assets/icons/icon_overview2.svg");
	mask-image: url("../../assets/icons/icon_overview2.svg");
	vertical-align: bottom;
}
.icon-wait {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url("../img/spinner.svg") no-repeat center;
	background-size: auto;
	vertical-align: bottom;
}
.icon-clock-dep {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../../assets/icons/icon-clock-dep.svg") no-repeat center;
  background-size: auto;
	vertical-align: bottom;
}
.icon-baggage {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../../assets/icons/icon_baggage.svg") no-repeat center;
  background-size: auto;
	vertical-align: bottom;
}
.icon-baggage-white {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../../assets/icons/icon_baggage_white.svg") no-repeat center;
  background-size: auto;
	vertical-align: bottom;
}
.icon-search {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../../assets/icons/icon-search.svg") no-repeat center;
  background-size: auto;
	vertical-align: bottom;
}
.icon-search-white {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../../assets/icons/icon-search-white.svg") no-repeat center;
  background-size: auto;
	vertical-align: bottom;
}
.icon-flight-oneway {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  background: url("../../assets/icons/icon_oneway.svg") no-repeat center;
  background-size: auto;
}
.icon-flight-returnflight {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  background: url("../../assets/icons/icon_returnflight.svg") no-repeat center;
  background-size: auto;
}
.icon-flight-start {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  background: url("../../assets/icons/icon_flightstart.svg") no-repeat center;
  background-size: auto;
}
.icon-flight-start-white {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  background: url("../../assets/icons/icon_flightstart_white.svg") no-repeat center;
  background-size: auto;
}
.icon-flight-land {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  background: url("../../assets/icons/icon_flightland.svg") no-repeat center;
  background-size: auto;
}
.icon-flight-land-grey {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  background: url("../../assets/icons/icon_flightland-grey.svg") no-repeat center;
  background-size: auto;
}
.icon-card {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  background: url("../../assets/icons/icon_card.svg") no-repeat center;
  background-size: auto;
}
.icon-pnr {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  background: url("../../assets/icons/icon_pnr.svg") no-repeat center;
  background-size: auto;
}
.icon-flight-land-white {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  background: url("../../assets/icons/icon_flightland_white.svg") no-repeat center;
  background-size: auto;
}
.icon-seats {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  background: url("../../assets/icons/icon_seats.svg") no-repeat center;
  background-size: auto;
}
.icon-seats-blue {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  background: url("../../assets/icons/icon_seats_blue.svg") no-repeat center;
  background-size: auto;
}
.icon-flight-roundtrip {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  background: url("../../assets/icons/icon_roundtrip.svg") no-repeat center;
  background-size: auto;
}
.icon-flight-multiple {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  background: url("../../assets/icons/icon_multiple.svg") no-repeat center;
  background-size: auto;
}
.icon-flight-direct {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  background: url("../../assets/icons/icon_direct.svg") no-repeat center;
  background-size: auto;
}
.icon-baby {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  background: url("../../assets/icons/baby.svg") no-repeat center;
  background-size: auto;
}
.icon-baby-x {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  background: url("../../assets/icons/baby-x.svg") no-repeat center;
  background-size: auto;
}
.icon-adress-card {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  background: url("../../assets/icons/address-card.svg") no-repeat center;
  background-size: auto;
}
.icon-flight-via {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  background: url("../../assets/icons/icon_via.svg") no-repeat center;
  background-size: auto;
}
.icon-passenger {
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: bottom;
  background: url("../../assets/icons/icon_passenger.svg") no-repeat center;
  background-size: auto;
}
.icon-users-slash {
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: bottom;
  background: url("../../assets/icons/users-slash.svg") no-repeat center;
  background-size: auto;
}
.icon-eur {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  background: url("../../assets/icons/icon_cur_eur.svg") no-repeat center;
  background-size: auto;
}
.icon-gbp {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  background: url("../../assets/icons/icon_cur_gbp.svg") no-repeat center;
  background-size: auto;
}
.icon-try {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  background: url("../../assets/icons/icon_cur_try.svg") no-repeat center;
  background-size: auto;
}
.righttext {
    text-align: right;
}
.icon-soft {
  opacity:0.4;
}

.icon-header {
    width:30px;height:30px;margin-right:10px;
}
.icon-small {
    width:20px;height:20px;margin-right:5px;
}

@media (max-width: 575.98px) {
.page__content > .content .container, .page__content > .content .container-fluid {
    padding: 0px;
    border: none;
}
.page-heading .page-heading__container {
    display: block;
    padding: 6px 8px;
    float: left;
    position: relative;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #ffffff #dee2e6 ;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    background-color: #fff;
    border-bottom: 1px solid #fff;
}
.selectedrow td {
	background: #c5ddef;
}
.detaillink:hover {
    color:#000;
    text-decoration: underline;
    cursor: pointer;
}
.detaillinkall:hover {
    color:#000;
    text-decoration: underline;
    cursor: pointer;
}
.currency {
    text-align: right;
}
.table.table-hover tbody tr:hover {
      background: #a6b9ce;
    cursor: pointer;
}
.control-sm {
    padding: 5px;
}
.nopadding {
    padding-left: 0px;
    padding-right: 0px;
}
.badge {
    font-family: 'Roboto Mono', monospace;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0px 5px;
    width: 40px;
    text-align: center;
}
.badge::after {
    content:none;
    position: absolute;
    left: 7px;
    top: 8px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
}
.switch.switch-sm {
    margin: 2px 0px;
}
#namechangetable .custom-select {
    padding: 4px 30px 4px 4px;
}
#namechangetable .form-control {
    padding: 4px;
}
table.dataTable tbody tr.selectedrow td {
background:#a6b9ce;
}
.btn.btn-smx, .btn-group-smx > .btn {
    padding: 0px 6px;
    font-size: 10px;
}
.datepicker th {
    font-weight: bold;
    border:1px solid #fff;
    border-radius: 0px;
    background: #aaaeb3;
    color:#65686b;
}
.datepicker th.dow {
    font-weight: bold;
    border:1px solid #fff;
    border-radius: 0px;
    background: #aaaeb3;
    color:#65686b;
}
.datepicker td.day {
    font-weight: bold;
    border:1px solid #ccc;
}
.datepicker td.inactive {
    font-weight: bold;
    border:1px solid #df0024;
}
.datepicker td.active {
    font-weight: bold;
    border:1px solid #ccc;
}

.datepicker td.day.disabled{
    font-weight: normal;
    color: #ddd;
    border: 1px solid #ddd;
}

table.table-hover tbody tr:hover td {
    cursor: pointer;
}

.invert .btn.btn-info1 {
    border-color: #8d2424;
    background: #a62b2b;
    color: #FFF;
}
.invert .btn.btn-info2 {
    border-color: rgba(155,155,155,0.2);
    background: #46455a;
    color: #fff;
}

.ajaxlistcontent {
	display:none;
	position:absolute;
	z-index:99;
}
.list-group-item {
	padding:6px 15px;
}

.noopacity {
    opacity: 0;
}
tr.trflight td {
    height: 0px;
}
tr.trtax td {
    height: 0px;
}
tr.trfee td {
    height: 0px;
}
.rtrtax {
    overflow: hidden;
    height: 0px;
    max-height: 0px;
}
.rtrflight {
    overflow: hidden;
    height: 0px;
    max-height: 0px;
}
.rtrfee {
        overflow: hidden;
    height: 0px;
    max-height: 0px;
}
.hanimate {
    max-height: 500px;
}
.pricehover:hover {
    color: #dfdfe9;
    cursor: pointer;
    background-color: #201f2c;
}
.btn-sm{
    text-align: left;
}
.btn-sm .fa{
    margin-right: 10px;
}

.custom-control .custom-control-label::before {
    background-color: #c2c2c2;
    width: 20px;
    height: 20px;
    top: 0px;
    left: -30px;
    -moz-transition: background 200ms ease-in-out;
    -o-transition: background 200ms ease-in-out;
    -webkit-transition: background 200ms ease-in-out;
    transition: background 200ms ease-in-out;
}

.btn.btn-sm2, .btn-group-sm2 > .btn {
    padding: 5px;
}
.custom-select-sm {
    padding: 5px 30px 5px 9px;
}
.select2-search--dropdown .select2-search__field {
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
}
.rw-accordion__header {
    float: left;
    width: 100%;
    padding: 10px 20px;
    line-height: 20px;
    background: rgba(0, 0, 0, 0.03);
    cursor: pointer;
}
.rw-accordion__item {
    float: left;
    width: 100%;
    margin-bottom: 0px;
	border:none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    background: #FFF;
}

.rw-accordion__item.open .rw-accordion__content {
    padding: 0px 10px;
    height: auto;
}
.tooltip-inner {
    text-align: left;
}

.table thead th {
	background: #9ca9ad;
	color: #f7f9f8;
	border-right:2px solid #ffffff;
}
.table thead th i {
	filter : opacity(0.5);
	color: #3a4956;
}
.table thead th i{
	fill:#df0024;
}
.table tbody tr td {
	background: #f7f9f8;
	border-right:2px solid #ffffff;
}
.table tbody tr td:last-child {
	border-right:none;
}

.table tbody tr:nth-child(odd) td {background: #fdfbf5;}

.table tbody tr.totalprice td {background: #38535a;color:#fff;}
.table tbody tr.totalprice td h2 {color:#fff;}
.table tbody tr.totalprice td small.detaillinkall {color:#fff;}


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 {
    background: #88989c;
	color: #ffffff;
	border-right:2px solid #ffffff;
}

.nmb {
	margin-bottom: 0px !important;
}

.nav-tabs-cardtop .nav-tabs {
    margin-top: -38px;
    margin-left: -1px;
}

.nav-tabs .nav-link, .nav-tabs .nav-item.show .nav-link {
font-size: 18px;
padding:8px 12px;
color:#e0e5e7;
}

.nav-tabs .nav-link.active .icon-overview {
	background-color: #323c47;
}

.smalllink{
font-size: 14px !important;
height: auto;
}

.biglink.active{
height: 56px !important;
}

.btn-sm [class^="li-"], .btn .fa {
    font-size: 18px;
    line-height: 18px;
    float: left;
    text-align: center;
	margin-right:5px;
}
.nocc {
	height: 230px;
}
.ccinput {
	height: 230px;
}
.spinnerwrapper {
	width: 128px;
	margin:0px auto;
	margin-top: 200px;
}
.wait-spinner {
	position: absolute;
	z-index: 9999;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.9);
}
.noopacity {
	opacity:0;
}
.dottedsmall {
	border-bottom:1px dotted #666666;
	padding-bottom: 3px;
	margin-bottom: 3px;
}
.showmouse:hover {
	cursor: pointer;
}
.pricesmallrow {
	font-size: 0.8rem;
}
.clickicon:hover{
		cursor: pointer;
	}

 .errorheader {
	 width:auto;border: none;font-size:192px !important;line-height: 122px; margin:40px;height:180px;
}
.tdDateHead {
  display: flex;
  justify-content: space-between;
  background: #22373d !important;
  color: #fff !important;
}

.form-control-element .form-control-element__box--pretify {
  width: 30px;
  height: 30px;
  line-height: 24px;
  border: none !important;
  top: 0px;
  left: 5px;
  border-radius: 0px;
}
.xsmall {
  border: 1px solid transparent;
  background: transparent;
  width: 50px;
}

.xsmall:hover {
  border: 1px solid #201f2c;
  background: #fff;
  color:#df0024;
  width: 50px;
}

.loginflag {
  width:24px;
  opacity: 0.3;
  border:2px solid transparent;
}
.loginflag:hover {
  opacity: 1;
  filter: drop-shadow(0 0 0.4rem #666666);
}
.activeflag {
  opacity: 1 !important;
  filter: drop-shadow(0 0 0.4rem #666666);
}