.root {

}

.bokningLayout {

}

.contentOuterLayout  {
  max-width: 1450px;
margin:auto;
padding:20px;
width: 100%;
}


/* Default styles for mobile */
.contentOuterLayout_logi {
  width: 100%;
  max-width: 100%;
  padding: 0 1rem;
  margin: 0 auto;
}

/* Media query for tablets */
@media screen and (min-width: 768px) {
  .contentOuterLayout_logi {
    width: 90%;
    max-width: 768px;
  }
}

/* Media query for desktop */
@media screen and (min-width: 1024px) {
  .contentOuterLayout_logi {
    width: 80%;
    max-width: 1200px;
  }
}

/* Media query for large desktop screens */
@media screen and (min-width: 1440px) {
  .contentOuterLayout_logi {
    width: 70%;
    max-width: 1400px;
  }
}

.contentOuterLayout_visatid  {
  max-width:2010px;
  margin: auto;
  padding:20px;
}

.contentOuterLayout_sjb, .contentOuterLayout_undefined {
  max-width: 400px !important;
  margin: auto;
  padding:10px;
}

.webText {
  margin-bottom: 1rem;
}

.label {
  display: block;
  font-weight: 500;
  padding: 0.5rem 0;
}

.mbsc-button {
  font-size: inherit;
}

.mbsc-active {
  background-color: var(--primaryHover) !important;
}

.mbsc-ios.mbsc-range-control-value.active {
  color: var(--primary);
}

/* .ant-form-item-control-input-content input {
  border-color: var(--primary) ;
}

.ant-form-item-control-input-content input:hover {
  border-color: var(--primary) ;
}
.ant-form-item-control-input-content input:active {
  border-color: var(--primary) ;
}

input.ant-input-outlined:hover, input.ant-input-outlined:active {
  border-color: var(--primary) ;
  background-color: none;
} */

.mbsc-button {
  margin: 0 !important;
}

.dl-primary {
  background-color: var(--primary) !important;
  color: var(--primaryText) !important;
  border: none !important;
}

.dl-secondary {
  background-color: var(--secondary) !important;
  color: var(--secondaryText) !important;
  border: none !important;
}

.dl-default {
  background-color: var(--default) !important;
  color: var(--defaultText) !important;
}

.dl-warning {
  background-color: var(--warning) !important;
  color: var(--warningText) !important;
}

.dl-error {
  background-color: var(--error) !important;
  color: var(--errorText) !important;
}

.dl-galleryButton {
  color: var(--primary) !important;
  font-size: 2em;
}

.error {
  color: var(--error) !important;
}

button.warning {
  background-color: var(--warning) !important;
  color: var(--warningText) !important;
}

.sidebar {
  background-color: var(--pageBackground) !important;
}

.buttonLink {
  background: none !important;
  border: none;
  padding: 0 !important;
  color: var(--primary) !important;
  cursor: pointer;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.buttonLink:active,
.buttonLink:hover,
.buttonLink:visited {
  border: none !important;
  text-decoration: underline;
}

.dl-default.mbsc-button-secondary {
  background-color: var(--secondary) !important;
  color: var(--secondaryText) !important;
}

.ant-menu-item-selected,
.ant-menu-item-selected:hover,
.ant-menu-item:hover,
.ant-menu-light .ant-menu-submenu-title {
  color: var(--primary) !important;
}

.ant-menu-light .ant-menu-submenu-title:hover,
.ant-tabs-tab:hover {
  color: var(--primaryHover) !important;
}

.ant-tabs-ink-bar {
  background: var(--primaryHover) !important;
}

.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after {
  border-color: transparent !important;
}

.ant-avatar {
  color: var(--defaultText) !important;
  background: var(--default);
  margin-right: 3px;
}

.ant-layout,
.ant-layout-footer,
.ant-layout-header {
  background-color: transparent;
}

.ant-tabs-tab-btn {
  color: var(--primary) !important;
}

.ant-spin-dot-item {
  background-color: var(--primary) !important;
}

.ant-spin-text {
  color: var(--primary) !important;
}

.ant-collapse-header {
  color: var(--panelBackgroundText) !important;
  font-weight: bold;
}

.accordionHeader > div > .ant-collapse-header {
  background-color: var(--panelBackground) !important;
  background-blend-mode: lighten;
}

.mbsc-checkbox-box {
  color: var(--primary) !important;
}

.mbsc-ios.mbsc-selected .mbsc-calendar-cell-text {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: var(--primaryText) !important;
}

.mbsc-hover .mbsc-calendar-cell-text {
  background-color: var(--primaryHover) !important;
}

.mbsc-range-day:after {
  background-color: var(--primaryHover) !important;
}

.mbsc-calendar-controls .mbsc-button,
.mbsc-button-flat,
.mbsc-calendar-today,
.mbsc-calendar-week-nr {
  color: var(--primary) !important;
}

.mbsc-calendar-label {
  color: var(--default) !important;
}

.mbsc-calendar-day-inner {
  border: none !important;
}

.noArrival .mbsc-calendar-day-text {
  color: black;
}

.arrival .mbsc-calendar-day-text {
  color: black;
}

.mbsc-ltr.occupied .mbsc-calendar-cell-text {
  background-color: var(--rangeCalenderOccupied) !important;
  opacity: 0.8;
}

.mbsc-disabled.check-in .mbsc-calendar-cell-text {
  background: linear-gradient(to left top, var(--rangeCalenderOccupied) 50%, transparent 50%) no-repeat !important;
  opacity: 0.8;
}

.mbsc-calendar-cell.check-in .mbsc-calendar-cell-text {
  background: linear-gradient(to left top, var(--rangeCalenderOccupied) 50%, transparent 50%) no-repeat !important;
  opacity: 0.8;
}

.mbsc-ltr.check-out .mbsc-calendar-cell-text {
  background: linear-gradient(to left top, transparent 50%, var(--rangeCalenderOccupied) 50%) no-repeat !important;
  opacity: 0.8;
}

.completeBoxGridItem .beskrivningKort p {
  margin-top: 0;
  margin-bottom: 0;
  color: var(--textColorLight);
}

.completeBoxGridItem .objectHeader .objectName::before {
  content: ' ';
  padding-right: 0px;
  color: black;
}

.dl_resmal {
  display: block;
  color: var(--textColorLight);
}

.dl_resmal::before {
  /* content: url(/home/images/geography.png); */
  padding-right: 3px;
}

.dl_kapacitet,
.dl_botyp,
.dl_ekipagelangd {
  display: block;
  color: var(--textColorLight);
}

.dl_kapacitet::before {
  /* content: url(/home/images/bed.png); */
  padding-right: 3px;
}

.dl_botyp::before {
  /* content: url(/home/images/house.png); */
  padding-right: 3px;
}

.beskrivningKort p {
  color: var(--textColorLight);
}

.rabattPris {
  font-size: 18px;
  font-weight: bold;
  color: #ef4444;
}

.orginalPris {
  font-size: 14px;
  text-decoration: line-through;
  color: gray;
}

.standardPris {
  font-size: 18px;
  font-weight: bold;
}

.franPris {
  font-size: 1em;
}

.ingetPris {
  font-size: 1em;
  font-style: italic;
}

h4.beskrivningHeader {
  margin-bottom: 0;
  margin-top: 6px;
}

h3.beskrivningHeader {
  margin-top: 6px;
  margin-bottom: 0;
}

.beskrivningHeader {
  font-weight: bold;
}

.MapContainer {
  height: 600px;
  width:100%;
}

.MapContainerBas {
  height: 600px;
}

.AnkomstAvresa_smallDetails {
  display: block;
  padding-left: 2em;
}

.AnkomstAvresa_smallDetaiilsLabel {
  font-weight: bold;
}

.AnkomstAvresa_smallDetaiilsLabel::after {
  content: ': ';
}

/* .gtmButtonAccept {

}
.gtmButtonDecline {

} */

.gtmAlertContainer {
  background-color: var(--cookieConsent) !important; /*var(--antd-wave-shadow-color);*/
  color: var(--cookieConsentText);
  margin: 10px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* .gtmText {
} */

.accessibility .ant-collapse-header-text {
  color: black !important;
}

.sidanUppdaterasLayout img {
  margin-top: 25px;
  max-width: 300px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.ant-radio-checked .ant-radio-inner {
  border-color: var(--primary) !important;
  background-color: var(--primary) !important;
}

.ant-form-item-explain-error {
  color: var(--error) !important;
}

textarea:hover,
textarea:active textarea:read-write {
  border-color: var(--primary) !important;
}

.mbsc-stepper-input {
  height: 36px;
  border-radius: 4px;
}

.mbsc-stepper-inner {
  display: flex;
  height: 100%;
  align-items: center;
  font-size: 2rem;
  padding-bottom: 0.4rem;
}

.card {
  padding: 1rem !important;
  border: 2px solid white;
  border-radius: 8px;
  background-color: var(--itemBackground);
  box-shadow: var(--shadow);
}

.separator {
  margin: 1rem 0rem;
  width: 100%;
  height: 1px;
  color: black;
  background-color: var(--borderColor);
}

.mbsc-ios.mbsc-form-control-wrapper.mbsc-ltr:after,
.mbsc-ios.mbsc-form-control-wrapper.mbsc-ltr:before {
  left: 0 !important;
}


.KravContainer .ant-select-single {
  width:100%
}