/* This CSS file will be loaded at last. Any CSS customization should be placed here *//

/* Hide the flight icons next to Arrival and Departure fields */
.vikbooking-arrival .fa-plane,
.vikbooking-departure .fa-plane {
    display: none !important;
}

.vbo-search-submit .btn {
    padding: 10px 50px !important;
    background: #909799 !important;
    font-size: 16px;
    color: #fff;
    position: relative;
}

.vbmodalrdetails a {
    display: none !important;
}

.vbo-goback-link {
    display: none !important;
}

.vbo-alert-container-confirm {
    background-color: #ffffff !important; /* Hvid baggrund */
    box-shadow: 5px 5px 5px 0 var(--vbo-border-color) !important; /* Beholder skygge */
    color: #000000 !important; /* Sort tekst */
    border: 1px solid #000000 !important; /* 1px sort border */
    border-radius: 0 !important; /* Ingen runding */
    left: 35% !important;
    opacity: 1 !important;
    padding: 20px !important;
    position: fixed !important;
    top: 35% !important;
    transition: opacity 0.6s ease 0s !important;
    width: 30% !important;
}

.vbo-results-chdates a {
    background: transparent;
    padding: 12px 12px !important;
    font-size: .9em;
    display: inline-block;
    margin: 10px 5px 5px 20px !important;
    border-radius: 1px;
    text-decoration: none !important;
    border: 1px solid #000000 !important;
}

.vbo-results-chdates a {
    background: transparent;
    padding: 12px 12px;
    font-size: .8em;
    display: inline-block;
    margin: 15px 5px 5px 20px;
    border: 1px solid !important; /* Tilføjet !important for at sikre bredden */
    border-radius: 0 !important; /* Fjernet rundinger med !important */
    text-decoration: none !important;
     color: inherit; /* Beholder standard tekstfarve */
    transition: background-color 0.3s ease, color 0.3s ease; /* Overgangseffekt */
}

.vbo-results-chdates a:hover {
    background-color: #909799 !important; /* Hover-baggrundsfarve */
    color: #ffffff !important; /* Skifter tekstfarve til hvid */
}

.vbo-results-chdates a {
    background: transparent;
    padding: 12px 12px !important;
    font-size: .9em;
    display: inline-block;
    margin: 10px 5px 5px 20px !important;
    border-radius: 1px;
    text-decoration: none !important;
    border: 1px solid #000000 !important;
}


.vbo-listing-details-wrap .vbo-listing-details-divsearch .vbo-search-submit .btn {
    width: 100%;
    font-size: 0.9em;
    padding: 14px 20px !important;
    border-radius: 0px !important;
    cursor: pointer;
    font-weight: 500;
    transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    background: #ffffff !important;
    -o-transition: all 400ms ease-in-out 0s;
}

.vbo-listing-details-wrap .vbo-listing-details-divsearch .vbo-search-submit .btn:hover {
    background: #909799 !important;
    color: #ffffff !important;
}

.fas.fa-plane-arrival.vbo-pref-color-text,
.fas.fa-plane-departure.vbo-pref-color-text {
    display: none !important;
}


.vbo-search-submit .btn {
    padding: 7px 50px !important;
    background: #909799 !important;
    font-size: 16px;
    color: #fff;
    position: relative;
    margin-top: -22px !important;
}

@media only screen and (max-width: 550px) {
  .room_buttons_box {
    float: none !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }

  .room_buttons_box input[type="submit"] {
    float: none !important;
    display: inline-block !important;
    margin: 20px auto !important;
    width: auto !important;
    max-width: 90% !important;
    box-sizing: border-box !important;
  }
}

@media only screen and (max-width: 550px) {
  .vboconfirmbottom {
    float: none !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }

  .vboconfirmbottom input[type="submit"] {
    float: none !important;
    display: inline-block !important;
    margin: 20px auto !important;
    width: auto !important;
    max-width: 90% !important;
    box-sizing: border-box !important;
  }
}