/* BODY */

p.Default_p {
    margin: 0px;
    padding: 15px;
    padding-left: 20px;
    font-size: 12px;
    padding-bottom: 20px;
}

/*------------------------------------------------- BOOK NOW  --------------------------------------------------------*/

#DonjaLajsnaPT {
    background-image: url(../JPG/WindowTitleBottomLeftCorner.jpg);
    background-repeat: no-repeat;
    width: auto;
    height: 10px;
}

    #DonjaLajsnaPT div {
        width: auto;
        height: 10px;
        background-position: right;
        background-image: url(../JPG/WindowTitleBottomRightCorne.jpg);
        background-repeat: no-repeat;
    }

#DonjaLajsna_AboutUs {
    background-image: url(../JPG/WindowTitleBottomLeftCorner.jpg);
    background-repeat: no-repeat;
    width: auto;
    height: 10px;
}

    #DonjaLajsna_AboutUs div {
        width: auto;
        height: 10px;
        background-position: right;
        background-image: url(../JPG/WindowTitleBottomRightCorne.jpg);
        background-repeat: no-repeat;
    }

/*------------------------------------------  BODY + BANNER ----------------------------------------------------------------*/

.Body {
    margin: 0px;
    padding: 0px;
    font-family: 'PTSerif', serif !important;
    /*background: #fcfcfc;
	background-image: url(../JPG/pageBg.jpg);
	background-repeat: repeat-x;*/
}

.page-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    /*ako imas sliku*/
    /*zbackground: url('../JPG/BackgroundCoverLP.jpg');
	background: url('../JPG/AAOS2025_Background.svg');*/
    /*ako nemas sliku*/
    background-color: white;
    background-size: cover;
    z-index: -11;
    overflow-y: scroll;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

.test {
    overflow-y: scroll;
}

#pictureBackground {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    /*ako imas sliku*/
    zbackground: url('../JPG/BackgroundCoverLP.jpg');
    background: url('../JPG/AABB2025_Background.svg');
    /*ako nemas sliku*/
    /*background-color: white;*/
    opacity: 1;
    background-size: cover;
    z-index: 1;
}

.Okvir {
    position: abtsolute;
    z-index: 100000;
    width: 100%;
    height: auto;
    background: var(--white);
    margin-left: auto;
    margin-right: auto;
    background-color: #f4f4f4;
    box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.5);
}

.Wrap {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

/*------------------------------------------------ BANNER ------------------------------------------------------------------*/

.Banner {
    box-sizing: border-box;
    width: 100%;
    height: 159px;
    border-bottom: 1px solid #000;
}

#LogoEtc {
    width: auto;
    height: 120px;
    border-bottom: 1px solid #999999;
    background: #908173;
    background-image: url(../JPG/BannerImg.jpg);
    color: #FFFFFF;
}

div h1#Title {
    margin: 0px;
    padding: 0px;
    margin-right: 10px;
    color: #FFFFFF;
    padding-top: 5px;
}

div p#PunchLine {
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    padding-top: 5px;
    margin-left: 265px;
    color: #FFFFFF;
}

div p#Date {
    text-align: center;
    font-size: 13px;
    padding: 0px;
    margin-left: 308px;
    margin-top: 2px;
    color: #FFFFFF;
}

.PlanningTools {
    width: auto;
    height: 39px;
    background: #D6D6D6;
    border-bottom: 1px solid #FFFFFF;
    background-image: url(../JPG/PlanningToolsBackground.jpg);
    overflow: hidden;
    padding-right: 30px;
}

p#PlanningLink,
p#Reset,
p#PlanningLinkHome,
p#PlanningLinkRL,
p#PlanningLinkMyBookings,
p#PlanningLinkWelcome,
p#pl_myBookings {
    /*margin: 0px;*/
    float: right;
    background-repeat: no-repeat;
    /*color: #333333;
	font-size: 12px;
	padding-top: 15px;*/
}

    p#PlanningLink a,
    p#Reset a,
    p#PlanningLinkHome a,
    p#PlanningLinkRL a,
    p#PlanningLinkMyBookings a,
    p#PlanningLinkWelcome a,
    p#pl_myBookings a {
        /*padding-left: 10px;
		padding-right: 10px;
		color: #0079be;*/
    }

        p#pl_myBookings a:hover {
            color: #e25327;
        }

    p#PlanningLink b {
        padding-left: 10px;
        font-weight: normal;
    }

    p#PlanningLink span,
    p#pl_myBookings span {
        color: #000;
        padding-right: 10px;
    }

    p#PlanningLink a:hover,
    p#Reset a:hover {
        color: White;
    }


p#PlanningLink1 {
    margin: 0px;
    padding: 11px;
    float: left;
    background: none;
    color: #333333;
    font-size: 12px;
    letter-spacing: 1.3px;
    margin-left: 15px;
    margin-top: 3px;
}

    p#PlanningLink1 a img {
        text-decoration: none;
        border: none;
    }

    p#PlanningLink1 a:hover {
        border: none;
        text-decoration: none;
    }

.PlanningTools form {
    font-size: 12px;
    float: right;
    margin-top: 8px;
    padding-right: 20px;
    font-weight: bold;
}

    .PlanningTools form span {
        margin-right: 5px;
    }

    .PlanningTools form input {
        color: #999999;
    }

/*------------------------------------    MAIN WINDOW -------------------------------------------------------------------*/

.MainWindow {
    margin: 0px;
    margin-top: 5px;
    width: auto;
    height: auto;
    overflow: visible;
    clear: both;
}

/*----------------------------------------- WAR WINDOW --------------------------------------------------------------------*/

#Window_1, #Window_2 {
    width: 100%;
    min-height: 615px;
    /*height: 925px;
	zfloat: left;*/
    margin-bottom: 0px;
    margin-right: 0px;
    margin-top: 5px;
    background: var(--white);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

#Window_2 {
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
    padding: 20px;
}

#Window_2_up, #Window_2_buttons {
    display: flex;
    flex-direction: row;
}

#Window_2_buttons {
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

    #Window_2_buttons div {
        width: 50%;
    }
/*#Window_2_buttons div:first-child {
		background-color:var(--secondary-color);
	}
		#Window_2_buttons div:last-child {
			background-color: var(--primary-color);
		}*/

#Window_1_Buttons, #Window_2_buttons, #Window_3_buttons, #Window_4_buttons {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    min-height: 40px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    box-sizing: border-box;
    margin-top: auto;
    padding: 20px;
}

#Window_2_buttons, #Window_3_buttons, #Window_4_buttons {
    justify-content: space-between;
}

    #Window_1_Buttons_button, #Window_2_buttons div, #Window_3_buttons div, #Window_4_buttons div {
        width: 50%;
        margin-right: 20px;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        height: 40px;
    }

    #Window_2_buttons div, #Window_3_buttons div, #Window_4_buttons div {
        justify-content: space-between;
    }

#btnNext, #btnCheckOut, #btBackToHotels, #btnBackToHomeScreen {
    background: var(--primary-color-60);
    border: 1px solid var(--primary-color-60);
   /* border-radius: 7px;*/
    box-sizing: border-box;
    color: var(--white) !important;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500;
    font-size: 1.1em;
    padding: 0.5em 1.6em;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    transition: background-color 0.5s ease;
}
#btnBackToHomeScreen {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
}
    #btnBackToHomeScreen:hover {
        background: var(--secondary-color-60);
        border: 1px solid var(--secondary-color-60);
    }
    #btBackToSelectedHotel, #3btnCheckOut, #Window_3_buttons div input:last-child {
    background: var(--primary-color-60) !important;
    border: 1px solid var(--primary-color-60) !important;
    /*border-radius: 7px !important;*/
    box-sizing: border-box !important;
    color: var(--white) !important;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500;
    font-size: 1.1em !important;
    padding: 0.5em 1.6em !important;
    text-align: center !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    transition: background-color 0.5s ease;
}

#btnNext:hover, #btnCheckOut:hover {
    background: var(--secondary-color-60);
    border: 1px solid var(--secondary-color-60);
}

#btBackToHotels, #btBackToSelectedHotel {
    background: var(--primary-color-60);
}

    #btBackToHotels:hover, #btBackToSelectedHotel:hover {
        background: var(--secondary-color-60);
        border: 1px solid var(--secondary-color-60);
    }

#Window_2_left {
    padding: 10px;
    box-sizing: border-box;
    width: 25%;
    display: flex;
    flex-direction: column;
}

#Window_2_right {
    padding: 10px;
    box-sizing: border-box;
    width: 75%;
    height: auto;
    display: flex;
    flex-direction: column;
}

#Window_2_right_selection {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#Window_2_right_selection_title, #Window_2_right_additional_services_title, #Window_3_wrapper_Title_title {
    font-size: 20px;
    font-weight: normal;
}

#Window_2_right_description, #Window_2_right_additional_services_description, #Window_2_right_additional_services_input, #Window_2_right_double_room_input, #Window_2_right_pre_post_input, #Window_3_wrapper_Title_description, .font-12 {
    font-size: 14px;
    font-weight: normal;
}

#Window_2_right_pre_post_input, #Window_2_right_additional_services_input, #Window_2_right_double_room_input {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

#CheckOutIndividualsPrePostSideNights, #additionalServicesCheckbox, #CheckOutIndividualsDoubleRoom, #additionalServicesCheckbox {
    height: 14px;
    width: 14px;
}

#Window_2_right_selection_form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    /*width: 75%;*/
}

#Window_2_right_disclaimer {
    font-size: 8px;
    border-bottom: 1px solid #666;
    width: 80%;
    margin-top: 50px;
}

#Window_2_right_additional_services {
    margin-top: 20px;
}

#Window_2_right_additional_services_description {
    margin-top: 10px;
}

    #Window_2_right_additional_services_description a {
        color: var(--secondary-color-60);
    }

        #Window_2_right_additional_services_description a:hover {
            color: var(--primary-color-60);
        }

#Window_2_right_additional_services_input label {
    font-size: 12px;
}

#Window_3 {
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
    padding: 20px;
    min-height: 500px;
}

#Window_3_wrapper {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start;
    width: 100%;
    overflow-y: scroll;
}

#Window_3_wrapper_Title {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start;
    width: 100%;
}

#Window_3_selection_form {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    gap: 20px;
    margin-top: 20px;
}

#Window_3_selection_form_left {
    display: flex;
    flex-direction: column;
    width: 60%;
    padding: 5px;
    gap: 20px;
    overflow: hidden;
}

#Window_3_selection_form_left_contact_details, #Window_3_selection_form_left_payment_details {
    border: 1px solid var(--light-grey);
    border-radius: 10px;
    padding: 10px;
}

#Window_3_selection_form_left_contact_details_form, #Window_3_selection_form_left_payment_details_form, #Window_3_selection_form_left_contact_details_payment {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
    margin-top: 10px;
}

#Window_3_selection_form_right {
    display: flex;
    flex-direction: column;
    width: 40%;
    padding: 5px;
    gap: 20px;
}

#Window_4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    justify-content: center;
    padding: 20px;
    min-height: 500px;
    text-align: center;
    font-size: 20px;
}

    #Window_4 div {
        width: 50%;
        height: 200px;
        display: flex;
        align-items: center;
    }

.WindowTitle {
    width: 100%;
    height: 50px;
    background-color: var(--white);
    font-weight: bold;
    aspect-ratio: 4 / 12;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .WindowTitle p {
        margin: 0px;
        padding: 5px;
        padding-left: 10px;
        background-repeat: no-repeat;
    }

    .WindowTitle a {
        float: left;
        display: inline;
        text-decoration: none;
        margin-top: 5px;
        margin-left: 10px;
        color: #153E6E;
        margin-right: 10px;
    }

        .WindowTitle a img {
            border: none;
            margin-top: 3px;
        }

#WindowContent {
    height: auto;
    width: calc(100% - 40px);
}


#SKDownloadbutton {
    font-size: 11px;
    background: white;
    cursor: pointer;
    text-align: center;
    display: block;
    text-decoration: underline;
    margin-top: 1px;
}
/*-----------------------------------------BOOK NOW -----------------------------------------*/
#Book_Now {
    margin-left: 15px;
    width: 310px;
    height: 925px;
    overflow: hidden;
    float: left;
    background: #FFFFFF;
    margin-top: 5px;
    border: 2px solid gainsboro;
}

#Book_NowPic {
    width: auto;
    height: 150px;
    background: #ffffff;
    background-image: url(../JPG/Window3Pic.jpg);
}

#Book_Now ul {
    font-size: 14px;
    margin: 0px;
    padding: 10px;
    padding-left: 30px;
    line-height: 14px;
}

#Book_Now_Content {
    height: 577px;
    overflow: hidden;
}

#BN_Left {
    width: 120px;
    height: 420px;
    float: left;
}

    #BN_Left div {
        width: auto;
        height: 35px;
        background-color: #ffffff;
    }

        #BN_Left div p {
            padding: 10px;
            padding-right: 15px;
            margin: 0px;
            color: #FFFFFF;
            font-weight: bold;
            font-size: 12px;
            text-align: right;
        }

#DNL {
    background-repeat: no-repeat;
    width: auto;
    height: 10px;
}

    #DNL div {
        width: auto;
        height: 10px;
        background-position: right;
        background-repeat: no-repeat;
    }

/*----------------------------------------- DRAGGABLE FRMS ------------- DRAGGABLE FRMS -----------------------------------------*/

/*--------- COLUMN 1 -------------*/

#namelist2 {
    min-height: 315px;
    width: 325px;
    float: left;
    margin-top: 0px;
}

/* SOME OPTIONAL SERVICES WINDOW CSS */
#ContactUS .WindowTitle {
    background-color: #939599;
    color: #444444;
    background-image: url(../JPG/ContactUpperRight-Corner.jpg);
}

    #ContactUS .WindowTitle p {
        background-image: url(../JPG/ContactUpperLeft-Corner.jpg);
    }

#strech2 {
    min-height: 0px;
}

    #strech2 #WindowContent {
        height: 375px;
    }

        #strech2 #WindowContent #form {
            width: auto;
            height: 0px;
            padding: 20px;
            color: #594E43;
        }

#form #innerForm {
    display: block;
    width: 250px;
    height: 280px;
    margin-right: auto;
    font-size: 12px;
    font-family: sans-serif;
    float: left;
}



#Dnl2 {
    background-image: url(../JPG/WindowTitleBottomLeftCorner.jpg);
    background-repeat: no-repeat;
    width: auto;
    height: 10px;
}

    #Dnl2 div {
        width: auto;
        height: 10px;
        background-position: right;
        background-image: url(../JPG/WindowTitleBottomRightCorne.jpg);
        background-repeat: no-repeat;
    }

#CntMinL {
    width: 310px;
    height: 8px;
    margin-top: -5px;
    background-image: url(../JPG/min_lajsnaContact.jpg);
}

#WindowContent p {
    margin: 0px;
    padding: 15px;
    padding-left: 20px;
}

#ContactUS {
    width: 310px;
    min-height: 300px;
    float: left;
    margin-bottom: 0px;
    margin-top: 15px;
    margin-left: 15px;
    background: #FFFFFF;
    min-height: 0px;
}

p#MediumText {
    font-size: 12px;
    width: 270px;
    padding-left: 25px;
    background-color: #908173;
    padding-top: 10px;
    color: #FFFFFF;
    padding-bottom: 25px;
}

    p#MediumText a {
        color: #FFFFFF;
        font-weight: bold;
    }

/*--------- COLUMN 2 -------------*/

#namelist {
    min-height: 315px;
    width: 325px;
    float: left;
    margin-top: 0px;
}

#Window_5 {
    width: 310px;
    min-height: 0px;
    float: left;
    margin-left: 15px;
    margin-top: 15px;
    background: #FFFFFF;
    clear: both;
}

#PT_inner_frame {
    height: 260px;
}

#Calendar {
    width: auto;
    height: 150px;
    background-image: url(../JPG/PlanningToolsImg.jpg);
    font-size: 12px;
}

#PT_p1 {
    color: #594E43;
}

    #PT_p1 a {
        text-decoration: none;
    }

#Procedures1, #Procedures2 {
    font-size: 11px;
    width: 230px;
    padding: 0px;
    margin-left: 25px;
    color: #594E43;
    color: Black;
    list-style: none;
    margin-top: 0px;
}

    #Procedures1 div, #Procedures2 div {
        height: 250px;
    }

        #Procedures1 div li, #Procedures2 div li {
            text-indent: 5px;
            padding-bottom: 10px;
        }

    #Procedures1 a, #Procedures2 a {
        float: right;
        margin: 0px;
        margin-right: 0px;
        margin-top: 30px;
        text-decoration: none;
        display: inline;
    }

#minLajsna2 {
    width: 310px;
    height: 8px;
    margin-top: -5px;
    background-image: url(../JPG/min_lajsna.jpg);
}

/*--------- ABOUT US -------------*/

#WindowGeneric_ABOUT_US {
    margin-left: 15px;
    width: 310px;
    height: auto;
    float: left;
    background: #FFFFFF;
    margin-top: 15px;
}

#AU_Inner_frame {
    height: 260px;
    color: #333;
}

#WindowContentAboutUs, #WindowContentAboutUs3 {
    height: 100px;
    font-size: 11px;
}

    #WindowContentAboutUs p, #WindowContentAboutUs3 p {
        margin: 0px;
        padding: 15px;
        padding-left: 20px;
    }

        #WindowContentAboutUs p a, #WindowContentAboutUs3 p a {
            margin: 0px;
            padding: 0px;
            font-size: 9px;
        }

    #WindowContentAboutUs ul li a, #WindowContentAboutUs3 ul li a {
        color: #0000FF;
        text-decoration: none;
    }

        #WindowContentAboutUs ul li a:hover, #WindowContentAboutUs3 ul li a:hover {
            text-decoration: underline;
            color: #153E6E;
        }

    #WindowContentAboutUs #AboutUsDefault, #WindowContentAboutUs3 #AboutUsDefault {
        font-size: 10px;
    }

        #WindowContentAboutUs #AboutUsDefault a, #WindowContentAboutUs3 #AboutUsDefault a {
            margin-left: 5px;
            text-decoration: none;
            font-weight: bold;
            color: #333;
        }

            #WindowContentAboutUs #AboutUsDefault a:hover, #WindowContentAboutUs3 #AboutUsDefault a:hover {
                text-decoration: underline;
                color: #00704a;
            }

    #WindowContentAboutUs a, #WindowContentAboutUs3 a {
        color: #333;
        text-decoration: none;
    }

        #WindowContentAboutUs a:hover, #WindowContentAboutUs3 a:hover {
            color: #00704a;
            text-decoration: underline;
        }

#Window4Pic {
    width: auto;
    height: 160px;
    background: #BEBEBE;
    background-image: url(../JPG/Window4Pic.jpg);
}

/*----------------------------------------- FOOTER ---------------------------------------------------*/

.Footer {
    width: 1000px;
    height: 80px;
    background: var(--primary-color);
    clear: both;
}

.Address, .AddressRight {
    float: left;
    text-align: left;
    color: #fff;
    font-size: 12px;
    margin: 0px;
    padding: 20px;
}

.AddressRight {
    float: right;
    text-align: right;
    margin-top: 10px;
}

    .Address b, .AddressRight b {
        font-size: 13px;
    }

    .Address a, .AddressRight a {
        color: white;
    }


.WindowTitleCC {
    width: auto;
    height: 30px;
    background-color: #fff;
    font-weight: bold;
}

    .WindowTitleCC p {
        margin: 0px;
        padding: 5px;
        padding-left: 10px;
        background-repeat: no-repeat;
    }

    .WindowTitleCC a {
        float: left;
        display: inline;
        text-decoration: none;
        margin-top: 5px;
        margin-left: 10px;
        color: var(--primary-color);
        margin-right: 10px;
    }

        .WindowTitleCC a img {
            border: none;
            margin-top: 3px;
        }

.btn-popup-light-green {
    background-color: #90EE90; /* Light green color */
    color: white; /* White text */
    border: none;
}

    .btn-popup-light-green:hover {
        background-color: #77dd77; /* Slightly darker green for hover */
    }

@media (min-width: 768px) and (max-width: 991px) {
}

@media (min-width: 1200px) and (max-width: 1600px) {
    #mapHotelList {
        height: 400px;
    }
}

@media (min-width: 1601px) {
    #mapHotelList {
        height: 600px;
    }
}

@media (min-width: 1024px) {
    #Window_1, #Window_2, #Window_3, #Window_4 {
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }
}