@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*input, textarea {
    width: 100%;
    display: block
}*/
html {
    overscroll-behavior: none;
}


body {
    background-color: white;
    overflow: hidden;
    /*overflow-y: unset !important;*/
    font-family: Poppins;
    overscroll-behavior: none;
}
.css_cldapp_app_content_body {
    font-family: Poppins;
    /*overflow: hidden;*/
}

.css_cldapp_ol_pagemain_accessability_spacer{
    position: relative;
    height: 30vh;
}
.css_cldapps_accessb_modal_min{
    display: none;
}

.css_cldapps_accessb_modal_max {
    position: relative;
    height: 30vh;
}

.sclmapk-folding-cube {
    margin: 20px auto;
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

    .sclmapk-folding-cube .sclmapk-cube {
        float: left;
        width: 50%;
        height: 50%;
        position: relative;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

        .sclmapk-folding-cube .sclmapk-cube:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: lightgray;
            -webkit-animation: sclmapk-foldCubeAngle 2.4s infinite linear both;
            animation: sclmapk-foldCubeAngle 2.4s infinite linear both;
            -webkit-transform-origin: 100% 100%;
            -ms-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
        }

    .sclmapk-folding-cube .sclmapk-cube2 {
        -webkit-transform: scale(1.1) rotateZ(90deg);
        transform: scale(1.1) rotateZ(90deg);
    }

    .sclmapk-folding-cube .sclmapk-cube3 {
        -webkit-transform: scale(1.1) rotateZ(180deg);
        transform: scale(1.1) rotateZ(180deg);
    }

    .sclmapk-folding-cube .sclmapk-cube4 {
        -webkit-transform: scale(1.1) rotateZ(270deg);
        transform: scale(1.1) rotateZ(270deg);
    }

    .sclmapk-folding-cube .sclmapk-cube2:before {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .sclmapk-folding-cube .sclmapk-cube3:before {
        -webkit-animation-delay: 0.6s;
        animation-delay: 0.6s;
    }

    .sclmapk-folding-cube .sclmapk-cube4:before {
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s;
    }

@-webkit-keyframes sclmapk-foldCubeAngle {
    0%, 10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }

    25%, 75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }

    90%, 100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

@keyframes sclmapk-foldCubeAngle {
    0%, 10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }

    25%, 75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }

    90%, 100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

@keyframes kf_css_oa_basket_additionalnext_button_highlight {
    0% {
        background-color: steelblue;
    }

    50% {
        background-color: dodgerblue;
    }

    100% {
        background-color: steelblue;
    }
}


@keyframes kf_css_oa_checkout_godownto_payments_butt_highlight {
    0% {
        background-color: darkcyan;
    }

    50% {
        background-color: darkslategrey;
    }

    100% {
        background-color: darkcyan;
    }
}

@keyframes kf_ol_app_lrg_paybutton_highlight {
    0% {
        background-color: darkgreen;
    }

    50% {
        background-color: green;
    }

    100% {
        background-color: darkgreen;
    }
}

@keyframes kf_ol_app_lastorder_dwell_highlight {
    0% {
        background-color: lightgray;
    }

    50% {
        background-color: dodgerblue;
    }

    100% {
        background-color: lightgray;
    }
}

@keyframes kf_ol_app_accessability_allergen_button_highlight {
    0% {
        background-color: crimson;
    }

    50% {
        background-color: rebeccapurple;
    }

    100% {
        background-color: crimson;
    }
}




@keyframes kf_ol_app_discount_pnl_highlight {
    0% {
        border-color: mediumvioletred;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    }

    50% {
        border-color: palevioletred;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5);
    }

    100% {
        border-color: mediumvioletred;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    }
}


@keyframes kf_ol_app_discount_icon_circ_highlight {
    0% {
        background-color: mediumvioletred;
        font-weight: 700;
    }

    50% {
        background-color: palevioletred;
        font-weight: 400;
    }

    100% {
        background-color: mediumvioletred;
        font-weight: 700;
    }
}

@keyframes kf_ol_app_customise_combo_cbk_highlight {
    0% {
        background-color: mediumvioletred;
    }

    50% {
        background-color: red;
    }

    100% {
        background-color: mediumvioletred;
    }
}

@keyframes kf_ol_app_event_popin_msg {
    0% {
        height: 67px;
    }
    70% {
        height: 67px;
    }
    100% {
        height: 0px;
    }
}

@keyframes kf_ol_app_cmbeditsel_itemlist_box{
    0% {
        opacity: 0;
    }
    70% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes kf_ol_app_cmbeditsel_itemlist_buttbox{
    0%{opacity: 0; }
   
    100% {
        opacity: 1;
    }

}


.appstrloadspinnarrow {
    margin: 0 auto;
    width: 50px;
    height: 25px;
    text-align: center;
    font-size: 12px;
}

    .appstrloadspinnarrow > div {
        background-color: steelblue;
        height: 100%;
        width: 4px;
        display: inline-block;
        -webkit-animation: appspskin-stretchdelay 1.2s infinite ease-in-out;
        animation: appspskin-stretchdelay 1.2s infinite ease-in-out;
    }

    .appstrloadspinnarrow .rectstrldrsn2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .appstrloadspinnarrow .rectstrldrsn3 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

    .appstrloadspinnarrow .rectstrldrsn4 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .appstrloadspinnarrow .rectstrldrsn5 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }


.appgetuctctspinnarrow {
    margin: 0 auto;
    width: 50px;
    height: 25px;
    text-align: center;
    font-size: 12px;
}

    .appgetuctctspinnarrow > div {
        background-color: steelblue;
        height: 100%;
        width: 4px;
        display: inline-block;
        -webkit-animation: appspskin-stretchdelay 1.2s infinite ease-in-out;
        animation: appspskin-stretchdelay 1.2s infinite ease-in-out;
    }

    .appgetuctctspinnarrow .rectguctctrsn2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .appgetuctctspinnarrow .rectguctctrsn3 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

    .appgetuctctspinnarrow .rectguctctrsn4 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .appgetuctctspinnarrow .rectguctctrsn5 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }


.appblkspin {
    margin: 10px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 12px;
}

    .appblkspin > div {
        background-color: dodgerblue;
        height: 100%;
        width: 6px;
        display: inline-block;
        -webkit-animation: appspskin-stretchdelay 1.2s infinite ease-in-out;
        animation: appspskin-stretchdelay 1.2s infinite ease-in-out;
    }

    .appblkspin .rect2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .appblkspin .rect3 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

    .appblkspin .rect4 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .appblkspin .rect5 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }



.appwhitespinnarrow {
    margin: 0 auto;
    width: 50px;
    height: 25px;
    text-align: center;
    font-size: 12px;
}

    .appwhitespinnarrow > div {
        background-color: white;
        height: 100%;
        width: 4px;
        display: inline-block;
        -webkit-animation: appspskin-stretchdelay 1.2s infinite ease-in-out;
        animation: appspskin-stretchdelay 1.2s infinite ease-in-out;
    }

    .appwhitespinnarrow .rectwsn2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .appwhitespinnarrow .rectwsn3 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

    .appwhitespinnarrow .rectwsn4 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .appwhitespinnarrow .rectwsn5 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }



.appwhitespinvalidateuser {
    margin: 0 auto;
    width: 50px;
    height: 25px;
    text-align: center;
    font-size: 12px;
}

    .appwhitespinvalidateuser > div {
        background-color: white;
        height: 100%;
        width: 4px;
        display: inline-block;
        -webkit-animation: appspskin-stretchdelay 1.2s infinite ease-in-out;
        animation: appspskin-stretchdelay 1.2s infinite ease-in-out;
    }

    .appwhitespinvalidateuser .rectwsvu2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .appwhitespinvalidateuser .rectwsvu3 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

    .appwhitespinvalidateuser .rectwsvu4 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .appwhitespinvalidateuser .rectwsvu5 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }



@-webkit-keyframes appspskin-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes appspskin-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

.css_oa_app_ecomm_hostedpay_iframe{
    min-height: 500px;
    min-width: 500px;
    margin: 50px auto;
    background-color: white;
    border: unset;
}

.css_cldapp_ol_accregbycode_success {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.css_cldapp_ol_accregbycode_success_title {
    text-align: center;
    margin: 10px auto;
    font-size: 18px;
    font-weight: 600;
}

.css_cldapp_ol_accregbycode_success_subtitle {
    text-align: center;
    margin: 10px auto;
    font-size: 14px;
    font-weight: 500;
    color: slategray;
}

.css_cldapp_ol_accregbycode_success_butt_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.css_cldapp_ol_accregbycode_success_butt_button {
    text-align: center;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    border-radius: 8px;
    border: 2px solid white;
    background-color: steelblue;
    margin: 15px auto 20px auto;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 400;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    cursor: pointer;
}

    .css_cldapp_ol_accregbycode_success_butt_button:hover {
        border: 2px solid white;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
        font-weight: 600;
    }

.css_cldapp_ol_accregbycode_success_button_detail_cont {
    position: relative;
    text-align: center;
    margin: 0 10px;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
} 

.css_cldapp_ol_accregbycode_success_acceptcont {
    position: relative;
}

.css_cldapp_ol_accregbycode_success_checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #7ac142;
    fill: none;
    animation: css_cldapp_ol_accregbycode_success_coabc_stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards
}

.css_cldapp_ol_accregbycode_success_checkmark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10px auto;
    box-shadow: inset 0px 0px 0px #7ac142;
    animation: css_cldapp_ol_accregbycode_success_coabc_fill .4s ease-in-out .4s forwards, css_cldapp_ol_accregbycode_success_coabc_scale .3s ease-in-out .9s both
}

.css_cldapp_ol_accregbycode_success_checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: css_cldapp_ol_accregbycode_success_coabc_stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards
}

@keyframes css_cldapp_ol_accregbycode_success_coabc_stroke {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes css_cldapp_ol_accregbycode_success_coabc_scale {
    0%, 100% {
        transform: none
    }

    50% {
        transform: scale3d(1.1, 1.1, 1)
    }
}

@keyframes css_cldapp_ol_accregbycode_success_coabc_fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #7ac142
    }
}

.css_cldapp_ol_success_result_box_success_acceptcont {
    position: relative;
}

.css_cldapp_ol_success_result_box_success_checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #7ac142;
    fill: none;
    animation: css_cldapp_ol_success_result_box_success_coabc_stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards
}

.css_cldapp_ol_success_result_box_success_checkmark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10px auto;
    box-shadow: inset 0px 0px 0px #7ac142;
    animation: css_cldapp_ol_success_result_box_success_coabc_fill .4s ease-in-out .4s forwards, css_cldapp_ol_success_result_box_success_coabc_scale .3s ease-in-out .9s both
}

.css_cldapp_ol_success_result_box_success_checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: css_cldapp_ol_success_result_box_success_coabc_stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards
}

@keyframes css_cldapp_ol_success_result_box_success_coabc_stroke {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes css_cldapp_ol_success_result_box_success_coabc_scale {
    0%, 100% {
        transform: none
    }

    50% {
        transform: scale3d(1.1, 1.1, 1)
    }
}

@keyframes css_cldapp_ol_success_result_box_success_coabc_fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #7ac142
    }
}


/*------------------------------------------------*/

.css_cldapp_ol_aniicon_box_redcross__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #ff0000;
    fill: none;
    animation: css_cldapp_ol_aniicon_box_redcross_stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.css_cldapp_ol_aniicon_box_redcross {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #ff0000;
    stroke-miterlimit: 10;
    margin: 10% auto;
    box-shadow: inset 0px 0px 0px #ff0000;
    animation: css_cldapp_ol_aniicon_box_redcross_fillred .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.css_cldapp_ol_aniicon_box_redcross__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: css_cldapp_ol_aniicon_box_redcross_stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

.css_cldapp_ol_aniicon_box_redcross__path {
    stroke: #ffffff;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    transform-origin: 50% 50% 0;
}

.css_cldapp_ol_aniicon_box_redcross__path--right {
    animation: 0.3s ease 0.8s normal forwards 1 running css_cldapp_ol_aniicon_box_redcross_stroke;
}

.css_cldapp_ol_aniicon_box_redcross__path--left {
    animation: 1s ease 0.8s normal forwards 1 running css_cldapp_ol_aniicon_box_redcross_stroke;
}

@keyframes css_cldapp_ol_aniicon_box_redcross_fillred {
    100% {
        box-shadow: inset 0px 0px 0px 30px #ff0000;
    }
}

@keyframes css_cldapp_ol_aniicon_box_redcross_stroke {
    100% {
        stroke-dashoffset: 0;
    }
}


/*------------------------------------------------*/

.css_cldapp_ol_comms_updatesuccess_container {
    text-align: center;
    margin: 20px auto;
    padding: 15px;
    border-radius: 8px;
    max-width: 600px;
    border: 1px solid gray;
    background-color: white;
    box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.2);
}

.css_cldapp_ol_comms_updatesuccess_icon_container {
    text-align: center;
}

.css_cldapp_ol_comms_updatesuccess_title {
    text-align: center;
    margin: 10px auto;
    font-size: 18px;
}
.css_cldapp_ol_comms_updatesuccess_instruct {
    text-align: center;
    margin: 10px auto;
    font-size: 20px;
    font-weight: 600;
}
.css_cldapp_ol_comms_updatesuccess_subtitle {
    text-align: center;
    margin: 10px auto;
    font-size: 12px;
    color: slategray;
}

.css_cldapp_ol_comms_updatesuccess_smallprint {
    text-align: center;
    margin: 10px auto;
    
    font-size: 12px;
}

.css_cldapp_ol_comms_updatefail_container {
    text-align: center;
    margin: 20px auto;
    padding: 15px;
    border-radius: 8px;
    max-width: 600px;
    border: 1px solid gray;
    background-color: white;
    box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.2);
}

.css_cldapp_ol_comms_updatefail_icon_container {
    text-align: center;
}

.css_cldapp_ol_comms_updatefail_title {
    text-align: center;
    margin: 10px auto;
    
    font-size: 18px;
}

.css_cldapp_ol_comms_updatefail_subtitle {
    text-align: center;
    margin: 10px auto;
    
    font-size: 16px;
}

.css_cldapp_ol_comms_updatefail_smallprint {
    text-align: center;
    margin: 10px auto;
    
    font-size: 12px;
}

.css_cldapp_ol_comms_updatefail_processcode {
    text-align: center;
    margin: 10px auto;
    
    font-size: 10px;
}


.css_cldapp_ol_comms_updatefail_resultnext_butt {
    text-align: center;
    padding: 8px 20px 10px 20px;
    /*height: 40px;*/
    margin: 20px auto;
    max-width: 200px;
    /* width: 220px; */
    border-radius: 8px;
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    Cursor: pointer;
    border: 2px solid white;
}
    .css_cldapp_ol_comms_updatefail_resultnext_butt:hover {
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
        font-weight: 600;
    }


    .css_cldapp_ol_setup_stylesection_banner {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        background-color: steelblue;
        padding: 5px;
        margin: 0 auto 5px auto;
        color: white;
    }

.css_cldapp_ol_setup_stylesection_title {
    text-align: center;
    color: white;
    
    font-size: 12px;
    font-weight: 600;
    margin: 5px;
}

.css_cldapp_ol_setup_section_titlemini {
    font-size: 18px;
    font-weight: bold;
    color: dodgerblue;
    max-width: 500px;
    text-align: left;
    margin-bottom: 15px;
}


.css_cldapp_ol_menu_setup_genvalue_text {
    margin-top: 0px;
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: darkgray;
    font-size: 16px;
    
    background-color: white;
    padding: 10px 10px 2px 10px;
    width: 100%;
}


.css_cldapp_ol_map_info_content {
    height: 130px;
    width: 250px;
    padding: 10px;
}

.css_cldapp_ol_map_info_int_img {
    position: absolute;
    top: 10px;
    left: 10px;
    height: 30px;
    width: 30px;
    margin-top: 0;
    /*background-color: rgba(0,0,0,0.07);*/
    border: none;
    /*border-radius: 4px 4px 4px 4px;*/
    /*margin: 5px;*/
}

.css_cldapp_ol_map_info_orderid_withint_textdiv {
    position: absolute;
    left: 50px;
    top: 10px;
    max-width: 280px;
    color: #000000;
    
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

.css_cldapp_ol_map_info_orderid_textdiv {
    position: absolute;
    left: 10px;
    top: 15px;
    max-width: 280px;
    color: #000000;
    
    font-size: 14px;
    font-weight: 700;
    text-align: left;
}

.css_cldapp_ol_map_info_orderaddrmain_textdiv {
    position: absolute;
    left: 10px;
    top: 35px;
    max-width: 280px;
    color: #000000;
    
    font-size: 12px;
    font-weight: 400;
    text-align: left;
}



.css_cldapp_ol_map_info_icons_bar {
    position: absolute;
    bottom: 10px;
    left: 10px;
    text-align: left;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /*margin: 10px auto 10px auto;*/
}

.css_cldapp_ol_map_info_icons_baritem {
    position: relative;
    /*border: solid 1px gray;*/
    width: 50px;
    height: 55px;
    margin: 5px;
    cursor: pointer;
    /*padding-top: 10px;*/
    text-align: center;
}

.css_cldapp_ol_map_info_icons_baricn {
    position: absolute;
    top: 5px;
    left: 10px;
    border-radius: 4px;
    border: solid 2px #ffbf26;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: dodgerblue; /*linear-gradient(25deg, #49ff35 0%, #4cbd08 100%);*/
    color: #FFFFFF;
    
    font-size: 16px;
    width: 30px;
    height: 30px;
    /*margin: 10px 25px 10px 10px;*/
    cursor: pointer;
    padding-top: 2px;
    text-align: center;
}

.css_cldapp_ol_map_info_icons_baricnlbl {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    cursor: pointer;
    
    font-size: 10px; 
}

.css_ol_app_event_popin {
    position: fixed;
    top: 0px;
    left: calc((100vw / 2) - 140px);
    width: 280px;
    height: 0;
    /*padding: 5px 10px 5px 10px;*/
    /*border-radius: 0 0 5px 5px;*/
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
    border-radius: 4px;
    background: linear-gradient(225deg, darkseagreen 0%, green 100%);
    color: white;
    z-index: 9000;
    animation-name: kf_ol_app_event_popin_msg;
    animation-duration: 2s;
    overflow: hidden;
}

.css_ol_app_event_popin_r {
    position: fixed;
    top: 0px;
    left: calc((100vw / 2) - 140px);
    width: 280px;
    height: 0;
    /*padding: 5px 10px 5px 10px;*/
    /*border-radius: 0 0 5px 5px;*/
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
    border-radius: 4px;
    background: linear-gradient(225deg, indianred 0%, crimson 100%);
    color: white;
    z-index: 9000;
    animation-name: kf_ol_app_event_popin_msg;
    animation-duration: 2s;
    overflow: hidden;
}

.css_ol_app_event_popin_box {
    padding: 5px;
    margin: 3px;
    border: 1px solid white;
    border-radius: 4px;
}
.css_ol_app_event_popin_msg {
    
    font-size: 16px;
    font-weight: 600;
}
.css_ol_app_event_popin_sub {
    
    font-size: 12px;
    font-weight: 400;
}
.css_ol_app_event_popin_sublbl{
    margin: 0px;
}
.css_ol_app_event_popin_lbl {
    margin: 0px;
    overflow: hidden;
}
.css_ol_app_event_popin_close {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}  
.css_cldapp_ol_pagemodal_users {
    position: relative;
    /*margin-top: 50px;*/
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    text-align: center;
    /*background-color: #FFFFFF;*/
    z-index: 110;
}

.css_cldapp_ol_pagemodal_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    text-align: center;
    background-color: white;
    /*opacity: 0.9;*/
    z-index: -100;
}

.css_cldapp_ol_pagemodal_setup_inmenu_notifyimg_preview {
    max-width: 200px;
    max-height: 200px;
}

.css_cldapp_ol_setprevinmenu_notifyimg_imgname {
    width: 100%;
    text-align: left;
    color: #000000;
    font-family: Poppins;
    font-size: 10px;
    margin: 10px;
}

.css_cldapp_cat_setup_general_section_textarea_entry {
    /*margin: 10px;*/
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: gray;
    font-size: 16px;
    background-color: white;
    padding: 6px 10px 6px 10px;
    width: 100%;
    min-width: 100px;
    max-width: 250px;
}
.css_cldapp_ol_pagemodal_bg_while_loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    text-align: center;
    background-color: white;
    /*opacity: 0.9;*/
    z-index: -100;
}
.css_cldapp_ol_appmode_enabled_pagemodal_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    text-align: center;
    background-color: white;
    /*opacity: 0.9;*/
    z-index: -100;
}
.css_cldapp_cat_setup_general_text {
    margin-top: 0px;
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: darkgray;
    font-size: 16px;
    font-family: Poppins;
    background-color: white;
    padding: 10px 10px 2px 10px;
    width: 100%;
}
.css_cldapp_cat_setup_section_boxmini {
    position: relative;
    border: 1px solid #D2D2D2;
    margin: 10px;
    padding: 20px;
    text-align: left;
}

.css_cldapp_inmenu_popup_option_item {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    background-color: white;
    text-align: left;
    margin: 5px;
    padding: 5px;
}
.css_cldapp_inmenu_popup_option_item_label {
    font-size: 12px;
    font-weight: 400;
    margin: 8px auto 0 5px;
}
    .css_cldapp_inmenu_popup_option_panel {
        position: relative;
        display: flex;
        flex-direction: column;
        border: 1px solid silver;
        padding: 10px;
        margin: 0 auto 10px auto;
    }

.css_cldapp_inmenu_popup_radio_item {
    position: relative;
    cursor: pointer;
}

.css_cldapp_inmenu_popup_radio_item_text {
    position: relative;
    margin-left: 10px;
    color: darkgreen;
    font-size: 12px;
}

.css_cldapp_ol_accessabilty_options_cont {
    position: fixed;
    bottom: 25px;
    left: 10px;
    display: flex;
    flex-direction: column;
    border-color: white;
    border-width: 2px;
    border-style: solid;
    border-radius: 5px;
    padding: 5px 5px 0 5px;
    background-color: cadetblue;
    color: white;
    z-index: 10000;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
}

.css_cldapp_ol_accessabilty_options_bar {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}
.css_cldapp_ol_accessabilty_tools_bar {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin-left: 10px;
}

.css_oa_scroll_accessabilitytoolbar_cont {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /*width: 100px;*/
    margin: 15px;
}

.css_oa_accessabilitytoolbar_scrollbut_upicon {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}


.css_oa_accessabilitytoolbar_scrollbut_dnicon {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}


.css_oa_srollup_accessabilitytoolbar {
    position: relative;
    /*right: 5px;
    top: 20px;*/
    width: 40px;
    height: 40px;
    font-size: 24px;
    line-height: 53px;
    color: #ffffff;
    background-color: #ff6f80;
    border-radius: 20px;
    margin-right: 5px;
    /*overflow: hidden;*/
    border: 2px solid white;
    text-align: center;
    text-decoration: none;
    /*transition: .45s all ease-in-out;*/
    /*z-index: 100;*/
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
}
    .css_oa_srollup_accessabilitytoolbar:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
        background-color: #ff8997;
    }
     



.css_oa_srolldn_accessabilitytoolbar {
    position: relative;
    /*right: 5px;
    bottom: 20px;*/
    width: 40px;
    height: 40px;
    font-size: 24px;
    line-height: 53px;
    color: #ffffff;
    background-color: #ff6f80;
    border-radius: 20px;
    margin-left: 5px;
    /*overflow: hidden;*/
    border: 2px solid white;
    text-align: center;
    text-decoration: none;
    /*transition: .45s all ease-in-out;*/
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    /*z-index: 100;*/
    cursor: pointer;
}
    .css_oa_srolldn_accessabilitytoolbar:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
        background-color: #ff8997;
    }
     


.css_cldapp_ol_accessabilty_options_disable_cont {
    position: fixed;
    bottom: 25px;
    left: 10px;
    display: flex;
    flex-direction: column;
    border-color: white;
    border-width: 2px;
    border-style: solid;
    border-radius: 25px;
    padding: 5px;
    background-color: darkred;
    color: white;
    z-index: 10000;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
}
 

.css_cldapp_ol_accessabilty_options_cont_title {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 500;
    margin: 5px auto 0 auto;
    text-align: center;
}
.css_cldapp_ol_accessabilty_options_button_cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    margin: 0 5px;
    width: 64px;
    padding: 2px;
    border: 2px solid white;
    background-color: darkred;
    cursor: pointer;
}
    .css_cldapp_ol_accessabilty_options_button_cont:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
        background-color: red;
    }


.css_cldapp_ol_accessabilty_options_button_cont_disabled {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    margin: 0 5px;
    width: 64px;
    padding: 2px;
    border: 2px solid white;
    background-color: steelblue;
    cursor: pointer;
}

    .css_cldapp_ol_accessabilty_options_button_cont_disabled:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
        background-color: lightsteelblue;
    }

.css_cldapp_ol_accessabilty_options_allergen_button_active {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border: 2px solid white;
    padding: 0 2px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    background-color: red;
    cursor: pointer;
    animation-name: kf_ol_app_accessability_allergen_button_highlight;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
    .css_cldapp_ol_accessabilty_options_allergen_button_active:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
        background-color: crimson;
    }

.css_cldapp_ol_accessabilty_options_allergen_button_normal {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border: 2px solid white;
    padding: 0 2px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    background-color: red;
    cursor: pointer;
}
.css_cldapp_ol_accessabilty_options_allergen_button_normal {
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    background-color: crimson;
}

    .css_cldapp_ol_accessabilty_options_icon {
        /*padding: 5px;*/
        text-align: center;
    }
.css_cldapp_ol_accessabilty_options_title {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 700;
    margin: 0 auto;
    text-align: center;
    max-width: 80px;
}
.css_cldapp_ol_accessabilty_allergen_options_icon {
    /*padding: 5px;*/
    text-align: center;
}

.css_cldapp_ol_accessabilty_allergen_options_title {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 500;
    margin: 0 auto;
    text-align: center;
    max-width: 80px;
}

.css_cldapp_ol_accessabilty_options_allergen_notice_cont{
    position: relative;
}

.css_cldapp_ol_accessabilty_options_allergen_notice_canvas {
    padding: 0 5px;
}
.css_cldapp_ol_accessabilty_options_allergen_notice_butt {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content:flex-start;
    border: 1px solid darkred;
    padding: 2px 5px;
    margin: auto 5px;
    background-color: red;
    color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    cursor: pointer;
}
    .css_cldapp_ol_accessabilty_options_allergen_notice_butt:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    }
    .css_cldapp_ol_accessabilty_options_allergen_notice_butt_icon{
        margin: 0 2px;
    }

.css_cldapp_ol_accessabilty_options_allergen_notice_txt {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    margin: auto auto auto 5px;
    text-align: left;
    max-width: 80px;
}

.css_cldapp_ol_page_captivaloader_text_brandname {
    position: relative;
    font-size: 22px;
    font-weight: 600;
    margin: 10px auto;
    text-transform: uppercase;
}
.css_cldapp_ol_page_captivaloader_text_brandsubname {
    position: relative;
    font-size: 14px;
    font-weight: 600;
    margin: 0 auto;
}
.css_cldapp_ol_page_captivaloader_text_title {
    position: relative;
    font-size: 18px;
    font-weight: 600;
    margin: 0 auto;
}
.css_cldapp_ol_page_captivaloader_text_subtitle {
    position: relative;
    text-align: center;
    margin: 0 auto;
    font-size: 10px;
    font-weight: 400;
    color: silver;
}
.css_cldapp_ol_page_captivaloader_starttext_subtitle {
    position: relative;
    text-align: center;
    margin: 20px auto 0 auto;
    font-size: 12px;
    font-weight: 500;
    color: white;
}
.css_cldapp_ol_page_captivaloader_footer {
    position: fixed;
    width: 100vw;
    bottom: 20px;
    font-size: 12px;
    font-weight: 400;
    color: white;
}

.css_cldapp_ol_page_captivaloader_text_copyright {
    position: relative;
    text-align: center;
    margin: 5px auto;
    font-size: 10px;
    font-weight: 300;
}
.css_cldapp_ol_page_captivaloader_text_appversion {
    position: relative;
    text-align: center;
    margin: 5px auto;
    font-size: 10px;
    font-weight: 300;
}
.css_cldapp_ol_page_captivaloader_icon {
    position: relative;
    text-align: center;
    margin: 50px auto 10px auto;
}
.css_cldapp_ol_page_captivaloader_error_icon {
    position: relative;
    text-align: center;
    margin: 20px auto 0 auto;
    cursor: pointer;
}
.css_cldapp_ol_page_captivaloader_refresh_icon {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: 50px auto 10px auto;
    cursor: pointer;
}
.css_cldapp_ol_page_captivaloader_logo_cont {
    position: relative;
    text-align: center;
    margin: 10px;
}

.css_cldapp_ol_page_captivaloader_logo {
    position: relative;
    text-align: center;
    margin: 0 auto;
    max-height: 30px;
}

.css_cldapp_ol_pagemodal_captivaloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    text-align: center;
    /*background-color: steelblue;*/ /*Added on load by global param*/
    color: white;
    font-family: Poppins;
    font-size: 12px;
    padding: 5px;
    z-index: 100;
}
.css_cldapp_ol_page_noscript_notice_text_title {
    
    font-size: 14px;
    font-weight: 600;
    margin: 10px auto 15px auto;
}
.css_cldapp_ol_page_noscript_notice_text_subtitle {
    
    font-size: 12px;
    font-weight: 400;
}
.css_cldapp_ol_page_noscript_notice_icon {
    text-align: center;
    margin: 50px auto 25px auto;
}
.css_cldapp_ol_pagemodal_noscript {
    font-family: Poppins;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    text-align: center;
    background-color: darkslategray;
    color: white;
    
    font-size: 12px;
    padding: 5px;
    z-index: 100;
}
.css_cldapp_ol_page_cookie_notice_cont {
    font-family: Poppins;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    padding: 5px;
    text-align: center;
    background-color: darkslategray;
    color: white;
    transition: 1s;
    z-index: 1000;
}
.css_cldapp_ol_page_cookie_notice_info_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between; 
}
.css_cldapp_ol_page_cookie_notice_text_cont{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    
    font-size: 12px;
    margin-left: 10px;
    margin-top: 5px;
}

.css_cldapp_ol_pagemodal_modalallergen_box {
    position: relative;
    /*height: 100%;*/
    width: 90%;
    /*max-height: 700px;*/
    max-width: 500px;
    border-radius: 14px;
    background-color: white; /*#ffd89d;*/
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    text-align: center;
    margin: 100px auto 10px auto;
    padding: 20px;
    pointer-events: auto;
}

.css_cldapp_ol_modal_modalallergen_logo_cont {
    margin: 5px auto 10px auto;
    text-align: center;
}

.css_cldapp_ol_modalallergen_applogoimg {
    max-height: 80px;
    position: relative;
    object-fit: contain;
}

.css_cldapp_ol_modalallergen_title {
    /*text-align: left;*/
    color: #000000;
    font-family: Poppins;
    font-size: 24px;
    font-weight: 700;
    margin: 0 10px;
    font-weight: 600;
}

.css_cldapp_ol_modalallergen_subtitle {
    /*text-align: left;*/
    color: steelblue;
    font-size: 16px;
    font-weight: 500;
    margin: 0 10px;
}

.css_cldapp_ol_modalallergen_bodytext {
    /*text-align: left;*/
    color: #161616;
    font-size: 12px;
    margin: 10px;
}

.css_cldapp_ol_modalallergen_button_hot {
    text-align: center;
    padding: 10px;
    max-width: 240px;
    border-radius: 8px;
    background: green;
    color: #FFFFFF;
    font-size: 16px;
    margin: 10px auto;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

    .css_cldapp_ol_modalallergen_button_hot:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
        background-color: forestgreen;
    }

.css_cldapp_ol_modalallergen_readmore_button_cont{
    margin: 10px auto;
    text-align: center;
}
.css_cldapp_ol_modalallergen_docopen_button {
    display: inline-block;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 10px;
    margin: 0 auto 5px auto;
    border: 2px solid silver;
    color: white;
    background-color: slategray;
    cursor: pointer;
    text-align: center;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

    .css_cldapp_ol_modalallergen_docopen_button:hover {
        background-color: lightslategray;
        font-weight: 700;
        border-color: white;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
    }


.css_cldapp_ol_page_allergen_moreinfo_link {
    cursor: pointer;
}
    .css_cldapp_ol_page_allergen_moreinfo_link:hover {
        font-weight: bold;
    }

.css_cldapp_ol_page_cookie_notice_link{
    cursor: pointer;
}
    .css_cldapp_ol_page_cookie_notice_link:hover{
        font-weight: bold;
    }

    .css_cldapp_ol_page_cookie_notice_text_title {
        
        font-size: 12px;
        font-weight: 600;
    }

.css_cldapp_ol_page_cookie_notice_text_subtitle {
    
    font-size: 12px;
    font-weight: 400;
}
.css_cldapp_ol_page_cookie_notice_button {
    
    font-size: 12px;
    font-weight: 400;
    padding: 5px 10px;
    margin: 10px;
    border: 1px solid silver;
    background-color: slategray;
    cursor: pointer;
}
    .css_cldapp_ol_page_cookie_notice_button:hover {
        background-color: lightslategray;
        font-weight: 600;
    }
    .css_ol_app_bskchk_yesno_butt_cont {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        margin: 20px auto 20px auto;
        justify-content: center;
        text-align: center;
    }


.css_cldapp_ol_page_allergen_notice_canvas {
    padding: 0 5px;
}


.css_cldapp_ol_page_allergen_notice_cont {
    font-family: Poppins;
    position: relative;
    /* bottom: 0; */
    /* left: 0; */
    width: 100%;
    margin: 5px auto;
    min-width: 90%;
    padding: 5px;
    text-align: center;
    background-color: red;
    color: white;
    /*border-radius: 6px;*/
    transition: 1s;
    /*z-index: 1000;*/
    display: flex;
    flex-direction: row;
    border: 2px solid white;
}

.css_cldapp_ol_page_allergen_notice_info_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.css_cldapp_ol_page_allergen_notice_text_cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    font-size: 12px;
    margin-left: 10px;
    margin-top: 5px;
}

.css_cldapp_ol_page_allergen_notice_text_title {
    font-size: 12px;
    font-weight: 600;
}

.css_cldapp_ol_page_allergen_notice_text_subtitle {
    font-size: 12px;
    font-weight: 400;
}

.css_cldapp_ol_page_allergen_notice_button {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 10px;
    margin: auto 10px;
    border: 2px solid white;
    background-color: slategray;
    cursor: pointer;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

    .css_cldapp_ol_page_allergen_notice_button:hover {
        background-color: lightslategray;
        font-weight: 700;
        border-color: white;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
    }

.css_cldapp_ol_page_allergen_notice_button_hidden{
    display: none;
}

.css_cldapp_ol_page_allergen_docopen_button {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 10px;
    margin: 0 auto 5px 0;
    border: 2px solid white;
    background-color: slategray;
    cursor: pointer;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

    .css_cldapp_ol_page_allergen_docopen_button:hover {
        background-color: lightslategray;
        font-weight: 700;
        border-color: white;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
    }

.css_ol_app_bsk_clearitem_no {
    padding: 8px 10px;
    min-width: 80px;
    margin: 10px;
    cursor: pointer;
    text-align: center;
    color: white;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    background-color: darkred;
    font-size: 14px;
    font-weight: 400;
    border-radius: 5px;
}
    .css_ol_app_bsk_clearitem_no:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
        color: white;
        background-color: red;
        font-weight: 600;
    }



.css_ol_app_bsk_clearitem_yes {
    padding: 8px 10px;
    margin: 10px;
    cursor: pointer;
    text-align: center;
    color: white;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    background-color: darkgreen;
    font-size: 14px;
    font-weight: 400;
    border-radius: 5px;
}
    .css_ol_app_bsk_clearitem_yes:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
        color: white;
        background-color: green;
        font-weight: 600;
    }

.css_ol_app_bskchk_yes {
    height: 50px;
    width: 100px;
    margin: 10px;
    cursor: pointer;
    text-align: center;
    color: white;
    background-color: darkgreen;
    font-size: 24px;
    border-radius: 5px;
    border: 2px solid #D2D2D2;
    padding-top: 5px;
}
    .css_ol_app_bskchk_yes:hover {
        color: white;
        background-color: green;
    }

.css_ol_app_bskchk_no {
    height: 50px;
    width: 100px;
    margin: 10px;
    cursor: pointer;
    text-align: center;
    color: white;
    background-color: darkred;
    
    font-size: 24px;
    border-radius: 5px;
    border: 2px solid #D2D2D2;
    padding-top: 5px;
}
    .css_ol_app_bskchk_no:hover {
        color: white;
        background-color: red;
    }


.css_cldapp_ol_pagemodal_removesavedpay_box {
    position: relative;
    /*height: 100%;*/
    width: 90%;
    /*max-height: 700px;*/
    max-width: 500px;
    border-radius: 14px;
    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    text-align: center;
    margin: 100px auto 10px auto;
    padding: 20px;
    pointer-events: auto;
}

.css_cldapp_ol_removesavedpay_applogoimg {
    max-height: 80px;
    position: relative;
    object-fit: contain;
    /*left: 30px;
    top: 10px;*/
}

.css_cldapp_ol_removesavedpay_title {
    /*text-align: left;*/
    color: #000000;
    
    font-size: 28px;
    margin: 20px;
}

.css_cldapp_ol_removesavedpay_subtitle {
    /*text-align: left;*/
    color: dodgerblue;
    
    font-size: 16px;
    margin: 10px;
}

.css_cldapp_ol_removesavedpay_bodytext {
    text-align: center;
    color: #161616;
    
    font-size: 18px;
    margin: 5px;
}

.css_ol_app_removesavedpay_yesno_butt_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 20px auto 20px auto;
    justify-content: center;
    text-align: center;
}

.css_ol_app_removesavedpay_yes {
    height: 50px;
    width: 100px;
    margin: 10px;
    cursor: pointer;
    text-align: center;
    color: white;
    background-color: darkgreen;
    
    font-size: 24px;
    border-radius: 5px;
    border: 2px solid #D2D2D2;
    padding-top: 5px;
}

    .css_ol_app_removesavedpay_yes:hover {
        color: white;
        background-color: green;
    }

.css_ol_app_removesavedpay_no {
    height: 50px;
    width: 100px;
    margin: 10px;
    cursor: pointer;
    text-align: center;
    color: white;
    background-color: darkred;
    
    font-size: 24px;
    border-radius: 5px;
    border: 2px solid #D2D2D2;
    padding-top: 5px;
}

    .css_ol_app_removesavedpay_no:hover {
        color: white;
        background-color: red;
    }


.css_ol_app_removesavedpay_ok {
    height: 50px;
    width: 100px;
    margin: 10px;
    cursor: pointer;
    text-align: center;
    color: white;
    background-color: darkgreen;
    
    font-size: 24px;
    border-radius: 5px;
    border: 2px solid #D2D2D2;
    padding-top: 5px;
}

    .css_ol_app_removesavedpay_ok:hover {
        color: white;
        background-color: green;
    }


.css_cldapp_ol_pagemodal_useraddrnotice_box {
    position: relative;
    /*height: 100%;*/
    width: 90%;
    /*max-height: 700px;*/
    max-width: 500px;
    border-radius: 14px;
    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    text-align: center;
    margin: 100px auto 10px auto;
    padding: 20px;
    pointer-events: auto;
}

.css_cldapp_ol_useraddrnotice_applogoimg {
    max-height: 80px;
    position: relative;
    object-fit: contain;
    /*left: 30px;
    top: 10px;*/
}

.css_cldapp_ol_useraddrnotice_title {
    /*text-align: left;*/
    color: #000000;
    font-size: 28px;
    margin: 20px;
}

.css_cldapp_ol_useraddrnotice_subtitle {
    /*text-align: left;*/
    color: dodgerblue;
    font-size: 16px;
    margin: 10px;
}

.css_cldapp_ol_useraddrnotice_bodytext {
    text-align: center;
    color: #161616;
    font-size: 18px;
    margin: 5px;
}

.css_ol_app_useraddrnotice_yesno_butt_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 20px auto 20px auto;
    justify-content: center;
    text-align: center;
}

.css_ol_app_useraddrnotice_yes {
    height: 50px;
    width: 100px;
    margin: 10px;
    cursor: pointer;
    text-align: center;
    color: white;
    background-color: darkgreen;
    font-size: 24px;
    border-radius: 5px;
    border: 2px solid #D2D2D2;
    padding-top: 5px;
}

    .css_ol_app_useraddrnotice_yes:hover {
        color: white;
        background-color: green;
    }

.css_ol_app_useraddrnotice_no {
    height: 50px;
    width: 100px;
    margin: 10px;
    cursor: pointer;
    text-align: center;
    color: white;
    background-color: darkred;
    font-size: 24px;
    border-radius: 5px;
    border: 2px solid #D2D2D2;
    padding-top: 5px;
}

    .css_ol_app_useraddrnotice_no:hover {
        color: white;
        background-color: red;
    }


.css_ol_app_useraddrnotice_ok {
    height: 50px;
    width: 100px;
    margin: 10px;
    cursor: pointer;
    text-align: center;
    color: white;
    background-color: darkgreen;
    font-size: 24px;
    border-radius: 5px;
    border: 2px solid #D2D2D2;
    padding-top: 5px;
}

    .css_ol_app_useraddrnotice_ok:hover {
        color: white;
        background-color: green;
    }





.css_cldapp_ol_pagemodal_removesavedaddr_box {
    position: relative;
    /*height: 100%;*/
    width: 90%;
    /*max-height: 700px;*/
    max-width: 500px;
    border-radius: 14px;
    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    text-align: center;
    margin: 100px auto 10px auto;
    padding: 20px;
    pointer-events: auto;
}

.css_cldapp_ol_removesavedaddr_applogoimg {
    max-height: 80px;
    position: relative;
    object-fit: contain;
    /*left: 30px;
    top: 10px;*/
}

.css_cldapp_ol_removesavedaddr_title {
    /*text-align: left;*/
    color: #000000;
    
    font-size: 28px;
    margin: 20px;
}

.css_cldapp_ol_removesavedaddr_subtitle {
    /*text-align: left;*/
    color: dodgerblue;
    
    font-size: 16px;
    margin: 10px;
}

.css_cldapp_ol_removesavedaddr_bodytext {
    text-align: center;
    color: #161616;
    
    font-size: 18px;
    margin: 5px;
}

.css_ol_app_removesavedaddr_yesno_butt_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 20px auto 20px auto;
    justify-content: center;
    text-align: center;
}

.css_ol_app_removesavedaddr_yes {
    height: 50px;
    width: 100px;
    margin: 10px;
    cursor: pointer;
    text-align: center;
    color: white;
    background-color: darkgreen;
    
    font-size: 24px;
    border-radius: 5px;
    border: 2px solid #D2D2D2;
    padding-top: 5px;
}

    .css_ol_app_removesavedaddr_yes:hover {
        color: white;
        background-color: green;
    }

.css_ol_app_removesavedaddr_no {
    height: 50px;
    width: 100px;
    margin: 10px;
    cursor: pointer;
    text-align: center;
    color: white;
    background-color: darkred;
    
    font-size: 24px;
    border-radius: 5px;
    border: 2px solid #D2D2D2;
    padding-top: 5px;
}

    .css_ol_app_removesavedaddr_no:hover {
        color: white;
        background-color: red;
    }


.css_ol_app_removesavedaddr_ok {
    height: 50px;
    width: 100px;
    margin: 10px;
    cursor: pointer;
    text-align: center;
    color: white;
    background-color: darkgreen;
    
    font-size: 24px;
    border-radius: 5px;
    border: 2px solid #D2D2D2;
    padding-top: 5px;
}

    .css_ol_app_removesavedaddr_ok:hover {
        color: white;
        background-color: green;
    }


.css_cldapp_ol_pagemodal_removeusraccount_box {
    position: relative;
    /*height: 100%;*/
    width: 90%;
    /*max-height: 700px;*/
    max-width: 500px;
    border-radius: 14px;
    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    text-align: center;
    margin: 100px auto 10px auto;
    padding: 20px;
    pointer-events: auto;
}

.css_cldapp_ol_removeusraccount_applogoimg {
    max-height: 80px;
    position: relative;
    object-fit: contain;
    /*left: 30px;
    top: 10px;*/
}

.css_cldapp_ol_removeusraccount_title {
    /*text-align: left;*/
    color: darkred;
    font-size: 24px;
    margin: 20px;
}

.css_cldapp_ol_removeusraccount_subtitle {
    text-align: left;
    color: darkslategray;
    font-size: 14px;
    font-weight: 400;
    margin: 20px 10px;
}

.css_cldapp_ol_removeusraccount_bodytext {
    text-align: center;
    color: #161616;
    font-size: 18px;
    margin: 5px;
}

.css_ol_app_removeusraccount_yesno_butt_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 20px auto 20px auto;
    justify-content: center;
    text-align: center;
}

.css_ol_app_removeusraccount_yes {
    height: 50px;
    width: 100px;
    margin: 10px;
    cursor: pointer;
    text-align: center;
    color: white;
    background-color: darkgreen;
    font-size: 24px;
    border-radius: 5px;
    border: 2px solid #D2D2D2;
    padding-top: 5px;
}

    .css_ol_app_removeusraccount_yes:hover {
        color: white;
        background-color: green;
    }

.css_ol_app_removeusraccount_no {
    height: 50px;
    width: 100px;
    margin: 10px;
    cursor: pointer;
    text-align: center;
    color: white;
    background-color: darkred;
    font-size: 24px;
    border-radius: 5px;
    border: 2px solid #D2D2D2;
    padding-top: 5px;
}

    .css_ol_app_removeusraccount_no:hover {
        color: white;
        background-color: red;
    }


.css_ol_app_removeusraccount_ok {
    height: 50px;
    width: 100px;
    margin: 10px;
    cursor: pointer;
    text-align: center;
    color: white;
    background-color: darkgreen;
    font-size: 24px;
    border-radius: 5px;
    border: 2px solid #D2D2D2;
    padding-top: 5px;
}

    .css_ol_app_removeusraccount_ok:hover {
        color: white;
        background-color: green;
    }



.css_cldapp_ol_pagemodal_blockedelement_notice_box {
    position: relative;
    /*height: 100%;*/
    width: 90%;
    /*max-height: 700px;*/
    max-width: 300px;
    border-radius: 14px;
    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    text-align: center;
    margin: 100px auto 10px auto;
    padding: 20px;
    pointer-events: auto;
}
.css_cldapp_ol_modallog_cont{
    margin: 5px auto 10px auto;
    text-align: center;
    padding-top: 5px;
}
.css_cldapp_ol_blockedelement_notice_applogoimg {
    max-height: 80px;
    position: relative;
    object-fit: contain;
}

.css_ol_app_blockedelement_notice_butt_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 20px auto 20px auto;
    justify-content: center;
    text-align: center;
}

.css_ol_app_blockedelement_notice_stop {
    height: 50px;
    width: 100px;
    margin: 10px;
    cursor: pointer;
    text-align: center;
    color: white;
    background-color: darkred;
    font-size: 18px;
    border-radius: 5px;
    border: 2px solid #D2D2D2;
    padding-top: 10px;
    text-transform: uppercase;
    font-weight: 400;
}

    .css_ol_app_blockedelement_notice_stop:hover {
        color: white;
        background-color: red;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
        font-weight: 500;
    }


.css_ol_app_blockedelement_notice_continue {
    height: 50px;
    width: 100px;
    margin: 10px;
    cursor: pointer;
    text-align: center;
    color: white;
    background-color: darkgreen;
    font-size: 16px;
    border-radius: 5px;
    border: 2px solid #D2D2D2;
    padding-top: 10px;
}

    .css_ol_app_blockedelement_notice_continue:hover {
        color: white;
        background-color: green;
    }

.css_app_blockedelement_notice_cont {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 10px auto;
}

.css_app_blockedelement_notice_line {
    margin: 0 auto;
}

.css_app_blockedelement_notice_title {
    font-size: 18px;
    font-weight: 600;
    color: darkred;
}

.css_app_blockedelement_notice_subtitle {
    font-size: 14px;
    font-weight: 300;
}


.css_ol_app_orderprocessalert_notice_butt_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 20px auto 20px auto;
    justify-content: center;
    text-align: center;
}

.css_cldapp_ol__block_order_functions_section{
    text-align: center;
    margin-top: 20px;
}
.css_cldapp_ol_orderprocessalert_title {
    /*text-align: left;*/
    color: white;
    background-color: steelblue;
    font-size: 16px;
    margin: 5px 20px;
    padding: 5px 10px;
    font-weight: 500;
    border-radius: 5px;
    border: 2px solid lightsteelblue;
}

.css_cldapp_ol_orderprocessalert_subtitle {
    color: steelblue;
    font-size: 16px;
    font-weight: 600;
    margin: 10px 10px;
}

.css_cldapp_ol_orderprocessalert_bodytext {
    color: mediumvioletred;
    font-size: 16px;
    margin: 10px auto;
    font-weight: 500;
    border: 2px solid mediumvioletred;
    border-radius: 5px;
    background-color: white;
    padding: 10px;
    max-width: 500px;
}

.css_cldapp_ol_orderprocessalert_insttext {
    color: slategray;
    font-size: 14px;
    margin: 10px 20px;
    font-weight: 400;
}

.css_ol_app_orderprocessalert_notice_icon{
    margin-right: 5px;
}
.css_ol_app_orderprocessalert_notice_label{
    margin-left: 5px;
}
.css_ol_app_orderprocessalert_notice_stop {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 10px auto;
    cursor: pointer;
    text-align: center;
    color: white;
    background-color: darkred;
    font-size: 14px;
    border-radius: 5px;
    border: 2px solid white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    padding: 10px 40px;
}

    .css_ol_app_orderprocessalert_notice_stop:hover {
        color: white;
        background-color: crimson;
        font-weight: 600;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 1);
    }


.css_ol_app_orderprocessalert_notice_continue {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 10px auto;
    cursor: pointer;
    text-align: center;
    color: white;
    background-color: darkgreen;
    font-size: 14px;
    border-radius: 5px;
    border: 2px solid white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    padding: 10px 40px;
}

    .css_ol_app_orderprocessalert_notice_continue:hover {
        color: white;
        background-color: green;
        font-weight: 600;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 1);
    }


.css_cldapp_ol_pagemodal_ordertypealert_box {
    position: relative;
    /*height: 100%;*/
    width: 90%;
    /*max-height: 700px;*/
    max-width: 500px;
    border-radius: 14px;
    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    text-align: center;
    margin: 100px auto 10px auto;
    padding: 20px;
    pointer-events: auto;
}

.css_ol_app_ordertypealert_notice_butt_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 20px auto 20px auto;
    justify-content: center;
    text-align: center;
}

.css_cldapp_ol_modalordertypealert_title {
    /*text-align: left;*/
    color: white;
    background-color: steelblue;
    font-size: 22px;
    margin: 5px 20px;
    font-weight: 500;
    border-radius: 5px;
    border: 2px solid lightsteelblue;

}

.css_cldapp_ol_modalordertypealert_subtitle {
    color: steelblue;
    font-size: 14px;
    font-weight: 500;
    margin: 10px 10px;
}

.css_cldapp_ol_modalordertypealert_bodytext {
    color: darkolivegreen;
    font-size: 16px;
    margin: 20px auto;
    font-weight: 500;
    border: 2px solid darkolivegreen;
    border-radius: 5px;
    background-color: white;
    padding: 20px 10px;
    max-width: 500px;
}

.css_cldapp_ol_modalordertypealert_insttext {
    color: slategray;
    font-size: 14px;
    margin: 10px 20px;
    font-weight: 400;
}

.css_ol_app_ordertypealert_notice_icon {
    margin-right: 5px;
}

.css_ol_app_ordertypealert_notice_label {
    margin-left: 5px;
}
.css_ol_app_ordertypealert_notice_stop {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 10px auto;
    cursor: pointer;
    text-align: center;
    color: white;
    background-color: darkred;
    font-size: 16px;
    border-radius: 5px;
    border: 2px solid white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    padding: 10px 20px;
}

    .css_ol_app_ordertypealert_notice_stop:hover {
        color: white;
        background-color: crimson;
        font-weight: 600;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 1);
    }


.css_ol_app_ordertypealert_notice_continue {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 10px auto;
    cursor: pointer;
    text-align: center;
    color: white;
    background-color: darkgreen;
    font-size: 16px;
    border-radius: 5px;
    border: 2px solid white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    padding: 10px 20px;
}

    .css_ol_app_ordertypealert_notice_continue:hover {
        color: white;
        background-color: green;
        font-weight: 600;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 1);
    }


    .css_cldapp_ol_pagemodal_content {
        position: relative;
        text-align: center;
        padding-top: 10px;
        /*height: 100vh;*/
    }
.css_cldapp_ol_pagemodal_msg_content {
    position: relative;
    text-align: center;
    opacity: 1;
    z-index: 7;
}
.css_cldapp_ol_pagemodal_bskchk_box {
    position: relative;
    /*height: 100%;*/
    width: 90%;
    /*max-height: 700px;*/
    max-width: 500px;
    border-radius: 14px;
    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    text-align: center;
    margin: 100px auto 10px auto;
    padding: 20px;
    pointer-events: auto;
}

.css_cldapp_ol_pagemodal_interact_box {
    position: relative;
    /*height: 100%;*/
    width: 90%;
    /*max-height: 700px;*/
    max-width: 500px;
    border-radius: 14px;
    background-color: white; /*#ffd89d;*/
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
    text-align: center;
    margin: 10px;
    padding: 20px;
}

.css_cldapp_ol_modalinteract_msgs {
    text-align: center;
}

.css_cldapp_ol_modalinteract_title {
    /*text-align: left;*/
    color: #000000;
    font-size: 28px;
    margin: 0 10px;
    font-weight: 300;
}

.css_cldapp_ol_modalinteract_subtitle {
    color: steelblue;
    font-size: 34px;
    font-weight: 700;
    margin: 0 10px;
}

.css_cldapp_ol_modalinteract_bodytext {
    /*text-align: left;*/
    color: #161616;
    font-size: 16px;
    margin: 10px;
}

.css_cldapp_ol_modalinteract_button_hot {
    text-align: center;
    padding-top: 10px;
    height: 44px;
    width: 80%;
    max-width: 240px;
    border-radius: 8px;
    background: green;
    color: #FFFFFF;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}
.css_cldapp_ol_modalinteract_button_neworder {
    text-align: center;
    padding-top: 10px;
    height: 44px;
    width: 80%;
    max-width: 240px;
    border-radius: 8px;
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    color: #FFFFFF;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}
.css_cldapp_ol_pagemodal_msg_box {
    position: relative;
    /*height: 100%;*/
    width: 90%;
    /*max-height: 700px;*/
    max-width: 500px;
    border-radius: 14px;
    background-color: white; /*#ffd89d;*/
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    text-align: center;
    margin: 100px auto 10px auto;
    padding: 20px;
    pointer-events: auto;
}

.css_cldapp_ol_modalmsg_applogoimg {
    max-height: 80px;
    position: relative;
    object-fit: contain;
    /*left: 30px;
    top: 10px;*/
}

.css_cldapp_ol_modalmsg_title {
    /*text-align: left;*/
    color: #000000;
    
    font-size: 28px;
    margin: 0 10px;
    font-weight: 300;
}

.css_cldapp_ol_modalmsg_subtitle {
    /*text-align: left;*/
    color: steelblue;
    
    font-size: 16px;
    font-weight: 500;
    margin: 0 10px;
}

.css_cldapp_ol_modalmsg_bodytext {
    /*text-align: left;*/
    color: #161616;
    
    font-size: 16px;
    margin: 10px;
}


.css_cldapp_ol_modalmsg_button_close {
    text-align: center;
    padding-top: 10px;
    height: 44px;
    width: 80%;
    max-width: 240px;
    border-radius: 8px;
    background: white;
    color: #000000;
    
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    border: 1px solid #D2D2D2;
}


.css_cldapp_ol_pagemodal_modalprodrestrict_box {
    position: relative;
    /*height: 100%;*/
    width: 90%;
    /*max-height: 700px;*/
    max-width: 500px;
    border-radius: 14px;
    background-color: white; /*#ffd89d;*/
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    text-align: center;
    margin: 100px auto 10px auto;
    padding: 20px;
    pointer-events: auto;
}

.css_cldapp_ol_modal_modalprodrestrict_logo_cont {
    margin: 5px auto 10px auto;
    text-align: center;
}

.css_cldapp_ol_modalprodrestrict_applogoimg {
    max-height: 80px;
    position: relative;
    object-fit: contain;
}

.css_cldapp_ol_modalprodrestrict_title {
    /*text-align: left;*/
    color: #000000;
    font-size: 18px;
    margin: 0 10px;
    font-weight: 600;
}

.css_cldapp_ol_modalprodrestrict_subtitle {
    /*text-align: left;*/
    color: steelblue;
    font-size: 16px;
    font-weight: 500;
    margin: 0 10px;
}

.css_cldapp_ol_modalprodrestrict_bodytext {
    /*text-align: left;*/
    color: #161616;
    font-size: 12px;
    margin: 10px;
}



.css_oa_ol_usr_offers_window {
    position: relative;
    /*max-height: calc(100vh - 100px);*/
    max-width: 500px;
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    text-align: center;
    margin: 10px auto;
    padding: 10px;
    /*overflow-y: scroll;*/
    /*overflow-x: hidden;*/
    /*-ms-overflow-style: none; 
    scrollbar-width: none;*/
}

    



.css_oa_discchk_progress_box {
    width: 100%;
    /*max-width: 500px;
    padding-left: 10px;*/
    text-align: center;
    margin: 20px auto;
    
}

.css_cldapp_ol_discchkprocess_loader_title {
    width: 100%;
    padding: 10px;
    color: steelblue;
    font-weight: 500;
}


.css_cldapp_ol_discchkprocess_loader_seldisctitle {
    width: 100%;
    padding: 10px;
    font-weight: 600;
    font-size: 16px;
}

.css_cldapp_ol_discchkprocess_loader_subtitle {
    width: 100%;
    padding: 10px;
    font-size: 14px;
}


.css_cldapp_loadersplash_bg {
    font-family: Poppins;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: white;
    z-index: 20000;
}

.css_cldapp_loadersplash_successresult_progress_box {
    max-width: 300px;
    padding: 30px 20px;
    text-align: center;
    margin: 20px auto;
}

.css_cldapp_loadersplash_pedpayment_progress_box {
    max-width: 300px;
    padding: 30px 20px;
    text-align: center;
    margin: 20px auto;
}

.css_cldapp_loadersplash_std_progress_box {
    max-width: 300px;
    padding: 30px 20px;
    text-align: center;
    margin: 20px auto;
    /*background-color: white;*/
}

.css_cldapp_loadersplash_progress_box {
    max-width: 300px;
    padding: 30px 20px;
    text-align: center;
    margin: 20px auto;
    border-radius: 6px;
    background-color: white;
}

.css_cldapp_loadersplash_additionaltitle {
    width: 100%;
    padding: 10px;
    font-weight: 600;
    font-size: 16px;
}

.css_cldapp_loadersplash_loader_title {
    width: 100%;
    padding: 10px;
    color: steelblue;
    font-weight: 500;
}

.css_cldapp_loadersplash_loader_subtitle {
    width: 100%;
    padding: 10px;
    font-size: 14px;
}


.css_oa_ol_usr_offers_list_panel {
    
    /*width: 90%;*/
    max-width: 800px;
    /*min-height: 150px;*/
    /*max-height: 400px;*/
    /*background: #FFFFFF;*/
    /*border-radius: 4px;*/
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
    margin: 0 auto 10px auto;
    padding: 10px;
    text-align: center;
    overflow-x: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
    .css_oa_ol_usr_offers_list_panel::-webkit-scrollbar {
        display: none;
    }


.css_oa_ol_usr_offers_panel {
    /*margin: 20px;*/
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
    text-align: left;
}

.css_oa_ol_usr_offer_cont{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background-color: white;
}
.css_oa_ol_usr_offer_icon{
    max-height: 100px;
    max-width: 100px;
    margin-left: 5px;
    object-fit: contain;
}
.css_oa_ol_usr_offer_txt_cont {
    display: flex;
    flex-direction: column;
}

.css_oa_ol_usr_offer_item {
    margin: 5px;
    /*padding: 10px;*/
    border: 1px dashed gray;
    /* border-radius: 12px; */
    background-color: #F0F0F0;
    cursor: pointer;
}

.css_oa_ol_usr_offer_title {
    margin: 0 5px;
    
    font-size: 22px;
    font-weight: 500;
}

.css_oa_ol_usr_offer_subtitle {
    margin: 0 5px;
    
    font-size: 14px;
}

.css_oa_ol_usr_offer_progressbar {
    position: relative;
    margin: 5px;
    padding: 10px;
    /*border: 2px dashed gray;*/
    /*border-radius: 12px;*/
    background-color: #e0e0e0;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}
    .css_oa_ol_usr_offer_progressbar_icon_cont{
        padding: 5px;
    }

    .css_oa_ol_usr_offer_buttonbar {
        margin: 5px;
        padding: 10px;
        /*border: 2px dashed gray;*/
        /*border-radius: 12px;*/
        background-color: #e0e0e0;
        cursor: pointer;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
.css_oa_ol_usr_offer_button_terms {
    text-align: left;
    /* padding-top: 5px; */
    height: 40px;
    margin-left: 5px;
    /* width: 220px; */
    /* border-radius: 8px; */
    /* background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%); */
    color: slategrey;
    
    font-size: 12px;
    text-decoration: underline;
    /* box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%); */
    Cursor: pointer;
}
    .css_oa_ol_usr_offer_button_terms:hover {
        color: dodgerblue;
    }
.css_oa_ol_usr_offer_button_qr {
    text-align: center;
    padding: 10px;
    /*height: 40px;*/
    /* width: 220px; */
    border-radius: 4px;
    border: 2px solid white;
    background: #E2B144;
    color: #FFFFFF;
    font-weight: 400;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    font-size: 14px; 
    Cursor: pointer;
}
    .css_oa_ol_usr_offer_button_qr:hover {
        background: green;
        font-weight: 600;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.6);
    }

.css_oa_ol_usr_offer_button_apply {
    text-align: center;
    padding: 10px;
    /*height: 40px;*/
    /* width: 220px; */
    border-radius: 4px;
    border: 2px solid white;
    background: #E2B144;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4); 
    Cursor: pointer;
}
    .css_oa_ol_usr_offer_button_apply:hover {
        background: green;
        font-weight: 600;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.6);
    }



    .css_cldapp_ol_pagemodal_offernotice_box {
        position: relative;
        /*height: 100%;*/
        width: 90%;
        /*max-height: 700px;*/
        max-width: 500px;
        /*border-radius: 14px;*/
        background-color: white;
        /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
        text-align: center;
        margin: 100px auto 10px auto;
        padding: 20px;
    }

.css_cldapp_ol_modaloffernotice_applogoimg {
    margin: 5px auto;
    max-height: 80px;
    position: relative;
    text-align: center;
    object-fit: contain;
    /*left: 30px;
    top: 10px;*/
}

.css_cldapp_ol_modaloffermini_banner {
    padding: 5px 0;
    margin-bottom: 30px;
    max-width: 830px;
    width: 100%;
    margin: 0 auto 5px auto;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 600;
    color: white;
    text-align: center;
    text-transform: uppercase;
}
.css_cldapp_ol_modaloffernotice_banner {
    /*background-color: #E2B144;*/
    padding: 20px 0 10px 0;
    margin-bottom: 30px;
    max-width: 830px;
    width: 100%;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    
    font-size: 22px;
    font-weight: 600;
    color: white;
    text-align: center;
    text-transform: uppercase;
}
.css_cldapp_ol_modaloffernotice_title {
    /*text-align: center;*/
    color: #000000;
    
    font-size: 24px;
    margin: 10px 0 5px 0;
}

.css_cldapp_ol_modaloffernotice_subtitle {
     /*text-align: center;*/ 
    color: dodgerblue;
    
    font-weight: 300;
    font-size: 14px;
    /* margin: 10px; */
}

.css_cldapp_ol_modaloffernotice_bodytext {
    /*text-align: left;*/
    color: #161616;
    
    font-size: 10px;
    margin: 10px 0;
}



.css_offernotice_codepnl {
    width: 140px;
    height: 140px;
    margin: auto;
    margin-top: 20px;
    border-radius: 1px;
    border-top: 2px dashed lightgray;
    color: #000000;
    background-color: #FFFFFF;
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
    
    font-size: medium;
    padding-top: 10px;
    text-align: center;
    Cursor: pointer;
}

.css_cldapp_ol_modaloffernotice_button_close {
    text-align: center;
    padding-top: 10px;
    height: 44px;
    width: 80%;
    max-width: 240px;
    border-radius: 8px;
    background: white;
    color: #000000;
    
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    border: 1px solid #D2D2D2;
}


.captivaappbuild_signedin_uservalidateoptions {
    /*height: 100%;*/
    width: 100%;
    /*max-width: 300px;*/
    min-width: 200px;
    /*min-height: 500px;*/
    border-radius: 0px 0px 3px 3px;
    /*margin: 10px;*/
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.2);
    text-align: left;
}



.css_cldapp_ol_signin {
    position: relative;
    /*height: 100%;*/
    width: 100%;
    /*max-height: calc(100vh - 100px);*/
    /*overflow-x: hidden;*/
    max-width: 500px;
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    text-align: center;
    margin: 10px auto;
    padding: 20px;
    /*-ms-overflow-style: none;
    scrollbar-width: none;*/
}

.css_oa_ol_usr_orders_window {
    position: relative;
    height: 100vh;
    width: 100%;
    /*max-height: 70vh;*/
    max-width: 500px;
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    text-align: center;
    margin: 10px auto;
    padding: 20px;
    /*overflow-y: scroll;*/
    overflow-x: hidden;
    -ms-overflow-style: none; scrollbar-width: none;
}

    .css_oa_ol_usr_orders_window::-webkit-scrollbar {
        display: none;
    }

.css_cldapp_ol_usrorders_title {
    text-align: left;
    color: #000000;
    
    font-size: 24px;
    margin: 5px 20px 0 20px;
}

.css_cldapp_ol_usrorders_subtitle {
    text-align: left;
    color: gray;
    
    font-size: 16px;
    margin: 0 20px 0 20px;
}

.css_oa_ol_usrorders_list_panel {
    
    /*width: 90%;*/
    max-width: 800px;
    min-height: 150px;
    /*max-height: 400px;*/
    /*background: #FFFFFF;*/
    border-radius: 4px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 0 auto 10px auto;
    padding: 10px;
    text-align: center;
    overflow-x: hidden;
    overflow-y: scroll;
}


.css_cldapp_ol_usrorders_applogoimg {
    max-height: 60px;
    position: relative;
    object-fit: contain;
    /*left: 30px;
    top: 10px;*/
}

.css_oa_ol_usrorders_panel {
    margin-top: 10px;
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
    text-align: left;
    /*max-height: 250px;*/
}

.css_oa_ol_usrorder_item {
    margin: 5px;
    padding: 0 10px 5px 10px;
    /* border: 2px dashed gray; */
    border-bottom: 2px solid lightgray;
    /* border-radius: 12px; */
    background-color: white;
    cursor: pointer;
}

.css_oa_ol_usrorder_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.css_oa_ol_usrorder_dte_cont {
    display: flex;
    flex-direction: column;
    padding: 5px 10px;
    border: 2px solid slategray;
    border-radius: 4px;
    max-width: 80px;
    max-height: 80px;
    margin-top: 10px;
    text-align: center;
    margin-right: 10px;
    background-color: darkslategray;
    color: white;
}

.css_oa_ol_usrorder_day {
    
    font-size: 24px;
    font-weight: bold;
}

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

.css_oa_ol_usrorder_txthead_cont {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.css_oa_ol_usrorder_txt_cont {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.css_oa_ol_usrorder_title {
    margin: 0 5px;
    
    font-size: 14px;
    font-weight: 600;
}

.css_oa_ol_usrorder_value {
    position: absolute;
    right: 0;
    /* top: 0; */
    margin: 0 5px;
    
    font-size: 20px;
    font-weight: 600;
}

.css_oa_ol_usrorder_subtitle {
    margin: 0 5px;
    
    font-size: 16px;
}

.css_oa_ol_usrorder_status_0 {
    margin: 0 5px;
    
    font-size: 12px;
    padding: 3px 5px;
    border-radius: 2px;
    background-color: darkorange;
    color: white;
    min-width: 150px;
    max-width: 200px;
    text-align: center;
    border: 2px solid silver;
}
.css_oa_ol_usrorder_status_1 {
    margin: 0 5px;
    
    font-size: 12px;
    padding: 3px 5px;
    border-radius: 2px;
    background-color: green;
    color: white;
    min-width: 150px;
    max-width: 200px;
    text-align: center;
    border: 2px solid silver;
}
.css_oa_ol_usrorder_status_2 {
    margin: 0 5px;
    
    font-size: 12px;
    padding: 3px 5px;
    border-radius: 2px;
    background-color: red;
    color: white;
    min-width: 150px;
    max-width: 200px;
    text-align: center;
    border: 2px solid yellow;
}


.css_cldapp_ol_signin_applogoimg {
    max-height: 60px;
    position: relative;
    object-fit: contain;
    /*left: 30px;
    top: 10px;*/
}

.css_cldapp_ol_signin_title {
    text-align: center;
    color: #000000;
    
    font-size: 20px;
    margin: 5px 20px;
}

.css_cldapp_ol_signin_subtitle {
    text-align: center;
    color: gray;
    
    font-size: 14px;
    margin: 0 20px 10px 20px;
}
.css_cldapp_ol_fpwd_entry_box {
    margin: 20px auto 20px auto;
    /*padding: 20px;*/
    text-align: center;
}
.css_cldapp_ol_signin_entry_box {
    margin: 20px auto 20px auto;
    /*padding: 20px;*/
    text-align: center;
}
.css_cldapp_ol_signup_entry_box {
    margin: 20px 10px 20px 10px;
    /*padding: 20px;*/
    text-align: left;
}

.css_cldapp_ol_signin_entry_label {
    color: darkslategray;
    font-size: 12px;
}

.css_cldapp_ol_signin_entry_minilabel {
    margin-left: 10px;
    color: #7a7a7a;
    
    font-size: 10px;
    text-align: left;
    max-width: 80%;
}
.css_cldapp_ol_signup_warning_label {
    margin-left: 10px;
    color: red;
    font-size: 12px;
}
.css_cldapp_ol_signup_custom_switch {
    margin: 10px 0 10px 10px;
}

.css_cldapp_ol_updateprofile_entry_text {
    margin: 0 auto 10px auto;
    box-sizing: border-box;
    border-radius: 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: darkgray;
    color: dodgerblue;
    font-size: 16px;
    font-weight: 600;
    background-color: white;
    padding: 6px 0px 6px 0px;
    width: 80%;
}
.css_cldapp_ol_signin_entry_text_old {
    margin: 0 auto 10px auto;
    box-sizing: border-box;
    border-radius: 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: darkgray;
    color: #000000;
    font-size: 12px;
    background-color: white;
    padding: 6px 0px 6px 0px;
    width: 80%;
}
.css_cldapp_ol_signin_entry_text {
    margin: 0 auto 10px auto;
    box-sizing: border-box;
    border-radius: 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: darkgray;
    font-size: 16px;
    font-family: Poppins;
    font-weight: 600;
    background-color: white;
    padding: 6px 0px 6px 0px;
    width: 80%;
}
    .css_cldapp_ol_signin_rem_me_cont {
        margin: 5px auto 10px auto;
        text-align: center;
        font-size: 14px;
    }

.css_app_adminctrl_button {
    text-align: center;
    color: #FFFFFF;
    
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    /*width: 80%;*/
    border-radius: 8px;
    background-color: steelblue;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 15px auto 20px auto;
    padding: 10px 20px;
    cursor: pointer;
}

    .css_app_adminctrl_button:hover {
        border: 2px solid white;
        font-weight: 700;
    }

.css_app_adminctrl_button_detail_cont {
    position: relative;
    text-align: center;
    margin: 0 10px;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.css_cldapp_ol_signin_button_small {
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    /*height: 36px;*/
    width: 80%;
    max-width: 180px;
    border-radius: 8px;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    color: #FFFFFF;
    font-size: 14px;
    margin: 30px auto 30px auto;
    cursor: pointer;
}
    .css_cldapp_ol_signin_button_small:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
    }

.css_cldapp_ol_signin_button_hot {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    /*height: 44px;*/
    width: 80%;
    max-width: 240px;
    border-radius: 8px;
    border: 2px solid white;
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}
        .css_cldapp_ol_signin_button_hot:hover {
            box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
            font-weight: 600;
        }

.css_app_device_appmode_return_to_app_button {
    text-align: center;
    color: steelblue;
    font-size: 12px;
    font-weight: 600;
    width: fit-content;
    width: -moz-fit-content;
    /*height: 40px;*/
    /*width: 40%;*/
    border-radius: 8px;
    border: 2px solid steelblue;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 15px auto 20px auto;
    padding: 10px 20px;
    cursor: pointer;
}

    .css_app_device_appmode_return_to_app_button:hover {
        border: 2px solid white;
        color: white;
        background-color: steelblue;
        font-weight: 700;
    }

.css_app_device_appmode_accmenu_return_to_app_button {
    text-align: center;
    color: steelblue;
    font-size: 14px;
    font-weight: 600;
    width: fit-content;
    width: -moz-fit-content;
    /*height: 40px;
    width: 40%;*/
    border-radius: 8px;
    border: 2px solid steelblue;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 10px auto;
    padding: 10px 20px;
    cursor: pointer;
}

    .css_app_device_appmode_accmenu_return_to_app_button:hover {
        border: 2px solid white;
        color: white;
        background-color: steelblue;
        font-weight: 700;
    }

.css_app_device_appmode_button_detail_cont {
    position: relative;
    text-align: center;
    margin: 0 10px;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.css_app_device_appmode_button_detail_cont_top {
    position: relative;
    text-align: center;
    margin: 0 10px;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.css_app_device_appmode_skipsignin_button {
    text-align: center;
    color: darkcyan;
    font-size: 12px;
    font-weight: 600;
    width: fit-content;
    width: -moz-fit-content;
    /*height: 40px;
    width: 40%;*/
    border-radius: 8px;
    border: 2px solid darkcyan;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 15px auto 20px auto;
    padding: 10px 20px;
    cursor: pointer;
}

    .css_app_device_appmode_skipsignin_button:hover {
        border: 2px solid white;
        background-color: darkcyan;
        color: white;
        font-weight: 700;
    }

.css_cldapp_ol_signin_linkrow{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}
.css_cldapp_ol_signin_linkbox {
    color: #F8644E;
    font-size: 14px;
    padding: 10px;
    cursor: pointer;
    text-decoration: underline;
    text-align: center;
}

.css_cldapp_ol_ordver_signin_linkbox {
    color: #F8644E;
    
    font-size: 14px;
    padding: 10px;
    cursor: pointer;
    text-decoration: underline;
    text-align: center;
}

.css_cldapp_ol_signin_warning_label {
    margin-left: 10px;
    color: red;
    
    font-size: 12px;
}

.css_cldapp_ol_forgotp_button_hot {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    /*height: 44px;*/
    width: 80%;
    max-width: 240px;
    border-radius: 8px;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    color: #FFFFFF;
    font-size: 16px;
    margin: 30px auto 30px auto;
    cursor: pointer;
}
    .css_cldapp_ol_forgotp_button_hot:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
    }

    .css_cldapp_ol_signup {
        position: relative;
        height: 100%;
        width: 100%;
        /*max-height: calc(100vh - 100px);*/
        /*overflow-x: hidden;*/
        max-width: 500px;
        border-radius: 4px;
        background-color: #FFFFFF;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
        text-align: left;
        margin: 10px auto;
        padding: 0 10px 20px 10px;
        /*-ms-overflow-style: none;
        scrollbar-width: none;*/
    }

.css_cldapp_ol_signup_button_hot {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    /*height: 44px;*/
    width: 80%;
    max-width: 240px;
    border-radius: 8px;
    border: 2px solid white;
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 20px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}
    .css_cldapp_ol_signup_button_hot:hover {
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
        font-weight: 600;
    }
    .css_oa_signup_usrloy_addpanel {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        margin: 15px 5px;
        /* border-top: 1px solid lightgray; */
        padding: 10px;
        border: 4px solid silver;
        /*box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.2);*/
    }

.css_oa_signup_usrloy_card_img {
    border-radius: 4px;
    margin-right: 10px;
    width: 100px;
    /*max-width: 40%;
    min-width: 100px;*/
    box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.4);
}
.css_oa_signup_usrloy_addpanel_cardcont{
    margin-right: 10px;
}
.css_oa_signup_usrloy_addpanel_content {
    padding: 0;
}
.css_oa_signup_usrloy_add_switch{
    font-size: 14px;
    padding-top: 3px;
}
.css_oa_signup_usrloy_title {
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    line-height: 22px;
}

.css_oa_signup_usrloy_subtitle {
    color: slategray;
    font-size: 14px;
    font-weight: 300;
    text-align: left;
}

.css_cldapp_ol_signup_checkbox {
}

.css_cldapp_ol_signup_checkmark {
    /*text-decoration: underline;*/
    font-size: 12px;
    cursor: pointer;
}

.css_cldapp_ol_checkout_tandc_link_box {
    margin: 0 auto 0 0;
    padding: 0 10px;
    text-align: left;
}

.css_cldapp_ol_checkout_tandc_email_box {
    margin: 0 auto 0 10px;
    padding: 5px 10px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.css_cldapp_ol_checkout_tandc_email_box_title {
    color: steelblue;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    line-height: 22px;
}
    .css_cldapp_ol_checkout_tandc_addemail_text {
    margin: 0 auto 0 0;
    box-sizing: border-box;
    border-radius: 0;
    border-width: 1px;
    border-style: solid;
    border-color: silver;
    font-size: 16px;
    font-family: Poppins;
    font-weight: 500;
    background-color: white;
    padding: 6px 0px 6px 0px;
    width: 80%;
    min-width: 120px;
}

.css_cldapp_ol_checkout_tandc_addemail_desc {
    color: darkslategrey;
    font-size: 14px;
    margin-bottom: 15px;
    text-align: left;
}

.css_cldapp_ol_checkout_tandc_addemail_reqnot_txt {
    text-align: left;
    font-size: 14px;
    /*padding-top: 5px;*/
    font-weight: 600;
    color: darkred;
}

.css_cldapp_ol_checkout_tandc_link_labelcont {
    margin: 0 10px;
}

.css_cldapp_ol_checkout_tandc_link_label {
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.css_cldapp_ol_signup_button_complete {
}


.css_cldapp_ol_appsaveelementlinks_loader {
    position: relative;
    margin-top: 50px;
    width: 100%;
    /*height: 400px;*/
    padding: 50px 20px 30px 20px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.07);
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    z-index: 200;
}


.css_cldapp_ol_appsaveelement_loader {
    margin-top: 50px;
    position: relative;
    width: 100%;
    /*height: 400px;*/
    padding: 50px 20px 30px 20px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.07);
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    z-index: 200;
}

.css_cldapp_ol_appsavesetup_loader {
    position: relative;
    width: 100%;
    /*height: 400px;*/ 
    padding: 50px 20px 30px 20px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.07);
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    z-index: 200;
}


.css_cldapp_ol_inmenu_popup_contpanel {
    font-family: Poppins;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    /*background-color: white;*/
}

.css_cldapp_ol_inmenu_popup_button_cont {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 100;
    height: 30px;
    width: 30px;
    border-radius: 15px;
    background-color: white;
    border: 1px solid dodgerblue;
    padding: 5px;
    cursor: pointer;
}

.css_cldapp_ol_inmenu_popup_design_info_button_cont {
    position: absolute;
    right: 60px;
    top: 20px;
    z-index: 100;
    height: 30px;
    width: 30px;
    border-radius: 15px;
    background-color: white;
    border: 1px solid darkslategrey;
    padding: 5px;
    cursor: pointer;
}
.css_cldapp_ol_inmenu_popup_overlay_canvas {
    position: absolute;
    top: 50px;
    left: 50px;
    border-radius: 10px;
    height: calc(100vh - 100px);
    width: calc(100vw - 100px);
    z-index: 10;
    background-color: darkslategrey;
    opacity: 0.85;
    /*background-repeat: no-repeat;*/
    background-position: center;
    /*mix-blend-mode: overlay;*/
}


.css_cldapp_ol_inmenu_popup_overlay_txt_cont_cc {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    padding: 50px;
    display: flex;
    flex-direction: column;
    color: white;
    z-index: 20;
    max-width: 800px;
}

.css_cldapp_ol_inmenu_popup_overlay_txt_cont_cc_bg {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    padding: 50px;
    display: flex;
    flex-direction: column;
    color: white;
    z-index: 20;
    max-width: 800px;
    border-radius: 6px;
    border: 4px solid white;
    background-color: darkcyan;
}

.css_cldapp_ol_inmenu_popup_overlay_txt_title {
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
}

.css_cldapp_ol_inmenu_popup_overlay_txt_subtitle {
    font-size: 30px;
    font-weight: 500;
    /*text-transform: uppercase;*/
}
.css_cldapp_ol_inmenu_popup_overlay_cattxt_subtitle {
    font-size: 24px;
    font-weight: 500;
    margin: 10px auto 0 auto;
    /*text-transform: uppercase;*/
}
.css_cldapp_ol_inmenu_popup_buttons_cont{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.css_cldapp_ol_inmenu_popup_overlay_catbutt_command_center {
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    padding: 10px 30px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    text-decoration: none;
    text-transform: uppercase;
    color: black;
    background-color: white;
    letter-spacing: 2px;
    transition: 0.2s;
    cursor: pointer;
    width: 100%;
    max-width: 250px;
}

    .css_cldapp_ol_inmenu_popup_overlay_catbutt_command_center:hover {
        letter-spacing: 4px;
        font-weight: 700;
    }


.css_cldapp_ol_inmenu_popup_overlay_nextbutt_command_center {
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    padding: 10px 30px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    text-decoration: none;
    text-transform: uppercase;
    color: black;
    background-color: white;
    letter-spacing: 2px;
    transition: 0.2s;
    cursor: pointer;
    width: 100%;
    max-width: 250px;
}

    .css_cldapp_ol_inmenu_popup_overlay_nextbutt_command_center:hover {
        letter-spacing: 4px;
        font-weight: 700;
    }




.css_cldapp_ol_inmenu_popup_image_cont {
    position: relative;
    text-align: center;
    margin: 0 auto;
}
.css_cldapp_ol_inmenu_popup_image {
    text-align: center;
    width: 100%;
    max-height: 400px;
    object-fit: cover;
    border-radius: 10px;
}




.css_cldapp_ol_appdevice_startsplash{
    font-family: Poppins;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    /*background-color: white;*/
}

.css_cldapp_ol_appdevice_startsplash_image_canvas {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: -1;
}
.css_cldapp_ol_appdevice_startsplash_imagecont{
    position: absolute;
    top: 0;
    left: 0;
}

.css_cldapp_ol_appdevice_startsplashvideo_left {
    /* width: 100%; */
    height: 100vh;
    object-fit: contain;
    /* margin: 0 auto 0 52px; */
    /* max-width: 50vw; */
    margin-right: auto;
    margin-left: 40px;
}

.css_cldapp_ol_appdevice_startsplashvideo_center {
    width: 100%;
    height: 100vh;
    object-fit: contain;
    /* margin: 0 auto 0 52px; */
    /* max-width: 50vw; */
    margin-right: auto;
    margin-left: auto;
}

.css_cldapp_ol_appdevice_startsplashvideo_right {
    /* width: 100%; */
    height: 100vh;
    object-fit: contain;
    /* margin: 0 auto 0 52px; */
    /* max-width: 50vw; */
    margin-right: 40px;
    margin-left: auto;
    float: right;
}
.css_cldapp_ol_appdevice_startsplash_image {
    text-align: center;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
}

.css_cldapp_ol_appdevice_startsplash_button_top {
    position: absolute;
    top: 10vh;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    padding-top: 10px;
    height: 60px;
    width: 200px;
    border-radius: 8px;
    border-width: 2px;
    border-style: solid;
    /*background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);*/
    /*color: #FFFFFF;*/
    
    font-weight: 500;
    font-size: 24px;
    cursor: pointer;
}
.css_cldapp_ol_appdevice_startsplash_button_mid {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    padding-top: 10px;
    height: 60px;
    width: 200px;
    border-radius: 8px;
    border-width: 2px;
    border-style: solid;
    background-color: white;
    /*background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);*/
    /*color: #FFFFFF;*/
    
    font-weight: 500;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
}

.css_cldapp_ol_appdevice_startsplash_button_btm {
    position: absolute;
    bottom: 10vh;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    padding-top: 10px;
    height: 60px;
    width: 200px;
    border-radius: 8px;
    border-width: 2px;
    border-style: solid;
    /*background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);*/
    /*color: #FFFFFF;*/
    
    font-weight: 500;
    font-size: 24px;
    cursor: pointer;
}

    .css_oa_ol_main_ordernowbutton_hot_med:hover {
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    }

.css_cldapp_ol_appdevice_startsplash_overlay_canvas {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    background-color: darkslategrey;
    opacity: 0.5;
    /*mix-blend-mode: overlay;*/
}


.css_cldapp_ol_startsplash_overlay_tandcs_cont {
    position: absolute;
    bottom: 0;
    text-align: center;
    /* left: 50%; */
    -ms-transform: translate(-50%, 0);
    /* transform: translate(-50%, 0); */
    text-align: center;
    padding: 10px;
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    flex-wrap: nowrap;
    color: white;
    z-index: 21;
    width: 100%;
    justify-content: center;
}

.css_cldapp_ol_startsplash_overlay_tandcs_links_div {
    margin: 3px 20px 0 20px;
    cursor: pointer;
    /*color: #000000;*/
    
    font-size: 10px;
    display: inline-block;
    text-decoration: underline;
}


.css_cldapp_ol_appdevice_startsplash_overlay_txt_cont_tl {
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    padding: 50px;
    display: flex;
    flex-direction: column;
    color: white;
    z-index: 20;
}

.css_cldapp_ol_appdevice_startsplash_overlay_txt_cont_tc {
    position: absolute;
    top: 0;
    width: 100%;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    text-align: center;
    padding: 50px;
    display: flex;
    flex-direction: column;
    color: white;
    z-index: 20;
}
.css_cldapp_ol_appdevice_startsplash_overlay_txt_cont_tr {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    padding: 50px;
    display: flex;
    flex-direction: column;
    color: white;
    z-index: 20;
}

.css_cldapp_ol_appdevice_startsplash_overlay_txt_cont_cl {
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%;
    text-align: left;
    padding: 50px;
    display: flex;
    flex-direction: column;
    color: white;
    z-index: 20;
}

.css_cldapp_ol_appdevice_startsplash_overlay_txt_cont_cc {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    padding: 50px;
    display: flex;
    flex-direction: column;
    color: white;
    z-index: 20;
}
.css_cldapp_ol_appdevice_startsplash_overlay_txt_cont_cr {
    position: absolute;
    top: 50%;
    right: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%;
    text-align: right;
    padding: 50px;
    display: flex;
    flex-direction: column;
    color: white;
    z-index: 20;
}

.css_cldapp_ol_appdevice_startsplash_overlay_txt_cont_bl {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    padding: 50px;
    display: flex;
    flex-direction: column;
    color: white;
    z-index: 20;
}

.css_cldapp_ol_appdevice_startsplash_overlay_txt_cont_bc {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    text-align: center;
    padding: 50px;
    display: flex;
    flex-direction: column;
    color: white;
    z-index: 20;
}
.css_cldapp_ol_appdevice_startsplash_overlay_txt_cont_br {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    padding: 50px;
    display: flex;
    flex-direction: column;
    color: white;
    z-index: 20;
}


.css_cldapp_ol_appdevice_startsplash_overlay_txt_title {
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
}

.css_cldapp_ol_appdevice_startsplash_overlay_txt_subtitle {
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase;
}

.css_cldapp_ol_appdevice_startsplash_overlay_txt_currentlyclosed {
    font-size: 26px;
    font-weight: 500;
    text-transform: uppercase;
}

.css_cldapp_ol_appdevice_startsplash_overlay_txt_detail {
    font-size: 16px;
    font-weight: 400;
}

.css_cldapp_ol_appdevice_startsplash_overlay_txt_command_left {
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    padding: 10px 30px;
    margin-top: 10px;
    margin-right: auto;
    text-decoration: none;
    text-transform: uppercase;
    color: black;
    background-color: white;
    letter-spacing: 2px;
    transition: 0.2s;
    cursor: pointer;
}
    .css_cldapp_ol_appdevice_startsplash_overlay_txt_command_left:hover {
        letter-spacing: 4px;
        font-weight: 700;
    }

.css_cldapp_ol_appdevice_startsplash_overlay_txt_command_center {
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    padding: 10px 30px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    text-decoration: none;
    text-transform: uppercase;
    color: black;
    background-color: white;
    letter-spacing: 2px;
    transition: 0.2s;
    cursor: pointer;
}
    .css_cldapp_ol_appdevice_startsplash_overlay_txt_command_center:hover {
        letter-spacing: 4px;
        font-weight: 700;
    }

.css_cldapp_ol_appdevice_startsplash_overlay_txt_command_right {
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    padding: 10px 30px;
    margin-top: 10px;
    margin-left: auto;
    text-decoration: none;
    text-transform: uppercase;
    color: black;
    background-color: white;
    letter-spacing: 2px;
    transition: 0.2s;
    cursor: pointer;
}
    .css_cldapp_ol_appdevice_startsplash_overlay_txt_command_right:hover {
        letter-spacing: 4px;
        font-weight: 700;
    }


.css_cldapp_ol_appdevice_startsplash_overlay_txt_command_left_k {
    font-size: 24px;
    font-weight: 400;
    display: inline-block;
    padding: 30px;
    margin-top: 10px;
    margin-right: auto;
    text-decoration: none;
    text-transform: uppercase;
    color: black;
    background-color: white;
    letter-spacing: 2px;
    transition: 0.2s;
    cursor: pointer;
    min-width: 250px;
    min-height: 100px;
    text-align: center;
}

    .css_cldapp_ol_appdevice_startsplash_overlay_txt_command_left_k:hover {
        letter-spacing: 4px;
        font-weight: 700;
    }

.css_cldapp_ol_appdevice_startsplash_overlay_txt_command_center_k {
    font-size: 24px;
    font-weight: 400;
    display: inline-block;
    padding: 30px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    text-decoration: none;
    text-transform: uppercase;
    color: black;
    background-color: white;
    letter-spacing: 2px;
    transition: 0.2s;
    cursor: pointer;
    min-width: 250px;
    min-height: 100px;
    text-align: center;
}

    .css_cldapp_ol_appdevice_startsplash_overlay_txt_command_center_k:hover {
        letter-spacing: 4px;
        font-weight: 700;
    }

.css_cldapp_ol_appdevice_startsplash_overlay_txt_command_right_k {
    font-size: 24px;
    font-weight: 400;
    display: inline-block;
    padding: 30px;
    margin-top: 10px;
    margin-left: auto;
    text-decoration: none;
    text-transform: uppercase;
    color: black;
    background-color: white;
    letter-spacing: 2px;
    transition: 0.2s;
    cursor: pointer;
    min-width: 250px;
    min-height: 100px;
    text-align: center;
}

    .css_cldapp_ol_appdevice_startsplash_overlay_txt_command_right_k:hover {
        letter-spacing: 4px;
        font-weight: 700;
    }

.css_cldapp_ol_appdevice_startsplash_overlay_presel_txt_cont_br {
    position: absolute;
    bottom: 50px;
    right: 0;
    text-align: right;
    padding: 0 50px 50px 50px;
    display: flex;
    flex-direction: column;
    color: white;
    z-index: 20;
}


.css_cldapp_ol_appdevice_startsplash_overlay_presel_txt_cont_tr {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    padding: 50px 50px 0 50px;
    display: flex;
    flex-direction: column;
    color: white;
    z-index: 20;
}
.css_cldapp_ol_appdevice_startsplash_overlay_preselect_txt_store {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

.css_cldapp_ol_appdevice_startsplash_overlay_preselect_txt_menu {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

.css_cldapp_ol_appdevice_startsplash_overlay_preselect_txt_otype {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

.css_cldapp_ol_splash_setup_section_box {
    position: absolute;
    border: 1px solid #D2D2D2;
    margin: 10px;
    padding: 20px;
    text-align: left;
    top: 0;
    right: 0;
    z-index: 30;
    max-height: 50vh;
    overflow-x: hidden;
    background-color: white;
}
.css_cldapp_ol_editsplashoverlay_button_cont{
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 100;
    height: 30px;
    width: 30px;
    border-radius: 15px;
    background-color: white;
    border: 1px solid dodgerblue;
    padding: 5px;
    cursor: pointer;
}

.css_cldapp_ol_splash_setup_section_textcfg {
    position: relative;
    border: 1px solid #D2D2D2;
    margin: 5px 0;
    padding: 5px;
    text-align: left;
}

.css_cldapp_ol_splash_setup_section_title {
    font-size: 18px;
    max-width: 500px;
    text-align: left;
    margin-bottom: 15px;
    color: darkslategray;
}

.css_cldapp_ol_splash_setup_section_desc {
    font-size: 12px;
    max-width: 500px;
    text-align: left;
    color: darkslategray;
}

.css_cldapp_ol_splash_setup_general_text {
    margin-top: 0px;
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: darkgray;
    font-size: 16px;
    font-family: Quicksand;
    background-color: white;
    padding: 5px;
    width: 100%;
}

.css_cldapp_ol_splash_setup_option_panel {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid silver;
    padding: 10px;
    margin: 0 auto 10px auto;
}

.css_cldapp_ol_splash_setup_option_item {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    background-color: white;
    text-align: left;
    margin: 5px;
    padding: 5px;
}

.css_cldapp_ol_splash_setup_option_radio_item {
    position: relative;
    cursor: pointer;
}

.css_cldapp_ol_splash_setup_option_item_text {
    position: relative;
    margin-left: 10px;
    color: darkgreen;
    
    font-size: 12px;
}

.css_cldapp_ol_appdevice_loader {
    font-family: Poppins;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 20000;
}
.css_cldapp_ol_appdevice_loader_inner {
    width: 100%;
    max-width: 300px;
    padding: 30px 20px;
    text-align: center;
    margin: 20px auto;
    border-radius: 6px;
    background-color: white;
    border: 4px solid silver;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 30%;
    left: 50%;
    -ms-transform: translate(-50%, -30%);
    transform: translate(-50%, -30%);
}

    .css_cldapp_ol_deviceloader_image_canvas {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100vw;
        z-index: -1;
    }

.css_cldapp_ol_deviceloader_imagecont {
    position: absolute;
    top: 0;
    left: 0;
}

.css_cldapp_ol_deviceloader_image {
    text-align: center;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
}
.css_cldapp_ol_orderprocess_loader {
    min-width: 250px;
    margin: 30px auto;
    padding: 50px 20px 30px 20px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.07);
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    z-index: 200;
}

.css_cldapp_ol_orderprocess_loader_title {
    width: 100%;
    padding: 10px;
}

.css_cldapp_ol_orderprocess_loader_subtitle {
    width: 100%;
    padding: 10px;
}

.css_cldapp_ol_naddrprocess_loader_title {
    width: 100%;
    padding: 10px;
}

.css_cldapp_ol_naddrprocess_loader_subtitle {
    width: 100%;
    padding: 10px;
}




.css_cldapp_ol_orderprocess_result {
    position: fixed;
    width: 300px;
    height: 400px;
    top: 100px;
    left: calc(50vw - 150px);
    padding: 50px 20px 30px 20px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.07);
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    z-index: 200;
}

.css_cldapp_ol_orderprocess_result_title {
    width: 100%;
    padding: 10px;
}

.css_cldapp_ol_orderprocess_result_subtitle {
    width: 100%;
    padding: 10px;
}


.css_cldapp_ol_orderprocess_result_retry_butt {
    text-align: center;
    padding-top: 10px;
    margin: 5px auto;
    height: 40px;
    width: 220px;
    border-radius: 8px;
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    color: #FFFFFF;
    
    font-size: 16px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    Cursor: pointer;
}

.css_cldapp_ol_orderprocess_result_back_butt {
    text-align: center;
    padding-top: 10px;
    margin: 5px auto;
    height: 40px;
    width: 220px;
    border-radius: 8px;
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    color: #FFFFFF;
    
    font-size: 16px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    Cursor: pointer;
}

.css_cldapp_ol_orderprocess_result_precheck_butt {
    text-align: center;
    padding-top: 10px;
    height: 40px;
    width: 220px;
    margin: 10px auto;
    border-radius: 8px;
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    color: #FFFFFF;
    
    font-size: 16px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    Cursor: pointer;
}

.css_cldapp_ol_orderprocess_result_confirmloc_butt {
    text-align: center;
    padding-top: 10px;
    height: 40px;
    width: 220px;
    margin: 10px auto;
    border-radius: 8px;
    /*background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);*/
    background-color: darkorange;
    color: #FFFFFF;
    font-size: 16px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    Cursor: pointer;
}

.cldapp_prodmgr_cataloguehome {
    text-align: center;
    overflow-x: hidden;
    height: 100%;
    width: 100%;
    border-radius: 0px 0px 3px 3px;
    -ms-overflow-style: none; 
    scrollbar-width: none;
}

    .cldapp_prodmgr_cataloguehome::-webkit-scrollbar {
        display: none;
    }

.css_catalogue_shopping {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
    .css_catalogue_shopping::-webkit-scrollbar {
        display: none;
    }

.css_catalogue_panel {
    position: relative;
    width: 100vw;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
    .css_catalogue_panel::-webkit-scrollbar {
        display: none;
    }

.captivaappbuild_cataloguehome {
    /* position: relative; */
    text-align: center;
    width: 100%;
    padding: 10px 10px 100px 10px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.captivaappbuild_cataloguehome::-webkit-scrollbar {
        display: none;
    }

.captivaappbuild_cataloguehome_for_accessibility {
    /* position: relative; */
    text-align: center;
    width: 100%;
    padding: 10px 10px 100px 10px;
    margin-top: 30vh;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .captivaappbuild_cataloguehome_for_accessibility::-webkit-scrollbar {
        display: none;
    }


.captivaappbuild_cataloguehome_inner {
    /* position: relative; */
    scroll-behavior: smooth;
    text-align: center;
    overflow-x: hidden;
    height: calc(100vh - 150px);
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
    .captivaappbuild_cataloguehome_inner::-webkit-scrollbar {
        display: none;
    }



.captivaappbuild_cathomepanelv2 {
    position: relative;
    display: inline-block;
    height: 100%;
    min-height: 65px;
    width: 165px;
    border-radius: 2px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 20px;
    cursor: pointer;
}


.captivaappbuild_cathomepanelimagev2 {
    max-width: 165px;
    width: 100%;
    height: 100px;
    background-color: #FFFFFF;
    border-radius: 2px 2px 0px 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    object-fit: cover;
}
.captivaappbuild_cathomepanelitem_textdivv2 {
    height: 65px;
    width: 100%;
    color: #000000;
    
    font-size: 14px;
    text-align: left;
    padding: 10px;
}

.captivaappbuild_cathomepanelitem_textlblv2 {
    color: darkslategray;
    
    font-size: 16px;
    font-weight: 600;
    /*margin: 10px auto 0 auto;*/
    text-align: left;
    /*padding-left: 10px;*/
    cursor: pointer;
}

.css_appcatalogue_addpanel_homev2 {
    position: relative;
    display: inline-block;
    height: 100%;
    min-height: 65px;
    width: 165px;
    border-radius: 6px;
 
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 20px;
    cursor: pointer;
    border: 2px dashed dodgerblue;
    background-color: #D2D2D2;
    padding-top: 10px;
}

.captivaappbuild_cathomepanel_canvas {
    position: relative;
    /*text-align: center;*/
    /*display: flex;
    flex-wrap: wrap;*/
    /*overflow-x: hidden;*/
    /*height: 100%;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 5px;
    margin-top: 20px;
    margin-bottom: 50px;
    /*padding-bottom: 100px;*/
    /*margin-top: 0;
    margin-left: 0;*/
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .captivaappbuild_cathomepanel_canvas::-webkit-scrollbar {
        display: none;
    }

.captivaappbuild_catalogue_cont {
    /* position: relative; */
    text-align: left;
    display: flex;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.captivaappbuild_catalogue_cont::-webkit-scrollbar {
        display: none;
    }

.captivaappbuild_catalogue_cont_for_accessibility {
    /* position: relative; */
    text-align: left;
    margin-top: 30vh;
    display: flex;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .captivaappbuild_catalogue_cont_for_accessibility::-webkit-scrollbar {
        display: none;
    }

.css_oa_cat_scrollbut_upicon {
    position: absolute;
    cursor: pointer;
    top: 8px;
    left: 7px;
}


.css_oa_cat_scrollbut_dnicon {
    position: absolute;
    cursor: pointer;
    top: 8px;
    left: 7px;
}


.css_oa_srollup_catalogueitems {
    position: absolute;
    right: 3px;
    /*top: 20px;*/
    top: calc(50% - 80px);
    width: 54px;
    height: 54px;
    font-size: 24px;
    /*line-height: 53px;*/
    color: #ffffff;
    background-color: #ff6f80;
    /*border: 2px solid white;*/
    border-radius: 50%;
    /*overflow: hidden;*/
    text-align: center;
    /*text-decoration: none;*/
    border: 2px solid white;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
    transition: .45s all ease-in-out;
    z-index: 100;
    cursor: pointer;
}
    .css_oa_srollup_catalogueitems:hover {
        background-color: #ff8997;
        box-shadow: 0 5px 5px 1px rgba(0, 0, 0, 0.3);
    }



.css_oa_srolldn_catalogueitems {
    position: absolute;
    right: 3px;
    /*bottom: 120px;*/
    bottom: calc(50% - 80px);
    width: 54px;
    height: 54px;
    font-size: 24px;
    /*line-height: 53px;*/
    color: #ffffff;
    border: 2px solid white;
    background-color: #ff6f80;
    border-radius: 50%;
    /*overflow: hidden;*/
    text-align: center;
    /*text-decoration: none;*/
    border: 2px solid white;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
    transition: .45s all ease-in-out;
    z-index: 100;
    cursor: pointer;
}
    .css_oa_srolldn_catalogueitems:hover {
        background-color: #ff8997;
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5);
    }

.captivaappbuild_catalogueitems {
    position: relative;
    scroll-behavior: smooth;
    height: calc(100vh - 150px);
    width: 100%;
    margin: auto;
    /*overflow-y: scroll;*/
    overflow-x: hidden;
    /* display: flex; */
    /*-ms-overflow-style: none; scrollbar-width: none;*/
    /* flex-direction: column; */
    /* flex-wrap: nowrap;*/
    -ms-overflow-style: none;
    scrollbar-width: none;
}
    .captivaappbuild_catalogueitems::-webkit-scrollbar {
        display: none;
    }


.captivaappbuild_catsidemenu {
    width: 140px;
    padding: 10px;
    height: 100%;
    /* overflow-y: scroll; */
    overflow-x: hidden;
    /*border-right: 2px solid rgba(0, 0, 0, 0.5);*/
    height: calc(100vh - 150px);
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .captivaappbuild_catsidemenu::-webkit-scrollbar {
        display: none;
    }

.captivaappbuild_catsidemenu_for_accessibility {
    width: 140px;
    padding: 10px;
    height: 100%;
    /* overflow-y: scroll; */
    overflow-x: hidden;
    /*border-right: 2px solid rgba(0, 0, 0, 0.5);*/
    height: calc(70vh - 150px);
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .captivaappbuild_catsidemenu_for_accessibility::-webkit-scrollbar {
        display: none;
    }

.css_topmenu_placeholder_off{
    position: relative;
    height: 0;
    width: 100vw;
}

.css_topmenu_placeholder_generic {
    position: relative;
    width: 100vw;
}

.css_cldapp_ol_cattopmenubar {
    position: relative;
    /*top: 45px;*/
    left: 0;
    width: 100vw;
    height: 45px;
    text-align: center;
    background-color: white;
    z-index: 10;
}

.css_cldapp_ol_cattopmenubar_inner {
    position: relative;
    width: 100vw;
    height: 45px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    border-bottom: 2px solid rgba(0, 0, 0, 0.5);
}
.captivaappbuild_cattopmenu {
    height: 45px;
    max-height: 45px;
    text-align: center;
    overflow-y: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    display: flex;
    max-width: calc(100vw - 80px);
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    /*border-bottom: 2px solid rgba(0, 0, 0, 0.5);*/
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .captivaappbuild_cattopmenu::-webkit-scrollbar {
        display: none;
    }



.OUTcss_cattabitem_div {
    
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    width: auto;
    height: 45px;
    /* border-radius: 5px 5px 0px 0px; */
    /* border-top: 1px solid #D2D2D2; */
    border-left: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;
    color: white;
    /* background-color: white; */
    Cursor: pointer;
    /* margin-right: 5px; */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

    .OUTcss_cattabitem_div:hover {
        color: white;
        background-color: black;
    }


.css_cattabitem_div {
    position: relative;
    /*font-weight: 400;*/
    font-size: 14px;
    display: inline-block;
    width: auto;
    height: 45px;
    /* border-radius: 5px 5px 0px 0px; */
    /* border-top: 1px solid #D2D2D2; */
    /*border-left: 1px solid #D2D2D2;*/
    /*border-right: 1px solid #D2D2D2;*/
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    /*border-bottom-width: 0;*/
    /*color: white;*/
    /* background-color: white; */
    Cursor: pointer;
    /* margin-right: 5px; */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

    .css_cattabitem_div:hover {
        font-weight: 600;
    }

.css_cattabitem_div_hot {
    position: relative;
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    width: auto;
    height: 45px;
    /* border-radius: 5px 5px 0px 0px; */
    /* border-top: 1px solid #D2D2D2; */
    /*border-left: 1px solid #D2D2D2;*/
    /*border-right: 1px solid #D2D2D2;*/
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-width: 8px;
    border-bottom-style: solid;
    /*color: #fff;*/
    /*font-weight: bold;*/
    /* background-color: #00af00; */
    Cursor: pointer;
    /* margin-right: 5px; */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}


.css_catsidetabitem_div_hidden {
   display: none;
}

.css_catsidetabitem_div_indic {
    position: relative;
    height: 150px;
    width: 120px;
    text-align: center;
    cursor: pointer;
    border: 1px dashed darkred;
}

.css_catsidetabitem_div {
    position: relative;
    height: 150px;
    width: 120px;
    text-align: center;
    cursor: pointer;
} 

 
.captivaappbuild_cattopmenu_m {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    /* width: 100%; */
    height: 45px;
    max-height: 45px;
    overflow-y: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    padding-left: 15px;
    padding-right: 15px;
    /* border-bottom: 2px solid rgba(0, 0, 0, 0.5); */
    -ms-overflow-style: none; 
    scrollbar-width: none;
}

    .captivaappbuild_cattopmenu_m::-webkit-scrollbar {
        display: none;
    }


.captivaappbuild_cattopmenu_l {
    position: relative;
    width: 40px;
    /*background-color: #FFFFFF;*/
    cursor: pointer;
}

.captivaappbuild_cattopmenu_licon {
    position: absolute;
    cursor: pointer;
    top: 10px;
    left: 0;
    /*border-right: 1px solid #D2D2D2;*/
}

.captivaappbuild_cattopmenu_r {
    position: relative;
    width: 40px;
    /*background-color: #FFFFFF;*/
    cursor: pointer;
}
.captivaappbuild_cattopmenu_ricon {
    position: absolute;
    cursor: pointer;
    top: 10px;
    left: 0;
    /*border-right: 1px solid #D2D2D2;*/
}

.css_basket_rsidepanel_storename_lbl {
    font-weight: 600;
    font-size: 14px;
    color: dodgerblue;
    text-transform: uppercase;
}

.css_basket_rsidepanel_prodcnt_lbl{
    
    font-weight: 600;
    font-size: 14px;
    color: dodgerblue;
}
.captivaappbuild_basket_rsidepanel {
    /*height: 200px;*/
    position: sticky;
    top: 50px;
    /*left: 1000px;*/ 
    width: 225px;
    margin-left: auto;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: auto;
    padding: 10px;
    text-align: left;
    /*border-radius: 4px;*/
    background-color: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}

.captivaappbuild_basket_rsidepanel_for_accessibility {
    position: relative;
    display: none;
}
.captivaappbuild_bskt_sdmenu_st {
    margin-top: 5px;
    margin-right: 10px;
    color: #000000;
    
    font-size: 13px;
}

.captivaappbuild_bskt_sdmenu_disc {
    margin-top: 5px;
    margin-right: 10px;
    color: #4A4A4A;
    
    font-size: 13px;
}

.captivaappbuild_bskt_sdmenu_tot {
    margin-top: 5px;
    margin-right: 10px;
    color: #000000;
    
    font-size: 16px;
    font-weight: bold;
}

.captivaappbuild_bskt_sdmenu_chkout_butt {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 10px auto;
    /*height: 40px;*/
    width: 200px;
    border-radius: 8px;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    background-color: steelblue;
    color: #FFFFFF;
    font-size: 16px;
    cursor: pointer;
}
    .captivaappbuild_bskt_sdmenu_chkout_butt:hover {
        font-weight: 600;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    }

.css_cldapp_ol_disccode_entry_panel {
    background-color: white;
    padding: 10px 20px 30px 20px;
    margin: 10px auto;
    border: 1px solid slategrey;
}

.css_cldapp_ol_discdebug_entry_cont {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.css_cldapp_ol_discdebug_entry_labeltext {
    color: #161616;
    font-size: 10px;
    margin: 10px 0;
}
.css_cldapp_ol_discdebug_entry_text {
    margin: 0 auto 10px auto;
    box-sizing: border-box;
    border-radius: 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: darkgray;
    font-size: 16px;
    font-family: Poppins;
    font-weight: 600;
    background-color: white;
    padding: 6px 0px 6px 0px;
    width: 80%;
}

.css_cldapp_ol_disccode_entry_cont {
    display: flex;
    flex-direction: row;
    /*flex-wrap: nowrap;*/
    justify-content: center;
}

.css_cldapp_ol_disccode_entry_text_old {
    margin-right: 10px;
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: darkgray;
    font-size: 14px;
    font-weight: 600;
    background-color: white;
    padding: 6px 20px 6px 20px;
    /* width: 100%;*/
}
.css_cldapp_ol_disccode_entry_text {
    margin: 0 auto 10px auto;
    box-sizing: border-box;
    border-radius: 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: darkgray;
    font-size: 16px;
    font-family: Poppins;
    font-weight: 600;
    background-color: white;
    padding: 6px 0px 6px 0px;
    width: 80%;
}
    .css_cldapp_ol_disccode_entry_title {
        font-size: 16px;
        max-width: 500px;
        text-align: center;
        margin-bottom: 5px;
    }

.css_cldapp_ol_disccode_resultnext_butt {
    text-align: center;
    padding: 8px 20px 10px 20px;
    /*height: 40px;*/
    margin: 20px auto;
    max-width: 200px;
    border-radius: 8px;
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    Cursor: pointer;
}
    .css_cldapp_ol_disccode_resultnext_butt:hover {
        font-weight: 700;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.6);
    }
    .css_cldapp_ol_disccode_verify_butt {
        text-align: center;
        padding: 10px;
        border-radius: 4px;
        background-color: firebrick;
        color: #FFFFFF;
        font-size: 16px;
        font-weight: 400;
        border: 2px solid white;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
        Cursor: pointer;
    }
        .css_cldapp_ol_disccode_verify_butt:hover {
            font-weight: 600;
            background-color: crimson;
            box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.6);
        }

    .css_cldapp_ol_shopping_catalogue_canvas {
        width: 100%;
        margin: 0;
        /*background: #FFFFFF;*/
        display: flex;
        flex-direction: row;
        max-width: 1200px;
    }



.captivaappbuild_screendevicepanel {
    height: 100%;
    position: fixed;
    top: 100px;
    width: 100%;
    max-width: 1200px;
    overflow-x: scroll;
}


.captivaappbuild_cathomepanel {
    position: relative;
    display: inline-block;
    height: 165px;
    width: 165px;
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 10px;
    cursor: pointer;
}



.captivaappbuild_catalogue_std {
    width: 100%;
    /*overflow-y: hidden;
    overflow-x: hidden;*/
    text-align: left;
}



.captivaappbuild_catpanel_canvas {
    position: relative;
    /*text-align: center;*/
    display: flex;
    flex-wrap: wrap;
    /*overflow-x: hidden;*/
    height: 100%;
    padding-bottom: 100px;
    justify-content: center;
    /*-ms-overflow-style: none;
    scrollbar-width: none;*/
    /*margin-top: 0;
    margin-left: 0;*/
}
    /*.captivaappbuild_catpanel_canvas::-webkit-scrollbar {
        display: none;
    }*/



.cldapp_prodmgr_prodviewtopmenu {
    text-align: left;
    /*width: 100%;*/
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    flex-direction: row;
    /*overflow-x: hidden;*/
    height: 70px;
    margin-top: 5px;
    margin-left: 5px;
    /*min-width: 230px;*/
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, 0.5);
}

.cldapp_prodmgr_prodview_topmenubutton {
    position: relative;
    text-align: center;
    /*width: 100%;*/
    /*padding-left: 10px;
    padding-right: 10px;*/
    padding: 5px;
    /*padding-bottom: 5px;*/
    display: flex;
    flex-direction: column;
    background-color: dodgerblue;
    color: white;
    /*overflow-x: hidden;*/
    height: 55px;
    /*width: 80px;*/
    margin-top: 0;
    /*margin-left: 10px;*/
    margin-right: 10px;
    margin-bottom: 0;
    /*min-width: 230px;*/
    border-radius: 5px;
    border: 1px solid gray;
    cursor: pointer;
}

.cldapp_prodmgr_prodview_menubuttontext {
    border: none;
    font-size: 14px;
    
    color: white;
    /*margin-left: 10px;
    margin-top: 5px;*/
    text-align: center;
}

.cldapp_prodmgr_prodview_search_text {
    margin-top: 8px;
    margin-right: 5px;
    margin-left: 0;
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: gray;
    font-size: 16px;
    
    background-color: white;
    padding: 6px 10px 6px 10px;
    min-width: 120px;
    height: 32px;
    resize: none;
}

.cldapp_prodmgr_cataloguetopmenu {
    text-align: left;
    /*width: 100%;*/
    /*padding-left: 10px;*/
    /*padding-right: 10px;*/
    padding-top: 8px;
    padding-bottom: 5px;
    display: flex;
    flex-direction: row;
    /*overflow-x: hidden;*/
    height: 55px;
    margin-top: 40px;
    margin-left: 5px;
    /*min-width: 230px;*/
    border-radius: 0px;
    border: 1px solid rgba(0, 0, 0, 0.5);
}

.cldapp_prodmgr_cataloguetopmenubutton {
    text-align: left;
    /*width: 100%;*/
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    flex-direction: row;
    background-color: gray;
    color: white;
    /*overflow-x: hidden;*/
    height: 40px;
    margin-top: 0;
    margin-left: 10px;
    /*margin-right: 10px;*/
    margin-bottom: 0;
    /*min-width: 230px;*/
    border-radius: 0px 0px 3px 1px;
    border: 1px solid lightgray;
    cursor: pointer;
}

.cldapp_prodmgr_cataloguetopmenubuttontext {
    border: none;
    font-size: 16px;
    
    color: white;
    /*margin-left: 10px;*/
    margin-top: 3px;
}

.cldapp_prodmgr_catalogueitems {
    /*text-align: center;*/
    display: inline-block;
    /*overflow-x: hidden;*/
    height: 100%;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    min-width: 230px;
    max-height: 400px;
    border-radius: 0px 0px 3px 3px;
}

.cldapp_prodmgr_deptitems {
    /*text-align: center;*/
    display: inline-block;
    /*overflow-x: hidden;*/
    max-height: 400px;
    margin-top: 0;
    margin-left: 0;
    min-width: 230px;
    /*border-radius: 0px 0px 3px 3px;*/
}





.css_app_cls_editelementlinksicn {
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    width: 100%;
    text-align: right;
    /* margin: 10px; */
    z-index: 2;
    padding: 10px;
}



.cldapp_elementlinksmgr_cataloguehome {
    text-align: center;
    /*overflow-x: hidden;*/
    height: 100%;
    width: 100%;
    border-radius: 0px 0px 3px 3px;
    -ms-overflow-style: none; scrollbar-width: none;
}


.cldapp_elementlinksmgr_addelement_window {
    text-align: left;
    /*overflow-x: hidden;*/
    height: 100%;
    width: 100%;
    min-height: 300px;
    padding-top: 80px;
}

.css_app_elelinksmgr_item_title_text {
    margin: 0 10px 10px 10px;
    box-sizing: border-box;
    border-radius: 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: darkgray;
    color: #000000;
    
    font-size: 18px;
    background-color: white;
    padding: 6px 0px 6px 0px;
    width: 100%;
}

.css_app_elelinksmgr_item_selprod_title_lbl {
    font-size: 14px;
    max-width: 500px;
    text-align: left;
    margin-left: 10px;
}
.css_app_elelinksmgr_item_title_lbl {
    font-size: 12px;
    font-weight: 500;
    max-width: 500px;
    text-align: left;
    margin-left: 10px;
    margin-top: 10px;
}
.css_app_elelinksmgr_item_title_desc_lbl {
    font-size: 10px;
    max-width: 500px;
    text-align: left;
    margin-bottom: 15px;
}
.css_app_elelinksmgr_addline_item_title_lbl {
    font-size: 14px;
    max-width: 500px;
    text-align: left;
    margin-left: 10px;
}

.css_app_elelinksmgr_item_add_button {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border-radius: 3px;
    background-color: darkcyan;
    text-align: center;
    margin: 5px 10px;
    padding: 10px;
    max-width: 150px;
    cursor: pointer;
}
.css_app_elelinksmgr_item_addback_button {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border-radius: 3px;
    background-color: darkred;
    text-align: center;
    margin: 5px 10px;
    padding: 10px;
    max-width: 150px;
    cursor: pointer;
}

.css_app_elelinksmgr_item_add_button_lbl {
    
    font-weight: 500;
    font-size: 14px;
    margin: 3px;
    color: white;
}




.cldapp_elementlinksmgr_cataloguetopmenu {
    text-align: left;
    /*width: 100%;*/
    /*padding-left: 10px;*/
    /*padding-right: 10px;*/
    padding-top: 8px;
    padding-bottom: 5px;
    display: flex;
    flex-direction: row;
    /*overflow-x: hidden;*/
    height: 55px;
    margin-top: 40px;
    margin-left: 5px;
    /*min-width: 230px;*/
    border-radius: 0px;
    border: 1px solid rgba(0, 0, 0, 0.5);
}

.cldapp_elementlinksmgr_cataloguetopmenubutton {
    text-align: left;
    /*width: 100%;*/
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    flex-direction: row;
    background-color: gray;
    color: white;
    /*overflow-x: hidden;*/
    height: 40px;
    margin-top: 0;
    margin-left: 10px;
    /*margin-right: 10px;*/
    margin-bottom: 0;
    /*min-width: 230px;*/
    border-radius: 0px 0px 3px 1px;
    border: 1px solid lightgray;
    cursor: pointer;
}

.cldapp_elementlinksmgr_cataloguetopmenubuttontext {
    border: none;
    font-size: 16px;
    
    color: white;
    /*margin-left: 10px;*/
    margin-top: 3px;
}



.cldapp_elementlinksmgr_prodviewtopmenu {
    text-align: left;
    /*width: 100%;*/
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    flex-direction: row;
    /*overflow-x: hidden;*/
    height: 70px;
    margin-top: 10px;
    margin-left: 5px;
    /*min-width: 230px;*/
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, 0.5);
}

.cldapp_elementlinksmgr_prodview_topmenubutton {
    position: relative;
    text-align: center;
    /*width: 100%;*/
    /*padding-left: 10px;
    padding-right: 10px;*/
    padding: 5px;
    /*padding-bottom: 5px;*/
    display: flex;
    flex-direction: column;
    background-color: dodgerblue;
    color: white;
    /*overflow-x: hidden;*/
    height: 55px;
    /*width: 80px;*/
    margin-top: 0;
    /*margin-left: 10px;*/
    margin-right: 10px;
    margin-bottom: 0;
    /*min-width: 230px;*/
    border-radius: 5px;
    border: 1px solid gray;
    cursor: pointer;
}

.cldapp_elementlinksmgr_prodview_menubuttontext {
    border: none;
    font-size: 14px;
    
    color: white;
    /*margin-left: 10px;
    margin-top: 5px;*/
    text-align: center;
}

.cldapp_elementlinksmgr_prodview_search_text {
    margin-top: 8px;
    margin-right: 5px;
    margin-left: 0;
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: gray;
    font-size: 16px;
    
    background-color: white;
    padding: 6px 10px 6px 10px;
    min-width: 120px;
    height: 32px;
    resize: none;
}

.cldapp_elementlinksmgr_catalogueitems {
    /*text-align: center;*/
    display: inline-block;
    overflow-x: hidden;
    height: 100%;
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
    min-width: 230px;
    max-height: 400px;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    -ms-overflow-style: none;
    scrollbar-width: none;
    /*border-radius: 0px 0px 3px 3px;*/
}
    .cldapp_elementlinksmgr_catalogueitems::-webkit-scrollbar {
        display: none;
    }


.cldapp_elementlinksmgr_deptitems {
    /*text-align: center;*/
    display: inline-block;
    overflow-x: hidden;
    max-height: 400px;
    margin-top: 0;
    margin-left: 0;
    min-width: 230px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    /*border-radius: 0px 0px 3px 3px;*/
}
    .cldapp_elementlinksmgr_deptitems::-webkit-scrollbar {
        display: none;
    }





.cldapp_prodmgr_homepanel_canvas {
    display: flex;
    flex-wrap: wrap;
    /*overflow-y: scroll;
    overflow-x: hidden;*/
    height: 100%;
    /*width: 100%;*/
    min-width: 230px;
    /*border-radius: 0;*/
    margin-left: auto;
    margin-right: auto;
}

.cldapp_prodmgr_deptspanel_canvas {
    display: flex;
    flex-wrap: wrap;
    /*overflow-y: scroll;
    overflow-x: hidden;*/
    height: 100%;
    /*width: 100%;*/
    min-width: 230px;
    border-radius: 0px 0px 3px 3px;
    margin-left: auto;
    margin-right: auto;
}

.cldapp_elelinksmgr_deptspanel_canvas {
    display: flex;
    flex-wrap: wrap;
    /*overflow-y: scroll;*/
    /*overflow-x: hidden;*/
    height: 100%;
    /*width: 100%;*/
    min-width: 230px;
    border-radius: 0px 0px 3px 3px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
}

.cldapp_prodmgr_deptspanel_buttontext {
    position: relative;
    /*left: 25px;
    top: 10px;*/
    cursor: pointer;
    /*max-width: 280px;*/
    /*color: dodgerblue;*/
    
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.cldapp_prodmgr_deptspanel_button {
    text-align: center;
    /*width: 100%;*/
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    /*display: flex;
    flex-direction: row;*/
    /*background-color: dodgerblue;*/
    color: dodgerblue;
    background-color: white;
    /*overflow-x: hidden;*/
    height: 40px;
    margin-top: 0;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0;
    /*min-width: 230px;*/
    /*border-radius: 0px 0px 3px 1px;
    border: 1px solid #F8644E;*/
    cursor: pointer;
}

    .cldapp_prodmgr_deptspanel_button:hover {
        color: #FFFFFF;
        background-color: dodgerblue;
    }

.cldapp_prodmgr_deptpanel {
    position: relative;
    display: inline-block;
    /*height: 220px;*/
    width: 100%;
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 10px;
    padding: 5px;
    cursor: pointer;
    text-align: center;
}

.cldapp_prodmgr_panel {
    position: relative;
    display: inline-block;
    height: 170px;
    width: 100%;
    /*border-radius: 6px;*/
    border: 1px solid gray;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 15px;
    padding: 5px;
    cursor: pointer;
    text-align: left;
}

.cldapp_prodmgr_name_textdiv {
    position: absolute;
    left: 25px;
    top: 10px;
    cursor: pointer;
    max-width: 280px;
    color: #000000;
    
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

.cldapp_prodmgr_dept_textlbl {
    position: absolute;
    left: 10px;
    top: 40px;
    cursor: pointer;
    color: dodgerblue;
    
    font-size: 12px;
    margin: auto;
    text-align: left;
}

.cldapp_prodmgr_vat_textlbl {
    position: absolute;
    left: 10px;
    top: 60px;
    cursor: pointer;
    color: dodgerblue;
    
    font-size: 12px;
    margin: auto;
    text-align: left;
}

.cldapp_prodmgr_stn_textlbl {
    position: absolute;
    left: 10px;
    top: 80px;
    cursor: pointer;
    color: dodgerblue;
    
    font-size: 12px;
    margin: auto;
    text-align: left;
}

.cldapp_prodmgr_func_textlbl {
    position: absolute;
    left: 10px;
    top: 100px;
    cursor: pointer;
    color: dodgerblue;
    
    font-size: 12px;
    margin: auto;
    text-align: left;
}

.cldapp_prodmgr_sysnum_textlbl {
    position: absolute;
    left: 10px;
    top: 120px;
    cursor: pointer;
    color: #D2D2D2;
    
    font-size: 12px;
    margin: auto;
    text-align: left;
}

.cldapp_prodmgr_price_textlbl {
    position: absolute;
    right: 10px;
    bottom: 5px;
    color: black;
    cursor: pointer;
    
    font-size: 14px;
    font-weight: bold;
    margin: auto;
    text-align: right;
}

.cldapp_prodmgr_greenitemdot {
    position: absolute;
    left: 10px;
    top: 15px;
    height: 10px;
    width: 10px;
    cursor: pointer;
    border-radius: 5px;
    background-color: #0ab100;
}

.cldapp_prodmgr_reditemdot {
    position: absolute;
    left: 10px;
    top: 10px;
    height: 10px;
    width: 10px;
    cursor: pointer;
    border-radius: 5px;
    background-color: #fb2000;
}

.cldapp_prodmgr_service_icon {
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    /*max-width: 25px;*/
}

.cldapp_prodmgr_service_iconpanel {
    position: absolute;
    bottom: 5px;
    left: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}




.css_cldapps_order_review_container {
    position: relative;
    text-align: center;
    margin: 20px auto 40px auto;
    /*padding: 10px;*/
    background-color: darkgray;
    color: dodgerblue;
    border-width: 2px;
    border-style: solid;
    /*border-color:#1e90ff ;*/
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    /*display: flex;
    flex-direction: row;
    flex-wrap: nowrap;*/
    display: inline-flex;
    cursor: pointer;
    width: 300px;
    height: 100px;
}

.css_cldapps_order_review_cont_inner {
    width: 100%;
    height: 100%;
    max-width: 600px;
    margin: 0 auto 0 auto;
    text-align: center;
    overflow-x: hidden;
    -ms-overflow-style: none; scrollbar-width: none;
}

    .css_cldapps_order_review_cont_inner::-webkit-scrollbar {
        display: none;
    }

.css_cldapps_order_review_rating_bar {
    margin: 25px auto auto auto;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.css_cldapps_order_review_rating_icon {
    position: relative;
    /*margin-left: 5px;*/
    margin-right: 5px;
    /*max-width: 25px;*/
}


.css_cldapps_order_review_rating_title {
    
    font-size: 24px;
    font-weight: bold;
    /*color: dodgerblue;*/
}


.css_cldapps_order_track_map_canvas {
    width: 100%;
    max-width: 500px;
    height: 100%;
    max-height: 500px;
    text-align: center;
}

.css_cldapps_order_review_feedback_text {
    position: relative;
    /*left: 10px;
    top: 25px;*/
    font-size: 20px;
    
    color: black;
    background-color: white;
    padding: 6px 10px 6px 10px;
    min-width: 400px;
    text-align: left;
    margin: 20px;
    /*min-height: 60px;*/
    height: 140px;
    /*max-width: 800px;*/
    border-width: 1px;
    border-style: solid;
    border-color: #D2D2D2;
    border-radius: 6px;
}

.css_cldapp_ol_ordtrk_review_send_but {
    position: relative;
    border-radius: 6px;
    border: solid 2px darkgray;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: dodgerblue;
    color: #FFFFFF;
    
    font-size: 20px;
    width: 120px;
    height: 45px;
    padding-top: 5px;
    margin: 10px auto 10px auto;
    cursor: pointer;
    /*padding-top: 10px;*/
    text-align: center;
}

    .css_cldapp_ol_ordtrk_review_send_but:hover {
        background-color: darkgreen;
    }



.css_cldapps_order_review_orderstatus_cont {
    width: 100%;
    max-width: 400px;
    text-align: center;
    margin: 20px auto 20px auto;
}


.css_cldapp_ol_pagemodal_setup_cont {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    max-width: 500px;
    display: flex;
    flex-direction: column;
    text-align: center;
    border: 2px solid rgba(0, 0, 0, 0.5);
    background-color: white;
    padding: 20px;
    z-index: 5000;
    overflow-x: hidden;
    -ms-overflow-style: none; 
    scrollbar-width: none;
}

    .css_cldapp_ol_pagemodal_setup_cont::-webkit-scrollbar {
        display: none;
    }

.css_cldapp_ol_setup_section_boxmini {
    position: relative;
    border: 1px solid #D2D2D2;
    margin: 10px;
    padding: 20px;
    text-align: left;
}

.css_cldapp_ol_pagemodal_setup_section_box {
    position: relative;
    border: 1px solid #D2D2D2;
    margin: 10px;
    padding: 20px;
    text-align: left;
}

.css_cldapp_ol_pagemodal_setup_section_box_minimised {
    position: relative;
    border: 1px solid #D2D2D2;
    margin: 10px;
    padding: 5px 10px;
    text-align: left;
    height: 50px;
    overflow: hidden;
}
.css_cldapp_ol_pagemodal_setup_sub_section_cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0 auto 10px auto;
    padding: 0 5px;
    background-color: darkolivegreen;
    text-align: left;
    max-width: 500px;
}
.css_cldapp_ol_pagemodal_setup_sub_section_title {
    font-size: 18px;
    font-weight: 500;
    color: white;
}
.css_cldapp_ol_pagemodal_setup_sub_section_subtitle {
    font-size: 14px;
    font-weight: 400;
    color: white;
}

.css_cldapp_ol_pagemodal_setup_section_title {
    font-size: 18px;
    max-width: 500px;
    text-align: left;
    margin-bottom: 10px;
    color: white;
    background-color: steelblue;
    margin-left: auto;
    margin-right: auto;
    padding: 0 5px;
}
.css_cldapp_ol_line_and_infoicon_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.css_cldapp_ol_line_and_infoicon_icon_cont {
    margin-left: 5px;
    text-align: left;
    cursor: pointer;
}
.css_cldapp_ol_pagemodal_setup_section_desc {
    font-size: 12px;
    max-width: 500px;
    text-align: left;
    margin-bottom: 15px;
}

.css_cldapp_ol_pagemodal_setup_section_boxmini {
    position: relative;
    border: 1px solid #D2D2D2;
    margin: 10px;
    padding: 10px 20px;
    text-align: left;
}

.css_cldapp_ol_pagemodal_setup_section_titlemini {
    font-size: 18px;
    max-width: 500px;
    color: steelblue;
    text-align: left; 
}

.css_cldapp_ol_pagemodal_setup_section_label_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.css_cldapp_ol_pagemodal_setup_section_label_title {
    font-family: Poppins;
    font-size: 10px;
    padding-top: 5px;
    max-width: 500px;
    font-weight: 500;
}

.css_cldapp_ol_pagemodal_setup_section_label_icon_cont {
    text-align: left;
    cursor: pointer;
}

.css_cldapp_ol_pagemodal_setup_section_textarea_entry {
    /*margin: 10px;*/
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: gray;
    font-size: 16px;
    background-color: white;
    padding: 6px 10px 6px 10px;
    width: 100%;
    min-width: 100px;
    max-width: 250px;
}

.css_cldapp_ol_topmenubar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    /*height: 45px;*/
    text-align: center;
    background-color: white;
    z-index: 100;
}

.css_cldapp_ol_topmenubar_inner {
    position: relative;
    width: 100vw;
    height: 45px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
}

.css_cldapp_ol_topmenu_nav_back {
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 5px;
}

/*.css_cldapp_ol_topmenu_nav_exit {
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 40px;
}*/
    .css_cldapp_ol_topmenu_title {
    text-align: center;
    padding-top: 4px;
    display: flex;
    flex-direction: column;
    /* font-weight: bold; */
}
.css_cldapp_ol_topmenu_lbl_title {
    color: darkslategrey;
    font-size: 16px;
}
.css_cldapp_ol_topmenu_lbl_subtitle {
    color: darkgoldenrod;
    font-size: 10px;
    font-weight: 600;
}
.css_cldapp_ol_topmenu_right_cont {
    position: absolute;
    top: 5px;
    right: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.css_cldapp_ol_topmenu_right_cont_inner {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    text-align: right;
}

.css_cldapp_ol_topmenu_cpos_dot {
    text-align: center;
    height: 20px;
    width: 25px;
    border-radius: 4px;
    border: 2px solid #edd707;
    background-color: #ed0707;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.css_cldapp_ol_topmenu_nav_cpos {
    position: relative;
    height: 30px;
    width: 30px;
    Cursor: pointer;
    margin-top: 10px;
}

.css_cldapp_ol_topmenu_nav_cposbg {
    position: absolute;
    left: 0;
    top: 5px;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.css_cldapp_ol_topmenu_cpos_label {
    text-align: center;
    
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    position: relative;
    width: 100%;
    /*left: 0;
    top: 1px;*/
    z-index: 3;
}

.css_cldapp_ol_topmenu_nav_selprods {
    position: relative;
    /* height: 30px; */
    width: 30px;
    Cursor: pointer;
    margin-top: 3px;
}

.css_cldapp_ol_topmenu_nav_selprodsbg {
    position: absolute;
    left: 0;
    top: 5px;
    z-index: 1;
}
.css_cldapp_ol_topmenu_selprods_dot {
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    padding: 0 4px;
    border-radius: 50%;
    border: 2px solid white;
    background-color: #ed0707;
    box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.2);
    z-index: 2;
}

.css_cldapp_ol_topmenu_selprods_label {
    position: relative;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    width: 100%;
    z-index: 3;
}


.css_oa_conlocmap_streetaddr_confirm_cont {
    position: relative;
    /*margin-top: 10px;*/
}

.css_oa_conlocmap_streetaddr_confirm_text {
    margin: 0;
    box-sizing: border-box;
    border-radius: 0;
    border-width: 0 0 2px 0;
    border-style: solid;
    border-color: green;
    color: steelblue;
    font-size: 14px;
    font-weight: 600;
    background-color: white;
    padding: 6px 4px 6px 4px;
    min-width: 100%;
}
.css_oa_conlocmap_streetaddr_confirm_pretext {
    font-size: 10px;
    text-align: left;
    font-weight: 400;
    color: gray;
}
.css_oa_conlocmap_streetaddr_confirm_subtext {
    font-size: 10px;
    text-align: left;
    font-weight: 500;
    color: darkred;
    background-color: white;
    padding: 2px 0 0 2px;
    border: 1px solid darkred;
    margin-top: 3px;
}
.css_oa_conlocmap_streetaddr_confirm_subtext_ok {
    font-size: 10px;
    text-align: left;
    font-weight: 500;
    color: green;
    background-color: white;
    padding: 2px 0 0 2px;
    border: 1px solid green;
    margin-top: 3px;
}
.css_oa_conlocmap_streetaddr_confirm_text_err {
    margin: 0;
    box-sizing: border-box;
    border-radius: 0;
    border-width: 0 0 2px 0;
    border-style: solid;
    border-color: red;
    color: steelblue;
    font-size: 14px;
    font-weight: 600;
    background-color: white;
    padding: 6px 4px 6px 4px;
    min-width: 100%;
}
.css_oa_conlocmap_selpreferedaddr_cont {
    position: relative;
    /*margin-top: 10px;*/
}

.css_oa_conlocmap_selpreferedaddr_canvas {
    position: relative;
}

.css_oa_ol_confirmprefaddr_item_sel {
    border-radius: 6px;
    border: 2px solid green;
    background-color: white;
    color: darkgreen;
    margin: 10px;
    padding: 10px;
    cursor: pointer;
}

.css_oa_ol_confirmprefaddr_item_unsel {
    border-radius: 6px;
    border: 2px solid silver;
    background-color: white;
    color: silver;
    margin: 10px;
    padding: 10px;
    cursor: pointer;
}
.css_oa_ol_confirmprefaddr_item_addr{
    font-size: 14px;
    font-weight: 400;
}

/*home starts here*/


.css_cldapp_ol_pagemain_canvas {
    text-align: center;
    height: 100vh;
    height: 100dvh;
}


.css_cldapp_ol_pagemain_canvas_inner {
    position: relative;
    width: 100vw;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    -ms-overflow-style: none; 
    scrollbar-width: none;
}

    .css_cldapp_ol_pagemain_canvas_inner::-webkit-scrollbar {
        display: none;
    }

.css_cldapp_ol_pagecontent_container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: calc(100vh - 100px);
    text-align: center;
    max-width: 1200px;
}


.appdevice_screen_content {
    position: relative;
}

.css_cldapp_ol_appoptions_screens_canvas {
    width: 100%;
    height: 100vh;
    height: 100dvh;
    margin: auto;
    /*background-position-x: center;*/
    max-width: 1200px;
    padding: 50px 0 30px 0;
}

.css_oa_brand_main_panel {
    width: 100%;
}

.css_brandaction_panel_container {
    max-width: 800px;
    border-radius: 8px;
    padding: 10px;
    margin: 0;
    position: absolute;
    top: 30%;
    left: 50%;
    -ms-transform: translate(-50%, -30%);
    transform: translate(-50%, -30%);
    width: 100%;
    max-height: 90vh;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .css_brandaction_panel_container::-webkit-scrollbar {
        display: none;
    }

.css_brandaction_panel_container_inner {
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
    max-height: 80vh;
    border-width: 2px;
    border-style: solid;
    padding: 0 10px 20px 10px;
    overflow-x: hidden;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .css_brandaction_panel_container_inner::-webkit-scrollbar {
        display: none;
    }


.css_brandaction_panel_title_cont {
    position: sticky;
    top: -1px;
    width: 100%;
    background-color: white;
    z-index: 10;
    padding: 30px 0 10px 0;
    margin: 0;
}

.css_cldapp_ol_stores_menus {
    width: 100%;
    height: 100%;
    min-height: 250px;
    margin: auto;
    max-width: 1200px;
}


.css_cldapp_pl_app_options_logobox {
    position: relative;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.css_cldapp_pl_app_options_logo {
    /*position: absolute;
    bottom: 0;
    max-height: 90%;*/
    max-width: 100px;
}

.css_cldapp_ol_intcontactus_panel {
    position: relative;
    
    text-align: left;
    padding: 20px;
}

.css_cldapp_ol_intcontactus_applogoimg {
    max-height: 50px;
    position: relative;
    object-fit: contain;
    /*left: 30px;
    top: 10px;*/
}

.css_cldapp_ol_intcontactus_itemtitle {
    position: relative;
    width: 100%;
    padding: 5px;
    text-align: left;
    
    font-size: 20px;
    font-weight: bold;
}
.css_cldapp_ol_intcontactus_item {
    position: relative;
    width: 100%;
    padding: 5px;
    text-align: left;
    
    font-size: 12px;
}

.css_cldapp_ol_intcontactus_sendmsglbl {
    position: relative;
    width: 100%;
    /*padding: 5px;*/
    text-align: left;
    
    font-weight: 400;
    font-size: 14px;
}

.css_oa_contact_social_bar_cont {
    width: 100%;
    background-color: transparent;
    margin: 10px 0 10px 0;
    text-align: center;
}

.css_oa_contact_social_bar {
    background-color: transparent;
    width: 200px;
    margin: auto 0 auto 0;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.css_oa_app_contact_social_image_div {
    margin: 10px;
    text-align: center;
    cursor: pointer;
}

.css_oa_app_contact_social_image {
    max-width: 24px;
    max-height: 24px;
}

.css_cldapp_ol_intcontactus_usrmsg {
    position: relative;
    font-size: 16px;
    color: black;
    background-color: white;
    padding: 6px 10px 6px 10px;
    min-width: 260px;
    max-width: 500px;
    width: 100%;
    text-align: left;
    margin: 10px 20px 20px 0;
    height: 150px;
    border-width: 1px;
    border-style: solid;
    border-color: #D2D2D2;
    overflow: auto;
    resize: none
}

.css_cldapp_ol_intcontactus_usrmsg_sendbutt {
    position: relative;
    border-radius: 6px;
    border: solid 2px darkgray;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: dodgerblue;
    color: #FFFFFF;
    
    font-size: 18px;
    width: 120px;
    height: 40px;
    padding-top: 5px;
    /* margin: 10px 10px 10px 0; */
    cursor: pointer;
    /* padding-top: 10px; */
    text-align: center;
}

    .css_cldapp_ol_intcontactus_usrmsg_sendbutt:hover {
        background-color: darkgreen;
    }

.css_cldapp_ol_intdoc_cont {
    /*padding: 10px;*/
    margin: auto;
    width: 100%;
    height: 100%;
    min-height: 500px;
    /*max-height: 50vh;*/
    background-color: #FFFFFF;
    max-width: 1200px;
}

.css_cldapp_ol_intdoc_panel {
    /*padding: 20px;*/
}

.css_cldapp_ol_intdoc_content_allergen_htmldoc_canvas {
    text-align: center;
    height: 100%;
}

.css_cldapp_ol_intdoc_content_loading {
    text-align: center;
    font-size: 14px;
}

.css_cldapp_ol_intdoc_content_loading_title {
    position: relative;
    width: 100%;
    padding: 5px;
    text-align: center;
    
    font-size: 14px;
    font-weight: 600;
    margin: 10px auto 30px auto;
}
.css_cldapp_ol_intdoc_content_loading_subtitle {
    position: relative;
    width: 100%;
    padding: 5px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    margin: 20px auto;
}
.css_cldapp_ol_intdoc_content {
    text-align: left;
    font-size: 14px;
    color: #555555;
    height: 600px;
    /*overflow-x: hidden;*/
    -ms-overflow-style: none; 
    scrollbar-width: none;
}

css_cldapp_ol_intdoc_content::-webkit-scrollbar {
    display: none;
}

.css_cldapp_ol_int_userdoc_footer {
    text-align: center;
    padding: 10px;
}

.css_cldapp_ol_int_userdoc_footerclose {
    position: relative;
    border-radius: 6px;
    border: solid 2px darkgray;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: rgba(0,0,0,0.7); /*linear-gradient(25deg, #49ff35 0%, #4cbd08 100%);*/
    color: #FFFFFF;
    
    font-size: 16px;
    width: 120px;
    height: 30px;
    margin: 10px auto 10px auto;
    cursor: pointer;
    /*padding-top: 10px;*/
    text-align: center;
}

    .css_cldapp_ol_int_userdoc_footerclose:hover {
        background-color: gray;
    }


.css_cldapp_ol_oa_orderresult_canvas {
    
    width: 100%;
    height: calc(100vh - 50px);
    overflow-x: hidden;
    /*margin: 10px;*/
    background: #FFFFFF;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
    z-index: 110;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
    .css_cldapp_ol_oa_orderresult_canvas::-webkit-scrollbar {
        display: none;
    }

.css_cldapp_ol_oa_orderresult_cont {
    position: relative;
    text-align: center;
    max-width: 800px;
    border-radius: 8px;
    padding: 10px 10px;
    margin: 10px auto;
    width: 100%;
    background-color: white;
}

.css_cldapp_ol_orderresult_applogoimg {
    max-height: 80px;
    position: relative;
    margin: 0 auto;
    object-fit: contain;
}

.css_cldapp_ol_paybycard_logoimg {
    max-height: 40px;
    padding-top: 10px;
    position: relative;
    /*margin: 20px;*/
    object-fit: contain;
}
.css_app_ol_success_saleresult {
    text-align: center;
    color: #000000;
    
    font-size: 28px;
    font-weight: bold;
    margin: 10px;
}

.css_app_ol_success_res_saletype {
    font-size: 22px;
    color: #000000;
    font-weight: 700;
    line-height: 42px;
    margin: 10px 0 10px 0;
    
}

.css_app_ol_success_res_ordertype {
    background-color: #E2B144;
    padding: 20px 0;
    margin-bottom: 30px;
    max-width: 830px;
    width: 100%;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    
    font-size: 22px;
    font-weight: 600;
    color: white;
    text-align: center;
    text-transform: uppercase;
}

.css_app_ol_success_res_ordertime {
    text-align: center;
    color: steelblue;
    font-size: 24px;
    font-weight: 600;
    margin: 10px;
}

.css_app_ol_success_res_orderboxslot {
    text-align: center;
    color: darkgreen;
    font-size: 20px;
    font-weight: 500;
    margin: 5px 10px;
}

.css_app_ol_timeslots_none_available_notice_cont {
    text-align: center;
    color: white;
    background-color: indianred;
    margin: 20px auto;
    max-width: 400px;
    padding: 20px 10px;
    border-radius: 8px;
    border: 2px solid white;
    box-shadow: 0px 1px 5px 3px rgba(0, 0, 0, 0.3);
}
.css_app_ol_timeslots_none_available_notice_icon {
    margin: 5px auto;
}
.css_app_ol_timeslots_none_available_notice_text {
    font-size: 18px;
    font-weight: 500;
    margin: 5px 10px;
}

.css_app_ol_success_res_ordernumber_cont {
    position: relative;
    max-width: 325px;
    width: 100%;
    text-align: center;
    margin: 15px auto;
    background-color: #28A543;
    padding: 20px 5px;
    border-radius: 10px;
    /*margin: 35px 0 30px 0;*/
}
.css_app_ol_success_res_ordernumber {
    text-align: center;
    font-size: 36px;
    color: #fff;
    font-weight: 700;
    line-height: 42px;
    
}
.css_app_ol_success_res_ordernumber_pid {
    position: absolute;
    text-align: right;
    font-size: 10px;
    color: silver;
    font-weight: 400;
    bottom: 5px;
    right: 5px;
}

.css_app_ol_success_res_ordernumberprompt {
    font-size: 24px;
    line-height: 24px;
    color: #FFFFFF;
    font-weight: 300;
    margin: 10px 0 10px 0;
    
}
.css_app_ol_success_res_saletype_desc {
    font-weight: 400;
    margin-bottom: 25px;
    margin-top: 0;
    text-align: center;
    color: #000000;
    
    font-size: 20px;
    margin: 10px;
}

.css_app_ol_success_res_ordertotalssummary_listcont {
    display: flex;
    flex-direction: column;
    max-width: 500px;
    margin: 0 auto;
}
.css_app_ol_success_res_ordertotsumm_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.css_app_ol_success_res_ordertotsumm_label {
    text-align: left;
    /*color: #04bb05;*/
    font-size: 18px;
    font-weight: 500;
    padding-left: 10px;
    /*margin: 5px auto;*/
}
.css_app_ol_success_res_ordertotsumm_value {
    text-align: right;
    /*color: #04bb05;*/
    font-size: 18px;
    font-weight: 500;
    padding-right: 10px;
    /*margin: 5px auto;*/
}


.css_app_ol_success_res_orderpayment_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.css_app_ol_success_res_ordersummtitle {
    font-size: 24px;
    line-height: 28px;
    color: #3E1700;
    display: block;
    
}

.css_app_ol_success_res_ordersummdetail {
    text-align: left;
    margin: 10px auto 20px auto;
    
    padding: 10px;
    max-width: 500px;
    /* max-height: 350px; */
    /* overflow-x: hidden;*/
    -ms-overflow-style: none;
    scrollbar-width: none;
}
    .css_app_ol_success_res_ordersummdetail::-webkit-scrollbar {
        display: none;
    }

.css_app_ol_success_res_img_transsuccess {
    text-align: center;
    margin: 20px;
}

.css_app_ol_success_res_authcode {
    text-align: center;
    color: #04bb05;
    
    font-size: 28px;
    font-weight: bold;
    margin: 10px;
}

.css_app_ol_success_res_payment {
    text-align: center;
    color: #04bb05;
    font-size: 28px;
    font-weight: bold;
    margin: 10px;
}


.css_app_ol_success_res_ordvalue {
    text-align: center;
    color: #04bb05;
    
    font-size: 28px;
    font-weight: bold;
    margin: 10px;
}


.css_app_ol_success_res_response_message {
    color: darkmagenta;
    font-size: 14px;
    font-weight: 600;
    max-width: 800px;
    width: 100%;
    text-align: center;
    padding: 10px;
    margin: 15px auto;
}
.css_app_ol_success_res_location {
    color: darkslategray;
    font-size: 14px;
    font-weight: 600;
    max-width: 325px;
    width: 100%;
    text-align: center;
    padding: 10px;
    margin: 15px auto;
}
    .css_app_ol_success_res_location_inner{
        text-align: left;
    }

    .css_app_ol_success_res_historydesc {
        color: #000000;
        
        font-size: 18px;
        text-align: center;
        margin: 30px;
    }


.css_app_ol_success_res_appdevice_button_row {
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    z-index: 10;
    background-color: white;
    /*border-top: 1px solid silver;*/
    width: 100%;
    border-radius: 0 0 4px 4px;
    max-width: 500px;
    margin: 0 auto;
}

.css_app_device_appmode_ordercomplete_return_to_app_button {
    text-align: center;
    color: steelblue;
    font-size: 14px;
    font-weight: 600;
    width: fit-content;
    width: -moz-fit-content;
    /*height: 40px;
    width: 40%;*/
    border-radius: 8px;
    border: 2px solid steelblue;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 20px auto 10px auto;
    padding: 10px 20px;
    cursor: pointer;
}

    .css_app_device_appmode_ordercomplete_return_to_app_button:hover {
        border: 2px solid white;
        color: white;
        background-color: steelblue;
        font-weight: 700;
    }

.css_app_device_appmode_ordercomplete_return_to_app_button_top {
    text-align: center;
    color: steelblue;
    font-size: 14px;
    font-weight: 600;
    /*height: 40px;
    width: 40%;*/
    width: fit-content;
    width: -moz-fit-content;
    border-radius: 8px;
    border: 2px solid steelblue;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 20px auto 10px auto;
    padding: 10px 20px;
    cursor: pointer;
}

    .css_app_device_appmode_ordercomplete_return_to_app_button_top:hover {
        border: 2px solid white;
        color: white;
        background-color: steelblue;
        font-weight: 700;
    }

.css_app_ol_success_res_payfinished_butt {
    margin: 0 auto;
    background-color: #E2B144;
    max-width: 250px;
    width: 100%;
    padding: 10px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    border-radius: 5px;
    height: 49px;
    position: relative;
    margin-bottom: 15px;
    border: 2px solid #E2B144;
    cursor: pointer;
}

    .css_app_ol_success_res_payfinished_butt:hover {
        background-color: #3E1700;
    }


.css_app_ol_success_res_trackorder_butt {
    text-align: center;
    color: white;
    background-color: green;
    border-radius: 4px;
    border: 2px solid gray;
    
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    margin: 20px auto 20px auto;
    max-width: 250px;
    padding: 10px;
    display: flex;
}
    .css_app_ol_success_res_trackorder_butt:hover {
        background: linear-gradient( 48deg, #09800d 0%, #20a91e 100%);
    }

.css_app_ol_success_res_butt_icn {
    /*margin-left: auto;*/
    margin-right: 5px;
}
    .css_app_ol_success_res_butt_lbl{
        margin: auto;
    }

    .css_app_ol_fail_res_saleresult {
        text-align: center;
        color: #000000;
        
        font-size: 28px;
        font-weight: bold;
        margin: 10px;
    }


.css_app_ol_fail_res_saletype {
    text-align: center;
    color: #000000;
    
    font-size: 28px;
    font-weight: bold;
    margin: 10px;
}

.css_app_ol_fail_res_saletype_desc {
    text-align: center;
    color: #e50000;
    
    font-size: 28px;
    font-weight: bold;
    margin: 10px;
}


.css_app_ol_fail_res_img_transfail {
    text-align: center;
    margin: 20px;
}

.css_app_ol_fail_res_historydesc {
    text-align: center;
    color: #000000;
    
    font-size: 16px;
    margin: 30px;
}


.css_app_ol_fail_res_payretry_butt {
    text-align: center;
    color: white;
    background-color: dodgerblue;
    border-radius: 4px;
    border: 2px solid gray;
    
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    margin: 20px auto 20px auto;
    max-width: 250px;
    padding: 10px;
    display: flex;
}
    .css_app_ol_fail_res_payretry_butt:hover {
        background: linear-gradient( 225deg, #428af5 0%, #3774c0 100%);
    }


.css_app_ol_fail_res_paycancel_butt {
    text-align: center;
    color: white;
    background: linear-gradient( 225deg, #F85A91 0%, #F8644E 100%);
    border-radius: 4px;
    border: 2px solid gray;
    
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    margin: 20px auto 20px auto;
    max-width: 250px;
    padding: 10px;
    display: flex;
}
    .css_app_ol_fail_res_paycancel_butt:hover {
        background-color: darkred;
    }


.css_app_ol_fail_res_butt_icn {
    margin-left: auto;
    margin-right: 10px;
}

.css_app_ol_fail_res_butt_lbl {
    margin-right: auto;
}




.css_cldapp_ol_oa_cookbook_editor_canvas {
    position: relative;
    width: 100%;
    background: #FFFFFF;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    z-index: 110;
}
.css_cldapp_ol_oa_cookbook_editor_canvas_top {
    background: #FFFFFF;
    /*height: 100%;*/
    width: 100vw;
    position: fixed;
    top: 0;
    z-index: 115;
}
.css_cldapp_ol_oa_cookbook_editor_canvas_top_inner{
    position:relative;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.css_cldapp_ol_oa_cookbook_editor_canvas_inner {
    position: relative;
    background: #FFFFFF;
    width: 100%;
    /*overflow-x: hidden;*/
    /*display: flex;*/
    /*flex-wrap: wrap;*/
}
    .css_cldapp_ol_oa_combo_editor_canvas {
        width: 100%;
        background: #FFFFFF;
        position: relative;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        /*margin-top: 125px;*/
        /*padding: 0 20px;*/
        z-index: 110;
        padding: 20px 10px;
    }

.css_cldapp_ol_oa_combo_editor_canvas_top {
    background: #FFFFFF;
    /*height: 100%;*/
    width: 100vw;
    position: fixed;
    top: 0;
    z-index: 115;
}
.css_cldapp_ol_oa_combo_editor_canvas_top_inner {
    position: relative;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.css_oa_combo_edit_top_canvas_nb {
    background: #FFFFFF;
    width: 100%;
    padding-bottom: 10px;
}

.css_oa_combo_edit_top_canvas {
    background: #FFFFFF;
    width: 100%;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.css_oa_combo_editprodselector_top_canvas {
    background: #FFFFFF;
    width: 100%;
    max-width: 800px;
    /*overflow-y: scroll;
    overflow-x: hidden;*/
    /*padding-top: 5px;*/
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}


.css_cldapp_ol_oa_combo_editor_canvas_inner {
    position: relative;
    background: #FFFFFF;
    /*overflow-x: hidden;*/
    /*height: 100%;*/
    width: 100%;
}

.css_cldapp_ol_pagefooter_canvas {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    /*height: 60px;*/
    text-align: center;
    background-color: #FFFFFF;
    z-index: 1000;
}

.css_cldapp_ol_pagefooter_links_canvas {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 30px;
    text-align: center;
    z-index: 10;
}
.css_cldapp_ol_linksfooter_canvas_inner {
    position: relative;
    width: 100vw;
    height: 30px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    /*background-color: #F8644E;*/
    /*border-top: 1px solid #6f6f6f;*/
    cursor: pointer;
}
.css_cldapp_ol_shoppingfooter_canvas_inner {
    position: relative;
    width: 100vw;
    /*height: 60px;*/
    padding: 5px 0 10px 0;
    max-width: 1200px;
    margin: 0 auto;
    border-top: 1px solid #6f6f6f;
    cursor: pointer;
}
.css_cldapp_ol_basketfooter_canvas_inner {
    position: relative;
    width: 100vw;
    /*height: 60px;*/
    max-width: 1200px;
    margin: 0 auto;
    border-top: 1px solid lightgray;
    padding-top: 5px;
}

.css_cldapp_ol_basketfooterbuttons_canvas_inner {
    margin: 0 auto 5px auto;
    display: flex;
    /*max-width: 500px;*/
    padding: 5px 0 10px 0;
    justify-content: center;
}

.css_cldapp_ol_pagefooter_title_noitems {
    position: relative;
    text-align: center;
    /**/
    color: white;
    /*font-weight: bold;
    font-size: 22px;*/
    border: 2px solid white;
    padding-top: 5px;
    margin-left: auto;
    margin-right: auto;
    max-width: 230px;
    /*margin-top: 3px;*/
    padding-bottom: 5px;
    border-radius: 6px;
}

    .css_cldapp_ol_pagefooter_title_noitems:hover {
        background-color: indianred;
    }
.css_cldapp_ol_pagefooter_title {
    position: relative;
    text-align: center;
    /**/
    color: white;
    /*font-weight: bold;
    font-size: 22px;*/
    border: 2px solid white;
    padding-top: 5px;
    margin-left: auto;
    margin-right: auto;
    max-width: 230px;
    /*margin-top: 3px;*/
    padding-bottom: 5px;
    border-radius: 6px;
}
    .css_cldapp_ol_pagefooter_title:hover {
        background-color: green;
    }
    .css_cldapp_ol_pagefooter_title_cont {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
    }
.css_cldapp_ol_pagefooter_title_items_cont{
    position: relative;
    text-align: center;
}
.css_cldapp_ol_pagefooter_title_checkout_cont {
    position: relative;
    text-align: center;
    margin: 0 10px;
    align-items: center;
    
    font-size: 16px;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /*padding-top: 10px;*/
}

.css_cldapp_ol_pagefooter_title_arrow_right {
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.css_cldapp_ol_pagefooter_button_cont{
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 10px;
}
.css_cldapp_ol_pagefooter_button_l {
    position: absolute;
    left: 10px; 
    top: 5px;
    /*height: 30px;
    width: 40px;*/
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.css_cldapp_ol_pagefooter_items_l {
    /*position: absolute;*/
    /* left: 10px; */
    /*top: 10px;
    height: 30px;*/
    /*width: 40px;*/
    display: flex;
    flex-direction: column;
    text-align: center;
    border-right: 1px solid silver;
    padding-right: 15px;
    margin: 0 10px;
}



.css_cldapp_ol_pagefooter_title_l {
    color: white;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
}

.css_cldapp_ol_pagefooter_subtitle_l {
    color: white;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
}
.css_cldapp_ol_pagefooter_goback_subtitle_l {
    color: white;
    font-size: 10px;
    font-weight: 500;
    text-align: center;
}
.css_cldapp_ol_pagefooter_title_r {
    text-align: right;
    color: white;
    font-weight: 500;
    font-size: 22px;
}
    .css_cldapp_ol_pagefooter_title_r_cont{
        position: absolute;
        top: 5px;
        right: 5px;
        display: flex;
        flex-direction: column;
        justify-content:flex-start;

    }
    .css_cldapp_ol_pagefooter_deposittext_r {
        /*position: absolute;
        right: 10px;
        bottom: 5px;*/
        text-align: right;
        color: white;
        font-weight: 300;
        font-size: 10px;
    }
.css_oa_ordparam_head {
    text-align: left;
    color: #000000;
    font-size: 18px;
    margin: 10px;
    font-weight: 600;
    color: steelblue;
}

.css_oa_basket_change_ordertype_button {
    text-align: center;
    /* padding-top: 10px; */
    padding: 5px;
    box-sizing: border-box;
    /* height: 30px; */
    border: 2px solid silver;
    border-radius: 22px;
    color: #FFFFFF;
    background-color: lightcoral;
    
    font-size: 10px;
    font-weight: 400;
    cursor: pointer;
}
    .css_oa_basket_change_ordertype_button:hover {
        font-weight: 600;
    }

    .css_oa_basket_change_ordertype_buttons_cont {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        margin-top: 10px;
    }
.css_app_basket_loc_ordertype_title {
    color: white;
    background-color: #1e90ff;
    
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    padding: 10px;
    margin: 0 auto 10px auto;
}
.css_oa_basket_change_ordertype_button_cont {
    position: relative;
    text-align: center;
    margin: 0 10px;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.css_oa_loc_box {
    width: 100%;
    max-width: 600px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: white;
    border-radius: 4px;
    max-height: calc(100vh - 150px);
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
    .css_oa_loc_box::-webkit-scrollbar {
        display: none;
    }

.css_oa_preselect_table_box_title {
    
    color: steelblue;
    font-size: 20px;
    font-weight: 600;
    margin: 0 10px;
}
.css_oa_preselect_table_box_subtitle {
    
    color: #000000;
    font-size: 12px;
    font-weight: 600;
    margin: 0 10px;
}
.css_oa_preselect_table_lcd_title {
    font-size: 12px;
    font-weight: 300;
    margin: 0 auto;
    color: white;
}
.css_oa_preselect_table_lcd_value {
    
    font-size: 28px;
    font-weight: 500;
    margin: 10px auto;
    color: white;
    background-color: darkslategrey;
    max-width: 100px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    padding: 5px;
}

.css_oa_preselect_table_change_buttons_cont {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 10px;
}
.css_oa_preseltableno_cont {
    text-align: center;
    padding: 10px 10px 20px 10px;
    border: 1px solid silver;
    margin-bottom: 10px;
}
.css_oa_preselect_tableno_next_button {
    text-align: center;
    padding-top: 10px;
    box-sizing: border-box;
    height: 44px;
    width: 150px;
    border: 2px solid silver;
    border-radius: 8px;
    color: #FFFFFF;
    background-color: darkgreen;
    
    font-size: 12px;
    font-weight: 600;
    margin: 20px auto 30px auto;
    cursor: pointer;
}
    .css_oa_preselect_tableno_next_button:hover{
        background-color: forestgreen;
    }

    .css_oa_preselect_tableno_next_button_cont {
        position: relative;
        text-align: center;
        margin: 0 10px;
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
    }
.css_oa_preselect_table_change_tableno_button {
    text-align: center;
    padding-top: 9px;
    box-sizing: border-box;
    height: 40px;
    width: 140px;
    /* border: 2px solid silver; */
    /* border-radius: 8px; */
    color: darkgoldenrod;
    /* background-color: orange; */
    
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    margin: 0px auto;
    text-decoration: underline;
}
    .css_oa_preselect_table_change_tableno_button:hover{
        color: goldenrod;
    }

    .css_oa_preselect_table_change_tableno_button_cont {
        position: relative;
        text-align: center;
        margin: 0 10px;
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
    }
.css_oa_loc_st_box {
    width: 100%;
    /*height: 100%;*/
    max-height: 500px;
    text-align: center;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none; scrollbar-width: none;
}

    .css_oa_loc_st_box::-webkit-scrollbar {
        display: none;
    }

.css_oa_loc_st_box_title {
    
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    margin: 0 10px;
}
.css_oa_loc_st_box_lcd_value {
    
    font-size: 28px;
    font-weight: 500;
    margin: 10px auto;
    color: white;
    background-color: darkslategrey;
    max-width: 100px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    padding: 5px;
}
.css_oa_loc_st_box_lcd_title {
    font-size: 12px;
    font-weight: 300;
    margin: 0 auto;
    color: white;
}

.css_oa_loc_sd_adrbox {
    width: 100%;
    /*height: 100%;*/
    max-height: 400px;
    text-align: center;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none; 
    scrollbar-width: none;
}

    .css_oa_loc_sd_adrbox::-webkit-scrollbar {
        display: none;
    }

.css_oa_loc_sd_adrbox_sa {
}

.css_op_loc_store_notice {
    text-align: center;
    padding: 10px 20px;
}
.css_op_loc_str_notice_cont{
    font-size: 14px;
    display: flex;
    flex-direction: column;
    margin: 5px auto;
    text-align: center;
}
.css_op_loc_str_notice {
    color: darkcyan;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid silver;
    padding: 5px 10px;
    margin: 10px auto;
    border-radius: 5px;
}
.css_op_loc_str_notice_additional_next_cont {
    margin: 10px auto;
}
.css_op_loc_tableservice_notice {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 10px;
    text-align: center;
    color: steelblue;
    font-size: 16px;
    font-weight: 500;
    padding: 5px;
    border-top: 2px dashed silver;
    border-bottom: 2px dashed silver;
}
.css_op_tableservice_table_lbl {
    color: darkolivegreen;
    font-size: 24px;
    font-weight: 600;
}
.css_op_tableservice_covers_lbl {
    color: darkgoldenrod;
    font-size: 18px;
    font-weight: 500;
}

    .css_op_loc_straddr {
        margin: 10px;
        text-align: center;
        color: steelblue;
        font-size: 16px;
        font-weight: 500;
    }

.css_oa_loc_sd_adr_canvas {
    scroll-behavior: smooth;
    width: 100%;
    border-bottom: 1px solid #D2D2D2;
    margin-bottom: 10px;
}

.css_oa_loc_sd_adr_addnew {
    color: #F85D79;
    
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 30px;
}

.css_oa_loc_sd_adr {
    border-bottom: 2px solid rgba(0, 0, 0, 0.5);
    margin: 30px;
}

.css_oa_loc_sd_adrtxt {
    color: #4A4A4A;
    
    font-size: 14px;
    margin-left: 10px;
}

.css_oa_ck_custtme_pn_button_hot {
    text-align: center;
    padding-top: 10px;
    height: 44px;
    width: 80%;
    max-width: 240px;
    border-radius: 8px;
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    color: #FFFFFF;
    
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

.css_oa_ck_custtme_pn_button_reg {
    text-align: center;
    padding-top: 10px;
    box-sizing: border-box;
    height: 44px;
    width: 80%;
    max-width: 240px;
    border: 1px solid #000000;
    border-radius: 8px;
    color: #000000;
    
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

.css_oa_ck_pn_button_hot {
    text-align: center;
    padding-top: 10px;
    height: 44px;
    width: 80%;
    max-width: 240px;
    border-radius: 8px;
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    color: #FFFFFF;
    
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

.css_oa_basket_prev_button_reg {
    text-align: center;
    padding: 10px 40px;
    box-sizing: border-box;
    /*height: 44px;*/
    /*width: 80%;*/
    /*width: 150px;*/
    border: 2px solid steelblue;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    color: steelblue;
    /*background-color: brown;*/
    font-weight: 400;
    font-size: 16px;
    /* margin-top: 10px; */
    /* margin-bottom: 10px; */
    /* margin-left: auto; */
    margin-right: 10px;
    cursor: pointer;
}
    .css_oa_basket_prev_button_reg:hover {
        font-weight: 600;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    }

.css_oa_basket_next_button_reg {
    text-align: center;
    padding: 10px 60px;
    box-sizing: border-box;
    /*height: 44px;*/
    /*width: 40%;*/
    /*width: 250px;*/
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    margin-left: 10px;
    cursor: pointer;
}
        .css_oa_basket_next_button_reg:hover {
            font-weight: 600;
            box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
        }

.css_oa_basket_next_button_sendnow {
    text-align: center;
    padding: 10px 60px;
    box-sizing: border-box;
    /*height: 44px;*/
    /*width: 40%;*/
    /*width: 250px;*/
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    color: #FFFFFF;
    background-color: green;
    font-size: 16px;
    font-weight: 400;
    margin-left: 10px;
    cursor: pointer;
}

    .css_oa_basket_next_button_sendnow:hover {
        font-weight: 600;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    }

.css_oa_basket_additionalnext_button_reg {
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    width: 250px;
    border: 2px solid white;
    border-radius: 8px;
    color: #FFFFFF;
    background-color: steelblue;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    font-size: 16px;
    font-weight: 500;
    margin-left: 10px;
    animation-name: kf_css_oa_basket_additionalnext_button_highlight;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    cursor: pointer;
}
    .css_oa_basket_additionalnext_button_reg:hover {
        font-weight: 700;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    }


    .css_oa_ck_pn_button_reg {
        text-align: center;
        padding-top: 10px;
        box-sizing: border-box;
        height: 44px;
        width: 80%;
        max-width: 240px;
        border: 1px solid #000000;
        border-radius: 8px;
        color: #000000;
        
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        cursor: pointer;
    }

.css_oa_nadr_box {
    width: 100%;
    max-width: 500px;
    padding: 10px;
    background-color: white;
    border-radius: 4px;
    max-height: calc(100vh - 150px);
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
    .css_oa_nadr_box::-webkit-scrollbar {
        display: none;
    }

.css_oa_nadr_progress_box {
    width: 100%;
    max-width: 300px;
    /*max-width: 500px;
    padding-left: 10px;*/
    text-align: center;
    background-color: white;
    border-radius: 4px;
    margin: 10px auto;
    padding: 20px;
}
.css_oa_nadr_entry_by_predict_box{
    padding: 5px;
    /*min-width: 400px;*/
}

.css_oa_nadr_entry_by_predict_box_pwrbygoogle{
    /*position: absolute;
    bottom: 10px;
    right: 10px;
    margin: 20px 0 5px auto;*/
    display: flex;
    /*It is shown in the drop down automatically*/
}
.css_oa_naddr_check_button_reg {
    position: absolute;
    top: 0;
    right: 12px;
    text-align: center;
    padding-top: 7px;
    box-sizing: border-box;
    height: 40px;
    background-color: green;
    width: 170px;
    border: 2px solid silver;
    border-radius: 8px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    margin-left: 10px;
    cursor: pointer;
}

    .css_oa_naddr_check_button_reg:hover {
        font-weight: 600;
    }

.css_oa_naddr_check_button_cont {
    position: relative;
    width: 100%;
    height: 50px;
}
.css_oa_nadr_predict_entry_text {
    margin: 0 10px 10px 10px;
    box-sizing: border-box;
    border-radius: 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: darkgray;
    color: #000000;
    font-size: 16px;
    background-color: white;
    padding: 6px 0px 6px 0px;
    width: 400px;
}

.css_oa_nadr_predict_entry_text_err {
    margin: 0 10px 10px 10px;
    box-sizing: border-box;
    border-radius: 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: red;
    color: #000000;
    font-size: 16px;
    background-color: white;
    padding: 6px 0px 6px 0px;
    width: 400px;
}
.css_oa_nadr_entry_text {
    margin: 0 10px 10px 10px;
    box-sizing: border-box;
    border-radius: 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: darkgray;
    color: #000000;
    font-size: 16px;
    background-color: white;
    padding: 6px 0px 6px 0px;
    width: 100%;
}

.css_oa_nadr_entry_text_err {
    margin: 0 10px 10px 10px;
    box-sizing: border-box;
    border-radius: 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: red;
    color: #000000;
    
    font-size: 16px;
    background-color: white;
    padding: 6px 0px 6px 0px;
    width: 100%;
}

.css_oa_nadr_entry_prompt {
    margin-left: 10px;
    color: darkslategray;
    
    font-size: 13px;
}

.css_oa_nadr_entry_clear_text {
    margin-left: 10px;
    color: darkred;
    font-size: 13px;
    text-decoration: underline;
    cursor: pointer;
}

.css_oa_nadr_entry_label {
    margin-left: 10px;
    color: #9B9B9B;
    
    font-size: 13px;
}

.css_oa_nadr_mainentry_box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 340px;
}


.css_oa_nadr_confirmloc_entry_box {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    /*max-width: 340px;*/
    min-height: 300px;
    max-width: 500px;
    padding: 10px;
    background-color: white;
    border-radius: 4px;
}
.css_cldapp_oa_confirmloc_map_cont {
    position: relative;
    height: 350px;
    width: 100%;
}
.css_cldapp_oa_confirmloc_map_panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #FFFFFF;
    /*min-height: 500px;
    height: 100%;
    width: 100%;*/
}


.spincheckbox {
    display: flex;
    justify-content: center;
    align-items: center;
    /*background-color: #eee;*/
}

.spnchkbox_checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #7ac142;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.spnchkbox_checkmark {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10px auto;
    box-shadow: inset 0px 0px 0px #7ac142;
    animation: spnchkbox_fill_grn .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both
}

.spnchkbox_checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards
}


.spnchkbox_exmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: red;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards
}

.spnchkbox_exmark {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: block;
    stroke-width: 4;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10px auto;
    box-shadow: inset 0px 0px 0px #7ac142;
    animation: spnchkbox_fill_red .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both
}

.spnchkbox_exmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards
}


@keyframes stroke {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes scale {

    0%, 100% {
        transform: none
    }

    50% {
        transform: scale3d(1.1, 1.1, 1)
    }
}

@keyframes spnchkbox_fill_grn {
    100% {
        box-shadow: inset 0px 0px 0px 30px #7ac142
    }
}

@keyframes spnchkbox_fill_red {
    100% {
        box-shadow: inset 0px 0px 0px 30px red
    }
}


.css_conlocmap_loadingspin {
    margin: 10px auto;
    background-color: lightgray;
    max-width: 300px;
    padding: 10px;
    border-radius: 8px;
}

.css_conlocmap_loadingspin_text {
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    background-color: white;
    color: steelblue;
    margin: 10px auto;
    padding: 5px;
    border-radius: 6px;
}

.css_conlocmap_loadingspin_textblock {
    text-align: center;
    font-family: Poppins;
    color: #000000;
    font-size: 12px;
    border-radius: 8px;
    background-color: white;
    color: steelblue;
    margin: 10px auto;
    padding: 15px;
}
.css_oa_nadr_confirmloc_entry_sub {
    /*margin-left: 10px;*/
    color: darkblue;
    font-size: 15px;
    font-weight: 400;
}

.css_oa_nadr_confirmloc_entry_desc {
    /*margin-left: 10px;*/
    color: darkslategray;
    font-size: 13px;
}

.css_oa_nadr_confirmloc_head {
    text-align: left;
    color: #000000;
    font-size: 18px;
    margin: 0;
    font-weight: 600;
    color: steelblue;
}
.css_cldapp_oa_confirmloc_map_selloctxthdr {
    font-size: 12px;
    text-align: left;
    font-weight: 600;
    color: darkblue;
    margin-top: 5px;
    /*margin: 5px;*/
}
.css_cldapp_oa_confirmloc_map_selloctxt {
    font-size: 12px;
    text-align: left;
    font-weight: 400;
    /*margin: 5px;*/
}

.css_cldapp_oa_confirmloc_narative_canvas {
    position: relative;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    -ms-overflow-style: none;
}

    .css_cldapp_oa_confirmloc_narative_canvas::-webkit-scrollbar {
        display: none;
    }



.css_cldapp_ol_confirmdelfooterbuttons_canvas_inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.css_cldapp_ol_confirmdelfooterbuttons_detail_cont {
    position: relative;
    text-align: center;
    margin: 0 10px;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}
.css_oa_confirmdelloc_accept_button {
    text-align: center;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    /*width: 80%;*/
    border-radius: 8px;
    background-color: steelblue;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 15px auto 20px auto;
    padding: 10px 20px;
    cursor: pointer;
}

    .css_oa_confirmdelloc_accept_button:hover {
        border: 2px solid white;
        font-weight: 700;
    }

.css_oa_confirmdelloc_ignore_button {
    text-align: center;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    /*width: 80%;*/
    border-radius: 8px;
    background-color: steelblue;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 15px auto 20px auto;
    padding: 10px 20px;
    cursor: pointer;
}

    .css_oa_confirmdelloc_ignore_button:hover {
        border: 2px solid white;
        font-weight: 700;
    }


.css_oa_ctme_box {
    width: 100%;
    /*max-width: 500px;*/
    background-color: white;
    border-radius: 4px;
    padding: 20px;
}

.css_oa_ctme_rdo {
    /*width: 90%;*/
    color: #4A4A4A;
    
    font-size: 14px;
    margin: 10px;
    font-weight: 500;
    cursor: pointer;
}

.css_oa_radio_box {
    height: 60px;
    position: relative;
}

.css_oa_selcustomtime_box {
    /*height: 60px;*/
    position: relative;
    margin-left: 30px;
    font-size: 14px;
}

.css_oa_radio_out {
    height: 20px;
    width: 20px;
    padding-top: 4px;
    border-radius: 10px;
    border-color: #6699FF;
    border-width: 1px;
    border-style: solid;
    background-color: #FFFFFF;
    position: absolute;
    left: 0;
    top: 4px;
    z-index: 2;
}

.css_oa_radio_inn {
    height: 10px;
    width: 10px;
    border-radius: 5px;
    border-color: #6699FF;
    border-width: 1px;
    border-style: solid;
    background-color: #6699FF;
    position: absolute;
    left: 4px;
    top: 4px;
}

.css_oa_radio_inn_unsel {
    height: 10px;
    width: 10px;
    border-radius: 5px;
    border-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    background-color: #FFFFFF;
    position: absolute;
    left: 4px;
    top: 4px;
}
.css_oa_sa_rdo {
    color: #4A4A4A;
    
    font-size: 14px;
    margin: 10px;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    padding: 10px;
    border: 1px solid silver;
    border-radius: 3px;
}
    .css_oa_sa_rdo:hover {
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    }

    .css_oa_sa_radio_box {
        min-height: 60px;
        position: relative;
        text-align: left;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }

.css_oa_sa_radio_out {
    height: 20px;
    width: 20px;
    padding-top: 4px;
    border-radius: 10px;
    border-color: #6699FF;
    border-width: 1px;
    border-style: solid;
    background-color: #FFFFFF;
    position: relative;
    margin-right: 10px;
    /* left: 0; */
    /* top: 4px; */
    z-index: 2;
}

.css_oa_sa_radio_inn {
    height: 10px;
    width: 10px;
    border-radius: 5px;
    border-color: #6699FF;
    border-width: 1px;
    border-style: solid;
    background-color: #6699FF;
    position: absolute;
    left: 4px;
    top: 4px;
}

.css_oa_sa_radio_lbl {
    position: relative;
    /* left: 30px; */
    min-width: 200px;
    /* top: 2px; */
    color: #000000;
    
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    text-align: left;
}

.css_oa_sa_radio_lbl_selected {
    position: relative;
    /* left: 30px; */
    /*min-width: 200px;*/
    /* top: 2px; */
    color: steelblue;
    
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    text-align: left;
}

.css_oa_sa_radio_sublbl {
    position: absolute;
    left: 30px;
    top: 30px;
    color: #4A4A4A;
    
    font-size: 16px;
    font-weight: 500;
}



.css_oa_sa_radio_inn_unsel {
    height: 10px;
    width: 10px;
    border-radius: 5px;
    border-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    background-color: #FFFFFF;
    position: absolute;
    left: 4px;
    top: 4px;
}

.css_oa_radio_lbl {
    position: absolute;
    left: 30px;
    top: 2px;
    color: #000000;
    
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    text-align: left;
}

.css_oa_radio_sublbl {
    position: absolute;
    left: 30px;
    top: 30px;
    color: #4A4A4A;
    
    font-size: 16px;
    font-weight: 500;
}

.css_oa_radio_sublbl_ct {
    position: absolute;
    left: 30px;
    top: 30px;
    color: #4A4A4A;
    
    font-size: 16px;
    font-weight: 500;
}
.label_ctme_sub_lbl {
    color: #4A4A4A;
    
    font-size: 13px;
    font-weight: 500;
    margin-left: 15px;
}

.css_oa_deltme_box {
    width: 100%;
    max-width: 500px;
    padding: 10px;
    background-color: white;
    border-radius: 4px;
    max-height: calc(100vh - 150px);
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
    .css_oa_deltme_box::-webkit-scrollbar {
        display: none;
    }

.css_oa_op_pay_box {
    width: 100%;
    scroll-behavior: smooth;
    /*background-color: white;
    border-radius: 4px;*/
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: center;
    /*max-height: 80vh;*/
    /*margin: 10px;*/
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
    .css_oa_op_pay_box::-webkit-scrollbar {
        display: none;
    }


.css_oa_orderpayments_scrollbut_upicon {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
}


.css_oa_orderpayments_scrollbut_dnicon {
    position: absolute;
    cursor: pointer;
    top: 1px;
    left: 0;
}


.css_oa_srollup_orderpayments {
    display: none; /*not using at moment (replaced by single switching button) but not deleting code until we are sure we want to keep it that way*/
    position: absolute;
    right: 5px;
    top: 20px;
    width: 40px;
    height: 40px;
    font-size: 24px;
    /*line-height: 53px;*/
    color: #ffffff;
    border: 2px solid white;
    background-color: #ff6f80;
    border-radius: 50%;
    /*overflow: hidden;*/
    text-align: center;
    /*text-decoration: none;*/
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
    transition: .45s all ease-in-out;
    z-index: 100;
    cursor: pointer;
}

    .css_oa_srollup_orderpayments:hover {
        background-color: #ff8997;
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5);
    }



.css_oa_srolldn_orderpayments {
    display: none; /*not using at moment (replaced by single switching button) but not deleting code until we are sure we want to keep it that way*/
    position: absolute;
    right: 5px;
    bottom: 20px;
    width: 40px;
    height: 40px;
    font-size: 24px;
    /*line-height: 53px;*/
    color: #ffffff;
    border: 2px solid white;
    background-color: #ff6f80;
    border-radius: 50%;
    /*overflow: hidden;*/
    text-align: center;
    /*text-decoration: none;*/
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
    transition: .45s all ease-in-out;
    z-index: 100;
    cursor: pointer;
}

    .css_oa_srolldn_orderpayments:hover {
        background-color: #ff8997;
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5);
    }
.captivaappbuild_orderpayments_options {
    background-color: white;
    /*border-radius: 4px;*/
    margin-right: 10px;
    /*padding-bottom: 50px;*/
    padding-bottom: 20px;
    margin-bottom: 90px;
}
.captivaappbuild_orderpayments_options_for_accessibility {
    background-color: white;
    /*border-radius: 4px;*/
    margin-right: 10px;
    padding-bottom: 50px;
    margin-top: 30vh;
}


.css_oa_payopt_rdo {
    width: 90%;
    color: #4A4A4A;
    
    font-size: 14px;
    margin: 10px;
    font-weight: 500;
    cursor: pointer;
}

.css_oa_payopt_onlinecard_item_cont {
    position: relative;
    display: block;
    text-align: left;
    /*width: 100%;*/
    /* height: 60px; */
    margin: 20px;
    /*margin-right: 10px;
    margin-left: 10px;*/
    padding: 10px;
    min-width: 230px;
    /*cursor: pointer;*/
    color: #4A4A4A;
    /* border-radius: 4px; */
    /*background-color: #FFFFFF;*/
    border: 1px solid #D2D2D2;
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
    background-image: url(https://cldappsimgs.blob.core.windows.net/appsysimgs/card-bg-img_bw.png);
    background-size: contain;
    background-position: top;
}
.css_oa_payopt_onlinecard_banner{
    display:flex;
}

.css_oa_payopt_item_v2_cont {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: left;
    margin: 20px;
    padding: 10px;
    min-width: 230px;
    color: darkslategray;
    background-color: lightgray;
    transition: .8s;
    border: 4px solid silver;
}
.css_oa_payopt_item_cont {
    position: relative;
    display: block;
    text-align: left;
    margin: 20px;
    padding: 10px;
    min-width: 230px;
    color: darkslategray;
    background-color: lightgray;
    transition: .8s;
    border: 4px solid silver;
}

    /*.css_oa_payopt_item_cont:hover {
        
        background: linear-gradient( 225deg, #64F84E 0%, #4bb83b 100%);
    }*/

.css_oa_payopt_nosend_item_cont {
    position: relative;
    display: block;
    text-align: center;
    margin: 20px;
    padding: 5px;
    min-width: 230px;
    color: darkslategray;
    background-color: lightgray;
    transition: .8s;
    animation-name: kf_ol_app_lastorder_dwell_highlight;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
.css_oa_lrg_pay_butt {
    padding: 10px;
    color: white;
    text-align: center;
    border: 4px solid darkseagreen;
    background-color: green;
    border-radius: 6px;
    cursor: pointer;
    margin: 20px 0 0;
    animation-name: kf_ol_app_lrg_paybutton_highlight;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

.css_oa_lrg_pay_butt_line {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.css_oa_lrg_pay_butt_line_icon {
    margin-right: 10px;
    padding-top: 2px;
}

.css_oa_lrg_pay_butt_line_txt {
    margin-left: 10px;
    font-family: Poppins;
    font-weight: 600;
    font-size: 28px;
}
    .css_oa_lrg_pay_butt_line_txt:hover {
        text-decoration: underline;
        font-weight: 700;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    }


    .css_oa_payopt_saveditem_canvas {
        position: relative;
        margin-top: 10px;
        /*margin-right: 20px;*/
    }
.css_oa_payopt_saveditem_holder {
    position: relative;
    margin-top: 10px;
    /*margin-right: 20px;*/
}
.css_oa_payopt_saveditem_cont {
    position: relative;
    display: block;
    text-align: left;
    max-width: 400px;
    /*width: 100%;
    max-width: 300px;*/
    /*height: 70px;*/
    margin-top: 10px;
    /*margin-right: 10px;
    margin-left: 10px;*/
    /*padding: 10px;*/
    min-width: 230px;
    /*cursor: pointer;*/
    color: #4A4A4A;
    /* border-radius: 4px; */
    background-color: #FFFFFF;
    border: 2px solid silver;
    border-radius: 6px;
    transition: .5s;
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
}
    .css_oa_payopt_saveditem_cont:hover{
        border-color: forestgreen;
    }


    .css_oa_payopt_ecomm_stdtrans_cont {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        text-align: left;
        /*width: 100%;*/
        max-width: 400px;
        min-height: 80px;
        /*margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;*/
        padding: 0;
        min-width: 230px;
        cursor: pointer;
        color: #4A4A4A;
        /* border-radius: 4px; */
        background-color: lightslategray;
        /*border: 1px solid #FFFFFF;*/
        border-radius: 6px;
        
        border: 2px solid goldenrod;
        justify-content: space-between;
    }

    .css_oa_payopt_ecomm_stdtrans_cont:hover {
        /*color: white;
        background: linear-gradient( 225deg, #64F84E 0%, #4bb83b 100%);*/
        border: 2px solid #FFFFFF;
    }

.css_oa_payopt_ecomm_stdtrans_innercont {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    text-align: left;
    max-width: 500px;
}
.css_oa_checkbox_savemycard_cont{
    position: relative;
    margin-left: 10px;
}
.css_oa_payopt_ecomm_stdtrans_innercontsub {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: left;
    max-width: 500px;
    border-top: 1px solid silver;
}
.css_oa_payopt_ecomm_stdtrans_extcont {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 10px;
}


.css_oa_payopt_standalone_nosend_cont {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    text-align: left;
    justify-content: center;
    background-color: white;
    padding: 5px 10px;
}
.css_oa_payopt_standalone_nosend_innercont {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    text-align: center;
    max-width: 500px;
    margin-right: 10px;
}

.css_oa_payopt_nosend_lbl {
    font-family: Poppins;
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
    color: darkslategray;
}
.css_oa_payopt_nosend_sublbl {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    color: darkslategray;
}
.css_oa_payopt_nosend_lastordtime {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    color: dodgerblue;
}
.css_oa_payopt_standalone_nosend_nav_next {
    margin: 10px 0;
    border: 2px solid white;
    border-radius: 4px;
    background-color: dodgerblue;
    color: white;
    font-size: 12px;
    font-weight: 400;
    padding: 5px 10px;
    cursor: pointer;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

    .css_oa_payopt_standalone_nosend_nav_next:hover {
        background-color: steelblue;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
    }

.css_oa_payopt_standalone_nosend_nav_next_col {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.css_oa_payopt_standalone_nosend_nav_next_lbl {
    text-align: center;
}

.css_oa_payopt_standalone_trans_cont {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    text-align: left;
    justify-content: space-between;
}

.css_oa_payopt_standalone_nav_next {
    margin: 10px 0 0 0;
    border: 2px solid white;
    border-radius: 4px;
    background-color: green;
    color: white;
    font-size: 12px;
    
    font-weight: 400;
    padding: 5px 10px;
    cursor: pointer;
}
    .css_oa_payopt_standalone_nav_next:hover{
        background-color: limegreen;
    }

    .css_oa_payopt_standalone_nav_next_col {
        display: flex;
        flex-direction: column;
        text-align: center;
    }
.css_oa_payopt_standalone_nav_next_lbl {
    text-align: center;
}
    .css_oa_payopt_standalone_trans_innercont {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    text-align: left;
    max-width: 500px;
}

.css_oa_payopt_savedpay_nav_next_col {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.css_oa_payopt_savedpay_nav_next_lbl {
    text-align: center;
    
    font-size: 12px;
    font-weight: 400;
    color: white;
}




.css_oa_payopt_nonsavedcc_nav_pay {
    /*margin: 10px 0 0 0;*/
    cursor: pointer;
    /*position: absolute;*/
    background-color: green;
    /*top: 0;
    right: 0;*/
    max-width: 100px;
    border-left: 2px solid lightgrey;
    /*height: 100%;*/
    padding: 20px 5px 0 5px;
    border-radius: 0 6px 6px 0;
    /*z-index: 1000;*/
}

    .css_oa_payopt_nonsavedcc_nav_pay:hover {
        background-color: limegreen;
    }




.css_oa_payopt_nonsavedcc_nav_next_col {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.css_oa_payopt_nonsavedcc_nav_next_lbl {
    text-align: center;
    
    font-size: 12px;
    font-weight: 400;
    color: white;
}





.css_oa_payopt_ecomm_stdtrans_canvas {
    position: relative;
    display: block;
    /*flex-wrap: wrap;*/
    text-align: left;
    /*width: 100%;*/
    /*height: 60px;*/
    /*margin-top: 10px;*/
    /*margin-left: 10px;
    margin-right: 10px;*/
    padding: 10px 0;
    min-width: 230px;
    /*border-radius: 4px;*/
    /*background-color: #FFFFFF;*/
    border-bottom: 2px solid #FFFFFF;
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
}
.css_oa_payopt_ecomm_stdtrans_savecard_label {
    color: white;
    
    font-size: 12px;
    padding-top: 5px;
    font-weight: 400;
    /*cursor: pointer;*/
}
.css_oa_checkbox_savemycard_label {
    color: white;
    
    font-size: 14px;
    font-weight: 400;
    padding-top: 2px;
    cursor: pointer;
}
.css_oa_payopt_saveditemadd_cont {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    max-width: 300px;
    height: 70px;
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;
    padding: 10px;
    min-width: 230px;
    cursor: pointer;
    color: #FF0000;
    /* border-radius: 4px; */
    background-color: #FFFFFF;
    border: 1px solid #D2D2D2;
    border-radius: 6px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}

    .css_oa_payopt_saveditemadd_cont:hover {
        color: white;
        background: linear-gradient( 225deg, #64F84E 0%, #4bb83b 100%);
    }


.css_oa_payopt_saveditem_cardimg_cont {
    /*cursor: pointer;
    float: right;*/
    /*margin: 5px;*/
    /*position: absolute;
    top: 5px;
    left: 10px;*/
    margin-right: 10px;
}

.css_oa_payopt_saveditem_cardimg {
    max-width: 80px;
    object-fit: contain;
}
.css_oa_payopt_saveditem_cardicn {
    max-width: 80px;
    object-fit: contain;
}

    .css_oa_payopt_saveditem_txt_cont {
        display: flex;
        flex-direction: column;
    }
.css_oa_payopt_saveditem_lbl {
    color: steelblue;
    
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    /*cursor: pointer;*/
    margin-bottom: 0;
    /*position: absolute;
    top: 5px;
    left: 40px;*/
}

.css_oa_payopt_saveditemexp_lbl {
    color: slategray;
    
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    /*cursor: pointer;*/
    margin-bottom: 0;
    /*position: absolute;
    top: 5px;
    left: 40px;*/
}

.css_oa_payopt_standaloneitem_lbl {
    color: #FFFFFF;
    
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    cursor: pointer;
    /*position: absolute;
    top: 5px;
    left: 40px;*/
}
.css_oa_payopt_saveditem_sublbl {
    color: steelblue;
    
    font-size: 12px;
    font-weight: 500;
    /*cursor: pointer;*/
    margin-bottom: 0;
    /*position: absolute;
    top: 35px;
    left: 10px;*/
}

.css_oa_payopt_standaloneitem_sublbl {
    color: #FFFFFF;
    
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    /*position: absolute;
    top: 35px;
    left: 10px;*/
}

.css_oa_payopt_saveditem_carddetails_box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.css_oa_payopt_ecomm_saveditem_innercont {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    text-align: left;
    padding: 10px;
    border-radius: 6px;
    /*max-width: 500px;*/
    justify-content: space-between;
   transition: .5s;
}
    .css_oa_payopt_ecomm_saveditem_innercont:hover{
        /*border: 2px solid white;*/
    }
    .css_oa_payopt_saveditem_cardimg {
        max-width: 30px;
    }


.css_oa_payopt_saveditem_cardicn_cont {
    /*cursor: pointer;
    float: right;*/
    /*margin: 5px;*/
    /*position: absolute;
    top: 5px;
    left: 10px;*/
    margin-right: 10px;
}

.css_oa_payopt_savedcard_txt_cont {
    display: flex;
    flex-direction: column;
}

.css_oa_payopt_lbl {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
}

.css_oa_payopt_lbl_withicn {
    /*color: #FF0000;*/
    
    /*font-size: 18px;
        font-weight: 500;
        cursor: pointer;*/
    /*position: absolute;*/
    /*top: 15px;
    left: 10px;*/
    padding-top: 5px;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    margin-left: 5px;
    margin-top: 9px;
    color: darkslategray;
}

.css_oa_payopt_sublbl {
    font-size: 16px;
    font-weight: 500;
    top: 45px;
    left: 10px;
}
.css_oa_payopt_subtxt {
    color: darkslategray;
    
    font-size: 16px;
    font-weight: 500;
}
.css_oa_payopt_nav_next {
    cursor: pointer;
    float: right;
    margin: 13px 5px;
}
    .css_oa_payopt_nav_next:after {
        clear: both;
    }
.css_oa_payopt_saveditem_nav_next {
    margin: 10px 0 0 0;
    cursor: pointer;
}

.css_oa_payopt_saveditem_nav_pay {
    /*margin: 10px 0 0 0;*/
    cursor: pointer;
    position: absolute;
    background-color: green;
    top: 0;
    right: 0;
    border-left: 2px solid silver;
    height: 100%;
    padding: 20px 5px 0 5px;
    border-radius: 0 4px 4px 0;
    max-width: 100px;
    /*z-index: 1000;*/
}
    .css_oa_payopt_saveditem_nav_pay:hover {
        background-color: limegreen;
    }

    .css_oa_payopt_saveditem_nav_remove {
        /*margin: 10px 0 0 0;
    */ cursor: default;
        position: absolute;
        bottom: 0;
        left: 10px;
        /* border-left: 2px solid lightgrey; */
        /* height: 100%; */
        /* padding: 20px; */
        /* border-radius: 0 6px 6px 0; */
        /*z-index: 1000;*/
    }
.css_oa_op_messages_box {
    width: 100%;
    background-color: white;
    border-radius: 4px;
    max-height: calc(100vh - 150px);
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
    .css_oa_op_messages_box::-webkit-scrollbar {
        display: none;
    }


.css_oa_op_custanswers_box {
    width: 100%;
    background-color: white;
    border-radius: 4px;
    max-height: calc(100vh - 150px);
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .css_oa_op_custanswers_box::-webkit-scrollbar {
        display: none;
    }

.css_appsel_orderparam_custanswers_tpnl {
    padding: 10px;
}

.css_appsel_orderparam_custanswers_title_cont {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.css_appsel_orderparam_custanswers_title {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.css_appsel_orderparam_custanswers_title_line {
    display: flex;
    flex-direction: row;
}
.css_appsel_orderparam_custanswers_titletxt_cont {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.css_appsel_orderparam_custanswers_title_txt {
    font-weight: 600;
    color: darkslategray;
    font-size: 16px;
}

.css_oa_custans_navbackcont {
    position: relative;
    cursor: pointer;
    margin: 5px;
    color: steelblue;
    background-color: white;
    border-radius: 20px;
    height: 36px;
}

    .css_oa_custans_navbackcont:hover {
        color: white;
        background-color: steelblue;
    }

.css_oa_custans_navbackcont_arrow {
    position: absolute;
    top: 6px;
    left: 6px;
}

.css_oa_custans_navbackcont_circle {
    /*position: absolute;
    top: 0;
    left: 0;*/
    /*margin-right: 10px;*/
}
 
.css_appsel_orderparam_custanswers_subtitle {
    color: slategray;
    font-size: 13px;
}

.css_appsel_orderparam_custanswers_answers_box {
    position: relative;
    width: 100%;
    /*height: 100%;*/
    /*max-height: 400px;*/
    max-height: calc(100vh - 250px);
    text-align: left;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    border-top: 1px solid silver;
    padding: 10px;
}

.css_cldapps_custanswers_answers_canvas {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    -ms-overflow-style: none;
}

    .css_cldapps_custanswers_answers_canvas::-webkit-scrollbar {
        display: none;
    }



.css_cldapp_custanswer_answer_element_cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 5px 10px;
    border: 2px solid darkgoldenrod;
    border-radius: 8px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    margin: 5px;
    cursor: pointer;
}

    .css_cldapp_custanswer_answer_element_cont:hover {
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
    }

.css_cldapp_custanswer_answer_element_cont_answered {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 5px 10px;
    border: 2px solid green;
    border-radius: 8px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

    .css_cldapp_custanswer_answer_element_cont_answered:hover {
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
    }

.css_cldapp_custanswer_answer_line_block_cont {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.css_cldapp_custanswer_answer_line_cont {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}


.css_cldapp_custanswer_answer_chkicon_cont {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.css_cldapp_custanswer_answer_toolboxicon {
    cursor: pointer;
    margin: 0 0 0 5px;
}

.css_cldapp_custanswer_answer_option_title {
    font-size: 16px;
    font-family: Poppins;
    text-align: left;
    color: darkslategray;
    font-weight: 500;
}


.css_cldapp_custanswer_answer_option_subtitle {
    font-size: 12px;
    font-family: Poppins;
    text-align: left;
    color: darkslategray;
    font-weight: 400;
}

.css_cldapp_custanswer_answer_option_subtitle_bold {
    font-size: 12px;
    font-family: Poppins;
    text-align: left;
    color: darkslategray;
    font-weight: 600;
}
.css_oa_op_custquestions_box {
    width: 100%;
    background-color: white;
    border-radius: 4px;
    max-height: calc(100vh - 150px);
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
    .css_oa_op_custquestions_box::-webkit-scrollbar {
        display: none;
    }

.css_appsel_orderparam_custquestions_tpnl {
    padding: 10px;
}

.css_appsel_orderparam_custquestions_title_cont {
    text-align: left;
}

.css_appsel_orderparam_custquestions_title_line {
    display: flex;
    flex-direction: row;
}
.css_appsel_orderparam_custquestions_addnew_titletxt {
    font-weight: 600;
    color: darkslategray;
    font-size: 16px;
    cursor: pointer;
}
    .css_appsel_orderparam_custquestions_addnew_titletxt:hover{
        text-decoration: underline;
    }

    .css_appsel_orderparam_custquestions_title {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
.css_appsel_orderparam_custquestions_titletxt {
    font-weight: 600;
    color: darkslategray;
    font-size: 16px;
}
.css_appsel_orderparam_custquestions_subtitle {
    color: slategray;
    font-size: 13px;
}

.css_appsel_orderparam_custquestions_questions_box {
    position: relative;
    width: 100%;
    /*height: 100%;*/
    /*max-height: 400px;*/
    max-height: calc(100vh - 250px);
    text-align: left;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    border-top: 1px solid silver;
    padding: 10px;
}

.css_cldapps_custquestions_questions_canvas {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    -ms-overflow-style: none;
}

    .css_cldapps_custquestions_questions_canvas::-webkit-scrollbar {
        display: none;
    }



.css_cldapp_custquestion_question_element_cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 5px 10px;
    border: 2px solid darkgoldenrod;
    border-radius: 8px;
    margin: 5px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    cursor: pointer;
}
    .css_cldapp_custquestion_question_element_cont:hover {
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
    }

.css_cldapp_custquestion_question_element_cont_required {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 5px 10px;
    margin: 5px;
    border: 2px solid mediumvioletred;
    border-radius: 8px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

    .css_cldapp_custquestion_question_element_cont_required:hover {
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
    }

.css_cldapp_custquestion_question_element_cont_answered {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 5px 10px;
    margin: 5px;
    border: 2px solid green;
    border-radius: 8px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

    .css_cldapp_custquestion_question_element_cont_answered:hover {
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
    }

.css_cldapp_custquestion_question_line_block_cont {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.css_cldapp_custquestion_question_line_cont {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.css_cldapp_custquestion_question_anstype_cont {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.css_cldapp_custquestion_question_chkicon_cont {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.css_cldapp_custquestion_question_chkicon_box {
    margin-right: 5px;
}

.css_cldapp_custquestion_question_toolboxicon {
    cursor: pointer;
    margin: 0 0 0 5px;
}

.css_cldapp_custquestion_question_option_title {
    font-size: 16px;
    font-family: Poppins;
    text-align: left;
    color: darkslategray;
    font-weight: 500;
}

.css_cldapp_custquestion_question_option_title_bold {
    font-size: 16px;
    font-family: Poppins;
    text-align: left;
    color: green;
    font-weight: 700;
}

.css_cldapp_custquestion_question_option_subtitle {
    font-size: 12px;
    font-family: Poppins;
    text-align: left;
    margin-left: 28px;
    color: darkslategray;
    font-weight: 400;
}

.css_cldapp_custquestion_question_option_subtitle_bold {
    font-size: 12px;
    font-family: Poppins;
    text-align: left;
    color: darkslategray;
    font-weight: 600;
}

.css_cldapp_custquestion_question_option_anstype_man {
    font-size: 10px;
    font-family: Poppins;
    text-align: left;
    color: darkmagenta;
    font-weight: 600;
}
.css_cldapp_custquestion_question_option_anstype_man_set {
    font-size: 10px;
    font-family: Poppins;
    text-align: left;
    color: green;
    font-weight: 600;
}
.css_cldapp_custquestion_question_option_anstype_opt {
    font-size: 10px;
    font-family: Poppins;
    text-align: left;
    color: darkgoldenrod;
    font-weight: 400;
}

.css_cldapps_editcustqs_modal_box {
    position: relative;
    width: 90%;
    max-width: 500px;
    border-radius: 14px;
    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    text-align: center;
    margin: 10px auto 10px auto;
    padding: 20px;
    pointer-events: auto;
}

.css_cldapps_editcustqs_modal_title {
    color: #000000;
    font-size: 18px;
    margin: 10px;
    font-weight: 500;
}

.css_cldapps_editcustqs_settings_cont {
    text-align: left;
    margin-top: 10px;
    border: 1px solid #D2D2D2;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.css_cldapps_editcustqs_section{
    margin: 5px 0;
}

.css_cldapps_freetextcustqs_section_title {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    margin: 10px 0 0 0;
}

.css_cldapps_freetextcustqs_section_subtitle {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
}
.css_cldapps_freetextcustqs_text_input {
    margin-top: 0px;
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: darkgray;
    font-size: 16px;
    font-family: Poppins;
    font-weight: 500;
    background-color: white;
    padding: 6px 10px 6px 10px;
    width: 100%;
}

.css_cldapps_freetextcustqs_accept_butt {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 20px;
    height: 40px;
    max-width: 200px;
    text-align: center;
    font-weight: 500;
    background-color: green;
    font-size: 14px;
    color: white;
    border: 2px solid white;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 7px;
}

    .css_cldapps_freetextcustqs_accept_butt:hover {
        color: white;
        background-color: darkgreen;
        border-color: white;
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,1);
    }
.css_cldapps_editcustqs_section_title {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    margin: 10px 0 0 0;
}

.css_cldapps_editcustqs_section_subtitle {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 500;
    margin: 0;
}

.css_cldapps_editcustqs_text_input {
    margin-top: 0px;
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: darkgray;
    font-size: 16px;
    font-family: Poppins;
    background-color: white;
    padding: 6px 10px 6px 10px;
    width: 100%;
}

.css_cldapps_editcustqs_update_butt {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 20px;
    height: 40px;
    max-width: 200px;
    text-align: center;
    font-weight: 500;
    background-color: royalblue;
    font-size: 14px;
    color: white;
    border: 2px solid white;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 7px;
}

    .css_cldapps_editcustqs_update_butt:hover {
        color: white;
        background-color: royalblue;
        border-color: white;
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,1);
    }


.css_appsel_orderparam_message_title_cont {
    text-align: left;
}

.captivaappbuild_messagesoptions {
    /* height: 100%; */
    /*width: 100%;*/
    /* max-width: 300px; */
    min-width: 200px;
    /* min-height: 500px; */
    border-radius: 4px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.2);
    /* text-align: left;*/
}

.css_oa_op_usercontact_box {
    display: flex;
    flex-wrap: wrap;
    /*text-align: center;*/
    padding: 20px;
    margin: 20px auto;
    justify-content: center;
    background-color: white;
    border-radius: 4px;
}
.css_oa_op_userverify_box {
    width: 100%;
    /*max-width: 500px;*/
    /*border-width: 1px;
    border-color: #000000;
    border: solid;*/
    /*max-height: 400px;*/
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    overflow-x: hidden;
    max-height: calc(100vh - 150px);
    -ms-overflow-style: none;
    scrollbar-width: none;
}
    .css_oa_op_userverify_box::-webkit-scrollbar {
        display: none;
    }

.div_appsel_op_userverify_title {
    color: #1e90ff;
    
    font-size: 24px;
    font-weight: bold;
    /*margin-top: 15px;*/
    text-align: center;
}

.div_appsel_op_userverify_title_or {
    color: #1e90ff;
    
    font-size: 24px;
    font-weight: bold;
    /*margin-top: 15px;*/
    text-align: center;
}
.captivaappbuild_uservalidateoptions {
    /*height: 100%;*/
    width: 100%;
    /*max-width: 300px;*/
    min-width: 200px;
    /*min-height: 500px;*/
    border-radius: 0px 0px 3px 3px;
    /*margin: 10px;*/
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.2);
    text-align: left;
}

.css_ordvalidating_title {
    color: steelblue;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}

.css_ordvalidating_subtitle {
    color: darkorange;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}




.captivaappbuild_userverifyoptions {
    /*height: 100%;*/
    width: 100%;
    /*max-width: 300px;*/
    min-width: 200px;
    /*min-height: 500px;*/
    border-radius: 0px 0px 3px 3px;
    /*margin: 10px;*/
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.2);
    text-align: left;
}
.captivaappbuild_userverifyoptions_desc {
    color: darkslategrey;
    
    font-size: 18px;
    font-weight: bold;
    /*margin-top: 15px;*/
    text-align: center;
}

.css_oa_ordver_email_cont {
    position: relative;
    border: 1px solid #D2D2D2;
    padding: 5px;
    text-align: center;
}

.css_oa_ordver_email_head {
    color: darkslategrey;
    font-size: 20px;
    font-weight: 600;
    margin-top: 15px;
    text-align: center;
}

.css_oa_ordver_email_desc {
    color: darkslategrey;
    font-size: 12px;
    margin-top: 15px;
    text-align: center;
}

.css_cldapp_ol_ordver_emailcode_entry_text {
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    font-size: 20px;
    font-weight: bold;
    background-color: white;
    padding: 6px 10px 6px 10px;
    min-width: 120px;
    height: 40px;
    resize: none;
}

.css_oa_ordver_emailcode_resend {
    color: mediumvioletred;
    font-size: 18px;
    font-weight: 500;
    padding: 10px;
    cursor: pointer;
    text-decoration: underline;
}
    .css_oa_ordver_emailcode_resend:hover {
        font-weight: 600;
    }

    .css_oa_ordveremail_addname_remme_row {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        margin-bottom: 10px;
    }

.css_cldapp_ol_ordver_email_addemail_checkbox_label {
    color: darkslategray;
    font-size: 14px;
    font-weight: 500;
    padding-top: 3px;
    cursor: pointer;
}

.css_oa_ordver_veremailbutt {
    border: 2px solid white;
    border-radius: 0 4px 4px 0;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: linear-gradient( 225deg, #428af5 0%, #3774c0 100%);
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    width: 180px;
    /*height: 46px;*/
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 10px auto;
    text-align: center;
}
    .css_oa_ordver_veremailbutt:hover {
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
        font-weight: 600;
    }

.css_oa_ordver_emailcodebutt {
    cursor: pointer;
}

.css_oa_ordver_email_status {
    color: darkred;
    font-size: 12px;
    font-weight: 600;
    margin-top: 15px;
    text-align: center;
}


.css_oa_ordver_cont {
    position: relative;
    border: 1px solid #D2D2D2;
    margin: 10px;
    padding: 20px;
    text-align: center;
}

.css_oa_ordver_head {
    color: darkslategrey;
    font-size: 20px;
    font-weight: 600;
    margin-top: 15px;
    text-align: center;
}

.css_oa_ordver_status {
    color: darkred;
    font-size: 12px;
    font-weight: 600;
    margin-top: 15px;
    text-align: center;
}
.css_oa_ordver_desc {
    color: darkslategrey;
    font-size: 12px;
    margin-top: 15px;
    text-align: center;
}
.css_oa_ordver_havecode {
    color: darkslategrey;
    
    font-size: 12px;
    margin: 10px auto;
    /* font-weight: bold; */
    margin: 15px auto;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.css_oa_ordver_havecode_lbl {
    padding: 3px 10px 0 6px;
    cursor: pointer;
}

.css_oa_ordver_signinbutt {
    border-radius: 4px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: linear-gradient( 225deg, #428af5 0%, #3774c0 100%);
    color: #FFFFFF;
    
    font-size: 16px;
    width: 180px;
    height: 45px;
    cursor: pointer;
    padding-top: 10px;
    margin: 10px auto;
    text-align: center;
}

.css_oa_ordver_vermob_sendbutt_std {
    border-radius: 0 4px 4px 0;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: linear-gradient( 225deg, #428af5 0%, #3774c0 100%);
    color: #FFFFFF;
    
    font-size: 16px;
    width: 180px;
    height: 45px;
    cursor: pointer;
    padding-top: 10px;
    margin: 10px auto;
    text-align: center;
}

.css_oa_ordver_vermob_sendbutt_disabled {
    border-radius: 25px;
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
    /*background: linear-gradient( 225deg, dimgrey 0%, silver 100%);*/
    background-color: silver;
    color: #FFFFFF;
    
    font-size: 12px;
    width: 120px;
    height: 35px;
    /*cursor: pointer;*/
    padding-top: 10px;
    margin: 10px auto;
    text-align: center;
}

.css_oa_ordver_vermobbutt {
    border-radius: 0 4px 4px 0;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: linear-gradient( 225deg, #428af5 0%, #3774c0 100%);
    color: #FFFFFF;
    font-size: 16px;
    width: 180px;
    height: 45px;
    cursor: pointer;
    padding-top: 10px;
    margin: 10px auto;
    text-align: center;
}
.css_oa_ordver_mobcodebutt {
    cursor: pointer;
}
.css_oa_ordver_modcode_resend {
    color: #F8644E;
    font-size: 18px;
    padding: 10px;
    cursor: pointer;
    text-decoration: underline;
}

.css_oa_ordvermob_addemail_cont {
    position: relative;
    /* border: 1px solid #D2D2D2; */
    margin: 10px;
    padding: 10px 0 10px 0;
    text-align: left;
}


.css_oa_ordvermob_addemail_prompt {
    color: darkslategrey;
    
    font-size: 16px;
    font-weight: 600;
    margin-top: 15px;
    margin-left: 10px;
    text-align: left;
}
.css_oa_ordvermob_addemail_desc {
    color: darkslategrey;
    font-size: 12px;
    margin-bottom: 15px;
    text-align: left;
}
.css_oa_ordvermob_usercontact_cont {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.css_oa_ordverget_usercontact_cont {
    display: flex;
    flex-direction: column;
}


.css_cldapps_ol_getusrcontact_loading_panel {
    text-align: center;
    /*width: 200px;*/
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.css_cldapps_ol_getusrcontact_loading_label {
    width: 100%;
    padding: 10px;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    color: steelblue;
    margin: 10px auto;
}

.css_oa_ordvermob_addname_remme_row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin-bottom: 10px;
}
.css_oa_ordvermob_addname_row {
    display: flex;
    flex-direction: column;
    /*flex-wrap: nowrap;*/
    text-align: left;
}
.css_oa_ordvermob_addname_row_col {
    display: flex;
    flex-direction: column;
    margin: 0 10px;
    text-align: left;
}
.css_oa_ordvermob_addname_desc {
    color: darkslategrey;
    
    font-size: 14px;
    /*font-weight: bold;*/
    margin-top: 15px;
    text-align: left;
}

.css_cldapp_ol_ordver_mobile_addemail_text {
    margin: 0 auto 10px 0;
    box-sizing: border-box;
    border-radius: 0;
    border-width: 1px;
    border-style: solid;
    border-color: silver;
    font-size: 16px;
    font-family: Poppins;
    font-weight: 500;
    background-color: white;
    padding: 6px 0px 6px 0px;
    width: 80%;
    min-width: 120px;
}
.css_cldapp_ol_ordver_mobile_addname_text {
    margin: 0 auto 10px 0;
    box-sizing: border-box;
    border-radius: 0;
    border-width: 1px;
    border-style: solid;
    border-color: silver;
    font-size: 16px;
    font-family: Poppins;
    font-weight: 500;
    background-color: white;
    padding: 6px 0px 6px 0px;
    width: 80%;
    min-width: 120px;
}
.css_cldapp_ol_ordver_mobile_addemail_checkbox_label {
    color: darkslategray;
    font-size: 14px;
    font-weight: 500;
    padding-top: 3px;
    cursor: pointer;
}
.css_cldapp_ol_ordver_mobile_entry_text {
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    box-sizing: border-box;
    /* border-radius: 5px 5px 5px 5px; */
    border-width: 1px;
    border-style: solid;
    border-color: black;
    font-size: 20px;
    font-weight: bold;
    
    background-color: white;
    padding: 6px 10px 6px 10px;
    min-width: 120px;
    height: 40px;
    resize: none;
    width: 80%;
}

.css_cldapp_ol_ordver_mobilecode_entry_text {
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    font-size: 20px;
    font-weight: bold;
    background-color: white;
    padding: 6px 10px 6px 10px;
    min-width: 120px;
    height: 40px;
    resize: none;
}




.css_oa_op_osummary_item {
    width: 100%;
    max-width: 300px;
    text-align: center;
}

.css_oa_op_osummary_icon {
    /*position:absolute;
    top: 5px;*/
}


.css_oa_op_osummary_label {
    color: rgba(0,0,0,0.7);
    
    font-size: 22px;
    margin-left: 5px;
    margin-top: 2px;
}



.css_oa_deltme_date_bar {
    /*width: 100%;*/
    height: 100px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
}

.css_oa_deltme_date_bar_canvas {
    /*width: 100%;*/
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
}

.css_oa_deltme_date_bar_ele_hot {
    height: 90px;
    width: 46px;
    border-radius: 23px;
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    text-align: center;
    padding-top: 15px;
    cursor: pointer;
    color: #FFFFFF;
    margin: 5px;
}

.css_oa_deltme_date_bar_ele {
    height: 90px;
    width: 46px;
    border-radius: 23px;
    background-color: rgb(241, 241, 241);
    color: #000000;
    text-align: center;
    margin: 5px;
    padding-top: 15px;
    cursor: pointer;
}

.deltme_date_bar_mon {
    
    font-size: 12px;
}

.deltme_date_bar_date {
    
    font-size: 20px;
    font-weight: bold;
}

.deltme_date_bar_day {
    
    font-size: 12px;
}



.css_cldapp_loadertimeslots_progress_box_cont {
    max-width: 300px;
    padding: 15px;
    text-align: center;
    margin: 10px auto;
    border-radius: 6px;
    background-color: white;
}
.css_cldapp_loadertimeslots_progress_box {
    padding: 10px;
    margin: 10px auto;
}


.css_cldapp_loadertimeslots_additionaltitle {
    width: 100%;
    padding: 10px;
    font-weight: 600;
    font-size: 16px;
}

.css_cldapp_loadertimeslots_results_title {
    width: 100%;
    padding: 10px;
    color: steelblue;
    font-weight: 500;
}

.css_cldapp_loadertimeslots_results_subtitle {
    width: 100%;
    padding: 10px;
    font-size: 14px;
}

.css_cldapp_loadertimeslots_loader_title {
    width: 100%;
    padding: 10px;
    color: steelblue;
    font-weight: 500;
}

.css_cldapp_loadertimeslots_loader_subtitle {
    width: 100%;
    padding: 10px;
    font-size: 14px;
}


.css_cldapp_loadertimeslots_failresult_progress_box {
    max-width: 300px;
    padding: 10px 20px;
    text-align: center;
    margin: 10px auto;
}

.css_cldapp_loadertimeslots_successresult_progress_box {
    max-width: 300px;
    padding: 10px 20px;
    text-align: center;
    margin: 10px auto;
}

.css_cldapp_loadertimeslots_success_result_box_success_cont {
    position: relative;
}

.css_cldapp_loadertimeslots_fail_result_box_success_cont {
    position: relative;
}


.css_cldapp_loadertimeslots_result_container {
    text-align: center;
    margin: 20px auto;
    padding: 15px;
    border-radius: 8px;
    max-width: 600px;
    border: 1px solid gray;
    background-color: white;
    box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.2);
}
.css_cldapp_loadertimeslots_retry_container {
    text-align: center;
    margin: 20px auto;
    padding: 15px;
    border-radius: 8px;
    max-width: 600px;
    border: 1px solid gray;
    background-color: white;
    box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.2);
}

.css_cldapp_loadertimeslots_retry_icon_container {
    text-align: center;
}

.css_cldapp_loadertimeslots_retry_title {
    text-align: center;
    margin: 10px auto;
    font-size: 18px;
}

.css_cldapp_loadertimeslots_retry_instruct {
    text-align: center;
    margin: 10px auto;
    font-size: 20px;
    font-weight: 600;
}

.css_cldapp_loadertimeslots_retry_subtitle {
    text-align: center;
    margin: 10px auto;
    font-size: 12px;
    color: slategray;
}

.css_cldapp_loadertimeslots_retry_smallprint {
    text-align: center;
    margin: 10px auto;
    font-size: 12px;
}

.css_cldapp_loadertimeslots_loader_button_retry {
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    /*height: 36px;*/
    width: 80%;
    max-width: 180px;
    border-radius: 8px;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    background: linear-gradient(225deg, darkgreen 0%, green 100%);
    color: #FFFFFF;
    font-size: 14px;
    margin: 30px auto 30px auto;
    cursor: pointer;
}

    .css_cldapp_loadertimeslots_loader_button_retry:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
    }

.css_cldapp_loadertimeslots_loader_button_back {
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    /*height: 36px;*/
    width: 80%;
    max-width: 180px;
    border-radius: 8px;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    background-color: steelblue;
    color: #FFFFFF;
    font-size: 14px;
    margin: 30px auto 30px auto;
    cursor: pointer;
}

    .css_cldapp_loadertimeslots_loader_button_back:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
    }


.css_oa_deltme_tmeslt_box {
    position: relative;
    width: 100%;
    /*height: 100%;*/
    max-height: 400px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    border-top: 2px solid silver;
    padding-top: 10px;
    padding-bottom: 30px;
}


.css_oa_deltme_tmeslt {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 90%;
    /*height: 40px;*/
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    background-color: #FFFFFF;
    margin: auto auto 10px auto;
    padding: 10px 30px;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    cursor: pointer;
}
    .css_oa_deltme_tmeslt:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
        font-weight: 600;
        border: 2px solid silver;
    }

.css_oa_deltme_tmeslt_hot {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 90%;
    /*height: 40px;*/
    border-radius: 6px;
    border: 2px solid #F85D79;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    background-color: #FFFFFF;
    margin: auto auto 10px auto;
    padding: 10px 30px;
    text-align: left;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    cursor: pointer;
}
    .css_oa_deltme_tmeslt_hot:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
        font-weight: 700;
        border-width: 3px;
    }
.css_oa_deltme_slot_hdrrow{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.css_oa_deltme_tmeslt_dte {
    position: absolute;
    top: 10px;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    /*text-align: left;*/
    color: grey;
    font-size: 16px;
    font-weight: 400;
    /*margin-left: 20px;*/
    cursor: pointer;
}

.css_oa_deltme_tmeslt_boxslotcont {
   display: flex;
   flex-direction: column;
}
.css_oa_deltme_tmeslt_boxslottitle_unavail {
    color: white;
    background-color: mediumvioletred;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin: 5px auto 0 auto;
    border-radius: 14px;
    padding: 2px 20px;
    border: 2px solid white;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.6);
}
.css_oa_deltme_tmeslt_boxslottitle {
    color: white;
    background-color: steelblue;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin: 5px auto 0 auto;
    border-radius: 14px;
    padding: 2px 20px;
    border: 2px solid white;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.6);
}
.css_oa_deltme_tmeslt_boxslottitle_hidden{
    display: none;
}

.css_oa_deltme_tmeslt_boxslotrow_cont {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px;
}
.css_oa_deltme_tmeslt_boxslotitemcont_unsel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 2px solid silver;
    padding: 5px;
    font-weight: 500;
    margin: 5px 0;
    width: 80px;
    border-radius: 4px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
}
    .css_oa_deltme_tmeslt_boxslotitemcont_unsel:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
        border-color: grey;
        font-weight: 600;
    }

.css_oa_deltme_tmeslt_boxslotitemcont_sel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 2px solid green;
    background-color: palegreen;
    color: darkgreen;
    padding: 5px;
    font-weight: 600;
    margin: 5px 0;
    width: 80px;
    border-radius: 4px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
}
    .css_oa_deltme_tmeslt_boxslotitemcont_sel:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
        border-color: darkgreen;
        font-weight: 600;
    }

.css_oa_deltme_tmeslt_boxslotitemcont_block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 2px solid orangered;
    padding: 5px;
    font-weight: 500;
    margin: 5px 0;
    width: 80px;
    border-radius: 4px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
}

    .css_oa_deltme_tmeslt_boxslotitemcont_block:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
        border-color: darkred;
        font-weight: 600;
    }


    .css_oa_deltme_tmeslt_boxslotitemtitle {
        font-size: 12px;
        text-align: center;
    }
.css_oa_deltme_tmeslt_boxslotitemsubtitle {
    font-size: 10px;
    text-align: center;
    color: silver;
}
.css_oa_deltme_tmeslt_boxslotitemsubtitle_sel {
    font-size: 10px;
    text-align: center;
    color: green;
}
.css_oa_deltme_tmeslt_boxslotitemsubtitle_unavail {
    font-size: 10px;
    text-align: center;
    color: orangered;
}
.css_oa_deltme_tmeslt_tme {
    /*position: absolute;
    top: 10px;
    left: 10px;*/
    /*text-align: left;*/
    color: #000000;
    /*font-size: 16px;*/
    /*margin-left: 20px;*/
    cursor: pointer;
}

.css_appsel_dteslt_tkpnl {
    /*position: absolute;
    top: 6px;
    right: 20px;*/
    margin: 1px 0 0 auto;
   
}


.css_appsel_dteslt_tkpnlimg {
    height: 24px;
}

.css_oa_ol_signedin_panel {
    
    width: 90%;
    max-width: 800px;
    min-height: 150px;
    /*max-height: 400px;*/
    background: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 0 auto 10px auto;
    /*padding: 20px;*/
    padding: 20px;
    text-align: center;
}

.css_oa_ol_signedin_loyalty_panel {
    margin: 20px;
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
}

.css_oa_ol_signedin_loyalty_item {
    margin: 20px;
    padding: 10px;
    border: 1px solid #D2D2D2;
}

.css_oa_ol_signedin_loyalty_title {
    margin: 5px;
    
    font-size: 24px;
    font-weight: bold;
}

.css_oa_ol_signedin_loyalty_subtitle {
    margin: 5px;
    
    font-size: 18px;
}

.css_oa_ol_signedin_loyalty_points {
    margin: 5px;
    
    font-size: 26px;
    font-weight: bold;
}

.css_oa_ol_signedin_loyalty_pointline {
    text-align: center;
    margin: 5px;
}
/*.css_oa_ol_signedin_loyalty_stampsbar {
   
    margin: auto 0 auto 0;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}*/
.css_oa_ol_signedin_loyalty_stamp {
    margin: 5px;
    text-align: center;
}

.css_oa_ol_signedin_loyalty_stamp_img {
    max-width: 30px;
    max-height: 30px;
}

.css_cldapp_ol_brandinfomodal_boxmodal_dialog {
    position: relative;
    pointer-events: none;
    width: 90%;
    max-width: 800px;
    margin: auto;
}
.css_cldapp_ol_brandinfomodal_box {
    position: relative;
    /*height: 100%;*/
    width: 100%;
    /*max-height: 700px;*/
    /*max-width: 500px;*/
    border-radius: 14px;
    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    text-align: center;
    /*margin: 100px auto 10px auto;*/
    padding: 20px;
    pointer-events: auto;
}
.css_brandinfo_panel_container {
    /*width: 90%;*/
    max-width: 800px;
    margin: 10px auto 10px auto;
    border-radius: 8px;
    padding: 10px;
    /*background-color: #FFFFFF;*/
}

.css_brandinfo_panel_container_inner {
    text-align: center;
    width: 100%;
    border-radius: 8px;
    border-width: 4px;
    border-style: solid;
    padding: 10px;
    max-height: 75vh;
    overflow-x: hidden;
    /*border-color: dodgerblue;*/
    /*background-color: #FFFFFF;*/
    -ms-overflow-style: none;
    scrollbar-width: none;
}
    .css_brandinfo_panel_container_inner::-webkit-scrollbar {
        display: none;
    }

.css_brandinfo_panel_title {
    /* color: #000000; */
    
    font-size: 20px;
    font-weight: bold;
    margin: 10px auto;
    text-align: center;
    /*width: 100%;*/
    max-width: 300px;
    /*margin-left: auto;
    margin-right: auto;*/
    border: 2px solid #D2D2D2;
    padding: 5px 10px;
    border-radius: 5px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}
.css_brandaction_panel_container_for_accessibility {
    max-width: 800px;
    /*margin: 10px auto 10px auto;*/
    border-radius: 8px;
    padding: 10px;
    margin: 0;
    position: absolute;
    bottom: 40px;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 100%;
    max-height: 50vh;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
    .css_brandaction_panel_container_for_accessibility::-webkit-scrollbar {
        display: none;
    }

.css_brandaction_panel_title {
    /* color: #000000; */
    font-size: 20px;
    font-weight: 500;
    /*margin-top: 20px;*/
    margin-bottom: 2px;
    text-align: center;
    width: 100%;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #D2D2D2;
    border-radius: 4px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    padding: 5px 10px 10px 5px;
}

.css_brandaction_panel_subtitle {
    color: steelblue; 
    background-color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    text-align: center;
    width: 100%;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    border: 1px solid #D2D2D2;
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
    padding: 5px 10px 10px 5px;
}
.css_brandaction_selparams_title {
    font-size: 22px;
    font-weight: bold;
    margin-top: 15px;
    text-align: center;
    width: 100%;
}

.css_oa_ol_centerpanel {
    width: 90%;
    max-width: 800px;
    min-height: 150px;
    max-height: 400px;
    /*background: #FFFFFF;*/
    border-radius: 4px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 0 auto 10px auto;
    /*padding: 20px;*/
    padding-bottom: 20px;
    text-align: left;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}

.css_oa_appsts_banner {
    border-radius: 4px 4px 0 0;
    height: 40px;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    
    font-size: 16px;
    font-weight: 500;
}

.css_oa_ol_home_top_spacer {
    position: relative;
    /*height: 430px;*/
    background-color: transparent;
}

.css_oa_ol_main_ordernow {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: 50px;
    background-color: transparent;
}

.css_oa_ol_main_ordernowbutton_hot {
    position: relative;
    text-align: center;
    padding-top: 10px;
    height: 44px;
    width: 160px;
    border-radius: 8px;
    border-width: 1px;
    border-style: solid;
    /*background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);*/
    /*color: #FFFFFF;*/
    
    font-weight: 500;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

.css_oa_ol_main_ordernow_sml {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: 50px;
    background-color: transparent;
}

.css_oa_ol_main_ordernowbutton_hot_sml {
    position: relative;
    text-align: center;
    padding-top: 10px;
    height: 44px;
    width: 160px;
    border-radius: 8px;
    border-width: 2px;
    border-style: solid;
    /*background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);*/
    /*color: #FFFFFF;*/
    
    font-weight: 500;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}
    .css_oa_ol_main_ordernowbutton_hot_sml:hover {
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
        font-weight: 600;
    }

    .css_oa_ol_main_ordernow_med {
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
        height: 65px;
        background-color: transparent;
    }

.css_oa_ol_main_ordernowbutton_hot_med {
    position: relative;
    text-align: center;
    padding-top: 10px;
    height: 60px;
    width: 200px;
    border-radius: 8px;
    border-width: 2px;
    border-style: solid;
    /*background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);*/
    /*color: #FFFFFF;*/
    
    font-weight: 500;
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}
    .css_oa_ol_main_ordernowbutton_hot_med:hover {
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    }

    .css_oa_ol_main_ordernow_lrg {
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
        height: 80px;
        background-color: transparent;
    }

.css_oa_ol_main_ordernowbutton_hot_lrg {
    position: relative;
    text-align: center;
    padding-top: 20px;
    height: 80px;
    width: 240px;
    border-radius: 8px;
    border-width: 2px;
    border-style: solid;
    /*background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);*/
    /*color: #FFFFFF;*/
    
    font-weight: 500;
    font-size: 28px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}
    .css_oa_ol_main_ordernowbutton_hot_lrg:hover {
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    }

.css_oa_ol_centerpaneltitle {
    
    font-size: 20px;
    font-weight: 600;
    margin-left: 20px;
    margin-top: 10px;
}

.css_oa_ol_centerpanelsub {
    
    /*color: #000000;*/
    font-size: 13px;
    font-weight: 300;
    /*max-width: 400px;*/
    margin-left: 20px;
    margin-right: 20px;
    /*margin-top: 15px;*/
}

.css_op_brand_news_banner {
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
    margin-top: 20px;
    margin-bottom: 20px;
}

.css_cldapps_ol_brand_news_panel {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.css_oa_news_panelbox {
    height: 330px;
    width: 100%;
    max-width: 260px;
    min-width: 240px;
    padding: 10px;
}

.css_oa_news_panel {
    height: 100%;
    width: 100%;
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}

.css_oa_news_itempanel {
    display: inline-block;
    height: 300px;
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 6px;
}

.css_oa_news_itempanel_image_panel {
    width: 100%;
    height: 150px;
    background-color: #FFFFFF;
    border-radius: 6px 6px 0px 0px;
}

.css_oa_news_itempanel_image {
    max-height: 100%;
    max-width: 100%;
}


.css_oa_news_itempanel_textdiv {
    width: 100%;
    height: 150px;
    background-color: #FFFFFF;
    border-radius: 0 0 6px 6px;
    overflow: scroll;
    -ms-overflow-style: none; scrollbar-width: none;
}

    .css_oa_news_itempanel_textdiv::-webkit-scrollbar {
        display: none;
    }

.css_oa_news_itempanel_texttitle {
    color: #000000;
    
    font-weight: bold;
    font-size: 20px;
    text-align: left;
    margin-left: 20px;
    margin-top: 5px;
}


.css_oa_news_itempanel_lnkbutt {
    color: #000000;
    
    font-size: 18px;
    text-align: left;
    margin-left: 20px;
    margin-top: 5px;
}

.css_oa_news_itempanel_textlbl {
    color: #000000;
    
    font-size: 14px;
    text-align: left;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 5px;
    overflow: scroll;
    -ms-overflow-style: none; scrollbar-width: none;
}

    .css_oa_news_itempanel_textlbl::-webkit-scrollbar {
        display: none;
    }


.css_oa_social_bar_cont {
    width: 100%;
    background-color: transparent;
    margin: 10px 0 10px 0;
    text-align: center;
}

.css_oa_ol_social_bar_canvas {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.css_oa_social_bar {
    background-color: transparent;
    width: 200px;
    margin: auto 0 auto 0;
    text-align: center;
}

.css_oa_app_social_image_div {
    margin: 10px;
    text-align: center;
    cursor: pointer;
}

.css_oa_app_social_image {
    max-width: 24px;
    max-height: 24px;
}

.css_oa_links_bar_cont {
    width: 100%;
    background-color: transparent;
    /*margin: 10px 0 10px 0;
    text-align: center;*/
}

.css_oa_links_bar {
    background-color: transparent;
    width: 100%;
    /*margin: auto;*/
    text-align: center;
    justify-content: space-around;
    display: flex;
    /*display: flex;
    flex-direction: row;
    flex-wrap: nowrap;*/
}

.css_oa_app_links_div {
    margin: 3px 20px 0 20px;
    cursor: pointer;
    /*color: #000000;*/
    
    font-size: 14px;
    display: inline-block;
}

.css_oa_applinks_bar_cont {
    width: 100%;
    background-color: transparent;
    /*margin: 10px 0 10px 0;*/
}

.css_oa_app_applinks_bar {
    background-color: transparent;
    width: 100%;
    /*margin: auto 0 auto 0;*/
    text-align: center;
    /*display: flex;
    flex-direction: row;
    flex-wrap: nowrap;*/
}

.css_oa_applinks_bar {
    background-color: transparent;
    /*width: auto;*/
    /*margin: auto 0 auto 0;*/
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.css_oa_app_applinks_image_div {
    margin: 20px;
    /*text-align: center;*/
    display: inline-block;
    cursor: pointer;
    background-color: transparent;
}

.css_oa_app_applinks_image {
    max-width: 150px;
    max-height: 40px;
}

.css_app_editelement_addnewcont {
    width: 100%;
    height: 340px;
    overflow-y: scroll;
    margin-top: 50px;
    -ms-overflow-style: none; scrollbar-width: none;
}

    .css_app_editelement_addnewcont::-webkit-scrollbar {
        display: none;
    }


.cldapp_imglib_search_lbl {
    font-size: 12px;
    color: steelblue;
    margin: auto 5px 0 5px;
}

.cldapp_imglib_search_menu {
    text-align: left;
    /*width: 100%;*/
    /*padding-left: 10px;*/
    /*padding-right: 10px;*/
    padding-top: 8px;
    padding-bottom: 5px;
    display: flex;
    flex-direction: row;
    /*overflow-x: hidden;*/
    height: 55px;
    margin-top: 40px;
    margin-left: 5px;
    /*min-width: 230px;*/
    border-radius: 0px;
    border: 1px solid rgba(0, 0, 0, 0.5);
}

.cldapp_imglib_search_text {
    margin-top: 8px;
    margin-right: 5px;
    margin-left: 0;
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: gray;
    font-size: 16px;
    
    background-color: white;
    padding: 6px 10px 6px 10px;
    min-width: 120px;
    height: 32px;
    resize: none;
}

.css_app_editelement_imglibcont {
    width: 100%;
    height: 500px;
    overflow-y: scroll;
    margin-top: 40px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
    .css_app_editelement_imglibcont::-webkit-scrollbar {
        display: none;
    }

.css_app_editelement_imglibcanvas {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.css_oa_app_brdimglib_image {
    max-height: 100px;
    max-width: 100px;
    margin: 10px;
}

.css_oa_app_brdimglib_image_del_icon {
    position: absolute;
    right: 15px;
    top: 5px;
    /*max-width: 25px;*/
}
.css_oa_editeleselimgname {
    width: 100%;
    text-align: center;
    color: #000000;
    
    font-size: 12px;
    font-weight: 400;
    margin: 10px;
}
.css_app_element_indicator_item_cont{
    position: absolute;
    top: 5px;
    left: 5px;
    cursor: pointer;
}
.css_app_prodedit_ordertype_options_cont {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid silver;
    padding: 10px;
    margin: 5px auto;
    text-align: left;
}
.css_app_prodedit_ordertype_options_notice_label {
    color: darkslategray;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    text-decoration: underline;
    margin-bottom: 10px;
}

.css_app_prodedit_maxorderqty_bar {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid silver;
    padding: 5px 10px;
    margin: 5px auto;
}

.css_app_prodedit_maxorderqty_buttons {
    display: flex;
    flex-direction: row;
    text-align: center;
}

.css_app_prodedit_maxorderqty_btn {
    text-align: center;
    padding: 1px;
    cursor: pointer;
}

.css_app_prodedit_maxorderqty_btn_icon {
    margin-top: 3px;
}

.css_app_prodedit_maxorderqty_qty_value {
    margin: 2px 10px;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    color: #000000;
}

.css_prodedit_maxorderqty_desc {
    color: darkslategray;
    font-weight: 400;
    font-size: 12px;
    text-align: left;
}


.css_cldapp_editele_livesettings_items_min {
    border: 1px solid silver;
    padding: 5px 10px;
    margin: 5px auto;
    height: 50px;
    overflow: hidden;
}

.css_cldapp_editele_livesettings_items {
    border: 1px solid silver;
    padding: 10px;
    margin: 5px auto;
}

.css_cldapp_editele_livesettings_items_title {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    background-color: steelblue;
    padding: 5px;
    margin: 0 auto 5px auto;
    color: white;
}

.css_oa_editelesellivesettingsname {
    text-align: center;
    color: white;
    font-size: 12px;
    font-weight: 600;
    margin: 5px;
}

.css_cldapp_editele_livesettings_option_panel {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid silver;
    padding: 10px;
    /*margin: 10px auto;*/
}

.css_cldapp_editele_livesettings_notice_butt_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}


.css_updatelivesettings_spinner_cont {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
}


.css_updatelivesettings_spinner_panel {
    text-align: center;
    /*width: 200px;*/
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.css_updatelivesettings_spinner_label {
    width: 100%;
    padding: 10px;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    color: steelblue;
    margin: 10px auto;
}

.css_cldapp_editele_livesettings_notice_title_cont {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 10px;
    margin-top: 10px;
}
.css_cldapp_editele_livesettings_notice_title {
    text-align: center;
    color: darkslategray;
    font-size: 14px;
    font-weight: 500;
    margin: 5px auto;
}

.css_cldapp_editele_livesettings_notice_titlestore {
    text-align: center;
    color: steelblue;
    font-size: 12px;
    font-weight: 600;
    margin: 5px auto;
}

    .css_cldapp_editele_livesettings_notice_panel {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 10px;
        /*margin: 10px auto;*/
    }

.css_cldapp_editele_livesettings_notice_label {
    color: slategray;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
}

.css_cldapp_editele_livesettings_notice_butt {
    text-align: center;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    /*width: 80%;*/
    border-radius: 8px;
    background-color: steelblue;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 15px auto 20px auto;
    padding: 10px 20px;
    cursor: pointer;
}

    .css_cldapp_editele_livesettings_notice_butt:hover {
        border: 2px solid white;
        font-weight: 700;
    }

.css_cldapp_editele_livesettings_notice_butt_detail_cont {
    position: relative;
    text-align: center;
    margin: 0 10px;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.css_cldapp_element_day_availability_container {
    margin: 10px;
    border: 1px solid #D2D2D2;
    padding: 10px 20px;
    text-align: left;
}
.css_clsapp_editele_availnotice_select_preview_cont {
    text-align: center;
    width: 100%;
    margin: 10px auto;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    padding: 10px;
}

.css_clsapp_editele_availnotice_select_preview {
    /*margin: 5px auto;
    padding: 5px 10px;*/
    font-size: 12px;
    font-weight: 500;
    /*border-radius: 5px;*/
    padding: 2px 5px;
    margin: 5px auto 5px 0;
    display: inline-block;
}

.css_clsapp_editele_availnotice_select_preview_title {
    font-size: 10px;
    text-align: center;
    width: 100%;
}

.css_cldapp_element_day_livesettings_container {
    margin: 10px;
    border: 1px solid #D2D2D2;
    padding: 10px;
    text-align: left;
}
.css_cldapp_element_day_livesettings_block {
    margin: 10px;
    padding: 10px;
    text-align: left;
}

.css_cldapp_editele_availability_items_min {
    border: 1px solid silver;
    padding: 5px 10px;
    margin: 5px auto;
    height: 50px;
    overflow: hidden;
}

.css_cldapp_editele_availability_items {
    border: 1px solid silver;
    padding: 10px;
    margin: 5px auto;
}

.css_cldapp_editele_availability_items_title {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    background-color: steelblue;
    padding: 5px;
    margin: 0 auto 5px auto;
    color: white;
}

.css_oa_editeleselavailabilityname {
    text-align: center;
    color: white;
    font-size: 12px;
    font-weight: 600;
    margin: 5px;
}

.css_cldapp_editele_availability_option_panel {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid silver;
    padding: 10px;
    /*margin: 10px auto;*/
}

.css_cldapp_element_day_availability_container {
    text-align: left;
    margin: 10px 10px 30px 10px;
    border: 1px solid #D2D2D2;
    padding: 10px;
}

.css_cldapp_element_day_availability_time_container {
    position: relative;
    font-size: 14px;
    border: 1px solid silver;
    background-color: white;
    margin: 5px;
    padding: 10px 0 5px 10px;
    text-align: left;
}

.css_cldapp_element_day_availability_times_container {
    position: relative;
    border: 1px solid darkslategrey;
    border-radius: 5px;
    background-color: antiquewhite;
    margin: 5px;
    padding: 10px;
    text-align: left;
}

.css_cldapp_editele_extn_items_title {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    background-color: steelblue;
    padding: 5px;
    margin: 0 auto 5px auto;
    color: white;
}

.css_cldapp_editele_extn_items_min {
    border: 1px solid silver;
    padding: 5px 10px;
    margin: 5px auto;
    height: 50px;
    overflow: hidden;
}

.css_cldapp_editele_extn_items {
    border: 1px solid silver;
    padding: 10px;
    margin: 5px auto;
}

.css_cldapp_editele_availswitch_option_item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: white;
    text-align: left;
    margin: 5px;
    padding: 5px;
}
.css_cldapp_editele_availswitch_item_text {
    position: relative;
    margin-left: 10px;
    margin-top: 15px;
    color: darkslategray;
    font-size: 12px;
}
.css_cldapp_editele_availswitch_notice_contents{
    border-radius: 6px;
    border: 1px solid silver;
    padding: 10px;
    margin: 10px;
}

.css_cldapp_editele_color_option_item {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    background-color: white;
    text-align: left;
    margin: 5px;
    padding: 5px;
}
.css_cldapp_editele_color_item_text {
    position: relative;
    margin-left: 10px;
    margin-top: 15px;
    color: darkslategray;
    font-size: 12px;
}

.css_cldapp_editele_blocksale_item_text {
    position: relative;
    margin-left: 10px;
    margin-top: 15px;
    color: darkslategray;
    font-size: 12px;
}

.css_clsapp_editele_badge_select_cont{
    font-size: 12px;
}
    .css_clsapp_editele_badge_select_canvas{

    }
.div_editele_badge_select_item {
    margin: 5px auto;
    padding: 5px 10px;
    color: steelblue;
    background-color: white;
    border: 1px solid lightsteelblue;
    cursor: pointer;
}
    .div_editele_badge_select_item:hover {
        color: white;
        background-color: darkgreen;
    }
    .div_editele_badge_select_item_selected {
        margin: 5px auto;
        padding: 5px 10px;
        color: white;
        background-color: darkgreen;
        border: 1px solid forestgreen;
        cursor: pointer;
    }
.css_clsapp_editele_badge_select_preview_cont {
    text-align: center;
    width: 100%;
    margin: 10px auto;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    padding: 10px;
}
.css_clsapp_editele_badge_select_preview {
    /*margin: 5px auto;
    padding: 5px 10px;*/
    font-size: 12px;
    font-weight: 500;
    /*border-radius: 5px;*/
    padding: 2px 5px;
    margin: 5px auto 5px 0;
    display: inline-block;
}
.css_clsapp_editele_badge_select_preview_title{
    font-size: 10px;
    text-align: center;
    width: 100%;
}

.css_clsapp_catalogue_storelivenotice_badge {
    /*margin: 5px auto;*/
    /*padding: 5px 10px;*/
    font-size: 10px;
    font-weight: 500;
    /*border-radius: 5px;*/
    padding: 2px 5px;
    margin: 5px auto 0 0;
    display: inline-block;
}

.css_clsapp_catalogue_availabilitynotice_badge {
    /*margin: 5px auto;*/
    /*padding: 5px 10px;*/
    font-size: 10px;
    font-weight: 500;
    /*border-radius: 5px;*/
    padding: 2px 5px;
    margin: 5px auto 0 0;
    display: inline-block;
}

.css_clsapp_catalogue_element_badge {
    /*margin: 5px auto;*/
    /*padding: 5px 10px;*/
    font-size: 10px;
    font-weight: 500;
    /*border-radius: 5px;*/
    padding: 2px 5px;
    margin: 5px auto 0 0;
    display: inline-block;
}

.css_cldapp_ordsumm_ordquestions_notice_cont {
    padding: 2px 5px;
    margin: 5px auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.css_cldapp_ordsumm_ordquestions_notice_text {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    color: steelblue;
    margin: 5px auto;
}

.css_cldapp_ordsumm_loyalty_postorder_notice_cont {
    padding: 2px 5px;
    margin: 5px auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.css_cldapp_ordsumm_loyalty_postorder_notice_title_text {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    color: steelblue;
    margin: 5px auto;
}
.css_cldapp_ordsumm_loyalty_postorder_notice_body_text {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    color: darkslategrey;
    margin: 5px auto;
}
.css_cldapp_ordsumm_loyalty_cardcont {
    margin: auto 0 auto 0;
}

.css_cldapp_ordsumm_loyalty_card_img {
    border-radius: 4px;
    width: 100px;
    box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.4);
}


.css_clsapp_product_selector_maxqty_notice_cont {
    padding: 2px 5px;
    margin: 5px auto 0 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}


.css_clsapp_product_selector_maxqty_notice_text {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 500;
    margin-left: 5px;
    margin-top: 2px;
    cursor: pointer;
}

    .css_clsapp_product_selector_maxqty_notice_text:hover {
        font-weight: 600;
        text-decoration: underline;
    }


.css_clsapp_catalogue_element_maxqty_notice_cont {
    padding: 2px 0;
    margin: 5px auto 0 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.css_clsapp_catalogue_element_maxqty_notice_text_nolink {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 500;
    margin-left: 5px;
    margin-top: 2px;
}
.css_clsapp_catalogue_element_maxqty_notice_text {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 500;
    margin-left: 5px;
    margin-top: 2px;
    cursor: pointer;
}

    .css_clsapp_catalogue_element_maxqty_notice_text:hover {
        font-weight: 600;
        text-decoration: underline;
    }


.css_clsapp_ordersumm_age_restriction_notice_cont {
    padding: 2px 5px;
    margin: 5px auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.css_clsapp_ordersumm_age_restriction_notice_text {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    color: darkorange;
    margin-left: 5px;
    margin-top: 5px;
    cursor: pointer;
}

    .css_clsapp_ordersumm_age_restriction_notice_text:hover {
        font-weight: 700;
        text-decoration: underline;
    }

.css_clsapp_product_selector_age_restriction_notice_cont {
    padding: 2px 5px;
    margin: 5px auto 0 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.css_clsapp_product_selector_age_restriction_notice_text {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 500;
    margin-left: 5px;
    margin-top: 2px;
    cursor: pointer;
}

    .css_clsapp_product_selector_age_restriction_notice_text:hover {
        font-weight: 600;
        text-decoration: underline;
    }

.css_clsapp_catalogue_element_age_restriction_notice_cont {
    padding: 2px 0;
    margin: 5px auto 0 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.css_clsapp_catalogue_element_age_restriction_notice_text {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 500;
    margin-left: 5px;
    margin-top: 2px;
    cursor: pointer;
}
    .css_clsapp_catalogue_element_age_restriction_notice_text:hover {
        font-weight: 600;
        text-decoration: underline;
    }

    .css_cldapp_editele_layout_option_item {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        background-color: white;
        text-align: left;
        margin: 5px;
        padding: 5px;
    }


.css_cldapp_editele_livesettings_radio_item {
    position: relative;
    cursor: pointer;
}
.css_cldapp_editele_livesettings_item_text {
    position: relative;
    margin-left: 10px;
    color: darkgreen;
    font-size: 12px;
}

.css_cldapp_editele_livesettings_setup_general_text {
    margin-top: 0px;
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: darkgray;
    font-size: 16px;
    font-family: Poppins;
    background-color: white;
    padding: 5px 10px;
    width: 100%;
}
.css_cldapp_editele_livesettings_setup_section_desc {
    font-size: 12px;
    max-width: 500px;
    text-align: left;
    margin-bottom: 5px;
}

.css_cldapp_editele_layout_radio_item {
    position: relative;
    cursor: pointer;
}

.css_cldapp_editele_layout_defaultitem_text {
    position: relative;
    margin-left: 10px;
    color: darkorange;
    font-weight: 500;
    
    font-size: 12px;
}
.css_cldapp_editele_layout_item_text {
    position: relative;
    margin-left: 10px;
    color: darkgreen;
    
    font-size: 12px;
}

.css_cldapp_editele_layout_option_panel {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid silver;
    padding: 10px;
    /*margin: 10px auto;*/
}
.css_cldapp_editele_pnlsize_option_panel {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid silver;
    padding: 10px;
    margin: 0 auto 10px auto;
}

.css_cldapp_editele_pnlsize_option_item {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    background-color: white;
    text-align: left;
    margin: 5px;
    padding: 5px;
}

.css_cldapp_editele_pnlsize_radio_item {
    position: relative;
    cursor: pointer;
}

.css_cldapp_editele_pnlsize_item_text {
    position: relative;
    margin-left: 10px;
    color: darkgreen;
    
    font-size: 12px;
}

.css_cldapp_editele_txtsize_option_panel {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid silver;
    padding: 10px;
    margin: 0 auto 10px auto;
}

.css_cldapp_editele_txtsize_option_item {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    background-color: white;
    text-align: left;
    margin: 5px;
    padding: 5px;
}

.css_cldapp_editele_txtsize_radio_item {
    position: relative;
    cursor: pointer;
}

.css_cldapp_editele_txtsize_item_text {
    position: relative;
    margin-left: 10px;
    color: darkgreen;
    font-size: 12px;
}


.css_editaltitems_cont_min {
    border: 1px solid silver;
    padding: 5px 10px;
    margin: 5px auto;
    height: 50px;
    overflow: hidden;
}
.css_editaltitems_cont{
    border: 1px solid silver;
    padding: 10px;
    margin: 5px auto;
}
.css_oa_editeleselsectionname {
    text-align: center;
    color: white;
    
    font-size: 12px;
    font-weight: 600;
    margin: 5px;
}
.css_oa_app_brdimglib_item {
    position: relative;
    /*width: 100%;*/
    height: 120px;
    text-align: left;
    margin: 10px;
    border: 1px solid rgba(0,0,0,0.1);
    cursor: pointer;
}

.css_oa_brdlibimglbl {
    color: #000000;
    
    font-size: 14px;
    margin: 10px;
}

.css_app_editelement_canvas {
    text-align: center;
    margin: 50px auto 10px auto;
}
.css_app_editelement_pagelinklist_canvas {
    text-align: center;
    margin: 50px 10px;
}
.css_app_editelement_pagelinklist_title {
    /*width: 100%;*/
    text-align: center;
    color: #000000;
    
    font-size: 14px;
    font-weight: 500;
    margin: 10px;
}
   

    .cldapp_prodmgr_catpageitems {
        /*text-align: center;*/
        display: inline-block;
        overflow-x: hidden;
        max-height: 400px;
        margin-top: 0;
        margin-left: 0;
        min-width: 230px;
        /*border-radius: 0px 0px 3px 3px;*/
    }


.cldapp_prodmgr_catpagespanel_canvas {
    display: flex;
    flex-wrap: wrap;
    /*overflow-y: scroll;
    overflow-x: hidden;*/
    height: 100%;
    /*width: 100%;*/
    min-width: 230px;
    border-radius: 0px 0px 3px 3px;
    margin-left: auto;
    margin-right: auto;
}

.cldapp_prodmgr_catpagepanel {
    position: relative;
    display: inline-block;
    /*height: 220px;*/
    width: 100%;
    border-radius: 6px;
    color: steelblue;
    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 5px auto;
    padding: 5px;
    border: 2px solid steelblue;
    cursor: pointer;
    text-align: center;
}
    .cldapp_prodmgr_catpagepanel:hover {
        color: #FFFFFF;
        background-color: steelblue;
        border-color: silver;
    }


.cldapp_prodmgr_catpagespanel_button {
    text-align: center;
    /*width: 100%;*/
    padding-left: 10px;
    padding-right: 10px;
    /*padding-top: 5px;
    padding-bottom: 5px;*/
    display: flex;
    flex-direction: column;
    /*background-color: dodgerblue;*/

    /*overflow-x: hidden;*/
    /*height: 40px;*/
    margin-top: 0;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0;
    /*min-width: 230px;*/
    /*border-radius: 0px 0px 3px 1px;
    border: 1px solid #F8644E;*/
    cursor: pointer;
}


.cldapp_prodmgr_catpagespanel_buttontext {
    position: relative;
    /*left: 25px;
    top: 10px;*/
    /*cursor: pointer;*/
    /*max-width: 280px;*/
    /*color: dodgerblue;*/
    
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}
.cldapp_prodmgr_catpagespanel_buttonsubtext {
    position: relative;
    /*left: 25px;
    top: 10px;*/
    /*cursor: pointer;*/
    /*max-width: 280px;*/
    /*color: dodgerblue;*/
    
    font-size: 12px;
    /*font-weight: bold;*/
    text-align: center;
    cursor: pointer;
}

.css_app_editelement_image {
    background-color: #FFFFFF;
    width: 100%;
    max-height: 120px;
    display: inline;
    position: relative;
    object-fit: contain;
    border: 1px solid silver;
    cursor: pointer;
}

.css_app_editelement_mobimage {
    background-color: #FFFFFF;
    width: 100%;
    max-height: 120px;
    display: inline;
    position: relative;
    object-fit: contain;
    border: 1px solid silver;
    cursor: pointer;
}
.css_app_cls_editelementicn {
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    width: 100%;
    text-align: right;
    /* margin: 10px; */
    z-index: 2;
    padding: 10px;
}

.css_oa_editelement_title_text {
    margin: 0 10px 10px 10px;
    box-sizing: border-box;
    border-radius: 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: darkgray;
    color: #000000;
    
    font-size: 18px;
    background-color: white;
    /*padding: 6px 0px 6px 0px;*/
    width: 100%;
}

.css_oa_editaltelement_title_text {
    margin: 0 10px 10px 10px;
    box-sizing: border-box;
    border-radius: 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: darkgray;
    color: #000000;
    
    font-size: 16px;
    background-color: white;
    /*padding: 6px 0px 6px 0px;*/
    width: 100%;
}
.css_oa_editelement_subtitle_text {
    margin-left: 10px;
    box-sizing: border-box;
    border-radius: 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: darkgray;
    color: #000000;
    
    font-size: 14px;
    background-color: white;
    /*padding: 6px 0px 6px 0px;*/
    width: 80%;
    max-width: 300px;
}
.css_oa_editelement_itementry_cont {
    width: 100%;
    padding: 5px;
    text-align: left;
    border: 1px solid silver;
    border-radius: 3px;
}
.css_oa_editelement_box_pasteicon {
    text-align: left;
    cursor: pointer;
}
.css_oa_editelement_box_label {
    margin-top: 10px;
    color: darkslategray;
    font-size: 12px;
    font-weight: 500;
}

.css_oa_editelement_box_noticelabel {
    margin-left: 10px;
    color: darkorange;
    
    font-size: 10px;
}
.css_oa_editaltelement_box_label {
    margin-left: 10px;
    color: #000000;
    
    font-size: 12px;
}

.css_app_editelement_save_hot {
    text-align: center;
    color: #FFFFFF;
    
    font-size: 16px;
    height: 44px;
    width: 80%;
    /*background: linear-gradient(225deg, #5bcc4a 0%, #99f84e 100%);*/
    background-color: darkgreen;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    border-radius: 8px;
    margin: auto;
    padding-top: 10px;
    cursor: pointer;
}
    .css_app_editelement_save_hot:hover{
        border: 2px solid white;
    }

    .css_app_editaltelement_paste_hot {
        text-align: center;
        color: #FFFFFF;
        
        font-size: 12px;
        height: 44px;
        width: 80%;
        background: linear-gradient(225deg, #218ffa 0%, #5292d0 100%);
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
        border-radius: 8px;
        margin: 5px auto;
        padding-top: 15px;
        cursor: pointer;
    }
.css_app_editaltelement_clear_hot {
    text-align: center;
    color: #FFFFFF;
    
    font-size: 12px;
    height: 44px;
    width: 80%;
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    border-radius: 8px;
    margin: 5px auto;
    padding-top: 15px;
    cursor: pointer;
}

.css_app_newelement_choice_hot {
    text-align: center;
    color: #FFFFFF;
    
    font-size: 16px;
    height: 44px;
    width: 80%;
    background: gray;
    border: 1px solid #000000;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    border-radius: 8px;
    margin: 10px auto 10px auto;
    padding-top: 10px;
    cursor: pointer;
}

.css_oa_comboedit_topcanvas_header_cont{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.css_oa_comboedit_topcanvas_section_cont {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.css_oa_comboedit_topcanvas_header_navback_cont {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /*height: 25px;
    width: 25px;*/
    cursor: pointer;
    margin: 5px 5px 10px 5px;
    /*background-color: whitesmoke;*/
    padding: 3px 5px 7px 5px;
    border-right: 1px solid silver;
    /* border-radius: 5px; */
    /* box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);*/
}
.css_oa_comboedit_topcanvas_header_navback_lbl {
    position: relative;
    margin-top: 6px;
    margin-left: 5px;
    font-weight: 600;
    color: dodgerblue;
    font-size: 12px;
    cursor: pointer;
}
.css_oa_comboedit_topcanvas_header_navbackcont_arrow {
    position: relative;
    padding-top: 6px;
    /*padding-left: 4px;*/
}

.css_oa_comboedit_topcanvas_header_navbackcont_circle {
    position: absolute;
    top: 3px;
    left: 0;
}
.css_oa_comboedit_topcanvas_header_navbackcont_lbl {
    position: absolute;
    top: 6px;
    left: 30px;
    color: dodgerblue;
    font-size: 12px;
    cursor: pointer;
}

.css_oa_combooptnavbackcont {
    position: relative;
    height: 25px;
    width: 25px;
    cursor: pointer;
    margin: 10px 5px 0 5px;
}

.css_oa_navbackcont {
    position: relative;
    height: 25px;
    width: 45px;
    cursor: pointer;
    margin: 10px 5px 0 5px;
}

.css_oa_navbackcont_arrow {
    position: absolute;
    top: 5px;
    left: 4px;
}

.css_oa_navbackcont_circle {
    position: absolute;
    top: 0;
    left: 0;
}

.css_oa_navbackcont_lbl {
    position: absolute;
    top: 6px;
    left: 30px;
    color: dodgerblue;
    font-size: 12px;
    cursor: pointer;
}

.css_tablesvchome_co_buttonpanel {
    display: flex;
    flex-direction: column;
    text-align: center;
    max-width: 700px;
    margin: auto;
    /*border: 1px solid rgba(0,0,0,0.07);*/
    /*background-color: #FFFFFF;*/
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .css_tablesvchome_co_buttonpanel::-webkit-scrollbar {
        display: none;
    }
.css_oborders_canvas_cont{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.css_obordersin_canvas_holder {
    background-color: cadetblue;
    display: flex;
    flex-direction: column;
    width: 50%;
    height: 80vh;
    margin: 10px;
    border-radius: 6px;
    border: 2px solid slategrey;
}
.css_obordersin_canvas {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 20px;
    margin: 10px;
}
.css_obordersout_canvas_holder {
    background-color: forestgreen;
    display: flex;
    flex-direction: column;
    width: 50%;
    height: 80vh;
    margin: 10px;
    border-radius: 6px;
    border: 2px solid slategrey;
}
.css_obordersout_canvas {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 20px;
    margin: 10px;
}
.css_ob_ordersin_order_div {
    border: 1px solid white;
    border-radius: 3px;
    padding: 10px;
    margin: 10px 10px auto 10px;
}
.css_ob_ordersin_order_num {
    text-align: center;
    font-family: Poppins;
    color: white;
    font-size: 48px;
    font-weight: 700;
    margin: 5px;
}
.css_ob_ordersin_order_num_med {
    text-align: center;
    font-family: Poppins;
    color: white;
    font-size: 56px;
    font-weight: 700;
    margin: 5px;
}
.css_ob_ordersin_order_num_lrg {
    text-align: center;
    font-family: Poppins;
    color: white;
    font-size: 72px;
    font-weight: 700;
    margin: 5px;
}

.css_ob_ordersout_order_div {
    border: 1px solid white;
    border-radius: 3px;
    padding: 10px;
    margin: 10px 10px auto 10px;
}

.css_ob_ordersout_order_num {
    text-align: center;
    font-family: Poppins;
    color: white;
    font-size: 48px;
    font-weight: 700;
    margin: 5px;
}

.css_ob_ordersout_order_num_med {
    text-align: center;
    font-family: Poppins;
    color: white;
    font-size: 56px;
    font-weight: 700;
    margin: 5px;
}

.css_ob_ordersout_order_num_lrg {
    text-align: center;
    font-family: Poppins;
    color: white;
    font-size: 72px;
    font-weight: 700;
    margin: 5px;
}

.css_obordersin_canvas_title {
    text-align: center;
    text-transform: uppercase;
    background-color: white;
    color: cadetblue;
    width: 100%;
    height: 70px;
    padding: 10px;
    font-size: 36px;
    font-weight: 700;
}

.css_obordersout_canvas_title {
    text-align: center;
    text-transform: uppercase;
    background-color: white;
    color: forestgreen;
    width: 100%;
    height: 70px;
    padding: 10px;
    font-size: 36px;
    font-weight: 700;
}
.css_ob_footertitle_captivapos_cont {
    position: absolute;
    right: 10px;
    bottom: 0;
    text-align: right;
    color: silver;
    padding: 0 5px;
    font-size: 10px;
    font-weight: 400;
}
.css_ordresult_footertitle_captivapos_cont {
    position: absolute;
    right: 10px;
    bottom: 0;
    text-align: right;
    color: silver;
    padding: 5px;
    font-size: 10px;
    font-weight: 400;
}
.css_splash_footertitle_captivapos_cont {
    position: absolute;
    right: 10px;
    bottom: 0;
    text-align: right;
    color: white;
    padding: 5px;
    font-size: 10px;
    font-weight: 400;
}
.css_splash_footertitle_captivapos_ver{
    margin-left: 5px;
}

.css_obhome_co_buttonpanel {
    display: flex;
    flex-direction: column;
    text-align: center;
    /*max-width: 700px;*/
    margin: auto;
    /*border: 1px solid rgba(0,0,0,0.07);*/
    /*background-color: #FFFFFF;*/
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .css_obhome_co_buttonpanel::-webkit-scrollbar {
        display: none;
    }


.css_othome_co_buttonpanel {
    display: flex;
    flex-direction: column;
    text-align: center;
    max-width: 700px;
    margin: auto;
    /*border: 1px solid rgba(0,0,0,0.07);*/
    /*background-color: #FFFFFF;*/
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none; scrollbar-width: none;
}

    .css_othome_co_buttonpanel::-webkit-scrollbar {
        display: none;
    }


.css_qrhome_co_buttonpanel {
    display: flex;
    flex-direction: column;
    text-align: center;
    max-width: 700px;
    margin: auto;
    /*border: 1px solid rgba(0,0,0,0.07);*/
    /*background-color: #FFFFFF;*/
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none; scrollbar-width: none;
}

    .css_qrhome_co_buttonpanel::-webkit-scrollbar {
        display: none;
    }



.css_otstatus_buttonpanel {
    margin-top: 20px;
    margin-bottom: 20px;
}

.css_cldapp_ol_ot_ratereview {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}

.cldapp_otsts_ot_icn {
    animation: cldapp_otsts_ot_icnbounce 1s infinite alternate;
    -webkit-animation: cldapp_otsts_ot_icnbounce 1s infinite alternate;
}

.css_otstatus_indic {
    height: 300px;
    width: 300px;
    text-align: center;
    border-width: 20px;
    border-style: solid;
    /*border-color: #f5bf5b;*/
    border-radius: 150px;
    margin: 25px auto 25px auto;
    padding-top: 70px;
    padding-bottom: 40px;
    animation: stsborder-pulsate 2s infinite;
}

.css_otstatus_indic_text {
    
    font-size: 32px;
    color: #009b0a;
    margin-top: 10px;
    text-align: center;
}


.css_ob_title_textcont {
    font-size: 32px;
    color: #009b0a;
    margin-top: 10px;
    text-align: center;
    font-weight: 600;
}

.css_clsapp_ol_ot_demo_stsset {
    text-align: center;
    margin: 20px auto 20px auto;
    border: 4px solid #D2D2D2;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
}

.css_cldapp_ol_ot_setstsbutt {
    text-align: center;
    margin: 10px;
    border: 1px solid #D2D2D2;
    padding: 10px;
    color: #FFFFFF;
    background-color: dodgerblue;
    cursor: pointer;
}


.css_qrstart_buttonpanel {
    margin-top: 20px;
    margin-bottom: 20px;
}

.css_qrstart_buttonpanelbox {
    cursor: pointer;
    /*width: 200px;*/
    padding: 10px;
}

.css_cldapp_ol_start_qr_button {
    text-align: center;
    padding: 30px 10px 20px 10px;
    margin: 10px;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    min-height: 200px;
    min-width: 160px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}

.css_cldapp_ol_start_qr_button_med {
    text-align: center;
    padding: 60px 20px 20px 20px;
    margin: 10px;
    border-width: 3px;
    border-style: solid;
    border-radius: 6px;
    min-width: 190px;
    min-height: 250px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}

.css_cldapp_ol_start_qr_button_lrg {
    text-align: center;
    padding: 80px 20px 20px 20px;
    margin: 10px;
    border-width: 3px;
    border-style: solid;
    border-radius: 6px;
    min-width: 220px;
    min-height: 300px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}


.css_kioskhome_co_buttonpanel {
    display: flex;
    flex-direction: column;
    text-align: center;
    max-width: 700px;
    margin: auto;
    /*border: 1px solid rgba(0,0,0,0.07);*/
    /*background-color: #FFFFFF;*/
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none; scrollbar-width: none;
}

    .css_kioskhome_co_buttonpanel::-webkit-scrollbar {
        display: none;
    }

.css_kiosk_option_button {
    width: 180px;
    height: 180px;
    margin: auto;
    margin-top: 20px;
    border-radius: 4px;
    border: 1px solid #1e90ff;
    color: #000000;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    
    font-size: medium;
    padding-top: 10px;
    text-align: center;
    Cursor: pointer;
}

    .css_kiosk_option_button:hover {
        background: #1e90ff;
        color: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    }

.css_kiosk_buttsublbl {
    
    font-size: small;
    color: #2d2d2d;
    text-align: center;
}

.css_kstart_ordtype_buttonpanel {
    margin-top: 20px;
    margin-bottom: 20px;
}

.css_kstart_ordtype_buttonpanel_buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.css_kstart_ordtype_buttonpanel_buttons_for_accessibility {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.css_kstart_ordtype_buttonpanelbox {
    cursor: pointer;
    padding: 10px;
}


.css_tstart_buttonpanelbox {
    /*height: 330px;
    width: 100%;
    max-width: 260px;
    min-width: 240px;*/
    cursor: pointer;
    /*width: 200px;*/
    padding: 10px;
}

.css_tstart_buttonpanel {
    margin-top: 20px;
    margin-bottom: 20px;
}

.css_oa_ol_actionpanel {
}
.css_oa_ol_presel_ordparams_panel{

}

.css_presel_ordparams_centerpanel {
    
    width: 90%;
    max-width: 800px;
    min-height: 150px;
    max-height: 400px;
    background: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 0 auto 10px auto;
    /*padding: 20px;*/
    padding-bottom: 20px;
    text-align: left;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}

.css_presel_ordparams_banner {
    border-radius: 6px 6px 0 0;
    height: 40px;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    background-color: steelblue;
    color: white;
    
    font-weight: 500;
    font-size: 16px;
}


.css_presel_ordparams_centerpanelsub {
    
    color: darkslategray;
    font-size: 12px;
    font-weight: 500;
    /* max-width: 400px; */
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 15px;
    margin-bottom: 30px;
}

.css_oa_ol_boilerplate_holder_top {
    position: relative;
    margin: 0 auto auto auto;
    max-width: 800px;
    border-radius: 8px;
    padding: 10px;
    /*margin: 0;
    position: absolute;
    top: 15%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
    width: 100%;
}

.css_oa_ol_boilerplate_holder_center {
    position: relative;
    margin: 30vh auto;
    max-width: 800px;
    border-radius: 8px;
    padding: 10px;
    /*margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
    width: 100%;
}

.css_oa_ol_boilerplate_holder_bottom {
    position: relative;
    margin: auto auto 0 auto;
    max-width: 800px;
    border-radius: 8px;
    padding: 10px;
    /*margin: 0;
    position: absolute;
    bottom: 15%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
    width: 100%;
}

.css_clsapp_ol_apact_but_title {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    
}

.css_clsapp_ol_apact_but_title_med {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    
}

.css_clsapp_ol_apact_but_title_lrg {
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    
}

.css_clsapp_ol_preorderstart_desc {
    text-align: center;
    font-size: 12px;
    
}
.css_clsapp_ol_apact_but_svcnote {
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    border: 2px solid silver;
    color: white;
    /*background-color: darkgoldenrod;*/
}

.css_clsapp_ol_selordtype_but_svcnote {
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    border: 2px solid silver;
    color: white;
    /*background-color: darkgoldenrod;*/
}
.css_oa_ordtype_svcnote_msg {
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    border: 2px solid silver;
    color: white;
}
.css_oa_ordtime_svcnote_msg {
    text-align: left;
    font-size: 12px;
    border-radius: 4px;
    border: 2px solid silver;
    color: white;
    padding: 0 10px;
}

.css_oa_ordtime_svcclosed_cont {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    border: 2px solid darkred;
    /*color: white;*/
    padding: 20px;
    margin: 20px auto;
}


.css_ordtime_svcclosed_title {
    font-size: 18px;
    font-weight: 600;
    margin: 5px auto;
}

.css_ordtime_svcclosed_subtitle {
    font-size: 12px;
    /*font-weight: 300;*/
    margin: 5px auto;
}
.css_ordtime_svcclosed_lastorderstitle {
    font-size: 12px;
    font-weight: 600;
    color: darkorange;
    margin: 5px auto;
}



.css_ordtime_svcclosed_hours {
    font-size: 12px;
    font-weight: 400;
    margin: 5px auto;
}


.css_ordtime_svcclosed_footer {
    font-size: 14px;
    font-weight: 500;
    margin: 5px auto;
}

.css_clsapp_ol_apact_but_desc {
    text-align: center;
    font-size: 12px;
}

.css_clsapp_ol_apact_but_desc_med {
    text-align: center;
    font-size: 14px;
    
}

.css_clsapp_ol_apact_but_desc_lrg {
    text-align: center;
    font-size: 18px;
    
}

.css_cldapp_ol_start_selordertype_button {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 10px 10px 10px 10px;
    margin: 10px;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    /*height: 150px;*/
    width: 150px;
    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.2);
}
    .css_cldapp_ol_start_selordertype_button:hover {
        box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.4);
    }

.css_cldapp_ol_start_selordertype_button_med {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 30px 20px 30px 20px;
    margin: 10px;
    border-width: 3px;
    border-style: solid;
    border-radius: 6px;
    /*height: 200px;*/
    width: 200px;
    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.2);
}
    .css_cldapp_ol_start_selordertype_button_med:hover {
        box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.4);
    }

.css_cldapp_ol_start_selordertype_button_lrg {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 40px 20px 40px 20px;
    margin: 10px;
    border-width: 3px;
    border-style: solid;
    border-radius: 6px;
    /*height: 250px;*/
    width: 250px;
    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.2);
}
    .css_cldapp_ol_start_selordertype_button_lrg:hover {
        box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.4);
    }

.css_cldapp_ol_start_selordertype_buttonimg {
    height: 30px;
}

.css_cldapp_ol_start_selordertype_buttonimg_med {
    height: 40px;
}

.css_cldapp_ol_start_selordertype_buttonimg_lrg {
    height: 60px;
}

.css_cldapp_ol_start_tabsvc_button {
    text-align: center;
    padding: 30px 10px 20px 10px;
    margin: 10px;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    min-width: 160px;
    min-height: 200px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}

.css_cldapp_ol_start_tabsvc_button_med {
    text-align: center;
    padding: 60px 20px 20px 20px;
    margin: 10px;
    border-width: 3px;
    border-style: solid;
    border-radius: 6px;
    min-width: 190px;
    min-height: 250px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}

.css_cldapp_ol_start_tabsvc_button_lrg {
    text-align: center;
    padding: 80px 20px 20px 20px;
    margin: 10px;
    border-width: 3px;
    border-style: solid;
    border-radius: 6px;
    min-width: 220px;
    min-height: 300px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}



.cssapp_kiosk_owndevice_pnl {
    width: 100%;
    max-width: 700px;
    padding: 20px;
    margin: auto;
    border-top: 1px solid rgba(0,0,0,0.07);
    /*background-color: #FFFFFF;*/
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    text-align: center;
}

.css_kiosk_owndev_codepnl {
    width: 140px;
    height: 140px;
    margin: auto;
    margin-top: 20px;
    border-radius: 1px;
    border: 1px solid #000000;
    color: #000000;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    
    font-size: medium;
    padding-top: 10px;
    text-align: center;
    Cursor: pointer;
}



.css_selfservhome_co_buttonpanel {
    display: flex;
    flex-direction: column;
    text-align: center;
    background-color: #e4c885;
    max-width: 700px;
    margin: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none; scrollbar-width: none;
}

    .css_selfservhome_co_buttonpanel::-webkit-scrollbar {
        display: none;
    }

.css_selfserv_option_button {
    width: 180px;
    height: 180px;
    margin: auto;
    margin-top: 20px;
    border-radius: 4px;
    border: 1px solid #1e90ff;
    color: #000000;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    
    font-size: medium;
    padding-top: 10px;
    text-align: center;
    Cursor: pointer;
}

    .css_selfserv_option_button:hover {
        background: #1e90ff;
        color: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    }

.css_selfserv_buttsublbl {
    
    font-size: small;
    color: #2d2d2d;
    text-align: center;
}



.captivaappbuild_coverskeypadtable {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.captivaappbuild_coverskeypad_buttons {
    width: 100%;
    /*height: 400px;*/
    margin: 10px auto;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 3px;
    box-shadow: 0 1px 2px #808080;
}


.captivaappbuild_coverskeypad_button {
    width: 60px;
    height: 60px;
    margin: 0;
    background-color: #fff;
}

.css_oa_coverskp_notice_label {
    font-size: 14px;
    color: darkred;
    top: 20px;
    text-align: center;
}

.css_oa_coverskp_next {
    color: white;
    background-color: steelblue;
    width: 80%;
    border-radius: 6px;
    padding: 5px;
    max-width: 300px;
    border: 2px solid silver;
    font-size: 18px;
    font-weight: 500;
    margin: 0 auto;
    cursor: pointer;
}
    .css_oa_coverskp_next:hover{
        font-weight: 600;
        text-decoration: underline;
    }

    .css_oa_coverskp_notice_pnl {
        margin: 20px;
        padding: 10px;
        text-align: center;
        color: #e50000;
        font-size: 12px
    }

.captivaappbuild_coverskeypad_button_text {
    font-size: 18px;
    color: #808080;
    top: 20px;
    text-align: center;
}

.captivaappbuild_coverskeypad_minibutton_text {
    text-align: center;
    
    font-size: 8px;
    color: #808080;
}

.captivaappbuild_coverskeypad_button_inner {
    width: 50px;
    height: 50px;
    margin: 5px;
    padding: 10px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 3px;
    box-shadow: 0 1px 2px #808080;
    cursor: pointer;
}
    .captivaappbuild_coverskeypad_button_inner:hover{
        border-width: 2px;
        font-weight: 600;
    }
    .captivaappbuild_otrackkeypad_buttons {
        width: 100%;
        /*height: 400px;*/
        margin: 10px auto;
        padding: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #fff;
        border: 1px solid rgba(0,0,0,0.07);
        border-radius: 3px;
        box-shadow: 0 1px 2px #808080;
    }

.captivaappbuild_otrackkeypadtable {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.captivaappbuild_otrackkeypad_button {
    width: 25%;
    height: 50px;
    margin: auto;
    padding: 10px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 3px;
    box-shadow: 0 1px 2px #808080;
    cursor: pointer;
}

.captivaappbuild_otrackkeypad_button_text {
    font-size: 18px;
    color: #808080;
    top: 20px;
    text-align: center;
}

.captivaappbuild_otrackkeypad_findorder_res_text {
    font-size: 18px;
    color: #808080;
    top: 20px;
    text-align: center;
}

.captivaappbuild_otrackkeypad_minibutton_text {
    text-align: center;
    
    font-size: 8px;
    color: #808080;
}

.captivaappbuild_loc_tab_keypadbuttons {
    width: 100%;
    /*height: 400px;*/
    margin: 10px auto;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 3px;
    box-shadow: 0 1px 2px #808080;
}

.captivaappbuild_loc_tab_keypad_table {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    width: 100%;
    max-width: 260px;
}

.captivaappbuild_loc_tab_keypad_button {
    width: 25%;
    /*height: 50px;*/
    /*margin: auto;*/
    padding: 5px 10px;
    /*background-color: #fff;*/
    /*border: 1px solid rgba(0,0,0,0.07);
    border-radius: 3px;
    box-shadow: 0 1px 2px #808080;*/
    /*cursor: pointer;*/
}
.captivaappbuild_loc_tab_keypad_button_inner {
    border: 2px solid silver;
    border-radius: 3px;
    /*height: 50px;*/
    background-color: #fff;
    color: #808080;
    padding: 10px;
    cursor: pointer;
}
    .captivaappbuild_loc_tab_keypad_button_inner:hover {
        background-color: steelblue;
        color: white;
    }


.captivaappbuild_loc_tab_keypad_button_funcinner {
    border: 2px solid silver;
    border-radius: 3px;
    /*height: 50px;*/
    background-color: #fff;
    color: dodgerblue;
    padding: 10px;
    cursor: pointer;
}

    .captivaappbuild_loc_tab_keypad_button_funcinner:hover {
        color: darkred;
    }

.captivaappbuild_loc_tab_keypad_button_text {
    font-size: 18px;
    font-weight: 400;
    /*top: 20px;*/
    text-align: center;
}

.captivaappbuild_loc_tab_keypad_loctab_next_res_text {
    font-size: 12px;
    color: #808080;
    top: 20px;
    text-align: center;
}

.captivaappbuild_loc_tab_keypad_minibutton_text {
    text-align: center;
    
    font-size: 8px;
     
}


.css_chooseapp_panel {
    /*height: 80%;*/
    width: 100%;
    max-width: 800px;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    background-color: rgba(255,255,255,0.8);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}

.css_chooseapp_buttonpanel {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
    vertical-align: central;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.07);
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    /*width: 100%;*/
    width: auto;
    max-width: 75%;
    margin: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none; scrollbar-width: none;
}

    .css_chooseapp_buttonpanel::-webkit-scrollbar {
        display: none;
    }


.css_chooseordtype_buttonpanel {
    text-align: center;
    background-color: #FFFFFF;
    width: 100%;
    padding: 10px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 0 auto;
    /*height: 60%;*/
    -ms-overflow-style: none; scrollbar-width: none;
}

    .css_chooseordtype_buttonpanel::-webkit-scrollbar {
        display: none;
    }
.css_chooseordtype_buttonpanel_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
    padding: 0px;
    margin: 0px;
    border: none
}
    .css_app_start_box {
        padding: 10px;
        margin: auto;
    }

.css_app_start_button {
    display: inline-block;
    width: 140px;
    height: 140px;
    border-radius: 4px;
    border: 1px solid #1e90ff;
    color: #000000;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    
    font-size: medium;
    padding-top: 10px;
    text-align: center;
    Cursor: pointer;
}

    .css_app_start_button:hover {
        background: #1e90ff;
        color: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    }


.css_app_selordtype_panel {
    /*height: 80%;*/
    width: 100%;
    border-radius: 0;
    background-color: #FFFFFF;
    padding-left: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.css_app_selordtype_innerpanel {
    text-align: center;
    border-radius: 4px;
    border: 1px solid #bdbbbb;
    padding: 10px;
    margin: 10px;
}

.css_app_selordertype_button {
    flex: 0 0 auto;
    
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    border: 1px solid silver;
    padding-top: 10px;
    /*height: 200px;*/
    width: 250px;
    text-align: center;
    Cursor: pointer;
    margin: 5px;
    padding: 10px;
}

    .css_app_selordertype_button:hover {
        border: 2px solid silver;
        /*color: #FFFFFF;*/
    }
.css_app_selordertype_buttonimg_cont{
    text-align:center;
    margin: 5px;
}
.css_app_selordertype_buttonimg {
    height: 30px;
}

/*.css_app_selordertype_button_hot {
    flex: 0 0 auto;
    
    border-radius: 4px;
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    padding-top: 10px;
    height: 200px;
    width: 90%;
    text-align: center;
    Cursor: pointer;
    margin: 5px;
    padding: 10px;
}*/

.css_app_selordertype_button_sel {
    flex: 0 0 auto;
    border-radius: 4px;
    font-weight: 500;
    border: 3px solid darkgreen;
    background-color: white;
    /* background: linear-gradient(225deg, #64F84E 0%, #4bb83b 100%); */
    color: darkgreen;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    padding-top: 10px;
    /* height: 200px; */
    width: 250px;
    text-align: center;
    Cursor: pointer;
    margin: 5px;
    padding: 10px;
}
    .css_app_selordertype_button_sel:hover{
        /*border-width: 2px;*/
        background-color: aliceblue;
    }

    .css_app_vlogin_panel {
        /*height: 100%;*/
        width: 100%;
        max-width: 800px;
        min-height: 400px;
        margin: auto;
        text-align: center;
        border-radius: 4px;
        border: 1px solid rgba(0,0,0,0.07);
        background-color: #FFFFFF;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
        padding-top: 10px;
    }

.css_app_selordersrc_button {
}

.css_app_tablelayout_panel_loader {
    margin-top: 50px;
    position: relative;
    width: 100%;
    /*height: 400px;*/
    padding: 50px 20px 30px 20px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.07);
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    z-index: 200;
}

.css_app_tablelayout_panel {
    /*height: 100%;*/
    width: 100%;
    max-width: 800px;
    min-height: 400px;
    margin: auto;
    text-align: center;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.07);
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}

.captivaappbuild_fd_tables_canvas{
    margin: 5px auto;
}

.captivaappbuild_fd_tables {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 350px;
    color: #FFFFFF;
    font-size: 28px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.captivaappbuild_fd_tablerow {
    height: 80px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.captivaappbuild_fd_table_button_hidden {
    height: 50px;
    width: 100%;
}

.captivaappbuild_fd_table_button {
    height: 50px;
    width: 100%;
    padding: 5px;
    /*background-color: dodgerblue;*/
    border: 2px solid #D2D2D2;
    border-radius: 3px;
    font-size: 20px;
    border: 2px solid white;
    font-weight: 400;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
    cursor: pointer;
}
    .captivaappbuild_fd_table_button:hover {
        font-weight: 600;
        text-decoration: underline;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.4);
    }

    .captivaappbuild_fd_table_cell {
        height: 80px;
        width: 20%;
        max-width: 70px;
        margin: 0;
        padding: 5px;
        background-color: #fff;
    }
.css_app_seltablearea_title{
    color: steelblue;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
}
.css_app_seltabletable_title {
    color: steelblue;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
}
.css_seltabarea_button {
    height: 50px;
    width: 80%;
    max-width: 350px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    border: 2px solid silver;
    color: white;
    background-color: steelblue;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    font-size: 20px;
    font-weight: 500;
    padding-top: 10px;
    cursor: pointer;
}
    .css_seltabarea_button:hover {
        font-weight: 600;
        text-decoration: underline;
    }

.css_seltaboptions_menu{
    text-align: center;
    margin: 10px auto;
    padding: 10px;
    overflow-x: hidden;
    max-height: 60vh;
}
.css_seltaborderoption_buttons {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: center;
    border: 2px solid steelblue;
    border-radius: 3px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background-color: ivory;
    margin-bottom: 10px;
}

.css_seltaborderoption_buttons_ordertitle {
    font-size: 16px;
    font-weight: 600;
    color: steelblue;
    margin-top: 5px;
}


.css_seltaborderoption_buttons_ordersubtitle {
    font-size: 12px;
    padding: 5px;
    margin: 5px;
    font-weight: 400;
    background-color: steelblue;
    color: white;
    border: 2px solid darkslategrey;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}

    .css_seltaborderoption_button {
        width: 100%;
        max-width: 300px;
        text-align: center;
        margin: 5px auto;
        border-radius: 4px;
        border: 2px solid slategray;
        color: darkslategray;
        background-color: #FFFFFF;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
        font-size: 18px;
        padding: 10px 20px;
        cursor: pointer;
    }

        .css_seltaborderoption_button:hover {
            font-weight: 600;
            text-decoration: underline;
            box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
        }


.css_seltaborderservice_button {
    max-width: 350px;
    text-align: center;
    margin: 10px auto;
    border-radius: 4px;
    border: 2px solid slategray;
    color: white;
    background-color: slategrey;
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);
    font-size: 14px;
    padding: 10px;
    cursor: pointer;
}

    .css_seltaborderservice_button:hover {
        font-weight: 600;
        text-decoration: underline;
        box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.6);
    }


.css_seltaboptions_menu_canvas {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    /*max-width: 350px;*/
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.css_seltaboptions_servicemenu_canvas {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    /*max-width: 350px;*/
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.css_seltaboption_button {
    height: 50px;
    width: 100%;
    max-width: 350px;
    text-align: center;
    margin: 10px auto;
    border-radius: 4px;
    border: 2px solid slategray;
    color: darkslategray;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    font-size: 18px;
    padding-top: 10px;
    cursor: pointer;
}
    .css_seltaboption_button:hover{
        font-weight: 600;
        text-decoration: underline;
    }

.css_seltaboption_button_neworder_additems {
    height: 50px;
    width: 100%;
    max-width: 350px;
    text-align: center;
    margin: 10px auto;
    border-radius: 4px;
    border: 2px solid slategray;
    color: white;
    background-color: green;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    font-size: 18px;
    padding-top: 10px;
    cursor: pointer;
}

    .css_seltaboption_button_neworder_additems:hover {
        font-weight: 600;
        text-decoration: underline;
    }

.css_seltaboption_button_neworder_noitems {
    height: 50px;
    width: 100%;
    max-width: 350px;
    text-align: center;
    margin: 10px auto;
    border-radius: 4px;
    border: 2px solid slategray;
    color: white;
    background-color: darkgoldenrod;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    font-size: 18px;
    padding-top: 10px;
    cursor: pointer;
}

    .css_seltaboption_button_neworder_noitems:hover {
        font-weight: 600;
        text-decoration: underline;
    }

    .css_app_selordsrc_canvas {
        text-align: center;
    }

.css_app_ordsrc_butt {
    width: 90%;
    height: 90px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    
    border-radius: 4px 4px 0 0;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    text-align: left;
}

.css_app_ordsrcmenuimage {
    width: 60px;
    height: 60px;
    margin: auto;
    padding: 5px;
    text-align: left;
    background: rgba(0,0,0,0.01);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.css_app_ordsrc_butttxt {
    
    font-size: medium;
    text-align: left;
    margin: 10px;
    padding: 5px;
}

.css_selordsrc_button {
    max-width: 260px;
    background: rgba(0,0,0,0.01);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    margin: auto;
}

.captivaappbuild_fd_table_button_text {
    font-size: 18px;
}

.captivaappbuild_fd_table_minibutton_text {
    font-size: 8px;
    text-decoration: none;
}

.css_app_seltablearea_canvas {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 60%;
    text-align: center;
}

.css_app_seltableoptions_canvas {
    overflow-y: scroll;
    overflow-x: hidden;
}

.css_app_seltablearea_butt {
    height: 50px;
    min-width: 80%;
    max-width: 400px;
    margin: 20px auto;
    border-radius: 4px;
    border: 2px solid slategray;
    color: steelblue;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    font-size: 18px;
    font-weight: 400;
    padding-top: 10px;
    cursor: pointer;
}
    .css_app_seltablearea_butt:hover{
        color: white;
        background-color: steelblue;
        font-weight: 500;
        text-decoration: underline;
    }

.captivaoapp_tabselector_ftmenubar {
    margin: 10px;
    background-color: #dddddd;
    border: 2px solid silver;
    }

.css_oa_tabselftrbuttbar {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.css_oa_tabselftrbutt {
    text-align: center;
    width: 70px;
    max-height: 60px;
    padding: 5px;
    margin: 5px 10px 5px 10px;
    border: 2px solid #1e90ff;
    border-radius: 5px;
    background-color: #ffffff;
    font-weight: 400;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
    cursor: pointer;
}
    .css_oa_tabselftrbutt:hover {
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.4);
    }

.css_oa_tabselftrrefreshtableareabutt {
    text-align: center;
    width: 70px;
    max-height: 60px;
    padding: 5px;
    margin: 5px 10px 5px 10px;
    border: 2px solid white;
    border-radius: 5px;
    background-color: darkgoldenrod;
    font-weight: 400;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
    cursor: pointer;
}

    .css_oa_tabselftrrefreshtableareabutt:hover {
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.4);
    }

.oapp_navmenu_dropdown_title_whitetext {
    font-size: 10px;
    color: white;
    font-weight: 600;
}

.oapp_navmenu_dropdown_title_text {
    font-size: 10px;
    color: #1e90ff;
    font-weight: 600;
}

.csslbl_stores_title {
    text-align: left;
    
    font-size: 28px;
    font-weight: bold;
}
.csslbl_stores_subtitle {
    text-align: left;
    
    font-size: 18px;
    font-weight: bold;
}
.css_brandapp_storemenustitle {
    position: relative;
    margin: 10px;
    /*width: 100%;*/
    max-width: 800px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    /*min-height: 100px;*/
}

.css_brandapp_storemenustitleimg {
    max-height: 60px;
    /*position: absolute;
    right: 30px;
    top: 10px;*/
}

.css_cldapps_ol_appset_home_butt {
    border-radius: 4px 0 0 4px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: #FFFFFF;
    color: #000000;
    
    font-size: 12px;
    width: 110px;
    height: 40px;
    cursor: pointer;
    padding-top: 10px;
}

.css_cldapps_ol_appset_menus_butt {
    border-radius: 0;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: #FFFFFF;
    color: #000000;
    
    font-size: 12px;
    width: 110px;
    height: 40px;
    cursor: pointer;
    padding-top: 10px;
    border-left: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;
}

.css_cldapps_ol_appset_checkout_butt {
    border-radius: 0 4px 4px 0;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: #FFFFFF;
    color: #000000;
    
    font-size: 12px;
    width: 110px;
    height: 40px;
    cursor: pointer;
    padding-top: 10px;
}

.css_cldapps_ol_appset_list_butt_hot {
    border-radius: 4px 0 0 4px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    color: #FFFFFF;
    
    font-size: 16px;
    width: 100px;
    height: 40px;
    cursor: pointer;
    padding-top: 10px;
}

.css_cldapps_ol_appset_map_butt_hot {
    border-radius: 0 4px 4px 0;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    color: #FFFFFF;
    
    font-size: 16px;
    width: 100px;
    height: 40px;
    cursor: pointer;
    padding-top: 10px;
}

.css_cldapps_ol_storeview_loading_panel {
    text-align: center;
    /*width: 200px;*/
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.css_cldapps_ol_storeview_loading_label {
    width: 100%;
    padding: 10px;
    text-align: center;
    
    font-size: 12px;
    font-weight: 600;
    color: steelblue;
}




.css_cldapps_ol_storeview_mode_panel {
    text-align: center;
    width: 200px;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.css_cldapps_ol_storeview_list_butt {
    border-radius: 4px 0 0 4px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: #FFFFFF;
    color: #000000;
    
    font-size: 16px;
    width: 100px;
    height: 40px;
    cursor: pointer;
    padding-top: 10px;
}

.css_cldapps_ol_storeview_list_butt_hot {
    border-radius: 4px 0 0 4px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: linear-gradient(225deg, #428af5 0%, #3774c0 100%);
    color: #FFFFFF;
    
    font-size: 16px;
    width: 100px;
    height: 40px;
    cursor: pointer;
    padding-top: 10px;
}

.css_cldapps_ol_storeview_map_butt {
    border-radius: 0 4px 4px 0;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: #FFFFFF;
    color: #000000;
    
    font-size: 16px;
    width: 100px;
    height: 40px;
    cursor: pointer;
    padding-top: 10px;
}


.css_cldapps_ol_storeview_map_butt_hot {
    border-radius: 0 4px 4px 0;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: linear-gradient(225deg, #428af5 0%, #3774c0 100%);
    color: #FFFFFF;
    
    font-size: 16px;
    width: 100px;
    height: 40px;
    cursor: pointer;
    padding-top: 10px;
}
.css_oa_mnup_menu {
    text-align: left;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 0;
    /* background-color: steelblue; */
    color: steelblue;
    margin: 0 auto 0 10px;
    /*border-radius: 5px;*/
}

.css_brandapp_storelistcont {
    width: 100%;
    height: 100%;
}

.css_brandapp_storelist {
    width: 100%;
    height: 100%;
    min-height: 250px;
    padding: 0 5px;
    text-align: left;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .css_brandapp_storelist::-webkit-scrollbar {
        display: none;
    }

.css_brandapp_storelist_canvas {
    /*background: #FFFFFF;*/
    /*max-width: 800px;*/
    /*max-height: 450px;*/
    /*overflow-y: scroll;
    overflow-x: hidden;*/
    /*-ms-overflow-style: none; 
    scrollbar-width: none;*/
}

    /*.css_brandapp_storelist_canvas::-webkit-scrollbar {
        display: none;
    }*/

.css_brandapp_storemap_canvas {
    background: #FFFFFF;
    /*max-width: 800px;
    max-width: 800px;*/
    min-height: 500px;
    height: 100%;
}

.css_brandapp_sl_storeimage {
    max-height: 60px;
    width: 60px;
    object-fit: contain;
}

.css_brandapp_sl_store_cont {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background-color: #FFFFFF;
    height: auto;
    padding: 0px;
    margin: 10px;
    border: none;
    border-radius: 8px;
}

.css_brandapp_sl_store_detcol1 {
    display: flex;
    flex-wrap: nowrap;
    padding: unset;
}

.css_brandapp_sl_store_detcont {
    text-align: center;
    border-right: 1px solid silver;
    padding-right: 5px;
}
.css_brandapp_sl_store_buttcont {
    position: relative;
    margin: 10px 10px 10px auto;
}

.css_brandapp_sl_storedettxtcon {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 10px;
    text-align: left;
}

.css_brandapp_sl_storeimage_noimg {
    height: 60px;
    width: 60px;
    margin-top: 0;
    /*background-color: rgba(0,0,0,0.07);*/
    border: 1px solid #a9b5be;
    /*border-radius: 4px 4px 4px 4px;*/
}

.css_brandapp_sl_storename {
    color: #000000;
    
    font-size: 18px;
    font-weight: 500;
}

.css_brandapp_sl_storeaddr {
    color: #9B9B9B;
    font-size: 13px;
    font-weight: 500;
}

.css_brandapp_sl_storeopenhrs {
    color: #4A4A4A;
    font-size: 13px;
    font-weight: 500;
}

.css_brandapp_sl_storebuttonsdiv {
    position: relative;
    /*height: 40px;*/
    /*padding: 10px;*/
    text-align: center;
}

.css_brandapp_sl_storeorderbutton {
    margin: 5px auto;
    text-align: center;
    padding: 8px;
    /*height: 40px;*/
    width: 160px;
    border-radius: 8px;
    /* background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%); */
    background: linear-gradient( 225deg, #428af5 0%, #3774c0 100%);
    color: #FFFFFF;
    font-size: 14px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    Cursor: pointer;
    max-width: 150px;
    font-weight: 500;
    border: 2px solid white;
}
    .css_brandapp_sl_storeorderbutton:hover {
        font-weight: 600;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
        letter-spacing: 0.5px;
    }


    .css_brandapp_storelist_store {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        width: 100%;
        max-width: 800px;
        min-height: 70px;
        text-align: left;
        background: #FFFFFF;
        margin-left: 0;
        margin-right: 5px;
        margin-top: 0px;
        margin-bottom: 8px;
        border: 1px solid #D2D2D2;
        /*border-radius: 6px;*/
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    }


.css_oa_mnup_title {
    text-align: left;
    /*color: #000000;*/
    
    font-size: 22px;
    font-weight: bold;
}

.css_oa_mnup_adr {
    text-align: left;
    /*color: #000000;*/
    
    font-size: 12px;
    /*font-weight: bold;*/
}

.css_brandapp_storemenus_cont {
    width: 100%;
    height: 100%;
    /*background: #F8F8F8;*/
    /*padding: 10px;*/
}

.css_brandapp_storemenus {
    
    width: 100%;
    max-width: 800px;
    height: 100%;
    min-height: 200px;
    max-height: 800px;
    /*overflow-y: scroll;
    overflow-x: hidden;*/
    text-align: left;
    /*background: #FFFFFF;*/
    border-radius: 4px;
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
    /*box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.10);
    border-radius: 4px;*/
    display: flex;
    flex-direction: column;
    /*margin: 20px 0 0 20px;*/
    -ms-overflow-style: none; 
    scrollbar-width: none;
}

    .css_brandapp_storemenus::-webkit-scrollbar {
        display: none;
    }

.css_brandapp_storemenulist_canvas {
    /*background: #FFFFFF;*/
    padding: 5px 0 5px 0;
    max-width: 800px;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none; 
    scrollbar-width: none;
}

    .css_brandapp_storemenulist_canvas::-webkit-scrollbar {
        display: none;
    }

.css_brandapp_storemenu {
    
    width: 100%;
    max-width: 800px;
    text-align: left;
    /*border-radius: 6px;*/
    /* box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%); */
    background-color: #FFFFFF;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0px;
    margin-bottom: 15px;
    border: 1px solid #F2F2F2;
}
.css_brandapp_storemenu_row {
    display: flex;
    flex-wrap: wrap;
    background-color: #FFFFFF;
    height: auto;
    padding: 10px;
    margin: 0px;
    border: none;
    /*border-radius: 6px;*/
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}

    .css_oa_menulist_det {
        border-right: 1px solid #D2D2D2;
    }

.css_storemenu_options {
    padding: 10px;
    text-align: center;
    border-left: 2px solid rgba(0, 0, 0, 0.5);
    /*margin: auto;*/
    /*float: right;*/
}

.css_storemenu_menutitlebox {
    display: flex;
}

.css_storemenu_menutitle {
    color: #000000;
    
    font-size: 20px;
    font-weight: bold;
    float: left;
    width: 100%;
    margin-top: 10px;
}

.css_storemenu_menutitleicn {
    float: right;
    width: 30px;
    margin: 5px;
    cursor: pointer;
}

.css_storemenu_menudesc {
    color: #4A4A4A;
    
    font-size: 12px;
    text-align: left;
}

.css_storemenu_options_txt {
    font-weight: 600;
    
    font-size: 14px;
    text-align: left;
    margin-top: 5px;
}

.css_storemenu_openlabel_txt {
    color: #4A4A4A;
    
    font-size: 12px;
    text-align: center;
}

.css_storemenu_orderbutton_hot {
    text-align: center;
    padding-top: 8px;
    height: 44px;
    width: 160px;
    border-radius: 8px;
    background: linear-gradient( 48deg, #09800d 0%, #20a91e 100%);
    color: #FFFFFF;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    font-weight: 500;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
}
    .css_storemenu_orderbutton_hot:hover {
        font-weight: 600;
        letter-spacing: 0.5px;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
    }

.css_storemenu_orderbutton_reg {
    text-align: center;
    padding-top: 8px;
    height: 44px;
    width: 160px;
    border-radius: 8px;
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    color: #FFFFFF;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    font-weight: 500;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
}
    .css_storemenu_orderbutton_reg:hover {
        font-weight: 600;
        letter-spacing: 0.5px;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
    }

.css_storemenu_orderbutton_later {
    text-align: center;
    padding-top: 8px;
    height: 44px;
    width: 160px;
    border-radius: 8px;
    background-color: chocolate;
    color: #FFFFFF;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    font-weight: 500;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
}

    .css_storemenu_orderbutton_later:hover {
        font-weight: 600;
        letter-spacing: 0.5px;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
    }

    .css_app_prodselector_canvas {
        margin: 10px;
        position: relative;
        /*height: 100%;*/
        width: 90%;
        /*max-height: 700px;*/
        max-width: 500px;
        /*border-radius: 14px;*/
        background-color: #F8F8F8;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
        text-align: center;
        margin: auto;
        /*padding: 50px 30px 50px 30px;*/
        padding: 0 0 50px 0;
        pointer-events: auto;
        border-radius: 5px;
    }

.css_app_prodselector_image_ORIGIONAL {
    /*background-color: #FFFFFF;*/
    border: .5px solid lightgray;
    max-width: 100%;
    max-height: 100px;
    min-width: 100px;
    margin-top: 10px;
    object-fit: cover;
    display: inline;
    position: relative;
    /*border-radius: 14px 14px 0 0;*/
}
.css_app_prodselector_image {
    /*background-color: #FFFFFF;*/
    border: .5px solid lightgray;
    width: 100%;
    max-height: 200px;
    min-width: 100px;
    /*margin-top: 10px;*/
    object-fit: cover;
    display: inline;
    position: relative;
    /*border-radius: 14px 14px 0 0;*/
}
.css_app_prodselector_noimage {
    height: 100px;
    margin-top: 10px;
    display: inline;
    position: relative;
}
.css_app_cls_pselicn {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 2;
}


.css_app_prodselector_sizesbar {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 5px 10px;
    margin-top: 5px;
    /*border-bottom: .1px solid silver;*/
}
.css_app_prodselector_sizesbar_title {
    width: 100%;
    text-align: left;
    color: lightslategray;
    
    font-weight: 500;
    font-size: 14px;
}
.css_app_prodselector_sizesbar_buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
    .css_app_prodselector_sizesbar_buttons::-webkit-scrollbar {
        display: none;
    }

.css_app_prodselector_sizesbar_cfg_button {
    border-radius: 3px;
    background-color: darkcyan;
    text-align: center;
    max-height: 35px;
    /*max-width: 30px;*/
    padding: 5px;
    margin: 5px 10px 0 0;
    cursor: pointer;
}
.css_app_prodselector_sizesbar_buttons_canvas {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}


.css_app_elelinksmgr_sizesbar_title_text {
    margin: 0 10px 10px 10px;
    box-sizing: border-box;
    border-radius: 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: darkgray;
    color: #000000;
    
    font-size: 16px;
    background-color: white;
    padding: 6px;
    width: 100%;
}
.css_app_elelinksmgr_sizesbar_title_lbl {
    font-size: 14px;
    max-width: 500px;
    text-align: left;
    margin-bottom: 15px;
}


.css_app_prodlink_item {
    color: #000000;
    background-color: white;
    border: 1px solid #D2D2D2;
    cursor: pointer;
    margin: 5px;
    padding: 8px 5px;
    /*min-width: 70px;*/
    max-height: 35px;
    display: flex;
    border-radius: 5px;
    flex-direction: row;
    justify-content: center;
}.css_app_prodlink_item:hover {
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    }

.css_app_prodlink_item_hot {
    color: white;
    background-color: darkgreen;
    border: 1px solid #D2D2D2;
    cursor: pointer;
    margin: 5px;
    padding: 8px 5px;
    /*min-width: 70px;*/
    max-height: 35px;
    display: flex;
    border-radius: 5px;
    flex-direction: row;
    justify-content: center;
}

    .css_app_prodlink_item_hot:hover {
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    }
.css_app_prodlink_item_ptitle {
    
    border: none;
    text-align: left;
    /*margin-top: 5px;*/
    /*margin-right: 10px;*/
    font-size: 14px;
    
    font-weight: 500;
    cursor: pointer;
}

.css_app_prodlink_item_pprice {
    
    font-weight: 500;
    font-size: 14px;
    height: 14px;
    /*margin-top: 5px;*/
    margin-left: 5px;
    border-left: 1px solid silver;
    padding-left: 5px;
    cursor: pointer;
}



.css_app_elelinksmgr_sizesbar {
    display: flex;
    flex-direction: column;
    /* width: 100%; */
    margin: 5px 0 0 5px;
    border: 1px solid silver;
}

.css_app_elelinksmgr_sizesbar_title {
    width: 100%;
    text-align: left;
    color: darkslategray;
    
    font-weight: 500;
    font-size: 18px;
    padding-top: 5px;
}

.css_app_elelinksmgr_sizesbar_buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
    .css_app_elelinksmgr_sizesbar_buttons::-webkit-scrollbar {
        display: none;
    }

.css_app_elelinksmgr_sizesbar_save_button {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border-radius: 3px;
    max-height: 35px;
    background-color: darkcyan;
    text-align: center;
    margin: 5px 10px;
    padding: 5px;
    cursor: pointer;
}
.css_app_elelinksmgr_sizesbar_save_button_lbl {
    
    font-weight: 500;
    font-size: 14px;
    color: white;
    margin-left: 5px;
    margin-right: 5px;
}

.css_app_prodselector_prodcont {
    position: relative;
    text-align: center;
    border-radius: 5px;
    background-color: whitesmoke;
    border: 1px solid silver;
    margin: 5px 10px 0 10px;
}
.css_app_prodselector_prodbadgecont {
    text-align: left;
    width: 100%;
    padding-left: 10px;
}
.css_app_prodselector_prodbadge {
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 5px;
    padding: 2px 10px;
    margin: 5px auto 0 0;
    display: inline-block;
}
.css_app_prodselector_ptitle {
    color: darkslategray;
    font-weight: 500;
    font-size: 22px;
    text-align: left;
    padding: 0 20px;
    margin-top: 10px;
}

.css_app_prodselector_pid {
    position: absolute;
    top: 0;
    right: 0;
    color: silver;
    font-weight: 400;
    font-size: 10px;
    text-align: right;
    margin: 2px 5px;
}

.css_app_prodselector_psubtitle {
    color: #4A4A4A;
    
    font-weight: 400;
    font-size: 12px;
    text-align: left;
    padding: 0 20px;
}

.css_app_prodselector_qtypricebar{
    position: relative;
    height: 40px;
    margin: 20px;
}

.css_app_prodselector_item_qty {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    display: flex;
    text-align: center;
    Cursor: pointer;
    background: #FFFFFF;
}

.css_app_prodselector_item_qty_value {
    position: absolute;
    top: 5px;
    left: 33px;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    color: #000000;
    width: 37px;
}

.css_app_prodselector_item_minus_btn {
    text-align: center;
    height: 32px;
    width: 32px; 
    position: absolute;
    top: 5px;
    left: 0;
    padding-top: 3px;
    padding-left: 1px;
    border-radius: 16px;
    border: 2px solid darkslategray;
    background-color: #FFFFFF;
}
    .css_app_prodselector_item_minus_btn:hover {
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
    }

    .css_app_prodselector_item_plus_btn {
        position: absolute;
        top: 5px;
        left: 70px;
        /*display: flex;*/
        text-align: center;
        /*margin: 2px;*/
        height: 32px;
        width: 32px;
        padding-left: 1px;
        padding-top: 3px;
        border-radius: 16px;
        border: 2px solid darkslategrey;
        background-color: #FFFFFF;
    }
        .css_app_prodselector_item_plus_btn:hover {
            box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
        }


.css_app_prodselector_price_cont {
    position: absolute;
    top: 0;
    right: 0;
    color: darkslategray;
    font-weight: 600;
    font-size: 24px;
    text-align: right;
}
.css_app_prodselector_price {
    display: flex;
    flex-direction: column;
    position: relative;
}
.css_app_prodselector_pricedepositvaluetext {
    position: relative;
    font-size: 10px;
    font-weight: 400;
    color: #808080;
    margin: auto 0 0 auto;
    cursor: pointer;
}
.css_app_prodselector_pricePREDeposits {
    position: absolute;
    top: 0;
    right: 0;
    color: darkslategray;
    
    font-weight: 600;
    font-size: 24px;
    text-align: right;
    /*padding: 10px;*/
    /*margin-right: 30px;*/
}
.css_app_prodselector_livestore_blocksalenotice {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 10px auto;
}
.css_app_prodselector_livestore_blocksalenotice_line{
    margin: 0 auto;
}
.css_app_prodselector_livestore_blocksalenotice_title{
    font-size: 22px;
    font-weight: 600;
    color: darkred;
}
.css_app_prodselector_livestore_blocksalenotice_subtitle {
    font-size: 14px;
    font-weight: 300;
}
.css_app_prodselector_actionbuttons {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.css_app_prodselector_p_customise {
    text-align: center;
    color: steelblue;
    
    font-size: 16px;
    font-weight: 500;
    height: 44px;
    /*width: 80%;*/
    border: 2px solid steelblue;
    background-color: white;
    border-radius: 8px;
    margin: 15px auto 20px auto;
    padding: 8px 10px;
    cursor: pointer;
}
    .css_app_prodselector_p_customise:hover {
        color: white;
        background-color: steelblue;
        border: 2px solid white;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
        font-weight: 700;
    }

.css_app_prodselector_p_customise_hot {
    text-align: center;
    color: #FFFFFF;
    
    font-size: 16px;
    font-weight: 600;
    height: 44px;
    /*width: 80%;*/
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    border-radius: 8px;
    margin: 15px auto 20px auto;
    padding: 8px 10px;
    cursor: pointer;
}
        .css_app_prodselector_p_customise_hot:hover {
            border: 2px solid white;
            font-weight: 700;
        }

.css_app_prodselector_p_add {
    text-align: center;
    color: #FFFFFF;
    
    font-size: 16px;
    font-weight: 600;
    height: 44px;
    /*width: 80%;*/
    border-radius: 8px;
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 15px auto 20px auto;
    padding: 10px 20px;
    cursor: pointer;
}
    .css_app_prodselector_p_add:hover {
        border: 2px solid white;
        font-weight: 700;
    }

.css_cldapp_ol_psel_button_detail_cont {
    position: relative;
    text-align: center;
    margin: 0 10px;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
   justify-content: center;
}



.css_app_ol_prod_suggestions_cont {
    text-align: left;
}

.css_app_prod_suggestions_title {
    color: darkorange;
    
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding-top: 5px;
    text-transform: uppercase;
    margin: 5px;
    /*border-top: 1px solid lightgray;*/
}



.css_app_prod_suggestions_box {
    /*max-height: 150px;*/
    overflow-x: hidden;
-ms-overflow-style: none;
scrollbar-width: none;
}
    .css_app_prod_suggestions_box::-webkit-scrollbar {
        display: none;
    }

.css_app_prod_suggestions_canvas {
    padding-left: 10px;
    padding-right: 10px;
}

.css_app_prod_suggestion_item_hidden {
    display: none;
}
    .css_app_prod_suggestion_item {
    border: 1px solid #D2D2D2;
    cursor: pointer;
    margin-bottom: 5px;
    padding: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.css_app_prod_suggestion_item:hover {
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}

.css_app_prod_suggestion_item_indic {
    border: 1px dashed darkred;
    cursor: pointer;
    margin-bottom: 5px;
    padding: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    .css_app_prod_suggestion_item_indic:hover {
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    }

.css_app_prod_suggestion_item_title_row {
    display: flex;
    flex-direction: column;
    /*flex-wrap: nowrap;*/
    text-align: left;
}
 

.css_app_img_prod_suggestions {
    width: 80px;
    max-height: 80px;
    object-fit: cover;
    /* height: 170px; */
    float: right;
    border: 1px solid lightgray;
    margin: 0 0 0 10px;
}

.css_app_prod_suggestions_ptitle {
    color: #000000;
    border: none;
    text-align: left;
    margin-top: 5px;
    line-height: 14px;
    font-size: 18px;
    cursor: pointer;
    
    font-weight: 500;
}

.css_app_prod_suggestions_pdesc {
    text-align: left;
    font-size: 12px;
    cursor: pointer;
    
    font-weight: 400;
    line-height: 14px;
}

.css_app_prod_suggestions_pprice {
    
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    cursor: pointer;
}




.css_app_cmbreqnot_canvas {
    margin: 10px;
    position: relative;
    /*height: 100%;*/
    width: 90%;
    /*max-height: 700px;*/
    max-width: 500px;
    border-radius: 14px;
    background-color: #F8F8F8;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    text-align: center;
    margin: auto;
    /*margin: 100px auto 10px auto;*/
    /*padding: 50px 30px 50px 30px;*/
    padding: 0 0 50px 0;
    pointer-events: auto;
}

.css_app_cmbreqnot_image {
    /*background-color: #FFFFFF;*/
    width: 100%;
    max-height: 40vh;
    object-fit: cover;
    display: inline;
    position: relative;
    border-radius: 14px 14px 0 0;
}

.css_app_cmbreqnot_noimage {
    /*background-color: #FFFFFF;*/
    width: 100%;
    height: 80px;
    display: inline;
    position: relative;
    border-radius: 14px 14px 0 0;
}

.css_app_cls_cmbreqnoticn {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 2;
}

.css_app_cmbreqnot_ptitle {
    color: #000000;
    
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    padding: 5px 10px;
}

.css_app_cmbreqnot_psubtitle {
    color: #4A4A4A;
    
    font-size: 12px;
    text-align: left;
    padding: 5px 10px;
}

.css_app_cmbreqnot_usrmsgtitle {
    color: white;
    background-color: #1e90ff;
    
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    padding: 10px;
}

.css_app_cmbreqnot_usrmsgsubtitle {
    color: steelblue;
    
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    padding: 10px;
}

.css_app_cmbreqnot_p_customise_hot {
    text-align: center;
    color: #FFFFFF;
    
    font-size: 16px;
    font-weight: 500;
    height: 44px;
    width: 80%;
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    border-radius: 8px;
    margin: auto;
    padding-top: 10px;
    cursor: pointer;
}


.css_app_reaskmktcon_canvas {
    margin: 10px;
    position: relative;
    /*height: 100%;*/
    width: 90%;
    /*max-height: 700px;*/
    max-width: 500px;
    border-radius: 14px;
    background-color: #F8F8F8;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    text-align: center;
    margin: auto;
    /*margin: 100px auto 10px auto;*/
    /*padding: 50px 30px 50px 30px;*/
    padding: 0 0 50px 0;
    pointer-events: auto;
}

.css_app_reaskmktcon_image {
    max-height: 80px;
    position: relative;
    object-fit: contain;
    margin: 10px auto;
}

.css_app_reaskmktcon_noimage {
    /*background-color: #FFFFFF;*/
    width: 100%;
    height: 80px;
    display: inline;
    position: relative;
    border-radius: 14px 14px 0 0;
}

.css_app_cls_reaskmktconicn {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 2;
}

.css_app_reaskmktcon_ptitle {
    color: #000000;
    font-size: 22px;
    font-weight: 600;
    text-align: left;
    padding: 5px 10px;
}

.css_app_reaskmktcon_psubtitle {
    color: #4A4A4A;
    font-size: 14px;
    text-align: left;
    padding: 10px 10px;
    min-height: 50px;
}

.css_app_reaskmktcon_butt_line {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 10px;
}

.css_app_reaskmktcon_butt_yes {
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    background-color: green;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 5px 10px;
    padding: 5px 20px;
    cursor: pointer;
}
    .css_app_reaskmktcon_butt_yes:hover {
        font-weight: 700;
        border: 2px solid darkseagreen;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.4);
    }

.css_app_reaskmktcon_butt_no {
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    background-color: darkslategray;
    text-decoration: underline;
    margin: 5px 10px;
    padding: 5px 10px;
    cursor: pointer;
}
    .css_app_reaskmktcon_butt_no:hover {
        font-weight: 600;
        border: 2px solid silver;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.4);
    }


.css_app_reqloyaddmembermod_canvas {
    position: relative;
    width: 90%;
    max-width: 500px;
    border-radius: 14px;
    background-color: #F8F8F8;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    text-align: center;
    margin: auto;
    padding: 50px 20px 10px 20px;
    pointer-events: auto;
}

.css_app_reqloyaddmembermod_image {
    max-height: 150px;
    position: relative;
    object-fit: contain;
    border-radius: 8px;
}

.css_app_reqloyaddmembermod_noimage {
    /*background-color: #FFFFFF;*/
    width: 100%;
    height: 80px;
    display: inline;
    position: relative;
    border-radius: 14px 14px 0 0;
}

.css_app_cls_reqloyaddmembermodicn {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    z-index: 2;
}

.css_app_reqloyaddmembermod_pname {
    color: steelblue;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin: 0 auto 10px auto;
    text-transform: uppercase;
}
.css_app_reqloyaddmembermod_ptitle {
    color: #000000;
    font-size: 22px;
    font-weight: 600;
    text-align: left;
    margin: 15px auto 0 10px;
}

.css_app_reqloyaddmembermod_psubtitle {
    color: #4A4A4A;
    font-size: 16px;
    text-align: left;
    margin: 5px auto 10px 10px;
    min-height: 50px;
}

.css_app_reqloyaddmembermod_butt_line {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 20px auto 20px auto;
    justify-content: space-between;
    text-align: center;
}


.css_app_reqloyaddmembermod_butt_yes {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 10px auto;
    max-width: 50%;
    cursor: pointer;
    text-align: center;
    color: white;
    background-color: darkgreen;
    font-size: 16px;
    border-radius: 5px;
    border: 2px solid white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    padding: 10px 20px;
}

    .css_app_reqloyaddmembermod_butt_yes:hover {
        color: white;
        background-color: green;
        font-weight: 600;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 1);
    }

.css_app_reqloyaddmembermod_butt_no {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 10px auto;
    max-width: 50%;
    cursor: pointer;
    text-align: center;
    color: white;
    background-color: darkred;
    font-size: 16px;
    border-radius: 5px;
    border: 2px solid white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    padding: 10px 20px;
}

    .css_app_reqloyaddmembermod_butt_no:hover {
        color: white;
        background-color: crimson;
        font-weight: 600;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 1);
    }


.css_app_reqloyaddmembermod_butt_icon {
    margin-top: 3px;
}

.css_app_reqloyaddmembermod_butt_label {
    margin-left: 5px;
}

.css_app_reqloyaddmembermod_tandc_link_box {
    margin: 40px auto 0 10px;
    padding: 0 10px;
    text-align: left;
}

.css_app_reqloyaddmembermod_tandc_link_labelcont {
    margin: 0;
}
.css_app_reqloyaddmembermod_tandc_link_label {
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}


    .css_app_cmbavailrecomm_canvas {
        margin: 10px;
        position: relative;
        /*height: 100%;*/
        width: 90%;
        /*max-height: 700px;*/
        max-width: 500px;
        border-radius: 14px;
        background-color: #F8F8F8;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
        text-align: center;
        margin: auto;
        /*margin: 100px auto 10px auto;*/
        /*padding: 50px 30px 50px 30px;*/
        padding: 50px 0 10px 0;
        pointer-events: auto;
    }

.css_app_cmbavailrecomm_image {
    /*background-color: #FFFFFF;*/
    width: 100%;
    max-height: 40vh;
    object-fit: cover;
    display: inline;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    border-radius: 14px 14px 0 0;
}

.css_app_cmbavailrecomm_noimage {
    /*background-color: #FFFFFF;*/
    width: 100%;
    height: 80px;
    display: inline;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    border-radius: 14px 14px 0 0;
}

.css_app_cls_cmbavailrecommicn {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 2;
}
.css_app_cmbavailrecomm_detail {
    position: relative;
    margin: 100px 20px 10px 20px;
    padding: 10px 0 20px 0;
    background-color: white;
    border: 1px solid silver;
    border-radius: 5px;
    z-index: 10;
}
.css_app_cmbavailrecomm_ptitle {
    color: #000000;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    padding: 5px 10px;
}

.css_app_cmbavailrecomm_psubtitle {
    color: #4A4A4A;
    font-size: 12px;
    text-align: left;
    padding: 5px 10px;
}
.css_app_cmbavailrecomm_usrmsgtitle_cont {
    color: white;
    background-color: mediumvioletred;
    text-align: center;
    width: 100%;
    padding: 10px 20px;
}
.css_app_cmbavailrecomm_usrmsgtitle {
    font-size: 20px;
    font-weight: 600;
}
.css_app_cmbavailrecomm_usrmsgtitle_mini {
    font-size: 12px;
    font-weight: 400;
}
.css_app_cmbavailrecomm_usrmsgsubtitle {
    color: steelblue;
    font-size: 10px;
    font-weight: 400;
    text-align: center;
    padding: 10px 20px;
}

.css_oa_cmbavailrecomm_itemselector {
    width: 100%;
    scroll-behavior: smooth;
    max-height: 200px;
    /*margin: 10px;*/
    background: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    max-width: 750px;
    overflow-x: hidden;
}
.css_oa_cmbavailrecomm_item_button {
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    height: 44px;
    width: 80%;
    background: linear-gradient(225deg, green 0%, forestgreen 100%);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    border: 2px solid white;
    margin: auto;
    padding-top: 10px;
    cursor: pointer;
}
    .css_oa_cmbavailrecomm_item_button:hover {
        background: linear-gradient(225deg, forestgreen 0%, green 100%);
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
        transition: 1s;
        font-weight: 600;
        /*border-color: lightseagreen;*/
    }

.css_oa_cmbavailrecomm_selector_canvas {
    background: #FFFFFF;
    width: 100%;
    max-width: 800px;
    /*overflow-y: scroll;
    overflow-x: hidden;*/
    padding-top: 10px;
    padding-bottom: 10px;
}

.css_app_cmbavailrecomm_p_customise_hot {
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    height: 44px;
    width: 80%;
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    margin: auto;
    padding-top: 10px;
    cursor: pointer;
    border: 2px solid white;
}
    .css_app_cmbavailrecomm_p_customise_hot:hover {
        background: linear-gradient(225deg, #F8644E 0%, #F85A91 100%);
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
        transition: 1s;
        font-weight: 600;
        /*border-color: white;*/
    }

    .css_cldapp_ipgCashierCont {
        height: 100%;
        margin: 50px auto;
        max-width: 400px;
        background-color: white;
    }
.css_cldapp_ipgCashierDiv {
    height: 100%;
    margin: 50px auto;
    max-width: 400px;
    background-color: white;
}

.captivaappbuild_basket_boipapay_container {
    width: 100vw;
    max-width: 800px;
    height: calc(100vh - 150px);
    margin: 0 auto;
    text-align:center;
    /*background-color: white;*/
    /*overflow-y: hidden;
    margin-left: auto;
    margin-right: auto;*/
}

.captivaappbuild_basket_container {
    width: 100vw;
}
.css_basket_checkout {
    /*min-height: 100vh;*/
    -ms-overflow-style: none;
    scrollbar-width: none;
}
    .css_basket_checkout::-webkit-scrollbar {
        display: none;
    }

.css_div_basket_container_inner {
    display: flex;
    flex-wrap: nowrap;
    width: 100vw;
    max-width: 1200px;
    margin: 0 auto;
}
    




.captivaappbuild_bskt_sendorder_pnl {
    position: relative;
    display: block;
    color: #FFFFFF;
    background-color: gray;
    /*flex-wrap: wrap;*/
    text-align: left;
    width: 100%;
    /*height: 60px;*/
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
    min-width: 230px;
    /*border-radius: 4px;*/
    background-color: #FFFFFF;
    border: 1px solid #D2D2D2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}

.captivaappbuild_bskt_sendorder_pnl_fail {
    position: relative;
    display: block;
    color: #FFFFFF;
    background-color: red;
    /*flex-wrap: wrap;*/
    text-align: left;
    width: 100%;
    /*height: 60px;*/
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
    min-width: 230px;
    /*border-radius: 4px;*/
    background-color: #FFFFFF;
    border: 1px solid #D2D2D2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}


.captivaappbuild_bskt_sendorder_pnl_pass {
    position: relative;
    display: block;
    color: #FFFFFF;
    background-color: green;
    /*flex-wrap: wrap;*/
    text-align: left;
    width: 100%;
    /*height: 60px;*/
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
    min-width: 230px;
    /*border-radius: 4px;*/
    background-color: #FFFFFF;
    border: 1px solid #D2D2D2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}

.captivaappbuild_bskt_sendorder_title {
    
    font-size: 18px;
    font-weight: bold;
    /* padding-left: 10px; */
    /* padding-top: 15px; */
}

.captivaappbuild_bskt_sendorder_subtitle {
    color: darkslategray;
    
    font-size: 14px;
    /* padding-left: 10px; */
    padding-top: 5px;
}



.css_oa_bskt_chkdisk_result_pnl {
    position: relative;
    display: block;
    color: #FFFFFF;
    background-color: gray;
    /*flex-wrap: wrap;*/
    text-align: left;
    width: 100%;
    /*height: 60px;*/
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    min-width: 230px;
    /*border-radius: 4px;*/
    background-color: #FFFFFF;
    border: 1px solid #D2D2D2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}

.css_oa_bskt_chkdisk_result_pnl_fail {
    position: relative;
    display: block;
    color: #FFFFFF;
    background-color: red;
    /*flex-wrap: wrap;*/
    text-align: left;
    width: 100%;
    /*height: 60px;*/
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    min-width: 230px;
    /*border-radius: 4px;*/
    background-color: #FFFFFF;
    border: 1px solid #D2D2D2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}


.css_oa_bskt_chkdisk_result_pnl_pass {
    position: relative;
    display: block;
    /*color: #FFFFFF;*/
    background-color: green;
    /*flex-wrap: wrap;*/
    text-align: center;
    width: 100%;
    /*height: 60px;*/
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    min-width: 230px;
    /*border-radius: 4px;*/
    background-color: #FFFFFF;
    border: 1px solid #D2D2D2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}

.css_oa_bskt_chkdisk_result_title {
    
    font-size: 18px;
    font-weight: bold;
    margin: 20px auto;
    /* padding-left: 10px; */
    /* padding-top: 15px; */
}

.css_oa_bskt_chkdisk_result_subtitle {
    color: darkslategray;
    
    font-size: 14px;
    /* padding-left: 10px; */
    padding-top: 5px;
}


.captivaappbuild_bskt_demopayoptions_pnl {
    position: relative;
    display: block;
    /*flex-wrap: wrap;*/
    text-align: left;
    /*width: 100%;*/
    /*height: 60px;*/
    margin: 10px 20px;
    /*margin-left: 10px;
    margin-right: 10px;*/
    padding: 10px;
    min-width: 230px;
    /*border-radius: 4px;*/
    background-color: #FFFFFF;
    border: 1px solid #D2D2D2;
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
}
.captivaappbuild_bskt_demopayoptions_title {
    color: #4A4A4A;
    
    font-size: 18px;
    font-weight: bold;
    /* padding-left: 10px; */
    /* padding-top: 15px; */
    cursor: pointer;
}

.captivaappbuild_paymentoptions {
    /*height: 100%;*/
    width: 100%;
    max-width: 300px;
    min-width: 200px;
    /*min-height: 500px;*/
    border-radius: 0px 0px 3px 3px;
    margin: 0 auto 0 auto;
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.2);
    text-align: center;
}

.css_app_paymentoptionheadertext {
    /*text-align: center;
    color: #1e90ff;
    
    font-size: 24px;
    font-weight: bold;
    margin-top: 15px;*/
    
    font-size: 36px;
    color: #000000;
    font-weight: 700;
    line-height: 42px;
    margin: 10px 0 10px 0;
}

.css_app_paymentoptionheadersubtext {
    
    font-size: 24px;
    line-height: 28px;
}
.captivaappbuild_bskt_demopayoptions_subtitle {
    color: darkslategray;
    
    font-size: 14px;
    /* padding-left: 10px; */
    padding-top: 5px;
    cursor: pointer;
}

.captivaappbuild_bskt_btmmenu_tips_pnl {
    display: block;
    /*flex-wrap: wrap;*/
    text-align: left;
    width: 100%;
    /*height: 60px;*/
    margin-top: 10px;
    padding: 10px;
    min-width: 230px;
    /*border-radius: 4px;*/
    background-color: #FFFFFF;
    border: 1px solid #D2D2D2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}
.captivaappbuild_bskt_btmmenu_tips_buttbar {
    display: flex;
    flex-wrap: nowrap;
    text-align: center;
    justify-content: center;
    /* width: 100%; */
    /* height: 60px; */
    /* margin-top: 10px; */
    /* margin-left: auto; */
    /* margin-right: auto; */
    padding: 10px;
    /* min-width: 230px; */
    /* border-radius: 4px; */
    background-color: #FFFFFF;
    border: 1px solid #D2D2D2;
}
.captivaappbuild_bskt_btmmenu_tips_buttbar_inner{
    text-align: center;
}
.captivaappbuild_bskt_btmmenu_tips_butt {
    border: 1px solid #D2D2D2;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 5px;
    color: darkgoldenrod;
    min-width: 70px;
    border-radius: 6px;
    padding: 5px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    cursor: pointer;
    width: 100%;
}
    .captivaappbuild_bskt_btmmenu_tips_butt:hover {
        color: white;
        background: linear-gradient( 225deg, #64F84E 0%, #4bb83b 100%);
    }

.captivaappbuild_bskt_btmmenu_tips_butt_nt {
    border: 1px solid #D2D2D2;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 5px;
    color: darkred;
    min-width: 70px;
    border-radius: 6px;
    padding: 5px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    cursor: pointer;
    width: 100%;
}

    .captivaappbuild_bskt_btmmenu_tips_butt_nt:hover {
        color: white;
        background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    }
.css_oa_bskt_tip_butt_title {
    
    font-weight: bold;
    
    font-size: 16px;
}
.css_oa_bskt_tip_butt_title_nt {
    
    font-weight: bold;
    
    font-size: 16px;
} 
.css_oa_bskt_tip_butt_title_m {
    
    font-weight: bold;
    
    font-size: 16px;
}

.css_oa_bskt_tip_butt_subtitle {
    color: lightgray;
    
    font-size: 16px;
}
.captivaappbuild_bskt_tips_sellbl {
    text-align: center;
    
    color: brown;
    font-size: 16px;
    font-weight: 600;
    margin-top: 5px;
}

.captivaappbuild_basket_totals_panel_payscn_paymentoptions {
    /*height: 100%;*/
    width: 100%;
    max-width: 300px;
    min-width: 200px;
    /*min-height: 500px;*/
    border-radius: 0px 0px 3px 3px;
    margin: 0 auto 0 auto;
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.2);
    text-align: center;
}


.captivaappbuild_basket_totals_panel_payscn_labels {
    /*max-width: 260px;*/
    margin: 10px;
}

.captivaappbuild_basket_totals_panel_payscn_st {
    /*margin-top: 5px;
    margin-right: 10px;*/
    padding: 5px 10px;
    font-size: 20px;
    line-height: 23px;
    font-weight: 500;
    color: #000000;
    
}
.captivaappbuild_basket_totals_panel_payscn_depositfee {
    padding: 0 10px;
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
    color: #000000;
}
.captivaappbuild_basket_totals_panel_payscn_disc_pnl {
    /*margin-top: 5px;
    margin-right: 10px;*/
    padding: 5px 10px;
    font-size: 20px;
    line-height: 23px;
    font-weight: 500;
    color: darkorange;
}

.css_oa_srolltoend_checkout_payments_butt {
    position: fixed;
    display: block;
    right: 40vw;
    bottom: 50px;
    /*bottom: 20vh;*/ /* 5dvh; dynamic height (of not supported then 15vh on line above will be the fall back, - so don't delete it!*/
    /*bottom: 20dvh;*/
    width: 40px;
    height: 40px;
    font-size: 24px;
    color: #ffffff;
    background-color: steelblue;
    border-radius: 50%;
    border: 2px solid white;
    /*overflow: hidden;*/
    text-align: center;
    /*text-decoration: none;*/
    transition: .25s all ease-in-out;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    z-index: 10000;
    cursor: pointer;
}

    .css_oa_srolltoend_checkout_payments_butt:hover {
        background-color: #315a7d;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.6);
    }

/*.css_oa_srolltoend_checkout_payments_butt {
    display: none;
}*/

.css_oa_checkout_payments_scrollbut_srolltoendicon {
    position: absolute;
    cursor: pointer;
    top: 1px;
    left: 1px;
}

.captivaappbuild_basket_totals_panel_bsktsummary {
    width: 100%;
    /*height: 260px;*/
    margin: 0px;
    padding: 10px;
    min-width: 220px;
    background: #FFFFFF;
    border-radius: 0px;
}
.captivaappbuild_bsktsummary_basketpanel {
    width: 100%;
    padding-top: 0px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}


.css_summbasket_cattitle_line_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    color: steelblue;
    padding: 5px;
}

.css_summbasket_line_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    border-bottom: 1px solid #dae2e8;
    padding: 5px;
}


.summbasket_item_qty_cont {
    text-align: center;
}

.summbasket_item_qty_value {
    
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #000000;
    /*padding-top: 4px;*/
    /*background: #FFFFFF;*/
    margin: 0 5px;
}

.summbasket_item_desc {
    display: flex;
    flex-direction: column;
    text-align: left;
    margin-left: 10px;
    margin-right: auto;
}
.summbasket_item_name {
    text-align: left;
    color: #000000;
    
    font-size: 14px;
    font-weight: 400;
}
.summbasket_item_depsoitfeename {
    text-align: left;
    color: #000000;
    font-size: 10px;
    font-weight: 300;
}
.summbasket_item_subdesc {
    text-align: left;
    font-size: 11px;
    max-width: 300px;
}

.summbasket_item_price_cont {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.summbasket_item_price {
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    /*background: #FFFFFF;*/
}

.summbasket_item_depositprice {
    text-align: right;
    font-size: 10px;
    font-weight: 300;
    color: #000000;
    /*background: #FFFFFF;*/
}

.captivaappbuild_summarybasketitems {
    text-align: left;
    border: 1px solid #D2D2D2;
    display: flex;
    flex-direction: column;
}

.captivaappbuild_basket_totals_panel_payscn {
    width: 100%;
    /*height: 260px;*/
    margin: 0px;
    padding: 10px;
    min-width: 220px;
    background: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 0px 0px;
}

.captivaappbuild_basket_totals_panel_payscn_tot {
    padding: 20px;
    line-height: 23px;
    background-color: darkslategray;
}
.captivaappbuild_basket_totals_panel_payscn_txt {
    font-weight: 500;
    font-size: 20px;
    color: #FFFFFF;
}
.captivaappbuild_basket_totals_panel_payscn_loydisc_txt {
    font-weight: 400;
    font-size: 18px;
    color: bisque;
    margin-bottom: 10px;
    text-decoration: underline;
}
.captivaappbuild_basket_totals_panel_payscn_loydisc_topay_txt {
    font-weight: 700;
    font-size: 22px;
    color: #FFFFFF;
}
    .captivaappbuild_basketpanel_btmmenu {
        margin: 0px;
        padding: 0;
        min-width: 220px;
        border-radius: 3px 3px 0px 0px;
    }

.captivaappbuild_bskt_inline_discount_chkout_pnl {
    display: flex;
    flex-wrap: nowrap;
    text-align: left;
    justify-content: space-between;
    /*width: 100%;*/
    /*height: 60px;*/
    margin: 10px 10px 10px 10px;
    /*padding: 10px;*/
    min-width: 230px;
    /*border-radius: 4px;*/
    background-color: #FFFFFF;
    /*border: 1px solid #D2D2D2;*/
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
    /*cursor: pointer;*/
}
.css_oa_bskt_loy_cashdisc_chkout_acceptcont{
    position: relative;
    padding: 0 10px 0 0;
}
.css_bskt_inline_disc_checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #7ac142;
    fill: none;
    animation: coabc_stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards
}

.css_bskt_inline_disc_checkmark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10% auto;
    box-shadow: inset 0px 0px 0px #7ac142;
    animation: coabc_fill .4s ease-in-out .4s forwards, coabc_scale .3s ease-in-out .9s both
}

.css_bskt_inline_disc_checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: coabc_stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards
}

@keyframes coabc_stroke {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes coabc_scale {
    0%, 100% {
        transform: none
    }

    50% {
        transform: scale3d(1.1, 1.1, 1)
    }
}

@keyframes coabc_fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #7ac142
    }
}

.captivaappbuild_bskt_inline_disc_loycash_chkout_pnl {
    display: flex;
    flex-wrap: nowrap;
    text-align: left;
    justify-content: space-between;
    width: 100%;
    /*height: 60px;*/
    margin: 10px 0;
    padding: 10px;
    min-width: 230px;
    /*border-radius: 4px;*/
    background-color: aliceblue;
    border: 4px dashed crimson;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    cursor: pointer;
}
    .captivaappbuild_bskt_inline_disc_loycash_chkout_pnl:hover {
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.4);
    }

.captivaappbuild_bskt_inline_disc_loycash_chkout_pnl_selected {
    display: flex;
    flex-wrap: nowrap;
    text-align: left;
    justify-content: space-between;
    width: 100%;
    /*height: 60px;*/
    margin: 10px 0;
    padding: 10px;
    min-width: 230px;
    /*border-radius: 4px;*/
    background-color: bisque;
    border: 4px dashed green;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    cursor: pointer;
}

    .captivaappbuild_bskt_inline_disc_loycash_chkout_pnl_selected:hover {
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.4);
    }

.captivaappbuild_bskt_loy_disc_chkout_pnl {
    display: flex;
    flex-wrap: nowrap;
    text-align: left;
    justify-content: space-between;
    /*width: 100%;*/
    /*height: 60px;*/
    margin: 10px 10px 10px 10px;
    padding: 10px;
    min-width: 230px;
    /*border-radius: 4px;*/
    background-color: #FFFFFF;
    border: 1px solid #D2D2D2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}

.captivaappbuild_bskt_loy_disc_chkout_pnl_nonmember {
    display: flex;
    flex-wrap: nowrap;
    text-align: left;
    justify-content: space-between;
    /*width: 100%;*/
    /*height: 60px;*/
    margin: 10px 10px 10px 10px;
    padding: 10px;
    min-width: 230px;
    /*border-radius: 4px;*/
    background-color: #FFFFFF;
    border: 1px solid #D2D2D2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    cursor: pointer;
}
    .captivaappbuild_bskt_loy_disc_chkout_pnl_nonmember:hover {
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5);
    }

    .css_oa_bskt_loy_disc_chkout_title {
        color: #000000;
        font-size: 16px;
        font-weight: 700;
        text-align: left;
        line-height: 22px;
    }

.css_oa_bskt_loy_disc_chkout_action_lbl {
    color: mediumvioletred;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    line-height: 22px;
}

.css_oa_bskt_loy_disc_chkout_subtitle {
    color: slategray;
    font-size: 14px;
    font-weight: 300;
    text-align: left;
}

.css_oa_bskt_loy_disc_chkout_content {
    padding: 0;
    margin: 0 auto 0 0;
}
.css_oa_bskt_loy_disc_chkout_balance_box {
    display: flex;
    flex-direction: column;
    margin: 0 0 0 auto;
    font-size: 24px;
    font-weight: 700;
    background-color: darkcyan;
    color: white;
    padding: 2px 10px;
    text-align: center;
}
.css_oa_bskt_loy_disc_chkout_balance {
    margin: 0 auto;
    font-size: 20px;
    font-weight: 700;
    color: white;
}

.css_oa_bskt_loy_disc_chkout_balance_subtxt {
    margin: 0 auto;
    font-size: 12px;
    font-weight: 500;
    color: white;
}

.css_oa_bskt_loy_disc_chkout_cardcont {
    margin: auto 10px auto 0;
}
.css_oa_bskt_loy_disc_chkout_card_img {
    border-radius: 4px;
    width: 100px;
    /*max-width: 40%;
    min-width: 100px;*/
    box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.4);
}


.css_oa_bskt_loy_cashdisc_chkout_title {
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    line-height: 22px;
}

.css_oa_bskt_loy_cashdisc_chkout_subtitle {
    color: black;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
}

.css_oa_bskt_loy_cashdisc_chkout_content {
    padding: 0;
    margin: 0 auto 0 0;
}

.css_oa_bskt_loy_cashdisc_chkout_balance_box {
    display: flex;
    flex-direction: column;
    margin: 0 0 0 auto;
    font-size: 24px;
    font-weight: 700;
    background-color: green;
    color: white;
    padding: 10px;
    text-align: center;
}

.css_oa_bskt_loy_cashdisc_chkout_balance {
    margin: 0 auto;
    font-size: 24px;
    font-weight: 700;
    color: white;
}

.css_oa_bskt_loy_cashdisc_chkout_balance_subtxt {
    margin: 0 auto;
    font-size: 12px;
    font-weight: 500;
    color: white;
}

.css_oa_bskt_loy_cashdisc_chkout_cardcont {
    margin: auto 10px auto 0;
}

.css_oa_bskt_loy_cashdisc_chkout_card_img {
    border-radius: 4px;
    width: 100px;
    /*max-width: 40%;
    min-width: 100px;*/
    box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.4);
}

.css_oa_checkout_godownto_payments_butt_cont {
    margin: 5px auto;
}

.css_oa_checkout_godownto_payments_butt {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    font-weight: 500;
    color: white;
    background-color: darkcyan;
    border-radius: 20px;
    border: 2px solid white;
    margin: 0 auto;
    padding: 0 0 0 10px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    max-width: 240px;
    width: fit-content;
    cursor: pointer;
    animation-name: kf_css_oa_checkout_godownto_payments_butt_highlight;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

    .css_oa_checkout_godownto_payments_butt:hover {
        font-weight: 600;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    }

.css_oa_checkout_godownto_payments_butt_text {
    font-size: 14px;
    margin-right: 10px;
    margin-top: 7px;
}

.captivaappbuild_bskt_btmmenu_disc_pnl {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    font-weight: 400;
    margin: 20px 10px;
    padding: 10px;
    min-width: 230px;
    background-color: #FFFFFF;
    border: 1px solid #D2D2D2;
   cursor: pointer;
}
    .captivaappbuild_bskt_btmmenu_disc_pnl:hover {
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
        font-weight: 700;
    }

.captivaappbuild_bskt_btmmenu_disc_pnl_highlight {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: left;
    font-weight: 500;
    margin: 20px 10px;
    padding: 10px;
    min-width: 230px;
    border-width: 2px;
    border-style: solid;
    cursor: pointer;
    animation-name: kf_ol_app_discount_pnl_highlight;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

    .captivaappbuild_bskt_btmmenu_disc_pnl_highlight:hover {
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
        font-weight: 700;
    }
.captivaappbuild_bskt_btmmenu_disc_text {
    padding-top: 12px;
    font-size: 16px;
    color: steelblue;
    margin-left: 10px;
}
.captivaappbuild_bskt_btmmenu_disc_text_highlight {
    padding-top: 12px;
    font-size: 16px;
    color: mediumvioletred;
    margin-left: 10px;
}
.captivaappbuild_bskt_btmmenu_disc_icon {
    position: relative;
    padding-top: 0;
}
.css_captivaappbuild_bskt_btmmenu_disc_glyph{
    padding-top: 10px;
    padding-right: 10px;
}


.css_captivaappbuild_bskt_btmmenu_disc_icon_count_circ {
    position: absolute;
    text-align: center;
    top: 0;
    right: 0;
    height: 24px;
    width: 24px;
    border-radius: 12px;
    padding-top: 1px;
    border: 2px solid white;
    background-color: mediumvioletred;
    color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.4);
}
.css_captivaappbuild_bskt_btmmenu_disc_icon_count_circ_highlight {
    position: absolute;
    text-align: center;
    top: 0;
    right: 0;
    height: 24px;
    width: 24px;
    border-radius: 12px;
    padding-top: 1px;
    border: 2px solid white;
    background-color: mediumvioletred;
    color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.4);
    animation-name: kf_ol_app_discount_icon_circ_highlight;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
.css_captivaappbuild_bskt_btmmenu_disc_icon_count_lbl{
    position: relative;
    /*top: 0;
    left: 0;*/
    font-size: 12px;
    /*font-weight: 600;*/
}
.captivaappbuild_bskt_btmmenu_disc_pnlimg {
    height: 40px;
    margin-left: 10px;
    margin-right: 10px;
}

.captivaappbuild_bskt_btmmenu_tip_title {
    color: #4A4A4A;
    
    font-size: 18px;
    font-weight: bold;
    /* padding-left: 10px; */
    /* padding-top: 15px; */
    cursor: pointer;
}

.captivaappbuild_bskt_btmmenu_tip_subtitle {
    color: darkslategray;
    
    font-size: 14px;
    /* padding-left: 10px; */
    padding-top: 5px;
    cursor: pointer;
}

.captivaappbuild_bskt_btmmenu_st {
    /*margin-top: 5px;
    margin-right: 10px;*/
    padding: 20px 75px;
    font-size: 20px;
    line-height: 23px;
    font-weight: 500;
    color: #000000;
    
}

.captivaappbuild_bskt_btmmenu_disc {
    /*margin-top: 5px;
    margin-right: 10px;*/
    padding: 20px 75px;
    font-size: 20px;
    line-height: 23px;
    font-weight: 500;
    color: #000000;
    
}

.css_cldapp_basket_totals_panel_bsktsumm_title {
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
    color: darkslategrey;
    
}
.captivaappbuild_bskt_btmmenu_addchg {
    /*margin-top: 5px;
    margin-right: 10px;*/
    display: flex;
    flex-direction: column;
    padding: 5px 10px;
    font-size: 20px;
    line-height: 23px;
    font-weight: 500;
    color: #000000;
}

.captivaappbuild_bskt_btmmenu_addchgnote {
    /*margin-top: 5px;
    margin-right: 10px;*/
    padding: 10px 0;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    color: darkslategray;
    text-align: left;
}
.captivaappbuild_bskt_btmmenu_tot {
    padding: 20px 50px;
    font-size: 20px;
    line-height: 23px;
    font-weight: 500;
    color: #FFFFFF;
    
    background-color: #3E1700;
}

.captivaappbuild_bskt_btmmenu_tot_k {
    padding: 20px 50px;
    font-size: 32px;
    line-height: 23px;
    font-weight: 500;
    color: #FFFFFF;
    background-color: #3E1700;
}
.captivaappbuild_bskt_btmmenu_tot_inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.captivaappbuild_bskt_btmmenu_tot_inner_detail {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0 20px 0 0;
    width: 100%;
    align-items: center;
}
.captivaappbuild_bskt_btmmenu_tot_inner_detail_txt{
    margin:0 auto 0 0;
    text-align: left;
}
.captivaappbuild_bskt_btmmenu_tot_inner_detail_val {
    margin: 0 0 0 auto;
    text-align: right;
}

    .css_oa_scroll_basketchkout_cont {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100px;
        margin-right: 0;
    }

.css_oa_basketchkout_scrollbut_upicon {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}


.css_oa_basketchkout_scrollbut_dnicon {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}


.css_oa_srollup_basketchkout {
    position: relative;
    /*right: 5px;
    top: 20px;*/
    width: 40px;
    height: 40px;
    font-size: 24px;
    /*line-height: 53px;*/
    color: #ffffff;
    background-color: #ff6f80;
    border-radius: 50%;
    margin-right: 10px;
    /*overflow: hidden;*/
    border: 2px solid white;
    text-align: center;
    /*text-decoration: none;*/
    transition: .45s all ease-in-out;
    /*z-index: 100;*/
    cursor: pointer;
}

    .css_oa_srollup_basketchkout:hover {
        background-color: #ff8997;
    }



.css_oa_srolldn_basketchkout {
    position: relative;
    /*right: 5px;
    bottom: 20px;*/
    width: 40px;
    height: 40px;
    font-size: 24px;
    /*line-height: 53px;*/
    color: #ffffff;
    background-color: #ff6f80;
    border-radius: 50%;
    margin-left: 10px;
    /*overflow: hidden;*/
    border: 2px solid white;
    text-align: center;
    /*text-decoration: none;*/
    transition: .45s all ease-in-out;
    /*z-index: 100;*/
    cursor: pointer;
}

    .css_oa_srolldn_basketchkout:hover {
        background-color: #ff8997;
    }


.captivaappbuild_bskt_btmmenu_minorder_note {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 10px 25px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    color: #FFFFFF;
    
    background-color: darkgoldenrod;
}
    .captivaappbuild_bskt_btmmenu_minorder_note_icon{
        text-align:left;
    }
.captivaappbuild_bskt_btmmenu_minorder_note_text{
    margin-left: 5px;
    margin-top: 5px;
}
.captivaappbuild_bskt_btmmenu_labels {
    /*max-width: 260px;*/
    /*margin: 10px;*/
    display: flex;
    flex-direction: column;
}
.css_oapp_topmenu_nav_back {
    margin-top: 5px;
    cursor: pointer;
}

.css_bsk_oapp_topmenu_nav_back {
}

.css_oapp_bsk_topmenu_nav_right {
    height: 30px;
    width: 30px;
}

.css_oapp_topmenu_title {
    text-align: center;
    padding-top: 10px;
    color: #FFFFFF;
}

.css_oapp_topmenu_right_cont {
    position: absolute;
    top: 5px;
    right: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.css_oapp_topmenu_nav_exitapp {
    position: relative;
    height: 30px;
    width: 35px;
    Cursor: pointer;
    margin-top: 5px;
}

.css_oapp_topmenu_nav_exitappbg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.css_oapp_topmenu_nav_appmode_gohome {
    position: relative;
    height: 30px;
    width: 40px;
    Cursor: pointer;
    margin-top: 5px;
}
.css_oapp_topmenu_nav_appmode_gohomebg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.css_oapp_topmenu_nav_user {
    position: relative;
    height: 30px;
    width: 40px;
    Cursor: pointer;
    margin-top: 5px;
}

.css_oapp_topmenu_nav_userbg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.css_oapp_topmenu_nav_fs {
    position: relative;
    height: 30px;
    width: 40px;
    Cursor: pointer;
    margin-top: 5px;
}

.css_oapp_topmenu_nav_fsbg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}

/*.css_oapp_topmenu_nav_appsettings {
    position: relative;
    height: 30px;
    width: 40px;
    Cursor: pointer;
    margin-top: 10px;
}*/

/*.css_oapp_topmenu_nav_appsettingsbg {
    position: absolute;
    left: 0;
    top: 2px;
    height: 100%;
    width: 100%;
    z-index: 1;
}*/

.css_oapp_topmenu_nav_cpos {
    position: relative;
    height: 30px;
    width: 40px;
    Cursor: pointer;
    margin-top: 10px;
}

.css_oapp_topmenu_nav_cposbg {
    position: absolute;
    left: 0;
    top: 2px;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.css_oapp_topmenu_cpos_dot {
    text-align: center;
    height: 18px;
    width: 20px;
    border-radius: 2px;
    border: 1px solid #FFFFFF;
    /*background-color: #ed0707;*/
    position: absolute;
    left: 10px;
    top: 0;
    z-index: 2;
}

.css_oapp_topmenu_cpos_label {
    text-align: center;
    
    font-size: 12px;
    /*font-weight: bold;*/
    color: #FFFFFF;
    position: absolute;
    width: 20px;
    left: 0;
    top: 1px;
    z-index: 3;
}



.captivaappbuild_basketpanel {
    width: 100%;
    padding-top: 20px;
    /*border: 1px solid rgba(255, 255, 255, 0.2);*/
}


.css_basket_cattitle_line_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 700;
    color: white;
    background-color: steelblue;
    margin: 5px 10px;
    border-radius: 5px;
    text-decoration: underline;
    padding: 7px;
    border-top: 1px solid grey;
}

.css_basket_endoflist_line_cont {
    text-align: center;
    width: fit-content;
    border-radius: 20px;
    border: 2px solid steelblue;
    color: steelblue;
    background-color: #eeeeee;
    padding: 4px 15px;
    margin: 5px auto;
    font-size: 12px;
    font-weight: 500;
}

.css_basket_line_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    /*border-top: 1px solid #dae2e8;*/
    border-bottom: 1px solid #dae2e8;
    padding: 5px;
}
.css_basket_line_cont_left {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.css_basket_line_cont_right {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
}



.captivaappbuild_basketitems {
    scroll-behavior: smooth;
    /*overflow-y: scroll;
    overflow-x: hidden;
    height: calc(100vh - (250px));*/
    /*min-height: 100vh;*/
    padding: 0 0 100px 0;
    width: 100%;
    min-width: 230px;
    text-align: left;
    border: 1px solid #D2D2D2;
    /*background-color: #FFFFFF;*/
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .captivaappbuild_basketitems::-webkit-scrollbar {
        display: none;
    }


.captivaappbuild_basketitems_for_accessibility {
    scroll-behavior: smooth;
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(60vh - (250px));
    width: 100%;
    min-width: 230px;
    text-align: left;
    border: 1px solid #D2D2D2;
    /*background-color: #FFFFFF;*/
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .captivaappbuild_basketitems_for_accessibility::-webkit-scrollbar {
        display: none;
    }

.css_basket_no_image_cont {
    display: none;
}




.css_basket_image_cont_k {
    position: relative;
    width: 180px;
}

.basket_item_image_k {
    width: 180px;
    height: 180px;
    background: rgba(0,0,0,0.01);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    object-fit: cover;
}

.basket_item_name_k {
    text-align: left;
    color: #000000;
    font-size: 32px;
    font-weight: 600;
}

.basket_item_deposit_price_k {
    text-align: left;
    font-size: 16px;
    font-weight: 300;
    color: #000000;
}

.basket_item_subdesc_k {
    text-align: left;
    font-size: 18px;
    max-width: 400px;
}

.basket_item_edit_btn_highlight_k {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 5px;
    margin: 5px;
    color: white;
    background-color: darkred;
    border: 2px solid indianred;
    border-radius: 5px 5px 5px 5px;
    font-weight: 600;
    cursor: pointer;
    animation-name: kf_ol_app_customise_combo_cbk_highlight;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

    .basket_item_edit_btn_highlight_k:hover {
        color: #FFFFFF;
        background-color: red;
    }


.basket_item_edit_btn_k {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 5px;
    margin: 5px;
    color: steelblue;
    background-color: #FFFFFF;
    border: 2px solid steelblue;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
}

    .basket_item_edit_btn_k:hover {
        color: #FFFFFF;
        background-color: dodgerblue;
    }


.basket_btn_edit_label_k {
    position: relative;
    margin: 0 2px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    font-family: Poppins;
}

.basket_item_delete_btn_k {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 5px;
    margin: 5px;
    color: darkred;
    background-color: #FFFFFF;
    border: 2px solid darkred;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
}

    .basket_item_delete_btn_k:hover {
        color: #FFFFFF;
        background-color: darkred;
    }

.basket_btn_del_label_k {
    position: relative;
    margin: 0 2px;
    font-size: 14px;
    font-weight: 600;
    font-family: Poppins;
    cursor: pointer;
}

.basket_item_price_k {
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    color: #000000;
}

.basket_item_qty_k {
    position: relative;
    width: 120px;
    margin: 5px auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.basket_item_qty_value_lbl_k {
    font-size: 18px;
    line-height: 10px;
    font-weight: 400;
    text-align: center;
    color: dimgrey;
    margin: 0 5px;
}

.basket_item_qty_value_k {
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    color: #000000;
    margin: 5px;
}

.basket_item_minus_btn_k {
    display: flex;
    text-align: center;
    margin: 10px 2px 0 2px;
    height: 32px;
    width: 32px;
    padding-top: 6px;
    padding-left: 5px;
    border-radius: 18px;
    border: 2px solid darkslategrey;
    color: #000000;
    background-color: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

    .basket_item_minus_btn_k:hover {
        color: #FFFFFF;
        background-color: dimgrey;
    }


.basket_item_plus_btn_k {
    display: flex;
    text-align: center;
    margin: 10px 2px 0 2px;
    height: 32px;
    width: 32px;
    padding-top: 6px;
    padding-left: 5px;
    border-radius: 18px;
    border: 2px solid darkslategrey;
    color: #000000;
    background-color: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

    .basket_item_plus_btn_k:hover {
        color: #FFFFFF;
        background-color: dimgrey;
    }



.css_basket_image_cont {
    position: relative;
    width: 80px;
}

.basket_item_image {
    width: 80px;
    height: 80px;
    background: rgba(0,0,0,0.01);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    object-fit: cover;
}

.basket_item_image_none {
    /*display: none;*/
    width: 80px;
}


.basket_item_desc {
    display: flex;
    flex-direction: column;
    text-align: left;
    margin-left: 10px;
}

.basket_item_desc_funcs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.basket_item_subdesc {
    text-align: left;
    font-size: 11px;
    max-width: 300px;
}

.basket_item_desc span {
    display: block;
    font-size: 14px;
    color: #666666;
    font-weight: 400;
}

.basket_item_name {
    text-align: left;
    color: #000000;
    
    font-size: 18px;
    font-weight: 600;
}

.basket_item_funcs_cont {
    position: relative;
    display: flex;
    flex-direction: column;
}

.basket_item_price_cont {
    position: relative;
    display: flex;
    flex-direction: column;
}

.basket_item_qty {
    position: relative;
    width: 100px;
    margin: 5px auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}


.basket_item_minus_btn {
    display: flex;
    text-align: center;
    margin: 10px 2px 0 2px;
    height: 20px;
    width: 20px;
    padding-top: 2px;
    padding-left: 2px;
    border-radius: 10px;
    border: 1px solid darkslategrey;
    color: #000000;
    background-color: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
    cursor: pointer;
}

    .basket_item_minus_btn:hover {
        color: #FFFFFF;
        background-color: dimgrey;
    }


.basket_item_minus_btn_dis {
    display: flex;
    text-align: center;
    margin: 2px;
    height: 24px;
    width: 24px;
    padding-top: 3px;
    padding-left: 3px;
    background-color: #FFFFFF;
}


.basket_item_qty_value_cont {
    display: flex;
    flex-direction: column;
    justify-content: center;
   
}

.basket_item_qty_value_lbl {
    font-size: 10px;
    line-height: 10px;
    font-weight: 400;
    text-align: center;
    color: dimgrey;
    margin: 0 5px;
}
.basket_item_qty_value {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #000000;
    margin: 0 5px;
}

/*.basket_item_qty_value_noopt {
    
    font-size: 20px;
    text-align: center;
    color: #000000;
    background: #FFFFFF;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 0;
    margin-bottom: 0;
}*/

.basket_item_plus_btn {
    display: flex;
    text-align: center;
    margin: 10px 2px 0 2px;
    height: 20px;
    width: 20px;
    padding-top: 2px;
    padding-left: 2px;
    border-radius: 10px;
    border: 1px solid darkslategrey;
    background-color: #FFFFFF;
    color: #000000;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
    cursor: pointer;
}

    .basket_item_plus_btn:hover {
        color: #FFFFFF;
        background-color: dimgrey;
    }

.basket_item_plus_btn_dis {
    display: flex;
    text-align: center;
    margin: 2px;
    height: 24px;
    width: 24px;
    padding-left: 3px;
    padding-top: 3px;
    background-color: #FFFFFF;
}

/*.basket_item_buttons {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0;
    text-align: left;
    background: #e99595;
}*/

.basket_item_delete_btn {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0 5px;
    margin: 5px;
    color: darkred;
    background-color: white;
    border: 2px solid darkred;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
}
    .basket_item_delete_btn:hover {
        color: #FFFFFF;
        background-color: darkred;
    }

    .basket_item_delete_icndiv {
        /*position: absolute;
    left: 3px;
    top: 2px;*/
        margin: 0 2px;
        padding-top: 4px;
    }


.basket_btn_del_label {
    position: relative;
    margin: 0 2px;
    font-size: 10px;
    font-weight: 500;
    font-family: Poppins;
    cursor: pointer;
}

.basket_item_edit_btn_highlight {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0 5px;
    margin: 5px;
    color: white;
    background-color: darkred;
    border: 2px solid indianred;
    border-radius: 5px 5px 5px 5px;
    font-weight: 600;
    cursor: pointer;
    animation-name: kf_ol_app_customise_combo_cbk_highlight;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

    .basket_item_edit_btn_highlight:hover {
        color: #FFFFFF;
        background-color: red;
    }


.basket_item_edit_btn {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0 5px;
    margin: 5px;
    color: steelblue;
    background-color: #FFFFFF;
    border: 2px solid steelblue;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
}
    .basket_item_edit_btn:hover {
        color: #FFFFFF;
        background-color: dodgerblue;
    }

    .basket_item_edit_icndiv {
        margin: 0 2px;
        padding-top: 2px;
    }

.basket_btn_edit_label {
    position: relative;
    margin: 0 2px;
    cursor: pointer;
    font-size: 10px;
    font-weight: 500;
    font-family: Poppins;
}

.basket_item_price {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #000000;
}

.basket_item_deposit_price {
    text-align: left;
    font-size: 10px;
    font-weight: 300;
    color: #000000;
    /*background: #FFFFFF;*/
}
.css_oapp_bskmenu_nav_cpos {
    position: relative;
    margin: 5px auto;
    /*cursor: pointer;*/
    margin-right: 20px;
    display: flex;
    justify-content: flex-end;
    width: 20px;
    height: 25px;
}

.css_oapp_bskmenu_nav_cposbg {
    position: relative;
    /* left: 0; */
    /* top: 2px; */
    height: 18px;
    width: 20px;
    margin-top: 8px;
    z-index: 1;
}

.css_oapp_bskmenu_cpos_dot {
    text-align: center;
    height: 18px;
    width: 18px;
    border-radius: 9px;
    border: 2px solid darkred;
    background-color: white;
    position: absolute;
    left: 3px;
    top: 0;
    z-index: 2;
}

.css_oapp_bskmenu_cpos_label {
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    color: darkred;
    position: relative;
    /* width: 20px; */
    /* left: 0; */
    /* top: 1px; */
    z-index: 3;
}



.css_brandapp_ordparams_box {
    position: relative;
    width: 100%;
    max-width: 600px;
    text-align: left;
    display: block;
    margin-top: 10px;
    /*padding-top: 10px;*/
    margin-left: auto;
    margin-right: auto;
    /* height: 100%; */
    /* min-height: 50vh; */
    /* padding: 5px; */
    /* border-radius: 4px; */
    /* background-color: #FFFFFF; */
    /* box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%); */
    /* flex-direction: column; */
    /* margin: 10px 0 0 0; */
    /* overflow: scroll; */ 
    /* overflow-y: scroll; */
    /* overflow-x: hidden; */
    /*-ms-overflow-style: none; scrollbar-width: none;*/
} 

.css_oa_op_reqnot_pnl {
    margin: 18px auto 10px auto;
    padding: 10px;
    text-align: center;
    /**/
    color: red;
    background-color: antiquewhite;
    /*font-size: 12px;*/
    max-width: 280px;
    border: 2px solid darkorange;
    border-radius: 6px;
    display: flex;
    justify-content: space-around;
}

.css_oa_op_reqnot_txt {
    text-align: left;
    font-size: 13px;
    padding-top: 5px;
}
.css_appsel_orderparam_message_tpnl{
    padding: 10px;
}
.css_appsel_orderparam_message_title {
    font-weight: 600;
    color: darkslategray;
    font-size: 16px;
    display: flex;
}
.css_appsel_orderparam_message_noemojis {
    color: darkorange;
    font-size: 10px;
    font-weight: 400;
}
.css_appsel_orderparam_message_subtitle {
    /*text-align: center;*/
    color: slategray;
    font-size: 13px;
}
.css_ol_app_messagesoptionheadertext {
    color: #1e90ff;
    
    font-size: 24px;
    font-weight: bold;
    margin-top: 15px;
    text-align:center;
}
.css_appsel_orderparam_message_text {
    /*margin: 10px;*/
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: gray;
    font-size: 16px;
    
    background-color: white;
    padding: 6px 10px 6px 10px;
    min-width: 200px;
    width: 100%;
    max-width: 500px;
}
.css_appsel_orderparam_tpnl {
    width: 100%;
    height: 70px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #D2D2D2;
    margin-bottom: 5px;
    position: relative;
}

.css_appsel_orderparam_header_cont {
    display: flex;
    flex-direction: column; 
}

.css_app_op_head_maxbadge {
    /*text-align: right;*/
    /*float: left;*/
    /*width: 40%;*/
    border-left: 1px solid #D2D2D2;
    border-top: 1px solid #D2D2D2;
    display: flex;
    flex-direction: column;
    padding: 5px;
}
.css_app_op_head_minibadge {
    /*position: absolute;
    right: 0;
    top: 0;*/
    border-left: 1px solid #D2D2D2;
    float: right;
    width: 20%;
    /*padding-left: 10px;*/
    /*width: 80px;
    height: 100%;*/
}
.css_app_op_head_minibadge_msg{
    position: relative;
    /*padding-left: 10px;*/
    /*cursor:pointer;*/
}

.css_op_head_minibadge_msg_dot {
    text-align: center;
    height: 18px;
    width: 18px;
    border-radius: 9px;
    border: 2px solid darkgray;
    background-color: dodgerblue;
    position: relative;
    /*z-index: 2;*/
}

.css_op_head_minibadge_msg_dotvalue {
    /*position: absolute;
    top: 0;
    left: 20px;*/
    text-align: center;
    color: white;
    
    font-size: 10px;
    /* height: 10px; */
    /*z-index: 3;*/
}
.css_cldapp_ol_topmenu_nav_cvrsbg {
    position: absolute;
    left: 0;
    top: 5px;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.css_app_op_head_minibadge_cvr {
    position: relative;
    height: 30px;
    width: 30px;
    Cursor: pointer;
    margin-top: 10px;
}
.css_op_head_minibadge_cvr_dot {
    text-align: center;
    height: 20px;
    width: 22px;
    border-radius: 10px;
    border: 2px solid lightsteelblue;
    background-color: dodgerblue;
    position: absolute;
    left: 22px;
    top: 0;
    z-index: 2;
}
.css_op_head_minibadge_cvr_dotvalue {
    position: relative;
    /* top: 0; */
    left: 0;
    width: 18px;
    text-align: center;
    color: white;
    font-size: 12px;
    margin: 0 auto;
    font-weight: 700;
    /* height: 10px; */
    z-index: 3;
}
.css_appsel_orderparam_header_item {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 5px;
}
 
    .css_appsel_orderparam_tpnl_valueicon {
        position: absolute;
        right: 0;
        top: 20px;
        /*margin-right: 10px;*/
    }

.css_appsel_orderparam_tpnl_valuetxticn {
    /*position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;*/
}

.css_appsel_orderparam_tpnl_valueimg {
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    /*cursor: pointer;*/
}

.css_appsel_orderparam_tpnl_valuetxt {
    position: absolute;
    top: 2px;
    left: 40px;
    font-size: 18px;
    /* min-width: 400px; */
    text-align: left;
    font-weight: 700;
    
    /*cursor: pointer;*/
}

.css_appsel_orderparam_tpnl_loctxt {
    font-size: 12px;
    text-align: left;
    
    font-weight: 400;
    margin: 5px;
}
.css_appsel_orderparam_tpnl_timevaluetxt {
    font-size: 12px;
    text-align: left;
    
    margin: 0 5px;
}
.css_appsel_orderparam_tpnl_timetxt {
    position: absolute;
    top: 0;
    left: 30px;
    font-size: 18px;
    /* min-width: 400px; */
    text-align: left;
    font-weight: 700;
    
    /*cursor: pointer;*/
}
.css_appsel_orderparam_tpnl_titleimg {
    height: 18px;
    /*position: absolute;
    right: 20px;
    top: 0;
    cursor: pointer;*/
}

.lbl_appsel_orderparam_tpnl_loc_tktxt {
    position: absolute;
    left: 50px;
    top: 20px;
}
.lbl_appsel_orderparam_tpnl_time_tktxt {
    position: absolute;
    top: 2px;
    left: 65px;
    font-size: 18px;
    /* min-width: 400px; */
    text-align: left;
    font-weight: bold;
}
.lbl_appsel_orderparam_tpnl_msg_tktxt {
    position: absolute;
    top: 2px;
    left: 65px;
    font-size: 18px;
    /* min-width: 400px; */
    text-align: left;
    font-weight: bold;
}
.css_appsel_orderparam_tpnl_msgvaluetxt {
    font-size: 12px;
    text-align: left;
    
    font-weight: 400;
    margin: 0 5px;
}

.css_appsel_orderparam_tpnl_msgtxt {
    position: absolute;
    top: 0;
    left: 30px;
    font-size: 18px;
    /* min-width: 400px; */
    text-align: left;
    font-weight: 700;
    
    /*cursor: pointer;*/
}
.css_appsel_orderparam_req_fieldimg {
    height: 24px;
    margin-right: 10px;
}


.css_appcatalogue_addpanel {
    position: relative;
    text-align: center;
    display: inline-block;
    /*min-height: 60px;*/
    height: 165px;
    /*max-height: 180px;*/
    width: 165px;
    /*max-width: 220px;*/
    border-radius: 6px;
    border: 2px dashed dodgerblue;
    background-color: #D2D2D2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 10px;
    padding-top: 10px;
    cursor: pointer;
}

.css_oa_addpanel_butdiv {
    position: relative;
    cursor: pointer;
}

.css_oa_addpanel_butlbl {
    text-align: center;
    color: dodgerblue;
    
    font-size: 18px;
}

.css_appcatalogue_addpanelv2 {
    position: relative;
    text-align: center;
    display: inline-block;
    min-height: 60px;
    /*height: 310px;*/
    max-height: 150px;
    width: 220px;
    max-width: 220px;
    border-radius: 2px;
    border: 2px dashed dodgerblue;
    background-color: #D2D2D2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 10px;
    padding: 20px;
    cursor: pointer;
}

.css_appcatalogue_homeelement_toolbar_cont {
    position: relative;
    background-color: white;
    /*bottom: 2px;
    left: 5px;*/
    height: 32px;
    z-index: 2;
    display: flex;
    border: 2px solid darkslategray;
    margin: auto auto 10px auto;
    border-radius: 5px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
}
.css_appcatalogue_element_toolbar_cont {
    position: relative;
    background-color: white;
    /*bottom: 2px;
    left: 5px;*/
    height: 32px;
    z-index: 2;
    display: flex;
    border: 2px solid darkslategray;
    margin: auto auto 10px auto;
    border-radius: 5px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
}

.css_appcatalogue_homeelement_holder_hidden {
    display: none;
}
.css_appcatalogue_homeelement_holder_indic {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px dashed darkred;
}
.css_appcatalogue_homeelement_holder_blocked_indic {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px dashed darkorange;
}

.css_appcatalogue_homeelement_holder_x2_indic {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px dashed darkred;
}
.css_appcatalogue_homeelement_holder {
    position: relative;
    display: flex;
    flex-direction: column;
}
.css_appcatalogue_homeelement_holder_x2 {
    position: relative;
    display: flex;
    flex-direction: column;
}

.css_appcatalogue_homeelement_mediapanel_holder {
    position: relative;
    display: flex;
    flex-direction: column;
}
.css_appcatalogue_homeelement_mediabanner_holder {
    position: relative;
    display: flex;
    flex-direction: column;
}

.css_appcatalogue_homeelement_mediapanel_panel {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 65px;
    height: 100%;
    width: 165px;
    max-width: 165px;
    margin: 10px;
}

.css_appcatalogue_homeelement_mediabanner_panel {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 65px;
    margin: 10px;
}
.css_appcatalogue_homeelement_panel {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 65px;
    /*max-height: 280px;*/
    height: 100%;
    width: 165px;
    max-width: 165px;
    border-radius: 2px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 10px;
    padding: 5px;
    cursor: pointer;
}

.css_appcatalogue_homeelement_panel_nomax {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 60px;
    /*max-height: 280px;*/
    height: 100%;
    width: 220px;
    max-width: 220px;
    border-radius: 2px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 10px;
    padding: 5px;
    cursor: pointer;
}

.css_appcatalogue_homeelement_inner_panel {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.css_appcatalogue_homeelement_detail_panel {
    display: flex;
    flex-direction: column;
    margin-top: 5px;
    margin-left: 0;
    margin-bottom: auto;
    width: 100%;
}

.css_appcatalogue_homeelement_detail_panel_pip_tr {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 95%;
}

.css_appcatalogue_homeelement_detail_panel_pip_tl {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 95%;
}

.css_appcatalogue_homeelement_detail_panel_pip_br {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 95%;
}

.css_appcatalogue_homeelement_detail_panel_pip_bl {
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: 95%;
}



.css_appcatalogue_homeelement_imagepanel_cat_0 {
    position: relative;
    text-align: center;
}

.css_appcatalogue_homeelement_imagepanel_cat_1 {
    position: relative;
    text-align: center;
}

.css_appcatalogue_homeelement_imagepanel_cat_2 {
    position: relative;
    text-align: center;
}

.css_appcatalogue_homeelement_imagepanel_cat_3 {
    position: relative;
    text-align: center;
    margin: auto;
}

.css_appcatalogue_homeelement_imagepanel_cat_4 {
    position: relative;
    text-align: center;
    margin: auto;
}

.css_appcatalogue_homeelement_imagepanel_cat_5 {
    position: relative;
    text-align: center;
    margin: auto;
}

.css_appcatalogue_homeelement_imagepanel_cat_6 {
    position: relative;
    text-align: center;
    margin: auto;
}

.css_appcatalogue_homeelement_imagepanel_cat_7 {
    position: relative;
    text-align: center;
}

.css_appcatalogue_homeelement_imagepanel_cat_8 {
    position: relative;
    text-align: center;
}


.css_appcatalogue_homeelement_image_img {
    object-fit: cover;
    /*max-height: 100px;*/
    max-height: 200px;
    width: 100%;
    image-rendering: -webkit-optimize-contrast;
}

.css_appcatalogue_homeelement_image_img_pop {
    object-fit: cover;
    max-height: 150px;
    width: 100%;
}

.css_appcatalogue_homeelement_image_pip_img {
    object-fit: cover;
    max-height: 150px;
    width: 100%;
    /*max-height: 270px;*/
}


.css_appcatalogue_homeelement_textpanel_cat_0 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
}

.css_appcatalogue_homeelement_textpanel_cat_1 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    width: 100%;
    margin: 10px auto 0 0;
    padding-left: 5px;
}

.css_appcatalogue_homeelement_textpanel_cat_2 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
}

.css_appcatalogue_homeelement_textpanel_cat_3 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: right;
}

.css_appcatalogue_homeelement_textpanel_cat_4 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
}

.css_appcatalogue_homeelement_textpanel_cat_5 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: right;
}

.css_appcatalogue_homeelement_textpanel_cat_6 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
}

.css_appcatalogue_homeelement_textpanel_cat_7 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    width: 100%;
    margin: 10px auto 0 0;
    padding-left: 5px;
}

.css_appcatalogue_homeelement_textpanel_cat_8 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: right;
    width: 100%;
    margin: 10px 0 0 auto;
    padding-right: 5px;
}

.css_appcatalogue_homeelement_text_name {
    
    font-size: 16px;
    font-weight: 600;
    /*text-align: left;*/
    /*line-height: 18px;*/
    cursor: pointer;
}

.css_appcatalogue_homeelement_text_name_fs_sml {
    font-size: 12px;
    line-height: 14px;
}

.css_appcatalogue_homeelement_text_name_fs_med {
    font-size: 16px;
    line-height: 18px;
}

.css_appcatalogue_homeelement_text_name_fs_lrg {
    font-size: 22px;
    line-height: 20px;
}

.css_appcatalogue_homeelement_text_name_fs_xl {
    font-size: 26px;
    line-height: 24px;
}


.css_appcatalogue_homeelement_text_desc {
    
    font-size: 12px;
    font-weight: 400;
    /*text-align: left;*/
    /*max-width: 80%;*/
    max-height: 55px;
    cursor: pointer;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none; scrollbar-width: none;
}

    .css_appcatalogue_homeelement_text_desc::-webkit-scrollbar {
        display: none;
    }


.css_appcatalogue_element_holder_hidden {
    display: none;
}

.css_appcatalogue_element_holder_indic {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px dashed darkred;
}
.css_appcatalogue_element_holder_blocked_indic {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px dashed darkorange;
}
.css_appcatalogue_element_holder {
    position: relative;
    display: flex;
    flex-direction: column;
}
.css_appcatalogue_element_mediabanner_holder {
    position: relative;
    display: flex;
    flex-direction: column;
}
    .css_appcatalogue_element_mediabanner_holder_hidden{
        display: none;
    }
    .css_appcatalogue_element_mediabanner_panel {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        /*min-height: 80px;
    max-height: 500px;
    height: 100%;*/
        width: 100%;
        /*max-width: 220px;
    border-radius: 2px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
        margin: 10px;
        /*padding: 5px;*/
    }
.css_appcatalogue_homeelement_mediabanner_panel_inner {
    display: flex;
}
.css_appcatalogue_homeelement_mediabanner_image {
    object-fit: contain;
    width: 100vw;
    max-height: 500px;
    max-width: 970px;
}
.css_appcatalogue_element_mediabanner_panel_inner {
    display: flex;
}
    .css_appcatalogue_element_mediabanner_image{
        object-fit: contain;
        width: 100vw;
        max-height: 500px;
        max-width: 970px;
    }
    .css_appcatalogue_element_mediapnl_panel {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 80px;
        max-height: 500px;
        height: 100%;
        width: 220px;
        max-width: 220px;
        border-radius: 2px;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
        margin: 10px;
        padding: 5px;
    }
.css_appcatalogue_element_panel {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 80px;
    max-height: 500px;
    height: 100%;
    width: 220px;
    max-width: 220px;
    border-radius: 2px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 10px;
    padding: 5px;
    cursor: pointer;
}
.css_appcatalogue_element_panel_nomax {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 60px;
    /*max-height: 280px;*/
    height: 100%;
    width: 220px;
    max-width: 220px;
    border-radius: 2px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 10px;
    padding: 5px;
    cursor: pointer;
}
.css_appcatalogue_element_inner_panel {
    position: relative;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    height: 100%;
}
.css_appcatalogue_element_detail_panel {
    display: flex;
    flex-direction: column;
    margin-top: 5px;
    margin-left: 0;
    width: 100%;
    height: 100%;
}
.css_appcatalogue_element_detail_panel_pip_tr {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 95%;
}
.css_appcatalogue_element_detail_panel_pip_tl {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 95%;
}
.css_appcatalogue_element_detail_panel_pip_br {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 95%;
}
.css_appcatalogue_element_detail_panel_pip_bl {
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: 95%;
}

.css_appcatalogue_element_imagepanel_prod_0 {
    position: relative;
    text-align: center;
}

.css_appcatalogue_element_imagepanel_prod_1 {
    position: relative;
    text-align: center;
}

.css_appcatalogue_element_imagepanel_prod_2 {
    position: relative;
    text-align: center;
}

.css_appcatalogue_element_imagepanel_prod_3 {
    position: relative;
    text-align: center;
    margin: auto;
}

.css_appcatalogue_element_imagepanel_prod_4 {
    position: relative;
    text-align: center;
    margin: auto;
}

.css_appcatalogue_element_imagepanel_prod_5 {
    position: relative;
    text-align: center;
    margin: auto;
}

.css_appcatalogue_element_imagepanel_prod_6 {
    position: relative;
    text-align: center;
    margin: auto;
}

.css_appcatalogue_element_imagepanel_prod_7 {
    position: relative;
    text-align: center;
}

.css_appcatalogue_element_imagepanel_prod_8 {
    position: relative;
    text-align: center;
}



.css_appcatalogue_element_imagepanel_page_0 {
    position: relative;
    text-align: center;
}

.css_appcatalogue_element_imagepanel_page_1 {
    position: relative;
    text-align: center;
}

.css_appcatalogue_element_imagepanel_page_2 {
    position: relative;
    text-align: center;
}

.css_appcatalogue_element_imagepanel_page_3 {
    position: relative;
    text-align: center;
    margin: auto;
}

.css_appcatalogue_element_imagepanel_page_4 {
    position: relative;
    text-align: center;
    margin: auto;
}

.css_appcatalogue_element_imagepanel_page_5 {
    position: relative;
    text-align: center;
    margin: auto;
}

.css_appcatalogue_element_imagepanel_page_6 {
    position: relative;
    text-align: center;
    margin: auto;
}

.css_appcatalogue_element_imagepanel_page_7 {
    position: relative;
    text-align: center;
}

.css_appcatalogue_element_imagepanel_page_8 {
    position: relative;
    text-align: center;
}


.css_appcatalogue_element_image_img {
    object-fit: cover;
    /*max-height: 100px;*/
    max-height: 200px;
    width: 100%;
    image-rendering: -webkit-optimize-contrast;
}
.css_appcatalogue_element_image_img_pop {
    object-fit: cover;
    max-height: 200px;
    width: 100%;
}

.css_appcatalogue_element_image_pip_img {
    object-fit: cover;
    width: 100%;
    /*max-height: 270px;*/
}


.css_appcatalogue_element_textpanel_prod_0 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
}

.css_appcatalogue_element_textpanel_prod_1 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
}

.css_appcatalogue_element_textpanel_prod_2 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    width: 100%;
    margin: 10px auto 0 0;
    padding-left: 5px;
}

.css_appcatalogue_element_textpanel_prod_3 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: right;
}

.css_appcatalogue_element_textpanel_prod_4 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
}

.css_appcatalogue_element_textpanel_prod_5 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: right;
}

.css_appcatalogue_element_textpanel_prod_6 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
}

.css_appcatalogue_element_textpanel_prod_7 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    width: 100%;
    margin: 10px auto 0 0;
    padding-left: 5px;
}

.css_appcatalogue_element_textpanel_prod_8 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: right;
    width: 100%;
    margin: 10px 0 0 auto;
    padding-right: 5px;
}

.css_appcatalogue_element_textpanel_page_0 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
}

.css_appcatalogue_element_textpanel_page_1 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    width: 100%;
    margin: 10px auto 0 0;
    padding-left: 5px;
}

.css_appcatalogue_element_textpanel_page_2 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
}

.css_appcatalogue_element_textpanel_page_3 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: right;
}

.css_appcatalogue_element_textpanel_page_4 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
}

.css_appcatalogue_element_textpanel_page_5 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: right;
}

.css_appcatalogue_element_textpanel_page_6 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
}

.css_appcatalogue_element_textpanel_page_7 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    width: 100%;
    margin: 10px auto 0 0;
    padding-left: 5px;
}

.css_appcatalogue_element_textpanel_page_8 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: right;
    width: 100%;
    margin: 10px 0 0 auto;
    padding-right: 5px;
}

.css_appcatalogue_element_text_name {
    
    font-size: 16px;
    font-weight: 600;
    /*text-align: left;*/
    /*line-height: 18px;*/
    cursor: pointer;
}

.css_appcatalogue_element_text_name_fs_sml {
    font-size: 14px;
    line-height: 16px;
}
.css_appcatalogue_element_text_name_fs_med {
    font-size: 16px;
    line-height: 18px;
}
.css_appcatalogue_element_text_name_fs_lrg {
    font-size: 22px;
    line-height: 20px;
}
.css_appcatalogue_element_text_name_fs_xl {
    font-size: 26px;
    line-height: 24px;
}


.css_appcatalogue_element_text_desc {
    
    font-size: 12px;
    font-weight: 400;
    /*text-align: left;*/
    /*max-width: 80%;*/
    max-height: 55px;
    cursor: pointer;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none; 
    scrollbar-width: none;
}

    .css_appcatalogue_element_text_desc::-webkit-scrollbar {
        display: none;
    }



.css_appcatalogue_element_pricepanel_prod_0 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin: auto 0 0 auto;
}

.css_appcatalogue_element_pricepanel_prod_1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin: auto 0 0 auto;
}

.css_appcatalogue_element_pricepanel_prod_2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin: auto 0 0 auto;
}

.css_appcatalogue_element_pricepanel_prod_3 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin: auto 0 0 auto;
}

.css_appcatalogue_element_pricepanel_prod_4 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin: auto 0 0 auto;
}

.css_appcatalogue_element_pricepanel_prod_5 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin: auto 0 0 auto;
}

.css_appcatalogue_element_pricepanel_prod_6 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin: auto 0 0 auto;
}

.css_appcatalogue_element_pricepanel_prod_7 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin: auto 0 0 auto;
}

.css_appcatalogue_element_pricepanel_prod_8 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin: auto 0 0 auto;
}


.css_appcatalogue_element_pricepanel_page_0 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin: auto 0 0 auto;
}

.css_appcatalogue_element_pricepanel_page_1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin: auto 0 0 auto;
}

.css_appcatalogue_element_pricepanel_page_2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin: auto 0 0 auto;
}

.css_appcatalogue_element_pricepanel_page_3 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin: auto 0 0 auto;
}

.css_appcatalogue_element_pricepanel_page_4 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin: auto 0 0 auto;
}

.css_appcatalogue_element_pricepanel_page_5 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin: auto 0 0 auto;
}

.css_appcatalogue_element_pricepanel_page_6 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin: auto 0 0 auto;
}

.css_appcatalogue_element_pricepanel_page_7 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin: auto 0 0 auto;
}

.css_appcatalogue_element_pricepanel_page_8 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin: auto 0 0 auto;
}


.css_appcatalogue_element_pricetext {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    
    /*font-size: 20px;*/
    text-align: right;
    /*font-weight: 500;*/
    margin: auto 0 0 auto;
    cursor: pointer;
}
.css_appcatalogue_element_pricevaluetext {
    font-size: 20px;
    /*text-align: right;*/
    font-weight: 500;
    margin: auto 0 0 auto;
    cursor: pointer;
}
.css_appcatalogue_element_pricevaluetextincdeposit {
    display: flex;
    flex-direction: column;
    font-size: 20px;
    /*text-align: right;*/
    font-weight: 500;
    margin: auto 0 0 auto;
    cursor: pointer;
}
.css_appcatalogue_element_pricedepositvaluetext {
    font-size: 10px;
    font-weight: 400;
    color: #808080;
    margin: auto 0 0 auto;
    cursor: pointer;
}
.css_appcatalogue_element_pricefromtext {
    
    font-size: 10px;
    text-align: center;
    font-weight: 500;
    color: white;
    background-color: cadetblue;
    border-radius: 10px;
    height: 16px;
    width: 40px;
    margin: 0 3px auto auto;
    /*cursor: pointer;*/
}




.css_appcatalogue_itempanel_v2_hidden {
    display: none;
}

.css_appcatalogue_itempanel_v2_indic {
    position: relative;
    text-align: center;
    display: inline-block;
    min-height: 60px;
    /*height: 310px;*/
    max-height: 280px;
    width: 220px;
    max-width: 220px;
    border-radius: 2px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 10px;
    padding-top: 0px;
    padding-bottom: 50px;
    cursor: pointer;
    border: 1px dashed darkred;
}


.css_appcatalogue_itempanel_v2 {
    position: relative;
    text-align: center;
    display: inline-block;
    min-height: 60px;
    /*height: 310px;*/
    max-height: 280px;
    width: 220px;
    max-width: 220px;
    border-radius: 2px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 10px;
    padding-top: 0px;
    padding-bottom: 50px;
    cursor: pointer;
}

.css_appcatalogue_itempanel_imagev2 {
    max-width: 100%;
    max-height: 100px;
    min-width: 100px;
    margin-top: 10px;
    /* background-color: #FFFFFF; */
    /* border-radius: 6px 6px 0px 0px; */
    /* overflow-x: hidden; */
    object-fit: cover;
    /*border: .5px solid lightgray;*/
}

.css_appcatalogue_itempanel_textdivv2 {
    width: 100%;
    /*max-width: 225px;*/
    min-height: 100px;
    color: #000000;
    
    font-size: 14px;
    text-align: left;
    padding: 10px;
    display: flex;
    flex-direction: column;
}
.css_appcatalogue_itempanel_textlblv2 {
    /*width: 100%;*/
    color: #000000;
    
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    line-height: 18px;
    /*margin-left: 20px;
    margin-right: 20px;*/
    /*margin-top: 5px;*/
    cursor: pointer;
    /*overflow-wrap:break-word;*/
}

.css_appcatalogue_itempanel_subtextlblv2 {
    color: #5d5d5d;
    /*width: 100%;*/
    
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    max-width: 80%;
    /*margin-left: 20px;
    margin-right: 20px;*/
    /*height: 55px;*/
    max-height: 55px;
    cursor: pointer;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none; scrollbar-width: none;
}

    .css_appcatalogue_itempanel_subtextlblv2::-webkit-scrollbar {
        display: none;
    }

.css_appcatalogue_itempanel_pricelblv2 {
    position: absolute;
    bottom: 0;
    right: 10px;
    width: 100%;
    color: #000000;
    
    font-weight: 600;
    font-size: 20px;
    text-align: right;
    font-weight: 500;
    /*margin-left: 20px;*/
    cursor: pointer;
}


.css_appcatalogue_itempanel {
    position: relative;
    text-align: center;
    display: inline-block;
    min-height: 60px;
    /*height: 140px;*/
    max-height: 350px;
    width: 220px;
    max-width: 220px;
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 10px;
    padding-top: 10px;
    cursor: pointer;
}

.css_appcatalogue_itempanel_incimg {
    position: relative;
    text-align: center;
    display: inline-block;
    min-height: 60px;
    /*height: 310px;*/
    max-height: 350px;
    width: 220px;
    max-width: 220px;
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 10px;
    padding-top: 0px;
    padding-bottom: 50px;
    cursor: pointer;
}

.css_appcatalogue_itempanel_textdiv {
    width: 100%;
    max-width: 225px;
    color: #000000;
    
    font-size: 14px;
    text-align: left;
    padding: 10px;
}

.css_appcatalogue_itempanel_image {
    /*width: 100%;*/
    max-width: 100%;
    max-height: 200px;
    background-color: #FFFFFF;
    border-radius: 6px 6px 0px 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    object-fit: cover;
}

.css_appcatalogue_itempanel_textlbl {
    /*width: 100%;*/
    color: #000000;
    
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    /*margin-left: 20px;
    margin-right: 20px;*/
    margin-top: 5px;
    cursor: pointer;
    /*overflow-wrap:break-word;*/
}

.css_oa_deptname_arrow_right {
    border: solid darkslategrey;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.css_appcatalogue_itempanel_subtextlbl {
    color: #5d5d5d;
    /*width: 100%;*/
    /**/
    font-size: 13px;
    text-align: left;
    /*margin-left: 20px;
    margin-right: 20px;*/
    /*height: 55px;*/
    max-height: 55px;
    cursor: pointer;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none; scrollbar-width: none;
}

    .css_appcatalogue_itempanel_subtextlbl::-webkit-scrollbar {
        display: none;
    }

.css_appcatalogue_itempanel_pricelbl {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 100%;
    color: #000000;
    
    font-size: 20px;
    text-align: right;
    font-weight: bold;
    /*margin-left: 20px;*/
    cursor: pointer;
}

.css_oa_preedit_cmbselbutdiv {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2;
    cursor: pointer;
}

.css_oa_preedit_cmbbutdiv {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2;
    cursor: pointer;
}

.css_oa_preedit_cbkbutdiv {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 2;
    cursor: pointer;
}

.css_oa_preedit_cbksngitmbutdiv {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 2;
    cursor: pointer;
}
.css_oa_preedit_butdiv {
    position: relative;
    margin: 2px;
    cursor: pointer;
}

.css_oa_ele_altlinkprod_notediv_rel {
    position: relative;
    /* top: 5px; */
    /* right: 5px; */
    border-radius: 2px;
    background-color: steelblue;
    color: white;
    padding: 2px 5px;
    font-size: 10px;
    margin: 5px;
}
.css_oa_ele_altlinkprod_notediv {
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 2px;
    background-color: steelblue;
    color: white;
    padding: 0 5px;
    font-size: 10px;
}

.css_oa_preedit_butcont {
    position: absolute;
    background-color: white;
    bottom: 2px;
    left: 5px;
    height: 32px;
    z-index: 2;
    display: flex;
    border: 1px solid silver;
    border-radius: 5px;
}

.css_oa_preedit_butcont_home {
    position: absolute;
    background-color: white;
    bottom: 2px;
    right: 5px;
    height: 32px;
    z-index: 2;
    display: flex;
    border: 1px solid silver;
    border-radius: 5px;
}

.css_oa_pedit_linkpage_note_buttons_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 5px auto;
}


.css_oa_pedit_linkpage_note_button {
    text-align: center;
    /*padding-top: 8px;*/
    box-sizing: border-box;
    /*height: 40px;*/
    border: 2px solid silver;
    border-radius: 20px;
    color: #FFFFFF;
    background-color: steelblue;
    
    font-size: 10px;
    font-weight: 600;
    /*cursor: pointer;*/
}

.css_oa_pedit_linkpage_note_button_cont {
    position: relative;
    text-align: center;
    margin: 0 10px;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}


.captivaappbuild_cathomepanel_incimg {
    position: relative;
    display: inline-block;
    height: 165px;
    width: 165px;
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 10px;
    padding-top: 0px;
    cursor: pointer;
}

.captivaappbuild_cathomepanelimage {
    max-width: 165px;
    width: 100%;
    height: 100px;
    background-color: #FFFFFF;
    border-radius: 6px 6px 0px 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    object-fit: cover;
}

.captivaappbuild_cathomepanelitem_textdiv {
    max-height: 65px;
    max-width: 150px;
    color: #000000;
    
    font-size: 14px;
    text-align: left;
}

.captivaappbuild_cathomepanelitem_textlbl {
    color: #000000;
    
    font-size: 16px;
    font-weight: bold;
    margin: 10px auto 0 auto;
    text-align: left;
    padding-left: 10px;
}

.captivaappbuild_cathomepanelitemdot {
    height: 10px;
    width: 10px;
    border-radius: 5px;
    background-color: #FFB300;
    margin-left: 145px;
    margin-top: 10px;
}





.captivaappbuild_catsideimage {
    height: 100px;
    width: 100px;
    margin: auto;
    object-fit: cover;
    border: 1px solid #a9b5be;
    border-radius: 4px 4px 4px 4px;
}
.captivaappbuild_catsideimage:hover{
    border-width: 2px;
}

.captivaappbuild_catsideimage_noimg {
    height: 100px;
    width: 100px;
    margin: auto;
    background-color: rgba(0,0,0,0.07);
    border: 1px solid #a9b5be;
    border-radius: 4px 4px 4px 4px;
}

.captivaappbuild_catsideitem_textdiv {
    
    font-size: small;
    max-width: 100px;
    text-align: center;
    margin: auto;
    font-weight: bold;
}

.captivaappbuild_catsideitem_textlbl {
    
    font-weight: 500;
    font-size: small;
    max-width: 100px;
    text-align: center;
    margin: auto;
}

.shopping-basket {
    width: 100%;
    max-width: 800px;
    background: #FFFFFF;
    /*border-radius: 4px;*/
    display: flex;
    flex-direction: column;
    margin: 0 auto 30px auto;
    overflow-x: hidden;
    height: calc(100vh - 150px);
}
.shopping-basket_for_accessibility {
    width: 100%;
    max-width: 800px;
    background: #FFFFFF;
    /*border-radius: 4px;*/
    display: flex;
    flex-direction: column;
    margin: 30vh auto 10px auto;
}

.shopping-catalogue {
    
    width: 100%;
    height: 100%;
    margin: 0;
    background: #FFFFFF;
    display: flex;
    flex-direction: row;
}



.bskt_item {
    height: auto;
    margin-bottom: 5px;
    border-bottom: 1px solid #dae2e8;
    background-color: #FFFFFF;
}



    .basket_item_functions {
        position: relative;
        height: auto;
    }



.basket_item_mid {
    display: flex;
    padding-left: 10px;
    text-align: left;
    background: #ec9797;
    color: #F85D79;
    
    font-size: 13px;
}

.basket_item_opt_butts {
    display: flex;
    flex-flow: row wrap;
    padding-left: 5px;
    text-align: left;
    background: #f590f5;
    color: #F85D79;
    
    font-size: 13px;
}



.captivaappbuild_cat_btmmenu_chkout_butt {
    text-align: center;
    padding-top: 5px;
    height: 40px;
    width: 220px;
    border-radius: 8px;
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    color: #FFFFFF;
    
    font-size: 16px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    Cursor: pointer;
}



.css_oa_cookbook_editor {
    
    width: 100%;
    height: 100%;
    /*margin: 10px;*/
    background: #FFFFFF;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.css_oa_cbk_edit_top_canvas {
    background: #FFFFFF;
    width: 100%;
    /*max-width: 800px;*/
    /*overflow-y: scroll;
    overflow-x: hidden;*/
    /*padding-top: 5px;*/
    /*padding-bottom: 10px;*/
}


.css_oa_cbk_edit_main_canvas {
    background: #FFFFFF;
    width: 100%;
    /*height: 100%;*/
    /*max-width: 800px;*/
    /*overflow-y: scroll;
    overflow-x: hidden;*/
    /*padding-top: 5px;*/
    /*padding-bottom: 10px;*/
    /*-ms-overflow-style: none; scrollbar-width: none;*/
}

    /*.css_oa_cbk_edit_main_canvas::-webkit-scrollbar {
        display: none;
    }*/

.css_cbkside_select_panel_cont {
    position: relative;
    text-align: center;
    width: 100%;
    margin: 0px auto 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.css_cbkside_select_panel {
    position: relative;
    text-align: center;
    width: 210px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.css_cbkside_select_infopanel {
    position: relative;
    text-align: center;
    /*width: 240px;*/
    /*height: 30px;*/
    margin: 0px auto 5px auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.css_oa_cbkside_select_all_butt {
    border-radius: 4px 0 0 4px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: #FFFFFF;
    color: #000000;
    
    font-size: 12px;
    width: 70px;
    height: 40px;
    cursor: pointer;
    padding-top: 10px;
}

.css_oa_cbkside_select_s1_butt {
    border-radius: 0 0 0 0;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: #FFFFFF;
    color: #000000;
    
    font-size: 12px;
    width: 70px;
    height: 40px;
    cursor: pointer;
    padding-top: 10px;
}

.css_oa_cbkside_select_s2_butt {
    border-radius: 0 4px 4px 0;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: #FFFFFF;
    color: #000000;
    
    font-size: 12px;
    width: 70px;
    height: 40px;
    cursor: pointer;
    padding-top: 10px;
}

.css_oa_cbkside_select_all_butt_hot {
    border-radius: 4px 0 0 4px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    color: #FFFFFF;
    
    font-size: 12px;
    width: 70px;
    height: 40px;
    cursor: pointer;
    padding-top: 10px;
}

.css_oa_cbkside_select_s1_butt_hot {
    border-radius: 0 0 0 0;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    color: #FFFFFF;
    
    font-size: 12px;
    width: 70px;
    height: 40px;
    cursor: pointer;
    padding-top: 10px;
}

.css_oa_cbkside_select_s2_butt_hot {
    border-radius: 0 4px 4px 0;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    color: #FFFFFF;
    
    font-size: 12px;
    width: 70px;
    height: 40px;
    cursor: pointer;
    padding-top: 10px;
}

.css_oa_cbkedit_titlebox {
    
    width: 100%;
    max-width: 800px;
    text-align: left;
    background: #FFFFFF;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    padding: 0 10px 10px 10px;
    /*margin-bottom: 10px;*/
    
}

.css_oa_cbkedit_titlebox_txtcon {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    /*text-align: left;*/
}
.css_oa_cbkedit_titlebox_prodtitles{
    display: flex;
    flex-direction: column;
    margin-left: 5px;
}
.css_oa_cbkedit_titlebox_prodname {
    color: #000000;
    
    font-size: 18px;
    font-weight: 500;
}

.css_oa_cbkedit_titlebox_prodinstruct {
    color: #9B9B9B;
    font-size: 12px;
    font-weight: 500;
}


.css_ao_cbksectopmenu {
    height: 45px;
    max-height: 45px;
    /*overflow-y: hidden;
    overflow-x: scroll;*/
    white-space: nowrap;
    border-bottom: 2px solid rgba(0, 0, 0, 0.5);
    -ms-overflow-style: none; scrollbar-width: none;
}

    .css_ao_cbksectopmenu::-webkit-scrollbar {
        display: none;
    }

.css_ao_cbksectopmenu_inner {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    scroll-behavior: smooth;
    width: 100vw;
    height: 45px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    /*background-color: dodgerblue;*/
}
.css_ao_cbksectopmenu_l {
    /*width: 30px;*/
    background-color: #FFFFFF;
    padding-top: 5px;
    cursor: pointer;
    border-right: 1px solid #D2D2D2;
    border-radius: 5px 5px 0px 0px;
    border-top: 1px solid #D2D2D2;
    border-left: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;
    border-bottom: 2px solid rgba(0, 0, 0, 0.5);
}


.css_oa_cbksectm_mcont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
     margin-left: 80px; 
     margin-right: 80px; 
    width: 100%;
}

.css_ao_cbksectopmenu_m {
    display: flex;
    height: 45px;
    max-height: 45px;
    justify-content: center;
    scroll-behavior: smooth;
    overflow-y: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    border-bottom: 2px solid rgba(0, 0, 0, 0.5);
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .css_ao_cbksectopmenu_m::-webkit-scrollbar {
        display: none;
    }

.css_ao_cbksectopmenu_r {
    /*width: 30px;*/
    background-color: #FFFFFF;
    padding-top: 5px;
    cursor: pointer;
    border-left: 1px solid #D2D2D2;
    border-radius: 5px 5px 0px 0px;
    border-top: 1px solid #D2D2D2;
    border-left: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;
    border-bottom: 2px solid rgba(0, 0, 0, 0.5);
}



.css_cbksectabitem_div {
    
    font-size: 14px;
    display: inline-block;
    width: auto;
    height: 45px;
    border-radius: 5px 5px 0px 0px;
    border-top: 1px solid #D2D2D2;
    border-left: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;
    color: black;
    background-color: white;
    Cursor: pointer;
    margin-right: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

    .css_cbksectabitem_div:hover {
        color: white;
        background-color: black;
    }

.css_cbksectabitem_div_hot {
    
    font-size: 14px;
    display: inline-block;
    width: auto;
    height: 45px;
    border-radius: 5px 5px 0px 0px;
    border-top: 1px solid #D2D2D2;
    border-left: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;
    color: #fff;
    background-color: #1e90ff;
    Cursor: pointer;
    margin-right: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}



.css_oa_cbkeditItemsel_scrollbut_upicon {
    position: absolute;
    cursor: pointer;
    top: 10px;
    left: 8px;
}


.css_oa_cbkeditItemsel_scrollbut_dnicon {
    position: absolute;
    cursor: pointer;
    top: 10px;
    left: 8px;
}


.css_oa_srollup_cbkeditItemsel {
    position: relative;
    /*right: 0;
    top: 20px;*/
    width: 54px;
    height: 54px;
    font-size: 24px;
    /*line-height: 53px;*/
    color: #ffffff;
    background-color: #ff6f80;
    border-radius: 50%;
    /*overflow: hidden;*/
    text-align: center;
    /*text-decoration: none;*/
    transition: .45s all ease-in-out;
    z-index: 100;
    cursor: pointer;
}

    .css_oa_srollup_cbkeditItemsel:hover {
        background-color: #ff8997;
    }

.css_oa_srolldn_cbkeditItemsel {
    position: relative;
    /*right: 0;
    bottom: 20px;*/
    width: 54px;
    height: 54px;
    font-size: 24px;
    /*line-height: 53px;*/
    color: #ffffff;
    background-color: #ff6f80;
    border-radius: 50%;
    /*overflow: hidden;*/
    text-align: center;
    /*text-decoration: none;*/
    transition: .45s all ease-in-out;
    z-index: 100;
    cursor: pointer;
}

    .css_oa_srolldn_cbkeditItemsel:hover {
        background-color: #ff8997;
    }


.css_oapp_cbkeditpanel {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /*padding-top: 20px;*/
}

.css_oapp_cbkeditscrollpanel {
    position: sticky;
    top: 10px;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    min-height: 250px;
    /* width: 70px; */
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 40px;
    padding: 5px;
    text-align: left;
    border-radius: 4px;
    background-color: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}

.css_oa_cbk_section_edit_ingpnl{
    border: none;
    padding-left: 5px;
    padding-right: 5px;
}
.css_oa_cbk_section_edit_ingpnl_hidden {
    display: none;
}

.css_oa_cbk_edit_ingpnl {
    width: 100%;
    scroll-behavior: smooth;
    height: calc(100vh - 110px);
    height: calc(100dvh - 110px);
    overflow-x: hidden;
    min-height: 500px;
    padding-top: 0;
    padding-left: 5px;
    padding-right: 5px;
    /*padding-bottom set by js*/
    max-width: 800px;
    /*overflow-y: scroll;
    overflow-x: hidden;*/
    text-align: left;
    border-radius: 4px;
    background-color: #FFFFFF;
    border: 1px solid lightgrey;
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
    display: flex;
    flex-direction: column;
    /*margin: 10px 0 10px 0;*/
    margin: 0;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .css_oa_cbk_edit_ingpnl::-webkit-scrollbar {
        display: none;
    }

.css_oa_cbk_edit_infopnl {
    position: sticky;
    top: 10px;
    height: 100%;
    width: 300px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 10px;
    text-align: left;
    border-radius: 4px;
    background-color: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}

.css_oa_cbkedit_infobox_imgcont {
    width: 100%;
    margin: 10px 0 10px 0;
    text-align: center;
}

.css_oa_cbkedit_infobox_imgcont_noimg {
    display: none;
    /*height: 60px;
    width: 90%;
    margin-top: 0;
    background-color: rgba(0,0,0,0.07);
    border: 1px solid #a9b5be;
    border-radius: 4px 4px 4px 4px;*/
}


.css_oa_cbkedit_infobox_imgcont_image {
    /*height: 60px;*/
    max-width: 250px;
    max-height: 190px;
    height: 100%;
    object-fit: contain;
    margin-top: 0;
    background-color: rgba(0,0,0,0.07);
    border: none;
    border-radius: 4px 4px 4px 4px;
}

.css_oa_cbk_info_titletxt {
    color: #000000;
    
    font-size: 18px;
    font-weight: 500;
    margin-left: 10px;
    margin-bottom: 10px;
}

.css_oa_cbk_info_desctxt {
    color: darkslategray;
    
    font-size: 12px;
    font-weight: 300;
    margin-left: 10px;
    margin-bottom: 10px;
    /*width: 100%;*/
}

.css_oa_cbk_info_premnote {
    color: darkred;
    
    font-size: 12px;
    font-weight: 500;
    width: 100%;
    margin-top: 1px;
    margin-bottom: 5px;
    margin-left: 10px;
}

.css_oa_cbk_info_pricebuttcont {
    position: relative;
}

.css_oa_cbk_info_priceboxcont {
    width: 100%;
    padding: 0 10px;
}

.css_oa_cbk_info_depositbuttcont {
    position: relative;
}

.css_oa_cbk_info_depositboxcont {
    width: 100%;
    padding: 0 10px;
}
.cbkedit_item_qty {
    position: absolute;
    width: 100px;
    height: 24px;
    left: 0;
    top: 5px;
    display: flex;
    text-align: center;
    Cursor: pointer;
    background: #FFFFFF;
}

.cbkedit_item_qty_value {
    
    font-size: 20px;
    text-align: center;
    color: #000000;
    background: #FFFFFF;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 0;
    margin-bottom: 0;
}

.cbkedit_item_minus_btn {
    display: flex;
    text-align: center;
    margin: 2px;
    height: 24px;
    width: 24px;
    padding-top: 3px;
    padding-left: 3px;
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
}

.cbkedit_item_plus_btn {
    display: flex;
    text-align: center;
    margin: 2px;
    height: 24px;
    width: 24px;
    padding-left: 3px;
    padding-top: 3px;
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
}

.css_app_cbkprodsel_price {
    color: #000000;
    
    font-size: 24px;
    font-weight: 500;
    text-align: left;
    margin-right: 10px;
}

.css_app_cbkprodsel_pricelbl {
    color: #000000;
    
    font-size: 24px;
    font-weight: 500;
    text-align: left;
    margin-right: 10px;
}

.css_app_cbkprodsel_deposit {
    color: #808080;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    margin-right: 10px;
}
.css_app_cbkprodsel_depositlbl {
    color: #808080;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    margin-right: 10px;
}

.css_app_cbkedit_prod_secbuttcont {
    position: absolute;
    right: 10px;
    top: 0;
    text-align: right;
}

.css_app_cbkedit_prod_gotopmini {
    position: relative;
    /*position: absolute;*/
    top: 5px;
    left: 5px;
    text-align: center;
    color: #FFFFFF;
    font-size: 12px;
    height: 30px;
    width: 30px;
    border-radius: 8px;
    border: 2px solid #808080;
    background: #FFFFFF; /*linear-gradient(225deg, rgba(0,0,0,0.07) 0%, #808080 100%);*/
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 0 auto 10px auto;
    padding-top: 5px;
    cursor: pointer;
}

.css_app_cbkedit_prod_addmini {
    display: none;  /*not using at moment as botom bar has add to cart button, but not deleting code until we are sure we want to keep it that way*/
    position: absolute;
    top: 5px;
    left: 40px;
    text-align: center;
    color: #FFFFFF;
    font-size: 12px;
    height: 30px;
    width: 140px;
    border-radius: 8px;
    border: 2px solid white;
    /*background: #FFFFFF;*/
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    font-weight: 400;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    margin: 10px auto 10px auto;
    padding-top: 5px;
    cursor: pointer;
}
    .css_app_cbkedit_prod_addmini:hover {
        font-weight: 600;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
    }

.css_app_cbkedit_prod_addminiprclbl {
    position: absolute;
    right: 5px;
    bottom: 5px;
    text-align: right;
    color: #FFFFFF;
    
    font-size: 12px;
}

.css_app_cbkedit_prod_add {
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    height: 44px;
    width: 80%;
    border-radius: 8px;
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    font-weight: 400;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    border: 2px solid white;
    margin: 10px auto 10px auto;
    padding-top: 10px;
    cursor: pointer;
}
    .css_app_cbkedit_prod_add:hover {
        font-weight: 600;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
    }


.css_oa_cbkedit_sb_back_butt_cont {
    margin: 25px auto 10px auto;
}

.css_oa_cbkedit_sb_back_butt {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    font-weight: 500;
    color: steelblue;
    background-color: white;
    border-radius: 20px;
    border: 2px solid steelblue;
    margin: 0 auto;
    /*padding: 0 0 0 10px;*/
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    /*max-width: 240px;*/
    width: fit-content;
    cursor: pointer;
}

    .css_oa_cbkedit_sb_back_butt:hover {
        color: white;
        background-color: steelblue;
        font-weight: 600;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    }

.css_oa_cbkedit_sb_back_butt_text {
    font-size: 14px;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 7px;
}



.css_oa_cbk_info_pricefootercont {
    position: sticky;
    bottom: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    /* max-width: 750px; */
    /* border-radius: 3px; */
    background-color: lightgray;
    /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); */
    margin: 0;
    padding-top: 5px;
    text-align: center;
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    z-index: 10;
    border-top: 2px solid darkgrey;
}
    .css_oa_cbk_info_pricefooterinnercont{
        max-width: 400px;
        margin: 0 auto 10px auto;
    }
    .css_oa_cbk_info_pricefooterboxcont {
        width: 100%;
        padding: 0 10px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }


.css_app_cbkedit_prod_footeradd {
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    /*height: 44px;*/
    width: 100%;
    /*max-width: 250px;*/
    border-radius: 8px;
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    font-weight: 400;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    border: 2px solid white;
    margin: 5px auto 5px auto;
    padding: 10px 20px;
    cursor: pointer;
}

    .css_app_cbkedit_prod_footeradd:hover {
        font-weight: 600;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
    }

.css_oa_cbkedit_stitlebox {
    
    width: 100%;
    max-width: 800px;
    text-align: left;
    background: #FFFFFF;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    padding: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
}

.css_oa_cbkedit_stitlebox_txtcon {
    position: relative;
    width: 100%;
    min-height: 50px;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
}

.css_oa_cbkedit_stitlebox_prodname {
    color: steelblue;
    
    font-size: 18px;
    font-weight: 500;
}

.css_oa_cbkedit_stitlebox_prodinstruct {
    color: #9B9B9B;
    font-size: 13px;
    font-weight: 500;
}

.css_oa_cbk_edit_ingsecsingpnl {
    position: relative;
    width: 95%;
    /*height: 50px;*/
    max-width: 750px;
    border-radius: 3px;
    background-color: #FFFFFF;
    margin: 0 auto 10px auto;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    text-align: center;
    color: steelblue;
    border: 2px solid steelblue;
    font-size: 18px;
    font-weight: 500;
    box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.25);
    cursor: pointer;
}
    .css_oa_cbk_edit_ingsecsingpnl:hover {
        font-weight: 600;
        background-color: steelblue;
        color: white;
        box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.5);
        border: 2px solid white;
    }

.css_oa_cbk_edit_ingsecsingpnl_notset {
    position: relative;
    width: 95%;
    /*height: 50px;*/
    max-width: 750px;
    border-radius: 3px;
    background-color: antiquewhite;
    margin: 0 auto 10px auto;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    text-align: center;
    color: darkslategray;
    border: 2px dashed red;
    font-size: 18px;
    font-weight: 500;
    box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.25);
    cursor: pointer;
}
    .css_oa_cbk_edit_ingsecsingpnl_notset:hover {
        font-weight: 600;
        background-color: steelblue;
        color: white;
        box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.5);
        border: 2px solid white;
    }

    .css_oa_cbk_edit_ingsecsingpnlsb {
        text-decoration: underline;
    }


.css_oa_cbk_edit_ingsecpnl {
    width: 100%;
    max-width: 750px;
    /*border-radius: 3px;*/
    background-color: #FFFFFF;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);
    margin: 0 auto 10px auto;
    padding-top: 10px;
    /*padding-left: 20px;*/
    text-align: left;
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

/*------------------COOKBOOK NON-KIOSK CSS------------------;*/
.css_oa_cbk_edit_ingsecprodname {
    cursor: pointer;
    font-size: 14px;
}
.css_oa_cbk_edit_ingsecprod_pricedepositvaluetext {
    position: absolute;
    bottom: 0px;
    left: 20px;
    font-size: 10px;
    font-weight: 400;
    color: #808080;
    /*margin: auto 0 0 auto;*/
    cursor: pointer;
}
.css_oa_cbk_edit_ingsecprod_sng_hot {
    height: 18px;
    width: 18px;
    border-radius: 9px;
    border: 2px solid forestgreen;
    background-color: green;
    position: absolute;
    right: 50px;
    top: 10px;
    z-index: 2;
    cursor: pointer;
}

.css_oa_cbk_edit_ingsecprod_sng {
    height: 18px;
    width: 18px;
    border-radius: 9px;
    border: 2px solid #9B9B9B;
    background-color: #FFFFFF;
    position: absolute;
    right: 50px;
    top: 10px;
    z-index: 2;
    cursor: pointer;
}

.css_oa_cbk_edit_ingsecprod_dbl_not {
    height: 18px;
    width: 18px;
    border-radius: 9px;
    border: 2px solid #FFFFFF;
    background-color: #FFFFFF;
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 2;
    /*cursor: pointer;*/
}

.css_oa_cbk_edit_ingsecprod_dbl_hot {
    height: 18px;
    width: 18px;
    border-radius: 9px;
    border: 2px solid forestgreen;
    background-color: green;
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 2;
    cursor: pointer;
}

.css_oa_cbk_edit_ingsecprod_dbl {
    height: 18px;
    width: 18px;
    border-radius: 9px;
    border: 2px solid #9B9B9B;
    background-color: #FFFFFF;
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 2;
    cursor: pointer;
}

.css_oa_cbk_edit_ingsecprod_hot {
    width: 50%;
    max-width: 300px;
    min-width: 220px;
    height: 40px;
    border-radius: 6px;
    border: 2px solid green;
    background-color: #FFFFFF;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    margin: auto auto 10px auto;
    padding-top: 10px;
    padding-left: 20px;
    text-align: left;
    color: green;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}

.css_oa_cbk_edit_ingsecprod {
    width: 50%;
    max-width: 300px;
    min-width: 220px;
    height: 40px;
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    margin: auto auto 10px auto;
    padding-top: 10px;
    padding-left: 20px;
    text-align: left;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    position: relative;
}
.css_oa_cbk_edit_ingsecprod_infodot {
    height: 10px;
    width: 10px;
    border-radius: 5px;
    border: 2px solid #ffae3d;
    background-color: #ffae3d;
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 2;
    cursor: pointer;
    color: #000000;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}

/*------------------COOKBOOK KIOSK CSS----------------------;*/

.css_oa_cbk_edit_ingsecprod_hot_k {
    width: 50%;
    max-width: 300px;
    min-width: 220px;
    height: 80px;
    border-radius: 6px;
    border: 2px solid green;
    background-color: #FFFFFF;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    margin: auto auto 20px auto;
    padding-top: 20px;
    padding-left: 20px;
    text-align: left;
    color: green;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}

.css_oa_cbk_edit_ingsecprod_k {
    width: 48%; /*48% to ensure at least a gap is left on small screens;*/
    max-width: 300px;
    min-width: 220px;
    height: 80px;
    border: 2px solid slategrey;
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    margin: auto auto 20px auto;
    padding-top: 20px;
    padding-left: 20px;
    text-align: left;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    position: relative;
}

.css_oa_cbk_edit_ingsecprodname_k {
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    padding-top: 2px;
}
.css_oa_cbk_edit_ingsecprod_pricedepositvaluetext_k {
    position: absolute;
    bottom: 0px;
    left: 20px;
    font-size: 12px;
    font-weight: 400;
    color: #808080;
    cursor: pointer;
}
.css_oa_cbk_edit_ingsecprod_sng_hot_k {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 2px solid forestgreen;
    background-color: green;
    position: absolute;
    right: 50px;
    top: 20px;
    z-index: 2;
    cursor: pointer;
}

.css_oa_cbk_edit_ingsecprod_sng_k {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 2px solid #9B9B9B;
    background-color: #FFFFFF;
    position: absolute;
    right: 50px;
    top: 20px;
    z-index: 2;
    cursor: pointer;
}

.css_oa_cbk_edit_ingsecprod_dbl_not_k {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    background-color: #FFFFFF;
    position: absolute;
    right: 10px;
    top: 20px;
    z-index: 2;
    /*cursor: pointer;*/
}

.css_oa_cbk_edit_ingsecprod_dbl_hot_k {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 2px solid forestgreen;
    background-color: green;
    position: absolute;
    right: 10px;
    top: 20px;
    z-index: 2;
    cursor: pointer;
}

.css_oa_cbk_edit_ingsecprod_dbl_k {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 2px solid #9B9B9B;
    background-color: #FFFFFF;
    position: absolute;
    right: 10px;
    top: 20px;
    z-index: 2;
    cursor: pointer;
}

.css_oa_cbk_edit_ingsecprod_infodot_k {
    height: 10px;
    width: 10px;
    border-radius: 5px;
    border: 2px solid #ffae3d;
    background-color: #ffae3d;
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 2;
    cursor: pointer;
    color: #000000;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}

/*------------------COOKBOOK KIOSK CSS END------------------;*/




.css_oa_cbk_edit_ingsectitle_infodot {
    height: 13px;
    width: 13px;
    border-radius: 6px;
    border: 2px solid #ffae3d;
    background-color: #ffae3d;
    z-index: 0;
}

.css_oa_cbk_edit_ingsecpnl_infodot {
    text-align: center;
    position: relative;
    width: 100%;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.css_oa_cbk_edit_ingsecpnl_infodotlbl {
    color: #000000;
    font-size: 10px;
    margin-left: 5px;
    z-index: 3;
}

.css_oa_cbk_edit_selector_canvas {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    height: calc(100vh - 110px);
    height: calc(100dvh - 110px);
    width: 100%;
    background-color: white;
    max-width: 800px;
    /*overflow-y: scroll;*/
    overflow-x: hidden;
    padding-top: 10px;
    padding-bottom: 60px;
    z-index: 3;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .css_oa_cbk_edit_selector_canvas::-webkit-scrollbar {
        display: none;
    }


.css_oa_cbkeditsel_titlebox {
    
    width: 100%;
    max-width: 800px;
    text-align: left;
    background: #FFFFFF;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    padding: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
}


.css_oa_cbkeditsel_titlebox_txtcon {
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
}

.css_oa_cbkeditsel_titlebox_prodname {
    color: #000000;
    
    font-size: 18px;
    font-weight: 500;
}

.css_oa_cbkeditsel_titlebox_prodinstruct {
    color: #9B9B9B;
    
    font-size: 13px;
    font-weight: 500;
}


.css_oa_cbkeditsel_itembox_cont {
    margin-left: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    cursor: pointer;
}


.css_oa_cbkeditsel_itemlist_box {
    position: relative;
    
    width: 90%;
    max-width: 800px;
    min-height: 80px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid silver;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 20px auto 10px auto;
    padding-bottom: 10px;
    text-align: left;
    cursor: pointer;
}
    .css_oa_cbkeditsel_itemlist_box:hover {
        border: 2px solid darkgrey;
    }

    .css_oa_cbkeditsel_itembox_imgcont {
        width: 60px;
        /*padding-top: 20px;*/
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px;
    margin-left: 5px;
    margin-right: 5px;
}

.css_oa_cbkeditsel_itembox_imgcont_noimg {
    height: 60px;
    width: 60px;
    margin-top: 0;
    background-color: rgba(0,0,0,0.07);
    border: 1px solid #a9b5be;
    border-radius: 4px 4px 4px 4px;
}


.css_oa_cbkeditsel_itembox_imgcont_image {
    height: 60px;
    width: 60px;
    margin-top: 0;
    background-color: rgba(0,0,0,0.07);
    border: 1px solid #a9b5be;
    border-radius: 4px 4px 4px 4px;
}

.css_oa_cbkeditsel_itembox_txtcon {
    /*padding: 30px;*/
    text-align: left;
    margin-top: 15px;
    margin-left: 30px;
}

.css_oa_cbkeditsel_itembox_prodname {
    color: #000000;
    
    font-size: 18px;
    font-weight: 500;
}

.css_oa_cbkeditsel_itembox_proddesc {
    color: #9B9B9B;
    
    font-size: 13px;
    font-weight: 500;
}

.css_oa_cbkeditsel_itembox_proddesc_premnote {
    color: #F8644E;
    
    font-size: 13px;
    font-weight: bold;
    width: 100%;
    margin-top: 1px;
    margin-bottom: 5px;
}

.css_oa_cbkeditsel_ex_label {
    
    font-size: small;
    max-width: 100px;
    text-align: center;
    margin-left: 30px;
}

.css_oa_cbkeditsel_ex_labelval {
    
    font-size: small;
    max-width: 100px;
    text-align: center;
    margin-right: 30px;
}
.css_cbksectabitem_div:hover {
    background-color: #D2D2D2;
}



/*------------------COMBO MAIN - NON KIOSK CSS------------------;*/

.css_oa_cmbedit_itembox_proddesc {
    position: relative;
    color: #9B9B9B;
    font-size: 12px;
    font-weight: 400;
    padding-right: 15px;
}

.css_oa_cmbedit_itembox_proddesc_notsel {
    position: relative;
    width: 100%;
    color: #9B9B9B;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.css_oa_cmbedit_itembox_premnote {
    position: relative;
    text-align: right;
    color: #202020;
    font-size: 10px;
}
.css_oa_cmbedit_ex_labelval {
    font-size: 10px;
    text-align: right;
    position: relative;
    font-weight: 500;
    color: darkred;
}

.css_oa_cmbedit_itemlist_box_hidden {
    display: none;
}

.css_oa_cmbedit_itemlist_box_notsel {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 800px;
    /*height: 100px;*/
    background: #F2F2F2;
    border: 1px dashed red;
    border-radius: 3px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 10px auto 10px auto;
    /*padding-bottom: 10px;*/
    text-align: center;
    cursor: pointer;
}
    .css_oa_cmbedit_itemlist_box_notsel:hover {
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
    }

.css_oa_cmbedit_itemlist_box {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 800px;
    /*height: 100px;*/
    background: #FFFFFF;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 0;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 10px auto 10px auto;
    padding: 5px 0;
    /*padding-bottom: 10px;*/
    text-align: center;
    cursor: pointer;
}
    .css_oa_cmbedit_itemlist_box:hover {
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
    }

.combo_item_edit_btn_highlight {
    position: relative;
    /*width: 100px;
        height: 24px;*/
    /*left: 15px;
    top: 90px;*/
    width: fit-content;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    color: white;
    background-color: darkred;
    border: 2px solid indianred;
    border-radius: 5px 5px 5px 5px;
    font-size: small;
    padding: 5px 20px 0 10px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    margin: 5px;
    z-index: 2;
    animation-name: kf_ol_app_customise_combo_cbk_highlight;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

    .combo_item_edit_btn_highlight:hover {
        color: white;
        background-color: red;
        border: 2px solid indianred;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    }


.combo_item_edit_btn {
    position: relative;
    /*width: 100px;*/
    /*height: 24px;*/
    /*left: 15px;
    top: 90px;*/
    color: steelblue;
    background-color: #FFFFFF;
    border: 2px solid steelblue;
    border-radius: 5px 5px 5px 5px;
    font-size: small;
    cursor: pointer;
    margin: 5px;
    z-index: 2;
    display: flex;
    padding: 5px 20px 0 10px;
    width: fit-content;
}

    .combo_item_edit_btn:hover {
        color: white;
        background-color: steelblue;
        border: 2px solid white;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    }


.combo_item_edit_icndiv {
    position: relative;
    /* left: 3px; */
    /* top: 2px; */
    margin: 2px;
    cursor: pointer;
}

.combo_btn_edit_label {
    position: relative;
    /* left: 22px; */
    /* top: 0; */
    font-size: 12px;
    margin-top: 2px;
    margin-left: 2px;
    cursor: pointer;
}


/*------------------COMBO MAIN - KIOSK CSS------------------;*/


.css_oa_cmbedit_itembox_proddesc_k {
    position: relative;
    color: #9B9B9B;
    font-size: 14px;
    font-weight: 400;
    padding-right: 15px;
}

.css_oa_cmbedit_itembox_proddesc_notsel_k {
    position: relative;
    width: 100%;
    color: #9B9B9B;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}

.css_oa_cmbedit_itembox_premnote_k {
    position: relative;
    text-align: right;
    color: #202020;
    font-size: 12px;
    font-weight: 500;
}
.css_oa_cmbedit_ex_labelval_k {
    font-size: 12px;
    text-align: right;
    position: relative;
    font-weight: 500;
    background-color: darkred;
    color: white;
    padding: 2px 10px;
    width: fit-content;
    margin: 2px 0 0 auto;
    border-radius: 2px;
}
.css_oa_cmbedit_itemlist_box_hidden_k {
    display: none;
}

.css_oa_cmbedit_itemlist_box_notsel_k {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 800px;
    min-height: 100px;
    background: #F2F2F2;
    border: 1px dashed red;
    border-radius: 3px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 10px auto 10px auto;
    text-align: center;
    cursor: pointer;
}

.css_oa_cmbedit_itemlist_box_k {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 800px;
    min-height: 100px;
    background: #FFFFFF;
    border: 2px solid silver;
    border-radius: 5px;
    box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.2);
    margin: 10px auto 10px auto;
    padding: 5px 0;
    /*padding-bottom: 10px;*/
    text-align: center;
    cursor: pointer;
}
.css_oa_cmbedit_itemlist_box_k:hover {
    box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.3);
}
.combo_item_edit_btn_highlight_k {
    position: relative;
    /*width: 100px;
        height: 24px;*/
    color: white;
    background-color: darkred;
    border: 2px solid indianred;
    border-radius: 5px 5px 5px 5px;
    font-weight: 500;
    cursor: pointer;
    margin: 5px 30px;
    z-index: 2;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    animation-name: kf_ol_app_customise_combo_cbk_highlight;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    display: flex;
    padding: 5px 20px 0 10px;
    width: fit-content;
}

        .combo_item_edit_btn_highlight_k:hover {
            color: white;
            background-color: red;
            border: 2px solid white;
            box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
            font-weight: 600;
        }


.combo_item_edit_btn_k {
    position: relative;
    color: steelblue;
    background-color: #FFFFFF;
    border: 2px solid steelblue;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
    margin: 5px 30px;
    z-index: 2;
    display: flex;
    padding: 5px 20px 0 10px;
    width: fit-content; 
}

    .combo_item_edit_btn_k:hover {
        color: white;
        background-color: steelblue;
        border: 2px solid white;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
    }

.combo_item_edit_icndiv_k {
    position: relative;
    /* left: 3px; */
    /* top: 2px; */
    margin: 5px;
    cursor: pointer;
}

.combo_btn_edit_label_k {
    position: relative;
    /* left: 22px; */
    /* top: 0; */
    font-size: 14px;
    margin-top: 5px;
    margin-left: 2px;
    cursor: pointer;
    font-weight: 500;
}


/*------------------COMBO MAIN - KIOSK CSS END------------------;*/

.css_oa_combo_editor {
    width: 100%;
    height: 100%;
    /*margin: 10px;*/
    background: #FFFFFF;
    /*display: flex;
    flex-wrap: wrap;*/
    position: relative;
}

.css_oa_combo_edit_main_cont {
    position: relative;
    width: 100%;
    background: #FFFFFF;
    margin: 0 auto 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow-x: hidden;
    scroll-behavior: smooth;
    height: calc(100vh - 110px);
    height: calc(100dvh - 110px);
    -ms-overflow-style: none;
    scrollbar-width: none;
}
    .css_oa_combo_edit_main_cont::-webkit-scrollbar {
        display: none;
    }



.css_oa_combo_edit_elements {
    position: relative;
    background: #FFFFFF;
    width: 100%;
    /*padding-top: 10px;*/
    /*height: 100vh;*/
    text-align: left;
    max-width: 800px;
    margin: 0 auto 0 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    /*overflow-x: hidden;
    scroll-behavior: smooth;
    height: calc(100vh - 120px);
    -ms-overflow-style: none;
    scrollbar-width: none;*/
}
/*.css_oa_combo_edit_elements::-webkit-scrollbar {
    display: none;
}*/

.css_oa_combo_editor_prodft_detail_infobox {
    width: 100%;
    max-width: 800px;
    /*min-height: 120px;*/
    background: #FFFFFF;
    margin: 5px auto 5px auto;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
}

.css_oa_combo_editor_totals_section {
    position: sticky;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    max-width: 800px;
    background-color: white;
    margin: 0 auto 0 0;
    padding: 5px 10px 10px 10px;
    border-top: 4px solid silver;
    z-index: 10;
}

.captivaappbuild_comboedit_footertotal_sidebar_standardline {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.captivaappbuild_comboedit_footertotal_standardline {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.captivaappbuild_comboedit_footertotal_dealprice_text {
    color: #000000;
    font-size: 18px;
    font-weight: 500;
}
.captivaappbuild_comboedit_footertotal_extras_text {
    color: #000000;
    font-size: 18px;
    font-weight: 500;
}
.captivaappbuild_comboedit_footertotal_deposit_text {
    color: #000000;
    font-size: 18px;
    font-weight: 500;
}
.captivaappbuild_comboedit_footertotal_tothigh {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 800px;
    margin-top: 5px;
    margin-right: 10px;
    border-top: 1px solid silver;
    margin: 5px auto 5px auto;
    /*padding-left: 5px;
    padding-right: 5px;*/
    text-align: left;
}
.captivaappbuild_comboedit_footertotal_tothigh_text {
    color: #000000;
    font-size: 22px;
    font-weight: 600;
}

    .css_oa_cmb_edit_choiceline {
        width: 100%;
        text-align: left;
        color: #FFFFFF;
        background: linear-gradient(225deg, #135aa0 0%, #1e90ff 100%);
        font-size: 14px;
        font-weight: bold;
        padding-top: 10px;
        padding-left: 10px;
    }

.css_oapp_combomaineditscrollpanel {
    position: sticky;
    top: 10px;
    /*height: 100%;*/
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    height: 250px;
    /* width: 70px; */
    margin: 10px 3px 0 3px;
    padding: 5px;
    text-align: left;
    border-radius: 4px;
    background-color: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}


.css_oa_combomaineditItemsel_scrollbut_upicon {
    position: absolute;
    cursor: pointer;
    top: 8px;
    left: 7px;
}


.css_oa_combomaineditItemsel_scrollbut_dnicon {
    position: absolute;
    cursor: pointer;
    top: 8px;
    left: 7px;
}


.css_oa_srollup_combomaineditItemsel {
    position: relative;
    /*right: 0;
    top: 20px;*/
    width: 54px;
    height: 54px;
    font-size: 24px;
    /*line-height: 53px;*/
    color: #ffffff;
    background-color: #ff6f80;
    border-radius: 50%;
    border: 2px solid white;
    /*overflow: hidden;*/
    text-align: center;
    /*text-decoration: none;*/
    transition: .45s all ease-in-out;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    z-index: 100;
    cursor: pointer;
}

    .css_oa_srollup_combomaineditItemsel:hover {
        background-color: #ff8997;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    }

.css_oa_srolldn_combomaineditItemsel {
    position: relative;
    /*right: 0;
    bottom: 20px;*/
    width: 54px;
    height: 54px;
    font-size: 24px;
    /*line-height: 53px;*/
    color: #ffffff;
    background-color: #ff6f80;
    border-radius: 50%;
    border: 2px solid white;
    /*overflow: hidden;*/
    text-align: center;
    /*text-decoration: none;*/
    transition: .45s all ease-in-out;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    z-index: 100;
    cursor: pointer;
}

    .css_oa_srolldn_combomaineditItemsel:hover {
        background-color: #ff8997;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    }


.css_oa_srolltoend_combomaineditItemsel {
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
    /*bottom: 20vh;*/ /* 5dvh; dynamic height (of not supported then 15vh on line above will be the fall back, - so don't delete it!*/
    /*bottom: 20dvh;*/
    width: 40px;
    height: 40px;
    font-size: 24px;
    /*line-height: 53px;*/
    color: #ffffff;
    background-color: steelblue;
    border-radius: 50%;
    border: 2px solid white;
    /*overflow: hidden;*/
    text-align: center;
    /*text-decoration: none;*/
    transition: .25s all ease-in-out;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    z-index: 100;
    cursor: pointer;
}

    .css_oa_srolltoend_combomaineditItemsel:hover {
        background-color: #315a7d;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.6);
    }


.css_oa_combomaineditItemsel_scrollbut_srolltoendicon {
    position: absolute;
    cursor: pointer;
    top: 1px;
    left: 1px;
}


.css_oa_cmb_edit_infopnl {
    /*height: 200px;*/ 
    position: sticky;
    top: 10px;
    width: 300px;
    /*height: 100%;*/
    margin: 10px 0 auto auto;
    padding: 10px;
    text-align: left;
    /*border-radius: 4px;*/
    background-color: #FFFFFF;
    border: 1px solid lightgrey;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}

.css_oa_cmbedit_infobox_imgcont {
    /*width: 100%;*/
    margin: 0 auto;
    text-align: center;
}

.css_oa_cmbedit_infobox_imgcont_noimg {
    display: none;
    /*height: 50px;
    /*width: 90%;*/
    /*margin-top: 0;
    background-color: rgba(0,0,0,0.07);
    border: 1px solid #a9b5be;
    border-radius: 4px 4px 4px 4px;*/
}

.css_oa_cmbedit_infobox_imgcont_image {
    /*height: 60px;*/
    max-width: 250px;
    max-height: 100px;
    object-fit: contain;
    margin-top: 0;
    background-color: rgba(0,0,0,0.07);
    border: none;
    border-radius: 4px 4px 4px 4px;
}

.css_oa_cmb_info_titletxt {
    color: #000000;
    
    font-size: 16px;
    font-weight: 600;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.css_oa_cmb_info_desctxt {
    color: #606060;
    font-size: 12px;
    font-weight: 500;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 100%;
}

.css_app_cmbprodsel_pricelbl {
    color: #000000;
    
    font-size: 18px;
    text-align: left;
    margin-left: 10px;
}

.css_app_cmbprodsel_price {
    color: #000000;
    
    font-size: 18px;
    text-align: left;
    margin-right: 10px;
}

.css_app_cmbprodsel_totpricelbl {
    color: #000000;
    
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    margin-left: 10px;
}

.css_app_cmbprodsel_totprice {
    color: #000000;
    
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    margin-right: 10px;
}

.captivaappbuild_comboeditaddtocart_butt_cont {
    position: relative;
    text-align: center;
    margin: 0 auto 0 auto;
    width: 100%;
}

.captivaappbuild_comboeditaddtocart_butthot {
    position: relative;
    text-align: center;
    padding: 10px;
    /*height: 40px;*/
    width: 90%;
    max-width: 400px;
    border-radius: 8px;
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    border: 2px solid white;
    margin: 10px auto 10px auto;
    Cursor: pointer;
}
    .captivaappbuild_comboeditaddtocart_butthot:hover {
        font-weight: 600;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
    }

.captivaappbuild_comboeditaddtocart_butthot_sb {
    text-align: center;
    padding: 10px;
    /*height: 60px;*/
    width: 90%;
    max-width: 400px;
    border-radius: 8px;
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    border: 2px solid white;
    margin: 10px auto 10px auto;
    Cursor: pointer;
}
        .captivaappbuild_comboeditaddtocart_butthot_sb:hover {
            font-weight: 600;
            box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
        }


.css_oa_combo_sb_back_butt_cont {
    margin: 25px auto 10px auto;
}

.css_oa_combo_sb_back_butt {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    font-weight: 500;
    color: steelblue;
    background-color: white;
    border-radius: 20px;
    border: 2px solid steelblue;
    margin: 0 auto;
    /*padding: 0 0 0 10px;*/
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    /*max-width: 240px;*/
    width: fit-content;
    cursor: pointer;
}

    .css_oa_combo_sb_back_butt:hover {
        color: white;
        background-color: steelblue;
        font-weight: 600;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    }

.css_oa_combo_sb_back_butt_text {
    font-size: 14px;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 7px;
}


.css_oa_cmbedit_titlebox {
    
    width: 100%;
    max-width: 800px;
    text-align: left;
    /*background: #FFFFFF;*/
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    padding: 10px;
    /*margin-bottom: 10px;*/
    display: flex;
    flex-direction: row;
    color: #000000;
    background: linear-gradient(#FFFFFF, #f1f1f1);
    /*
    font-size: 18px;
    font-weight: bold;*/
    padding: 5px;
}

.css_oa_cmbedit_titlebox_imgcont {
    width: 80px;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.css_oa_cmbedit_titlebox_imgcont_noimg {
    display: none;
}


.css_oa_cmb_edit_secpnl {
    width: 100%;
    min-height: 200px;
    padding: 5px;
    max-width: 800px;
    text-align: left;
    background-color: #FFFFFF;
    border: 1px solid lightgrey;
    margin: 10px 0 30px 0;
}

.css_oapp_cmbeditpanel {
    position: relative;
    /*display: flex;
    flex-direction: row;
    flex-wrap: nowrap;*/
    /*margin-top: 10px;*/
}

.css_oa_cmbedit_titlebox_imgcont_image {
    max-height: 60px;
    width: 60px;
    min-width: 60px;
    object-fit: cover;
    margin: 0 5px 5px 0;
    background-color: rgba(0,0,0,0.07);
    border: 1px solid #a9b5be;
    /*border-radius: 4px 4px 4px 4px;*/
}


.css_oa_cmbedit_titlebox_txtcon {
    /*padding-top: 20px;*/
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
}

.css_oa_cmbedit_titlebox_prodname {
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    padding-top: 10px;
}

.css_oa_cmbedit_titlebox_prodinstruct {
    color: #9B9B9B;
    font-size: 13px;
    font-weight: 500;
    max-height: 55px;
    padding: 0 5px;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
    .css_oa_cmbedit_titlebox_prodinstruct::-webkit-scrollbar {
        display: none;
    }

.css_oa_cmbedit_itembox_cont {
    position: relative;
    margin-left: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    cursor: pointer;
}

.css_oa_cmbedit_itembox_toprow_hidden{
    display: none;
}
.css_oa_cmbedit_itembox_toprow {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.css_oa_cmbedit_itembox_toprow_imgcont{
    position: relative;
    text-align: left;
    min-width: 30px;
    margin-right: 3px;
}






.css_oa_cmbedit_itemlist_circ {
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 10px;
    top: 15px;
    left: 5px;
    border: 1px solid #808080;
    background-color: #FFFFFF;
    text-align: center;
    
    font-size: 12px;
    color: #4A4A4A;
    z-index: 2;
}

.css_oa_cmbedit_itemlist_circ_notice {
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 10px;
    top: 5px;
    right: 1px;
    border: 1px solid indianred;
    background-color: mediumvioletred;
    text-align: center;
    font-size: 12px;
    color: #FFFFFF;
    z-index: 2;
}

.css_oa_cmbedit_itemlist_circ_hot {
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 10px;
    top: 5px;
    right: 1px;
    border: 1px solid #4ec303;
    background-color: #00B000;
    text-align: center;
    
    font-size: 12px;
    color: #FFFFFF;
    z-index: 2;
}

.css_oa_cmbedit_itemlist_circ_iconchk {
    position: absolute;
    top: 1px;
    left: 1px;
}

.css_oa_cmbedit_itemlist_circ_iconwarn {
    position: absolute;
    top: 1px;
    left: 1px;
}

.css_oa_cmbedit_itembox_imgcont {
    position: absolute;
    width: 60px;
    height: 60px;
    left: 10px;
    top: 30px;
}

.css_oa_cmbedit_itembox_imgcont_noimg {
    display: none;
}


.css_oa_cmbedit_itembox_imgcont_image {
    position: relative;
    max-width: 50px;
    max-height: 50px;
    background-color: rgba(0,0,0,0.07);
    border-radius: 4px 4px 4px 4px;
    text-align: center;
}

.css_oa_cmbedit_itembox_txtcon {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: left;
    width: 80%;
    padding-right: 10px;
}

.css_oa_cmbedit_itembox_txtcon_noimg {
    position: absolute;
    left: 30px;
    top: 10px;
    text-align: left;
    width: 80%;
    padding-right: 10px;
}
.css_oa_cmbedit_itembox_txtcon_notsel {
    position: relative;
    padding-top: 20px;
    text-align: center;
    width: 100%;
}

.css_oa_cmbedit_itembox_prodname {
    position: relative;
    width: 100%;
    overflow: hidden;
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    padding-right: 15px;
}
.css_oa_cmbedit_itembox_prodname_notsel {
    position: relative;
    width: 100%;
    color: #808080;
    font-size: 28px;
    font-weight: 500;
}

.css_oa_cmbedit_itembox_assocprod_lbl_sel {
    position: relative;
    width: 100%;
    color: #808080;
    font-size: 14px;
    font-weight: 400;
}

.css_oa_cmbedit_itembox_pricedepositvaluetext {
    font-size: 10px;
    font-weight: 400;
    color: #808080;
    margin: auto 0 0 auto;
    cursor: pointer;
}

.css_oa_cmbedit_ex_label {
    font-size: small;
    position: absolute;
    left: 20px;
    top: 5px;
    text-align: left;
}

.css_oa_cmbedit_ex_box {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    font-size: small;
    padding: 0 5px;
    border-top: 1px solid #D2D2D2;
}



.css_oa_cmbeditItemsel_scrollbut_upicon {
    position: absolute;
    cursor: pointer;
    top: 8px;
    left: 7px;
}


.css_oa_cmbeditItemsel_scrollbut_dnicon {
    position: absolute;
    cursor: pointer;
    top: 8px;
    left: 7px;
}


.css_oa_srollup_comboeditItemselector {
    position: absolute;
    right: 10px;
    top: 20px;
    width: 54px;
    height: 54px;
    font-size: 24px;
    color: #ffffff;
    background-color: #ff6f80;
    border-radius: 50%;
    border: 2px solid white;
    text-align: center;
    transition: .45s all ease-in-out;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    z-index: 100;
    cursor: pointer;
}

    .css_oa_srollup_comboeditItemselector:hover {
        background-color: #ff8997;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    }

.css_oa_srolldn_comboeditItemselector {
    position: absolute;
    right: 10px;
    bottom: 100px;
    width: 54px;
    height: 54px;
    font-size: 24px;
    color: #ffffff;
    background-color: #ff6f80;
    border-radius: 50%;
    border: 2px solid white;
    text-align: center;
    transition: .45s all ease-in-out;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    z-index: 100;
    cursor: pointer;
}

    .css_oa_srolldn_comboeditItemselector:hover {
        background-color: #ff8997;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    }



.css_oa_cmbeditsel_titlecont{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content:flex-start;
}
.css_oa_cmbeditsel_titlebox {
    width: 100%;
    max-width: 800px;
    text-align: left;
    background: #FFFFFF;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    padding: 0 10px 0 10px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
}


.css_oa_cmbeditsel_titlebox_prodtxtcon {
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    width: 100%;
}

.css_oa_cmbeditsel_titlebox_titprodname {
    color: #FFFFFF;
    background: linear-gradient(225deg, #135aa0 0%, #1e90ff 100%);
    padding: 5px;
    
    font-size: 18px;
    font-weight: 500;
    width: 100%;
}

.css_oa_cmbeditsel_titlebox_txtcon {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.css_oa_cmbeditsel_titlebox_prodname {
    color: #000000;
    
    font-size: 18px;
    font-weight: 500;
    width: 100%;
}

.css_oa_cmbeditsel_titlebox_prodinstruct {
    color: #606060;
    font-size: 12px;
    font-weight: 400;
}


.combo_sel_item_edit_btn {
    position: absolute;
    width: 100px;
    height: 24px;
    left: 15px;
    top: 90px;
    color: #FFFFFF;
    background: #00a700;
    border: 1px solid #909090;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    font-size: small;
    cursor: pointer;
    margin: 5px;
    z-index: 2;
}


.combo_sel_item_edit_icndiv {
    position: absolute;
    left: 3px;
    top: 2px;
}

.combo_sel_btn_edit_label {
    position: absolute;
    left: 22px;
    top: 0;
    
    font-size: small;
    margin-top: 2px;
    margin-left: 2px;
    cursor: pointer;
}


.combo_sel_item_select_btn {
    position: absolute;
    width: 100px;
    height: 24px;
    right: 15px;
    top: 90px;
    color: #FFFFFF;
    background: #1e90ff;
    border: 1px solid #909090;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    
    font-size: small;
    cursor: pointer;
    margin: 5px;
    z-index: 2;
}


.combo_sel_item_select_icndiv {
    position: absolute;
    left: 3px;
    top: 2px;
}

.combo_sel_btn_select_label {
    position: absolute;
    left: 22px;
    top: 0;
    
    font-size: small;
    margin-top: 2px;
    margin-left: 2px;
    cursor: pointer;
}

.css_oa_cmbeditsel_itemlist_box_endofoptions_lbl {
    margin: 20px 0;
    font-size: 16px;
    color: silver;
    font-weight: 600;
    text-align: center;
    width: 100%;
    animation-name: kf_ol_app_cmbeditsel_itemlist_box;
}

/*------------------COMBO ITEMSELECT - NON KIOSK CSS------------------;*/

.css_oa_combo_editor_itemselector {
    width: 100%;
    scroll-behavior: smooth;
    height: calc(100vh - 120px);
    height: calc(100dvh - 120px);
    /*margin: 10px;*/
    background: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    max-width: 750px;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .css_oa_combo_editor_itemselector::-webkit-scrollbar {
        display: none;
    }

.css_oa_combo_edit_selector_canvas {
    background: #FFFFFF;
    width: 100%;
    max-width: 800px;
    padding-top: 10px;
    padding-bottom: 90px;
}
.css_oa_cmbeditsel_itemlist_box {
    position: relative;
    width: 100%;
    max-width: 800px;
    min-height: 80px;
    background: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 10px 10px 10px auto;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    border: 1px solid #D2D2D2;
    animation-name: kf_ol_app_cmbeditsel_itemlist_box;
}
.css_oa_cmbeditsel_itemlist_box_active {
    position: relative;
    width: 100%;
    max-width: 800px;
    min-height: 80px;
    background: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 5px 10px 0 rgba(80, 163, 15, 0.15);
    margin: 10px 10px 10px auto;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    border: 1px solid green;
    animation-name: kf_ol_app_cmbeditsel_itemlist_box;
}

.css_oa_cmbeditsel_itembox_cont {
    margin-left: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}


.css_oa_cmbeditsel_itembox_imgcont_noimg {
    display: none;
}


.css_oa_cmbeditsel_itembox_imgcont_image {
    max-height: 60px;
    max-width: 60px;
    margin-top: 0;
    background-color: rgba(0,0,0,0.07);
    border: 1px solid #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    object-fit: cover;
    margin-right: 10px;
}

.css_oa_cmbeditsel_itembox_txtcon {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    margin-top: 0;
    margin-left: 0;
    margin-right: 10px;
    text-align: left;
    width: 100%;
}

.css_oa_cmbeditsel_itembox_prodname {
    color: #000000;
    
    font-size: 18px;
    font-weight: 500;
    width: 100%;
    cursor: pointer;
}
    .css_oa_cmbeditsel_itembox_prodname:hover {
        color: dodgerblue;
        font-weight:bold;
    }

.css_oa_cmbeditsel_itembox_premnote {
    color: darkred;
    
    font-size: 13px;
    /*font-weight: bold;*/
    width: 100%;
    margin-top: 1px;
    margin-bottom: 5px;
}

.css_oa_cmbeditsel_itembox_pricedepositvaluetext {
    font-size: 10px;
    font-weight: 400;
    color: #808080;
    margin: 0 auto 0 0;
    cursor: pointer;
}
.css_oa_cmbeditsel_itembox_proddesc {
    color: #606060;
    font-size: 12px;
    font-weight: 500;
    width: 100%;
}

.css_oa_cmbeditsel_itembox_buttcon {
    height: 55px;
    width: 100%;
    text-align: left;
    position: relative;
    /*margin-top: 10px;*/
}

.css_oa_cmbedit_itemlist_customisebox {
    position: absolute;
    height: 50px;
    width: 60px;
    right: 120px;
    bottom: 0;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}

.css_oa_cmbedit_itemlist_customisecirc {
    position: absolute;
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 15px;
    top: 0;
    border: 2px solid steelblue;
    background-color: white;
    color: steelblue;
    text-align: center;
    cursor: pointer;
}

    .css_oa_cmbedit_itemlist_customisecirc:hover {
        background-color: steelblue;
        color: white;
        border: 2px solid lightsteelblue;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    }

.css_oa_cmbedit_itemlist_circicn {
    font-weight: bold;
    padding-top: 3px;
}
.css_oa_cbkeditsel_circ_customlabel {
    font-size: 12px;
    font-weight: 400;
    color: steelblue;
    position: relative;
    margin-top: 30px;
    cursor: pointer;
}

.css_oa_cmbedit_itemlist_changebox {
    position: absolute;
    height: 50px;
    width: 60px;
    right: 30px;
    bottom: 0;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    z-index: 2;
}

.css_oa_cmbedit_itemlist_changecirc {
    position: absolute;
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 15px;
    top: 0;
    border: 2px solid forestgreen;
    background-color: white;
    text-align: center;
    font-size: 12px;
    color: forestgreen;
    cursor: pointer;
    z-index: 2;
}

    .css_oa_cmbedit_itemlist_changecirc:hover {
        background-color: forestgreen;
        color: white;
        border: 2px solid #88bc3f;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    }


.css_oa_cmbedit_itemlist_circ_label {
    font-size: 12px;
    font-weight: 400;
    color: forestgreen;
    position: relative;
    margin-top: 30px;
    cursor: pointer;
}
/*------------------COMBO ITEMSELECT KIOSK CSS------------------;*/

.css_oa_combo_editor_itemselector_k {
    width: 100%;
    scroll-behavior: smooth;
    height: calc(100vh - 120px);
    height: calc(100dvh - 120px);
    /*margin: 10px;*/
    background: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .css_oa_combo_editor_itemselector_k::-webkit-scrollbar {
        display: none;
    }

.css_oa_combo_edit_selector_canvas_k {
    background: #FFFFFF;
    width: 100%;
    max-width: 800px;
    padding-top: 10px;
    padding-bottom: 90px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

.css_oa_cmbeditsel_itemlist_box_k {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 250px;
    min-height: 280px;
    background: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    margin: 10px auto 10px auto;
    padding: 10px;
    text-align: left;
    border: 4px solid #D2D2D2;
    animation-name: kf_ol_app_cmbeditsel_itemlist_box;
    cursor: pointer;
}
    .css_oa_cmbeditsel_itemlist_box_k:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    }

.css_oa_cmbeditsel_itemlist_box_active_k {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 250px;
    min-height: 280px;
    background: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 5px 5px 0 rgba(80, 133, 65, 0.3);
    margin: 10px auto 10px auto;
    padding: 10px;
    text-align: left;
    border: 4px solid green;
    animation-name: kf_ol_app_cmbeditsel_itemlist_box;
    cursor: pointer;
}
    .css_oa_cmbeditsel_itemlist_box_active_k:hover {
        box-shadow: 0 5px 5px 0 rgba(80, 133, 65, 0.5);
    }

    .css_oa_cmbeditsel_itembox_cont_k {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }


.css_oa_cmbeditsel_itembox_imgcont_noimg_k {
    display: none;
}


.css_oa_cmbeditsel_itembox_imgcont_image_k {
    max-height: 200px;
    width: 100%;
    margin-top: 0;
    object-fit: contain;
}

.css_oa_cmbeditsel_itembox_txtcon_k {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.css_oa_cmbeditsel_itembox_prodname_k {
    color: #000000;
    font-size: 24px;
    font-weight: 600;
    width: 100%;
    cursor: pointer;
}

    .css_oa_cmbeditsel_itembox_prodname_k:hover {
        color: dodgerblue;
        font-weight: bold;
    }

.css_oa_cmbeditsel_itembox_premnote_k {
    color: darkred;
    font-size: 12px;
    font-weight: 500;
    margin-top: 1px;
    margin-bottom: 5px;
}

.css_oa_cmbeditsel_itembox_pricedepositvaluetext_k {
    font-size: 12px;
    font-weight: 400;
    color: #808080;
    margin: 0 auto 0 0;
    text-align: left;
    cursor: pointer;
}

.css_oa_cmbeditsel_itembox_proddesc_k {
    color: darkslategray;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
}

.css_oa_cmbeditsel_itembox_buttcon_k {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    /*height: 55px;*/
    width: 100%;
    text-align: left;
    position: relative;
    margin-top: 10px;
}

.css_oa_cmbedit_itemlist_customisebox_k {
    position: relative;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}

.css_oa_cmbedit_itemlist_customisecirc_k {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 2px 10px;
    font-weight: 400;
    /*height: 30px;*/
    /*width: 30px;*/
    border-radius: 3px;
    /*left: 15px;
    top: 0;*/
    border: 2px solid steelblue;
    background-color: white;
    color: steelblue;
    text-align: center;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

    .css_oa_cmbedit_itemlist_customisecirc_k:hover {
        background-color: steelblue;
        color: white;
        border: 2px solid white;
        font-weight: 600;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
    }

.css_oa_cmbedit_itemlist_circicn_k {
    font-weight: bold;
    padding-top: 3px;
}
.css_oa_cbkeditsel_circ_customlabel_k {
    font-size: 16px;
    /*font-weight: 400;*/
    /*color: steelblue;*/
    position: relative;
    margin: 3px 5px;
    cursor: pointer;
}

.css_oa_cmbedit_itemlist_changebox_k {
    position: relative;
    /*height: 50px;*/
    width: 60px;
    /*right: 30px;
    bottom: 0;*/
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    z-index: 2;
}
.css_oa_cmbedit_itemlist_changecirc_k {
    position: absolute;
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 15px;
    top: 0;
    border: 2px solid forestgreen;
    background-color: white;
    text-align: center;
    font-size: 12px;
    color: forestgreen;
    cursor: pointer;
    z-index: 2;
}

    .css_oa_cmbedit_itemlist_changecirc_k:hover {
        background-color: forestgreen;
        color: white;
        border: 2px solid #88bc3f;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    }
.css_oa_cmbedit_itemlist_circ_label_k {
    font-size: 12px;
    font-weight: 400;
    color: forestgreen;
    position: relative;
    margin-top: 30px;
    cursor: pointer;
}
/*------------------COMBO ITEMSELECT KIOSK CSS END------------------;*/


.css_oa_cmbeditsel_ex_label {
    
    font-size: small;
    max-width: 100px;
    text-align: center;
    margin-left: 30px;
}

.css_oa_cmbeditsel_ex_labelval {
    
    font-size: small;
    max-width: 100px;
    text-align: center;
    margin-right: 30px;
}


.css_oa_ol_usr_account_window_outer {
    position: relative;
    /*height: calc(100vh - 130px);*/
    max-width: 500px;
    /* border-radius: 4px; */
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    text-align: center;
    margin: 0 auto;
    padding: 0 20px;
    /* top: 30px; */
    /* left: 550px; */
    /* width: 100%; */
    /* overflow-x: hidden; */
    /* top: 0; */
    /* left: 50%; */
    /*-ms-transform: translate(-50%, 0);*/
    /* transform: translate(-50%, 0); */
    max-width: 500px;
    margin: 0 auto;
    width: 100%;
}

.css_oa_ol_usr_account_window {
    position: relative;
    width: 100%;
    /*height: calc(100vh - 165px);*/
    max-width: 500px;
    border-radius: 4px;
    background-color: #FFFFFF;
    /* box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1); */
    text-align: center;
    margin: 0 auto; 
    padding: 10px 0 10px 0;
    /* overflow-y: scroll; */
    /*overflow-x: hidden;*/
    /*-ms-overflow-style: none;
    scrollbar-width: none;*/
    /*top: 50%;*/
    /*left: 0;*/
    /*-ms-transform: translate(0, -50%);
    transform: translate(0, -50%);*/
}

.css_oa_ol_account_list_panel {
    position: relative;
    /* top: 50%; */
    /* left: 0; */
    /* width: 100%; */
    -ms-transform: translate(-50%, -50%);
    /* transform: translate(0, -50% ); */
    max-width: 800px;
    min-height: 150px;
    border-radius: 4px;
    border: 1px solid silver;
    /* box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1); */
    /* margin: 165px auto 0 auto; */
    /* padding: 100px 0; */
    text-align: center;
    margin: 20px 10px;
    /* overflow-x: hidden; */
}

.css_oa_acc_listnav_row_header {
    position: sticky;
    top: 0;
    padding-top: 10px;
    /*left: 50%;*/
    /*-ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);*/
    z-index: 10;
    background-color: white;
    border-bottom: 1px solid silver;
    width: 100%;
    border-radius: 4px 4px 0 0;
    max-width: 500px;
    margin: 0 auto;
}

.css_cldapp_usracc_contshop_row {
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    /*bottom: 10px;*/
    /* left: 0; */
    /*left: 50%;*/
    /*-ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);*/
    z-index: 10;
    background-color: white;
    border-top: 1px solid silver;
    width: 100%;
    border-radius: 0 0 4px 4px;
    max-width: 500px;
    margin: 0 auto;
}





.css_cldapp_ol_account_title {
    text-align: left;
    color: #000000;
    font-weight: 700;
    color: steelblue;
    font-size: 20px;
    margin: 5px 20px 0 20px;
}

.css_cldapp_ol_account_subtitle {
    text-align: left;
    color: darkslategray;
    font-size: 18px;
    font-weight: 600;
    margin: 0 10px;
}

.css_ccos_inapp_orderhtml_sectiontitle {
    display: flex;
    flex-direction: row;
    text-transform: uppercase;
    flex-wrap: nowrap;
    text-align: center;
    justify-content: center;
    background-color: #f3f3f3;
    padding: 10px;
    
    font-weight: 700;
    font-size: 18px;
}

.css_ccos_inapp_orderhtml_orderdetail_line {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 5px 0 5px 0;
    
    font-size: 16px;
    justify-content: space-between;
}
.css_ccos_inapp_orderhtml_ordercattitle_line {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 700;
    color: steelblue;
    text-decoration: underline;
    padding: 10px 5px 5px 5px;
    border-top: 1px solid grey;
}
    .css_ccos_inapp_orderhtml_orderdetail_lineleft {
        text-align: left;
    }
.css_ccos_inapp_orderhtml_orderdetail_lineleftdesc {
    text-align: left;
    font-size: 14px;
    margin-left: 15px;
    
    font-weight: 300;
}
.css_ccos_inapp_orderhtml_orderdetail_lineleftdepositdesc {
    text-align: left;
    font-size: 14px;
    margin-left: 15px;
    font-weight: 300;
}
.css_ccos_inapp_orderhtml_orderdetail_lineright {
    text-align: right;
}
.css_ccos_inapp_orderhtml_orderdetail_linedepositright {
    text-align: right;
    font-size: 14px;
    font-weight: 300;
}
.css_ccos_inapp_orderhtml_orderitem_line {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.css_ccos_inapp_orderhtml_orderitem_boxleft {
    text-align: left;
    display: flex;
    flex-direction: column;
}

.css_ccos_inapp_orderhtml_orderitem_lineleft {
    text-align: left;
}

.css_ccos_inapp_orderhtml_orderitem_boxright {
    text-align: right;
    display: flex;
    flex-direction: column;
}

.css_ccos_inapp_orderhtml_orderitem_lineright {
    text-align: right;
}

.css_oa_ol_account_orderview_ticket {
    
    max-width: 800px;
    min-height: 150px;
    border-radius: 4px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 0 auto 10px auto;
    padding: 10px;
    text-align: center; 
}


.css_oa_ol_account_orderview_storename {
    color: #000000;
    
    font-size: 22px;
    font-weight: 700;
    text-align: left;
}

.css_oa_ol_account_orderview_created {
    color: slategray;
    
    font-size: 14px;
    font-weight: 300;
    text-align: left;
}

.css_oa_ol_account_orderview_panel {
    
    max-width: 800px;
    min-height: 150px;
    border-radius: 4px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 0 auto 10px auto;
    padding: 10px;
    text-align: center;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
    .css_oa_ol_account_orderview_panel::-webkit-scrollbar {
        display: none;
    }


.css_cldapp_ol_account_applogoimg {
    max-height: 60px;
    position: relative;
    object-fit: contain;
    /*left: 30px;
    top: 10px;*/
}

.css_oa_ol_account_panel {
    /*margin: 20px;*/
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
    text-align: left;
}

.css_oa_ol_account_item {
    margin: 0 5px 5px 0;
    padding: 0 10px 5px 10px;
    /* border: 2px dashed gray; */
    border-bottom: 1px solid lightgray;
    /* border-radius: 12px; */
    background-color: white;
    cursor: pointer;
}

.css_oa_ol_account_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.css_oa_ol_account_item_cont {
    display: flex;
    flex-direction: column;
    padding: 5px 0 5px 0;
    border: 2px solid slategray;
    border-radius: 4px;
    width: 60px;
    max-height: 80px;
    /*margin-top: 10px;*/
    text-align: center;
    margin-right: 10px;
    background-color: cadetblue;
    color: white;
}

.css_oa_ol_account_signoutitem_cont {
    display: flex;
    flex-direction: column;
    padding: 5px 0 5px 0;
    border: 2px solid slategray;
    border-radius: 4px;
    width: 60px;
    max-height: 80px;
    /*margin-top: 10px;*/
    text-align: center;
    margin-right: 10px;
    margin-top: 5px;
    background-color: darkred;
    color: white;
}

.css_oa_ol_account_itemcnt {
    
    font-size: 16px;
    font-weight: bold;
}

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

.css_oa_ol_account_itemicn_signout {
    
    font-size: 10px;
    /*font-weight: bold;*/
}


.css_oa_ol_account_signoutitem_cont_mini {
    display: flex;
    flex-direction: column;
    /*padding: 5px 0 5px 0;
    border: 2px solid slategray;
    border-radius: 4px;
    width: 60px;
    max-height: 80px;*/
    /*margin-top: 10px;*/
    text-align: center;
    margin-top: 10px;
    margin-right: 5px;
    /*background-color: darkred;*/
    color: darkred;
    cursor: pointer;
}


.css_oa_ol_account_itemicn_mini {
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

.css_oa_ol_account_itemicn_signout_mini {
    font-size: 10px;
    cursor: pointer;
    /*font-weight: bold;*/
}

.css_oa_ol_account_txthead_cont {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.css_oa_ol_account_txt_cont {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.css_oa_ol_account_title {
    /*margin: 5px;*/
    
    font-size: 20px;
    font-weight: bold;
}

.css_oa_ol_account_value {
    position: absolute;
    right: 0;
    margin: 5px;
    
    font-size: 24px;
    font-weight: bold;
}

.css_oa_ol_account_subtitle {
    /*margin: 5px;*/
    
    font-size: 12px;
    color: gray;
}


.css_cldapp_usracc_contshop_button {
    text-align: center;
    color: darkcyan;
    font-size: 14px;
    font-weight: 600;
    width: fit-content;
    width: -moz-fit-content;
    /* height: 40px; */
    /* min-width: 40%; */
    border-radius: 8px;
    border: 2px solid darkcyan;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 10px auto;
    padding: 10px 20px;
    cursor: pointer;
}

    .css_cldapp_usracc_contshop_button:hover {
        border: 2px solid white;
        background-color: darkcyan;
        color: white;
        font-weight: 700;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.4);
    }

.css_cldapp_usracc_contshop_button_detail_cont {
    position: relative;
    text-align: center;
    margin: 0 10px;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}


.css_cldapp_loadaccount_updatefail_container {
    text-align: center;
    margin: 20px 10px;
    padding: 15px;
    border-radius: 8px;
    max-width: 600px;
    border: 1px solid gray;
    background-color: white;
    box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.2);
}

.css_cldapp_loadaccount_updatefail_icon_container {
    text-align: center;
}

.css_cldapp_loadaccount_updatefail_title {
    text-align: center;
    margin: 10px auto;
    
    font-size: 18px;
}

.css_cldapp_loadaccount_updatefail_subtitle {
    text-align: center;
    margin: 10px auto;
    
    font-size: 16px;
}

.css_cldapp_loadaccount_updatefail_smallprint {
    text-align: center;
    margin: 10px auto;
    
    font-size: 12px;
}

.css_cldapp_loadaccount_updatefail_processcode {
    text-align: center;
    margin: 10px auto;
    
    font-size: 10px;
}


.css_oa_usr_account_profile_cont {
    text-align: center;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    /*padding-top: 30px;
    margin-top: 70px;*/
}


.css_cldapp_ol_useraccount_update_butt {
    text-align: center;
    padding: 10px;
    /* height: 44px; */
    /* width: 80%; */
    max-width: 240px;
    border-radius: 8px;
    background-color: green;
    border: 2px solid white;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    margin: 30px auto 30px auto;
    cursor: pointer;
    box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.2);
}
    .css_cldapp_ol_useraccount_update_butt:hover {
        font-weight: 600;
        background-color: forestgreen;
        box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.3);
    }


.css_cldapp_ol_useraccount_delete_butt {
    text-align: center;
    padding: 8px 10px;
    /* height: 44px; */
    /* width: 80%; */
    max-width: 240px;
    border-radius: 8px;
    color: #F8644E;
    /* color: #FFFFFF; */
    border: 2px solid #F8644E;
    font-size: 16px;
    font-weight: 400;
    margin: 20px auto 30px auto;
    box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
}
    .css_cldapp_ol_useraccount_delete_butt:hover {
        font-weight: 700;
        box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.3);
    }

    .css_cldapp_ol_useraccount_delete_acc_cont {
        position: relative;
        padding: 20px;
    }
.css_cldapp_ol_useraccount_update_inst_label {
    text-align: left;
    color: darkslategray;
    font-size: 12px;
    margin-bottom: 10px;
}
.css_cldapp_ol_useraccount_delete_inst_label {
    color: darkslategray;
    font-size: 12px;
}
.css_cldapp_ol_useraccount_delete_inst_sublabel {
    color: darkslategray;
    font-size: 12px;
    padding: 10px;
    text-align: left;
}
.css_cldapp_ol_userprofile_deleteacc_link_box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 0 5px;
    /*margin: 30px 0 0 auto;*/
    margin-left: auto;
}
    .css_cldapp_ol_userprofile_deleteacc_link_txt {
    /*text-decoration: underline;*/
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
}
        .css_cldapp_ol_userprofile_deleteacc_link_txt:hover {
            font-weight: 600;
        }

        .css_cldapp_ol_userprofile_deleteacc_close_but {
            position: relative;
            /* top: 5px; */
            /* right: 5px; */
            text-align: center;
            cursor: pointer;
            margin: 10px auto;
            background-color: darkcyan;
            color: white;
            font-weight: 500;
            padding: 5px 10px;
            border: 2px solid white;
            box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.2);
        }
    .css_cldapp_ol_userprofile_deleteacc_close_but:hover {
        box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.4);
        font-weight: 600;
    }

.css_cldapp_ol_userprofile_optiosn_footer_bar {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 60px auto 5px auto;
}

.css_cldapp_ol_review_terms_link_box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0;
}

.css_cldapp_ol_review_terms_link_txt {
    /*text-decoration: underline;*/
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    margin-right: 10px;
}
    .css_cldapp_ol_review_terms_link_txt:hover{
        font-weight: 600;
    }

    .css_cldapp_ol_usrprofile_edit_entry_box {
        margin: 10px 10px 2px 10px;
        /*padding: 20px;*/
        text-align: left;
    }


.css_oa_usrloy_nonmember_cont {
    text-align: center;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    padding-top: 10px;
    margin-top: 10px;
}

.css_oa_usrloy_member_canvas {
    position: relative;
    margin-top: 10px;
    /*margin-right: 20px;*/
}

.css_oa_usrloy_member_card_img {
    border-radius: 4px;
    margin: 0 auto;
    max-width: 80%;
    /*min-width: 100px;*/
    max-height: 125px;
    box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.4);
}

.css_oa_usrloy_nonmember_card_img {
    border-radius: 8px;
    margin: 10px auto;
    max-width: 80%;
    min-width: 100px;
    box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.4);
}
.css_cldapp_oa_usrloy_member_balance_cont {
    position: relative;
}
.css_cldapp_oa_usrloy_membercard_balance_val {
    color: steelblue;
    font-family: Poppins;
    font-weight: 700;
    font-size: 48px;
    text-align:center;
}
.css_cldapp_oa_usrloy_membercard_balance_desc {
    color: steelblue;
    font-family: Poppins;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
}
.css_cldapp_oa_loycardscan_title {
    color: lightcoral;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.css_cldapp_oa_loycardscan_subtitle {
    color: dodgerblue;
    font-weight: 300;
    font-size: 14px;
}

.css_oa_loycardscan_codepnl {
    margin: auto;
    color: #000000;
    background-color: #FFFFFF;
    font-size: medium;
    padding-top: 10px;
    text-align: center;
    Cursor: pointer;
}

.css_cldapp_oa_loycardscan_bodytext {
    color: #161616;
    font-size: 10px;
    margin: 10px 0;
}


.css_cldapp_oa_loycardprofile_addcardid_panel {
    display: flex;
    flex-direction: column;
    justify-content: left;
    border: 1px solid silver;
    margin: 20px 10px;
    border-radius: 5px;
    box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.2);
}

.css_cldapp_oa_loycardprofile_addcardid_title {
    color: white;
    background-color: steelblue;
    font-size: 14px;
    font-weight: 600;
    margin: 0 auto 5px auto;
    width: 100%;
    padding: 5px;
}

.css_cldapp_oa_loycardprofile_addcardid_subtitle {
    font-size: 12px;
    font-weight: 400; 
    max-width: 60%;
    margin: 5px auto;
}

.css_cldapp_oa_loycardprofile_addcardid_update_butt {
    text-align: center;
    padding: 10px 20px;
    max-width: 240px;
    border-radius: 8px;
    background-color: green;
    border: 2px solid white;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    margin: 10px auto 20px auto;
    cursor: pointer;
    box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.2);
}

    .css_cldapp_oa_loycardprofile_addcardid_update_butt:hover {
        font-weight: 600;
        background-color: forestgreen;
        box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.3);
    }


.css_cldapp_oa_loycardprofile_addcardid_entry_label {
    color: darkslategray;
    font-size: 12px;
    font-weight: 600;
    margin-top: 5px;
}

.css_cldapp_oa_loycardprofile_addcardid_entry_text {
    margin: 0 auto 10px auto;
    box-sizing: border-box;
    border-radius: 0;
    border-width: 1px;
    border-style: solid;
    border-color: darkgray;
    color: dodgerblue;
    font-size: 16px;
    font-weight: 600;
    background-color: white;
    padding: 6px 0px 6px 0px;
    width: 80%;
    text-align: center;
}

.css_cldapp_oa_loycardprofile_addcardid_warning_label {
    margin-left: 10px;
    color: red;
    font-size: 12px;
}


.css_cldapp_oa_loycardprofile_addloyalty_butt {
    text-align: center;
    padding: 10px 20px;
    max-width: 240px;
    border-radius: 8px;
    background-color: green;
    border: 2px solid white;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    margin: 10px auto 10px auto;
    cursor: pointer;
    box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.2);
}

    .css_cldapp_oa_loycardprofile_addloyalty_butt:hover {
        font-weight: 600;
        background-color: forestgreen;
        box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.3);
    }


.css_app_reqloyaddmember_usrprf_tandc_link_box {
    margin: 10px auto 10px 0;
    padding: 0 10px;
    text-align: left;
}

.css_app_reqloyaddmember_usrprf_tandc_link_labelcont {
    margin: 0;
}
.css_app_reqloyaddmember_usrprf_tandc_link_label {
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}

.css_app_reqloyaddmember_usrprf_butt_line {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 10px auto 10px auto;
    justify-content: center;
    text-align: center;
}
.css_app_reqloyaddmember_usrprf_ptitle {
    color: #000000;
    font-size: 22px;
    font-weight: 600;
    text-align: left;
    margin: 15px auto 0 10px;
}

.css_app_reqloyaddmember_usrprf_psubtitle {
    color: #4A4A4A;
    font-size: 16px;
    text-align: left;
    margin: 5px auto 10px 10px;
    min-height: 50px;
}



.css_oa_payacc_nocards_cont {
    text-align: center;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    padding-top: 30px;
    margin-top: 70px;
}

.css_oa_payacc_nocards_txt {
    color: darkslategrey;
    
    font-size: 16px;
    font-weight: 300;
    margin: 10px;
}



.css_oa_payusracc_saveditem_canvas {
    position: relative;
    margin-top: 10px;
    margin-right: 20px;
    padding: 5px;
}

.css_oa_payusracc_ecomm_saveditem_innercont {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    text-align: left;
    /*max-width: 500px;*/
    justify-content: space-between;
}

.css_oa_payusracc_saveditem_cont {
    position: relative;
    display: block;
    text-align: left;
    max-width: 400px;
    /*width: 100%;
    max-width: 300px;*/
    /*height: 70px;*/
    margin-top: 10px;
    /*margin-right: 10px;
    margin-left: 10px;*/
    padding: 10px;
    min-width: 230px;
    /*cursor: pointer;*/
    color: #4A4A4A;
    /* border-radius: 4px; */
    background-color: #FFFFFF;
    border: 1px solid #D2D2D2;
    border-radius: 6px;
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
}

    .css_oa_payusracc_saveditem_cont:hover {
        border: 1px solid green;
        /*color: white;
        background: linear-gradient( 225deg, #64F84E 0%, #4bb83b 100%);*/
    }

.css_oa_payusracc_saveditem_cardimg_cont {
    /*cursor: pointer;
    float: right;*/
    /*margin: 5px;*/
    /*position: absolute;
    top: 5px;
    left: 10px;*/
    margin-right: 10px;
}

.css_oa_payusracc_saveditem_cardimg {
    max-width: 80px;
    object-fit: contain;
}

.css_oa_payusracc_saveditem_cardicn {
    max-width: 80px;
    object-fit: contain;
}

.css_oa_payusracc_saveditem_txt_cont {
    display: flex;
    flex-direction: column;
}

.css_oa_payusracc_saveditem_lbl {
    color: darkslategray;
    
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    /*cursor: pointer;*/
    margin-bottom: 0;
    /*position: absolute;
    top: 5px;
    left: 40px;*/
}

.css_oa_payusracc_saveditemexp_lbl {
    color: slategray;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 0;
}

.css_oa_payusracc_saveditemvalidstore_lbl {
    color: white;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0;
    background-color: darkgoldenrod;
    border-radius: 2px;
    padding: 1px 4px;
    border: 1px solid darkslategrey
}
.css_oa_payusracc_saveditem_sublbl {
    color: darkslategray;
    
    font-size: 14px;
    font-weight: 500;
    /*cursor: pointer;*/
    margin-bottom: 0;
    /*position: absolute;
    top: 35px;
    left: 10px;*/
}

.css_oa_payusracc_saveditem_carddetails_box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}


.css_oa_payusracc_saveditem_cardicn_cont {
    /*cursor: pointer;
    float: right;*/
    /*margin: 5px;*/
    /*position: absolute;
    top: 5px;
    left: 10px;*/
    margin-right: 10px;
}

.css_oa_payusracc_saveditem_cardimg {
    max-width: 30px;
    object-fit: contain;
}

.css_oa_payusracc_saveditem_nav_remove {
    /*margin: 10px 0 0 0;*/
    cursor: default;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 2px solid lightgrey;
    height: 100%;
    padding: 20px;
    border-radius: 0 6px 6px 0;
    /*z-index: 1000;*/
}

.css_oa_payusracc_savedcard_txt_cont {
    display: flex;
    flex-direction: column;
}


.css_oa_payacc_saveditem_canvas {
    position: relative;
    margin-top: 10px;
    /*margin-right: 20px;*/
}




.css_oa_usracc_savedaddr_canvas {
    position: relative;
    margin-top: 10px;
    margin-right: 20px;
    padding: 5px;
}

.css_oa_usracc_savedaddr_innercont {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    text-align: left;
    /*max-width: 500px;*/
    justify-content: space-between;
}

.css_oa_usracc_savedaddr_cont {
    position: relative;
    display: block;
    text-align: left;
    max-width: 400px;
    /*width: 100%;
    max-width: 300px;*/
    /*height: 70px;*/
    margin-top: 10px;
    /*margin-right: 10px;
    margin-left: 10px;*/
    padding: 10px;
    min-width: 230px;
    /*cursor: pointer;*/
    color: #4A4A4A;
    /* border-radius: 4px; */
    background-color: #FFFFFF;
    border: 1px solid #D2D2D2;
    border-radius: 6px;
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
}

    .css_oa_usracc_savedaddr_cont:hover {
        border: 1px solid green;
        /*color: white;
        background: linear-gradient( 225deg, #64F84E 0%, #4bb83b 100%);*/
    }

.css_oa_usracc_savedaddr_cardimg_cont {
    /*cursor: pointer;
    float: right;*/
    /*margin: 5px;*/
    /*position: absolute;
    top: 5px;
    left: 10px;*/
    margin-right: 10px;
}

.css_oa_usracc_savedaddr_cardimg {
    max-width: 80px;
    object-fit: contain;
}

.css_oa_usracc_savedaddr_cardicn {
    max-width: 80px;
    object-fit: contain;
}

.css_oa_usracc_savedaddr_txt_cont {
    display: flex;
    flex-direction: column;
}

.css_oa_usracc_savedaddr_lbl {
    color: darkslategray;
    
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    /*cursor: pointer;*/
    margin-bottom: 0;
    /*position: absolute;
    top: 5px;
    left: 40px;*/
}


.css_oa_usracc_savedaddr_carddetails_box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}


.css_oa_usracc_savedaddr_cardicn_cont {
    /*cursor: pointer;
    float: right;*/
    /*margin: 5px;*/
    /*position: absolute;
    top: 5px;
    left: 10px;*/
    margin-right: 0;
}


.css_oa_usracc_savedaddr_nav_remove {
    /*margin: 10px 0 0 0;*/
    cursor: default;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 2px solid lightgrey;
    height: 100%;
    padding: 30px 10px;
    border-radius: 0 6px 6px 0;
    /*z-index: 1000;*/
}

.css_oa_usracc_savedaddr_txt_cont {
    display: flex;
    flex-direction: column;
}




.css_oa_acc_listnav_row_title_cont {
    display: flex;
    flex-direction: column;
}

.css_oa_acc_listnav_row {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.css_oa_acc_listnav_row_left {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.css_oa_acc_listnav_row_right {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.css_oa_acc_listnav_row_title {
    color: #000000;
    
    font-size: 22px;
    font-weight: 700;
    text-align: left;
    line-height: 22px;
    margin-top: 12px;
}

.css_oa_acc_listnav_row_subtitle {
    color: slategray;
    
    font-size: 14px;
    font-weight: 300;
    text-align: left;
}

.css_oa_acc_listnav_row_subtext {
    color: darkslategrey;
    
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    margin: 10px;
    border-top: 1px solid lightslategrey;
    padding-top: 5px;
}

.css_oa_ol_account_listitem_inner_subtext {
    color: darkslategrey;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    margin: 5px 10px;
    border: 1px solid lightslategrey;
    border-radius: 4px;
    padding: 5px 10px;
}


.css_oa_navbackcont {
    margin: 10px 5px 0 0;
}

.css_oa_acc_navbackcont {
    position: relative;
    cursor: pointer;
    margin: 10px 5px;
    /* padding-top: 5px; */
    color: steelblue;
    background-color: white;
    border-radius: 20px;
    height: 36px;
}
    .css_oa_acc_navbackcont:hover {
        color: white;
        background-color: steelblue;
    }

    .css_oa_acc_navbackcont_arrow {
        position: absolute;
        top: 6px;
        left: 6px;
    }

.css_oa_acc_navbackcont_circle {
    /*position: absolute;
    top: 0;
    left: 0;*/
    /*margin-right: 10px;*/
}

.css_oa_acc_navbackcont_lbl {
    position: absolute;
    top: 4px;
    left: 25px;
    color: dodgerblue;
    
    font-size: 12px;
    cursor: pointer;
}



.css_oa_ol_usracc_offers_panel {
    /*margin: 20px;*/
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
    margin-top: 10px;
    text-align: left;
}

.css_oa_ol_usracc_offer_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.css_oa_ol_usracc_offer_icon {
    max-height: 100px;
    max-width: 100px;
    margin-left: 5px;
}

.css_oa_ol_usracc_offer_txt_cont {
    display: flex;
    flex-direction: column;
}

.css_oa_ol_usracc_offer_mini_banner {
    /*background-color: #E2B144; */
    padding: 5px 0;
    margin-bottom: 30px;
    max-width: 830px;
    width: 100%;
    margin: 0 auto 5px auto;
    /* padding-left: 15px; */
    /* padding-right: 15px; */
    box-sizing: border-box;
    
    font-size: 12px;
    font-weight: 600;
    color: white;
    text-align: center;
    text-transform: uppercase;
}

.css_oa_ol_usracc_offer_item {
    margin: 5px;
    /*padding: 10px;*/
    border: 1px dashed gray;
    /* border-radius: 12px; */
    background-color: #F0F0F0;
    cursor: pointer;
}

.css_oa_ol_usracc_offer_title {
    margin: 0 5px;
    
    font-size: 22px;
    font-weight: 500;
}

.css_oa_ol_usracc_offer_subtitle {
    margin: 0 5px;
    
    font-size: 14px;
}

.css_oa_ol_usracc_offer_button_terms {
    text-align: left;
    /* padding-top: 5px; */
    height: 40px;
    margin-left: 5px;
    /* width: 220px; */
    /* border-radius: 8px; */
    /* background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%); */
    color: slategrey;
    
    font-size: 12px;
    text-decoration: underline;
    /* box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%); */
    Cursor: pointer;
}

    .css_oa_ol_usracc_offer_button_terms:hover {
        color: dodgerblue;
    }


.css_brandapp_appmenu_blogo {
    max-height: 80px;
}


.css_oa_addprod_selposcontainer {
    width: 100%;
}

.css_oa_addprod_selpos_canvas {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-height: 300px;
}

.css_cldapp_ol_pagemodal_setup_blk {
    position: relative;
    margin: 20px 0 10px 0;
    width: 100%;
    text-align: center;
}

.css_cldapp_ol_pagemodal_setup_blk_close_but {
    position: relative;
    border-radius: 6px;
    border: solid 2px darkgray;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: rgba(0,0,0,0.7); /*linear-gradient(25deg, #49ff35 0%, #4cbd08 100%);*/
    color: #FFFFFF;
    font-family: Poppins;
    font-size: 16px;
    width: 120px;
    height: 30px;
    margin: 10px auto 10px auto;
    cursor: pointer;
    /*padding-top: 10px;*/
    text-align: center;
}

    .css_cldapp_ol_pagemodal_setup_blk_close_but:hover {
        background-color: gray;
    }

.css_cldapp_ol_pagemodal_setup_blk_addlibimg_but {
    position: relative;
    border-radius: 6px;
    border: solid 2px darkgray;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background-color: green;
    color: #FFFFFF;
    
    font-size: 16px;
    width: 120px;
    height: 30px;
    margin: 10px auto 10px auto;
    cursor: pointer;
    /*padding-top: 10px;*/
    text-align: center;
}

    .css_cldapp_ol_pagemodal_setup_blk_addlibimg_but:hover {
        background-color: forestgreen;
    }

.css_cldapp_ol_pagemodal_setup_blk_viewlibimg_but {
    position: relative;
    border-radius: 6px;
    border: solid 2px darkgray;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background-color: steelblue;
    color: #FFFFFF;
    
    font-size: 16px;
    width: 120px;
    height: 30px;
    margin: 10px auto 10px auto;
    cursor: pointer;
    /*padding-top: 10px;*/
    text-align: center;
}

    .css_cldapp_ol_pagemodal_setup_blk_viewlibimg_but:hover {
        background-color: lightsteelblue;
    }

.css_cldapp_ol_pagemodal_setup_blk_save_but {
    position: relative;
    border-radius: 6px;
    border: solid 2px darkgray;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: dodgerblue;
    color: #FFFFFF;
    font-family: Poppins;
    font-size: 20px;
    width: 120px;
    height: 45px;
    padding-top: 5px;
    margin: 10px auto 10px auto;
    cursor: pointer;
    /*padding-top: 10px;*/
    text-align: center;
}

    .css_cldapp_ol_pagemodal_setup_blk_save_but:hover {
        background-color: darkgreen;
    }

.css_cldapp_ol_pagemodal_setup_blk_savecat_but {
    position: relative;
    border-radius: 6px;
    border: solid 2px darkgray;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: dodgerblue;
    color: #FFFFFF;
    font-family: Poppins;
    font-size: 16px;
    width: 180px;
    height: 45px;
    padding-top: 9px;
    margin: 10px auto 10px auto;
    cursor: pointer;
    /*padding-top: 10px;*/
    text-align: center;
}

    .css_cldapp_ol_pagemodal_setup_blk_savecat_but:hover {
        background-color: darkgreen;
    }



.css_cldapp_ol_pagemodal_setup_blk_title {
    color: rgba(0,0,0,0.7);
    font-family: Poppins;
    font-size: 24px;
    font-weight: bold;
}



.css_cldapp_ol_pagemodal_setup_canvas_footer {
    height: 80px;
}

.css_cldapp_ol_pagemodal_setup_canvas {
    position: relative;
    /*height: 100%;*/
    width: 100%;
    text-align: center;
    margin: 50px auto 50px auto;
    -ms-overflow-style: none;
}

    .css_cldapp_ol_pagemodal_setup_canvas::-webkit-scrollbar {
        display: none;
    }



.css_cldapps_ol_appset_mode_panel {
    text-align: center;
    width: 200px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}


.css_cldapp_ol_pagemodal_setup_bgimg_preview {
    max-width: 200px;
    max-height: 200px;
}

.css_cldapp_ol_setprevbg_imgname {
    width: 100%;
    text-align: left;
    color: #000000;
    font-family: Poppins;
    font-size: 10px;
    margin: 10px;
}



.css_cldapp_ol_pagemodal_setup_bndlogo_preview {
    max-width: 100px;
    max-height: 100px;
}

.css_cldapp_ol_setprevbndlogo_imgname {
    width: 100%;
    text-align: center;
    color: #000000;
    font-family: Poppins;
    font-size: 14px;
    margin: 10px;
}

.css_cldapp_ol_hmetopspacer_size_slidecontainer {
    width: 100%;
}


.css_cldapp_ol_ordnowbut_slider {
    -webkit-appearance: none;
    width: 100px;
    height: 25px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

    .css_cldapp_ol_ordnowbut_slider:hover {
        opacity: 1;
    }

    .css_cldapp_ol_ordnowbut_slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 25px;
        height: 25px;
        background: dodgerblue;
        cursor: pointer;
    }

    .css_cldapp_ol_ordnowbut_slider::-moz-range-thumb {
        width: 25px;
        height: 25px;
        background: dodgerblue;
        cursor: pointer;
    }


.css_cldapp_ol_pagemodal_setup_general_text {
    margin: 0 auto 10px auto;
    box-sizing: border-box;
    border-radius: 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: darkgray;
    font-size: 16px;
    font-family: Poppins;
    font-weight: 500;
    background-color: white;
    padding: 6px 0px 6px 0px;
    width: 80%;
}

    .css_cldapp_ol_ordnowbut_slidecontainer {
        width: 100%;
    }


.css_brandapp_vpos_login_home {
    width: 100%;
    height: 100%;
    /*background: #F8F8F8;*/
    padding: 20px;
}



.css_oa_vposu_drop {
    width: 80%;
    max-width: 280px;
    height: 50px;
    margin: auto;
    text-align: left;
    border-radius: 4px;
    border: 2px solid silver;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    color: steelblue;
    font-family: 'Poppins';
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
}

.css_oa_vposu_ptext {
    width: 80%;
    max-width: 300px;
    height: 50px;
    margin: auto;
    font-size: 26px;
    border-radius: 4px;
    border: 2px solid silver;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}
.css_app_vlogin_labels {
    font-size: 16px;
    max-width: 800px;
    margin: 10px auto 0 auto;
    color: steelblue;
    font-weight: 500;
}

.css_oa_vposu_login_butt {
    text-align: center;
    padding-top: 10px;
    box-sizing: border-box;
    height: 45px;
    width: 80%;
    max-width: 280px;
    border: 2px solid silver;
    border-radius: 8px;
    color: white;
    background-color: steelblue;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}
    .css_oa_vposu_login_butt:hover {
        font-weight: 600;
        text-decoration: underline;
    }

.css_oa_vposu_login_notice_pnl {
    margin: 10px;
    padding: 10px;
    text-align: center;
    font-family: 'Poppins';
    color: darkred;
    font-size: 14px;
}


.css_brandapp_tableservice_home {
    width: 100%;
    height: 100%;
    /*background: #F8F8F8;*/
    /*padding: 10px;*/
}


.captivaappbuild_fd_tablerow {
    height: 60px;
}

.captivaappbuild_fd_table_cell {
    height: 60px;
    font-size: smaller;
    margin: 0;
}
 
.css_oa_basket_termpay_panel_headline {
    text-align: center;
    color: darkslategray;
    font-family: Poppins;
    font-size: 24px;
    font-weight: 600;
    margin: 10px auto 20px auto;
}
.css_oa_basket_termpay_panel_subheadline {
    text-align: center;
    color: darkslategray;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    margin: 20px auto 10px auto;
}
.css_oa_basket_termpay_panel {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /*height: 100%;*/
    width: 100%;
    max-width: 800px;
    margin: 10px auto;
    padding-top: 0px;
    background-color: whitesmoke;
    border: 1px solid rgba(255, 255, 255, 0.2);
    text-align: center;
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    /*border-radius: 4px 4px 4px 4px;*/
}
.css_oa_basket_termpay_pedimg_panel {
    width: 50%;
    margin: auto;
    padding: 20px;
}
.css_oa_basket_termpay_pedimg_img{
    max-height: 300px;
}
.captivaappbuild_paymentkeypad_panel {
    display: flex;
    flex-direction: column;
    width: 50%;
    /* height: 600px; */
    margin: 0px;
    padding: 10px;
    margin-top: 0px;
    padding-top: 5px;
    background-color: #fff;
    border-left: 1px solid rgba(0,0,0,0.07);
    /* border-radius: 3px; */
    /* box-shadow: 0 1px 2px #808080; */
}
.css_oa_lbltransinteracttitle {
    text-align: center;
    color: darkslategrey;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;

}
.css_oa_lbltransinteractsubtitle {
    text-align: center;
    color: darkslategrey;
    font-family: Poppins;
    font-size: 16px;
}
.css_oa_lbltransinteractsubinfo {
    text-align: center;
    color: darkslategrey;
    font-family: Poppins;
    font-size: 16px;
}
.css_oa_intrans_broadcast_panel{
    display: flex;
    flex-direction: column;
    text-align: center;
}
.captivaappbuild_paymentkeypad_lcd {
    width: 100%;
    height: 160px;
    margin: 10px auto;
    padding: 10px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 3px;
    box-shadow: 0 1px 2px #808080;
}


.captivaappbuild_paymentprocessing_broadcast_text {
    font-size: 16px;
    color: steelblue;
    text-align: center;
    font-weight: 500;
    margin: 10px auto;
}

.captivaappbuild_paymentprocessing_broadcast_msg {
    font-size: 20px;
    color: steelblue;
    text-align: center;
    font-weight: 700;
    margin: 10px auto;
}


.captivaappbuild_payment_processing {
    width: 100%;
    max-width: 800px;
    height: 100%;
    /* min-height: 400px; */
    margin: 10px auto 10px auto;
    padding: 10px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 3px;
    box-shadow: 0 1px 2px #808080;
}

.captivaappbuild_paymentinteract {
    /*overflow-y: scroll;*/
    overflow-x: hidden;
    /*height: 100%;*/
    width: 100%;
    min-width: 230px;
    border-radius: 0px 0px 3px 3px;
    padding-top: 20px;
}
    .captivaappbuild_paymentinteract::-webkit-scrollbar {
        display: none;
    }

.captivaappbuild_interactkeypad_button {
    width: 50px;
    height: 50px;
    margin: 5px;
    padding: 10px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 3px;
    box-shadow: 0 1px 2px #808080;
    cursor: pointer;
}


.captivaappbuild_interactkeypad_button_text {
    font-size: 18px;
    color: #808080;
    top: 20px;
    text-align: center;
}

.captivaappbuild_interactkeypad_minibutton_text {
    text-align: center;
    font-family: Quicksand;
    font-size: 8px;
    color: #808080;
}

.captivaappbuild_paymentkeypad_buttons {
    width: 100%;
    min-height: 400px;
    margin: 10px auto;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 3px;
    box-shadow: 0 1px 2px #808080;
}


.css_oa_kp_payfull_div {
    text-align: center;
    padding-top: 10px;
    height: 44px;
    width: 80%;
    min-width: 150px;
    max-width: 240px;
    border-radius: 8px;
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    color: #FFFFFF;
    font-family: Poppins;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

    .css_oa_kp_payfull_div:hover {
        color: white;
        /*background: linear-gradient(225deg, #bf4570 0%, ]#c4503f 100%);*/
        background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    }


.captivaappbuild_paymentkeypadtable {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}


.captivaappbuild_paymentkeypad_button {
    width: 60px;
    height: 60px;
    margin: 0;
    background-color: #fff;
}

.captivaappbuild_paymentkeypad_button_inner {
    width: 50px;
    height: 50px;
    margin: 5px;
    padding: 10px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 3px;
    box-shadow: 0 1px 2px #808080;
    cursor: pointer;
}


.captivaappbuild_paymentkeypad_button_text {
    font-size: 18px;
    color: #808080;
    top: 20px;
    text-align: center;
}



.captivaappbuild_paymentkeypad_minibutton_text {
    text-align: center;
    font-family: Quicksand;
    font-size: 8px;
    color: #808080;
}

.css_oa_paykp_reqnot_pnl {
    margin: 20px;
    padding: 10px;
    text-align: center;
    font-family: Poppins;
    color: #e50000;
    font-size: 12px
}

.captivaappbuild_paykp_next_res_text {
    font-size: 14px;
    color: darkred;
    top: 20px;
    text-align: center;
}


.css_oa_kp_paynow_div {
    text-align: center;
    padding-top: 10px;
    height: 44px;
    width: 80%;
    min-width: 150px;
    max-width: 240px;
    border-radius: 8px;
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    color: #FFFFFF;
    font-family: Poppins;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

    .css_oa_kp_paynow_div:hover {
        color: white;
        /*background: linear-gradient(225deg, #bf4570 0%, ]#c4503f 100%);*/
        background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    }



.captivaappbuild_paymentmethod {
    width: 90%;
    /*height: 100%;*/
    margin: 15px auto 15px auto;
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 3px;
    box-shadow: 0 1px 2px #808080;
}


.css_oa_payment_icons {
    text-align: center;
}

.css_oa_payment_icon {
    max-height: 40px;
}


.css_oa_paybycard_div {
    text-align: center;
    padding-top: 10px;
    box-sizing: border-box;
    height: 44px;
    width: 80%;
    border-color: black;
    min-width: 150px;
    max-width: 240px;
    border: 1px solid #000000;
    border-radius: 8px;
    color: #000000;
    background-color: #FFFFFF;
    font-family: Poppins;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

    .css_oa_paybycard_div:hover {
        color: white;
        background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    }


.css_oa_paybycash_div {
    text-align: center;
    padding-top: 10px;
    box-sizing: border-box;
    height: 44px;
    width: 80%;
    border-color: black;
    min-width: 150px;
    max-width: 240px;
    border: 1px solid #000000;
    border-radius: 8px;
    color: #000000;
    background-color: #FFFFFF;
    font-family: Poppins;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

    .css_oa_paybycash_div:hover {
        color: white;
        background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    }


.css_oa_paynow_div {
    text-align: center;
    padding-top: 10px;
    height: 44px;
    width: 80%;
    min-width: 150px;
    max-width: 240px;
    border-radius: 8px;
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    color: #FFFFFF;
    font-family: Poppins;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

    .css_oa_paynow_div:hover {
        color: white;
        /*background: linear-gradient(225deg, #bf4570 0%, ]#c4503f 100%);*/
        background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    }



.css_oa_paylater_div {
    text-align: center;
    padding-top: 10px;
    box-sizing: border-box;
    height: 44px;
    width: 80%;
    border-color: black;
    min-width: 150px;
    max-width: 240px;
    border: 1px solid #000000;
    border-radius: 8px;
    color: #000000;
    background-color: #FFFFFF;
    font-family: Poppins;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

    .css_oa_paylater_div:hover {
        color: white;
        background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    }

.css_oa_addprod_selpos_butt_hot {
    text-align: center;
    padding-top: 8px;
    height: 40px;
    width: 60px;
    max-width: 240px;
    border-radius: 8px;
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    color: #FFFFFF;
    font-family: Poppins;
    font-size: 16px;
    margin: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}


.css_oa_addprod_selpos_butt_reg {
    text-align: center;
    padding-top: 8px;
    box-sizing: border-box;
    height: 40px;
    width: 60px;
    max-width: 240px;
    border: 1px solid #D2D2D2;
    border-radius: 8px;
    color: #000000;
    font-family: Poppins;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}


.phubpedit_int_image {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 30px;
    width: 30px;
    margin-top: 0;
    /*background-color: rgba(0,0,0,0.07);*/
    border: none;
    /*border-radius: 4px 4px 4px 4px;*/
    margin: 5px;
    cursor: pointer;
}

.phubpedit_int_icndiv {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 30px;
    width: 30px;
    margin-top: 0;
    /*background-color: rgba(0,0,0,0.07);*/
    border: none;
    /*border-radius: 4px 4px 4px 4px;*/
    margin: 5px;
    cursor: pointer;
}


.captivaappbuild_payment_interact_canvas {
    height: 100%;
    width: 100%;
    min-width: 230px;
}

.captivaappbuild_intact_button_div {
    /*height: 100%;*/
    width: 100%;
    min-width: 200px;
    max-width: 300px;
    border-radius: 3px 3px 3px 3px;
    margin: 10px auto 20px auto;
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 2px #808080;
    cursor: pointer;
}



.captivaappbuild_intact_button_heading {
    text-align: center;
    font-family: Poppins;
    color: #4A4A4A;
    font-size: 18px;
    width: 100%;
    cursor: pointer;
}

.captivaappbuild_intact_button_subheading {
    text-align: center;
    font-family: Poppins;
    color: #666666;
    font-size: 12px;
    width: 100%;
    cursor: pointer;
}

.captivaappbuild_intact_button_subtext {
    text-align: center;
    font-family: Poppins;
    color: #9B9B9B;
    font-size: 10px;
    width: 100%;
    cursor: pointer;
}




@media (max-width: 600px) {

    .css_app_ol_timeslots_none_available_notice_cont{
        margin: 20px;
    }

    .css_oa_basket_termpay_pedimg_panel {
        display: none;
    }

    .css_oa_basket_termpay_panel {
        justify-content: center;
    }

    .captivaappbuild_paymentkeypad_panel {
        width: 100%;
    }

    .captivaappbuild_orderpayments_options{
        margin-bottom: 10px;
    }

    .css_app_reqloyaddmembermod_butt_yes {
        flex-direction: column;
    }
    .css_app_reqloyaddmembermod_butt_no {
        flex-direction: column;
    }

    .css_app_reqloyaddmembermod_canvas {
        width: 100%;
        padding: 30px 10px;
    }

    .css_cldapp_ol_pagefooter_button_l {
        left: 5px;
    }
    .css_cldapp_ol_pagefooter_button_cont {
        margin-right: 5px;
    }

    .css_cldapp_ol_inmenu_popup_overlay_canvas {
        top: 2vh;
        left: 2vw;
        border-radius: 8px;
        height: calc(100vh - 4vh);
        width: calc(100vw - 4vw);
        opacity: 0.25;
    }
    .css_cldapp_ol_inmenu_popup_overlay_txt_cont_cc_bg{
        max-width: 90vw;
        padding: 20px;
    }
    .css_cldapp_ol_inmenu_popup_overlay_txt_cont_cc {
        max-width: 90vw;
        padding: 20px;
    }
    .css_cldapp_ol_inmenu_popup_overlay_txt_title{
        font-size: 24px;
    }
    .css_cldapp_ol_inmenu_popup_overlay_txt_subtitle{
        font-size: 18px;
    }


    .css_oa_combo_editor_itemselector {
        /*height: unset;*/
    }
    .css_oa_combo_edit_main_cont{
        /*height: unset;*/
    }

    .css_app_cbkprodselfooter_depositlbl {
        font-size: 12px;
    }

    .css_app_cbkprodselfooter_deposit {
        font-size: 12px;
    }
    .css_cldapp_usracc_contshop_row {
        bottom: 0;
    }

    .css_oa_deltme_tmeslt_box::-webkit-scrollbar {
        display: none;
    }

    .css_oa_scroll_basketchkout_cont {
        display: none;
    }

    .css_oa_srollup_orderpayments {
        display: none;
    }

    .css_oa_srolldn_orderpayments {
        display: none;
    }
    .css_oa_srollup_catalogueitems {
        display: none;
    }

    .css_oa_srolldn_catalogueitems {
        display: none;
    }
    .css_oapp_cbkeditscrollpanel{
        display: none;
    }
    .div_combomaineditscrollpanel {
        display: none;
    }
    .css_oa_srollup_comboeditItemselector {
        display: none;
    }
    .css_oa_srolldn_comboeditItemselector {
        display: none;
    }

        .css_app_editaltelement_clear_hot {
            padding-top: 5px;
        }
    .css_oa_cbk_edit_ingsecprod {
        width: 45%;
        max-width: 260px;
    }
    .css_oa_cmbedit_titlebox_prodname {
        font-size: 14px;
    }

    .css_oa_cmbedit_titlebox_prodinstruct {
        font-size: 10px;
    }

    .css_oa_cbk_edit_ingsecprod_hot {
        width: 45%;
        max-width: 260px;
    }
    .css_oa_cbk_edit_ingsecprodname{
        font-size: 12px;
    }
    .css_oa_radio_sublbl {
        font-size: 12px;
    }

    .css_oa_radio_sublbl_ct {
        font-size: 12px;
    }
    .css_oa_selcustomtime_box {
        font-size: 12px;
    }
}


@media (max-width: 576px) {

    .captivaappbuild_catsidemenu {
        display: none;
    }
}

@media (max-width: 768px) {

    body {
        overflow: unset;
    }

    .css_cldapp_ol_appdevice_loader_inner{
        width: 80%;
    }

    .css_cldapp_ol_pagemodal_bg {
        display: none;
    }

    /*.css_cldapp_ol_appmode_enabled_pagemodal_bg {
        shown if enabled in app mode
    }*/

    .css_oa_ol_home_top_spacer {
        /*height: 180px;*/
    }


    .css_brandapp_storemenus {
        padding: 5px;
    }

    .shopping-basket {
        margin: 0;
        width: 100%;
        max-width: 400px;
        height: unset;
        overflow-x: unset;
    }
    .captivaappbuild_basketitems {
        border: unset;
    }
    .css_oa_loc_sd_adrbox{
        max-height: unset;
    }
    .css_chooseordtype_buttonpanel {
        width: 100%;
        height: 90%;
    }

    .css_storemenu_menutitle {
        font-size: 14px;
    }

    .basket_item_name {
        font-size: 18px;
    }

    .css_oa_cmb_edit_infopnl {
        display: none;
    }
    .css_oa_cmb_edit_secpnl{
        min-height: unset;
    }
    .css_oapp_combomaineditscrollpanel {
        display: none;
    }

         
    .shopping-catalogue {
        width: 100%;
    }


    .css_cldapp_ol_appdevice_startsplashvideo_left{
        margin: unset;
        width: 100%;
        object-fit: cover;
    }
    .css_cldapp_ol_appdevice_startsplashvideo_center {
        margin: unset;
        width: 100%;
        object-fit: cover;
    }
    .css_cldapp_ol_appdevice_startsplashvideo_right {
        margin: unset;
        width: 100%;
        object-fit: cover;
    }

    .css_basket_checkout {
        /*height: unset;*/ /* MJA scroll issue */
    }
    .css_oa_loc_box {
        max-height: unset;
        overflow-x: unset;
    }
    .css_oa_nadr_box {
        max-height: unset;
        overflow-x: unset;
    }

    .css_oa_deltme_box {
        max-height: unset;
        overflow-x: unset;
    }

    .css_oa_op_messages_box {
        max-height: unset;
        overflow-x: unset;
    }

    .css_oa_op_custquestions_box {
        max-height: unset;
        overflow-x: unset;
    }

    .css_oa_op_custanswers_box {
        max-height: unset;
        overflow-x: unset;
    }

    .css_oa_op_userverify_box {
        max-height: unset;
        overflow-x: unset;
    }

    .css_oa_op_pay_box {
        /*max-height: unset;*/  /*MJA scroll issue*/ 
        /*overflow-x: unset;*/ /* MJA scroll issue */
    }
    .css_cldapp_ol_pagemodal_users {
        margin-top: 0;
        background-color: #FFFFFF;
        height: 100vh;
        overflow-x: hidden;
    }

    .css_oa_usracc_savedaddr_canvas {
        /*margin-top: 90px;*/
    }
    .css_oa_ol_usracc_offers_panel {
        /*padding-top: 60px;*/
    }

    .css_oa_ol_usrorders_panel {
        /*padding-top: 60px;*/
    }
    .css_oa_usrloy_member_canvas {
        /*padding-top: 60px;*/
    }
    .css_oa_acc_listnav_row_header {
    }
    .css_oa_ol_account_orderview_panel{
        margin-top: 50px;
    }
    .css_cldapp_ol_signup{
        /*max-height: unset;*/
        box-shadow: unset;
        /*overflow-x: unset;*/
    }
    .captivaappbuild_basketitems {
        /*height: unset;*/ /* MJA scroll issue */
        /*height: calc(100vh - 190px);*/
    }
    .css_div_basket_container_inner{
        background-color: white;
    }
    .captivaappbuild_basket_rsidepanel {
        display: none;
    }
    .css_brandapp_ordparams_box {
        margin-top: 0;
        width: 100vw;
        background-color: white;
        margin: 0;
    }

    .css_oa_op_pay_box {
        /*max-height: 100vh;*/
        margin-top: 0;
        padding-bottom: 70px;
    }

    .captivaappbuild_catsidemenu {
        display: none;
    }
}


@media (max-width: 992px) {

    .captivaappbuild_catalogueitems {
        max-width: 790px;
    }

     
    }



@media (max-width: 1100px) {
    .css_oa_srolltoend_checkout_payments_butt {
        right: 30vw;
    }
}

    @media (min-width: 1200px) {
        .captivaappbuild_catalogueitems {
            max-width: 970px;
        }
    }

    @media (max-width: 500px) {


        .css_app_reqloyaddmembermod_tandc_link_box {
            margin: 30px auto 0 10px;
        }
        .css_app_reqloyaddmember_usrprf_tandc_link_box {
            margin: 10px auto 10px 0;
        }

        .css_cldapp_ol_checkout_tandc_link_labelcont {
            margin: 0;
        }

        .css_cldapp_ol_checkout_tandc_email_box {
            margin: 0 auto 0 0;
        }

        .css_oa_srolltoend_checkout_payments_butt {
            right: 10px;
        }

        .css_cldapp_ol_pagemain_canvas {
            height: unset;
        }



        .css_cldapp_ol_pagecontent_container {
            position: relative;
            height: unset;
            top: unset;
            left: unset;
        }

        .css_cldapp_ol_appoptions_screens_canvas {
            padding: 0;
            height: unset;
        }


        .css_brandaction_panel_container {
            padding: 0 0 0 0;
            border-radius: 0px;
            margin: 0;
            position: relative;
            top: unset;
            left: unset;
            max-height: unset;
            /*overflow-x: hidden;*/
            -ms-transform: unset;
            transform: unset;
            width: 100%;
        }

        .css_brandaction_panel_container_inner {
            border: unset;
            box-shadow: unset;
            /*max-height: 90vh;*/
            max-height: unset;
            overflow-x: unset;
            padding: 0;
        }




        .css_oa_usr_account_profile_cont {
            border-bottom: 1px solid silver;
        }

        .css_oa_ol_account_list_panel {
            margin: 0;
            border: unset;
        }

        .css_oa_usrloy_member_card_img {
            max-height: 100px;
            margin: auto;
        }

        .css_app_cmbavailrecomm_canvas {
            width: unset;
        }

        .css_app_cmbavailrecomm_detail {
            margin: 100px 10px 10px 10px;
        }

        .css_app_cmbavailrecomm_usrmsgtitle_cont {
            padding: 10px;
        }

        .css_oa_cmbavailrecomm_item_button {
            width: 90%;
            font-size: 12px;
        }

        .css_app_cmbavailrecomm_p_customise_hot {
            width: 90%;
            font-size: 12px;
        }

        .css_app_cmbavailrecomm_usrmsgsubtitle {
            padding: 10px;
        }

        .css_oa_nadr_predict_entry_text {
            width: 300px;
        }

        .css_oa_nadr_predict_entry_text_err {
            width: 300px;
        }

        .css_appcatalogue_homeelement_holder {
            margin: 5px auto;
            width: 48%;
        }

        .css_appcatalogue_homeelement_mediapanel_holder {
        }

        .css_appcatalogue_homeelement_holder_x2 {
            margin: 5px auto;
            width: 96%;
        }

        .css_appcatalogue_homeelement_panel {
            width: unset;
            max-width: unset;
            margin: unset;
        }

        .css_appcatalogue_homeelement_image_pip_img {
            max-height: 270px;
        }

        .css_appcatalogue_element_holder {
            width: 100%;
        }

        .css_appcatalogue_element_panel {
            width: 96%;
            max-width: unset;
            border-radius: 0;
            margin: 2px auto;
            border-radius: 4px;
            padding: 4px;
            border: 1px solid silver;
        }

        .css_appcatalogue_element_inner_panel {
            position: relative;
            flex-direction: row;
            flex-wrap: nowrap;
            /*justify-content: space-between;*/
        }

        .css_appcatalogue_element_image_pip_img {
            max-height: 200px;
        }

        .css_appcatalogue_element_detail_panel {
            display: flex;
            flex-direction: column;
            margin-top: 0;
            margin-left: 5px;
        }

        .css_appcatalogue_element_image_img {
            max-width: 80px;
        }

        .css_oa_cmbedit_itembox_prodname_notsel {
            font-size: 18px;
        }

        .css_oa_cmbedit_itembox_assocprod_lbl_sel {
            font-size: 12px;
        }

        .css_oa_cbk_edit_infopnl {
            display: none;
        }

        .css_app_ol_success_res_ordersummdetail {
            font-size: 16px;
        }

        .css_oa_ol_centerpaneltitle {
            font-size: 18px;
            margin-left: 10px;
            margin-top: 5px;
        }

        .css_oa_ol_centerpanelsub {
            font-size: 12px;
            margin-left: 10px;
            margin-right: 10px;
        }


        .css_oa_appsts_banner {
            height: 30px;
            padding-top: 8px;
            font-size: 12px;
        }

        .css_oa_ol_main_ordernowbutton_hot_sml {
            border-width: 1px;
        }

        .css_oa_ol_main_ordernowbutton_hot_med {
            border-width: 1px;
        }

        .css_oa_ol_main_ordernowbutton_hot_lrg {
            border-width: 1px;
        }


        /*.css_oa_ol_boilerplate_holder_top {
            width: 80%;
        }
        .css_oa_ol_boilerplate_holder_center {
            width: 80%;
        }
        .css_oa_ol_boilerplate_holder_bottom {
            width: 80%;
        }*/
        .css_cldapp_pl_app_options_logo {
            max-width: 60px;
        }

        .css_oa_menulist_det {
            border-right: none;
        }

        .css_cldapp_ol_signin {
            border-radius: unset;
            box-shadow: unset;
            padding: 10px;
            height: 100%;
            /*max-height: unset;*/
        }

        .css_cldapp_ol_signin_applogoimg {
            max-height: 50px;
        }

        .css_cldapp_ol_signin_title {
            margin: 10px;
        }

        .css_cldapp_ol_signin_subtitle {
            font-size: 12px;
            margin: 10px;
        }

        .css_cldapp_ol_signin_entry_box {
        }

        .css_cldapp_ol_signin_button_hot {
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .css_cldapp_ol_signin_linkbox {
            padding: 5px;
        }



        .css_oa_app_links_div {
            margin: 5px;
            font-size: 12px;
        }

        .css_cldapp_ol_intcontactus_applogoimg {
            max-height: 30px;
        }

        .css_cldapp_ol_intcontactus_sendmsglbl {
            font-size: 12px;
        }

        .css_cldapp_ol_intcontactus_panel {
            padding: 5px;
        }

        .css_cldapp_ol_brandinfomodal_box {
            padding: 0px;
        }

        .css_brandinfo_panel_container {
            margin: unset;
        }

        .css_brandinfo_panel_container_inner {
            padding: 5px;
        }

        .css_cldapp_ol_setup_section_boxmini {
            padding: 5px;
            margin: 5px;
        }

        .css_cldapp_ol_pagemodal_setup_section_desc {
            font-size: 10px;
        }

        .css_cldapp_ol_pagemodal_setup_cont {
            padding: 0;
        }

        .css_cldapp_ol_pagemodal_setup_section_box {
            padding: 5px;
            margin: 5px;
        }

        .css_cldapp_ol_pagemodal_setup_section_boxmini {
            padding: 5px;
            margin: 5px;
        }

        .css_oa_cmbeditsel_itembox_cont {
            margin-left: 5px;
        }

        .css_oa_cmbeditsel_itembox_proddesc {
            font-size: 12px;
            font-weight: 400;
        }

        .css_oa_cmbedit_itemlist_changebox {
            right: 0px;
        }

        .css_oa_cmbedit_itemlist_customisebox {
            right: 70px;
        }

        .css_cldapp_ol_oa_combo_editor_canvas {
            padding: 0 10px 15px 10px;
            /*position: fixed;*/
            top: 0;
            margin-top: 0 !important;
            /*height: 100vh;
            height: 100dvh;*/
        }

        .css_cldapp_ol_oa_combo_editor_canvas_top {
            position: sticky;
        }

        .css_oa_cbk_info_pricefootercont {
            /*position: fixed;*/
        }

        .css_cldapp_ol_oa_cookbook_editor_canvas_top {
            position: sticky;
        }

        .css_oa_cbk_edit_ingpnl {
            /*height: calc(100vh - 270px);*/
            /*height: 100%;*/
            /*overflow-x: scroll;*/
            /*padding-bottom: 0 !important;*/
        }

        .css_cldapp_ol_oa_cookbook_editor_canvas {
            position: fixed;
            margin-top: 0 !important;
        }

        .div_appsel_op_userverify_title {
            display: none;
        }

        .captivaappbuild_userverifyoptions_desc {
            font-size: 14px;
        }

        .css_oa_ordver_email_head {
            font-size: 16px;
        }

        .css_oa_ordver_email_desc {
            font-size: 12px;
        }

        .css_oa_ordver_desc {
            font-size: 12px;
        }

        .css_oa_ordver_cont {
            padding: 5px;
        }

        .css_oa_ordver_head {
            font-size: 16px;
        }

        .div_appsel_op_userverify_title_or {
            font-size: 18px;
        }

        .css_oa_basket_additionalnext_button_reg {
            width: 170px;
        }

        .css_oa_basket_next_button_reg {
            /*width: 170px;*/
            padding: 10px 40px;
            font-size: 14px;
        }
        .css_oa_basket_next_button_sendnow {
            padding: 10px 40px;
            font-size: 14px;
        }
        .css_oa_basket_prev_button_reg {
            /*width: 80px;*/
            padding: 10px 20px;
            font-size: 14px;
        }

        .css_oa_deltme_box {
            padding-left: 0;
        }

        .css_oa_loc_box {
            padding-top: 10px;
        }

        .css_oa_ctme_box {
            padding-left: 0;
            padding-top: 10px;
            margin-left: 10px;
        }

        .captivaappbuild_messagesoptions {
            margin-top: 0px;
            margin-left: 0px;
        }

        .css_app_selordtype_panel {
            padding-left: 0;
            padding-top: 0;
        }

        .css_oa_ordparam_head {
            font-size: 16px;
        }

        .css_oa_loc_st_box_title {
            font-size: 12px;
        }

        .css_cldapp_ol_topmenu_title {
            font-size: 16px;
        }

        .css_cldapp_ol_map_info_orderid_textdiv {
            font-size: 12px;
        }

        .css_cldapp_ol_map_info_orderaddrmain_textdiv {
            font-size: 10px;
            font-weight: 300;
            top: 50px;
        }

        .css_app_selordertype_button {
            /*height: 130px;*/
            width: 100%;
            margin: 5px auto 5px auto;
            padding: 20px;
        }

        .css_app_selordertype_button_hot {
            height: 130px;
            width: 100%;
            margin: 5px auto 5px auto;
            padding: 20px;
        }

        .css_app_selordertype_buttonimg {
            height: 20px;
        }

        .css_app_selordertype_button_sel {
            /*height: 130px;*/
            width: 100%;
            margin: 5px auto 5px auto;
            padding: 20px;
        }


        .css_app_prodselector_canvas {
            margin: 0;
            padding: 0 0 5px 0;
            width: 100%;
        }

        .css_app_prodselector_image {
            /*max-height: unset;
            width: 100%;
            border-radius: 5px 5px 0 0;*/
            max-height: 150px;
            min-width: 150px;
        }

        .css_app_prodselector_ptitle {
            font-size: 20px;
            padding: 10px 10px 0 10px;
        }

        .css_app_prodselector_psubtitle {
            padding: 0 10px 0 10px;
            font-size: 12px;
            font-weight: 300;
        }

        .css_app_prodselector_qtypricebar {
            margin: 0 20px 10px 10px;
        }


        .css_app_prod_suggestions_ptitle {
            font-size: 14px;
        }

        .css_app_prod_suggestions_pdesc {
            font-size: 10px;
        }

        .css_app_prod_suggestions_pprice {
            line-height: 18px;
        }

        .captivaappbuild_catalogueitems {
            max-width: 100%;
        }

        .css_cldapp_ol_shopping_catalogue_canvas {
            width: 100%;
        }

        .css_oa_links_bar_cont {
            color: black !important;
            background-color: white !important;
        }

        .captivaappbuild_cathomepanel {
            width: 165px;
            margin: 10px 5px 0 0;
        }

        .css_cldapp_ol_pagefooter_links_canvas {
            bottom: -5px;
        }

        .css_brandapp_storelist_canvas {
            padding-bottom: 100px;
        }

        .css_brandaction_panel_title {
            font-size: 14px;
            margin-top: 10px;
            text-align: center;
            width: 100%;
            padding-top: 10px;
        }

        .css_brandaction_panel_subtitle {
            font-size: 10px;
            margin-top: 10px;
        }



        .css_brandinfo_panel_title {
            font-size: 14px;
            /*margin-top: 10px;*/
            text-align: center;
            min-width: 120px;
        }

        .css_brandinfo_panel_subtitle {
            font-size: 10px;
            margin-top: 10px;
        }

        .css_cldapp_ol_intdoc_cont {
            /*padding: 0;*/
        }

        .css_cldapp_ol_intdoc_panel {
            /*padding: 5px;*/
        }

        .css_cldapp_ol_intdoc_content {
            font-size: 12px;
        }

        .css_cldapp_ol_intcontactus_itemtitle {
            font-size: 16px;
            padding: 2px;
        }

        .css_cldapp_ol_intcontactus_item {
            padding: 2px;
        }

        .css_cldapp_ol_intcontactus_usrmsg {
            margin: 5px 20px 20px 0;
            min-width: 150px;
        }

        .css_cldapp_ol_intcontactus_usrmsg_sendbutt {
            font-size: 16px;
            /*margin: 5px 10px 10px 0;*/
            /*cursor: pointer;*/
            /*padding-top: 10px;*/
            /*text-align: center;*/
        }

        .css_cldapp_ol_start_selordertype_button {
            padding: 10px 10px 10px 10px;
            margin: 5px auto 5px auto;
            /*height: 120px;*/
            width: 80vw;
        }

        .css_cldapp_ol_start_selordertype_button_med {
            padding: 10px 10px 10px 10px;
            margin: 5px auto 5px auto;
            /*height: 140px;*/
            width: 80vw;
        }

        .css_cldapp_ol_start_selordertype_button_lrg {
            padding: 10px 10px 10px 10px;
            margin: 5px auto 5px auto;
            /*height: 145px;*/
            width: 80vw;
        }

        .css_kstart_ordtype_buttonpanelbox {
            padding: 5px;
        }

        .css_cldapp_ol_start_selordertype_buttonimg {
            height: 30px;
        }

        .css_cldapp_ol_start_selordertype_buttonimg_med {
            height: 40px;
        }

        .css_cldapp_ol_start_selordertype_buttonimg_lrg {
            height: 50px;
        }

        .css_clsapp_ol_apact_but_svcnote {
            font-size: 12px;
        }

        .css_clsapp_ol_apact_but_desc {
            font-size: 12px;
        }

        .css_clsapp_ol_apact_but_desc_med {
            font-size: 14px;
        }

        .css_clsapp_ol_apact_but_desc_lrg {
            font-size: 16px;
        }

        .css_clsapp_ol_apact_but_title {
            font-size: 16px;
        }

        .css_clsapp_ol_apact_but_title_med {
            font-size: 18px;
        }

        .css_clsapp_ol_apact_but_title_lrg {
            font-size: 20px;
        }

        .css_kstart_ordtype_buttonpanel {
            margin-top: 0;
            margin-bottom: 0;
        }

        .css_oa_ol_signedin_panel {
            padding: 5px;
        }

        .css_oa_ol_signedin_loyalty_panel {
            margin: 5px;
        }

        .css_oa_ol_signedin_loyalty_item {
            margin: 5px;
            padding: 5px;
        }

        .css_oa_ol_signedin_loyalty_title {
            margin: 3px;
            font-size: 18px;
        }

        .css_oa_ol_signedin_loyalty_subtitle {
            margin: 3px;
            font-size: 12px;
        }

        .css_oa_ol_signedin_loyalty_points {
            margin: 3px;
            font-size: 16px;
        }

        .css_oa_ol_signedin_loyalty_stamp_img {
            max-width: 20px;
            max-height: 20px;
        }

        .csslbl_stores_title {
            font-size: 20px;
        }

        .csslbl_stores_subtitle {
            font-size: 16px;
        }

        .css_brandapp_storemenustitle {
            margin: 5px;
            /*min-height: 60px;*/
        }

        .css_brandapp_storemenustitleimg {
            max-height: 40px;
            /*right: 10px;*/
        }

        .css_cldapps_ol_storeview_mode_panel {
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .css_brandapp_storelist {
            padding: 0;
            /*max-height: 100vh;
        max-height: 100dvh;*/
        }

        .css_brandapp_storelist_canvas {
            /*max-height: unset;*/
        }

        .css_brandapp_sl_storeorderbutton {
            width: 100px;
            padding-top: 5px;
            height: 33px;
            font-size: 12px;
        }

        .css_brandapp_sl_storebuttonsdiv {
            height: 30px;
        }


        .css_brandapp_sl_storeimage_noimg {
            height: 40px;
            width: 40px;
        }

        .css_brandapp_sl_storeimage {
            height: 40px;
            width: 40px;
        }


        .css_storemenu_orderbutton_hot {
            width: 80%;
        }

        .css_brandapp_sl_store_cont {
            margin: 2px;
        }

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

        .css_oa_mnup_adr {
            font-size: 10px;
        }

        .css_storemenu_menutitle {
            font-size: 16px;
        }

        .css_app_reaskmktcon_image {
            max-height: 50px;
        }

        .css_cldapp_ol_modalmsg_applogoimg {
            max-height: 50px;
        }

        .css_cldapp_ol_modalmsg_title {
            font-size: 20px;
            margin: 0 5px;
        }

        .css_cldapp_ol_modalmsg_subtitle {
            font-size: 14px;
            margin: 0 5px;
        }

        .css_cldapp_ol_modalmsg_bodytext {
            text-align: left;
            color: #161616;
            font-size: 14px;
            margin: 5px;
        }


        .css_cldapp_ol_modalprodrestrict_applogoimg {
            max-height: 50px;
        }

        .css_cldapp_ol_modalprodrestrict_title {
            font-size: 16px;
            margin: 0 5px;
        }

        .css_cldapp_ol_modalprodrestrict_subtitle {
            font-size: 14px;
            margin: 0 5px;
        }

        .css_cldapp_ol_modalprodrestrict_bodytext {
            text-align: left;
            color: #161616;
            font-size: 14px;
            margin: 5px;
        }


        .css_cldapp_ol__block_order_functions_section {
            margin-left: 10px;
        }


        .css_cldapp_ol_modalordertypealert_title {
            font-size: 20px;
            margin: 0 5px;
        }

        .css_cldapp_ol_modalordertypealert_subtitle {
            font-size: 14px;
            margin: 10px 5px;
        }

        .css_cldapp_ol_modalordertypealert_bodytext {
            text-align: left;
            /*color: darkslategray;*/
            font-size: 14px;
            margin: 5px;
        }

        .css_cldapp_ol_modalordertypealert_insttext {
            text-align: left;
            color: slategray;
            font-size: 14px;
            margin: 5px;
        }
        .css_ol_app_orderprocessalert_notice_continue {
            padding: 10px 20px;
        }
        .css_ol_app_orderprocessalert_notice_stop {
            padding: 10px 20px;
        }
        .css_appsel_orderparam_tpnl {
            display: none;
        }

        .css_ol_app_messagesoptionheadertext {
            display: none;
        }



        .css_appcatalogue_itempanel {
            /*height: 140px;*/
            width: 100%;
            max-width: none;
        }

        .css_appcatalogue_itempanel_incimg {
            /*height: 300px;*/
            width: 100%;
            max-width: none;
        }

        .css_appcatalogue_itempanel_textdiv {
            max-width: 340px;
            color: #000000;
            font-size: 14px;
            padding: 20px;
            min-height: 150px;
        }

        .captivaappbuild_cathomepanel_incimg {
            width: 165px;
            margin: 10px 5px 0 0;
        }




        .captivaappbuild_cathomepanel_canvas {
            /*overflow-x: unset;*/
            padding: 5px;
            /*display: block;*/
        }

        .captivaappbuild_catpanel_canvas {
            /*overflow-x: unset;*/
        }

        .captivaappbuild_catalogueitems {
            /*overflow-x: unset;*/ /* MJA scroll issue */
            height: unset; /* MJA scroll issue */
            /*height: calc(100vh - 160px);*/
            padding-top: 20px;
        }

        .captivaappbuild_catsidemenu {
            overflow-x: unset;
        }


        .captivaappbuild_cataloguehome {
            padding: 10px 0 100px 0;
        }

        .captivaappbuild_cataloguehome_inner {
            overflow-x: unset; /* MJA scroll issue */
            height: 100%; /* MJA scroll issue */
        }

        .captivaappbuild_cathomepanelv2 {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            min-height: 65px;
            width: 45%;
            /* border-right: .1px solid lightgray; */
            /* border-bottom: 1px solid lightgray; */
            border-radius: unset;
            /*background-color: #FFFFFF;*/
            box-shadow: unset;
            margin: 5px;
            /*cursor: pointer;*/
        }


        .captivaappbuild_cathomepanelimagev2 {
            max-width: unset;
            border-radius: unset;
        }

        .captivaappbuild_cathomepanelitem_textdivv2 {
        }

        .captivaappbuild_cathomepanelitem_textlblv2 {
        }

        .css_appcatalogue_addpanel_homev2 {
        }




        .css_appcatalogue_addpanelv2 {
        }

        .css_appcatalogue_itempanel_v2 {
            width: 96%;
            max-width: unset;
            border-radius: 0;
            margin: 2px auto;
            border-radius: 4px;
            padding: 4px;
            border: 1px solid silver;
            /* padding-top: 5px; */
            /* border-top: 1px solid grey; */
            /* padding-left: 5px; */
        }

        .css_appcatalogue_itempanel_imagev2 {
            float: right;
            max-height: 100px;
            border-radius: 4px;
            margin-left: 5px;
        }

        .css_appcatalogue_itempanel_textdivv2 {
            display: unset;
            flex-direction: unset;
        }

        .css_appcatalogue_itempanel_textlblv2 {
            display: block;
            margin-top: 10px;
        }

        .css_appcatalogue_itempanel_subtextlblv2 {
            display: block;
            height: unset;
            max-height: unset;
        }

        .css_appcatalogue_itempanel_pricelblv2 {
        }


        .captivaappbuild_bskt_btmmenu_disc_pnlimg {
            height: 25px;
            margin-left: 0;
        }

        .css_cldapp_ol_orderprocessalert_title{
            font-size: 14px;
        }
        .captivaappbuild_bskt_btmmenu_disc_text {
            font-size: 12px;
        }
        .captivaappbuild_bskt_btmmenu_disc_text_highlight {
            font-size: 12px;
        }
        
        .captivaappbuild_bskt_btmmenu_disc_pnl {
            margin: 10px 10px 10px 10px;
        }
        .captivaappbuild_bskt_btmmenu_disc_pnl_highlight {
            margin: 10px 10px 10px 10px;
        }
        .captivaappbuild_bskt_loy_cashdisc_chkout_pnl {
            margin: 10px 10px 10px 0;
        }

        .css_oa_bskt_loy_disc_chkout_card_img {
            width: 75px;
            /*image-rendering: pixelated;*/
        }

        .css_oa_bskt_loy_disc_chkout_title {
            font-size: 14px;
        }

        .css_oa_bskt_loy_disc_chkout_subtitle {
            font-size: 12px;
        }

        .css_oa_bskt_loy_disc_chkout_balance {
            font-size: 18px;
        }

        .css_oa_bskt_loy_disc_chkout_balance_subtxt {
            font-size: 10px;
        }

        .css_oa_bskt_loy_disc_chkout_balance_box {
            padding: 5px 10px;
        }

        .css_oa_bskt_loy_cashdisc_chkout_card_img {
            width: 75px;
        }

        .css_oa_bskt_loy_cashdisc_chkout_title {
            font-size: 14px;
        }

        .css_oa_bskt_loy_cashdisc_chkout_subtitle {
            font-size: 12px;
        }

        .css_oa_bskt_loy_cashdisc_chkout_balance {
            font-size: 18px;
        }

        .css_oa_bskt_loy_cashdisc_chkout_balance_subtxt {
            font-size: 10px;
        }

        .css_oa_bskt_loy_cashdisc_chkout_balance_box {
            padding: 5px 10px;
        }

        .captivaappbuild_bskt_btmmenu_tip_title {
            font-size: 14px;
        }

        .captivaappbuild_bskt_btmmenu_tip_subtitle {
            font-size: 10px;
        }

        .captivaappbuild_bskt_btmmenu_tips_butt {
            margin: 2px;
            min-width: 35px;
            padding: 2px;
        }


        .captivaappbuild_bskt_btmmenu_tips_butt_nt {
            margin: 2px;
            min-width: 35px;
            padding: 2px;
        }

        .css_oa_bskt_tip_butt_title_nt {
            font-size: 10px;
        }

        .css_oa_bskt_tip_butt_subtitle {
            font-size: 10px;
        }

        .captivaappbuild_bskt_btmmenu_tips_buttbar {
            padding: 2px;
        }

        .css_oa_bskt_tip_butt_title {
            font-size: 10px;
        }

        .css_oa_bskt_tip_butt_title_m {
            font-size: 10px;
        }

        .captivaappbuild_bskt_tips_sellbl {
            font-size: 12px;
        }

        .css_cldapp_ol_pagefooter_title {
            font-size: 14px;
            max-width: 160px;
            /*margin-top: 7px;*/
        }

        .css_cldapp_ol_pagefooter_title_noitems {
            /*margin-top: 7px;*/
            max-width: 180px;
        }

        .css_cldapp_ol_pagefooter_title_r {
            font-size: 18px;
        }

        .css_cldapp_ol_pagefooter_deposittext_r {
            font-size: 10px;
        }

        .css_cldapp_ol_pagefooter_title_l {
            top: 5px;
            font-size: 18px;
        }

        .css_cldapp_ol_pagefooter_subtitle_l {
            font-size: 10px;
            line-height: 10px;
        }

        .css_cldapp_ol_pagefooter_goback_subtitle_l {
            font-size: 10px;
            line-height: 10px;
        }

        .css_cldapp_ol_pagefooter_title_checkout_cont {
            font-size: 12px;
            margin: 0 auto;
            /*padding-top: 5px;*/
        }

        .css_cldapp_ol_pagefooter_title_l {
            font-size: 14px;
        }

        .css_cldapp_ol_pagefooter_items_l {
            padding-right: 5px;
        }

        .css_cldapp_ol_pagefooter_title_cont {
            justify-content: flex-start;
        }

        .css_oa_payopt_onlinecard_item_cont {
            margin: 10px 10px 10px 10px;
        }

        .css_oa_payopt_item_cont {
            margin: 10px 10px 10px 10px;
        }

        .css_oa_payopt_item_v2_cont {
            margin: 10px 10px 10px 10px;
        }

        .css_oa_payopt_nosend_item_cont {
            margin: 10px 10px 10px 10px;
        }

        .basket_item_image {
            height: 60px;
            width: 60px;
        }

        .css_basket_image_cont {
            width: 60px;
        }

        .basket_item_image_none {
            /*display: none;*/
            width: 60px;
        }


        .basket_item_desc {
            width: 100%;
            margin: 1px 0;
            padding-left: 4px;
        }


        .basket_item_qty {
            margin: 1px 0;
        }

        .basket_item_name {
            font-size: 14px;
        }

        .basket_item_delete_btn {
            padding: 0 2px 0 0;
        }

        .basket_item_edit_btn {
            padding: 0 2px 0 0;
        }

        .basket_item_price {
            font-size: 14px;
            padding-top: 0;
            padding-right: 0;
            font-weight: 600;
        }

        .basket_item_deposit_price {
            font-size: 10px;
        }

        .basket_item_subdesc {
            font-size: 10px;
        }



        .css_cldapp_ol_psel_button_detail_cont {
            margin: 0 5px;
        }


        .css_app_prodselector_p_add {
            font-size: 10px;
            height: 40px;
            padding: 10px 5px;
        }

        .css_app_prodselector_p_customise {
            font-size: 10px;
            height: 40px;
            padding: 10px 5px;
        }

        .css_app_prodselector_p_customise_hot {
            font-size: 10px;
            height: 40px;
            padding: 10px 5px;
        }
    }


    @media (max-width: 400px) {

        .css_cldapp_cat_setup_section_boxmini {
            margin: 10px 0 0 0;
            padding: 5px;
        }

        .css_oa_cbk_edit_ingsecprod {
            width: 90%;
            max-width: 300px;
        }

        .css_oa_cbk_edit_ingsecprod_hot {
            width: 90%;
            max-width: 300px;
        }

        .css_oa_cbk_edit_ingsecprodname {
            font-size: 12px;
        }

        .captivaappbuild_basket_totals_panel_payscn {
            padding: 0;
        }

        .captivaappbuild_basket_totals_panel_payscn_labels {
            margin: 0 10px;
            /*margin-right: 10px;*/
        }

        .captivaappbuild_basket_totals_panel_payscn_st {
            padding: 5px 10px;
        }

        .captivaappbuild_basket_totals_panel_payscn_depositfee {
            padding: 0 10px;
        }

        .captivaappbuild_bskt_btmmenu_addchg {
            padding: 5px 10px;
        }

        .captivaappbuild_basket_totals_panel_payscn_disc_pnl {
            padding: 5px 10px;
        }



        .captivaappbuild_basket_totals_panel_payscn_tot {
            padding: 20px;
        }

        .captivaappbuild_bskt_btmmenu_tot {
            padding: 10px;
        }

        .captivaappbuild_bskt_btmmenu_minorder_note {
            padding: 10px;
        }

        .css_oa_ol_account_list_panel {
            padding: 5px;
        }

        .css_oa_ol_usr_account_window_outer {
            /*height: 100vh;*/
            padding: 0;
            /*margin: 0 auto;*/
        }

        .css_cldapp_ol_pagemodal_content {
            padding-top: 0;
        }

        .css_cldapp_ol_disccode_verify_butt {
            /*padding: 3px;*/
            max-width: 50%;
            margin: 10px auto;
        }

        .css_cldapp_ol_disccode_entry_text {
            margin: auto;
        }

        .css_cldapp_ol_disccode_entry_cont {
            display: flex;
            flex-direction: column;
            /*flex-wrap: nowrap;*/
            justify-content: center;
        }

        .css_oa_ol_usrorder_value {
            display: none;
        }

        .css_oa_ol_usrorder_title {
            font-size: 14px;
        }

        .css_cldapp_ol_pagemodal_offernotice_box {
            width: 100%;
            margin: unset;
            padding: 20px;
        }

        .css_brandapp_sl_storename {
            font-size: 14px;
        }

        .css_brandapp_sl_storeaddr {
            font-size: 10px;
        }

        .css_brandapp_sl_storeopenhrs {
            font-size: 10px;
        }

        .css_brandapp_storemenu_row {
            padding: unset;
        }


        .css_cldapp_ol_appdevice_loader {
            border-radius: unset;
            border: unset;
            box-shadow: unset;
        }

        .css_oa_cbkedit_titlebox_prodinstruct {
            font-size: 10px;
        }

        .css_oa_cmbedit_itembox_prodname {
            font-size: 16px;
        }
    }

    @media (max-width: 300px) {
        .css_basket_image_cont {
            display: none;
        }
    }


    @media (min-height: 1500px) {
        .css_cldapp_ol_pagefooter_canvas {
            min-height: 200px;
        }

        .css_cldapp_ol_shoppingfooter_canvas_inner {
            height: 200px;
        }

        .captivaappbuild_basketitems {
            /*height: calc(100vh - 400px);*/
        }

        .css_oa_srolldn_catalogueitems {
            bottom: 220px;
        }

        .captivaappbuild_basket_rsidepanel {
            display: none;
        }

        .captivaappbuild_catsidemenu {
            height: calc(100vh - 300px);
        }

        .captivaappbuild_catalogueitems {
            margin-top: 0;
            /*height: calc(100vh - 300px);*/
        }

        .css_oa_orderpayments_scrollbut_dnicon {
            bottom: 120px;
        }
    }

    .cssresvcss_css_oa_app_page {
        display: block !important;
        text-rendering: optimizeLegibility;
    }

    .cssresvcss_css_oa_app_page_preload {
        display: none !important;
    }

    .cssresvcss_css_cldapp_ol_page_captivapreloader_bg {
        background-color: white !important;
        display: none !important;
        z-index: -10000 !important;
    }


.cssresvcss_css_oa_app_page_final {
    display: block;
}
.cssresvcss_css_oa_app_page_preload_final {
    display: none;
}