@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');



body {
}


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

@-webkit-keyframes mapareaspin-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 mapareaspin-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;
    }
}

css_gen_spinner_cont {
    margin: 10px auto;
}

.css_gen_spinner_title {
    font-size: 14px;
    font-weight: 400;
    font-family: Poppins;
    text-align: center;
    margin: 10px auto;
}

.css_gen_spinner_spinner {
    margin: 10px auto;
    width: 35px;
}

.css_gen_spinner_footer {
    font-size: 10px;
    font-weight: 400;
    font-family: Poppins;
    text-align: center;
    margin: 10px auto;
}


.RadGrid a.bookNowLink:visited,
.RadGrid a.bookNowLink:link,
.RadGrid a.bookNowLink:hover,
.RadGrid a.bookNowLink:active {
    text-decoration: none;
    text-transform: uppercase;
}


.css_svcmgr_accountselector_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_svcmgr_modalaccountselector_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_svcmgr_modalaccountselector_align {
    margin: 10px auto;
    text-align: left;
    padding: 10px;
}

.css_svcmgr_modalaccountselector_title {
    font-size: 14px;
    font-weight: 500;
    margin: 10px 0 0 0;
}

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

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

.css_loymgr_accountselector_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_loymgr_modalaccountselector_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_loymgr_modalaccountselector_align {
    margin: 10px auto;
    text-align: left;
    padding: 10px;
}

.css_loymgr_modalaccountselector_title {
    font-size: 14px;
    font-weight: 500;
    margin: 10px 0 0 0;
}

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

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


.captiva_loyaltymgr_section_details {
    font-family: Quicksand;
    font-size: 12px;
    margin: 0px;
    padding: 5px;
}

.css_appmgr_inapp_promos_editor {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.css_appmgr_inapp_promo_editor_setting_switch {
    font-size: 14px;
    padding-top: 3px;
}

.css_appmgr_inapp_promo_editor_entryline {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    border-top: 1px solid white;
    padding-top: 10px;
    margin-top: 40px;
}

.css_appmgr_inapp_promo_editor_entry_icon {
    text-align: center;
    margin: 10px;
}

.css_appmgr_inapp_promo_editor_entry_title {
    text-align: left;
    font-size: 22px;
    font-weight: 500;
    font-family: Poppins;
    padding-top: 10px;
    color: white;
}

.css_appmgr_inapp_promo_editprops_cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}


.css_appmgr_inapp_promo_editor_setup_section_box {
    position: relative;
    border: 2px solid lightgrey;
    border-radius: 6px;
    margin: 10px;
    font-weight: 300;
    padding: 0 20px;
    background-color: white;
}

.css_appmgr_inapp_promo_editor_setup_section_boxmini {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid #D2D2D2;
    /*border-radius: 6px;*/
    margin: 0 auto 10px auto;
    padding: 10px 20px;
    text-align: left;
}

.css_appmgr_inapp_promo_editor_setup_section_border {
    margin: 5px auto;
    /*padding: 5px;*/
}

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

.css_appmgr_inapp_promo_fieldname_lbl {
    font-size: 14px;
    margin: 0px;
    padding: 5px 5px 0 0;
    font-weight: 500;
    font-family: Poppins;
}

.css_appmgr_inapp_promo_editor_popup_icn {
    cursor: pointer;
    padding-top: 5px;
    text-decoration: none;
}

.css_appmgr_inapp_promo_editor_setup_input_text {
    margin: 0;
    box-sizing: border-box;
    /*border-radius: 5px 5px 5px 5px;*/
    border-width: 1px;
    border-style: solid;
    border-color: gray;
    font-size: 14px;
    background-color: white;
    padding: 6px 10px 6px 10px;
    width: 100%;
}

.css_appmgr_inapp_promo_editor_setup_unlimited_code_section_boxmini {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid #D2D2D2;
    /*border-radius: 6px;*/
    margin: 0 auto 10px auto;
    padding: 10px 20px;
    text-align: left;
}

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

.css_appmgr_inapp_promo_unlimited_code_fieldname_lbl {
    font-size: 14px;
    margin: 0px;
    padding: 5px 5px 0 0;
    font-weight: 500;
    font-family: Poppins;
}

.css_appmgr_inapp_promo_editor_setup_unlimited_code_input_text {
    margin: 0;
    box-sizing: border-box;
    /*border-radius: 5px 5px 5px 5px;*/
    border-width: 1px;
    border-style: solid;
    border-color: gray;
    font-size: 14px;
    background-color: white;
    padding: 6px 10px 6px 10px;
    width: 100%;
}

.css_appmgr_inapp_promo_editor_setup_validwarning_box {
    position: relative;
    border: 2px solid white;
    margin: 10px auto;
    padding: 10px 20px 8px 20px;
    text-align: left;
    max-width: 500px;
    background-color: darkgoldenrod;
    color: white;
    font-weight: 400;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.css_appmgr_inapp_promo_editor_setup_validwarning_icon {
    padding: 2px 0 0 0;
}

.css_appmgr_inapp_promo_editor_setup_validwarning_lbl {
    color: white;
    margin-left: 10px;
    margin-top: 3px;
    font-weight: 400;
}

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

.css_appmgr_inapp_promo_editor_instruction_text {
    font-size: 16px;
    font-weight: 600;
    color: steelblue;
    margin: 0;
    padding: 0;
}

.css_appmgr_inapp_promo_editor_save_section_border {
    border: 2px solid green;
    border-radius: 6px;
    margin: 5px auto;
    padding: 5px;
}


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

.css_appmgr_inapp_promo_editor_butt_delete {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 10px 10px 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_appmgr_inapp_promo_editor_butt_delete:hover {
        color: white;
        background-color: crimson;
        font-weight: 600;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 1);
    }


.css_appmgr_inapp_promo_editor_butt_save {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 10px auto 10px 10px;
    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_appmgr_inapp_promo_editor_butt_save:hover {
        color: white;
        background-color: green;
        font-weight: 600;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 1);
    }

.css_appmgr_inapp_promo_editor_butt_icon {
    margin-right: 5px;
}

.css_appmgr_inapp_promo_editor_butt_label {
    margin-left: 5px;
}


.css_inapp_promos_edit_list_canvas {
    display: flex;
    flex-direction: column;
    text-align: left;
    height: 100%;
    /*max-width: 80vw;*/
    height: calc(100vh - 150px);
    border: 2px solid white;
    border-radius: 8px;
    background-color: cadetblue;
    padding: 10px;
    margin: 5px auto 5px 0;
    border-top: 1px solid silver;
    position: relative;
    /*width: 100%;*/
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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

.css_inapp_promos_edit_panel_canvas {
    display: flex;
    flex-direction: column;
    /*flex-wrap: wrap;*/
    justify-content: flex-start;
    text-align: left;
    /*max-width: 50%;*/
    /*max-width: 80vw;*/
    margin: 0;
    position: relative;
    /*-ms-transform: translate(-50%, -50%);*/
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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


.css_inapp_promos_edit_noitems_panel_cont {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    min-height: 60px;
    margin: 30px auto;
}

.css_inapp_promos_edit_noitems_panel_title {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 700;
    margin: 10px auto;
}

.css_inapp_promos_edit_noitems_panel_subtitle {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
}

.css_inapp_promos_edit_items_panel_cont {
    position: relative;
    text-align: center;
    display: flex;
    /*min-height: 60px;*/
    /* height: 310px; */
    /*max-height: 350px;*/
    /*width: 30%;*/
    /*max-width: 300px;*/
    /*border-radius: 6px;*/
    background-color: white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    margin: 10px;
    padding: 10px;
}

    .css_inapp_promos_edit_items_panel_cont:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    }

.css_inapp_promos_edit_items_panel_selected {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    /*min-height: 60px;*/
    /* height: 310px; */
    /*max-height: 350px;*/
    /*width: 100%;
    max-width: 300px;*/
    /*border-radius: 6px;*/
    border-width: 1px;
    border-style: dashed;
    border-color: silver;
    background-color: white;
    /* box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%); */
    /*margin: 10px;*/
    /*padding-top: 0px;
    padding-bottom: 50px;*/
    /*cursor: pointer;*/
}


.css_inapp_promos_edit_items_panel_bannercont {
    position: relative;
    /*background-color: white;*/
    /*top: 2px;
    right: 5px;*/
    /*height: 40px;*/
    /*z-index: 2;*/
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /*border: 2px solid darkgray;*/
    width: 100%;
    color: #FFFFFF;
    background-color: darkgreen;
    text-align: left;
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.css_inapp_promos_edit_items_panel_bannercont_disabled {
    position: relative;
    /*background-color: white;*/
    /*top: 2px;
    right: 5px;*/
    /*height: 40px;*/
    /*z-index: 2;*/
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /*border: 2px solid darkgray;*/
    width: 100%;
    color: #FFFFFF;
    background-color: darkgoldenrod;
    text-align: left;
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.css_inapp_promos_edit_items_panel_bannercont_comingsoon {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    color: #FFFFFF;
    background-color: dodgerblue;
    text-align: left;
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.css_inapp_promos_edit_items_panel_bannercont_expired {
    position: relative;
    /*background-color: white;*/
    /*top: 2px;
    right: 5px;*/
    /*height: 40px;*/
    /*z-index: 2;*/
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /*border: 2px solid darkgray;*/
    width: 100%;
    color: #FFFFFF;
    background-color: darkred;
    text-align: left;
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.css_inapp_promos_edit_items_panel_stsbutcont {
    position: relative;
    /*background-color: white;*/
    /*top: 7px;
    right: 10px;
    height: 32px;*/
    z-index: 2;
    /*display: flex;*/
    /*border: 2px solid darkgray;*/
    border-radius: 5px;
    padding-top: 5px;
    margin-right: 5px;
}

.css_inapp_promos_edit_items_panel_banner_labels_cont {
    font-family: Poppins;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.css_inapp_promos_edit_items_panel_bannerlbl {
    font-size: 18px;
    padding-top: 5px;
}

.css_inapp_promos_edit_items_panel_banner_sublbl {
    font-size: 10px;
    /*padding-top: 5px;*/
}

.css_inapp_promos_edit_items_panel_infobutcont {
    position: absolute;
    /*background-color: white;*/
    top: 7px;
    right: 10px;
    height: 32px;
    z-index: 2;
    display: flex;
    /*border: 2px solid darkgray;*/
    border-radius: 5px;
    cursor: pointer;
}

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

.css_inapp_promos_edit_items_contentpanel_col {
    display: flex;
    flex-direction: column;
    /*flex-wrap: nowrap;*/
    justify-content: flex-start;
}

.css_inapp_promos_edit_items_bodypanel {
    /*width: 100%;*/
    /*max-width: 225px;*/
    min-height: 100px;
    color: #000000;
    font-family: Poppins;
    font-size: 14px;
    text-align: left;
    padding: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.css_inapp_promos_edit_items_panel_text {
    width: 100%;
    /*max-width: 150px;*/
    min-height: 100px;
    color: #000000;
    font-family: Poppins;
    font-size: 14px;
    text-align: left;
    padding: 0 5px;
    display: flex;
    flex-direction: column;
}

.css_inapp_promos_edit_items_panel_image_cont {
    border: 1px solid silver;
    /*border-radius: 5px;*/
    padding: 5px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    margin: 0 5px auto 5px;
    min-height: 75px;
}

.css_inapp_promos_edit_items_panel_image {
    /*width: 100%;*/
    max-width: 50px;
    max-height: 100px;
    object-fit: contain;
}

.css_inapp_promos_edit_items_panel_name {
    /*width: 100%;*/
    color: #000000;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    width: 100%;
}

.css_inapp_promos_edit_items_panel_unlimited_code {
    color: gold;
    background-color: blue;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    /*width: 100%;*/
    text-transform: uppercase;
    letter-spacing: 3px;
}

.css_inapp_promos_edit_items_panel_desc {
    color: lightslategray;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    max-height: 55px;
    overflow-x: hidden;
    text-align: left;
    /*cursor: pointer;*/
}

.css_inapp_promos_edit_items_panel_tools_cont {
    display: flex;
    padding: 5px;
    margin: 10px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
}


.css_inapp_promos_edit_items_panel_tools_butt {
    position: relative;
    height: 28px;
    /*width: 50px;*/
    background-color: saddlebrown;
    color: white;
    font-weight: 400;
    border-radius: 4px;
    padding: 5px;
    cursor: pointer;
}

    .css_inapp_promos_edit_items_panel_tools_butt:hover {
        font-weight: 600;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
        border: 1px solid white;
    }




.css_promos_desktop_canvas {
    text-align: center;
    height: 100%;
    /*max-width: 80vw;*/
    height: calc(100vh - 150px);
    border-radius: 8px;
    padding: 10px;
    margin: 50px auto;
    position: relative;
    /* top: 50%; */
    /* left: 50%; */
    /*background-color: white;*/
    /*-ms-transform: translate(-50%, -50%);*/
    /* transform: translate(-50%, -50%); */
    width: 100%;
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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


.css_promosview_panel_canvas {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: left;
    /*max-width: 50%;*/
    /*max-width: 80vw;*/
    margin: 0;
    position: relative;
    /*-ms-transform: translate(-50%, -50%);*/
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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

.css_promopanels_noitems_panel_cont {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    min-height: 60px;
    margin: 30px auto;
}

.css_promopanels_noitems_panel_title {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 700;
    margin: 10px auto;
}

.css_promopanels_noitems_panel_subtitle {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
}

.css_promopanels_items_panel_cont {
    position: relative;
    text-align: center;
    display: flex;
    min-height: 60px;
    /* height: 310px; */
    /*max-height: 350px;*/
    width: 30%;
    /*max-width: 300px;*/
    /*border-radius: 6px;*/
    background-color: white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    margin: 10px;
    padding: 10px;
}

    .css_promopanels_items_panel_cont:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    }

.css_promopanels_items_panel_selected {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    border-width: 1px;
    border-style: dashed;
    border-color: silver;
    background-color: white;
}


.css_promopanels_items_panel_bannercont {
    position: relative;
    /*background-color: white;*/
    /*top: 2px;
    right: 5px;*/
    /*height: 40px;*/
    /*z-index: 2;*/
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /*border: 2px solid darkgray;*/
    width: 100%;
    color: #FFFFFF;
    background-color: darkgreen;
    text-align: left;
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.css_promopanels_items_panel_bannercont_disabled {
    position: relative;
    /*background-color: white;*/
    /*top: 2px;
    right: 5px;*/
    /*height: 40px;*/
    /*z-index: 2;*/
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /*border: 2px solid darkgray;*/
    width: 100%;
    color: #FFFFFF;
    background-color: darkgoldenrod;
    text-align: left;
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.css_promopanels_items_panel_bannercont_comingsoon {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    color: #FFFFFF;
    background-color: dodgerblue;
    text-align: left;
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.css_promopanels_items_panel_bannercont_expired {
    position: relative;
    /*background-color: white;*/
    /*top: 2px;
    right: 5px;*/
    /*height: 40px;*/
    /*z-index: 2;*/
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /*border: 2px solid darkgray;*/
    width: 100%;
    color: #FFFFFF;
    background-color: darkred;
    text-align: left;
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.css_promopanels_items_panel_stsbutcont {
    position: relative;
    /*background-color: white;*/
    /*top: 7px;
    right: 10px;
    height: 32px;*/
    z-index: 2;
    /*display: flex;*/
    /*border: 2px solid darkgray;*/
    border-radius: 5px;
    padding-top: 5px;
    margin-right: 5px;
}

.css_promopanels_items_panel_banner_labels_cont {
    font-family: Poppins;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.css_promopanels_items_panel_bannerlbl {
    font-size: 18px;
    padding-top: 5px;
}

.css_promopanels_items_panel_banner_sublbl {
    font-size: 10px;
    /*padding-top: 5px;*/
}



.css_promopanels_items_panel_infobutcont {
    position: absolute;
    /*background-color: white;*/
    top: 7px;
    right: 10px;
    height: 32px;
    z-index: 2;
    display: flex;
    /*border: 2px solid darkgray;*/
    border-radius: 5px;
    cursor: pointer;
}

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

.css_promopanels_items_contentpanel_col {
    display: flex;
    flex-direction: column;
    /*flex-wrap: nowrap;*/
    justify-content: flex-start;
}

.css_promopanels_items_bodypanel {
    /*width: 100%;*/
    /*max-width: 225px;*/
    min-height: 100px;
    color: #000000;
    font-family: Poppins;
    font-size: 14px;
    text-align: left;
    padding: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.css_promopanels_items_panel_text {
    width: 100%;
    /*max-width: 150px;*/
    min-height: 100px;
    color: #000000;
    font-family: Poppins;
    font-size: 14px;
    text-align: left;
    padding: 0 5px;
    display: flex;
    flex-direction: column;
}

.css_promopanels_items_report_labels_hidden_cont {
    display: none;
}

.css_promopanels_items_report_labels_cont {
    position: relative;
    /*width: 100%;*/
    /*max-width: 225px;*/
    min-height: 100px;
    color: #000000;
    font-family: Poppins;
    font-size: 14px;
    text-align: left;
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.css_promopanels_items_report_panel {
    /*width: 100%;*/
    /* max-width: 225px; */
    /* min-height: 100px; */
    color: #000000;
    font-family: Poppins;
    /* font-size: 14px; */
    /* text-align: left; */
    /* padding: 10px; */
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    position: relative;
}

.css_promopanels_items_panel_image_cont {
    border: 1px solid silver;
    /*border-radius: 5px;*/
    padding: 5px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    margin: 0 5px auto 5px;
    min-height: 75px;
}

.css_promopanels_items_panel_image {
    /*width: 100%;*/
    max-width: 50px;
    max-height: 100px;
    object-fit: contain;
}

.css_promopanels_items_panel_name {
    /*width: 100%;*/
    color: #000000;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    width: 100%;
    /*margin-left: 20px;
    margin-right: 20px;*/
    /*margin-top: 5px;*/
    /*cursor: pointer;*/
    /*overflow-wrap:break-word;*/
}

.css_promopanels_items_panel_unlimited_code {
    color: white;
    background-color: blue;
    padding: 2px 5px;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.css_promopanels_items_panel_desc {
    color: lightslategray;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    /*max-height: 55px;*/
    /*overflow-x: hidden;*/
    text-align: left;
    /*cursor: pointer;*/
}

.css_promopanels_items_panel_issuedlbl {
    color: lightslategray;
    font-family: Poppins;
    font-size: 10px;
    text-align: left;
    /*cursor: pointer;*/
}

.css_promopanels_items_panel_activatedlbl {
    color: lightslategray;
    font-family: Poppins;
    font-size: 10px;
    text-align: left;
    /*cursor: pointer;*/
}

.css_promopanels_items_panel_redeemedlbl {
    color: green;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 600;
    text-align: left;
    /*cursor: pointer;*/
}

.css_promopanels_items_panel_hitratelbl {
    color: lightslategray;
    font-family: Poppins;
    font-size: 10px;
    text-align: left;
    /*cursor: pointer;*/
}

.css_promopanels_items_panel_circlehitratelbl {
    position: absolute;
    top: 20px;
    text-align: center;
    font-family: 'Poppins';
    left: 5px;
    /* height: 75px; */
    width: 50px;
    font-size: 14px;
    font-weight: 500;
}

.css_promopanels_items_panel_rate_circle_cont {
    position: relative;
    margin: 10px;
}

.css_promopanels_items_panel_rate_circle_base {
    position: relative;
    width: 60px;
    height: 60px;
    padding: 5px;
}

.css_mktmgr_promo_editor_topmenu_toolbar {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.css_mktmgr_promo_editor_setup_sectionnote_lbl {
    margin-left: 10px;
    margin-top: 5px;
}

.css_promopanels_items_panel_info_cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border-bottom: 1px solid silver;
}

.css_promopanels_items_panel_info_hidden_cont {
    display: none;
}

.css_promopanels_items_panel_info_butt {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 5px;
}

.css_promopanels_items_panel_info_buttlabel {
    margin-left: 5px;
    cursor: pointer;
    font-family: poppins;
    font-size: 12px;
    color: darkslategray;
    font-weight: 400;
}

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

.css_promopanels_items_panel_tools_cont {
    display: flex;
    padding: 5px;
    margin: 10px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.css_promopanels_items_panel_tools_hidden_cont {
    display: none;
}

.css_promopanels_items_panel_tools_butt {
    position: relative;
    height: 28px;
    /*width: 50px;*/
    background-color: saddlebrown;
    color: white;
    font-weight: 400;
    border-radius: 4px;
    padding: 5px;
    cursor: pointer;
}

    .css_promopanels_items_panel_tools_butt:hover {
        font-weight: 600;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
        border: 1px solid white;
    }

.css_promopanels_items_panel_tools_butt_delete {
    position: relative;
    height: 28px;
    /*width: 50px;*/
    background-color: darkred;
    color: white;
    font-weight: 400;
    border-radius: 4px;
    padding: 5px;
    cursor: pointer;
}

    .css_promopanels_items_panel_tools_butt_delete:hover {
        font-weight: 600;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
        border: 1px solid white;
    }

.css_selectedpromo_setup_section_div {
    width: 100%;
    max-width: 500px;
    text-align: left;
    padding: 10px;
    margin: 0;
    font-family: Quicksand;
    font-size: 12px;
    color: #000000;
    border-radius: 3px;
    border: 1px solid #656565;
    background-color: white;
}

.css_selectedpromo_setup_section_title {
    width: 100%;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
    color: dodgerblue;
}

.css_selectedpromo_setup_switch_section_container {
    background-color: white;
    margin: 10px 10px 10px 0;
    padding: 20px;
    border: 1px solid #bdbdbd;
    border-radius: 1px;
}

.css_selectedpromo_setup_entry_div {
    width: 100%;
    max-width: 500px;
    text-align: left;
    padding: 5px;
}

.css_selectedpromo_setup_entry_val {
    width: 100px;
    font-weight: bold;
    color: dodgerblue;
    text-align: left;
    font-family: Poppins;
    font-size: 16px;
}

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

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

.css_selectedpromo_setup_desc_label {
    font-weight: 500;
    color: darkslategray;
    text-align: left;
    font-family: Poppins;
    font-size: 14px;
    margin: 10px 0;
}

.css_selectedpromo_create_codes_butt {
    margin: 50px auto 20px auto;
    height: 50px;
    text-align: center;
    font-weight: 600;
    background-color: white;
    font-family: 'Poppins';
    font-size: 16px;
    color: darkcyan;
    border: 2px solid silver;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 10px;
}

    .css_selectedpromo_create_codes_butt:hover {
        background-color: darkcyan;
        color: white;
        border-color: white;
        font-weight: 700;
        box-shadow: 1px 2px 2px rgba(0, 0, 0, 1.0);
    }

.css_selectedpromo_close_butt {
    margin: 50px auto 20px auto;
    height: 40px;
    width: 120px;
    text-align: center;
    font-weight: 400;
    background-color: white;
    font-family: 'Poppins';
    font-size: 16px;
    color: darkcyan;
    border: 2px solid silver;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 7px 10px;
}

    .css_selectedpromo_close_butt:hover {
        background-color: darkcyan;
        color: white;
        border-color: white;
    }

.css_promoedit_confirmsetting_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_promoedit_confirmsetting_title {
    /*text-align: left;*/
    color: #000000;
    font-size: 28px;
    margin: 20px;
}

.css_promoedit_confirmsetting_subtitle {
    /*text-align: left;*/
    color: dodgerblue;
    font-size: 14px;
    font-weight: 500;
    margin: 10px;
}

.css_promoedit_confirmsetting_bodytext {
    text-align: left;
    color: #161616;
    font-size: 14px;
    margin: 5px;
}

.css_promoedit_confirmsetting_qtext {
    /*text-align: left;*/
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    margin: 10px auto;
}

.css_promoedit_confirmsetting_selectmktmgr_group_cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.css_promoedit_confirmsetting_selectmktmgr_group_item {
    margin: 10px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.css_promoedit_confirmsetting_selectmktmgr_group_itemlbl {
    margin: 5px 0;
    font-size: 14px;
    font-weight: 500;
}


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

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

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

.css_promoedit_confirmsetting_no {
    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;
}

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

.css_mktmgr_promo_editor_popup_icn {
    cursor: pointer;
    padding-top: 5px;
    text-decoration: none;
}

.css_mktmgr_promo_editor_imageset_icn {
    cursor: pointer;
    text-decoration: none;
    margin-left: 10px;
    width: 30px;
}


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

.css_mktmgr_promo_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);
}


.css_mktmgr_promo_imglib_search_lbl {
    font-size: 12px;
    color: steelblue;
    margin: auto 5px 0 5px;
}

.css_mktmgr_promo_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: 14px;
    background-color: white;
    padding: 6px 10px 6px 10px;
    min-width: 120px;
    height: 32px;
    resize: none;
}


.css_mktmgr_promo_imglib_imglibcont {
    width: 100%;
    height: 500px;
    overflow-y: scroll;
    margin-top: 40px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

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

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

.css_mktmgr_promo_imglib_lib_item {
    position: relative;
    /*width: 100%;*/
    height: 120px;
    text-align: left;
    margin: 10px;
    border: 1px solid rgba(0,0,0,0.1);
    cursor: pointer;
}

.css_mktmgr_promo_imglib_lib_image {
    max-height: 100px;
    max-width: 100px;
    margin: 10px;
}

.css_mktmgr_promo_imglib_libimglbl {
    color: #000000;
    font-size: 14px;
    margin: 10px;
}

.css_mktmgr_promo_imglib_image_del_icon {
    position: absolute;
    right: 15px;
    top: 5px;
    /*max-width: 25px;*/
}




.css_mktmgr_promo_imglib_saveelement_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_mktmgr_promo_imglib_blkspin {
    margin: 10px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 12px;
}

    .css_mktmgr_promo_imglib_blkspin > 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;
    }

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

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

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

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



.css_mktmgr_promo_editor {
    position: relative;
    min-height: 50vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid silver;
    font-family: Poppins;
    margin: 10px auto;
    max-width: 500px;
    padding: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.css_mktmgr_promo_editor_setup_validwarning_box {
    position: relative;
    border: 2px solid slategrey;
    margin: 10px auto;
    padding: 10px 20px 8px 20px;
    text-align: left;
    max-width: 500px;
    background-color: darkgoldenrod;
    color: white;
    font-weight: 400;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.css_mktmgr_promo_editor_setup_validwarning_icon {
    padding: 2px 0 0 0;
}

.css_mktmgr_promo_editor_setup_validwarning_lbl {
    color: white;
    margin-left: 10px;
    margin-top: 3px;
    font-weight: 400;
}

.css_mktmgr_promo_editor_setup_title_labels_cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.css_mktmgr_promo_editor_setup_close_box {
    position: relative;
    padding: 0 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.css_mktmgr_promo_editor_setup_title_box {
    position: relative;
    /*border: 2px solid dodgerblue;*/
    border-radius: 5px;
    margin: 10px 0;
    padding: 5px 0;
    text-align: left;
    background-color: white;
    color: dodgerblue;
    font-weight: 400;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.css_mktmgr_promo_editor_setup_title_close_icon {
    cursor: pointer;
}

.css_mktmgr_promo_editor_setup_title_icon {
    /*margin: 10px auto;*/
}

.css_mktmgr_promo_editor_setup_title_lbl {
    font-size: 14px;
    font-weight: 600;
    color: steelblue;
    margin-top: 5px;
    margin-left: 5px;
}

.css_mktmgr_promo_editor_setup_subtitle_lbl {
    font-size: 16px;
    font-weight: 700;
    color: darkgreen;
    margin-left: 5px;
    text-transform: uppercase;
}


css_mktmgr_promo_editor_greendot_lbl {
    position: absolute;
    top: 10px;
    left: 10px;
    height: 10px;
    width: 10px;
    background-color: green;
    color: white;
    border-radius: 5px;
}

.css_mktmgr_promo_editor_setup_sectionnote_box {
    position: relative;
    border: 2px solid white;
    border-radius: 5px;
    margin: 10px auto;
    padding: 5px 20px;
    text-align: left;
    background-color: dodgerblue;
    color: white;
    font-weight: 400;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5);
}

.css_mktmgr_promo_editor_setup_sectionnote_icon {
    margin: 10px auto;
}

.css_mktmgr_promo_editor_setup_section_box {
    position: relative;
    border: 2px solid lightgrey;
    border-radius: 6px;
    margin: 10px;
    font-weight: 300;
    padding: 0 20px;
}

.css_mktmgr_promo_editor_save_section_border {
    border: 2px solid green;
    border-radius: 6px;
    margin: 5px auto;
    padding: 5px;
}

.css_mktmgr_promo_editor_setup_section_border {
    margin: 5px auto;
    /*padding: 5px;*/
}

.css_mktmgr_promo_editor_setup_section_or_lbl {
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    margin: 10px auto;
    color: steelblue;
}


.css_mktmgr_promo_editor_setup_selbutt_title_lbl {
    font-size: 16px;
    font-weight: 600;
    /*color: black;*/
    margin: 5px 0px;
}

.css_mktmgr_promo_editor_setup_selbutt_subtitle_lbl {
    font-size: 12px;
    font-weight: 400;
    /*color: darkslategrey;*/
    margin: 5px 0px;
}

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

.css_mktmgr_promo_editor_setup_selbutt_notsel {
    border: 2px solid silver;
    border-radius: 6px;
    display: flex;
    color: black;
    background-color: white;
    flex-direction: column;
    margin: 10px auto;
    padding: 10px;
    text-align: left;
    width: 100%;
    cursor: pointer;
}

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

.css_mktmgr_promo_editor_setup_selbutt_sel {
    border: 2px solid yellowgreen;
    border-radius: 6px;
    display: flex;
    color: white;
    background-color: forestgreen;
    flex-direction: column;
    margin: 10px auto;
    padding: 10px;
    text-align: left;
    width: 100%;
    cursor: pointer;
}

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

.css_savepromo_advoptions_butt_cont {
    text-align: right;
}

.css_mktmgr_promo_editor_savepromo_advoptions_butt {
    position: relative;
    margin: 5px 5px 0 auto;
    /* height: 40px; */
    /* width: 120px; */
    text-align: center;
    font-weight: normal;
    background-color: white;
    font-size: 10px;
    color: dodgerblue;
    /* border: 2px solid darkorange; */
    /* border-radius: 8px; */
    /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); */
    cursor: pointer;
    text-align: right;
    /* padding-top: 7px; */
    text-decoration: underline;
}

    .css_mktmgr_promo_editor_savepromo_advoptions_butt:hover {
        color: darkorange;
    }

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

.css_mktmgr_promo_editor_save_butt {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 20px auto 20px auto;
    height: 40px;
    width: 160px;
    text-align: center;
    font-weight: 500;
    background-color: darkgreen;
    font-size: 16px;
    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_mktmgr_promo_editor_save_butt:hover {
        color: white;
        background-color: green;
        border-color: white;
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,1);
    }

.css_mktmgr_promo_editor_setup_checkbox_section {
    margin: 10px 0 0;
}

.css_mktmgr_promo_editor_setup_storelist_container {
    margin-bottom: 30px;
    max-height: 300px;
    overflow-x: hidden;
}

.css_mktmgr_promo_editor_setup_stores_canvas {
    /*display: flex;
    flex-direction: column;*/
    /*border-radius: 4px;
    background-color: white;
    padding: 5px;
    margin-top: 10px;*/
    text-align: center;
}


.css_mktmgr_promo_editor_setup_store_list_item {
    position: relative;
    background-color: white;
    text-align: left;
    /*border: 1px solid #D2D2D2;*/
    /*border-radius: 4px;*/
    /*margin: 5px;*/
    padding: 5px;
    /*height: 190px;*/
    /*display: flex;*/
    /*flex-direction: column;*/
}

.css_mktmgr_promo_editor_setup_store_list_radio_item {
    position: relative;
    /*left: 25px;
    top: 10px;*/
    cursor: pointer;
    /*max-width: 280px;*/
    /*color: dodgerblue;*/
    /*font-family: Avenir Medium;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    color: darkgreen*/
}


.css_mktmgr_promo_editor_setup_store_selectitem_text {
    position: relative;
    margin-left: 10px;
    /* top: 2px; */
    cursor: pointer;
    /* max-width: 280px; */
    color: darkgreen;
    font-family: Poppins;
    font-size: 16px;
}

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

.css_mktmgr_promo_editor_instruction_text {
    font-size: 16px;
    font-weight: 600;
    color: steelblue;
    margin: 0;
    padding: 0;
}

.css_mktmgr_promo_editor_instruction_text_proddepts_cont {
    border-bottom: 2px solid silver;
    padding: 10px 0 0 0;
}

.css_mktmgr_promo_editor_instruction_text_proddepts {
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 10px 0;
    padding: 0;
    animation-name: text_pulsate;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.mktmgr_promo_fieldname_lbl {
    font-size: 14px;
    margin: 0px;
    padding: 5px 5px 0 0;
    font-weight: 500;
}

.css_mktmgr_promo_editor_setup_section_boxmini_sel {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: green;
    border: 2px solid yellowgreen;
    color: white;
    /*border-radius: 6px;*/
    margin: 10px;
    padding: 10px 20px;
    text-align: left;
}

.css_mktmgr_promo_editor_setup_section_boxmini_notsel {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 2px solid salmon;
    background-color: indianred;
    color: white;
    /*border-radius: 6px;*/
    margin: 10px;
    padding: 10px 20px;
    text-align: left;
}

.css_mktmgr_promo_editor_setup_section_boxmini {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid #D2D2D2;
    /*border-radius: 6px;*/
    margin: 0 auto 10px auto;
    padding: 10px 20px;
    text-align: left;
}

.css_mktmgr_promo_editor_setup_section_boxmini_wide {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 2px solid white;
    /*border-radius: 6px;*/
    margin: 1px 10px;
    padding: 10px 20px;
    text-align: left;
}

.css_mktmgr_promo_editor_setup_section_boxmini_inner {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid #D2D2D2;
    /*border-radius: 6px;*/
    margin: 10px;
    padding: 10px;
    text-align: left;
}

.css_mktmgr_promo_editor_setup_logos_box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

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

.css_mktmgr_promo_editor_setup_input_text {
    margin: 0;
    box-sizing: border-box;
    /*border-radius: 5px 5px 5px 5px;*/
    border-width: 1px;
    border-style: solid;
    border-color: gray;
    font-size: 14px;
    background-color: white;
    padding: 6px 10px 6px 10px;
    width: 100%;
}

.css_mktmgr_promo_editor_setup_butt_next {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 20px auto 20px auto;
    height: 40px;
    width: 160px;
    text-align: center;
    font-weight: normal;
    background-color: darkgreen;
    font-size: 16px;
    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_mktmgr_promo_editor_setup_butt_next:hover {
        color: white;
        background-color: green;
        border-color: white;
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,1);
    }

.css_mktmgr_promo_editor_setup_butt_nonext {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 20px auto 20px auto;
    height: 40px;
    width: 160px;
    text-align: center;
    font-weight: normal;
    background-color: silver;
    font-size: 16px;
    color: white;
    border: 2px solid slategrey;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 7px;
}

    .css_mktmgr_promo_editor_setup_butt_nonext:hover {
        color: white;
        background-color: lightslategrey;
        border-color: slategray;
    }


.css_mktmgr_promo_editor_setup_butt_back {
    margin: 20px auto 20px auto;
    height: 40px;
    width: 120px;
    text-align: center;
    font-weight: 500;
    background-color: white;
    font-size: 16px;
    color: darkred;
    border: 2px solid darkred;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 7px;
}

    .css_mktmgr_promo_editor_setup_butt_back:hover {
        color: white;
        background-color: darkred;
        border-color: white;
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,1);
    }


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



.cldapp_vouchmgr_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_vouchmgr_cataloguehome::-webkit-scrollbar {
        display: none;
    }

.cldapp_vouchmgr_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_vouchmgr_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_vouchmgr_cataloguetopmenubuttontext {
    border: none;
    font-size: 16px;
    color: white;
    /*margin-left: 10px;*/
    margin-top: 3px;
}


.cldapp_vouchmgr_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_vouchmgr_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_vouchmgr_prodview_menubuttontext {
    border: none;
    font-size: 14px;
    color: white;
    /*margin-left: 10px;
    margin-top: 5px;*/
    text-align: center;
}

.cldapp_vouchmgr_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: 14px;
    background-color: white;
    padding: 6px 10px 6px 10px;
    min-width: 120px;
    height: 32px;
    resize: none;
}


.cldapp_vouchmgr_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_vouchmgr_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;*/
}



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

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

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


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

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


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

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



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

.cldapp_vouchmgr_service_iconpanel {
    position: absolute;
    top: 140px;
    left: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}



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

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


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

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


.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: 5px;
    right: 50px;
    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;
}


.cldapp_vouchmgr_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_vouchmgr_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_vouchmgr_deptpanel {
    position: relative;
    display: inline-block;
    /*height: 220px;*/
    width: 100%;
    border-radius: 6px;
    border: 1px solid silver;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
    margin: 10px;
    padding: 5px;
    font-weight: 400;
    cursor: pointer;
    text-align: center;
}

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

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

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


.cldapp_vouchmgr_panel {
    position: relative;
    display: inline-block;
    height: 45px;
    width: 100%;
    overflow: hidden;
    border-radius: 6px;
    border: 2px solid silver;
    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_vouchmgr_panel:hover {
        height: 170px;
    }

.cldapp_vouchmgr_panel_sel {
    position: relative;
    display: inline-block;
    height: 45px;
    width: 100%;
    overflow: hidden;
    border-radius: 6px;
    border: 2px solid green;
    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_vouchmgr_panel_sel:hover {
        height: 170px;
    }


.cldapp_vouchmgr_deptspanel_button {
    text-align: center;
    padding: 5px 10px 5px 10px;
    background-color: white;
    height: 40px;
    margin-top: 0;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0;
    cursor: pointer;
}




.cldapp_vouchmgr_deptspanel_buttontext {
    position: relative;
    cursor: pointer;
    color: darkslategray;
    font-size: 20px;
    text-align: center;
}


.cldapp_vouchmgr_deptspanel_buttontext_sel {
    position: relative;
    cursor: pointer;
    color: green;
    font-size: 20px;
    text-align: center;
}







.strstatsblkspin {
    /*margin: 10px auto;*/
    width: 50px;
    height: 30px;
    text-align: center;
    font-size: 12px;
}

    .strstatsblkspin > div {
        background-color: darkslategray;
        height: 90%;
        width: 4px;
        display: inline-block;
        -webkit-animation: strstsspskin-stretchdelay 1.2s infinite ease-in-out;
        animation: strstsspskin-stretchdelay 1.2s infinite ease-in-out;
    }

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

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

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

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

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

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

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

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



@keyframes cldapp_otsts_ot_icnbounce {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-15px);
    }
}

@-webkit-keyframes cldapp_otsts_ot_icn {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-15px);
    }
}

@keyframes stsborder-pulsate {
    0% {
        border-color: #FFFFFF;
    }

    33% {
        border-color: #f4deb6;
    }

    66% {
        border-color: #f1c16b;
    }

    100% {
        border-color: #f5bf5b;
    }
}

@keyframes text_pulsate {
    0% {
        opacity: 0;
    }

    33% {
        opacity: 0.8;
    }

    66% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

@-webkit-keyframes sk-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 sk-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;
    }
}


.css_fw_sales_hlblock_content {
    font-family: Avenir Medium;
    margin: 10px;
    display: flex;
    flex-direction: column;
    border: 2px solid dodgerblue;
    border-radius: 6px;
    padding: 10px;
    box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.2);
}

.css_fw_sales_hlblock_content_line {
    font-family: Avenir Medium;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.css_fw_sales_hlblock_content_svc_adjtitle {
    font-family: Avenir Medium;
    font-weight: bold;
    font-size: 18px;
    color: dodgerblue;
}

.css_fw_sales_hlblock_content_svc_adjgrosstitle {
    font-family: Avenir Medium;
    font-weight: bold;
    font-size: 18px;
}

.css_fw_sales_hlblock_content_svc_adjgrossvalue {
    font-family: Avenir Medium;
    font-weight: bold;
    font-size: 18px;
}

.css_fw_sales_hlblock_content_svc_adjgrossvalue {
    font-family: Avenir Medium;
    font-weight: bold;
    font-size: 20px;
}

.css_fw_sales_report_reload_apply_button {
    text-align: center;
    margin-left: 20px;
    background-color: dodgerblue;
    color: white;
    border-radius: 4px;
    width: 100px;
    padding: 5px 10px;
    cursor: pointer;
}

    .css_fw_sales_report_reload_apply_button:hover {
        background-color: green;
    }

.css_main_links_container_row {
    text-align: center;
    display: none;
}

.css_prtstart_main_portal_start_datadash {
    border-radius: 3px;
    background-color: darkgreen;
    padding: 5px;
}

.css_prtstart_main_portal_menu {
    display: block;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
}

.css_cld_account_heading {
    display: block;
}

.css_mini_account_heading_row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin-bottom: 10px;
}

.css_mini_account_heading {
    display: none;
    border-top: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2;
    padding-top: 5px;
}

.css_mini_account_heading_logo {
}

.css_mini_account_heading_accname {
    font-family: Avenir Medium;
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
}

.css_prthead_setup_row_mini {
    margin-left: 5px;
    margin-right: 5px;
}

.css_prthead_databadge_mini {
    margin-left: 5px;
    margin-right: 5px;
}

.css_prthead_databadge_mini_badge {
    color: white; /*#212529;*/
    background-color: darkgreen; /*#ffc107;*/
    height: 40px;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 3px;
}

.css_prthead_databadge_mini_text {
    padding-bottom: 3px;
    padding-top: 12px;
    float: right;
    margin-left: 5px;
    margin-bottom: 3px;
    font-family: Quicksand;
    color: #ffffff;
    font-size: 10px
}

.css_prthead_actcurr_mini {
    margin-left: 5px;
    margin-right: 5px;
}

.css_prthead_userbadge_mini {
    margin-left: 10px;
    margin-right: 5px;
}

.css_prthead_lbl_acc_username_mini {
    padding-bottom: 3px;
    padding-top: 5px;
    float: right;
    margin-left: 5px;
    margin-bottom: 3px;
    margin-top: 6px;
}

.css_prthead_acclogo_mini {
    margin-right: 10px;
}

.css_strchts_pagemain_canvas {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 100px);
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.5);
    background: linear-gradient(#f0eded, #e0dfdf);
    padding-top: 10px;
    padding-bottom: 10px;
}

.css_strchts_pagefooter_canvas {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 30px;
    text-align: center;
    background-color: #FFFFFF;
    border-top: 1px solid #6f6f6f;
}

.css_strchts_topmenubar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 50px;
    text-align: center;
}

.css_strchts_topmenubar_inner {
    position: relative;
    width: 100vw;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(0, 0, 0, 0.5)
}

.css_strchts_topmenubar_icon {
    position: absolute;
    top: 10px;
    left: 5px;
    height: 30px;
    width: 30px;
}

.css_strchts_topmenubar_storename {
    position: absolute;
    top: 15px;
    left: 45px;
    text-align: left;
}

.css_strchts_topmenubar_username {
    position: absolute;
    top: 15px;
    right: 40px;
    text-align: right;
}


.css_prtstart_pagestorestats_cont {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    max-width: 500px;
    max-height: 500px;
    text-align: center;
    border: 1px solid #D2D2D2;
    box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.1);
    /*background: rgba(0,0,0,0.5);*/
    overflow-x: hidden;
    /*padding-top: 10px;
    padding-bottom: 10px;*/
    -ms-overflow-style: none;
}

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

.css_prtstart_pagestorestats_canvas {
    position: relative;
    text-align: center;
}

.css_prod_custom_setup_grid {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.css_prod_custom_setup_grid_line {
    border: 1px solid silver;
    padding: 5px;
    margin-bottom: 2px;
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.css_prod_custom_setup_element_title {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
    color: slategray;
    text-decoration: underline;
}

.css_prod_custom_setup_element_entry {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    color: slategray;
}

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


.css_prod_custom_setup_element {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0 5px;
    padding: 5px;
}

.css_portaladmin_docuploadsection_element_entry {
    border: 1px solid silver;
    font-family: Poppins;
    font-size: 12px;
    color: slategray;
}

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

.css_prod_custom_setup_report_save {
    font-family: Poppins;
    font-size: 10px;
    color: white;
    background-color: darkgreen;
    font-weight: 400;
    margin: 5px;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
}

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

.css_prod_custom_setup_report_cancel {
    font-family: Poppins;
    font-size: 10px;
    color: white;
    background-color: darkred;
    font-weight: 400;
    margin: 5px;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
}

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

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

.css_prod_custom_setup_report_head_cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

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

.css_prod_custom_setup_report_title {
    text-align: left;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    color: darkslategray;
}

.css_prod_custom_setup_report_desc {
    text-align: left;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    color: darkslategray;
}

.css_prod_custom_setup_element_headtext {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    color: steelblue;
    padding: 0 13px;
}

.css_prod_custom_setup_element_subtext {
    font-family: Poppins;
    font-size: 10px;
    color: darkslategray;
    display: block;
    padding: 0 13px;
}

.css_portaladmin_docuploadsection {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 20px;
    padding: 20px;
    border: 1px solid #1e90ff;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px #1a65af;
}

.css_portaladmin_docuploadsection_element {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 5px;
    padding: 5px;
    border: 1px solid silver;
    font-family: Poppins;
    font-size: 12px;
    color: slategray;
}

.css_portaladmin_docuploadsection_element_headtext {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 700;
    color: steelblue;
}

.css_portaladmin_docuploadsection_element_subtext {
    font-family: Poppins;
    font-size: 10px;
    color: darkslategray;
}

.css_strchts_pagestorestats_canvas {
    position: fixed;
    top: 70px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 100px);
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.5);
    background: rgba(0,0,0,0.5);
    padding-top: 10px;
    padding-bottom: 10px;
}

.css_strchts_pagestorestats_canvastitle {
    position: sticky;
    top: 0;
    /*border-bottom: 1px solid white;*/
    border-bottom: 1px solid #A8A8A8;
    width: 100%;
    z-index: 3;
    background-color: white;
    height: 40px;
}

.css_strchts_pagestorestats_refresh_div {
    position: absolute;
    top: 5px;
    right: 10px;
    /* border-bottom: 1px solid white; */
    border-bottom: 1px solid #A8A8A8;
    width: 100%;
    z-index: 3;
    background-color: white;
    height: 30px;
    width: 80px;
    padding-top: 6px;
    border-radius: 4px;
    color: white;
    background-color: darkslategray;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    font-family: Quicksand;
}

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

.css_strchts_pagestorestats_canvastitle_txt {
    position: absolute;
    left: 35px;
    top: 0;
    font-size: 20px;
    font-weight: bold;
    font-family: Quicksand;
    color: darkslategray;
    text-align: left;
    min-width: 150px;
}

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

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

.css_strchts_pagestorestats_loading_div {
    position: absolute;
    right: 20px;
    bottom: 2px;
    text-align: center;
}

.css_strchts_pagestorestats_loading_txt {
    position: relative;
    color: #FFFFFF;
    font-family: Avenir Medium;
    font-size: 16px;
    font-weight: bold;
}


.css_strchts_selstorestats_heading_lbl {
    position: relative;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    padding: 2px;
    text-align: left;
}

.css_strchts_selstorestats_subheading_lbl {
    position: relative;
    font-family: Avenir Medium;
    font-size: 14px;
    color: #606060;
    padding: 2px;
    text-align: left;
}

.css_strchts_selectedstorestats_chartcanvas {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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

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

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

.css_mini_strchts_selectedstorestats_chart_canvas_cont {
    /*width: 100%;*/
    max-width: 500px;
    height: 550px;
    padding: 10px;
    border: 1px solid gray;
    text-align: center;
    margin: 10px;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border-radius: 6px;
}

.css_mini_strchts_selectedstorestats_chart_canvas_box {
    width: 75%;
    max-width: 400px;
    max-height: 500px;
    padding: 10px;
    /*border: 1px solid gray;*/
    text-align: center;
    /*margin: 10px;*/
    background-color: #FFFFFF;
}

.css_mini_strchts_selectedstorestats_chart_canvas {
    min-height: 400px;
    /*width: 75%;
    max-width: 400px;
    max-height: 500px;
    padding: 10px;*/
    /*border: 1px solid gray;*/
    text-align: center;
    margin: 10px;
    background-color: #FFFFFF;
}

.css_mini_strchts_selectedstorestats_startrpt_butt {
    width: 150px;
    height: 40px;
    padding: 8px 10px 10px 10px;
    text-align: center;
    border: 2px solid gray;
    margin: 20px auto 10px auto;
    background-color: #FFFFFF;
    font-size: 16px;
    border-radius: 4px;
    font-family: Avenir Medium;
    background-color: dodgerblue;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    color: white;
    cursor: pointer;
}

    .css_mini_strchts_selectedstorestats_startrpt_butt:hover {
        color: dodgerblue;
        background-color: white;
    }

.css_strchts_pagestorestats_chartcanvas {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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


.css_strchts_pagestorestats_chart_canvas_cont {
    width: 100%;
    max-width: 500px;
    height: 400px;
    padding: 10px;
    border: 1px solid gray;
    text-align: center;
    margin: 10px 10px 0 10px;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border-radius: 6px;
}


.css_strchts_pagestorestats_chart_canvas {
    width: 75%;
    max-width: 400px;
    height: 380px;
    padding: 10px;
    /*border: 1px solid gray;*/
    text-align: center;
    /*margin: 10px;*/
    background-color: #FFFFFF;
}

.css_strchts_pagestorestats_chart_canvas_sb {
    width: 120px;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-left: 1px solid #D2D2D2;
}

.css_strchts_pagestorestats_chart_canvas_sb_title {
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    color: dodgerblue;
}

.css_strchts_pagestorestats_chart_canvas_sb_ele {
    position: relative;
    height: 90px;
    width: 100%;
    text-align: center;
    border: 1px solid #D2D2D2;
    margin: 5px;
}

.css_strchts_pagestorestats_chart_canvas_sb_ele_title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: green;
    font-family: Avenir Medium;
    font-size: 16px;
    text-align: center;
}

.css_strchts_pagestorestats_chart_canvas_sb_ele_val {
    position: absolute;
    top: 16px;
    left: 0;
    width: 100%;
    color: green;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.css_strchts_pagestorestats_chart_canvas_sb_ele_sub {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    color: green;
    font-family: Avenir Medium;
    font-size: 12px;
    text-align: center;
}




.css_mini_strchts_pagestorestats_chart_canvas_cont {
    width: 100%;
    max-width: 500px;
    height: 200px;
    padding: 10px;
    border: 1px solid gray;
    text-align: center;
    margin: 10px;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border-radius: 6px;
    cursor: pointer;
}

    .css_mini_strchts_pagestorestats_chart_canvas_cont:hover {
        border: 1px solid green;
    }

.css_mini_strchts_pagestorestats_chart_canvas {
    width: 75%;
    max-width: 400px;
    height: 180px;
    padding: 10px;
    /*border: 1px solid gray;*/
    text-align: center;
    /*margin: 10px;*/
    background-color: #FFFFFF;
}

.css_mini_strchts_pagestorestats_chart_canvas_sb {
    width: 100px;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-left: 1px solid #D2D2D2;
}

.css_mini_strchts_pagestorestats_chart_canvas_sb_title {
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    color: dodgerblue;
}

.css_mini_strchts_pagestorestats_chart_canvas_sb_ele {
    position: relative;
    height: 90px;
    width: 100%;
    text-align: center;
    border: 1px solid #D2D2D2;
    margin: 5px;
}

.css_mini_strchts_pagestorestats_chart_canvas_sb_ele_title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: green;
    font-family: Avenir Medium;
    font-size: 16px;
    text-align: center;
}

.css_mini_strchts_pagestorestats_chart_canvas_sb_ele_val {
    position: absolute;
    top: 16px;
    left: 0;
    width: 100%;
    color: green;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.css_mini_strchts_pagestorestats_chart_canvas_sb_ele_sub {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    color: green;
    font-family: Avenir Medium;
    font-size: 12px;
    text-align: center;
}



.css_mini_strchts_selstorestats_chart_canvas_sb_ele {
    position: relative;
    height: 90px;
    width: 100%;
    text-align: center;
    border: 1px solid #D2D2D2;
    margin: 5px;
}

.css_mini_strchts_selstorestats_chart_canvas_sb_ele_title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: green;
    font-family: Avenir Medium;
    font-size: 16px;
    text-align: center;
}

.css_mini_strchts_selstorestats_chart_canvas_sb_ele_val {
    position: absolute;
    top: 2px;
    left: 0;
    width: 100%;
    color: green;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.css_mini_strchts_selstorestats_chart_canvas_sb_ele_sub {
    position: absolute;
    top: 22px;
    left: 0;
    width: 100%;
    color: green;
    font-family: Avenir Medium;
    font-size: 12px;
    text-align: center;
}








/*.css_prtstart_scene{

}
.css_prtstart_card{

}
.css_prtstart_card__face{

}*/

/*.css_prtstart_scene {
   
    perspective: 600px;
}

.css_prtstart_card {
    width: 100%;
    height: 100%;
    transition: transform 1s;
    transform-style: preserve-3d;
    position: relative;
}

    .css_prtstart_card.is-flipped {
        transform: rotateY(180deg);
    }

.css_prtstart_card__face {
    position: absolute;
    width: 100%;
    height: 100%;
 
    color: white;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.css_prtstart_card__face--front {
    background: red;
}

.css_prtstart_card__face--back {
    background: blue;
    transform: rotateY(180deg);
}*/

/*.css_prtstart_content_container {
    transition: transform 1s;
    transform-style: preserve-3d;
}*/



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

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


.css_cldapp_om_pagemodal_canvas {
    position: relative;
    /*height: 100%;*/
    width: 100%;
    text-align: center;
    margin: 50px auto 50px auto;
    -ms-overflow-style: none;
}

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

.css_cldapp_om_pagemodal_canvas_blk {
    position: relative;
    margin: 20px 0 10px 0;
    width: 100%;
    text-align: center;
}

.css_cldapp_om_pagemodal_canvas_bubble {
    position: relative;
    margin: 20px;
    padding: 20px;
    border-radius: 10px;
    border: solid 2px rgba(0,0,0,0.1);
    background-color: dodgerblue;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    text-align: center;
}

.css_cldapp_om_pagemodal_canvas_blk_title {
    color: rgba(0,0,0,0.7);
    font-family: Avenir Medium;
    font-size: 24px;
    font-weight: bold;
}

.css_cldapp_om_pagemodal_canvas_blk_custmsg {
    color: #FFFFFF;
    font-family: Avenir Medium;
    font-size: 18px;
}

.css_cldapp_om_pagemodal_canvas_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: Avenir Medium;
    font-size: 16px;
    width: 120px;
    height: 30px;
    margin: 10px auto 10px auto;
    cursor: pointer;
    /*padding-top: 10px;*/
    text-align: center;
}

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

.css_cldapp_om_topmenubar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 50px;
    text-align: center;
}

.css_cldapp_om_topmenubar_inner {
    position: relative;
    width: 100vw;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(0, 0, 0, 0.5)
}

.css_cldapp_om_topmenubar_icon {
    position: absolute;
    top: 10px;
    left: 5px;
    height: 30px;
    width: 30px;
}

.css_cldapp_om_topmenubar_storename {
    position: absolute;
    top: 15px;
    left: 45px;
    text-align: left;
}

.css_cldapp_om_topmenubar_username {
    position: absolute;
    top: 15px;
    right: 40px;
    text-align: right;
}

.css_cldapp_om_pagestorestats_canvas {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 150px);
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.5);
    background: rgba(0,0,0,0.5);
    padding-top: 10px;
    padding-bottom: 10px;
}

.css_cldapp_om_pagestorestats_canvastitle {
    position: relative;
    border-bottom: 1px solid white;
    width: 100%;
    height: 50px;
}

.css_cldapp_om_pagestorestats_canvastitle_txt {
    position: absolute;
    left: 60px;
    top: 20px;
    font-size: 20px;
    font-weight: bold;
    font-family: Quicksand;
    color: white;
}

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

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

.css_cldapp_om_pagestorestats_comment_cnt {
    position: absolute;
    top: 0;
    right: 40px;
    height: 20px;
    width: 20px;
    border-radius: 10px;
    padding-top: 2px;
    color: white;
    background-color: dodgerblue;
    text-align: center;
    font-family: Avenir Medium;
    font-size: 10px;
    font-weight: bold;
    z-index: 3;
}

.css_cldapp_om_pagestorestats_loading_div {
    position: absolute;
    left: calc((100vw / 2) - 75px);
    top: calc((100vh /2) - 100px);
    text-align: center;
}

.css_cldapp_om_pagestorestats_loading_txt {
    position: relative;
    color: #FFFFFF;
    font-family: Avenir Medium;
    font-size: 16px;
    font-weight: bold;
}

.css_cldapp_om_pagestorestats_chartcanvas {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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

.css_cldapp_om_pagestorestats_commentcanvas {
    position: relative;
    /*height: 100%;*/
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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

.css_cldapp_om_pagestorestats_comment_list_item {
    text-align: center;
    width: 100%;
}

.css_cldapp_om_pagestorestats_comment_bubble {
    position: relative;
    width: 90%;
    max-width: 450px;
    min-height: 50px;
    padding: 35px 20px 20px 20px;
    margin: 10px auto 10px auto;
    background-color: dodgerblue;
    border-radius: 8px;
    border: 2px solid white;
    text-align: left;
}

.css_cldapp_om_pagestorestats_comment_txt {
    position: relative;
    color: #FFFFFF;
    font-family: Avenir Medium;
    font-size: 18px;
    margin: 5px;
}

.css_cldapp_om_pagestorestats_comment_ordidtxt {
    position: absolute;
    top: 0;
    left: 10px;
    color: #FFFFFF;
    font-family: Avenir Medium;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    text-align: left;
}

.css_cldapp_om_pagestorestats_comment_rating_bar {
    position: absolute;
    top: 0;
    right: 10px;
    /*width: 100%;*/
    padding: 10px;
    text-align: left;
}

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

.css_cldapp_om_pagestorestats_chart_canvas_cont {
    width: 100%;
    max-width: 500px;
    height: 400px;
    padding: 10px;
    border: 1px solid gray;
    text-align: center;
    margin: 10px;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border-radius: 6px;
}


.css_cldapp_om_pagestorestats_chart_canvas {
    width: 80%;
    max-width: 400px;
    height: 380px;
    padding: 10px;
    /*border: 1px solid gray;*/
    text-align: center;
    /*margin: 10px;*/
    background-color: #FFFFFF;
}

.css_cldapp_om_pagestorestats_chart_canvas_sb {
    width: 100px;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-left: 1px solid #D2D2D2;
}

.css_cldapp_om_pagestorestats_chart_canvas_sb_title {
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    color: dodgerblue;
}

.css_cldapp_om_pagestorestats_chart_canvas_sb_ele {
    position: relative;
    height: 90px;
    width: 100%;
    text-align: center;
    border: 1px solid #D2D2D2;
    margin: 5px;
}

.css_cldapp_om_pagestorestats_chart_canvas_sb_ele_title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: green;
    font-family: Avenir Medium;
    font-size: 16px;
    text-align: center;
}

.css_cldapp_om_pagestorestats_chart_canvas_sb_ele_val {
    position: absolute;
    top: 18px;
    left: 0;
    width: 100%;
    color: green;
    font-family: Avenir Medium;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.css_cldapp_om_pagestorestats_chart_canvas_sb_ele_sub {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    color: green;
    font-family: Avenir Medium;
    font-size: 12px;
    text-align: center;
}

.css_cldapp_om_pagestores_canvas {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 150px);
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.5);
    background: linear-gradient(#f0eded, #e0dfdf);
    padding-top: 10px;
    padding-bottom: 10px;
}


.css_cldapp_om_pagedirections_canvas {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    height: calc(100vh - 150px);
    /*max-width: 600px;*/
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    text-align: center;
    border: 2px solid rgba(0, 0, 0, 0.5);
    background-color: white;
    padding: 20px;
    z-index: 5;
    /*animation-name: kf_om_pageleftsidemenu_canvas;
    animation-duration: 1s;*/
    /*overflow-y: hidden;*/
    -ms-overflow-style: none;
}

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

.css_cldapp_om_pagedirections_narative_panel {
    position: relative;
    margin: 0 auto 20px auto;
    height: 100%;
    width: 100%;
    max-width: 500px;
    text-align: center;
    padding: 20px;
    border-radius: 6px;
    border: 1px solid #D2D2D2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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

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

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

.css_cldapp_om_pagedirections_map_panel {
    position: relative;
    margin: 0 auto 0 auto;
    height: 100%;
    width: 100%;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #D2D2D2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}

.css_cldapp_om_pageleftsidemenu_cont {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 150px);
    text-align: left;
    border: 1px solid rgba(0, 0, 0, 0.5);
    background: linear-gradient(#f0eded, #bfbfbf);
    opacity: 0.5;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 3;
}

@keyframes kf_om_pageleftsidemenu_canvas {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

.css_cldapp_om_pageleftsidemenu_canvas {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    height: calc(100vh - 150px);
    max-width: 600px;
    text-align: left;
    border: 2px solid rgba(0, 0, 0, 0.5);
    background-color: white;
    padding: 10px;
    z-index: 5;
    animation-name: kf_om_pageleftsidemenu_canvas;
    animation-duration: 1s;
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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

.css_cldapp_om_pageleftsidemenu_canvastitle_cont {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    max-width: 600px;
    height: 70px;
    border-bottom: 2px solid dodgerblue;
    text-align: left;
    padding: 10px;
    color: #FFFFFF;
}

.css_cldapp_om_pageleftsidemenu_canvastitle_txt {
    position: absolute;
    left: 10px;
    top: 10px;
    /*width: 100%;*/
    font-size: 18px;
    font-weight: bold;
    font-family: Quicksand;
    color: dodgerblue;
}

.css_cldapp_om_pageleftsidemenu_canvassubtitle_txt {
    position: absolute;
    left: 10px;
    top: 40px;
    width: 100%;
    font-size: 14px;
    font-family: Quicksand;
    color: dodgerblue;
}


.css_cldapp_om_pageleftsidemenu_contentcontainer {
    position: fixed;
    top: 120px;
    left: 0;
    width: 100%;
    max-width: 600px;
    /*padding-top: 70px;*/
    height: calc(100vh - 220px);
    padding-left: 10px;
    padding-right: 10px;
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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

.css_cldapp_om_pageleftsidemenu_driverscontainer {
    position: relative;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    height: 100%;
    /*overflow-x: hidden;*/
    -ms-overflow-style: none;
}

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

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

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

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

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


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

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

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

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

.css_cldapp_om_ordman_lsm_account_list_control {
    position: relative;
    width: 100%;
    /*height: 80px;*/
    padding: 10px;
    border-top: 1px solid gray;
    text-align: center;
    margin-bottom: 10px;
}

.css_cldapp_om_ordman_lsm_account_item_blk {
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.css_cldapp_om_ordman_lsm_account_list_item {
    position: relative;
    width: 100%;
    height: 80px;
    padding: 10px;
    border-top: 1px solid gray;
    text-align: center;
    margin-bottom: 10px;
}

.css_cldapp_om_ordman_lsm_account_uname {
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
}

.css_cldapp_om_ordman_lsm_account_insvc {
    color: forestgreen;
    font-family: Avenir Medium;
    font-size: 18px;
    /*font-weight: bold;*/
    width: 100%;
}

.css_cldapp_om_ordman_lsm_account_svc_info {
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 14px;
    width: 100%;
}

.css_cldapp_om_ordman_lsm_account_outsvc {
    color: darkred;
    font-family: Avenir Medium;
    font-size: 18px;
    /*font-weight: bold;*/
    width: 100%;
}

.css_cldapp_om_ordman_lsm_account_outsvc_butt {
    width: 150px;
    height: 60px;
    text-align: center;
    margin: 10px auto 10px auto;
    color: darkred;
    background-color: white;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    padding-top: 10px;
    border: 2px solid darkred;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,0.1);
    cursor: pointer;
}

    .css_cldapp_om_ordman_lsm_account_outsvc_butt:hover {
        color: white;
        background-color: indianred;
    }

.css_cldapp_om_ordman_lsm_account_svc_bar {
    position: relative;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.css_cldapp_om_ordman_lsm_account_svc_butt {
    position: relative;
    width: 60px;
    height: 60px;
    margin: 10px auto 10px auto;
    padding-top: 10px;
    text-align: center;
    border: 1px solid #D2D2D2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    cursor: pointer;
}

.css_cldapp_om_ordman_lsm_account_item_vch {
    position: absolute;
    top: 10px;
    left: 0;
    width: 60px;
    height: 60px;
    text-align: center;
    border: 1px solid #D2D2D2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    cursor: pointer;
}

.css_cldapp_om_ordman_lsm_account_item_sec {
    position: absolute;
    top: 10px;
    left: 70px;
    /*width: 50px;*/
    height: 60px;
    text-align: left;
    border: 1px solid #D2D2D2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    cursor: pointer;
}

.css_cldapp_om_ordman_lsm_account_item_secname {
    position: relative;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    margin: 5px 5px 0 5px;
    width: 100%;
    cursor: pointer;
    text-align: left;
}

.css_cldapp_om_ordman_lsm_account_item_secsub {
    position: relative;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 14px;
    margin: 0 5px 5px 5px;
    width: 100%;
    cursor: pointer;
}


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


.css_cldapp_om_ordman_lsm_drivers_signinsection_name {
    position: relative;
    color: forestgreen;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    margin: 15px;
    width: 100%;
    cursor: pointer;
}

.css_cldapp_om_ordman_lsm_drivers_otherssection_name {
    position: relative;
    color: darkred;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    margin: 15px;
    width: 100%;
    cursor: pointer;
}

.css_cldapp_om_ordman_lsm_drivers_list_item {
    position: relative;
    width: 100%;
    height: 80px;
    padding: 10px;
    border-top: 1px solid gray;
    text-align: center;
    margin-bottom: 10px;
}

.css_cldapp_om_ordman_lsm_drivers_item_vch {
    position: absolute;
    top: 10px;
    left: 0;
    width: 60px;
    height: 60px;
    text-align: center;
    border: 1px solid #D2D2D2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    cursor: pointer;
}

.css_cldapp_om_ordman_lsm_drivers_item_drv {
    position: absolute;
    top: 10px;
    left: 70px;
    /*width: 50px;*/
    height: 60px;
    text-align: left;
    border: 1px solid #D2D2D2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    cursor: pointer;
}

.css_cldapp_om_ordman_lsm_drivers_item_drvactord {
    position: absolute;
    top: 10px;
    right: 90px;
    width: 60px;
    height: 60px;
    text-align: left;
    border: 1px solid #D2D2D2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    cursor: pointer;
}

.css_cldapp_om_ordman_lsm_drivers_item_drvcompord {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 60px;
    height: 60px;
    text-align: left;
    border: 1px solid #D2D2D2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    cursor: pointer;
}

.css_cldapp_om_ordman_lsm_drivers_item_drvname {
    position: relative;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    margin: 5px 5px 0 5px;
    width: 100%;
    cursor: pointer;
    text-align: left;
}

.css_cldapp_om_ordman_lsm_drivers_item_drvsignedinname {
    position: relative;
    color: forestgreen;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    margin: 5px 5px 0 5px;
    width: 100%;
    cursor: pointer;
    text-align: left;
}

.css_cldapp_om_ordman_lsm_drivers_item_drvsub {
    position: relative;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 14px;
    margin: 0 5px 5px 5px;
    width: 100%;
    cursor: pointer;
}

.css_cldapp_om_ordman_lsm_drivers_item_drvactcnt {
    position: relative;
    color: forestgreen;
    font-family: Avenir Medium;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    width: 100%;
    cursor: pointer;
    text-align: center;
}

.css_cldapp_om_ordman_lsm_drivers_item_drvactcntsub {
    position: relative;
    color: forestgreen;
    font-family: Avenir Medium;
    font-size: 14px;
    margin: 0;
    width: 100%;
    cursor: pointer;
    text-align: center;
}


.css_cldapp_om_ordman_lsm_drivers_item_drvcompcnt {
    position: relative;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    width: 100%;
    cursor: pointer;
    text-align: center;
}

.css_cldapp_om_ordman_lsm_drivers_item_drvcompcntsub {
    position: relative;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 14px;
    margin: 0;
    width: 100%;
    cursor: pointer;
    text-align: center;
}

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

.css_cldapp_om_pageleftsidemenu_storescontainer {
    position: relative;
    width: 100%;
    /*padding-top: 70px;*/
    padding-left: 20px;
    padding-right: 20px;
    height: 100%;
    /*overflow-x: hidden;*/
    -ms-overflow-style: none;
}

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


.css_cldapp_om_ordman_lsm_stores_section_name {
    position: relative;
    color: forestgreen;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    margin: 15px;
    width: 100%;
    cursor: pointer;
}


.css_cldapp_om_ordman_lsm_stores_list_item {
    position: relative;
    width: 100%;
    height: 80px;
    padding: 10px;
    border-top: 1px solid gray;
    text-align: center;
    margin-bottom: 10px;
}

.css_cldapp_om_ordman_lsm_stores_item_icn {
    position: absolute;
    top: 10px;
    left: 0;
    width: 60px;
    height: 60px;
    text-align: center;
    border: 1px solid #D2D2D2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    cursor: pointer;
}

.css_cldapp_om_ordman_lsm_stores_item_str {
    position: absolute;
    top: 10px;
    left: 70px;
    /*width: 50px;*/
    height: 60px;
    text-align: left;
    border: 1px solid #D2D2D2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    cursor: pointer;
}

.css_cldapp_om_ordman_lsm_stores_item_stractord {
    position: absolute;
    top: 10px;
    right: 90px;
    width: 60px;
    height: 60px;
    text-align: left;
    border: 1px solid #D2D2D2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    cursor: pointer;
}

.css_cldapp_om_ordman_lsm_stores_item_spinner {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    color: dodgerblue;
}

.css_cldapp_om_ordman_lsm_stores_item_strcompord {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 60px;
    height: 60px;
    text-align: left;
    border: 1px solid #D2D2D2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    cursor: pointer;
}

.css_cldapp_om_ordman_lsm_storelnchicn {
    position: absolute;
    top: 5px;
    right: 5px;
}

.css_cldapp_om_ordman_lsm_stores_item_strname {
    position: relative;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    margin: 5px 5px 0 5px;
    width: 100%;
    cursor: pointer;
    text-align: left;
}

.css_cldapp_om_ordman_lsm_stores_item_strsub {
    position: relative;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 14px;
    margin: 0 5px 5px 5px;
    width: 100%;
    cursor: pointer;
}

.css_cldapp_om_ordman_lsm_stores_item_stractcnt {
    position: relative;
    color: forestgreen;
    font-family: Avenir Medium;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    width: 100%;
    cursor: pointer;
    text-align: center;
}

.css_cldapp_om_ordman_lsm_stores_item_stractcntsub {
    position: relative;
    color: forestgreen;
    font-family: Avenir Medium;
    font-size: 14px;
    margin: 0;
    width: 100%;
    cursor: pointer;
    text-align: center;
}


.css_cldapp_om_ordman_lsm_stores_item_strcompcnt {
    position: relative;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    width: 100%;
    cursor: pointer;
    text-align: center;
}

.css_cldapp_om_ordman_lsm_stores_item_strcompcntsub {
    position: absolute;
    bottom: 5px;
    left: 10px;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 14px;
    margin: 0;
    /*width: 100%;*/
    cursor: pointer;
    text-align: center;
}



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



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





.css_cldapp_om_pageleftsidemenu_stationscontainer {
    position: relative;
    width: 100%;
    /*padding-top: 70px;*/
    padding-left: 20px;
    padding-right: 20px;
    height: 100%;
    /*overflow-x: hidden;*/
    -ms-overflow-style: none;
}

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

.css_cldapp_om_ordman_lsm_stations_section_name {
    position: relative;
    color: forestgreen;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    margin: 15px;
    width: 100%;
    cursor: pointer;
}


.css_cldapp_om_ordman_lsm_stations_list_item {
    position: relative;
    width: 100%;
    height: 80px;
    padding: 10px;
    border-top: 1px solid gray;
    text-align: center;
    margin-bottom: 10px;
}

.css_cldapp_om_ordman_lsm_stations_item_icn {
    position: absolute;
    top: 10px;
    left: 0;
    width: 60px;
    height: 60px;
    text-align: center;
    border: 1px solid #D2D2D2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    cursor: pointer;
}

.css_cldapp_om_ordman_lsm_stations_item_stn {
    position: absolute;
    top: 10px;
    left: 70px;
    /*width: 50px;*/
    height: 60px;
    text-align: left;
    border: 1px solid #D2D2D2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    cursor: pointer;
}

.css_cldapp_om_ordman_lsm_stations_item_stnactord {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 60px;
    height: 60px;
    text-align: left;
    border: 1px solid #D2D2D2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    cursor: pointer;
}

.css_cldapp_om_ordman_lsm_stations_item_stncompord {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 60px;
    height: 60px;
    text-align: left;
    border: 1px solid #D2D2D2;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    cursor: pointer;
}

.css_cldapp_om_ordman_lsm_stations_item_stnname {
    position: relative;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    margin: 5px 5px 0 5px;
    width: 100%;
    cursor: pointer;
    text-align: left;
}

.css_cldapp_om_ordman_lsm_stations_item_stnsub {
    position: relative;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 14px;
    margin: 0 5px 5px 5px;
    width: 100%;
    cursor: pointer;
}

.css_cldapp_om_ordman_lsm_stations_item_stnactcnt {
    position: relative;
    color: forestgreen;
    font-family: Avenir Medium;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    width: 100%;
    cursor: pointer;
    text-align: center;
}

.css_cldapp_om_ordman_lsm_stations_item_stnactcntsub {
    position: relative;
    color: forestgreen;
    font-family: Avenir Medium;
    font-size: 14px;
    margin: 0;
    width: 100%;
    cursor: pointer;
    text-align: center;
}


.css_cldapp_om_ordman_lsm_stations_item_stncompcnt {
    position: relative;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    width: 100%;
    cursor: pointer;
    text-align: center;
}

.css_cldapp_om_ordman_lsm_stations_item_stncompcntsub {
    position: relative;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 14px;
    margin: 0;
    width: 100%;
    cursor: pointer;
    text-align: center;
}


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

.css_qrpos_demoapp_footertitle_captivapos_cont {
    position: fixed;
    right: 10px;
    bottom: 0;
    text-align: right;
    color: silver;
    padding: 5px;
    font-size: 10px;
    font-weight: 400;
    z-index: 100;
}


.css_qrpos_demoapps_homepanel {
    font-family: Poppins;
    position: relative;
    z-index: 20;
    display: flex;
    flex-direction: column;
    /*background-color: white;*/
}

.css_qrpos_demo_custreg_openpanel_cont {
    border-radius: 10px;
    border: 1px solid silver;
    padding: 10px 20px;
    margin: 10px auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    cursor: pointer;
}

    .css_qrpos_demo_custreg_openpanel_cont:hover {
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
    }

.css_qrpos_custreg_openpanel_button_title {
    font-size: 14px;
    margin-top: 2px;
    font-weight: 500;
    color: darkslategray;
}

.css_qrpos_custreg_openpanel_button_icon {
    margin: 0 10px;
}

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

.css_qrpos_demo_detail_panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.css_qrpos_demo_detail_panel_txt_title {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: darkslategray;
    text-align: center;
}

.css_qrpos_demo_detail_panel_txt_subtitle {
    text-align: center;
    font-size: 12px;
    font-weight: 300;
    color: slategray;
    max-width: 500px;
    margin: 5px auto;
}

.css_qrpos_demoapps_homepanel_title_cont {
    /*width: 100%;*/
    text-align: center;
    padding: 20px 10px;
    display: flex;
    flex-direction: column;
    color: white;
    z-index: 20;
    border-radius: 6px;
    color: darkgoldenrod;
}

.css_gen_navbackcont {
    position: relative;
    cursor: pointer;
    margin: auto 10px;
    /* padding-top: 5px; */
    color: lightgray;
    /* background-color: white; */
    /* border-radius: 20px; */
    /* height: 36px;*/
}

    .css_gen_navbackcont:hover {
        color: slategray;
    }

.css_qrpos_homepanel_overlay_txt_title {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.css_demoapps_overlay_txt_minititle {
    font-size: 22px;
    font-weight: 500;
    color: steelblue;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.css_qrpos_homepanel_overlay_txt_subtitle {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: slategray;
}


.css_qrposdemo_apps_container {
    display: flex;
    /*width: 100vw;*/
}

.css_qrposdemo_app_container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 10px auto;
}

.css_qrposdemo_app_image_container {
    margin: 10px auto;
}

.css_qrposdemo_appdevice_image {
    max-width: 200px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
    object-fit: cover;
    border-radius: 28px;
    cursor: pointer;
}

    .css_qrposdemo_appdevice_image:hover {
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5);
    }

.css_demo_livedemo_button {
    margin: 20px auto 10px auto;
    padding: 10px 20px;
    border: 2px solid silver;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    color: steelblue;
    background-color: white;
    cursor: pointer;
}

    .css_demo_livedemo_button:hover {
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
        /*text-decoration: underline;*/
    }

.css_demo_send_custreg_message_button {
    margin: 20px auto 10px auto;
    padding: 10px 20px;
    border: 2px solid silver;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    color: steelblue;
    background-color: white;
    cursor: pointer;
}

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

.css_demo_send_custreg_messagebutt_std {
    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;
    padding-top: 10px;
    margin: 10px auto;
    text-align: center;
}

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


.css_qrpos_homepanel_customer_message_tpnl {
    position: relative;
    padding: 10px;
    display: flex;
    flex-direction: column;
    margin: 10px auto;
}

.css_qrpos_homepanel_customer_message_title_cont {
    text-align: left;
}

.css_qrpos_homepanel_customer_message_title {
    font-weight: 600;
    color: darkslategray;
    font-size: 16px;
    display: flex;
}

.css_qrpos_homepanel_customer_leaveamessage_title {
    padding-top: 10px;
    margin-left: 5px;
    color: darkslateblue;
}

.css_qrpos_homepanel_customer_message_subtitle {
    /*text-align: center;*/
    color: darkslateblue;
    font-size: 10px;
}

.css_qrpos_homepanel_customer_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_qrpos_homepanel_customer_message_noemojis {
    color: darkorange;
    font-size: 10px;
    font-weight: 400;
}

.css_qrpos_homepanel_cust_registration_entrytext {
    margin: 0;
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: darkgray;
    font-size: 12px;
    font-family: Poppins;
    background-color: white;
    padding: 6px 20px 6px 20px;
    width: 100%;
}

.css_qrpos_homepanel_cust_registration_lbltext {
    font-size: 12px;
    font-family: Poppins;
    text-align: left;
    color: darkslateblue;
    font-weight: 600;
    margin-top: 10px;
}

.css_qrpos_homepanel_cust_registration_lblsubtext {
    font-size: 10px;
    font-family: Poppins;
    text-align: left;
    color: darkslateblue;
    font-weight: 400;
}







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

.css_cldapp_om_page_banner {
    position: fixed;
    top: 55px;
    left: calc((100vw /2) - 130px);
    width: 260px;
    height: 30px;
    text-align: center;
    border-radius: 15px;
    background-color: #FFFFFF;
    border: 2px solid dodgerblue;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    z-index: 10;
}

.css_cldapp_om_topmenubar_pageview_lbl {
    position: relative;
    max-width: 240px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    font-family: Quicksand;
    color: dodgerblue;
}

.css_cldapp_om_pagemain_canvas {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 150px);
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.5);
    background: linear-gradient(#f0eded, #e0dfdf);
    padding-top: 10px;
    padding-bottom: 10px;
}

.css_cldapp_lch_storesettings_container {
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    padding: 5px;
}

.css_cldapp_lch_catsettings_container {
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    padding: 5px;
}

.css_cldapp_lch_appsettings_container {
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    padding: 5px;
}





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

.css_cldapp_appmgr_ecommsetup_close_butt {
    margin: 50px auto 20px auto;
    height: 40px;
    width: 120px;
    text-align: center;
    font-weight: 400;
    background-color: white;
    font-family: 'Poppins';
    font-size: 16px;
    color: darkcyan;
    border: 2px solid silver;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 7px 10px;
}

    .css_cldapp_appmgr_ecommsetup_close_butt:hover {
        background-color: darkcyan;
        color: white;
        border-color: white;
    }


.css_cldapp_appmgr_ecommsetup_setup_section_div {
    width: 100%;
    max-width: 500px;
    text-align: left;
    padding: 10px;
    margin: 0;
    font-family: Quicksand;
    font-size: 12px;
    color: #000000;
    border-radius: 3px;
    border: 1px solid #656565;
    background-color: white;
}

.css_cldapp_appmgr_ecommsetup_fieldsection_div {
    width: 100%;
    max-width: 500px;
    text-align: left;
    padding: 5px;
}

.css_cldapp_appmgr_ecommsetup_field_value {
    /*width: 150px;*/
    font-weight: bold;
    color: dodgerblue;
    text-align: left;
    font-family: Poppins;
    font-size: 16px;
}

.css_cldapp_appmgr_ecommsetup_saveecomm_butt {
    margin: 50px auto 20px auto;
    height: 40px;
    /*width: 120px;*/
    text-align: center;
    font-weight: 400;
    background-color: white;
    font-family: 'Poppins';
    font-size: 16px;
    color: darkcyan;
    border: 2px solid silver;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 7px 10px;
}

    .css_cldapp_appmgr_ecommsetup_saveecomm_butt:hover {
        background-color: darkcyan;
        color: white;
        border-color: white;
    }

.css_cldapp_appmgr_ecommsetup_removeecomm_butt {
    margin: 50px auto 20px auto;
    height: 40px;
    /*width: 120px;*/
    text-align: center;
    font-weight: 400;
    background-color: white;
    font-family: 'Poppins';
    font-size: 16px;
    color: darkred;
    border: 2px solid silver;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 7px 10px;
}

    .css_cldapp_appmgr_ecommsetup_removeecomm_butt:hover {
        background-color: darkred;
        color: white;
        border-color: white;
    }


.css_cldapp_appmgr_webjobmgrsetup_close_butt {
    margin: 50px auto 20px auto;
    height: 40px;
    width: 120px;
    text-align: center;
    font-weight: 400;
    background-color: white;
    font-family: 'Poppins';
    font-size: 16px;
    color: darkcyan;
    border: 2px solid silver;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 7px 10px;
}

    .css_cldapp_appmgr_webjobmgrsetup_close_butt:hover {
        background-color: darkcyan;
        color: white;
        border-color: white;
    }



.css_cldapp_appmgr_webjobmgrsetup_setup_section_div {
    width: 100%;
    max-width: 500px;
    text-align: left;
    padding: 10px;
    margin: 0;
    font-family: Quicksand;
    font-size: 12px;
    color: #000000;
    border-radius: 3px;
    border: 1px solid #656565;
    background-color: white;
}

.css_cldapp_appmgr_webjobmgrsetup_fieldsection_div {
    width: 100%;
    max-width: 500px;
    text-align: left;
    padding: 5px;
}

.css_cldapp_appmgr_webjobmgrsetup_field_value {
    /*width: 150px;*/
    font-weight: bold;
    color: dodgerblue;
    text-align: left;
    font-family: Poppins;
    font-size: 16px;
}

.css_cldapp_appmgr_webjobmgrsetup_savewebjobmgr_butt {
    margin: 50px auto 20px auto;
    height: 40px;
    /*width: 120px;*/
    text-align: center;
    font-weight: 400;
    background-color: white;
    font-family: 'Poppins';
    font-size: 16px;
    color: darkcyan;
    border: 2px solid silver;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 7px 10px;
}

    .css_cldapp_appmgr_webjobmgrsetup_savewebjobmgr_butt:hover {
        background-color: darkcyan;
        color: white;
        border-color: white;
    }



.css_cldapp_appmgr_cancelrefundorder_close_butt {
    margin: 50px auto 20px auto;
    height: 40px;
    width: 120px;
    text-align: center;
    font-weight: 400;
    background-color: white;
    font-family: 'Poppins';
    font-size: 16px;
    color: darkcyan;
    border: 2px solid silver;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 7px 10px;
}

    .css_cldapp_appmgr_cancelrefundorder_close_butt:hover {
        background-color: darkcyan;
        color: white;
        border-color: white;
    }

.css_cldapp_appmgr_cancelrefundorder_finish_butt {
    margin: 50px auto 20px auto;
    height: 40px;
    width: 120px;
    text-align: center;
    font-weight: 400;
    background-color: white;
    font-family: 'Poppins';
    font-size: 16px;
    color: darkgreen;
    border: 2px solid silver;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 7px 10px;
}

    .css_cldapp_appmgr_cancelrefundorder_finish_butt:hover {
        background-color: green;
        color: white;
        border-color: white;
    }


.css_cldapp_appmgr_cancelrefundorder_setup_section_div {
    width: 100%;
    max-width: 500px;
    text-align: left;
    padding: 10px;
    margin: 0;
    font-family: Quicksand;
    font-size: 12px;
    color: #000000;
    border-radius: 3px;
    border: 1px solid #656565;
    background-color: white;
}

.css_cldapp_appmgr_cancelrefundorder_section_title {
    width: 100%;
    font-family: Quicksand;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    color: dodgerblue;
}

.css_cldapp_appmgr_cancelrefundorder_message_textlbl {
    width: 80%;
    min-height: 100px;
    text-align: left;
    padding: 10px;
    font-family: Quicksand;
    font-size: 12px;
    color: #000000;
    border-radius: 3px;
    border: 1px solid #656565;
    background-color: #e6e3e3;
}

.css_cldapp_appmgr_cancelrefundorder_send_butt {
    margin: 50px auto 20px auto;
    height: 40px;
    /*width: 120px;*/
    text-align: center;
    font-weight: 400;
    background-color: white;
    font-family: 'Poppins';
    font-size: 16px;
    color: darkcyan;
    border: 2px solid silver;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 7px 10px;
}

    .css_cldapp_appmgr_cancelrefundorder_send_butt:hover {
        background-color: darkcyan;
        color: white;
        border-color: white;
    }




.css_cldapp_appmgr_testsms_setup_section_div {
    width: 100%;
    max-width: 500px;
    text-align: left;
    padding: 10px;
    margin: 0;
    font-family: Quicksand;
    font-size: 12px;
    color: #000000;
    border-radius: 3px;
    border: 1px solid #656565;
    background-color: white;
}

.css_cldapp_appmgr_testsms_section_title {
    width: 100%;
    font-family: Quicksand;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    color: dodgerblue;
}

.css_cldapp_appmgr_testsms_message_textlbl {
    width: 80%;
    min-height: 100px;
    text-align: left;
    padding: 10px;
    font-family: Quicksand;
    font-size: 12px;
    color: #000000;
    border-radius: 3px;
    border: 1px solid #656565;
    background-color: #e6e3e3;
}

.css_cldapp_appmgr_testsms_recipient_div {
    width: 100%;
    max-width: 500px;
    text-align: left;
    padding: 5px;
}

.css_cldapp_appmgr_testsms_recipient_number {
    width: 150px;
    font-weight: bold;
    color: dodgerblue;
    text-align: left;
    font-family: Poppins;
    font-size: 16px;
}

.css_cldapp_appmgr_testsms_sendsms_butt {
    margin: 50px auto 20px auto;
    height: 40px;
    /*width: 120px;*/
    text-align: center;
    font-weight: 400;
    background-color: white;
    font-family: 'Poppins';
    font-size: 16px;
    color: darkcyan;
    border: 2px solid silver;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 7px 10px;
}

    .css_cldapp_appmgr_testsms_sendsms_butt:hover {
        background-color: darkcyan;
        color: white;
        border-color: white;
    }

.css_cldapp_appmgr_testsms_close_butt {
    margin: 50px auto 20px auto;
    height: 40px;
    width: 120px;
    text-align: center;
    font-weight: 400;
    background-color: white;
    font-family: 'Poppins';
    font-size: 16px;
    color: darkcyan;
    border: 2px solid silver;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 7px 10px;
}

    .css_cldapp_appmgr_testsms_close_butt:hover {
        background-color: darkcyan;
        color: white;
        border-color: white;
    }


.css_cldapp_appmgr_addstoreconfigtemp_setup_section_div {
    width: 100%;
    max-width: 500px;
    text-align: left;
    padding: 10px;
    margin: 0;
    font-family: Quicksand;
    font-size: 12px;
    color: #000000;
    border-radius: 3px;
    border: 1px solid #656565;
    background-color: white;
}

.css_cldapp_appmgr_addstoreconfigtemp_section_title {
    width: 100%;
    font-family: Quicksand;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    color: dodgerblue;
}

.css_cldapp_appmgr_addstoreconfigtemp_desc_textlbl {
    width: 80%;
    min-height: 100px;
    text-align: left;
    padding: 10px;
    font-family: Quicksand;
    font-size: 12px;
    color: #000000;
    border-radius: 3px;
    border: 1px solid #656565;
    background-color: #e6e3e3;
}

.css_cldapp_appmgr_addstoreconfigtemp_desc_div {
    width: 100%;
    max-width: 500px;
    text-align: left;
    padding: 5px;
}

.css_cldapp_appmgr_addstoreconfigtemp_addname {
    width: 150px;
    font-weight: bold;
    color: dodgerblue;
    text-align: left;
    font-family: Poppins;
    font-size: 16px;
}

.css_cldapp_appmgr_addstoreconfigtemp_savenew_butt {
    margin: 50px auto 20px auto;
    height: 40px;
    /*width: 120px;*/
    text-align: center;
    font-weight: 400;
    background-color: white;
    font-family: 'Poppins';
    font-size: 16px;
    color: darkcyan;
    border: 2px solid silver;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 7px 10px;
}

    .css_cldapp_appmgr_addstoreconfigtemp_savenew_butt:hover {
        background-color: darkcyan;
        color: white;
        border-color: white;
    }


.css_cldapp_appmgr_workspace_topmenubar_cont {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 65px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background-color: white;
    border-bottom: 1px solid silver;
    justify-content: flex-start;
    z-index: 100;
}

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

.css_appmgr_hme_menu_desktop_canvas {
    text-align: center;
    height: 100%;
    border-radius: 8px;
    padding: 10px;
    margin: 0 auto 0 auto;
    position: relative;
    width: 100%;
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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

.css_appmgr_hme_desktopmenu_optionsbuttontitlecont {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    background-color: darkblue;
    color: white;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
}



.css_appmgr_hme_desktopmenu_optionsbuttontitlepanel {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    border-top: 1px solid white;
    padding-top: 10px;
    margin-top: 40px;
}

.css_appmgr_hme_desktopmenu_options_butttitlepanel_icon {
    text-align: center;
    margin: 10px;
}

.css_appmgr_hme_desktopmenu_options_buttpanel_title {
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    font-family: Poppins;
    padding-top: 10px;
    color: white;
}

.css_appmgr_hme_desktopmenu_options_buttpanel_id {
    text-align: left;
    font-size: 10px;
    font-weight: 400;
    font-family: Poppins;
    /*padding-top: 10px;*/
    color: silver;
}

.css_appmgr_hme_desktopmenu_optionsbuttonpanel {
    width: 100%;
}

.css_appmgr_hme_desktopmenu_panel_container {
    width: 100%;
    margin-bottom: 10px 0;
}


.css_appmgr_hme_desktopmenu_optionsbuttoncontainer {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 15px;
}


.css_appmgr_hme_desktopmenu_options_buttonpanelbox {
    cursor: pointer;
}


.css_appmgr_hme_desktopmenu_options_button {
    text-align: center;
    padding: 10px 10px 20px 10px;
    margin: 10px 20px;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    height: 150px;
    width: 150px;
    min-width: 120px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background-color: white;
}

    .css_appmgr_hme_desktopmenu_options_button:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    }


.css_appmgr_hme_desktopmenu_options_butt_icon {
    text-align: center;
    margin: 10px;
}

.css_appmgr_hme_desktopmenu_options_butt_title {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    font-family: Poppins;
}

.css_appmgr_hme_desktopmenu_options_butt_desc {
    text-align: center;
    font-size: 10px;
    font-family: Poppins;
}





.css_appmanager_workspace_container {
    position: relative;
    font-family: Poppins;
    padding-top: 10px;
    margin: 60px auto 30px auto;
}

.css_appmanager_workspace_section_container {
    position: relative;
}




.css_appmgr_assign_app_stores_banner {
    position: relative;
    padding: 5px 10px;
    margin: 5px auto 5px 10px;
    text-align: center;
    border-radius: 15px;
    background-color: #FFFFFF;
    border: 2px solid dodgerblue;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    z-index: 10;
}

.css_appmgr_assign_app_stores_banner_title {
    position: relative;
    /*max-width: 240px;*/
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    font-family: Poppins;
    color: dodgerblue;
}

.css_appmgr_assign_app_stores_banner_subtitle {
    position: relative;
    /*max-width: 240px;*/
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    font-family: Poppins;
    color: darkslategrey;
    margin: 10px auto 5px 5px;
}

.css_appmgr_assign_app_stores_canvas_container {
    margin: 10px;
    font-family: Poppins;
}

.css_appmgr_assign_app_stores_storetitle {
    background-color: dodgerblue;
    color: white;
    font-size: 22px;
    padding: 0 10px;
    font-weight: 600;
    /* margin: 5px; */
    text-align: left;
}

.css_appmgr_assign_app_stores_storeid {
    color: silver;
    font-size: 12px;
    font-weight: 400;
    margin: 0 5px;
    text-align: left;
}

.css_appmgr_assign_app_stores_storeassignedbrand {
    color: mediumvioletred;
    font-size: 14px;
    font-weight: 500;
    margin: 0 5px;
    text-align: left;
}



.css_appmgr_assign_app_stores_canvas {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    padding: 5px;
}

.css_appmgr_assign_app_stores_list_item {
    position: relative;
    background-color: white;
    text-align: left;
    border: 1px solid #D2D2D2;
    /* border-radius: 4px 4px 0 0; */
    /* padding: 0 10px; */
    margin: 10px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    min-height: 150px;
    display: flex;
    flex-direction: column;
}

.css_appmgr_assign_app_stores_button_block {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    padding: 5px;
}

.css_appmgr_assign_app_stores_button_block_title {
    color: darkgreen;
    font-size: 14px;
    font-weight: 600;
    margin: 5px;
    text-align: left;
    text-decoration: underline;
}

.css_appmgr_assign_app_stores_button_canvas {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    padding: 5px;
}

.css_appmgr_assign_app_stores_add_button {
    position: relative;
    /*bottom: 10px;
    right: 5px;*/
    /*height: 40px;
    width: 140px;*/
    text-align: center;
    /*font-weight: bold;*/
    background-color: white;
    font-family: Poppins;
    font-size: 16px;
    color: dodgerblue;
    border: 2px solid #1e90ff;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 5px 10px;
    margin: 10px auto 5px 10px;
    min-width: 200px
}

    .css_appmgr_assign_app_stores_add_button:hover {
        color: white;
        background-color: dodgerblue;
    }


.css_appmgr_assign_app_stores_button_remove_block_title {
    color: red;
    font-size: 14px;
    font-weight: 600;
    margin: 5px;
    text-align: left;
    text-decoration: underline;
}


.css_appmgr_assign_app_stores_remove_button {
    position: relative;
    /*bottom: 10px;
    right: 5px;*/
    /*height: 40px;
    width: 140px;*/
    text-align: center;
    /*font-weight: bold;*/
    background-color: white;
    font-family: Poppins;
    font-size: 16px;
    color: darkred;
    border: 2px solid palevioletred;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 5px 10px;
    margin: 10px auto 5px 10px;
    min-width: 200px;
}

    .css_appmgr_assign_app_stores_remove_button:hover {
        color: white;
        background-color: darkred;
    }




.css_appmgr_main_loading_container {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 20px;
    border-radius: 8px;
    border: 2px solid silver;
    background-color: white;
}


.css_cldapp_appmgr_mapareas_pagefooter_canvas {
    position: fixed;
    bottom: 5px;
    left: 0;
    width: 100vw;
    height: 100px;
    text-align: center;
    background-color: #FFFFFF;
    border-top: 1px solid #6f6f6f;
}


.css_cldapp_appmgr_mapareas_pagefooter_bar {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    text-align: center;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
}


.css_cldapp_appmgr_mapareas_pagefooter_bar_butt_box {
    display: flex;
    flex-direction: column;
    height: 90px;
    width: 120px;
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 10px;
    padding: 5px;
    cursor: pointer;
    text-align: center;
}

    .css_cldapp_appmgr_mapareas_pagefooter_bar_butt_box:hover {
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);
    }

.css_cldapp_appmgr_mapareas_pagefooter_bar_butt_txt {
    width: 100%;
    color: steelblue;
    font-family: Poppins;
    font-size: 16px;
    text-align: center;
}

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

.css_appmgr_mapareas_map_optionspnl {
    position: fixed;
    right: 10px;
    top: 130px;
    /*height: 65px;*/
    max-width: 150px;
    min-width: 120px;
    padding: 10px;
    background-color: lightsteelblue;
    padding: 10px 0;
    border-radius: 4px;
    border: 2px solid white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    z-index: 10;
    display: flex;
    flex-direction: column;
}

.css_appmgr_mapareas_map_options_title {
    border: none;
    font-size: 12px;
    font-family: Poppins;
    color: #FFFFFF;
}

.css_appmgr_mapareas_map_option_item {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    border-bottom: 1px solid white;
    margin: 5px auto;
    padding: 0 10px;
    width: 100%;
    cursor: pointer;
}

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

.css_appmgr_mapareas_map_option_head_title {
    border: none;
    font-size: 16px;
    font-weight: 600;
    font-family: Poppins;
    color: #FFFFFF;
}

.css_appmgr_mapareas_map_option_item_addtitle {
    border: none;
    font-size: 14px;
    font-weight: 400;
    font-family: Poppins;
    color: #FFFFFF;
    cursor: pointer;
}

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

.css_appmgr_mapareas_map_option_item_title {
    border: none;
    margin-left: 5px;
    font-size: 12px;
    font-weight: 400;
    font-family: Poppins;
    color: green;
    cursor: pointer;
}

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

.css_appmgr_mapareas_map_option_item_title_nosvc {
    border: none;
    margin-left: 5px;
    font-size: 12px;
    font-weight: 400;
    font-family: Poppins;
    color: darkred;
    cursor: pointer;
}

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


.css_appmgr_mapareas_map_banner {
    position: absolute;
    top: 55px;
    left: calc((100vw /2) - 130px);
    width: 260px;
    height: 30px;
    text-align: center;
    border-radius: 15px;
    background-color: #FFFFFF;
    border: 2px solid dodgerblue;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    z-index: 10;
}

.css_appmgr_mapareas_map_banner_title {
    position: relative;
    max-width: 240px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    font-family: Poppins;
    color: dodgerblue;
}

.css_cldapp_areamap_storesetup_svc_cb {
    margin-left: 10px;
}

.css_appmgr_mapareas_store_maparea_settings {
    position: absolute;
    top: 300px;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: left;
    padding: 10px;
    /*height:250px;
    width: 200px;*/
    border-radius: 8px;
    border-width: 2px;
    border-style: solid;
    background-color: white;
    z-index: 100;
}

.css_cldapp_areamap_storesetup_add_areaname {
    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: 10px 10px 2px 10px;
    /*width: 100%;*/
}

.css_appmgr_maparea_color_cont {
    width: 100%;
}

.css_appmgr_maparea_color_lbl {
    font-family: Poppins;
    font-size: 14px;
}

.css_appmgr_maparea_color_picker {
    height: 50px;
    width: 100px;
}

.css_cldapp_areamap_storesetup_add_area_delchgvalue_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: 10px 10px 2px 10px;
    width: 100%;
}

.css_cldapp_areamap_storesetup_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: 14px;
    width: 120px;
    height: 45px;
    padding-top: 10px;
    margin: 40px auto 10px auto;
    cursor: pointer;
    /*padding-top: 10px;*/
    text-align: center;
}

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

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

    .css_cldapp_areamap_storesetup_cancel_but:hover {
        background-color: red;
    }



.css_maparea_loadingspin {
    position: relative;
    margin: 80px auto;
    background-color: steelblue;
    max-width: 300px;
    padding: 10px;
    border-radius: 8px;
}

.css_maparea_loadingspin_text {
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    color: white;
    margin: 20px auto 5px auto;
}

.css_maparea_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_appmgr_mapareas_storelist_elementpanel {
    position: relative;
    display: inline-block;
    /*height: 200px;*/
    min-width: 300px;
    border-radius: 6px;
    border-color: steelblue;
    border-width: 2px;
    border-style: solid;
    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 5px;
    cursor: pointer;
}

    .css_appmgr_mapareas_storelist_elementpanel:hover {
        background-color: antiquewhite;
    }

.css_appmgr_mapareas_storelist_storetitle {
    width: 100%;
    color: steelblue;
    font-family: Poppins;
    font-size: 18px;
    font-weight: bold;
    margin: 4px;
    text-align: left;
    padding-left: 10px;
    cursor: pointer;
    cursor: pointer;
}

.css_appmgr_mapareas_storelist_servicearea_title {
    width: 100%;
    color: darkgreen;
    font-family: Poppins;
    font-size: 12px;
    margin: 2px;
    text-align: left;
    padding-left: 10px;
    cursor: pointer;
}

.css_appmgr_mapareas_storelist_noservicearea_title {
    width: 100%;
    color: darkred;
    font-family: Poppins;
    font-size: 12px;
    margin: 2px;
    text-align: left;
    padding-left: 10px;
    cursor: pointer;
}

.css_appmgr_mapareas_storelist_paneltitle {
    background-color: steelblue;
    /*margin: 15px;
    padding: 15px;*/
    border: 1px solid lightsteelblue;
    border-radius: 1px;
    font-family: Poppins;
    color: #FFFFFF;
    font-size: 24px;
}

.css_appmgr_mapareas_storelist_panel {
    text-align: center;
    width: 100%;
    /*height: 900px;*/
    margin: 30px auto;
    padding: 10px;
    background-color: white;
    /*border: 1px solid rgba(255, 255, 255, 0.2);*/
    border-radius: 3px 3px 3px 3px;
}

.css_appmgr_mapareas_storeareas_panel {
    margin: 10px;
}

.css_appmgr_mapareas_storeareas_panel_canvas {
    display: flex;
    flex-direction: column;
    text-align: center;
    /*padding: 10px;*/
}

.css_appmgr_mapareas_storelist_panel_displayarea {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 100%;
    max-width: 400px;
    margin: 10px auto;
    padding: 10px;
    background-color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    z-index: 10;
}

.css_appmgr_mapareas_storelist_panel_canvas {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 10px;
}


.css_appmgr_mapareas_map_shapes_title {
    border: none;
    font-size: 12px;
    font-family: Poppins;
    color: #FFFFFF;
}

.css_appmgr_mapareas_map_shapes_head_title {
    border: none;
    font-size: 16px;
    font-weight: 600;
    font-family: Poppins;
    color: #FFFFFF;
}

.css_appmgr_mapareas_map_shapes_item {
    position: relative;
    margin: 5px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    border-bottom: 1px solid white;
    cursor: pointer;
}

.css_appmgr_mapareas_map_shape_item_addtitle {
    border: none;
    font-size: 12px;
    font-weight: 400;
    font-family: Poppins;
    color: #FFFFFF;
}

.css_appmgr_mapareas_map_shape_item_backtitle {
    border: none;
    font-size: 12px;
    font-family: Poppins;
    color: #FFFFFF;
}

.css_appmgr_mapareas_storeareashapes_panel {
    /*margin: 10px;*/
}

.css_appmgr_mapareas_storeareas_shapespanel_canvas {
    display: flex;
    flex-direction: column;
    text-align: center;
    /*padding: 10px;*/
}

.css_appmgr_mapareas_map_optionshape_item {
    position: relative;
    margin: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    border-bottom: 1px solid white;
    cursor: pointer;
}

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

.css_appmgr_mapareas_map_optionshape_item_title {
    border: none;
    margin-left: 10px;
    font-size: 12px;
    font-family: Poppins;
    color: #FFFFFF;
    cursor: pointer;
}

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



.css_cldapp_areamap_storeareasetup_saveshapes_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: 12px;
    width: 120px;
    height: 30px;
    padding-top: 5px;
    margin: 10px auto;
    cursor: pointer;
    /*padding-top: 10px;*/
    text-align: center;
}

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

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

    .css_cldapp_areamap_storeareasetup_cancelshapes_but:hover {
        background-color: red;
    }

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

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

.css_cldapp_om_map_optionspnl {
    position: fixed;
    right: 10px;
    top: calc((100vh / 2) - 30px);
    height: 65px;
    width: 110px;
    background-color: gray;
    border-radius: 4px;
    border: 2px solid white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    z-index: 10;
}

.css_cldapp_om_map_optionspnl_unmapcnt_lbl {
    position: absolute;
    top: 2px;
    left: 8px;
    height: 16px;
    width: 16px;
    border-radius: 8px;
    padding-top: 2px;
    color: white;
    background-color: darkorange;
    text-align: center;
    font-family: Avenir Medium;
    font-size: 10px;
    font-weight: bold;
    z-index: 3;
}

.css_cldapp_om_map_optionspnl_t {
    position: absolute;
    top: 0;
    left: 5px;
    width: 100px;
    height: 30px;
    border-bottom: 1px solid white;
    cursor: pointer;
}

.css_cldapp_om_map_optionspnl_b {
    position: absolute;
    top: 30px;
    left: 5px;
    width: 100px;
    height: 30px;
    cursor: pointer;
}

.css_cldapp_om_map_optionspnl_t_lbl {
    position: absolute;
    top: 10px;
    left: 25px;
    border: none;
    font-size: 12px;
    font-family: Quicksand;
    color: #FFFFFF;
}

.css_cldapp_om_map_optionspnl_b_lbl {
    position: absolute;
    top: 10px;
    left: 25px;
    border: none;
    font-size: 12px;
    font-family: Quicksand;
    color: #FFFFFF;
}

.css_cldapp_om_pagefooter_canvas {
    position: fixed;
    bottom: 5px;
    left: 0;
    width: 100vw;
    height: 100px;
    text-align: center;
    background-color: #FFFFFF;
    border-top: 1px solid #6f6f6f;
}

.css_cldapp_om_orderbar {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    text-align: center;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.css_cldapp_om_directionsbar {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    text-align: center;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.css_cldapp_om_directbar_butt_box {
    display: flex;
    flex-direction: column;
    height: 90px;
    width: 120px;
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 10px;
    padding: 5px;
    cursor: pointer;
    text-align: center;
}

    .css_cldapp_om_directbar_butt_box:hover {
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);
    }

.css_cldapp_om_directbar_butt_type {
    width: 100%;
    color: brown;
    font-family: Avenir Medium;
    font-size: 16px;
    text-align: center;
}

.css_cldapp_om_ordertype_box {
    display: flex;
    flex-direction: column;
    height: 90px;
    width: 120px;
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 10px;
    padding: 5px;
    cursor: pointer;
    text-align: center;
}

    .css_cldapp_om_ordertype_box:hover {
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);
    }

.css_cldapp_om_lastdirect_box {
    display: flex;
    flex-direction: column;
    height: 90px;
    width: 120px;
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 10px;
    padding: 5px;
    cursor: pointer;
    text-align: center;
}

    .css_cldapp_om_lastdirect_box:hover {
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);
    }

.css_cldapp_om_lastdirect_title_type {
    width: 100%;
    color: dimgrey;
    font-family: Avenir Medium;
    font-size: 16px;
    text-align: center;
}

.css_cldapp_om_lastdirect_sublabel {
    width: 100%;
    color: dimgrey;
    font-family: Avenir Medium;
    font-size: 12px;
    text-align: center;
}

.css_cldapp_om_ordertype_all_type {
    width: 100%;
    color: green;
    font-family: Avenir Medium;
    font-size: 16px;
    text-align: center;
}

.css_cldapp_om_ordertype_all_count {
    width: 100%;
    color: green;
    font-family: Avenir Medium;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

.css_cldapp_om_ordertype_all_sublabel {
    width: 100%;
    color: green;
    font-family: Avenir Medium;
    font-size: 12px;
    text-align: center;
}

.css_cldapp_om_ordertype_stationsbutt_type {
    width: 100%;
    color: brown;
    font-family: Avenir Medium;
    font-size: 16px;
    text-align: center;
}

.css_cldapp_om_ordertype_stationsbutt_sublabel {
    width: 100%;
    color: brown;
    font-family: Avenir Medium;
    font-size: 12px;
    text-align: center;
}

.css_cldapp_om_ordertype_driversbutt_type {
    width: 100%;
    color: darkcyan;
    font-family: Avenir Medium;
    font-size: 16px;
    text-align: center;
}

.css_cldapp_om_ordertype_driversbutt_count {
    width: 100%;
    color: darkcyan;
    font-family: Avenir Medium;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

.css_cldapp_om_ordertype_driversbutt_sublabel {
    width: 100%;
    color: darkcyan;
    font-family: Avenir Medium;
    font-size: 12px;
    text-align: center;
}

.css_cldapp_om_ordertype_type {
    width: 100%;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 16px;
    text-align: center;
}

.css_cldapp_om_ordertype_count {
    width: 100%;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

.css_cldapp_om_ordertype_sublabel {
    width: 100%;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 12px;
    text-align: center;
}

.css_cldapp_om_ordertype_online_type {
    width: 100%;
    color: darkmagenta;
    font-family: Avenir Medium;
    font-size: 16px;
    text-align: center;
}

.css_cldapp_om_ordertype_online_count {
    width: 100%;
    color: darkmagenta;
    font-family: Avenir Medium;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

.css_cldapp_om_ordertype_online_sublabel {
    width: 100%;
    color: darkmagenta;
    font-family: Avenir Medium;
    font-size: 12px;
    text-align: center;
}

.css_cldapp_om_ordertype_void_type {
    width: 100%;
    color: red;
    font-family: Avenir Medium;
    font-size: 16px;
    text-align: center;
}

.css_cldapp_om_ordertype_void_count {
    width: 100%;
    color: red;
    font-family: Avenir Medium;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

.css_cldapp_om_ordertype_void_sublabel {
    width: 100%;
    color: red;
    font-family: Avenir Medium;
    font-size: 12px;
    text-align: center;
}

.css_cldapp_om_ordertype_stats_type {
    width: 100%;
    color: dimgrey;
    font-family: Avenir Medium;
    font-size: 16px;
    text-align: center;
}

.css_cldapp_om_ordertype_stats_sublabel {
    width: 100%;
    color: dimgrey;
    font-family: Avenir Medium;
    font-size: 12px;
    text-align: center;
}


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

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


.css_cldapp_om_orderpage_tiles_title_div {
    border-radius: 3px;
    border: 1px solid dodgerblue;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    color: white;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.css_cldapp_om_orderpage_tiles_title_lbl {
    font-size: 16px;
    font-weight: bold;
    font-family: Quicksand;
}


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

.css_cldapp_om_orders_order_homepanel_canvas {
    position: relative;
    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: 80px;
    margin-bottom: 30px;*/
    -ms-overflow-style: none;
}

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

.css_cldapp_om_orders_orderpanel {
    position: relative;
    display: inline-block;
    height: 260px;
    width: 320px;
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 10px;
    padding: 5px;
    text-align: left;
}

.css_cldapp_om_orders_orderpanel_void {
    position: relative;
    display: inline-block;
    height: 260px;
    width: 320px;
    border-radius: 6px;
    border: 1px solid #b22b17;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 10px;
    padding: 5px;
    text-align: left;
}

.css_cldapp_om_orders_ordername_textdiv {
    position: absolute;
    left: 25px;
    top: 10px;
    cursor: pointer;
    max-width: 280px;
    color: #000000;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

.css_cldapp_om_orders_orderreqtime_textdiv {
    position: absolute;
    right: 60px;
    top: 10px;
    cursor: pointer;
    /*max-width: 280px;*/
    color: #000000;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
}

.css_cldapp_om_orders_ordername_textdiv_void {
    position: absolute;
    left: 25px;
    top: 10px;
    max-width: 280px;
    color: #fd2100;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

.css_cldapp_om_orders_order_custname_textlbl {
    position: absolute;
    left: 10px;
    top: 45px;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    margin: auto;
    text-align: left;
}

.css_cldapp_om_orders_order_custaddr_textlbl {
    position: absolute;
    left: 10px;
    top: 75px;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 18px;
    margin: auto;
    text-align: left;
}

.css_cldapp_om_orders_orderdriver_textlbl {
    position: absolute;
    left: 10px;
    top: 105px;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 16px;
    margin: auto;
    text-align: left;
}

.css_cldapp_om_orders_orderitemcnt_textlbl {
    position: absolute;
    left: 10px;
    top: 135px;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 16px;
    margin: auto;
    text-align: left;
}

.css_cldapp_om_orders_orderpayline_textlbl {
    position: absolute;
    left: 10px;
    top: 165px;
    color: darkmagenta;
    font-family: Avenir Medium;
    font-size: 16px;
    margin: auto;
    text-align: left;
}

.css_cldapp_om_orders_orderprice_textlbl {
    position: absolute;
    right: 10px;
    top: 160px;
    color: black;
    font-family: Avenir Medium;
    font-size: 22px;
    font-weight: bold;
    margin: auto;
    text-align: right;
}

.css_cldapp_om_orders_order_greenitemdot {
    position: absolute;
    left: 10px;
    top: 18px;
    height: 10px;
    width: 10px;
    border-radius: 5px;
    background-color: #0ab100;
}


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

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

.css_cldapp_om_orders_orderservice_iconpanel {
    position: absolute;
    bottom: 5px;
    left: 10px;
    text-align: left;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 60px;
}

.css_cldapp_om_orders_order_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;
}

.css_cldapp_om_map_info_content {
    height: 180px;
    width: 300px;
    padding: 10px;
}

.css_cldapp_om_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_om_map_info_orderid_withint_textdiv {
    position: absolute;
    left: 50px;
    top: 10px;
    max-width: 280px;
    color: #000000;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

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

.css_cldapp_om_map_info_orderaddrmain_textdiv {
    position: absolute;
    left: 10px;
    top: 55px;
    max-width: 280px;
    color: #000000;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

.css_cldapp_om_map_info_orderaddrsub_textdiv {
    position: absolute;
    left: 10px;
    top: 75px;
    max-width: 280px;
    color: #000000;
    font-family: Avenir Medium;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
}

.css_cldapp_om_map_info_ordercustmsg_textdiv {
    position: absolute;
    left: 10px;
    top: 95px;
    max-width: 280px;
    max-height: 60px;
    color: red;
    font-family: Avenir Medium;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
}

.css_cldapp_om_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_om_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_om_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-family: Avenir Medium;
    font-size: 16px;
    width: 30px;
    height: 30px;
    /*margin: 10px 25px 10px 10px;*/
    cursor: pointer;
    padding-top: 2px;
    text-align: center;
}

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

.css_cldapp_om_map_info_manage_butt_hot {
    position: absolute;
    bottom: 10px;
    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-family: Avenir Medium;
    font-size: 16px;
    width: 280px;
    height: 45px;
    cursor: pointer;
    padding-top: 10px;
    text-align: center;
    /*margin: 10px auto 10px auto;*/
}

    .css_cldapp_om_map_info_manage_butt_hot:hover {
        background: #0081ff; /*linear-gradient(0deg, #4cbd08 0%, #49ff35 100%);*/
    }


.css_cldapp_om_map_drvinfo_content {
    height: 200px;
    width: 300px;
    padding: 10px;
}

.css_cldapp_om_map_drvinfo_name_textdiv {
    position: absolute;
    left: 70px;
    top: 35px;
    cursor: pointer;
    max-width: 280px;
    color: #000000;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

.css_cldapp_om_map_drvinfo_icon_div {
    position: absolute;
    left: 5px;
    top: 15px;
}

.css_cldapp_om_map_drvinfo_actcnt_textdiv {
    position: absolute;
    left: 10px;
    top: 65px;
    cursor: pointer;
    max-width: 280px;
    color: green;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    margin: 5px;
}

.css_cldapp_om_map_drvinfo_updatetime_textdiv {
    position: absolute;
    left: 10px;
    top: 95px;
    cursor: pointer;
    max-width: 280px;
    color: #000000;
    font-family: Avenir Medium;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    margin: 5px;
}


.css_cldapp_om_orders_order_manage_butt_hot {
    position: absolute;
    bottom: 10px;
    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-family: Avenir Medium;
    font-size: 16px;
    width: calc(100% - 20px);
    height: 45px;
    cursor: pointer;
    padding-top: 10px;
    text-align: center;
    /*margin: 10px auto 10px auto;*/
}

    .css_cldapp_om_orders_order_manage_butt_hot:hover {
        background: #0081ff; /*linear-gradient(0deg, #4cbd08 0%, #49ff35 100%);*/
    }


.css_cldapp_om_orders_driver_manage_butt_hot {
    position: absolute;
    bottom: 10px;
    right: 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-family: Avenir Medium;
    font-size: 16px;
    width: 140px;
    height: 45px;
    cursor: pointer;
    padding-top: 10px;
    margin: 10px auto 10px auto;
}

    .css_cldapp_om_orders_driver_manage_butt_hot:hover {
        background: #0081ff; /*linear-gradient(0deg, #4cbd08 0%, #49ff35 100%);*/
    }


.css_cldapp_om_ordman_dtl_orderpanel_container {
    position: relative;
    width: 100%;
    /*padding: 20px;*/
    text-align: center;
}


.css_cldapp_om_ordman_dtl_orderpanel {
    position: relative;
    display: flex;
    flex-direction: column;
    /*min-width: 280px;
    max-width: 320px;*/
    /*width: 100%;*/
    border-radius: 0;
    border: 1px solid #D2D2D2;
    background-color: #FFFFFF;
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
    margin: 0 10px 10px 10px;
    padding: 10px;
    text-align: left;
}

.css_cldapp_om_ordman_dtl_orderpanel_void {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    /*min-width: 280px;
    max-width: 320px;*/
    border-radius: 0;
    border: 1px solid #F8644E;
    background-color: #FFFFFF;
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
    margin: 0 10px 10px 10px;
    padding: 10px;
    text-align: left;
}

.css_cldapp_om_ordman_dtl_ordername_textdiv {
    position: absolute;
    left: 25px;
    top: 10px;
    cursor: pointer;
    max-width: 280px;
    color: #000000;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

.css_cldapp_om_ordman_dtl_orderreqtime_textdiv {
    position: absolute;
    right: 60px;
    top: 10px;
    cursor: pointer;
    /*max-width: 280px;*/
    color: #000000;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
}

.css_cldapp_om_ordman_dtl_ordername_textdiv_void {
    position: absolute;
    left: 25px;
    top: 10px;
    cursor: pointer;
    max-width: 280px;
    color: #fd2100;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

.css_cldapp_om_ordman_dtl_container {
    position: relative;
    margin-top: 40px;
    width: 100%;
}

.css_cldapp_om_ordman_dtl_order_custname_textlbl {
    position: relative;
    width: 100%;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    margin: auto;
    text-align: left;
}

.css_cldapp_om_ordman_dtl_order_custaddr_textlbl {
    position: relative;
    width: 100%;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 18px;
    margin: auto;
    text-align: left;
}

.css_cldapp_om_ordman_dtl_orderdriver_textlbl {
    position: relative;
    width: 100%;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 16px;
    margin: auto;
    text-align: left;
}

.css_cldapp_om_ordman_dtl_orderitemcnt_textlbl {
    position: relative;
    width: 100%;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 16px;
    margin: auto;
    text-align: left;
}

.css_cldapp_om_ordman_dtl_orderpayline_div {
    position: relative;
    width: 100%;
    height: 30px;
}

.css_cldapp_om_ordman_dtl_orderpayline_textlbl {
    position: absolute;
    top: 5px;
    left: 5px;
    /*width: 100%;*/
    color: darkmagenta;
    font-family: Avenir Medium;
    font-size: 16px;
    margin: auto;
    text-align: left;
}

.css_cldapp_om_ordman_dtl_orderprice_textlbl {
    position: absolute;
    top: 5px;
    right: 5px;
    /*width: 100%;*/
    color: black;
    font-family: Avenir Medium;
    font-size: 16px;
    font-weight: bold;
    margin: auto;
    text-align: right;
}

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


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

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

.css_cldapp_om_ordman_dtl_orderservice_iconpanel {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.css_cldapp_om_ordman_dtl_order_int_image {
    position: absolute;
    top: 2px;
    right: 5px;
    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;
}


.css_cldapp_om_modal_orderstatus {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.css_cldapp_om_modal_ordersts_butt_complete {
    position: relative;
    border-radius: 4px;
    border: solid 2px #ffbf26;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: linear-gradient(225deg, #34b603 0%, #88bc3f 100%);
    color: #FFFFFF;
    font-family: Avenir Medium;
    font-size: 16px;
    width: 100%;
    padding: 20px 20px 5px 20px;
    cursor: pointer;
    padding-top: 10px;
    text-align: center;
    /*margin: 10px auto 10px auto;*/
}

    .css_cldapp_om_modal_ordersts_butt_complete:hover {
        background: #0081ff; /*linear-gradient(0deg, #4cbd08 0%, #49ff35 100%);*/
    }

.css_cldapp_om_modal_ordersts_butt_incomplete {
    position: relative;
    border-radius: 4px;
    border: solid 2px #ffbf26;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: linear-gradient(225deg, #F85A91 0%, #F8644E 100%);
    color: #FFFFFF;
    font-family: Avenir Medium;
    font-size: 16px;
    width: 100%;
    padding: 20px;
    cursor: pointer;
    padding-top: 10px;
    text-align: center;
    /*margin: 10px auto 10px auto;*/
}

    .css_cldapp_om_modal_ordersts_butt_incomplete:hover {
        background: #0081ff; /*linear-gradient(0deg, #4cbd08 0%, #49ff35 100%);*/
    }

.css_cldapp_om_modal_ordermgr_section_name {
    position: relative;
    color: #505050;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    margin: 5px;
    width: 100%;
    cursor: pointer;
}

.css_cldapp_om_modal_ordersts_butt_icon {
    position: absolute;
    left: 15px;
    top: 10px;
    /*max-width: 25px;*/
}

.css_cldapp_om_modal_ordersts_butt_name {
    position: relative;
    color: #FFFFFF;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    margin: 5px;
    width: 100%;
    cursor: pointer;
}

.css_cldapp_om_modal_ordersts_butt_time {
    position: relative;
    color: #FFFFFF;
    font-family: Avenir Medium;
    font-size: 14px;
    margin: 5px;
    width: 100%;
    cursor: pointer;
}

.css_cldapp_om_modal_recview {
}

.css_cldapp_om_modal_list {
    display: flex;
    flex-direction: column;
    margin: 0 10px 10px 10px 10px;
}

.css_cldapp_om_modal_list_item {
    width: 100%;
    padding: 10px;
    border-top: 1px solid gray;
    text-align: center;
    margin-bottom: 10px;
}

.css_cldapp_om_modal_manage_butt_hot {
    position: relative;
    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-family: Avenir Medium;
    font-size: 16px;
    width: 100%;
    padding: 20px;
    cursor: pointer;
    padding-top: 10px;
    text-align: center;
    /*margin: 10px auto 10px auto;*/
}

    .css_cldapp_om_modal_manage_butt_hot:hover {
        background: #0081ff; /*linear-gradient(0deg, #4cbd08 0%, #49ff35 100%);*/
    }

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

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

.css_appmgr_workspace_topmenu_button {
    text-align: center;
    width: 50px;
    padding: 5px;
    margin: 5px;
    border: 1px solid #1e90ff;
    border-radius: 5px;
    background-color: #ffffff;
    cursor: pointer;
}

.css_appmgr_workspace_topmenu_delete_button {
    text-align: center;
    width: 50px;
    padding: 5px;
    margin: 5px;
    border: 1px solid darkred;
    border-radius: 5px;
    background-color: #ffffff;
    cursor: pointer;
}

.css_appmgr_workspace_topmenu_right_menu_cont {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    /*padding-left: 10px;*/
}

.css_prtstart_cloudapps_loading_container {
    text-align: center;
    background-image: url('/images/cloudapps/cloudapp_bg2.png');
    background-position: center;
    background-position-y: bottom;
    background-repeat: no-repeat;
    min-height: 50vh;
}

.css_prtstart_cloudapps_loading_containerB {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    background-repeat: no-repeat;
    min-height: 50vh;
    background-image: url('/images/cloudapps/cloudapp_bg2.png');
}

.css_appmgr_cloudapps_loading_container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    text-align: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url('/images/cloudapps/cloudapp_bg2.png');
}

.css_appmgr_cloudapps_loading_spin_badge {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    background-color: dodgerblue;
    width: 100vw;
    max-width: 300px;
    padding: 30px 20px 30px 20px;
    border-radius: 8px;
}



.css_prtstart_cloudapps_container {
    position: relative;
    text-align: center;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none;
    margin-top: 80px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

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

.css_cloudapps_appmgr_progress_badge_cont {
    text-align: center;
    margin: 10px auto;
    display: flex;
    flex-direction: column;
    font-family: Poppins;
    color: #000000;
    font-size: 16px;
    border-radius: 8px;
    background-color: white;
    color: dodgerblue;
    margin: 20px auto 15px auto;
    padding: 15px;
}

.css_cloudapps_appmgr_progress_badge_title {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    color: dodgerblue;
    margin: 10px auto;
}

.css_cloudapps_appmgr_progress_badge_subtitle {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    color: dodgerblue;
    width: 100%;
    margin: 10px auto;
}

.css_cloudapps_portal_title {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    color: dodgerblue;
    margin: 0 auto 0 5px;
    text-decoration: underline;
}

.css_cloudapps_portal_subtitle {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    color: darkslategray;
    margin: 0 auto 0 5px;
}

.div_cloudapps_portal_subtitle {
    font-family: Quicksand;
    font-size: 20px;
    font-weight: bold;
    color: darkgreen;
    margin: 20px auto 20px auto;
}

.css_prtstart_cloudapps_menu_cont {
    text-align: center;
    width: 100%;
    /*max-width: 800px;*/
    margin: 20px auto 20px auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.css_prtstart_cloudapps_selapp_cont {
    text-align: center;
    width: 100%;
    /*max-width: 800px;*/
    margin: 20px auto 20px auto;
    border: 1px solid #D2D2D2;
    padding: 10px;
}

.css_prtstart_cloudapps_publish_cont {
    position: relative;
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
    padding: 20px 10px;
}

.css_appmgr_bg_app_device {
    position: relative;
    object-fit: cover;
    height: 200px;
}

.css_prtstart_cloudapps_menu_item {
    position: relative;
    text-align: left;
    margin: 20px auto 20px auto;
    background-color: white;
    color: dodgerblue;
    border-radius: 8px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 300px;
    min-height: 150px;
}

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

.css_prtstart_cloudapps_menu_item_row_start {
    position: relative;
    text-align: left;
    justify-content: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
}

.css_prtstart_cloudapps_menu_item_row_end {
    position: relative;
    text-align: right;
    justify-content: flex-end;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
}

.css_prtstart_cloudapps_menu_item_col {
    position: relative;
    text-align: left;
    display: flex;
    flex-direction: column;
}

.css_cldapps_modbutt_remove_app {
    position: relative;
    height: 24px;
    width: 24px;
    text-align: center;
    color: darkred;
    border: 1px dashed darkred;
    border-radius: 4px;
    cursor: pointer;
    padding-top: 2px;
    margin: 5px;
}

    .css_cldapps_modbutt_remove_app:hover {
        color: white;
        background-color: darkred;
        border: 1px solid darkred;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    }

.css_cldapps_modicn_img {
    display: none;
    position: relative;
    width: 80px;
    object-fit: contain;
    margin-bottom: 10px;
}

.css_cldapps_modbutt_title {
    position: relative;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    margin: 5px;
}

.css_cldapps_modbutt_subtitle {
    position: relative;
    font-family: Poppins;
    font-size: 12px;
    margin: 5px 10px;
}

.css_cldapps_modbutt_start {
    position: relative;
    /*bottom: 10px;
    right: 10px;*/
    height: 30px;
    width: 80px;
    text-align: center;
    background-color: white;
    color: steelblue;
    border: 2px solid steelblue;
    font-weight: 500;
    margin: 10px;
    /*border-radius: 8px;*/
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

    .css_cldapps_modbutt_start:hover {
        color: white;
        background-color: steelblue;
        border-color: white;
        font-weight: 600;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
        letter-spacing: 1.3px;
    }




.cldapp_progress_container {
    text-align: left;
    border: 1px solid #D2D2D2;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    padding: 20px;
}

.cldapp_progress_contain_inner {
    text-align: left;
    border-radius: 8px;
    background-color: dodgerblue;
    padding: 20px 0 20px 0;
}

.css_cldapps_app_launch_butt {
    margin: 20px auto 20px auto;
    height: 50px;
    width: 150px;
    text-align: center;
    font-weight: bold;
    background-color: white;
    font-family: Avenir Medium;
    font-size: 18px;
    color: dodgerblue;
    border: 2px solid #1e90ff;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 10px;
}

    .css_cldapps_app_launch_butt:hover {
    }

.css_cldapps_app_launch_appconfig_services_butt {
    margin: 20px auto 20px auto;
    height: 40px;
    width: 120px;
    text-align: center;
    font-weight: normal;
    background-color: white;
    font-family: Avenir Medium;
    font-size: 16px;
    color: darkred;
    border: 2px solid darkred;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 7px;
}

    .css_cldapps_app_launch_appconfig_services_butt:hover {
    }

.css_cldapps_app_launch_back_butt {
    margin: 20px auto 20px auto;
    height: 40px;
    width: 120px;
    text-align: center;
    font-weight: normal;
    background-color: white;
    font-family: Avenir Medium;
    font-size: 16px;
    color: darkred;
    border: 2px solid darkred;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 7px;
}

    .css_cldapps_app_launch_back_butt:hover {
    }

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


.css_captivacloud_brandapp_ecommtokenhtml_seperator {
    height: 30px;
}

.css_captivacloud_brandapp_ecommtokenhtml_sectionnotice_infoicon_box {
    margin: 5px;
    font-weight: 600;
}

.css_captivacloud_brandapp_ecommtokenhtml_sectionnotice {
    display: flex;
    flex-direction: row;
    /*text-transform: uppercase;*/
    flex-wrap: nowrap;
    text-align: left;
    justify-content: flex-start;
    background-color: darkred;
    padding: 10px;
}

.css_captivacloud_brandapp_ecommtokenhtml_sectionnotice_detail {
    font-family: Poppins;
    font-weight: 400;
    font-size: 12px;
    color: white;
    padding: 5px;
}

.css_captivacloud_brandapp_ecommtokenhtml_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_captivacloud_brandapp_ecommtokenhtml_detail_line {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 5px 0 5px 0;
    font-size: 16px;
    justify-content: space-between;
}

.css_captivacloud_brandapp_ecommtokenhtml_detail_lineleft {
    text-align: left;
}

.css_captivacloud_brandapp_ecommtokenhtml_detail_lineleftdesc {
    text-align: left;
    font-size: 14px;
    margin-left: 15px;
    font-weight: 300;
}

.css_captivacloud_brandapp_ecommtokenhtml_detail_lineright {
    text-align: right;
}

.css_captivacloud_brandapp_ecommtokenhtml_outcome_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_captivacloud_brandapp_ecommtokenhtml_outcome_detail_line {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 5px 0 5px 0;
    font-size: 16px;
    justify-content: space-between;
}

.css_captivacloud_brandapp_ecommtokenhtml_outcome_detail_lineleft {
    text-align: left;
    padding-left: 10px;
}

.css_captivacloud_brandapp_ecommtokenhtml_detail_outcome_lineleftdesc {
    text-align: left;
    font-size: 14px;
    margin-left: 20px;
    font-weight: 300;
}

.css_captivacloud_brandapp_ecommtokenhtml_outcome_detail_lineright {
    text-align: right;
}
.css_captivacloud_brandapp_ecommtokenhtml_outcome_detail_lineright_status {
    text-align: right;
    background-color: steelblue;
    color: white;
    padding: 0 5px;
}
.css_captivacloud_brandapp_ecommtokenhtml_outcome_detail_lineright_green {
    text-align: right;
    background-color: green;
    color: white;
    padding: 0 5px;
}

.css_captivacloud_brandapp_ecommtokenhtml_outcome_detail_lineright_red {
    text-align: right;
    background-color: darkred;
    color: white;
    padding: 0 5px;
}
.css_captivacloud_brandapp_ecommtokenhtml_outcome_detail_lineright_darkcyan {
    text-align: right;
    background-color: darkcyan;
    color: white;
    padding: 0 5px;
}


.css_captivacloud_brandapp_ecommtokenhtml_outcome_detail_lineright_mediumvioletred {
    text-align: right;
    background-color: mediumvioletred;
    color: white;
    padding: 0 5px;
}
.css_captivacloud_brandapp_ecommtokenhtml_outcome_detail_lineright_blueviolet {
    text-align: right;
    background-color: blueviolet;
    color: white;
    padding: 0 5px;
}
.css_captivacloud_brandapp_ecommtokenhtml_outcome_followon_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_captivacloud_brandapp_ecommtokenhtml_outcome_followon_entrytitle {
    display: flex;
    flex-direction: row;
    text-transform: uppercase;
    flex-wrap: nowrap;
    text-align: center;
    justify-content: center;
    background-color: dodgerblue;
    padding: 10px;
    font-weight: 600;
    font-size: 18px;
}

.css_captivacloud_brandapp_ecommtokenhtml_outcome_followon_detail_line {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 5px 0 5px 0;
    font-size: 16px;
    justify-content: space-between;
}

.css_captivacloud_brandapp_ecommtokenhtml_outcome_followon_detail_lineleft {
    text-align: left;
    padding-left: 10px;
}

.css_captivacloud_brandapp_ecommtokenhtml_detail_outcome_lineleftdesc {
    text-align: left;
    font-size: 14px;
    margin-left: 20px;
    font-weight: 300;
}

.css_captivacloud_brandapp_ecommtokenhtml_outcome_followon_detail_lineright {
    text-align: right;
}

.css_captivacloud_brandapp_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_captivacloud_brandapp_orderhtml_orderdetail_line {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 5px 0 5px 0;
    font-size: 16px;
    justify-content: space-between;
}

.css_captivacloud_brandapp_orderhtml_orderdetail_lineleft {
    text-align: left;
}

.css_captivacloud_brandapp_orderhtml_orderdetail_lineleftdesc {
    text-align: left;
    font-size: 14px;
    margin-left: 15px;
    font-weight: 300;
}


.css_captivacloud_brandapp_orderhtml_orderdetail_line_info_tooltip_infoicon_box {
    margin-left: 5px;
    cursor: pointer;
    font-weight: 600;
}

.css_captivacloud_brandapp_orderhtml_orderdetail_lineright {
    text-align: right;
}

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

.css_captivacloud_brandapp_orderhtml_orderitem_boxleft {
    text-align: left;
    display: flex;
    flex-direction: column;
}

.css_captivacloud_brandapp_orderhtml_orderitem_lineleft {
    text-align: left;
}

.css_captivacloud_brandapp_orderhtml_orderitem_lineright {
    text-align: right;
}



.css_appmgr_hme_menu_orderslist_orders_toolbar_cont {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 5px 10px;
    margin: 5px auto;
    background-color: white;
    border: 2px solid darkblue;
    /*border-radius: 4px;*/
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}

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

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

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

.css_appmgr_hme_menu_orderslist_orders_toolbar_searchbox {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin: 5px;
}

.css_appmgr_hme_menu_orderslist_orders_toolbar_backbox {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin: 5px;
}

.css_appmgr_hme_menu_orderslist_orders_toolbar_refreshbox {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin: 5px;
}

.css_appmgr_hme_menu_orderslist_orders_toolbar_dateselbox {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin: 5px;
}


.css_appmgr_hme_menu_orderslist_orders_toolbar_searchbox_text {
    /*display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;*/
    margin-top: 0px;
    margin-right: 5px;
    margin-left: 0;
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border-width: 2px;
    border-style: solid;
    border-color: darkslategray;
    font-size: 14px;
    font-family: Poppins;
    background-color: white;
    padding: 3px 10px 3px 10px;
    /*width: 120px;*/
    height: 34px;
    resize: none;
}

.css_appmgr_hme_menu_orderslist_orders_toolbar_searchbox_sublbl {
    /*width: 100%;*/
    text-align: center;
    font-family: Poppins;
    color: steelblue;
    font-size: 12px;
}

.css_appmgr_hme_menu_orderslist_orders_toolbar_dateselbox_sublbl {
    /*width: 100%;*/
    text-align: center;
    font-family: Poppins;
    color: steelblue;
    font-size: 12px;
}

.css_appmgr_hme_menu_orderslist_orders_toolbar_store_title {
    /*width: 100%;*/
    text-align: left;
    font-family: Poppins;
    color: steelblue;
    font-size: 14px;
    font-weight: 600;
}

.css_appmgr_hme_menu_orderslist_orders_toolbar_searchbox_title {
    /*width: 100%;*/
    text-align: left;
    font-family: Poppins;
    color: #000000;
    font-size: 14px;
}

.css_appmgr_hme_menu_orderslist_orders_toolbar_search_butt {
    text-align: center;
    font-weight: 500;
    height: 34px;
    width: 45px;
    padding: 4px;
    border: 2px solid darkslategray;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    background-color: white;
    color: darkslategray;
    cursor: pointer;
}

    .css_appmgr_hme_menu_orderslist_orders_toolbar_search_butt:hover {
        color: white;
        background-color: darkgoldenrod;
        border-color: white;
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,1);
    }

.css_appmgr_hme_menu_orderslist_orders_toolbar_refresh_butt {
    position: relative;
    cursor: pointer;
    margin: 10px 5px 0 5px;
    height: 34px;
    width: 45px;
    padding: 4px;
    text-align: center;
    /* padding-top: 5px; */
    color: steelblue;
    background-color: white;
    border-radius: 20px;
    /*height: 36px;*/
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

    .css_appmgr_hme_menu_orderslist_orders_toolbar_refresh_butt:hover {
        color: white;
        background-color: lightsteelblue;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,1);
    }

.css_appmgr_hme_menu_orderslist_orders_toolbar_datesel_butt {
    position: relative;
    cursor: pointer;
    margin: 10px 5px 0 5px;
    height: 34px;
    width: 45px;
    padding: 4px;
    text-align: center;
    /* padding-top: 5px; */
    color: steelblue;
    background-color: white;
    border-radius: 20px;
    /*height: 36px;*/
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

    .css_appmgr_hme_menu_orderslist_orders_toolbar_datesel_butt:hover {
        color: white;
        background-color: lightsteelblue;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,1);
    }

.css_appmgr_hme_menu_orderslist_orders_toolbar_back_butt {
    position: relative;
    cursor: pointer;
    margin: 10px 5px 0 5px;
    /* padding-top: 5px; */
    color: steelblue;
    background-color: white;
    border-radius: 20px;
    height: 36px;
}

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

.css_appmgr_hme_menu_orderslist_orders_canvas {
    position: relative;
    margin-top: 10px;
    /*margin-right: 20px;*/
}

.css_appmgr_hme_menu_orderslist_noorders_cont {
    text-align: center;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    padding-top: 30px;
    margin-top: 70px;
}

.css_appmgr_hme_menu_orderslist_noorders_txt {
    color: white;
    font-size: 16px;
    font-weight: 300;
    margin: 10px;
}

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

.css_appmgr_hme_menu_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;
    background-color: white;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

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

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

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

.css_appmgr_orderversions_vposfunc_canvas {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: wrap;
    border-radius: 4px;
    padding: 5px;
}

.css_appmgr_orderversions_vposfunc_canvas_row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border-radius: 4px;
    padding: 5px;
}

.css_appmgr_vpos_ref_menu_canvas {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 5px;
    font-size: 12px;
    font-weight: 500;
    border: 2px solid white;
    padding: 5px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
    color: white;
    background-color: green;
}

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

.css_appmgr_orderversions_menu_canvas {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border-radius: 4px;
    padding: 5px;
}

.css_hme_menu_ordlist_ordversion_vposfunc_dcklbl {
    margin: 0 5px;
    font-size: 12px;
    font-weight: 500;
    padding: 5px;
}

.css_hme_menu_ordlist_ordversion_dispnum_dcklbl {
    margin: 0 5px;
    font-size: 12px;
    font-weight: 500;
    padding: 5px;
}

.css_hme_menu_ordlist_ordversion_vposfunc_sts_note {
    margin: 0 5px;
    font-size: 14px;
    font-weight: 700;
    /*border: 2px solid;*/
    padding: 0 5px;
    /*box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);*/
    color: white;
    background-color: blue;
    /*cursor: pointer;*/
}

.css_hme_menu_ordlist_ordversion_vposfunc_cancelrefund_butt {
    margin: 5px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid white;
    padding: 5px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
    color: white;
    background-color: darkred;
    cursor: pointer;
}

    .css_hme_menu_ordlist_ordversion_vposfunc_cancelrefund_butt:hover {
        background-color: mediumvioletred;
        box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.7);
    }

.css_hme_menu_ordlist_ordversion_vposfunc_reverse_cancelrefund_butt {
    margin: 5px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid white;
    padding: 5px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
    color: white;
    background-color: purple;
    cursor: pointer;
}

    .css_hme_menu_ordlist_ordversion_vposfunc_reverse_cancelrefund_butt:hover {
        background-color: rebeccapurple;
        box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.7);
    }


.css_hme_menu_ordlist_ordversion_button_ecomm {
    margin: 5px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid;
    padding: 0 5px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
    color: white;
    background-color: darkgoldenrod;
    cursor: pointer;
}

    .css_hme_menu_ordlist_ordversion_button_ecomm:hover {
        background-color: darkcyan;
    }



.css_hme_menu_ordlist_ordversion_button_active {
    margin: 5px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid;
    padding: 0 5px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
    color: white;
    background-color: darkgreen;
    cursor: pointer;
}

    .css_hme_menu_ordlist_ordversion_button_active:hover {
        background-color: green;
    }

.css_hme_menu_ordlist_ordversion_button {
    margin: 5px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid;
    padding: 0 5px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
    color: white;
    background-color: darkgrey;
    cursor: pointer;
}

    .css_hme_menu_ordlist_ordversion_button:hover {
        background-color: green;
    }

.css_appmgr_hme_menu_orderview_navbackcont {
    position: relative;
    cursor: pointer;
    margin: 0 5px;
    /* padding-top: 5px; */
    color: steelblue;
    background-color: white;
    border-radius: 20px;
    height: 36px;
}

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

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

.css_appmgr_hme_menu_orderview_navbackcont_circle {
    /*position: absolute;
    top: 0;
    left: 0;*/
    /*margin-right: 10px;*/
}

.css_appmgr_hme_menu_orderview_navbackcont_lbl {
    position: absolute;
    top: 4px;
    left: 25px;
    color: dodgerblue;
    font-size: 12px;
    cursor: pointer;
}

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

.css_appmgr_hme_menu_orderview_storename {
    color: #000000;
    font-size: 22px;
    font-weight: 700;
    text-align: left;
}

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

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

.css_appmgr_hme_menu_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_hme_menu_ordlist_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_hme_menu_ordlist_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

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

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

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

.css_hme_menu_ordlist_created_time {
    font-size: 10px;
    font-weight: 400;
}

.css_hme_menu_ordlist_req_status {
    font-size: 10px;
    font-weight: 400;
    border: 1px solid white;
    background-color: darkgoldenrod;
    /* border-radius: 1px; */
    padding: 2px 5px;
    margin: 3px 0;
}

.css_hme_menu_ordlist_req_status_sent {
    font-size: 10px;
    font-weight: 400;
    border: 2px solid white;
    background-color: green;
    /* border-radius: 1px; */
    padding: 2px 5px;
    margin: 3px 0;
}

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

.css_hme_menu_ordlist_txt_cont {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 10px auto 0;
}

.css_hme_menu_ordlist_cust_cont {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 10px auto 0;
}

.css_hme_menu_ordlist_location {
    margin: 0 5px;
    font-size: 14px;
    font-weight: 400;
}

.css_hme_menu_ordlist_ordtype {
    margin: 0 auto 2px 0;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid;
    padding: 0 5px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
    color: white;
    background-color: darkcyan;
}

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

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

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

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

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

.css_hme_menu_ordlist_payment {
    margin: 5px;
    font-size: 16px;
    font-weight: 700;
    color: crimson;
    text-decoration: underline;
}

.css_hme_menu_ordlist_basketid {
    margin: 5px 5px 0 5px;
    font-size: 10px;
    color: silver;
}

.css_hme_menu_ordlist_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_hme_menu_ordlist_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_hme_menu_ordlist_status_2 {
    margin: 0 5px;
    font-size: 12px;
    padding: 3px 5px;
    border-radius: 2px;
    background-color: crimson;
    color: white;
    min-width: 150px;
    max-width: 200px;
    text-align: center;
    border: 2px solid darkred;
}

.css_appmgr_hme_menu_livestoresetup_canvas {
    text-align: center;
    height: 100%;
    /*height: calc(100vh - 150px);*/
    border-radius: 8px;
    padding: 10px;
    margin: 0 auto 0 auto;
    position: relative;
    /* top: 50%; */
    /* left: 50%; */
    /*background-color: white;*/
    /*-ms-transform: translate(-50%, -50%);*/
    /* transform: translate(-50%, -50%); */
    width: 100%;
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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

.css_appmgr_hme_menu_blocklist_items_canvas {
    text-align: center;
    height: 100%;
    /*height: calc(100vh - 150px);*/
    border-radius: 8px;
    padding: 10px;
    margin: 0 auto 0 auto;
    position: relative;
    /* top: 50%; */
    /* left: 50%; */
    /*background-color: white;*/
    /*-ms-transform: translate(-50%, -50%);*/
    /* transform: translate(-50%, -50%); */
    width: 100%;
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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

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



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

.css_hme_menu_blockeditemlist_cont {
    display: flex;
    flex-direction: column;
    /*flex-wrap: nowrap;*/
}

.css_hme_menu_blockeditemlist_data_cont {
    display: flex;
    flex-direction: row;
    /*flex-wrap: nowrap;*/
}

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

.css_hme_menu_blockeditemlist_image {
    object-fit: contain;
    max-width: 100px;
}

.css_hme_menu_blockeditemlist_txthead_cont {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-bottom: 10px;
}

.css_hme_menu_blockeditemlist_txt_cont {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 10px auto 0;
}

.css_hme_menu_blockeditemlist_cust_cont {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 10px auto 0;
}

.css_hme_menu_blockeditemlist_subtext {
    margin: 0 5px;
    font-size: 10px;
    font-weight: 400;
    color: slategray;
}

.css_hme_menu_blockeditemlist_itemname_red {
    margin: 0 auto 2px 0;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid;
    padding: 0 5px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
    color: white;
    background-color: darkred;
}

.css_hme_menu_blockeditemlist_itemname_org {
    margin: 0 auto 2px 0;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid;
    padding: 0 5px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
    color: white;
    background-color: darkorange;
}

.css_hme_menu_blockeditemlist_eletype {
    margin: 0 5px;
    font-size: 10px;
    font-weight: 600;
    color: darkslategray;
}

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

.css_hme_menu_blockeditemlist_titlelbl {
    margin: 0 5px;
    font-size: 10px;
    font-weight: 600;
    text-decoration: underline;
}

.css_hme_menu_blockeditemlist_subtitle {
    margin: 0 5px;
    font-size: 10px;
    font-weight: 400;
    color: slategray;
}

.css_hme_menu_blockeditemlist_memberof_name {
    margin: 0 5px;
    font-size: 12px;
    font-weight: 400;
    color: slategray;
}

.css_hme_menu_blockeditemlist_sts_blocked {
    margin: 5px;
    font-size: 14px;
    font-weight: 700;
    color: crimson;
    text-decoration: underline;
}

.css_hme_menu_blockeditemlist_sts_notblocked {
    margin: 5px;
    font-size: 14px;
    font-weight: 700;
    color: darkgreen;
    text-decoration: underline;
}

.css_hme_menu_blockeditemlist_noticetitle {
    margin: 5px 5px 0 5px;
    font-size: 12px;
    color: slategray;
}

.css_hme_menu_blockeditemlist_noticedesc {
    margin: 5px 5px 0 5px;
    font-size: 10px;
    color: slategray;
}


.css_hme_menu_blockeditemlist_status_0 {
    margin: 0 5px;
    font-size: 12px;
    padding: 3px 15px;
    border-radius: 2px;
    background-color: darkorange;
    color: white;
    width: fit-content;
    text-align: center;
    border: 2px solid silver;
}

.css_hme_menu_blockeditemlist_status_1 {
    margin: 0 5px;
    font-size: 12px;
    padding: 3px 15px;
    border-radius: 2px;
    background-color: green;
    color: white;
    width: fit-content;
    text-align: center;
    border: 2px solid silver;
}

.css_hme_menu_blockeditemlist_status_2 {
    margin: 0 5px;
    font-size: 12px;
    padding: 3px 15px;
    border-radius: 2px;
    background-color: red;
    color: white;
    width: fit-content;
    text-align: center;
    border: 2px solid yellow;
}

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

.css_hme_menu_blockeditemlist_unblock_butt {
    background-color: darkgoldenrod;
    color: white;
    font-family: Poppins;
    font-size: 12px;
    border-radius: 4px;
    margin: 0 10px 5px;
    padding: 0 15px;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

    .css_hme_menu_blockeditemlist_unblock_butt:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    }

.css_appmgr_hme_menu_orderslist_canvas {
    text-align: center;
    height: 100%;
    /*height: calc(100vh - 150px);*/
    border-radius: 8px;
    padding: 10px;
    margin: 0 auto 0 auto;
    position: relative;
    /* top: 50%; */
    /* left: 50%; */
    /*background-color: white;*/
    /*-ms-transform: translate(-50%, -50%);*/
    /* transform: translate(-50%, -50%); */
    width: 100%;
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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

.css_cldapp_appmgr_analytics_reports_cont {
    text-align: center;
    height: 100%;
    border-radius: 8px;
    padding: 10px;
    margin: 20px auto;
    position: relative;
    width: 100%;
    -ms-overflow-style: none;
}

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

.css_cldapp_appmgr_analytics_reports_canvas {
    position: relative;
    margin: 0 auto;
    text-align: center;
}

.css_cldapp_appmgr_analytics_reports_canvas_toprow {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid white;
    width: 100%;
    /*height: 50px;*/
}

.css_cldapp_appmgr_analytics_reports_canvas_toprow_left {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: auto auto 0 0;
}

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

.css_cldapp_appmgr_analytics_reports_canvas_toprow_controlbox {
    padding: 5px;
}

.css_cldapp_appmgr_analytics_reports_canvas_toprow_iconbox {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 5px;
}

.css_cldapp_appmgr_analytics_reports_canvas_toprow_icon {
    cursor: pointer;
}

.css_cldapp_appmgr_analytics_reports_canvas_toprow_title_txt {
    font-size: 20px;
    font-weight: 600;
    color: white;
}

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

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

.css_cldapp_appmgr_analytics_reports_charts_loading_div {
    position: absolute;
    left: calc((100vw / 2) - 75px);
    top: calc((100vh /2) - 100px);
    text-align: center;
}

.css_cldapp_appmgr_analytics_reports_charts_loading_txt {
    position: relative;
    color: #FFFFFF;
    font-family: Avenir Medium;
    font-size: 16px;
    font-weight: bold;
}

.css_analytics_reports_display_chartcanvas {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.css_analytics_reports_display_chart_canvas_cont {
    width: 100%;
    /*max-width: 500px;*/
    /*height: 400px;*/
    padding: 10px;
    border: 1px solid gray;
    text-align: center;
    margin: 10px;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border-radius: 6px;
}

.css_analytics_reports_stats_chart_canvas {
    /*width: 80%;*/
    /*max-width: 400px;*/
    /*height: 380px;*/
    max-height: 600px;
    padding: 10px;
    /*border: 1px solid gray;*/
    text-align: center;
    /*margin: 10px;*/
    background-color: #FFFFFF;
}

.css_analytics_reports_stats_chart_canvas_sb {
    width: 100px;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-left: 1px solid #D2D2D2;
}

.css_analytics_reports_stats_chart_canvas_sb_title {
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    color: dodgerblue;
}

.css_analytics_reports_stats_chart_canvas_sb_ele {
    position: relative;
    height: 90px;
    width: 100%;
    text-align: center;
    border: 1px solid #D2D2D2;
    margin: 5px;
}

.css_analytics_reports_stats_chart_canvas_sb_ele_title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: green;
    font-family: Avenir Medium;
    font-size: 16px;
    text-align: center;
}

.css_analytics_reports_stats_chart_canvas_sb_ele_val {
    position: absolute;
    top: 18px;
    left: 0;
    width: 100%;
    color: green;
    font-family: Avenir Medium;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.css_analytics_reports_stats_chart_canvas_sb_ele_sub {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    color: green;
    font-family: Avenir Medium;
    font-size: 12px;
    text-align: center;
}


.css_cldapp_appmgr_startsplash_video_preview_cont {
    font-family: Poppins;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    text-align: center;
}

.css_cldapp_appmgr_startsplash_video_preview_button_cont {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1000;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    /*height: 30px;*/
    /*width: 30px;*/
    border-radius: 15px;
    background-color: white;
    border: 2px solid darkslategrey;
    padding: 5px;
    cursor: pointer;
}

.css_cldapp_appmgr_startsplash_video_preview_close_butt_lbl {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 600;
    color: darkslategrey;
    margin: 0 5px;
    padding-top: 2px;
}

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

.css_cldapp_appmgr_startsplash_video_preview_video {
    position: relative;
    height: calc(100vh - 10px);
    object-fit: contain;
    margin: 5px auto;
    border: 5px solid white;
    z-index: 100;
    /*margin-left: 40px;*/
}

.css_appmgr_hme_menu_mediacfg_canvas {
    text-align: center;
    height: 100%;
    /*height: calc(100vh - 150px);*/
    border-radius: 8px;
    padding: 10px;
    margin: 0 auto 0 auto;
    position: relative;
    /* top: 50%; */
    /* left: 50%; */
    /*background-color: white;*/
    /*-ms-transform: translate(-50%, -50%);*/
    /* transform: translate(-50%, -50%); */
    width: 100%;
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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


.css_appmgr_app_mediacfg_cont {
    position: relative;
    margin-top: 10px;
}

.css_appmgr_app_mediacfg_splashvid_panel_content {
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

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

.css_appmgr_app_mediacfg_panel_content {
    padding: 10px;
    border: 2px solid silver;
    background-color: white;
    margin: 5px auto;
    text-align: left;
}



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

.css_appmgr_app_mediacfg_textentry_panel_title {
    font-size: 14px;
    font-family: Poppins;
    text-align: left;
    color: darkslateblue;
    font-weight: 600;
}

.css_appmgr_app_mediacfg_textentry_panel {
    display: flex;
    flex-direction: column;
    padding: 10px;
    border: 1px solid silver;
    margin: 5px;
    font-size: 12px;
}

.css_appmgr_app_mediacfg_registration_text {
    margin: 0;
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: darkgray;
    font-size: 12px;
    font-family: Poppins;
    background-color: white;
    padding: 6px 20px 6px 20px;
    width: 100%;
}

.css_appmgr_app_mediacfg_textentry_subtxt {
    font-size: 10px;
    font-family: Poppins;
    text-align: left;
    color: darkslateblue;
    font-weight: 400;
}

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

.css_cldapps_save_mediacfg_setup_butt {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* font-weight: bold; */
    background-color: white;
    font-family: Poppins;
    font-size: 16px;
    color: dodgerblue;
    border: 2px solid #1e90ff;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 10px;
    margin: 5px;
    min-width: 100px;
}

    .css_cldapps_save_mediacfg_setup_butt:hover {
        color: white;
        background-color: dodgerblue;
        border-color: white;
    }

.css_cldapps_save_mediacfg_setup_butt_title {
    font-size: 14px;
    font-weight: 400;
    font-family: Poppins;
    /*color: #FFFFFF;*/
    cursor: pointer;
}

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




.css_appmgr_hme_menu_commscfg_canvas {
    text-align: center;
    height: 100%;
    /*height: calc(100vh - 150px);*/
    border-radius: 8px;
    padding: 10px;
    margin: 0 auto 0 auto;
    position: relative;
    /* top: 50%; */
    /* left: 50%; */
    /*background-color: white;*/
    /*-ms-transform: translate(-50%, -50%);*/
    /* transform: translate(-50%, -50%); */
    width: 100%;
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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


.css_appmgr_app_commscfg_cont {
    position: relative;
    margin-top: 10px;
}

.css_appmgr_app_commscfg_email_panel_content {
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

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

.css_appmgr_app_commscfg_panel_content {
    padding: 10px;
    border: 2px solid silver;
    background-color: white;
    margin: 5px auto;
    text-align: left;
}

.css_appmgr_app_commscfg_email_image_cont {
    margin: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.css_appmgr_app_commscfg_email_image {
    object-fit: contain;
    max-height: 80px;
}

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

.css_appmgr_app_commscfg_smssenderid_reg_butt {
    text-align: center;
    font-weight: 500;
    margin: 20px auto 10px 0;
    padding: 8px 10px;
    border: 2px solid white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    background-color: darkgoldenrod;
    color: white;
    cursor: pointer;
}

    .css_appmgr_app_commscfg_smssenderid_reg_butt:hover {
        color: darkslategray;
        background-color: goldenrod;
        border-color: white;
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,1);
    }

.css_appmgr_app_commscfg_textentry_panel_title {
    font-size: 14px;
    font-family: Poppins;
    text-align: left;
    color: darkslateblue;
    font-weight: 600;
}

.css_appmgr_app_commscfg_textentry_panel_highlight1 {
    display: flex;
    flex-direction: column;
    padding: 10px;
    border: 2px solid darkslategrey;
    margin: 5px;
    font-size: 12px;
    background-color: palegoldenrod;
}

.css_appmgr_app_commscfg_textentry_panel {
    display: flex;
    flex-direction: column;
    padding: 10px;
    border: 1px solid silver;
    margin: 5px;
    font-size: 12px;
}

.css_appmgr_app_commscfg_smssenderid_text {
    margin: 0;
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: darkgray;
    font-size: 16px;
    font-weight: 700;
    font-family: Poppins;
    color: darkmagenta;
    background-color: white;
    padding: 6px 20px 6px 20px;
    width: 100%;
}

.css_appmgr_app_commscfg_registration_label {
    margin: 0;
    font-size: 12px;
    font-family: Poppins;
    padding: 6px 20px 6px 20px;
    width: 100%;
}

.css_appmgr_app_commscfg_registration_text {
    margin: 0;
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: darkgray;
    font-size: 12px;
    font-family: Poppins;
    background-color: white;
    padding: 6px 20px 6px 20px;
    width: 100%;
}

.css_appmgr_app_commscfg_textentry_subtxt {
    font-size: 10px;
    font-family: Poppins;
    text-align: left;
    color: darkslateblue;
    font-weight: 400;
}

.css_appmgr_app_commscfg_textentry_subtxt_highlight1 {
    font-size: 12px;
    font-family: Poppins;
    text-align: left;
    color: darkslateblue;
    font-weight: 600;
}

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

.css_cldapps_save_commscfg_setup_butt {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* font-weight: bold; */
    background-color: white;
    font-family: Poppins;
    font-size: 16px;
    color: dodgerblue;
    border: 2px solid #1e90ff;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 10px;
    margin: 5px;
    min-width: 100px;
}

    .css_cldapps_save_commscfg_setup_butt:hover {
        color: white;
        background-color: dodgerblue;
        border-color: white;
    }

.css_cldapps_save_commscfg_setup_butt_title {
    font-size: 14px;
    font-weight: 400;
    font-family: Poppins;
    /*color: #FFFFFF;*/
    cursor: pointer;
}

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

.css_appmgr_hme_menu_usercfg_canvas {
    text-align: center;
    height: 100%;
    /*height: calc(100vh - 150px);*/
    border-radius: 8px;
    padding: 10px;
    margin: 0 auto 0 auto;
    position: relative;
    /* top: 50%; */
    /* left: 50%; */
    /*background-color: white;*/
    /*-ms-transform: translate(-50%, -50%);*/
    /* transform: translate(-50%, -50%); */
    width: 100%;
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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


.css_appmgr_app_usercfg_cont {
    position: relative;
    margin-top: 10px;
}


.css_appmgr_app_usercfg_panel_content {
    padding: 10px;
    border: 2px solid silver;
    background-color: white;
    margin: 5px auto;
    text-align: left;
}

.css_appmgr_manage_sysuser_cont {
    max-height: 500px;
    overflow-y: scroll;
    margin-top: 40px;
    min-height: 100px;
}

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

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

.css_appmgr_manage_sysuser_item_cont {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border: 1px solid silver;
    min-width: 180px;
    margin: 5px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

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

.css_appmgr_manage_sysuser_chkicon_cont {
    margin: 0 5px;
}

.css_appmgr_manage_sysuser_chkicon_box {
    cursor: pointer;
    font-weight: 600;
}

.css_appmgr_manage_sysuser_infoicon_cont {
    margin: 0 5px;
}

.css_appmgr_manage_sysuser_infoicon_box {
    cursor: pointer;
    font-weight: 600;
}

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

.css_appmgr_manage_sysuser_user_subtitle {
    font-size: 10px;
    font-family: Poppins;
    text-align: left;
    color: darkslategray;
    font-weight: 400;
    margin-bottom: 10px;
    border-bottom: 1px dashed silver;
}

.css_appmgr_manage_sysuser_option_title {
    font-size: 12px;
    font-family: Poppins;
    text-align: left;
    color: darkslategray;
    font-weight: 400;
}

.css_appmgr_manage_sysuser_option_title_bold {
    font-size: 12px;
    font-family: Poppins;
    text-align: left;
    color: darkslategray;
    font-weight: 600;
}

.css_appmgr_app_usercfg_textentry_panel_title {
    font-size: 14px;
    font-family: Poppins;
    text-align: left;
    color: darkslateblue;
    font-weight: 600;
}

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

.css_cldapps_save_usercfg_setup_butt {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* font-weight: bold; */
    background-color: white;
    font-family: Poppins;
    font-size: 16px;
    color: dodgerblue;
    border: 2px solid #1e90ff;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 10px;
    margin: 5px;
    min-width: 100px;
}

    .css_cldapps_save_usercfg_setup_butt:hover {
        color: white;
        background-color: dodgerblue;
        border-color: white;
    }

.css_cldapps_save_usercfg_setup_butt_title {
    font-size: 14px;
    font-weight: 400;
    font-family: Poppins;
    /*color: #FFFFFF;*/
    cursor: pointer;
}

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


.css_cldapps_appmgr_menu_setups_back_butt {
    margin: 20px auto 20px auto;
    height: 40px;
    width: 120px;
    text-align: center;
    font-weight: normal;
    background-color: white;
    font-family: Avenir Medium;
    font-size: 16px;
    color: darkred;
    border: 2px solid darkred;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 7px;
}

    .css_cldapps_appmgr_menu_setups_back_butt:hover {
    }

.css_appmgr_app_commscfg_setting_switch {
    font-size: 14px;
    padding-top: 3px;
}

.css_appmgr_hme_menu_reglinks_canvas {
    text-align: center;
    height: 100%;
    /*height: calc(100vh - 150px);*/
    border-radius: 8px;
    padding: 10px;
    margin: 0 auto 0 auto;
    position: relative;
    /* top: 50%; */
    /* left: 50%; */
    /*background-color: white;*/
    /*-ms-transform: translate(-50%, -50%);*/
    /* transform: translate(-50%, -50%); */
    width: 100%;
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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


.css_appmgr_app_reglinks_cont {
    position: relative;
    margin-top: 10px;
}


.css_appmgr_app_reglinks_panel_content {
    padding: 10px;
    border: 2px solid silver;
    background-color: white;
    margin: 5px auto;
    text-align: left;
}

.css_appmgr_app_reglinks_textentry_panel_title {
    font-size: 14px;
    font-family: Poppins;
    text-align: left;
    color: darkslateblue;
    font-weight: 600;
}

.css_appmgr_app_reglinks_textentry_panel {
    display: flex;
    flex-direction: column;
    padding: 10px;
    border: 1px solid silver;
    margin: 5px;
    font-size: 12px;
}

.css_appmgr_app_reglinks_registration_text {
    margin: 0;
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: darkgray;
    font-size: 12px;
    font-family: Poppins;
    background-color: white;
    padding: 6px 20px 6px 20px;
    width: 100%;
}

.css_appmgr_app_reglinks_textentry_subtxt {
    font-size: 10px;
    font-family: Poppins;
    text-align: left;
    color: darkslateblue;
    font-weight: 400;
}

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

.css_cldapps_save_reglinks_setup_butt {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* font-weight: bold; */
    background-color: white;
    font-family: Poppins;
    font-size: 16px;
    color: dodgerblue;
    border: 2px solid #1e90ff;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 10px;
    margin: 5px;
    min-width: 100px;
}

    .css_cldapps_save_reglinks_setup_butt:hover {
        color: white;
        background-color: dodgerblue;
        border-color: white;
    }

.css_cldapps_save_reglinks_setup_butt_title {
    font-size: 14px;
    font-weight: 400;
    font-family: Poppins;
    /*color: #FFFFFF;*/
    cursor: pointer;
}

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


.css_cldapps_appmgr_menu_setups_back_butt {
    margin: 20px auto 20px auto;
    height: 40px;
    width: 120px;
    text-align: center;
    font-weight: normal;
    background-color: white;
    font-family: Avenir Medium;
    font-size: 16px;
    color: darkred;
    border: 2px solid darkred;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 7px;
}

    .css_cldapps_appmgr_menu_setups_back_butt:hover {
    }

.css_appmgr_app_reglinks_setting_switch {
    font-size: 14px;
    padding-top: 3px;
}


.css_appmgr_hme_menu_appmode_canvas {
    text-align: center;
    height: 100%;
    /*height: calc(100vh - 150px);*/
    border-radius: 8px;
    padding: 10px;
    margin: 0 auto 0 auto;
    position: relative;
    /* top: 50%; */
    /* left: 50%; */
    /*background-color: white;*/
    /*-ms-transform: translate(-50%, -50%);*/
    /* transform: translate(-50%, -50%); */
    width: 100%;
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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

.css_appmgr_app_appmode_cont {
    position: relative;
    margin-top: 10px;
}


.css_appmgr_app_appmode_panel_content {
    padding: 10px;
    border: 2px solid silver;
    background-color: white;
    margin: 5px auto;
    text-align: left;
}

.css_appmgr_app_appmode_textentry_panel_title {
    font-size: 14px;
    font-family: Poppins;
    text-align: left;
    color: darkslateblue;
    font-weight: 600;
}

.css_appmgr_app_appmode_textentry_panel {
    display: flex;
    flex-direction: column;
    padding: 10px;
    border: 1px solid silver;
    margin: 5px;
    font-size: 12px;
}

.css_appmgr_app_appmode_registration_text {
    margin: 0;
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: darkgray;
    font-size: 12px;
    font-family: Poppins;
    background-color: white;
    padding: 6px 20px 6px 20px;
    width: 100%;
}

.css_appmgr_app_appmode_textentry_subtxt {
    font-size: 10px;
    font-family: Poppins;
    text-align: left;
    color: darkslateblue;
    font-weight: 400;
}

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

.css_cldapps_save_appmode_setup_butt {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* font-weight: bold; */
    background-color: white;
    font-family: Poppins;
    font-size: 16px;
    color: dodgerblue;
    border: 2px solid #1e90ff;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 10px;
    margin: 5px;
    min-width: 100px;
}

    .css_cldapps_save_appmode_setup_butt:hover {
        color: white;
        background-color: dodgerblue;
        border-color: white;
    }

.css_cldapps_save_appmode_setup_butt_title {
    font-size: 14px;
    font-weight: 400;
    font-family: Poppins;
    /*color: #FFFFFF;*/
    cursor: pointer;
}

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


.css_appmgr_hme_menu_loyalty_canvas {
    text-align: center;
    height: 100%;
    /*height: calc(100vh - 150px);*/
    border-radius: 8px;
    padding: 10px;
    margin: 0 auto 0 auto;
    position: relative;
    /* top: 50%; */
    /* left: 50%; */
    /*background-color: white;*/
    /*-ms-transform: translate(-50%, -50%);*/
    /* transform: translate(-50%, -50%); */
    width: 100%;
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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

.css_appmgr_app_loyalty_cont {
    position: relative;
    margin-top: 10px;
}

.css_appmgr_app_loyalty_cardcont {
    margin-right: 10px;
}

.css_appmgr_app_loyalty_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_cldapps_save_loyalty_setup_butt_line {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.css_cldapps_save_loyalty_setup_butt {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* font-weight: bold; */
    background-color: white;
    font-family: Poppins;
    font-size: 16px;
    color: dodgerblue;
    border: 2px solid #1e90ff;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 10px;
    margin: 5px;
    min-width: 100px;
}

    .css_cldapps_save_loyalty_setup_butt:hover {
        color: white;
        background-color: dodgerblue;
        border-color: white;
    }

.css_cldapps_save_loyalty_setup_butt_title {
    font-size: 14px;
    font-weight: 400;
    font-family: Poppins;
    /*color: #FFFFFF;*/
    cursor: pointer;
}

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



.css_appmgr_app_loyalty_textentry_panel_title {
    font-size: 14px;
    font-family: Poppins;
    text-align: left;
    color: darkslateblue;
    font-weight: 600;
}

.css_appmgr_app_loyalty_textentry_panel {
    display: flex;
    flex-direction: column;
    padding: 10px;
    border: 1px solid silver;
    margin: 5px;
    font-size: 12px;
}

.css_appmgr_app_loyalty_textentry_subtxt {
    font-size: 10px;
    font-family: Poppins;
    text-align: left;
    color: darkslateblue;
    font-weight: 400;
}

.css_appmgr_app_loyalty_panel_content {
    padding: 10px;
    border: 2px solid silver;
    background-color: white;
    margin: 5px auto;
    text-align: left;
}

.css_appmgr_app_loyalty_setting_switch {
    font-size: 14px;
    padding-top: 3px;
}

.css_appmgr_app_appmode_setting_switch {
    font-size: 14px;
    padding-top: 3px;
}


.css_appmgr_app_loyalty_title_cont {
    position: relative;
    display: flex;
    flex-direction: row;
    background-color: white;
    text-align: left;
    border: 1px solid #D2D2D2;
    /*border-radius: 4px 4px 0 0;*/
    margin: 0 5px 20px 5px;
    padding: 10px;
    height: 150px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
}

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

.css_appmgr_app_loyalty_title {
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
}

.css_appmgr_app_loyalty_title_schemeid {
    color: silver;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
}

.css_appmgr_app_loyalty_points_redeem_rate {
    color: silver;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
}

.css_appmgr_app_loyalty_registration_text {
    margin: 0;
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: darkgray;
    font-size: 12px;
    font-family: Poppins;
    background-color: white;
    padding: 6px 20px 6px 20px;
    width: 100%;
}

.css_appmgr_app_loyalty_registration_textarea {
    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_appmgr_app_loyalty_registration_number {
    margin: 0;
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: darkgray;
    font-size: 12px;
    font-family: Poppins;
    background-color: white;
    padding: 6px 20px 6px 20px;
    width: 100px;
}


.css_appmgr_storeconfig_report_templates_panel {
    position: relative;
}

.css_appmgr_storeconfig_report_container_canvas {
    text-align: center;
    height: 100%;
    border-radius: 8px;
    padding: 10px;
    margin: 0 auto 0 auto;
    position: relative;
    width: 100%;
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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


.css_appmgr_storeconfig_report_page_titlepanel {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    border-top: 1px solid white;
    padding-top: 10px;
    margin-top: 40px;
}

.css_appmgr_storeconfig_report_page_titlepanel_title {
    text-align: left;
    font-size: 22px;
    font-weight: bold;
    font-family: Quicksand;
    padding-top: 10px;
    color: white;
}

.css_appmgr_storeconfig_report_page_titlepanel_icon {
    text-align: center;
    margin: 10px;
}

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

.css_appmgr_storeconfig_report_html_header {
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    font-family: Poppins;
    margin-top: 10px;
    color: white;
}

.css_appmgr_storeconfig_report_html_subheader {
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    font-family: Poppins;
    color: white;
}

.css_appmgr_storeconfig_report_html_content {
    position: relative;
    background-color: white;
    border: 2px solid darkslategray;
    margin: 10px auto;
    padding: 10px;
    overflow-x: hidden;
    max-height: 65vh;
}

.css_appmgr_storeconfig_report_page_back_butt {
    margin: 20px auto 20px auto;
    height: 40px;
    width: 120px;
    text-align: center;
    font-weight: 400;
    background-color: white;
    font-family: Poppins;
    font-size: 16px;
    color: darkred;
    border: 2px solid darkred;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 7px;
}

    .css_appmgr_storeconfig_report_page_back_butt:hover {
        font-weight: 600;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 1);
    }


.css_appmgr_vposcats_config_workspace_templates_panel {
    position: relative;
}

.css_appmgr_vposcats_config_workspace_container_canvas {
    text-align: center;
    height: 100%;
    border-radius: 8px;
    padding: 10px;
    margin: 0 auto 0 auto;
    position: relative;
    width: 100%;
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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


.css_appmgr_vposcats_config_workspace_page_titlepanel {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    border-top: 1px solid white;
    padding-top: 10px;
    margin-top: 40px;
}

.css_appmgr_vposcats_config_workspace_page_titlepanel_title {
    text-align: left;
    font-size: 22px;
    font-weight: bold;
    font-family: Quicksand;
    padding-top: 10px;
    color: white;
}

.css_appmgr_vposcats_config_workspace_page_titlepanel_icon {
    text-align: center;
    margin: 10px;
}

.css_appmgr_vposcats_config_workspace_createcats_butt {
    position: relative;
    padding: 5px 10px;
    width: 150px;
    height: fit-content;
    text-align: center;
    background-color: blueviolet;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    color: white;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    cursor: pointer;
    margin: 5px;
}

    .css_appmgr_vposcats_config_workspace_createcats_butt:hover {
        font-weight: 600;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
        background-color: white;
        border: 2px solid blueviolet;
        color: blueviolet;
    }

.css_appmgr_vposcats_config_workspace_page_back_butt {
    margin: 20px auto 20px auto;
    height: 40px;
    width: 120px;
    text-align: center;
    font-weight: 400;
    background-color: white;
    font-family: Poppins;
    font-size: 16px;
    color: darkred;
    border: 2px solid darkred;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 7px;
}

    .css_appmgr_vposcats_config_workspace_page_back_butt:hover {
        font-weight: 600;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 1);
    }


.css_appmgr_brandadmin_container_canvas {
    text-align: center;
    height: 100%;
    border-radius: 8px;
    padding: 10px;
    margin: 0 auto 0 auto;
    position: relative;
    width: 100%;
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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

.css_appmgr_adminconfig_storeconfig_templates_panel {
    position: relative;
    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_appmgr_adminconfig_storeconfig_templates_panel::-webkit-scrollbar {
        display: none;
    }

.css_appmgr_adminconfig_storeconfig_template_canvas {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.css_appmgr_adminconfig_storeconfig_templatepanel_icon {
    text-align: center;
    margin: 10px;
}



.css_appmgr_store_config_template_line {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 10px 5px;
    color: steelblue;
    background-color: white;
    border: 2px solid steelblue;
    padding: 5px 10px;
    width: 100%;
    font-weight: 600;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    cursor: pointer;
}

    .css_appmgr_store_config_template_line:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.6);
        font-weight: 700;
        border-width: 3px;
    }


.css_appmgr_store_config_template_line_default {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 10px 5px;
    color: green;
    background-color: white;
    border: 2px solid green;
    padding: 5px 10px;
    width: 100%;
    font-weight: 600;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    cursor: pointer;
}

    .css_appmgr_store_config_template_line_default:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.6);
        font-weight: 700;
        border-width: 3px;
    }

.css_appmgr_store_config_template_line_addnew {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 10px 5px;
    color: purple;
    background-color: white;
    border: 2px solid purple;
    padding: 5px 10px;
    width: 100%;
    font-weight: 600;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    cursor: pointer;
}

    .css_appmgr_store_config_template_line_addnew:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.6);
        font-weight: 700;
        border-width: 3px;
    }

.css_appmgr_store_config_template_content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.css_appmgr_store_config_template_name {
    text-align: left;
    font-size: 16px;
    text-decoration: underline;
}

    .css_appmgr_store_config_template_name:hover {
        font-weight: 700;
    }

.css_appmgr_store_config_template_desc {
    text-align: left;
    font-size: 12px;
    font-weight: 400;
}

.css_appmgr_brandadmin_page_titlepanel {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    border-top: 1px solid white;
    padding-top: 10px;
    margin-top: 40px;
}

.css_appmgr_brandadmin_page_titlepanel_title {
    text-align: left;
    font-size: 22px;
    font-weight: bold;
    font-family: Quicksand;
    padding-top: 10px;
    color: white;
}

.css_appmgr_brandadmin_page_titlepanel_icon {
    text-align: center;
    margin: 10px;
}

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


.css_appmgr_brandadmin_page_back_butt {
    margin: 20px auto 20px auto;
    height: 40px;
    width: 120px;
    text-align: center;
    font-weight: 400;
    background-color: white;
    font-family: Poppins;
    font-size: 16px;
    color: darkred;
    border: 2px solid darkred;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 7px;
}

    .css_appmgr_brandadmin_page_back_butt:hover {
        font-weight: 600;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 1);
    }




.css_appmgr_analytics_container_canvas {
    text-align: center;
    height: 100%;
    border-radius: 8px;
    padding: 10px;
    margin: 0 auto 0 auto;
    position: relative;
    width: 100%;
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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

.css_appmgr_analytics_page_titlepanel {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    border-top: 1px solid white;
    padding-top: 10px;
    margin-top: 40px;
}

.css_appmgr_analytics_page_titlepanel_title {
    text-align: left;
    font-size: 22px;
    font-weight: bold;
    font-family: Quicksand;
    padding-top: 10px;
    color: white;
}

.css_appmgr_analytics_page_titlepanel_icon {
    text-align: center;
    margin: 10px;
}

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


.css_appmgr_analytics_page_back_butt {
    margin: 20px auto 20px auto;
    height: 40px;
    width: 120px;
    text-align: center;
    font-weight: 400;
    background-color: white;
    font-family: Poppins;
    font-size: 16px;
    color: darkred;
    border: 2px solid darkred;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 7px;
}

    .css_appmgr_analytics_page_back_butt:hover {
        font-weight: 600;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 1);
    }

.css_appmgr_analytics_page_module_title_stats_panel {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.css_appmgr_analytics_page_module_title_stats_panel_group {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-right: 10px;
}

.css_appmgr_analytics_page_module_title_stats_panel_icon {
    text-align: center;
    margin: 10px;
}

.css_appmgr_analytics_page_module_title_stats_panel_title {
    text-align: left;
    font-size: 12px;
    font-weight: 500;
    font-family: Poppins;
    padding-top: 15px;
    color: white;
}

.css_appmgr_analytics_mktwizard_buttons_section {
    padding: 10px;
    border-top: 2px solid cadetblue;
}

.css_appmgr_analytics_mktwizard_button_title {
    font-family: 'Poppins';
    font-size: 18px;
    margin-left: 10px;
}


.css_appmgr_analytics_mktwizard_button {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: fit-content;
    margin: 10px auto;
    padding: 20px 30px;
    border-radius: 8px;
    color: steelblue;
    font-weight: 600;
    border: 2px solid steelblue;
    font-weight: 600;
    background-color: green;
    color: white;
    cursor: pointer;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
}

    .css_appmgr_analytics_mktwizard_button:hover {
        color: white;
        background-color: steelblue;
        border-color: white;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.6);
        font-weight: 700;
        text-decoration: underline;
    }


.css_appmgr_analytics_mktwizard_section {
    padding: 10px;
    border-top: 2px solid cadetblue;
}

.css_appmgr_analytics_page_module_titlepanel {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    border-top: 1px dashed white;
    padding-top: 10px;
}

.css_appmgr_analytics_page_module_titlepanel_title {
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    font-family: Poppins;
    padding-top: 15px;
    color: white;
}

.css_appmgr_analytics_page_module_titlepanel_icon {
    text-align: center;
    margin: 10px;
}

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

.css_appmgr_analytics_mktwizard_titlepanel {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    border-top: 1px solid white;
    padding-top: 10px;
}

.css_appmgr_analytics_mktwizard_titlepanel_title {
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    font-family: Poppins;
    padding-top: 10px;
    color: steelblue;
    text-decoration: underline;
}

.css_appmgr_analytics_mktwizard_titlepanel_icon {
    text-align: center;
    margin: 10px;
}

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


.css_appmgr_analytics_customerselection_filter_desktop_canvas {
    text-align: center;
    height: 100%;
    /*border-radius: 8px;*/
    padding: 10px;
    margin: 0 auto 20px auto;
    position: relative;
    background-color: white;
    width: 100%;
    -ms-overflow-style: none;
}

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


.css_appmgr_slider_mkt_signupdays_selector {
}



.css_appmgr_slider_range_manual_buttons_line {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 5px auto;
    width: 100%;
    padding: 0 20px;
}

.css_appmgr_slider_range_manual_button_group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 120px;
}

.css_appmgr_slider_range_manual_button_title {
    font-size: 12px;
    color: darkslategrey;
    font-weight: 400;
}

.css_appmgr_slider_range_manual_button_datetitle {
    font-size: 14px;
    color: steelblue;
    font-weight: 600;
}

.css_appmgr_slider_range_manual_buttons_cont {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 40px;
    padding: 5px 10px;
}

.css_appmgr_slider_range_manual_button_down {
    text-align: center;
    height: 32px;
    width: 32px;
    /*position: absolute;
    top: 5px;
    left: 0;*/
    padding-top: 3px;
    padding-left: 0;
    border-radius: 16px;
    border: 2px solid darkslategray;
    background-color: #FFFFFF;
    user-select: none;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

    .css_appmgr_slider_range_manual_button_down:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    }

.css_appmgr_slider_range_manual_button_up {
    /*position: absolute;
    top: 5px;
    left: 70px;*/
    text-align: center;
    height: 32px;
    width: 32px;
    padding-left: 0;
    padding-top: 3px;
    border-radius: 16px;
    border: 2px solid darkslategrey;
    background-color: #FFFFFF;
    user-select: none;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

    .css_appmgr_slider_range_manual_button_up:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    }


.css_appmgr_mkt_wizard_selector_loyaltyoptions_container {
    display: flex;
    flex-direction: column;
    /*width: 80%;*/
    margin: 0 auto;
    background-color: white;
    padding: 10px 30px 10px;
}

.css_appmgr_mkt_wizard_selector_loyaltyoption_list_item {
    position: relative;
    background-color: white;
    text-align: left;
    margin: 0 5px;
    padding: 0 5px;
}

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

.css_appmgr_mkt_wizard_selector_loyaltyoption_radio_item_text {
    position: relative;
    margin-left: 10px;
    color: darkslategray;
    font-family: Poppins;
    font-size: 18px;
}

.css_appmgr_slider_mkt_days_selector_range_container {
    display: flex;
    flex-direction: column;
    width: 80%;
    margin: 10px auto;
    background-color: white;
    padding: 10px 30px 10px;
}

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

.css_appmgr_slider_mkt_days_selector_sliders_control {
    position: relative;
    min-height: 50px;
}

.css_appmgr_slider_mkt_regular_selector_slider_control {
    position: relative;
}

.css_appmgr_slider_mkt_days_selector_container_control {
    position: relative;
    display: none;
    /*display: flex;*/
    justify-content: space-between;
    font-size: 24px;
    color: #635a5a;
}

.css_appmgr_slider_mkt_days_selector_container_control_container {
}

.css_appmgr_slider_mkt_days_selector_container_control_container__time {
}

.css_appmgr_slider_mkt_days_selector_container_control_container__time__input {
}

.css_appmgr_slider_mkt_days_selector_rangeinput::-webkit-slider-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #C6C6C6;
    cursor: pointer;
}

.css_appmgr_slider_mkt_days_selector_rangeinput::-moz-range-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #C6C6C6;
    cursor: pointer;
}

.css_appmgr_slider_mkt_days_selector_rangeinput::-webkit-slider-thumb:hover {
    background: #f7f7f7;
}

.css_appmgr_slider_mkt_days_selector_rangeinput::-webkit-slider-thumb:active {
    box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
    -webkit-box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
}


.css_appmgr_slider_mkt_days_selector_numberinput {
    color: #8a8383;
    width: 50px;
    height: 30px;
    font-size: 20px;
    border: none;
}

    .css_appmgr_slider_mkt_days_selector_numberinput::-webkit-inner-spin-button,
    .css_appmgr_slider_mkt_days_selector_numberinput::-webkit-outer-spin-button {
        opacity: 0.5;
    }

.css_appmgr_slider_mkt_days_selector {
    -webkit-appearance: none;
    appearance: none;
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    background-color: #C6C6C6;
    pointer-events: none;
}

.css_appmgr_slider_mkt_days_selector_fromslider {
    height: 0;
    z-index: 1;
}

.css_appmgr_analytics_header_desktop_canvas {
    text-align: center;
    height: 100%;
    border-radius: 8px;
    padding: 10px;
    margin: 20px auto;
    position: relative;
    width: 100%;
    -ms-overflow-style: none;
}

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



.css_appmgr_analytics_header_panel_canvas {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: left;
    /*max-width: 50%;*/
    /*max-width: 80vw;*/
    margin: 0;
    position: relative;
    /*-ms-transform: translate(-50%, -50%);*/
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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


.css_appmgr_analytics_items_panel_cont {
    position: relative;
    text-align: center;
    display: flex;
    min-height: 60px;
    /* height: 310px; */
    /*max-height: 350px;*/
    width: 30%;
    /*max-width: 300px;*/
    /*border-radius: 6px;*/
    background-color: white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    margin: 10px;
    padding: 10px;
}

    .css_appmgr_analytics_items_panel_cont:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    }

.css_appmgr_analytics_items_panel_selected {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    border-width: 1px;
    border-style: dashed;
    border-color: silver;
    background-color: white;
}

.css_appmgr_analytics_items_panel_bannermain {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: darkgreen;
    color: white;
    padding: 5px 10px;
}

.css_appmgr_analytics_items_panel_bannercont {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    text-align: left;
}

.css_appmgr_analytics_items_panel_stsbutcont {
    position: relative;
    /*background-color: white;*/
    /*top: 7px;
    right: 10px;
    height: 32px;*/
    z-index: 2;
    /*display: flex;*/
    /*border: 2px solid darkgray;*/
    border-radius: 5px;
    padding-top: 5px;
    margin-right: 5px;
}

.css_appmgr_analytics_items_panel_banner_labels_cont {
    font-family: Poppins;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.css_appmgr_analytics_items_panel_righttitle {
    font-size: 18px;
    padding-top: 5px;
}

.css_appmgr_analytics_items_panel_bannerlbl {
    font-size: 18px;
    padding-top: 5px;
}

.css_appmgr_analytics_items_panel_banner_sublbl {
    font-size: 10px;
    /*padding-top: 5px;*/
}


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

.css_appmgr_analytics_items_contentpanel_col {
    display: flex;
    flex-direction: column;
    /*flex-wrap: nowrap;*/
    justify-content: flex-start;
}

.css_appmgr_analytics_items_bodypanel {
    /*width: 100%;*/
    /*max-width: 225px;*/
    min-height: 100px;
    color: #000000;
    font-family: Poppins;
    font-size: 14px;
    text-align: left;
    padding: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.css_appmgr_analytics_items_panel_text {
    width: 100%;
    /*max-width: 150px;*/
    min-height: 100px;
    color: #000000;
    font-family: Poppins;
    font-size: 14px;
    text-align: left;
    padding: 0 5px;
    display: flex;
    flex-direction: column;
}

.css_appmgr_analytics_items_report_labels_hidden_cont {
    display: none;
}

.css_appmgr_analytics_items_report_labels_cont {
    position: relative;
    /*width: 100%;*/
    /*max-width: 225px;*/
    min-height: 100px;
    color: #000000;
    font-family: Poppins;
    font-size: 14px;
    text-align: left;
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.css_appmgr_analytics_items_report_panel {
    /*width: 100%;*/
    /* max-width: 225px; */
    /* min-height: 100px; */
    color: #000000;
    font-family: Poppins;
    /* font-size: 14px; */
    /* text-align: left; */
    /* padding: 10px; */
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    position: relative;
}

.css_appmgr_analytics_items_panel_image_cont {
    border: 1px solid silver;
    /*border-radius: 5px;*/
    padding: 5px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    margin: 0 5px auto 0;
    min-height: 75px;
}

.css_appmgr_analytics_items_panel_image {
    /*width: 100%;*/
    max-width: 50px;
    max-height: 100px;
    object-fit: contain;
}

.css_appmgr_analytics_items_panel_name {
    /*width: 100%;*/
    color: #000000;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    width: 100%;
    /*margin-left: 20px;
    margin-right: 20px;*/
    /*margin-top: 5px;*/
    /*cursor: pointer;*/
    /*overflow-wrap:break-word;*/
}

.css_appmgr_analytics_items_panel_itemtagline {
    color: white;
    padding: 2px 5px;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.css_appmgr_analytics_items_panel_desc {
    color: lightslategray;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    /*max-height: 55px;*/
    /*overflow-x: hidden;*/
    text-align: left;
    /*cursor: pointer;*/
}

.css_appmgr_analytics_items_panel_info1lbl {
    color: darkslategray;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
}

.css_appmgr_analytics_items_panel_info2lbl {
    color: darkslategray;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
}

.css_appmgr_analytics_items_panel_info3lbl {
    color: darkslategray;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
}

.css_appmgr_analytics_items_panel_hitratelbl {
    color: green;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
}

.css_appmgr_analytics_items_panel_circlehitratelbl {
    position: absolute;
    top: 20px;
    text-align: center;
    font-family: 'Poppins';
    left: 5px;
    /* height: 75px; */
    width: 50px;
    font-size: 14px;
    font-weight: 500;
}

.css_appmgr_analytics_items_panel_rate_circle_cont {
    position: relative;
    margin: 10px;
}

.css_appmgr_analytics_items_panel_rate_circle_base {
    position: relative;
    width: 60px;
    height: 60px;
    padding: 5px;
}

.css_mktmgr_promo_editor_topmenu_toolbar {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.css_mktmgr_promo_editor_setup_sectionnote_lbl {
    margin-left: 10px;
    margin-top: 5px;
}

.css_appmgr_analytics_items_panel_info_cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border-bottom: 1px solid silver;
}

.css_appmgr_analytics_items_panel_info_hidden_cont {
    display: none;
}

.css_appmgr_analytics_items_panel_tools_cont {
    display: flex;
    padding: 5px;
    margin: 10px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.css_appmgr_analytics_items_panel_tools_hidden_cont {
    display: none;
}

.css_appmgr_analytics_items_panel_tools_butt {
    position: relative;
    height: 34px;
    /*width: 50px;*/
    background-color: saddlebrown;
    border: 2px solid silver;
    color: white;
    font-weight: 400;
    border-radius: 4px;
    padding: 5px 8px;
    cursor: pointer;
}

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

.css_appmgr_analytics_items_panel_tools_butt_delete {
    position: relative;
    height: 28px;
    /*width: 50px;*/
    background-color: darkred;
    color: white;
    font-weight: 400;
    border-radius: 4px;
    padding: 5px;
    cursor: pointer;
}

    .css_appmgr_analytics_items_panel_tools_butt_delete:hover {
        font-weight: 600;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
        border: 1px solid white;
    }



.css_appmgr_analytics_storeitems_panel_cont {
    position: relative;
    text-align: center;
    display: flex;
    min-height: 60px;
    /* height: 310px; */
    /*max-height: 350px;*/
    width: 30%;
    /*max-width: 300px;*/
    /*border-radius: 6px;*/
    background-color: white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    margin: 10px;
    padding: 10px;
}

    .css_appmgr_analytics_storeitems_panel_cont:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    }

.css_appmgr_analytics_storeitems_panel_selected {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    border-width: 1px;
    border-style: dashed;
    border-color: silver;
    background-color: white;
}

.css_appmgr_analytics_storeitems_panel_bannermain {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: darkgreen;
    color: white;
    padding: 5px 10px;
}

.css_appmgr_analytics_storeitems_panel_bannercont {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    text-align: left;
}

.css_appmgr_analytics_storeitems_panel_stsbutcont {
    position: relative;
    /*background-color: white;*/
    /*top: 7px;
    right: 10px;
    height: 32px;*/
    z-index: 2;
    /*display: flex;*/
    /*border: 2px solid darkgray;*/
    border-radius: 5px;
    padding-top: 5px;
    margin-right: 5px;
}

.css_appmgr_analytics_storeitems_panel_banner_labels_cont {
    font-family: Poppins;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.css_appmgr_analytics_storeitems_panel_righttitle {
    font-size: 18px;
    padding-top: 5px;
}

.css_appmgr_analytics_storeitems_panel_bannerlbl {
    font-size: 18px;
    padding-top: 5px;
}

.css_appmgr_analytics_storeitems_panel_banner_sublbl {
    font-size: 10px;
    /*padding-top: 5px;*/
}


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

.css_appmgr_analytics_storeitems_contentpanel_col {
    display: flex;
    flex-direction: column;
    /*flex-wrap: nowrap;*/
    justify-content: flex-start;
}

.css_appmgr_analytics_storeitems_bodypanel {
    /*width: 100%;*/
    /*max-width: 225px;*/
    min-height: 100px;
    color: #000000;
    font-family: Poppins;
    font-size: 14px;
    text-align: left;
    padding: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.css_appmgr_analytics_storeitems_panel_text {
    width: 100%;
    /*max-width: 150px;*/
    min-height: 100px;
    color: #000000;
    font-family: Poppins;
    font-size: 14px;
    text-align: left;
    padding: 0 5px;
    display: flex;
    flex-direction: column;
}

.css_appmgr_analytics_storeitems_report_labels_hidden_cont {
    display: none;
}

.css_appmgr_analytics_storeitems_report_labels_cont {
    position: relative;
    /*width: 100%;*/
    /*max-width: 225px;*/
    min-height: 100px;
    color: #000000;
    font-family: Poppins;
    font-size: 14px;
    text-align: left;
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.css_appmgr_analytics_storeitems_report_panel {
    /*width: 100%;*/
    /* max-width: 225px; */
    /* min-height: 100px; */
    color: #000000;
    font-family: Poppins;
    /* font-size: 14px; */
    /* text-align: left; */
    /* padding: 10px; */
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    position: relative;
}

.css_appmgr_analytics_storeitems_panel_image_cont {
    border: 1px solid silver;
    /*border-radius: 5px;*/
    padding: 5px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    margin: 0 5px auto 0;
    min-height: 75px;
}

.css_appmgr_analytics_storeitems_panel_image {
    /*width: 100%;*/
    max-width: 50px;
    max-height: 100px;
    object-fit: contain;
}

.css_appmgr_analytics_storeitems_panel_name {
    /*width: 100%;*/
    color: #000000;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    width: 100%;
    /*margin-left: 20px;
    margin-right: 20px;*/
    /*margin-top: 5px;*/
    /*cursor: pointer;*/
    /*overflow-wrap:break-word;*/
}

.css_appmgr_analytics_storeitems_panel_itemtagline {
    color: white;
    padding: 2px 5px;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.css_appmgr_analytics_storeitems_panel_desc {
    color: lightslategray;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    /*max-height: 55px;*/
    /*overflow-x: hidden;*/
    text-align: left;
    /*cursor: pointer;*/
}

.css_appmgr_analytics_storeitems_panel_info1lbl {
    color: darkslategray;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
}

.css_appmgr_analytics_storeitems_panel_info2lbl {
    color: darkslategray;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
}

.css_appmgr_analytics_storeitems_panel_info3lbl {
    color: darkslategray;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
}

.css_appmgr_analytics_storeitems_panel_hitratelbl {
    color: green;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
}

.css_appmgr_analytics_storeitems_panel_circlehitratelbl {
    position: absolute;
    top: 20px;
    text-align: center;
    font-family: 'Poppins';
    left: 5px;
    /* height: 75px; */
    width: 50px;
    font-size: 14px;
    font-weight: 500;
}

.css_appmgr_analytics_storeitems_panel_rate_circle_cont {
    position: relative;
    margin: 10px;
}

.css_appmgr_analytics_storeitems_panel_rate_circle_base {
    position: relative;
    width: 60px;
    height: 60px;
    padding: 5px;
}

.css_mktmgr_promo_editor_topmenu_toolbar {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.css_mktmgr_promo_editor_setup_sectionnote_lbl {
    margin-left: 10px;
    margin-top: 5px;
}

.css_appmgr_analytics_storeitems_panel_info_cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border-bottom: 1px solid silver;
}

.css_appmgr_analytics_storeitems_panel_info_hidden_cont {
    display: none;
}

.css_appmgr_analytics_storeitems_panel_tools_cont {
    display: flex;
    padding: 5px;
    margin: 10px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.css_appmgr_analytics_storeitems_panel_tools_hidden_cont {
    display: none;
}

.css_appmgr_analytics_storeitems_panel_tools_butt {
    position: relative;
    height: 34px;
    /*width: 50px;*/
    background-color: saddlebrown;
    border: 2px solid silver;
    color: white;
    font-weight: 400;
    border-radius: 4px;
    padding: 5px 8px;
    cursor: pointer;
}

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

.css_appmgr_analytics_storeitems_panel_tools_butt_delete {
    position: relative;
    height: 28px;
    /*width: 50px;*/
    background-color: darkred;
    color: white;
    font-weight: 400;
    border-radius: 4px;
    padding: 5px;
    cursor: pointer;
}

    .css_appmgr_analytics_storeitems_panel_tools_butt_delete:hover {
        font-weight: 600;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
        border: 1px solid white;
    }



.css_appmgr_hme_menu_promotions_canvas {
    text-align: center;
    height: 100%;
    border-radius: 8px;
    padding: 10px;
    margin: 0 auto 0 auto;
    position: relative;
    width: 100%;
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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


.css_appmgr_app_promotions_cont {
    position: relative;
    margin-top: 10px;
}


.css_oa_ol_appmgr_offers_panel {
    text-align: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.css_oa_ol_appmgr_offer_item {
    margin: 15px;
    /* padding: 10px; */
    border: 1px dashed gray;
    /* border-radius: 12px; */
    background-color: #F0F0F0;
    /*cursor: pointer;*/
    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.4);
    /*max-width: 350px;*/
    width: 30%;
}

.css_oa_ol_appmgr_offer_mini_banner {
    position: relative;
    /*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_appmgr_offer_wallet_icon_cont {
    position: absolute;
    top: 3px;
    right: 5px;
}

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

.css_oa_ol_appmgr_offer_icn {
    margin: 5px;
}

.css_oa_ol_appmgr_offer_icon {
    max-height: 100px;
    max-width: 100px;
    margin-left: 5px;
}

.css_oa_ol_appmgr_offer_txt_cont {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-left: 5px;
}

.css_oa_ol_appmgr_offer_title {
    margin: 0 5px;
    font-size: 18px;
    font-weight: 600;
    color: steelblue;
}

.css_oa_ol_appmgr_offer_unlimited_code {
    background-color: blue;
    margin: 0 5px;
    font-size: 14px;
    font-weight: 600;
    color: gold;
    background-color: blue;
    font-family: Poppins;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.css_oa_ol_appmgr_offer_subtitle {
    margin: 0 5px;
    font-size: 12px;
}

.css_oa_ol_appmgr_offer_button_terms {
    text-align: left;
    height: 40px;
    margin-left: 5px;
    padding-top: 5px;
    color: slategrey;
    font-size: 12px;
    text-decoration: underline;
    Cursor: pointer;
}

    .css_oa_ol_appmgr_offer_button_terms:hover {
        color: dodgerblue;
    }

.css_oa_ol_appmgr_offer_button_edit_add {
    text-align: right;
    margin-left: 5px;
    color: slategrey;
    font-size: 12px;
    font-weight: 500;
    text-decoration: underline;
    Cursor: pointer;
}

    .css_oa_ol_appmgr_offer_button_edit_add:hover {
        color: dodgerblue;
        font-weight: 600;
    }

.css_oa_ol_appmgr_offer_button_edit_add_row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    padding: 0 10px;
}

.css_appmgr_ol_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;
    pointer-events: auto;
}

.css_appmgr_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_appmgr_ol_modaloffernotice_title {
    /*text-align: center;*/
    color: #000000;
    font-size: 24px;
    margin: 10px 0 5px 0;
}

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

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



.css_appmgr_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_appmgr_ol_modaloffernotice_applogoimg {
    margin: 5px auto;
    max-height: 80px;
    position: relative;
    text-align: center;
    /*left: 30px;
    top: 10px;*/
}



.css_appmgr_ol_qrcodelinkdisplay_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_appmgr_ol_modalqrcodelinkdisplay_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_appmgr_ol_modalqrcodelinkdisplay_title {
    /*text-align: center;*/
    color: #000000;
    font-size: 24px;
    margin: 10px 0 5px 0;
}

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

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



.css_appmgr_qrcodelinkdisplay_codepnl {
    /*width: 140px;
    height: 140px;*/
    margin: 20px auto;
    /*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_appmgr_qrcodelinkdisplay_readable_link {
    text-align: center;
    margin-bottom: 10px;
    color: dodgerblue;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    overflow-wrap: break-word;
    text-decoration: underline;
    cursor: pointer;
}

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


.css_appmgr_hme_app_setups_optionsbuttontitlepanel {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    border-top: 1px solid white;
    padding-top: 10px;
    margin-top: 40px;
}

.css_appmgr_hme_app_setups_optionsbutton_info_panel {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-left: 10px;
}
.css_appmgr_hme_app_setups_options_butttitlepanel_icon {
    text-align: center;
    margin: 10px;
}
.css_appmgr_hme_app_setups_options_butt_info_panel_icon {
    text-align: center;
    margin: 0 10px 0 0;
}

.css_appmgr_hme_app_setups_options_buttpanel_title {
    text-align: left;
    font-size: 22px;
    font-weight: bold;
    font-family: Quicksand;
    padding-top: 10px;
    color: white;
}
.css_appmgr_hme_app_setups_options_butt_info_panel_text {
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    font-family: Poppins;
    color: white;
}

.css_appmgr_hme_app_setups_options_buttpanel_subtitle {
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    font-family: Poppins;
    padding-top: 10px;
    color: white;
}

.css_appmgr_hme_menu_qrcodes_display_menu_canvas {
    text-align: center;
    height: 100%;
    /*height: calc(100vh - 150px);*/
    border-radius: 8px;
    padding: 10px;
    margin: 0 auto 0 auto;
    position: relative;
    /* top: 50%; */
    /* left: 50%; */
    /*background-color: white;*/
    /*-ms-transform: translate(-50%, -50%);*/
    /* transform: translate(-50%, -50%); */
    width: 100%;
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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



.css_appmgr_hme_menu_setupmenu_canvas {
    text-align: center;
    height: 100%;
    /*height: calc(100vh - 150px);*/
    border-radius: 8px;
    padding: 10px;
    margin: 0 auto 0 auto;
    position: relative;
    /* top: 50%; */
    /* left: 50%; */
    /*background-color: white;*/
    /*-ms-transform: translate(-50%, -50%);*/
    /* transform: translate(-50%, -50%); */
    width: 100%;
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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


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


.css_appmgr_hme_appsetupmenu_optionsbuttontitlepanel {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    border-top: 1px solid white;
    padding-top: 10px;
    margin-top: 40px;
}

.css_appmgr_hme_appsetupmenu_options_butttitlepanel_icon {
    text-align: center;
    margin: 10px;
}

.css_appmgr_hme_appsetupmenu_options_buttpanel_title {
    text-align: left;
    font-size: 22px;
    font-weight: bold;
    font-family: Quicksand;
    padding-top: 10px;
    color: white;
}

.css_appmgr_hme_appsetupmenu_optionsbuttonpanel {
    width: 100%;
}

.css_appmgr_hme_appsetupmenu_optionsbuttoncontainer {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 15px;
}

.css_appmgr_hme_appsetupmenu_options_buttonpanelbox {
    /*height: 330px;
    width: 100%;
    max-width: 260px;
    min-width: 240px;*/
    cursor: pointer;
    /*width: 200px;*/
    /*padding: 10px;*/
}

.css_appmgr_hme_appsetupmenu_options_button {
    text-align: center;
    padding: 10px 10px 20px 10px;
    margin: 10px 20px;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    height: 150px;
    width: 150px;
    min-width: 120px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background-color: white;
}

    .css_appmgr_hme_appsetupmenu_options_button:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    }

.css_appmgr_hme_appsetupmenu_options_butt_icon {
    text-align: center;
    margin: 10px;
}

.css_appmgr_hme_appsetupmenu_options_butt_title {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    font-family: Poppins;
}

.css_appmgr_hme_appsetupmenu_options_butt_desc {
    text-align: center;
    font-size: 10px;
    font-family: Poppins;
}

.css_appmgr_hme_appsetupgeneral_options_buttonpanelbox {
    cursor: pointer;
}

.css_appmgr_hme_appsetupgeneral_options_button {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    text-align: center;
    padding: 10px;
    margin: 10px 20px;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    /*height: 150px;
    width: 150px;
    min-width: 120px;*/
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background-color: white;
}

    .css_appmgr_hme_appsetupgeneral_options_button:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    }

.css_appmgr_hme_appsetupgeneral_options_butt_icon {
    text-align: center;
    margin: 5px;
}

.css_appmgr_hme_appsetupgeneral_options_butt_text {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 5px;
}

.css_appmgr_hme_appsetupgeneral_options_butt_title {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    font-family: Poppins;
}

.css_appmgr_hme_appsetupgeneral_options_butt_desc {
    text-align: center;
    font-size: 10px;
    font-family: Poppins;
}

.css_appmgr_splashvideo_preview_butt_button {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    text-align: center;
    padding: 10px;
    margin: 10px 10px auto;
    border: 2px solid black;
    border-radius: 4px;
    /*height: 150px;
    width: 150px;
    min-width: 120px;*/
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background-color: white;
}

    .css_appmgr_splashvideo_preview_butt_button:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    }


.css_appmgr_splashvideo_preview_butt_inactive_button {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    text-align: center;
    padding: 10px;
    margin: 10px auto;
    border: 2px solid darkred;
    border-radius: 4px;
    /*height: 150px;
    width: 150px;
    min-width: 120px;*/
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background-color: white;
}

    .css_appmgr_splashvideo_preview_butt_inactive_button:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    }

.css_appmgr_splashvideo_preview_butt_inactive_title {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    font-family: Poppins;
}

.css_appmgr_splashvideo_preview_butt_inactive_desc {
    text-align: left;
    font-size: 10px;
    font-family: Poppins;
}

.css_appmgr_splashvideo_preview_butt_title {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    font-family: Poppins;
}

.css_appmgr_splashvideo_preview_butt_desc {
    text-align: left;
    font-size: 10px;
    font-family: Poppins;
}

.css_appmgr_hme_appsetupmenu_delete_button {
    text-align: center;
    padding: 10px 10px 20px 10px;
    margin: 10px 20px;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    height: 150px;
    width: 150px;
    min-width: 120px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background-color: red;
    color: white;
}

    .css_appmgr_hme_appsetupmenu_delete_button:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    }

.css_appmgr_hme_appsetupmenu_options_butt_icon {
    text-align: center;
    margin: 10px;
}

.css_appmgr_hme_appsetupmenu_delete_butt_title {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    font-family: Poppins;
}

.css_appmgr_hme_appsetupmenu_delete_butt_desc {
    text-align: center;
    font-size: 12px;
    font-family: Poppins;
}





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

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

.css_appmgr_homemenu_sysabout_title {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    margin: 10px auto 20px auto;
    color: white;
}

.css_appmgr_homemenu_sysabout_subtitle {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    margin: 10px auto 10px auto;
    color: white;
}

.css_appmgr_homemenu_sysabout_badge {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
    margin: 10px auto;
    color: dodgerblue;
    background-color: white;
    border-radius: 4px;
    padding: 10px;
}

.css_cldapps_appmgr_menu_setups_back_butt {
    margin: 20px auto 20px auto;
    height: 40px;
    width: 120px;
    text-align: center;
    font-weight: normal;
    background-color: white;
    font-family: Avenir Medium;
    font-size: 16px;
    color: darkred;
    border: 2px solid darkred;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 7px;
}

    .css_cldapps_appmgr_menu_setups_back_butt:hover {
    }


.css_cldapps_appmgr_sysabout_report_status_on_butt {
    margin: 20px auto 20px auto;
    height: 40px;
    width: 120px;
    text-align: center;
    font-weight: normal;
    background-color: darkgreen;
    font-family: Poppins;
    font-size: 16px;
    color: white;
    border: 2px solid lightgreen;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 7px;
}

    .css_cldapps_appmgr_sysabout_report_status_on_butt:hover {
        background-color: green;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 1);
    }


.css_cldapps_appmgr_sysabout_report_status_off_butt {
    margin: 20px auto 20px auto;
    height: 40px;
    width: 120px;
    text-align: center;
    font-weight: normal;
    background-color: darkred;
    font-family: Poppins;
    font-size: 16px;
    color: white;
    border: 2px solid palevioletred;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 7px;
}

    .css_cldapps_appmgr_sysabout_report_status_off_butt:hover {
        background-color: red;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 1);
    }

.css_cldapps_appmgr_req_support_cont {
    text-align: center;
    margin: 10px auto;
    border-radius: 6px;
    border: 2px solid silver;
    padding: 20px;
}

.css_cldapps_appmgr_req_support_title {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    color: white;
}

.css_cldapps_appmgr_req_support_detail_text {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    width: 250px;
}

.css_cldapps_appmgr_req_support_butt {
    margin: 20px auto 20px auto;
    /*height: 40px;
    width: 120px;*/
    text-align: center;
    font-weight: normal;
    background-color: darkolivegreen;
    font-family: Poppins;
    font-size: 12px;
    color: white;
    border: 2px solid olive;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 7px 10px;
}

    .css_cldapps_appmgr_req_support_butt:hover {
        background-color: green;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 1);
    }

.css_appmgr_homemenu_progress_title {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    margin: 10px auto 20px auto;
    color: white;
}

.css_appmgr_homemenu_progress_subtitle {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    margin: 10px auto 10px auto;
    color: white;
}

.css_appmgr_homemenu_progress_badge {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    margin: 10px auto;
    color: dodgerblue;
    background-color: white;
    border-radius: 4px;
    padding: 10px;
}

.css_integrator_config_resourcetools_cont {
    display: flex;
    margin: 10px auto;
    padding: 10px;
}

.css_integrator_config_resourcetools_panel_content {
    padding: 10px;
    border: 2px solid silver;
    background-color: white;
    margin: 5px auto;
    text-align: left;
    width: 100%;
}

.css_integrator_config_resourcetools_panel_title {
    font-size: 14px;
    font-family: Poppins;
    text-align: left;
    color: darkslateblue;
    font-weight: 600;
}

.css_integrator_config_resourcetools_panel {
    display: flex;
    flex-direction: column;
    padding: 10px;
    border: 1px solid silver;
    margin: 5px;
    font-size: 12px;
}

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

.css_integrator_config_resourcetools_panel_livemode_setting {
    font-size: 16px;
    font-family: Poppins;
    text-align: left;
    color: white;
    font-weight: 600;
    text-transform: uppercase;
}

.css_integrator_config_resourcetools_input_text {
    margin: 0;
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: darkgray;
    font-size: 12px;
    font-family: Poppins;
    background-color: white;
    padding: 6px 20px 6px 20px;
    width: 100%;
}

.css_integrator_config_resourcetools_input_subtxt {
    font-size: 10px;
    font-family: Poppins;
    text-align: left;
    color: darkslateblue;
    font-weight: 400;
}

.css_integrator_config_resourcetools_oauth_newcred_panel {
    border: 2px solid silver;
    margin: 5px;
    padding: 5px;
}

.css_integrator_config_resourcetools_oauth_section_container {
    background-color: white;
    margin: 10px 10px 10px 0;
    padding: 20px;
    border: 1px solid #bdbdbd;
    border-radius: 1px;
}

.css_integrator_config_resourcetools_oauth_existcred_panel {
    border: 2px solid silver;
    margin: 10px 0;
    padding: 10px;
    background-color: darkgreen;
}

.css_integrator_config_resourcetools_oauth_exist_dev_cred_panel {
    border: 2px solid silver;
    margin: 10px 0;
    padding: 10px;
    background-color: cornflowerblue;
}

.css_integrator_config_resourcetools_oauth_exist_loading_cred_panel {
    border: 2px solid silver;
    margin: 10px 0;
    padding: 10px;
    background-color: darkmagenta;
}

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

.css_integrator_config_resourcetools_live_oauthcreds_butt {
    margin: 20px 20px 10px 0;
    padding: 5px 10px;
    text-align: center;
    font-weight: 500;
    background-color: darkgreen;
    font-family: Poppins;
    font-size: 16px;
    color: white;
    border: 2px solid steelblue;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 7px;
}

    .css_integrator_config_resourcetools_live_oauthcreds_butt:hover {
    }

.css_integrator_config_resourcetools_dev_oauthcreds_butt {
    margin: 20px 20px 10px 0;
    padding: 5px 10px;
    text-align: center;
    font-weight: 500;
    background-color: cornflowerblue;
    font-family: Poppins;
    font-size: 16px;
    color: white;
    border: 2px solid steelblue;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 7px;
}

    .css_integrator_config_resourcetools_dev_oauthcreds_butt:hover {
    }


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

.css_integrator_config_resourcetools_oauth_save_butt {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* font-weight: bold; */
    background-color: white;
    font-family: Poppins;
    font-size: 16px;
    color: dodgerblue;
    border: 2px solid #1e90ff;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 10px;
    margin: 5px;
    min-width: 100px;
}

    .css_integrator_config_resourcetools_oauth_save_butt:hover {
        color: white;
        background-color: dodgerblue;
        border-color: white;
    }

.css_integrator_config_resourcetools_oauth_save_title {
    font-size: 14px;
    font-weight: 400;
    font-family: Poppins;
    /*color: #FFFFFF;*/
    cursor: pointer;
}

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

.css_integrator_config_resourcetools_new_oauthcreds_butt {
    margin: 20px auto 20px 20px;
    height: 40px;
    width: 120px;
    text-align: center;
    font-weight: 500;
    background-color: white;
    font-family: Poppins;
    font-size: 16px;
    color: darkred;
    border: 2px solid steelblue;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 7px;
}

    .css_integrator_config_resourcetools_new_oauthcreds_butt:hover {
    }


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

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

.css_clsapps_publishapp_status_component_line_title {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    color: steelblue;
}

.css_clsapps_publishapp_status_component_line_icon {
    margin-left: auto;
}

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

.css_clsapps_publishapp_status_detail_line_title {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    color: darkgoldenrod;
}

.css_cldapps_app_compile_back_butt {
    margin: 50px auto 20px auto;
    height: 40px;
    width: 120px;
    text-align: center;
    font-weight: 400;
    background-color: white;
    font-family: 'Poppins';
    font-size: 16px;
    color: darkcyan;
    border: 2px solid silver;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 7px;
}

    .css_cldapps_app_compile_back_butt:hover {
        background-color: darkcyan;
        color: white;
        border-color: white;
    }

.css_cldapps_app_qrcodes_back_butt {
    margin: 50px auto 20px auto;
    height: 40px;
    width: 120px;
    text-align: center;
    font-weight: 400;
    background-color: white;
    font-family: 'Poppins';
    font-size: 16px;
    color: darkcyan;
    border: 2px solid silver;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 7px;
}

    .css_cldapps_app_qrcodes_back_butt:hover {
        background-color: darkcyan;
        color: white;
        border-color: white;
    }

.css_cldapps_app_appstoresetup_back_butt {
    position: absolute;
    top: 50px;
    right: 30px;
    /* margin: 10px auto; */
    height: 24px;
    width: 80px;
    text-align: center;
    font-weight: 400;
    background-color: ghostwhite;
    font-family: 'Poppins';
    font-size: 10px;
    color: darkgreen;
    border: 2px solid silver;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 3px;
    z-index: 2;
}

    .css_cldapps_app_appstoresetup_back_butt:hover {
        background-color: darkcyan;
        color: white;
        border-color: white;
    }


.css_cldapps_app_appcatsetup_back_butt {
    position: absolute;
    top: 50px;
    right: 30px;
    /* margin: 10px auto; */
    height: 24px;
    width: 80px;
    text-align: center;
    font-weight: 400;
    background-color: ghostwhite;
    font-family: 'Poppins';
    font-size: 10px;
    color: darkgreen;
    border: 2px solid silver;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 3px;
    z-index: 2;
}

    .css_cldapps_app_appcatsetup_back_butt:hover {
        background-color: darkcyan;
        color: white;
        border-color: white;
    }

.css_cldapps_app_compile_publishnow_cont {
    text-align: center;
}

.css_cldapps_app_compile_publishnow_butt {
    margin: 20px auto 20px auto;
    height: 40px;
    width: 120px;
    text-align: center;
    font-weight: normal;
    background-color: white;
    font-family: Avenir Medium;
    font-size: 16px;
    color: steelblue;
    border: 2px solid steelblue;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 7px;
}

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



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

.css_clsapps_publishappnow_status_detail_line_title {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    color: darkgreen;
}

.css_cldapp_customcfg_container {
    margin: 10px 0 10px 0;
    padding: 10px;
    background-color: cornflowerblue;
    text-align: center;
    border: 1px solid white;
}

.css_cldapp_customcfg_link_container {
    margin: 10px 0 10px 0;
    padding: 10px;
    background-color: cornflowerblue;
    text-align: center;
}

.css_cldapps_customcfg_create_butt {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 20px auto 20px auto;
    height: 40px;
    width: 160px;
    text-align: center;
    font-weight: normal;
    background-color: white;
    font-family: Avenir Medium;
    font-size: 16px;
    color: darkgreen;
    border: 2px solid darkgreen;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 7px;
}

    .css_cldapps_customcfg_create_butt:hover {
        color: white;
        background-color: darkgreen;
        border-color: white;
    }

.css_cldapps_customcfg_demo_mobdesktop_butt {
    display: none;
}


.css_cldapps_customcfg_demo_butt {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 20px auto 20px auto;
    height: 40px;
    width: 160px;
    text-align: center;
    font-weight: normal;
    background-color: white;
    font-family: Avenir Medium;
    font-size: 16px;
    color: darkgreen;
    border: 2px solid darkgreen;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 7px;
}

    .css_cldapps_customcfg_demo_butt:hover {
        color: white;
        background-color: steelblue;
        border-color: white;
    }

.css_cldapps_customcfg_demos_cont {
    text-align: center;
    border-top: 1px solid white;
}


.css_cldapps_customcfg_livedemos_cont {
    text-align: center;
    border-top: 1px solid white;
}


.css_cldapp_customcfg_create_extended_codes_canvas {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    background-color: white;
    padding: 5px;
    margin-top: 10px;
    text-align: center;
}

.css_cldapp_customcfg_create_extended_codes_canvas_title {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    font-family: Poppins;
    margin: 20px auto 10px auto;
    color: darkorange;
}

.css_cldapp_customcfg_create_qrpos_codes_canvas {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    background-color: white;
    padding: 5px;
    margin-top: 10px;
    text-align: center;
}

.css_cldapp_customcfg_create_qrpos_codes_canvas_title {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    font-family: Poppins;
    margin: 20px auto 10px auto;
    color: darkorange;
}

.css_cldapp_customcfg_create_qrpos_setup_tableno_prompt_text {
    text-align: center;
    font-size: 10px;
    font-weight: 400;
    font-family: Poppins;
    margin: 0 auto 0 auto;
    color: dodgerblue;
}

.css_cldapp_customcfg_create_qrpos_codes_entertablenos_canvas {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    background-color: white;
    padding: 5px;
    margin-top: 10px;
    text-align: center;
}

.css_cldapp_customcfg_create_qrpos_codes_tableprompt {
    text-align: center;
    font-size: 18px;
    font-family: Quicksand;
    margin: 15px auto 25px auto;
    color: black;
    max-width: 300px;
}

.css_cldapp_customcfg_create_qrpos_codes_edit_warning_lbl {
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    font-family: Poppins;
    margin: 15px auto 25px auto;
    color: darkred;
    max-width: 300px;
}


.css_cldapp_customcfg_create_qrpos_setup_tableno_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-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.css_cldapp_customcfg_create_qrpos_setup_tableno_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-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.css_cldapp_customcfg_create_qrpos_codes_create_butt {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 20px auto 20px auto;
    height: 40px;
    width: 160px;
    text-align: center;
    font-weight: normal;
    background-color: darkorange;
    font-family: Poppins;
    font-size: 16px;
    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_cldapp_customcfg_create_qrpos_codes_create_butt:hover {
        background-color: orange;
        border-color: darkorange;
    }


.css_cldapp_customcfg_livedemo_apps_title {
    text-align: center;
    font-size: 16px;
    font-family: Quicksand;
    margin: 10px;
    color: white;
    /*max-width: 300px;*/
}


.css_cldapps_customcfg_livedemo_butt {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 20px auto 20px auto;
    height: 40px;
    width: 160px;
    text-align: center;
    font-weight: normal;
    background-color: white;
    font-family: Avenir Medium;
    font-size: 16px;
    color: darkgreen;
    border: 2px solid darkgreen;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 7px;
}

    .css_cldapps_customcfg_livedemo_butt:hover {
        color: white;
        background-color: darkgreen;
        border-color: white;
    }


.css_cldapps_customcfg_compile_cont {
    text-align: center;
    border-top: 1px solid white;
}

.css_cldapps_publish_start_button_cont {
    text-align: center;
    border-top: 1px solid white;
}

.css_cldapp_customcfg_compile_apps_title {
    text-align: center;
    font-size: 18px;
    font-family: Poppins;
    font-weight: 600;
    margin: 10px;
    color: dodgerblue;
}

.css_cldapp_customcfg_compile_apps_subtitle {
    text-align: center;
    font-size: 14px;
    font-family: Poppins;
    font-weight: 400;
    margin: 10px;
    color: darkslategray;
}

.css_cldapp_customcfg_compile_apps_configtemplate_title {
    text-align: center;
    font-size: 16px;
    font-family: Poppins;
    font-weight: 600;
    /*margin: 10px;*/
    color: purple;
}

.css_cldapp_customcfg_compile_apps_configtemplate_subtitle {
    text-align: center;
    font-size: 12px;
    font-family: Poppins;
    font-weight: 400;
    /*margin: 10px;*/
    color: purple;
}

.css_cldapps_customcfg_publish_butt {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 20px auto 20px auto;
    /* height: 40px; */
    width: 160px;
    text-align: center;
    font-weight: 600;
    background-color: green;
    font-family: 'Poppins';
    font-size: 16px;
    color: white;
    border: 2px solid silver;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 30px 20px;
}

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


.css_cldapp_progress_img {
    max-height: 100px;
    max-width: 150px;
    border-radius: 8px;
    background-color: white;
}

.css_cldapp_progress_title {
    text-align: center;
    font-size: 28px;
    font-family: Quicksand;
    margin: 20px auto 20px auto;
    color: white;
}

.css_cldapp_progress_subtitle {
    text-align: center;
    font-size: 18px;
    font-family: Quicksand;
    margin: 15px auto 25px auto;
    color: white;
    max-width: 300px;
}

.css_cldapp_configapp_tableprompt {
    text-align: center;
    font-size: 18px;
    font-family: Quicksand;
    margin: 15px auto 25px auto;
    color: black;
    max-width: 300px;
}

.css_cldapp_customcfg_selection_title {
    text-align: center;
    font-size: 18px;
    font-family: Quicksand;
    margin: 0 auto 10px auto;
    color: white;
    max-width: 300px;
}

.css_cldapp_customcfg_launch_prompt {
    text-align: center;
    font-size: 16px;
    font-family: Quicksand;
    margin: 10px;
    color: white;
    /*max-width: 300px;*/
}

.css_cldapp_customcfg_demo_apps_title {
    text-align: center;
    font-size: 16px;
    font-family: Quicksand;
    margin: 10px;
    color: white;
    /*max-width: 300px;*/
}

.css_cldapp_customcfg_option_container {
    margin-bottom: 30px;
}

.css_cldapp_customcfg_setup_tableno_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-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.css_cldapp_customcfg_stores_canvas {
    /*display: flex;
    flex-direction: column;*/
    border-radius: 4px;
    background-color: white;
    padding: 5px;
    margin-top: 10px;
    text-align: center;
}

.css_cldapp_customcfg_entertableno_canvas {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    background-color: white;
    padding: 5px;
    margin-top: 10px;
    text-align: center;
}

.css_cldapp_customcfg_cats_canvas {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    background-color: white;
    padding: 5px;
    margin-top: 10px;
}

.css_cldapp_customcfg_otype_canvas {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    background-color: white;
    padding: 5px;
    margin-top: 10px;
}

.css_cldapp_customcfg_store_list_item {
    position: relative;
    background-color: white;
    text-align: left;
    /*border: 1px solid #D2D2D2;*/
    /*border-radius: 4px;*/
    margin: 5px;
    padding: 5px;
    /*height: 190px;*/
    /*display: flex;*/
    /*flex-direction: column;*/
}

.css_cldapp_customcfg_cat_list_item {
    position: relative;
    background-color: white;
    text-align: left;
    margin: 5px;
    padding: 5px;
}

.css_cldapp_customcfg_otype_list_item {
    position: relative;
    background-color: white;
    text-align: left;
    margin: 5px;
    padding: 5px;
}

.css_cldapp_customcfg_radio_item {
    position: relative;
    /*left: 25px;
    top: 10px;*/
    cursor: pointer;
    /*max-width: 280px;*/
    /*color: dodgerblue;*/
    /*font-family: Avenir Medium;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    color: darkgreen*/
}

.css_cldapp_customcfg_selectitem_text {
    position: relative;
    margin-left: 10px;
    /* top: 2px; */
    cursor: pointer;
    /* max-width: 280px; */
    color: darkgreen;
    font-family: Avenir Medium;
    font-size: 18px;
}

.css_cldapp_storeintegrators_container {
    margin: 10px auto;
    padding: 10px;
    display: flex;
    flex-direction: column;
    background-color: white;
}

.css_cldapp_storeintegrators_canvas_title {
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    font-family: Poppins;
    margin: 20px auto 10px auto;
    color: black;
}

.css_cldapp_storeintegrators_canvas_subtitle {
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    font-family: Poppins;
    margin: 20px auto 10px auto;
    color: darkslategray;
}

.css_cldapp_storeintegrators_update_butt {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 20px auto 20px auto;
    height: 40px;
    width: 160px;
    text-align: center;
    font-weight: normal;
    background-color: darkorange;
    font-family: Poppins;
    font-size: 16px;
    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_cldapp_storeintegrators_update_butt:hover {
        background-color: darkgreen;
        border-color: white;
    }

.css_cldapp_lch_app_container {
    margin-bottom: 30px;
}

.css_cldapp_lch_app_canvas {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    padding: 5px;
}

.css_cldapp_setup_brandapp_updatetools_canvas {
    background-color: steelblue;
    margin: 10px 0 10px 0;
    border-radius: 4px;
    padding: 15px;
}

.css_cldapp_setup_brandapp_updatetools_launch_butt {
    position: absolute;
    bottom: 20px;
    right: 5px;
    height: 40px;
    width: 140px;
    text-align: center;
    /*font-weight: bold;*/
    background-color: white;
    font-family: Avenir Medium;
    font-size: 18px;
    color: dodgerblue;
    border: 2px solid #1e90ff;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 5px;
    margin: 5px;
}

    .css_cldapp_setup_brandapp_updatetools_launch_butt:hover {
        color: white;
        background-color: dodgerblue;
    }

.css_cldapp_setup_app_cats_canvas {
    background-color: darkcyan;
    margin: 10px 0 10px 0;
    border-radius: 4px;
    padding: 15px;
}

.css_cldapp_setup_app_stores_canvas {
    background-color: darkslategray;
    margin: 10px 0 10px 0;
    border-radius: 4px;
    padding: 15px;
}

.css_cldapp_stcatset_pagemodal_setup_cont {
    position: relative;
    text-align: center;
    /*height: calc(100vh - 250px);*/
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none;
    margin-top: 20px;
    -ms-overflow-style: none;
}

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


.css_cldapp_stcatset_setup_blk_title {
    color: rgba(0,0,0,0.7);
    font-family: Avenir Medium;
    font-size: 24px;
    font-weight: bold;
}

.css_cldapp_stcatset_setup_blk {
    position: relative;
    margin: 20px 0 10px 0;
    width: 100%;
    text-align: center;
}


.css_cldapp_stcatset_setup_details_title {
    color: darkgreen;
    font-family: Avenir Medium;
    font-size: 18px;
}

.css_cldapp_stcatset_setup_details_blk {
    position: relative;
    margin: 20px 0 10px 0;
    width: 100%;
    text-align: center;
}

.css_cldapp_stcatset_setup_canvas {
    position: relative;
    /*height: 100%;*/
    width: 100%;
    text-align: center;
    margin: 50px auto 50px auto;
    -ms-overflow-style: none;
}

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



.css_cldapp_stcatset_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_stcatset_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-family: Avenir Medium;
    font-size: 16px;
    width: 125px;
    height: 40px;
    cursor: pointer;
    padding-top: 10px;
}

.css_cldapp_stcatset_notices_butt {
    border-radius: 0;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: #FFFFFF;
    color: #000000;
    font-family: Avenir Medium;
    font-size: 16px;
    width: 145px;
    height: 40px;
    cursor: pointer;
    padding-top: 10px;
    border-left: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;
}

.css_cldapp_stcatset_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-family: Avenir Medium;
    font-size: 16px;
    width: 165px;
    height: 40px;
    cursor: pointer;
    padding-top: 10px;
}

.css_cldapp_otype_appselect_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;
    justify-content: center;
}

.css_cldapp_otype_appselect_lbutt {
    border-radius: 4px 0 0 4px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: #FFFFFF;
    color: #000000;
    font-family: Avenir Medium;
    font-size: 12px;
    /*width: 125px;*/
    height: 40px;
    cursor: pointer;
    padding: 8px 10px;
}

    .css_cldapp_otype_appselect_lbutt:hover {
        background-color: green;
        color: white;
        font-weight: 600;
    }

.css_cldapp_otype_appselect_mbutt {
    border-radius: 0;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: #FFFFFF;
    color: #000000;
    font-family: Avenir Medium;
    font-size: 12px;
    /*width: 145px;*/
    height: 40px;
    cursor: pointer;
    padding: 8px 10px;
    border-left: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;
}

    .css_cldapp_otype_appselect_mbutt:hover {
        background-color: green;
        color: white;
        font-weight: 600;
    }

.css_cldapp_otype_appselect_rbutt {
    border-radius: 0 4px 4px 0;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: #FFFFFF;
    color: #000000;
    font-family: Avenir Medium;
    font-size: 12px;
    /*width: 165px;*/
    height: 40px;
    cursor: pointer;
    padding: 8px 10px;
}

    .css_cldapp_otype_appselect_rbutt:hover {
        background-color: green;
        color: white;
        font-weight: 600;
    }

.css_appmgr_inputbox_title_label {
    font-size: small;
    max-width: 500px;
}
.css_appmgr_checkbox_infoicon {
    text-align: center;
    margin: 0;
    cursor: pointer;
}


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

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

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

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

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

.css_cldapp_stcatset_setup_section_copypaste_icon {
    margin-top: 3px;
    margin-right: 5px;
    color: lightgrey;
    cursor: pointer;
}

    .css_cldapp_stcatset_setup_section_copypaste_icon:hover {
        color: white;
    }

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

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



.css_cldapp_ol_advdays_slidecontainer {
    width: 100%;
    margin: 10px 0;
    font-size: 12px;
}


.css_cldapp_ol_advdays_slider {
    -webkit-appearance: none;
    width: 100px;
    height: 25px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

    .css_cldapp_ol_advdays_slider:hover {
        opacity: 1;
    }

    .css_cldapp_ol_advdays_slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 25px;
        height: 25px;
        background: dodgerblue;
        cursor: pointer;
    }

    .css_cldapp_ol_advdays_slider::-moz-range-thumb {
        width: 25px;
        height: 25px;
        background: dodgerblue;
        cursor: pointer;
    }


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

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

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

.css_cldapp_stcatset_slots_setup_container {
    position: relative;
    background-color: darkslategray;
    color: black;
    padding: 10px 5px;
    border-radius: 5px;
    margin-top: 10px;
}

.css_cldapp_stcatset_asapslots_setup_container {
    position: relative;
    background-color: darkolivegreen;
    color: black;
    padding: 10px 5px;
    border-radius: 5px;
    margin-top: 10px;
}

.css_cldapp_stcatset_dowslots_container {
    position: relative;
    margin-bottom: 30px;
    /*margin-top: 30px;*/
}

.css_cldapp_stcatset_dowaddslots_container {
    margin: 10px 5px 30px 5px;
    border: 1px solid #D2D2D2;
    padding: 20px;
}


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


.css_cldapp_stcatset_setup_section_boxmini {
    position: relative;
    border: 2px solid darkslategrey;
    background-color: white;
    margin: 10px;
    padding: 20px;
    text-align: left;
}

.css_cldapp_stcatset_setup_section_entry_boxmini {
    position: relative;
    margin: 10px;
    padding: 10px 20px;
    text-align: left;
}


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

.css_cldapp_stcatset_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;
    font-family: Quicksand;
    background-color: white;
    padding: 10px 10px 2px 10px;
    width: 100%;
}

.css_appmgr_pay_ordtype_setup_cont {
    margin: 10px;
    border: 1px solid silver;
}

.css_appmgr_pay_ordtype_switch_cont {
    margin: 10px;
}

.css_cldapp_stcatset_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: 10px 10px 2px 10px;
    width: 100%;
}

.css_cldapp_stcatset_setup_validtable_list_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: 10px 10px 2px 10px;
    width: 100%;
    min-width: 100px;
    max-width: 300px;
}

.css_cldapp_stcatset_setup_notices_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: 10px 10px 2px 10px;
    width: 100%;
    min-width: 100px;
    max-width: 300px;
}

.css_cldapps_ol_appdisp_dowsel_panel {
    text-align: center;
    /*width: 200px;*/
    margin-top: 25px;
    margin-left: 10px;
    /*margin-right: auto;*/
    margin-bottom: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}


.css_cldapps_ol_appdisp_all_openhours_panel {
    text-align: center;
    margin-top: 25px;
    margin-left: 10px;
    margin-bottom: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.css_cldapp_appdisp_all_openhours_sch_butt {
    border-radius: 4px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background-color: #FFFFFF;
    color: #000000;
    font-family: Avenir Medium;
    font-size: 12px;
    padding: 5px 10px 5px 10px;
    text-align: center;
    cursor: pointer;
    border: 2px solid silver;
}

    .css_cldapp_appdisp_all_openhours_sch_butt:hover {
        background-color: darkorange;
        color: #FFFFFF;
    }



.css_cldapp_appdisp_hourssch_butt {
    border-radius: 4px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background-color: #FFFFFF;
    color: #000000;
    font-family: Avenir Medium;
    font-size: 12px;
    padding: 5px 10px 5px 10px;
    /* width: 50px; */
    text-align: center;
    /* height: 40px; */
    cursor: pointer;
    /* padding-top: 10px; */
    border: 2px solid silver;
}

    .css_cldapp_appdisp_hourssch_butt:hover {
        background-color: darkorange;
        color: #FFFFFF;
    }


.css_appmgr_modalstoreselect_container {
    text-align: center;
}

.css_appmgr_modalstoreselect_title {
    color: #000000;
    font-family: Poppins;
    font-size: 18px;
    margin: 5px auto;
    font-weight: 500;
}

.css_appmgr_modalstoreselect_subtitle {
    color: #000000;
    font-family: Poppins;
    font-size: 14px;
    margin: 5px auto;
    font-weight: 400;
}

.css_appmgr_modalstoreselect_store_cont {
    max-height: 500px;
    overflow-y: scroll;
    margin-top: 40px;
    min-height: 100px;
}

.css_appmgr_modalstoreselect_store_canvas {
    display: flex;
    flex-direction: column;
    -ms-overflow-style: none;
}

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

.css_appmgr_modalstoreselect_store_button {
    position: relative;
    text-align: center;
    background-color: white;
    font-family: Poppins;
    font-size: 16px;
    color: steelblue;
    border: 2px solid steelblue;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 5px 10px;
    margin: 10px 20px;
}

    .css_appmgr_modalstoreselect_store_button:hover {
        color: white;
        background-color: steelblue;
        border-color: lightsteelblue;
    }



.css_usrnote_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: 10px auto 10px auto;
    padding: 20px;
    pointer-events: auto;
}

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

.css_usrnote_modalmsg_subtitle {
    /*text-align: left;*/
    color: steelblue;
    font-size: 14px;
    font-weight: 500;
    margin: 10px auto;
    max-width: 300px;
}

.css_usrnote_modalmsg_bodytext {
    /*text-align: left;*/
    color: #161616;
    font-size: 14px;
    margin: 10px auto;
    max-width: 300px;
    font-weight: 500;
}


.css_appmgr_pagemodal_datesel_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 auto 10px auto;
    padding: 20px;
    pointer-events: auto;
}

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

.css_appmgr_modaldateselect_subtitle {
    /*text-align: left;*/
    color: steelblue;
    font-size: 14px;
    font-weight: 500;
    margin: 10px auto;
    max-width: 300px;
}

.css_appmgr_modaldateselect_bodytext {
    /*text-align: left;*/
    color: #161616;
    font-size: 14px;
    margin: 10px auto;
    max-width: 300px;
    font-weight: 500;
}

.css_appmgr_modaldateselect_input_text {
    margin: 0;
    box-sizing: border-box;
    /*border-radius: 5px 5px 5px 5px;*/
    border-width: 1px;
    border-style: solid;
    border-color: gray;
    font-size: 14px;
    background-color: white;
    padding: 6px 10px 6px 10px;
    min-width: 180px;
    cursor: pointer;
}

.css_cldapp_appmgr_selected_date_butt {
    margin: 50px auto 20px auto;
    /*height: 40px;*/
    max-width: 200px;
    text-align: center;
    font-weight: 600;
    background-color: white;
    font-family: 'Poppins';
    font-size: 16px;
    color: steelblue;
    border: 2px solid steelblue;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 7px 10px;
}

    .css_cldapp_appmgr_selected_date_butt:hover {
        background-color: steelblue;
        color: white;
        border-color: white;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,1);
    }



.css_general_portal_usrnote_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: 10px auto 10px auto;
    padding: 20px;
    pointer-events: auto;
}

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

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

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


.css_cldapps_ol_appset_dowsel_panel {
    text-align: center;
    /*width: 200px;*/
    margin-top: 25px;
    margin-left: 10px;
    /*margin-right: auto;*/
    margin-bottom: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}


.css_cldapp_stcatset_appset_dow_butt_l {
    border-radius: 4px 0 0 4px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background-color: #FFFFFF;
    color: #000000;
    font-family: Avenir Medium;
    font-size: 16px;
    width: 50px;
    text-align: center;
    height: 40px;
    cursor: pointer;
    padding-top: 10px;
}

    .css_cldapp_stcatset_appset_dow_butt_l:hover {
        background-color: green;
        color: #FFFFFF;
    }

.css_cldapp_stcatset_appset_dow_butt_m {
    border-radius: 0;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background-color: #FFFFFF;
    color: #000000;
    font-family: Avenir Medium;
    font-size: 16px;
    width: 50px;
    text-align: center;
    height: 40px;
    cursor: pointer;
    padding-top: 10px;
    border-left: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;
}

    .css_cldapp_stcatset_appset_dow_butt_m:hover {
        background-color: green;
        color: #FFFFFF;
    }

.css_cldapp_stcatset_appset_dow_butt_r {
    border-radius: 0 4px 4px 0;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background-color: #FFFFFF;
    color: #000000;
    font-family: Avenir Medium;
    font-size: 16px;
    width: 50px;
    text-align: center;
    height: 40px;
    cursor: pointer;
    padding-top: 10px;
}

    .css_cldapp_stcatset_appset_dow_butt_r:hover {
        background-color: green;
        color: #FFFFFF;
    }


.css_cldapp_stcatset_dowslots_canvas {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
}

.css_cldapp_stcatset_dowslots_tmeslt {
    width: 90%;
    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: 30px;
    text-align: left;
    color: #000000;
    font-family: Avenir Medium;
    font-size: 14px;
    font-weight: 500;
    position: relative;
}

.css_cldapp_stcatset_dowslots_tmeslt_tme {
    position: absolute;
    top: 8px;
    left: 10px;
    text-align: left;
    color: #000000;
    font-family: Avenir Medium;
    font-size: 16px;
    margin-left: 20px;
}


.css_cldapp_stcatset_dowslots_tmeslt_del {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}


.css_cldapp_stcatset_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: Avenir Medium;
    font-size: 16px;
    width: 120px;
    height: 40px;
    margin: 20px auto 10px auto;
    cursor: pointer;
    padding-top: 5px;
    text-align: center;
}

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

.css_cldapp_appmgr_mobdemo_cont {
    position: relative;
    text-align: center;
    /*background-position: bottom center;*/
    background-repeat: no-repeat;
    /*min-height: 400px;
    width: 100%;
    height: 100%;*/
    background-color: transparent;
    background-image: url('/Images/cloudapps/mobile_demo_device1.png');
    /*background-attachment: scroll;*/
    height: 700px;
    width: 330px;
    margin: 0 auto;
}

.css_cldapp_appmgr_mobdemo_iframe {
    position: absolute;
    left: 15px;
    height: 535px;
    width: 300px;
    border: none;
    top: 60px;
    border-radius: 5px;
}

.css_cldapp_appmgr_mobiledemo_viewer_close {
    position: absolute;
    bottom: 60px;
    left: 129px;
    border: 1px solid silver;
    background-color: darkcyan;
    color: white;
    font-size: 12px;
    border-radius: 12px;
    height: 23px;
    width: 68px;
    cursor: pointer;
}

    .css_cldapp_appmgr_mobiledemo_viewer_close:hover {
        background-color: forestgreen;
    }

.css_cldapp_stcatset_setup_blk_save_cont {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 5px;
}

.css_cldapp_stcatset_setup_blk_save_configtemplate_title {
    text-align: center;
    font-size: 16px;
    font-family: Poppins;
    font-weight: 600;
    margin: 5px auto;
    color: purple;
}

.css_cldapp_stcatset_setup_blk_save_configtemplate_subtitle {
    text-align: center;
    font-size: 12px;
    font-family: Poppins;
    font-weight: 400;
    /*margin: 10px;*/
    color: purple;
}

.css_cldapp_stcatset_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: Avenir Medium;
    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_stcatset_setup_blk_save_but:hover {
        background-color: darkgreen;
    }


.css_registered_qrcodes_table_displayarea {
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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

.css_registered_qrcodes_table_canvas {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    /*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;
}

.css_registered_qrcodes_table_element_panel {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 10px 2px;
    padding: 0 5px;
}

.css_registered_qrcodes_table_apptype_textlbl {
    color: white;
    background-color: steelblue;
    padding: 2px 5px;
    border: 1px solid darkslategrey;
    border-radius: 3px;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    margin: 5px;
    text-align: left;
    width: fit-content;
}

.css_registered_qrcodes_table_storename_textlbl {
    color: darkslategrey;
    /* background-color: steelblue; */
    padding: 2px 5px;
    /* border: 1px solid darkslategrey; */
    /* border-radius: 3px; */
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
    margin: 5px;
    text-align: left;
    width: fit-content;
}

.css_registered_qrcodes_table_devappmode_textlbl {
    color: blue;
    /* background-color: steelblue; */
    padding: 2px 5px;
    /* border: 1px solid darkslategrey; */
    /* border-radius: 3px; */
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
    margin: 5px;
    text-align: left;
    width: fit-content;
}

.css_registered_qrcodes_table_devappmode_disabled_textlbl {
    color: darksalmon;
    /* background-color: steelblue; */
    padding: 2px 5px;
    /* border: 1px solid darkslategrey; */
    /* border-radius: 3px; */
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
    margin: 5px;
    text-align: left;
    width: fit-content;
}

.css_registered_qrcodes_table_devacconlymode_cont {
    padding: 5px;
    border: 1px solid darkslategrey;
    margin: 5px;
    text-align: left;
    width: fit-content;
}
.css_registered_qrcodes_table_devacconlymode_textlbl {
    color: white;
    background-color: darkmagenta;
    padding: 2px 5px;
    /*border: 1px solid darkslategrey;*/
    /*border-radius: 3px;*/
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
    margin: 5px;
    text-align: left;
    width: fit-content;
}

.css_registered_qrcodes_table_devacconlymode_hiddenbutts_cont{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.css_registered_qrcodes_table_devacconlymode_hiddenbutts_textlbl {
    color: red;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
    margin: 5px;
    text-align: left;
    text-decoration: line-through;
}

.css_registered_qrcodes_table_devacconlymode_hiddenbutts_textlbl_ok {
    color: green;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
    margin: 5px;
    text-align: left;
}


.css_registered_qrcodes_table_devacconlyreturncaption_textlbl {
    color: white;
    background-color: green;
    padding: 2px 5px;
    border: 1px solid darkslategrey;
    border-radius: 3px;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
    margin: 5px;
    text-align: left;
    width: fit-content;
}


.css_registered_qrcodes_table_devacconlymode_returnlinktextlbl {
    color: darkgreen;
    padding: 2px 5px;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    margin: 5px;
    text-align: left;
    text-decoration: underline;
    width: fit-content;
    overflow-wrap: anywhere;
}

    .css_registered_qrcodes_table_devacconlymode_returnlinktextlbl:hover {
        color: dodgerblue;
        font-weight: 700;
    }

.css_registered_qrcodes_table_links_textlbl {
    color: royalblue;
    /* background-color: steelblue; */
    padding: 2px 5px;
    /* border: 1px solid darkslategrey; */
    /* border-radius: 3px; */
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    margin: 5px;
    text-align: left;
    text-decoration: underline;
    width: fit-content;
    overflow-wrap: anywhere;
}

    .css_registered_qrcodes_table_links_textlbl:hover {
        color: dodgerblue;
        font-weight: 700;
    }

.css_registered_qrcodes_table_demomode_on_textlbl {
    color: white;
    background-color: coral;
    padding: 2px 5px;
    border: 1px solid darkslategrey;
    border-radius: 3px;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    margin: 5px;
    text-align: left;
    width: fit-content;
}

.css_registered_qrcodes_table_previewsite_textlbl {
    color: brown;
    background-color: coral;
    padding: 2px 5px;
    border: 1px solid darkslategrey;
    border-radius: 3px;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    margin: 5px;
    text-align: left;
    width: fit-content;
}

.css_registered_qrcodes_table_publishedsite_textlbl {
    color: white;
    background-color: green;
    padding: 2px 5px;
    border: 1px solid darkslategrey;
    border-radius: 3px;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    margin: 5px;
    text-align: left;
    width: fit-content;
}

.css_registered_qrcodes_table_selmenu_textlbl {
    color: darkolivegreen;
    /* background-color: steelblue; */
    padding: 2px 5px;
    /* border: 1px solid darkslategrey; */
    /* border-radius: 3px; */
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
    margin: 5px;
    text-align: left;
    width: fit-content;
}

.css_registered_qrcodes_table_extnoptdesc_textlbl {
    color: darkorchid;
    /* background-color: steelblue; */
    padding: 2px 5px;
    /* border: 1px solid darkslategrey; */
    /* border-radius: 3px; */
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
    margin: 5px;
    text-align: left;
    width: fit-content;
}

.css_registered_qrcodes_table_otypelocation_textlbl {
    color: rebeccapurple;
    /* background-color: steelblue; */
    padding: 2px 5px;
    /* border: 1px solid darkslategrey; */
    /* border-radius: 3px; */
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    margin: 5px;
    text-align: left;
    width: fit-content;
}

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

.css_registered_qrcodes_table_datetime_textlbl {
    color: silver;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    margin: 5px;
    text-align: left;
}

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

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

.css_registered_qrcodes_table_activecode_textlbl {
    color: green;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 700;
    margin: 5px;
    text-align: left;
}

.css_registered_qrcodes_table_deletecode_textlbl {
    color: mediumvioletred;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    margin: 5px;
    text-align: left;
}

.css_cldapp_store_setup_title_item {
    position: relative;
    /*background-color: white;*/
    text-align: left;
    border-top: 1px solid #D2D2D2;
    /*border-radius: 4px;*/
    margin: 10px 5px 5px 5px;
    /*height: 190px;*/
    display: flex;
    flex-direction: column;
}

.css_cldapp_store_list_item {
    position: relative;
    background-color: white;
    text-align: left;
    border: 1px solid #D2D2D2;
    /*border-radius: 4px;*/
    margin: 5px 5px 0 5px;
    /*height: 190px;*/
    display: flex;
    flex-direction: column;
}

.css_cldapp_cat_list_item {
    position: relative;
    background-color: whitesmoke;
    text-align: left;
    border: 1px solid #D2D2D2;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    margin: 10px;
    /* height: 120px; */
    display: flex;
    flex-direction: column;
}

.css_cldapp_cat_add_list_item {
    position: relative;
    background-color: silver;
    text-align: left;
    border-top: 1px solid #D2D2D2;
    /*border-radius: 4px;*/
    /*margin: 0 5px 0 5px;*/
    /*height: 120px;*/
    display: flex;
    flex-direction: column;
}

.css_cldapp_app_list_cont {
    position: relative;
    background-color: white;
    text-align: left;
    border: 1px solid #D2D2D2;
    /*border-radius: 4px 4px 0 0;*/
    margin: 0 5px 0 5px;
    /*height: 150px;*/
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
}

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

.css_cldapp_app_list_statusline_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 10px;
}

.css_cldapp_app_list_brand_templatestatus_active {
    position: relative;
    /*right: 10px;
    bottom: 5px;*/
    background-color: forestgreen;
    color: white;
    font-family: Poppins;
    font-size: 12px;
    border-radius: 2px;
    padding: 0 5px;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
}

.css_cldapp_app_list_brand_templatestatus_general {
    position: relative;
    /*right: 10px;
    bottom: 5px;*/
    background-color: steelblue;
    color: white;
    font-family: Poppins;
    font-size: 12px;
    border-radius: 2px;
    padding: 0 5px;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
}

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

.css_cldapp_app_list_brand_icn_image {
    width: 60px;
    margin: 10px;
    border: none;
    object-fit: contain;
}

.css_cldapp_app_list_cat_title {
    color: white;
    background-color: darkblue;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 500;
    padding: 0 5px;
    margin: 5px auto 0 5px;
    /* width: 100%; */
    border-radius: 3px;
    text-align: left;
    border: 1px solid white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

.css_cldapp_app_list_cat_subtitle {
    /*position: absolute;
    top: 35px;
    left: 5px;*/
    color: gray;
    font-family: Poppins;
    font-size: 12px;
    margin: 5px 10px;
    /* width: 100%; */
    font-style: italic;
}

.css_cldapp_app_list_cat_butt_label {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 500;
    cursor: pointer;
}

.css_cldapp_app_list_cat_butt_sub_label {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    color: silver;
    cursor: pointer;
}

.css_cldapp_app_list_store_title {
    position: relative;
    color: dodgerblue;
    font-family: Poppins;
    font-size: 22px;
    font-weight: 600;
    margin: 5px 5px 0 5px;
    /* width: 100%; */
    text-align: left;
}

.css_cldapp_app_list_store_vposid {
    position: relative;
    /*top: 5px;
    left: 110px;*/
    color: silver;
    font-family: Avenir Medium;
    font-size: 12px;
    font-weight: 400;
    margin: 0 5px 0 5px;
    /*width: 100%;*/
    text-align: left;
}

.css_cldapp_app_list_store_subtitle {
    position: relative;
    /*top: 5px;
    left: 110px;*/
    color: black;
    font-family: Avenir Medium;
    font-size: 16px;
    /*font-weight: bold;*/
    margin: 5px 5px 0 5px;
    width: 100%;
    text-align: left;
}

.css_cldapp_app_list_brand_title {
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 22px;
    font-weight: bold;
    margin: 5px 5px 0 5px;
    text-align: left;
}

.css_cldapp_app_list_brand_subtitle {
    color: black;
    font-family: Avenir Medium;
    font-size: 14px;
    margin: 0 5px 5px 5px;
}

.css_cldapp_app_list_brand_stores {
    color: gray;
    font-family: Avenir Medium;
    font-size: 12px;
    margin: 0 5px 5px 5px;
}

.css_cldapp_app_list_brand_brandid {
    color: gray;
    font-family: Avenir Medium;
    font-size: 12px;
    margin: 0 5px 5px 5px;
}

.css_cldapp_app_list_brand_wj_ecommmode_live {
    position: relative;
    /*right: 10px;
    bottom: 5px;*/
    background-color: forestgreen;
    color: white;
    font-family: Poppins;
    font-size: 12px;
    border-radius: 2px;
    padding: 0 5px;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
}

.css_cldapp_app_list_brand_wj_ecommmode_uat {
    position: relative;
    /*right: 10px;
    bottom: 5px;*/
    background-color: darkgoldenrod;
    color: white;
    font-family: Poppins;
    font-size: 12px;
    border-radius: 2px;
    padding: 0 5px;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
}

.css_cldapp_app_list_brand_wj_ecommmode_unknown {
    position: relative;
    /*right: 10px;
    bottom: 5px;*/
    background-color: orangered;
    color: white;
    font-family: Poppins;
    font-size: 12px;
    border-radius: 2px;
    padding: 0 5px;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
}

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

.css_cldapp_app_sel_catoptions_title {
    font-family: Poppins;
    font-size: 18px;
    margin: 10px;
    color: white;
}

.css_cldapp_app_sel_catoption_createnew_cont {
    position: relative;
    border: 1px solid silver;
    margin: 10px;
    padding: 10px;
    background-color: green;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.css_cldapp_app_sel_catoption_del_cont {
    position: relative;
    border: 1px solid silver;
    margin: 10px;
    padding: 10px;
    background-color: darkred;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.css_cldapp_app_sel_catoption_clone_cont {
    position: relative;
    border: 1px solid silver;
    margin: 10px;
    padding: 10px;
    background-color: steelblue;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.css_cldapp_app_sel_catoption_text_input {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    margin: 10px;
    color: black;
}

.css_cldapp_app_sel_catoption_title {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    margin: 10px;
    color: white;
}

.css_cldapps_appcat_option_butt {
    position: relative;
    padding: 5px 10px;
    width: 150px;
    height: fit-content;
    text-align: center;
    background-color: blueviolet;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    color: white;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    cursor: pointer;
    margin: 5px;
}

    .css_cldapps_appcat_option_butt:hover {
        font-weight: 600;
        border: 2px solid blueviolet;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
        background-color: white;
        color: blueviolet;
    }

.css_cldapps_appcat_option_del_butt {
    position: relative;
    padding: 5px 10px;
    width: 150px;
    height: fit-content;
    text-align: center;
    background-color: mediumvioletred;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    color: white;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    cursor: pointer;
    margin: 5px;
}

    .css_cldapps_appcat_option_del_butt:hover {
        font-weight: 600;
        border: 2px solid mediumvioletred;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
        background-color: white;
        color: mediumvioletred;
    }

.css_cldapps_appcat_option_clone_butt {
    position: relative;
    padding: 5px 10px;
    width: 150px;
    height: fit-content;
    text-align: center;
    background-color: green;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    color: white;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    cursor: pointer;
    margin: 5px;
}

    .css_cldapps_appcat_option_clone_butt:hover {
        font-weight: 600;
        border: 2px solid green;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
        background-color: white;
        color: green;
    }


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

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

.css_cldapps_appcat_select_butt {
    position: relative;
    width: 100px;
    text-align: center;
    background-color: cadetblue;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    color: white;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    cursor: pointer;
    padding: 5px 10px;
    margin: 5px;
}

    .css_cldapps_appcat_select_butt:hover {
        color: cadetblue;
        background-color: white;
        border: 2px solid cadetblue;
        font-weight: 600;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
    }

.css_cldapps_appcat_select_butt_lbl {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    margin: 0 5px;
    color: darkslategray;
}

.css_cldapp_app_list_brand_stores_template_cont {
    background-color: purple;
    padding: 5px 10px;
    margin: 10px;
    width: fit-content;
    border: 2px solid white;
}

.css_cldapp_app_list_brand_stores_template_title {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    margin: 5px 10px;
    color: white;
}

.css_cldapp_app_list_brand_stores_template_subtitle {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    margin: 5px 10px;
    color: white;
}

.css_cldapp_app_list_brand_stores_instr_title {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    margin: 5px 10px;
    color: white;
}

.css_cldapp_app_list_brand_stores_instr {
    font-family: 'Poppins';
    font-size: 12px;
    margin: 0 10px;
    color: white;
}

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

.css_cldapps_storeapptools_butt {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* font-weight: bold; */
    background-color: white;
    font-family: Poppins;
    font-size: 16px;
    color: dodgerblue;
    border: 2px solid #1e90ff;
    /* border-radius: 8px; */
    box-shadow: 2px 1px 4px 1px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 10px 5px;
    margin: 5px;
    min-width: 75px;
}

    .css_cldapps_storeapptools_butt:hover {
        color: white;
        background-color: dodgerblue;
        border-color: white;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    }

.css_cldapps_storeappecommrpt_butt {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* font-weight: bold; */
    background-color: white;
    font-family: Poppins;
    font-size: 16px;
    color: darkmagenta;
    border: 2px solid darkmagenta;
    /* border-radius: 8px; */
    box-shadow: 2px 1px 4px 1px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 10px 5px;
    margin: 5px;
    min-width: 75px;
}

    .css_cldapps_storeappecommrpt_butt:hover {
        color: blueviolet;
        border-color: blueviolet;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    }

.css_cldapps_storeapptools_ecommcfg_bybrand_butt {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* font-weight: bold; */
    background-color: white;
    font-family: Poppins;
    font-size: 16px;
    color: darkgray;
    border: 2px solid darkgray;
    /* border-radius: 8px; */
    box-shadow: 2px 1px 4px 1px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 10px 5px;
    margin: 5px;
    min-width: 75px;
}

    .css_cldapps_storeapptools_ecommcfg_bybrand_butt:hover {
        color: white;
        background-color: darkgray;
        border-color: white;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    }

.css_cldapps_storeapptools_ecommcfg_bystore_butt {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* font-weight: bold; */
    background-color: white;
    font-family: Poppins;
    font-size: 16px;
    color: darkgoldenrod;
    border: 2px solid darkgoldenrod;
    /* border-radius: 8px; */
    box-shadow: 2px 1px 4px 1px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 10px 5px;
    margin: 5px;
    min-width: 75px;
}

    .css_cldapps_storeapptools_ecommcfg_bystore_butt:hover {
        color: white;
        background-color: darkgoldenrod;
        border-color: white;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    }


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

.css_cldapps_storeappcat_launch_butt {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* font-weight: bold; */
    background-color: white;
    font-family: Poppins;
    font-size: 16px;
    color: dodgerblue;
    border: 2px solid #1e90ff;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 10px;
    margin: 5px;
    min-width: 100px;
}

    .css_cldapps_storeappcat_launch_butt:hover {
        color: white;
        background-color: dodgerblue;
        border-color: white;
    }

.css_cldapps_storeappcat_openhours_butt {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* font-weight: bold; */
    background-color: white;
    font-family: Poppins;
    font-size: 16px;
    color: darkgreen;
    border: 2px solid darkgreen;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 10px;
    margin: 5px;
    min-width: 100px;
}

    .css_cldapps_storeappcat_openhours_butt:hover {
        color: white;
        background-color: green;
        border-color: white;
    }

.css_cldapps_storeappcat_remove_butt {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* font-weight: bold; */
    background-color: white;
    font-family: Poppins;
    font-size: 16px;
    color: darkred;
    border: 2px solid palevioletred;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 10px;
    margin: 5px;
    min-width: 100px;
}

    .css_cldapps_storeappcat_remove_butt:hover {
        color: white;
        background-color: darkred;
        border-color: white;
    }

.css_cldapps_storeappcat_add_butt {
    /*position: absolute;
    bottom: 5px;
    right: 5px;*/
    /*height: 40px;
    width: 140px;*/
    text-align: center;
    /*font-weight: bold;*/
    background-color: white;
    font-family: Poppins;
    font-size: 16px;
    color: darkgreen;
    border: 2px solid #1e90ff;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 5px 10px;
    margin: 5px;
}

    .css_cldapps_storeappcat_add_butt:hover {
        color: white;
        background-color: darkgreen;
    }


.css_cldapp_appcat_list_item {
    position: relative;
    background-color: white;
    text-align: left;
    border: 1px solid #D2D2D2;
    /*border-radius: 4px;*/
    margin: 5px 5px 0 5px;
    /*height: 190px;*/
    display: flex;
    flex-direction: column;
    min-height: 120px;
}

.css_cldapp_app_list_appcat_title {
    position: relative;
    color: green;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    text-decoration: underline;
    margin: 5px 5px 0 5px;
    width: 100%;
    text-align: left;
}

.css_cldapp_app_list_appcat_subtitle {
    position: relative;
    /*top: 32px;
    left: 5px;*/
    color: gray;
    font-family: Avenir Medium;
    font-size: 14px;
    margin: 0 5px 5px 5px;
    width: 100%;
}

.css_cldapp_app_list_appcat_subcattitle {
    position: relative;
    /*top: 42px;
    left: 5px;*/
    color: gray;
    font-family: Avenir Medium;
    font-size: 10px;
    margin: 0 5px 5px 5px;
    width: 100%;
}

.css_cldapp_app_list_appcat_defaultstore_subtitle {
    position: relative;
    /*bottom: 0;
    right: 15px;*/
    color: gray;
    font-family: Poppins;
    font-size: 14px;
    /*margin: 5px;*/
    /*height: 15px;*/
    text-align: right;
    margin: 5px 10px 5px auto;
}

.css_cldapps_appcat_launch_butt {
    position: relative;
    text-align: center;
    background-color: white;
    font-family: Poppins;
    font-size: 14px;
    padding: 5px 10px;
    color: dodgerblue;
    border: 2px solid dodgerblue;
    border-radius: 8px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
    margin: 5px 10px;
    font-weight: 500;
    height: fit-content;
}

    .css_cldapps_appcat_launch_butt:hover {
        color: white;
        background-color: dodgerblue;
        border: 2px solid white;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
        font-weight: 600;
    }

.css_appmgr_cloudapps_brand_launch_butt {
    position: relative;
    text-align: center;
    background-color: white;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    color: steelblue;
    border: 2px solid steelblue;
    /*border-radius: 8px;*/
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 2px 20px;
    margin: 5px 10px 5px auto;
}

    .css_appmgr_cloudapps_brand_launch_butt:hover {
        color: white;
        background-color: steelblue;
        border-color: white;
        font-weight: 600;
        box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6);
        letter-spacing: 1.3px;
    }

.css_cldapps_appbrand_launch_butt {
    position: relative;
    text-align: center;
    background-color: white;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    color: steelblue;
    border: 2px solid steelblue;
    /*border-radius: 8px;*/
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 5px 25px;
    margin: 5px 10px 5px auto;
}

    .css_cldapps_appbrand_launch_butt:hover {
        color: white;
        background-color: steelblue;
        border-color: white;
        font-weight: 600;
        box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6);
        letter-spacing: 1.5px;
    }

.css_cldapps_appbrand_delete_butt {
    position: relative;
    /*bottom: 10px;
    right: 155px;*/
    height: 40px;
    width: 140px;
    text-align: center;
    /*font-weight: bold;*/
    background-color: white;
    font-family: Avenir Medium;
    font-size: 18px;
    color: red;
    border: 2px solid red;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 5px;
    margin: 10px;
}

    .css_cldapps_appbrand_delete_butt:hover {
    }

.css_cldapps_appbrand_config_butt {
    position: relative;
    /*bottom: 10px;
    right: 155px;*/
    height: 40px;
    width: 140px;
    text-align: center;
    /*font-weight: bold;*/
    background-color: white;
    font-family: Avenir Medium;
    font-size: 18px;
    color: #c85c28;
    border: 2px solid #c85c28;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 5px;
    margin: 10px;
}

    .css_cldapps_appbrand_config_butt:hover {
    }

.css_cldapps_appstore_launch_butt {
    position: relative;
    /*bottom: 10px;
    right: 5px;*/
    height: 40px;
    width: 140px;
    text-align: center;
    /*font-weight: bold;*/
    background-color: white;
    font-family: Avenir Medium;
    font-size: 18px;
    color: dodgerblue;
    border: 2px solid #1e90ff;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 5px;
    margin: 10px;
}

    .css_cldapps_appstore_launch_butt:hover {
    }

.css_cldapps_modbutt_setup {
    position: absolute;
    right: 100px;
    bottom: 10px;
    height: 30px;
    width: 80px;
    text-align: center;
    background-color: white;
    color: #d0503c;
    border: 2px solid #d0503c;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

    .css_cldapps_modbutt_setup:hover {
        color: white;
        background-color: dodgerblue;
    }



.css_prtstart_mainpageview {
}

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

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

.phubpedit_product_cataloguetopmenu {
    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: 50px;
    margin-top: 5px;
    margin-left: 5px;
    /*min-width: 230px;*/
    border-radius: 0px 0px 3px 3px;
    border: 1px solid rgba(0, 0, 0, 0.5);
}

.phubpedit_product_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: dodgerblue;
    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;
}

.phubpedit_product_cataloguetopmenubuttontext {
    border: none;
    font-size: 16px;
    font-family: Quicksand;
    color: white;
    margin-left: 10px;
    margin-top: 5px;
}

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

.phubpedit_product_homepanel_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;
}

.phubpedit_productpanel {
    position: relative;
    display: inline-block;
    height: 220px;
    width: 320px;
    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: left;
}

.phubpedit_productname_textdiv {
    position: absolute;
    left: 25px;
    top: 10px;
    cursor: pointer;
    max-width: 280px;
    color: #000000;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

.phubpedit_productdept_textlbl {
    position: absolute;
    left: 10px;
    top: 40px;
    cursor: pointer;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 16px;
    margin: auto;
    text-align: left;
}

.phubpedit_productvat_textlbl {
    position: absolute;
    left: 10px;
    top: 70px;
    cursor: pointer;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 16px;
    margin: auto;
    text-align: left;
}

.phubpedit_productstn_textlbl {
    position: absolute;
    left: 10px;
    top: 100px;
    cursor: pointer;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 16px;
    margin: auto;
    text-align: left;
}

.phubpedit_productfunc_textlbl {
    position: absolute;
    left: 10px;
    top: 130px;
    cursor: pointer;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 16px;
    margin: auto;
    text-align: left;
}

.phubpedit_productsysnum_textlbl {
    position: absolute;
    left: 10px;
    top: 160px;
    cursor: pointer;
    color: #D2D2D2;
    font-family: Avenir Medium;
    font-size: 16px;
    margin: auto;
    text-align: left;
}

.phubpedit_productprice_textlbl {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: black;
    cursor: pointer;
    font-family: Avenir Medium;
    font-size: 16px;
    font-weight: bold;
    margin: auto;
    text-align: right;
}

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


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

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

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




.captivabi_signed_bg {
    background-position: bottom center;
    background-repeat: no-repeat;
    min-height: 400px;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: url('/Images/portal/homepage/blueswril.png');
    background-attachment: scroll;
}

.css_signin_button {
    color: #5e5d5d;
    border: 1px solid #5e5d5d;
    background-color: #FFFFFF;
    font-family: Quicksand;
    font-size: 18px;
    font-weight: bold;
    width: 150px;
    height: 45px;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    /*margin: 10px;*/
    cursor: pointer;
}

    .css_signin_button:hover {
        color: white;
        background-color: #5e5d5d;
    }

.css_signin_instruct {
    font-family: Quicksand;
    font-size: 18px;
}

.css_view_storespanel_displayarea {
    position: relative;
    text-align: center;
    width: 100%;
}

.css_view_storespanel_container {
    position: relative;
    text-align: center;
    width: 100%;
    border-radius: 0px 0px 3px 3px;
}

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

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

.css_view_storespanel_canvas_displayarea {
    text-align: center;
    padding: 10px;
    width: 100%;
    height: 100%;
    min-height: 500px;
    border-radius: 0px 0px 3px 3px;
    display: flex;
    flex-direction: column;
    -ms-overflow-style: none;
}

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

.css_view_storespanel_canvas {
    position: relative;
    /*display: flex;
    flex-wrap: wrap;*/
    /*overflow-y: scroll;
    overflow-x: hidden;*/
    /*height: 100%;*/
    text-align: center;
    width: 100%;
    min-width: 230px;
    /*max-width: 800px;*/
    border-radius: 0px 0px 3px 3px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    padding-right: 10px;
    /*padding-bottom: 450px;*/
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none;
    /*-ms-overflow-style: none;*/
}

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


.css_fullscreen_image_viewer {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    padding: 20px 20px 100px 20px;
    background-color: white;
    text-align: center;
    z-index: 3;
}

.css_fullscreen_image_viewer_header {
    position: relative;
    width: 100%;
    min-height: 80px;
    text-align: center;
    background-color: white;
    border-width: 2px;
    border-radius: 7px 7px 0 0;
    border-style: solid;
    border-color: dodgerblue dodgerblue gray dodgerblue;
}


.css_fullscreen_image_viewer_header_title_lbl {
    width: 100%;
    text-align: center;
    font-family: Quicksand;
    color: #000000;
    font-size: 18px;
    padding: 20px;
}

.css_fullscreen_image_viewer_image_container {
    position: relative;
    text-align: center;
    width: 100%;
    height: 90%;
    border-radius: 0 0 7px 7px;
    border-style: none solid solid solid;
    border-color: dodgerblue;
    padding-bottom: 20px;
}

.css_panelclosediviconcont {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 24px;
    width: 24px;
    cursor: pointer;
}

.css_portaladmin_revhistory_buttons_cont {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.css_portaladmin_revhistory_buttons_close_iconcont {
    position: absolute;
    top: 15px;
    right: 10px;
    height: 24px;
    width: 24px;
    cursor: pointer;
}

.css_portaladmin_revhistory_relnotes_butt {
    border-radius: 6px;
    box-shadow: 2px 3px 5px 2px rgba(0,0,0,0.1);
    background: #FFFFFF;
    color: darkgoldenrod;
    font-family: Poppins;
    font-weight: 500;
    font-size: 16px;
    min-width: 90px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 5px;
    border: 2px solid darkgoldenrod;
}

    .css_portaladmin_revhistory_relnotes_butt:hover {
        box-shadow: 2px 3px 5px 2px rgba(0,0,0,0.2);
        font-weight: 600;
    }


.css_portaladmin_recent_loginas_toolbar_cont {
    max-height: 200px;
    overflow-x: scroll;
    border: 2px solid silver;
    padding: 10px;
    margin: 0 auto 10px auto;
}

.css_portaladmin_recent_loginas_toolbar_canvas {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    -ms-overflow-style: none;
}


.css_ptladmin_loginas_group_elementpanel {
    position: relative;
    height: 100px;
    min-width: 100px;
    border-radius: 5px;
    box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.2);
    border: 2px solid silver;
    text-align: center;
    /*border: 2px solid silver;
    border-radius: 5px;
    box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.2);*/
    margin: 0 10px 0 0;
    cursor: pointer;
}

    .css_ptladmin_loginas_group_elementpanel:hover {
        border-color: darkslategray;
        box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.5);
    }

.css_ptladmin_loginas_groups_group_image_cont {
    /*position: absolute;
    border-radius: 5px;
    top: 0;
    left: 0;*/
}

.css_ptladmin_loginas_groups_group_image {
    position: relative;
    object-fit: contain;
    height: 90px;
    max-width: 90px;
    margin: 0 auto;
    border-radius: 5px;
}

.css_ptladmin_loginas_groups_groupname_textlbl {
    position: absolute;
    left: 10px;
    bottom: 5px;
    width: 80px;
    color: darkslategray;
    background-color: white;
    border: 1px solid darkslategrey;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    text-overflow: clip;
    padding: 1px 2px;
}

    .css_ptladmin_loginas_groups_groupname_textlbl:hover {
        font-weight: 700;
    }

.css_ptladmin_loginas_groups_groupname_subtextlbl {
    color: darkslategray;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    margin: 5px;
    text-align: left;
    /*padding-left: 10px;*/
}


.css_portaladmin_revhistory_tables_area {
    text-align: center;
    /*width: 200px;*/
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border: 1px solid steelblue;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.css_portaladmin_revhistory_table_select_butt {
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: #FFFFFF;
    color: #000000;
    font-family: Poppins;
    font-size: 14px;
    min-width: 90px;
    height: 45px;
    cursor: pointer;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 5px;
}

    .css_portaladmin_revhistory_table_select_butt:hover {
        color: steelblue;
        border: 2px solid dodgerblue;
    }

.css_portaladmin_revhistory_table_displayarea {
    overflow-x: hidden;
    -ms-overflow-style: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    -ms-overflow-style: none;
}

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

.css_portaladmin_revhistory_table_title_section_container {
    position: relative;
    background-color: dodgerblue;
    margin: 15px 0 15px 0;
    padding: 15px;
    border: 1px solid #ffae3d;
    border-radius: 1px;
    font-family: Quicksand;
    color: #FFFFFF;
    font-size: 24px;
}

.css_portaladmin_revision_history_panel {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}



.css_revision_history_table_canvas {
    position: relative;
    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;
}

.css_revision_history_table_element_panel {
    width: 100%;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 10px 2px;
    padding: 0 5px;
}

.css_revision_history_table_datetime_textlbl {
    color: silver;
    font-family: Poppins;
    font-size: 12px;
    font-weight: bold;
    margin: 5px;
    text-align: left;
}

.css_revision_history_table_release_textlbl {
    color: steelblue;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 700;
    margin: 5px;
    text-align: left;
}

.css_revision_history_table_description_textlbl {
    color: darkslategrey;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    margin: 5px;
    text-align: left;
}

.css_revision_history_table_iconcont {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 24px;
    width: 24px;
    cursor: pointer;
}


.css_platstatus_mini_dash_plat_status_displayarea {
    text-align: center;
    width: 100%;
    /*height: 900px;*/
    margin: 30px auto;
    padding: 10px;
    background-color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.css_platstatus_minidashboard_rpt_title_section_container {
    background-color: dodgerblue;
    /*margin: 15px;
    padding: 15px;*/
    border: 1px solid #ffae3d;
    border-radius: 1px;
    font-family: Quicksand;
    color: #FFFFFF;
    font-size: 24px;
}


.css_platstatus_mini_dash_app_status_panel_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;
}

.css_platstatus_mini_dash_appsts_elementpanel_green {
    position: relative;
    display: inline-block;
    /*height: 200px;*/
    min-width: 300px;
    border-radius: 6px;
    border-color: #16a802;
    border-width: 2px;
    border-style: solid;
    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 5px;
}

.css_platstatus_mini_dash_appsts_elementpanel_orange {
    position: relative;
    display: inline-block;
    /*height: 120px;*/
    min-width: 300px;
    border-radius: 6px;
    border-color: #fa9200;
    border-width: 2px;
    border-style: solid;
    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 5px;
}

.css_platstatus_mini_dash_appsts_elementpanel_red {
    position: relative;
    display: inline-block;
    /*height: 120px;*/
    min-width: 300px;
    border-radius: 6px;
    border-color: #ff0000;
    border-width: 2px;
    border-style: solid;
    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 5px;
}


.css_platstatus_mini_dash_appsts_appname_textlbl {
    width: 100%;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    margin: 4px;
    text-align: left;
    padding-left: 10px;
}

.css_platstatus_mini_dash_appsts_version_textlbl {
    width: 100%;
    color: #1e90ff;
    font-family: Avenir Medium;
    font-size: 12px;
    margin: 2px;
    text-align: left;
    padding-left: 10px;
}

.css_platstatus_mini_dash_appsts_dates_textlbl {
    width: 100%;
    color: rgba(0, 0, 0, 0.5);
    font-family: Avenir Medium;
    font-size: 14px;
    margin: 0 2px 2px 2px;
    text-align: left;
    padding-left: 10px;
}

.css_platstatus_mini_dash_appsts_started_textlbl {
    width: 100%;
    color: #1e90ff;
    font-family: Avenir Medium;
    font-size: 12px;
    margin: 2px;
    text-align: left;
    padding-left: 10px;
}




.css_platform_status_section_container {
    position: relative;
    text-align: center;
    display: inline-block;
    width: 100%;
    border-radius: 1px;
    border-color: #1e90ff;
    border-width: 2px;
    border-style: solid;
    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    padding: 20px;
}

.css_platformsts_section_displayarea {
    text-align: center;
    width: 100%;
    /*height: 900px;*/
    margin: 30px auto;
    padding: 10px;
    background-color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.css_platformsts_section_storesKPIpanel {
    text-align: center;
    width: 100%;
    /*height: 900px;*/
    margin: 30px auto;
    padding: 10px;
    background-color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}


.css_platformsts_section_storesKPIelementActive {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    text-align: center;
    /*height: 200px;*/
    width: 200px;
    border-radius: 6px;
    border-color: #1bcc00;
    border-width: 2px;
    border-style: solid;
    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 7px;
    margin-right: 5px;
    padding: 20px;
}

.css_platformsts_section_storesKPIelementv5 {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    text-align: center;
    /*display: inline-block;*/
    /*height: 200px;*/
    width: 200px;
    border-radius: 6px;
    border-color: dodgerblue;
    border-width: 2px;
    border-style: solid;
    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 7px;
    margin-right: 5px;
    padding: 20px;
}

.css_platformsts_section_storesKPIelementDemo {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    text-align: center;
    /*display: inline-block;*/
    /*height: 200px;*/
    width: 200px;
    border-radius: 6px;
    border-color: #cc7d00;
    border-width: 2px;
    border-style: solid;
    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 7px;
    margin-right: 5px;
    padding: 20px;
}

.css_platformsts_section_storesKPIname_textlbl {
    width: 100%;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    margin: 4px;
    text-align: center;
    /*padding-left: 10px;*/
}

.css_platformsts_section_storesKPIvalue_textlbl {
    width: 100%;
    color: #1e90ff;
    font-family: Avenir Medium;
    font-size: 18px;
    margin: 2px;
    text-align: center;
    /*padding-left: 10px;*/
}


.css_platformsts_services_tables_area {
    text-align: center;
    /*width: 200px;*/
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.css_platformsts_services_table_select_butt {
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: #FFFFFF;
    color: #000000;
    font-family: Avenir Medium;
    font-size: 16px;
    min-width: 90px;
    height: 45px;
    cursor: pointer;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 5px 5px 10px;
}

    .css_platformsts_services_table_select_butt:hover {
        color: white;
        background: dodgerblue;
    }



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

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

.css_platformsts_services_table_title_toolbar_container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 5px 0 0 20px;
}

.css_platformsts_services_table_title_toolbar_change_service_butt {
    border-radius: 4px 4px 4px 4px;
    border: 2px solid darkslategrey;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background-color: darkred;
    color: white;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    padding: 5px 10px;
    margin: 0 10px 0 0;
}

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

.css_platformsts_services_table_title_toolbar_viewall_service_butt {
    border-radius: 4px 4px 4px 4px;
    border: 2px solid darkslategrey;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background-color: darkgreen;
    color: white;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    padding: 5px 10px;
    margin: 0 10px 0 0;
}

    .css_platformsts_services_table_title_toolbar_viewall_service_butt:hover {
        color: white;
        background-color: green;
        border-color: white;
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
    }
.css_platformsts_services_table_title_toolbar_viewsel_service_butt {
    border-radius: 4px 4px 4px 4px;
    border: 2px solid darkslategrey;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background-color: darkcyan;
    color: white;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    padding: 5px 10px;
    margin: 0 10px 0 0;
}

    .css_platformsts_services_table_title_toolbar_viewsel_service_butt:hover {
        color: white;
        background-color: cyan;
        border-color: white;
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
    }

.css_platformsts_services_table_title_toolbar_service_butt {
    border-radius: 4px 4px 4px 4px;
    border: 2px solid darkslategrey;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: #FFFFFF;
    color: darkslategray;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    padding: 5px 10px;
    margin: 0 10px 0 0;
}

    .css_platformsts_services_table_title_toolbar_service_butt:hover {
        color: white;
        background-color: green;
        border-color: white;
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
    }

.css_platformsts_services_table_title_section_container {
    position: relative;
    background-color: dodgerblue;
    margin: 15px 0 15px 0;
    padding: 15px;
    border: 1px solid #ffae3d;
    border-radius: 1px;
    font-family: Quicksand;
    color: #FFFFFF;
    font-size: 24px;
}

.css_platformsts_services_table_nodata_section_container {
    background-color: darkkhaki;
    margin: 15px;
    padding: 15px;
    border: 1px solid #fccc2f;
    border-radius: 1px;
    font-family: Quicksand;
    color: #000000;
    font-size: 20px;
}

.css_platformsts_services_table_canvas {
    position: relative;
    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;
}
.css_platformsts_services_table_element_panel_hidden {
    display: none;
}
.css_platformsts_services_table_element_panel {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 200px;
    width: 300px;
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.css_platformsts_services_table_svcname_textlbl_sel {
    width: 100%;
    color: darkgreen;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 0 5px;
    text-align: left;
}

.css_platformsts_services_table_svcname_textlbl {
    width: 100%;
    color: dodgerblue;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 0 5px;
    text-align: left;
}

.css_platformsts_services_table_svc_topline_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.css_platformsts_services_table_svc_topline_chkicon_cont {
    margin: 0 5px;
    padding-top: 3px;
}

.css_platformsts_services_table_svc_topline_chkicon_box {
    cursor: pointer;
    font-weight: 600;
}

.css_platformsts_services_table_svc_vara_textlbl {
    width: 100%;
    color: steelblue;
    font-family: Poppins;
    font-size: 10px;
    font-weight: normal;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_platformsts_services_table_svc_sitelink_textlbl {
    width: 100%;
    color: green;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 600;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
    text-decoration: underline;
    cursor: pointer;
}
    .css_platformsts_services_table_svc_sitelink_textlbl:hover {
        font-weight: 700;
        color: darkgreen;
    }
    .css_platformsts_services_table_svc_varb_textlbl {
        width: 100%;
        color: steelblue;
        font-family: Poppins;
        font-size: 10px;
        font-weight: normal;
        margin: 5px;
        text-align: left;
        padding-left: 10px;
    }

.css_platformsts_services_table_svc_reports_textlbl {
    width: 100%;
    color: steelblue;
    font-family: Poppins;
    font-size: 10px;
    font-weight: normal;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_platformsts_services_table_svc_refresh_textlbl {
    width: 100%;
    color: steelblue;
    font-family: Poppins;
    font-size: 10px;
    font-weight: normal;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
    cursor: pointer;
}

    .css_platformsts_services_table_svc_refresh_textlbl:hover {
        font-weight: 600;
        text-decoration: underline;
    }

.css_platformsts_services_table_svc_note_textlbl {
    width: 100%;
    color: steelblue;
    font-family: Poppins;
    font-size: 10px;
    font-weight: normal;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
    cursor: pointer;
}

.css_platformsts_services_table_svcaccid_textlbl {
    width: 100%;
    color: #808080;
    font-family: Avenir Medium;
    font-size: 12px;
    font-weight: normal;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_platformsts_services_table_svcsetting_label_lbl {
    width: 100%;
    color: grey;
    font-family: Poppins;
    font-size: 12px;
    font-weight: normal;
    margin: 5px auto 0 10px;
    text-align: left;
    padding-left: 10px;
}

.css_platformsts_services_table_svcsetting_value_lbl {
    width: 100%;
    color: dodgerblue;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    margin: 0 auto 5px 10px;
    text-align: left;
    padding-left: 10px;
    text-decoration: underline;
    cursor: pointer;
}

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

.css_platformsts_services_table_svcacccomments_textlbl {
    width: 100%;
    color: #646464;
    font-family: Avenir Medium;
    font-size: 14px;
    font-weight: normal;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_platformsts_services_table_svcacctype_textlbl {
    width: 100%;
    color: #646464;
    font-family: Avenir Medium;
    font-size: 12px;
    font-weight: normal;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_platformsts_services_table_svcaccactive_textlbl {
    width: 100%;
    color: darkgreen;
    font-family: Avenir Medium;
    font-size: 14px;
    font-weight: bold;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_platformsts_services_table_svcaccdisabled_textlbl {
    width: 100%;
    color: darkred;
    font-family: Avenir Medium;
    font-size: 14px;
    font-weight: bold;
    margin: 5px auto 5px 20px;
    text-align: left;
    padding-left: 10px;
}

.css_platformsts_services_table_svcecommlive_textlbl {
    color: white;
    background-color: darkgreen;
    font-family: Avenir Medium;
    font-size: 14px;
    font-weight: bold;
    margin: 5px auto 5px 20px;
    text-align: left;
    padding: 2px 10px;
}

.css_platformsts_services_table_svcecommuat_textlbl {
    width: 100%;
    color: darkred;
    font-family: Avenir Medium;
    font-size: 14px;
    font-weight: bold;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}
.css_storeconfig_licenses_listbox_container {
    margin-top: 20px;
    margin-bottom: 20px;
    max-height: 400px;
    min-height: 200px;
    overflow-y: scroll;
    border: 1px solid #1e90ff;
    border-radius: 2px 2px 2px 2px;
}

.css_intconfig_listbox_container {
    margin-top: 20px;
    margin-bottom: 20px;
    max-height: 400px;
    overflow-y: scroll;
    border: 1px solid #1e90ff;
    border-radius: 2px 2px 2px 2px;
}

.css_intconfig_listbox {
    height: 100%;
    width: 100%;
    /*min-width: 300px;*/
}

.css_licmgr_stores_storename_textlbl {
    /*width: 100%;*/
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
    cursor: pointer;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.css_licmgr_storespanel_title_section_container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /*background-color: dodgerblue;*/
    /*margin: 15px 0 15px 0;*/
    padding: 10px;
    /*border: 1px solid #ffae3d;
    border-radius: 1px;
    font-family: Quicksand;
    color: #FFFFFF;
    font-size: 18px;*/
}

.css_licmgr_storespanel_title_lbl {
    width: 100%;
    text-align: center;
    font-family: Quicksand;
    color: #FFFFFF;
    font-size: 18px;
}

.css_licmgr_storespanel_closediviconcont {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 36px;
    width: 36px;
    cursor: pointer;
}

.css_licmgr_storespanel_nodata_section_container {
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    padding: 10px;
}

.css_licmgr_storespanel_nodata_section_innercontainer {
    position: relative;
    /*width: 100%;*/
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 800px;
    padding: 10px;
    background-color: darkkhaki;
    border: 1px solid #fccc2f;
    border-radius: 1px;
    font-family: Quicksand;
    color: #FFFFFF;
    font-size: 18px;
}

.css_licmgr_messenger_canvas {
    position: relative;
    /*display: flex;
    flex-wrap: wrap;*/
    /*overflow-y: scroll;
    overflow-x: hidden;*/
    /*height: 100%;*/
    background-color: #ececec;
    text-align: center;
    width: 100%;
    min-width: 230px;
    max-width: 800px;
    border-radius: 0px 0px 3px 3px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    padding-bottom: 50px;
    padding-left: 5px;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none;
    /*-ms-overflow-style: none;*/
}

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

.css_licmgr_messengerclosediviconcont {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 36px;
    /*width: 36px;*/
    cursor: pointer;
}

.css_licmgr_messengerleftdiviconcont {
    position: absolute;
    top: 10px;
    left: 10px;
    height: 36px;
    /*width: 36px;*/
    cursor: pointer;
}

.css_prtstart_messenger_displayarea {
    position: fixed;
    top: 80px;
    left: 0;
    text-align: center;
    overflow-y: hidden;
    height: calc(100vh-160px);
    width: 100%;
    background-color: white;
    /*border-radius: 0px 0px 3px 3px;*/
}

.css_licmgr_messenger_displayarea {
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    overflow-y: hidden;
    height: calc(100vh-80px);
    width: 100%;
    /*border-radius: 0px 0px 3px 3px;*/
}

.css_licmgr_storespanel_displayarea {
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    overflow-y: hidden;
    height: 100vh;
    width: 100%;
}

.css_licmgr_storespanel_container {
    position: relative;
    text-align: center;
    overflow-y: hidden;
    height: 100vh;
    width: 100%;
    border-radius: 0px 0px 3px 3px;
}

.css_licmgr_storespanel_canvas {
    position: relative;
    /*display: flex;
    flex-wrap: wrap;*/
    /*overflow-y: scroll;
    overflow-x: hidden;*/
    /*height: 100%;*/
    text-align: center;
    width: 100%;
    min-width: 230px;
    max-width: 800px;
    border-radius: 0px 0px 3px 3px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 50px;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none;
    /*-ms-overflow-style: none;*/
}

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


.css_licmgr_storespanel_title_section_innercontainer {
    position: relative;
    /*width: 100%;*/
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 800px;
    padding: 10px;
    background-color: dodgerblue;
    border: 1px solid #ffae3d;
    border-radius: 1px;
    font-family: Quicksand;
    color: #FFFFFF;
    font-size: 18px;
}

.css_licmgr_storespanel_canvas_displayarea {
    position: fixed;
    top: 80px;
    left: 0;
    text-align: center;
    padding: 10px;
    /*overflow-y: hidden;*/
    /*overflow-x: hidden;*/
    /*height: 100%;*/
    width: 100%;
    /*max-width: 800px;*/
    height: 100%;
    min-height: 500px;
    /*padding-bottom: 200px;*/
    /*max-height: calc(100vh - 400px);*/
    border-radius: 0px 0px 3px 3px;
    display: flex;
    flex-direction: column;
    -ms-overflow-style: none;
}

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




.css_licmgr_dellic_button {
    text-align: center;
    border: 2px solid #F85A91;
    border-radius: 1px;
    font-family: Quicksand;
    color: #ff0000;
    font-size: 16px;
    width: 230px;
    height: 40px;
    background-color: white;
}

.css_licmgr_updatelic_button {
    text-align: center;
    border: 2px solid #0033cc;
    border-radius: 1px;
    font-family: Quicksand;
    color: #0033cc;
    font-size: 16px;
    width: 230px;
    height: 40px;
    background-color: white;
}

.css_licmgr_lic_cancel_button {
    text-align: center;
    border: 2px solid DarkGreen;
    border-radius: 1px;
    font-family: Quicksand;
    color: DarkGreen;
    font-size: 16px;
    width: 230px;
    height: 40px;
    background-color: white;
}

.css_licmgr_messenger_displaycontentarea {
    position: fixed;
    top: 80px;
    left: 0;
    text-align: center;
    /*overflow-y: hidden;*/
    /*overflow-x: hidden;*/
    /*height: 100%;*/
    width: 100%;
    /*max-width: 800px;*/
    height: 100%;
    min-height: 500px;
    padding-bottom: 50px;
    /*max-height: calc(100vh - 400px);*/
    border-radius: 0px 0px 3px 3px;
    display: flex;
    flex-direction: column;
    -ms-overflow-style: none;
}

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

.css_licmgr_messenger_title_section_container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /*background-color: dodgerblue;*/
    /*margin: 15px 0 15px 0;*/
    padding: 10px;
    /*border: 1px solid #ffae3d;
    border-radius: 1px;
    font-family: Quicksand;
    color: #FFFFFF;
    font-size: 18px;*/
}

.css_licmgr_messenger_title_section_innercontainer {
    position: relative;
    /*width: 100%;*/
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 800px;
    padding: 10px;
    background-color: dodgerblue;
    border: 1px solid #ffae3d;
    border-radius: 1px;
    font-family: Quicksand;
    color: #FFFFFF;
    font-size: 18px;
}

.css_licmgr_messenger_nodata_title_section_innercontainer {
    position: relative;
    /*width: 100%;*/
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 800px;
    padding: 10px;
    background-color: dodgerblue;
    border: 1px solid #ffae3d;
    border-radius: 1px;
    font-family: Quicksand;
    color: #3e3e3e;
    font-size: 18px;
}

.css_licmgr_messenger_title_lbl {
    width: 100%;
    text-align: center;
    font-family: Quicksand;
    color: #FFFFFF;
    font-size: 18px;
}

.css_licmgr_messenger_subtitle_lbl {
    width: 100%;
    text-align: center;
    font-family: Quicksand;
    color: #FFFFFF;
    font-size: 10px;
}

.css_licmgr_messenger_nodata_title_lbl {
    width: 100%;
    text-align: center;
    font-family: Quicksand;
    color: #FFFFFF;
    font-size: 18px;
}

.css_licmgr_messenger_nodata_section_container {
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    padding: 10px;
    /*background-color: darkkhaki;*/
    /*margin: 15px;*/
    /*padding: 10px;
    border: 1px solid #fccc2f;
    border-radius: 1px;
    font-family: Quicksand;
    color: #000000;
    font-size: 18px;*/
    /*z-index: 3;*/
}

.css_licmgr_messenger_nodata_section_innercontainer {
    position: relative;
    /*width: 100%;*/
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 800px;
    padding: 10px;
    background-color: darkkhaki;
    border: 1px solid #fccc2f;
    border-radius: 1px;
    font-family: Quicksand;
    color: #FFFFFF;
    font-size: 18px;
}



.css_licmgr_messenger_addmessagearea {
    /*position: fixed;
    bottom: 0;
    left: 0;*/
    width: 100%;
    /*max-width: 800px;*/
    /*background-color: #f3f3f3;*/
    /*background: linear-gradient(#f0eded, #e0dfdf);
    margin: 0;
    padding: 5px 15px 15px 15px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #3f3f3f;*/
    /*height: 120px;*/
    /*max-height: 350px;*/
}

.css_licmgr_messenger_addmessage_container_area {
    position: relative;
    text-align: center;
    width: 100%;
    max-width: 800px;
    /*background-color: #f3f3f3;*/
    background: linear-gradient(#f0eded, #e0dfdf);
    margin-left: auto;
    margin-right: auto;
    /*padding: 5px 15px 15px 15px;*/
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #3f3f3f;
    padding-top: 10px;
    padding-bottom: 20px;
    /*height: 120px;*/
    /*max-height: 350px;*/
}

.css_licmgr_messenger_addmessage_text {
    position: relative;
    /*left: 10px;
    top: 25px;*/
    font-size: 16px;
    font-family: Quicksand;
    color: black;
    background-color: white;
    padding: 6px 10px 6px 10px;
    min-width: 260px;
    text-align: left;
    margin: 20px;
    /*min-height: 60px;*/
    height: 100px;
    /*max-width: 800px;*/
    border-width: 1px;
    border-style: solid;
    border-color: #D2D2D2;
}

.css_licmgr_messenger_addimg_icon {
    position: relative;
    text-align: left;
    /*bottom: 2px;
    left: 45px;
    height: 30px;*/
    width: 100%;
    margin: 15px;
    /*margin: 20px;*/
    /*padding: 10px;*/
    cursor: pointer;
}

.css_licmgr_messenger_send_msg_icon {
    position: relative;
    /*top: 35px;
    left: 630px;
    height: 30px;
    width: 30px;*/
    text-align: center;
    width: 100%;
    /*margin: 20px;*/
    /*padding: 10px;*/
    margin-bottom: 20px;
    margin-top: 20px;
}

.css_licmgr_messenger_send_msg_butt_hot {
    position: relative;
    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-family: Avenir Medium;
    font-size: 16px;
    width: 140px;
    height: 45px;
    cursor: pointer;
    padding-top: 10px;
    margin: 10px auto 10px auto;
}

    .css_licmgr_messenger_send_msg_butt_hot:hover {
        background: #0081ff; /*linear-gradient(0deg, #4cbd08 0%, #49ff35 100%);*/
    }

.css_licmgr_messenger_send_msg_prvicons {
    position: relative;
    /*bottom: 2px;
    left: 5px;
    height: 30px;
    width: 30px;*/
    /*margin: 20px;*/
    /*padding: 10px;*/
    cursor: pointer;
    border-right-style: solid;
    border-right-width: 1px;
    border-color: grey;
}


.css_licmgr_messenger_send_msg_titlelbl {
    text-align: center;
    font-family: Quicksand;
    color: #000000;
    font-size: 12px;
    width: 100%;
    margin-top: 25px;
}

.css_licmgr_messenger_send_msg_statuslbl {
    position: absolute;
    /*bottom: 5px;
    left: 100px;*/
    top: 10px;
    left: 50px;
    /*margin-left: 50px;
    margin-top: 8px;*/
    text-align: left;
    font-family: Quicksand;
    color: #000000;
    font-size: 12px;
    /*width: 100%;*/
    cursor: pointer;
}


.css_licmgr_messenger_element_panel_media {
    position: relative;
    /*display: inline-block;*/
    height: 360px;
    /*width: 96%;*/
    width: 360px;
    border-radius: 7px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
    float: left;
}

.css_licmgr_messenger_element_panel_client_media {
    position: relative;
    /*display: inline-block;*/
    min-height: 120px;
    width: 96%;
    border-radius: 7px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    float: right;
}

.css_licmgr_messenger_element_headpanel_media {
    background-color: dodgerblue;
    /*display: flex;
    flex-direction: row;
    flex-wrap: nowrap;*/
    border-radius: 7px 7px 0 0;
}

.css_licmgr_messenger_element_headpanel_client_media {
    background-color: #73AD21;
    /*display: flex;
    flex-direction: row;
    flex-wrap: nowrap;*/
    border-radius: 7px 7px 0 0;
}

.css_licmgr_messenger_element_panel {
    position: relative;
    /*display: inline-block;*/
    min-height: 120px;
    width: 96%;
    border-radius: 7px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    float: left;
}

.css_licmgr_messenger_element_panel_withimg {
    position: relative;
    /*display: inline-block;*/
    min-height: 300px;
    /*height: 300px;*/
    width: 96%;
    border-radius: 7px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    float: left;
}

.css_licmgr_messenger_element_panel_client {
    position: relative;
    /*display: inline-block;*/
    min-height: 120px;
    width: 96%;
    border-radius: 7px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    float: right;
}

.css_licmgr_messenger_element_panel_withimg_client {
    position: relative;
    /*display: inline-block;*/
    min-height: 300px;
    /*height: 300px;*/
    width: 96%;
    border-radius: 7px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    float: right;
}

.css_licmgr_messenger_element_headpanel {
    background-color: dodgerblue;
    /*display: flex;
    flex-direction: row;
    flex-wrap: nowrap;*/
    border-radius: 7px 7px 0 0;
}

.css_licmgr_messenger_element_headpanel_api {
    background-color: purple;
    /*display: flex;
    flex-direction: row;
    flex-wrap: nowrap;*/
    border-radius: 7px 7px 0 0;
}

.css_licmgr_messenger_element_headpanel_vposapi {
    background-color: brown;
    /*display: flex;
    flex-direction: row;
    flex-wrap: nowrap;*/
    border-radius: 7px 7px 0 0;
}

.css_licmgr_messenger_element_headpanel_client {
    background-color: #73AD21;
    /*display: flex;
    flex-direction: row;
    flex-wrap: nowrap;*/
    border-radius: 7px 7px 0 0;
}

.css_licmgr_messenger_msgtitle_textlbl {
    width: 100%;
    color: white;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_licmgr_messenger_msgdatetime_textlbl {
    position: absolute;
    top: 10px;
    right: 10px;
    /*width: 100%;*/
    color: white;
    font-family: Avenir Medium;
    font-size: 12px;
    font-weight: normal;
    /*margin: 12px 5px 5px 5px;*/
    text-align: right;
    /*padding-left: 10px;*/
}

.css_licmgr_messenger_msgcontent_textlbl {
    width: 100%;
    color: #1d1d1d;
    font-family: Avenir Medium;
    font-size: 16px;
    font-weight: normal;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
    padding-right: 30px;
    max-height: 250px;
}

.css_prtstart_messenger_msgcontent_textlbl {
    width: 100%;
    color: #1d1d1d;
    font-family: Avenir Medium;
    font-size: 16px;
    font-weight: normal;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
    padding-right: 30px;
    max-height: 250px;
}

.css_licmgr_messenger_client_image {
    max-height: 250px;
    max-width: 300px;
    margin-top: 0;
    /*background-color: rgba(0,0,0,0.07);*/
    border: none;
    border-radius: 0 0 4px 4px;
    /*border-radius: 4px 4px 4px 4px;*/
    /*margin: 5px;*/
    cursor: pointer;
}

.css_licmgr_messenger_client_image_client {
    max-height: 250px;
    max-width: 300px;
    margin-top: 0;
    /*background-color: rgba(0,0,0,0.07);*/
    border: none;
    border-radius: 0 0 4px 4px;
    /*border-radius: 4px 4px 4px 4px;*/
    /*margin: 5px;*/
    cursor: pointer;
}

.css_grpmgr_groups_options_button_panel {
    text-align: center;
    /*width: 200px;*/
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    /*flex-direction: column;
    flex-wrap: nowrap;*/
}

.css_grpmgr_groups_options_button_panel_section {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 10px auto;
}

.css_grpmgr_groupspanel_titlebox {
    text-align: left;
    width: 100%;
    max-width: 500px;
    margin: 15px auto 0 0;
    /* padding: 10px; */
    color: steelblue;
    font-family: Poppins;
    font-size: 18px;
    text-decoration: underline;
    font-weight: 600;
}


.css_grpmgr_groupspanelselbox {
    text-align: left;
    width: 100%;
    max-width: 500px;
    margin: 15px auto 0 0;
    padding: 10px;
    background-color: #f3f3f3;
    border: 1px solid #808080;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.css_grpmgr_servicepanelselbox {
    text-align: left;
    width: 100%;
    max-width: 500px;
    margin-bottom: 15px;
    padding: 10px;
    background-color: lightsteelblue;
    border: 1px solid steelblue;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.css_grpmgr_service_tools_box {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 5px 0 0 20px;
}

.css_grpmgr_service_tools_manage_butt {
    border-radius: 4px 4px 4px 4px;
    border: 2px solid darkslategrey;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background-color: darkcyan;
    color: white;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    padding: 5px 10px;
    margin: 0 10px 0 0;
}

    .css_grpmgr_service_tools_manage_butt:hover {
        color: white;
        background-color: cadetblue;
        border-color: white;
        font-weight: 600;
    }

.css_grpmgr_service_tools_butt {
    border-radius: 4px 4px 4px 4px;
    border: 2px solid darkslategrey;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: #FFFFFF;
    color: darkslategray;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    padding: 5px 10px;
    margin: 0 10px 0 0;
}

    .css_grpmgr_service_tools_butt:hover {
        color: white;
        background: green;
        border-color: white;
        font-weight: 600;
    }

.css_grpmgr_groupspanelview_butt {
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: #FFFFFF;
    color: #000000;
    font-family: Avenir Medium;
    font-size: 16px;
    /*width: 100%;*/
    min-width: 90px;
    height: 45px;
    cursor: pointer;
    padding: 10px;
    margin: 10px;
}

    .css_grpmgr_groupspanelview_butt:hover {
        color: white;
        background: dodgerblue;
    }

.css_grpmgr_groupspanelview_searchbox {
    display: flex;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: #FFFFFF;
    color: #000000;
    font-family: Poppins;
    font-size: 16px;
    /*width: 100%;*/
    min-width: 90px;
    /*height: 45px;*/
    /*cursor: pointer;*/
    padding: 8px 10px;
    margin: 10px;
}

.css_grpmgr_newuser_register_butt_cont {
    margin: 5px 0;
}

.css_grpmgr_newuser_register_panel_bgimage {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.css_grpmgr_newuser_register_result_panel {
    position: relative;
    margin: 30px auto;
    border: none;
    padding: 20px;
    background-color: white;
    border-radius: 10px;
    min-width: 200px;
    width: 50%;
}

.css_grpmgr_newuser_register_result_title {
    text-align: center;
    font-size: 14px;
    font-family: Poppins;
    font-weight: 600;
    margin: 10px auto;
}

.css_grpmgr_newuser_register_result_subtitle {
    text-align: center;
    font-size: 12px;
    font-family: Poppins;
    font-weight: 400;
    margin: 10px auto;
}

.css_grpmgr_newuser_register_resultsfinished {
    margin: 5px;
    text-align: center;
}

.css_grpmgr_newuser_register_butt {
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    margin: 10px 20px;
    padding: 5px 10px;
    max-width: 150px;
    border: 2px solid darkgreen;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    background-color: white;
    color: darkgreen;
    cursor: pointer;
}

    .css_grpmgr_newuser_register_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_grpmgr_newuser_close_butt {
    text-align: center;
    font-weight: 500;
    margin: 10px auto;
    padding: 5px 10px;
    max-width: 150px;
    border: 2px solid darkslategray;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    background-color: white;
    color: darkslategray;
    cursor: pointer;
}

    .css_grpmgr_newuser_close_butt:hover {
        color: white;
        background-color: darkgoldenrod;
        border-color: white;
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,1);
    }

.css_grpmgr_groupspanelview_searchbox_text {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin-top: 0px;
    margin-right: 5px;
    margin-left: 0;
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border-width: 2px;
    border-style: solid;
    border-color: darkslategray;
    font-size: 14px;
    font-family: Poppins;
    background-color: white;
    padding: 3px 10px 3px 10px;
    /*width: 120px;*/
    height: 34px;
    resize: none;
}

.css_grpmgr_groupspanelview_search_butt {
    text-align: center;
    font-weight: 500;
    height: 34px;
    width: 45px;
    padding: 4px;
    border: 2px solid darkslategray;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    background-color: white;
    color: darkslategray;
    cursor: pointer;
}

    .css_grpmgr_groupspanelview_search_butt:hover {
        color: white;
        background-color: darkgoldenrod;
        border-color: white;
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,1);
    }

.css_grpmgr_groupspanelseldesc_lbl {
    width: 100%;
    text-align: left;
    font-family: Quicksand;
    color: #000000;
    font-size: 14px;
    padding-left: 20px;
}

.css_grpmgr_newclouduser_displayarea {
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    overflow-y: hidden;
    height: 100vh;
    width: 100%;
    background-color: white;
}

.css_grpmgr_newclouduser_displayarea_inner {
    position: relative;
    max-width: 1200px;
    margin: 20px auto;
    border: 1px solid silver;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5);
    border-radius: 6px;
}

.css_grpmgr_newclouduser_displayarea_contents {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 800px;
    margin: 20px auto 40px auto;
    background-color: white;
    text-align: left;
    padding: 10px 20px;
    border-radius: 6px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5);
}

.css_grpmgr_groupspanel_displayarea {
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    overflow-y: hidden;
    height: 100vh;
    width: 100%;
}

.css_grpmgr_groupspanel_container {
    position: relative;
    text-align: center;
    overflow-x: hidden;
    height: 100vh;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    border-radius: 0px 0px 3px 3px;
}

.css_grpmgr_groupspanel_canvas {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    /*overflow-y: scroll;
    overflow-x: hidden;*/
    /*height: 100%;*/
    text-align: center;
    width: 100%;
    min-width: 230px;
    max-width: 1200px;
    border-radius: 0px 0px 3px 3px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 50px;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none;
    /*-ms-overflow-style: none;*/
}

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


.css_grpmgr_groupspanel_title_section_innercontainer {
    position: relative;
    /*width: 100%;*/
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 1200px;
    padding: 10px;
    background-color: dodgerblue;
    border: 1px solid #ffae3d;
    border-radius: 1px;
    font-family: Quicksand;
    color: #FFFFFF;
    font-size: 18px;
}


.css_grpmgr_usrnote_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: 10px auto 10px auto;
    padding: 20px;
    pointer-events: auto;
}

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


.css_grpmgr_grouptools_group_settings_cont {
    text-align: left;
    margin-top: 10px;
    border: 1px solid #D2D2D2;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.css_groupmgr_setuptools_section_title {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    margin: 10px 0 0 0;
}

.css_groupmgr_setuptools_section_subtitle {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 500;
    margin: 0;
}

.css_groupmgr_setuptools_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: 12px;
    font-family: Poppins;
    background-color: white;
    padding: 6px 10px 6px 10px;
    width: 100%;
}

.css_grpmgr_tools_ocgroup_resultsfinished {
    margin: 5px;
    text-align: center;
}

.css_groupmgr_setuptools_section {
    margin: 5px;
    text-align: left;
}

.css_grpmgr_tools_ocgroup_process_title {
    text-align: center;
    font-size: 14px;
    font-family: Poppins;
    font-weight: 600;
    margin: 10px auto;
}

.css_grpmgr_tools_ocgroup_process_subtitle {
    text-align: center;
    font-size: 12px;
    font-family: Poppins;
    font-weight: 400;
    margin: 10px auto;
}

.css_ocgroup_process_result_body_title {
    text-align: center;
    font-size: 14px;
    font-family: Poppins;
    font-weight: 600;
    margin: 10px auto;
}

.css_ocgroup_process_result_body_subtitle {
    text-align: center;
    font-size: 10px;
    font-family: Poppins;
    font-weight: 400;
    margin: 10px auto;
}

.css_grpmgr_tools_ocgroup_result {
    padding: 0px;
    margin: 0px;
    border: none;
}

.css_grpmgr_tools_processing_ocgroup_update {
    padding: 0px;
    margin: 0px;
    border: none;
}

.css_groupmgr_setuptools_close_butt {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 20px auto;
    height: 40px;
    max-width: 200px;
    text-align: center;
    font-weight: 500;
    background-color: darkgoldenrod;
    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_groupmgr_setuptools_close_butt:hover {
        color: white;
        background-color: darkgoldenrod;
        border-color: white;
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,1);
    }

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

.css_groupmgr_setservicefield_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: darkgoldenrod;
    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_groupmgr_setservicefield_update_butt:hover {
        color: white;
        background-color: darkgoldenrod;
        border-color: white;
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,1);
    }

.css_groupmgr_setuptools_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: darkgoldenrod;
    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_groupmgr_setuptools_update_butt:hover {
        color: white;
        background-color: darkgoldenrod;
        border-color: white;
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,1);
    }

.css_groupmgr_setuptools_adduser_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: darkgreen;
    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_groupmgr_setuptools_adduser_butt:hover {
        color: white;
        background-color: green;
        border-color: white;
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,1);
    }

.css_groupmgr_setuptools_section_section_title {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
    color: steelblue;
    margin: 10px 0;
}

.css_groupmgr_setuptools_setup_user_cont {
    max-height: 500px;
    overflow-y: scroll;
    margin-top: 40px;
    min-height: 100px;
}

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

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

.css_groupmgr_setuptools_setup_user_item_cont {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border: 1px solid silver;
    min-width: 180px;
    margin: 5px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

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

.css_groupmgr_setuptools_setup_user_chkicon_cont {
    margin: 0 5px;
}

.css_groupmgr_setuptools_setup_user_chkicon_box {
    cursor: pointer;
    font-weight: 600;
}

.css_groupmgr_setuptools_setup_user_infoicon_cont {
    margin: 0 5px;
}

.css_groupmgr_setuptools_setup_user_infoicon_box {
    cursor: pointer;
    font-weight: 600;
}

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

.css_groupmgr_setuptools_setup_user_user_subtitle {
    font-size: 10px;
    font-family: Poppins;
    text-align: left;
    color: darkslategray;
    font-weight: 400;
    margin-bottom: 10px;
    border-bottom: 1px dashed silver;
}

.css_groupmgr_setuptools_setup_user_option_title {
    font-size: 12px;
    font-family: Poppins;
    text-align: left;
    color: darkslategray;
    font-weight: 400;
}

.css_groupmgr_setuptools_setup_user_option_title_bold {
    font-size: 12px;
    font-family: Poppins;
    text-align: left;
    color: darkslategray;
    font-weight: 600;
}

.css_groupmgr_setuptools_section_section_subtitle {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    color: darkslategray;
    margin: 10px 0;
}

.css_groupmgr_setuptools_section_scan_title {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
    color: steelblue;
    margin: 10px 0;
}
.css_groupmgr_setuptools_section_delete_title {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
    color: darkred;
    margin: 10px 0;
}

.css_groupmgr_setuptools_section_activate_title {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
    color: darkgreen;
    margin: 10px 0;
}

.css_groupmgr_setuptools_delete_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: darkred;
    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_groupmgr_setuptools_delete_butt:hover {
        color: white;
        background-color: red;
        border-color: white;
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,1);
    }

.css_groupmgr_setuptools_scangrp_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: steelblue;
    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_groupmgr_setuptools_scangrp_butt:hover {
        color: white;
        background-color: lightsteelblue;
        border-color: white;
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,1);
    }

.css_groupmgr_setuptools_loginas_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: steelblue;
    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_groupmgr_setuptools_loginas_butt:hover {
        color: white;
        background-color: dodgerblue;
        border-color: white;
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,1);
    }

.css_groupmgr_setuptools_user_permissions_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: steelblue;
    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_groupmgr_setuptools_user_permissions_butt:hover {
        color: white;
        background-color: dodgerblue;
        border-color: white;
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,1);
    }

.css_groupmgr_setuptools_user_permissions_mgr_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: darkorchid;
    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_groupmgr_setuptools_user_permissions_mgr_butt:hover {
        color: white;
        background-color: dodgerblue;
        border-color: white;
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,1);
    }

.css_groupmgr_setuptools_activate_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: darkgreen;
    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_groupmgr_setuptools_activate_butt:hover {
        color: white;
        background-color: green;
        border-color: white;
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,1);
    }

.css_grpmgr_grouptools_newservice_mainicon_cont {
    margin: 5px auto;
}

.css_grpmgr_grouptools_group_images_cont {
    margin: 5px auto;
}

.css_groupmgr_setuptools_newservice_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_groupmgr_setuptools_newservice_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_grpmgr_grouptools_group_images_grpitem {
    position: relative;
    /*height: 80px;
    width: 80px;*/
    cursor: pointer;
    /*border: 1px solid #D2D2D2;*/
    margin: 5px auto;
}

.css_grpmgr_grouptools_group_images_grpicn {
    object-fit: contain;
    max-width: 100%;
    max-height: 80px;
}

.css_grpmgr_grouptools_group_images_grpitem_lbl {
    text-align: center;
    font-family: Poppins;
    font-size: 12px;
    text-decoration: underline;
    font-weight: 600;
    color: darkcyan;
    cursor: pointer;
}

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

.css_grpmgr_usrnote_modalmsg_subtitle {
    /*text-align: left;*/
    color: steelblue;
    font-size: 14px;
    font-weight: 500;
    margin: 10px auto;
    max-width: 300px;
}

.css_grpmgr_usrnote_modalmsg_bodytext {
    /*text-align: left;*/
    color: #161616;
    font-size: 14px;
    margin: 10px auto;
    max-width: 300px;
    font-weight: 500;
}

.css_grpmgr_groupspanel_canvas_displayarea {
    position: fixed;
    top: 80px;
    left: 0;
    text-align: center;
    padding: 10px;
    /*overflow-y: hidden;*/
    /*overflow-x: hidden;*/
    /*height: 100%;*/
    width: 100%;
    /*max-width: 800px;*/
    height: 100%;
    min-height: 500px;
    /*padding-bottom: 200px;*/
    /*max-height: calc(100vh - 400px);*/
    border-radius: 0px 0px 3px 3px;
    display: flex;
    flex-direction: column;
    -ms-overflow-style: none;
}

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



.css_grpmgr_group_elementpanel {
    text-align: left;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    /*height: 160px;*/
    width: 260px;
    /*border-radius: 6px;*/
    background-color: #FFFFFF;
    box-shadow: 1px 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
    /*cursor: pointer;*/
}

.css_grpmgr_groups_group_image_cont {
    position: relative;
    text-align: left;
}

.css_grpmgr_groups_group_image {
    object-fit: contain;
    max-height: 80px;
    max-width: 80%;
    margin: 5px auto;
}

.css_grpmgr_groups_groupname_textlbl {
    /*width: 100%;*/
    color: darkslategray;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
    margin: 5px;
    text-align: left;
    /*padding-left: 10px;*/
    cursor: pointer;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

    .css_grpmgr_groups_groupname_textlbl:hover {
        font-weight: 700;
    }

.css_grpmgr_groups_groupname_subtextlbl {
    color: darkslategray;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    margin: 5px;
    text-align: left;
    /*padding-left: 10px;*/
}

.css_oc_dash_groups_group_div {
    position: relative;
    width: 100%;
}

.css_oc_dash_groups_groupid_textlbl {
    position: relative;
    /*width: 100%;*/
    color: silver;
    font-family: Poppins;
    font-size: 10px;
    font-weight: normal;
    margin: 0 0 5px 5px;
    text-align: left;
    /*padding-left: 10px;*/
}

.css_oc_dash_groups_group_created_textlbl {
    color: silver;
    font-family: Poppins;
    font-size: 10px;
    font-weight: normal;
    margin: 0 0 5px 5px;
    text-align: left;
}

.css_oc_dash_groups_group_associate_textlbl {
    color: darkmagenta;
    font-family: Poppins;
    font-size: 10px;
    font-weight: normal;
    margin: 5px;
    text-align: left;
    border: 1px solid darkmagenta;
    padding: 5px;
    box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 1);
}

.css_oc_dash_groups_group_invmgr_textlbl {
    color: darkcyan;
    font-family: Poppins;
    font-size: 10px;
    font-weight: normal;
    margin: 5px;
    text-align: left;
    border: 1px solid darkcyan;
    padding: 5px;
    box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 1);
}

.css_oc_dash_groups_group_brandapp_textlbl {
    color: steelblue;
    font-family: Poppins;
    font-size: 10px;
    font-weight: normal;
    margin: 5px;
    text-align: left;
    border: 1px solid steelblue;
    padding: 5px;
    box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 1);
}

.css_oc_dash_groups_group_line_sep {
    border-top: 1px solid silver;
    margin: 10px 0;
    width: 100%;
}

.css_grpmgr_groups_group_iconlist_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-left: 10px;
}

.css_grpmgr_groups_group_toolicon_icn {
    margin: 0 5px 0 0;
    font-size: 24px;
    font-weight: 400;
    cursor: pointer;
}

.css_grpmgr_groups_group_icon_icn:hover {
    font-weight: 500;
}

.css_grpmgr_groups_group_store_topline {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    /*margin-left: 10px;*/
}

.css_oc_dash_groups_group_stores_title {
    color: dodgerblue;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    margin: 5px 0;
    text-align: left;
    text-decoration: underline;
    cursor: pointer;
}

    .css_oc_dash_groups_group_stores_title:hover {
        font-weight: 500;
    }

.css_oc_dash_groups_group_stores_list_cont_min {
    display: none;
}

.css_oc_dash_groups_group_stores_list_cont_max {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.css_oc_dash_groups_group_stores_list_entry {
    color: slategray;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    margin: 5px 0;
    text-align: left;
    text-decoration: underline;
    cursor: pointer;
}

    .css_oc_dash_groups_group_stores_list_entry:hover {
        font-weight: 500;
    }

.css_oc_dash_groups_group_users_list_close {
    position: relative;
    /*top: 10px;
    right: 10px;*/
    margin: 0 0 0 auto;
    cursor: pointer;
}

.css_grpmgr_groups_group_user_topline {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    /*margin-left: 10px;*/
}

.css_grpmgr_groups_group_adduser_topline {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    /*margin-left: 10px;*/
}

.css_oc_dash_groups_group_adduser_title {
    color: mediumvioletred;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    margin: 5px 0 5px 5px;
    text-align: left;
    cursor: pointer;
}

    .css_oc_dash_groups_group_adduser_title:hover {
        font-weight: 500;
        text-decoration: underline;
    }

.css_grpmgr_groups_group_addstore_topline {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    /*margin-left: 10px;*/
}

.css_oc_dash_groups_group_addstore_title {
    color: darkcyan;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    margin: 5px 0 5px 5px;
    text-align: left;
    cursor: pointer;
}

    .css_oc_dash_groups_group_addstore_title:hover {
        font-weight: 500;
        text-decoration: underline;
    }

.css_grpmgr_groups_group_store_topline {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    /*margin-left: 10px;*/
}

.css_oc_dash_groups_group_users_title {
    color: dodgerblue;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    margin: 5px 0;
    text-align: left;
    text-decoration: underline;
    cursor: pointer;
}

    .css_oc_dash_groups_group_users_title:hover {
        font-weight: 500;
    }

.css_oc_dash_groups_group_users_list_cont_min {
    display: none;
}

.css_oc_dash_groups_group_users_list_cont_max {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.css_oc_dash_groups_group_users_list_entry {
    color: slategray;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    margin: 5px 0;
    text-align: left;
    cursor: pointer;
}

    .css_oc_dash_groups_group_users_list_entry:hover {
        text-decoration: underline;
        font-weight: 600;
    }

.css_oc_dash_groups_group_user_loginas_icon {
    cursor: pointer;
}

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

.css_oc_dash_groups_group_status_cont {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 5px;
}

.css_oc_dash_groups_group_status_active {
    border: 1px solid yellowgreen;
    background-color: green;
    color: white;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    padding: 5px 10px;
    box-shadow: 4px 2px 5px 1px silver;
}

.css_oc_dash_groups_group_status_inactive {
    border: 1px solid darkred;
    background-color: red;
    color: white;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    padding: 5px 10px;
    box-shadow: 4px 2px 5px 1px silver;
}

.css_ocdash_apppanel_minmax_icon {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.css_ocdash_appoptions_icon {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    max-width: 25px;
}

.css_ocdash_appoptions_butdiv {
    position: absolute;
    top: 35px;
    left: 5px;
    /*height: 60px;*/
    z-index: 2;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.css_ocdash_appoptions_title_textlbl {
    color: #666666;
    font-family: Quicksand;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
}

.css_ocdash_modaldialogue_reqid {
    border: none;
    font-size: 16px;
    font-family: Quicksand;
    color: dodgerblue;
}

.css_ocdash_modaldialogue_instruction {
    border: none;
    font-size: 14px;
    font-family: Quicksand;
    color: #666666;
}

.css_ocdash_appoptionscontainer_butdiv {
    position: relative;
    min-height: 95px;
    cursor: pointer;
    border-top: 2px solid #8e8d8d;
    /*width: 100%;*/
    margin: 20px 10px 10px 5px;
    padding: 10px;
}

.css_oc_store_plugins_panel {
    margin: 10px;
    padding: 10px;
    border-top: 2px solid #8e8d8d;
    min-height: 100px;
}


.css_oc_store_status_panel {
    margin: 10px;
    padding: 10px;
    border-top: 2px solid #8e8d8d;
}



.css_oc_store_status_title_textlbl {
    color: #666666;
    font-family: Quicksand;
    font-size: 14px;
    font-weight: bold;
    /*width: 100%;*/
    float: left;
    margin-bottom: 10px;
}


.css_oc_store_status_info_textlbl {
    color: #666666;
    font-family: Quicksand;
    font-size: 14px;
    font-weight: bold;
    /*width: 100%;*/
    float: left;
    margin-bottom: 10px;
    margin-left: 10px;
}



.css_oc_store_status_list_open_icon {
    display: block;
    float: right;
    cursor: pointer;
}


.css_oc_store_status_list_vis_icon_on {
    display: block;
    float: right;
    cursor: pointer;
}

.css_oc_store_status_list_vis_icon_off {
    display: none;
}


.css_oc_store_status_list_novis_icon_on {
    display: block;
    float: right;
    cursor: pointer;
}

.css_oc_store_status_list_novis_icon_off {
    display: none;
}

.css_oc_store_status_list_panel_off {
    display: none;
}

.css_oc_store_status_list_panel_on {
    display: block;
}

.css_oc_store_options_bar {
    position: relative;
    width: 100%;
    height: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.css_oc_store_setup_addnewtextlbl {
    position: absolute;
    top: 5px;
    right: 10px;
    text-align: right;
    /*width: 100%;*/
    font-family: Quicksand;
    font-size: 14px;
    font-weight: bold;
    color: #1e90ff;
    text-decoration: underline;
    cursor: pointer;
}

.css_oc_store_refresh_addnewtextlbl {
    position: absolute;
    top: 5px;
    left: 10px;
    text-align: left;
    /*width: 100%;*/
    font-family: Quicksand;
    font-size: 14px;
    font-weight: bold;
    color: #1e90ff;
    text-decoration: underline;
    cursor: pointer;
}

.css_oc_store_status_message_titlelbl {
    width: 100%;
    font-family: Quicksand;
    font-size: 12px;
    color: gray;
}

.css_oc_store_status_message_infolbl {
    width: 100%;
    font-family: Quicksand;
    font-size: 10px;
    color: gray;
}

.css_oc_store_status_message_notsettextlbl {
    width: 100%;
    font-family: Quicksand;
    font-size: 12px;
    color: #F8644E;
}

.css_oc_store_status_message_textlbl {
    width: 80%;
    min-height: 100px;
    text-align: left;
    padding: 10px;
    font-family: Quicksand;
    font-size: 12px;
    color: #000000;
    border-radius: 3px;
    border: 1px solid #656565;
    background-color: #e6e3e3;
}

.css_oc_store_status_dc_times_textlbl {
    width: 100%;
    font-family: Quicksand;
    font-size: 12px;
    color: #000000;
}

.css_oc_store_status_dc_times_titletextlbl {
    width: 100%;
    font-family: Quicksand;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
    color: #000000;
}

.css_oc_store_status_dc_ok_textlbl {
    width: 100%;
    font-family: Quicksand;
    font-size: 14px;
    font-weight: bold;
    color: darkgreen;
}

.css_oc_store_status_dc_warning_textlbl {
    width: 100%;
    font-family: Quicksand;
    font-size: 14px;
    font-weight: bold;
    color: darkred;
}

.css_oc_store_status_dc_times_updatetextlbl {
    width: 100%;
    font-family: Quicksand;
    font-size: 12px;
    color: gray;
}

.css_oc_store_status_panel_summarytextlbl {
    color: #0ab100;
    background-color: #ececec;
    font-family: Quicksand;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    border-top: 1px solid #bebdbd;
    border-bottom: 1px solid #D2D2D2;
    padding-left: 10px;
}

.css_ocstore_setup_section_div {
    width: 100%;
    max-width: 500px;
    text-align: left;
    padding: 10px;
    margin: 0;
    font-family: Quicksand;
    font-size: 12px;
    color: #000000;
    border-radius: 3px;
    border: 1px solid #656565;
    background-color: white;
}

.css_ocstore_setup_section_title {
    width: 100%;
    font-family: Quicksand;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    color: dodgerblue;
}

.css_ocstore_setup_time_div {
    width: 100%;
    max-width: 500px;
    text-align: left;
    padding: 5px;
}

.css_ocstore_setup_time_val {
    width: 100px;
    font-weight: bold;
    color: dodgerblue;
    text-align: left;
    font-family: Quicksand;
    font-size: 16px;
}

.css_ocstore_setup_switch_section_container {
    background-color: white;
    margin: 10px 10px 10px 0;
    padding: 20px;
    border: 1px solid #bdbdbd;
    border-radius: 1px;
}

.css_comms_setup_switch_label {
    padding-top: 5px;
}
.css_comms_user_switch_section_container {
    margin-top: 5px;
}

.css_customcode_user_switch_section_container {
    background-color: white;
    margin: 10px 10px 10px 0;
    padding: 20px;
    border: 1px solid #bdbdbd;
    border-radius: 1px;
    text-align: left;
    font-weight: 500;
    color: darkmagenta;
}

.css_customcode_accountonly_cfg_section_container {
    background-color: white;
    margin: 10px 10px 10px 0;
    padding: 20px;
    border: 1px solid #bdbdbd;
    border-radius: 1px;
    text-align: left;
    font-weight: 500;
    color: darkmagenta;
}

.css_customcode_accountonly_cfg_section_title {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    margin: 5px 10px;
    color: black;
}

.css_customcode_accountonly_cfg_section_subtitle {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    margin: 5px 10px;
    color: black;
}

.css_cldapp_appmgr_customcode_fieldsection_div {
    width: 100%;
    max-width: 500px;
    text-align: left;
    padding: 5px;
}

.css_cldapp_appmgr_customcode_field_value {
    /*width: 150px;*/
    font-weight: bold;
    color: dodgerblue;
    text-align: left;
    font-family: Poppins;
    font-size: 16px;
}

.css_oc_store_license_panel_lictextlbl_green {
    color: #0ab100;
    font-family: Quicksand;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
}

.css_oc_store_license_panel_lictextlbl_orange {
    color: #fb9703;
    font-family: Quicksand;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
}

.css_oc_store_license_title_textlbl {
    color: #666666;
    font-family: Quicksand;
    font-size: 14px;
    font-weight: bold;
    /*width: 100%;*/
    float: left;
    margin-bottom: 10px;
}

.css_oc_store_license_info_textlbl {
    color: #666666;
    font-family: Quicksand;
    font-size: 14px;
    font-weight: bold;
    /*width: 100%;*/
    float: left;
    margin-bottom: 10px;
    margin-left: 10px;
}

.css_oc_store_services_title_textlbl {
    color: #666666;
    font-family: Quicksand;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
}

.css_oc_store_plugins_title_textlbl {
    color: #666666;
    font-family: Quicksand;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
}

.css_oc_store_license_panel_lictextlbl_red {
    color: #e50000;
    font-family: Quicksand;
    font-size: 12px;
    font-weight: bold;
    width: 100%;
}

.css_oc_store_license_panel_sysid {
    position: relative;
    text-align: center;
    height: 25px;
    width: 20px;
    margin-right: 10px;
    border-radius: 5px;
    background-color: #1a65af;
    color: white;
    padding: 0;
}

.css_oc_store_license_panel_sysid_label {
    position: absolute;
    top: 0;
    left: 5px;
}

.css_oc_store_license_panel_productline {
    width: 100%;
    margin-bottom: 5px;
    margin-top: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.css_oc_store_license_panel_prodtextlbl {
    font-family: Quicksand;
    font-size: 14px;
    font-weight: bold;
    color: #1a76d0;
    padding-top: 5px;
    text-decoration: underline;
    cursor: pointer;
}

.css_oc_store_license_view_panel_prodtextlbl {
    font-family: Quicksand;
    font-size: 14px;
    font-weight: bold;
    color: #1a76d0;
    padding-top: 5px;
}

.css_oc_store_license_panel_addnewtextlbl {
    width: 100%;
    font-family: Quicksand;
    font-size: 12px;
    color: #1e90ff;
    text-decoration: underline;
    cursor: pointer;
}

.css_oc_store_license_panel_textlbl {
    width: 100%;
    font-family: Quicksand;
    font-size: 12px;
    color: #1e90ff;
}

.css_oc_store_license_panel {
    margin: 10px 10px 20px 10px;
    padding: 10px;
    border-top: 2px solid #8e8d8d;
}

.css_oc_store_license_list_panel_off {
    display: none;
}

.css_oc_store_license_list_panel_on {
    display: block;
}

.css_oc_store_license_list_vis_icon_on {
    display: block;
    float: right;
    cursor: pointer;
}

.css_oc_store_license_list_vis_icon_off {
    display: none;
}


.css_oc_store_license_list_novis_icon_on {
    display: block;
    float: right;
    cursor: pointer;
}

.css_oc_store_license_list_novis_icon_off {
    display: none;
}


.css_licmgr_store_service_int_image {
    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;
}

.css_licmgr_store_service_icon {
    margin-left: 5px;
    margin-right: 5px;
    max-width: 25px;
}

.css_licmgr_store_elementpanel {
    text-align: left;
    position: relative;
    display: inline-block;
    /*height: 160px;*/
    width: 360px;
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    /*cursor: pointer;*/
}

.css_licmgr_service_butdiv {
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 2;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.css_licmgr_servicecontainer_butdiv {
    position: relative;
    min-height: 85px;
    cursor: pointer;
    border-top: 2px solid #8e8d8d;
    /*width: 100%;*/
    margin: 20px 10px 10px 10px;
    padding: 10px;
}

.css_ocdash_fullwidthreqanalysis_head_menubar {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 3px;
    background-color: #dddddd;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.css_ocdash_fullwidthreqanalysis_menu_title_text {
    font-family: Quicksand;
    font-size: 10px;
    color: #1e90ff;
}

.css_vpposintrefbutdiv {
    position: absolute;
    bottom: 5px;
    right: 65px;
    z-index: 2;
    cursor: pointer;
}

.css_vpposintrefreloadbutdiv {
    position: absolute;
    bottom: 5px;
    right: 95px;
    z-index: 2;
    cursor: pointer;
}

.css_vpposorderbutdiv {
    position: absolute;
    bottom: 5px;
    right: 35px;
    z-index: 2;
    cursor: pointer;
}

.css_vpposinboxbutdiv {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 2;
    cursor: pointer;
}

.css_vat_cloud1rtp_select_panel {
    text-align: left;
    width: 100%;
    /*max-width: 500px;*/
    /*height: 100%;*/
    margin: 30px auto 10px auto;
    padding: 5px;
    background-color: white;
    /*border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);*/
}


.css_bm_ref_group_select_panel {
    text-align: center;
    min-width: 260px;
    max-width: 500px;
    /*height: 100%;*/
    margin: 30px auto 30px auto;
    padding: 20px;
    background-color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}


.css_prtl_user_options_panel {
    text-align: center;
    min-width: 260px;
    max-width: 500px;
    /*height: 100%;*/
    margin: 30px auto 30px auto;
    padding: 20px;
    background-color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}


.css_oc_integ_profile_select_panel {
    text-align: center;
    min-width: 260px;
    max-width: 500px;
    /*height: 100%;*/
    margin: 30px auto 30px auto;
    padding: 20px;
    background-color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.css_oc_order_receipt_panel {
    text-align: center;
    min-width: 260px;
    max-width: 500px;
    /*height: 100%;*/
    margin: 30px auto 30px auto;
    padding: 3px;
    background-color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.css_oc_order_options_panel {
    text-align: center;
    min-width: 260px;
    max-width: 500px;
    /*height: 100%;*/
    margin: 30px auto 30px auto;
    padding: 3px;
    background-color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.css_oc_order_status_panel {
    text-align: center;
    min-width: 260px;
    max-width: 500px;
    /*height: 100%;*/
    margin: 30px auto 30px auto;
    padding: 3px;
    background-color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.css_ocorderstatus_unknownpayment {
    text-align: center;
    color: darkred;
    font-weight: 400;
    font-size: 12px;
    /*height: 100%;*/
    margin: 10px auto;
    padding: 10px;
    background-color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.css_portaladmin_tools_container {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
}

.css_portaladmin_home_option_button {
    border: 1px solid silver;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    font-weight: 500;
    margin: 10px;
    padding: 10px;
    box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.2);
}

    .css_portaladmin_home_option_button:hover {
        box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.5);
        font-weight: 600;
    }

.portaladmin_maincmd_text {
    font-family: Poppins;
    font-size: 18px;
    color: #000000;
    font-weight: inherit;
}

.portaladmin_maincmd_subtext {
    font-family: Poppins;
    font-size: 10px;
    color: darkslategray;
    margin: 0px;
    padding: 0px;
}

.css_ocdash_search_intref_text {
    margin-top: 0px;
    margin-right: 5px;
    margin-left: 0;
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: dodgerblue;
    font-size: 12px;
    font-family: Quicksand;
    background-color: white;
    padding: 6px 10px 6px 10px;
    width: 120px;
    height: 32px;
    resize: none;
}

.css_ocdash_reqquery_container_panel {
    text-align: center;
    width: 100%;
    /*height: 900px;*/
    margin: 30px auto;
    padding: 10px;
    background-color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.css_show_rpt_general_butt {
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: #FFFFFF;
    color: #000000;
    font-family: Avenir Medium;
    font-size: 16px;
    min-width: 90px;
    height: 45px;
    cursor: pointer;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 5px 5px 10px;
}

    .css_show_rpt_general_butt:hover {
        color: white;
        background: dodgerblue;
    }

.css_oc_dash_rpt_options_button_panel {
    text-align: center;
    /*width: 200px;*/
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.css_oc_dash_rpt_latestq_options_button_panel {
    /*text-align: center;*/
    min-width: 260px;
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 15px;
    padding: 10px;
    background: white;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.css_oc_dash_stores_panel_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;
}

.css_oc_dash_app_status_panel_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;
}

.css_oc_dash_prov_report_panel_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;
}

.css_oc_dash_app_status_displayarea {
    text-align: center;
    width: 100%;
    /*height: 900px;*/
    margin: 30px auto;
    padding: 10px;
    background-color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}


.css_licmgr_storespanel_displayarea {
    position: fixed;
    top: 80px;
    left: 0;
    text-align: center;
    /*overflow-y: hidden;*/
    /*overflow-x: hidden;*/
    /*height: 100%;*/
    width: 100%;
    max-width: 800px;
    height: 100%;
    min-height: 500px;
    padding-bottom: 20px;
    /*max-height: calc(100vh - 400px);*/
    border-radius: 0px 0px 3px 3px;
    display: flex;
    flex-direction: column;
    -ms-overflow-style: none;
}

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


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

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

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

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

.css_oc_dash_infopanel_displayarea {
    text-align: left;
    margin: 30px auto;
    padding: 10px;
    background-color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.css_licmgr_stores_panels_displayarea {
    position: absolute;
    top: 80px;
    text-align: center;
    overflow-x: hidden;
    height: 100%;
    width: 100%;
    border-radius: 0px 0px 3px 3px;
    -ms-overflow-style: none;
}

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

.css_licmgr_stores_options_button_panel {
    text-align: center;
    /*width: 200px;*/
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    /*display: flex;
    flex-direction: column;
    flex-wrap: nowrap;*/
}

.css_licmgr_storespanelselbox {
    text-align: left;
    width: 100%;
    max-width: 500px;
    margin-top: 15px;
    padding: 10px;
    background-color: #f3f3f3;
    border: 1px solid #808080;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.css_licmgr_storespanelview_butt {
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: #FFFFFF;
    color: #000000;
    font-family: Avenir Medium;
    font-size: 16px;
    /*width: 100%;*/
    min-width: 90px;
    height: 45px;
    cursor: pointer;
    padding: 10px;
    margin: 10px;
}

    .css_licmgr_storespanelview_butt:hover {
        color: white;
        background: dodgerblue;
    }

.css_licmgr_storespanelseldesc_lbl {
    width: 100%;
    text-align: left;
    font-family: Quicksand;
    color: #000000;
    font-size: 14px;
    padding-left: 20px;
}

.css_oc_dash_stores_storepanel {
    position: relative;
    display: inline-block;
    height: 240px;
    width: 260px;
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.css_oc_dash_reqheadline_panel {
    position: relative;
    display: inline-block;
    min-height: 340px;
    width: 500px;
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.css_oc_dash_regreq_hl_panel {
    position: relative;
    display: inline-block;
    height: 340px;
    width: 500px;
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.css_ocdash_chart_container {
    position: relative;
    text-align: center;
    display: inline-block;
    width: 100%;
    border-radius: 1px;
    border-color: #1e90ff;
    border-width: 2px;
    border-style: solid;
    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    padding: 20px;
}

.css_ocdash_appstatus_container {
    position: relative;
    text-align: center;
    display: inline-block;
    width: 100%;
    border-radius: 1px;
    border-color: #1e90ff;
    border-width: 2px;
    border-style: solid;
    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    padding: 20px;
}

.css_oc_dash_appsts_elementpanel_blue {
    position: relative;
    display: inline-block;
    /*height: 200px;*/
    width: 200px;
    border-radius: 6px;
    border-color: #1e90ff;
    border-width: 2px;
    border-style: solid;
    background-color: #fed1d1;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 7px;
    margin-right: 5px;
    padding-bottom: 5px;
}

.css_oc_dash_appsts_elementpanel_green {
    position: relative;
    display: inline-block;
    /*height: 200px;*/
    width: 200px;
    border-radius: 6px;
    border-color: #16a802;
    border-width: 2px;
    border-style: solid;
    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 7px;
    margin-right: 5px;
    padding-bottom: 5px;
}

.css_oc_dash_appsts_elementpanel_orange {
    position: relative;
    display: inline-block;
    /*height: 120px;*/
    width: 200px;
    border-radius: 6px;
    border-color: #fa9200;
    border-width: 2px;
    border-style: solid;
    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 7px;
    margin-right: 5px;
    padding-bottom: 5px;
}

.css_oc_dash_appsts_elementpanel_red {
    position: relative;
    display: inline-block;
    /*height: 120px;*/
    width: 200px;
    border-radius: 6px;
    border-color: #ff0000;
    border-width: 2px;
    border-style: solid;
    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 7px;
    margin-right: 5px;
    padding-bottom: 5px;
}


.css_oc_dash_appsts_elementpanel_min_blue {
    position: relative;
    display: inline-block;
    height: 85px;
    width: 200px;
    border-radius: 6px;
    border-color: #1e90ff;
    border-width: 2px;
    border-style: solid;
    background-color: #fed1d1;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 7px;
    margin-right: 5px;
    overflow: hidden;
}

.css_oc_dash_appsts_elementpanel_min_green {
    position: relative;
    display: inline-block;
    height: 85px;
    width: 200px;
    border-radius: 6px;
    border-color: #16a802;
    border-width: 2px;
    border-style: solid;
    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 7px;
    margin-right: 5px;
    overflow: hidden;
}

.css_oc_dash_appsts_elementpanel_min_orange {
    position: relative;
    display: inline-block;
    height: 85px;
    width: 200px;
    border-radius: 6px;
    border-color: #fa9200;
    border-width: 2px;
    border-style: solid;
    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 7px;
    margin-right: 5px;
    overflow: hidden;
}

.css_oc_dash_appsts_elementpanel_min_red {
    position: relative;
    display: inline-block;
    height: 85px;
    width: 200px;
    border-radius: 6px;
    border-color: #ff0000;
    border-width: 2px;
    border-style: solid;
    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 7px;
    margin-right: 5px;
    overflow: hidden;
}


.css_oc_dash_prov_report_elementpanel {
    position: relative;
    display: inline-block;
    height: 120px;
    width: 260px;
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

.css_oc_dash_stores_storeinboxespanel {
    position: relative;
    display: inline-block;
    height: 140px;
    width: 260px;
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.css_oc_dash_stores_highprocesspanel {
    position: relative;
    display: inline-block;
    height: 220px;
    width: 260px;
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.css_oc_dash_stores_slowestdurationspanel {
    position: relative;
    display: inline-block;
    height: 220px;
    width: 260px;
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.css_oc_dash_stores_functiontimingpanel {
    position: relative;
    display: inline-block;
    height: 250px;
    width: 500px;
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.css_oc_dash_stores_storename_textlbl {
    width: 100%;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_oc_dash_appsts_appname_textlbl {
    width: 100%;
    color: dodgerblue;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    margin: 4px;
    text-align: left;
    padding-left: 10px;
}

.css_oc_dash_appsts_dates_textlbl {
    width: 100%;
    color: rgba(0, 0, 0, 0.5);
    font-family: Avenir Medium;
    font-size: 14px;
    margin: 0 2px 2px 2px;
    text-align: left;
    padding-left: 10px;
}

.css_oc_dash_appsts_started_textlbl {
    width: 100%;
    color: #1e90ff;
    font-family: Avenir Medium;
    font-size: 12px;
    margin: 2px;
    text-align: left;
    padding-left: 10px;
}

.css_oc_dash_appsts_version_textlbl {
    width: 100%;
    color: #1e90ff;
    font-family: Avenir Medium;
    font-size: 12px;
    margin: 2px;
    text-align: left;
    padding-left: 10px;
}

.css_oc_dash_appsts_successcnt_textlbl {
    width: 100%;
    color: darkgreen;
    font-family: Avenir Medium;
    font-size: 14px;
    margin: 2px;
    text-align: left;
    padding-left: 10px;
}

.css_oc_dash_appsts_errorcnt_textlbl {
    width: 100%;
    color: darkred;
    font-family: Avenir Medium;
    font-size: 14px;
    margin: 2px;
    text-align: left;
    padding-left: 10px;
    /*text-decoration: underline;*/
    /*cursor:pointer;*/
}



.css_oc_dash_appstslog_panel {
    position: relative;
    display: inline-block;
    min-height: 340px;
    width: 100%;
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}


.css_oc_dash_appstslog_desc_textlbl {
    width: 100%;
    color: #fc6106;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_oc_dash_appstslog_datetime_textlbl {
    width: 100%;
    color: #1e90ff;
    font-family: Avenir Medium;
    font-size: 16px;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_oc_dash_appstslog_intname_textlbl {
    width: 100%;
    color: #333333;
    font-family: Avenir Medium;
    font-size: 16px;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_oc_dash_appstslog_appid_textlbl {
    width: 100%;
    color: darkgreen;
    font-family: Avenir Medium;
    font-size: 16px;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_oc_dash_appstslog_srcid_textlbl {
    width: 100%;
    color: rgba(0, 0, 0, 0.5);
    font-family: Avenir Medium;
    font-size: 12px;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_oc_dash_appstslog_debugdata_textlbl {
    width: 98%;
    color: rgba(0,0,0,0.7);
    min-height: 100px;
    font-family: Avenir Medium;
    font-size: 16px;
    margin: 10px;
    text-align: left;
    padding-left: 10px;
}

.css_oc_dash_appstslog_restaurant_name_textlbl {
    width: 100%;
    color: #0038d3;
    font-family: Avenir Medium;
    font-size: 16px;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_oc_dash_stores_store_div {
    position: relative;
    width: 100%;
}

.css_oc_dash_stores_storeid_textlbl {
    position: relative;
    /*width: 100%;*/
    color: rgba(0,0,0,0.7);
    font-family: Avenir Medium;
    font-size: 14px;
    font-weight: normal;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_licmgrmessengerdiviconcont {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 30px;
    width: 30px;
    cursor: pointer;
}

.css_licmgrmessengerimagesdiviconcont {
    position: absolute;
    top: 10px;
    right: 50px;
    height: 30px;
    width: 30px;
    cursor: pointer;
}


.css_licmgrmessengerdivreplyiconcont {
    position: absolute;
    bottom: 10px;
    right: 10px;
    height: 30px;
    width: 30px;
    background-color: dodgerblue;
    border-radius: 26px 26px 26px 26px;
    cursor: pointer;
}

.css_licmgrmessengerdivreplyicon {
    position: absolute;
    top: 2px;
    left: 3px;
    cursor: pointer;
}


.css_licmgrmessengerdivreplyiconlabel {
    position: absolute;
    left: 0px;
    top: 30px;
    width: 100%;
    text-align: center;
    font-family: Quicksand;
    font-size: 10px;
    color: white;
    margin: 0px;
    padding: 0px;
}


.css_oc_dash_stores_functiming_textlbl {
    width: 100%;
    color: dodgerblue;
    font-family: Avenir Medium;
    font-size: 18px;
    font-weight: bold;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_oc_dash_stores_provname_textlbl {
    width: 100%;
    color: darkred;
    font-family: Avenir Medium;
    font-size: 16px;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_oc_dash_stores_storereqcnt_textlbl {
    width: 100%;
    color: darkgreen;
    font-family: Avenir Medium;
    font-size: 16px;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_oc_dash_stores_storeproccnt_textlbl {
    width: 100%;
    color: rgba(0, 0, 0, 0.5);
    font-family: Avenir Medium;
    font-size: 16px;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_oc_dash_stores_storeavgdur_textlbl {
    width: 100%;
    color: rgba(0, 0, 0, 0.5);
    font-family: Avenir Medium;
    font-size: 16px;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_oc_dash_stores_storeordsts_textlbl {
    width: 100%;
    color: rgba(0, 0, 0, 0.5);
    font-family: Avenir Medium;
    font-size: 16px;
    font-weight: bold;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_oc_dash_stores_vposid_textlbl {
    width: 100%;
    color: #F8644E;
    font-family: Avenir Medium;
    font-size: 16px;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_ocdashboard_headline_section_container {
    background-color: dodgerblue;
    margin: 15px;
    padding: 15px;
    border: 1px solid #76bbff;
    border-radius: 1px;
}

.css_ocdashboard_rpt_title_section_container {
    background-color: cadetblue;
    margin: 15px;
    padding: 15px;
    border: 1px solid #ffae3d;
    border-radius: 1px;
    font-family: Quicksand;
    color: #FFFFFF;
    font-size: 24px;
}

.css_ocdashboard_rpt_nodata_section_container {
    background-color: darkkhaki;
    margin: 15px;
    padding: 15px;
    border: 1px solid #fccc2f;
    border-radius: 1px;
    font-family: Quicksand;
    color: #000000;
    font-size: 20px;
}

.css_ocdashboard_fw_headline_section_container {
    background-color: brown;
    margin: 15px;
    padding: 15px;
    border: 1px solid #ffae3d;
    border-radius: 1px;
}

.css_ocdashboard_infopnl_title_text {
    font-family: Quicksand;
    color: #1e90ff;
    font-size: 20px;
    width: 100%;
}

.css_ocdashboard_infopnl_subtitle_text {
    font-family: Quicksand;
    color: rgba(0,0,0,0.7);
    font-size: 16px;
    font-weight: bold;
    width: 100%;
}

.css_ocdashboard_infopnl_std_text {
    font-family: Quicksand;
    color: rgba(0,0,0,0.7);
    font-size: 14px;
    width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.css_ocdashboard_headline_section_value {
    font-family: Quicksand;
    color: #FFFFFF;
    font-size: 24px;
}

.css_ocdashboard_headline_section_name {
    font-family: Quicksand;
    color: #FFFFFF;
    font-size: 18px;
}

.css_ocdashboard_headline_section_desc {
    font-family: Quicksand;
    color: #FFFFFF;
    font-size: 14px;
}

.css_store_setup_outer_section_container {
    background-color: white;
    margin: 15px;
    padding: 15px;
    border: 1px solid #bdbdbd;
    border-radius: 1px;
}

.css_store_setup_hometab_section_contents {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    font-family: Poppins;
}

.css_store_setup_hometab_section_item {
    margin: 10px auto 0 10px;
    font-weight: 600;
    color: darkblue;
}

.css_integrators_setuppanel {
    margin: 10px;
    padding: 10px;
}

.css_captiva_cardborder_lite {
    width: 100%;
    max-width: 500px;
    /*height: 100%;*/
    margin: 20px auto;
    padding: 5px;
    background-color: white;
    border: 1px solid dodgerblue;
    border-radius: 3px 3px 3px 3px;
}

.css_captiva_jumbotron_lite {
    width: 100%;
    /*height: 100%;*/
    margin: 10px auto 20px auto;
    padding: 3px;
    background-color: #f5f5f5;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.css_strsetup_store_images_cont {
    text-align: left;
    width: 100%;
    height: 100px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #D2D2D2;
    padding: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.css_strsetup_store_images_stritem {
    position: relative;
    height: 80px;
    width: 80px;
    cursor: pointer;
    border: 1px solid #D2D2D2;
    margin-right: 20px;
}

.css_strsetup_store_images_stritem_lbl {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    /*height: 60px;*/
    width: 80px;
    font-family: Avenir Medium;
    font-size: 12px;
    cursor: pointer;
}

.css_strsetup_store_images_stricn {
    position: absolute;
    top: 5px;
    left: 15px;
    height: 50px;
    width: 50px;
    cursor: pointer;
    /*border: 1px solid #D2D2D2;*/
}

.css_strsetup_store_images_strmapmarkericn {
    position: absolute;
    top: 16px;
    left: 28px;
    height: 38px;
    width: 24px;
    cursor: pointer;
    /*border: 1px solid #D2D2D2;*/
}

.css_store_setup_integ_section_container {
    background-color: white;
    margin: 15px;
    padding: 5px;
    border: 1px solid #bdbdbd;
    border-radius: 1px;
}

.css_store_setup_marker_accept_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_store_setup_marker_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_store_setup_inner_section_container {
    background-color: white;
    margin: 15px;
    padding: 10px;
    border: 1px solid #bdbdbd;
    border-radius: 1px;
}

.css_store_setup_map_section_container {
    background-color: white;
    margin: 15px;
    text-align: center;
    /*padding: 10px;*/
    border: 1px solid #bdbdbd;
    border-radius: 1px;
    height: 90%;
    width: 90%;
}

.css_store_setup_integ_section_inner_container {
    background-color: white;
    margin: 15px;
    padding: 5px;
    border: 1px solid #bdbdbd;
    border-radius: 1px;
}

.css_store_setup_integ_section_additional_int_butt {
    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-family: Avenir Medium;
    font-size: 16px;
    margin: 5px auto;
    width: 250px;
    height: 40px;
    cursor: pointer;
    padding-top: 10px;
}

.css_svc_transsumm_table_cont {
    background-color: white;
    margin: 5px;
    padding: 15px;
    border: 1px solid #bdbdbd;
    border-radius: 1px;
}

.css_svc_button_line_div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.css_svc_button_line_button {
    border: 2px solid steelblue;
    border-radius: 3px;
    margin: 5px 0;
    padding: 5px 10px;
    cursor: pointer;
    color: white;
    font-size: 12px;
    font-weight: 600;
    background-color: steelblue;
}

    .css_svc_button_line_button:hover {
        font-weight: 700;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        background-color: white;
        color: steelblue;
    }

    .css_rpt_ecomm_options_selection_cont{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 5px 10px;
    }
.captiva_rpt_options_header_container {
    position: relative;
    display: block;
    margin: 10px auto 5px 0;
    padding: 5px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 0px;
    box-shadow: 0 1px 2px #808080;
}

.css_invmgr_updateacc_info_panel {
    text-align: center;
    width: 100%;
    /*height: 900px;*/
    margin: 30px auto;
    padding: 10px;
    background-color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.css_invmgr_invview_title_panel {
    text-align: center;
    width: 100%;
    /*height: 100px;*/
    margin: 30px auto;
    padding: 10px;
    background-color: rgba(0,0,0,0.07);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.css_invmgr_invview_options_panel {
    text-align: center;
    width: 100%;
    /*height: 100px;*/
    margin: 30px auto;
    padding: 10px;
    background-color: rgba(0,0,0,0.07);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.css_invmgr_fullypaid_button {
    text-align: center;
    padding-top: 7px;
    padding-left: 10px;
    padding-right: 10px;
    height: 40px;
    width: 250px;
    border-radius: 2px;
    background: linear-gradient(225deg, #1e90ff 0%, #0d86fc 100%);
    color: #FFFFFF;
    font-family: Avenir Medium;
    font-size: 16px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 20px auto 20px auto;
}

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

.invmgrwarningresultLabel {
    font-style: italic;
    font-size: 12px;
    color: #fa0000
}

.invmgrinstructLabel {
    font-style: italic;
    font-size: 12px;
}

.css_invmgr_addpayment_subpanel {
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.css_invmgr_addpayment_panel {
    text-align: center;
    width: 100%;
    /*height: 900px;*/
    margin: 30px auto;
    padding: 10px;
    background-color: rgba(0,0,0,0.07);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}


.captiva_invmgr_fullwidth_buttonbar {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 3px;
    background-color: #dddddd;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

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

.css_invmgr_newacc_subpanel {
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.css_invmgr_options_panel {
    text-align: center;
    width: 100%;
    /*height: 100px;*/
    margin: 30px auto;
    padding: 10px;
    background-color: rgba(0,0,0,0.07);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}


.css_invmgr_newacc_panel {
    text-align: center;
    width: 100%;
    /*height: 900px;*/
    margin: 30px auto;
    padding: 10px;
    background-color: rgba(0,0,0,0.07);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

div.qsf-right-content .qsf-col-wrap {
    padding-right: 0;
}

.css_cldapps_addapp_butt_container {
    position: relative;
    text-align: center;
    margin: 20px auto 40px auto;
    /*padding: 10px;*/
    background-color: white;
    color: dodgerblue;
    border: 2px solid #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_addapp_butt_container:hover {
        color: white;
        background-color: dodgerblue;
    }

.css_cldapps_addapp_icn_img {
    position: absolute;
    top: 7px;
    left: 5px;
    border-radius: 8px;
    height: 83px;
    width: 120px;
}

.css_cldapps_addapp_butt_title {
    position: absolute;
    left: 145px;
    top: 15px;
    font-family: Quicksand;
    font-size: 24px;
    font-weight: bold;
    /*color: dodgerblue;*/
}

.css_cldapps_addapp_butt_subtitle {
    position: absolute;
    left: 145px;
    top: 45px;
    font-family: Quicksand;
    font-size: 12px;
    /*color: dodgerblue;*/
}

.css_prtstart_cloudapps_reg_brandapp_cont {
    text-align: center;
    padding: 5px 10px 50px 10px;
    color: dodgerblue;
    background-color: white;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    cursor: pointer;
}

.css_prtstart_cloudapps_reg_brandapp_canvas {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /*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;
    text-align: center;
}

.css_prtstart_cloudapps_reg_brandapp_itempanel {
    position: relative;
    display: flex;
    flex-direction: column;
    /*height: 220px;*/
    width: 100%;
    max-width: 350px;
    border-radius: 10px;
    border: 2px solid gray;
    background-color: #FFFFFF;
    box-shadow: 0px 5px 6px 2px rgba(0, 0, 0, 0.3);
    margin: 10px;
    padding: 5px;
    /*cursor: pointer;*/
    text-align: left;
}

.css_prtstart_cloudapps_reg_brandapp_headpanel {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    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: left;
}


.css_prtstart_cloudapps_reg_brand_icn_image {
    position: relative;
    /*top: 0;
    left: 0;*/
    /*height: 80px;*/
    max-width: 80px;
    margin-top: 0;
    /*background-color: rgba(0,0,0,0.07);*/
    border: none;
    object-fit: contain;
    /*border-radius: 4px 4px 4px 4px;*/
    /*margin: 5px;*/
}


.css_prtstart_cloudapps_reg_brand_labels_section {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: 10px;
}

.css_prtstart_cloudapps_reg_brand_title {
    position: relative;
    /*left: 90px;
    top: 2px;*/
    /*cursor: pointer;*/
    /*max-width: 280px;*/
    /*color: dodgerblue;*/
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    /*text-align: center;*/
}

.css_prtstart_cloudapps_reg_brand_subtitle {
    position: relative;
    /*left: 90px;
    top: 35px;*/
    /*cursor: pointer;*/
    /*max-width: 280px;*/
    /*color: dodgerblue;*/
    font-family: Poppins;
    font-size: 14px;
    color: gray;
    font-weight: 400;
    /*text-align: center;*/
}

.css_prtstart_cloudapps_reg_brand_id {
    position: relative;
    /*left: 90px;
    top: 70px;*/
    /*cursor: pointer;*/
    /*max-width: 280px;*/
    color: #D2D2D2;
    font-family: Poppins;
    font-size: 10px;
    /*font-weight: bold;
    text-align: center;*/
}

.css_prtstart_cloudapps_reg_brand_info_section {
    margin: 10px 10px 0 10px;
    display: flex;
    flex-direction: column;
}

.css_prtstart_cloudapps_reg_brand_info_detail {
    position: relative;
    /* cursor: pointer; */
    /* max-width: 280px; */
    color: steelblue;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    border: 1px solid silver;
    border-radius: 4px;
    padding: 5px;
    background-color: #EFEFEF;
    max-height: 100px;
    overflow-x: hidden;
}

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

.css_prtstart_cloudapps_reg_brand_info {
    position: relative;
    /*left: 25px;
    top: 10px;*/
    /*cursor: pointer;*/
    /*max-width: 280px;*/
    color: darkcyan;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    margin: 10px auto 0 0;
    /*text-align: center;*/
    max-height: 100px;
    overflow-x: hidden;
}

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

.css_prtstart_cloudapps_create_brand_lbl {
    position: relative;
    color: darkcyan;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    margin: 10px auto 0 10px;
}

.css_prtstart_cloudapps_reg_brand_infotext {
    position: relative;
    /*left: 25px;
    top: 10px;*/
    /*cursor: pointer;*/
    /*max-width: 280px;*/
    color: darkslategray;
    font-family: Avenir Medium;
    font-size: 12px;
    /*font-weight: bold;*/
    margin: 20px 10px 10px 10px;
    /*text-align: center;*/
}

.css_appmgr_cloudapps_start_brand_action_cont {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.css_prtstart_cloudapps_reg_brand_action_cont {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.css_prtstart_cloudapps_addapp_menu_cont {
    text-align: left;
    width: 100%;
    max-width: 800px;
    margin: 20px auto 20px auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

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

.css_prtstart_cloudapps_addapp_bndlogo_preview_cont {
    margin: 20px auto 10px auto;
    text-align: center;
    cursor: pointer;
}

.css_prtstart_cloudapps_addapp_bndlogo_preview {
    max-width: 200px;
    max-height: 100px;
    height: 100%;
    /* width: 80px; */
    border: none;
    /* margin: 10px auto; */
}

.css_prtstart_cloudapps_addapp_bndlogo_imgname {
    /*width: 100%;*/
    text-align: center;
    color: #000000;
    font-family: Poppins;
    font-size: 14px;
    margin: 10px;
    cursor: pointer;
}

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

.css_prtstart_cloudapps_addapp_create_cats_itempanel {
    position: relative;
    display: flex;
    flex-direction: column;
    /*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: left;
}

.css_prtstart_cloudapps_addapp_create_cats_items {
    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;
}

.css_prtstart_cloudapps_addapp_catselboxsep {
    position: relative;
    height: 5px;
    border-top: 1px solid #aaaaaa;
    margin-top: 10px;
}

.css_prtstart_cloudapps_addapp_catselbox {
    position: relative;
    /*right: 180px;
    top: 0;*/
    text-align: left;
}

.css_prtstart_cloudapps_addapp_catselboxmini {
    position: relative;
    /*top: 5px;
    left: 5px;*/
    text-align: left;
    color: #FFFFFF;
    font-family: "Avenir Medium";
    font-size: 12px;
    height: 30px;
    width: 15px;
    display: inline-block;
    /*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: 10px;
    padding-top: 5px;
    cursor: pointer;
}

.css_prtstart_cloudapps_addapp_create_cats_infotitle {
    position: relative;
    /*left: 25px;
    top: 10px;*/
    cursor: pointer;
    /*max-width: 280px;*/
    color: #000000;
    font-family: Avenir Medium;
    font-size: 16px;
    /*text-align: center;*/
}

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

.css_prtstart_cloudapps_addapp_create_cats_hubid {
    position: relative;
    /*left: 25px;
    top: 10px;*/
    cursor: pointer;
    /*max-width: 280px;*/
    color: #D2D2D2;
    font-family: Avenir Medium;
    font-size: 12px;
    /*font-weight: bold;
    text-align: center;*/
}

.css_prtstart_cloudapps_addapp_create_cats_catname {
    position: relative;
    /*left: 25px;
    top: 10px;*/
    cursor: pointer;
    /*max-width: 280px;*/
    /*color: dodgerblue;*/
    font-family: Avenir Medium;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    color: darkgreen
}


.css_prtstart_cloudapps_addapp_create_cats_catnameprompt {
    position: relative;
    /*left: 25px;
    top: 10px;*/
    cursor: pointer;
    /*max-width: 280px;*/
    /*color: dodgerblue;*/
    font-family: Avenir Medium;
    font-size: 16px;
    /*font-weight: bold;*/
    text-align: left;
    color: black;
    height: 20px;
    margin: 0;
}

.css_prtstart_cloudapps_addapp_create_cats_setcatname {
    position: relative;
    /*left: 25px;
    top: 10px;*/
    /*cursor: pointer;*/
    /*max-width: 280px;*/
    /*color: dodgerblue;*/
    font-family: Avenir Medium;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    color: black;
}

.css_prtstart_cloudapps_addapp_create_cats_catid {
    position: relative;
    /*left: 25px;
    top: 10px;*/
    cursor: pointer;
    /*max-width: 280px;*/
    color: #D2D2D2;
    font-family: Avenir Medium;
    font-size: 12px;
    /*font-weight: bold;*/
    text-align: left;
    margin-left: 10px;
}

.css_prtstart_cloudapps_addapp_create_cats_panel_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;
}



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

.css_prtstart_cloudapps_addapp_registration_cont {
    background-color: #f1f0f0;
    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: 20px;
    padding: 20px;
    width: 100%;
    max-width: 600px;
    text-align: left;
}

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

.div_cloudapps_addapp_portal_title {
    font-family: Quicksand;
    font-size: 24px;
    font-weight: bold;
    color: dodgerblue;
    margin: 20px auto 5px 0;
}

.div_cloudapps_addapp_portal_subtitle {
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 300;
    /* font-weight: bold; */
    color: black;
    margin: 5px auto 10px 0;
    background-color: #eeeeee;
    border-radius: 4px;
    padding: 5px 10px;
    border: 1px solid silver;
}


.css_cldapps_butt_container {
    position: relative;
    text-align: center;
    margin: 20px auto 40px auto;
    /*padding: 10px;*/
    background-color: white;
    color: dodgerblue;
    border: 2px solid #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_butt_container:hover {
        color: white;
        background-color: dodgerblue;
    }

.css_cldapps_starticn_img {
    position: absolute;
    top: 7px;
    left: 5px;
    border-radius: 8px;
    height: 83px;
    width: 120px;
}

.css_cldapps_butt_title {
    position: absolute;
    left: 145px;
    top: 15px;
    font-family: Quicksand;
    font-size: 24px;
    font-weight: bold;
    /*color: dodgerblue;*/
}

.css_cldapps_butt_subtitle {
    position: absolute;
    left: 145px;
    top: 45px;
    font-family: Quicksand;
    font-size: 12px;
    /*color: dodgerblue;*/
}

.css_main_links_container {
    text-align: center;
    margin: 20px auto 20px auto;
    /*padding: 10px;*/
    background-color: white;
    border: 1px solid #D2D2D2;
    /*border-radius: 5px;*/
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    /*display: flex;
    flex-direction: row;
    flex-wrap: nowrap;*/
    display: inline-flex;
    width: 100%;
}

.css_mini_links_button {
    position: relative;
    height: 52px;
    /*width: 54px;*/
    border: 1px solid #D2D2D2;
    background-color: white;
    /*border-radius: 5px;*/
    cursor: pointer;
    padding-top: 6px;
    /*padding-left: 4px;*/
    margin: 2px;
    width: 100%;
    text-align: center;
}

.css_mini_links_subtext {
    position: absolute;
    left: 0px;
    top: 30px;
    width: 100%;
    text-align: center;
    font-family: Quicksand;
    font-size: 10px;
    font-weight: bold;
    color: dodgerblue;
    margin: 0px;
    padding: 0px;
}

.css_admin_links_container {
    text-align: center;
    margin: 20px auto 20px auto;
    padding: 0 1px 2px;
    background-color: white;
    border: 1px solid #1e90ff;
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: space-around;
    width: fit-content;
}

.css_admin_links_button {
    position: relative;
    height: 52px;
    width: 52px;
    background-color: dodgerblue;
    border-radius: 26px 26px 26px 26px;
    cursor: pointer;
    padding-top: 8px;
    padding-left: 4px;
    margin: 2px;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
}

    .css_admin_links_button:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
    }

.css_admin_linkstatus_button_ok {
    position: relative;
    height: 52px;
    width: 52px;
    background-color: darkgreen;
    border-radius: 26px 26px 26px 26px;
    cursor: pointer;
    padding-top: 8px;
    padding-left: 4px;
    margin: 2px;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
}

    .css_admin_linkstatus_button_ok:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
    }

.css_admin_linkstatus_button_warn {
    position: relative;
    height: 52px;
    width: 52px;
    background-color: darkorange;
    border-radius: 26px 26px 26px 26px;
    cursor: pointer;
    padding-top: 8px;
    padding-left: 4px;
    margin: 2px;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
}

    .css_admin_linkstatus_button_warn:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
    }

.css_admin_linkstatus_button_error {
    position: relative;
    height: 52px;
    width: 52px;
    background-color: darkred;
    border-radius: 26px 26px 26px 26px;
    cursor: pointer;
    padding-top: 8px;
    padding-left: 4px;
    margin: 2px;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
}

    .css_admin_linkstatus_button_error:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
    }

.css_admin_links_subtext {
    position: absolute;
    left: 0px;
    top: 30px;
    width: 100%;
    text-align: center;
    font-family: Poppins;
    font-size: 8px;
    color: white;
    margin: 0px;
    padding: 0px;
}

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

.css_portal_home_module_button {
    cursor: pointer;
    text-align: center;
    margin: 10px auto;
    max-width: 140px;
}

.css_portal_home_option_button {
    cursor: pointer;
    text-align: center;
    margin: 0;
    padding: 0;
}

div.carTitle {
    font-size: 15pt;
    padding: 30px 0 5px 0;
}


.invngrInvHeadInfo {
    line-height: 24px;
}


div.invngrInvHeadTitle {
    font-size: 15pt;
    padding: 30px 0 5px 0;
}


.invngrInvHeadBackground {
    background-position: right bottom;
    background-repeat: no-repeat;
    height: 380px;
    border-top: 1px solid #dae2e8;
    border-bottom: 1px solid #dae2e8;
    padding: 20px 20px 10px 30px;
}


.carBackground {
    background-position: right bottom;
    background-repeat: no-repeat;
    height: 290px;
    border-top: 1px solid #dae2e8;
    border-bottom: 1px solid #dae2e8;
    padding: 20px 20px 10px 30px;
}


.cashsheetBackground {
    background-position: right bottom;
    background-repeat: no-repeat;
    height: 360px;
    border-top: 1px solid #dae2e8;
    border-bottom: 1px solid #dae2e8;
    padding: 20px 20px 10px 30px;
}


.carInfo {
    line-height: 24px;
}


.cloudorderBackground {
    background-position: right bottom;
    background-repeat: no-repeat;
    height: 175px;
    border-top: 1px solid #dae2e8;
    border-bottom: 1px solid #dae2e8;
    padding: 20px 20px 10px 30px;
}

.orderInfo {
    line-height: 24px;
}

hr.lineSeparator {
    color: #a9b5be;
    background-color: #a9b5be;
    height: 1px;
    border: none;
}

.captiva_admin_license_config_section {
    width: 100%;
    margin: 30px auto;
    padding: 3px;
    background-color: rgba(0,0,0,0.07);
    border: 1px solid rgba(0,0,0,0.7);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.css_captiva_cardbody_lite {
    margin: 0;
    padding: 0;
}

.css_storesetup_radlistbox {
    margin: 10px;
    height: 100%;
    width: 100%;
}

.captiva_store_license_config_section {
    width: 100%;
    margin: 10px auto 10px auto;
    padding: 3px;
    background-color: rgba(0,0,0,0.07);
    border: 1px solid rgba(0,0,0,0.7);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}


.css_mktmgr_dash_title_section {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 30px auto;
    padding: 3px 10px;
    background-color: whitesmoke;
    border: 2px solid silver;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.css_mktmgr_dash_campaign_title_text {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    margin: 5px auto 0 0;
}

.css_mktmgr_dash_campaign_subtitle_text {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    margin: 5px auto 0 0;
}

.css_mktmgr_dash_campaign_id_text {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    color: silver;
    margin: 5px auto 0 0;
}

.css_mktmgr_dash_campaign_gentitle_text {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    margin: 5px auto 0 0;
}

.css_mktmgr_dash_campaign_gentitle_popup_icn {
    cursor: pointer;
    margin-left: 5px;
    text-decoration: none;
}

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

.css_mktmgr_dash_instruct_text {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    color: darkslategray;
}

.css_mktmgr_dash_campaign_properties_text {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    color: darkslategray;
    margin: 10px auto 0 0;
}

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

.css_mktmgr_dash_campaign_highlight_block_green {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    margin: 5px 10px;
    padding: 10px;
    font-family: Poppins;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    background-color: #d4edda;
}

.css_mktmgr_dash_campaign_highlight_block_blue {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    margin: 5px 10px;
    padding: 10px;
    font-family: Poppins;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    background-color: #d1ecf1;
}

.css_mktmgr_dash_campaign_highlight_block_pink {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    margin: 5px 10px;
    padding: 10px;
    font-family: Poppins;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    background-color: #f8d7da;
}


.css_mktmgr_dash_campaign_highlight_block_label {
    font-size: 12px;
    font-weight: 500;
    background-color: darkslategray;
    color: white;
    padding: 0 5px;
    text-align: left;
    margin: 0 auto 5px 0;
    border-radius: 3px;
}

.css_mktmgr_dash_campaign_highlight_block_line1 {
    font-size: 16px;
    font-weight: 600;
    color: darkslategray;
}

.css_mktmgr_dash_campaign_highlight_block_line2 {
    font-size: 14px;
    font-weight: 500;
    color: darkslategray;
}

.css_mktmgr_dash_campaign_highlight_block_line3 {
    font-size: 12px;
    font-weight: 400;
    color: darkslategray;
}

.css_mktmgr_dash_campaign_data_section {
    margin: 20px auto;
    padding: 10px;
    border: 1px solid silver;
}

.css_mktmgr_dash_campaign_data_section_title {
    font-size: 14px;
    font-weight: 500;
    color: darkslategray;
}

}

.captiva_mktmgr_general_section {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 3px 10px;
    background-color: rgba(0,0,0,0.07);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captiva_pbrandapp_configmode_menubar_section {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 10px;
    background-color: rgba(0,0,0,0.07);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captiva_pbrandapp_designer_menubar_section {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 10px;
    background-color: rgba(0,0,0,0.07);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captiva_pbrandapp_mediacard_config_section {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 10px;
    background-color: rgba(0,0,0,0.07);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captiva_pbrandapp_designer_config_section {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 3px;
    background-color: rgba(0,0,0,0.07);
    border: 1px solid rgba(0,0,0,0.7);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captiva_pbrandapp_designer_phone_section {
    width: 90%;
    height: 100%;
    margin: 30px auto;
    padding: 3px;
    background-color: rgba(0,0,0,0.07);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captiva_phub_config_section {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 3px;
    background-color: rgba(0,0,0,0.07);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captiva_svc_account_config_section {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 3px;
    background-color: rgba(0,0,0,0.07);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captiva_exrate_config_section {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 3px;
    background-color: rgba(0,0,0,0.07);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.fw_lineSeparator {
    color: #a9b5be;
    background-color: #a9b5be;
    height: 1px;
    border: none;
    width: 200px;
    float: right;
}

.fw_weekselect_unhigh {
    color: rgba(0, 0, 0, 0.5);
    background-color: #fff;
    height: 45px;
    border: 1px solid #1e90ff;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    margin-top: 1px;
    cursor: pointer;
}

.fw_weekselect_high {
    color: #000000;
    background-color: rgba(0,0,0,0.07);
    height: 45px;
    border: 1px solid #1e90ff;
    border-radius: 5px;
    margin: 0px;
    padding: 0px;
    margin-top: 1px;
    cursor: pointer;
}


.fw_monthselect_unhigh {
    color: rgba(0, 0, 0, 0.5);
    background-color: #fff;
    height: 35px;
    border: 1px solid #1e90ff;
    border-radius: 0px;
    width: 100%;
    margin: 5px;
    padding: 5px;
    margin-top: 1px;
    text-align: center;
    cursor: pointer;
}

.fw_monthselect_high {
    color: #000000;
    background-color: rgba(0,0,0,0.07);
    height: 35px;
    border: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
    margin-top: 1px;
    text-align: center;
    cursor: pointer;
}

.fw_quarterselect_unhigh {
    color: rgba(0, 0, 0, 0.5);
    background-color: #fff;
    height: 35px;
    border: 1px solid #1e90ff;
    border-radius: 0px;
    width: 100%;
    margin: 5px;
    padding: 5px;
    margin-top: 1px;
    text-align: center;
    cursor: pointer;
}

.fw_customrangeselect_unhigh {
    color: rgba(0, 0, 0, 0.5);
    background-color: #fff;
    height: 35px;
    border: 1px solid #1e90ff;
    border-radius: 5px;
    width: 100%;
    margin: 5px;
    padding: 5px;
    margin-top: 1px;
    text-align: center;
    cursor: pointer;
}

.fw_quarterselect_high {
    color: #000000;
    background-color: rgba(0,0,0,0.07);
    height: 35px;
    border: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
    margin-top: 1px;
    text-align: center;
    cursor: pointer;
}


.fw_lineSeparatorsmlleft {
    color: #a9b5be;
    background-color: rgba(0,0,0,0.07);
    height: 1px;
    border: none;
    width: 200px;
    float: left;
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px;
}

.fw_lineSeparatorsmlright {
    color: #a9b5be;
    background-color: rgba(0,0,0,0.07);
    height: 1px;
    border: none;
    width: 200px;
    float: right;
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px;
}


.fw_lineSeparatorlrgleft {
    color: #a9b5be;
    background-color: rgba(0,0,0,0.07);
    height: 1px;
    border: none;
    width: 200px;
    float: left;
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px;
}

.fw_lineSeparatorlrgright {
    color: #a9b5be;
    background-color: rgba(0,0,0,0.07);
    height: 1px;
    border: none;
    width: 200px;
    float: right;
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px;
}

.fw_lineSeparatorphub_mini {
    color: #a9b5be;
    background-color: rgba(0,0,0,0.07);
    height: 1px;
    border: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
    margin-bottom: 0px;
}

.bookNowTitle {
    font-size: 20px;
}



.bookNowFrame {
    padding: 20px 0 20px 20px;
}



.RadWindow .rwCorner .rwTopLeft,
.RadWindow .rwTitlebar,
.RadWindow .rwCorner .rwTopRight,
.RadWindow .rwIcon,
.RadWindow table .rwTopLeft,
.RadWindow table .rwTopRight,
.RadWindow table .rwFooterLeft,
.RadWindow table .rwFooterRight,
.RadWindow table .rwFooterCenter,
.RadWindow table .rwBodyLeft,
.RadWindow table .rwBodyRight,
.RadWindow table .rwTitlebar,
.RadWindow table .rwTopResize,
.RadWindow table .rwStatusbar {
    display: none;
}



div.RadGrid_WebBlue .rgFilterRow td {
    padding-bottom: 4px;
    padding-top: 8px;
}



.rbDecorated {
    padding-right: 10px !important;
}



span.RadButton {
    vertical-align: top;
}



/*Page Layout*/

.gridHeader {
    position: relative;
    background-image: url(Images/btns.png);
    background-repeat: no-repeat;
    background-position: 100% -80px;
    padding-right: 161px;
}



    .gridHeader > div {
        background: #9ad0da url("Images/header.png") no-repeat;
        height: 80px;
        margin: 0;
    }



    .gridHeader button.saveButton,
    .gridHeader button.loadButton {
        height: 80px;
        width: 80px;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        background: url(Images/btns.png) no-repeat 0 0;
        overflow: hidden;
        border: 0 none;
        border-radius: 0;
    }



    .gridHeader .saveButton span,
    .gridHeader .loadButton span {
        text-indent: -9999px;
        display: block;
    }



    .gridHeader button.saveButton {
        right: 81px;
        background-position: -80px 0;
    }



* + html .invmgrselacc-container {
    max-width: 1040px;
}



div.invmgrselacc-container {
    border: 0 none;
    padding: 0;
}


* + html .invmgraccviewer-container {
    max-width: 1040px;
}



div.invmgraccviewer-container {
    border: 0 none;
    padding: 0;
}

div.captiva_svc_header_container {
    position: relative;
    display: block;
    margin: 5px auto;
    padding: 5px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 0px;
    box-shadow: 0 1px 2px #808080;
    height: 300px;
}

.captiva_svc_heading {
    font-family: Quicksand;
    font-size: 20px;
    margin: 0px;
    padding: 5px;
}

.captiva_svc_section_title {
    font-family: Quicksand;
    font-size: 14px;
    margin: 0px;
    padding: 5px;
}

.captiva_svc_section_details {
    font-family: Quicksand;
    font-size: 12px;
    margin: 0px;
    padding: 5px;
}

div.captiva_svc_card_container {
    position: relative;
    display: block;
    margin: 5px auto;
    padding: 10px;
    vertical-align: central;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 0px;
    box-shadow: 0 1px 2px #808080;
    height: 300px;
}

.captiva_svc_data_section_container {
    position: relative;
    display: block;
    margin: 5px auto;
    padding: 5px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 0px;
    box-shadow: 0 1px 2px #808080;
    height: 100%;
    width: 100%;
}

.captiva_svc_data_section_heading {
    font-family: Quicksand;
    font-size: 14px;
    margin: 0px;
    padding: 5px;
}

.captiva_svc_data_section_details {
    font-family: Quicksand;
    font-size: 12px;
    margin: 5px auto;
    padding: 5px;
}

.captiva_svc_card_image {
    height: 80%;
    width: 80%;
    display: block;
    margin: auto;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 0px;
    box-shadow: 0 1px 2px #808080;
}
 

div.captiva_rpt_selector_object_container {
    margin: 5px auto;
    padding: 5px;
    background-color: #fff;
    height: 300px;
}

div.captiva_loyalty_header_container {
    position: relative;
    display: block;
    margin: 5px auto;
    padding: 5px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 0px;
    box-shadow: 0 1px 2px #808080;
    height: 300px;
}

div.captiva_loyalty_card_container {
    position: relative;
    display: block;
    margin: 5px auto;
    padding: 10px;
    vertical-align: central;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 0px;
    box-shadow: 0 1px 2px #808080;
    height: 300px;
}

.captiva_loyalty_card_image {
    height: 80%;
    width: 80%;
    display: block;
    margin: auto;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 0px;
    box-shadow: 0 1px 2px #808080;
}

.captiva_loyalty_heading {
    font-family: Quicksand;
    font-size: 20px;
    margin: 0px;
    padding: 5px;
}

.captiva_brandappmembers_heading {
    font-family: Quicksand;
    font-size: 20px;
    margin: 0px;
    padding: 5px;
}

.captiva_loyalty_section_title {
    font-family: Quicksand;
    font-size: 14px;
    margin: 0px;
    padding: 5px;
}

.captiva_brandappmembers_section_title {
    font-family: Quicksand;
    font-size: 14px;
    margin: 0px;
    padding: 5px;
}

.captiva_loyalty_section_details {
    font-family: Quicksand;
    font-size: 12px;
    margin: 0px;
    padding: 5px;
}

.captiva_loyalty_button {
    font-family: Quicksand;
    font-size: 10px;
    margin: 5px auto;
    padding: 5px;
}

.captiva_loyalty_data_section_container {
    position: relative;
    display: block;
    margin: 5px auto;
    padding: 5px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 0px;
    box-shadow: 0 1px 2px #808080;
    height: 100%;
    width: 100%;
}

.captiva_loyalty_data_section_heading {
    font-family: Quicksand;
    font-size: 14px;
    margin: 0px;
    padding: 5px;
}

.captiva_loyalty_data_section_details {
    font-family: Quicksand;
    font-size: 12px;
    margin: 5px auto;
    padding: 5px;
}

div.captiva-group-halfblock-blue {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #4286f4;
    border: 1px solid #dddddd;
    height: 150px;
}

* + html .svcmgrselacc-container {
    max-width: 1040px;
}



div.svcmgrselacc-container {
    border: 0 none;
    padding: 0;
}


* + html .svcmgraccviewer-container {
    max-width: 1040px;
}



div.svcmgraccviewer-container {
    border: 0 none;
    padding: 0;
}





/** Combobox containers IN MANAGE SYS USERS*/


div.loginas_groups {
    left: 61px;
}

div.loginas_users {
    left: 330px;
}

div.manuser_up_grouplist {
    left: 61px;
}

div.manuser_up_pagelib {
    left: 330px;
}


.gallery-container {
    border-spacing: 0;
    margin: 0 auto;
}

    .gallery-container tr, .gallery-container td {
        padding: 0;
    }

.previewPane {
    background-color: #fff;
    background-image: url(images/previewPaneBg.gif);
    background-repeat: no-repeat;
}

.infoPane {
    background-color: #fff;
    background-image: url(images/infoPaneBg.gif);
    background-repeat: no-repeat;
}

.infoPaneBg {
    margin-top: 20px;
    background-color: #fff;
    background-image: url(images/grayBg.gif);
    background-repeat: no-repeat;
    height: 240px;
    width: 800px;
}

.imageDetailsHeader {
    font: bold 20px Arial, Verdana, Helvetica, Sans-serif;
    color: #666666;
    margin-top: 20px;
    margin-left: 30px;
    margin-bottom: 5px;
}

.details {
    font: normal 16px Arial, Verdana, Helvetica, Sans-serif;
    color: #666666;
    margin-left: 30px;
    width: 800px;
    vertical-align: middle;
    margin-bottom: 4px;
}

.detailsTxtBox {
    font: normal 11px Arial, Verdana, Helvetica, Sans-serif;
    color: #666666;
    height: 13px;
    border: solid 1px #ccc;
}

a.editBtns, a.editBtns:link, a.editBtns:visited, a.editBtns:active, a.editBtns:focus {
    text-decoration: none;
    border: solid 1px #808080;
    display: inline-block;
    width: 50px;
    font: bold 11px Arial, Verdana, Helvetica, Sans-serif;
    text-align: center;
    margin-top: 4px;
    background-color: #e8e8e8;
    color: #808080;
}

    a.editBtns:hover {
        color: #3b3b3b;
    }

.thumbsViewer {
    background-color: #fff;
    background-image: url(images/thumbsBg.gif);
}

.RotatorImage {
    margin: 0px 11px;
    cursor: pointer;
}

.itemTemplate {
    text-align: center;
    padding: 20px;
    border: solid 1px #dddddd !important;
    font-size: 12px;
}


a.capmorelink {
    text-decoration: none;
    outline: none;
}

.capmorecontent span {
    display: none;
}

.capcomment {
    width: 300px;
    background-color: transparent;
    margin: 10px;
    font-size: smaller;
}

.css_phubpublisher_publish_buttons_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    border-top: 2px dashed silver;
    border-bottom: 2px dashed silver;
}

.css_phubpublisher_publish_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: 10px;
    padding: 10px 20px;
    cursor: pointer;
}

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

.css_phubpublisher_publish_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_phubpublisher_publish_lastcontent_button {
    text-align: center;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    /*height: 40px;*/
    /*width: 80%;*/
    border-radius: 8px;
    background-color: cornflowerblue;
    border: 2px solid dodgerblue;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin: 10px auto;
    padding: 10px 20px;
    cursor: pointer;
}

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

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

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

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

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

.css_phubpublisher_publish_main_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_phubpublisher_publish_bar_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: 10px auto;
    padding: 10px 20px;
    cursor: pointer;
}

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

.css_phubpublisher_publish_bar_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;
}


.captivabi_prodhub_editor_edit_section {
    margin: 30px auto;
    padding: 3px;
    background-color: #fff;
    border: 1px solid #1e90ff;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px #1a65af;
    cursor: pointer;
}

.captivabi_prodhub_editor_container {
    /*width: 100%;
    height: 100%;*/
    margin: 30px auto;
    padding: 3px;
    background-color: #fff;
    border: 1px solid #1e90ff;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px #1a65af;
    cursor: pointer;
}

.captivabi_phub_publish_panel_publisher {
    text-align: left;
    position: relative;
    width: 100%;
    max-width: 500px;
    height: 100%;
    margin: 30px auto;
    padding: 30px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captivabi_phub_publish_panel {
    position: relative;
    width: 100%;
    height: 100%;
    /*margin: 30px auto;*/
    padding: 30px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

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

.css_phubpublisher_storespanel_title_label {
    position: relative;
    /*width: 100%;*/
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    /*max-width: 800px;*/
    padding: 10px;
    background-color: darkkhaki;
    border: 1px solid #fccc2f;
    border-radius: 1px;
    font-family: Quicksand;
    color: #FFFFFF;
    font-size: 18px;
}

.css_phubpublisher_storespanel_canvas_displayarea {
    text-align: left;
    padding: 10px;
    -ms-overflow-style: none;
}

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

.css_phubpublisher_storespanel_canvas {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
    width: 100%;
    min-width: 230px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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

.css_phubpublisher_storespanel_store_elementpanel {
    text-align: left;
    position: relative;
    display: inline-block;
    /*height: 160px;*/
    width: 250px;
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    /*cursor: pointer;*/
}

.css_phubpublisher_storespanel_store_elementborder_blue {
    border: 2px solid dodgerblue;
}

.css_phubpublisher_storespanel_store_elementborder_darkgreen {
    border: 2px solid darkgreen;
}

.css_phubpublisher_storespanel_store_elementborder_darkorange {
    border: 2px solid darkorange;
}

.css_phubpublisher_storespanel_store_elementborder_darkred {
    border: 2px solid darkred;
}

.css_phubpublisher_storespanel_status_textlbl {
    color: darkslategray;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_phubpublisher_storespanel_interaction_textlbl {
    color: darkslategray;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_phubpublisher_storespanel_install_textlbl {
    color: slategray;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_phubpublisher_storespanel_installstatus_textlbl {
    color: darkmagenta;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_phubpublisher_storespanel_installresponse_textlbl {
    color: slategray;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_phubpublisher_storespanel_lastinstalldte_textlbl {
    color: slategray;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_phubpublisher_storespanel_publishuser_textlbl {
    color: royalblue;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_phubpublisher_storespanel_store_image {
    position: relative;
    /*top: 10px;
    right: 10px;*/
    height: 30px;
    object-fit: contain;
    /*width: 30px;*/
    /*margin-top: 0;*/
    /*background-color: rgba(0,0,0,0.07);*/
    border: none;
    /*border-radius: 4px 4px 4px 4px;*/
    margin: 5px;
}

.css_phubpublisher_storespanel_storename_textlbl {
    /*width: 100%;*/
    color: dodgerblue;
    font-family: Poppins;
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
    cursor: pointer;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.css_phubpublisher_storespanel_store_div {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.css_phubpublisher_storespanel_storeid_textlbl {
    position: relative;
    /*width: 100%;*/
    color: rgba(0,0,0,0.7);
    font-family: Poppins;
    font-size: 14px;
    font-weight: normal;
    margin: 5px;
    text-align: left;
    padding-left: 10px;
}

.css_phubpublisher_storespanel_diviconcont {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 30px;
    width: 30px;
    cursor: pointer;
}

.radgrid_rounded_corners {
    border-radius: 10px;
    overflow: hidden;
}

.captivabi_prodview_chart_panel {
    width: 100%;
    height: 100%;
    margin: 10px auto;
    padding: 20px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captivabi_deptdash_kpi_panel {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 30px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
/** Graphs*/
.captivabi_sparklinepanel {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 30px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captivabi_sparklinechartpanel {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 30px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captivaphub_statpanel {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 0px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captivaphub_stationpanel {
    width: 100%;
    height: 100%;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captivabi_cardpanel {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 30px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captivabi_ls_store_cardpanel {
    width: 100%;
    height: 90%;
    margin: 30px auto;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captivabi_spreadsheetmenupanel {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 30px;
    background: #4286f4;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.fw_cardstorename_text {
    font-size: 18px;
    color: #000000;
}

.fw_cardstoresubtext_main {
    font-size: 18px;
    color: #000000;
}

.fw_cardstorevpossiteidtext_sub {
    font-size: 10px;
    color: #808080;
    margin: 0px;
    padding: 0px;
}

.fw_captivabi_desctext_sub {
    font-size: 10px;
    color: #808080;
    margin: 0px;
    padding: 0px;
}

.fw_cardstoresubtext_sub {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
    margin: 0px;
    padding: 0px;
}

.fw_cardstoresubtextb_main {
    font-size: 14px;
    color: #000000;
}

.fw_cardstoresubtextb_sub {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.5);
    margin: 0px;
    padding: 0px;
}

.captivabi_carddaterange_sel {
    width: 320px;
    height: 430px;
    margin: 30px auto;
    padding: 10px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    margin-bottom: 0px;
}


.captivabi_carddaterange_week_sel {
    width: 320px;
    height: 475px;
    margin: 30px auto;
    padding: 10px;
    background: rgba(0,0,0,0.07);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    margin-bottom: 0px;
}

.captivabi_carddaterange_quarter_sel {
    width: 320px;
    height: 380px;
    margin: 30px auto;
    padding: 10px;
    background: rgba(0,0,0,0.07);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    margin-bottom: 0px;
}

.captivabi_carddaterange_customrange_sel {
    width: 320px;
    height: 450px;
    margin: 30px auto;
    padding: 10px;
    background: rgba(0,0,0,0.07);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    margin-bottom: 0px;
}

.captivabi_carddaterange_year_sel {
    width: 320px;
    height: 300px;
    margin: 30px auto;
    padding: 10px;
    background: rgba(0,0,0,0.07);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    margin-bottom: 0px;
}

.captivabi_carddaterange_month_sel {
    width: 320px;
    height: 380px;
    margin: 30px auto;
    padding: 10px;
    background: rgba(0,0,0,0.07);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    margin-bottom: 0px;
}

.captivabi_carddaterange_day_sel {
    width: 100%;
    margin: 30px auto;
    padding: 10px;
    background: rgba(0,0,0,0.07);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    margin-bottom: 0px;
}

.Captiva_storereportRotatorimage {
    object-fit: scale-down;
}

.Captiva_storereportRemoveRotatorBorder {
    /* The following style removes the border of the rotator that is applied to the items wrapper DIV of the control by default, in case the control renders buttons.             In case you want to removed this border, you can safely use this CSS selector. */
    border: 0 none;
}

.captiva_tutorialmainpanel {
    width: 100%;
    height: 430px;
    margin: 30px auto;
    padding: 10px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    margin-bottom: 0px;
}

.captivabi_saleschartmainpanel {
    width: 95%;
    height: 430px;
    margin: 30px auto;
    padding: 10px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    margin-bottom: 0px;
}

.fw_weekselect_text {
    font-size: 18px;
    color: #808080;
    top: 20px;
    text-align: center;
}

.fw_weekminselect_text {
    text-align: center;
    font-family: Quicksand;
    font-size: 8px;
    color: #808080;
}

.fw_monthminselect_text {
    text-align: center;
    font-family: Quicksand;
    font-size: 12px;
    color: #808080;
}

.fw_customrangeminselect_text {
    text-align: center;
    font-family: Quicksand;
    font-size: 12px;
    color: #808080;
}

.fw_monthselect_text {
    font-family: Quicksand;
    font-size: 16px;
    color: #808080;
    top: 20px;
    text-align: center;
}

.fw_yearselect_text {
    font-family: Quicksand;
    font-size: 36px;
    color: #808080;
    top: 20px;
    text-align: center;
    cursor: pointer;
}

.fw_quarterselect_text {
    font-size: 20px;
    color: #808080;
    top: 20px;
    text-align: center;
}

.fw_customrangeselect_text {
    font-size: 20px;
    color: #808080;
    top: 20px;
    text-align: center;
}

.captiva_signinpanel-wrapper {
    width: 100%;
    height: 90%;
    margin: 30px auto;
    padding: 30px;
    background: rgba(0,0,0,0.01);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captivabi_defaultdash_bg {
    background: url(/Images/portal/homepage/welcome1200x600.jpg);
    background-position: center;
    width: 100%;
    height: 100%;
}

.captivabi_defaulthome_bg {
    background: url(/Images/portal/homepage/home_bw1200x600.jpg);
    background-position: center;
    width: 100%;
    height: 100%;
}

.captivabi_mktmgr_section_border {
    width: 100%;
    height: 100%;
    margin: 5px auto;
    padding: 5px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 0px;
    box-shadow: 0 1px 2px #808080;
}

.captiva_fullwidthsection_integratormenu {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 3px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px #808080;
}

.captivabi_fullwidthheaderpanel-wrapper {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 30px;
    background: url(/Images/fireworks/captivabi_mast.jpg);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captivabi_fullwidthheadernav {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 30px;
    background-color: lightgray;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captivabi_fullwidthcashsheet_head_menubar {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 3px;
    background-color: #dddddd;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.css_v2_top_menubar_cont {
    /*width: 100%;
    height: 100%;*/
    display: flex;
    margin: 30px auto;
    padding: 3px;
    background-color: #dddddd;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.css_v2_top_menubar_butt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    min-width: 50px;
    padding: 5px;
    margin: 5px;
    border: 2px solid steelblue;
    border-radius: 5px;
    background-color: #ffffff;
    cursor: pointer;
}

    .css_v2_top_menubar_butt:hover {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
        border-width: 3px;
    }

.css_v2_top_menubar_butt_title_text {
    font-family: Poppins;
    font-size: 12px;
    color: steelblue;
    font-weight: 600;
}

.css_v2_top_menubar_butt_icon_row {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding-top: 10px;
    width: 80px;
}

.css_v2_top_menubar_butt_icon_bubble_darkred {
    color: white;
    background-color: darkred;
}

.css_v2_top_menubar_butt_icon_bubble {
    position: absolute;
    top: 0;
    left: 40px;
    border-radius: 9px;
    height: 18px;
    width: 18px;
}

.css_v2_top_menubar_butt_icon_bubble_text {
    display: block;
    text-align: center;
    font-family: 'Poppins';
    font-size: 10px;
    font-weight: 600;
    margin-top: 2px;
}

.captivabi_fullwidthheader_menubar {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 3px;
    background-color: #dddddd;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captivabi_prodhubselect_menubar {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 3px;
    background-color: #fff;
    border: 1px solid #1e90ff;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px #1a65af;
    cursor: pointer;
}

.captivabi_cashheetsmenu_select_menubar {
    width: 100%;
    height: 100%;
    margin: 15px auto;
    padding: 8px;
    background-color: #fff;
    border: 1px solid #808080;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px #1a65af;
    cursor: pointer;
}

.captivabi_reportsmenu_select_menubar {
    width: 100%;
    height: 100%;
    margin: 15px auto;
    padding: 8px;
    background-color: #fff;
    border: 1px solid #1e90ff;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px #1a65af;
    cursor: pointer;
}

    .captivabi_reportsmenu_select_menubar:hover {
        box-shadow: 2px 3px 2px #1a65af;
        font-weight: 700;
    }

.captivabi_storedashboard_section_border {
    width: 100%;
    height: 100%;
    margin: 5px auto;
    padding: 5px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 0px;
    box-shadow: 0 1px 2px #808080;
}

.captivabi_fullwidthminiheaderpanel-wrapper {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 10px;
    background: rgba(0,0,0,0.01);
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-image: url('/images/fireworks/Captivacloudbanner.png');
    background-position: right;
    background-position-y: top;
    background-repeat: no-repeat;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captivabi_storesetuppanel {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 10px;
    background: rgba(0,0,0,0.01);
    font-family: Quicksand;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captivabi_fullwidthcloudformheaderpanel-wrapper {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 10px;
    background: rgba(0,0,0,0.01);
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-position: left;
    background-position-y: 1em;
    background-position-x: 1em;
    background-repeat: no-repeat;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}



.captiva_cloudreporttitlebannergraphup {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 10px;
    background: rgba(0,0,0,0.01);
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-position: left;
    background-position-y: 1em;
    background-position-x: 1em;
    background-repeat: no-repeat;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    background-image: url('/images/fireworks/cloudforms/graphup_36.png');
}

.captiva_kpi_box {
    display: inline-block;
    padding: 0 25px;
    max-width: 300px;
    height: 100%;
    font-size: 16px;
    border-radius: 5px;
    border-width: 2px;
    border-color: #f1f1f1;
}

.captiva_cloudformaddicon {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 10px;
    background: rgba(0,0,0,0.01);
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-position: left;
    background-position-y: 1em;
    background-position-x: 1em;
    background-repeat: no-repeat;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    background-image: url('/images/fireworks/cloudforms/add_36.png');
}

.captiva_cloudformediticon {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 10px;
    background: rgba(0,0,0,0.01);
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-position: left;
    background-position-y: 1em;
    background-position-x: 1em;
    background-repeat: no-repeat;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    background-image: url('/images/fireworks/cloudforms/Edit_36.png');
}

.captiva_cloudformdeleteicon {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 10px;
    background: rgba(0,0,0,0.01);
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-position: left;
    background-position-y: 1em;
    background-position-x: 1em;
    background-repeat: no-repeat;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    background-image: url('/images/fireworks/cloudforms/delete_36.png');
}

.captiva_buttonaddicon {
    background-image: url('/images/fireworks/cloudforms/add_36.png');
    background-position: center;
    height: 36px;
    width: 36px;
}

.captiva_buttonediticon {
    background-image: url('/images/fireworks/cloudforms/Edit_36.png');
    background-position: center;
    height: 36px;
    width: 36px;
}

.captiva_buttondeleteicon {
    background-image: url('/images/fireworks/cloudforms/delete_36.png');
    background-position: center;
    height: 36px;
    width: 36px;
}

.captiva_svc_accountsearchbox {
    margin: 30px auto;
    padding-left: 15px;
    padding-right: 25px;
    padding-bottom: 3px;
    background: rgba(0,0,0,0.01);
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: darkgray;
}

.captiva_searchboxwithicon {
    margin: 30px auto;
    padding-left: 15px;
    padding-right: 25px;
    padding-bottom: 3px;
    padding-top: 6px;
    background: rgba(0,0,0,0.01);
    background-position: right;
    background-repeat: no-repeat;
    border-radius: 25px 25px 25px 25px;
    border-width: 1px;
    border-style: solid;
    border-color: darkgray;
    background-image: url('/images/fireworks/cloudforms/search_grey_24.png');
}

.RadMap .k-tooltip-content {
    font-family: "Segoe UI",Segoe,"Roboto","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}

.RadMap .k-marker {
    color: green;
}


.phub_publisherMap {
    border: 1px solid #FFF;
    height: 80%;
    width: 80%;
    align-content: center;
    align-items: center;
    align-self: center;
}

.storesetup_locationMap {
    border: 1px solid #FFF;
    margin: 5px;
    padding: 5px;
}

.fullwidthpanel-wrapper {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 30px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNyIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.07) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.01)), color-stop(100%,rgba(0,0,0,0.07))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.07) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.07) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.07) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.07) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03000000', endColorstr='#12000000',GradientType=0 ); /* IE6-8 */
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.sparklines-wrapper {
    width: 420px;
    height: 100%;
    margin: 30px auto;
    padding: 30px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNyIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.07) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.01)), color-stop(100%,rgba(0,0,0,0.07))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.07) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.07) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.07) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.07) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03000000', endColorstr='#12000000',GradientType=0 ); /* IE6-8 */
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

    .sparklines-wrapper h2 {
        text-align: center;
    }

.flex-phub_pstat_container {
    display: flex;
    height: 300px;
    justify-content: center;
    align-items: center;
}

.phub_publisher_store_status_label {
    margin: 5px;
    padding: 0px;
    font-family: Quicksand;
    font-size: 12px;
    color: darkblue;
}

.phub_minicard_count {
    margin-top: 0px;
    padding: 0px;
    font-size: 20px;
    text-align: center;
}

.phub_minicard_label {
    margin-top: 0px;
    padding: 0px;
    font-size: 10px;
    text-align: center;
}

.phub_selproducts_label {
    margin: 5px;
    padding: 0px;
    font-family: Quicksand;
    font-size: 12px;
    color: darkgray;
}

.licensemanager_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: 12px;
    font-family: Quicksand;
    background-color: white;
    padding: 6px 20px 6px 20px;
    width: 100%;
}

.licensemanager_svcinfo_typetext {
    margin-top: 10px;
    padding: 0px;
    font-family: Quicksand;
    font-size: 22px;
    font-weight: bold;
    color: #1e90ff;
}

.licensemanager_svcinfo_desctext {
    margin-top: 10px;
    padding: 0px;
    font-family: Quicksand;
    font-size: 16px;
}

.licensemanager_svcinfo_accnametext {
    margin-top: 10px;
    padding: 0px;
    font-family: Quicksand;
    font-size: 18px;
    font-weight: bold;
}

.licensemanager_svcinfo_accidtext {
    margin-top: 10px;
    padding: 0px;
    font-family: Quicksand;
    font-size: 12px;
}

.licensemanager_svcinfo_notestext {
    margin-top: 10px;
    padding: 0px;
    font-family: Quicksand;
    font-size: 14px;
    font-weight: bold;
    color: darkorchid;
}

.captiva_search_general_text {
    margin-top: 0px;
    box-sizing: border-box;
    border-radius: 10px 10px 10px 10px;
    border-width: 1px;
    border-style: solid;
    border-color: darkgray;
    font-size: 12px;
    font-family: Quicksand;
    background-color: white;
    padding: 6px 20px 6px 20px;
}

.loyalty_dataentry_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: 12px;
    font-family: Quicksand;
    background-color: white;
    padding: 6px 20px 6px 20px;
    width: 100%;
}

.phub_hubconfig_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: 12px;
    font-family: Quicksand;
    background-color: white;
    padding: 6px 20px 6px 20px;
    width: 100%;
}

.phub_newprod_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: 6px 20px 6px 20px;
    width: 300px;
}

.phub_newprod_price {
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: darkgray;
    font-family: Quicksand;
    font-size: 16px;
    background-color: white;
    padding: 6px 20px 6px 20px;
    width: 150px;
    text-align: right;
}

.phub_newprod_general_dropdown {
    border: none;
    font-family: Quicksand;
    font-size: 16px;
    background-color: white;
    padding: 0px;
    width: 200px;
}

.phub_newprod_general_checkbox {
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    padding: 6px 10px 6px 10px;
    width: 300px;
}

.brandapp_designer_text_subheadlabel {
    border: none;
    font-size: 14px;
    font-family: Quicksand;
    color: #666666;
}

.brandapp_designer_text_headlabel {
    border: none;
    font-size: 20px;
    font-family: Quicksand;
    color: #1c5fd0;
}

.phub_newprod_item_label {
    border: none;
    font-size: 14px;
    font-family: Quicksand;
    background-color: white;
    color: #1c5fd0;
}

.phub_settings_text_headlabel {
    border: none;
    font-size: 20px;
    font-family: Quicksand;
    color: #1c5fd0;
}

.phub_settings_text_subheadlabel {
    border: none;
    font-size: 14px;
    font-family: Quicksand;
    color: #666666;
}

.phub_editgroupname_text {
    box-sizing: border-box;
    border: 2px solid #4286f4;
    border-radius: 4px;
    background-color: #a9b5be;
    padding: 6px 20px 6px 40px;
}

.phub_searchbox_text {
    border: none;
    font-size: 16px;
    font-family: Quicksand;
    background-color: white;
    color: black;
}

.store_setup_text_headlabel {
    border: none;
    font-size: 20px;
    font-family: Quicksand;
    background-color: white;
    color: #1c5fd0;
}

.store_setup_text_subheadlabel {
    border: none;
    font-size: 14px;
    font-family: Quicksand;
    background-color: white;
    color: #666666;
}

.store_setup_text_entryfield {
    border: none;
    font-size: 12px;
    font-family: Quicksand;
    background-color: white;
    color: black;
}

.store_setup_text_entryfield_label {
    border: none;
    font-size: 14px;
    font-family: Poppins;
    background-color: white;
    color: #666666;
}

.store_setup_entryfield_label_orange {
    border: none;
    font-size: 12px;
    font-family: Poppins;
    color: darkgoldenrod;
    font-weight: 600;
}

.css_store_setup_fireworks_reports_container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 5px;
}

.css_store_setup_fireworks_reports_section_title {
    font-family: Poppins;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
    margin-bottom: 10px;
}

.css_store_setup_fireworks_reports_label_title {
    font-family: Poppins;
    color: #000000;
    font-size: 12px;
    font-weight: 600;
}

.css_store_setup_fireworks_reports_label_subtitle {
    font-family: Poppins;
    color: #000000;
    font-size: 10px;
    font-weight: 400;
}

.css_store_setup_fireworks_report_req_section {
    margin: 5px;
    text-align: left;
}

.css_store_setup_fireworks_report_dates_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 5px;
    border: 1px solid silver;
}

.css_store_setup_fireworks_report_mini_lbl {
    font-family: Poppins;
    color: #000000;
    font-size: 12px;
    font-weight: 600;
    margin-right: 5px;
}

.css_store_setup_fireworks_report_req_cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 5px;
    border: 1px solid silver;
}

.css_store_setup_fireworks_report_req_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: darkgoldenrod;
    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_store_setup_fireworks_report_req_butt:hover {
        color: white;
        background-color: darkgoldenrod;
        border-color: white;
        font-weight: 600;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,1);
    }

.portal_storesetup_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: 12px;
    font-family: Quicksand;
    background-color: white;
    padding: 6px 20px 6px 20px;
    width: 100%;
}

.portal_storesetup_phubeditpermissions_text {
    font-family: Quicksand;
    font-size: 14px;
    color: rgba(0,0,0,0.7);
    margin: 5px;
    padding: 5px;
}

.fw_row {
    position: relative;
    margin-top: 1em;
}

.fw_heating {
    margin: 40px 0 0 0;
}

.fw_item, .fw_spark, .fw_stats {
    line-height: 60px;
}

.fw_item {
    display: inline-block;
    font-family: Quicksand;
    font-size: 12px;
    color: rgba(0,0,0,0.7);
}

.fw_value {
    display: inline-block;
    font-size: 12px;
    padding: 10px;
}

.fw_spark {
    text-align: center;
    padding: 0 5px;
}

.fw_stats {
    display: block;
}

.fw_pie-list {
    margin: 8px 0 0 0;
    padding: 0;
    list-style-type: none;
}

    .fw_pie-list li {
        display: inline-block;
        *zoom: 1;
        *display: inline;
    }

.imageWrapper {
    font: 13px "Segoe UI", Arial,Helvetica, sans-serif;
    color: #666;
    float: left;
    width: 194px;
    height: 150px;
    padding: 10px;
    cursor: pointer;
}

.playIcon {
    background: url(/images/icons/play_circle_outline_white_72.png) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.imageWrapper:hover {
    background: white;
    color: #000;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

    .thumbnailHolder img,
    .imageWrapper:hover .playIcon {
        display: block;
    }

.thumbnailHolder {
    display: block;
    position: relative;
    margin-bottom: 5px;
}

.timeLabel {
    background-color: rgba(0,0,0,0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3000000', endColorstr='#B3000000',GradientType=0 );
    font: bold 10px/14px "Segoe UI", Arial,Helvetica, sans-serif;
    color: white;
    bottom: 2px;
    right: 1px;
    width: 30px;
    text-align: center;
    position: absolute;
}

.RadMediaPlayer,
div.rltbDescriptionBox {
    margin-left: 50px;
    width: 600px;
}

.rltbItemTemplate {
    height: 336px;
}

.rmpFullscreen {
    margin-left: 0px;
}

div.RadLightBox .rltbWrapper {
    z-index: auto;
}

.RadLightBox .rltbToolbar {
    display: none;
}

.rltbOverlay {
    z-index: 350000 !important;
}

.RadLightBox {
    z-index: 360000 !important;
}

.size-custom {
    max-width: 642px;
}



/* New Group */


.background-blackmetrotouch .newgroup-container.wrapper,
.background-black .newgroup-container.wrapper,
.background-office2010black .newgroup-container.wrapper {
    background: #fff url(images/demo_bgn_dark.png) no-repeat;
}



    .background-blackmetrotouch .newgroup-container.wrapper .newgroup-content,
    .background-black .newgroup-container.wrapper .newgroup-content,
    .background-office2010black .newgroup-container.wrapper .newgroup-content {
        box-shadow: 0px 0px 0px 8px rgba(80,80,80,0.2);
    }



.newgroup-container.wrapper {
    background: #fff url(images/demo_bgn.png) no-repeat;
    width: 517px;
    height: 517px;
    padding: 0px;
    border: none;
}



.newgroup-content {
    position: relative;
    top: 130px;
    left: 77px;
    vertical-align: top;
    width: 300px;
    height: 240px;
    border-radius: 1px;
    box-shadow: 0px 0px 0px 8px rgba(120,132,132,0.2);
}



    .newgroup-content span {
        vertical-align: text-top !important;
        margin-bottom: 15px;
    }



.submitButton {
    margin-right: 15px;
}


.resultLabel {
    font-style: italic;
    font-size: 11px;
}

/*Wizard wrapper*/

#example .newstore-container {
    width: 725px;
    margin: 40px auto 80px;
    padding: 0 80px;
    border: 0;
    background: url(Images/shadow.png) no-repeat 0 bottom;
}



.newstore-container .wizardHeader {
    width: 100%;
    height: 50px;
    background: url(Images/header.jpg) no-repeat 0 0;
}



/*Wizard*/

.newstore-container .RadWizard {
    padding: 20px;
    border: 1px solid #f1f1f1;
    border-bottom: 0;
    box-shadow: 0 0 0 1px #fff;
}



.background-black .newstore-container .RadWizard,
.background-blackmetrotouch .newstore-container .RadWizard,
.background-glow .newstore-container .RadWizard,
.background-office2010black .newstore-container .RadWizard {
    border: 0;
    box-shadow: 0;
}





.rwzImage {
    background-image: url(Images/bread-crumb-icons.png);
}



html .RadWizard .rwzBreadCrumb span.rwzImage {
    width: 24px;
    height: 24px;
}



.newstore-container .vgNewStoreInfo.rwzImage {
    background-position: 0 0;
}

.newstore-container .rwzSelected .vgNewStoreInfo.rwzImage {
    background-position: -25px 0;
}

.newstore-container .rwzDisabled .vgNewStoreInfo.rwzImage {
    background-position: -50px 0;
}





.newstore-container .vgStoreFeatures.rwzImage {
    background-position: 0 -25px;
}

.newstore-container .rwzSelected .vgStoreFeatures.rwzImage {
    background-position: -25px -25px;
}

.newstore-container .rwzDisabled .vgStoreFeatures.rwzImage {
    background-position: -50px -25px;
}





.newstore-container .vgStoreSettings.rwzImage {
    background-position: 0 -50px;
}

.newstore-container .rwzSelected .vgStoreSettings.rwzImage {
    background-position: -25px -50px;
}

.newstore-container .rwzDisabled .vgStoreSettings.rwzImage {
    background-position: -50px -50px;
}





.newstore-container .vgNewStoreconfirmation.rwzImage {
    background-position: 0 -75px;
}

.newstore-container .rwzSelected .vgNewStoreconfirmation.rwzImage {
    background-position: -25px -75px;
}

.newstore-container .rwzDisabled .vgNewStoreconfirmation.rwzImage {
    background-position: -50px -75px;
}





.newstore-container .RadWizard .rwzContent {
    overflow: hidden;
    background-color: #f5f5f6;
    line-height: 2em;
    margin: 0 -20px;
    padding: 0 20px;
}



.background-black .newstore-container .rwzContent,
.background-blackmetrotouch .newstore-container .rwzContent,
.background-glow .newstore-container .rwzContent,
.background-office2010black .newstore-container .rwzContent {
    background-color: transparent;
    background-color: rgba(255,255,255,0.1);
}



.background-silver .newstore-container .rwzContent {
    background-color: transparent;
    background-color: rgba(255,255,255,0.5);
}



.background-sunset .newstore-container .rwzContent {
    background: #f9f5f0;
}



/*Wizard content*/

.newstore-container .inputWapper {
    display: inline-block;
    *display: inline;
    width: 320px;
    position: relative;
    zoom: 1;
}



    .newstore-container .inputWapper.first {
        margin-right: 35px;
    }



    .newstore-container .inputWapper label {
        display: block;
        margin: 5px 0 0;
    }



.newstore-container .validator {
    color: #ff0000;
    position: absolute;
    top: 10px;
    right: 0;
}



.newstore-container .anti-spam-policy {
    margin-top: 40px;
}



.newstore-container .conditions {
    display: block;
    color: #a7a7a7;
    font-size: 0.857em;
}

.newstore-container .inputWapper.date .riLabel {
    position: absolute;
}



.newstore-container .RadWizard .rwzStep {
    height: 100%;
    position: relative;
}



.newstore-container .RadWizard.rwzComplete {
    padding-top: 95px;
}



.newstore-container .rwzStep p {
    margin: 0;
    padding: 10px 0;
}



.newstore-container .RadWizard .complete {
    height: auto;
    padding: 75px 0;
    text-align: center;
}


/*Social Icons*/
.socialicon {
    position: relative;
    display: inline-block;
    width: 34px;
    margin-right: 5px;
    height: 34px;
}

.socialicon-twitter {
    background: url('../images/social/twitter.png') no-repeat;
}

.socialicon-facebook {
    background: url('../images/social/facebook.png') no-repeat;
}

.socialicon-google {
    background: url('../images/social/google.png') no-repeat;
}

.ccnavicon-home {
    background: url('/images/fireworks/outline_home_black_18dp.png') no-repeat;
}

.ccnavicon-reports {
    background: url('/images/fireworks/outline_insert_chart_outlined_black_18dp.png') no-repeat;
}

.ccnavicon-hubs {
    background: url('/images/fireworks/outline_list_black_18dp.png') no-repeat;
}

.ccnavicon-salesx36 {
    background: url('/images/fireworks/sales_36.png') no-repeat;
}

.ccnavicon-livesalesx36 {
    background: url('/images/fireworks/livesales_36.png') no-repeat;
}

.ccnavicon-productsx36 {
    background: url('/images/fireworks/products_36.png') no-repeat;
}

.ccnavicon-managex36 {
    background: url('/images/fireworks/manage_36.png') no-repeat;
}

.ccnavicon-storex36 {
    background: url('/images/fireworks/store_36.png') no-repeat;
}

.ccnavicon-fwmini_shortcut_stores36 {
    background: url('/images/fireworks/fwmini_shortcut_stores36.png') no-repeat;
}

.ccnavicon-hubsx36 {
    background: url('/images/fireworks/hubs_36.png') no-repeat;
}

.ccnavicon-fwmini_shortcut_sales_x36 {
    background: url('/images/fireworks/fwmini_shortcut_sales_x36.png') no-repeat;
}

.ccnavicon-fwmini_shortcut_qty_x36 {
    background: url('/images/fireworks/fwmini_shortcut_orders_x36.png') no-repeat;
}

.ccnavicon-fwmini_shortcut_visitors_x36 {
    background: url('/images/fireworks/fwmini_shortcut_visitors_x36.png') no-repeat;
}

.ccnavicon-fwmini_shortcut_tax_x36 {
    background: url('/images/fireworks/fwmini_shortcut_tax36.png') no-repeat;
}

.ccnavicon-fwmini_shortcut_discounts_x36 {
    background: url('/images/fireworks/fwmini_shortcut_discounts_x36.png') no-repeat;
}

.phubicon {
    position: relative;
    display: inline-block;
    width: 18px;
    margin-top: 0px;
    margin-right: 0px;
    height: 18px;
}

.ccnavicon-fwmini_shortcut_allprods_x36 {
    background: url('/images/fireworks/phubmini_allprods_18.png') no-repeat;
}

.ccnavicon-fwmini_shortcut_prod_std {
    background: url('/images/fireworks/departments/standard_18.png') no-repeat;
}

.ccnavicon-fwmini_shortcut_prod_combo {
    background: url('/images/fireworks/departments/combo_18.png') no-repeat;
}

.ccnavicon-fwmini_shortcut_prod_cbk {
    background: url('/images/fireworks/departments/cookbook_18.png') no-repeat;
}

.ccnavicon-fwmini_shortcut_prod_null {
    background: url('/images/fireworks/departments/null_18.png') no-repeat;
}

.ccnavicon-fwmini_shortcut_prod_open {
    background: url('/images/fireworks/departments/open_18.png') no-repeat;
}

.ccnavicon-fwmini_shortcut_prod_storecard {
    background: url('/images/fireworks/departments/storecard_18.png') no-repeat;
}

.ccnavicon-fwmini_shortcut_prod_weighed {
    background: url('/images/fireworks/departments/weighed_18.png') no-repeat;
}

.ccnavicon-fwmini_shortcut_prod_sortno {
    background: url('/images/fireworks/departments/sortno_18.png') no-repeat;
}

.ccnavicon-fwmini_shortcut_prod_stations {
    background: url('/images/fireworks/departments/stations_18.png') no-repeat;
}

.ccnavicon-fwmini_shortcut_prod_no_stations {
    background: url('/images/fireworks/departments/no_stations_18.png') no-repeat;
}

.ccnavicon-fwmini_prodowner_icon {
    margin-right: 2em;
}

.ccnavicon-fwmini_shortcut_prodowner_prodcount {
    width: 100%;
    height: 100%;
    margin: 1em auto;
    padding: 0px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.pbranapp_desginer_statsbar_maincmd_text {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 600;
    color: #000000;
    margin: 2px auto;
}

.pbranapp_desginer_menubar_maincmd_text {
    font-family: Quicksand;
    font-size: 18px;
    color: #000000;
}

.pbranapp_desginer_menubar_maincmd_subtext {
    font-family: Quicksand;
    font-size: 10px;
    color: rgba(0,0,0,0.7);
    margin: 0px;
    padding: 0px;
}

.pbranapp_desginer_statsbar_maincmd_subtext_top {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    color: rgba(0,0,0,0.7);
    margin: 2px auto;
    padding: 0px;
}

.pbranapp_desginer_statsbar_maincmd_subtext_btm {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    color: rgba(0,0,0,0.7);
    margin: 0px;
    padding: 0px;
}

.portal_navmenu_dropdown_title_text {
    font-family: Poppins;
    font-weight: 500;
    font-size: 10px;
    color: #1e90ff;
}

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

.portal_navmenu_dropdown_title_deletetext {
    font-family: Quicksand;
    font-size: 10px;
    color: darkred;
}

.portal_dash_storemenu_title_text {
    font-family: Quicksand;
    font-size: 10px;
    color: #1e90ff;
}

.portal_maincmd_text {
    font-family: Quicksand;
    font-size: 22px;
    color: #000000;
}


.css_brandapp_usertables_gridview_select_butt_cont {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 10px auto;
    border-radius: 6px;
    border: 2px solid silver;
    padding: 5px 10px;
}

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

.css_brandapp_usertables_gridview_select_butt_lbl {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    color: darkslategray;
    max-width: 300px;
    margin: 5px;
}

.css_brandapp_usertables_gridview_select_sms_butt {
    position: relative;
    width: 100px;
    text-align: center;
    background-color: cadetblue;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    color: white;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    cursor: pointer;
    padding: 5px 10px;
    margin: 5px;
}

    .css_brandapp_usertables_gridview_select_sms_butt:hover {
        color: cadetblue;
        background-color: white;
        border: 2px solid cadetblue;
        font-weight: 600;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
    }

.css_brandapp_usertables_gridview_select_email_butt {
    position: relative;
    width: 100px;
    text-align: center;
    background-color: blueviolet;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    color: white;
    border: 2px solid white;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    cursor: pointer;
    padding: 5px 10px;
    margin: 5px;
}

    .css_brandapp_usertables_gridview_select_email_butt:hover {
        color: blueviolet;
        background-color: white;
        border: 2px solid blueviolet;
        font-weight: 600;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
    }


.fw_phub_sel_name_text {
    font-family: Quicksand;
    font-size: 14px;
    color: rgba(0,0,0,0.7);
    margin: 0px;
    padding: 0px;
}

.fw_cashsheetsmenu_sel_name_text {
    font-family: Quicksand;
    font-size: 16px;
    color: #1b1b1b;
    margin: 5px;
    padding: 0px;
}

.fw_reportmenu_sel_name_text {
    font-family: Quicksand;
    font-size: 16px;
    color: #1b1b1b;
    margin: 5px;
    padding: 0px;
}

.fw_phub_sel_desc_text {
    font-family: Quicksand;
    font-size: 10px;
    color: rgba(0,0,0,0.7);
    margin: 0px;
    padding: 0px;
}

.captivabi_currencyselect_menubar {
    width: 100%;
    height: 100%;
    margin: 30px auto;
    padding: 3px;
    background-color: #fff;
    border: 2px solid steelblue;
    border-radius: 5px 5px 5px 5px;
    /*box-shadow: 0 1px 2px #1a65af;*/
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

    .captivabi_currencyselect_menubar:hover {
        box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.5);
        font-weight: 700;
    }

.fw_curr_sel_name_text {
    font-family: Quicksand;
    font-size: 14px;
    color: rgba(0,0,0,0.7);
    margin: 0px;
    padding: 0px;
}

.fw_curr_sel_desc_text {
    font-family: Quicksand;
    font-size: 10px;
    color: rgba(0,0,0,0.7);
    margin: 0px;
    padding: 0px;
}

.fw_cashsheetmenu_sel_desc_text {
    font-family: Quicksand;
    font-size: 10px;
    color: rgba(0,0,0,0.7);
    margin: 5px;
    padding: 0px;
}

.fw_reportmenu_sel_desc_text {
    font-family: Quicksand;
    font-size: 10px;
    color: rgba(0,0,0,0.7);
    margin: 5px;
    padding: 0px;
}

.fw_phub_sel_curr_text {
    font-family: Quicksand;
    font-size: 24px;
    color: rgba(0,0,0,0.7);
    margin: 10px;
    padding: 0px;
}


.css_intportal_request_xml_container {
    width: 100%;
    padding: 10px;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 300;
    border: 1px solid steelblue;
}

.css_intportal_jnlreq_reqbuilder_toggle {
    text-align: left;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
}

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

.css_intportal_jnlreq_reqinstr_cont {
    margin: 10px;
}

.css_intportal_jnlreq_reqinstr_subtxt {
    margin: 5px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
}

.css_intportal_jnlreq_reqinstr_subtxt1 {
    margin: 5px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.css_intportal_jnlreq_reqinstr_subtxt2 {
    margin: 5px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
}

.css_intportal_jnlreq_reqbuilder_cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    max-width: 600px;
    margin: 15px auto;
    padding: 10px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px #808080;
}

.css_intportal_jnlreq_reqbuilder_item_cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    padding: 10px;
}

.css_intportal_jnlreq_reqbuilder_item_title {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    color: steelblue;
}

.css_intportal_jnlreq_reqbuilder_itementry_cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    padding: 10px;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    border: 1px solid silver;
}

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

.css_intportal_jnlreq_reqbuilder_itementry_title_butt_off {
    height: 20px;
    width: 20px;
    min-width: 20px;
    margin: 10px 0;
    border-radius: 3px;
    border: 2px solid silver;
    background-color: darkorange;
    cursor: pointer;
}

.css_intportal_jnlreq_reqbuilder_itementry_title_butt_on {
    height: 20px;
    width: 20px;
    min-width: 20px;
    margin: 10px 0;
    border-radius: 3px;
    border: 2px solid silver;
    background-color: darkgreen;
    cursor: pointer;
}

.css_intportal_jnlreq_reqbuilder_itementry_title_txt {
    margin: 10px;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
}

.css_intportal_jnlreq_reqbuilder_itementry_inner_cont_min {
    height: 60px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    padding: 0 10px 20px 10px;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid silver;
    margin: 10px auto;
}

.css_intportal_jnlreq_reqbuilder_itementry_inner_cont_min_lrg {
    height: 160px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    padding: 0 10px 20px 10px;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid silver;
    margin: 10px auto;
}

.css_intportal_jnlreq_reqbuilder_itementry_inner_cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    padding: 0 10px 20px 10px;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid silver;
    margin: 10px auto;
}

.css_intportal_jnlreq_reqbuilder_radiochoice_container {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    margin: 10px 0;
    /*padding: 0 5px;*/
}

.css_intportal_jnlreq_reqbuilder_item_container {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    margin: 10px;
    border: 1px solid silver;
    padding: 0 5px;
}

.css_intportal_jnlreq_reqbuilder_item_indent_container {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    margin: 5px 10px;
    padding: 5px;
}

.css_intportal_jnlreq_reqbuilder_item_field_variabletitle {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
}

.css_intportal_jnlreq_reqbuilder_item_field_variablesubtitle {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
}

.css_intportal_jnlreq_reqbuilder_item_field_title {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    /*margin-top: 10px;*/
}

.css_intportal_jnlreq_reqbuilder_item_sendreq_button {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    margin: 10px auto;
}

.css_intportal_jnlreq_reqbuilder_item_field_subtitle {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
}

.css_site2_progress_container {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 20px;
    /*height:250px;
    width: 200px;*/
    border-radius: 8px;
    border: 2px solid silver;
    background-color: white;
}

.css_site2_progress_container_title {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    margin: 10px auto 20px auto;
    color: royalblue;
}

.css_site2_progress_container_subtitle {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    margin: 20px auto 10px auto;
}

.css_site2_progress_container_badge {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    margin: 10px auto;
    color: white;
    background-color: dodgerblue;
    border-radius: 4px;
    padding: 10px;
}

.css_jnldb_workspace_errors_content {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 20px;
    /*height:250px;
    width: 200px;*/
    border-radius: 8px;
    border-width: 2px;
    border-style: solid;
    border-color: darkred;
    background-color: white;
    min-width: 50%;
}

.css_jnldb_workspace_errors_title {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    margin: 10px auto 20px auto;
    color: royalblue;
}

.css_jnldb_workspace_errors_subtitle {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    margin: 20px auto 10px auto;
    color: darkslategray;
}

.css_jnldb_workspace_errors_reset_button {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    padding: 10px;
    margin: 5px auto;
    text-align: center;
    color: white;
    background-color: steelblue;
    cursor: pointer;
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.3);
}

    .css_jnldb_workspace_errors_reset_button:hover {
        box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.5);
        font-weight: 700;
    }


.css_jnldb_progress_container {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 20px;
    /*height:250px;
    width: 200px;*/
    border-radius: 8px;
    border-width: 2px;
    border-style: solid;
    background-color: white;
}

.css_cldapp_ol_jnldb_progress_content_loading {
    position: relative;
}

.css_cldapp_ol_jnldb_progress_content_loading_title {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    margin: 10px auto 20px auto;
    color: royalblue;
}

.css_cldapp_ol_jnldb_progress_content_loading_subtitle {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    margin: 20px auto 10px auto;
    color: darkslategray;
}


.css_jnldb_selectdate_boxmini {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid #D2D2D2;
    /*border-radius: 6px;*/
    margin: 10px auto;
    padding: 10px 20px;
    text-align: left;
}

.css_jnldb_selectdate_input_lbl {
    font-size: 14px;
    color: rgba(0,0,0,0.7);
    margin: 0px;
    padding: 5px 5px 5px 0;
}

.css_jnldb_selectdate_input_date_text {
    margin: 0;
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: darkgray;
    font-size: 14px;
    background-color: white;
    padding: 6px 20px 6px 20px;
    width: 100%;
}

.css_jnldb_selectdate_applydates_button {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    padding: 10px;
    margin: 5px auto;
    text-align: center;
    color: white;
    background-color: steelblue;
    cursor: pointer;
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.3);
}

    .css_jnldb_selectdate_applydates_button:hover {
        box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.5);
        font-weight: 700;
    }


.css_jnldb_edittags_modal_item_container {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    margin: 10px;
    border: 1px solid silver;
    padding: 0 5px;
}

.css_jnldb_edittags_modal_item_indent_container {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    margin: 5px 10px;
    padding: 5px;
}

.css_jnldb_edittags_modal_item_field_variabletitle {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
}

.css_jnldb_edittags_modal_item_field_variablesubtitle {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
}

.css_jnldb_edittags_modal_item_field_title {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    color: dodgerblue;
    /*margin-top: 10px;*/
}

.css_jnldb_edittags_modal_item_sendreq_button {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    margin: 10px auto;
}

.css_jnldb_edittags_modal_item_field_subtitle {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
}

.css_jnldb_edittags_modal_item_notes_txt {
    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: 14px;
    background-color: white;
    padding: 6px 10px 6px 10px;
    min-width: 300px;
}

.css_jnldb_edittags_modal_item_tag_txt {
    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: 14px;
    background-color: white;
    /*padding: 6px 0px 6px 0px;*/
    width: 100%;
}

.css_jnldb_edittags_modal_item_tags_update_button {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    padding: 10px;
    margin: 5px auto;
    text-align: center;
    color: white;
    background-color: steelblue;
    cursor: pointer;
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.3);
}

    .css_jnldb_edittags_modal_item_tags_update_button:hover {
        box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.5);
        font-weight: 700;
    }

.css_intportal_req_instr_cont {
    text-align: left;
    display: flex;
    flex-direction: column;
    font-family: Poppins;
}

.css_intportal_req_instr_title {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
}

.css_intportal_req_instr_subtitle {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
}

.css_intportal_req_integratormenu_item_cont {
    text-align: left;
    font-family: poppins;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.css_intportal_req_integratormenu_item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    /*width: 100%;
    height: 100%;*/
    max-width: 400px;
    margin: 15px 10px;
    padding: 10px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px #808080;
}

.css_intportal_req_integratormenu_item_title {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    color: steelblue;
}

.css_intportal_req_integratormenu_item_subtitle {
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    margin: 5px 0;
}

.css_intportal_req_integratormenu_go_butt {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    font-family: poppins;
    border: 2px solid steelblue;
    background-color: white;
    color: steelblue;
    cursor: pointer;
    height: 40px;
    width: 60px;
    border-radius: 6px;
    padding: 5px;
}

    .css_intportal_req_integratormenu_go_butt:hover {
        background-color: steelblue;
        color: white;
        font-weight: 600;
        border-color: lightsteelblue;
    }


.css_intportal_page_title {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    color: dodgerblue;
    text-align: center;
}

.css_intportal_utc_notice_text {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    color: darkorange;
}

.css_intportal_ipgroup_notice_text {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 500;
    color: darkorange;
}

.css_intportal_account_title {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
}

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

.css_intportal_mainmenu_item_cont {
    display: flex;
    flex-direction: column;
    border: 1px solid silver;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    cursor: pointer;
    margin: 10px;
    padding: 10px;
    color: #000000;
    max-width: 300px;
}

    .css_intportal_mainmenu_item_cont:hover {
        border-color: dodgerblue;
    }

.css_intportal_mainmenu_item_title_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.css_intportal_mainmenu_item_title {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    padding: 0px;
    margin: 0px 5px;
}

.css_intportal_mainmenu_item_subtext {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    margin: 0px;
    padding: 0px;
}

.portal_intersales_options_text {
    font-family: Quicksand;
    font-size: 14px;
    color: rgba(0,0,0,0.7);
    margin: 5px;
    padding: 5px;
}

.portal_maincmd_subtext {
    font-family: Quicksand;
    font-size: 10px;
    color: rgba(0,0,0,0.7);
    margin: 0px;
    padding: 0px;
}

.fw_active_phub_label_navtext {
    font-family: Quicksand;
    font-size: 12px;
    color: #fff;
    margin: 0px;
    padding: 5px;
}

.fw_report_description_label_badgetext {
    font-family: Quicksand;
    font-size: 16px;
    color: #fff;
    margin: 0px;
    padding: 5px;
}

.fw_report_usersysmessage_label_badgetext {
    font-family: Quicksand;
    font-size: 12px;
    color: #f5780e;
    margin: 0px;
    padding: 5px;
}

.portal_modmenucmd_text {
    font-family: Quicksand;
    font-size: 18px;
    color: #4286f4;
}

.portal_modcmd_text {
    font-family: Poppins;
    font-size: 16px;
    color: darkslategray;
    font-weight: 400;
}

.portal_modsetup_cmd_text {
    font-family: Quicksand;
    font-size: 18px;
    color: darkred;
}

.portal_modservices_cmd_text {
    font-family: Quicksand;
    font-size: 18px;
    color: #014b0b;
}

.portal_modmenucmd_subtext {
    font-family: Quicksand;
    font-size: 10px;
    color: #4286f4;
    margin: 0px;
    padding: 0px;
}

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

.portal_modcmd_subtext {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 500;
    color: slategray;
    margin: 0px;
    padding: 0px;
}

.portal_datestatus_button_subtext {
    font-family: Quicksand;
    font-size: 10px;
    color: #4286f4;
    margin: 0px;
    padding: 0px;
}

.portal_modsetup_cmd_subtext {
    font-family: Quicksand;
    font-size: 10px;
    color: darkred;
    margin: 0px;
    padding: 0px;
}

.portal_modservices_cmd_subtext {
    font-family: Quicksand;
    font-size: 10px;
    color: #014b0b;
    margin: 0px;
    padding: 0px;
}

.portal_prodedit_minitext {
    font-family: Quicksand;
    font-size: 10px;
    color: rgba(0,0,0,0.7);
    margin: 0px;
    padding: 0px;
}

.captivabi_report_adjust_navbar {
    width: 100%;
    height: 100%;
    margin: 10px auto;
    padding: 10px;
    background-color: #f1f0f0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captivabi_loyalty_create_campaign {
    width: 90%;
    height: 100%;
    margin: 30px auto;
    padding: 10px;
    background-color: #f1f0f0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captivabi_portal_mainpanel-wrapper {
    width: 90%;
    height: 100%;
    margin: 30px auto;
    padding: 10px;
    background-color: #f1f0f0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captivabi_portal_phub_mainpanel-wrapper {
    width: 90%;
    height: 100%;
    margin: 30px auto;
    padding: 10px;
    background-color: #f1f0f0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captivabi_portal_phub_datastatusstoreconfig {
    width: 96%;
    height: 100%;
    margin: 5px auto;
    padding: 5px;
    background-color: #f1f0f0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captivabi_portal_phub_settingspanel {
    width: 90%;
    height: 100%;
    margin: 30px auto;
    padding: 10px;
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captivabi_portal_half_panel {
    width: 96%;
    height: 100%;
    margin: 10px auto;
    padding: 5px;
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.captivabi_portal_bi_datastatuspanel {
    width: 90%;
    height: 100%;
    margin: 30px auto;
    padding: 10px;
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.bikpi_ss_headline-widget-parent {
    height: 100%;
    padding: 1vw;
    border-left: 8px solid #619bf8;
    color: #8e8d8d;
}


.bikpiheadline-widget-parent {
    height: 100%;
    padding: 1vw;
    border-top: 4px solid #88bc3f;
    border-bottom: 2px solid #a9b5be;
    color: #8e8d8d;
}



.bikpiheadline-widget-top {
    display: flex;
    height: 80%;
}



.bikpiheadline-widget-top-left {
    flex-grow: 0.6;
}



.bikpiheadline-widget-title {
    height: 20%;
    font-size: 18px;
}



.bikpiheadline-widget-value {
    color: #88bc3f;
    height: 80%;
    padding: 2vw;
    font-size: 28px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}



.bikpiheadline-widget-currency {
    font-size: 16px;
    position: relative;
    top: -0.5vw;
}



.bikpiheadline-widget-top-right {
    flex-grow: 0.4;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}



.bikpiheadline-widget-bottom {
    display: flex;
    height: 10%;
    font-size: 14px;
    color: #8e8d8d;
}



.bikpiheadline-widget-bottom-left {
    flex-grow: 1;
}

.bikpiheadline-widget-change-text {
    display: flex;
    height: 10%;
    width: 100%;
    font-size: 10px;
    color: #8e8d8d;
}

.bikpiheadline-widget-changedata-text {
    display: flex;
    height: 10%;
    width: 100%;
    font-size: 10px;
    color: #8e8d8d;
}

.bikpiheadline-widget-bottom-right {
    flex-grow: 1;
}

.mktmgr_promo_instruction_text {
    font-family: Quicksand;
    font-size: 12px;
    color: rgba(0,0,0,0.7);
    margin: 0px;
    padding: 5px;
}

.mktmgr_promo_fieldname_text {
    font-size: 14px;
    color: rgba(0,0,0,0.7);
    margin: 0px;
    padding: 5px 5px 5px 0;
}

.mktmgr_promo_fieldvalue_text {
    font-family: Quicksand;
    font-size: 12px;
    color: rgba(0,0,0,0.7);
    margin: 0px;
    padding: 5px;
}

.mktmgr_promo_section_title_text {
    font-family: Quicksand;
    font-size: 18px;
    color: rgba(0,0,0,0.7);
    margin: 0px;
    padding: 5px;
}

.mktmgr_promo_setup_section_border {
    width: 100%;
    height: 100%;
    margin: 5px auto;
    padding: 5px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 0px;
    box-shadow: 0 1px 2px #808080;
}

.phubconfig_setting_section_border {
    width: 100%;
    height: 100%;
    margin: 5px auto;
    padding: 5px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 0px;
    box-shadow: 0 1px 2px #808080;
}

.loyalty_tabs_main_title_text {
    font-family: Quicksand;
    font-size: 18px;
    color: rgba(0,0,0,0.7);
    margin: 0px;
    padding: 5px;
}

.loyalty_tabs_section_title_text {
    font-family: Quicksand;
    font-size: 14px;
    color: rgba(0,0,0,0.7);
    margin: 0px;
    padding: 5px;
}

.loyalty_tabs_instruction_text {
    font-family: Quicksand;
    font-size: 12px;
    color: rgba(0,0,0,0.7);
    margin: 0px;
    padding: 5px;
}

.loyalty_tabs_setup_section_border {
    width: 100%;
    height: 100%;
    margin: 5px auto;
    padding: 5px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 0px;
    box-shadow: 0 1px 2px #808080;
}

.loyalty_tabs_fieldname_text {
    font-family: Quicksand;
    font-size: 12px;
    color: rgba(0,0,0,0.7);
    margin: 0px;
    padding: 5px;
}

.loyalty_tabs_fields_group_border {
    width: 120px;
    height: 100%;
    margin: 5px auto;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #808080;
    border-radius: 3px;
}

.loyalty_tabs_fieldvalue_text {
    font-family: Quicksand;
    font-size: 12px;
    color: rgba(0,0,0,0.7);
    margin: 0px;
    padding: 5px;
}

.loyalty_tabs_container_border {
    width: 100%;
    height: 100%;
    margin: 5px auto;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 0px;
    box-shadow: 0 1px 2px #808080;
}


.captivaappbuild_catpanel_topmenu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: #4A4A4A;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    z-index: 10;
}

.cssjnldb_jnldb_workspace_topmenubar_cont {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 60px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background-color: white;
    border-bottom: 1px solid silver;
    justify-content: space-between;
    z-index: 100;
}

.cssjnldb_jnldb_workspace_bottommenubar_cont {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-family: Poppins;
    color: #808080;
    font-size: 10px;
    background-color: white;
    justify-content: center;
    padding-top: 10px;
}

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

.cssjnldb_jnldb_workspace_topmenu_jnllist_right_menu_cont {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.css_site2_topmenu_button_cont {
    padding-left: 3px;
    padding-right: 3px;
    color: dodgerblue;
}

.css_site2_topmenu_button_label {
    font-family: Poppins;
    font-size: 8px;
    font-weight: 600;
}

.css_site2_topmenu_button {
    text-align: center;
    width: 50px;
    padding: 5px;
    margin: 5px;
    border: 1px solid #1e90ff;
    /*border-radius: 5px;*/
    cursor: pointer;
}

    .css_site2_topmenu_button:hover {
        box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    }

.css_site2_topmenu_menuback_button {
    text-align: center;
    width: 50px;
    padding: 5px;
    margin: 5px;
    border: 1px solid green;
    color: green;
    /*border-radius: 5px;*/
    cursor: pointer;
}

    .css_site2_topmenu_menuback_button:hover {
        box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    }

.css_jnldb_onscreen_display_cont {
    position: fixed;
    top: 60px;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    text-align: center;
    padding: 10px;
    border-radius: 0 0 4px 4px;
    border-top: none;
    border-bottom: 2px solid silver;
    border-left: 2px solid silver;
    border-right: 2px solid silver;
    background-color: white;
    display: flex;
    flex-direction: column;
    z-index: 201;
    min-width: 40%;
}

.css_jnldb_onscreen_menu_cont {
    position: absolute;
    text-align: center;
    padding: 10px;
    border-radius: 4px;
    border: 2px solid silver;
    background-color: white;
    display: flex;
    flex-direction: column;
    z-index: 201;
}

.css_jnldb_onscreen_display_topsub {
    font-size: 10px;
    font-family: Poppins;
    font-weight: 400;
    color: cornflowerblue;
}

.css_jnldb_onscreen_display_line_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.css_jnldb_onscreen_display_line_icon_cont {
    position: relative;
    padding: 5px 10px 0 0;
    cursor: pointer;
}

.css_jnldb_onscreen_display_line_icon {
    font-size: 24px;
}

.css_jnldb_onscreen_display_line_content_cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    border-left: 1px solid silver;
    padding-left: 10px;
    margin-left: 10px;
}

.css_jnldb_onscreen_display_line_content_lbl {
    font-size: 18px;
    font-family: Poppins;
    font-weight: 600;
    color: royalblue;
}

.css_jnldb_onscreen_display_btmsub {
    font-size: 10px;
    font-family: Poppins;
    font-weight: 500;
    color: blueviolet;
    text-decoration: underline;
    cursor: pointer;
}

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



.css_jnldb_onscreen_menu_topsub {
    font-size: 12px;
    font-family: Poppins;
    font-weight: 600;
}

.css_jnldb_onscreen_menu_line_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    /*padding: 5px 0 0 0;*/
    font-size: 12px;
    font-family: Poppins;
    margin: 5px 0 0 0;
    cursor: pointer;
}

    .css_jnldb_onscreen_menu_line_cont:hover {
        font-weight: 600;
        background-color: lightskyblue;
    }

.css_jnldb_onscreen_menu_line_icon_cont {
    padding: 5px 10px 0 0;
    border-right: 1px solid silver;
    margin-right: 10px;
}

.css_jnldb_onscreen_menu_line_icon {
    font-size: 20px;
}

.css_jnldb_onscreen_menu_line_content_cont {
    padding: 10px 10px 0 0;
}

.css_jnldb_onscreen_menu_line_content_lbl {
    /*font-size: 12px;*/
    text-wrap: nowrap;
    /*font-weight: 600;*/
}

.css_jnldb_onscreen_menu_btmsub {
    font-size: 12px;
    font-family: Poppins;
    font-weight: 600;
}

.css_jnllistbar_icon_down_cont {
    position: fixed;
    bottom: 100px;
    right: 50px;
    /* padding: 5px; */
    background-color: lightblue;
    border-radius: 25px;
    cursor: pointer;
    height: 50px;
    width: 50px;
    border: 2px solid steelblue;
    z-index: 100;
}

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

.css_jnllistbar_icon_up_cont {
    position: fixed;
    top: 100px;
    right: 50px;
    /* padding: 5px; */
    background-color: lightblue;
    border-radius: 25px;
    cursor: pointer;
    height: 50px;
    width: 50px;
    border: 2px solid steelblue;
    z-index: 100;
}

    .css_jnllistbar_icon_up_cont:hover {
        font-weight: 700;
    }

.css_jnllistbar_icon_sublbl_up {
    position: absolute;
    top: 20px;
    left: 15px;
    font-size: 12px;
    font-family: Poppins;
    font-weight: 600;
}

.css_jnllistbar_icon_sublbl_down {
    position: absolute;
    top: 12px;
    left: 9px;
    font-size: 10px;
    font-family: Poppins;
    font-weight: 600;
}

.css_jnllistbar_icon_glyph_down {
    position: absolute;
    top: 12px;
    left: 5px;
}

.css_jnllistbar_icon_glyph_up {
    position: absolute;
    top: 0;
    left: 5px;
}

.css_jnldb_workspace_container {
    position: relative;
    /*width: 100vw;*/
    font-family: Poppins;
    padding-top: 60px;
    margin: 60px auto 30px auto;
}

.css_jnldb_workspace_groups_container {
    position: relative;
}

.css_jnldb_workspace_stores_container {
    position: relative;
}

.css_jnldb_workspace_store_container {
    position: relative;
}

.css_jnldb_workspace_journals_container {
    position: relative;
}

.css_jnldb_workspace_errors_container {
    position: relative;
    min-height: 80vh;
}

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

.css_jnldb_workspace_stores_canvas {
    display: flex;
    flex-direction: column;
    /*flex-wrap: wrap;*/
    justify-content: flex-start;
}

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

.css_jnldb_workspace_journals_canvas {
    display: flex;
    flex-direction: column;
    /*flex-wrap: wrap;*/
    justify-content: flex-start;
}


.css_jnldb_workspace_journals_list_canvas {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 30px auto;
    border-top: 2px solid silver;
    padding: 20px 0;
}

.css_jnldb_workspace_journals_panel {
    /*border-radius: 5px;*/
    min-width: 200px;
    padding: 0 0 20px 0;
    margin: 10px;
    border: 1px solid silver;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

    .css_jnldb_workspace_journals_panel:hover {
        box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.5);
    }

.css_jnldb_workspace_journals_date {
    background-color: dodgerblue;
    color: white;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    padding: 5px 10px;
    text-align: left;
    /*border-radius: 3px 3px 0 0;*/
}

.css_jnldb_workspace_journals_date_highlight {
    background-color: darkgoldenrod;
    color: white;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    padding: 5px 10px;
    text-align: left;
    /*border-radius: 3px 3px 0 0;*/
}

.css_jnldb_workspace_journals_title_subcont {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 5px 10px;
}

.css_jnldb_workspace_journals_index {
    color: darkgreen;
    font-size: 16px;
    font-weight: 600;
    margin: 8px 0 0 auto;
    text-align: right;
}

.css_jnldb_workspace_journals_filesize {
    color: silver;
    font-size: 10px;
    font-weight: 400;
    text-align: left;
    /* background-color: steelblue; */
    /* border-radius: 5px; */
    /* padding: 5px 10px; */
    margin: 5px 0 5px 0;
}

.css_jnldb_workspace_journals_update {
    color: darkslategrey;
    font-size: 10px;
    font-weight: 400;
    margin: 5px 0;
    text-align: left;
}

.css_jnldb_workspace_journals_id {
    color: cadetblue;
    font-size: 12px;
    font-weight: 400;
    margin: 8px auto 0 10px;
    text-align: left;
}

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

.css_jnldb_workspace_journals_tempjnl {
    color: white;
    background-color: darkgoldenrod;
    font-size: 12px;
    font-weight: 400;
    margin: 5px 0;
    text-align: left;
    padding: 5px;
}

.css_jnldb_workspace_journals_fulljnl {
    color: white;
    background-color: darkgreen;
    font-size: 12px;
    font-weight: 400;
    margin: 5px 0;
    text-align: left;
    padding: 5px;
}


.css_jnldb_workspace_store_dashentry_canvas {
    display: flex;
    flex-direction: column;
    /*flex-wrap: wrap;*/
    justify-content: space-between;
}

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

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

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

.css_jnldb_workspace_stores_panel {
    /*border-radius: 5px;*/
    width: 100%;
    padding: 0 0 20px 0;
    margin: 10px auto;
    border: 1px solid silver;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

    .css_jnldb_workspace_stores_panel:hover {
        box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.5);
    }

.css_jnldb_workspace_stores_content_panel {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 10px 10px 10px;
}

.css_jnldb_workspace_stores_journals_panel {
    position: relative;
    display: flex;
    flex-direction: column;
    /* border: 1px solid silver; */
    min-width: 250px;
    padding: 0;
    margin: 10px 20px 0 0;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.css_jnldb_workspace_stores_cashsheets_panel {
    display: flex;
    flex-direction: column;
    /* border: 1px solid silver; */
    min-width: 250px;
    padding: 0;
    margin: 10px 20px 0 0;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.css_jnldb_workspace_stores_title {
    background-color: dodgerblue;
    color: white;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    padding: 5px 10px;
    text-align: left;
    /*border-radius: 3px 3px 0 0;*/
}

.css_jnldb_workspace_stores_title_subcont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 5px 10px;
}

.css_jnldb_workspace_stores_id {
    color: silver;
    font-size: 12px;
    font-weight: 400;
    margin: 8px auto 0 10px;
    text-align: left;
}

.css_jnldb_workspace_stores_curr {
    color: white;
    font-size: 10px;
    font-weight: 400;
    text-align: center;
    background-color: steelblue;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 5px 0 5px 0;
}

.css_jnldb_workspace_stores_cashsheets_subcont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.css_jnldb_workspace_stores_cashsheets_imgsubcont {
    cursor: pointer;
    padding-top: 5px;
    margin-left: 5px;
    text-decoration: none;
}

.css_jnldb_workspace_stores_cashsheets_piesubcont {
    padding: 5px;
}

.css_jnldb_workspace_stores_cashsheets_imgiconsubcont {
    padding: 15px 5px;
}

.css_jnldb_workspace_stores_cashsheets_pie_rate_circle_cont {
    position: relative;
    /*margin: 10px;*/
}

.css_jnldb_workspace_stores_cashsheets_pie_rate_circle_base {
    position: relative;
    width: 60px;
    height: 60px;
    padding: 5px;
}

.css_jnldb_workspace_stores_cashsheets_pie_rate_circlehitratelbl {
    position: absolute;
    top: 22px;
    text-align: center;
    font-family: 'Poppins';
    left: 5px;
    font-size: 10px;
    /* height: 75px; */
    width: 50px;
    font-size: 12px;
    font-weight: 500;
}

.css_jnldb_workspace_stores_cashsheets_detailsubcont {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.css_jnldb_workspace_stores_cashsheets_lbl {
    color: white;
    background-color: cadetblue;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    padding: 5px;
    text-align: left;
}

.css_jnldb_workspace_stores_cert_cashsheets_lbl_ok {
    color: darkgreen;
    font-size: 12px;
    font-weight: 500;
    margin: 5px;
    text-align: left;
}

.css_jnldb_workspace_stores_cert_cashsheets_lbl_warn {
    color: red;
    font-size: 12px;
    font-weight: 500;
    margin: 5px;
    text-align: left;
}

.css_jnldb_workspace_stores_customexport_cashsheets_lbl_ok {
    color: darkgreen;
    font-size: 12px;
    font-weight: 500;
    margin: 5px;
    text-align: left;
}

.css_jnldb_workspace_stores_customexport_cashsheets_lbl_warn {
    color: red;
    font-size: 12px;
    font-weight: 500;
    margin: 5px;
    text-align: left;
}


.css_jnldb_workspace_stores_jnls_manage_lbl {
    position: absolute;
    bottom: 2px;
    right: 10px;
    color: cornflowerblue;
    font-size: 10px;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
}

    .css_jnldb_workspace_stores_jnls_manage_lbl:hover {
        font-weight: 600;
        color: dodgerblue;
    }

.css_jnldb_workspace_stores_jnls_lbl {
    color: white;
    background-color: cadetblue;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    padding: 5px;
    text-align: left;
}

.css_jnldb_workspace_stores_jnldays_lbl {
    color: darkgray;
    font-size: 12px;
    font-weight: 500;
    margin: 5px;
    text-align: left;
}

.css_jnldb_workspace_stores_jnldays_lbl_warn {
    color: darkgoldenrod;
    font-size: 12px;
    font-weight: 500;
    margin: 5px;
    text-align: left;
}

.css_jnldb_workspace_stores_jnldate_lbl {
    color: darkgreen;
    font-size: 12px;
    font-weight: 500;
    margin: 5px;
    text-align: left;
}

.css_jnldb_workspace_stores_jnldate_lbl_warn {
    color: darkgoldenrod;
    font-size: 12px;
    font-weight: 500;
    margin: 5px;
    text-align: left;
}

.css_jnldb_workspace_stores_storage_lbl {
    color: silver;
    font-size: 12px;
    font-weight: 400;
    margin: 5px 0;
    text-align: left;
}

.css_jnldb_workspace_stores_datawarn_title {
    color: white;
    background-color: cadetblue;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    padding: 5px;
    text-align: left;
}

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

.css_jnldb_workspace_stores_datawarn_lbl_ok {
    color: darkgreen;
    font-size: 12px;
    font-weight: 400;
    margin: 5px;
    text-align: left;
}

.css_jnldb_workspace_stores_datawarn_lbl_warn {
    color: darkgoldenrod;
    font-size: 12px;
    font-weight: 500;
    margin: 5px;
    text-align: left;
}

.css_jnldb_workspace_stores_jnlwarn_cont {
    display: flex;
    flex-direction: column;
    /* border: 1px solid silver; */
    min-width: 250px;
    padding: 0;
    margin: 10px 20px 0 0;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

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

.css_jnldb_workspace_stores_jnlwarn_lbl_ok {
    color: darkgreen;
    font-size: 12px;
    font-weight: 400;
    margin: 5px;
    text-align: left;
}

.css_jnldb_workspace_stores_jnlwarn_lbl_warn {
    color: darkgoldenrod;
    font-size: 12px;
    font-weight: 500;
    margin: 5px;
    text-align: left;
}

.css_jnldb_workspace_store_panel {
    border-radius: 5px;
    /*padding: 10px;*/
    margin: 20px 0;
    border: 1px solid silver;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
}

/*.css_jnldb_workspace_store_panel:hover {
        box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.5);
    }*/

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

.css_jnldb_workspace_store_title_cont {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: white;
    background-color: dodgerblue;
    padding: 5px;
    /* margin: 5px 0; */
    text-align: center;
    border-radius: 3px 3px 0 0;
}

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

.css_jnldb_workspace_store_title {
    font-size: 18px;
    font-weight: 600;
}

.css_jnldb_workspace_store_content_panel {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 10px 10px 10px;
}

.css_jnldb_workspace_store_title_subcont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    /*margin: 5px 10px;*/
}

.css_jnldb_workspace_store_journals_panel {
    display: flex;
    flex-direction: column;
    /* border: 1px solid silver; */
    min-width: 250px;
    padding: 0;
    margin: 10px 20px 0 0;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1);
}

.css_jnldb_workspace_store_cashsheets_panel {
    display: flex;
    flex-direction: column;
    /* border: 1px solid silver; */
    min-width: 250px;
    padding: 0;
    margin: 10px 20px 0 0;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1);
}


.css_jnldb_workspace_store_id {
    color: silver;
    font-size: 12px;
    font-weight: 400;
    margin: 0 auto 0 10px;
    text-align: left;
}


.css_jnldb_workspace_store_curr {
    color: white;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    padding: 0;
    margin: 0;
}

.css_jnldb_workspace_store_cashsheets_lbl {
    color: white;
    background-color: cadetblue;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    padding: 5px;
    text-align: left;
}

.css_jnldb_workspace_store_cert_cashsheets_lbl_ok {
    color: darkgreen;
    font-size: 12px;
    font-weight: 500;
    margin: 5px;
    text-align: left;
}

.css_jnldb_workspace_store_cert_cashsheets_lbl_warn {
    color: red;
    font-size: 12px;
    font-weight: 500;
    margin: 5px;
    text-align: left;
}

.css_jnldb_workspace_store_customexport_cashsheets_lbl_ok {
    color: darkgreen;
    font-size: 12px;
    font-weight: 500;
    margin: 5px;
    text-align: left;
}

.css_jnldb_workspace_store_cert_cashsheets_lbl_warn {
    color: red;
    font-size: 12px;
    font-weight: 500;
    margin: 5px;
    text-align: left;
}

.css_jnldb_workspace_store_jnls_lbl {
    color: white;
    background-color: cadetblue;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    padding: 5px;
    text-align: left;
}

.css_jnldb_workspace_store_jnldays_lbl {
    color: dodgerblue;
    font-size: 12px;
    font-weight: 400;
    margin: 5px;
    text-align: left;
}

.css_jnldb_workspace_store_jnldays_lbl_warn {
    color: darkorange;
    font-size: 12px;
    font-weight: 500;
    margin: 5px;
    text-align: left;
}

.css_jnldb_workspace_store_jnldate_lbl {
    color: dodgerblue;
    font-size: 12px;
    font-weight: 400;
    margin: 5px;
    text-align: left;
}

.css_jnldb_workspace_store_jnldate_lbl_warn {
    color: darkorange;
    font-size: 12px;
    font-weight: 500;
    margin: 5px;
    text-align: left;
}

.css_jnldb_workspace_store_storage_lbl {
    color: silver;
    font-size: 12px;
    font-weight: 400;
    margin: 5px 0;
    text-align: left;
}

.css_jnldb_workspace_store_datawarn_lbl_ok {
    color: darkgreen;
    font-size: 12px;
    font-weight: 400;
    margin: 5px;
    text-align: left;
}

.css_jnldb_workspace_store_datawarn_lbl_warn {
    color: red;
    font-size: 12px;
    font-weight: 500;
    margin: 5px;
    text-align: left;
}

.css_jnldb_workspace_store_jnlwarn_lbl_ok {
    color: darkgreen;
    font-size: 12px;
    font-weight: 400;
    margin: 5px;
    text-align: left;
}

.css_jnldb_workspace_store_jnlwarn_lbl_warn {
    color: red;
    font-size: 12px;
    font-weight: 500;
    margin: 5px;
    text-align: left;
}

.css_jnldb_workspace_store_customexport_cashsheets_lbl_warn {
    color: red;
    font-size: 12px;
    font-weight: 500;
    margin: 5px;
    text-align: left;
}

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

.css_jnldb_workspace_store_jnlwarn_cont {
    display: flex;
    flex-direction: column;
    /* border: 1px solid silver; */
    min-width: 250px;
    padding: 0;
    margin: 10px 20px 0 0;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1);
}

.css_jnldb_workspace_store_datawarn_title {
    color: white;
    background-color: cadetblue;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    padding: 5px;
    text-align: left;
}

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

.css_jnldb_workspace_store_jnlwarn_popup_icn {
    cursor: pointer;
    padding-top: 5px;
    margin-left: 5px;
    text-decoration: none;
}

.css_jnldb_workspace_group_panel {
    border-radius: 5px;
    padding: 0 0 10px 0;
    margin: 20px;
    border: 2px solid silver;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-width: 240px;
    cursor: pointer;
}

    .css_jnldb_workspace_group_panel:hover {
        box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.5);
    }

.css_jnldb_workspace_group_titles_cont {
    display: flex;
    flex-direction: column;
    /*border: 1px solid silver;*/
    padding: 5px 10px;
    /*box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1);*/
    cursor: pointer;
}

.css_jnldb_workspace_group_title {
    color: white;
    font-size: 18px;
    background-color: darkolivegreen;
    font-weight: 600;
    padding: 0 10px;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid darkslategrey;
    margin: 0;
    /* box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1); */
    text-align: left;
    cursor: pointer;
}

.css_jnldb_workspace_group_id {
    color: silver;
    font-size: 10px;
    font-weight: 400;
    /*margin: 5px 0;*/
    text-align: left;
    cursor: pointer;
}

.css_jnldb_workspace_group_stores_lbl {
    color: steelblue;
    font-size: 14px;
    font-weight: 500;
    /*margin: 5px 0;*/
    text-align: left;
    cursor: pointer;
}

.css_jnldb_workspace_group_jnls_lbl {
    color: darkblue;
    font-size: 12px;
    font-weight: 500;
    margin: 5px 0;
    text-align: left;
    cursor: pointer;
}

.css_jnldb_workspace_group_storage_lbl {
    color: silver;
    font-size: 12px;
    font-weight: 400;
    margin: 5px 0;
    text-align: left;
    cursor: pointer;
}

.css_jnldb_workspace_group_jnlwarn_cont {
    display: flex;
    flex-direction: column;
    border: 1px solid #EFEFEF;
    padding: 5px 10px;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    margin: 0 10px 10px 10px;
}

.css_jnldb_workspace_group_jnlwarn_panel {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    cursor: pointer;
}

.css_jnldb_workspace_group_jnlwarn_lbl_ok {
    color: darkgreen;
    font-size: 12px;
    font-weight: 400;
    margin: 5px 0;
    text-align: left;
    cursor: pointer;
}

.css_jnldb_workspace_group_jnlwarn_lbl_warn {
    color: mediumvioletred;
    font-size: 12px;
    font-weight: 500;
    margin: 5px 0;
    text-align: left;
    cursor: pointer;
}

.css_jnldb_workspace_group_datawarn_panel {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    cursor: pointer;
}

.css_jnldb_workspace_group_datawarn_lbl_ok {
    color: darkgreen;
    font-size: 12px;
    font-weight: 400;
    margin: 5px 0;
    text-align: left;
    cursor: pointer;
}

.css_jnldb_workspace_group_datawarn_lbl_warn {
    color: mediumvioletred;
    font-size: 12px;
    font-weight: 500;
    margin: 5px 0;
    padding-top: 3px;
    text-align: left;
    cursor: pointer;
}


.css_jnldb_workspace_store_dashboard_panel {
    /*border-radius: 5px;*/
    /*padding: 10px;*/
    margin: 5px;
    border: 1px solid silver;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/*.css_jnldb_workspace_store_dashboard_panel:hover {
        box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.5);
    }*/


.css_jnldb_selectdate_editor_setup_validwarning_box {
    position: relative;
    border: 1px solid #D2D2D2;
    margin: 10px auto;
    padding: 10px 20px;
    text-align: left;
    max-width: 500px;
    background-color: darkgoldenrod;
    color: white;
    font-weight: 400;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}


.css_jnldb_selectdate_editor_setup_validwarning_icon {
    /*margin: 10px auto;*/
}

.css_jnldb_selectdate_editor_setup_validwarning_lbl {
    color: white;
    margin-left: 10px;
    margin-top: 3px;
}


.css_jnldb_workspace_store_dashboard_date_bar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: darkslategray;
    background-color: #EFEFEF;
    padding: 5px 5px 0 5px;
    /* margin: 5px 0; */
    text-align: center;
}

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

.css_jnldb_workspace_store_title_bar_icon {
    cursor: pointer;
}

.css_jnldb_workspace_store_dashboard_date {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}



.css_jnldb_workspace_store_dashboard_notes {
    color: dodgerblue;
    font-size: 12px;
    font-weight: 600;
    margin: 5px 10px 0 0;
    text-align: left;
}

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

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


.css_jnldb_workspace_store_dashboard_jnl_edittags_icn_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    color: darkolivegreen;
    border-bottom: 1px solid;
    padding: 5px 2px;
    margin: 5px;
    cursor: pointer;
}

    .css_jnldb_workspace_store_dashboard_jnl_edittags_icn_cont:hover {
        border-bottom-width: 2px;
        color: olivedrab;
    }


.css_jnldb_workspace_store_dashboard_jnl_tagsnotes_icn_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    color: silver;
    padding-top: 5px;
}

.css_jnldb_workspace_store_dashboard_cashsheets_tags_cont {
    width: 100%;
}

.css_jnldb_workspace_store_dashboard_cashsheets_tags_cont_inner {
    padding: 0 10px;
    width: 100%;
    border-bottom: 1px solid silver;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.css_jnldb_workspace_store_dashboard_cashsheets_lbls_cont {
    padding: 0 10px;
    width: 100%;
    /* margin: 5px 20px; */
    /* min-width: 200px; */
    /* max-width: 500px; */
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.css_jnldb_workspace_store_dashboard_cashsheets_lbl {
    color: steelblue;
    font-size: 10px;
    font-weight: 500;
    margin: 0 10px;
    text-align: left;
    border-left: 1px solid silver;
    padding-left: 10px;
}

.css_jnldb_workspace_store_dashboard_cert_cashsheets_lbl_ok {
    color: darkgreen;
    font-size: 10px;
    font-weight: 500;
    margin: 0 10px;
    text-align: left;
    border-left: 1px solid silver;
    padding-left: 10px;
}

.css_jnldb_workspace_store_dashboard_cert_cashsheets_lbl_warn {
    color: red;
    font-size: 10px;
    font-weight: 500;
    margin: 0 10px;
    text-align: left;
    border-left: 1px solid silver;
    padding-left: 10px;
}

.css_jnldb_workspace_store_dashboard_customexport_cashsheets_lbl_ok {
    color: darkgreen;
    font-size: 10px;
    font-weight: 500;
    margin: 0 10px;
    text-align: left;
    border-left: 1px solid silver;
    padding-left: 10px;
}

.css_jnldb_workspace_store_dashboard_customexport_cashsheets_lbl_warn {
    color: palevioletred;
    font-size: 10px;
    font-weight: 500;
    margin: 0 10px;
    text-align: left;
    border-left: 1px solid silver;
    padding-left: 10px;
}

.css_jnldb_workspace_store_dashboard_cashsheets_tag_element {
    padding: 0 10px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.css_jnldb_workspace_store_dashboard_tag_lbl {
    color: black;
    font-size: 10px;
    font-weight: 500;
    margin: 5px 10px 0 0;
    text-align: left;
}

.css_jnldb_workspace_store_dashboard_tag_val {
    color: dodgerblue;
    font-size: 12px;
    font-weight: 600;
    margin: 5px 10px 0 0;
    text-align: left;
}

.css_jnldb_workspace_store_dashboard_notrading_lbl_on {
    color: white;
    background-color: darkseagreen;
    font-size: 14px;
    font-weight: 400;
    margin: 5px 10px;
    padding: 5px 10px;
    text-align: center;
}

.css_jnldb_workspace_store_dashboard_notrading_lbl_off {
    color: white;
    background-color: orangered;
    min-width: 130px;
    font-size: 14px;
    font-weight: 400;
    margin: 5px 10px;
    padding: 5px 10px;
    text-align: center;
}

.css_jnldb_workspace_store_dashboard_cashsheet_title_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    background-color: steelblue;
}

.css_jnldb_workspace_store_dashboard_cashsheet_title_lbl {
    color: white;
    font-size: 10px;
    font-weight: 400;
    margin: 5px 0 0 0;
    text-align: left;
}

.css_jnldb_workspace_store_dashboard_cashsheet_title_left_cont {
    display: flex;
    flex-direction: column;
    margin-left: 5px;
}

.css_jnldb_workspace_store_dashboard_cashsheet_title_right_cont {
    display: flex;
    flex-direction: column;
    margin-right: 5px;
}

.css_jnldb_workspace_store_dashboard_cashsheet_content_cont {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 5px;
}

.css_jnldb_workspace_store_dashboard_cashsheet_viewicn_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /*position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;*/
}

.css_jnldb_workspace_store_dashboard_cashsheet_viewdoc_lbl {
    color: dodgerblue;
    font-size: 10px;
    font-weight: 400;
    margin: 5px 0 5px 5px;
    text-align: left;
    text-decoration: underline;
    cursor: pointer;
}

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

.css_jnldb_workspace_store_dashboard_cashsheet_panel {
    /*border-radius: 5px;*/
    padding: 10px;
    margin: 20px;
    border: 1px solid silver;
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/*.css_jnldb_workspace_store_dashboard_cashsheet_panel:hover {
        box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.5);
    }*/




.css_jnldb_workspace_store_dashboard_cashsheet_bm_refid {
    color: white;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    text-align: left;
}

.css_jnldb_workspace_store_dashboard_cashsheet_cdindex {
    color: darkslategray;
    font-size: 10px;
    font-weight: 400;
    margin: 5px 0;
    text-align: left;
}

.css_jnldb_workspace_store_dashboard_cashsheet_cdshiftindex {
    color: darkslategray;
    font-size: 10px;
    font-weight: 400;
    margin: 5px 0;
    text-align: left;
}

.css_jnldb_workspace_store_dashboard_cashsheet_certified_warn {
    color: red;
    font-size: 10px;
    font-weight: 600;
    margin: 5px 0;
    text-align: left;
}

.css_jnldb_workspace_store_dashboard_cashsheet_certified_ok {
    color: darkgreen;
    font-size: 10px;
    font-weight: 600;
    margin: 5px 0;
    text-align: left;
}

.css_jnldb_workspace_store_dashboard_cashsheet_certifieddate {
    color: darkslategray;
    font-size: 10px;
    font-weight: 400;
    margin: 5px 0;
    text-align: left;
}

.css_jnldb_workspace_store_dashboard_cashsheet_certifiedtime {
    color: darkslategray;
    font-size: 10px;
    font-weight: 400;
    margin: 5px 0;
    text-align: left;
}


.css_jnldb_workspace_store_dashboard_cashsheet_bmgroupid {
    color: white;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    text-align: right;
}

.css_jnldb_workspace_store_dashboard_cashsheet_export_icn_cont {
    margin: 0 auto;
    height: 24px;
    cursor: pointer;
}

.css_jnldb_workspace_store_dashboard_cashsheet_export_cont_ok {
    display: flex;
    flex-direction: column;
    /*flex-wrap: nowrap;*/
    font-weight: 400;
    justify-content: flex-start;
    border: 1px solid green;
    color: darkgreen;
    margin: 5px;
    padding: 5px;
    cursor: pointer;
}

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

.css_jnldb_workspace_store_dashboard_cashsheet_export_cont_no {
    display: flex;
    flex-direction: column;
    /*flex-wrap: nowrap;*/
    justify-content: flex-start;
    border: 1px solid palevioletred;
    color: palevioletred;
    margin: 5px;
    padding: 5px;
}

.css_jnldb_workspace_store_dashboard_cashsheet_export_butt_title {
    /*color: silver;*/
    font-size: 10px;
    /*font-weight: 400;*/
    margin: 0;
    text-align: center;
    cursor: pointer;
}

.css_jnldb_workspace_store_dashboard_cashsheet_export_butt_title_no {
    /*color: silver;*/
    font-size: 10px;
    font-weight: 400;
    margin: 0;
    text-align: center;
}

.css_jnldb_workspace_store_dashboard_cashsheet_export_timestamp {
    color: silver;
    font-size: 10px;
    font-weight: 300;
    margin: 0;
    text-align: center;
    cursor: pointer;
}

.css_jnldb_workspace_store_dashboard_cashsheet_customfield_cont {
    display: flex;
    flex-direction: column;
    /*flex-wrap: nowrap;*/
    justify-content: flex-start;
    border: 1px solid silver;
    margin: 5px;
    padding: 5px;
}

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

.css_jnldb_workspace_store_dashboard_cashsheet_custom_fieldname {
    color: darkslategray;
    font-size: 10px;
    font-weight: 400;
    margin: 5px 0;
    text-align: left;
}

.css_jnldb_workspace_store_dashboard_cashsheet_custom_fieldvalue {
    color: dodgerblue;
    font-size: 10px;
    font-weight: 500;
    margin: 5px 0;
    text-align: right;
}

.css_jnldb_workspace_store_dashboard_journal_panel {
    padding: 8px 10px 5px;
    margin: 10px 20px 20px 20px;
    border: 1px solid silver;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    cursor: pointer;
}

    .css_jnldb_workspace_store_dashboard_journal_panel:hover {
        box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
    }

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

.css_jnldb_workspace_store_dashboard_journal_journal_id {
    color: cornflowerblue;
    font-size: 10px;
    font-weight: 400;
    margin: 2px 0 5px 5px;
    text-align: left;
    text-decoration: underline;
    cursor: pointer;
}

.css_jnldb_workspace_store_dashboard_journal_journal_id_temp {
    color: darkgoldenrod;
    font-size: 10px;
    font-weight: 400;
    margin: 2px 0 5px 5px;
    text-align: left;
    text-decoration: underline;
    cursor: pointer;
}


.css_jnldb_workspace_store_dashboard_cs_export_tools_panel {
    padding: 8px 10px 5px;
    margin: 5px;
    border: 1px solid silver;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    font-weight: 400;
    cursor: pointer;
}

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

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

.css_jnldb_workspace_store_dashboard_cs_export_tools_id {
    color: cornflowerblue;
    font-size: 10px;
    margin: 2px 0 5px 5px;
    text-align: left;
    text-decoration: underline;
    cursor: pointer;
}


.css_jnldb_workspace_store_dashboard_kpis_panel {
    padding: 10px;
    margin: 0;
    width: 100%;
    /*border-bottom: 2px solid silver;*/
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    /*cursor: pointer;*/
}

.css_jnldb_info_popup_button {
    margin: 5px auto;
    padding: 3px;
    width: 50px;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    border: 2px solid white;
    color: white;
    background-color: slategray;
    text-decoration: underline;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

    .css_jnldb_info_popup_button:hover {
        font-weight: 600;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
    }

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

.css_jnldb_info_popup_downloadjnl_panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 10px auto;
    padding-top: 10px;
    border-top: 1px solid silver;
}

.css_jnldb_workspace_store_dashboard_kpis_val_panel {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    /* padding: 5px; */
    margin: 0 10px;
    border: 1px solid silver;
    border-radius: 3px;
}

.css_jnldb_workspace_store_dashboard_kpis_gross_all_sales {
    color: white;
    background-color: cadetblue;
    font-size: 10px;
    font-weight: 600;
    margin: 0;
    padding: 5px 10px 5px 5px;
    text-align: left;
    border-radius: 2px 2px 0 0;
}

.css_jnldb_workspace_store_dashboard_kpis_total_all_avg_order {
    color: white;
    background-color: darkgoldenrod;
    font-size: 10px;
    font-weight: 600;
    margin: 0;
    padding: 5px 10px 5px 5px;
    text-align: left;
    border-radius: 2px 2px 0 0;
}

.css_jnldb_workspace_store_dashboard_kpis_total_all_discounts {
    color: white;
    background-color: mediumvioletred;
    font-size: 10px;
    font-weight: 600;
    margin: 0;
    padding: 5px 10px 5px 5px;
    text-align: left;
    border-radius: 2px 2px 0 0;
}

.css_jnldb_workspace_store_dashboard_kpis_total_all_net_sales {
    color: white;
    background-color: steelblue;
    font-size: 10px;
    font-weight: 600;
    margin: 0;
    padding: 5px 10px 5px 5px;
    text-align: left;
    border-radius: 2px 2px 0 0;
}

.css_jnldb_workspace_store_dashboard_kpis_total_all_vat {
    color: white;
    background-color: indianred;
    font-size: 10px;
    font-weight: 600;
    margin: 0;
    padding: 5px 10px 5px 5px;
    text-align: left;
    border-radius: 2px 2px 0 0;
}

.css_jnldb_workspace_store_dashboard_kpis_total_all_sales {
    color: white;
    background-color: darkblue;
    font-size: 10px;
    font-weight: 600;
    margin: 0;
    padding: 5px 10px 5px 5px;
    text-align: left;
    border-radius: 2px 2px 0 0;
}

.css_jnldb_workspace_store_dashboard_kpis_total_all_std_orders {
    color: white;
    background-color: darkolivegreen;
    font-size: 10px;
    font-weight: 600;
    margin: 0;
    padding: 5px 10px 5px 5px;
    text-align: left;
    border-radius: 2px 2px 0 0;
}

.css_jnldb_workspace_store_dashboard_kpis_total_all_visitors {
    color: white;
    background-color: darkgoldenrod;
    font-size: 10px;
    font-weight: 600;
    margin: 0;
    padding: 5px 10px 5px 5px;
    text-align: left;
    border-radius: 2px 2px 0 0;
}

.css_jnldb_workspace_store_dashboard_kpis_gross_all_sales_val {
    color: darkslategray;
    font-size: 14px;
    font-weight: 600;
    margin: 5px;
    text-align: center;
}

.css_jnldb_workspace_store_dashboard_kpis_total_all_avg_order_val {
    color: darkslategray;
    font-size: 14px;
    font-weight: 600;
    margin: 5px;
    text-align: center;
}

.css_jnldb_workspace_store_dashboard_kpis_total_all_discounts_val {
    color: darkslategray;
    font-size: 14px;
    font-weight: 600;
    margin: 5px;
    text-align: center;
}

.css_jnldb_workspace_store_dashboard_kpis_total_all_net_sales_val {
    color: darkslategray;
    font-size: 14px;
    font-weight: 600;
    margin: 5px;
    text-align: center;
}

.css_jnldb_workspace_store_dashboard_kpis_total_all_vat_val {
    color: darkslategray;
    font-size: 14px;
    font-weight: 600;
    margin: 5px;
    text-align: center;
}

.css_jnldb_workspace_store_dashboard_kpis_total_all_sales_val {
    color: darkslategray;
    font-size: 14px;
    font-weight: 600;
    margin: 5px;
    text-align: center;
}

.css_jnldb_workspace_store_dashboard_kpis_total_all_std_orders_val {
    color: darkslategray;
    font-size: 14px;
    font-weight: 600;
    margin: 5px;
    text-align: center;
}

.css_jnldb_workspace_store_dashboard_kpis_total_all_visitors_val {
    color: darkslategray;
    font-size: 14px;
    font-weight: 600;
    margin: 5px;
    text-align: center;
}



.css_jnldb_workspace_store_dashboard_kpis_summary_panel {
    padding: 10px;
    margin: 0;
    width: 100%;
    /*border-bottom: 2px solid silver;*/
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    /*cursor: pointer;*/
}

.css_jnldb_workspace_store_dashboard_kpis_summary_values_panel {
    /*padding: 10px;*/
    margin: 5px 10px auto 0;
    /*width: 100%;*/
    /*border-bottom: 2px solid silver;*/
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    /*cursor: pointer;*/
}

.css_jnldb_workspace_store_dashboard_kpis_summary_val_panel {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    /* padding: 5px; */
    margin: 0 0 auto 0;
    border: 1px solid silver;
    /*border-radius: 3px;*/
}

.css_jnldb_workspace_store_dashboard_kpis_summary_chart_cont {
    position: relative;
    width: 100%;
    max-width: 250px;
    /*height: 180px;*/
    padding: 5px;
    /*border: 1px solid gray;*/
    text-align: center;
    /*margin: 10px;*/
    background-color: #FFFFFF;
    box-sizing: border-box;
    margin: 5px auto auto 0;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    border: 1px solid silver;
}

.css_jnldb_workspace_store_dashboard_kpis_summary_gross_all_sales {
    color: white;
    background-color: cadetblue;
    font-size: 10px;
    font-weight: 600;
    margin: 0;
    padding: 5px 10px 5px 5px;
    text-align: left;
    /*border-radius: 3px 3px 0 0;*/
}

.css_jnldb_workspace_store_dashboard_kpis_summary_total_all_avg_order {
    color: white;
    background-color: darkgoldenrod;
    font-size: 10px;
    font-weight: 600;
    margin: 0;
    padding: 5px 10px 5px 5px;
    text-align: left;
    /*border-radius: 3px 3px 0 0;*/
}

.css_jnldb_workspace_store_dashboard_kpis_summary_total_all_discounts {
    color: white;
    background-color: mediumvioletred;
    font-size: 10px;
    font-weight: 600;
    margin: 0;
    padding: 5px 10px 5px 5px;
    text-align: left;
    /*border-radius: 3px 3px 0 0;*/
}

.css_jnldb_workspace_store_dashboard_kpis_summary_total_all_net_sales {
    color: white;
    background-color: steelblue;
    font-size: 10px;
    font-weight: 600;
    margin: 0;
    padding: 5px 10px 5px 5px;
    text-align: left;
    /*border-radius: 3px 3px 0 0;*/
}

.css_jnldb_workspace_store_dashboard_kpis_summary_total_all_vat {
    color: white;
    background-color: indianred;
    font-size: 10px;
    font-weight: 600;
    margin: 0;
    padding: 5px 10px 5px 5px;
    text-align: left;
    /*border-radius: 3px 3px 0 0;*/
}

.css_jnldb_workspace_store_dashboard_kpis_summary_total_all_sales {
    color: white;
    background-color: darkblue;
    font-size: 10px;
    font-weight: 600;
    margin: 0;
    padding: 5px 10px 5px 5px;
    text-align: left;
    /*border-radius: 3px 3px 0 0;*/
}

.css_jnldb_workspace_store_dashboard_kpis_summary_total_all_std_orders {
    color: white;
    background-color: darkolivegreen;
    font-size: 10px;
    font-weight: 600;
    margin: 0;
    padding: 5px 10px 5px 5px;
    text-align: left;
    /*border-radius: 3px 3px 0 0;*/
}

.css_jnldb_workspace_store_dashboard_kpis_summary_total_all_visitors {
    color: white;
    background-color: darkgoldenrod;
    font-size: 10px;
    font-weight: 600;
    margin: 0;
    padding: 5px 10px 5px 5px;
    text-align: left;
    /*border-radius: 3px 3px 0 0;*/
}

.css_jnldb_workspace_store_dashboard_kpis_summary_gross_all_sales_val {
    color: darkslategray;
    font-size: 14px;
    font-weight: 600;
    margin: 5px;
    text-align: center;
}

.css_jnldb_workspace_store_dashboard_kpis_summary_total_all_avg_order_val {
    color: darkslategray;
    font-size: 14px;
    font-weight: 600;
    margin: 5px;
    text-align: center;
}

.css_jnldb_workspace_store_dashboard_kpis_summary_total_all_discounts_val {
    color: darkslategray;
    font-size: 14px;
    font-weight: 600;
    margin: 5px;
    text-align: center;
}

.css_jnldb_workspace_store_dashboard_kpis_summary_total_all_net_sales_val {
    color: darkslategray;
    font-size: 14px;
    font-weight: 600;
    margin: 5px;
    text-align: center;
}

.css_jnldb_workspace_store_dashboard_kpis_summary_total_all_vat_val {
    color: darkslategray;
    font-size: 14px;
    font-weight: 600;
    margin: 5px;
    text-align: center;
}

.css_jnldb_workspace_store_dashboard_kpis_summary_total_all_sales_val {
    color: darkslategray;
    font-size: 14px;
    font-weight: 600;
    margin: 5px;
    text-align: center;
}

.css_jnldb_workspace_store_dashboard_kpis_summary_total_all_std_orders_val {
    color: darkslategray;
    font-size: 14px;
    font-weight: 600;
    margin: 5px;
    text-align: center;
}

.css_jnldb_workspace_store_dashboard_kpis_summary_total_all_visitors_val {
    color: darkslategray;
    font-size: 14px;
    font-weight: 600;
    margin: 5px;
    text-align: center;
}



.css_docviewer_error_container {
    text-align: center;
    margin: 30px auto;
    padding: 20px;
}

.css_docviewer_error_title {
    font-family: Poppins;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    margin: 30px auto 10px auto;
}

.css_docviewer_error_message {
    font-family: Poppins;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    margin: 10px auto 30px auto;
}

.css_docviewer_closetab_butt {
    z-index: 3;
    height: 30px;
    width: 80px;
    padding-top: 6px;
    border-radius: 4px;
    color: white;
    background-color: darkslategray;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    font-family: Poppins;
    margin: 20px auto;
    text-align: center;
}

.css_jnldb_edittags_modal_title {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    margin: 5px auto;
    padding: 5px;
}

.css_jnldb_edittags_modal_groupname {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    color: steelblue;
    text-align: center;
    margin: 5px auto;
    padding: 5px;
}

.css_jnldb_edittags_modal_storename {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    color: dodgerblue;
    text-align: center;
    margin: 5px auto;
    padding: 5px;
}

.css_jnldb_edittags_modal_datelabel {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    color: darkviolet;
    text-align: center;
    margin: 5px auto;
    padding: 5px;
}


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



/*MEDIABOARDS*/

@-webkit-keyframes css_genmgr_sk-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 css_genmgr_sk-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;
    }
}

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

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

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

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

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

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

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

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

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


.css_genericmgr_workspace_topmenubar_cont {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 65px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background-color: white;
    border-bottom: 1px solid silver;
    justify-content: flex-start;
    z-index: 100;
}

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

.css_genericmgr_workspace_topmenu_button {
    text-align: center;
    width: 50px;
    padding: 5px;
    margin: 5px;
    border: 1px solid #1e90ff;
    border-radius: 5px;
    background-color: #ffffff;
    cursor: pointer;
}

.portal_navmenu_dropdown_title_text {
    font-family: Poppins;
    font-weight: 500;
    font-size: 10px;
    color: #1e90ff;
}

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


.css_genericmgr_brands_loading_container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    text-align: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url('/images/portal/content/mediaboardmgrbg.jpg');
}

.css_genericmgr_brands_loading_spin_badge {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    background-color: dodgerblue;
    width: 100vw;
    max-width: 300px;
    padding: 30px 20px 30px 20px;
    border-radius: 8px;
}

.css_genericmgr_progress_badge_cont {
    text-align: center;
    margin: 10px auto;
    display: flex;
    flex-direction: column;
    font-family: Poppins;
    color: #000000;
    font-size: 16px;
    border-radius: 8px;
    background-color: white;
    color: dodgerblue;
    margin: 20px auto 15px auto;
    padding: 15px;
}

.css_genericmgr_progress_badge_title {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    color: dodgerblue;
    margin: 10px auto;
}

.css_genericmgr_progress_badge_subtitle {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    color: dodgerblue;
    width: 100%;
    margin: 10px auto;
}

.css_genericmgr_mediabrands_container {
    position: relative;
    text-align: center;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none;
    margin-top: 80px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

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

.css_genericmgr_mediabrands_cont {
    text-align: center;
    padding: 5px 10px 50px 10px;
    color: dodgerblue;
    background-color: white;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    cursor: pointer;
}

.css_genericmgr_mediabrands_cont_subtitle {
    font-family: Poppins;
    font-size: 20px;
    font-weight: bold;
    color: darkgreen;
    margin: 20px auto 20px auto;
}

.css_genericmgr_footertitle_captivapos_cont {
    position: fixed;
    right: 10px;
    bottom: 0;
    text-align: right;
    color: silver;
    padding: 5px;
    font-size: 10px;
    font-weight: 400;
    z-index: 100;
}

.css_genericmgr_main_loading_container {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 20px;
    border-radius: 8px;
    border: 2px solid silver;
    background-color: white;
}

.css_genericmgr_main_loading_pleasewait_lbl {
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    color: white;
    margin: 20px auto 15px auto;
}

.css_genericmgr_main_loading_instr_lbl {
    text-align: center;
    font-family: Poppins;
    color: #000000;
    font-size: 16px;
    border-radius: 8px;
    background-color: white;
    color: dodgerblue;
    margin: 20px auto 15px auto;
    padding: 15px;
}

.css_genericmgr_main_loading_label_text {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
}

.css_genericmgr_workspace_container {
    position: relative;
    font-family: Poppins;
    padding-top: 10px;
    margin: 70px auto 30px auto;
}

.css_genericmgr_workspace_section_container {
    position: relative;
}

.css_genericmgr_progress_container {
    text-align: left;
    border: 1px solid #D2D2D2;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    padding: 20px;
}

.css_genericmgr_progress_contain_inner {
    text-align: left;
    border-radius: 8px;
    background-color: dodgerblue;
    padding: 20px 0 20px 0;
}

.css_genericmgr_hme_menu_desktop_canvas {
    text-align: center;
    height: 100%;
    border-radius: 8px;
    padding: 10px;
    margin: 0 auto 0 auto;
    position: relative;
    width: 100%;
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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

.css_genericmgr_lch_mbrand_container {
    margin-bottom: 30px;
}


.css_genericmgr_hme_desktopmenu_optionsbuttontitlepanel {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    border-top: 1px solid white;
    padding-top: 10px;
    margin-top: 40px;
}

.css_genericmgr_hme_desktopmenu_options_butttitlepanel_icon {
    text-align: center;
    margin: 10px;
}

.css_genericmgr_hme_desktopmenu_options_buttpanel_title {
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    font-family: Poppins;
    padding-top: 10px;
    color: white;
}

.css_genericmgr_hme_desktopmenu_optionsbuttonpanel {
    width: 100%;
}


.css_genericmgr_hme_desktopmenu_options_buttonpanelbox {
    cursor: pointer;
}


.css_genericmgr_hme_desktopmenu_options_button {
    text-align: center;
    padding: 10px 10px 20px 10px;
    margin: 10px 20px;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    height: 150px;
    width: 150px;
    min-width: 120px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background-color: white;
}

    .css_genericmgr_hme_desktopmenu_options_button:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    }


.css_genericmgr_hme_desktopmenu_options_butt_icon {
    text-align: center;
    margin: 10px;
}

.css_genericmgr_hme_desktopmenu_options_butt_title {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    font-family: Poppins;
}

.css_genericmgr_hme_desktopmenu_options_butt_desc {
    text-align: center;
    font-size: 10px;
    font-family: Poppins;
}

.css_genericmgr_lch_mbrand_container {
    margin-bottom: 30px;
}

.css_genericmgr_launch_back_butt {
    margin: 20px auto 20px auto;
    height: 40px;
    width: 120px;
    text-align: center;
    font-weight: normal;
    background-color: white;
    font-family: Avenir Medium;
    font-size: 16px;
    color: darkred;
    border: 2px solid darkred;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 7px;
}

    .css_genericmgr_launch_back_butt:hover {
    }

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

.css_genericmgr_homemenu_progress_title {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    margin: 10px auto 20px auto;
    color: white;
}

.css_genericmgr_homemenu_progress_subtitle {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    margin: 10px auto 10px auto;
    color: white;
}

.css_genericmgr_homemenu_progress_badge {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 400;
    margin: 10px auto;
    color: dodgerblue;
    background-color: white;
    border-radius: 4px;
    padding: 10px;
}

.css_mediamgr_mediapreview_info_item_title {
    font-family: Poppins;
    font-size: 14px;
}

.css_mediamgr_mediapreview_info_item_subtitle {
    font-family: Poppins;
    font-size: 12px;
}

.css_mediamgr_mediapreview_info_item_mindetail {
    font-family: Poppins;
    font-size: 10px;
    color: silver;
}

.css_mediamgr_mediapreview_info_item_stddetail {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
}

.css_mediamgr_mediapreview_info_item_linkdetail {
    font-family: Poppins;
    font-size: 12px;
    color: steelblue;
    text-decoration: underline;
}

.css_mediamgr_preview_content_holder {
    min-height: 40vh;
}

.css_mediamgr_preview_info_cont {
    position: relative;
    text-align: center;
    /*height: 700px;*/
    margin: 10px auto;
}

.css_mediamgr_preview_iframe_cont {
    position: relative;
    text-align: center;
    /*height: 700px;*/
    /*width: 330px;*/
    margin: 10px auto;
}

.css_mediamgr_preview_iframe_land {
    height: 384px;
    width: 512px;
    border: none;
}

.css_mediamgr_preview_iframe_port {
    height: 512px;
    width: 384px;
    border: none;
}

.css_mediamgr_mediapreview_tools_cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: center;
}

.css_mediamgr_mediapreview_mediatitle {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    margin: 5px auto 0 auto;
    color: white;
}

.css_mediamgr_mediapreview_mediasubtitle {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    margin: 0 auto;
    color: white;
}

.css_mediamgr_mediapreview_toolbar_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.css_mediamgr_mediapreview_toolbar_item_cont {
    margin: 0 10px;
    cursor: pointer;
    border: 2px solid white;
    border-radius: 5px;
    padding: 5px;
    font-weight: 400;
    min-height: 60px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

    .css_mediamgr_mediapreview_toolbar_item_cont:hover {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 1);
        font-weight: 600;
    }

.css_mediamgr_mediapreview_toolbar_icon_cont {
}

.css_mediamgr_mediapreview_toolbar_label {
    font-size: 10px;
}

.css_mediamgr_mediapreview_mediaboards_buttons_cont {
    padding: 10px;
    text-align: left;
    margin: 20px auto;
}

.css_mediamgr_mediapreview_mediaboards_canvas {
    display: flex;
}

.css_mediamgr_mediapreview_mediaboard_item {
    text-align: center;
    padding: 10px 10px 20px 10px;
    margin: 10px 20px;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    height: 150px;
    width: 150px;
    min-width: 120px;
    font-weight: 400;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background-color: white;
    cursor: pointer;
}

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

.css_mediamgr_mediapreview_mediaboard_item_title {
    font-family: Poppins;
    font-size: 12px;
}

.css_mediamgr_mediapreview_mediaboard_item_subtitle {
    font-family: Poppins;
    font-size: 10px;
}

.css_mediamgr_mediapreview_mediaboard_item_icon {
    text-align: center;
    margin: 10px;
}

.css_mediamgr_mediapreview_mediaboard_item_selboxmini {
    position: relative;
    text-align: left;
    color: #FFFFFF;
    font-size: 12px;
    height: 30px;
    width: 15px;
    display: inline-block;
    background: #FFFFFF;
    margin: 10px;
    padding-top: 5px;
    cursor: pointer;
}




.css_mediamgr_media_locations_gallery_buttons_cont {
    padding: 10px;
    text-align: left;
    margin: 20px auto;
}

.css_mediamgr_media_locations_gallery_canvas {
    display: flex;
}

.css_mediamgr_media_locations_gallery_item {
    font-family: Poppins;
    text-align: center;
    padding: 10px;
    margin: 10px 20px;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    width: 250px;
    min-width: 120px;
    font-weight: 400;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background-color: white;
}
    .css_mediamgr_media_locations_gallery_item:hover {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
        font-weight: 500;
    }

.css_mediamgr_media_locations_gallery_image {
    object-fit: cover;
    max-width: 100%;
    height: 150px;
    image-rendering: pixelated;
}
.css_mediamgr_media_locations_gallery_item_labelrow {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.css_mediamgr_media_locations_gallery_item_title {
    font-size: 14px;
    font-weight: 600;
    color: steelblue;
}

.css_mediamgr_media_locations_gallery_item_subtitle {
    font-size: 12px;
    font-weight: 400;
    color: grey;
}

.css_mediamgr_media_locations_gallery_item_storename {
    font-size: 10px;
    font-weight: 600;
    color: darkmagenta;
}

.css_mediamgr_media_locations_gallery_item_storeid {
    font-size: 10px;
    font-weight: 400;
    color: silver;
    margin-left: 5px;
}
.css_mediamgr_media_locations_gallery_item_controlbox{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
}
.css_mediamgr_media_locations_gallery_item_selboxmini {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.css_mediamgr_media_locations_gallery_item_mainimagecon {
    text-align: center;
    margin: 10px;
    cursor: pointer;
    height: 150px;
    overflow: hidden;
}

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

.css_mediamgr_media_locations_gallery_item_iconbox {
    padding: 0 5px;
    cursor: pointer;
}
.css_mediamgr_media_locations_gallery_item_func_cursor{
    cursor: pointer;
}
.css_capcloud_properties_editor_form_editor{
    background-color: steelblue;
    padding: 10px;
}

.css_capcloud_properties_editor_form_canvas {
    text-align: center;
    height: 100%;
    border-radius: 8px;
    padding: 10px;
    margin: 0 auto 0 auto;
    position: relative;
    width: 100%;
    overflow-x: hidden;
    -ms-overflow-style: none;
}

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

.css_capcloud_properties_editor_form_editor {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}


.css_capcloud_properties_editor_form_entryline {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    border-top: 1px solid white;
    padding-top: 10px;
    margin-top: 40px;
}

.css_capcloud_properties_editor_form_entry_icon {
    text-align: center;
    margin: 10px;
}

.css_capcloud_properties_editor_form_entry_title {
    text-align: left;
    font-size: 22px;
    font-weight: 500;
    font-family: Poppins;
    padding-top: 10px;
    color: white;
}

.css_capcloud_properties_editor_form_editprops_cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.css_capcloud_properties_editor_form_setup_section_box {
    position: relative;
    border: 2px solid lightgrey;
    border-radius: 6px;
    margin: 10px;
    font-weight: 300;
    padding: 0 20px;
    background-color: white;
}

.css_capcloud_properties_editor_form_setup_section_boxmini {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid #D2D2D2;
    /*border-radius: 6px;*/
    margin: 0 auto 10px auto;
    padding: 10px 20px;
    text-align: left;
}

.css_capcloud_properties_editor_form_setup_section_border {
    margin: 5px auto;
    /*padding: 5px;*/
}

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

.css_capcloud_properties_editor_form_fieldname_lbl {
    font-size: 14px;
    margin: 0px;
    padding: 5px 5px 0 0;
    font-weight: 500;
    font-family: Poppins;
}

.css_capcloud_properties_editor_form_popup_icn {
    cursor: pointer;
    padding-top: 5px;
    text-decoration: none;
}

.css_capcloud_properties_editor_form_setup_input_text {
    margin: 0;
    box-sizing: border-box;
    /*border-radius: 5px 5px 5px 5px;*/
    border-width: 1px;
    border-style: solid;
    border-color: gray;
    font-size: 14px;
    background-color: white;
    padding: 6px 10px 6px 10px;
    width: 100%;
}

.css_capcloud_properties_editor_form_setup_validwarning_box {
    position: relative;
    border: 2px solid white;
    margin: 10px auto;
    padding: 10px 20px 8px 20px;
    text-align: left;
    max-width: 500px;
    background-color: darkgoldenrod;
    color: white;
    font-weight: 400;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.css_capcloud_properties_editor_form_setup_validwarning_icon {
    padding: 2px 0 0 0;
}

.css_capcloud_properties_editor_form_setup_validwarning_lbl {
    color: white;
    margin-left: 10px;
    margin-top: 3px;
    font-weight: 400;
}

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

.css_capcloud_properties_editor_form_instruction_text {
    font-size: 16px;
    font-weight: 600;
    color: steelblue;
    margin: 0;
    padding: 0;
}

.css_capcloud_properties_editor_form_save_section_border {
    border: 2px solid green;
    border-radius: 6px;
    margin: 5px auto;
    padding: 5px;
}

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

.css_capcloud_properties_editor_form_butt_delete {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 10px 10px 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_capcloud_properties_editor_form_butt_delete:hover {
        color: white;
        background-color: crimson;
        font-weight: 600;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 1);
    }


.css_capcloud_properties_editor_form_butt_save {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 10px auto 10px 10px;
    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_capcloud_properties_editor_form_butt_save:hover {
        color: white;
        background-color: green;
        font-weight: 600;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 1);
    }

.css_capcloud_properties_editor_form_butt_icon {
    margin-right: 5px;
}

.css_capcloud_properties_editor_form_butt_label {
    margin-left: 5px;
}

.css_capcloud_properties_editor_form_setups_back_butt {
    margin: 20px auto 20px auto;
    height: 40px;
    width: 120px;
    text-align: center;
    font-weight: normal;
    background-color: white;
    font-family: Avenir Medium;
    font-size: 16px;
    color: darkred;
    border: 2px solid darkred;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding-top: 7px;
}

    .css_capcloud_properties_editor_form_setups_back_butt:hover {
    }

.css_capcloud_properties_editor_form_select_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_capcloud_properties_editor_form_locationimg_img_preview {
    max-width: 200px;
    max-height: 200px;
}

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



/*MEDIABOARDS*/
@media (min-width: 576px) {
    .captivaappbuild_catpanel_topmenu {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .captivaappbuild_catpanel_topmenu {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .captivaappbuild_catpanel_topmenu {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .captivaappbuild_catpanel_topmenu {
        max-width: 1140px;
    }
}





.css_brandapp_page {
    text-align: center;
    height: 100vh;
    width: 100vw;
}

.captivaappbuild_fulldevicepanel {
    width: 100%;
    height: 800px;
    margin: 10px;
    padding: 10px;
    background-color: #303030;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-position: center;
    background-position-y: center;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}


.appdevice_screen {
    /*position: relative;*/
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    font-family: Quicksand;
    height: calc(100vh - 45px);
    background-color: #F8F8F8;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
    margin-top: 2px;
    /*overflow:scroll;*/
}

@media (min-width: 576px) {
    .appdevice_screen {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .appdevice_screen {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .appdevice_screen {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .appdevice_screen {
        max-width: 1140px;
    }
}








.css_cldapp_ol_hmetopspacer_size_slider {
    -webkit-appearance: none;
    width: 100px;
    height: 25px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

    .css_cldapp_ol_hmetopspacer_size_slider:hover {
        opacity: 1;
    }

    .css_cldapp_ol_hmetopspacer_size_slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 25px;
        height: 25px;
        background: dodgerblue;
        cursor: pointer;
    }

    .css_cldapp_ol_hmetopspacer_size_slider::-moz-range-thumb {
        width: 25px;
        height: 25px;
        background: dodgerblue;
        cursor: pointer;
    }


.css_brandapp_vpos_login_panel {
    width: 100%;
    max-width: 800px;
    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);
}

.css_appmode_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_oa_appmode_live_butt {
    border-radius: 4px 0 0 4px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: #FFFFFF;
    color: #000000;
    font-family: Avenir Medium;
    font-size: 16px;
    width: 100px;
    height: 40px;
    cursor: pointer;
    padding-top: 10px;
}

.css_oa_appmode_preview_butt {
    border-radius: 0 4px 4px 0;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    background: #FFFFFF;
    color: #000000;
    font-family: Avenir Medium;
    font-size: 16px;
    width: 100px;
    height: 40px;
    cursor: pointer;
    padding-top: 10px;
}

.css_oa_appmode_live_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-family: Avenir Medium;
    font-size: 16px;
    width: 100px;
    height: 40px;
    cursor: pointer;
    padding-top: 10px;
}

.css_oa_appmode_preview_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-family: Avenir Medium;
    font-size: 16px;
    width: 100px;
    height: 40px;
    cursor: pointer;
    padding-top: 10px;
}

.css_brandapp_trackermap_canvas {
    background: #FFFFFF;
    /*max-width: 800px;
    max-width: 800px;*/
    min-height: 500px;
    height: 100%;
}


.basket_item_panel {
    font-family: Quicksand;
    width: 100%;
    height: 100px;
    margin: 2px;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.2);
    border: 2px solid rgba(255, 255, 255, 0.2);
    background-position: center;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px #000000;
}



.captivaappbuild_basketpanel_topmenu {
    width: 100%;
    height: 60px;
    margin: 0px;
    padding: 5px;
    min-width: 230px;
    background: rgba(120,132,132,0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 0px 0px;
}

.captivaappbuild_cataloguepanel_btmmenu {
    width: 100%;
    height: 60px;
    margin: 0px;
    padding: 5px;
    min-width: 230px;
    background: rgba(120,132,132,0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 0px 0px;
}

.appoptions-screens {
    font-family: Quicksand;
    width: 100%;
    height: 100%;
    margin: auto auto 20px auto;
    background-color: #FFFFFF;
    background-image: url(/images/brandapp/orderapp/appstudio.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    /*background-attachment: scroll;*/
    background-position-x: center;
    /*padding-top: 20px;*/
}







@media (max-width: 1200px) {
}


@media (max-width: 500px) {

    .css_cldapp_app_sel_catoptions_cont {
        margin: 10px 0;
        padding: 0;
    }

    .css_cldapp_setup_app_cats_canvas {
        padding: 15px 0;
    }

    .css_phubpublisher_storespanel_store_elementpanel {
        width: 100%;
    }
    /* ------------------------------------------------------------------ */
    .css_qrpos_homepanel_overlay_txt_title {
        font-size: 24px;
    }

    .css_qrpos_homepanel_overlay_txt_subtitle {
        font-size: 10px;
    }

    .css_qrposdemo_apps_container {
        flex-direction: column;
    }


    .css_qrposdemo_app_container {
        padding: 10px;
        margin: 20px auto;
        /*box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);*/
        border-bottom: 1px solid silver;
    }


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

}

@media (max-width: 400px) {

    .css_appmgr_ol_offernotice_box {
        width: 100%;
        margin: unset;
        padding: 20px;
    }

    .css_prtstart_cloudapps_addapp_create_cats_items {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .css_cldapp_stcatset_setup_section_box {
        margin: 0px;
        padding: 5px;
    }

    .css_cldapp_stcatset_setup_section_boxmini {
        margin: 10px 0 0 0;
        padding: 5px;
    }

    .cldapp_progress_container {
        text-align: center;
        border: 1px solid #D2D2D2;
        border-radius: 8px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
        background-color: white;
        max-width: 500px;
        /*min-height: 600px;*/
        margin: 30px auto 10px auto;
        padding: 0;
    }

    .cldapp_progress_contain_inner {
        text-align: center;
        padding: 0;
    }

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

    .css_prtstart_cloudapps_addapp_registration_cont {
        background-color: #f1f0f0;
        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: 20px 0 20px 0;
        padding: 10px 5px 5px 10px;
        width: 100%;
        max-width: 600px;
        text-align: left;
    }

    .css_cldapp_progress_title {
        text-align: center;
        font-size: 20px;
        font-family: Quicksand;
        margin: 10px auto 10px auto;
        color: white;
    }

    .css_cldapp_app_list_brand_icn_image {
        width: 40px;
        margin: 5px;
        border: none;
    }

    .css_cldapp_app_list_brand_title {
        font-size: 18px;
    }

    .portal_navmenu_dropdown_title_text {
        font-size: 10px;
    }

    .css_v2_top_menubar_butt_title_text {
        font-size: 10px;
    }

    .css_prtstart_cloudapps_reg_brandapp_cont {
        padding: 5px 0 50px 0;
    }

    .css_prtstart_cloudapps_menu_item {
        max-width: unset;
    }

    .css_appmgr_hme_desktopmenu_options_buttpanel_title {
        font-size: 18px;
        font-weight: 600;
        padding-top: 15px;
    }

    .css_appmgr_hme_desktopmenu_options_button {
        margin: 10px 5px;
    }

    .cldapp_progress_container {
        background-color: dodgerblue;
    }

    .css_appmgr_hme_appsetupmenu_options_button {
        margin: 10px 5px;
    }

    .css_appmgr_hme_appsetupmenu_delete_button {
        margin: 10px 5px;
    }
}



@media (max-width: 500px) {


    .css_appmgr_hme_menu_blocklist_items_canvas {
        padding: 0;
    }

    .css_intportal_jnlreq_reqbuilder_itementry_title_txt {
        font-size: 10px;
    }

    .css_intportal_jnlreq_reqbuilder_cont {
        padding: 10px 0;
    }

    .css_intportal_jnlreq_reqbuilder_item_cont {
        padding: 10px 0;
    }

    .css_intportal_jnlreq_reqbuilder_radiochoice_container {
        margin: unset;
    }

    .css_mini_strchts_pagestorestats_chart_canvas_sb {
        width: 25%;
    }

    .css_mini_strchts_pagestorestats_chart_canvas_sb_ele_title {
        font-size: 12px;
    }

    .css_mini_strchts_pagestorestats_chart_canvas_sb_ele_val {
        font-size: 12px;
    }

    .css_mini_strchts_pagestorestats_chart_canvas_sb_ele_sub {
        font-size: 10px;
    }

    .css_mini_strchts_pagestorestats_chart_canvas {
        padding: 5px;
    }

    .css_strchts_pagestorestats_canvastitle_txt {
        font-size: 12px;
        top: 8px;
    }
}

@media (max-width: 800px) {

    .css_appmgr_mkt_wizard_selector_loyaltyoptions_container {
        width: 100%;
        padding: 10px 5px 10px;
    }

    .css_appmgr_analytics_page_module_titlepanel_title {
        padding-top: 0;
    }

    .css_appmgr_slider_mkt_days_selector_range_container {
        width: 100%;
        padding: 10px 5px 10px;
    }

    .css_appmgr_slider_range_manual_buttons_line {
        padding: 0 5px;
    }

    .css_appmgr_analytics_container_canvas {
        padding: 10px 0;
    }

    .css_appmgr_analytics_items_panel_cont {
        width: 100%;
    }

    .css_appmgr_analytics_header_desktop_canvas {
        padding: 0;
    }

    .css_appmgr_analytics_storeitems_panel_cont {
        width: 100%;
    }

    .css_appmgr_hme_menu_orderslist_orders_toolbar_refreshbox {
        margin: 5px 0 0 0;
    }

    .css_appmgr_hme_menu_orderslist_orders_toolbar_dateselbox {
        margin: 5px 0 0 0;
    }

    .css_appmgr_hme_menu_orderslist_orders_toolbar_backbox {
        margin: 5px 0 0 0;
        justify-content: flex-start;
    }

    .css_appmgr_hme_menu_orderslist_orders_toolbar_searchbox {
        margin: 0 5px;
        justify-content: flex-start;
    }

    .css_appmgr_hme_menu_orderslist_orders_toolbar_searchbox_text {
        width: 150px;
    }

    .css_appmgr_hme_menu_orderslist_orders_toolbar_cont {
        padding: 0;
    }

    .css_appmgr_hme_menu_orderslist_orders_toolbar_row_right {
        flex-direction: column;
    }

    .css_hme_menu_ordlist_cont {
        flex-wrap: wrap;
    }

    .css_cldapp_appmgr_startsplash_video_preview_video {
        margin: unset;
        width: 100%;
        object-fit: contain;
    }

    .css_cldapp_appmgr_startsplash_video_preview_button_cont {
        right: 5px;
        top: 5px;
    }

    .css_grpmgr_group_elementpanel {
        width: 90%;
    }

    .css_oa_ol_appmgr_offer_item {
        margin: 10px auto;
        width: 100%;
    }

    .css_appmgr_hme_menu_promotions_canvas {
        padding: 5px;
    }

    .css_mktmgr_promo_editor {
        min-height: unset;
    }

    .css_mktmgr_promo_editor_instruction_text_proddepts {
        font-size: 12px;
    }

    .css_mktmgr_promo_editor_instruction_text {
        font-size: 14px;
    }

    .css_promopanels_noitems_panel_title {
        font-size: 16px;
    }

    .css_promopanels_noitems_panel_subtitle {
        font-size: 12px;
    }

    .css_v2_top_menubar_cont {
        margin: 15px auto;
    }

    .css_v2_top_menubar_butt_title_text {
        font-size: 10px;
    }

    .css_v2_top_menubar_butt_icon_row {
        width: unset;
    }

    .css_v2_top_menubar_butt_icon_bubble {
        left: 50%;
        -ms-transform: translate(0, -50%);
        transform: translate(-0 -50%);
    }

    .css_inapp_promos_edit_items_panel_cont {
        width: 100%;
        margin: 10px auto;
        padding: 0;
    }

    .css_promosview_panel_canvas {
        max-width: unset;
    }

    .css_promopanels_items_panel_cont {
        width: 100%;
        margin: 10px auto;
        padding: 0;
    }

    .css_cldapps_customcfg_mob_demo_butt_cont {
        display: none;
    }

    .css_cldapps_customcfg_demo_mobdesktop_butt {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        margin: 20px auto 20px auto;
        height: 40px;
        width: 160px;
        text-align: center;
        font-weight: normal;
        background-color: white;
        font-family: Avenir Medium;
        font-size: 16px;
        color: darkgreen;
        border: 2px solid darkgreen;
        border-radius: 8px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
        cursor: pointer;
        padding-top: 7px;
    }

        .css_cldapps_customcfg_demo_mobdesktop_butt:hover {
            color: white;
            background-color: steelblue;
            border-color: white;
        }

    .div_cloudapps_portal_subtitle {
        font-size: 16px;
    }

    .css_prtstart_cloudapps_reg_brand_title {
        font-size: 16px;
    }

    .css_prtstart_cloudapps_reg_brand_icn_image {
        width: 40px;
    }

    .css_prtstart_cloudapps_reg_brand_subtitle {
        font-size: 14px;
    }

    .css_prtstart_cloudapps_reg_brand_id {
        font-size: 10px;
    }

    .css_prtstart_cloudapps_reg_brand_info {
        font-weight: normal;
        font-size: 10px;
    }

    .css_prtstart_cloudapps_reg_brand_info_detail {
        font-size: 10px;
    }

    .div_cloudapps_portal_title {
        font-size: 18px;
    }

    .css_cldapp_customcfg_selectitem_text {
        font-size: 14px;
    }

    .css_cldapp_app_list_store_title {
        font-size: 16px;
    }

    .css_cldapp_app_list_appcat_title {
        font-size: 16px;
    }

    .css_cldapp_app_list_appcat_subtitle {
        font-size: 12px;
    }

    .css_cldapp_app_list_appcat_defaultstore_subtitle {
        font-size: 10px;
    }

    .css_cldapps_modicn_img {
        width: 60px;
    }

    .css_cldapps_modbutt_title {
        font-size: 16px;
    }



    .css_mini_strchts_selectedstorestats_chart_canvas_cont {
        margin: 5px;
    }

    .css_mini_account_heading {
        display: block;
    }

    .css_main_links_container_row {
        display: block;
        width: 100%;
    }

    .css_prtstart_main_portal_menu {
        display: none;
    }

    .css_cld_account_heading {
        display: none;
    }

    .css_platstatus_minidashboard_rpt_title_section_container {
        font-size: 16px;
    }

    .css_platstatus_mini_dash_appsts_elementpanel_green {
        width: 100%;
    }

    .css_platstatus_mini_dash_appsts_elementpanel_orange {
        width: 100%;
    }

    .css_platstatus_mini_dash_appsts_elementpanel_red {
        width: 100%;
    }


    .css_licmgr_messenger_client_image {
        /*max-width: 100%;*/
        margin: 0;
        border-radius: 4px;
        overflow: hidden;
    }

    .css_licmgr_messenger_client_image_client {
        /*width: 100%;*/
        /*max-width: 100%;*/
        margin: 0;
        border-radius: 4px;
        overflow: hidden;
    }

    .css_licmgr_messenger_addmessage_text {
        /*width: 260px;*/
        font-size: 14px;
        /*left: 40px;*/
    }

    .css_platformsts_section_storesKPIelementActive {
        width: 100%;
    }

    .css_platformsts_section_storesKPIelementv5 {
        width: 100%;
    }

    .css_platformsts_section_storesKPIelementDemo {
        width: 100%;
    }

    .css_platformsts_section_storeKPIelement {
        width: 100%;
    }

    .css_platformsts_services_table_title_section_container {
        font-size: 16px;
    }

    .css_platformsts_services_table_element_panel {
        width: 100%;
    }

    .css_platformsts_services_table_element_panel_sel {
        width: 100%;
    }

    .css_platformsts_services_table_svcname_textlbl {
        font-size: 14px;
        font-weight: normal;
    }

    .css_oc_dash_rpt_latestq_options_button_panel {
        margin-left: 0px;
        margin-right: 0px;
    }

    .css_oc_dash_stores_storepanel {
        width: 100%;
    }

    .css_oc_dash_reqheadline_panel {
        width: 100%;
    }

    .css_oc_dash_regreq_hl_panel {
        width: 100%;
    }

    .css_oc_dash_stores_storeinboxespanel {
        width: 100%;
    }

    .css_oc_dash_stores_highprocesspanel {
        width: 100%;
    }

    .css_oc_dash_stores_slowestdurationspanel {
        width: 100%;
    }

    .css_oc_dash_stores_functiontimingpanel {
        width: 100%;
    }

    .css_oc_dash_stores_functiming_textlbl {
        font-size: 14px;
        font-weight: normal;
    }

    .css_oc_dash_prov_report_elementpanel {
        width: 100%;
    }

    .css_ocdash_appstatus_container {
        margin-left: 5px;
        margin-right: 5px;
    }

    .css_ocdash_chart_container {
        margin-left: 5px;
        margin-right: 5px;
    }

    .css_oc_dash_appsts_elementpanel_blue {
        width: 100%;
    }

    .css_oc_dash_appsts_elementpanel_green {
        width: 100%;
    }

    .css_oc_dash_appsts_elementpanel_orange {
        width: 100%;
    }

    .css_oc_dash_appsts_elementpanel_red {
        width: 100%;
    }

    .css_oc_dash_appsts_elementpanel_min_blue {
        width: 100%;
    }

    .css_oc_dash_appsts_elementpanel_min_green {
        width: 100%;
    }

    .css_oc_dash_appsts_elementpanel_min_orange {
        width: 100%;
    }

    .css_oc_dash_appsts_elementpanel_min_red {
        width: 100%;
    }

    .css_oc_dash_appstslog_debugdata_textlbl {
        width: 90%;
    }

    .css_licmgr_store_elementpanel {
        width: 100%;
    }

    .css_oc_dash_stores_storename_textlbl {
        font-size: 14px;
        font-weight: normal;
    }

    .css_licmgr_stores_storename_textlbl {
        font-size: 16px;
        font-weight: normal;
    }

    .css_ocdashboard_rpt_title_section_container {
        font-size: 16px;
    }

    .css_portal_home_option_button {
        cursor: pointer;
        text-align: center;
        margin: 15px;
        padding: 5px;
        border: 1px solid rgba(0, 0, 0, 0.5);
        box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.1);
    }

    .css_portaladmin_home_option_button {
        width: 90%;
    }

    .captivabi_storesetuppanel {
        margin: 0 auto;
        padding: 0;
        border: none;
    }

    .css_store_setup_outer_section_container {
        margin: 0;
        padding: 5px;
    }

    .captiva_store_license_config_section {
        margin: 2px;
        padding: 5px;
    }

    .css_storesetup_radlistbox {
        margin: 0px;
    }

    .css_store_setup_inner_section_container {
        margin: 0;
        padding: 5px;
    }

    .css_store_setup_integ_section_inner_container {
        margin: 0;
        padding: 0;
    }

    .css_captiva_jumbotron_lite {
        margin: 2px;
        padding: 5px;
    }

    .css_captiva_cardborder_lite {
        margin: 5px;
        padding: 5px;
    }

    .css_store_setup_integ_section_container {
        margin: 2px;
        padding: 0;
    }

    .css_oc_order_receipt_panel {
        border: none;
        margin: 0;
        padding: 1px;
        box-shadow: none;
    }

    .css_integrators_setuppanel {
        margin: 0;
        padding: 0;
    }

    .css_store_setup_col_section_container {
        margin: 0;
        padding: 5px;
    }


    .basket_item_qty_value_noopt {
        display: none;
    }





    .bskt_item {
    }



    .css_app_start_button {
        width: 100px;
        height: 100px;
        font-size: small;
    }





    /*.css_appcatalogue_itempanel_image {
            max-height: 160px;
        }*/


    .css_oa_menulist_det {
        border-right: none;
    }
}




@media (max-width: 576px) {
    .css_site2_topmenu_button_cont {
        padding-right: 0;
    }

    .css_jnldb_onscreen_display_line_content_cont {
        margin-left: 0;
        padding-left: 3px;
    }

    .css_jnldb_onscreen_display_line_content_lbl {
        font-size: 14px;
    }

    .css_jnldb_workspace_container {
        padding-top: 0;
    }

    .css_jnldb_workspace_group_panel {
        width: 100%;
        margin: 10px;
    }

    .css_jnldb_workspace_stores_content_panel {
        margin: 0 3px 3px 3px;
    }

    .css_jnldb_workspace_stores_journals_panel {
        width: 100%;
    }

    .css_jnldb_workspace_stores_cashsheets_panel {
        width: 100%;
    }

    .css_jnldb_workspace_stores_jnlwarn_cont {
        width: 100%;
    }

    .css_jnldb_workspace_store_dashboard_kpis_panel {
        flex-wrap: wrap;
    }
}