.svg-img-blue{color:#002b3f !important}
#filter-guest-selector-button svg{margin-right: 15px;}
.card-balance-close-icon{position: absolute;right: 15px;top: 15px;}
.card-balance-close-icon.svg-img-blue{color:white !important}
.close-button-hamburger-mobile{right: 15px;top: 15px;}
.desktop-side-panel p.p4reg.grey8-text.p-2.pt-4{color:#002b3f !important}
.footer-logo-image:last-of-type,
.barion-logo img:last-of-type,
.instacache img:last-of-type,
.novogate img:last-of-type{display:none}


body.a11y .offers_card_banner_overlay{background-color: transparent !important;}
body.a11y .inner_content,
body.a11y .inner_content p,
body.a11y .inner_content h3,
body.a11y .inner_content a{background-color: transparent !important;padding-left:0 !important}
body.a11y .active:before, 
body.a11y .nav-text:hover:before{border-bottom: 2px solid yellow !important}
body.a11y .searchLayer{display:none}
body.a11y .swiper-slide.banner_card{background: transparent !important;}
body.a11y .searchBarToggle,
body.a11y .language-switcher,
body.a11y .login-button,
body.a11y .hotel-list-menu #hotel-list div a span, 
body.a11y .hotel-list-hover:hover, body.a11y .profile-list-hover:hover{color:yellow !important;}

body.a11y #filter-hotel-selector input#filter-hotel-selector-input::placeholder{color: white !important;}
body.a11y .t-check-in,
body.a11y #filter_container div,
body.a11y .t-check-out{border-color:transparent !important}
body.a11y .t-check-in{border-right-color: white !important  ;}
body.a11y #filter_container .container-fluid>.row{border :1px solid white !important}

body.a11y #filter-date-selector-arrival-label,
body.a11y #filter-date-selector-depart-label{display:none}


body.a11y{
    .svg-img-blue{color:white !important}

    a p,
    a:hover p,
    .footer-main a:hover p.blue-light1-text{color:yellow !important;cursor: pointer;}
    .offers_card_banner_overlay,
    .emphasised_card_banner_overlay,
    .hotelcard-img-overlay{background-color: transparent !important;}
    .inner_content,
    .inner_content p,
    .inner_content h3,
    .inner_content a{background-color: transparent !important;padding-left:0 !important}
    .active:before, 
    .nav-text:hover:before{border-bottom: 2px solid yellow !important}
    .searchLayer{display:none}
    .swiper-slide.banner_card{background: transparent !important;}
    .searchBarToggle,
    .language-switcher,
    .login-button,
    .hotel-list-menu #hotel-list div a span, 
    .hotel-list-hover:hover, .profile-list-hover:hover{color:yellow !important}
    .hotel-list-menu #hotel-list div a:hover{text-decoration: underline !important;}

    #filter_container{border: none}
    .filter-booking{margin-right: 2px !important;}
    #filter-hotel-selector input#filter-hotel-selector-input::placeholder{color: white !important;}
    .t-check-in,
    #filter_container div,
    .t-check-out{border-color:transparent !important}
    .t-check-in{border-right-color: white !important  ;}
    #filter_container .container-fluid>.row{border :1px solid yellow !important}
    .filter-booking button,
    .filter-booking button span{background-color: yellow !important;color: black !important;}
    #filter-guest-modal-remove-1,
    #filter-guest-modal-remove-2,
    #filter-guest-modal-remove-3,
    #filter-guest-modal-remove-4,
    #filter-guest-modal-remove-5{border: transparent !important;}
    #filter-guest-modal-remove-1 h6,
    #filter-guest-modal-remove-2 h6,
    #filter-guest-modal-remove-3 h6,
    #filter-guest-modal-remove-4 h6,
    #filter-guest-modal-remove-5 h6{color: yellow !important;;}

    #filter-date-selector-arrival-label,
    #filter-date-selector-depart-label{display:none}
    #filter-hotel-selector-button img,
    #filter-date-selector-button img,
    #filter-guest-selector-button img{filter: invert(1);}

    .filter-hotel-dropdown-entry h6{color:yellow !important}
    #filter-date-selector .t-arrow-top,
    .t-datepicker .t-arrow-top{display:none !important}

    .t-datepicker-months button{border: none !important;margin:0 !important;background: none !important;position: absolute;top:5px;}
    .t-datepicker-months button.owl-prev{left: -15px !important;}
    .t-datepicker-months button.owl-next{left:auto !important;right:-15px !important}
    .t-datepicker-months button span{padding: 0 10px;color: yellow !important;}
    .t-datepicker-months .owl-item .t-month-sel div:last-of-type,
    .filter-floating-container .t-datepicker-months .owl-item .t-month-sel div:last-of-type{color: yellow !important;}
    .t-datepicker-months .owl-item .t-month-sel.selected-first div:last-of-type,
    .t-datepicker-months .owl-item .t-month-sel.selected div:last-of-type,
    .filter-floating-container .t-datepicker-months .owl-item .t-month-sel.selected-first div:last-of-type{border-color: yellow !important;border: 1px solid yellow !important;background: none !important;border-left:none !important;border-right:none !important;border-top:none !important}

    #balanceModalBtn,
    #balanceModalBtn2,
    .button-mobile-gift,
    .button_l,
    .button_primary,
    .button_primary span{color:yellow !important;border: 2px solid #ff0 !important;}
    .button_primary span{border:none !important}

    .inner_content .button_primary{border:none !important}

    .related_content_wrapper{border:none}

    .searchContent a p{color:white !important}

    .swiper-wrapper,
    .banner_content_overlay{background: transparent !important;}
    .latestNewsSwiper a,
    .discountedCardsSwiper a{border: 1px solid yellow !important;}
    .swiper-button-next, .swiper-button-prev{background-color: transparent !important}
    .swiper-button-next button, .swiper-button-prev button{color:yellow !important;position: relative;}
    .swiper-button-next button::after, .swiper-button-prev button::after{content:'';border: solid yellow;border-width: 0 3px 3px 0;display: inline-block;padding: 3px;}
    .swiper-button-next button.button_chevron_right_light{background: black !important;background-image: none !important;}
    .swiper-button-next button.button_chevron_right_light::after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);position: relative;left: -2px;top: -1px;}
    .swiper-button-prev button.button_chevron_left_light::after{transform: rotate(135deg);-webkit-transform: rotate(135deg);position: relative;right: -2px;top: -1px;}

    .discountedCardsSwiper .offers_card_main{min-height: 423px;}
    .discountedCardsSwiper .offers_card_location,
    .discountedCardsSwiper .offers_card_title,
    .discountedCardsSwiper .offers_card_price
    {padding: 0 15px;}
    .discountedCardsSwiper .offers_card_location,
    .discountedCardsSwiper .offers_card_price{color: white !important;}
    .discountedCardsSwiper .offers_card_price{padding-bottom:15px}

    .allCardSwiper .hotelcard-info .hotelcard-info-city,
    .allCardSwiper .hotelcard-info .hotelcard-info-details,
    .allCardSwiper .hotelcard-stars p{color:white !important} 

    section.hotel-header{border-bottom:1px solid #868686 !important}
    section.hotel-header,
    section.hotel-header div,
    section.hotel-header .hotel-header-title,
    section.hotel-header .ertekeles_block,
    section.hotel-header .ertekeles_block a,
    section.hotel-header .ertekeles_block a p{background-color: transparent !important;}
    section.hotel-header div.navbar-lvl2-container {box-shadow: none;border: 1px solid #868686 !important;border-bottom: none !important;}
    section.hotel-header div.navbar-lvl2-list{background-color: black !important;}
    .navigation_buttons button:disabled{border: none !important;color: white !important;}
    .navbar-lvl2-list-item-active{border-bottom:1px solid yellow !important}

    #popup-roomdetails{border: 1px solid white !important;}
    #popup-roomdetails .custom-swiper-pagination{display:none}
    #popup-roomdetails .roomselection-main-left-cover-tag h6{color:white !important}
    #popup-roomdetails .close_popup img{filter: invert(1);position: relative;top: -1px;}
    .close_popup svg{position: relative;top: -2px;}
    .gclose.gbtn::after{left:-2px;top:-2px}
    .svg-img-blue.search svg{position: relative;top:4px;left:-6px}

    .filter-floating-container #filter-date-selector{border-width: 1px;border-right: none;}
    .filter-floating-container #filter-guest-selector{border-width: 1px;border-left: none;margin-left: 0 !important;}
    .filter-booking-floating #filter-booking-floating-button{line-height: 50px;}
    .filter-floating-container .t-datepicker-months,
    .t-datepicker .t-datepicker-months{border: none;}
    #filter_container .t-datepicker-day,.t-datepicker-day{border: 1px solid white !important;}

    .emphasised_card_main div.price .emphasised_card_price.h6b{color:#e8e8e8 !important}
    .limit-max-height::before{filter: invert(1);}
    #popup-offerdetails{border: 1px solid white !important;}
    #popup-offerdetails button svg{position: relative;top: -2px;}

    ::marker {color: white;}
    .scrtabs-tab-scroll-arrow{border:none}
    .scrtabs-tab-scroll-arrow span,
    .gnext::after,
    .gprev::after{filter: invert(1) !important; top: -1px;left: -1px;}
    .gprev::after{left: unset;right:-1px}

    .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button{border-width: 1px !important;}
    .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button span{color:yellow !important;position: relative;top:-2px}
    .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button:first-of-type{border-right: none !important;}
    .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button:last-of-type{border-left: none !important;}
    .scrtabs-tabs-movable-container ul{border: none;}
    .scrtabs-tabs-movable-container ul li{margin-bottom: 0 !important;}
    .scrtabs-tabs-movable-container ul li.active,
    .scrtabs-tabs-movable-container ul li:hover{border-bottom: 1px solid yellow !important;font-weight: bold;}
    .fc .fc-col-header-cell-cushion,
    .fc .fc-daygrid-day-number{color:white !important}
    .fc-daygrid-day-events .set_offer_from_calendar,
    #login_send_button,
    #send_pass_reminder,
    #registration{color:yellow !important}
    .ajanlat-price-calendar .tab-pane::before{display:none}

    .hotel-divider-line,
    .registration-divider-line,
    .divider,
    .loginpopup-divider-line,
    .profile-divider-line,
    .profile-divider-line-nomargin{border-color: white !important;}

    /* Generic a11y helpers */
    .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}

    /* Ensure focus is visible for keyboard users */
    a:focus, button:focus, [role="button"]:focus, input:focus, select:focus, textarea:focus {
    outline: 2px dotted yellow !important;
    outline-offset: -2px !important;
    }

    .blue-text-section{border-left: 2px solid white !important;}
    #hotel-basedata>div>div div{border-bottom:1px solid white !important}
    .block.row{border-color:white !important}

    .newsletter-main, 
    .newsletter-main *,
    .giftcard-requisition-panel,
    .giftcard-requisition-panel *
    #torzskartya_container,
    #torzskartya_container *,
    .giftcard-basket,
    .giftcard-basket *,
    .desktop-side-panel,
    .desktop-side-panel *,
    .profile-right .white-bg,
    .profile-right .white-bg *,
    .profilemenubar-list,
    .profilemenubar-list *,
    #reservationFlowContainer .white-bg,
    #instacache_pay_later_box,
    #instacache_pay_later_box *,
    #reservationFlowContainer .white-bg *:not(.checkdates-container *),
    .personal-details-form.white-bg,.personal-details-form.white-bg *,
    .giftcard-requisition-panel.white-bg,.giftcard-requisition-panel.white-bg *,
    .extras-card-container.white-bg, .extras-card-container.white-bg *,
    .reservation-view-main-container .paymentmethods-selector.blue-light3-bg,
    .reservation-view-main-container .paymentmethods-selector.blue-light3-bg *{background: #282828 !important;}

    #popup-login,
    #popup-forgottenpassword,
    #balanceAndExpiryModal{border: 1px solid white !important;}
    .requisition-buttons button.set{background-color: transparent !important;}

    input.hunguest-input,select.form-select,
    input[type=text],input[type=password],
    input[type=email],input[type=number],
    textarea,
    textarea.hunguest-input{border-color:white !important;border:1px solid white !important}

    input#filter-hotel-selector-input{border:transparent !important}
    #popup-forgottenpassword button.close{position: absolute;right: 15px}
    .searchLayer{background: transparent !important;}
    .card-balance-close-icon.svg-img-blue{color: transparent !important;}
    .forgottenPassword p, 
    .registration p,
    .login p{color:yellow !important}

    .giftcard-amount-btn{border-width: 1px !important;margin-left: 0;margin-right: 0;}
    .giftcard-buttons{gap:3px}
    .giftcard-buttons button.set{background-color: yellow !important;color: black !important;}

    .del_card{border: none !important;color:yellow !important}
    .small-giftcard-box{border:1px solid white !important}
    .small-giftcard-box select.form-select{border:1px solid yellow !important}
    .login-button-container{background: transparent !important;}
    .profile-dropdown h6{padding-left: 10px;padding-right: 8px;margin-top: 3px;color: yellow !important;padding-bottom: 0;margin-top: 0;}
    .profile-dropdown button{border: none !important;}
    .profilemenubar-list li{border:none}
    .profilemenubar-list .profilemenubar-list-item-icon{display:none !important}
    #profilemenubar-list-item-logout button img{display:none}
    #profilemenubar-list-item-logout button h6{padding-left:0 !important}
    .profilemenubar-list-item-active{border-left:2px solid white !important}
    .loyaltycard-container#loyalty_card{border:none !important}
    .profile-trusted-device{border:1px solid white !important}

    .hunguest-table{border: 1px solid white;}
    .hunguest-table thead,
    .hunguest-table tbody tr td{background:transparent !important}
    .hunguest-table tbody{background: #484848;}
    .hunguest-table tbody tr{border-bottom:none;}
    .hunguest-table tbody tr td{color:white}
    .hunguest-table tbody tr td *{background:transparent !important}

    .stepper-circle,
    .stepper-circle p{background-color: #6b6b6b !important;}
    .stepper-circle.active-step,
    .stepper-circle.active-step p{background-color:white !important}
    .stepper-circle.active-step p{color:black !important}
    .hotelcard-inner-text,
    .hotelcard-inner-text h5,
    .hotelcard-inner-text p{background: transparent !important;}

    .roomselection-container,
    .roomselection-main-right{border:none !important}
    .roomselection-main,.offer-selection-main, .offer-details{border-color:#838383 !important}
    .roomselection-main-right-button button span{color:yellow !important}
    .roomselection-main-modal-entry{border-color:white !important}
    .roomselection-main-modal-entry-close{border: none !important; color: yellow !important;}
    #instacache_pay_later_box .title{border: 1px solid white !important;}
    .profile-dropdown-container{background: transparent !important;}
    .main-header-nav-center-items a:hover{text-decoration: none !important;}

    .select-wrap {position: relative;}
    .form-select{position:relative;background-image: none;appearance: none;}
    .select-wrap::after{position:absolute;content:"";border: solid white;border-width: 0 3px 3px 0;display: inline-block;padding: 3px;transform: rotate(45deg);-webkit-transform: rotate(45deg);right: 14px;top: 14px;z-index: 5;}
    #ajanlatkeres_container .checkdates-container .t-datepicker{border-color:white !important}
    .ui-datepicker-header{border:none}
    .filter-guest-modal{border: 1px solid white !important;}

    #ajanlatkeres_container .personal-details-form.white-bg,
    #ajanlatkeres_container .personal-details-form.white-bg *{background: transparent !important;}
    .hunguest-input.input-error{border: thin solid red !important;}
    #ajanlatkeres_container .personal-details-form.white-bg .roomselection-empty-selection-error,
    .reservation-view-main-container .roomselection-empty-selection-error{background-color: #ffebea !important;}
    #ajanlatkeres_container .personal-details-form.white-bg .roomselection-empty-selection-error p,
    .reservation-view-main-container .roomselection-empty-selection-error p{color:red !important;background-color: transparent !important;}
    #CybotCookiebotDialog{border: 1px solid white !important;}
    #CybotCookiebotDialog #CybotCookiebotDialogPoweredbyImage{filter: invert(1);}
    #CybotCookiebotDialog #CybotCookiebotDialogPoweredbyCybot svg{fill:white}
    #CybotCookiebotDialog .CybotCookiebotFader{display:none}
    #CybotCookiebotDialog button:before{border-color:white;left: 10px;}
    #CybotCookiebotDialogNav,#CybotCookiebotDialogHeader,
    #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieGroup,
    #CybotCookiebotDialog .CookieCard,
    #CybotCookiebotDialogDetailBulkConsent,
    #CybotCookiebotDialogDetailBulkConsentListWrapper, 
    #CybotCookiebotDialogDetailBulkConsentListWrapper>span{border-color: white !important;}
    #CybotCookiebotDialog form input[type=checkbox][disabled]:checked+.CybotCookiebotDialogBodyLevelButtonSlider {background-color: #444444 !important;}
    #CybotCookiebotDialog input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {background-color: #adadad !important;}
    #CybotCookiebotDialog input:checked+.CybotCookiebotDialogBodyLevelButtonSlider:before, #CybotCookiebotDialog[dir=rtl] #CybotCookiebotDialogTabContent input+.CybotCookiebotDialogBodyLevelButtonSlider:before{    background-color: yellow;}
    .modal-content{border-color: white !important;}
    .modal-header{border-color: #4c4949 !important;}
    .modal-header .btn-close{position:relative;background:transparent !important;opacity: 1;}
    .modal-header .btn-close:after{position:absolute;content:"x";left: 11px; top: -4px; font-size: 25px; color: white;}
    #room_info .head_mobile .button_xs{height: 32px;}

    .button_plus_light_32, .button_plus_light_24, .button_plus_noborder_24, .button_plus_noborder_32, .button_minus_light_32, .button_minus_light_24, .button_minus_noborder_24, .button_minus_noborder_32{background: transparent;position: relative;}
    .button_plus_light_32:after, .button_plus_light_24:after, .button_plus_noborder_24:after, .button_plus_noborder_32:after{position:absolute;content:"+";left: 5px;top: -3px;font-size: 15px; color: white}
    .button_minus_light_32:after, .button_minus_light_24:after, .button_minus_noborder_24:after, .button_minus_noborder_32:after{position:absolute;content:"-";left: 6px;top: -3px;font-size: 15px; color: white}
    #filter_container div .filter-guest-modal{border: 1px solid white !important;}

    .desktop-side-panel p.p4reg.grey8-text.p-2.pt-4{color: white !important;}
    .desktop-side-panel .room-price-details.total,
    .desktop-side-panel .room-price-details.total *{background: #3a3838 !important;}

    .profilemenubar-container.white-bg{border: none !important;}
    .profilemenubar-container.white-bg .profilemenubar-list{min-height: unset;padding-bottom: 0px !important;}
    .profilemenubar-container.white-bg .profilemenubar-list li{padding-bottom: 0 !important;border-bottom: none !important;}
    .profilemenubar-container.white-bg .profilemenubar-list,
    .profilemenubar-container.white-bg .profilemenubar-list *{background: black !important}
    .profilemenubar-container.white-bg .profilemenubar-list button{border:none !important;}
    .profilemenubar-container.white-bg .profilemenubar-list button h6{color:yellow !important}

    #hotel-list[hiddened] { display: none !important; }
    .submenu-open > #hotel-list { display: block !important; }
    .hotel-list-menu:hover #hotel-list[hiddened]{display:block !important}

    .footer-main .footer-logo-image:first-of-type,
    .footer-main .barion-logo img:first-of-type,
    .instacache img:first-of-type,
    .novogate img:first-of-type{display:none}
    .footer-logo-image:last-of-type,
    .barion-logo img:last-of-type,
    .instacache img:last-of-type,
    .novogate img:last-of-type{display:block}

    input[type="radio"]:checked::before{background-color: white;border:1px solid yellow}
    .paymentmethods-form-entry h6{color:yellow !important}
    .reservation-view-main-container .paymentmethods-selector.blue-light3-bg{border:none}
    .reservation-view-main-container .paymentmethods-selector .paymentmethods-form-entry.form-check{border-bottom:none}
    .paymentmethods-summary{border-color: orange !important;}
    .paymentmethods-summary .paymentmethods-summary-entry{border-bottom:none}
    .paymentmethods-summary .paymentmethods-summary-entry:last-of-type{padding-bottom:0}

    .instacash-calculator{border: 1px solid white !important;}
    .reservation-view-main-container .paymentmethods-selector.blue-light3-bg .instacash-calculator:before{border-bottom:none !important}
    .reservation-view-main-container .paymentmethods-selector.blue-light3-bg .instacash-calculator,
    .reservation-view-main-container .paymentmethods-selector.blue-light3-bg .instacash-calculator .timeline,
    .reservation-view-main-container .paymentmethods-selector.blue-light3-bg .instacash-calculator .timeline div,
    .reservation-view-main-container .paymentmethods-selector.blue-light3-bg .instacash-calculator .header,
    .reservation-view-main-container .paymentmethods-selector.blue-light3-bg .instacash-calculator .header *,
    .reservation-view-main-container .paymentmethods-selector.blue-light3-bg .instacash-calculator .payment-info,
    .reservation-view-main-container .paymentmethods-selector.blue-light3-bg .instacash-calculator .payment-info *,
    .reservation-view-main-container .paymentmethods-selector.blue-light3-bg .instacash-calculator .summary,
    .reservation-view-main-container .paymentmethods-selector.blue-light3-bg .instacash-calculator .summary *,
    .reservation-view-main-container .paymentmethods-selector.blue-light3-bg .instacash-calculator .unvisible-content,
    .reservation-view-main-container .paymentmethods-selector.blue-light3-bg .instacash-calculator .unvisible-content>div
    {background-color: #393939 !important;}
    .reservation-view-main-container .paymentmethods-selector.blue-light3-bg .instacash-calculator .payment-info,
    .reservation-view-main-container .paymentmethods-selector.blue-light3-bg .instacash-calculator .summary.top,
    .reservation-view-main-container .paymentmethods-selector.blue-light3-bg .instacash-calculator .unvisible-content>div:last-of-type
    {border-color: white !important;}

    .reservation-view-main-container .paymentmethods-selector.blue-light3-bg .instacash-calculator .timeline .entry .content,
    .reservation-view-main-container .paymentmethods-selector.blue-light3-bg .instacash-calculator .timeline .entry .content *{background: #474747 !important;color: white !important;}
    .instacash-calculator .entry{position:static;margin:0 auto;margin-bottom:10px}
    .instacash-calculator .timeline::after,
    .instacash-calculator .entry::before{display:none}
    #reservationFlowContainer .white-bg .rf-bar-fill{background: silver !important;}
    #reservationFlowContainer .white-bg #reszletModal .rf-marker{background: #5d5d5d !important;}
    #reservationFlowContainer .white-bg #reszletModal .modal-body .info{border:none !important}
    #reservationFlowContainer .white-bg #reszletModal ul li::marker{background:white !important;color:white !important}
    #reservationFlowContainer .white-bg #reszletModal .alert{color: #eeeeee !important;background-color: #a17f83 !important;border-color: #a17f83 !important;}
    #reservationFlowContainer .white-bg #reszletModal .modal-footer{border-top: 1px solid white !important;}
}

@media (max-width: 991px) {
    body.a11y
    {
        .filter-booking #filter-booking-button{background: yellow !important;}
        #filter_container #filter-hotel-selector{border-bottom: 1px solid #686868 !important;}
        #filter_container #filter-date-selector-button{border-bottom: 1px solid #686868 !important;}
        .filter-guest-modal-apply{background: black !important;}
        #filter_container div div.filter-guest-modal-apply{background:transparent !important}
        .a11y_btn{display:none}
        .hotel_subpage_nav_wrap:after{background: linear-gradient(90deg, rgba(255, 255, 255, 0.0) 0%, rgb(0 0 0 / 85%) 66%, rgb(0 0 0) 100%);}
    }
}