#event-modal {
    max-width: 70%;
}

.message--info {
    background-color: #e3f4f9; /* Light blue background */
    border-color: #007BFF;
    color: #007BFF;            /* Blue text color */
}

.modal {
    overflow-y: scroll;
}

.translations-section {
    display: none;
    margin-top: 20px;
}

#overlay {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9998}

#notification-box {z-index:9999;position:fixed;top:30px;right:10px;min-width:250px;background:#e74c3c;color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:15px;font-family:Arial,sans-serif}
#notification-box .notification-content {position:relative;margin:25px 0}
#notification-box .close-btn {position:absolute;top:10px;right:10px;background:0 0;color:#fff;border:none;font-size:20px;line-height:1;cursor:pointer;transition:color .3s}
#notification-box .close-btn:hover {color:#b2b2b2}
#notification-box button.action-btn {background:linear-gradient(94.18deg,#019034,#6abb18);color:#fff;border:none;border-radius:4px;padding:8px 12px;margin:5px 0;cursor:pointer;transition:background .3s}
#notification-box button.action-btn:hover {background:#019034}
#notification-box .notification-buttons {display:flex;justify-content:space-between;margin-top:25px}
#notification-box .notification-buttons a {color:#fff}

.notification-box-message {
    z-index: 9999;
    position: fixed;
    top: 30px;
    right: 10px;
    min-width: 250px;
    max-height: calc(100% - 60px);
    background: #019034;
    color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    padding: 15px;
    font-family: Arial, sans-serif;
    overflow-y: auto;
}

.notification-box-message.error {
    background: #e74c3c;
}

.notification-box-message .notification-content {
    position: relative;
    margin: 25px 0;
}

.notification-box-message .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: 0 0;
    color: #fff;
    border: none;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    transition: color .3s;
}

.notification-box-message .close-btn:hover {
    color: #b2b2b2;
}

.notification-box-message button.action-btn {
    background: linear-gradient(94.18deg, #019034, #6abb18);
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 8px 12px;
    margin: 5px 0;
    cursor: pointer;
    transition: background .3s;
}

.notification-box-message button.action-btn:hover {
    background: #019034
}

.notification-box-message .notification-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}

.notification-box-message .notification-buttons a {
    color: #fff;
}

.menu--sidebar{
    margin: 100px -40px 0;
}

.section__actions.columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 5px 10px;
}

.section__actions--column {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 5px;
}

.page__content__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 24px;
}

.page__content__actions--import .form-item {
    margin-left: 0;
}

.page__content__actions--import .form-item:not(:last-child) {
    margin-bottom: 5px;
}

.section__actions--import,
.page__content__actions--import .form-item.import-file {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}

.section__actions--import input[type="file"],
.page__content__actions--import .form-item.import-file input[type="file"] {
    width: 100%;
    max-width: 250px;
    padding: 3px;
    border: 1px dashed #3b3a3a;
    border-radius: 5px;
}

.form-item input[type=radio] {
    display: none
}

.form-item input[type=radio]+label {
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 0 30px;
    margin-top: 15px;
    position: relative;
    background: none;
    color: #000;
    font-weight: 400;
    text-transform: none;
    pointer-events: all;
    left: unset
}

.form-item input[type=radio]+label:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid #d5e1db;
    border-radius: 20px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: inherit;
    text-align: center
}

.form-item input[type=radio]:checked+label:before {
    font-weight: 900;
    font-family: Font Awesome\ 5 Pro;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-rendering: auto;
    border: 0;
    background-color: #019034;
    content: "\f00c";
    color: #fff;
    line-height: 20px;
}

#tire_hotel_service_carTypeGroup {
    display: flex;
    gap: 20px;
}

[v-cloak] {
    display: none;
}

.table .order-first-row {
    border-top: 2px solid black;
}

.table .order-number a {
    text-decoration: underline;
}

.timetable__column--disabled .cell {
    pointer-events: auto;
}

.week_timetable__column .cell {
    border-left: 1px solid #d5e1db;
}

.week_timetable__column_set {
    padding-left: 10px;
    padding-right: 11px;
}

.week_timetable__column {
    display: inline-block;
    vertical-align: top;
}

.week_timetable__column .cell {
    width: 80px;
    box-sizing: border-box;
    text-align: center;
}

#week-calendar .timetable__header .cell {
    flex: none;
}

#week-calendar .timetable__header .cell {
    text-align: center;
}

.timetable__line-headers {
    display: flex;
    justify-content: space-between;
}

.timetable__line-headers > div {
    display: inline-block;
    width: 80px;
    box-sizing: border-box;
    text-align: center;
}

.week_timetable__column {
    display: inline-block;
    vertical-align: top;
}

.booking-emails__container {
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
}

.booking-emails__container > * {
    margin: 5px;
}

.booking-emails__container a {
    color: green;
    cursor: pointer;
}

.booking-emails__container a:hover {
    text-decoration: underline;
}

.section__below_header {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.section__below_header .form-item {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
    padding: 0;
}

.section__below_header .form-item input[type=checkbox]+label {
    margin-top: 0;
}

.move_instructions {
    margin-bottom: 10px;
    color: #e74c3c;
}

.timetable.timetable--disabled .week_timetable__column,
.timetable.timetable--disabled .timetable__column {
    opacity: .25;
    cursor: initial;
    pointer-events: none;
}

.tyres-hotel__detail .other_tyre_hotels {
    margin: 10px 0 20px;
    text-decoration: underline;
}

.timetable__sidebar .related_tire_hotels a,
.timetable__sidebar .create_tire_hotel_booking {
    text-decoration: underline;
}

.tyres-hotel__table .clickable-row[data-type="ns"] {
    background: #f8f8f8;
}

.tyres-hotel__table .clickable-row[data-type="ns"]:hover {
    background: #f8f8f8;
}

.tyres-hotel__detail .form-actions {
    flex-wrap: wrap;
    gap: 20px;
}

.tyres-hotel__detail .form-actions .button+.button,
.tyres-hotel__detail .form-actions .button+a {
    margin-left: 0;
}

.tyres-hotel__detail .duplicate_tire_data {
    display: none;
    margin-top: 10px;
}

.user .user__partner-switcher {
    display: flex;
    align-items: center;
    margin-right: 20px;
    padding: 0 20px;
    -webkit-box-shadow: inset -1px 0 0 #d5e1db;
    box-shadow: inset -1px 0 0 #d5e1db
}

.tyres-list > li.headers {
    padding-top: 0;
    border: none;
    font-weight: bold;
}

.bookings_search {
    display: flex;
    gap: 10px;
}

.bookings_search--results {
    display: flex;
    gap: 10px;
    margin-top: 5px;
}

.bookings_search--results .button.disabled {
    pointer-events: none;
    opacity: .5;
}

.language_switcher ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.language_switcher li {
    margin: 0;
    padding: 0;
}

.language_switcher--list ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.language_switcher--list a.is-active {
    color: #019034;
    font-weight: bold;
}

.language_switcher--dropdown {
    position: relative;
}

.language_switcher--dropdown--trigger {
    position: relative;
    padding-right: 12px;
}

.language_switcher--dropdown--trigger:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 6px;
    height: 6px;
    border: 1px solid #000;
    border-width: 0 1px 1px 0;
    transform: translateY(-5px) rotate(45deg);
}

.language_switcher--dropdown--list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    width: 100%;
}

.language_switcher--dropdown--list ul {
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #d5e1db;
}

.language_switcher--dropdown:hover .language_switcher--dropdown--list {
    display: block;
}

.language_switcher--dropdown:hover .language_switcher--dropdown--trigger:after {
    transform: translateY(-2px) rotate(-135deg);
}

.layout--login .logo {
    margin: 0 0 20px;
}

.layout--login .logo svg {
    display: block;
}

.layout--login .language_switcher {
    margin: 0 0 20px;
}

.layout__admin-header .language_switcher {
    height: 100%;
    margin-left: 20px;
    padding-left: 20px;
    -webkit-box-shadow: inset 1px 0 0 #00752a;
    box-shadow: inset 1px 0 0 #00752a;
}

.layout__admin-header .language_switcher ul {
    height: 100%;
}

.layout__admin-header .language_switcher a {
    color: #fff;
}

.layout__admin-header .language_switcher a:not(.is-active):hover {
    color: #fff;
    text-decoration: underline;
}

.layout__admin-header .language_switcher a.is-active {
    color: #fff;
}

.layout__header .menu--main .menu a {
    height: 100%;
}

.layout__header .language_switcher {
    display: flex;
    align-items: center;
    margin-left: 20px;
    padding-left: 14px;
    -webkit-box-shadow: inset 1px 0 0 #d5e1db;
    box-shadow: inset 1px 0 0 #d5e1db;
}

.layout__header .language_switcher--dropdown {
    padding-right: 14px;
    margin-right: -21px;
}