body {
  padding-top: 50px;
}

#totop {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  font-size: 20px;
  padding: 12px 15px 12px 15px;
  background-color: rgba(24, 138, 226, 0.51);
  color: white;
  z-index: 9;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#totop:hover {
  background-color: #188ae2;
}

#totop.show {
  display: block;
}

.langs-drop {
  display: none;
}

.submenu.megamenu li ul a i,
.dropdown-menu li a i {
  margin-right: 10px;
}

.navbar-inverse {
  background-color: #435966 !important;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  color: #ddd !important;
}

.navbar-inverse .navbar-nav > .open > a {
  background-color: #384a54 !important;
}

.hr-contrast {
  border: none;
  color: #ddd;
  background-color: #ddd;
  height: 1px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.hotel-pupt-remove {
  cursor: pointer;
}

/*select {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}*/
.header-lang {
  position: relative;
  padding-top: 12px;
}

.langs-drop {
  display: none;
  position: absolute;
  border-top: 5px solid #fff;
  padding: 10px 10px 3px 15px;
  background: #fff;
  width: 125px;
  z-index: 999;
}

.header-lang a {
  display: block;
  height: 27px;
}

.header-lang a.langs-item {
  display: inline-block;
  font-size: 10px;
  color: #697374;
  margin: 0px;
  padding: 0px;
  height: auto;
  padding: 0px 0px 0px 24px;
  font-family: "Raleway", "PT Sans";
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  border: 0px;
  line-height: 13px;
  margin-bottom: 11px;
}

.header-lang a.langs-item:hover {
  color: #ff7200;
}

/*.langs-item {}*/
.droppable-area-photos {
  margin-left: 5px;
  margin-right: 5px;
  min-height: 220px;
  margin-bottom: 20px;
  text-align: center;
  padding-top: 100px;
  background-color: transparent;
  background-color: white;
  border: 1px dotted #aaa;
  width: 100%;
}

.droppable-area-photos.drop-section-sel {
  background-color: #eee;
  color: black;
}

#file-field-offersphotos {
  min-height: 15px;
  opacity: 0;
  margin-top: -23px;
  cursor: pointer;
  width: 100%;
  /*filter: alpha(opacity:0);*/
}

#ul-upload-photos {
  list-style: none;
  padding: 0;
}

#ul-upload-photos li {
  float: left;
  max-width: 100px;
  overflow: hidden;
  border: 1px solid #fff;
}

.img_upload {
  max-height: 100px;
}

.div_myimg_manage_icons {
  position: absolute;
  margin-left: 60px;
  background-color: rgba(0, 0, 0, 0.2);
}

.div_myimg_manage_icons i {
  margin: 2px;
  cursor: pointer;
  color: white;
}

.div_myimg_manage_icons .fa:hover {
  color: #71b6f9 !important;
}

.img_loader_percents {
  position: absolute;
  color: white;
  margin-left: 46px;
  margin-top: 35px;
  display: none;
}

.img_loader_hover {
  position: absolute;
  background-color: black;
  width: 100px;
  height: 100px;
  margin-left: 0;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
  /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=30);*/
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  display: none;
}

.div-add-media-new-image {
  text-align: center;
}

.i-upload-image-error {
  position: absolute;
  margin-left: 40px;
  margin-top: 40px;
  color: yellow;
  font-size: 20px;
}

.delete-time-slot, .delete-cancelation, .delete-validperiod {
  float: right;
  background-color: white !important;
  color: #777 !important;
  border: none !important;
  display: none;
}

.delete-cancelation, .delete-validperiod {
  display: block !important;
}

.delete-time-slot:hover,
.delete-cancelation:hover,
.delete-validperiod:hover {
  background-color: #fff !important;
  color: #000 !important;
  border: none !important;
}

.img-admin-gallery-photo {
  max-width: 100%;
}

.a-admin-logo {
  width: 40px;
}

.pricing-table-tour {
  width: 170px;
  max-width: 170px;
  min-width: 170px;
  padding-left: 6px !important;
}

.div-notification-temp-message {
  position: fixed;
  border: 1px solid #043c67;
  background-color: #188ae2;
  padding: 20px;
  right: 30px;
  bottom: 30px;
  color: white;
}

.form-control {
  color: black;
}

.form-control.form-control-small {
  height: 30px;
  font-size: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}

textarea.form-control-override {
  min-height: 0;
}

.float-right {
  float: right;
}

.span-copy-from {
  font-size: 10px;
  margin-top: 15px;
  line-height: 30px;
}

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

.td-admin-id {
  width: 50px;
  text-align: center;
}

.td-admin-table-thumbnail {
  width: 50px;
}

.div-admin-table-thumbnail {
  height: 50px;
  width: 50px;
  vertical-align: middle;
  overflow: hidden;
}

.div-admin-table-thumbnail img {
  max-height: 50px;
}

.container-full-width {
  width: 100%;
  padding: 0;
}

#mediamanager {
  position: fixed;
  z-index: 9999;
  padding: 100px;
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 100%;
  overflow: auto;
}

#mediamanager .img-container {
  width: 25%;
  float: left;
  height: 0;
  padding-bottom: 14%;
  text-align: center;
  overflow: hidden;
}

#mediamanager .img-container img {
  width: 100%;
}

#mediamanagerclose {
  font-size: 30px;
  float: right;
  margin-top: -60px;
  cursor: pointer;
}

.img-selector {
  color: white;
  font-size: 30px;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  width: 40px;
  cursor: pointer;
}

.img-selector.active {
  color: green;
}

.photo-setmain.active {
  color: red;
}

.div-mytablesearch {
  float: right;
}

.input-offer-prices {
  border: 1px solid #eee;
  width: 60px;
  min-width: 60px;
}

table td .bootstrap-touchspin .input-group-btn .btn.btn-primary {
  background-color: #fff !important;
  border: none !important;
  padding: 6px !important;
  color: black !important;
}

tr.deleted td {
  text-decoration: line-through;
  color: #aaa;
}

.hidden {
  display: none;
}

th > .SelectFilter {
  float: right;
}

th .SelectFilter .SelectFilterButton {
  height: 20px;
  width: 20px;
  padding: 0;
}

th .SelectFilter .SelectFilterButton i {
  font-size: 10px;
}

.SelectFilterItems {
  border: 1px solid #eee;
  padding: 20px;
  width: 400px;
  background-color: white;
  position: absolute;
  z-index: 99;
  border: 1px solid #aaa;
}

.SelectFilterItemsContainer {
  max-height: 300px;
  overflow: auto;
  padding: 5px;
  clear: both;
}

.SelectFilterBoolean {
  color: black;
  margin-top: 15px;
}

.SelectFilterBoolean span {
  padding: 5px;
  margin-left: 10px;
  border: 1px solid #aaa;
  cursor: pointer;
}

.SelectFilterBoolean span.active {
  background-color: #188ae2;
  color: white;
}

.SelectFilterSearch input {
  width: 100%;
  border: 1px solid #ccc;
  line-height: 20px;
  padding-right: 20px;
  color: #333;
}

.SelectFilterSearch span {
  float: right;
  position: absolute;
  right: 21px;
  top: 21px;
  background-color: white;
  width: 20px;
  height: 22px;
  text-align: center;
  padding-top: 2px;
  cursor: pointer;
  color: #777;
}

.SelecteFilterSelectAllButton {
  float: left;
}

.SelecteFilterClearButton {
  text-align: right;
}

.SelecteFilterClearButton .btn, .SelecteFilterSelectAllButton .btn {
  font-size: 10px;
  padding: 0;
}

.SelectFilterItem :hover {
  background-color: #eee;
}

.SelectFilterItem input {
  width: 16px;
  height: 16px;
  float: left;
}

.SelectFilterItem label {
  width: 300px;
  margin-left: 10px;
  padding: 5px;
  color: black;
  cursor: pointer;
}

.SelectFilterItem input {
  cursor: pointer;
}

.SelectFilter-numberOfSelected {
  float: right;
}

.booking-table-button {
  background-color: #188ae2;
  color: lightblue !important;
  cursor: pointer;
  padding: 4px;
  width: 100%;
  font-size: 10px;
}

.div-booking-header-split-td {
  border-top: 1px solid #777;
}

.div-booking-header-split-td div {
  display: inline-block;
  width: 50%;
}

.div-booking-header-split-td div.SelectFilter, .div-booking-header-split-td div.SelectFilterBoolean {
  width: auto;
  float: left;
}

.div-booking-header-split-td div.SelectFilterBoolean {
  margin-top: 5px;
  border-radius: 3px;
}

.div-booking-header-split-td div.SelectFilterBoolean .SelectFilterBooleanValue {
  margin-left: 0;
  font-size: 10px;
}

.div-booking-header-split-td div.SelectFilterItems, .div-booking-header-split-td div.SelectFilterSearch {
  width: auto;
  display: block;
}

.li-col-vis {
  float: left;
  padding-left: 10px;
  padding-right: 20px;
}

.li-bookings-global-filter-date {
  padding-top: 7px;
}

.li-bookings-global-filter-date label {
  color: white;
}

.li-bookings-global-filter-date input, .li-bookings-global-filter-date select {
  padding: 3px;
  border-radius: 5px;
}

.booking-row-new td {
  background-color: #d1e8fe;
  color: black !important;
}

.booking-row-cancelled td {
  background-color: orange !important;
  color: white !important;
}

.booking-row-pending td {
  background-color: red !important;
  color: white !important;
}

.booking-row-request td {
  background-color: green !important;
  color: white !important;
}

.div-booking-table-wrapper {
  /*min-height:800px;*/
  overflow-y: scroll;
  overflow-x: visible;
  border: 1px solid #aaa;
  position: relative;
}

.div-booking-table-scroll-wrapper {
  width: 100%;
  overflow-x: auto;
}

.div-booking-table-wrapper-header {
  padding-right: 16px;
  background-color: #215277;
  overflow-y: visible;
}

.div-visibility {
  float: left;
}

.booking-select-box {
  cursor: pointer;
  font-size: 20px;
  color: #188ae2 !important;
}

.booking-select-box:hover {
  color: #167ccb !important;
}

.booking-created-by-sales {
  color: red !important;
}

.booking-status-confirmed, .booking-row-cancelled td.booking-status-confirmed {
  color: white;
  background-color: lightgreen !important;
}

.booking-status-alert, .booking-row-cancelled td.booking-status-alert {
  color: white !important;
  background-color: red !important;
}

.booking-status-sent, .booking-row-cancelled td.booking-status-sent {
  color: white;
  background-color: lightblue !important;
}

.booking-table-header-toggle {
  display: none;
  padding: 15px;
  position: fixed;
  top: 50px;
  z-index: 10;
  width: 100%;
  height: 63px;
  background-color: white;
}

.booking-table-header-toggle .btn {
  float: right;
}

.i-close-booking-filter {
  float: right;
  font-size: 22px;
  display: none;
  padding: 10px;
}

.div-booking-table-header-filter {
  display: inline-block;
}

.div-booking-table-header-icons {
  float: right;
  margin-top: 15px;
}

#toggle-menu-mobile {
  display: none;
}

@media (max-width: 400px) {
  .navbar-nav li {
    width: 100%;
  }
  .li-bookings-global-filter-date label, .li-bookings-global-filter-date input, .li-bookings-global-filter-date select {
    width: 100% !important;
    margin-bottom: 10px;
  }
  #mainNavBar {
    overflow: auto;
  }
  .data-table-header {
    padding-right: 0 !important;
  }
}
@media (max-width: 1600px) {
  .navbar-header {
    width: 100%;
  }
  .navbar-nav {
    width: 100%;
  }
  #toggle-menu-mobile {
    display: block;
    float: right;
    margin-top: 10px;
  }
  #mainNavBar {
    display: none !important;
  }
  #mainNavBar.visible {
    display: block !important;
  }
}
#global-version {
  font-size: 10px;
  color: white;
  position: absolute;
  left: 40px;
  top: 5px;
}

span.menu-version {
  position: absolute;
  color: white;
  font-size: 10px;
}

@media (max-width: 850px) {
  .div-booking-table-header-filter {
    /*margin-bottom: 10px;*/
  }
  .booking-filter-item {
    width: 100%;
    max-width: none !important;
  }
  .booking-filter-item .span-clear-filter {
    font-size: 12px;
  }
  .div-booking-table-header-icons {
    margin-bottom: 10px;
    width: 100%;
  }
  .div-booking-table-header {
    display: none;
  }
  .div-booking-table-header.showmobile {
    display: block;
  }
  .booking-table-header-toggle {
    display: block;
  }
  .i-close-booking-filter {
    display: block;
  }
}
.div-booking-table-header {
  padding: 6px 10px 1px 10px;
  position: fixed;
  top: 50px;
  z-index: 10;
  background-color: white;
  width: 100%;
  border-bottom: 1px solid #aaa;
}

#btn-bookings-clear-filters {
  margin-top: 20px;
  margin-bottom: -10px;
}

#visibilityOptionsDropDownWrapper {
  padding: 15px;
  border: 1px solid #aaa;
  z-index: 2;
  position: absolute;
  right: 10px;
  padding-bottom: 30px;
  background-color: white;
}

#visibilityOptionDropDown {
  position: relative;
  border: none;
}

#visibilityOptionDropDown2 {
  list-style: none;
  padding-right: 10px;
}

#visibilityOptionDropDown2 .checkbox-row {
  height: 20px;
}

.dropdown-menu > .checkbox-row > input,
#visibilityOptionDropDown2 > .checkbox-row > input,
#visibilityOptionDropDown > li > input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  vertical-align: middle;
  margin-top: 0;
}

.dropdown-menu > .checkbox-row > label, #visibilityOptionDropDown2 > .checkbox-row > label {
  vertical-align: middle;
  padding-top: 6px;
}

#visibilityOptionDropDown2 > .checkbox-row:active, #visibilityOptionDropDown2 > .checkbox-row:hover {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.DayPickerInput-OverlayWrapper {
  z-index: 999999 !important;
}

.span-clear-filter {
  float: right;
  cursor: pointer;
}

.bookings-filter {
  padding-bottom: 10px;
}

.bookings-filter .booking-filter-item {
  float: left;
  max-width: 150px;
  margin-right: 20px;
}

.bookings-filter .Select-control {
  border: none;
  padding-top: 7px;
  height: 17px;
  border-bottom: 1px solid #aaa;
}

.bookings-filter .booking-table-date {
  width: 100%;
  font-size: small;
}

.bookings-filter .DayPickerInput {
  width: 100%;
}

.Select {
  padding: 0;
}

.Select-arrow-zone {
  display: none !important;
}

.Select-input {
  height: 24px !important;
}

.Select-placeholder, .Select-value-label {
  color: rgb(102, 102, 102) !important;
}

.Select-control {
  border-radius: 0 !important;
  height: 24px !important;
}

.Select-multi-value-wrapper .Select-value {
  position: relative;
  padding: 0 !important;
  margin: 0;
  width: 100%;
}

#react-select-2--backspace-remove-message {
  display: none;
}

.Select-placeholder, .Select-value {
  padding-left: 2px !important;
  padding-right: 2px !important;
  padding-top: 5px !important;
  padding-bottom: 2px !important;
  height: 24px !important;
  line-height: 24px !important;
}

.Select-placeholder {
  line-height: 24px !important;
  padding-top: 3px !important;
}

.Select-menu-outer {
  width: 300px !important;
  min-width: 300px !important;
  height: 650px !important;
  min-height: 650px !important;
}

.Select-menu {
  height: 650px !important;
  min-height: 650px !important;
}

.div-long-select {
  width: 200px;
}

.div-long-select .Select-menu-outer {
  min-height: 300px !important;
  max-height: 300px !important;
}

.div-long-select .Select-menu-outer {
  min-height: 300px !important;
  max-height: 300px !important;
}

.div-long-select .Select-menu-outer .Select-menu {
  min-height: 298px !important;
  max-height: 298px !important;
}

.div-short-select .Select-menu {
  height: auto !important;
  min-height: 100px !important;
}

.booking-table-date {
  width: 55px;
  font-size: 10px;
  height: 26px;
}

.booking-table-small-text {
  font-size: 10px;
}

.booking-table-small-text.booking-created-by-agent {
  color: red;
}

.booking-table-small-text.booking-created-by-client {
  color: green;
}

.booking-table-medium-text {
  font-size: 12px;
}

.booking-table-time-picker {
  width: 35px;
  font-size: 12px;
  float: left;
}

.booking-table-numeric-input {
  width: 42px;
}

.booking-table-text {
  width: 50px;
}

.booking-table-number {
  width: 23px;
}

.booking-table-number-4 {
  width: 40px !important;
}

.input-datatable-has-value {
  color: black;
  font-weight: bold;
}

.input-datatable-has-value::placeholder {
  color: #ccc;
}

.input-sup-booking {
  width: 100%;
  border: 1px solid #ddd;
}

.input-sup-booking-time {
  width: 40px;
}

.input-sup-booking-pickupstaff {
  width: 91px;
}

.input-sup-booking .autocomplete-text {
  cursor: pointer;
  line-height: 35px;
  padding: 10px;
  background-color: white;
  border-bottom: 1px solid #eee;
  width: 100%;
  display: block;
}

.autocomplete-text:hover {
  background-color: #eee;
}

.booking-item .tt-menu {
  background-color: white;
}

.tt-suggestion {
  width: 200px;
}

.float-left {
  float: left;
}

/****************Fixed Header Table***********************/
/****************Fixed Header Table***********************/
/******************React Notifications*******************/
.div-notifications {
  position: fixed;
  background-color: white;
  border: 1px solid #aaa;
  z-index: 9999;
  bottom: 10px;
  right: 10px;
}

.div-notification {
  padding: 10px;
  border-bottom: 1px solid white;
}

.div-notification-warning {
  background-color: orange;
  color: white;
}

.div-notification-error {
  background-color: red;
  color: white;
}

/******************React Notifications*******************/
/****************React Table*****************************/
.toolTip-popup p {
  cursor: default;
}

td div.toolTip-popup {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.2s linear;
  position: absolute;
}

td div.toolTip-popup p {
  line-height: 10px;
  font-size: 16px;
}

td:hover div.toolTip-popup {
  padding: 10px;
  text-align: left;
  visibility: visible;
  opacity: 1;
  border: 1px solid #ccc;
  background-color: white;
}

.table > tbody > tr > th,
.table > thread > tr > th,
.table > tbody > tr > td {
  color: black;
}

.react-table > thead > tr > th,
.react-table > tbody > tr > td,
.react-table > tbody > tr > th {
  color: black;
  padding: 0;
}

.react-table > thead > tr > th,
.react-table > tbody > tr > th {
  vertical-align: top;
}

.react-table > tbody > tr > td {
  text-align: center;
  vertical-align: middle;
  border-color: #444 !important;
}

.react-table > tbody.react-body-custom-td-layout > tr > td {
  vertical-align: top !important;
  text-align: left !important;
}

.react-table > thead > .tr-react-table-header {
  background-color: rgb(33, 82, 119);
  color: white;
  /*position:fixed;*/
}

.booking-pvrv p {
  margin: 0;
  line-height: 1;
}

.react-table > thead > .tr-react-table-header th {
  color: white;
}

.div-react-table-action-button {
  text-align: center;
}

.div-react-table-action-button button {
  font-size: 20px;
  padding: 3px 10px 3px 10px;
}

.booking-context-menu > .dropdown-menu {
  right: 0;
  left: auto;
}

.booking-context-menu > .dropdown-menu > li {
  cursor: pointer;
  padding: 5px;
  color: black !important;
}

.booking-context-menu > .dropdown-menu > li :hover {
  background-color: #ddd;
}

.booking-context-menu > .dropdown-menu > li > i {
  margin-right: 5px;
}

/****************React Table*****************************/
/*****************Availability Chart**********************/
.tr-availability-item {
  font-weight: bold;
  background-color: #777;
  color: white !important;
}

.tr-availability-item td {
  background-color: #777;
  color: white !important;
}

.span-availability-table-td-content {
  padding-top: 10px;
}

.availability-blocked {
  background-color: orange;
  color: white;
}

.availability-overbooked {
  background-color: red;
  color: white;
}

.availability-icons {
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 5px;
}

/*****************Availability Chart**********************/
/****************React Popup*****************************/
.div-full-screen-modal-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.div-full-screen-model-content {
  top: 10%;
  left: 50%;
  margin-left: -30%;
  width: 60%;
  background-color: white;
  border: 1px solid black;
  position: absolute;
  padding: 30px;
}

.set-icons label {
  padding: 10px;
}

.div-popup-with-button {
  float: left;
  display: inline;
}

.popup-full-screen-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  overflow: auto;
  z-index: 9999;
}

.popup-container .row {
  margin: 0;
}

.popup-close {
  cursor: pointer;
  font-size: 36px;
  float: right;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.3);
  color: white;
  position: fixed;
  right: 0;
  top: 0;
}

.popup-close-inline {
  cursor: pointer;
  color: #7a7a7a;
  float: right;
  font-size: 26px;
}

.popup-box {
  background-color: white;
  padding: 20px;
  min-height: 200px;
  margin-top: 50px;
  height: 100%;
}

th.excludedData {
  background-color: beige;
  color: #aaa;
}

td.excludedData {
  background-color: beige;
  color: beige !important;
}

td.excludedData:hover {
  color: #aaa !important;
}

/****************React Popup*****************************/
.booking-supplier-voucher {
  background-color: #cbedfd;
}

.booking-nonsupplier-voucher {
  background-color: #fffcd9;
}

.b-ac-overriden {
  background-color: #aaddfa !important;
}

.div-export-excel-control {
  display: inline-block;
}

.div-export-excel-control-selector {
  background-color: white;
  padding: 5px;
  border: 1px solid #aaa;
  z-index: 2;
  position: absolute;
  right: 10px;
}

.div-export-excel-control-selector .btn i {
  margin-right: 5px;
}

.div-export-excel-control-selector .btn {
  float: right;
  margin-right: 10px;
  margin-bottom: 10px;
}

.div-export-excel-control-selector .form-group {
  width: 50%;
  display: inline-block;
  padding: 10px;
  margin-bottom: 5px;
}

.div-export-excel-control-selector .form-group .DayPickerInput {
  width: 100%;
}

.div-export-excel-control-selector .form-group label {
  display: block;
}

.div-export-excel-control-selector .form-group input {
  width: 100%;
}

.react-booking-fixed-table {
  table-layout: fixed;
}
.react-booking-fixed-table tbody > tr > td {
  word-wrap: break-word;
}
.react-booking-fixed-table tbody tr th textarea, .react-booking-fixed-table .react-table > tbody > tr > td thead tr th textarea {
  font-size: 11px;
}
.react-booking-fixed-table tbody tr td .input-sup-booking,
.react-booking-fixed-table tbody tr th .input-sup-booking,
.react-booking-fixed-table tbody tr th .booking-table-text,
.react-booking-fixed-table tbody tr td .booking-table-text,
.react-booking-fixed-table thead tr th .input-sup-booking,
.react-booking-fixed-table thead tr th .booking-table-text {
  width: 100% !important;
}

.BookingTableSortButton {
  color: white;
}

.BookingTableSortButton i {
  color: white;
  cursor: pointer;
}

i.pointer {
  cursor: pointer;
}

.BookingTableSortButton i.active {
  color: red;
}

.div-booking-in-table-checkbox {
  float: left;
  padding-right: 5px;
  padding-left: 5px;
}

.div-booking-in-table-checkbox input {
  display: none;
}

.div-booking-in-table-checkbox input {
  display: none;
}

.div-booking-in-table-checkbox i {
  cursor: pointer;
  color: #ccc;
}

.div-booking-in-table-checkbox i.active, i.active {
  color: #188ae2;
  font-weight: bold;
  cursor: pointer;
}

.fa-exclamation-triangle pointer.active {
  color: red !important;
}

i.inactive {
  color: #ccc;
}

#div-temp-error-message {
  position: fixed;
  right: 5px;
  bottom: 5px;
  background-color: #ff7070;
  color: white;
  padding: 10px;
  z-index: 9999;
  font-weight: bold;
}

#div-temp-message {
  position: fixed;
  right: 5px;
  bottom: 5px;
  background-color: #7ad07a;
  color: white;
  padding: 10px;
  z-index: 9999;
  font-weight: bold;
}

#div-temp-errors-notifications {
  position: fixed;
  bottom: 5px;
  right: 5px;
  background-color: white;
  z-index: 2;
}

#div-temp-errors-notifications p {
  padding: 10px;
  font-weight: bold;
  font-size: 18px;
}

.p-temp-notification {
  background-color: orange;
  color: white;
}

.p-temp-error {
  background-color: red;
  color: white;
}

.datepicker {
  border: 1px solid #ddd;
  padding: 0;
  border-radius: 0;
}

.input-sup-booking.datepicker {
  max-width: 74px;
}

.table-bordered > thead, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
  border: 1px solid #777 !important;
}

table.table-bordered th:last-child, table.table-bordered td:last-child {
  border-right-width: 1px !important;
}

.table-bordered > tbody > tr > td.td-invisible {
  border: none !important;
  background-color: white;
}

.attention {
  background-color: red;
  color: white;
}

.tr-deleted {
  color: #ddd;
}

.refresh {
  cursor: pointer;
}

.arrival-form-pax.deleted {
  background-color: #aaa;
  margin: 0;
  padding: 10px;
}
.arrival-form-pax.deleted .fa-undo {
  color: white;
}
.arrival-form-pax.deleted input {
  background-color: #ccc;
  text-decoration: line-through;
}

.form-group .DayPickerInput {
  display: block;
}

.indeterminate-progress-bar-full-screen {
  position: fixed;
  opacity: 0.3;
  background-color: white;
}

.indeterminate-progress-bar {
  /* Color */
  background-color: #d1d5db;
  /* Rounded border */
  border-radius: 9999px;
  /* Size */
  height: 3rem;
  position: relative;
  overflow: hidden;
}

.indeterminate-progress-bar__progress {
  /* Color */
  background-color: #3b82f6;
  /* Rounded border */
  border-radius: 9999px;
  /* Absolute position */
  position: absolute;
  bottom: 0;
  top: 0;
  width: 50%;
  /* Move the bar infinitely */
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: indeterminate-progress-bar;
}

@keyframes indeterminate-progress-bar {
  from {
    left: -50%;
  }
  to {
    left: 100%;
  }
}