body {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.7;
  color: #212529;
  text-align: left;
}

.title {
  color: red;
}

.input-group-append {
  padding: 10px;
  background-color: #ddd;
  border-radius: 0;
}

.username {
  color: #ddd;
  margin-right: 30px;
  float: left;
  width: 100%;
  line-height: 50px;
}

#mb-signout p {
  font-size: 1.3em;
}

li.menuHeader {
  color: white;
  margin: 10px 0 0 30px;
  font-size: x-large;
}

.table-responsive table {
  margin-bottom: 3px;
}

a {
  cursor: pointer;
}

textarea {
  overflow: hidden;
}

.align-right {
  text-align: right;
}

.align-center {
  text-align: center;
}

.number {
  text-align: right
}

.row-odd {
  background-color: #FAFAFA;
}

.row-even {
  background-color: #F0F0F0;
}

.row-hover {
  background-color: #D0D0D0 !important;
}

.medium {
  font-weight: 500;
}

.bold {
  font-weight: bold;
}

.chk25 {
  min-height: 25px;
  width: 25px;
  margin: 5px 5px !important;
}

.chk20 {
  min-height: 20px;
  width: 20px;
  margin: 5px 5px !important;
}

.chk15 {
  min-height: 15px;
  width: 15px;
}

.nowrap {
  white-space: nowrap;
}

.hidden {
  display: none;
}

.fa-spin {
  font-size: 20px;
  margin-left: 3px;
}

.help-block ul {
  padding: 0;
  margin: 0;
}

.help-block ul li {
  list-style: none;
}

.error.form-control {
  border-color: #e46a76;
}

.validate.form-control {
  border-color: #00c292;
}

.error.help-block {
  color: #e46a76;
}

.sweet-alert button.cancel {
  background-color: #e46a76;
}

.sweet-alert button.confirm {
  background-color: #00c292 !important;
}

.disabled {
  pointer-events: none;
  opacity: 0.6;
}

.navbar-header {
  text-align: center;
}

.bootstrap-select .actions-btn {
  margin: 0 2px !important;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  color: #212529;
}

.bootstrap-select .btn-default {
  background-color: #fff;
  border-color: #e9ecef;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

a {
  color: #337ab7;;
}

.blank-label {
  display: block;
  height: 21px;
}

.custom-cb {
  position: absolute;
  margin: 12px 0 0 7px;
}

.custom-cb-link {
  padding-left: 1.5rem;
}

.btn-circle-min {
  border-radius: 100%;
  width: 25px;
  height: 25px;
  padding: 2px 3px 0;
}

.btn-default {
  border: 1px solid #a5a2a2 !important;
}

.datatable .actions {
  text-align: right;
}

form label {
  font-size: 13px;
  margin-bottom: 5px;
}

.no-padding-left {
  padding-left: 0;
}

.no-padding-right {
  padding-right: 0;
}

.no-padding {
  padding: 0;
}

form .row div:not(.btn-group):not(.bootstrap-select) {
  margin-bottom: 10px;
  line-height: 25px;
}

.lbl-left {
  margin-left: 7px !important;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #e74c3c;
  border: 1px solid #e74c3c;
  border-radius: 50%;
}

.custom-control-label::after, .custom-control-label::before {
  margin-top: 2px;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.custom-radio .custom-control-label::before {
  border: 1px solid #a5a2a2;
  border-radius: 50%;
  background-color: white;
}

.sweet-alert .sa-icon {
  display: none !important;
}

.sweet-alert h2 {
  font-size: 20px;
  margin: 0;
}

.sweet-alert .sa-button-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

.sweet-alert .sa-button-container .confirm {
  background-color: #328dffe6 !important;
  border: none;
  cursor: pointer;
  margin: 0 5px 0 5px;
  order: 1;
}

.sweet-alert .sa-button-container .cancel {
  background-color: #328dffe6 !important;
  border: none !important;
  cursor: pointer;
  margin: 0 5px 0 5px;
  order: 2;
}

.sweet-alert button.cancel:hover {
  background-color: transparent;
}

.pnr-note .modal-title,
.sky-transfer .modal-title,
.pnr-change .modal-title {
  font-weight: 500;
  border-radius: 0;
}

.pnr-change.modal-body {
  padding-bottom: 0;
  padding-top: 0;
}

.pnr-change.modal-footer {
  padding-top: 0;
}

.pnr-change label:last-child {
  margin-left: 20px;
}

.button-align-center {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.modal-content {
  border: 0;
}

.btn-no-background {
  border: 1px solid #17cec4;
  background: transparent;
  color: #17cec4;
  cursor: pointer;
}

.form label, table th {
  font-weight: 500;
  padding: 3px;
}

.info-table {
  width: 100%;
}

.info-table > th {
  font-weight: 600;
  padding: 5px;
}

.info-table > tr {
  padding: 5px;
}

.info-table > tr {
  padding: 5px;
}

.info-table > tr > td {
  padding: 5px;
}

.accordion .card-header:after {
  font-family: 'FontAwesome';
  content: "\f068";
  float: right;
  margin-right: 15px;
}

.accordion .card-header.collapsed:after {
  content: "\f067";
  margin-right: 15px;
}

.accordion .card .card-header.collapsed,
.accordion .card .card-header {
  padding: 10px;
}

.accordion .card .card-header.collapsed .card-title,
.accordion .card .card-header .card-title {
  font-size: 14px;
  color: #5d5d5d;
}

.description {
  width: 100%;
  padding: .375rem .75rem;
  font-size: .875rem;
  line-height: 1.5;
  background-color: #fff;
  border: 1px solid #e9ecef;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  height: 150px;
  overflow: auto;
}

.footer {
  position: absolute;
}

.page-wrapper {
  min-height: 989px;
  margin-bottom: 75px;
}

.mce-panel div, .input-group-append {
  margin-bottom: 0 !important;
}

.bootstrap-tagsinput {
  width: 100%;
  border: 1px solid #e9ecef;
  border-radius: .25rem;
  box-shadow: none;
  height: 38px;
  padding: .375rem .75rem;
}

.vtabs .tabs-vertical li .nav-link {
  border-radius: 0.25rem !important;
}


.wizard-content .wizard > .steps > ul > li.enabled a {
  color: #999;
  cursor: pointer;
}

.wizard-content .wizard > .steps > ul > li.enabled a:hover {
  color: #009efb;
  cursor: pointer;
}

.wizard-content .wizard > .steps > ul > li.enabled a:hover .step {
  border-color: #009efb;
  background-color: #fff;
  color: #009efb;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: #328dffe6 !important;
  border: 1px solid #328dffe6 !important;
  color: white !important;
}

a:hover {
  color: #324aa0;
}

.modal-xl {
  max-width: 1024px;
}

.modal-m {
  max-width: 750px;
}

.modal-xxl {
  max-width: 85%;
}

.table thead th:not(.table-head-center) {
  vertical-align: bottom;
  border-bottom: none;
  font-weight: 600;
}

.btn-fix {
  width: 128px;
}

#recordList tr td {
  min-width: 125px;
}

.mini-sidebar .navbar-brand div {
  background-image: url(/images/ap_logo.png);
  width: 80px;
  height: 30px;
  margin-bottom: -6px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.datepicker-width {
  width: 128px !important;
}

.topbar .top-navbar .navbar-header {
  background: none;
}

.navbar-brand span img {
  padding: 0 20px;
}

.fixed-layout .topbar {
  background: #fff;
  box-shadow: 0 0 10px #ccc;
}

.sidebar-nav > ul > li.active > a {
  border-left: 3px solid #fff;
  font-weight: bold;
  color: #fff;
}

.sidebar-nav ul li a.active, .sidebar-nav ul li a.active i, .sidebar-nav ul li a:hover, .sidebar-nav ul li a:hover i {
  font-weight: bold;
  color: #fff;
}

.loader__label, .page-titles .breadcrumb .breadcrumb-item.active {
  color: #61656e;
}

.left-sidebar, .mega-dropdown .nav-accordion .card-header {
  background: #2f343d;
}

.sidebar-nav ul li a {
  color: #fff;
}

.navbar-light .navbar-nav .nav-link {
  color: #61656e;
}

.sidebar-nav ul li ul {
  padding-left: 20px;
}

.login-register-logo {
  max-width: 260px;
}

.login-box {
  border: 1px solid #e9ecef;
}

.login-box .form-group input {
  padding: 0 10px;
  border-radius: 6px;
}

.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus {
  background-image: linear-gradient(#ec1c22, #ec1c22), linear-gradient(#e9ecef, #e9ecef);
}

.sidebar-nav ul li a {
  padding: 5px 10px 5px 15px;
  font-size: 15px;
}

.sidebar-nav ul li ul li a {
  padding: 5px 35px 5px 15px;
}

.sidebar-nav .has-arrow::after {
  top: 15px;
}

aside.left-sidebar {
  width: 200px;
  padding-bottom: 45px;
}

.mini-sidebar aside.left-sidebar {
  display: none;
}

.card .row .col-md-12:not(.guest-form-area):not(.search-date-area):not(.search-date-wrapper):not(.search-night-wrapper):not(.search-hotel-body-item):not(.flight-selection-area):not(.search-mice-date-area):not(.search-mice-date-area .night):not(.search-mice-body-item.search-mice-guest-area):not(.remove-guest-button-wrapper):not(.search-hotel-body-item .search-people):not(.update-guest-form .guest-form-buttons-wrapper):not(.mice-content .mice-result-info):not(.mice-content .mice-description-wrapper):not(.mice-content):not(.search-hotel-type):not(.travel-check-request-tracker-container .col-md-12):not(.search-ticket-area .col-md-12):not(.outbound-transfer-wrapper .col-md-12):not(.return-transfer-wrapper .col-md-12):not(.transfer-price-header.col-md-12):not(.flight-detail-fligth-info.col-md-12):not(.select-flight.col-md-12):not(.flight-return-detail-info):not(.flight-departure-detail-info):not(#frmChangeFaxReport .service-type.col-md-12){
  overflow: auto;
}

.table {
  overflow-x: auto;
  width: 100%;
  font-size: 14px;
}

.table tbody tr td .row {
  line-height: 22px;
}

.newRecordArea {
  border: none;
  margin-bottom: 0;
}

.table td, .table th {
  padding: 7px;
  border: 0;
}

.table th {
  white-space: nowrap;
}

.panel-body {
  width: 100%;
}

tbody, thead {
  width: 100%;
}

input.datepicker {
  min-height: 38px;
  border-radius: 0;
}

.btn-rounded {
  margin: 0 0 10px 10px;
}

#chId6 .card-body {
  padding-left: 0;
  padding-right: 0;
}

.bank-records ul {
  list-style: none;
  padding-inline-start: 0;
  margin-left: 10px;
}

/* TABLE MIN-WIDTH */

.min-70 {
  min-width: 70px !important;
}

.min-80 {
  min-width: 80px !important;
}

.min-90 {
  min-width: 90px !important;
}

.min-100 {
  min-width: 100px !important;
}

.min-110 {
  min-width: 110px !important;
}

.min-120 {
  min-width: 120px !important;
}

.min-130 {
  min-width: 130px !important;
}

/* TABLE MIN-WIDTH */

@media (min-width: 768px) {
  .navbar-header {
    width: 200px;
  }

  .mini-sidebar .footer, .mini-sidebar .page-wrapper {
    margin-left: 0;
  }
}

@media (min-width: 1024px) {
  .footer, .page-wrapper {
    margin-left: 200px;
  }
}

.selectSliderItem .text {
  margin-left: 190px;
}

.divSliderItem {
  border: 1px solid #e8e8e8;
  margin-bottom: 10px;
  padding-top: 10px;
  border-left: 3px solid orange;
  background-color: whitesmoke;
}

.add-insurance .modal-title {
  font-size: 18px;
  font-weight: 500;
}

.add-insurance.modal-body .alert-success {
  background-color: transparent;
  border-color: transparent;
  color: #797979;
  margin: 0;
  padding: 0;
}

.add-insurance.modal-footer {
  padding: 0 15px 15px 15px;
}

.modal-title {
  font-size: 18px;
  font-weight: 500;
}

.modal-footer {
  padding: 15px;
}

#frmCallListen .table {
  margin-bottom: 0;
}

.frmChangeBookingCommission label,
.frmChangeFaxReport label,
.cancel-confirm-report label,
.frmChangeBookingAgency label {
  margin-bottom: 5px;
}

.frmChangeBookingAgency .modal-body,
.frmChangeBookingCommission .modal-body {
  padding-bottom: 0;
}

.frmChangeBookingAgency .modal-footer,
.frmChangeBookingCommission .modal-footer {
  padding-top: 0;
}

.frmChangeFaxReportLbl label {
  font-size: 14px;
}

.booking-price-detail h5 {
  font-size: 14px;
}

.booking-price-detail .card-body {
  padding-top: 0;
  padding-bottom: 0;
}

#firstActions tbody,
#firstActions th {
  text-align: center;
}

.btn-no-background:hover {
  color: #17cec4;
}

#fail {
  color: red;
  font-size: 60px;
  margin-left: 0;
  border: 1px solid red;
  border-radius: 100px;
  padding: 10px 30px 10px 30px;
  margin-bottom: 20px;
  line-height: 60px;
}

.datepicker table tr td.today.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today[disabled],
.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
  background: #17CEC0;
}

#txtHotelComment {
  height: 100px;
}

.succes-text {
  font-size: 16px;
  color: #07a92b;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #fff !important;
  border: 1px solid #328dffe6;
  background-color: #328dffe6;
}

.sales_report_search_by {
  margin-bottom: 15px;
}

.dataTables_filter input {
  background-image: none !important;
}

.dataTables_filter input:focus,
.dataTables_length select,
.dataTables_length select:focus {
  background-image: linear-gradient(#03a9f3, #03a9f3), linear-gradient(#03a9f3, #03a9f3);
  border: none !important;
}

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
  background-image: linear-gradient(to bottom, #03a9f3, #03a9f3);
}

.helpdesk td {
  line-height: 20px;
}

.bootstrap-select .dropdown-menu li a:focus,
.bootstrap-select .dropdown-menu li a:hover {
  color: #03a9f3;
  background: #f8f9fa;
}

.add-payment-credit-card .btn-group.select,
.add-payment-money-transfer .btn-group.select {
  margin-bottom: 12px;
}

.success span {
  font-size: 120px !important;
  color: #08aeea !important;
  text-shadow: none !important;
}

.alert.alert-danger {
  font-size: 14px;
  text-align: center;
  padding: 10px 0 0 0;
  margin-bottom: 1rem;
  background-color: transparent;
  color: inherit;
  border: none;
}

.error span {
  color: red;
  text-shadow: none !important;
}

.head {
  font-weight: bold;
  text-align: right;
  padding-right: 20px;
}

form .row div:not(.btn-group):not(.bootstrap-select) {
  margin-bottom: 0;
}

.alert-danger-custom {
  margin-bottom: 10px;
  color: #721c24;
  background-color: #f8d7da;
  padding: .75rem 1.25rem;
  border: 1px solid #f5c6cb;
  border-radius: .25rem;
  text-align: left;
}

#explanation-error {
  margin: 0;
  padding: 0;
}

#selectNoShow-error {
  padding-left: 0;
}

.ustbaslik {
  font-size: 14px;
}

.table-hover .table-info:hover,
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #f1f1f1;
}

.noty_message {
  margin: 20px 0 0 !important;
}

.flight-rules {
  padding: 10px;
}

.flight-rules .modal-footer,
.flight-rules .body {
  padding-top: 0;
}

.flight-rules p {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 300;
}

#garantiCampaign, #garantiCampaignOld {
  padding: .375rem .75rem;
  font-size: .875rem;
  line-height: 1.5;
  background-color: #fff;
  border: 1px solid #e9ecef;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  margin-bottom: 20px;
  width: 172px;
  min-height: 38px;
}

.transferListHeader .table td,
.transferListHeader .table th {
  padding-left: 0;
}

.transferListHeader .table thead th {
  padding-left: 0;
}

.guest-experiences td,
.guest-experiences th,
.last-five-reservation td,
.last-five-reservation th {
  font-weight: 100;
  border: 1px solid #e9ecef;
}

.guest-info-table.table td,
.guest-info-table.table th {
  border: none;
}

.guest-card.table td, .table th {
  border: none;
}

.datepicker td,
.datepicker th {
  font-weight: 100;
  font-size: 14px;
}

.table.in-table tbody {
  background: white;
}

.invoice-table.table td,
.invoice-table.table th {
  border-top: 0;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #328dffe6;
  border-color: #328dffe6;
}

.page-link:hover, .page-link {
  color: #328dffe6;
  background-color: transparent;
}

.air-transportation-detail .main .content {
  max-width: 576px;
  width: 100%;
  max-height: 304px;
  overflow-y: scroll;
}

.air-transportation-detail .main .content .content-header {
  height: 34px;
  background-color: #EDF1F5;
  display: flex;
  justify-content: space-between;
  padding: 5px 20px;
  align-items: center;
}

.air-transportation-detail .main .content .content-header .title {
  font-weight: 700;
  font-size: 16px;
  color: #000000;
}

.air-transportation-detail .main .content .content-header .filter {
  font-weight: 400;
  font-size: 14px;
  color: #0DB6DF;
  background: no-repeat;
  border: none;
  cursor: pointer;
}

.air-transportation-detail .main .content .content-body {
  display: flex;
}

.air-transportation-detail .main .content .content-body .head .title {
  font-weight: 700;
  font-size: 16px;
  color: #292929;
  padding-left: 8px;
}

.air-transportation-detail .main .content .content-body .head .content {
  font-weight: 400;
  font-size: 14px;
  color: #292929;
  padding-left: 8px;
  text-align: start;
  display: flex;
  align-items: center;
  gap: 4px;
  overflow: hidden;
}

.air-transportation-detail .main .content .content-body .head .content input {
  width: 15px;
  height: 15px;
}

.air-transportation-detail .main .content .content-body .head {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  padding-right: 0;
}

.air-transportation-detail .main .content .content-body .head.one-color {
  background: #BDEEF9;
}

.air-transportation-detail .main .content .content-body .head.two-color {
  background: #968CFF;
}

.air-transportation-detail .main .content .content-body .head.three-color {
  background: #FF8308;
}

.air-transportation-detail .main .content .content-body div {
  height: 90px;
  width: 100%;
  border: 1px solid #EDF1F5;
}

.air-transportation-detail .main .content .content-body div:first-child {
  background-color: #BDEEF9;
}

.air-transportation-detail .main .content .content-body:nth-child(odd) {
  background-color: #FFF7D9;
}

.air-transportation-detail .main .content .content-body .head .message {
  height: 100%;
  display: flex;
  text-align: start;
  align-items: center;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #ED1C24;
  padding-left: 5px;
}

.air-transportation-detail .main {
  display: flex;
  gap: 30px;
}

.air-transportation-detail .colors {
  max-width: 660px;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #D0DFEE;
  border-radius: 6px;
  margin-top: 30px;
  height: 60px;
  display: flex;
  align-items: center;
}

.air-transportation-detail .colors .left {
  width: 178px;
  padding: 10px 20px;
}

.air-transportation-detail .colors .left span {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  display: inline-block;
}

.air-transportation-detail .colors .left .one-color {
  background: #BDEEF9;
}

.air-transportation-detail .colors .left .two-color {
  background: #968CFF;
}

.air-transportation-detail .colors .left .three-color {
  background: #FF8308;
}

.air-transportation-detail .colors .left .four-color {
  background: #D7F243;
}

.air-transportation-detail .colors .right {
  font-weight: 400;
  font-size: 14px;
  color: #292929;
}

.air-transportation-detail .buttons {
  display: flex;
  gap: 20px;
  margin-top: 26px;
}

.air-transportation-detail .buttons .close {
  border: 1px solid #0DB6DF;
  border-radius: 4px;
  background-color: white;
  width: 160px;
  height: 44px;
  font-weight: 700;
  font-size: 18px;
  color: #0DB6DF;
  cursor: pointer;
}

.air-transportation-detail .buttons .show {
  background: linear-gradient(90deg, #17CCC6 0%, #0AAFE8 100%);
  border-radius: 4px;
  width: 240px;
  height: 44px;
  border: none;
  font-weight: 700;
  font-size: 18px;
  color: #FFFFFF;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

#flightOptionsPricesModal {
  overflow: scroll;
}

.global-flight-detail-wrapper .header .top {
  display: flex;
  font-weight: 700;
  font-size: 16px;
  color: #000000;
}

.global-flight-detail-wrapper .header .top div {
  width: 100%;
  height: 34px;
  background-color: #78b3fdfc !important;
  font-size: 16px;
  font-weight: 500;
  color: white;
  text-align: center;
  padding-top: 5px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-right: 1px solid #ffffff;
}

.global-flight-detail-wrapper .header .bottom {
  display: flex;
  font-weight: 400;
  font-size: 16px;
  color: #292929;
}

.global-flight-detail-wrapper .header .bottom div {
  width: 100%;
  text-align: center;
  padding: 6px;
  border-right: 1px solid #ffffff;
  color: #212949;
}

.flight-subhead,
#addFlightDetailContent .flight-detail-info,
.global-flight-detail-wrapper .flight-head,
.global-flight-detail-wrapper .flight-subhead {
  font-weight: 700;
  font-size: 16px;
  color: #292929;
  margin-top: 32px;
  margin-bottom: 20px;
}

.global-flight-detail-wrapper .flight-detail {
  display: flex;
  gap: 20px;
}

.global-flight-detail-wrapper .flight-detail .left {
  font-weight: 700;
  font-size: 16px;
  color: #292929;
}

.global-flight-detail-wrapper .flight-detail .right {
  font-weight: 400;
  font-size: 14px;
  color: #292929;
  display: flex;
  flex-direction: column;
  gap: 3.5px;
}

.agreement,
.global-flight-detail-wrapper .flight-info {
  font-weight: 400;
  font-size: 14px;
  color: #050e3c;
  height: 265px;
  overflow: auto;
  background: #f3f8ff;
  border-radius: 8px;
  padding: 20px 14px 20px 20px;
  box-shadow: 0 0 3px 0 #b8d0ef;
}

.global-flight-detail-wrapper .flight-buttons {
  margin-top: 32px;
}

.global-flight-detail-wrapper .flight-buttons .close {
  width: 160px;
  height: 44px;
  font-weight: 700;
  font-size: 18px;
  cursor: pointer;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}

.global-flight-detail-wrapper .flight-buttons .add-flight {
  width: 170px;
  height: 44px;
  background: linear-gradient(90deg, #17CCC6 0%, #0AAFE8 100%);
  border-radius: 4px;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  color: #FFFFFF;
  margin-left: 10px;
  display: inline-block;
  padding-top: 9px;
}

.global-success-or-error-modal .modal-content {
  height: 416px;
}

.global-success-or-error-modal .modal-body {
  text-align: center;
  font-family: 'Nunito Sans';
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.global-success-or-error-modal .modal-body img {
  width: 65px;
  height: 65px;
}

.global-success-or-error-modal .modal-body p {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  color: #292929;
  width: 426px;
  margin-top: 23px;
  margin-bottom: 51px;
}

.global-success-or-error-modal .modal-body button {
  background: linear-gradient(90deg, #17CCC6 0%, #0AAFE8 100%);
  border-radius: 4px;
  width: 190px;
  height: 50px;
  cursor: pointer;
  font-weight: 600;
  font-size: 18px;
  color: #FFFFFF;
}

.global-success-or-error-modal .modal-body button:hover {
  opacity: 1;
}

.noty_message {
  margin: 20px;
  font-size: 24px !important;
}

.noty_buttons {
  background-color: #328dffe6 !important;
  border: none !important;
  color: white !important;
  border-radius: 4px;
}

i.glyphicon.glyphicon-ok-circle.mb-5 {
  font-size: 120px;
}

.noty_text {
  color: #575757;
  font-weight: 500;
  line-height: 25px;
  font-size: 20px;
}

#noty_center_layout_container li {
  background: #fff !important;
  border: none !important;
  box-shadow: 0 0 10px #0003 !important;
  border-radius: 6px !important;
  opacity: 1;
  width: 100% !important;
  margin-bottom: 10px;
}

#noty_center_layout_container {
  position: fixed !important;
  width: 100% !important;
  max-width: 500px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none !important;
  z-index: 10000000 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

@media screen and (max-width: 768px) {
  #noty_center_layout_container li {
    padding: 10px !important;
  }
}

.noty_text .glyphicon-ok {
  border: 3px solid #328dffe6;
  color: #328dffe6;
  padding: 10px;
  border-radius: 75px;
  font-size: 40px;
  -webkit-text-stroke: 1px #fff;
  -webkit-text-stroke-width: 7px;
  margin-bottom: 30px !important;
}

.noty_text .glyphicon-remove {
  border: 3px solid #F27474;
  color: #F27474;
  padding: 14px;
  border-radius: 75px;
  font-size: 40px;
  -webkit-text-stroke: 1px #fff;
  -webkit-text-stroke-width: 7px;
  margin-bottom: 30px !important;
}

.noty_text .glyphicon-ok {
  border: 3px solid #328dffe6;
  color: #328dffe6;
  padding: 14px;
  border-radius: 75px;
  font-size: 40px;
  -webkit-text-stroke: 1px #fff;
  -webkit-text-stroke-width: 7px;
  margin-bottom: 30px !important;
}

.noty_text .glyphicon-trash {
  border: 3px solid #F8BB86;
  color: #F8BB86;
  padding: 25px;
  border-radius: 75px;
  font-size: 50px;
  margin-bottom: 30px !important;
}

.noty_text .glyphicon-retweet {
  border: 3px solid #F8BB86;
  color: #F8BB86;
  padding: 25px;
  border-radius: 75px;
  font-size: 50px;
  margin-bottom: 30px !important;
}

#noty_center_layout_container .noty_bar .noty_buttons {
  background: #fff !important;
  border: none !important;
  text-align: center !important;
  padding: 10px 0 20px !important;
}

.copy-link-button,
#noty_center_layout_container .noty_bar .noty_buttons button {
  cursor: pointer;
}

/* EOF FORM ELEMENTS */

.overlay-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000a;
  top: 0;
  left: 0;
  z-index: 2000;
}

.error-404,
.error-500 {
  height: 580px;
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1164px;
}

.error-404 img,
.error-500 img {
  max-width: 425px;
}

.error-404 p,
.error-500 p {
  font-weight: 500;
  font-size: 36px;
  line-height: 145%;
  color: #000000;
  margin: 25px 0;
}

.error-404 a,
.error-500 a {
  background: linear-gradient(90deg, #17CCC6 0%, #0AAFE8 100%);
  border-radius: 4px;
  width: 212px;
  height: 36px;
  font-size: 18px;
  line-height: 145%;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}

#errorModal .modal-content .modal-body {
  text-align: center;
}

#errorModal .modal-content .modal-body .question-icon {
  font-weight: 400;
  font-size: 64px;
  line-height: 145%;
  color: #FFB000;
}

#errorModal .modal-content .modal-body .question-icon img {
  width: 64px;
  height: 93px;
}

#errorModal .modal-content .modal-body .warning-text {
  font-weight: 700;
  font-size: 18px;
  line-height: 145%;
  text-align: center;
  color: #292929;
  margin-top: 23px;
}

#errorModal .modal-content .modal-body .warning-text .warning-text-second ul {
  list-style: none;
  margin-top: 5px;
  padding-left: 0;
}

#errorModal .modal-content .modal-body .warning-text .warning-text-first,
#errorModal .modal-content .modal-body .warning-text .warning-text-second {
  font-weight: 700;
  font-size: 18px;
  line-height: 145%;
  text-align: center;
  color: #292929;
  margin: 0;
}

#errorModal .modal-content .modal-body .warning-text .alert-text {
  font-weight: 300;
  margin-top: 20px;
  font-size: 16px;
}

#errorModal .modal-content .modal-footer {
  display: flex;
  justify-content: center;
}

#errorModal .modal-content .modal-footer .close-button {
  left: 48.06%;
  right: 38.75%;
  top: 33.9%;
  bottom: 62.43%;
  font-weight: 700;
  font-size: 18px;
  line-height: 145%;
  text-align: center;
  width: 190px;
  height: 50px;
  padding-top: 13px;
  padding-bottom: 11px;
  margin-bottom: 10px;
  background-color: #328dffe6 !important;
}

#warningModal .modal-content .modal-body {
  text-align: center;
}

#warningModal .modal-content .modal-body .question-icon {
  font-weight: 400;
  font-size: 64px;
  line-height: 145%;
  color: #FFB000;
}

#warningModal .modal-content .modal-body .question-icon img {
  width: 64px;
  height: 93px;
}

#warningModal .modal-content .modal-body .warning-text {
  font-weight: 700;
  font-size: 18px;
  line-height: 145%;
  text-align: center;
  color: #292929;
  margin-top: 23px;
}

#warningModal .modal-content .modal-body .warning-text .warning-text-second ul {
  list-style: none;
  margin-top: 5px;
  padding-left: 0;
}

#warningModal .modal-content .modal-body .warning-text .warning-text-first,
#warningModal .modal-content .modal-body .warning-text .warning-text-second {
  font-weight: 700;
  font-size: 18px;
  line-height: 145%;
  text-align: center;
  color: #292929;
  margin: 0;
}

#warningModal .modal-content .modal-body .warning-text .alert-text {
  font-weight: 300;
  margin-top: 20px;
  font-size: 16px;
}

#warningModal .modal-content .modal-footer {
  display: flex;
  justify-content: center;
}

#warningModal .modal-content .modal-footer .close-button {
  left: 48.06%;
  right: 38.75%;
  top: 33.9%;
  bottom: 62.43%;
  background: linear-gradient(90deg, #17CCC6 0%, #0AAFE8 100%);
  border-radius: 4px;
  font-weight: 700;
  font-size: 18px;
  line-height: 145%;
  text-align: center;
  color: #FFFFFF;
  width: 190px;
  height: 50px;
  padding-top: 13px;
  padding-bottom: 11px;
  margin-bottom: 10px;
}

.invoice-modal-header .close-button-area {
  width: 24px;
  height: 31px;
  left: 1138px;
  top: 143px;
  font-weight: 400;
  font-size: 24px;
  line-height: 31px;
  text-align: center;
  color: #292929;
}

.invoice-modal-header .modal-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 145%;
  text-align: center;
  color: #000000;
  margin-top: 25px;
  margin-left: 22px;
}

.invoice-modal-body .invoice-change-info {
  height: 34px;
  left: 406px;
  top: 206px;
  background: #EDF1F5;
  font-weight: 700;
  font-size: 16px;
  line-height: 145%;
  color: #000000;
  text-align: left;
  padding-left: 21px;
  padding-top: 5px;
  display: flex;
  align-items: center;
  padding-bottom: 6px;
  border-radius: 6px;
}

.invoice-modal-body .invoice-change-info-area .invoice-select {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.invoice-modal-body .invoice-change-info-area .invoice-select .call-center-resource {
  font-weight: 400;
  font-size: 14px;
  line-height: 145%;
  color: #292929;
}

.invoice-modal-body .invoice-change-info-area .change-btn {
  height: 38px;
  border: 1px solid #0DB6DF;
  border-radius: 4px;
  font-weight: 400;
  font-size: 16px;
  line-height: 145%;
  text-align: center;
  color: #0DB6DF;
  width: 100% !important;
}

.invoice-modal-body .invoice-change-info-area .invoice-select .invoice-change-info-button {
  width: 20px;
  height: 20px;
}

.invoice-modal-body .invoice-change-info-area .invoice-select .contact-info-btn {
  width: 20px;
  background: #FFFFFF;
  border: 1px solid #C9C9C9;
}

.invoice-modal-body .invoice-change-info-area .invoice-contact-info-content {
  width: 240px;
  height: 37px;
  background: #FFFFFF;
  border-radius: 2px;
  margin-bottom: 50px;
  margin-top: 13px;
}

.company-address .company-address-input {
  width: 650px;
  height: 100px;
  left: 427px;
  top: 671px;
  background: #FFFFFF;
  border: 1px solid #C9C9C9;
  border-radius: 2px;
  color: #212529;
}

#companyName {
  height: 44px;
  left: 427px;
  top: 582px;
  background: #FFFFFF;
  border: 1px solid #C9C9C9;
  border-radius: 2px;
}

#taxNo {
  height: 44px;
  left: 702px;
  top: 582px;
  background: #FFFFFF;
  border: 1px solid #C9C9C9;
  border-radius: 2px;
}

#taxName {
  height: 44px;
  left: 907px;
  top: 582px;
  background: #FFFFFF;
  border: 1px solid #C9C9C9;
  border-radius: 2px;
}

.warning-text {
  font-weight: 700;
  font-size: 16px;
  line-height: 145%;
  color: #ED1C24;
  margin-bottom: 7px;
}

.company-address {
  text-align: left;
  margin: 18px 99px 27px 21px;
}

.invoice-text {
  margin-top: 25px;
  margin-bottom: 75px !important;
  margin-right: 62px;
}

.warning-text span {
  font-weight: 700;
  font-size: 16px;
  line-height: 145%;
  color: #ED1C24;
  margin-left: 40px;
}

.table-container th {
  background: #EDF1F5;
  font-weight: 300;
}

.close {
  opacity: 1 !important;
}

.invalid-feedback {
  font-size: 13px !important;
  margin-top: 0 !important;
}

.navbar-link-area {
  gap: 30px;
  display: flex;
}

.navbar-link-area a {
  gap: 30px;
  display: flex;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #2E2C34;
  padding: 0;
  margin-bottom: 0;
  cursor: pointer;
}

.total-input .error {
  color: #ED1C24;
}

.payment-info .error {
  color: #ED1C24;
}

.breadcrumb-workgroup {
  font-size: 14px;
  font-weight: 500;
}

.breadcrumb-text-area {
  display: inline-flex;
  gap: 5px;
  align-items: baseline;
}

.sidebar-left-menu {
  margin-left: 30px !important;
  list-style: none;
  font-size: 14px;
}

.sidebar-left-menu-dropdown li {
  list-style: none;
  cursor: pointer;
  padding: 13px 2px 3px 2px;
}

.sidebar-left-menu-dropdown li a {
  color: white !important;
  line-height: 125%;
}

.sidebar-left-menu-item-title {
  color: white !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

/*button loader*/
.loader-button {
  margin: auto;
  animation: spinner 4s linear infinite;
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.sidebar-left-menu-item-title:hover {
  color: white !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.sidebar-left-menu-down-arrow {
  color: white;
  font-size: 10px;
  font-weight: 100;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #212529;
  border: 1px solid #ddd;
  background-color: #fff;
  cursor: pointer;
}

#areaTable {
  font-size: 13px;
}

.button-save:active,
.button-save:hover,
.button-save:focus,
.button-save {
  background: #fb9678;
  color: #fff;
}

.button-excel:active,
.button-excel:hover,
.button-excel:focus,
.button-excel {
  background: #fb9678;
  color: #fff;
}

.new-button {
  width: 66px;
  height: 40px;
}

.clear-button {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
  margin-bottom: 10px;
  margin-top: 10px;
}

#area-operation .card-body {
  display: flex;
  justify-content: space-between;
}

.ui-menu-item-custom {
  display: flex;
  align-items: center;
  gap: 10px;
}

.select-input-area {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}

.select-input-value {
  background: #03a9f3;
  padding: 7px 4px 5px 5px;
  color: white;
  border-radius: 5px;
  width: max-content;
}

.close-button:active,
.close-button:hover,
.close-button:focus,
.close-button {
  color: #fff;
  font-size: 13px;
  font-weight: 100;
  line-height: 0;
}

.selected-custom-user-item {
  display: flex;
  justify-content: space-between;
  gap: 23px;
}

.search-hotel-body-item {
  z-index: 2 !important;
}

.search-hotel-wrapper .search-people-title {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 3px;
}

.search-hotel-wrapper .search-people-img {
  width: 13px;
  margin-right: 3px;
  display: inline-flex;
  margin-bottom: 6px;
}

.search-hotel-wrapper .search-people-select-icon {
  margin-top: 5px;
}

.search-hotel-body-item .search-people span {
  font-size: 16px;
  padding-left: 8px;
}

.mobile-guest-content {
  border-radius: 6px;
  box-shadow: 0 0 3px 0 rgb(0 0 0 / 25%);
  background-color: #ffffff;
  width: 265px;
  padding: 20px;
  margin-top: 15px;
  position: absolute;
  z-index: 2;
  margin-right: 45px;
}

.flight-filter-content {
  border-radius: 6px;
  box-shadow: 0 0 3px 0 rgb(0 0 0 / 25%);
  background-color: #ffffff;
  width: 265px;
  padding: 20px;
  margin-top: 15px;
  position: absolute;
  z-index: 2;
}

.input-error-active {
  color: red !important;
}

#guestAdultSpinner {
  display: inline-flex;
  margin-bottom: 20px;
  width: 100%;
}

.btn-spinner {
  border: 1px solid #03c3ed !important;
  border-radius: 3px !important;
  color: #0EB8DD !important;
  background: #ffff;
  height: 30px;
  width: 30px;
}

.glyphicon-minus {
  margin-left: -5px;
  cursor: pointer;
}

.glyphicon-plus {
  margin-left: -4px;
  cursor: pointer;
}

.adult-input {
  background: #D3F1F8;
  height: 30px !important;
  min-height: 30px;
  font-size: 18px !important;
  font-weight: 500 !important;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #818181 !important;
  border-radius: 0;
  pointer-events: none;
  border: none !important;
}

.input-spinner:disabled {
  background: #09b7dd47;
  height: 30px !important;
  min-height: 30px;
  font-size: 18px !important;
  font-weight: 500 !important;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #4a4a4a !important;
  border: none !important;
  border-radius: 0;
}

.child-selection-wrapper {
  display: flex;
  justify-content: flex-start;
  gap: 5px;
  padding: 0;
  margin-top: 20px;
  margin-left: 10px;
}

.disabled-button {
  cursor: not-allowed;
  pointer-events: none;
  background-color: gray !important;
}

.child-selection {
  border: 1px solid #a5a2a2;
  border-radius: 4px;
  padding: 7px 0 7px 0;
  color: #636060;
  text-align: center;
  width: 125px;
  height: 35px;
}

.child-select-age {
  color: #9ca1ae;
  background: transparent;
  appearance: none;
  padding: 6px 16px 6px 5px;
  width: 100%;
  border-radius: 3px;
  border: solid 1px #dbe0e6;
}

.child-selection .fa-chevron-down {
  font-size: 8px;
  position: absolute;
  right: 230px;
  bottom: 88px;
  left: inherit;
  padding-right: 2px;
  z-index: 2;
  color: #9ca1ae;;
}

.child-selection .fa-chevron-down:after {
  position: absolute;
  top: 5px;
  right: 2px;
}

.sf-child-ages {
  margin-top: 15px;
}

.adult-title {
  display: flex;
  gap: 10px;
}

.search-hotel-wrapper {
  display: block !important;
}

.child-selection-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.child-count-input {
  border: 1px solid #a5a2a2 !important;
  border-radius: 4px !important;
  color: #817F7F !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: normal !important;
  padding: 0;
  height: 35px !important;
}

.child-count-input::placeholder {
  color: #636060 !important;
}

.child-required-message {
  font-size: 12px;
  color: red;
  margin-left: 20px;
}

.search-hotel-inputs {
  border-radius: 6px !important;
  border: 1px solid #a5a2a2 !important;
  margin-bottom: 0;
  box-shadow: 0 0 1px 0 rgb(18 5 41 / 20%);
  height: 50px !important;
  padding-left: 8px !important;
}

.product-selection .btn-default {
  width: 120px !important;
  height: 38px !important;
  font-weight: 400 !important;
  font-size: 13px !important;
}

.btn-default {
  box-shadow: 0 0 0 0 rgb(18 5 41 / 20%);
  border-radius: 6px !important;
  border: 1px solid #a5a2a2 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  width: 110px !important;
  height: 50px !important;
}

.search-hotel-again-date .dropdown-toggle::after {
  margin-left: -1.745em !important;
}

.search-hotel-date {
  font-size: 15px !important;
  font-weight: 500 !important;
}

.search-hotel-input-area {
  display: flex;
  gap: 23px;
}

.search-hotel-input-area img {
  width: 20px;
  position: absolute;
  margin: 15px;
}

.search-hotel-input-area input {
  padding-left: 45px !important;
  font-size: 16px;
  font-weight: 600;
  width: 370px !important;
}

.input-group-wrapper {
  display: flex;
  align-items: baseline !important;
  gap: 8px !important;
}

.tooltip-inner {
  background-color: #ffffff !important;
  color: #000000;
}

.custom-data-row:nth-child(2n+1) {
  background-color: #ddddddbd !important;
}

.TEDIYE {
  font-weight: bold;
}

.suggest-tooltip {
  background-color: #FF8309 !important;
  color: #FFFFFF !important;
  text-align: left !important;
  width: 200px !important;
  padding-left: 20px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  border-radius: 6px !important;
}

.ets-suggested {
  height: 22px;
  width: 52px;
  border-radius: 3px;
  color: #ff8308;
  background-color: #FFFFFF;
  position: absolute;
  top: 10px;
  left: 10px !important;
  padding-left: 3px;
  font-size: 13px;
}

.ets-operator {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  font-weight: 600;
  font-size: 14px;
}

.suggest-tooltip-arrow {
  background-color: #ff8308 !important;
}

.arrow:before {
  display: none;
}

[data-toggle='tooltip'] {
  cursor: pointer;
}

[data-id='nightCount'] {
  cursor: pointer;
}

#frmTransfer .btn-default {
  width: max-content !important;
  height: 38px !important;
  border-radius: 0 !important;
}


#frmGuideLog .btn-default,
#guideAssignmentSearchForm .btn-default {
  width: 100% !important;
  height: 38px !important;
  border-radius: 4px !important;
}

#kbrsSmsmodal #kbrsSearchForm {
  padding: 1rem;
}

#kbrsSmsmodal #kbrsSearchForm .kbrs-text {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 35px;
  text-indent: 10px;
  padding-left: 15px;
}

#kbrsSmsmodal #kbrsSearchForm .kbrs-confirmation-field {
  display: flex;
  /*margin-left: 20px;*/
  align-items: center;
}

#kbrsSmsmodal #kbrsSearchForm .kbrs-confirmation-field label {
  font-size: 15px;
}

#kbrsSmsmodal #kbrsSearchForm .kbrs-confirmation-field input {
  /*width: 150px;*/
  height: 38px;
  /*padding-left: 10px;*/
  border: 1px solid #adadad;
  border-radius: 4px;
}

#kbrsSmsmodal .modal-header {
  padding-bottom: 0;
}

#kbrsSmsmodal .modal-header h5 {
  margin-left: 10px;
}

/*#kbrsSmsmodal #kbrsSearchForm #confirmationCodeButton {*/
/*  margin-left: 40px !important;*/
/*}*/

#kbrsSmsmodalPrint .modal-header {
  padding-bottom: 0;
}

#kbrsSmsmodalPrint .kbrs-form-print-body {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 20px;
  text-indent: 27px;
  padding-left: 21px;
}

#kbrsSmsmodalPrint .kbrs-form-print-btn {
  display: flex;
  justify-content: center;
}

.campaign-danger-message {
  font-size: 14px;
  color: red !important;
  display: flex;
  gap: 10px;
}

.campaign-danger-message img {
  width: 20px;
}

.flight-filter-content {
  border-radius: 12px;
  box-shadow: 0 0 5px 0 #9aa2cc !important;
  background-color: #f6f9fd;
  width: 250px;
  padding: 18px;
  position: absolute;
  z-index: 2;
  border: 2px solid #9AA2CC;
  right: 15px;
  top: 34px;
}

.flight-filter-wrapper .flight-filter-content label {
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #000000;
}

.flight-filter-content .apply-filter-btn-area {
  text-align: center;
}

.flight-filter-content .apply-filter-btn {
  border: 1px solid #328dffe6;
  border-radius: 4px;
  font-size: 16px;
  margin-top: 15px;
  background-color: #328dffe6;
  color: #ffffff;
  cursor: pointer;
  width: 210px;
  height: 37px;
}

.flight-filter-wrapper .flight-filter-content select {
  border-radius: 6px;
  border: 1px solid #b0b7d8;
  padding-left: 1px;
  cursor: pointer;
  color: #030303;
}

.flight-filter-wrapper .flight-filter-content .flight-filter-select {
  margin-bottom: 15px;
}

.camp-select {
  background: #EDF1F5;
  border-radius: 4px;
}

.payment-opt {
  display: flex;
  align-items: flex-start;
  justify-content: end;
  gap: 85px;
}

.cancel-icon-div.cancel-icon:before {
  content: '';
  position: absolute;
  margin-top: -15px;
  height: 20px;
  margin-left: -15px !important;
  background-image: url('/images/sales/product-list/icon-cancel(1).png');
  width: 20px;
  background-size: contain;
  object-fit: cover;
  background-color: white !important;
  border-radius: 50%;
  cursor: pointer;
}

.cancel-icon-div {
  height: 0;
  width: 0;
}

#creditCardNo.valid-card-number {
  background-image: url('/images/payment/check.svg');
  background-position: right;
  background-repeat: no-repeat;
  background-size: 16px;
  background-origin: content-box;
}

#creditCardNo.invalid-card-number {
  background-image: url('/images/payment/exclamation.svg');
  background-position: right;
  background-repeat: no-repeat;
  background-size: 5px;
  background-origin: content-box;
}

.contact-detail-info {
  padding-left: 20px;
}

.contact-detail-info .customer-fullname-info {
  margin-left: 0;
}

.contact-warning-text span {
  color: red;
  margin-left: 12px;
}

.contact-detail-button-area {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}

.contact-detail-button-area .close-button {
  font-weight: 400;
  height: 38px;
  color: #08aeea;
  background: white;
  border: 1px solid #08aeea;
}

.noty-massage-area .overlay-layer li {
  overflow: auto !important;
  max-height: 480px !important;
}

.noty-massage-area .noty_buttons {
  position: sticky !important;
  bottom: 0 !important;
}

.noty-massage-area .noty_text {
  text-align: left !important;
  font-size: 22px;
  font-weight: 700;
}

.noty-massage-area .noty_message {
  padding: 8px 10px 9px 25px !important;
}

#noty_check_center_div_container .noty-message-content {
  text-align: left !important;
  font-size: 18px !important;
  font-weight: 400 !important;
}

.noty-message-content:nth-child(1) {
  margin-top: 30px !important;
}

.noty-massage-area .noty-message-give-up {
  font-size: 16px !important;
  width: 100px !important;
}

.noty-massage-area .noty-message-approve {
  height: 44px !important;
  font-size: 16px !important;
  width: 100px !important;
}

#divSalesSearchContent .search-tour-area {
  box-shadow: none !important;
  z-index: 2;
}

.bell-icon {
  width: 28px;
  height: 22px;
  margin-top: 6px;
  cursor: pointer;
}

.bell-icon:hover {
  animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

.message-number {
  color: white;
  background: #328dffe6;
  position: absolute;
  padding: 0 6px;
  font-size: 10px;
  margin-left: 12px;
  top: 16px;
  border-radius: 7px;
}

.bell-tooltip {
  background: #5485b9 !important;
  color: #FFFFFF !important;
  text-align: left !important;
  width: 200px !important;
  height: max-content !important;
  padding-left: 20px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  border-radius: 6px !important;
}

.message-info {
  position: absolute;
  top: 62px;
  right: 50px;
  border-radius: 6px;
  padding: 5px 12px;
  max-width: 300px !important;
  height: max-content;
  cursor: pointer;
  width: max-content !important;
}

.message-short-content .notification-item {
  font-size: 12px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0;
}

.message-short-content li:hover {
  background-color: #f1f1f1;
}

input:not(#loginform input):not(#frmCreateGiftCard input):not(#whiteLabelCreateModal input):not(#whiteLabelUpdateModal input):not(.frmChangeBookingAgency input):not(#giftCardReport input):not(#giftCardBalance input):not(#iyzipay-checkout-form input):not(.payment-authorization-product-list-checkbox.ui-checkbox):not(.base-field):not(input#screenshotUpload):not(#reservationTagInput #reservationNoInput):active,
input:not(#loginform input):not(#frmCreateGiftCard input):not(#whiteLabelCreateModal input):not(#whiteLabelUpdateModal input):not(.frmChangeBookingAgency input):not(#giftCardReport input):not(#giftCardBalance input):not(#iyzipay-checkout-form input):not(.payment-authorization-product-list-checkbox.ui-checkbox):not(.base-field):not(input#screenshotUpload):not(#reservationTagInput #reservationNoInput):focus,
input:not(#loginform input):not(#frmCreateGiftCard input):not(#whiteLabelCreateModal input):not(#whiteLabelUpdateModal input):not(.frmChangeBookingAgency input):not(#giftCardReport input):not(#giftCardBalance input):not(#iyzipay-checkout-form input):not(.payment-authorization-product-list-checkbox.ui-checkbox):not(.base-field):not(input#screenshotUpload):not(#reservationTagInput #reservationNoInput):hover,
input:not(#loginform input):not(#frmCreateGiftCard input):not(#whiteLabelCreateModal input):not(#whiteLabelUpdateModal input):not(.frmChangeBookingAgency input):not(#giftCardReport input):not(#giftCardBalance input):not(#iyzipay-checkout-form input):not(.payment-authorization-product-list-checkbox.ui-checkbox):not(.base-field):not(input#screenshotUpload):not(#reservationTagInput #reservationNoInput) {
  border: 1px solid #a5a2a2 !important;
  border-radius: 4px !important;
}

select:hover,
select:active,
select:focus,
select {
  border: 1px solid #a5a2a2 !important;
  border-radius: 4px !important;
}

textarea {
  border: 1px solid #a5a2a2 !important;
  border-radius: 4px !important;
}

.alert-danger-hotel-agent {
  margin-bottom: 10px;
  color: #721c24;
  background-color: #f8d7da;
  padding: .75rem 1.25rem;
  border: 1px solid #f5c6cb;
  border-radius: .25rem;
  text-align: left;
}

.night-count .dropdown-menu.open .dropdown-menu.inner {
  max-height: 202px !important;
}

.contact-detail-button-area .btn-no-background {
  border: 1px solid #17CECA !important;
  background: transparent !important;
}

@media (max-width: 768px) {
  .nav-link.sidebartoggler {
    z-index: 999999 !important;
    display: flex !important;
  }

  .sidebar-nav {
    padding-top: 30px !important;
  }

  .ap-logo {
    max-width: 140px !important;
    min-width: 140px !important;
    padding: 0 12px 4px 0 !important;
  }

  .mini-sidebar .navbar-brand div {
    width: 64px !important;
    height: 25px !important;
  }
}

.passport-mandatory-information-warning {
  margin-bottom: 10px;
  color: #010101;
  background-color: #fcf4b4;
  padding: 0.75rem 1.25rem;
  border: 1px solid #efdd15;
  border-radius: 0.25rem;
  text-align: left;
}

.left-sidebar-wrapper {
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #ffffff #2F343D;
  cursor: pointer;
}

.left-sidebar-wrapper::-webkit-scrollbar {
  width: 4px;
  cursor: pointer;
}

.left-sidebar-wrapper::-webkit-scrollbar-thumb {
  background: #ffffff;
  border-radius: 5px;
  cursor: pointer;
}

.left-sidebar-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #e6e6e6;
  cursor: pointer;
}

.left-sidebar-wrapper::-webkit-scrollbar-track {
  background: #2F343D;
  border-radius: 10px;
  cursor: pointer;
}

.guest-form-area .dropdown-toggle.btn-default {
  height: max-content !important;
  font-size: 12px !important;
  border-radius: 1px !important;
  min-height: 38px !important;
}

.mobile-guest-content-close-icon {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

.flight-filter-arrow-icon {
  transform: rotate(180deg);
}

.sky-transfer-table-header {
  border-top: 1px solid #dee2e6;
  padding: 5px;
}

.flight-prices-modal .modal-dialog .modal-content .modal-body .header.price-area {
  gap: 0 !important;
}

@media (max-width: 498px) {

  .flight-prices-modal .modal-dialog .modal-content .modal-body .header.price-area {
    display: flex;
  }

  .flight-prices-modal .modal-dialog .modal-content .modal-body .header .bottom div {
    font-size: 12px;

  }

  .flight-prices-modal .modal-dialog .modal-content .modal-body .header .top div {
    font-size: 12px;
    white-space: nowrap;
  }
}

@media (max-width: 767px) {

  .flight-prices-modal .modal-dialog .modal-content .modal-body .header.price-area {
    display: flex;
  }

  .flight-prices-modal .modal-dialog .modal-content .modal-body .header .bottom div {
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
  }

  .flight-prices-modal .modal-dialog .modal-content .modal-body .header .top div {
    height: 34px;
    gap: 3px;
  }
}

.slide-up-button {
  display: inline-block;
  background-color: #ffa123 !important;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 25px;
  transition: background-color .3s, opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  cursor: pointer;
}

.slide-up-button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  line-height: 40px;
  color: #fff;
}

.slide-up-button:hover {
  cursor: pointer;
  background-color: #333;
  box-shadow: 0 0 6px rgb(252 154 105) !important;
}

.slide-up-button:active {
  background-color: #555;
}

.slide-up-button.show {
  opacity: 1;
  visibility: visible;
}

.footer {
  padding: 16px 16px 20px 16px !important;
}

.page-wrapper {
  min-height: 607px !important;
  height: auto;
  background: transparent !important;
}

.drp-buttons {
  display: none !important;
}

.custom-outline-button {
  color: #328dffe6 !important;
  border: 1px solid #328dffe6 !important;
  background-color: white;
  border-radius: 4px;
  cursor: pointer;
}

.custom-outline-button a{
  color: #328dffe6 !important;
}

.custom-blue-button {
  background-color: #328dffe6 !important;
  border: none !important;
  color: white !important;
  border-radius: 4px;
  cursor: pointer;
}

.custom-light-button {
  background-color: #00c683 !important;
  border: none !important;
  color: white !important;
  border-radius: 4px;
  cursor: pointer;
}

.custom-outline-green-button {
  background-color: white !important;
  border: 1px solid #00c683 !important;
  color: #00c683 !important;
  border-radius: 4px;
}

.btn-success {
  background-color: #328dffe6 !important;
  border: 1px solid #328dffe6 !important;
  color: white !important;
}

#divBookingDetail .card-header {
  background-color: rgb(106 162 255 / 12%) !important;
  border-radius: 4px !important;
  cursor: pointer;
}

#divBookingDetail .card-header .card-title {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #101010 !important;
}

.profile-menu .dropdown-item.active,
.profile-menu .dropdown-item:active {
  background-color: #51A8FA !important;
}

.contact-information-log-area {
  max-height: 345px;
  overflow: auto;
}

.contact-information-log-area .contact-information-log-thead tr {
  background-color: #c8e2ff !important;
  border: none !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.contact-information-log-area .contact-information-log-thead {
  position: sticky;
  top: -21px;
}

.contact-information-log-area .contact-information-log-title {
  font-weight: 400;
}

.contact-information-log-area .contact-information-log-tbody td {
  border-top: 1px solid #dee2e6;
}

.villa-offer-area .villa-reservation-status-message-status {
  color: #b33232;
  font-size: 16px;
  font-weight: 600;
}

.villa-offer-area .villa-reservation-status-message-content {
  color: #b33232;
  font-size: 14px;
  font-weight: 600;
  margin-left: 12px;
}

.villa-offer-area .villa-offer-content {
  background-color: #8cb5ff0f;
  border-radius: 6px;
  padding: 1rem;
  margin-bottom: 4px;
}

.villa-offer-area .villa-offer-content span {
  border: 1px solid #8cb5ff;
  border-radius: 6px;
  padding: 2px 6px;
  color: #8cb5ff;
}

.villa-offer-area .villa-offer-content p {
  border-bottom: 2px solid #ffffff;
  color: #353434;
  font-size: 12px;
  font-weight: 500;
}

.villa-offer-area .villa-offer-content .villa-name {
  text-align: justify;
  color: #353434;
  font-size: 12px;
  font-weight: 500;
}

.villa-offer-area .villa-offer-content .villa-name img{
   width: 16px;
   margin-right: 3px;
   margin-bottom: 4px;
}

.custom-outline-red-button {
  background-color: white !important;
  border: 1px solid #c60007 !important;
  color: #c60007 !important;
  border-radius: 4px;
}

.warning-non-3D-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1050;
  overflow: hidden;
}

.warning-non-3D-modal .modal-dialog {
  margin: 0 auto;
  max-width: 100%;
  width: 450px;
}

.warning-non-3D-modal .modal-content {
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
  height: 270px !important;
}

.warning-non-3D-modal .modal-header, .modal-body {
  margin: 0;
}

.warning-non-3D-modal .close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  font-size: 1.5em;
  cursor: pointer;
}

.warning-non-3D-modal .modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.warning-non-3D-modal .modal-body button {
  background-color: #328dff !important;
  color: white;
  border: none;
  padding: 10px 20px;
  margin: 10px 0;
  border-radius: 4px;
  cursor: pointer;
}

.warning-non-3D-modal .modal-body div {
  font-size: 1.2em;
  gap: 12px;
}

.warning-non-3D-modal .modal-content-message{
  text-align: center !important;
  font-size: 18px !important;
  margin: 20px 0 20px 0 !important;
}

@media (max-width: 768px) {
  .warning-non-3D-modal .modal-dialog {
    width: 90%;
  }
}

.custom-booking-detail-table-light-thead {
  background-color: #edf1f5;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}



.custom-tooltip-wrapper {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.custom-tooltip {
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  background-color: #c2c2c2;
  color: #626262;
  padding: 2px 8px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, transform 0.3s;
  z-index: 1000;
}

.custom-tooltip::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translateY(-57%) rotate(180deg);
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent transparent #c2c2c2;
}

.custom-tooltip-wrapper:hover .custom-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%) translateX(20px);
}

.continue-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-width: 235px;
  height: 44px;
  background: #44CD74;
  border-radius: 4px;
  font-weight: 700;
  font-size: 18px;
  line-height: 145%;
  color: #FFFFFF;
  float: right;
}

/*custom table*/
.custom-general-table .custom-general-table-head tr {
  /*background-color: #6aaafa94 !important;*/
  font-size: 14px;
  font-weight: bold;
  color: #464646;
  /*color: #ffffff;*/
  padding: 1rem;
}

.custom-general-table .custom-general-table-head th {
  border: 1px solid #ffffff !important;
  background-color: #6aaafa94 !important;
  padding: 1rem;
}

.custom-general-table .custom-general-table-body tr {
  border: 1px solid #e6e6e6;
  font-size: 12px !important;
  font-weight: 400;
}

.custom-general-table .custom-general-table-body td {
  border-right: 1px dashed #ebebeb !important;
}

/*page timer*/
.countdown-tooltip-text {
  display: none;
  position: absolute;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  padding: 8px;
  border-radius: 4px;
  font-size: 12px;
  top: 0;
  transform: translateX(-105%) translateY(46%);
  white-space: nowrap;
}
.warning-message::before,
.countdown-tooltip-text::before {
  content: "";
  position: absolute;
  top: 32%;
  left: 100%;
  border-width: 6px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
  transform: rotate(270deg);
}
.countdown-wrapper {
  position: fixed;
  top: 100px;
  right: 20px;
  width: 66px;
  height: 66px;
  /*display: flex;*/
  justify-content: center;
  align-items: center;
  /*position: relative;*/
  display: inline-block;
}

.top-bar, .side-bar {
  background: #333;
  position: absolute;
  transition: background 0.5s;
}

.top-bar {
  width: 22px;
  height: 6px;
  top: -12px;
  border-radius: 8px;
}

.side-bar {
  width: 18px;
  height: 6px;
  top: -4px;
  transform: rotate(90deg);
}

#countdownText {
  font-weight: 100;
  font-size: 8px;
}

#countdownNumberWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: normal;
}

.countdown-container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #333;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  transition: background 0.5s;
}

.countdown-container svg {
  position: absolute;
  top: -3px;
  left: 3px;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.progress-circle {
  fill: none;
  stroke: #00ff06;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-dasharray: 176;
  stroke-dashoffset: 176;
  transition: stroke-dashoffset 1s linear, stroke 0.5s;
}

.shake {
  animation: shake 0.5s infinite alternate;
}

@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-2px); }
  50% { transform: translateX(2px); }
  75% { transform: translateX(-2px); }
  100% { transform: translateX(2px); }
}


.warning-message {
  position: absolute;
  right: -136px;
  top: 16px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 6px 10px;
  border-radius: 5px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  transition: transform 0.5s ease-out, opacity 0.5s ease-out;
}

.warning-message.show {
  transform: translateX(-210px);
  opacity: 1;
}

.warning-message.hide {
  transform: translateX(100px);
  opacity: 0;
}

/*page timer*/

/*navbar timer*/
.topbar .timer-container {
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;
  border-radius: 10px;
  color: white;
  min-width: 130px;
  height: 40px;
  line-height: normal;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}

.topbar .timer-display {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-family: "Orbitron", sans-serif !important;
}
.topbar .timer-title {
  color: #5a5a5a;
  font-size: 10px;
  font-weight: 400;
  margin-right: 35px;
}
.topbar .minutes {
  border-radius: 4px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  background: #f6f6f6;
  color: #282828;
  padding: 10px;
  font-family: "Orbitron", sans-serif;
}
.topbar .seconds {
  background: #f6f6f6;
  color: #282828;
  padding: 10px;
  border-radius: 4px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
  font-family: "Orbitron", sans-serif;
}
.topbar .separator {
  padding: 0 5px;
  color: black;
}
.topbar .warning {
  margin-top: 10px;
  display: none;
  font-weight: bold;
  position: absolute;
  right: 6%;
  top: 77px;
  z-index: 9;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 6px 10px;
  border-radius: 5px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 1;
  transition: transform 0.5s ease-out, opacity 0.5s ease-in-out;
}
.topbar .warning::before {
  content: "";
  position: absolute;
  bottom: 99%;
  left: 50%;
  border-width: 6px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
  transform: rotate(180deg);
}
.topbar .shake {
  animation: shake 0.3s infinite;
}
@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }
  75% { transform: translateX(-5px); }
  100% { transform: translateX(0); }
}

.timer-title {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.tooltip-icon {
  width: 12px;
  height: 12px;
  cursor: pointer;
}

.tooltip-text {
  position: absolute;
  right: -76%;
  top: 0;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 6px 10px;
  font-size: 12px;
  white-space: nowrap;
  border-radius: 4px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out;
}

.tooltip-icon:hover + .tooltip-text {
  opacity: 1;
  visibility: visible;
}


/*navbar timer*/
.continue-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-width: 235px;
  height: 44px;
  background: #44CD74;
  border-radius: 4px;
  font-weight: 700;
  font-size: 18px;
  line-height: 145%;
  color: #FFFFFF;
  float: right;
}

.alert-danger-etscore {
  margin-bottom: 10px;
  color: #721c24;
  background-color: #f8d7da;
  padding: .75rem 1.25rem;
  border: 1px solid #f5c6cb;
  border-radius: .25rem;
  text-align: left;
}

.login-warning-text {
  background: #ffdcdc9e;
  color: #c70000;
  padding: 2px 12px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  margin-top: 12px;
}