@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap);
body {
  font-family: "Noto Sans", sans-serif !important;
  background-color: #f7f9ff !important;
}

.form-control:focus {
  background-color: transparent !important;
}
/**card css com**/
.addItem:hover {
  background-color: transparent !important;
}
.card {
  padding: 20px !important;
  background-clip: padding-box;
  box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12);
  border: none !important;
}
.card-title {
  color: #404040;
  font-size: 20px;
  margin-bottom: 0px !important;
}
hr {
  margin: 1rem 0;
  color: #32475c !important;
  border: 0;
  border-top: 2px solid;
  opacity: 1;
}

.did-floating-label-content {
  position: relative;
  margin-bottom: 12px;
  width: 100%;
}
.did-floating-label {
  color: #404040;
  font-size: 11px !important;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: -4px;
  padding: 0 3px;
  background: #fff;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.did-floating-textarea {
  font-size: 13px !important;
  display: block;
  width: 100%;
  padding: 0 15px;
  background: #fff;
  color: #808080 !important;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  box-sizing: border-box;
  &:focus {
    outline: none;
    ~ .did-floating-label {
      top: -10px;
      font-size: 13px;
      font-weight: 500;
      color: #2374e8;
    }
  }
}
.did-floating-input,
.did-floating-select {
  font-size: 14px !important;
  display: block;
  width: 100%;
  height: 40px !important;
  padding: 0 15px;
  background: #fff;
  color: #808080 !important;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  box-sizing: border-box;
  &:focus {
    outline: none;
    ~ .did-floating-label {
      top: -10px;
      font-size: 13px;
      font-weight: 500;
      color: #2374e8;
    }
  }
}
.did-floating-textarea {
  &:focus {
    outline: none;
    ~ .did-floating-label {
      top: -10px;
      font-size: 13px;
      font-weight: 500;
      color: #2374e8;
    }
  }
}
.did-floating-textarea:focus {
  border: 1px solid #2374e8;
}
.did-floating-input:focus {
  border: 1px solid #2374e8;
}
.did-floating-select:focus {
  border: 1px solid #2374e8;
}

select.did-floating-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select.did-floating-select::-ms-expand {
  display: none;
}

.did-floating-textarea:not(:placeholder-shown) ~ .did-floating-label {
  top: -8px; /* changed from -5px Oct 29 2024*/
  font-size: 12px;
  font-weight: 500;
}
.did-floating-textarea {
  font-size: 13px !important;
  display: block;
  width: 100%;
  padding: 15px 15px;
  background: #fff;
  color: #808080 !important;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  box-sizing: border-box;
}

.did-floating-input:not(:placeholder-shown) ~ .did-floating-label {
  top: -5px;
  font-size: 11px;
  font-weight: 500;
}

/* .did-floating-select:not([value=""]):valid ~ .did-floating-label {
  top: -5px;
  font-size: 14px;
  font-weight: 500;
} */
.did-floating-input[type="text"]:disabled ~ .did-floating-label {
  top: -5px;
  font-size: 14px;
  font-weight: 500;
}
/* select[readonly] .did-floating-label{
  background-color: #ececec;
} */

.did-floating-select:disabled ~ .did-floating-label {
  top: -5px;
  font-size: 14px;
  font-weight: 500;
}
.did-floating-select:read-only ~ .did-floating-label {
  top: -5px;
  font-size: 14px;
  font-weight: 500;
}

.did-floating-select:not([value=""]):valid ~ .did-floating-label {
  top: -4px;
  font-size: 14px;
  font-weight: 500;
}
.did-floating-select[value=""]:focus ~ .did-floating-label {
  top: -5px;
  font-size: 14px;
}
.did-floating-select:not([multiple]):not([size]) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Path_1' data-name='Path 1' d='M371,294l4,6,4-6Z' transform='translate(-371 -294)' fill='%23003d71'/%3E%3C/svg%3E%0A");
  background-position: right 15px top 50%;
  background-repeat: no-repeat;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #011268 transparent transparent transparent !important;
  border-width: 6px 4px 0 4px !important;
  margin-left: -13px !important;
}
.did-error-input {
  .did-floating-input,
  .did-floating-select {
    border: 2px solid #9d3b3b;
    color: #9d3b3b;
  }
  .did-floating-label {
    font-weight: 600;
    color: #9d3b3b;
  }
  .did-floating-select:not([multiple]):not([size]) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Path_1' data-name='Path 1' d='M371,294l4,6,4-6Z' transform='translate(-371 -294)' fill='%239d3b3b'/%3E%3C/svg%3E%0A");
  }
}

.input-group {
  display: flex;
  .did-floating-input {
    border-radius: 0 4px 4px 0;
    border-left: 0;
    padding-left: 0;
  }
}
.input-group-append {
  display: flex;
  align-items: center;
  /*   margin-left:-1px; */
}
.input-group-text {
  display: flex;
  align-items: center;
  font-weight: 400;
  height: 40px;
  color: #404040;
  padding: 0 5px 0 20px;
  font-size: 14px;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #bfbfbf;
  border-radius: 4px 0 0 4px;
  border-right: none;
}
.input-checkbox {
  margin-left: 15px;
}

.form-check-input {
  --bs-form-check-bg: #fff !important;
  flex-shrink: 0 !important;
  width: 15px !important;
  height: 15px !important;
  margin-top: 0 !important;
  vertical-align: top !important;
  appearance: none !important;
  background-color: var(--bs-form-check-bg) !important;
  background-image: var(--bs-form-check-bg-image) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  border: 1px solid #d9dee3 !important;
  print-color-adjust: exact !important;
}
.form-check-input:focus {
  border-color: #011268 !important;
  /* box-shadow: 0 2px 4px 0 rgba(105,108,255,.4) !important; */
}
.form-check-input:checked,
.form-check-input[type="checkbox"]:indeterminate {
  background-color: #011268 !important;
  border-color: #011268 !important;
  box-shadow: 0 2px 4px 0 rgba(105, 108, 255, 0.4) !important;
}
/* .form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url(../images/download.svg) !important;
} */
.guest-add {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  padding: 9px;
  border-radius: 5px;
  background-color: #011268;
}
.form-control:focus {
  box-shadow: none !important;
}
.flatpickr-input {
  position: relative;
}
.flatpickr-input {
  content: "";
  background-image: url(../images/icon.svg) !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 10px) center !important;
}

.timepickr-input {
  content: "";
  background-image: url(../images/clock.svg) !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 10px) center !important;
}
.details-box p {
  font-size: 16px;
  color: #808080;
  margin-bottom: 10px;
}
.details-label {
  font-size: 14px;
  color: #808080;
}
.priceing .position-relative {
  width: 100%;
}
.select2-selection__placeholder {
  font-size: 13px;
  color: #808080;
}
.select2-container .select2-selection--single {
  height: 40px !important;
  display: block;
  width: 100%;
  padding: 13px 10px 10px 10px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.53;
  color: #808080;
  appearance: none;
  background-color: #fff;
  background-clip: padding-box;
  border: var(--bs-border-width) solid #a6acaf;
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.select2-container .select2-selection--single {
  position: relative;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 10px !important;
}
.select2-container
  .select2-selection--single
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 9px !important;
}
.custom-tab .nav-link {
  background-color: transparent;
  font-size: 16px;
  color: #404040;
  font-weight: 500;
  padding: 14px 15px;
}
.custom-tab .nav-link.active {
  background-color: #011268 !important;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  padding: 14px 12px;
}

/* .custom-tab .nav-link-sm {
  background-color: transparent;
  font-size: 18px;
  color: #404040;
  font-weight: 500;
  padding: 14px 15px;
}
.custom-tab .nav-link-sm.active {
  background-color: #011268 !important;
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  padding: 14px 15px;
} */
.card.tab-pane {
  display: inline-block;
}
.bredcrumb,
.bredcrumb span {
  font-size: 20px !important;
}
.custom-input {
  margin-top: 2px !important;
  margin-left: 15px;
}
/* .dep-input {
width: 23%;
} */
/* .scroll-row{
overflow-y: auto;
height: 100vh;
overflow-x: hidden;
} */
.classform {
  height: 100vh;
  overflow: scroll;
  padding: 10px 10px 10px 10px;
}

/* Scrollbar Styling */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background-color: #ebebeb;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #6d6d6d;
}
.card-title {
  font-size: 18px;
  color: #404040;
  font-weight: 600;
  display: contents;
}
/* .combobox .group.focus input, .combobox .group.focus button, .combobox .group input:hover, .combobox .group button:hover{
background-color: #fff !important;
} */
.width-set {
  width: 33.33% !important;
}
.comm-btn {
  background-color: #011268;
  font-size: 14px !important;
  font-weight: 600 !important;
  height: 40px;
  width: 90px !important;
}
.edit-label {
  padding-left: 0.4vw;
  width: 50px !important;
  height: 40px;
  padding-bottom: 0;
  line-height: 35px;
  font-weight: 600;
  font-size: 16px;
}
.small-input {
  width: 18% !important;
}
.extra-btn-1 {
  background-color: red;
  color: white;
  /* width: 33.33%; */
  height: 31px;
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  border-radius: 10px;
}
.extra-btn-2 {
  background-color: orange;
  color: white;
  /* width: 33.33%; */
  height: 31px;
  margin: 0;
  margin-top: 0;
  font-size: 12px;
  font-weight: 400;
  border-radius: 10px;
}
.other-text {
  font-size: 14px;
  font-weight: 400;
  text-align: center !important;
  width: 33.33%;
  line-height: 40px;
}
.operator-text {
  padding: 10px 0px !important;
}
.operator-text p {
  font-size: 14px !important;
  /* font-weight: 600 !important; */
  margin-bottom: 10px !important;
  color: #808080;
}
#tourOperatorPhone {
  font-size: 14px !important;
  font-weight: 600 !important;
  text-align: right;
  color: #808080;
}
.card-title-voucher {
  font-size: 18px !important;
  color: #404040 !important;
  font-weight: 600 !important;
  padding: 20px 0px !important;
}
.voucher-box {
  display: flex;
  padding: 6px 0px !important;
  color: #404040 !important;
}
.voucher-box p {
  font-size: 14px;
  /* /* font-weight: 600; */
  text-align: left;
  padding-right: 15px;
  padding-top: 4px;
}

.voucher-box .noContact {
  font-size: 14px;
  text-align: left;
  padding-right: 15px;
  padding-top: 4px;
}

.voucher-box a {
  font-size: 14px;
  /* /* font-weight: 600; */
  text-align: left;
  padding-right: 15px;
  padding-top: 4px;
}

.voucher-box i {
  font-size: 14px;
}
.alert {
  margin-bottom: 0px;
  position: fixed;
  top: 10px;
  width: auto;
  display: inline-block;
  transform: translateX(-50%);
  left: 50%;
}
.alert-dismissible .btn-close {
  padding: 12px 10px !important;
}
.select2-container--default.select2-container--disabled
  .select2-selection--single {
  background-color: #fcfcfc !important;
  cursor: default;
}
.package-btn {
  height: 40px;
  width: auto;
  font-size: 12px;
  font-weight: 400;
  border-color: #334487 !important;
  background-color: #334487 !important;
  padding: 6px;
}
.custom-btn {
  background-color: #011268 !important;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  padding: 9px 15px;
  border-radius: 5px;
  border: none;
}
.custom-btn-disabled {
  background-color: #011268 !important;
  font-size: 16px;
  color: #fff !important;
  font-weight: 600;
  padding: 9px 15px;
  border-radius: 5px;
  border: none;
}
.user-details h4 {
  font-size: 14px;
  color: #404040;
  font-weight: 600;
  margin-bottom: 5px;
}
.user-details h4 input {
  font-weight: bold;
}
.user-details p {
  font-size: 14px;
  color: #808080;
  margin-bottom: 5px;
}
.user-check p {
  font-size: 14px;
  color: #404040;
  margin-bottom: 0px;
  line-height: 25px;
}
.user-check p b {
  font-size: 13px;
}
.user-check .details-input {
  font-size: 13px;
}

.user-details .details-input {
  font-size: 13px;
  border: none;
}
.user-details .details-heading {
  font-size: 15px;
  border: none;
}
.user-details,
.user-img-con {
  gap: 0px;
}
.comm-button {
  background-color: transparent !important;
  font-size: 15px;
  color: #011268;
  font-weight: 600;
  padding: 9px 15px;
  transition: all ease 0.5s 0s;
  border-radius: 5px;
  border: 1px solid #011268;
  line-height: normal;
}
.comm-button:hover {
  color: #fff;
  transition: all ease 0.5s 0s;
  border-color: #011268;
  background-color: #011268 !important;
  border-color: #011268;
}
.comm-button-close {
  background-color: transparent !important;
  font-size: 15px;
  color: #ffc107;
  font-weight: 600;
  padding: 9px 15px;
  transition: all ease 0.5s 0s;
  border-radius: 5px;
  border: 1px solid #ffc107;
  line-height: normal;
}
.comm-button-close:hover {
  color: #000;
  transition: all ease 0.5s 0s;
  border-color: #ffc107;
  background-color: #ffc107 !important;
  border-color: #ffc107;
}
.comm-button-disabled {
  opacity: 0.5 !important;
}

.comm-button-sm {
  background-color: transparent !important;
  font-size: 12px !important;
  color: #011268;
  font-weight: 600;
  padding: 6px 12px;
  transition: all ease 0.5s 0s;
  border-radius: 5px;
  border: 1px solid #011268;
  line-height: normal;
}
.comm-button-sm:hover {
  color: #fff;
  transition: all ease 0.5s 0s;
  border-color: #011268;
  background-color: #011268 !important;
  border-color: #011268;
}
.comm-button-sm:disabled {
  color: #fff;
  background-color: #999999 !important;
  border-color: #999999;
}
.history-title {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #404040 !important;
}
.history-text {
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #808080 !important;
}
.timeline-point {
  background-color: #011268;
  border-radius: 50%;
  display: block;
  height: 10px;
  left: 5px;
  position: absolute;
  top: 6px;
  width: 10px;
  z-index: 3;
  box-shadow: 0 0 0 0.1875rem rgba(105, 108, 255, 0.16);
}
.timeline-point-wrapper {
  background-color: #fff;
  display: block;
  height: 20px;
  left: 0px;
  position: absolute;
  top: -5px;
  width: 20px;
  z-index: 2;
}
.timeline-point-bullet {
  color: #6573a6;
  font-size: 9px !important;
  padding-top: 6px;
}
.tour-main {
  padding-left: 3rem;
  position: relative;
  /* border-left: 1px solid #d9dee3; */
}
.tour-main::before {
  content: "";
  height: 100%;
  width: 1px;
  position: absolute;
  background-color: #d9dee3;
  left: 10px;
}
.tour-main {
  position: relative;
  padding-left: 25px;
}
.side-scroll {
  &::-webkit-scrollbar {
    width: 4px;
  }
  &::-webkit-scrollbar:horizontal {
    height: 4px;
  }
  &::-webkit-scrollbar-track {
    background-color: transparentize(#ccc, 0.5);
  }
  &::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: transparentize(#ccc, 0.4);
    box-shadow: inset 0 0 6px rgba(199, 199, 199, 0.4);
  }
}
.badge.badge-dot {
  border-radius: 50%;
  display: inline-block;
  height: 0.625rem;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  width: 0.625rem;
}
.badge {
  line-height: 0.75;
  text-transform: uppercase;
}
.custom-tag {
  color: #011268 !important;
  border: 1px solid #6573a6 !important;
  background-color: #ccd0e2 !important;
  border-radius: 5px !important;
  font-size: 10px;
  padding: 3px 2px;
  font-weight: 400;
  width: 100%;
}

/*****setting page css******/
.form-title {
  color: #808080;
  font-size: 18px;
  margin-bottom: 0px;
  font-family: "Noto Sans", sans-serif;
}
.form-subtitle {
  color: #808080;
  font-size: 16px;
  margin-bottom: 0px;
  font-family: "Noto Sans", sans-serif;
}
.extra-space .did-floating-input:not(:placeholder-shown) ~ .did-floating-label {
  top: -8px;
  font-size: 11px !important;
  font-family: "Noto Sans", sans-serif;
}
.extra-space .did-floating-select:not([value=""]):valid ~ .did-floating-label {
  top: -8px;
}
.form-text {
  color: #808080;
  font-size: 13px;
  font-family: "Noto Sans", sans-serif;
}

.form-title-1 {
  color: #808080;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 0px;
  font-family: "Noto Sans", sans-serif;
}

.form-switch .form-check-input-1 {
  width: 25px;
  height: 15px;
  margin-left: -2.5em;
  background-image: url(../images/point.svg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
  padding: 0;
  margin: 0;
}
.form-check-input-1 {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color-adjust: exact;
}
.form-switch .form-check-input-1:checked {
  background-position: right center;
  background-image: url(../images/point-1.svg);
  transition: background-position 0.15s ease-in-out;
}
.form-check-input-1:checked {
  background-color: #011268;
  border-color: #011268;
}
.form-check-label-1 {
  font-size: 12px;
  color: #404040;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 85%;
}
.form-switch {
  padding-left: 0 !important;
  margin-bottom: 15px !important;
}
.setting-title {
  color: #808080;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
}
.test-tr {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.td-wight {
  width: 33.33%;
}
.fields-box {
  margin-bottom: 10px;
}
.fields-box h5 {
  font-size: 14px;
  color: #404040;
  font-weight: 500;
}
.fields-box p {
  font-size: 14px;
  color: #808080;
  font-weight: 500;
  margin-bottom: 0px;
}

/****main header***/
.top-btn .show {
  display: block;
}
.header-box {
  border-bottom: 1px solid #bfbfbf;
  border-top: 1px solid #bfbfbf;
  height: 64px;
  background-color: #fff;
  margin-bottom: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.top-bar {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  height: 63px;
  width: 100%;
  padding: 0px 15px;
  align-items: center;
}
.topbar-logo img {
  width: 200px;
}
.main-header-box {
  width: 100%;
  height: 43px;
  display: flex;
}
.same-width {
  width: 33.33%;
}

.input-box-search {
  position: relative;
  width: 100%;
  max-width: 45px;
  height: 45px;
  margin: 0 0px;
  background-color: #fff;
  border-radius: 6px;
  transition: all 0.5s ease-in-out;
  display: none;
  margin-right: 30px;
}
.input-box-search.open {
  max-width: 350px;
}
.input-box-search input {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  padding: 0 15px;
  border: none;
  border-radius: 6px;
  outline: none;
  transition: all 0.5s ease-in-out;
}
.input-box-search.open input {
  padding: 0 15px 0 65px;
}

.input-box-search .search {
  position: absolute;
  top: 0;
  left: 0;
  width: 43px;
  height: 43px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  cursor: pointer;
  color: #808080;
  font-weight: 600;
  border: none;
}
.input-box-search.open .search {
  border-radius: 6px 0 0 6px;
}
.search .search-icon {
  font-size: 30px;
  color: #1c1c1c;
}
.input-box-search .close-icon {
  position: absolute;
  top: 50%;
  right: -20px;
  font-size: 15px;
  color: #1c1c1c;
  padding: 5px;
  transform: translateY(-50%);
  transition: all 0.5s ease-in-out;
  cursor: pointer;
  pointer-events: none;
  opacity: 0;
}
.input-box-search.open .close-icon {
  transform: translateY(-50%) rotate(180deg);
  pointer-events: auto;
  opacity: 1;
}
.com-class {
  display: inline-block;
  margin-left: 5px;
}
.menu-button-small i {
  margin-right: 15px;
  font-size: 15px;
}
/* .w3-button:hover {
color: #fff !important;
background-color: #011268 !important;
} */

.demo-text {
  text-align: center;
}
.btn-group {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  justify-content: end;
  font-size: 16px;
  color: #404040;
  font-weight: 400;
}
.dropdown-menu {
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.avatar {
  position: relative;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 100%;
}
.avatar img {
  border-radius: 100%;
}
.avatar.avatar-online:after,
.avatar.avatar-offline:after,
.avatar.avatar-away:after,
.avatar.avatar-busy:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 3px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  box-shadow: 0 0 0 2px #fff;
}
.avatar.avatar-online:after {
  background-color: #71dd37;
}
.dropdown-menu {
  background-color: #fff;
  width: 220px;
  box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45);
  z-index: 999;
}
.dropdown-menu li {
  display: inline-block;
  width: 100%;
  text-align: left;
}
.dropdown-menu li button {
  text-align: left;
  font-weight: 500;
}
.details-input:focus-visible {
  border: none;
  outline: none;
}
.user-details-box {
  display: flex;
}
.user-details-box .details-input {
  border: none;
}
#importResDiv {
  display: inline-flex;
  width: 100%;
  gap: 15px;
}
.custom-btn-danger {
  background-color: transparent !important;
  font-size: 16px;
  color: #dc3545 !important;
  font-weight: 600;
  /* background: transparent; */
  padding: 9px 15px;
  border-radius: 5px;
  height: 42px;
  border: 1px solid !important;
  border-color: #dc3545 !important;
}
.custom-btn-danger:hover {
  background-color: #dc3545 !important;
  font-size: 16px;
  color: #fff !important;
  font-weight: 600;
  /* background: transparent; */
  padding: 9px 15px;
  border-radius: 5px;
  border-color: #dc3545 !important;
}
.custom-btn-warning {
  background-color: transparent !important;
  font-size: 16px;
  color: #ffab00 !important;
  font-weight: 600;
  /* background: transparent; */
  padding: 9px 15px;
  border-radius: 5px;
  height: 42px;
  border: 1px solid !important;
  border-color: #ffab00 !important;
}
.custom-btn-warning:hover {
  background-color: #ffab00 !important;
  font-size: 16px;
  color: #fff !important;
  font-weight: 600;
  /* background: transparent; */
  padding: 9px 15px;
  border-radius: 5px;
  border-color: #ffab00 !important;
}
@media (max-width: 1449px) {
  .result-img img {
    /* width: 5vw;
    height: 5vw; */
    min-width: 80px;
    min-height: 80px;
    max-width: 90px;
    max-height: 90px;
    border-radius: 10px;
  }
}
@media (min-width: 1500px) {
  .result-img img {
    /* width: 5vw;
    height: 5vw; */
    min-width: 80px;
    min-height: 80px;
    max-width: 120px;
    max-height: 120px;
    border-radius: 10px;
  }
}

/*******quotations*******/
.fa-sort:before,
.fa-unsorted:before {
  color: #808080 !important;
  font-size: 12px !important;
}
.fa-circle-check {
  color: #71dd37;
  font-size: 16px;
}
.fa-triangle-exclamation,
.fa-trash {
  font-size: 16px;
  color: #404040;
}
.table-style {
  padding: 10px 0px;
  border-bottom: 1px solid #bfbfbf;
}
.main-input {
  /* color: #06BAA8 !important; */
  /* background-color: #D9FFFA !important; */
  border: 1px solid #bfbfbf !important;
  padding: 5px !important;
  font-weight: 500;
  border-radius: 5px 0px 0px 5px !important;
  border-right: none !important;
}
.main-input:focus-visible {
  outline: none;
}
.main-input:hover {
}
.payment-input {
  color: #404040 !important;
  padding: 5px !important;
  font-weight: 500 !important;
  border-radius: 5px 0px 0px 5px !important;
  border: 1px solid #bfbfbf !important;
  border-right: none !important;
}
.dropdown-button {
  display: block !important;
  /* background-color: #D9FFFA !important;
border: 1px solid #06BAA8 !important;
color: #06BAA8 !important; */
  border-left: none !important;
}
.dropdown-button:focus-visible {
  outline: none;
}
.combobox button[aria-expanded="true"] svg {
  margin-top: -5px;
}
/* .tourItemButton{
font-weight: 600 !important;
} */
.payment-button {
  display: block !important;
  border-left: none !important;
}
.dayheader-title {
  background-color: #dce1f4;
}
.dayheader-title h3 {
  font-size: 17px;
  color: #404040;
}
.payment-input:focus-visible {
  outline: none;
}
.combobox .group button:hover {
  background-color: transparent !important;
}
.trashButton i {
  color: red;
}
/* .table-custom tbody tr td{ 
padding: 12px 0px 12px 0 !important} */

.did-cust-label {
  position: absolute;
  left: 8px;
  top: -5px;
}
.after-col tbody tr td::after {
  content: none;
}

.print_col {
  background-color: #dce1f4;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}
.ta_1 {
  width: 100px;
}
.ta_2 {
  width: 180px;
}
.ta_3 {
  width: 220px;
}
.ta_4 {
  width: 80px;
}
.ta_5 {
  width: 300px;
}
.ta_6 {
  width: 100px;
}
.ta_7 {
  width: 100px;
}
.ta_9 {
  width: 200px;
}
.ta_10 {
  width: 150px;
}
.ta_11 {
  width: 200px;
}

/****table set****/
.t1 {
  width: 20px;
}
.t2 {
  width: 20px;
}
.t3 {
  width: 20px;
}
.t4 {
  width: 20px;
}
.t5 {
  width: 20px;
}
.t6 {
  width: 20px;
}
.t7 {
  width: 20px;
}
.t8 {
  width: 20px;
}

.tt1 {
  width: 120px;
}
.tt2 {
  width: 200px;
}
.tt3 {
  width: 280px;
}
.tt4 {
  width: 220px;
}
.tt5 {
  width: 20px;
}
.tt6 {
  width: 20px;
}
.tt7 {
  width: 20px;
}
.tt8 {
  width: 20px;
}
.tt9 {
  width: 20px;
}
.tt10 {
  width: 20px;
}
.tt11 {
  width: 20px;
}
.tt12 {
  width: 20px;
}
.tt13 {
  width: 20px;
}
.tt14 {
  width: 20px;
}
.tt15 {
  width: 20px;
}
.tt16 {
  width: 20px;
}
.tt17 {
  width: 20px;
}

.table-1 {
  width: 120px;
}
.table-2 {
  width: 200px;
}
.table-3 {
  width: 250px;
}
.table-4 {
  width: 250px;
}
.table-4 {
  width: 180px;
}
.table-5 {
  width: 80px;
}
.table-6 {
  width: 250px;
  white-space: normal !important;
}
.table-7 {
  width: 250px;
  white-space: normal !important;
}
.table-8 {
  width: 250px;
  white-space: normal !important;
}
.table-9 {
  width: 80px;
}
.table-10 {
  width: 80px;
}
.table-11 {
  width: 120px;
}
.input-w {
  width: 33.33%;
}
/* .table-custom tbody tr td {
  white-space: normal !important;
}
.tourItemButton{
  width: auto !important;
} */
.edit {
  width: auto !important;
  margin-right: 5px !important;
}
.longtext {
  max-width: 60%;
  text-overflow: ellipsis;
  width: fit-content;
  white-space: nowrap;
}
.longtext1 {
  max-width: 100%;
  text-overflow: ellipsis;
  width: fit-content;
  white-space: nowrap;
}

/* .table-custom-header tbody tr td {
  --max-font: unset !important;
  --min-font: unset !important;
  font-family: unset !important;
  font-size: unset !important;
  margin: unset !important;
  padding: unset !important;
  text-align: unset !important;
  white-space: unset !important;
  overflow: unset !important;
  text-overflow: unset !important;
  font-weight: unset !important;
} */

.col_t1 {
  width: 200px;
  display: inline-block;
}
.col_t2 {
  width: 200px;
  display: inline-block;
}
.col_t3 {
  width: 250px;
  display: inline-block;
}
.col_t4 {
  width: 100px;
  display: inline-block;
}
.col_t5 {
  width: 100px;
  display: inline-block;
}
.col_t6 {
  width: 100px;
  display: inline-block;
}
.col_t7 {
  width: 200px;
  display: inline-block;
}
.col_t8 {
  width: 200px;
  display: inline-block;
}
.col_t9 {
  width: 270px;
  display: inline-block;
}
.col_t10 {
  width: 300px;
  display: inline-block;
}
.t_col_1 {
  width: 320px;
  display: inline-block;
  background-color: #fff;
  border-bottom: 1px solid #bfbfbf;
}
.t_col_2 {
  width: 320px;
  display: inline-block;
  background-color: #fff;
  border-bottom: 1px solid #bfbfbf;
}
.t_col_3 {
  width: 320px;
  display: inline-block;
  background-color: #fff;
  border-bottom: 1px solid #bfbfbf;
}
.bg-1 {
  background-color: #dce1f4;
}
.dailyReportButton {
  text-align: center;
}
.table_title {
  background-color: transparent;
  border: none;
  text-align: left;
  padding: 20px 0px 5px 20px;
  font-size: 18px;
  text-transform: capitalize;
}
.future_1 {
  width: 640px;
  display: inline-block;
}
.future_2 {
  width: 640px;
  display: inline-block;
}
.future_4 {
  display: inline-block;
  width: 640px;
}
/****table set****/
.t1 {
  width: 20px;
}
.t2 {
  width: 20px;
}
.t3 {
  width: 20px;
}
.t4 {
  width: 20px;
}
.t5 {
  width: 20px;
}
.t6 {
  width: 20px;
}
.t7 {
  width: 20px;
}
.t8 {
  width: 20px;
}

.tt1 {
  width: 120px;
}
.tt2 {
  width: 200px;
}
.tt3 {
  width: 280px;
}
.tt4 {
  width: 220px;
}
.tt5 {
  width: 20px;
}
.tt6 {
  width: 20px;
}
.tt7 {
  width: 20px;
}
.tt8 {
  width: 20px;
}
.tt9 {
  width: 20px;
}
.tt10 {
  width: 20px;
}
.tt11 {
  width: 20px;
}
.tt12 {
  width: 20px;
}
.tt13 {
  width: 20px;
}
.tt14 {
  width: 20px;
}
.tt15 {
  width: 20px;
}
.tt16 {
  width: 20px;
}
.tt17 {
  width: 20px;
}

.table-1 {
  width: 120px;
}
.table-2 {
  width: 200px;
}
.table-3 {
  width: 250px;
}
.table-4 {
  width: 250px;
}
.table-4 {
  width: 180px;
}
.table-5 {
  width: 80px;
}
.table-6 {
  width: 250px;
  white-space: normal !important;
}
.table-7 {
  width: 250px;
  white-space: normal !important;
}
.table-8 {
  width: 250px;
  white-space: normal !important;
}
.table-9 {
  width: 80px;
}
.table-10 {
  width: 80px;
}
.table-11 {
  width: 120px;
}
.input-w {
  width: 33.33%;
}
/* .table-custom tbody tr td {
white-space: normal !important;
}
.tourItemButton{
width: auto !important;
} */
.edit {
  width: auto !important;
  margin-right: 5px !important;
}
.longtext {
  max-width: 60%;
  text-overflow: ellipsis;
  width: fit-content;
  white-space: nowrap;
}
.longtext1 {
  max-width: 100%;
  text-overflow: ellipsis;
  width: fit-content;
  white-space: nowrap;
}

.table-custom-header tbody tr td {
  /* --max-font: unset !important;
--min-font: unset !important;
font-family: unset !important; */
  /* font-size: unset !important;
margin: unset !important; */
  /* padding: unset !important; */
  /* text-align: unset !important; */
  white-space: unset !important;
  overflow: unset !important;
  /* text-overflow: unset !important;
font-weight: unset !important; */
}
.tr-1 .col_t1,
.tr-1 .col_t2,
.tr-1 .col_t3,
.tr-1 .col_t4,
.tr-1 .col_t5,
.tr-1 .col_t6,
.tr-1 .col_t7,
.tr-1 .col_t8,
.tr-1 .col_t9,
.tr-1 .col_t10 {
  position: relative;
}
.tr-1 .col_t1::after,
.tr-1 .col_t2::after,
.tr-1 .col_t3::after,
.tr-1 .col_t4::after,
.tr-1 .col_t5::after,
.tr-1 .col_t6::after,
.tr-1 .col_t7::after,
.tr-1 .col_t8::after,
.tr-1 .col_t9::after {
  content: "";
  position: absolute;
  height: 30px;
  width: 2px;
  background-color: #fff;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.t_tr .t_col_1,
.t_tr .t_col_2,
.t_tr .t_col_3 {
  position: relative;
}
.t_tr .t_col_1::after,
.t_tr .t_col_2::after,
.t_tr .t_col_3::after {
  content: "";
  position: absolute;
  height: 30px;
  width: 2px;
  background-color: #fff;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.fu_tr .future_1,
.fu_tr .future_2 {
  position: relative;
}
.fu_tr .future_1::after,
.fu_tr .future_2::after {
  content: "";
  position: absolute;
  height: 30px;
  width: 2px;
  background-color: #fff;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.sticky-top {
  background-color: #f7f9ff !important;
}
.i1 {
  margin: 3px;
}
thead.tour-tab tr {
  background-color: #dce1f4;
}
.tab-t td {
  padding: 0;
  padding-left: 15px;
  padding-right: 15px;
}
#pageTitle {
  display: inline-block;
  width: 100%;
}
.tour-tab th {
  position: relative;
}
.tour-tab th::after {
  content: "";
  position: absolute;
  height: 30px;
  width: 2px;
  background-color: #fff;
  right: 0;
  top: 10px;
}
.tour-tab th:last-child::after {
  content: none;
}
#tourDelete51 {
  font-size: 15px;
  color: red;
}
#saveDelete51 {
  font-size: 16px;
  color: red;
}
.guestNames,
.roomName,
.mealPackage,
.accountStatus,
.phoneNumberField,
.copyPhone,
.roomStatus,
.checkInOut {
  position: relative;
}
.guestNames::after,
.roomName::after,
.mealPackage::after,
.accountStatus::after,
.phoneNumberField::after,
.copyPhone::after,
.roomStatus::after,
.checkInOut::after {
  content: "";
  position: absolute;
  height: 30px;
  width: 2px;
  background-color: #fff;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.col13,
.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11 {
  position: relative;
}
.col13::after,
.col1::after,
.col2::after,
.col3::after,
.col4::after,
.col5::after,
.col6::after,
.col7::after,
.col8::after,
.col9::after,
.col10::after,
.col11::after {
  content: "";
  position: absolute;
  height: 30px;
  width: 2px;
  background-color: #fff;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.rt1,
.rt2,
.rt3,
.rt4,
.rt5,
.rt6,
.rt7 {
  position: relative;
}
.rt1::after,
.rt2::after,
.rt3::after,
.rt4::after,
.rt5::after,
.rt6::after {
  content: "";
  position: absolute;
  height: 30px;
  width: 2px;
  background-color: #fff;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.mt1,
.mt2,
.mt3,
.mt4,
.mt5,
.mt6,
.mt7,
.mt8,
.mt9,
.mt10,
.mt11,
.mt12,
.mt13 {
  position: relative;
}
.mt1::after,
.mt2::after,
.mt3::after,
.mt4::after,
.mt5::after,
.mt6::after,
.mt7::after,
.mt8::after,
.mt9::after,
.mt10::after,
.mt11::after,
.mt12::after {
  content: "";
  position: absolute;
  height: 30px;
  width: 2px;
  background-color: #fff;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
/* .com-mt {
  padding-left: 10px;
} */
.user-b {
  position: relative;
}
.user-b::after {
  content: "";
  position: absolute;
  height: 30px;
  width: 2px;
  background-color: #fff;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.guest_input {
  background-position: calc(100% - 10px);
  background-repeat: no-repeat;
  background-image: url(../images/dragicon.svg);
}
.table-custom-header {
  background-color: #dce1f4;
}
/* .label-select {
  color: #404040;
  font-size: 14px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 10px;
  top: 14px;
  padding: 0 5px;
  background: #fff;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
} */
/* .first-l {
  margin-bottom: 20px;
} */
.first-box {
  gap: 10px;
}
/* .first-l {
  position: absolute;
  top: -9px;
  left: 50px;
  background-color: #fff;
} */

.ad1 {
  /* width: 10%; */
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.ad2 {
  /* width: 10%; */
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.ad3 {
  /* width: 13%; */
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.ad4 {
  /* width: 10%; */
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.ad5 {
  /* width: 4%; */
  padding-left: 10px !important;
  padding-right: 10px !important;
  display: table-cell;
  vertical-align: middle;
}
.ad6,
.ad7,
.ad8,
.ad9,
.ad10,
.ad11,
.ad12,
.ad13,
.ad14,
.ad15,
.ad16 {
  /* width: 3.3%; */
  padding-left: 10px !important;
  padding-right: 10px !important;
  display: table-cell;
  vertical-align: middle;
}
.adTax {
  /* width: 3% !important; */
}
.ad17 {
  /* width: 7%; */
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.ad18 {
  /* width: 4%; */
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.form-check-input:checked,
.form-check-input[type="checkbox"]:indeterminate {
  background-color: #696cff;
  border-color: #696cff;
  box-shadow: 0 2px 4px 0 rgba(105, 108, 255, 0.4);
}
.screen_btn {
  background-color: #011268 !important;
  font-size: 15px;
  color: #fff;
  font-weight: 600;
  padding: 8px 15px;
  transition: all ease 0.5s 0s;
  border-radius: 5px;
  height: 40px;
  border: 1px solid #011268;
  margin: 0;
}
.ac-text {
  width: unset !important;
  text-overflow: unset;
}
/* .user-details{
  flex-wrap: wrap;
} */

.did-floating-select:disabled {
  background-color: #ececec;
}

.time-icon {
  background-image: url(../images/clock.svg) !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 10px) center !important;
  background-size: 15px;
}
.cal-icon {
  background-image: url(../images/icon.svg) !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 10px) center !important;
  background-size: 15px;
}
.groupRoomGuestName,
.col1.groupRoomName {
  font-size: 12px;
}

.save-color {
  background-color: #011268 !important;
  color: #fff;
  border-color: #011268;
}

.delete-color {
  background-color: red !important;
  color: #fff;
  border-color: red;
}
.discard-color {
  background-color: orange !important;
  color: #fff;
  border-color: orange;
}
.newlabel {
  height: 40px;
  line-height: 37px;
  padding: 0px 15px !important;
  font-size: 12px;
}
.ajs-content p {
  font-size: 14px;
  color: #404040;
  font-weight: 500;
}
.guests-input {
  height: 20px !important;
  padding: 0 10px !important;
}
.floating-textarea {
  /* height: auto !important; */
  line-height: 20px !important;
}
.guestTourLabel {
  font-size: 16px;
  color: #404040;
}
.close-btn {
  border: 1px solid #ffa500 !important;
  color: #ffa500 !important;
}
.close-btn:hover {
  background-color: #ffa500 !important;
  border: 1px solid #ffa500;
  color: #404040 !important;
}

.delete-btn {
  border: 1px solid #dc3545;
  color: #dc3545;
}
.delete-btn:hover {
  background-color: #dc3545 !important;
  border: 1px solid #dc3545;
  color: #fff;
}

.set-label .did-floating-label {
  top: -6px;
}

.comm-button:disabled {
  color: #fff;
  background-color: #999999 !important;
  border-color: #999999;
}
.in-s {
  background-color: transparent;
}
.dropdown-width {
  width: auto !important;
}
.comm-button.show {
  color: #011268 !important;
}
.comm-button:hover {
  color: #fff !important;
}
.report-header {
  font-size: 24px !important;
  color: #000;
}
.hideBtn {
  visibility: hidden;
}

/*butons for sweetalert*/
.swal2-custom-confirm {
  background-color: #011268 !important;
  color: #fff !important;
  border: 1px solid #011268 !important;
  border-radius: 5px !important;
  padding: 8px 15px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}
.swal2-custom-cancel {
  background-color: #f9be48 !important;
  color: #000 !important;
  border: 1px solid #f9be48 !important;
  border-radius: 5px !important;
  padding: 8px 15px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

.swal2-custom-danger {
  background-color: #dc3545 !important;
  color: #fff !important;
  border: 1px solid #dc3545 !important;
  border-radius: 5px !important;
  padding: 8px 15px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

.swal2-custom-success {
  background-color: #28a745 !important;
  color: #fff !important;
  border: 1px solid #28a745 !important;
  border-radius: 5px !important;
  padding: 8px 15px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

.swal2-custom-warning {
  background-color: #ffc107 !important;
  color: #fff !important;
  border: 1px solid #ffc107 !important;
  border-radius: 5px !important;
  padding: 8px 15px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

.swal2-custom-info {
  background-color: #ff7063 !important;
  color: #fff !important;
  border: 1px solid #ff7063 !important;
  border-radius: 5px !important;
  padding: 8px 15px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

.swal2-custom-primary {
  background-color: #007bff !important;
  color: #fff !important;
  border: 1px solid #007bff !important;
  border-radius: 5px !important;
  padding: 8px 15px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}
.swal2-custom-secondary {
  background-color: #334487 !important;
  color: #fff !important;
  border: 1px solid #334487 !important;
  border-radius: 5px !important;
  padding: 8px 15px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

.swal2-custom-confirm:hover {
  background-color: #334487 !important;
  color: #fff !important;
}

.swal2-custom-cancel:hover {
  background-color: #fbcb71 !important;
  color: #000 !important;
}

#locationExpand {
  padding: 0px 0px 0px 15px;
}
.avatar-logo {
  height: 40px;
  width: 40px;
  background-color: #bfbfbf;
  border-radius: 100%;
}
.avatar-logo p {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
}

.avatar-logo-upload {
  height: 80px;
  width: 80px;
  background-color: #bfbfbf;
  border-radius: 100%;
  position: relative;
  overflow: hidden;
}
.avatar-logo img {
  width: 40px !important;
  height: 40px !important;
  object-fit: cover;
}

.dropdown-toggle::after {
  content: none;
}
.result-img-box {
  max-width: 100px;
  max-height: 100px;

  background-color: #bfbfbf;
  border-radius: 10px;
}
.result-img-box p {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  line-height: 80px;
  width: 100%;
}
.rental-date {
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  padding-right: 30px !important;
}
.alertify .ajs-body .ajs-content {
  padding: 15px 0px 16px 0px !important;
  font-size: 15px;
  font-weight: 500;
  color: #404040;
}
.alertify .ajs-footer .ajs-buttons .ajs-button {
  padding: 9px 15px !important;
  font-size: 15px;
  font-weight: 600;
  text-transform: capitalize;
}
button.ajs-button.btn.btn-danger {
  border-color: #ff0000 !important ;
  background-color: #ff0000 !important;
}
.btn-title {
  color: #011268;
  font-size: 15px;
  padding: 0px 30px 0px 0px;
  text-align: left;
}
.btn-title-sm {
  color: #011268;
  font-size: 12px !important;
  padding: 0px 30px 0px 0px;
  text-align: left;
}
.down-arrow-set-btn:hover .btn-title-sm {
  color: #ffff;
}
.down-arrow-set-btn:hover .btn-title {
  color: #ffff;
}
.down-arrow-set-btn {
  background-image: url(../images/arrow-e2.svg) !important;
  background-position: right 15px top 50%;
  background-repeat: no-repeat;
}
.down-arrow-set-btn:hover {
  background-image: url(../images/arrow-e.svg) !important;
  background-position: right 15px top 50%;
  background-repeat: no-repeat;
}

.select2-container .select2-selection--single-results__option {
  font-size: 13px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding: 10px !important;
}
.select2-results__option:hover {
  background-color: #011268 !important;
  color: #fff;
}
.select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #011268 !important;
  color: #fff;
}
.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #011268 !important;
  color: #fff;
}

.tt-select {
  position: relative;
  height: auto;
  padding: 0px;
  margin-bottom: 30px;
  text-align: left;
}
.tt-select select {
  display: none;
}
.select-selected {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.8) !important;
}
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
}
.select-selected:before {
  position: absolute;
  content: "";
  top: 18px;
  right: 10px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: transparent transparent #011268 transparent;
  transform: rotate(180deg);
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  /* line-height: normal !important;   */
  padding-left: 5px;
}
.select-selected.select-arrow-active:before {
  border: none;
}
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #000000 transparent;
  top: 10px;
}
.select-items div {
  display: block;
  padding: 10px !important;
  font-size: 13px;
}
.select-items {
  z-index: 999;
  max-height: 350px;
  overflow: scroll;
  overflow-x: hidden;
}
.select-selected {
  font-size: 13px !important;
  display: block;
  width: 100%;
  height: 40px !important;
  padding: 15px 15px 5px;
  background: #fff;
  color: #808080 !important;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  box-sizing: border-box;
}
.select-items {
  position: absolute;
  font-size: 13px !important;
  display: block;
  width: 100%;
  background: #fff;
  color: #808080 !important;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  box-sizing: border-box;
}
.select-hide {
  display: none;
}
.select-items div:hover,
.same-as-selected {
  color: #ffff;
  background-color: #011268 !important;
}

.ui-timepicker-viewport .ui-menu-item {
  font-size: 13px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding: 10px !important;
}
.listbox-datalist {
  padding: 0;
}
.liDatalist {
  font-size: 13px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding: 10px !important;
}
.liDatalist:hover {
  background-color: #011268 !important;
  color: #fff !important;
  border: none !important;
}
.bredcrumb-btn {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 20px;
}
ul[role="listbox-datalist"] {
  z-index: 999999 !important;
  position: absolute;
  background-color: #fff !important;
}
.swal2-styled {
  font-size: 14px !important;
  padding: 10px 15px !important;
}

.addtour {
  font-size: 13px;
  color: #011268;
  width: 100%;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
.headerHelp i {
  font-size: 12px !important;
}

.ui-datepicker {
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6,
    0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  border: none !important;
  padding: 0 !important;
}
.ui-datepicker .ui-datepicker-header {
  background-color: transparent !important;
  border: none !important;
}
.ui-datepicker .ui-datepicker-title {
  font-size: 16px !important;
  font-weight: 500 !important;
}
.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0 !important;
  background-color: transparent !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
  height: auto !important;
}
.ui-datepicker td span,
.ui-datepicker td a {
  color: #454545 !important;
  padding: 8px !important;
  text-align: center !important;
  background: transparent !important;
  height: 35px;
  width: 35px;
}
.ui-datepicker td {
  border: none !important;
}
.ui-state-hover {
  border: 1px solid #404040 !important;
}
.ui-state-default {
  border: 1px solid #fff !important;
}
.ui-state-default:hover {
  border-radius: 50%;
  border: 1px solid #e6e6e6 !important;
  background-color: #e6e6e6 !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff !important;
  background: #007fff !important;
  font-weight: normal !important;
  color: #ffffff !important;
  border-radius: 50%;
}

.ui-timepicker {
  width: auto;
}
.ui-timepicker-container {
  padding: 0;
}
.ui-timepicker-standard {
  padding: 0 !important;
}

.ui-timepicker-standard a {
  border: 1px solid transparent;
  color: #404040 !important;
  display: block;
  padding: 10px !important;
  text-decoration: none;
}

.ui-timepicker-viewport {
  width: 100%;
  padding: 0;
}
ul.ui-timepicker-viewport {
  width: 100%;
  padding: 0 !important;
}
.ui-timepicker li.ui-menu-item {
  width: 100% !important;
  padding: 0 !important;
}
.ui-timepicker .ui-state-hover {
  background-color: #011268 !important;
  color: white !important;
  border: none !important;
}
.ui-timepicker-container {
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6,
    0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  border: none !important;
}

.user-details-main {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.user-img-con {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.user-details-img img {
  border-radius: 10px !important;
}
/* .com-box{
  -webkit-flex:1;
  flex: 1;
} */

.text-planniac-orange {
  color: #ff4936 !important;
}
.text-planniac-orange-80 {
  color: #ff7063 !important;
}
.text-planniac-orange-60 {
  color: #ff9489 !important;
}
.text-planniac-orange-40 {
  color: #ffb9b2 !important;
}
.text-planniac-orange-20 {
  color: #ffdcd8 !important;
}

.text-planniac-blue {
  color: #011268 !important;
}
.text-planniac-blue-80 {
  color: #334487 !important;
}
.text-planniac-blue-60 {
  color: #6573a6 !important;
}
.text-planniac-blue-40 {
  color: #98a2c3 !important;
}
.text-planniac-blue-20 {
  color: #ccd0e2 !important;
}
.bg-planniac-orange {
  background-color: #ff4936 !important;
}
.bg-planniac-orange-80 {
  background-color: #ff7063 !important;
}
.bg-planniac-orange-60 {
  background-color: #ff9489 !important;
}
.bg-planniac-orange-40 {
  background-color: #ffb9b2 !important;
}
.bg-planniac-orange-20 {
  background-color: #ffdcd8 !important;
}

.bg-planniac-blue {
  background-color: #011268 !important;
}
.bg-planniac-blue-80 {
  background-color: #334487 !important;
}
.bg-planniac-blue-60 {
  background-color: #6573a6 !important;
}
.bg-planniac-blue-40 {
  background-color: #98a2c3 !important;
}
.bg-planniac-blue-20 {
  background-color: #ccd0e2 !important;
}

.border-planniac-orange {
  border: 1px solid #ff4936 !important;
}

.elementHidden {
  visibility: hidden;
}

.fs-7 {
  font-size: 0.875rem !important;
}
.fs-8 {
  font-size: 0.8rem !important;
}
.fs-9 {
  font-size: 0.75rem !important;
}