@import '_content/CM.ComponentLibrary/CM.ComponentLibrary.61dxmczjsv.bundle.scp.css';
@import '_content/Toolbelt.Blazor.SplitContainer/Toolbelt.Blazor.SplitContainer.bundle.scp.css';

/* /Components/Account/Login.razor.rz.scp.css */
<h3>Login.razor</h3>

@code[b-cyhrq9danx] {

}
/* /Components/Account/Logout.razor.rz.scp.css */
/* /Components/CMS/CoBrandContent.razor.rz.scp.css */
.PSPDFKit-Text-Markup-Annotation-Toolbar-Button-Delete[b-wom580681u],
.PSPDFKit-Rectangle-Annotation-Toolbar-Button-Delete[b-wom580681u],
.PSPDFKit-Ellipse-Annotation-Toolbar-Button-Delete[b-wom580681u],
.PSPDFKit-Polygon-Annotation-Toolbar-Button-Delete[b-wom580681u],
.PSPDFKit-Polyline-Annotation-Toolbar-Button-Delete[b-wom580681u],
.PSPDFKit-Line-Annotation-Toolbar-Button-Delete[b-wom580681u],
.PSPDFKit-Ink-Annotation-Toolbar-Button-Delete[b-wom580681u],
.PSPDFKit-Text-Annotation-Toolbar-Button-Delete[b-wom580681u],
.PSPDFKit-Note-Annotation-Toolbar-Button-Delete[b-wom580681u],
.PSPDFKit-Image-Annotation-Toolbar-Button-Delete[b-wom580681u],
.PSPDFKit-Stamp-Annotation-Toolbar-Button-Delete[b-wom580681u]
/*.PSPDFKit-Annotation-Toolbar*/
/*.PSPDFKit-Text-Annotation-Toolbar*/ {
    display: none;
}

.ifram__wrapper iframe[b-wom580681u] {
    min-height: calc(100vh - 60px);
}

body[b-wom580681u] {
    min-height: 100vh;
    min-height: -webkit-fill-available;
}

html[b-wom580681u] {
    height: -webkit-fill-available;
}

main[b-wom580681u] {
    display: flex;
    flex-wrap: nowrap;
    height: 100vh;
    height: -webkit-fill-available;
    max-height: 100vh;
    overflow-x: auto;
    overflow-y: hidden;
}

.b-example-divider[b-wom580681u] {
    flex-shrink: 0;
    width: 1.5rem;
    height: 100vh;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.bi[b-wom580681u] {
    vertical-align: -.125em;
    pointer-events: none;
    fill: currentColor;
}

.dropdown-toggle[b-wom580681u] {
    outline: 0;
}

.nav-flush .nav-link[b-wom580681u] {
    border-radius: 0;
}

.btn-toggle[b-wom580681u] {
    display: inline-flex;
    align-items: center;
    padding: .25rem .5rem;
    font-weight: 600;
    color: rgba(0, 0, 0, .65);
    background-color: transparent;
    border: 0;
}

    .btn-toggle:hover[b-wom580681u],
    .btn-toggle:focus[b-wom580681u] {
        color: rgba(0, 0, 0, .85);
        background-color: #d2f4ea;
    }

    .btn-toggle[b-wom580681u]::before {
        width: 1.25em;
        line-height: 0;
        content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
        transition: transform .35s ease;
        transform-origin: .5em 50%;
    }

    .btn-toggle[aria-expanded="true"][b-wom580681u] {
        color: rgba(0, 0, 0, .85);
    }

        .btn-toggle[aria-expanded="true"][b-wom580681u]::before {
            transform: rotate(90deg);
        }

.btn-toggle-nav a[b-wom580681u] {
    display: inline-flex;
    padding: .1875rem .5rem;
    margin-top: .125rem;
    margin-left: 1.25rem;
    text-decoration: none;
}

    .btn-toggle-nav a:hover[b-wom580681u],
    .btn-toggle-nav a:focus[b-wom580681u] {
        background-color: #d2f4ea;
    }

.scrollarea[b-wom580681u] {
    overflow-y: auto;
}

.fw-semibold[b-wom580681u] {
    font-weight: 600;
}

.lh-tight[b-wom580681u] {
    line-height: 1.25;
}
/* /Components/CMS/CoBrandContentFrame.razor.rz.scp.css */
.PSPDFKit-Text-Markup-Annotation-Toolbar-Button-Delete[b-g5kncu5oql],
.PSPDFKit-Rectangle-Annotation-Toolbar-Button-Delete[b-g5kncu5oql],
.PSPDFKit-Ellipse-Annotation-Toolbar-Button-Delete[b-g5kncu5oql],
.PSPDFKit-Polygon-Annotation-Toolbar-Button-Delete[b-g5kncu5oql],
.PSPDFKit-Polyline-Annotation-Toolbar-Button-Delete[b-g5kncu5oql],
.PSPDFKit-Line-Annotation-Toolbar-Button-Delete[b-g5kncu5oql],
.PSPDFKit-Ink-Annotation-Toolbar-Button-Delete[b-g5kncu5oql],
.PSPDFKit-Text-Annotation-Toolbar-Button-Delete[b-g5kncu5oql],
.PSPDFKit-Note-Annotation-Toolbar-Button-Delete[b-g5kncu5oql],
.PSPDFKit-Image-Annotation-Toolbar-Button-Delete[b-g5kncu5oql],
.PSPDFKit-Stamp-Annotation-Toolbar-Button-Delete[b-g5kncu5oql]
/*.PSPDFKit-Annotation-Toolbar*/
/*.PSPDFKit-Text-Annotation-Toolbar*/ {
    display: none;
}

.ifram__wrapper iframe[b-g5kncu5oql] {
    min-height: calc(100vh - 60px);
}

body[b-g5kncu5oql] {
    min-height: 100vh;
    min-height: -webkit-fill-available;
}

html[b-g5kncu5oql] {
    height: -webkit-fill-available;
}

main[b-g5kncu5oql] {
    display: flex;
    flex-wrap: nowrap;
    height: 100vh;
    height: -webkit-fill-available;
    max-height: 100vh;
    overflow-x: auto;
    overflow-y: hidden;
}

.b-example-divider[b-g5kncu5oql] {
    flex-shrink: 0;
    width: 1.5rem;
    height: 100vh;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.bi[b-g5kncu5oql] {
    vertical-align: -.125em;
    pointer-events: none;
    fill: currentColor;
}

.dropdown-toggle[b-g5kncu5oql] {
    outline: 0;
}

.nav-flush .nav-link[b-g5kncu5oql] {
    border-radius: 0;
}

.btn-toggle[b-g5kncu5oql] {
    display: inline-flex;
    align-items: center;
    padding: .25rem .5rem;
    font-weight: 600;
    color: rgba(0, 0, 0, .65);
    background-color: transparent;
    border: 0;
}

    .btn-toggle:hover[b-g5kncu5oql],
    .btn-toggle:focus[b-g5kncu5oql] {
        color: rgba(0, 0, 0, .85);
        background-color: #d2f4ea;
    }

    .btn-toggle[b-g5kncu5oql]::before {
        width: 1.25em;
        line-height: 0;
        content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
        transition: transform .35s ease;
        transform-origin: .5em 50%;
    }

    .btn-toggle[aria-expanded="true"][b-g5kncu5oql] {
        color: rgba(0, 0, 0, .85);
    }

        .btn-toggle[aria-expanded="true"][b-g5kncu5oql]::before {
            transform: rotate(90deg);
        }

.btn-toggle-nav a[b-g5kncu5oql] {
    display: inline-flex;
    padding: .1875rem .5rem;
    margin-top: .125rem;
    margin-left: 1.25rem;
    text-decoration: none;
}

    .btn-toggle-nav a:hover[b-g5kncu5oql],
    .btn-toggle-nav a:focus[b-g5kncu5oql] {
        background-color: #d2f4ea;
    }

.scrollarea[b-g5kncu5oql] {
    overflow-y: auto;
}

.fw-semibold[b-g5kncu5oql] {
    font-weight: 600;
}

.lh-tight[b-g5kncu5oql] {
    line-height: 1.25;
}
/* /Components/Common/EndCustomer/EndCustomerComponent.razor.rz.scp.css */
legend[b-hh3tw0xawo] {
    color: #424242;
    font-weight: 700;
    font-size: 20px;
}

.customer-info-panel[b-hh3tw0xawo] {
    flex-grow: 1;
    flex-basis: 0;
}

.input-grid[b-hh3tw0xawo] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2rem;
    grid-row-gap: 1rem;
}

.required[b-hh3tw0xawo] {
    color: red;
}

.clear-btn[b-hh3tw0xawo] {
    background-color: var(--primary);
    color: white;
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 5px;
    padding-inline: 10px;
    padding-block: 4px;
    margin-right: 5px;
}
/* /Components/Common/EndCustomer/Input.razor.rz.scp.css */
.loading-text[b-xj4qv1f7ir] {
    font-size: 24px;
    padding-block: 7px;
}

div[b-xj4qv1f7ir]  .k-skeleton {
    background-color: rgba(66, 66, 66, 0.2) !important;
}
/* /Components/Common/ViewNotes.razor.rz.scp.css */
.note-form-container[b-nmo1f0jvoa]  form {
    padding: 0;
}

.note-form-container[b-nmo1f0jvoa]  .validation-message {
    color: red;
}

/* /Components/Dashboard/EventsWidget/DateSquare.razor.rz.scp.css */
.event__date-square[b-72gx36vf1x] {
    border-radius: 5%;
    width: 3.5rem;
    height: 3.5rem;
    padding: 2%;
    background: var(--primary);
    color: #666;
    text-align: center;
    font: 0.7em Arial, sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    cursor: pointer;
}

.event__date-square--event-detail[b-72gx36vf1x] {
    border-radius: 0;
    border-top-left-radius: 5px;
    height: 100%;
    width: 60px;
    padding-block: 8px;

}
/* /Components/Dashboard/EventsWidget/DateTimeDisplay.razor.rz.scp.css */
.time-container[b-fnp3p9bmfc] {
    min-width: 0;
}

span[b-fnp3p9bmfc] {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/* /Components/Dashboard/EventsWidget/EventCalendarModal.razor.rz.scp.css */
.calendar__title[b-38sm1s4ays] {
    font-weight: 600;
}
.item-template__title[b-38sm1s4ays] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.month-template-container[b-38sm1s4ays] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 8px;
    overflow: hidden;
    min-width: 0;
}

.month-template[b-38sm1s4ays] {
    display: flex;
    gap: 5px;
    font-size: 0.8rem;
    align-items: center;
    height: 100%;
    min-width: 0;
}

.month-template__time[b-38sm1s4ays] {
    white-space: nowrap;
}

.month-template__title[b-38sm1s4ays] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* /Components/Dashboard/EventsWidget/EventDetailPopup.razor.rz.scp.css */
.event-title[b-uzj1n2f8no] {
    margin-left: 1rem;
    font-family: 'Poppins', sans-serif;
    color: #2f3e52;
    font-weight: 500;
    margin-right: 1rem;
    font-size: 20px;
    word-wrap: anywhere;
    white-space: normal;
    max-width: 100%;
}

.event[b-uzj1n2f8no] {
    border-color: white;
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow: hidden;
    min-height: 0;
    padding: 1rem;
    color: black;
}

.event__image[b-uzj1n2f8no] {
    max-height: 300px;
    object-fit: contain;
    cursor: pointer;
}

.event__title[b-uzj1n2f8no] {
    font-size: 1rem;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.event__featured-mark[b-uzj1n2f8no] {
    color: var(--primary);
}

.event__details[b-uzj1n2f8no] {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    gap: 10px;
    padding-left: 1px;
}

.event__time-location[b-uzj1n2f8no] {
    width: 100%;
    gap: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
    min-height: auto;
}

.event__location-container[b-uzj1n2f8no] {
    display: flex;
    gap: 0.25rem;
    min-width: 0;
    min-height: auto;
}

.event__location[b-uzj1n2f8no] {
    word-wrap: anywhere;
}


.event__description[b-uzj1n2f8no] {
    word-wrap: anywhere;
}

.event__link[b-uzj1n2f8no] {
    font-size: 14px;
    text-decoration: none;
    display: flex;
    gap: 0.25rem;
    align-items: center;
}

.link__icon[b-uzj1n2f8no] {
    color: black;
}

.link__text[b-uzj1n2f8no] {
    font-family: 'Poppins', sans-serif;
    color: var(--hyperlink);
    text-decoration: underline;
    color: var(--hyperlink);
}

.event__link-icon[b-uzj1n2f8no] {
    color: black;
    text-decoration: none;
}

.event-carousel[b-uzj1n2f8no]  .k-scrollview-nav-wrap {
    margin: 0;
    height: 30px;
}

.event-carousel[b-uzj1n2f8no]  .k-scrollview-nav {
    padding: 10px;
    overflow-x: hidden;
}
/* /Components/Dashboard/EventsWidget/EventsCarousel.razor.rz.scp.css */
.event-carousel[b-lzlh77iqqi] {
    height: 100%;
    max-height: 280px;
    height:280px;
}

.event[b-lzlh77iqqi] {
    border-color: white;
    display: flex;
    flex-direction: column;
    gap: 4px;
    height: 90%;
    width: 100%;
    overflow: hidden;
    min-height: 0;
}

.event__image[b-lzlh77iqqi] {
    max-height: 130px;
    object-fit:contain;
    cursor: pointer;
}

.event__title[b-lzlh77iqqi] {
    font-size: 1rem;
    font-weight: 600;
    font-family: 'Poppins';
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.event__featured-mark[b-lzlh77iqqi] {
    color: var(--primary);
}

.event__details[b-lzlh77iqqi] {
    width: 100%;
    display: flex;
    flex-direction: column;
    color: black;
    min-height: 0;
    gap: 6px;
}

.event__time-location[b-lzlh77iqqi] {
    width: 100%;
    gap: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    min-width: 0;
    min-height: auto;
}

.event__location-container[b-lzlh77iqqi] {
    display: flex;
    gap: 0.25rem;
    min-width: 0;
    min-height: auto;
}

.event__time-container[b-lzlh77iqqi] {
    display: flex;
    justify-content: flex-end;
    max-width: 65%;
}


.event__location[b-lzlh77iqqi] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.event__description[b-lzlh77iqqi] {
    width: 100%;
    padding-right: 0.5rem;
    word-wrap: anywhere;
    overflow-y: scroll;
    min-height: 0;
}

.event__link[b-lzlh77iqqi] {
    font-size: 14px;
    text-decoration: none;
    display: flex;
    gap: 0.25rem;
    align-items: center;
}

.link__icon[b-lzlh77iqqi] {
    color: black;
}

.link__text[b-lzlh77iqqi] {
    font-family: 'Poppins', sans-serif;
    color: var(--hyperlink);
    text-decoration: underline;
    color: var(--hyperlink);
}

.event__link-icon[b-lzlh77iqqi] {
    color: black;
    text-decoration: none;
}

.event-carousel[b-lzlh77iqqi]  .k-scrollview-nav-wrap {
    margin: 0;
    height: 30px;
}

.event-carousel[b-lzlh77iqqi]  .k-scrollview-nav {
    padding: 10px;
    overflow-x: hidden;
}



/* /Components/Dashboard/EventsWidget/EventsWidget.razor.rz.scp.css */
.double-tile[b-ya2zauji0v] {
    width: calc(66.66666667% - 7.5px);
}

.events-widget[b-ya2zauji0v] {
    display: flex;
    flex-direction: column;
}

.events-widget__header[b-ya2zauji0v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5.4px 24px;
}

.header__button[b-ya2zauji0v] {
    color: var(--primary);
    font-weight: 500;
    border: none;
    padding: 0;
    margin: 0;
    background-color: white;
    display: flex;
    gap: 5px;
}

.events-widget__content[b-ya2zauji0v] {
    display: flex;
    padding: 0px 0% 0% 1%;
    box-shadow: none;
    border: none;
}

.event-card-title[b-ya2zauji0v] {
    font-size: 0.875rem;
    width: 100%;
    font-weight: 600;
    color: #000;
    font-family: "Poppins";
}

.upcoming-events__title[b-ya2zauji0v] {
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 0;
}

.section[b-ya2zauji0v] {
    width: 50%;
    min-height: 290px;
    height: 100%;
}

.section--carousel[b-ya2zauji0v] {
    padding-top: 0.5rem;
    border-right: 1px solid rgb(206, 206, 206);
    padding-right: 1rem;
    padding-left: 1rem;
}

.section--upcoming[b-ya2zauji0v] {
    padding-left: 1.5rem;
    padding-right: 1rem;
}

.section--full-width[b-ya2zauji0v] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
/* /Components/Dashboard/EventsWidget/LoadingSkeleton.razor.rz.scp.css */
/* /Components/Dashboard/EventsWidget/UpcomingEvents.razor.rz.scp.css */
.upcoming-events[b-ppvl7nj9op] {
    width: 100%;
    height: 100%;
}

.upcoming-events__heading[b-ppvl7nj9op] {
    font-family: "Poppins";
    display: block;
    margin-top: 1rem;
    font-weight: 600;
    font-size: 0.875rem;
}

.upcoming-events__list[b-ppvl7nj9op] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 220px;
    padding-right: 1rem;
    margin-top: 1rem;
}

.event[b-ppvl7nj9op] {
    display: flex;
    gap: 1rem;
}

.left-border[b-ppvl7nj9op] {
    border-left: solid;
    border-left-color: rgb(206, 206, 206);
    border-left-width: 1px;
}

.event__title[b-ppvl7nj9op] {
    font-family: "Poppins";
    font-size: 0.875rem;
    width: 100%;
    font-weight: 600;
    color: #000;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    min-width: 0;
}

.event__details[b-ppvl7nj9op] {
    min-width: 0;
}

.event__time-location[b-ppvl7nj9op] {
    font-size: 0.85em;
    color: black;
}

.event__location-container[b-ppvl7nj9op] {
    display: flex;
    min-width: 0;
}

.event__location[b-ppvl7nj9op] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}



/* /Components/Dashboard/EventsWidget/ViewResourcesButton.razor.rz.scp.css */
.resource-btn[b-8w2e7m2yx6] {
    width: fit-content;
}
/* /Components/Dashboard/GuidedSellingTile.razor.rz.scp.css */
.programInfoContainer[b-0e54a26gpv] {
    width: 100%;
    margin: auto;
    padding: 10px;
}

.programInfoImg[b-0e54a26gpv] {
    float: left;
    object-fit: contain;
}

.historyCellName[b-0e54a26gpv] {
    width: 90%;
}

.historyCellView[b-0e54a26gpv] {
    width: 10%;
}

.programInfoPropertyContainer[b-0e54a26gpv] {
    padding: 5px;
}

.viewProposal[b-0e54a26gpv] {
    cursor: pointer;
    color: var(--primary);
}
/* /Components/Dashboard/Platform.razor.rz.scp.css */
.iframe-centered[b-a2kil45qzv] {
    margin-top: 50px;
    min-height: 850px;
}

.iframe-area[b-a2kil45qzv] {
    background-color: white;
}
/* /Components/GuidedSelling/ProposalWizard/ProductCart.razor.rz.scp.css */
.product-cart[b-0g7k1pe6hm] {
    background-color: white;
    height: 100%;
    width: 100%;
    padding-bottom: .5em;
    overflow: auto;
}


.cart-header[b-0g7k1pe6hm] {
    padding: .5em;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #dddddd;
}

.close-cart[b-0g7k1pe6hm] {
    border-radius: 5px;
    transition: all ease .2s;
}

.close-cart:hover[b-0g7k1pe6hm] {
    background-color: #ddd;
}

.product-table[b-0g7k1pe6hm], .product-table-header[b-0g7k1pe6hm] {
    border-bottom: 1px solid #dddddd;
}

.product-table[b-0g7k1pe6hm] {
    width: 100%;
    font-size: .9rem;
}
.product-table-header[b-0g7k1pe6hm] {
    max-height: 2.5rem;
    min-height: 2.5rem;
}


.product-table td[b-0g7k1pe6hm], .product-table th[b-0g7k1pe6hm] {
    padding: .3em;
}

.item-quantity-control[b-0g7k1pe6hm] {
    border: 1px solid #dddddd;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    gap: .2em;
}

.cart-total[b-0g7k1pe6hm] {
    padding-top: .5em;
    float: right;
    margin-right: 1em;
}

.cart-total>b[b-0g7k1pe6hm] {
    padding-right: 2em;
}

.cart-recommendations[b-0g7k1pe6hm] {
    border-top: 1px solid #bbb;
    margin-top: 3em;
    padding-top: .5em;
    padding-left: .5em;
}
/* /Components/GuidedSelling/ProposalWizard/ProductRecommendations.razor.rz.scp.css */
.recommendations[b-cu7est9yk6] {
    padding: 12px;
    font-family: 'Poppins', sans-serif;
    height: 100%;
}

.recommendations__generating[b-cu7est9yk6] {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

.recommendations__products-found[b-cu7est9yk6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
    height: 100%;
    max-height: 300px;
    overflow: auto;
}
.products-found__title[b-cu7est9yk6] {
    margin: 0 auto;
    border-radius: 5px;
    background-color: var(--primary);
    color: white;
    width: fit-content;
    font-size: 14px;
    padding: 8px 1.5rem;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.title__icon[b-cu7est9yk6] {
    font-size: 18px;
    margin-right: 5px;
}

.products-found__legend[b-cu7est9yk6] {
    color: var(--primary);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}

.products-found__products[b-cu7est9yk6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-right: 5px;
}

.products__product[b-cu7est9yk6] {
    display: flex;
    gap: 12px;
    align-items: start;
}

.product__add[b-cu7est9yk6] {
    margin-top: 4px;
    color: var(--primary);
}

.product__add:hover[b-cu7est9yk6] {
    color: lightgrey;
}

.product__title[b-cu7est9yk6] {
    font-size: 12px;
    font-weight: 500;
}

.title__view-more[b-cu7est9yk6] {
    color: var(--hyperlink);
    text-decoration: underline;
}
/* /Components/GuidedSelling/ProposalWizard/ProductSolutionStep.razor.rz.scp.css */
.border-subtle[b-qyx6tyzxda] { border: 1px solid #ddd; }

.solution-button[b-qyx6tyzxda] {
    font-weight: 600;
    min-width: 5em;
    border-radius: 5px;
    color: var(--primary);
    padding: 5px;
    border: 1px solid var(--primary);
    padding-top: 0;
    padding-bottom: 0;
    transition: all ease .2s;
}

.solution-button.selected[b-qyx6tyzxda],
.solution-button:hover[b-qyx6tyzxda]{
    background-color: var(--primary);
    color: white;
}

.solution-button:disabled[b-qyx6tyzxda] {
    background-color: gray;
    border: 1px solid transparent;
    color: white;
}

.add[b-qyx6tyzxda] {
    background-color: unset;
    border: 1px solid var(--primary);
    color: var(--primary);
}

.add:hover:not(:disabled)[b-qyx6tyzxda] {
    background-color: var(--primary);
    color: white;
}

#solution-flow[b-qyx6tyzxda] {
    position: absolute;
    top: 2em;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: auto;
}

.recommendation-panel[b-qyx6tyzxda] {
    position: absolute;
    top: 1em;
    bottom: .5em;
    right: 1em;
    left: 1em;
    overflow: hidden;
    /*overflow: auto;*/
}

#solution-list[b-qyx6tyzxda] {
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    gap: .2em;
    border: 0;
    border-bottom: 1px solid #ddd;
}


.solution-breadcrumb[b-qyx6tyzxda] {
    padding-top: 10px;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 1.5em;
    display: flex;
    gap: 3em;
}

.solution-breadcrumb-item[b-qyx6tyzxda] {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    position: relative;
    width: 1.3em;
    height: 1.3em;
    color: white;
}

.solution-breadcrumb-item:not(:last-child)[b-qyx6tyzxda]:after {
    width: 2.5em;
    left: 1.5em;
    border-bottom: 2px dotted #ddd;
    content: "";
    position: absolute;
    cursor: none;
    pointer-events: none;
}

.solution-breadcrumb-item:not(.active)[b-qyx6tyzxda] { background-color: gray; }

.solution-breadcrumb-item.active[b-qyx6tyzxda] {
    background-color: var(--primary);
    color: white;
}

.rotate[b-qyx6tyzxda] {
    animation: spinner-b-qyx6tyzxda 1.5s linear infinite;
}

@keyframes spinner-b-qyx6tyzxda {
    to {
        transform: rotate(360deg);
    }
}

.cart-container[b-qyx6tyzxda] {
    position: absolute;
    border-radius: 5px;
    width: 30em;
    height: 25em;
    right: 0;
    margin-right: calc(var(--bs-gutter-x)* .5);
    top: 105%;
    z-index: 999;
    overflow: hidden;
}

.solution-step-container[b-qyx6tyzxda] {
    min-height: 30rem;
    max-height: 30rem;
    display: flex;
    flex-direction: column;
}

.cart-modal-block[b-qyx6tyzxda] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 998;
    background-color: black;
    opacity: .4;
}

.product-count[b-qyx6tyzxda] {
    position: absolute;
    right: -0.5em;
    top: -0.5em;
    color: white;
    background-color: red;
    border-radius: 100%;
    min-width: 1.3em;
    height: 1.3em;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .8em;
    padding: .2em;
}

.recommendation-panel[b-qyx6tyzxda] {
    height: 382px;
}

.recommendation-panel[b-qyx6tyzxda]  .k-tabstrip-item {
    outline: none;
    border-color: var(--primary);
    border-width: 1px;
    border-style: solid;
    color: var(--primary);
    border-radius: 0;
    font-weight: 600;
    min-width: 100px;
}

.recommendation-panel[b-qyx6tyzxda]  .k-tabstrip-item .k-link {
    width: 100%;
    text-align: center;
    justify-content: center;
}

.recommendation-panel[b-qyx6tyzxda]  .k-tabstrip-item:focus {
    outline: none;
    box-shadow: none;
}

.recommendation-panel[b-qyx6tyzxda]  .k-tabstrip-item.k-active {
    background-color: var(--primary) !important;
    color: white;
    border: none;
    margin-bottom: 0;
}

.recommendation-panel[b-qyx6tyzxda]  .k-tabstrip-item.k-first {
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.recommendation-panel[b-qyx6tyzxda]  .k-tabstrip-item.k-last {
    border-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.recommendation-panel[b-qyx6tyzxda]  .k-link {
    padding-block: 0;
    padding-inline: 5px;
}

.recommendation-panel[b-qyx6tyzxda]  .k-tabstrip-items {
    margin-bottom: 8px;
}

.recommendation-panel[b-qyx6tyzxda]  .k-tabstrip-content:focus {
    outline: none;
}

div[b-qyx6tyzxda]  .treeContainer {
    height: 325px;
    overflow: auto;
}

/* /Components/GuidedSelling/ProposalWizard/ProposalInfo.razor.rz.scp.css */
legend[b-grzc4628gk] {
    color: #424242;
    font-weight: 700;
    font-size: 20px;
}

.customer-info-panel[b-grzc4628gk] {
    flex-grow: 1;
    flex-basis: 0;
}

.required[b-grzc4628gk] {
    color: red;
}




/* /Components/GuidedSelling/ProposalWizard/ProposalSummary.razor.rz.scp.css */
.product-table-header[b-amkfzeen3b], .product-table>tbody[b-amkfzeen3b] {
    border-bottom: 1px solid #dddddd;
}

.product-table-container[b-amkfzeen3b] {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: .5em;
    display: flex;
    flex-direction: column;
    margin-bottom: 2em;
}

.product-table[b-amkfzeen3b] {
    width: 100%;
    font-size: .9rem;
}

.product-table-header[b-amkfzeen3b] {
    max-height: 2.5rem;
    min-height: 2.5rem;
}

.product-table td[b-amkfzeen3b], .product-table th[b-amkfzeen3b] {
    padding: .3em;
}

.cart-total[b-amkfzeen3b] {
    place-self: end;
    padding-top: 1em;
    padding-bottom: .5em;
    margin-right: .3em;
}

.cart-total > b[b-amkfzeen3b] {
    padding-right: 2em;
}

[b-amkfzeen3b] .custom-btn:hover {
    color: white !important;
    background-color: var(--primary) !important;
}
/* /Components/GuidedSelling/ProposalWizard/RecommendationsView.razor.rz.scp.css */
.solution-name-heading[b-eiobu3wdvq] {
    z-index: 1;
    background-color: white !important;
    padding-right: 1rem;
    position: relative;
}

.solution-recommendation-section[b-eiobu3wdvq] {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 0.5rem;
}

.recommendation-divider[b-eiobu3wdvq] {
    border-bottom: 1px solid #ddd;
}

.recommendation-divider[b-eiobu3wdvq] {
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
    width: 100%;
}

.editing-solution-name[b-eiobu3wdvq] {
    border-left: 2px;
    border-left-color: var(--primary);
    border-left-style: solid;
    padding-left: 3px;
    padding-block: 1px;
    font-weight: 500;
}

.recommendation-container[b-eiobu3wdvq] {
}

.recommendation-container:hover .edit-action-group[b-eiobu3wdvq],
.recommendation-container:focus-within .edit-action-group[b-eiobu3wdvq] {
    opacity: 1;
    pointer-events: auto;
}

.edit-action-group[b-eiobu3wdvq] {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease-in-out;
}

div[b-eiobu3wdvq]  .cm-sumbox-maininfo {
    font-size: 18px !important;
    font-weight: 600;
}


/* /Components/Lms/CourseTile.razor.rz.scp.css */
.course-tile[b-929pzb2i0d] {
    padding-top: 7px;
    position: relative;
    min-width: 233px;
    min-height: 360px;
    width: 233px;
    border: 2px solid #EFF0F1;
    margin-inline: .5em;
    margin-bottom: 1em;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.course-image[b-929pzb2i0d] {
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.course-enroll-type[b-929pzb2i0d] {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 80px;
    height: 20px;
    background-color: #588EB3;
    border-radius: 1em;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: .7em;
}

.course-text[b-929pzb2i0d] {
    margin-top: 1em;
    width: 88%;
}

.course-name[b-929pzb2i0d] {
    font-weight: 700;
    font-size: .9em;
}

.course-description[b-929pzb2i0d] {
    padding-top: .5em;
    font-size: .8em;
}

.course-start-button[b-929pzb2i0d] {
    cursor: pointer;
    margin-top: auto;
}

.course-progress[b-929pzb2i0d] {
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.course-icon[b-929pzb2i0d] {
    width: 92%;
    position: absolute;
    top: 9px;
    display: flex;
    justify-content: space-between;
    right: 9px;
}

.updateTag[b-929pzb2i0d] {
    cursor: pointer;
    padding: 4px 7px;
    color: #fff;
    background: #3C9FDE;
    font-size: 10px;
    font-weight: 800;
    border-radius: 11px;
    line-height: 16px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.progress-chip[b-929pzb2i0d] {
    color: white;
    border-radius: 5px;
    padding: 4px;
    font-size: small;
}

.progress-none[b-929pzb2i0d]
{
    background-color: #B0B0B0;
}

.progress-some[b-929pzb2i0d] {
    background-color: #E2821D;
}

.progress-done[b-929pzb2i0d]
{
    background-color: var(--primary);
}

.progress-bar[b-929pzb2i0d] {
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #B0B0B0;
    position: relative;
    height: 5px;
    width: 100%;
}

.progress-bar-fill[b-929pzb2i0d] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}
/* /Components/Lms/LessonContent.razor.rz.scp.css */
#lesson-container[b-bulhp68sdu] {
    padding: 0px 12px 0px;
    width: 100%;
    height: 100%;
}

.lesson-overview[b-bulhp68sdu] {
    margin-bottom: 1em;
}

.overview-header[b-bulhp68sdu] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color: var(--primary);
}

.overview-duration[b-bulhp68sdu] {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #bbb;
    gap: .2em;
    font-size: .9em;
}

    .overview-duration .material-symbols-outlined[b-bulhp68sdu] {
        font-size: 1.4em;
    }

.lesson-header[b-bulhp68sdu] {
    color: black;
    padding: .5em;
    border: 2px solid var(--primary);
    border-radius: 5px;
}

.lesson-description[b-bulhp68sdu] {
    font-weight: 500;
    margin-bottom: 2em;
    text-align: left;
}

.course-complete[b-bulhp68sdu] {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.fa-party-horn[b-bulhp68sdu] {
    color: #fdb916;
}

.icon-details-preview-rendering[b-bulhp68sdu] {
    font-size: 6rem;
    line-height: 0;
}
/* /Components/Lms/LessonItem.razor.rz.scp.css */
.lesson-item[b-6yjwjsq8sm] {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 1em;
    position: relative;
    border-radius: 5px;
}

.lesson-item:not(:nth-last-child(1))[b-6yjwjsq8sm]::before {
    content: "";
    position: absolute;
    top: 1.4em;
    bottom: 0.15em;
    left: .55em;
    width: 2px;
    border-left: 2px dotted #BBB;
    z-index: 0;
}

.lesson-item.complete[b-6yjwjsq8sm]::before {
    border-left: 2px dotted var(--primary);
}

.lesson-check[b-6yjwjsq8sm] {
    height: 1.3em;
    z-index: 1;
}

:not(.lesson-highlight) > .lesson-check > .material-symbols-outlined[b-6yjwjsq8sm] {
    color: #BBB;
}

.lesson-check > .material-symbols-outlined[b-6yjwjsq8sm] {
    font-size: 1.3em;
    font-weight: 600;
}


.lesson-details[b-6yjwjsq8sm] {
    min-height: 3.5em;
    display: flex;
    flex-direction: column;
}

.lesson-spacer[b-6yjwjsq8sm] {
    height: 1em;
}

.lesson-name[b-6yjwjsq8sm] {
    font-weight: 600;
    position: relative;
    top: -2px;
}

.lesson-time[b-6yjwjsq8sm] {
    display: flex;
    align-items: center;
    color: #BBB;
    gap: 0.2em;
    font-size: .8em;
}

.lesson-time > .material-symbols-outlined[b-6yjwjsq8sm] {
    font-size: 1.2em;
}

.lesson-highlight[b-6yjwjsq8sm] {
    color: var(--primary);
}
/* /Components/Lms/VideoLesson.razor.rz.scp.css */
#video_container[b-63j7355i33] {
    height: 100%;
    justify-content: center;
    display: flex;
}

.video_container-height[b-63j7355i33] {
    height: calc(100% - 37px);
}

#lesson-video[b-63j7355i33] {
    height: 100%;
    width: 100%;
}
/* /Pages/Account/LoginPage.razor.rz.scp.css */
div[b-z2qbecbe7u] {
    margin: 0px auto;
}

#contentwrapper[b-z2qbecbe7u] {
    background-color: #ffffff;
    height: auto;
    margin-top: 0px;
    position: relative;
    width: 976px;
    clear: both;
    /* padding-top: 10px; */
}

#contentwrapper[b-z2qbecbe7u] {
    width: 100%;
}

#contentwrapper[b-z2qbecbe7u], .FlexContainer[b-z2qbecbe7u] {
    display: flex;
    padding: 1em 0 1em 1em;
}

#centre_col[b-z2qbecbe7u] {
    min-width: 590px;
}

.FlexItem.C_panel[b-z2qbecbe7u] {
    width: 100%;
    max-width: calc(100% - 200px) !important;
}

#centre_col[b-z2qbecbe7u] {
    position: relative;
    background-color: #ffffff;
    min-height: 400px;
    float: left;
    background-color: transparent;
    margin-left: 0px;
    width: auto;
    padding: 6px 0px 24px 0px;
}

.FlexItem.C_panel[b-z2qbecbe7u] {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(100%/3);
    padding: 0 15px 30px !important;
    overflow: hidden;
}

    .FlexItem.C_panel #centre_col_content_RE[b-z2qbecbe7u] {
        width: 100%;
        max-width: 1800px;
    }


    .FlexItem.C_panel #centre_col_content_RE[b-z2qbecbe7u] {
        width: 100%;
        max-width: 100% !important;
        display: inline-block;
        /* border: 1px solid red; */
        padding: 0 0 150px 0;
    }

.FlexItem.RHS_panel[b-z2qbecbe7u] {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    /* flex-basis: calc(100%/3); */
    flex-basis: 13%;
    max-width: 200px;
    min-width: 160px;
}

#right_col[b-z2qbecbe7u] {
    width: 160px;
    height: auto;
    float: right;
    background-color: #ffffff;
    margin-right: 0px;
    display: block;
    padding: 0px;
    position: relative;
}

#rhs_internal[b-z2qbecbe7u] {
    height: auto;
    float: right;
}

.FlexItem.RHS_panel #rhs_internal[b-z2qbecbe7u] {
    width: 100%;
    height: auto;
}

.FlexItem #rhs_internal[b-z2qbecbe7u] {
    padding: 0;
}

*[b-z2qbecbe7u] {
    box-sizing: border-box;
}

body[b-z2qbecbe7u] {
    min-width: 900px;
}

    body.popup-body[b-z2qbecbe7u] {
        min-width: 0;
    }

.hidePanel[b-z2qbecbe7u] {
    display: none !important;
}

#fullwrapper[b-z2qbecbe7u] {
    margin: 0 5%;
    width: 90%;
    min-width: 520px !important;
    /*min-width: 976px !important;*/
}

#reseller_header[b-z2qbecbe7u],
#reseller_header > span[b-z2qbecbe7u],
#reseller_header > span > img[b-z2qbecbe7u],
#subheader[b-z2qbecbe7u],
#contentwrapper[b-z2qbecbe7u],
#footer[b-z2qbecbe7u] {
    width: 100%;
}

#reseller_header[b-z2qbecbe7u] {
    overflow: hidden;
}


#contentwrapper[b-z2qbecbe7u] {
    width: 100%;
}

.table-panel[b-z2qbecbe7u],
#container2[b-z2qbecbe7u] {
    display: table;
    width: 100%;
}

.left-panel[b-z2qbecbe7u],
.center-panel[b-z2qbecbe7u],
.right-panel[b-z2qbecbe7u] {
    display: table-cell;
    padding-top: 20px;
    float: none;
    vertical-align: top;
}

#left_col.left-panel[b-z2qbecbe7u],
#left_col[b-z2qbecbe7u] {
    width: 162px !important;
}

#rhs_internal[b-z2qbecbe7u] {
    height: auto;
    float: right;
}
/*jf*/
/*#right_col img {
    width: 100%;
    height: auto;
}*/

#right_col #rhs_internal.sticky-rhs[b-z2qbecbe7u] {
    position: fixed;
    top: 0;
}

#centre_col_content_RE .left-padded[b-z2qbecbe7u] {
    margin-left: 12%;
    width: 76%;
    margin-left: 0;
    width: 100%;
}

    #centre_col_content_RE .left-padded .t-container-static[b-z2qbecbe7u] {
        width: 100%;
    }

    #centre_col_content_RE .left-padded .vev[b-z2qbecbe7u] {
        width: 100%;
        display: inline-block;
    }

.SubtitleLabel[b-z2qbecbe7u] {
    width: 100%;
}

.full-width-page .t-container-static[b-z2qbecbe7u] {
    width: 100%;
}

#centre_col_content_RE div.pageHeading > div[b-z2qbecbe7u],
#centre_col_content_RE .left-padded .SubtitleLabel[b-z2qbecbe7u] {
    color: #333;
    padding-left: 0;
}

/*Menu*/
#ddLanguage-wrapper[b-z2qbecbe7u] {
    top: 5px !important;
    right: 10px !important;
    transform: none !important;
    float: right;
    z-index: 500;
}

.RadForm_Bootstrap #ddLanguage-wrapper[b-z2qbecbe7u] {
    top: 15px !important;
    right: 25px !important;
}

.RadForm_Glow #ddLanguage-wrapper[b-z2qbecbe7u],
.RadForm_Silk #ddLanguage-wrapper[b-z2qbecbe7u] {
    top: 10px !important;
}

table.form_2col td.input-label[b-z2qbecbe7u] {
    padding: 7px 20px 10px 10px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

#login_centre_panel[b-z2qbecbe7u] {
    max-width: 50%;
}

input[type=text]#UserName[b-z2qbecbe7u],
input[type=password]#ctl00_ContentPlaceHolderBody_cmlLogin_Password[b-z2qbecbe7u],
.userNameInput input[type=text][b-z2qbecbe7u],
.userPasswordInput input[type=password][b-z2qbecbe7u] {
    font-size: 14px;
    padding: 0 8px 4px;
    height: 30px;
    margin-bottom: 5px;
    border-radius: 4px;
}

#menu-contents[b-z2qbecbe7u] {
    display: block !important
}

.tableFullWidth[b-z2qbecbe7u],
.tableFullWidth .RadGrid[b-z2qbecbe7u] {
    width: 100% !important;
    margin-bottom: 40px;
}

    .tableFullWidth .RadGrid[b-z2qbecbe7u] {
        width: 100% !important;
        overflow: auto;
    }

        .tableFullWidth .RadGrid .rgMasterTable[b-z2qbecbe7u] {
            table-layout: auto !important;
        }

.DashboardFullWidth[b-z2qbecbe7u],
.Dashboard3QuarterWidth[b-z2qbecbe7u],
.DashboardHalfWidth[b-z2qbecbe7u] {
    width: 100%;
    margin: 8px 8px 8px 0;
    float: left;
}


.DashboardFullWidthNoMargin[b-z2qbecbe7u] {
    clear: left;
    width: 100%;
    float: left;
}

.Dashboard3QuarterWidth[b-z2qbecbe7u] {
    width: 75%;
    margin: 8px 8px 8px 0;
    float: left;
}

.DashboardHalfWidth[b-z2qbecbe7u] {
    width: 50%;
    max-width: 1200px;
    min-width: 500px;
}

.DashboardMediumPanel[b-z2qbecbe7u],
.DashboardSmallPanel[b-z2qbecbe7u],
.SmallPanelContainer .DashboardSmallPanel[b-z2qbecbe7u] {
    height: auto;
    width: auto;
}

.custom-panel .DashboardMediumPanel[b-z2qbecbe7u] {
    height: 150px;
    width: 250px;
    margin-left: 10px;
}

    .custom-panel .DashboardMediumPanel .rtlistGroupSeparator[b-z2qbecbe7u] {
        display: none;
    }

    .custom-panel .DashboardMediumPanel .rtlistWrapper[b-z2qbecbe7u] {
        width: 100%;
    }

.half-width[b-z2qbecbe7u] {
    width: 48%;
    float: left;
    min-width: 230px;
}

/*.speedometerContainer {
    height: 240px;
}

.rrgSpeedo {
    width: 100%;
    height: 100%;
}*/

.formRow .formResult[b-z2qbecbe7u] {
    line-height: 30px;
    display: table-cell;
    color: #505050;
}

.noGauge .section-wrapper1[b-z2qbecbe7u] {
    width: 0;
}

.noGauge .section-wrapper2[b-z2qbecbe7u] {
    width: 100%;
}

.noGauge .radial-grid[b-z2qbecbe7u] {
    display: none;
}

.noGauge .section-wrapper1[b-z2qbecbe7u] {
    width: 0;
}

.section-wrapper2.fp-flex-panel .btnRow[b-z2qbecbe7u] {
    margin: 15px;
    padding: 0;
}

.RadWindow .section-wrapper2.fp-flex-panel .btnRow[b-z2qbecbe7u] {
    margin: 0 15px;
}

.bottom-btn-row[b-z2qbecbe7u] {
    margin-top: 15px;
    float: left;
    clear: both;
}

/*creditIT css*/

.sub-table-panel[b-z2qbecbe7u] {
    background-color: #C4DCEF;
    margin-bottom: 10px;
    position: relative;
}

.rbButton[b-z2qbecbe7u] {
    padding: 4px 10px;
    min-width: 64px;
    border-width: 1px;
    border-style: solid;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
}

.RadButton.RadButton_Bootstrap[b-z2qbecbe7u] {
    color: #ffffff;
    background-color: #6A2C8E;
    border-color: #6A2C8E;
    vertical-align: top;
    line-height: 20px !important;
}

.RadButton_Bootstrap.rbButton[b-z2qbecbe7u] {
    padding: 6px 12px;
}

.RadButton.rbRounded[b-z2qbecbe7u] {
    border-radius: 4px;
}

.RadButton_Bootstrap[b-z2qbecbe7u] {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.form_2col td.label[b-z2qbecbe7u] {
    color: #6d6e70;
    padding: 5px 20px 5px 10px;
}

.RadForm .customskin .sub-table-panel .SubtitleLabel[b-z2qbecbe7u] {
    color: #333;
    margin-left: 20px;
    margin-top: -10px;
}

.sub-table-style[b-z2qbecbe7u] {
    margin: 0px 50px 0 20px;
    width: 550px;
    overflow-x: auto;
    border-right: 1px solid #dedede !important;
}

.dynamic-table-size[b-z2qbecbe7u] {
    border: 2px solid orange;
    overflow-x: auto;
    width: 100% !important;
    border: 1px solid #dedede !important;
    border-radius: 0 !important;
}

/*RenewIT css*/
.dynamic-chart-wrapper[b-z2qbecbe7u],
.dynamic-chart-wrapper.t-container-static[b-z2qbecbe7u] {
    width: 100%;
    margin: 0;
}

.search-row-1[b-z2qbecbe7u] {
    margin-top: 20px;
}

.search-row[b-z2qbecbe7u] {
    margin: 10px 0 5px;
}

    .search-row .RadLabel[b-z2qbecbe7u] {
        min-width: 150px;
    }

    .search-row div.RadDropDownList .rddlInner[b-z2qbecbe7u] {
        height: 36px !important;
        line-height: 26px !important;
    }

        .search-row div.RadDropDownList .rddlInner .rddlFakeInput[b-z2qbecbe7u] {
            padding-top: 1px;
        }

.search-row-periods div.RadComboBox[b-z2qbecbe7u] {
    min-width: 250px !important;
}

.no-margin-table[b-z2qbecbe7u],
.no-margin-table .t-row[b-z2qbecbe7u] {
    margin: 0;
}

.no-margin-table[b-z2qbecbe7u] {
    margin: 0 8px;
}

.column-chart .RadHtmlChart.k-chart[b-z2qbecbe7u] {
    width: 100% !important;
    max-width: 850px;
    height: 350px !important;
}

.t-container-fluid.full-width-page[b-z2qbecbe7u],
.t-container-static.full-width-page[b-z2qbecbe7u] {
    width: calc(100% + 30px);
    width: 100%;
    padding-top: 15px;
    margin-left: 0;
}


    .t-container-static.full-width-page .first-row[b-z2qbecbe7u] {
        margin: 10px -15px 10px;
    }

    .t-container-static.full-width-page .RadGrid_Bootstrap .rgHeader[b-z2qbecbe7u] {
        border-left: 1px solid rgba(255, 255, 255, 0.25) !important;
    }



    .t-container-static.full-width-page .RadSearchBox_Bootstrap .rsbButton.rsbButtonSearch[b-z2qbecbe7u] {
        height: 32px;
        margin-top: 3px;
    }

.full-width-page .t-row > h4[b-z2qbecbe7u] {
    margin-bottom: 10px;
}

.full-width-page .t-row.ddl-row[b-z2qbecbe7u] {
    margin: 30px 0 20px;
}

    .full-width-page .t-row.ddl-row .t-row[b-z2qbecbe7u] {
        margin: 0;
    }

.Opps-table-wrapper[b-z2qbecbe7u],
.autoLayout-table-wrapper[b-z2qbecbe7u] {
    overflow-x: auto;
    height: auto;
}

    .Opps-table-wrapper > .t-row[b-z2qbecbe7u] {
        margin: 10px 0;
    }

    .Opps-table-wrapper .RadGrid[b-z2qbecbe7u] {
        padding-left: 15px;
        width: calc(100% - 15px) !important;
    }


    .autoLayout-table-wrapper.tel-layoutRow[b-z2qbecbe7u] {
        margin-left: -30px;
    }

.tel-layoutRow .pageHeading[b-z2qbecbe7u] {
    margin: -8px 0 28px -15px;
}

.autoLayout-table-wrapper .RadAjaxPanel[b-z2qbecbe7u] {
    display: inline-block !important;
}

.Opps-table-wrapper .RadGrid[b-z2qbecbe7u],
.autoLayout-table-wrapper .RadGrid[b-z2qbecbe7u] {
    margin: 0;
}

.Opps-table-wrapper .rgMasterTable[b-z2qbecbe7u],
.autoLayout-table-wrapper .rgMasterTable[b-z2qbecbe7u] {
    table-layout: auto !important;
}

.opp-card-row .t-col-2[b-z2qbecbe7u] {
    margin-right: 20px;
}

    .opp-card-row .t-col-2.opp-image-card[b-z2qbecbe7u] {
        width: auto;
        max-height: 90px;
    }

        .opp-card-row .t-col-2.opp-image-card > .t-row[b-z2qbecbe7u] {
            border: 0;
        }

            .opp-card-row .t-col-2.opp-image-card > .t-row > div[b-z2qbecbe7u] {
                height: 100%;
                width: 100%;
            }

            .opp-card-row .t-col-2.opp-image-card > .t-row img[b-z2qbecbe7u] {
                height: 100%;
                width: auto;
            }

    .opp-card-row .t-col-2 > .t-row .imageRowImage[b-z2qbecbe7u] {
        height: auto !important;
        width: auto !important;
    }

.serviceInfoMessage[b-z2qbecbe7u] {
    float: right;
    margin-right: -405px;
    margin-top: 45px;
    margin-bottom: 10px;
}

.infoMessageLabel[b-z2qbecbe7u] {
    font-size: 15px;
    color: #337ab7;
    font-weight: bold;
}


.searchcontainer.float_position[b-z2qbecbe7u] {
    float: left;
}

.mini_basket_pnl_float_position[b-z2qbecbe7u] {
    float: right;
}

#mini_cart.mini_cart_wrapper[b-z2qbecbe7u] {
    padding-right: 5px;
    visibility: hidden; /*OW Addition*/
}

    /*OW Addition*/
    #mini_cart.mini_cart_wrapper.mini_cart_display[b-z2qbecbe7u] {
        padding-right: 5px;
        visibility: visible;
    }

#mini_cart #basketHeaderContainer[b-z2qbecbe7u] {
    width: 156px;
}

/*Shopping Cart*/

.bcrumb.position[b-z2qbecbe7u] {
    float: left;
    clear: both;
    width: 100%;
    border: 0px solid blue;
}

/*Just added for testing*/
/*
.leftColButtonContainer.fred {
    float: right;
    border: 0px solid blue;
}
*/

.mini_basket_product_groups_screen[b-z2qbecbe7u] {
    /*margin-right: 4%;*/
    float: right;
}

.RadForm.RadForm_Bootstrap .RadButton.RadButton_Bootstrap.rbSkinnedButton.GreenButton.fixed_width[b-z2qbecbe7u],
.RadForm.RadForm_Bootstrap .RadButton.RadButton_Bootstrap.rbSkinnedButton.GreenButton.fixed_width input[b-z2qbecbe7u] {
    width: 177px !important;
}



.leftColButtonContainer.adjusted[b-z2qbecbe7u] {
    float: right;
    border: 0 solid red;
    margin: -40px 0 0 70px;
}


.mini_CartTotal.showInMiniCart[b-z2qbecbe7u] {
    float: left;
    margin: 0 30px 0 4px;
    height: 34px;
}

.pnlMiniBasket[b-z2qbecbe7u] {
    display: inline-block;
    border: 0px solid red;
    max-height: 57px;
}

#mini_cart_trigger[b-z2qbecbe7u] {
    background: black;
    color: white;
    border-radius: 90px;
    cursor: pointer;
    padding: 15px 20px;
    /*text-align: center;*/
    width: 45px;
    height: 45px;
    font-size: 16px;
    display: block;
    /*float: right;*/
    background: url('../../../Images/Icons/shopCart.png'),black;
    background-position: 50%;
    background-size: 30px;
    background-repeat: no-repeat;
    margin: 0 0 0 160px;
}

    #mini_cart_trigger.disabled[b-z2qbecbe7u] {
        background: url('../../../Images/Icons/shopCart.png'), #d0d0d0;
        background-position: 50%;
        background-size: 30px;
        background-repeat: no-repeat;
    }

    #mini_cart_trigger #Basket_Count[b-z2qbecbe7u] {
        padding: 1px 4px;
        background: red;
        margin: -18px 0 0 15px;
        position: absolute;
        font-weight: bold;
    }

.close-btn[b-z2qbecbe7u] {
    margin: -10px 10px 0 0;
    float: right;
    display: none;
    cursor: pointer;
}


.show-mini-cart[b-z2qbecbe7u] {
    position: relative;
}

    .show-mini-cart .mini_cart_wrapper .TabularDataControl .close-btn[b-z2qbecbe7u] {
        margin: 10px;
        float: right;
        display: inline-block;
    }

.mini_cart_wrapper .TabularDataControl[b-z2qbecbe7u] {
    max-height: 50px;
    overflow: hidden;
    display: inline-block;
}

.show-mini-cart .mini_cart_wrapper .TabularDataControl[b-z2qbecbe7u] {
    max-width: 1150px;
    max-height: 42vh;
    width: 800px;
    /* padding: 15px 20px; */
    display: block;
    position: absolute;
    top: 50px;
    background: white;
    z-index: 500;
    border: 1px solid grey;
    -webkit-box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.7);
    /* box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.5); */
    box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.7);
    overflow-y: auto;
    right: 0;
}

    .show-mini-cart .mini_cart_wrapper .TabularDataControl .basketHeaderContainer[b-z2qbecbe7u] {
        width: 100%;
    }

    .show-mini-cart .mini_cart_wrapper .TabularDataControl .OrangeLink[b-z2qbecbe7u]:after {
        content: ' \1F589';
        font-size: 20px;
        margin-left: 10px;
    }

    .show-mini-cart .mini_cart_wrapper .TabularDataControl .close-btn[b-z2qbecbe7u] {
        margin-top: -10px;
        margin-left: -9px;
        margin-right: -9px;
        z-index: 1500;
        position: relative;
    }

        .show-mini-cart .mini_cart_wrapper .TabularDataControl .close-btn[b-z2qbecbe7u]:after {
            content: ' \78';
            font-size: 30px;
            color: red;
            background: #fff;
            padding: 0 5px;
        }

        .show-mini-cart .mini_cart_wrapper .TabularDataControl .close-btn:hover[b-z2qbecbe7u]:after {
            content: ' \78';
            font-size: 30px;
            color: grey;
            margin-top: -20px;
        }

.show-mini-cart #mini_cart.mini_cart_wrapper .TabularDataControl #basketHeaderContainer[b-z2qbecbe7u] {
    float: left;
    width: 100%;
    max-width: 100%;
}

.show-mini-cart .mini_cart_wrapper .TabularDataControl tr[b-z2qbecbe7u] {
    max-width: 220px;
    max-width: 420px;
    display: inline-block;
    float: left;
}

    .show-mini-cart .mini_cart_wrapper .TabularDataControl tr:last-of-type[b-z2qbecbe7u] {
        margin-bottom: 20px;
    }

    .show-mini-cart .mini_cart_wrapper .TabularDataControl .leftColButtonContainer[b-z2qbecbe7u],
    .show-mini-cart .mini_cart_wrapper .TabularDataControl tr.btn-container[b-z2qbecbe7u],
    .show-mini-cart .mini_cart_wrapper .TabularDataControl tr.btn-container td[b-z2qbecbe7u] {
        width: 100%;
        /*border:1px solid red;*/
        max-width: 100%;
        height: 40px;
        margin: 0;
    }

    .show-mini-cart .mini_cart_wrapper .TabularDataControl tr.btn-container[b-z2qbecbe7u] {
        width: 100%;
        /*border:1px solid blue;*/
        max-width: 100%;
        height: 45px;
        padding: 10px 10px 15px;
        margin-bottom: 20px;
    }

.show-mini-cart .mini_cart_wrapper .TabularDataControl td[b-z2qbecbe7u] {
    max-width: 200px;
    max-width: 420px;
    display: inline-block;
    margin: 0 15px;
    float: left;
    width: 320px;
}


.show-mini-cart #mini_cart.mini_cart_wrapper .TabularDataControl td .product_info .productDescriptionContainer[b-z2qbecbe7u] {
    width: 100%;
}

.customskin .rgExpXLS[b-z2qbecbe7u] {
    background: url(../../../Images/export2excel.png) !important;
    background-repeat: no-repeat !important;
    background-position: 50% !important;
    background-size: 80% !important;
}

.registerIt-panel .vev .vev_bott[b-z2qbecbe7u] {
    background-position: calc(100% - 5px) 5px;
    background-image: url('../../../Images/vev_Bootstrap.gif');
    background-repeat: no-repeat;
    border-bottom-style: none;
    border-bottom-color: inherit;
    border-bottom-width: 0;
}

.table-selectable-rows .RadGrid_Bootstrap .rgSelectedRow > td[b-z2qbecbe7u] {
    color: #505050;
}

.table-selectable-rows .RadGrid_Bootstrap .rgSelectedRow.rgHoveredRow > td[b-z2qbecbe7u] {
    color: #fff;
}

.fundIt-tile-wrapper[b-z2qbecbe7u] {
    max-width: 100%;
}

.DashboardPanelContainer-RE.fundIt-tile-wrapper .RadTileList .rtlistWrapper[b-z2qbecbe7u] {
    width: 25%;
    min-width: 280px;
    max-width: 340px;
    display: inline-block;
}

    .DashboardPanelContainer-RE.fundIt-tile-wrapper .RadTileList .rtlistWrapper .RadTile[b-z2qbecbe7u] {
        margin: 0 30px 10px 0;
        width: calc(100% - 30px);
        display: inline-block;
    }

        .DashboardPanelContainer-RE.fundIt-tile-wrapper .RadTileList .rtlistWrapper .RadTile > div[b-z2qbecbe7u] {
            width: 100%;
            display: inline-block;
        }

        .DashboardPanelContainer-RE.fundIt-tile-wrapper .RadTileList .rtlistWrapper .RadTile .rtileContent[b-z2qbecbe7u] {
            min-width: 100% !important;
            display: inline-block;
        }



.levelIt-tiles[b-z2qbecbe7u] {
    width: 100%;
    display: inline-block;
}

.scoreCardsContainer.summary-details[b-z2qbecbe7u] {
    width: 60%;
    margin: 0 20%;
    padding: 15px 30px;
}


.Dashboard3QuarterWidth.custom-panel.summary-results.centered-table[b-z2qbecbe7u] {
    margin: 20px 15%;
    width: 70%;
}

.tblCommissionData-table[b-z2qbecbe7u] {
    width: 100%;
}

    .tblCommissionData-table .RadGrid_Bootstrap .rgHeaderDiv[b-z2qbecbe7u] {
        margin-right: 0 !important;
    }

    .tblCommissionData-table .RadGrid th[b-z2qbecbe7u],
    .tblCommissionData-table .RadGrid .rgDataDiv td[b-z2qbecbe7u] {
        width: 21%;
        min-width: 50px;
    }

    .tblCommissionData-table .RadGrid .rgFooterDiv .rgFooter td[b-z2qbecbe7u] {
        min-width: 50px;
        padding: 10px 5px;
        border-left: 0;
    }

    .tblCommissionData-table .RadGrid .rgFooterDiv[b-z2qbecbe7u] {
        border: 1px solid #dedede;
        border-top: 0;
    }

.Dashboard3QuarterWidth.custom-panel.summary-results .tblCommissionData-table .RadGrid .rgDataDiv td[b-z2qbecbe7u] {
    padding: 5px;
}

.Dashboard3QuarterWidth.custom-panel.summary-results .tblCommissionData-table .RadGrid .rgDataDiv .rgMasterTable[b-z2qbecbe7u] {
    box-shadow: none !important;
}

.tblCommissionData-table .RadGrid th.rgExpandCol[b-z2qbecbe7u],
.tblCommissionData-table .RadGrid .rgDataDiv td.rgExpandCol[b-z2qbecbe7u],
.tblCommissionData-table .RadGrid .rgDataDiv .rgFooterDiv .rgFooter td.rgExpandCol[b-z2qbecbe7u] {
    width: 50px;
    max-width: 50px;
}

.tblCommissionData-nested-table[b-z2qbecbe7u] {
    width: 100%;
}

.RadForm.RadForm_Bootstrap .customskin .Dashboard3QuarterWidth .RadAjaxPanel .RadGrid.RadGrid_Bootstrap .tblCommissionData-nested-table table.rgMasterTable[b-z2qbecbe7u] {
    box-shadow: none;
}

.tblCommissionData-nested-table table.rgMasterTable .rgFooter td[b-z2qbecbe7u] {
    border-bottom: 1px solid #dedede;
}

.tblCommissionData-table .rgDataDiv[b-z2qbecbe7u] {
    overflow: hidden !important;
}

.popup-body .t-container-static[b-z2qbecbe7u] {
    width: auto;
}

/*------------Big desktop-------------*/
@media only screen and (min-width: 1800px) {
    /*body:before {
        content: 'Wide Desktop';
    }*/
    #fullwrapper[b-z2qbecbe7u] {
        transition: all 1s;
    }

    #footer[b-z2qbecbe7u] {
        padding-left: 15px !important;
        padding-right: 15px;
    }
}

/*------------ Desktop-------------*/
@media only screen and (max-width: 1800px) {
    /*body:before {
        content: 'Desktop';
    }*/

    #fullwrapper[b-z2qbecbe7u] {
        width: 100%;
        min-width: 0;
        margin: 0;
        border: 0px solid green;
        min-width: 0;
        transition: all 1s;
    }

    #subheader[b-z2qbecbe7u] {
        padding: 0 15px;
    }

    #contentwrapper[b-z2qbecbe7u] {
        padding: 0 0 0 15px;
    }

    #footer[b-z2qbecbe7u] {
        padding-left: 15px;
        padding-right: 15px;
    }
}
/*------------Small Desktop-------------*/
@media only screen and (max-width: 1500px) {
}

/*------------Tablet landscape-------------*/
@media only screen and (max-width: 1200px) {


    #centre_col .t-container-static[b-z2qbecbe7u] {
        width: 100%;
    }

    .Dashboard3QuarterWidth[b-z2qbecbe7u] {
        width: 100%;
    }
}

@media only screen and (max-width: 960px) {
    .rwNormalWindow[b-z2qbecbe7u] {
        max-width: 500px;
    }


    .customskin #centre_col[b-z2qbecbe7u] {
        min-width: 290px !important;
    }
}


/*------------Tablet portrait-------------*/
/*@media only screen and (max-width: 900px) {*/
@media only screen and (max-width: 600px) {

    #fullwrapper[b-z2qbecbe7u] {
        margin: 0;
        width: 100%;
        border: 0;
        transition: all 1s;
    }

    #centre_col > div:first-of-type[b-z2qbecbe7u] {
        min-width: 0;
        width: 100%;
        overflow: visible;
    }

    #fullwrapper[b-z2qbecbe7u] {
        min-width: 215px;
    }

    #reseller_header[b-z2qbecbe7u] {
        min-height: 0;
    }

    /*Menu*/


    /*end Menu*/
    #ddLanguage-wrapper[b-z2qbecbe7u] {
        border: 0px solid blue;
        position: relative !important;
        top: 5px !important;
        right: 0 !important;
        transform: none !important;
        float: right;
        width: 25%;
        max-width: 120px;
        margin-top: -8px;
    }


        #ddLanguage-wrapper > .RadDropDownList[b-z2qbecbe7u] {
            width: 100%;
            border-width: 0;
        }

        #ddLanguage-wrapper > .RadDropDownList_Default .rddlInner[b-z2qbecbe7u] {
            width: 100%;
            margin-top: 5px;
            border: 1px solid #828282;
            background: none;
            border-radius: 0;
            min-height: 24px;
        }


        #ddLanguage-wrapper > .RadDropDownList_Default .rddlInner[b-z2qbecbe7u] {
            padding-left: 12px;
            color: #000;
        }

            #ddLanguage-wrapper > .RadDropDownList_Default .rddlInner.rddlFocused[b-z2qbecbe7u] {
                background: #828282;
                color: #fff;
            }


    .RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindow.rwShadow[b-z2qbecbe7u] {
        border: 0px solid orange;
        width: 80% !important;
        left: 10% !important;
    }

    #centre_col[b-z2qbecbe7u] {
        min-width: 100px;
    }
}
/*------------Phone L-------------*/
@media only screen and (max-width: 600px) {
    [class*="col-"][b-z2qbecbe7u] {
        width: 100%;
    }

    #contentwrapper[b-z2qbecbe7u] {
        padding-left: 5px;
        width: 100%;
    }

    #right_col img[b-z2qbecbe7u] {
        width: 100%;
        height: auto;
    }

    #centre_col .login-table td[b-z2qbecbe7u] {
        display: inline-block;
        width: 100%;
        text-align: left;
    }

        #centre_col .login-table td input[b-z2qbecbe7u] {
            width: 100% !important;
        }

    table.form_2col td.input-label[b-z2qbecbe7u] {
        padding: 7px 20px 10px 0;
    }


    /*Menu*/
    #subheader .RadMenu[b-z2qbecbe7u] {
        width: 100%;
    }

    .RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindow.rwShadow[b-z2qbecbe7u] {
        width: 94% !important;
        left: 3% !important;
    }

    #centre_col[b-z2qbecbe7u] {
        min-width: 100px;
        width: 55%;
    }

    #right_col[b-z2qbecbe7u] {
        width: 45%;
        min-width: 100px;
    }
}

/*------------Phone P-------------*/
@media only screen and (max-width: 360px) {
    [class*="col-"][b-z2qbecbe7u] {
        width: 100%;
    }

    #centre_col[b-z2qbecbe7u] {
        min-width: 100px;
        width: 50%;
    }

    .RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindow.rwShadow[b-z2qbecbe7u] {
        border: 0px solid green;
        width: 100% !important;
        height: auto !important;
        left: 0 !important;
    }
}


/*------------Specific rules for touch devices-------------*/
@media (hover: none) {
}




/*--------------------------------RadSkinCSS------------------------------*/
.RadDropDownList[b-z2qbecbe7u] {
    width: auto
}

#contentwrapper[b-z2qbecbe7u],
.FlexContainer[b-z2qbecbe7u] {
    display: flex;
    padding: 1em 0 1em 1em;
}

.FlexItem[b-z2qbecbe7u] {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100%/3);
}


    .FlexItem.LHS_panel[b-z2qbecbe7u] {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(100%/3);
        flex-basis: auto;
        margin: 0;
    }

    .FlexItem.C_panel[b-z2qbecbe7u] {
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: calc(100%/3);
        padding: 0 15px 30px !important;
        overflow: hidden;
    }

        .FlexItem.C_panel #centre_col_content_RE[b-z2qbecbe7u] {
            width: 100%;
            max-width: 1200px;
        }

    .FlexItem.RHS_panel[b-z2qbecbe7u] {
        display: flex;
        flex-grow: 0;
        flex-shrink: 0;
        /*flex-basis: calc(100%/3);*/
        flex-basis: 13%;
        max-width: 200px;
        min-width: 160px;
    }

        .FlexItem.RHS_panel #rhs_internal[b-z2qbecbe7u] {
            width: 100%;
            height: auto;
        }

    /*#rhs_internal map area{
    border:1px solid red;
}*/

    .FlexItem p[b-z2qbecbe7u] {
        text-align: center;
        text-align: left;
        margin: 1em;
        padding: 1em;
    }

    .FlexItem #rhs_internal[b-z2qbecbe7u] {
        padding: 0;
    }

        .FlexItem #rhs_internal p[b-z2qbecbe7u] {
            padding: 0 5px 5px;
            margin: 0;
        }

        .FlexItem #rhs_internal img[b-z2qbecbe7u] {
            width: 100%;
            height: auto;
        }



.responsive-style .tableStripe[b-z2qbecbe7u] {
    width: 100% !important;
}

.tnc-title span[b-z2qbecbe7u] {
    color: #7c7c7c !important;
    text-align: center;
}

.tnc-title p[b-z2qbecbe7u] {
    text-align: center;
}

.tnc-buttons[b-z2qbecbe7u] {
    text-align: center;
}

    .tnc-buttons span[b-z2qbecbe7u] {
        margin: 0 10px;
    }

#upUserList[b-z2qbecbe7u] {
    position: relative;
}

#gUser[b-z2qbecbe7u] {
    display: inline-table;
    margin-left: 0;
}



#dHistory[b-z2qbecbe7u] {
    margin-left: 0;
    width: 50%;
}

#pageOperations[b-z2qbecbe7u] {
    width: auto;
}

@media screen and (-ms-high-contrast: none) {
    /*IE11 only*/
    .FlexItem.RHS_panel[b-z2qbecbe7u] {
        flex-basis: calc(100%/3);
    }

    html body[b-z2qbecbe7u] {
        display: block !important;
    }
}
/* /Pages/BZP/BzpFormDashboard.razor.rz.scp.css */
.container[b-cmpqexfyvy] {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}


/* /Pages/CMS/Layout/CMSLayout.razor.rz.scp.css */
.page[b-2br96zdyi6] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-2br96zdyi6] {
    flex: 1;
}

.sidebar[b-2br96zdyi6] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-2br96zdyi6] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-2br96zdyi6]  a, .top-row[b-2br96zdyi6]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-2br96zdyi6]  a:hover, .top-row[b-2br96zdyi6]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-2br96zdyi6]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-2br96zdyi6] {
        display: none;
    }

    .top-row.auth[b-2br96zdyi6] {
        justify-content: space-between;
    }

    .top-row[b-2br96zdyi6]  a, .top-row[b-2br96zdyi6]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-2br96zdyi6] {
        flex-direction: row;
    }

    .sidebar[b-2br96zdyi6] {
       /* width: 250px; */
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-2br96zdyi6] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-2br96zdyi6]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-2br96zdyi6], article[b-2br96zdyi6] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Pages/DealReg/DealRegLeadActionReasonPopup.razor.rz.scp.css */
.required-field[b-2uys0whe8p]::after {
    content: "*";
    color: red;
}
/* /Pages/DealReg/DealRegPlusViewRequest.razor.rz.scp.css */
.deal-reg-plus-view-request-page[b-nqf5jn2gip]  .hide-header .k-tilelayout-item-header {
    display: none;
    background-color: white;
}

.deal-reg-plus-view-request-page[b-nqf5jn2gip]  .k-tilelayout {
    justify-content: center;
}

.deal-reg-plus-view-request-page[b-nqf5jn2gip], [b-nqf5jn2gip] .inner_wrapper {
    background-color: #f7f7f8 !important;
}

.deal-reg-plus-view-request-page[b-nqf5jn2gip]  .col-form-label {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
}

.deal-reg-plus-view-request-page[b-nqf5jn2gip]  .input-group-text {
    border-color: #f5f7fa;
    background-color: #f5f7fa;
    border-width: 3px;
}

.deal-reg-request-loader-container[b-nqf5jn2gip] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: calc(100vh - 173px);
    flex-direction: column;
}

/* /Pages/DealReg/DealRegRegisterNewDeal.razor.rz.scp.css */

.iframe-div-below-header[b-6aqjxai9k7] {
    padding-top: 75px;
}

.iframe-centered[b-6aqjxai9k7] {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
}

.iframe-area[b-6aqjxai9k7] {
    height: 850px;
    background-color: white
}



/* /Pages/GuidedSelling/GuidedSellingDashboard.razor.rz.scp.css */
/* /Pages/GuidedSelling/ProposalWizard.razor.rz.scp.css */
.proposal-page[b-lnpp0jqcy4] {
    margin-top: -48px;
}

.proposal-page__container[b-lnpp0jqcy4] {
    padding-bottom: 2rem;
}

.step-template[b-lnpp0jqcy4] {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    background-color: #f4f5f6;
    padding-inline: 4px;
}

.step-template__icon[b-lnpp0jqcy4] {
    color: var(--primary);
}

.step-template__text[b-lnpp0jqcy4] {
    font-size: 12px;
    color: #5e5e5e;
    font-weight: 600;
}

.wizard__content[b-lnpp0jqcy4] {
    padding-inline: 3rem;
}

.tab-nav[b-lnpp0jqcy4], .tab-nav span[b-lnpp0jqcy4] {
    padding: 7px;
    border-radius: 4px;
}

.tab-nav[b-lnpp0jqcy4] {
    background-color: #F4F5F6;
}

.tab-nav > span:hover[b-lnpp0jqcy4] {
    color: #4d8fb4;
}

.proposal-page__container[b-lnpp0jqcy4]  .k-stepper {
    background: #f4f5f6;
    border-radius: 5px 5px 0 0;
    height: 48px;
}

.proposal-page__container[b-lnpp0jqcy4]  .k-wizard {
    padding: 0;
}

.proposal-page__container[b-lnpp0jqcy4]  .k-progressbar {
    margin-top: 6px;
}

.proposal-page__container[b-lnpp0jqcy4]  .k-step-list-horizontal {
    align-items: center;
}

.proposal-page__container[b-lnpp0jqcy4]  .k-step-link {
    overflow: visible;
}

/* /Pages/Home.razor.rz.scp.css */
div[b-a6ty5grfgw] {
    margin: 0px auto;
}

#contentwrapper[b-a6ty5grfgw] {
    background-color: #ffffff;
    height: auto;
    margin-top: 0px;
    position: relative;
    width: 976px;
    clear: both;
    /* padding-top: 10px; */
}

#contentwrapper[b-a6ty5grfgw] {
    width: 100%;
}

#contentwrapper[b-a6ty5grfgw], .FlexContainer[b-a6ty5grfgw] {
    display: flex;
    padding: 1em 0 1em 1em;
}

#centre_col[b-a6ty5grfgw] {
    min-width: 590px;
}

.FlexItem.C_panel[b-a6ty5grfgw] {
    width: 100%;
    max-width: calc(100% - 200px) !important;
}

#centre_col[b-a6ty5grfgw] {
    position: relative;
    background-color: #ffffff;
    min-height: 400px;
    float: left;
    background-color: transparent;
    margin-left: 0px;
    width: auto;
    padding: 6px 0px 24px 0px;
}

.FlexItem.C_panel[b-a6ty5grfgw] {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(100%/3);
    padding: 0 15px 30px !important;
    overflow: hidden;
}

    .FlexItem.C_panel #centre_col_content_RE[b-a6ty5grfgw] {
        width: 100%;
        max-width: 1800px;
    }

.message-title[b-a6ty5grfgw] {
    font-size: 30px;
    font-weight: bold;
}

.message-title[b-a6ty5grfgw], .message-text[b-a6ty5grfgw] {
    /* color: #000; */
    font-size: 16px;
    margin: 0 0 0 40px;
    padding: 10px 0 20px 0;
    display: block;
    clear: both;
}

.SubtitleLabel[b-a6ty5grfgw] {
    padding: 10px 15px;
}

.SubtitleLabel[b-a6ty5grfgw] {
    width: 100%;
}

.SubtitleLabel[b-a6ty5grfgw] {
    color: #7c7c7c;
    font-size: 14px;
    line-height: 22px;
    display: block;
    font-weight: bold;
    clear: both;
    /* padding-top: 16px; */
}


.hidePanel[b-a6ty5grfgw] {
    display: none;
}

.FlexItem.C_panel[b-a6ty5grfgw] {
    width: 100%;
    max-width: calc(100% - 200px) !important;
}

    .FlexItem.C_panel #centre_col_content_RE[b-a6ty5grfgw] {
        width: 100%;
        max-width: 100% !important;
        display: inline-block;
        /*border: 1px solid red;*/
        padding: 0 0 150px 0;
    }

/*--------------------category-list -------------------------*/
.category-list[b-a6ty5grfgw] {
    width: 100%;
    padding: 0;
    /*jf*/
    padding: 0 0 0 40px;
}

    .category-list > li[b-a6ty5grfgw] {
        display: inline-block;
        list-style-type: none;
        text-align: center;
        margin: 0 0.25% 20px 0;
        width: 12%;
        color: #000;
    }

    .category-list#populated-cat-list[b-a6ty5grfgw],
    .category-list#empty-cat-list[b-a6ty5grfgw],
    .category-list#unused-cat-list[b-a6ty5grfgw] {
        width: 100%;
        min-height: 10px;
        margin-top: -20px;
    }

    .category-list#empty-cat-list[b-a6ty5grfgw] {
        display: none !important;
    }


        .category-list#empty-cat-list .hide[b-a6ty5grfgw] {
            display: none;
        }

#populated-cat-list > li[b-a6ty5grfgw] {
    display: inline-block;
    float: left;
}

.category-list > li[b-a6ty5grfgw] {
    margin: 0 0.5% 20px 0;
    width: 30%;
    height: auto;
    height: 170px;
    position: relative;
    z-index: 1;
}

    .category-list > li ul.prog-ul li > .progTitleZone[b-a6ty5grfgw] {
        cursor: pointer;
    }

        .category-list > li ul.prog-ul li > .progTitleZone .prog-btn.view-btn[b-a6ty5grfgw] {
            display: none;
        }

    .category-list > li ul.prog-ul li .progTitle[b-a6ty5grfgw] {
        word-wrap: break-word;
        position: relative;
        cursor: pointer;
    }

.category-list > li[b-a6ty5grfgw] {
    height: 200px;
    min-height: 170px;
    margin: 0 30px 10px 0;
}

.category-list > li[b-a6ty5grfgw] {
    perspective: 1000px;
}



.card-wrapper[b-a6ty5grfgw] {
    width: 100%;
    height: auto;
    height: 100%;
    min-height: 200px;
    min-height: 145px;
    transform-style: preserve-3d;
    -webkit-transition: all 1.0s linear;
    -moz-transition: all 1.0s linear;
    -o-transition: all 1.0s linear;
    transition: all 1.0s linear;
    display: inline-block;
    -webkit-transition: transform 0.000005s linear;
    -moz-transition: transform 0.000005s linear;
    -o-transition: transform 0.000005s linear;
    transition: transform 0.000005s linear;
}

.prog-count[b-a6ty5grfgw] {
    width: auto;
    float: left;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 1.2em;
    line-height: 1.2em;
    padding: 5px 10px 8px;
}

.category-list li .cat-title[b-a6ty5grfgw],
.category-list .cat-title[b-a6ty5grfgw] {
    color: #000;
    width: calc(100% - 2px);
    width: 100%;
    background: rgba(255,255,255,0.92);
    padding: 10px;
    line-height: 18px;
    position: absolute;
    top: 0;
    -webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    -ms-animation: fadein 1s;
    -o-animation: fadein 1s;
    animation: fadein-b-a6ty5grfgw 1s;
}

.category-list .front.face[b-a6ty5grfgw] {
}

@keyframes fadein-b-a6ty5grfgw {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeout-b-a6ty5grfgw {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeout {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-ms-keyframes fadeout {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadeout {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


.category-list li .back.face[b-a6ty5grfgw] {
    min-width: 200px;
}

    .category-list li .back.face .cat-title[b-a6ty5grfgw] {
        color: #fff;
        font-size: 18px;
        width: 100%;
        background: #3a307d;
        padding: 10px 0;
        line-height: 18px;
        position: relative;
    }

    .category-list li .back.face .cat-title[b-a6ty5grfgw],
    .category-list li .cat-title[b-a6ty5grfgw] {
        font-size: 17px;
    }

.category-list li .front.face .cat-title[b-a6ty5grfgw] {
    font-size: 1.5em;
    font-size: 1em;
    font-weight: 500;
    text-transform: uppercase;
}

    .category-list li .front.face .cat-title .progCount[b-a6ty5grfgw] {
        font-weight: normal;
        font-size: 0.9em;
    }

.category-list .back.face li .progExpDate[b-a6ty5grfgw] {
    width: 120px;
    font-size: 
        ;
    color: #666;
    min-height: 15px;
    margin: 0;
    display: inline-block;
}

.category-list > li:hover[b-a6ty5grfgw] {
    z-index: 901;
}

.category-list li .card-wrapper[b-a6ty5grfgw] {
    border: 1px solid grey;
}

.face[b-a6ty5grfgw] {
    position: absolute;
    position: relative;
    width: 100%;
    height: 170px;
    height: 200px;
    backface-visibility: hidden;
}

    .face.back[b-a6ty5grfgw] {
        display: block;
        /*transform: rotateY(180deg);*/
        box-sizing: border-box;
        color: white;
        text-align: center;
        min-height: 250px;
        border: 1px solid #D8D8D8;
    }


.category-list li .card-wrapper .face.back[b-a6ty5grfgw] {
    backface-visibility: visible;
    position: relative;
}

.FlexItem #rhs_internal img[b-a6ty5grfgw] {
    width: 100%;
    height: auto;
}

.category-list li .card-wrapper[b-a6ty5grfgw],
.category-list li .card-wrapper .face[b-a6ty5grfgw],
.category-list li .card-wrapper .face.back[b-a6ty5grfgw] {
    height: auto;
}

.category-list #empty-cat-list li:hover .card-wrapper[b-a6ty5grfgw],
.category-list #empty-cat-list li:hover .card-wrapper .face[b-a6ty5grfgw],
.category-list #empty-cat-list li:hover .card-wrapper .face.back[b-a6ty5grfgw] {
    height: 180px;
    overflow: hidden;
}

.category-list li .card-wrapper .face[b-a6ty5grfgw],
.category-list li:hover .card-wrapper .face.back[b-a6ty5grfgw] {
    display: inline-block;
    background-position: 10px;
    background-size: 150px 150px;
}


.category-list li:hover .card-wrapper .prog-count[b-a6ty5grfgw] {
    display: none;
}


.face.back ul[b-a6ty5grfgw] { /*rule not hovered over*/
    padding: 0 5px;
    max-height: 145px;
    overflow: hidden;
    min-height: 145px;
    z-index: 5;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}





.prog-selected .face.back ul[b-a6ty5grfgw] {
    max-height: 400px;
    height: auto;
}

.prog-selected[b-a6ty5grfgw] {
    z-index: 90000;
}


.scroll-progs .face.back:hover ul[b-a6ty5grfgw] {
    max-height: 400px;
    min-height: 80px;
    z-index: 50;
    overflow-y: auto;
    -webkit-transition: max-height 0.3s ease 0.3s;
    -moz-transition: max-height 0.3s ease 0.3s;
    -o-transition: max-height 0.3s ease 0.3s;
    transition: max-height 0.3s ease 0.3s;
}

.face.back li[b-a6ty5grfgw] {
    display: inline-block;
    list-style-type: none;
    text-align: left;
    padding: 2px 4px;
    margin: 2px 0;
    width: 100%;
    border: 1px solid #D8D8D8;
    color: #000;
    background: #fff;
    height: auto;
}

.few .face.back li[b-a6ty5grfgw] {
    margin: 10px 0;
    min-height: 65px;
    padding: 12px 20px;
    font-size: 14px;
}

.face.back li[b-a6ty5grfgw],
.few .face.back li[b-a6ty5grfgw] {
    opacity: 0;
    -webkit-animation: fadein 3s;
    -moz-animation: fadein 3s;
    -ms-animation: fadein 3s;
    -o-animation: fadein 3s;
    animation: fadein-b-a6ty5grfgw 3s;
}

.face.back:hover li[b-a6ty5grfgw],
.few .face.back:hover li[b-a6ty5grfgw] {
    opacity: 1;
}
/*JF-new*/
.category-list li .card-wrapper .face.front[b-a6ty5grfgw],
.category-list li .card-wrapper .face.back[b-a6ty5grfgw] {
    width: 100%;
    float: left;
    display: inline-block;
}

.card-wrapper .prog-li:hover[b-a6ty5grfgw] {
    -webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.5);
    box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.5);
}

.progTitle .prog-btn.view-btn[b-a6ty5grfgw],
.progExpDate .prog-btn.view-btn[b-a6ty5grfgw] {
    margin: 0;
    position: absolute;
    right: -25px;
    top: 1px;
    padding: 5px 10px 6px !important;
}

.category-list > li ul.prog-ul li > .progTitleZone[b-a6ty5grfgw] {
    cursor: pointer;
    width: 90%;
    float: left;
    display: inline-block;
    padding-right: 5px;
}

.category-list .face.back li[b-a6ty5grfgw],
.category-list .few .face.back li[b-a6ty5grfgw] {
    padding: 5px 10px 0;
}

.customskin .category-list li .front.face[b-a6ty5grfgw] {
    display: none !important;
}

.category-list li .card-wrapper .face.front[b-a6ty5grfgw] {
    width: 100%;
    display: inline-block;
    max-height: 80px;
    min-height: 40px !important;
}

.category-list li .card-wrapper .back.face[b-a6ty5grfgw] {
    background-image: none !important;
    background: #fff;
    border: 0 !important;
    float: left;
}

.category-list li .card-wrapper[b-a6ty5grfgw] {
    border: 1px solid grey;
}

.category-list .face.back li[b-a6ty5grfgw],
.category-list .few .face.back li[b-a6ty5grfgw] {
    opacity: 1;
    font-size: 18px;
    border: 1px solid #D8D8D8;
    padding-left: 10px;
    min-width: 50%;
    width: 95%;
    margin: 3px 10px;
    float: right;
    min-height: 65px;
    -webkit-transition: box-shadow 0.3s ease 0.3s;
    -moz-transition: box-shadow 0.3s ease 0.3s;
    -o-transition: box-shadow 0.3s ease 0.3s;
    transition: box-shadow 0.3s ease 0.3s;
}

#unused-cat-list[b-a6ty5grfgw] {
    display: none !important;
}

.prog-li .btn-reveal[b-a6ty5grfgw] {
    float: left;
    margin: 0;
    width: 20px;
}

    .prog-li .btn-reveal > .btn-reveal-icon[b-a6ty5grfgw] {
        float: right;
        margin: 0;
        width: 20px;
        /*border: 1px solid orange;*/
        display: inline-block;
        color: #999;
        font-weight: bold;
        /* font-size: smaller; */
        height: 24px;
        /* overflow: hidden; */
        margin-top: -10px;
    }

.face.back li[b-a6ty5grfgw] {
    width: auto;
    float: left;
    min-height: 60px;
}

.btn-row[b-a6ty5grfgw] {
    padding: 0;
    width: 0;
    max-width: 0;
    text-align: right;
    /*margin-left: -150px;*/
    height: 0;
}

.card-wrapper .back li[b-a6ty5grfgw] {
    position: relative;
}

    .card-wrapper .back li .btn-reveal[b-a6ty5grfgw] {
        /*border: 1px solid green;*/
        float: right;
        width: 60px;
        margin-top: -40px;
        margin-right: -10px;
        padding: 5px;
        height: 20px;
        max-height: 20px;
        margin-bottom: -5px;
        cursor: pointer;
        -webkit-transition: all 2s;
        -moz-transition: all 2s;
        -o-transition: all 2s;
        transition: all 2s;
    }

        .card-wrapper .back li .btn-reveal:hover[b-a6ty5grfgw] {
            /*color:red;*/
        }

    .card-wrapper .back li.prog-li.expanded .btn-reveal[b-a6ty5grfgw] {
        width: 150px;
        max-height: 85px;
        height: auto;
        /*height: 80px;*/
        margin: -40px -10px 0 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

.btn-row.row-one[b-a6ty5grfgw] {
    /*border: 1px solid purple;*/
    width: auto;
    /*margin-top: 18px;*/
    overflow: visible;
    overflow: hidden;
    float: right;
    height: 28px;
    max-height: 0;
    margin: 7px 0 0 0;
    clear: both;
    -webkit-transition: all 1.25s;
    -moz-transition: all 1.25s;
    -o-transition: all 1.25s;
    transition: all 1.25s;
}

.btn-row.entitlementBtn[b-a6ty5grfgw] {
    /*border: 1px solid red;*/
    max-width: 50px;
    max-height: 0;
    width: auto;
    clear: both;
    overflow: hidden;
    float: left;
    opacity: 0;
    -webkit-transition: all 1.25s;
    -moz-transition: all 1.25s;
    -o-transition: all 1.25s;
    transition: all 1.25s;
}

.prog-li.expanded .btn-row.entitlementBtn[b-a6ty5grfgw] {
    /*border: 1px solid lightblue;*/
    max-height: 50px;
    max-width: 300px;
    width: auto;
    clear: both;
    overflow: hidden;
    float: right;
    height: auto;
    opacity: 1;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.25s;
    transition: all 0.2s;
}

.btn-row.row-one > .prog-btn[b-a6ty5grfgw],
.btn-row.entitlementBtn > .prog-btn[b-a6ty5grfgw] {
    /*max-width: 0;*/
    overflow: hidden;
    float: right;
    clear: none;
    padding: 0 !important;
    width: 0;
    width: auto;
    border-width: 0;
    max-width: 400px;
    padding: 6px 12px !important;
    width: auto;
    border-width: 1px;
    opacity: 0;
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
    -o-transition: 1.0s;
    transition: 1.0s;
}

.prog-li.expanded .btn-row.row-one > .prog-btn[b-a6ty5grfgw],
.prog-li.expanded .btn-row.entitlementBtn > .prog-btn[b-a6ty5grfgw] {
    max-width: 400px;
    padding: 6px 12px !important;
    width: auto;
    border-width: 1px;
    opacity: 1;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

    .btn-row.row-one > .prog-btn.view-btn[b-a6ty5grfgw],
    .prog-li.expanded .btn-row.row-one > .prog-btn.view-btn[b-a6ty5grfgw] {
        max-width: 120px;
        width: auto;
        /*margin: 8px -10px 0 0;*/
        padding: 6px 12px !important;
        border-width: 1px;
    }

    .prog-li.expanded .btn-row.row-one > .prog-btn.view-btn[b-a6ty5grfgw] {
        margin: 0;
    }

.prog-li.expanded .btn-row.row-one[b-a6ty5grfgw] {
    max-width: 300px;
    max-height: 28px;
    margin: 7px 0 0 0;
    /*-webkit-transition: max-width 2s;
    -moz-transition: max-width 2s;
    -o-transition: max-width 2s;
    transition: max-width 2s;*/
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}


.prog-btn.view-btn[b-a6ty5grfgw] {
    margin-right: 15px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.prog-li.expanded .prog-btn.view-btn[b-a6ty5grfgw] {
    margin-right: 50px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}


.category-list li[b-a6ty5grfgw] {
    height: 190px;
    margin-bottom: 15px;
}

.cat-img[b-a6ty5grfgw] {
    /*border: 1px solid red;*/
    width: 25%;
    height: 150px;
    float: left;
    margin-top: -2px;
}

div.show-more[b-a6ty5grfgw],
.face:hover .show-more-icon div.show-more[b-a6ty5grfgw] {
    display: none;
}

.show-more-icon div.show-more[b-a6ty5grfgw] {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #C0C0C0;
    padding: 5px 10px 8px;
    position: absolute;
    display: inline-block;
    left: 5px;
    bottom: 5px;
    color: #808080;
}



.show-more-icon:hover div.show-more[b-a6ty5grfgw] {
    display: none;
}
/*end new*/
@keyframes expand-b-a6ty5grfgw {
    from {
        max-height: 4px;
        min-height: 4px;
        max-height: 0;
        min-height: 0;
        padding: 0 20px;
    }

    to {
        max-height: 100%;
        min-height: 40px;
        padding: 12px 20px;
    }
}

@-moz-keyframes expand {
    from {
        max-height: 4px;
        min-height: 4px;
        max-height: 0;
        min-height: 0;
        padding: 0 20px;
    }

    to {
        max-height: 100%;
        min-height: 40px;
        padding: 12px 20px;
    }
}

@-webkit-keyframes expand {
    from {
        max-height: 4px;
        min-height: 4px;
        max-height: 0;
        min-height: 0;
        padding: 0 20px;
    }

    to {
        max-height: 100%;
        min-height: 40px;
        padding: 12px 20px;
    }
}

@-ms-keyframes expand {
    from {
        max-height: 4px;
        min-height: 4px;
        max-height: 0;
        min-height: 0;
        padding: 0 20px;
    }

    to {
        max-height: 100%;
        min-height: 40px;
        padding: 12px 20px;
    }
}

@-o-keyframes expand {
    from {
        max-height: 4px;
        min-height: 4px;
        max-height: 0;
        min-height: 0;
        padding: 0 20px;
    }

    to {
        max-height: 100%;
        min-height: 40px;
        padding: 12px 20px;
    }
}


.btn-reveal[b-a6ty5grfgw] {
    display: inline-block;
    float: right;
    margin-top: -40px;
    font-weight: bold;
    font-size: 20px;
    text-align: right;
    width: 50px;
}

/*.btn-row {
    padding: 0;
    height: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    clear: both;
    text-align: right;
    margin-left: -150px;
}*/

#unused-cat-list .btn-row[b-a6ty5grfgw] {
    padding: 0;
    height: 80px;
    max-height: 120px;
    overflow: hidden;
    margin-left: 0;
}

/*.card-wrapper .back li .btn-reveal:hover .btn-row {
    padding: 10px 0 5px;
    height: 80px;
    max-height: 100px;
    overflow: visible;
    width: 200px;
    right: 0;
}*/

.prog-btn[b-a6ty5grfgw],
.moreInfo-btn[b-a6ty5grfgw] {
    color: #3a307d;
    background: #fff;
    border: 1px solid #3a307d;
    padding: 5px 8px;
    cursor: pointer;
    line-height: 11px;
    font-size: 12px;
    border: 1px solid #eee;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: normal;
    display: inline-block;
    float: right;
    clear: both;
    margin: 0 10px 5px 0;
}


.other-btn[b-a6ty5grfgw] {
    text-transform: unset;
}


.prog-btn:hover[b-a6ty5grfgw] {
    color: #fff;
    background: #3a307d;
    border: 1px solid #3a307d;
}

.other-cat .prog-btn[b-a6ty5grfgw] {
    float: right;
    margin: 5px 10px 5px 0;
}

.redirectMsg[b-a6ty5grfgw] {
    padding: 5px 10px 5px;
    text-align: right;
    font-size: 13px;
    color: #666;
    margin-right: 10px;
    word-wrap: break-word;
}

.redirect-spinner[b-a6ty5grfgw] {
    background-image: url('Images/RE_spinner.png');
    background-position: 0 50%;
    background-size: cover;
    background-size: cover;
    width: 15px;
    height: 15px;
    float: right;
    -webkit-animation: rotation 2s infinite linear;
    margin-top: 5px;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

#unused-cat-list .moreInfo-btn[b-a6ty5grfgw] {
    width: 60%;
    margin: 40px 0 0 20%;
    float: left;
    background: #3a307d;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    color: #fff;
}

.category-list#unused-cat-list li:hover .moreInfo-btn[b-a6ty5grfgw] {
    animation: fadein-b-a6ty5grfgw 1s;
}

#unused-cat-list .moreInfo-btn:hover[b-a6ty5grfgw] {
    opacity: 0.8;
}

div .pageHeading[b-a6ty5grfgw] {
    margin: 15px 0 5px;
    font-size: 30px;
    color: #3a307d;
    display: none;
}

.responsive-style .program-table[b-a6ty5grfgw],
.responsive-style .other-program-table[b-a6ty5grfgw] {
    display: none;
}

.collapse-text[b-a6ty5grfgw] {
    font-size: 1.2em;
    padding: 10px 15px;
    margin-left: 10px;
    width: auto;
    display: inline-block;
    min-width: 290px;
}

.category-list#unused-cat-list[b-a6ty5grfgw] {
    width: 340px;
    width: 100%;
    overflow: visible;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    margin-top: 40px;
    display: inline-block;
}

    .category-list#unused-cat-list:hover[b-a6ty5grfgw] {
        width: 100%;
        overflow: visible;
    }

#unused-cat-list .collapse-wrap[b-a6ty5grfgw] {
    width: 100%;
    max-height: 0;
    height: 0;
    height: auto;
    overflow: hidden;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    transition: all 0.4s linear;
    margin-top: 40px;
}

.expanding-wrapper[b-a6ty5grfgw] {
    float: left;
    width: 340px;
    max-width: 340px;
    clear: both;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

    .expanding-wrapper .expanding-content[b-a6ty5grfgw] {
        width: 100%;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        transition: all 0.4s linear;
        display: none;
    }

    .expanding-wrapper:hover[b-a6ty5grfgw] {
        width: 100%;
        max-width: 100%;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

        .expanding-wrapper:hover .collapse-text[b-a6ty5grfgw] {
            color: #000;
            background: #eee;
        }

        .expanding-wrapper:hover .expanding-content[b-a6ty5grfgw] {
            max-height: 1000px;
            padding: 20px;
            width: 100%;
            -webkit-transition: all 0.3s linear;
            -moz-transition: all 0.3s linear;
            -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
            display: inline-block;
        }

#unused-cat-list:hover .collapse-wrap[b-a6ty5grfgw] {
    max-height: 675px;
    height: auto;
    overflow: visible;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

#unused-cat-list li:hover .card-wrapper[b-a6ty5grfgw] {
    transform: rotateY(180deg);
}

#unused-cat-list li .card-wrapper[b-a6ty5grfgw] {
    border: 1px solid #D8D8D8;
}

#unused-cat-list .card-wrapper[b-a6ty5grfgw] {
    -webkit-box-shadow: 0 10px 6px -6px #E8E8E8;
    -moz-box-shadow: 0 10px 6px -6px #E8E8E8;
    box-shadow: 0 10px 6px -6px #E8E8E8;
}

    #unused-cat-list .card-wrapper:hover[b-a6ty5grfgw] {
        -webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.5);
        box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.5);
    }

    #unused-cat-list .card-wrapper .back.face[b-a6ty5grfgw] {
        min-height: 150px;
    }

#unused-cat-list ul.collapse-wrap > li[b-a6ty5grfgw] {
    list-style-type: none;
    width: 200px;
    height: 198px;
    height: 180px;
    float: left;
    margin: 10px 50px 10px 0;
    text-align: center;
}

#unused-cat-list ul.collapse-wrap .face[b-a6ty5grfgw] {
    height: 198px;
    height: 180px;
}

.category-list li.prog-selected[b-a6ty5grfgw] {
    z-index: 500;
}

    .category-list li.prog-selected .card-wrapper[b-a6ty5grfgw],
    .category-list li:hover .card-wrapper[b-a6ty5grfgw] {
        min-width: 200px;
        -webkit-box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.7);
        -moz-box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.7);
        /*box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.5);*/
        box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.7);
        /*-webkit-transition: box-shadow 0.1s;
    -moz-transition: box-shadow 0.1s;
    -o-transition: box-shadow 0.1s;
    transition: box-shadow 0.1s;*/
        -webkit-transition: box-shadow 0.2s ease 0.2s;
        -moz-transition: box-shadow 0.2s ease 0.2s;
        -o-transition: box-shadow 0.2s ease 0.2s;
        transition: box-shadow 0.2s ease 0.2s;
    }

.RadWindow.RadWindow_Default iframe[b-a6ty5grfgw],
.RadWindow.RadWindow_Default .rwWindowContent iframe[b-a6ty5grfgw] {
}

    .RadWindow.RadWindow_Default iframe .responsiveContent[b-a6ty5grfgw] {
        color: purple;
        font-weight: bold;
        font-size: 40px;
    }


.RadWindow.RadWindow_Default td.rwWindowContent.rwExternalContent[b-a6ty5grfgw] {
    width: 100% !important;
}

#populated-cat-list .face[b-a6ty5grfgw] {
    min-height: 120px;
}
/*------------Big desktop-------------*/
@media only screen and (min-width: 1800px) {
    #populated-cat-list.category-list > li:hover .card-wrapper[b-a6ty5grfgw],
    #populated-cat-list.category-list > li[b-a6ty5grfgw] {
        min-height: 120px;
        min-width: 550px;
    }

        #populated-cat-list.category-list > li:hover[b-a6ty5grfgw],
        #populated-cat-list.category-list > li[b-a6ty5grfgw] {
            min-height: 120px;
            min-width: 550px;
        }
}
/*------------Rad Windows-------------*/

.RadWindow.RadWindow_Default[b-a6ty5grfgw] {
    border: 1px solid #D8D8D8;
    background: #fff;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.5), -2px 8px 15px rgba(0, 0, 0, 0.5), 2px 8px 15px rgba(0, 0, 0, 0.5);
}

    .RadWindow.RadWindow_Default .rwCorner.rwTopLeft[b-a6ty5grfgw],
    .RadWindow.RadWindow_Default .rwCorner.rwTopRight[b-a6ty5grfgw],
    .RadWindow.RadWindow_Default .rwCorner.rwBodyLeft[b-a6ty5grfgw],
    .RadWindow.RadWindow_Default .rwCorner.rwBodyRight[b-a6ty5grfgw],
    .RadWindow.RadWindow_Default .rwCorner.rwFooterLeft[b-a6ty5grfgw],
    .RadWindow.RadWindow_Default .rwShadow .rwFooterCenter[b-a6ty5grfgw],
    .RadWindow.RadWindow_Default .rwCorner.rwFooterRight[b-a6ty5grfgw],
    .RadWindow.RadWindow_Default .rwShadow .rwTitlebar[b-a6ty5grfgw] {
        background-image: none;
    }

    .RadWindow.RadWindow_Default .rwIcon[b-a6ty5grfgw] {
        display: none;
    }

    .RadWindow.RadWindow_Default .rwTitleRow em[b-a6ty5grfgw] {
        font-size: 20px;
        padding: 7px 0 0 7px;
        width: auto !important;
        white-space: normal;
        font-weight: 500;
    }


    .RadWindow.RadWindow_Default .rwShadow .rwControlButtons a.rwCloseButton[b-a6ty5grfgw] {
        background-image: none;
        margin: 0;
        padding: 0;
        overflow: visible;
    }

        .RadWindow.RadWindow_Default .rwShadow .rwControlButtons a.rwCloseButton[b-a6ty5grfgw]:after {
            content: 'X';
            color: #333;
            font-size: 20px;
            font-weight: bold;
            cursor: pointer;
        }

/*------------Desktop-------------*/
@media only screen and (max-width: 1800px) {

    #populated-cat-list.category-list > li[b-a6ty5grfgw] {
        width: 45%;
        max-width: 720px;
    }


    .category-list li .front.face .cat-title[b-a6ty5grfgw] {
        font-size: 1.4em;
        font-size: 1em;
        font-size: 16px;
    }
}
/*------------Small Desktop-------------*/
@media only screen and (max-width: 1500px) {

    #populated-cat-list.category-list > li[b-a6ty5grfgw] {
        min-width: 460px;
    }

    #populated-cat-list.category-list > li[b-a6ty5grfgw],
    #populated-cat-list .face[b-a6ty5grfgw] {
        min-height: 80px;
    }

    .category-list li .front.face .cat-title[b-a6ty5grfgw] {
        font-size: 1em;
    }
}

/*------------Tablet landscape-------------*/
@media only screen and (max-width: 1200px) {
    .RadDropDownList[b-a6ty5grfgw] {
        width: 158px;
    }

    #populated-cat-list.category-list > li[b-a6ty5grfgw] {
        min-width: 80%;
    }


    .category-list li .front.face .cat-title[b-a6ty5grfgw] {
        font-size: 1.3em;
        font-size: 1em;
    }
}

/*------------Tablet portrait-------------*/
@media only screen and (max-width: 900px) {

    #populated-cat-list.category-list > li[b-a6ty5grfgw] {
        min-width: 100%;
    }

    .category-list li:hover .card-wrapper[b-a6ty5grfgw] {
    }

    #populated-cat-list > li[b-a6ty5grfgw] {
        max-width: 95%;
    }

    .collapse-text:hover + .collapse-wrap[b-a6ty5grfgw], .collapse-wrap:hover[b-a6ty5grfgw] {
        overflow: visible;
    }

    #unused-cat-list:hover .collapse-wrap[b-a6ty5grfgw] {
        max-height: 400px;
        height: 350px;
        overflow: visible;
        width: 100%;
        padding-left: 10px;
    }

    .few .face.back li[b-a6ty5grfgw] {
        margin: 10px 0;
        min-height: 50px;
        padding: 2px 4px;
    }
}
/*------------Phone L-------------*/
@media only screen and (max-width: 600px) {

    #populated-cat-list[b-a6ty5grfgw] {
        margin-top: -10px;
    }


    #unused-cat-list ul.collapse-wrap > li[b-a6ty5grfgw] {
        width: 85%;
        height: 180px;
        margin: 10px 0 20px;
    }

        #unused-cat-list ul.collapse-wrap > li .front[b-a6ty5grfgw],
        #unused-cat-list ul.collapse-wrap > li .back[b-a6ty5grfgw] {
            height: 182px;
        }


    .category-list li .front.face .cat-title[b-a6ty5grfgw] {
        font-size: 1.2em;
        font-size: 1em;
    }

    .category-list#unused-cat-list[b-a6ty5grfgw] {
        width: 100%;
    }
}

/*------------Phone P-------------*/
@media only screen and (max-width: 360px) {
}


/*------------Specific rules for touch devices-------------*/
@media (hover: none) {
}




/*--------All program cards expabded ruby default rules-----------------------*/
.all-expanded .card-wrapper[b-a6ty5grfgw] {
    width: 100%;
    min-height: 200px;
    min-height: 145px;
    transform-style: preserve-3d;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    display: inline-block;
    -webkit-transition: transform 0.000005s linear;
    -moz-transition: transform 0.000005s linear;
    -o-transition: transform 0.000005s linear;
    transition: transform 0.000005s linear;
}

.face.back:hover ul[b-a6ty5grfgw] {
    max-height: 400px;
    min-height: 80px;
    z-index: 50;
    -webkit-transition: all 0.3s ease 0.3s;
    -moz-transition: all 0.3s ease 0.3s;
    -o-transition: all 0.3s ease 0.3s;
    transition: all 0.3s ease 0.3s;
}


.all-expanded .face.back ul[b-a6ty5grfgw] { /*rule not hovered over*/
    padding: 0 5px;
    /*  overflow: hidden;*/
    z-index: 5;
    max-height: 100%;
}



.all-expanded .program-li-element[b-a6ty5grfgw] {
    height: 100%;
}

.all-expanded .scroll-progs .face.back:hover ul[b-a6ty5grfgw] {
    max-height: 100%;
    min-height: 80px;
    z-index: 50;
    overflow-y: auto;
    -webkit-transition: max-height 0.3s ease 0.3s;
    -moz-transition: max-height 0.3s ease 0.3s;
    -o-transition: max-height 0.3s ease 0.3s;
    transition: max-height 0.3s ease 0.3s;
}

.all-expanded #populated-cat-list.category-list li > .card-wrapper[b-a6ty5grfgw] {
    border: solid 1px #4C4D4D;
}

.all-expanded > .category-list li[b-a6ty5grfgw] {
    margin-bottom: 15px;
}


.all-expanded .card-wrapper[b-a6ty5grfgw] {
    height: 100%;
}

.all-expanded .back .face .center[b-a6ty5grfgw] {
    height: 100%;
    border: solid 1px black;
}

.all-expanded .show-more-icon div.show-more[b-a6ty5grfgw] {
    display: none;
}

.front.face[b-a6ty5grfgw] {
    display: none !important;
}

.category-list li.PromoIT-cat .card-wrapper .back.face .cat-img[b-a6ty5grfgw] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Promotionsc3d798bc-e8ce-4c95-83d9-a8037528e128.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.DemoIT-cat .card-wrapper .back.face .cat-img[b-a6ty5grfgw] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Demos5fa65ad0-9d6b-47fb-abb3-3b5856046b07.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.PriceIT-cat .card-wrapper .back.face .cat-img[b-a6ty5grfgw] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Pricesd837a1f9-0c0e-4114-8257-bb9a09da3978.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.CatalogIT-cat .card-wrapper .back.face .cat-img[b-a6ty5grfgw] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Marketing Resources4f489465-f38f-4a41-abc3-19267f1560bf.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.RegisterIT-cat .card-wrapper .back.face .cat-img[b-a6ty5grfgw] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Deal Registrationa76bdeda-29dd-43cf-b18a-fc0f05e7237f.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.TryIT-cat .card-wrapper .back.face .cat-img[b-a6ty5grfgw] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Trials655cbd87-605f-4d98-8fcd-9672bf208b46.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.LoanIT-cat .card-wrapper .back.face .cat-img[b-a6ty5grfgw] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Loans28598fbf-0529-4a8f-a901-98c106a010d0.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.TradeIT-cat .card-wrapper .back.face .cat-img[b-a6ty5grfgw] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Trade In b7fa6501-5797-4c83-a214-4a5e8c74f4c0.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.IncentIT-cat .card-wrapper .back.face .cat-img[b-a6ty5grfgw] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Incentivesa706a5fc-a63a-4d3f-bfab-1887adc7254c.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.PerformIT-cat .card-wrapper .back.face .cat-img[b-a6ty5grfgw] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Performance Measurementd15d157f-a042-419b-a95e-9e7b36fbe874.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.FundIT-cat .card-wrapper .back.face .cat-img[b-a6ty5grfgw] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/MDF_Co-Op118977ed-7fbb-4d85-8415-197da2f60b62.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.LevelIT-cat .card-wrapper .back.face .cat-img[b-a6ty5grfgw] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Partner Performance10df984c-f02d-4f61-967b-c966fdaf3e19.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.CreditIT-cat .card-wrapper .back.face .cat-img[b-a6ty5grfgw] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/HTV Modules - Credit68500027-6616-4011-8e19-1c4064764f11.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.IncentITGroup-cat .card-wrapper .back.face .cat-img[b-a6ty5grfgw] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Incentivesa706a5fc-a63a-4d3f-bfab-1887adc7254c.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.RenewIT-cat .card-wrapper .back.face .cat-img[b-a6ty5grfgw] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Renewalsfd27c30f-5674-4bde-8d29-d3d09aa5c9f4.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.RegisterITGlobal-cat .card-wrapper .back.face .cat-img[b-a6ty5grfgw] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Deal Registrationa76bdeda-29dd-43cf-b18a-fc0f05e7237f.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.ReportIT-cat .card-wrapper .back.face .cat-img[b-a6ty5grfgw] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Insightsb2edf55f-3b8e-4eeb-8508-e09f2fab3de1.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.CaptureIT-cat .card-wrapper .back.face .cat-img[b-a6ty5grfgw] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Untitled design (14)483b0470-739d-4c03-9490-1a9190c5c575.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.PosLoad-cat .card-wrapper .back.face .cat-img[b-a6ty5grfgw] {
    background-image: url('../Protected/RE/images/CategoryImages/OtherIT.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.MetricIT-cat .card-wrapper .back.face .cat-img[b-a6ty5grfgw] {
    background-image: url('../Protected/RE/images/CategoryImages/OtherIT.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.WrapIT-cat .card-wrapper .back.face .cat-img[b-a6ty5grfgw] {
    background-image: url('../Protected/RE/images/CategoryImages/OtherIT.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.all-expanded .face.back:hover ul[b-a6ty5grfgw] {
    max-height: 100%;
    min-height: 80px;
    z-index: 50;
    -webkit-transition: all 0.3s ease 0.3s;
    -moz-transition: all 0.3s ease 0.3s;
    -o-transition: all 0.3s ease 0.3s;
    transition: all 0.3s ease 0.3s;
}
/*--------End All program cards expabded ruby default rules-----------------------*/

.category-list[b-a6ty5grfgw] {
    width: 100%;
    padding: 0;
    padding: 0 0 0 40px;
}

    .category-list#populated-cat-list[b-a6ty5grfgw], .category-list#empty-cat-list[b-a6ty5grfgw], .category-list#unused-cat-list[b-a6ty5grfgw] {
        width: 100%;
        min-height: 10px;
        margin-top: -20px;
    }

.FlexItem.C_panel #centre_col_content_RE[b-a6ty5grfgw] {
    width: 100%;
    max-width: 100% !important;
    display: inline-block;
    /* border: 1px solid red; */
    padding: 0 0 150px 0;
}

.FlexItem.RHS_panel[b-a6ty5grfgw] {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    /* flex-basis: calc(100%/3); */
    flex-basis: 13%;
    max-width: 200px;
    min-width: 160px;
}

#right_col[b-a6ty5grfgw] {
    width: 160px;
    height: auto;
    float: right;
    background-color: #ffffff;
    margin-right: 0px;
    display: block;
    padding: 0px;
    position: relative;
}

#rhs_internal[b-a6ty5grfgw] {
    height: auto;
    float: right;
}

.FlexItem.RHS_panel #rhs_internal[b-a6ty5grfgw] {
    width: 100%;
    height: auto;
}

.FlexItem #rhs_internal[b-a6ty5grfgw] {
    padding: 0;
}
/* /Pages/Index.razor.rz.scp.css */
div[b-vn20tcrdwx] {
    margin: 0px auto;
}

#contentwrapper[b-vn20tcrdwx] {
    background-color: #ffffff;
    height: auto;
    margin-top: 0px;
    position: relative;
    width: 976px;
    clear: both;
    /* padding-top: 10px; */
}

#contentwrapper[b-vn20tcrdwx] {
    width: 100%;
}

#contentwrapper[b-vn20tcrdwx], .FlexContainer[b-vn20tcrdwx] {
    display: flex;
    padding: 1em 0 1em 1em;
}

#centre_col[b-vn20tcrdwx] {
    min-width: 590px;
}

.FlexItem.C_panel[b-vn20tcrdwx] {
    width: 100%;
    max-width: calc(100% - 200px) !important;
}

#centre_col[b-vn20tcrdwx] {
    position: relative;
    background-color: #ffffff;
    min-height: 400px;
    float: left;
    background-color: transparent;
    margin-left: 0px;
    width: auto;
    padding: 6px 0px 24px 0px;
}

.FlexItem.C_panel[b-vn20tcrdwx] {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(100%/3);
    padding: 0 15px 30px !important;
    overflow: hidden;
}

    .FlexItem.C_panel #centre_col_content_RE[b-vn20tcrdwx] {
        width: 100%;
        max-width: 1800px;
    }


    .FlexItem.C_panel #centre_col_content_RE[b-vn20tcrdwx] {
        width: 100%;
        max-width: 100% !important;
        display: inline-block;
        /* border: 1px solid red; */
        padding: 0 0 150px 0;
    }

.FlexItem.RHS_panel[b-vn20tcrdwx] {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    /* flex-basis: calc(100%/3); */
    flex-basis: 13%;
    max-width: 200px;
    min-width: 160px;
}

#right_col[b-vn20tcrdwx] {
    width: 160px;
    height: auto;
    float: right;
    background-color: #ffffff;
    margin-right: 0px;
    display: block;
    padding: 0px;
    position: relative;
}

#rhs_internal[b-vn20tcrdwx] {
    height: auto;
    float: right;
}

.FlexItem.RHS_panel #rhs_internal[b-vn20tcrdwx] {
    width: 100%;
    height: auto;
}

.FlexItem #rhs_internal[b-vn20tcrdwx] {
    padding: 0;
}

*[b-vn20tcrdwx] {
    box-sizing: border-box;
}

body[b-vn20tcrdwx] {
    min-width: 900px;
}

    body.popup-body[b-vn20tcrdwx] {
        min-width: 0;
    }

.hidePanel[b-vn20tcrdwx] {
    display: none !important;
}

#fullwrapper[b-vn20tcrdwx] {
    margin: 0 5%;
    width: 90%;
    min-width: 520px !important;
    /*min-width: 976px !important;*/
}

#reseller_header[b-vn20tcrdwx],
#reseller_header > span[b-vn20tcrdwx],
#reseller_header > span > img[b-vn20tcrdwx],
#subheader[b-vn20tcrdwx],
#contentwrapper[b-vn20tcrdwx],
#footer[b-vn20tcrdwx] {
    width: 100%;
}

#reseller_header[b-vn20tcrdwx] {
    overflow: hidden;
}


#contentwrapper[b-vn20tcrdwx] {
    width: 100%;
}

.table-panel[b-vn20tcrdwx],
#container2[b-vn20tcrdwx] {
    display: table;
    width: 100%;
}

.left-panel[b-vn20tcrdwx],
.center-panel[b-vn20tcrdwx],
.right-panel[b-vn20tcrdwx] {
    display: table-cell;
    padding-top: 20px;
    float: none;
    vertical-align: top;
}

#left_col.left-panel[b-vn20tcrdwx],
#left_col[b-vn20tcrdwx] {
    width: 162px !important;
}

#rhs_internal[b-vn20tcrdwx] {
    height: auto;
    float: right;
}
/*jf*/
/*#right_col img {
    width: 100%;
    height: auto;
}*/

#right_col #rhs_internal.sticky-rhs[b-vn20tcrdwx] {
    position: fixed;
    top: 0;
}

#centre_col_content_RE .left-padded[b-vn20tcrdwx] {
    margin-left: 12%;
    width: 76%;
    margin-left: 0;
    width: 100%;
}

    #centre_col_content_RE .left-padded .t-container-static[b-vn20tcrdwx] {
        width: 100%;
    }

    #centre_col_content_RE .left-padded .vev[b-vn20tcrdwx] {
        width: 100%;
        display: inline-block;
    }

.SubtitleLabel[b-vn20tcrdwx] {
    width: 100%;
}

.full-width-page .t-container-static[b-vn20tcrdwx] {
    width: 100%;
}

#centre_col_content_RE div.pageHeading > div[b-vn20tcrdwx],
#centre_col_content_RE .left-padded .SubtitleLabel[b-vn20tcrdwx] {
    color: #333;
    padding-left: 0;
}

/*Menu*/
#ddLanguage-wrapper[b-vn20tcrdwx] {
    top: 5px !important;
    right: 10px !important;
    transform: none !important;
    float: right;
    z-index: 500;
}

.RadForm_Bootstrap #ddLanguage-wrapper[b-vn20tcrdwx] {
    top: 15px !important;
    right: 25px !important;
}

.RadForm_Glow #ddLanguage-wrapper[b-vn20tcrdwx],
.RadForm_Silk #ddLanguage-wrapper[b-vn20tcrdwx] {
    top: 10px !important;
}

table.form_2col td.input-label[b-vn20tcrdwx] {
    padding: 7px 20px 10px 10px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

#login_centre_panel[b-vn20tcrdwx] {
    max-width: 50%;
}

input[type=text]#UserName[b-vn20tcrdwx],
input[type=password]#ctl00_ContentPlaceHolderBody_cmlLogin_Password[b-vn20tcrdwx],
.userNameInput input[type=text][b-vn20tcrdwx],
.userPasswordInput input[type=password][b-vn20tcrdwx] {
    font-size: 14px;
    padding: 0 8px 4px;
    height: 30px;
    margin-bottom: 5px;
    border-radius: 4px;
}

#menu-contents[b-vn20tcrdwx] {
    display: block !important
}

.tableFullWidth[b-vn20tcrdwx],
.tableFullWidth .RadGrid[b-vn20tcrdwx] {
    width: 100% !important;
    margin-bottom: 40px;
}

    .tableFullWidth .RadGrid[b-vn20tcrdwx] {
        width: 100% !important;
        overflow: auto;
    }

        .tableFullWidth .RadGrid .rgMasterTable[b-vn20tcrdwx] {
            table-layout: auto !important;
        }

.DashboardFullWidth[b-vn20tcrdwx],
.Dashboard3QuarterWidth[b-vn20tcrdwx],
.DashboardHalfWidth[b-vn20tcrdwx] {
    width: 100%;
    margin: 8px 8px 8px 0;
    float: left;
}


.DashboardFullWidthNoMargin[b-vn20tcrdwx] {
    clear: left;
    width: 100%;
    float: left;
}

.Dashboard3QuarterWidth[b-vn20tcrdwx] {
    width: 75%;
    margin: 8px 8px 8px 0;
    float: left;
}

.DashboardHalfWidth[b-vn20tcrdwx] {
    width: 50%;
    max-width: 1200px;
    min-width: 500px;
}

.DashboardMediumPanel[b-vn20tcrdwx],
.DashboardSmallPanel[b-vn20tcrdwx],
.SmallPanelContainer .DashboardSmallPanel[b-vn20tcrdwx] {
    height: auto;
    width: auto;
}

.custom-panel .DashboardMediumPanel[b-vn20tcrdwx] {
    height: 150px;
    width: 250px;
    margin-left: 10px;
}

    .custom-panel .DashboardMediumPanel .rtlistGroupSeparator[b-vn20tcrdwx] {
        display: none;
    }

    .custom-panel .DashboardMediumPanel .rtlistWrapper[b-vn20tcrdwx] {
        width: 100%;
    }

.half-width[b-vn20tcrdwx] {
    width: 48%;
    float: left;
    min-width: 230px;
}

/*.speedometerContainer {
    height: 240px;
}

.rrgSpeedo {
    width: 100%;
    height: 100%;
}*/

.formRow .formResult[b-vn20tcrdwx] {
    line-height: 30px;
    display: table-cell;
    color: #505050;
}

.noGauge .section-wrapper1[b-vn20tcrdwx] {
    width: 0;
}

.noGauge .section-wrapper2[b-vn20tcrdwx] {
    width: 100%;
}

.noGauge .radial-grid[b-vn20tcrdwx] {
    display: none;
}

.noGauge .section-wrapper1[b-vn20tcrdwx] {
    width: 0;
}

.section-wrapper2.fp-flex-panel .btnRow[b-vn20tcrdwx] {
    margin: 15px;
    padding: 0;
}

.RadWindow .section-wrapper2.fp-flex-panel .btnRow[b-vn20tcrdwx] {
    margin: 0 15px;
}

.bottom-btn-row[b-vn20tcrdwx] {
    margin-top: 15px;
    float: left;
    clear: both;
}

/*creditIT css*/

.sub-table-panel[b-vn20tcrdwx] {
    background-color: #C4DCEF;
    margin-bottom: 10px;
    position: relative;
}

.rbButton[b-vn20tcrdwx] {
    padding: 4px 10px;
    min-width: 64px;
    border-width: 1px;
    border-style: solid;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
}

.RadButton.RadButton_Bootstrap[b-vn20tcrdwx] {
    color: #ffffff;
    background-color: #6A2C8E;
    border-color: #6A2C8E;
    vertical-align: top;
    line-height: 20px !important;
}

.RadButton_Bootstrap.rbButton[b-vn20tcrdwx] {
    padding: 6px 12px;
}

.RadButton.rbRounded[b-vn20tcrdwx] {
    border-radius: 4px;
}

.RadButton_Bootstrap[b-vn20tcrdwx] {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.form_2col td.label[b-vn20tcrdwx] {
    color: #6d6e70;
    padding: 5px 20px 5px 10px;
}

.RadForm .customskin .sub-table-panel .SubtitleLabel[b-vn20tcrdwx] {
    color: #333;
    margin-left: 20px;
    margin-top: -10px;
}

.sub-table-style[b-vn20tcrdwx] {
    margin: 0px 50px 0 20px;
    width: 550px;
    overflow-x: auto;
    border-right: 1px solid #dedede !important;
}

.dynamic-table-size[b-vn20tcrdwx] {
    border: 2px solid orange;
    overflow-x: auto;
    width: 100% !important;
    border: 1px solid #dedede !important;
    border-radius: 0 !important;
}

/*RenewIT css*/
.dynamic-chart-wrapper[b-vn20tcrdwx],
.dynamic-chart-wrapper.t-container-static[b-vn20tcrdwx] {
    width: 100%;
    margin: 0;
}

.search-row-1[b-vn20tcrdwx] {
    margin-top: 20px;
}

.search-row[b-vn20tcrdwx] {
    margin: 10px 0 5px;
}

    .search-row .RadLabel[b-vn20tcrdwx] {
        min-width: 150px;
    }

    .search-row div.RadDropDownList .rddlInner[b-vn20tcrdwx] {
        height: 36px !important;
        line-height: 26px !important;
    }

        .search-row div.RadDropDownList .rddlInner .rddlFakeInput[b-vn20tcrdwx] {
            padding-top: 1px;
        }

.search-row-periods div.RadComboBox[b-vn20tcrdwx] {
    min-width: 250px !important;
}

.no-margin-table[b-vn20tcrdwx],
.no-margin-table .t-row[b-vn20tcrdwx] {
    margin: 0;
}

.no-margin-table[b-vn20tcrdwx] {
    margin: 0 8px;
}

.column-chart .RadHtmlChart.k-chart[b-vn20tcrdwx] {
    width: 100% !important;
    max-width: 850px;
    height: 350px !important;
}

.t-container-fluid.full-width-page[b-vn20tcrdwx],
.t-container-static.full-width-page[b-vn20tcrdwx] {
    width: calc(100% + 30px);
    width: 100%;
    padding-top: 15px;
    margin-left: 0;
}


    .t-container-static.full-width-page .first-row[b-vn20tcrdwx] {
        margin: 10px -15px 10px;
    }

    .t-container-static.full-width-page .RadGrid_Bootstrap .rgHeader[b-vn20tcrdwx] {
        border-left: 1px solid rgba(255, 255, 255, 0.25) !important;
    }



    .t-container-static.full-width-page .RadSearchBox_Bootstrap .rsbButton.rsbButtonSearch[b-vn20tcrdwx] {
        height: 32px;
        margin-top: 3px;
    }

.full-width-page .t-row > h4[b-vn20tcrdwx] {
    margin-bottom: 10px;
}

.full-width-page .t-row.ddl-row[b-vn20tcrdwx] {
    margin: 30px 0 20px;
}

    .full-width-page .t-row.ddl-row .t-row[b-vn20tcrdwx] {
        margin: 0;
    }

.Opps-table-wrapper[b-vn20tcrdwx],
.autoLayout-table-wrapper[b-vn20tcrdwx] {
    overflow-x: auto;
    height: auto;
}

    .Opps-table-wrapper > .t-row[b-vn20tcrdwx] {
        margin: 10px 0;
    }

    .Opps-table-wrapper .RadGrid[b-vn20tcrdwx] {
        padding-left: 15px;
        width: calc(100% - 15px) !important;
    }


    .autoLayout-table-wrapper.tel-layoutRow[b-vn20tcrdwx] {
        margin-left: -30px;
    }

.tel-layoutRow .pageHeading[b-vn20tcrdwx] {
    margin: -8px 0 28px -15px;
}

.autoLayout-table-wrapper .RadAjaxPanel[b-vn20tcrdwx] {
    display: inline-block !important;
}

.Opps-table-wrapper .RadGrid[b-vn20tcrdwx],
.autoLayout-table-wrapper .RadGrid[b-vn20tcrdwx] {
    margin: 0;
}

.Opps-table-wrapper .rgMasterTable[b-vn20tcrdwx],
.autoLayout-table-wrapper .rgMasterTable[b-vn20tcrdwx] {
    table-layout: auto !important;
}

.opp-card-row .t-col-2[b-vn20tcrdwx] {
    margin-right: 20px;
}

    .opp-card-row .t-col-2.opp-image-card[b-vn20tcrdwx] {
        width: auto;
        max-height: 90px;
    }

        .opp-card-row .t-col-2.opp-image-card > .t-row[b-vn20tcrdwx] {
            border: 0;
        }

            .opp-card-row .t-col-2.opp-image-card > .t-row > div[b-vn20tcrdwx] {
                height: 100%;
                width: 100%;
            }

            .opp-card-row .t-col-2.opp-image-card > .t-row img[b-vn20tcrdwx] {
                height: 100%;
                width: auto;
            }

    .opp-card-row .t-col-2 > .t-row .imageRowImage[b-vn20tcrdwx] {
        height: auto !important;
        width: auto !important;
    }

.serviceInfoMessage[b-vn20tcrdwx] {
    float: right;
    margin-right: -405px;
    margin-top: 45px;
    margin-bottom: 10px;
}

.infoMessageLabel[b-vn20tcrdwx] {
    font-size: 15px;
    color: #337ab7;
    font-weight: bold;
}


.searchcontainer.float_position[b-vn20tcrdwx] {
    float: left;
}

.mini_basket_pnl_float_position[b-vn20tcrdwx] {
    float: right;
}

#mini_cart.mini_cart_wrapper[b-vn20tcrdwx] {
    padding-right: 5px;
    visibility: hidden; /*OW Addition*/
}

    /*OW Addition*/
    #mini_cart.mini_cart_wrapper.mini_cart_display[b-vn20tcrdwx] {
        padding-right: 5px;
        visibility: visible;
    }

#mini_cart #basketHeaderContainer[b-vn20tcrdwx] {
    width: 156px;
}

/*Shopping Cart*/

.bcrumb.position[b-vn20tcrdwx] {
    float: left;
    clear: both;
    width: 100%;
    border: 0px solid blue;
}

/*Just added for testing*/
/*
.leftColButtonContainer.fred {
    float: right;
    border: 0px solid blue;
}
*/

.mini_basket_product_groups_screen[b-vn20tcrdwx] {
    /*margin-right: 4%;*/
    float: right;
}

.RadForm.RadForm_Bootstrap .RadButton.RadButton_Bootstrap.rbSkinnedButton.GreenButton.fixed_width[b-vn20tcrdwx],
.RadForm.RadForm_Bootstrap .RadButton.RadButton_Bootstrap.rbSkinnedButton.GreenButton.fixed_width input[b-vn20tcrdwx] {
    width: 177px !important;
}



.leftColButtonContainer.adjusted[b-vn20tcrdwx] {
    float: right;
    border: 0 solid red;
    margin: -40px 0 0 70px;
}


.mini_CartTotal.showInMiniCart[b-vn20tcrdwx] {
    float: left;
    margin: 0 30px 0 4px;
    height: 34px;
}

.pnlMiniBasket[b-vn20tcrdwx] {
    display: inline-block;
    border: 0px solid red;
    max-height: 57px;
}

#mini_cart_trigger[b-vn20tcrdwx] {
    background: black;
    color: white;
    border-radius: 90px;
    cursor: pointer;
    padding: 15px 20px;
    /*text-align: center;*/
    width: 45px;
    height: 45px;
    font-size: 16px;
    display: block;
    /*float: right;*/
    background: url('../../../Images/Icons/shopCart.png'),black;
    background-position: 50%;
    background-size: 30px;
    background-repeat: no-repeat;
    margin: 0 0 0 160px;
}

    #mini_cart_trigger.disabled[b-vn20tcrdwx] {
        background: url('../../../Images/Icons/shopCart.png'), #d0d0d0;
        background-position: 50%;
        background-size: 30px;
        background-repeat: no-repeat;
    }

    #mini_cart_trigger #Basket_Count[b-vn20tcrdwx] {
        padding: 1px 4px;
        background: red;
        margin: -18px 0 0 15px;
        position: absolute;
        font-weight: bold;
    }

.close-btn[b-vn20tcrdwx] {
    margin: -10px 10px 0 0;
    float: right;
    display: none;
    cursor: pointer;
}


.show-mini-cart[b-vn20tcrdwx] {
    position: relative;
}

    .show-mini-cart .mini_cart_wrapper .TabularDataControl .close-btn[b-vn20tcrdwx] {
        margin: 10px;
        float: right;
        display: inline-block;
    }

.mini_cart_wrapper .TabularDataControl[b-vn20tcrdwx] {
    max-height: 50px;
    overflow: hidden;
    display: inline-block;
}

.show-mini-cart .mini_cart_wrapper .TabularDataControl[b-vn20tcrdwx] {
    max-width: 1150px;
    max-height: 42vh;
    width: 800px;
    /* padding: 15px 20px; */
    display: block;
    position: absolute;
    top: 50px;
    background: white;
    z-index: 500;
    border: 1px solid grey;
    -webkit-box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.7);
    /* box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.5); */
    box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.7);
    overflow-y: auto;
    right: 0;
}

    .show-mini-cart .mini_cart_wrapper .TabularDataControl .basketHeaderContainer[b-vn20tcrdwx] {
        width: 100%;
    }

    .show-mini-cart .mini_cart_wrapper .TabularDataControl .OrangeLink[b-vn20tcrdwx]:after {
        content: ' \1F589';
        font-size: 20px;
        margin-left: 10px;
    }

    .show-mini-cart .mini_cart_wrapper .TabularDataControl .close-btn[b-vn20tcrdwx] {
        margin-top: -10px;
        margin-left: -9px;
        margin-right: -9px;
        z-index: 1500;
        position: relative;
    }

        .show-mini-cart .mini_cart_wrapper .TabularDataControl .close-btn[b-vn20tcrdwx]:after {
            content: ' \78';
            font-size: 30px;
            color: red;
            background: #fff;
            padding: 0 5px;
        }

        .show-mini-cart .mini_cart_wrapper .TabularDataControl .close-btn:hover[b-vn20tcrdwx]:after {
            content: ' \78';
            font-size: 30px;
            color: grey;
            margin-top: -20px;
        }

.show-mini-cart #mini_cart.mini_cart_wrapper .TabularDataControl #basketHeaderContainer[b-vn20tcrdwx] {
    float: left;
    width: 100%;
    max-width: 100%;
}

.show-mini-cart .mini_cart_wrapper .TabularDataControl tr[b-vn20tcrdwx] {
    max-width: 220px;
    max-width: 420px;
    display: inline-block;
    float: left;
}

    .show-mini-cart .mini_cart_wrapper .TabularDataControl tr:last-of-type[b-vn20tcrdwx] {
        margin-bottom: 20px;
    }

    .show-mini-cart .mini_cart_wrapper .TabularDataControl .leftColButtonContainer[b-vn20tcrdwx],
    .show-mini-cart .mini_cart_wrapper .TabularDataControl tr.btn-container[b-vn20tcrdwx],
    .show-mini-cart .mini_cart_wrapper .TabularDataControl tr.btn-container td[b-vn20tcrdwx] {
        width: 100%;
        /*border:1px solid red;*/
        max-width: 100%;
        height: 40px;
        margin: 0;
    }

    .show-mini-cart .mini_cart_wrapper .TabularDataControl tr.btn-container[b-vn20tcrdwx] {
        width: 100%;
        /*border:1px solid blue;*/
        max-width: 100%;
        height: 45px;
        padding: 10px 10px 15px;
        margin-bottom: 20px;
    }

.show-mini-cart .mini_cart_wrapper .TabularDataControl td[b-vn20tcrdwx] {
    max-width: 200px;
    max-width: 420px;
    display: inline-block;
    margin: 0 15px;
    float: left;
    width: 320px;
}


.show-mini-cart #mini_cart.mini_cart_wrapper .TabularDataControl td .product_info .productDescriptionContainer[b-vn20tcrdwx] {
    width: 100%;
}

.customskin .rgExpXLS[b-vn20tcrdwx] {
    background: url(../../../Images/export2excel.png) !important;
    background-repeat: no-repeat !important;
    background-position: 50% !important;
    background-size: 80% !important;
}

.registerIt-panel .vev .vev_bott[b-vn20tcrdwx] {
    background-position: calc(100% - 5px) 5px;
    background-image: url('../../../Images/vev_Bootstrap.gif');
    background-repeat: no-repeat;
    border-bottom-style: none;
    border-bottom-color: inherit;
    border-bottom-width: 0;
}

.table-selectable-rows .RadGrid_Bootstrap .rgSelectedRow > td[b-vn20tcrdwx] {
    color: #505050;
}

.table-selectable-rows .RadGrid_Bootstrap .rgSelectedRow.rgHoveredRow > td[b-vn20tcrdwx] {
    color: #fff;
}

.fundIt-tile-wrapper[b-vn20tcrdwx] {
    max-width: 100%;
}

.DashboardPanelContainer-RE.fundIt-tile-wrapper .RadTileList .rtlistWrapper[b-vn20tcrdwx] {
    width: 25%;
    min-width: 280px;
    max-width: 340px;
    display: inline-block;
}

    .DashboardPanelContainer-RE.fundIt-tile-wrapper .RadTileList .rtlistWrapper .RadTile[b-vn20tcrdwx] {
        margin: 0 30px 10px 0;
        width: calc(100% - 30px);
        display: inline-block;
    }

        .DashboardPanelContainer-RE.fundIt-tile-wrapper .RadTileList .rtlistWrapper .RadTile > div[b-vn20tcrdwx] {
            width: 100%;
            display: inline-block;
        }

        .DashboardPanelContainer-RE.fundIt-tile-wrapper .RadTileList .rtlistWrapper .RadTile .rtileContent[b-vn20tcrdwx] {
            min-width: 100% !important;
            display: inline-block;
        }



.levelIt-tiles[b-vn20tcrdwx] {
    width: 100%;
    display: inline-block;
}

.scoreCardsContainer.summary-details[b-vn20tcrdwx] {
    width: 60%;
    margin: 0 20%;
    padding: 15px 30px;
}


.Dashboard3QuarterWidth.custom-panel.summary-results.centered-table[b-vn20tcrdwx] {
    margin: 20px 15%;
    width: 70%;
}

.tblCommissionData-table[b-vn20tcrdwx] {
    width: 100%;
}

    .tblCommissionData-table .RadGrid_Bootstrap .rgHeaderDiv[b-vn20tcrdwx] {
        margin-right: 0 !important;
    }

    .tblCommissionData-table .RadGrid th[b-vn20tcrdwx],
    .tblCommissionData-table .RadGrid .rgDataDiv td[b-vn20tcrdwx] {
        width: 21%;
        min-width: 50px;
    }

    .tblCommissionData-table .RadGrid .rgFooterDiv .rgFooter td[b-vn20tcrdwx] {
        min-width: 50px;
        padding: 10px 5px;
        border-left: 0;
    }

    .tblCommissionData-table .RadGrid .rgFooterDiv[b-vn20tcrdwx] {
        border: 1px solid #dedede;
        border-top: 0;
    }

.Dashboard3QuarterWidth.custom-panel.summary-results .tblCommissionData-table .RadGrid .rgDataDiv td[b-vn20tcrdwx] {
    padding: 5px;
}

.Dashboard3QuarterWidth.custom-panel.summary-results .tblCommissionData-table .RadGrid .rgDataDiv .rgMasterTable[b-vn20tcrdwx] {
    box-shadow: none !important;
}

.tblCommissionData-table .RadGrid th.rgExpandCol[b-vn20tcrdwx],
.tblCommissionData-table .RadGrid .rgDataDiv td.rgExpandCol[b-vn20tcrdwx],
.tblCommissionData-table .RadGrid .rgDataDiv .rgFooterDiv .rgFooter td.rgExpandCol[b-vn20tcrdwx] {
    width: 50px;
    max-width: 50px;
}

.tblCommissionData-nested-table[b-vn20tcrdwx] {
    width: 100%;
}

.RadForm.RadForm_Bootstrap .customskin .Dashboard3QuarterWidth .RadAjaxPanel .RadGrid.RadGrid_Bootstrap .tblCommissionData-nested-table table.rgMasterTable[b-vn20tcrdwx] {
    box-shadow: none;
}

.tblCommissionData-nested-table table.rgMasterTable .rgFooter td[b-vn20tcrdwx] {
    border-bottom: 1px solid #dedede;
}

.tblCommissionData-table .rgDataDiv[b-vn20tcrdwx] {
    overflow: hidden !important;
}

.popup-body .t-container-static[b-vn20tcrdwx] {
    width: auto;
}

/*------------Big desktop-------------*/
@media only screen and (min-width: 1800px) {
    /*body:before {
        content: 'Wide Desktop';
    }*/
    #fullwrapper[b-vn20tcrdwx] {
        transition: all 1s;
    }

    #footer[b-vn20tcrdwx] {
        padding-left: 15px !important;
        padding-right: 15px;
    }
}

/*------------ Desktop-------------*/
@media only screen and (max-width: 1800px) {
    /*body:before {
        content: 'Desktop';
    }*/

    #fullwrapper[b-vn20tcrdwx] {
        width: 100%;
        min-width: 0;
        margin: 0;
        border: 0px solid green;
        min-width: 0;
        transition: all 1s;
    }

    #subheader[b-vn20tcrdwx] {
        padding: 0 15px;
    }

    #contentwrapper[b-vn20tcrdwx] {
        padding: 0 0 0 15px;
    }

    #footer[b-vn20tcrdwx] {
        padding-left: 15px;
        padding-right: 15px;
    }
}
/*------------Small Desktop-------------*/
@media only screen and (max-width: 1500px) {
}

/*------------Tablet landscape-------------*/
@media only screen and (max-width: 1200px) {


    #centre_col .t-container-static[b-vn20tcrdwx] {
        width: 100%;
    }

    .Dashboard3QuarterWidth[b-vn20tcrdwx] {
        width: 100%;
    }
}

@media only screen and (max-width: 960px) {
    .rwNormalWindow[b-vn20tcrdwx] {
        max-width: 500px;
    }


    .customskin #centre_col[b-vn20tcrdwx] {
        min-width: 290px !important;
    }
}


/*------------Tablet portrait-------------*/
/*@media only screen and (max-width: 900px) {*/
@media only screen and (max-width: 600px) {

    #fullwrapper[b-vn20tcrdwx] {
        margin: 0;
        width: 100%;
        border: 0;
        transition: all 1s;
    }

    #centre_col > div:first-of-type[b-vn20tcrdwx] {
        min-width: 0;
        width: 100%;
        overflow: visible;
    }

    #fullwrapper[b-vn20tcrdwx] {
        min-width: 215px;
    }

    #reseller_header[b-vn20tcrdwx] {
        min-height: 0;
    }

    /*Menu*/


    /*end Menu*/
    #ddLanguage-wrapper[b-vn20tcrdwx] {
        border: 0px solid blue;
        position: relative !important;
        top: 5px !important;
        right: 0 !important;
        transform: none !important;
        float: right;
        width: 25%;
        max-width: 120px;
        margin-top: -8px;
    }


        #ddLanguage-wrapper > .RadDropDownList[b-vn20tcrdwx] {
            width: 100%;
            border-width: 0;
        }

        #ddLanguage-wrapper > .RadDropDownList_Default .rddlInner[b-vn20tcrdwx] {
            width: 100%;
            margin-top: 5px;
            border: 1px solid #828282;
            background: none;
            border-radius: 0;
            min-height: 24px;
        }


        #ddLanguage-wrapper > .RadDropDownList_Default .rddlInner[b-vn20tcrdwx] {
            padding-left: 12px;
            color: #000;
        }

            #ddLanguage-wrapper > .RadDropDownList_Default .rddlInner.rddlFocused[b-vn20tcrdwx] {
                background: #828282;
                color: #fff;
            }


    .RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindow.rwShadow[b-vn20tcrdwx] {
        border: 0px solid orange;
        width: 80% !important;
        left: 10% !important;
    }

    #centre_col[b-vn20tcrdwx] {
        min-width: 100px;
    }
}
/*------------Phone L-------------*/
@media only screen and (max-width: 600px) {
    [class*="col-"][b-vn20tcrdwx] {
        width: 100%;
    }

    #contentwrapper[b-vn20tcrdwx] {
        padding-left: 5px;
        width: 100%;
    }

    #right_col img[b-vn20tcrdwx] {
        width: 100%;
        height: auto;
    }

    #centre_col .login-table td[b-vn20tcrdwx] {
        display: inline-block;
        width: 100%;
        text-align: left;
    }

        #centre_col .login-table td input[b-vn20tcrdwx] {
            width: 100% !important;
        }

    table.form_2col td.input-label[b-vn20tcrdwx] {
        padding: 7px 20px 10px 0;
    }


    /*Menu*/
    #subheader .RadMenu[b-vn20tcrdwx] {
        width: 100%;
    }

    .RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindow.rwShadow[b-vn20tcrdwx] {
        width: 94% !important;
        left: 3% !important;
    }

    #centre_col[b-vn20tcrdwx] {
        min-width: 100px;
        width: 55%;
    }

    #right_col[b-vn20tcrdwx] {
        width: 45%;
        min-width: 100px;
    }
}

/*------------Phone P-------------*/
@media only screen and (max-width: 360px) {
    [class*="col-"][b-vn20tcrdwx] {
        width: 100%;
    }

    #centre_col[b-vn20tcrdwx] {
        min-width: 100px;
        width: 50%;
    }

    .RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindow.rwShadow[b-vn20tcrdwx] {
        border: 0px solid green;
        width: 100% !important;
        height: auto !important;
        left: 0 !important;
    }
}


/*------------Specific rules for touch devices-------------*/
@media (hover: none) {
}




/*--------------------------------RadSkinCSS------------------------------*/
.RadDropDownList[b-vn20tcrdwx] {
    width: auto
}

#contentwrapper[b-vn20tcrdwx],
.FlexContainer[b-vn20tcrdwx] {
    display: flex;
    padding: 1em 0 1em 1em;
}

.FlexItem[b-vn20tcrdwx] {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100%/3);
}


    .FlexItem.LHS_panel[b-vn20tcrdwx] {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(100%/3);
        flex-basis: auto;
        margin: 0;
    }

    .FlexItem.C_panel[b-vn20tcrdwx] {
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: calc(100%/3);
        padding: 0 15px 30px !important;
        overflow: hidden;
    }

        .FlexItem.C_panel #centre_col_content_RE[b-vn20tcrdwx] {
            width: 100%;
            max-width: 1200px;
        }

    .FlexItem.RHS_panel[b-vn20tcrdwx] {
        display: flex;
        flex-grow: 0;
        flex-shrink: 0;
        /*flex-basis: calc(100%/3);*/
        flex-basis: 13%;
        max-width: 200px;
        min-width: 160px;
    }

        .FlexItem.RHS_panel #rhs_internal[b-vn20tcrdwx] {
            width: 100%;
            height: auto;
        }

    /*#rhs_internal map area{
    border:1px solid red;
}*/

    .FlexItem p[b-vn20tcrdwx] {
        text-align: center;
        text-align: left;
        margin: 1em;
        padding: 1em;
    }

    .FlexItem #rhs_internal[b-vn20tcrdwx] {
        padding: 0;
    }

        .FlexItem #rhs_internal p[b-vn20tcrdwx] {
            padding: 0 5px 5px;
            margin: 0;
        }

        .FlexItem #rhs_internal img[b-vn20tcrdwx] {
            width: 100%;
            height: auto;
        }



.responsive-style .tableStripe[b-vn20tcrdwx] {
    width: 100% !important;
}

.tnc-title span[b-vn20tcrdwx] {
    color: #7c7c7c !important;
    text-align: center;
}

.tnc-title p[b-vn20tcrdwx] {
    text-align: center;
}

.tnc-buttons[b-vn20tcrdwx] {
    text-align: center;
}

    .tnc-buttons span[b-vn20tcrdwx] {
        margin: 0 10px;
    }

#upUserList[b-vn20tcrdwx] {
    position: relative;
}

#gUser[b-vn20tcrdwx] {
    display: inline-table;
    margin-left: 0;
}



#dHistory[b-vn20tcrdwx] {
    margin-left: 0;
    width: 50%;
}

#pageOperations[b-vn20tcrdwx] {
    width: auto;
}

@media screen and (-ms-high-contrast: none) {
    /*IE11 only*/
    .FlexItem.RHS_panel[b-vn20tcrdwx] {
        flex-basis: calc(100%/3);
    }

    html body[b-vn20tcrdwx] {
        display: block !important;
    }
}
/* /Pages/Journey/JourneyDashboard.razor.rz.scp.css */
.toggle-buttons[b-y5v82nm1vn] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.lostfocus[b-y5v82nm1vn] {
    background-color: white !important;
    border: solid 0.5px;
    color: black !important;
}




.pja-container .pja-right .container-fluid[b-y5v82nm1vn] {
    text-align: left;
}

.pja-container[b-y5v82nm1vn] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}



    .pja-container .pja-right[b-y5v82nm1vn] {
        width: 100% !important;
        border-radius: 0.875rem;
        background: #ffffff;
        padding: 30px 14px 30px 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

.mainSection[b-y5v82nm1vn] {
    background: #f8f9fb;
    margin-top: 70px;
    border-radius: 0.875rem;
    width: 100% !important;
}

.PartnerHeader[b-y5v82nm1vn] {
    width: 100%;
    background-color: #ffff;
    border-radius: 0.875rem;
    padding: 10px;
    margin-bottom: 20px;
}



.MainHeader[b-y5v82nm1vn] {
    width: 100% !important;
}

.HeaderRow[b-y5v82nm1vn] {
    display: flex;
}

.HeaderCol[b-y5v82nm1vn] {
    flex: 1 1 auto;
}
/* /Pages/Journey/JourneyDistributorDashboard.razor.rz.scp.css */


.container[b-f5fv36o5k4] {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.header[b-f5fv36o5k4] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 1rem;
}

.header__title[b-f5fv36o5k4] {
    margin: 0;
    font-size: 1.5rem;
}

.header__button[b-f5fv36o5k4] {
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 8px;
    height: 32px;
}

.snapsExcelExportButton[b-f5fv36o5k4] {
    display: none;
}

.snapsExcelExportButton2[b-f5fv36o5k4] {
    display: none;
}


.pja-container .pja-right .container-fluid[b-f5fv36o5k4] {
    text-align: left;
}

.pja-container[b-f5fv36o5k4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}



    .pja-container .pja-right[b-f5fv36o5k4] {
        width: 100% !important;
        border-radius: 0.875rem;
        background: #ffffff;
        padding: 30px 14px 30px 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

.mainSection[b-f5fv36o5k4] {
    background: #f8f9fb;
    margin-top: 70px;
    border-radius: 0.875rem;
    width: 100% !important;
}

.PartnerHeader[b-f5fv36o5k4] {
    width: 100%;
    background-color: #ffff;
    border-radius: 0.875rem;
    padding: 10px;
    margin-bottom: 20px;
}

.WelcomeMessage[b-f5fv36o5k4] {
    width: 100% !important;
    background-color: #CCE1FF;
    border-radius: 0.875rem;
    padding: 10px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}

.PartnerTitle[b-f5fv36o5k4] {
    padding-bottom: 20px;
    padding-top: 10px;
}

.MainHeader[b-f5fv36o5k4] {
    width: 100% !important;
}

.HeaderRow[b-f5fv36o5k4] {
    display: flex;
}

.HeaderCol[b-f5fv36o5k4] {
    flex: 1 1 auto;
}
/* /Pages/Journey/PartnerJourneyDashboard.razor.rz.scp.css */
.pja-container .pja-right .container-fluid[b-mw8shz9lei] {
    text-align: left;
}

.pja-container[b-mw8shz9lei] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

    .pja-container .pja-left[b-mw8shz9lei] {
          width:25% !important;
          padding-right:24px;
    }

    .pja-container .pja-leftContainer[b-mw8shz9lei] {
        border-radius: 0.875rem !important;
        background: #ffffff;
        padding: 3px;
    }

    .pja-container .pja-right[b-mw8shz9lei] {
        width:75% !important;
        border-radius: 0.875rem;
        background: #ffffff;
        padding: 30px 14px 30px 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

.mainSection[b-mw8shz9lei] {
    background: #f8f9fb;
    margin-top: 70px;
    border-radius: 0.875rem;
    width:100% !important;
}
/* /Pages/LeadManagement/LeadManagementViewRequest.razor.rz.scp.css */
.lead-view-request-page[b-q2naebdiua]  .hide-header .k-tilelayout-item-header {
    display: none;
    background-color: white;
}

.lead-view-request-page .show-header .k-tilelayout-item-header[b-q2naebdiua] {
    display: block;
    background-color: white;
}

.lead-view-request-page[b-q2naebdiua]  .k-tilelayout {
    justify-content: center;
    background-color: white;
}

.lead-view-request-page[b-q2naebdiua]  .col-form-label {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
}

.lead-view-request-page[b-q2naebdiua]  .input-group-text {
    border-color: #f5f7fa;
    background-color: #f5f7fa;
    border-width: 3px;
}

.lead-request-loader-container[b-q2naebdiua] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: calc(100vh - 173px);
    flex-direction: column;
}
/* /Pages/Levelling/LevellingDashboard.razor.rz.scp.css */
div.mainSection[b-4hhuzcacoa] {
    background: #f8f9fb;
    margin-top: 70px;
    border-radius: 0.875rem;
    width: 100% !important;
}
div.ldHeading[b-4hhuzcacoa] {
    margin: 24px 32px 32px 24px
}
div.ldHeadingToast[b-4hhuzcacoa] {
    background-color: #cfe0fe;
    padding: 32px;
    width: 100%;
}
div.bgWhite100[b-4hhuzcacoa] {
    background: #f8f9fb;
    margin-top: 70px;
    border-radius: 0.875rem;
    width: 100% !important;
}

div.ldContentGrid[b-4hhuzcacoa] {
    display: grid;
    grid-template-columns: 33% 1fr;
    gap: 24px;
}
div.ldComponent[b-4hhuzcacoa] {
    padding: 24px;
    border-radius: var(--8px, 8px);
    background: var(--Neutral-N100, #FFF);
}
div.dotted[b-4hhuzcacoa] {
    width: 100%;
    padding: 1em;
    border-bottom: 1px dashed gray;
}
header[b-4hhuzcacoa] { 
    height:min-content;
}
/* /Pages/LMS/Course.razor.rz.scp.css */
#course-top-bar[b-orklc08cl3] {
    display: flex;
    flex-direction: row;
    gap: 1em;
    color: var(--primary);
}

#top-bar-left[b-orklc08cl3] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-basis: 80%;
}

#top-bar-sep[b-orklc08cl3] { width: 1em; }

#top-bar-left > h2[b-orklc08cl3] {
    font-weight: 500;
    margin: 0;
}


#top-bar-right[b-orklc08cl3] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 20%;
}

#nav-lesson-container[b-orklc08cl3] {
    display: flex;
    flex-direction: column;
    padding: 1em;
    position: relative;
}

#course-container[b-orklc08cl3] {
    display: flex;
    padding: 1em;
    flex-direction: column;
    background: white;
    width: 100%;
    height: calc(100vh - 3em);
    min-height: 500px;
}

.course-header[b-orklc08cl3] { margin-top: -60px !important; }

#course-navigation-buttons[b-orklc08cl3] {
    display: flex;
    align-items: center;
    gap: 1em;
}

#course-top-bar > h2[b-orklc08cl3] { font-weight: 600; }

#course-main[b-orklc08cl3] {
    display: flex;
    flex-direction: row;
    gap: 1em;
    overflow: hidden;
    flex-basis: 100%;
}

#course-content[b-orklc08cl3] {
    display: flex;
    flex-basis: 80%;
    padding: 6px 0 12px;
}
#course-content .course-content-scroll[b-orklc08cl3] {
    height: 100%;
    width: 80vw;
    overflow: auto;
}

#course-nav[b-orklc08cl3] {
     flex-basis: 20%;
    overflow: auto;
}

.course-border[b-orklc08cl3] {
    border-radius: 7px;
    border: 2px solid #EFF0F1;
    height: 100%;
}
/* /Pages/LMS/LMSDashboard.razor.rz.scp.css */

#lms-container[b-3g40dw44ho] {
    min-height: 80vh;
    margin-top: -2em;
    background-color: white;
    display: flex;
}

#lms-left-nav[b-3g40dw44ho] {
    padding-top: 1em;
    background-color: #F4F5F6;
    width: 15em;
    border-right: 2px solid #EFF0F1;
    display: flex;
    flex-direction: column;
}

#lms-main[b-3g40dw44ho] {
    overflow-x: auto;
    padding: 2em;
    width: 100%;
    height: 100%;
}
.lms-header[b-3g40dw44ho] {
    margin-top: -45px !important;
    color: var(--secondary);
}

.dashboard-button[b-3g40dw44ho] {
    width: 90%;
    height: 3.8em;
    font-weight: 600;
    align-self: center;
    margin-bottom: 1em;
}
.drawer-chevron-icon[b-3g40dw44ho] {
    position: absolute;
    right: 0;
    line-height: inherit;
    margin: 0 8px
}



.learning-group-display[b-3g40dw44ho] {
    margin-bottom: 2em;
    width: 100%;
}

.learning-group-tile-container[b-3g40dw44ho] {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
}

.learning-group-tile[b-3g40dw44ho] {
    position: relative;
    min-width: 238px;
    width: 238px;
    border: 2px solid #EFF0F1;
    margin-right: 1em;
    margin-bottom: 1em;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

    .learning-group-tile:hover[b-3g40dw44ho] {
        background-color: #eff0f1;
        cursor: pointer;
    }

.learning-group-child-count[b-3g40dw44ho] {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 20px;
    height: 20px;
    background-color: black;
    border-radius: 100%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 600;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
}

.learning-group-image[b-3g40dw44ho] {
    width: 100%;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex: 0 0 150px;
}
.learning-group-image img[b-3g40dw44ho] {
    max-height: 150px;
}

.learning-group-name[b-3g40dw44ho] {
    font-weight: 600;
    font-size: 14px;
    padding-top: 10px;
    white-space: nowrap;
}

.active-count[b-3g40dw44ho] {
    flex: 1;
    text-align: end;
}

.course-tile-container[b-3g40dw44ho] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.prevent-select[b-3g40dw44ho] {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.course-display-buttons[b-3g40dw44ho] {
    margin-bottom: 1em;
}

.dashboard-panel[b-3g40dw44ho] {
    margin-top: 2rem;
}
.dashboard-tab-button-text[b-3g40dw44ho] {
    display: flex;
    align-items: center;
}


.dashboard-buttons[b-3g40dw44ho] {
    display: flex;
    flex-direction: row;
    margin-bottom: 1em;
}
 
.dashboard-tab-button-wrapper[b-3g40dw44ho] {
    padding-block: .75rem;
    padding-inline: .75rem;
    font-size: 1rem;
    background-color: white;
    border-color: #eff0f1;
    cursor: pointer;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    border-width: 1px;
    border-style: solid;
}
.dashboard-tab-button-wrapper:first-child[b-3g40dw44ho] {
    border-radius:  5px 0 0 5px;
}
.dashboard-tab-button-wrapper:last-child[b-3g40dw44ho] {
    border-radius:  0 5px 5px 0 ;
}
.dashboard-tab-button-wrapper.selected[b-3g40dw44ho] {
    background-color: var(--primary);
border-color: var(--primary);
color: #fff;
}
.dashboard-no-courses[b-3g40dw44ho] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.no-courses-body[b-3g40dw44ho] {
    display: flex;
    width: 100%;
    height: 15em;
    border: 4px dotted #d5d5d5;
    border-radius: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* /Pages/Mdf/ClaimMultiCurrencyPreview.razor.rz.scp.css */
/* /Pages/Mdf/MainStepper.razor.rz.scp.css */
.main-Stepper[b-lnxq8mo1iz]  > .k-wizard-horizontal > .k-stepper {
    width: 600px;
    margin: auto;
}

.main-Stepper[b-lnxq8mo1iz]  > .k-wizard-horizontal > nav > .k-progressbar {
    margin-top: 19px;
    color: var(--secondary);
    border-color: var(--secondary);
    background-color: var(--secondary);
}

.main-Stepper[b-lnxq8mo1iz] {
    margin-top: -136px;
}

.main-Stepper[b-lnxq8mo1iz]  > .k-wizard-horizontal {
    padding-top: 0;
}

.main-Stepper[b-lnxq8mo1iz]  > .k-wizard-horizontal > .k-wizard-steps {
    margin-top: 0;
}

.main-Stepper[b-lnxq8mo1iz]  > .k-wizard-horizontal > .k-stepper > .k-step-list-horizontal .k-step-link {
    max-width: 100%;
}

.main-Stepper[b-lnxq8mo1iz]  > .k-wizard-horizontal > .k-stepper .k-step-done .step__dot {
    background-color: var(--primary);
    background-color: #0d6efd;
    border: 1px solid white;
}

.main-Stepper[b-lnxq8mo1iz]  > .k-wizard-horizontal > .k-stepper .k-step-current .step__dot {
    background-color: #0d6efd;
    background-color: var(--primary);
    border: 1px solid white;
}

.main-Stepper[b-lnxq8mo1iz]  > .k-wizard-horizontal > .k-stepper  .step__dot:hover{
    background-color: var(--primary);
    border-color: var(--primary);
}

.header-stepper__step[b-lnxq8mo1iz] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 0.7rem;
}

.step__icon[b-lnxq8mo1iz] {
    font-size: 22px;
    color: var(--secondary);
}

.step__dot[b-lnxq8mo1iz] {
    height: 15px;
    width: 15px;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #dee2e6;
}


.step__dot--selected[b-lnxq8mo1iz] {
    background-color: var(--primary);
}

.step__icon--selected[b-lnxq8mo1iz] {
    color: var(--primary);
}

.step__text[b-lnxq8mo1iz] {
    color: var(--secondary);
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}
/* /Pages/Mdf/MDFDashboard.razor.rz.scp.css */
/* /Pages/Mdf/MdfHomeRedirect.razor.rz.scp.css */
div[b-shx0mf4ctk] {
    margin: 0px auto;
}

#contentwrapper[b-shx0mf4ctk] {
    background-color: #ffffff;
    height: auto;
    margin-top: 0px;
    position: relative;
    width: 976px;
    clear: both;
    /* padding-top: 10px; */
}

#contentwrapper[b-shx0mf4ctk] {
    width: 100%;
}

#contentwrapper[b-shx0mf4ctk], .FlexContainer[b-shx0mf4ctk] {
    display: flex;
    padding: 1em 0 1em 1em;
}

#centre_col[b-shx0mf4ctk] {
    min-width: 590px;
}

.FlexItem.C_panel[b-shx0mf4ctk] {
    width: 100%;
    max-width: calc(100% - 200px) !important;
}

#centre_col[b-shx0mf4ctk] {
    position: relative;
    background-color: #ffffff;
    min-height: 400px;
    float: left;
    background-color: transparent;
    margin-left: 0px;
    width: auto;
    padding: 6px 0px 24px 0px;
}

.FlexItem.C_panel[b-shx0mf4ctk] {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(100%/3);
    padding: 0 15px 30px !important;
    overflow: hidden;
}

    .FlexItem.C_panel #centre_col_content_RE[b-shx0mf4ctk] {
        width: 100%;
        max-width: 1800px;
    }

.message-title[b-shx0mf4ctk] {
    font-size: 30px;
    font-weight: bold;
}

.message-title[b-shx0mf4ctk], .message-text[b-shx0mf4ctk] {
    /* color: #000; */
    font-size: 16px;
    margin: 0 0 0 40px;
    padding: 10px 0 20px 0;
    display: block;
    clear: both;
}

.SubtitleLabel[b-shx0mf4ctk] {
    padding: 10px 15px;
}

.SubtitleLabel[b-shx0mf4ctk] {
    width: 100%;
}

.SubtitleLabel[b-shx0mf4ctk] {
    color: #7c7c7c;
    font-size: 14px;
    line-height: 22px;
    display: block;
    font-weight: bold;
    clear: both;
    /* padding-top: 16px; */
}


.hidePanel[b-shx0mf4ctk] {
    display: none;
}

.FlexItem.C_panel[b-shx0mf4ctk] {
    width: 100%;
    max-width: calc(100% - 200px) !important;
}

    .FlexItem.C_panel #centre_col_content_RE[b-shx0mf4ctk] {
        width: 100%;
        max-width: 100% !important;
        display: inline-block;
        /*border: 1px solid red;*/
        padding: 0 0 150px 0;
    }

/*--------------------category-list -------------------------*/
.category-list[b-shx0mf4ctk] {
    width: 100%;
    padding: 0;
    /*jf*/
    padding: 0 0 0 40px;
}

    .category-list > li[b-shx0mf4ctk] {
        display: inline-block;
        list-style-type: none;
        text-align: center;
        margin: 0 0.25% 20px 0;
        width: 12%;
        color: #000;
    }

    .category-list#populated-cat-list[b-shx0mf4ctk],
    .category-list#empty-cat-list[b-shx0mf4ctk],
    .category-list#unused-cat-list[b-shx0mf4ctk] {
        width: 100%;
        min-height: 10px;
        margin-top: -20px;
    }

    .category-list#empty-cat-list[b-shx0mf4ctk] {
        display: none !important;
    }


        .category-list#empty-cat-list .hide[b-shx0mf4ctk] {
            display: none;
        }

#populated-cat-list > li[b-shx0mf4ctk] {
    display: inline-block;
    float: left;
}

.category-list > li[b-shx0mf4ctk] {
    margin: 0 0.5% 20px 0;
    width: 30%;
    height: auto;
    height: 170px;
    position: relative;
    z-index: 1;
}

    .category-list > li ul.prog-ul li > .progTitleZone[b-shx0mf4ctk] {
        cursor: pointer;
    }

        .category-list > li ul.prog-ul li > .progTitleZone .prog-btn.view-btn[b-shx0mf4ctk] {
            display: none;
        }

    .category-list > li ul.prog-ul li .progTitle[b-shx0mf4ctk] {
        word-wrap: break-word;
        position: relative;
        cursor: pointer;
    }

.category-list > li[b-shx0mf4ctk] {
    height: 200px;
    min-height: 170px;
    margin: 0 30px 10px 0;
}

.category-list > li[b-shx0mf4ctk] {
    perspective: 1000px;
}



.card-wrapper[b-shx0mf4ctk] {
    width: 100%;
    height: auto;
    height: 100%;
    min-height: 200px;
    min-height: 145px;
    transform-style: preserve-3d;
    -webkit-transition: all 1.0s linear;
    -moz-transition: all 1.0s linear;
    -o-transition: all 1.0s linear;
    transition: all 1.0s linear;
    display: inline-block;
    -webkit-transition: transform 0.000005s linear;
    -moz-transition: transform 0.000005s linear;
    -o-transition: transform 0.000005s linear;
    transition: transform 0.000005s linear;
}

.prog-count[b-shx0mf4ctk] {
    width: auto;
    float: left;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 1.2em;
    line-height: 1.2em;
    padding: 5px 10px 8px;
}

.category-list li .cat-title[b-shx0mf4ctk],
.category-list .cat-title[b-shx0mf4ctk] {
    color: #000;
    width: calc(100% - 2px);
    width: 100%;
    background: rgba(255,255,255,0.92);
    padding: 10px;
    line-height: 18px;
    position: absolute;
    top: 0;
    -webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    -ms-animation: fadein 1s;
    -o-animation: fadein 1s;
    animation: fadein-b-shx0mf4ctk 1s;
}

.category-list .front.face[b-shx0mf4ctk] {
}

@keyframes fadein-b-shx0mf4ctk {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeout-b-shx0mf4ctk {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeout {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-ms-keyframes fadeout {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadeout {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


.category-list li .back.face[b-shx0mf4ctk] {
    min-width: 200px;
}

    .category-list li .back.face .cat-title[b-shx0mf4ctk] {
        color: #fff;
        font-size: 18px;
        width: 100%;
        background: #3a307d;
        padding: 10px 0;
        line-height: 18px;
        position: relative;
    }

    .category-list li .back.face .cat-title[b-shx0mf4ctk],
    .category-list li .cat-title[b-shx0mf4ctk] {
        font-size: 17px;
    }

.category-list li .front.face .cat-title[b-shx0mf4ctk] {
    font-size: 1.5em;
    font-size: 1em;
    font-weight: 500;
    text-transform: uppercase;
}

    .category-list li .front.face .cat-title .progCount[b-shx0mf4ctk] {
        font-weight: normal;
        font-size: 0.9em;
    }

.category-list .back.face li .progExpDate[b-shx0mf4ctk] {
    width: 120px;
    font-size:;
    color: #666;
    min-height: 15px;
    margin: 0;
    display: inline-block;
}

.category-list > li:hover[b-shx0mf4ctk] {
    z-index: 901;
}

.category-list li .card-wrapper[b-shx0mf4ctk] {
    border: 1px solid grey;
}

.face[b-shx0mf4ctk] {
    position: absolute;
    position: relative;
    width: 100%;
    height: 170px;
    height: 200px;
    backface-visibility: hidden;
}

    .face.back[b-shx0mf4ctk] {
        display: block;
        /*transform: rotateY(180deg);*/
        box-sizing: border-box;
        color: white;
        text-align: center;
        min-height: 250px;
        border: 1px solid #D8D8D8;
    }


.category-list li .card-wrapper .face.back[b-shx0mf4ctk] {
    backface-visibility: visible;
    position: relative;
}

.FlexItem #rhs_internal img[b-shx0mf4ctk] {
    width: 100%;
    height: auto;
}

.category-list li .card-wrapper[b-shx0mf4ctk],
.category-list li .card-wrapper .face[b-shx0mf4ctk],
.category-list li .card-wrapper .face.back[b-shx0mf4ctk] {
    height: auto;
}

.category-list #empty-cat-list li:hover .card-wrapper[b-shx0mf4ctk],
.category-list #empty-cat-list li:hover .card-wrapper .face[b-shx0mf4ctk],
.category-list #empty-cat-list li:hover .card-wrapper .face.back[b-shx0mf4ctk] {
    height: 180px;
    overflow: hidden;
}

.category-list li .card-wrapper .face[b-shx0mf4ctk],
.category-list li:hover .card-wrapper .face.back[b-shx0mf4ctk] {
    display: inline-block;
    background-position: 10px;
    background-size: 150px 150px;
}


.category-list li:hover .card-wrapper .prog-count[b-shx0mf4ctk] {
    display: none;
}


.face.back ul[b-shx0mf4ctk] { /*rule not hovered over*/
    padding: 0 5px;
    max-height: 145px;
    overflow: hidden;
    min-height: 145px;
    z-index: 5;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}





.prog-selected .face.back ul[b-shx0mf4ctk] {
    max-height: 400px;
    height: auto;
}

.prog-selected[b-shx0mf4ctk] {
    z-index: 90000;
}


.scroll-progs .face.back:hover ul[b-shx0mf4ctk] {
    max-height: 400px;
    min-height: 80px;
    z-index: 50;
    overflow-y: auto;
    -webkit-transition: max-height 0.3s ease 0.3s;
    -moz-transition: max-height 0.3s ease 0.3s;
    -o-transition: max-height 0.3s ease 0.3s;
    transition: max-height 0.3s ease 0.3s;
}

.face.back li[b-shx0mf4ctk] {
    display: inline-block;
    list-style-type: none;
    text-align: left;
    padding: 2px 4px;
    margin: 2px 0;
    width: 100%;
    border: 1px solid #D8D8D8;
    color: #000;
    background: #fff;
    height: auto;
}

.few .face.back li[b-shx0mf4ctk] {
    margin: 10px 0;
    min-height: 65px;
    padding: 12px 20px;
    font-size: 14px;
}

.face.back li[b-shx0mf4ctk],
.few .face.back li[b-shx0mf4ctk] {
    opacity: 0;
    -webkit-animation: fadein 3s;
    -moz-animation: fadein 3s;
    -ms-animation: fadein 3s;
    -o-animation: fadein 3s;
    animation: fadein-b-shx0mf4ctk 3s;
}

.face.back:hover li[b-shx0mf4ctk],
.few .face.back:hover li[b-shx0mf4ctk] {
    opacity: 1;
}
/*JF-new*/
.category-list li .card-wrapper .face.front[b-shx0mf4ctk],
.category-list li .card-wrapper .face.back[b-shx0mf4ctk] {
    width: 100%;
    float: left;
    display: inline-block;
}

.card-wrapper .prog-li:hover[b-shx0mf4ctk] {
    -webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.5);
    box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.5);
}

.progTitle .prog-btn.view-btn[b-shx0mf4ctk],
.progExpDate .prog-btn.view-btn[b-shx0mf4ctk] {
    margin: 0;
    position: absolute;
    right: -25px;
    top: 1px;
    padding: 5px 10px 6px !important;
}

.category-list > li ul.prog-ul li > .progTitleZone[b-shx0mf4ctk] {
    cursor: pointer;
    width: 90%;
    float: left;
    display: inline-block;
    padding-right: 5px;
}

.category-list .face.back li[b-shx0mf4ctk],
.category-list .few .face.back li[b-shx0mf4ctk] {
    padding: 5px 10px 0;
}

.customskin .category-list li .front.face[b-shx0mf4ctk] {
    display: none !important;
}

.category-list li .card-wrapper .face.front[b-shx0mf4ctk] {
    width: 100%;
    display: inline-block;
    max-height: 80px;
    min-height: 40px !important;
}

.category-list li .card-wrapper .back.face[b-shx0mf4ctk] {
    background-image: none !important;
    background: #fff;
    border: 0 !important;
    float: left;
}

.category-list li .card-wrapper[b-shx0mf4ctk] {
    border: 1px solid grey;
}

.category-list .face.back li[b-shx0mf4ctk],
.category-list .few .face.back li[b-shx0mf4ctk] {
    opacity: 1;
    font-size: 18px;
    border: 1px solid #D8D8D8;
    padding-left: 10px;
    min-width: 50%;
    width: 95%;
    margin: 3px 10px;
    float: right;
    min-height: 65px;
    -webkit-transition: box-shadow 0.3s ease 0.3s;
    -moz-transition: box-shadow 0.3s ease 0.3s;
    -o-transition: box-shadow 0.3s ease 0.3s;
    transition: box-shadow 0.3s ease 0.3s;
}

#unused-cat-list[b-shx0mf4ctk] {
    display: none !important;
}

.prog-li .btn-reveal[b-shx0mf4ctk] {
    float: left;
    margin: 0;
    width: 20px;
}

    .prog-li .btn-reveal > .btn-reveal-icon[b-shx0mf4ctk] {
        float: right;
        margin: 0;
        width: 20px;
        /*border: 1px solid orange;*/
        display: inline-block;
        color: #999;
        font-weight: bold;
        /* font-size: smaller; */
        height: 24px;
        /* overflow: hidden; */
        margin-top: -10px;
    }

.face.back li[b-shx0mf4ctk] {
    width: auto;
    float: left;
    min-height: 60px;
}

.btn-row[b-shx0mf4ctk] {
    padding: 0;
    width: 0;
    max-width: 0;
    text-align: right;
    /*margin-left: -150px;*/
    height: 0;
}

.card-wrapper .back li[b-shx0mf4ctk] {
    position: relative;
}

    .card-wrapper .back li .btn-reveal[b-shx0mf4ctk] {
        /*border: 1px solid green;*/
        float: right;
        width: 60px;
        margin-top: -40px;
        margin-right: -10px;
        padding: 5px;
        height: 20px;
        max-height: 20px;
        margin-bottom: -5px;
        cursor: pointer;
        -webkit-transition: all 2s;
        -moz-transition: all 2s;
        -o-transition: all 2s;
        transition: all 2s;
    }

        .card-wrapper .back li .btn-reveal:hover[b-shx0mf4ctk] {
            /*color:red;*/
        }

    .card-wrapper .back li.prog-li.expanded .btn-reveal[b-shx0mf4ctk] {
        width: 150px;
        max-height: 85px;
        height: auto;
        /*height: 80px;*/
        margin: -40px -10px 0 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

.btn-row.row-one[b-shx0mf4ctk] {
    /*border: 1px solid purple;*/
    width: auto;
    /*margin-top: 18px;*/
    overflow: visible;
    overflow: hidden;
    float: right;
    height: 28px;
    max-height: 0;
    margin: 7px 0 0 0;
    clear: both;
    -webkit-transition: all 1.25s;
    -moz-transition: all 1.25s;
    -o-transition: all 1.25s;
    transition: all 1.25s;
}

.btn-row.entitlementBtn[b-shx0mf4ctk] {
    /*border: 1px solid red;*/
    max-width: 50px;
    max-height: 0;
    width: auto;
    clear: both;
    overflow: hidden;
    float: left;
    opacity: 0;
    -webkit-transition: all 1.25s;
    -moz-transition: all 1.25s;
    -o-transition: all 1.25s;
    transition: all 1.25s;
}

.prog-li.expanded .btn-row.entitlementBtn[b-shx0mf4ctk] {
    /*border: 1px solid lightblue;*/
    max-height: 50px;
    max-width: 300px;
    width: auto;
    clear: both;
    overflow: hidden;
    float: right;
    height: auto;
    opacity: 1;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.25s;
    transition: all 0.2s;
}

.btn-row.row-one > .prog-btn[b-shx0mf4ctk],
.btn-row.entitlementBtn > .prog-btn[b-shx0mf4ctk] {
    /*max-width: 0;*/
    overflow: hidden;
    float: right;
    clear: none;
    padding: 0 !important;
    width: 0;
    width: auto;
    border-width: 0;
    max-width: 400px;
    padding: 6px 12px !important;
    width: auto;
    border-width: 1px;
    opacity: 0;
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
    -o-transition: 1.0s;
    transition: 1.0s;
}

.prog-li.expanded .btn-row.row-one > .prog-btn[b-shx0mf4ctk],
.prog-li.expanded .btn-row.entitlementBtn > .prog-btn[b-shx0mf4ctk] {
    max-width: 400px;
    padding: 6px 12px !important;
    width: auto;
    border-width: 1px;
    opacity: 1;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

    .btn-row.row-one > .prog-btn.view-btn[b-shx0mf4ctk],
    .prog-li.expanded .btn-row.row-one > .prog-btn.view-btn[b-shx0mf4ctk] {
        max-width: 120px;
        width: auto;
        /*margin: 8px -10px 0 0;*/
        padding: 6px 12px !important;
        border-width: 1px;
    }

    .prog-li.expanded .btn-row.row-one > .prog-btn.view-btn[b-shx0mf4ctk] {
        margin: 0;
    }

.prog-li.expanded .btn-row.row-one[b-shx0mf4ctk] {
    max-width: 300px;
    max-height: 28px;
    margin: 7px 0 0 0;
    /*-webkit-transition: max-width 2s;
    -moz-transition: max-width 2s;
    -o-transition: max-width 2s;
    transition: max-width 2s;*/
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}


.prog-btn.view-btn[b-shx0mf4ctk] {
    margin-right: 15px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.prog-li.expanded .prog-btn.view-btn[b-shx0mf4ctk] {
    margin-right: 50px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}


.category-list li[b-shx0mf4ctk] {
    height: 190px;
    margin-bottom: 15px;
}

.cat-img[b-shx0mf4ctk] {
    /*border: 1px solid red;*/
    width: 25%;
    height: 150px;
    float: left;
    margin-top: -2px;
}

div.show-more[b-shx0mf4ctk],
.face:hover .show-more-icon div.show-more[b-shx0mf4ctk] {
    display: none;
}

.show-more-icon div.show-more[b-shx0mf4ctk] {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #C0C0C0;
    padding: 5px 10px 8px;
    position: absolute;
    display: inline-block;
    left: 5px;
    bottom: 5px;
    color: #808080;
}



.show-more-icon:hover div.show-more[b-shx0mf4ctk] {
    display: none;
}
/*end new*/
@keyframes expand-b-shx0mf4ctk {
    from {
        max-height: 4px;
        min-height: 4px;
        max-height: 0;
        min-height: 0;
        padding: 0 20px;
    }

    to {
        max-height: 100%;
        min-height: 40px;
        padding: 12px 20px;
    }
}

@-moz-keyframes expand {
    from {
        max-height: 4px;
        min-height: 4px;
        max-height: 0;
        min-height: 0;
        padding: 0 20px;
    }

    to {
        max-height: 100%;
        min-height: 40px;
        padding: 12px 20px;
    }
}

@-webkit-keyframes expand {
    from {
        max-height: 4px;
        min-height: 4px;
        max-height: 0;
        min-height: 0;
        padding: 0 20px;
    }

    to {
        max-height: 100%;
        min-height: 40px;
        padding: 12px 20px;
    }
}

@-ms-keyframes expand {
    from {
        max-height: 4px;
        min-height: 4px;
        max-height: 0;
        min-height: 0;
        padding: 0 20px;
    }

    to {
        max-height: 100%;
        min-height: 40px;
        padding: 12px 20px;
    }
}

@-o-keyframes expand {
    from {
        max-height: 4px;
        min-height: 4px;
        max-height: 0;
        min-height: 0;
        padding: 0 20px;
    }

    to {
        max-height: 100%;
        min-height: 40px;
        padding: 12px 20px;
    }
}


.btn-reveal[b-shx0mf4ctk] {
    display: inline-block;
    float: right;
    margin-top: -40px;
    font-weight: bold;
    font-size: 20px;
    text-align: right;
    width: 50px;
}

/*.btn-row {
    padding: 0;
    height: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    clear: both;
    text-align: right;
    margin-left: -150px;
}*/

#unused-cat-list .btn-row[b-shx0mf4ctk] {
    padding: 0;
    height: 80px;
    max-height: 120px;
    overflow: hidden;
    margin-left: 0;
}

/*.card-wrapper .back li .btn-reveal:hover .btn-row {
    padding: 10px 0 5px;
    height: 80px;
    max-height: 100px;
    overflow: visible;
    width: 200px;
    right: 0;
}*/

.prog-btn[b-shx0mf4ctk],
.moreInfo-btn[b-shx0mf4ctk] {
    color: #3a307d;
    background: #fff;
    border: 1px solid #3a307d;
    padding: 5px 8px;
    cursor: pointer;
    line-height: 11px;
    font-size: 12px;
    border: 1px solid #eee;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: normal;
    display: inline-block;
    float: right;
    clear: both;
    margin: 0 10px 5px 0;
}


.other-btn[b-shx0mf4ctk] {
    text-transform: unset;
}


.prog-btn:hover[b-shx0mf4ctk] {
    color: #fff;
    background: #3a307d;
    border: 1px solid #3a307d;
}

.other-cat .prog-btn[b-shx0mf4ctk] {
    float: right;
    margin: 5px 10px 5px 0;
}

.redirectMsg[b-shx0mf4ctk] {
    padding: 5px 10px 5px;
    text-align: right;
    font-size: 13px;
    color: #666;
    margin-right: 10px;
    word-wrap: break-word;
}

.redirect-spinner[b-shx0mf4ctk] {
    background-image: url('Images/RE_spinner.png');
    background-position: 0 50%;
    background-size: cover;
    background-size: cover;
    width: 15px;
    height: 15px;
    float: right;
    -webkit-animation: rotation 2s infinite linear;
    margin-top: 5px;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

#unused-cat-list .moreInfo-btn[b-shx0mf4ctk] {
    width: 60%;
    margin: 40px 0 0 20%;
    float: left;
    background: #3a307d;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    color: #fff;
}

.category-list#unused-cat-list li:hover .moreInfo-btn[b-shx0mf4ctk] {
    animation: fadein-b-shx0mf4ctk 1s;
}

#unused-cat-list .moreInfo-btn:hover[b-shx0mf4ctk] {
    opacity: 0.8;
}

div .pageHeading[b-shx0mf4ctk] {
    margin: 15px 0 5px;
    font-size: 30px;
    color: #3a307d;
    display: none;
}

.responsive-style .program-table[b-shx0mf4ctk],
.responsive-style .other-program-table[b-shx0mf4ctk] {
    display: none;
}

.collapse-text[b-shx0mf4ctk] {
    font-size: 1.2em;
    padding: 10px 15px;
    margin-left: 10px;
    width: auto;
    display: inline-block;
    min-width: 290px;
}

.category-list#unused-cat-list[b-shx0mf4ctk] {
    width: 340px;
    width: 100%;
    overflow: visible;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    margin-top: 40px;
    display: inline-block;
}

    .category-list#unused-cat-list:hover[b-shx0mf4ctk] {
        width: 100%;
        overflow: visible;
    }

#unused-cat-list .collapse-wrap[b-shx0mf4ctk] {
    width: 100%;
    max-height: 0;
    height: 0;
    height: auto;
    overflow: hidden;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    transition: all 0.4s linear;
    margin-top: 40px;
}

.expanding-wrapper[b-shx0mf4ctk] {
    float: left;
    width: 340px;
    max-width: 340px;
    clear: both;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

    .expanding-wrapper .expanding-content[b-shx0mf4ctk] {
        width: 100%;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        transition: all 0.4s linear;
        display: none;
    }

    .expanding-wrapper:hover[b-shx0mf4ctk] {
        width: 100%;
        max-width: 100%;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

        .expanding-wrapper:hover .collapse-text[b-shx0mf4ctk] {
            color: #000;
            background: #eee;
        }

        .expanding-wrapper:hover .expanding-content[b-shx0mf4ctk] {
            max-height: 1000px;
            padding: 20px;
            width: 100%;
            -webkit-transition: all 0.3s linear;
            -moz-transition: all 0.3s linear;
            -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
            display: inline-block;
        }

#unused-cat-list:hover .collapse-wrap[b-shx0mf4ctk] {
    max-height: 675px;
    height: auto;
    overflow: visible;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

#unused-cat-list li:hover .card-wrapper[b-shx0mf4ctk] {
    transform: rotateY(180deg);
}

#unused-cat-list li .card-wrapper[b-shx0mf4ctk] {
    border: 1px solid #D8D8D8;
}

#unused-cat-list .card-wrapper[b-shx0mf4ctk] {
    -webkit-box-shadow: 0 10px 6px -6px #E8E8E8;
    -moz-box-shadow: 0 10px 6px -6px #E8E8E8;
    box-shadow: 0 10px 6px -6px #E8E8E8;
}

    #unused-cat-list .card-wrapper:hover[b-shx0mf4ctk] {
        -webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.5);
        box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.5);
    }

    #unused-cat-list .card-wrapper .back.face[b-shx0mf4ctk] {
        min-height: 150px;
    }

#unused-cat-list ul.collapse-wrap > li[b-shx0mf4ctk] {
    list-style-type: none;
    width: 200px;
    height: 198px;
    height: 180px;
    float: left;
    margin: 10px 50px 10px 0;
    text-align: center;
}

#unused-cat-list ul.collapse-wrap .face[b-shx0mf4ctk] {
    height: 198px;
    height: 180px;
}

.category-list li.prog-selected[b-shx0mf4ctk] {
    z-index: 500;
}

    .category-list li.prog-selected .card-wrapper[b-shx0mf4ctk],
    .category-list li:hover .card-wrapper[b-shx0mf4ctk] {
        min-width: 200px;
        -webkit-box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.7);
        -moz-box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.7);
        /*box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.5);*/
        box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.7);
        /*-webkit-transition: box-shadow 0.1s;
    -moz-transition: box-shadow 0.1s;
    -o-transition: box-shadow 0.1s;
    transition: box-shadow 0.1s;*/
        -webkit-transition: box-shadow 0.2s ease 0.2s;
        -moz-transition: box-shadow 0.2s ease 0.2s;
        -o-transition: box-shadow 0.2s ease 0.2s;
        transition: box-shadow 0.2s ease 0.2s;
    }

.RadWindow.RadWindow_Default iframe[b-shx0mf4ctk],
.RadWindow.RadWindow_Default .rwWindowContent iframe[b-shx0mf4ctk] {
}

    .RadWindow.RadWindow_Default iframe .responsiveContent[b-shx0mf4ctk] {
        color: purple;
        font-weight: bold;
        font-size: 40px;
    }


.RadWindow.RadWindow_Default td.rwWindowContent.rwExternalContent[b-shx0mf4ctk] {
    width: 100% !important;
}

#populated-cat-list .face[b-shx0mf4ctk] {
    min-height: 120px;
}
/*------------Big desktop-------------*/
@media only screen and (min-width: 1800px) {
    #populated-cat-list.category-list > li:hover .card-wrapper[b-shx0mf4ctk],
    #populated-cat-list.category-list > li[b-shx0mf4ctk] {
        min-height: 120px;
        min-width: 550px;
    }

        #populated-cat-list.category-list > li:hover[b-shx0mf4ctk],
        #populated-cat-list.category-list > li[b-shx0mf4ctk] {
            min-height: 120px;
            min-width: 550px;
        }
}
/*------------Rad Windows-------------*/

.RadWindow.RadWindow_Default[b-shx0mf4ctk] {
    border: 1px solid #D8D8D8;
    background: #fff;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.5), -2px 8px 15px rgba(0, 0, 0, 0.5), 2px 8px 15px rgba(0, 0, 0, 0.5);
}

    .RadWindow.RadWindow_Default .rwCorner.rwTopLeft[b-shx0mf4ctk],
    .RadWindow.RadWindow_Default .rwCorner.rwTopRight[b-shx0mf4ctk],
    .RadWindow.RadWindow_Default .rwCorner.rwBodyLeft[b-shx0mf4ctk],
    .RadWindow.RadWindow_Default .rwCorner.rwBodyRight[b-shx0mf4ctk],
    .RadWindow.RadWindow_Default .rwCorner.rwFooterLeft[b-shx0mf4ctk],
    .RadWindow.RadWindow_Default .rwShadow .rwFooterCenter[b-shx0mf4ctk],
    .RadWindow.RadWindow_Default .rwCorner.rwFooterRight[b-shx0mf4ctk],
    .RadWindow.RadWindow_Default .rwShadow .rwTitlebar[b-shx0mf4ctk] {
        background-image: none;
    }

    .RadWindow.RadWindow_Default .rwIcon[b-shx0mf4ctk] {
        display: none;
    }

    .RadWindow.RadWindow_Default .rwTitleRow em[b-shx0mf4ctk] {
        font-size: 20px;
        padding: 7px 0 0 7px;
        width: auto !important;
        white-space: normal;
        font-weight: 500;
    }


    .RadWindow.RadWindow_Default .rwShadow .rwControlButtons a.rwCloseButton[b-shx0mf4ctk] {
        background-image: none;
        margin: 0;
        padding: 0;
        overflow: visible;
    }

        .RadWindow.RadWindow_Default .rwShadow .rwControlButtons a.rwCloseButton[b-shx0mf4ctk]:after {
            content: 'X';
            color: #333;
            font-size: 20px;
            font-weight: bold;
            cursor: pointer;
        }

/*------------Desktop-------------*/
@media only screen and (max-width: 1800px) {

    #populated-cat-list.category-list > li[b-shx0mf4ctk] {
        width: 45%;
        max-width: 720px;
    }


    .category-list li .front.face .cat-title[b-shx0mf4ctk] {
        font-size: 1.4em;
        font-size: 1em;
        font-size: 16px;
    }
}
/*------------Small Desktop-------------*/
@media only screen and (max-width: 1500px) {

    #populated-cat-list.category-list > li[b-shx0mf4ctk] {
        min-width: 460px;
    }

    #populated-cat-list.category-list > li[b-shx0mf4ctk],
    #populated-cat-list .face[b-shx0mf4ctk] {
        min-height: 80px;
    }

    .category-list li .front.face .cat-title[b-shx0mf4ctk] {
        font-size: 1em;
    }
}

/*------------Tablet landscape-------------*/
@media only screen and (max-width: 1200px) {
    .RadDropDownList[b-shx0mf4ctk] {
        width: 158px;
    }

    #populated-cat-list.category-list > li[b-shx0mf4ctk] {
        min-width: 80%;
    }


    .category-list li .front.face .cat-title[b-shx0mf4ctk] {
        font-size: 1.3em;
        font-size: 1em;
    }
}

/*------------Tablet portrait-------------*/
@media only screen and (max-width: 900px) {

    #populated-cat-list.category-list > li[b-shx0mf4ctk] {
        min-width: 100%;
    }

    .category-list li:hover .card-wrapper[b-shx0mf4ctk] {
    }

    #populated-cat-list > li[b-shx0mf4ctk] {
        max-width: 95%;
    }

    .collapse-text:hover + .collapse-wrap[b-shx0mf4ctk], .collapse-wrap:hover[b-shx0mf4ctk] {
        overflow: visible;
    }

    #unused-cat-list:hover .collapse-wrap[b-shx0mf4ctk] {
        max-height: 400px;
        height: 350px;
        overflow: visible;
        width: 100%;
        padding-left: 10px;
    }

    .few .face.back li[b-shx0mf4ctk] {
        margin: 10px 0;
        min-height: 50px;
        padding: 2px 4px;
    }
}
/*------------Phone L-------------*/
@media only screen and (max-width: 600px) {

    #populated-cat-list[b-shx0mf4ctk] {
        margin-top: -10px;
    }


    #unused-cat-list ul.collapse-wrap > li[b-shx0mf4ctk] {
        width: 85%;
        height: 180px;
        margin: 10px 0 20px;
    }

        #unused-cat-list ul.collapse-wrap > li .front[b-shx0mf4ctk],
        #unused-cat-list ul.collapse-wrap > li .back[b-shx0mf4ctk] {
            height: 182px;
        }


    .category-list li .front.face .cat-title[b-shx0mf4ctk] {
        font-size: 1.2em;
        font-size: 1em;
    }

    .category-list#unused-cat-list[b-shx0mf4ctk] {
        width: 100%;
    }
}

/*------------Phone P-------------*/
@media only screen and (max-width: 360px) {
}


/*------------Specific rules for touch devices-------------*/
@media (hover: none) {
}




/*--------All program cards expabded ruby default rules-----------------------*/
.all-expanded .card-wrapper[b-shx0mf4ctk] {
    width: 100%;
    min-height: 200px;
    min-height: 145px;
    transform-style: preserve-3d;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    display: inline-block;
    -webkit-transition: transform 0.000005s linear;
    -moz-transition: transform 0.000005s linear;
    -o-transition: transform 0.000005s linear;
    transition: transform 0.000005s linear;
}

.face.back:hover ul[b-shx0mf4ctk] {
    max-height: 400px;
    min-height: 80px;
    z-index: 50;
    -webkit-transition: all 0.3s ease 0.3s;
    -moz-transition: all 0.3s ease 0.3s;
    -o-transition: all 0.3s ease 0.3s;
    transition: all 0.3s ease 0.3s;
}


.all-expanded .face.back ul[b-shx0mf4ctk] { /*rule not hovered over*/
    padding: 0 5px;
    /*  overflow: hidden;*/
    z-index: 5;
    max-height: 100%;
}



.all-expanded .program-li-element[b-shx0mf4ctk] {
    height: 100%;
}

.all-expanded .scroll-progs .face.back:hover ul[b-shx0mf4ctk] {
    max-height: 100%;
    min-height: 80px;
    z-index: 50;
    overflow-y: auto;
    -webkit-transition: max-height 0.3s ease 0.3s;
    -moz-transition: max-height 0.3s ease 0.3s;
    -o-transition: max-height 0.3s ease 0.3s;
    transition: max-height 0.3s ease 0.3s;
}

.all-expanded #populated-cat-list.category-list li > .card-wrapper[b-shx0mf4ctk] {
    border: solid 1px #4C4D4D;
}

.all-expanded > .category-list li[b-shx0mf4ctk] {
    margin-bottom: 15px;
}


.all-expanded .card-wrapper[b-shx0mf4ctk] {
    height: 100%;
}

.all-expanded .back .face .center[b-shx0mf4ctk] {
    height: 100%;
    border: solid 1px black;
}

.all-expanded .show-more-icon div.show-more[b-shx0mf4ctk] {
    display: none;
}

.front.face[b-shx0mf4ctk] {
    display: none !important;
}

.category-list li.PromoIT-cat .card-wrapper .back.face .cat-img[b-shx0mf4ctk] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Promotionsc3d798bc-e8ce-4c95-83d9-a8037528e128.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.DemoIT-cat .card-wrapper .back.face .cat-img[b-shx0mf4ctk] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Demos5fa65ad0-9d6b-47fb-abb3-3b5856046b07.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.PriceIT-cat .card-wrapper .back.face .cat-img[b-shx0mf4ctk] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Pricesd837a1f9-0c0e-4114-8257-bb9a09da3978.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.CatalogIT-cat .card-wrapper .back.face .cat-img[b-shx0mf4ctk] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Marketing Resources4f489465-f38f-4a41-abc3-19267f1560bf.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.RegisterIT-cat .card-wrapper .back.face .cat-img[b-shx0mf4ctk] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Deal Registrationa76bdeda-29dd-43cf-b18a-fc0f05e7237f.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.TryIT-cat .card-wrapper .back.face .cat-img[b-shx0mf4ctk] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Trials655cbd87-605f-4d98-8fcd-9672bf208b46.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.LoanIT-cat .card-wrapper .back.face .cat-img[b-shx0mf4ctk] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Loans28598fbf-0529-4a8f-a901-98c106a010d0.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.TradeIT-cat .card-wrapper .back.face .cat-img[b-shx0mf4ctk] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Trade In b7fa6501-5797-4c83-a214-4a5e8c74f4c0.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.IncentIT-cat .card-wrapper .back.face .cat-img[b-shx0mf4ctk] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Incentivesa706a5fc-a63a-4d3f-bfab-1887adc7254c.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.PerformIT-cat .card-wrapper .back.face .cat-img[b-shx0mf4ctk] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Performance Measurementd15d157f-a042-419b-a95e-9e7b36fbe874.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.FundIT-cat .card-wrapper .back.face .cat-img[b-shx0mf4ctk] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/MDF_Co-Op118977ed-7fbb-4d85-8415-197da2f60b62.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.LevelIT-cat .card-wrapper .back.face .cat-img[b-shx0mf4ctk] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Partner Performance10df984c-f02d-4f61-967b-c966fdaf3e19.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.CreditIT-cat .card-wrapper .back.face .cat-img[b-shx0mf4ctk] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/HTV Modules - Credit68500027-6616-4011-8e19-1c4064764f11.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.IncentITGroup-cat .card-wrapper .back.face .cat-img[b-shx0mf4ctk] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Incentivesa706a5fc-a63a-4d3f-bfab-1887adc7254c.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.RenewIT-cat .card-wrapper .back.face .cat-img[b-shx0mf4ctk] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Renewalsfd27c30f-5674-4bde-8d29-d3d09aa5c9f4.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.RegisterITGlobal-cat .card-wrapper .back.face .cat-img[b-shx0mf4ctk] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Deal Registrationa76bdeda-29dd-43cf-b18a-fc0f05e7237f.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.ReportIT-cat .card-wrapper .back.face .cat-img[b-shx0mf4ctk] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Insightsb2edf55f-3b8e-4eeb-8508-e09f2fab3de1.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.CaptureIT-cat .card-wrapper .back.face .cat-img[b-shx0mf4ctk] {
    background-image: url('https://citplatformdemo.blob.core.windows.net/reseller-modernskin-images/Untitled design (14)483b0470-739d-4c03-9490-1a9190c5c575.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.PosLoad-cat .card-wrapper .back.face .cat-img[b-shx0mf4ctk] {
    background-image: url('../Protected/RE/images/CategoryImages/OtherIT.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.MetricIT-cat .card-wrapper .back.face .cat-img[b-shx0mf4ctk] {
    background-image: url('../Protected/RE/images/CategoryImages/OtherIT.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.category-list li.WrapIT-cat .card-wrapper .back.face .cat-img[b-shx0mf4ctk] {
    background-image: url('../Protected/RE/images/CategoryImages/OtherIT.png');
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.all-expanded .face.back:hover ul[b-shx0mf4ctk] {
    max-height: 100%;
    min-height: 80px;
    z-index: 50;
    -webkit-transition: all 0.3s ease 0.3s;
    -moz-transition: all 0.3s ease 0.3s;
    -o-transition: all 0.3s ease 0.3s;
    transition: all 0.3s ease 0.3s;
}
/*--------End All program cards expabded ruby default rules-----------------------*/

.category-list[b-shx0mf4ctk] {
    width: 100%;
    padding: 0;
    padding: 0 0 0 40px;
}

    .category-list#populated-cat-list[b-shx0mf4ctk], .category-list#empty-cat-list[b-shx0mf4ctk], .category-list#unused-cat-list[b-shx0mf4ctk] {
        width: 100%;
        min-height: 10px;
        margin-top: -20px;
    }

.FlexItem.C_panel #centre_col_content_RE[b-shx0mf4ctk] {
    width: 100%;
    max-width: 100% !important;
    display: inline-block;
    /* border: 1px solid red; */
    padding: 0 0 150px 0;
}

.FlexItem.RHS_panel[b-shx0mf4ctk] {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    /* flex-basis: calc(100%/3); */
    flex-basis: 13%;
    max-width: 200px;
    min-width: 160px;
}

#right_col[b-shx0mf4ctk] {
    width: 160px;
    height: auto;
    float: right;
    background-color: #ffffff;
    margin-right: 0px;
    display: block;
    padding: 0px;
    position: relative;
}

#rhs_internal[b-shx0mf4ctk] {
    height: auto;
    float: right;
}

.FlexItem.RHS_panel #rhs_internal[b-shx0mf4ctk] {
    width: 100%;
    height: auto;
}

.FlexItem #rhs_internal[b-shx0mf4ctk] {
    padding: 0;
}
/* /Pages/Mdf/MdfRoiSubmission.razor.rz.scp.css */
.roi-page[b-ykcsdl8jf6] {
    margin-top: -128px;
    font-family: 'Poppins', sans-serif;
}

.roi-page__stepper[b-ykcsdl8jf6] {
    height: 62px;
    margin: 0 auto;
    max-width: 700px;
    width: 100%;
    margin-bottom: 18px;
}


.already-submitted[b-ykcsdl8jf6] {
    max-width: 1000px;
    width: 100%;
    border-radius: 8px;
    margin: 0 auto;
    background-color: white;
    height: 200px;
}


.already-submitted__header[b-ykcsdl8jf6] {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    background-color: #f4f5f6;
    height: 48px;
}

.already-submitted__text[b-ykcsdl8jf6] {
    display: block;
    font-weight: 400;
    font-size: 1rem;
    font-family: "Poppins", sans-serif;
    text-align: center;
    margin: 1rem auto;
}

.wizard__content[b-ykcsdl8jf6] {
    margin: 0 auto;
    max-width: 800px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.content__heading[b-ykcsdl8jf6] {
    padding-top: 17.6px;
    font-size: 24px;
}

.wizard__footer-container[b-ykcsdl8jf6] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    max-width: 800px;
}

.footer-container__footer[b-ykcsdl8jf6] {
    display: flex;
    gap: 1rem;
}

.card-body .container-fluid[b-ykcsdl8jf6] {
    padding: 0 !important;
}

/* Header Stepper */
.header-stepper__step[b-ykcsdl8jf6] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 0.7rem;
}

.step__icon[b-ykcsdl8jf6] {
    font-size: 18px;
    color: var(--secondary);
}

.step__dot[b-ykcsdl8jf6] {
    height: 8px;
    width: 8px;
    background-color: var(--secondary);
    border-radius: 50%;
}

.step__dot--selected[b-ykcsdl8jf6] {
    background-color: var(--primary);
}

.step__icon--selected[b-ykcsdl8jf6] {
    color: var(--primary);
}

.step__text[b-ykcsdl8jf6] {
    color: var(--secondary);
    font-size: 0.8rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

div[b-ykcsdl8jf6]  .footer__draft-btn {
    border-color: var(--primary) !important;
    color: var(--primary) !important;
}

div[b-ykcsdl8jf6]  .footer__draft-btn:hover {
    color: white !important;
}
/* /Pages/Mdf/MdfViewRoiSubmission.razor.rz.scp.css */
.mainWrapper[b-a5lssdd1ca]  .headingText {
    padding-left: 0;
}
/* /Pages/W9/EmbeddedW9Form.razor.rz.scp.css */

.iframe-div-below-header[b-iayxi93jkt] {
    padding-top: 75px;
}

.iframe-centered[b-iayxi93jkt] {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
}

.iframe-area[b-iayxi93jkt] {
    height: 850px;
    background-color: white
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-tawbw53nfn] {
    position: relative;
    display: flex;
    flex-direction: column;
}

bodyMainLayout[b-tawbw53nfn] {
    z-index: 1; /* Lower z-index for the body */
    position: relative; /* Ensure z-index is applied */
}

.headerMainLayout[b-tawbw53nfn] {
    z-index: 10; /* Higher z-index for the header */
    position: relative; /* Ensure z-index is applied */
}

main[b-tawbw53nfn] {
    flex: 1;
}

.sidebar[b-tawbw53nfn] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row-app-bar[b-tawbw53nfn] {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.content-app-bar[b-tawbw53nfn] {
    margin-top: 0px;
}

.top-row[b-tawbw53nfn] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-tawbw53nfn]  a, .top-row[b-tawbw53nfn]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-tawbw53nfn]  a:hover, .top-row[b-tawbw53nfn]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-tawbw53nfn]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-tawbw53nfn] {
        display: none;
    }

    .top-row.auth[b-tawbw53nfn] {
        justify-content: space-between;
    }

    .top-row[b-tawbw53nfn]  a, .top-row[b-tawbw53nfn]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-tawbw53nfn] {
        flex-direction: row;
    }

    .sidebar[b-tawbw53nfn] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-tawbw53nfn] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-tawbw53nfn]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-tawbw53nfn], article[b-tawbw53nfn] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/MainLayoutPlus.razor.rz.scp.css */
.page[b-5hlziuu57c] {
    position: relative;
    display: flex;
    flex-direction: column;
}

bodyMainLayout[b-5hlziuu57c] {
    z-index: 1; /* Lower z-index for the body */
    position: relative; /* Ensure z-index is applied */
}

.headerMainLayout[b-5hlziuu57c] {
    z-index: 10; /* Higher z-index for the header */
    position: relative; /* Ensure z-index is applied */
}

main[b-5hlziuu57c] {
    flex: 1;
}

.sidebar[b-5hlziuu57c] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row-app-bar[b-5hlziuu57c] {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.content-app-bar[b-5hlziuu57c] {
    margin-top: 0px;
}

.top-row[b-5hlziuu57c] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-5hlziuu57c]  a, .top-row[b-5hlziuu57c]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-5hlziuu57c]  a:hover, .top-row[b-5hlziuu57c]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-5hlziuu57c]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-5hlziuu57c] {
        display: none;
    }

    .top-row.auth[b-5hlziuu57c] {
        justify-content: space-between;
    }

    .top-row[b-5hlziuu57c]  a, .top-row[b-5hlziuu57c]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-5hlziuu57c] {
        flex-direction: row;
    }

    .sidebar[b-5hlziuu57c] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-5hlziuu57c] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-5hlziuu57c]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-5hlziuu57c], article[b-5hlziuu57c] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}