/* @import '../node_modules/@syncfusion/ej2-base/styles/material.css';
@import '../node_modules/@syncfusion/ej2-inputs/styles/material.css';
@import '../node_modules/@syncfusion/ej2-popups/styles/material.css';
@import '../node_modules/@syncfusion/ej2-calendars/styles/material.css'; 
@import '../node_modules/@syncfusion/ej2-angular-calendars/styles/material.css'; */

body {
    background: #AEB6BF;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
    --wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');
    --wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');
    --wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');
    --wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');
    --wp--preset--duotone--midnight: url('#wp-duotone-midnight');
    --wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');
    --wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');
    --wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
}

:where(.is-layout-flex) {
    gap: 0.5em;
}

body .is-layout-flow > .alignleft {
    float: left;
    margin-inline-start: 0;margin-inline-end: 2em;}

body .is-layout-flow > .alignright {
    float: right;
    margin-inline-start: 2em;margin-inline-end: 0;}

body .is-layout-flow > .aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}

body .is-layout-constrained > .alignleft {
    float: left;
    margin-inline-start: 0;margin-inline-end: 2em;}

body .is-layout-constrained > .alignright {
    float: right;
    margin-inline-start: 2em;margin-inline-end: 0;}

body .is-layout-constrained > .aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}

body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: var(--wp--style--global--content-size);
    margin-left: auto !important;
    margin-right: auto !important;
}

body .is-layout-constrained > .alignwide {
    max-width: var(--wp--style--global--wide-size);
}

body .is-layout-flex {
    display: flex;
}

body .is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
}

body .is-layout-flex > * {
    margin: 0;
}

#loading-area {
    width: 100%;
    height: 100%;
    background-color: transparent;
    position: fixed;
    opacity: 1;
    z-index: 9999;
    background-image: url(/site/images/loading.svg);
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: center;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}

input::-webkit-calendar-picker-indicator{
    display: none;
}

.has-black-color {
    color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-color {
    color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-color {
    color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-color {
    color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-color {
    color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-color {
    color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-color {
    color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-color {
    color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-color {
    color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-color {
    color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-color {
    color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-color {
    color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-background-color {
    background-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-background-color {
    background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-background-color {
    background-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-background-color {
    background-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-background-color {
    background-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-background-color {
    background-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-background-color {
    background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-background-color {
    background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-background-color {
    background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-background-color {
    background-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-border-color {
    border-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-border-color {
    border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-border-color {
    border-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-border-color {
    border-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-border-color {
    border-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-border-color {
    border-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-border-color {
    border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-border-color {
    border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-border-color {
    border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-border-color {
    border-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}

.has-cool-to-warm-spectrum-gradient-background {
    background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}

.has-blush-light-purple-gradient-background {
    background: var(--wp--preset--gradient--blush-light-purple) !important;
}

.has-blush-bordeaux-gradient-background {
    background: var(--wp--preset--gradient--blush-bordeaux) !important;
}

.has-luminous-dusk-gradient-background {
    background: var(--wp--preset--gradient--luminous-dusk) !important;
}

.has-pale-ocean-gradient-background {
    background: var(--wp--preset--gradient--pale-ocean) !important;
}

.has-electric-grass-gradient-background {
    background: var(--wp--preset--gradient--electric-grass) !important;
}

.has-midnight-gradient-background {
    background: var(--wp--preset--gradient--midnight) !important;
}

.has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important;
}

.has-medium-font-size {
    font-size: var(--wp--preset--font-size--medium) !important;
}

.has-large-font-size {
    font-size: var(--wp--preset--font-size--large) !important;
}

.has-x-large-font-size {
    font-size: var(--wp--preset--font-size--x-large) !important;
}

.wp-block-navigation a:where(:not(.wp-element-button)) {
    color: inherit;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}

.wp-block-pullquote {
    font-size: 1.5em;
    line-height: 1.6;
}

a,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,.x-breadcrumb-wrap a:hover,.x-comment-author a:hover,.x-comment-time:hover,.p-meta > span > a:hover,.format-link .link a:hover,.x-main .widget ul li a:hover,.x-main .widget ol li a:hover,.x-main .widget_tag_cloud .tagcloud a:hover,.x-sidebar .widget ul li a:hover,.x-sidebar .widget ol li a:hover,.x-sidebar .widget_tag_cloud .tagcloud a:hover,.x-portfolio .entry-extra .x-ul-tags li a:hover {
    color: rgb(124,60,108);
}

a:hover {
    color: rgb(124,60,108);
}

.woocommerce .price > .amount,.woocommerce .price > ins > .amount,.woocommerce .star-rating:before,.woocommerce .star-rating span:before {
    color: rgb(124,60,108);
}

a.x-img-thumbnail:hover {
    border-color: rgb(124,60,108);
}

.woocommerce .onsale,.widget_price_filter .ui-slider .ui-slider-range {
    background-color: rgb(124,60,108);
}

.x-main {
    width: 72%;
}

.x-sidebar {
    width: calc( 100% - 72%);
}

.x-post-slider-archive-active .x-container.main:not(.x-row):not(.x-grid):before {
    top: 0;
}

.x-content-sidebar-active .x-container.main:not(.x-row):not(.x-grid):before {
    right: calc( 100% - 72%);
}

.x-sidebar-content-active .x-container.main:not(.x-row):not(.x-grid):before {
    left: calc( 100% - 72%);
}

.x-full-width-active .x-container.main:not(.x-row):not(.x-grid):before {
    left: -5000em;
}

.h-landmark,.x-main .h-widget,.x-main .h-widget a.rsswidget,.x-main .h-widget a.rsswidget:hover,.x-main .widget.widget_pages .current_page_item a,.x-main .widget.widget_nav_menu .current-menu-item a,.x-main .widget.widget_pages .current_page_item a:hover,.x-main .widget.widget_nav_menu .current-menu-item a:hover,.x-sidebar .h-widget,.x-sidebar .h-widget a.rsswidget,.x-sidebar .h-widget a.rsswidget:hover,.x-sidebar .widget.widget_pages .current_page_item a,.x-sidebar .widget.widget_nav_menu .current-menu-item a,.x-sidebar .widget.widget_pages .current_page_item a:hover,.x-sidebar .widget.widget_nav_menu .current-menu-item a:hover {
    color: #333333;
}

.x-main .widget,.x-main .widget a,.x-main .widget ul li a,.x-main .widget ol li a,.x-main .widget_tag_cloud .tagcloud a,.x-main .widget_product_tag_cloud .tagcloud a,.x-main .widget a:hover,.x-main .widget ul li a:hover,.x-main .widget ol li a:hover,.x-main .widget_tag_cloud .tagcloud a:hover,.x-main .widget_product_tag_cloud .tagcloud a:hover,.x-main .widget_shopping_cart .buttons .button,.x-main .widget_price_filter .price_slider_amount .button,.x-sidebar .widget,.x-sidebar .widget a,.x-sidebar .widget ul li a,.x-sidebar .widget ol li a,.x-sidebar .widget_tag_cloud .tagcloud a,.x-sidebar .widget_product_tag_cloud .tagcloud a,.x-sidebar .widget a:hover,.x-sidebar .widget ul li a:hover,.x-sidebar .widget ol li a:hover,.x-sidebar .widget_tag_cloud .tagcloud a:hover,.x-sidebar .widget_product_tag_cloud .tagcloud a:hover,.x-sidebar .widget_shopping_cart .buttons .button,.x-sidebar .widget_price_filter .price_slider_amount .button {
    color: #333333;
}

.x-main .h-widget,.x-main .widget.widget_pages .current_page_item,.x-main .widget.widget_nav_menu .current-menu-item,.x-sidebar .h-widget,.x-sidebar .widget.widget_pages .current_page_item,.x-sidebar .widget.widget_nav_menu .current-menu-item {
    border-color: #333333;
}

.x-post-slider {
    height: 425px;
}

.archive .x-post-slider {
    height: 425px;
}

.x-post-slider .x-post-slider-entry {
    padding-bottom: 425px;
}

.archive .x-post-slider .x-post-slider-entry {
    padding-bottom: 425px;
}

.format-link .link a,.x-portfolio .entry-extra .x-ul-tags li a {
    color: rgb(38,36,43);
}

.p-meta > span > a,.x-nav-articles a,.entry-top-navigation .entry-parent,.option-set .x-index-filters,.option-set .x-portfolio-filters,.option-set .x-index-filters-menu >li >a:hover,.option-set .x-index-filters-menu >li >a.selected,.option-set .x-portfolio-filters-menu > li > a:hover,.option-set .x-portfolio-filters-menu > li > a.selected {
    color: rgb(124,60,108);
}

.x-nav-articles a,.entry-top-navigation .entry-parent,.option-set .x-index-filters,.option-set .x-portfolio-filters,.option-set .x-index-filters i,.option-set .x-portfolio-filters i {
    border-color: rgb(124,60,108);
}

.x-nav-articles a:hover,.entry-top-navigation .entry-parent:hover,.option-set .x-index-filters:hover i,.option-set .x-portfolio-filters:hover i {
    background-color: rgb(124,60,108);
}

@media (max-width: 978.98px) {
    .x-content-sidebar-active .x-container.main:not(.x-row):not(.x-grid):before,.x-sidebar-content-active .x-container.main:not(.x-row):not(.x-grid):before {
        left:-5000em;
    }

    body .x-main .widget,body .x-main .widget a,body .x-main .widget a:hover,body .x-main .widget ul li a,body .x-main .widget ol li a,body .x-main .widget ul li a:hover,body .x-main .widget ol li a:hover,body .x-sidebar .widget,body .x-sidebar .widget a,body .x-sidebar .widget a:hover,body .x-sidebar .widget ul li a,body .x-sidebar .widget ol li a,body .x-sidebar .widget ul li a:hover,body .x-sidebar .widget ol li a:hover {
        color: rgb(38,36,43);
    }

    body .x-main .h-widget,body .x-main .widget.widget_pages .current_page_item a,body .x-main .widget.widget_nav_menu .current-menu-item a,body .x-main .widget.widget_pages .current_page_item a:hover,body .x-main .widget.widget_nav_menu .current-menu-item a:hover,body .x-sidebar .h-widget,body .x-sidebar .widget.widget_pages .current_page_item a,body .x-sidebar .widget.widget_nav_menu .current-menu-item a,body .x-sidebar .widget.widget_pages .current_page_item a:hover,body .x-sidebar .widget.widget_nav_menu .current-menu-item a:hover {
        color: rgb(124,60,108);
    }

    body .x-main .h-widget,body .x-main .widget.widget_pages .current_page_item,body .x-main .widget.widget_nav_menu .current-menu-item,body .x-sidebar .h-widget,body .x-sidebar .widget.widget_pages .current_page_item,body .x-sidebar .widget.widget_nav_menu .current-menu-item {
        border-color: rgb(124,60,108);
    }
}

@media (max-width: 766.98px) {
    .x-post-slider,.archive .x-post-slider {
        height:auto !important;
    }

    .x-post-slider .x-post-slider-entry,.archive .x-post-slider .x-post-slider-entry {
        padding-bottom: 65% !important;
    }
}

html {
    font-size: 14px;
}

@media (min-width: 480px) {
    html {
        font-size:16px;
    }
}

@media (min-width: 767px) {
    html {
        font-size:14px;
    }
}

@media (min-width: 979px) {
    html {
        font-size:14px;
    }
}

@media (min-width: 1200px) {
    html {
        font-size:14px;
    }
}

body {
    font-style: normal;
    font-weight: 400;
    color: rgb(38,36,43);
    background-color: rgb(255,255,255);
}

.w-b {
    font-weight: 400 !important;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: "Oswald",sans-serif;
    font-style: normal;
    font-weight: 300;
}

h1,.h1 {
    letter-spacing: -0.035em;
}

h2,.h2 {
    letter-spacing: -0.035em;
}

h3,.h3 {
    letter-spacing: -0.035em;
}

h4,.h4 {
    letter-spacing: -0.035em;
}

h5,.h5 {
    letter-spacing: -0.035em;
}

h6,.h6 {
    letter-spacing: -0.035em;
}

.w-h {
    font-weight: 300 !important;
}

.x-container.width {
    width: 88%;
}

.x-container.max {
    max-width: 1200px;
}

.x-bar-content.x-container.width {
    flex-basis: 88%;
}

.x-main.full {
    float: none;
    display: block;
    width: auto;
}

@media (max-width: 978.98px) {
    .x-main.full,.x-main.left,.x-main.right,.x-sidebar.left,.x-sidebar.right {
        float:none;
        display: block;
        width: auto !important;
    }
}

.entry-header,.entry-content {
    font-size: 1rem;
}

body,input,button,select,textarea {
    font-family: "Open Sans",sans-serif;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    color: #2d3a64 !important;  
    /* rgb(124,60,108); */
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,blockquote {
    color: #2d3a64;  
    /* rgb(124,60,108); */
}

.cfc-h-tx {
    color: rgb(124,60,108) !important;
}

.cfc-h-bd {
    border-color: rgb(124,60,108) !important;
}

.cfc-h-bg {
    background-color: rgb(124,60,108) !important;
}

.cfc-b-tx {
    color: rgb(38,36,43) !important;
}

.cfc-b-bd {
    border-color: rgb(38,36,43) !important;
}

.cfc-b-bg {
    background-color: rgb(38,36,43) !important;
}

.x-btn,.button,[type="submit"] {
    color: rgb(0,97,166);
    border-color: rgb(0,97,166);
    background-color: rgb(255,255,255);
    text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.5);
}

.x-btn:hover,.button:hover,[type="submit"]:hover {
    color: #ffffff;
    border-color: rgb(0,97,166);
    background-color: rgb(0,97,166);
    text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.5);
}

.x-btn.x-btn-real,.x-btn.x-btn-real:hover {
    margin-bottom: 0.25em;
    text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.65);
}

.x-btn.x-btn-real {
    box-shadow: 0 0.25em 0 0 rgb(0,97,166),0 4px 9px rgba(0,0,0,0.75);
}

.x-btn.x-btn-real:hover {
    box-shadow: 0 0.25em 0 0 rgb(0,97,166),0 4px 9px rgba(0,0,0,0.75);
}

.x-btn.x-btn-flat,.x-btn.x-btn-flat:hover {
    margin-bottom: 0;
    text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.65);
    box-shadow: none;
}

.x-btn.x-btn-transparent,.x-btn.x-btn-transparent:hover {
    margin-bottom: 0;
    border-width: 3px;
    text-shadow: none;
    text-transform: uppercase;
    background-color: transparent;
    box-shadow: none;
}

.x-cart-notification-icon.loading {
    color: #545454;
}

.x-cart-notification:before {
    background-color: #000000;
}

.x-cart-notification-icon.added {
    color: #ffffff;
}

.x-cart-notification.added:before {
    background-color: #46a546;
}

.woocommerce-MyAccount-navigation-link a {
    color: rgb(38,36,43);
}

.woocommerce-MyAccount-navigation-link a:hover,.woocommerce-MyAccount-navigation-link.is-active a {
    color: rgb(124,60,108);
}

.cart_item .product-remove a {
    color: rgb(38,36,43);
}

.cart_item .product-remove a:hover {
    color: rgb(124,60,108);
}

.cart_item .product-name a {
    color: rgb(124,60,108);
}

.cart_item .product-name a:hover {
    color: rgb(124,60,108);
}

.woocommerce p.stars span a {
    background-color: rgb(124,60,108);
}

body .gform_wrapper .gfield_required {
    color: rgb(124,60,108);
}

body .gform_wrapper h2.gsection_title,body .gform_wrapper h3.gform_title,body .gform_wrapper .top_label .gfield_label,body .gform_wrapper .left_label .gfield_label,body .gform_wrapper .right_label .gfield_label {
    font-weight: 300;
}

body .gform_wrapper h2.gsection_title {
    letter-spacing: -0.035emem !important;
}

body .gform_wrapper h3.gform_title {
    letter-spacing: -0.035emem !important;
}

body .gform_wrapper .top_label .gfield_label,body .gform_wrapper .left_label .gfield_label,body .gform_wrapper .right_label .gfield_label {
    color: rgb(124,60,108);
}

body .gform_wrapper .validation_message {
    font-weight: 400;
}

@font-face {
    font-family: 'FontAwesomePro';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url('https://www.bnpmedia.com/wp-content/themes/pro/cornerstone/assets/fonts/fa-solid-900.woff2') format('woff2'),url('https://www.bnpmedia.com/wp-content/themes/pro/cornerstone/assets/fonts/fa-solid-900.woff') format('woff'),url('https://www.bnpmedia.com/wp-content/themes/pro/cornerstone/assets/fonts/fa-solid-900.ttf') format('truetype');
}

[data-x-fa-pro-icon] {
    font-family: "FontAwesomePro" !important;
}

[data-x-fa-pro-icon]:before {
    content: attr(data-x-fa-pro-icon);
}

[data-x-icon],[data-x-icon-o],[data-x-icon-l],[data-x-icon-s],[data-x-icon-b],[data-x-fa-pro-icon],[class*="cs-fa-"] {
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[data-x-icon].left,[data-x-icon-o].left,[data-x-icon-l].left,[data-x-icon-s].left,[data-x-icon-b].left,[data-x-fa-pro-icon].left,[class*="cs-fa-"].left {
    margin-right: 0.5em;
}

[data-x-icon].right,[data-x-icon-o].right,[data-x-icon-l].right,[data-x-icon-s].right,[data-x-icon-b].right,[data-x-fa-pro-icon].right,[class*="cs-fa-"].right {
    margin-left: 0.5em;
}

[data-x-icon]:before,[data-x-icon-o]:before,[data-x-icon-l]:before,[data-x-icon-s]:before,[data-x-icon-b]:before,[data-x-fa-pro-icon]:before,[class*="cs-fa-"]:before {
    line-height: 1;
}

@font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url('https://www.bnpmedia.com/wp-content/themes/pro/cornerstone/assets/fonts/fa-solid-900.woff2') format('woff2'),url('https://www.bnpmedia.com/wp-content/themes/pro/cornerstone/assets/fonts/fa-solid-900.woff') format('woff'),url('https://www.bnpmedia.com/wp-content/themes/pro/cornerstone/assets/fonts/fa-solid-900.ttf') format('truetype');
}

[data-x-icon],[data-x-icon-s],[data-x-icon][class*="cs-fa-"] {
    font-family: "FontAwesome" !important;
    font-weight: 900;
}

[data-x-icon]:before,[data-x-icon][class*="cs-fa-"]:before {
    content: attr(data-x-icon);
}

[data-x-icon-s]:before {
    content: attr(data-x-icon-s);
}

@font-face {
    font-family: 'FontAwesomeRegular';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('https://www.bnpmedia.com/wp-content/themes/pro/cornerstone/assets/fonts/fa-regular-400.woff2') format('woff2'),url('https://www.bnpmedia.com/wp-content/themes/pro/cornerstone/assets/fonts/fa-regular-400.woff') format('woff'),url('https://www.bnpmedia.com/wp-content/themes/pro/cornerstone/assets/fonts/fa-regular-400.ttf') format('truetype');
}

@font-face {
    font-family: 'FontAwesomePro';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('https://www.bnpmedia.com/wp-content/themes/pro/cornerstone/assets/fonts/fa-regular-400.woff2') format('woff2'),url('https://www.bnpmedia.com/wp-content/themes/pro/cornerstone/assets/fonts/fa-regular-400.woff') format('woff'),url('https://www.bnpmedia.com/wp-content/themes/pro/cornerstone/assets/fonts/fa-regular-400.ttf') format('truetype');
}

[data-x-icon-o] {
    font-family: "FontAwesomeRegular" !important;
}

[data-x-icon-o]:before {
    content: attr(data-x-icon-o);
}

@font-face {
    font-family: 'FontAwesomeLight';
    font-style: normal;
    font-weight: 300;
    font-display: block;
    src: url('https://www.bnpmedia.com/wp-content/themes/pro/cornerstone/assets/fonts/fa-light-300.woff2') format('woff2'),url('https://www.bnpmedia.com/wp-content/themes/pro/cornerstone/assets/fonts/fa-light-300.woff') format('woff'),url('https://www.bnpmedia.com/wp-content/themes/pro/cornerstone/assets/fonts/fa-light-300.ttf') format('truetype');
}

@font-face {
    font-family: 'FontAwesomePro';
    font-style: normal;
    font-weight: 300;
    font-display: block;
    src: url('https://www.bnpmedia.com/wp-content/themes/pro/cornerstone/assets/fonts/fa-light-300.woff2') format('woff2'),url('https://www.bnpmedia.com/wp-content/themes/pro/cornerstone/assets/fonts/fa-light-300.woff') format('woff'),url('https://www.bnpmedia.com/wp-content/themes/pro/cornerstone/assets/fonts/fa-light-300.ttf') format('truetype');
}

[data-x-icon-l] {
    font-family: "FontAwesomeLight" !important;
    font-weight: 300;
}

[data-x-icon-l]:before {
    content: attr(data-x-icon-l);
}

@font-face {
    font-family: 'FontAwesomeBrands';
    font-style: normal;
    font-weight: normal;
    font-display: block;
    src: url('https://www.bnpmedia.com/wp-content/themes/pro/cornerstone/assets/fonts/fa-brands-400.woff2') format('woff2'),url('https://www.bnpmedia.com/wp-content/themes/pro/cornerstone/assets/fonts/fa-brands-400.woff') format('woff'),url('https://www.bnpmedia.com/wp-content/themes/pro/cornerstone/assets/fonts/fa-brands-400.ttf') format('truetype');
}

[data-x-icon-b] {
    font-family: "FontAwesomeBrands" !important;
}

[data-x-icon-b]:before {
    content: attr(data-x-icon-b);
}

.navbar {
    background-color: #2d3a64;
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    padding: 12px 16px;
    position: -webkit-fixed;
    -webkit-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    transition: 0.3s ease;
}

.navbar>a.navbar-brand {
    padding: 0;
}

.navbar>a.navbar-brand>img {
    height: 40px;
    width: auto;
    margin-right: 16px;
}

.navbar p.header {
    font-size: 20px;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 0;
}

.navbar ul.header-icons {
    display: flex;
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}

.navbar ul.header-icons>li {
    position: relative;
    border: 1px solid transparent;
    height: 31px;
    width: 31px;
    margin-left: 18px;
    border-radius: 50%;
    background: no-repeat center;
    background-size: 32px 32px;
    cursor: pointer;
}

.navbar ul.header-icons>li>img {
    height: 29px;
    width: auto;
    cursor: pointer;
}

.navbar ul.header-icons>li span.oval {
    width: 10px;
    height: 10px;
    border: solid 1px #212931;
    background-color: #d50000;
    content: '';
    position: absolute;
    bottom: 2px;
    right: 2px;
    border-radius: 50%;
}

.navbar ul.header-icons>li:hover {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}

.navbar ul.header-icons>li.tray {
    background-image: url(/site/images/menu-icon.svg);
}

.navbar ul.header-icons>li.tray:hover {
    background-image: url(/site/images/menu-icon-white.svg);
    opacity: 1;
    z-index: 999;
}

.navbar ul.header-icons>li.tray:active {
    background-image: url(/site/images/menu-icon-white.svg);
    opacity: 1;
    z-index: 999;
}

.navbar ul.header-icons>li.notify {
    background-image: url(/site/images/notification.svg);
}

.navbar ul.header-icons>li.notify:hover {
    background-image: url(/site/images/notification-white.svg);
    opacity: 1;
    z-index: 999;
}

.navbar ul.header-icons>li.notify:active {
    background-image: url(/site/images/notification-white.svg);
    opacity: 1;
    z-index: 999;
}

.navbar ul.header-icons>li.hamburger {
    background-image: url(/site/images/hamburger-menu.svg);
}

.navbar ul.header-icons>li.hamburger:hover {
    background-image: url(/site/images/hamburger-menu-white.svg);
    opacity: 1;
    z-index: 999;
}

.navbar ul.header-icons>li.hamburger:active {
    background-image: url(/site/images/hamburger-menu-white.svg);
    opacity: 1;
    z-index: 999;
}

.navbar .user-icon {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    cursor: pointer;
    margin-left: 24px;
    background: url(/site/images/user-icon.svg) no-repeat;
    background-size: 100%;
}

.navbar .user-icon:hover {
    background-image: url(/site/images/user-icon-white.svg);
    opacity: 1;
    z-index: 999;
}

.navbar .user-icon:active {
    background-image: url(/site/images/user-icon-white.svg);
    opacity: 1;
    z-index: 999;
}

/* new side navigation menu */

.navigation {
    background-color: #EBF5FB;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    height: calc(100vh - 64px);
    width: 15vw;
    overflow-y: auto;
    padding-bottom: 4rem;
    z-index: 2;
}

.tiny-text {
    font-size: 10px;
    color: #8894a0;
}

.small-text {
    font-size: 12px;
    color: #8894a0;
}

.small-white-text {
    font-size: 14px;
    color: #ffffff;
}
.medium-white-text {
    font-size: 20px;
    color: #ffffff;
}
.large-white-text {
    font-size: 28px;
    color: #ffffff;
}

.help-text {
    font-size: 10px;
    position: absolute;
    bottom: -15px;
    color: #8894a0;
    right: 18px;
}

.paginate_input {
    width: 30px;
}

.navigation ul {
    list-style-type: none;
    padding-left: 0px;
}

/* .navigation:hover {
    overflow: auto;
} */

.nav-links li {
    padding: 5px 0px;
}

.navigation__link {
    color: rgba(0, 0, 0, .5);
    text-decoration: none;
    font-size: 14px;
    display: block;
}

.navigation__link:hover {
    color: #0061a6;
}

a.navigation__link {
    padding-left: 6px;
}

.active>a.navigation__link {
    color: #2d3a64;
    padding-left: 4px;
    border-left: 2px solid rgb(124,60,108);
}

.active .subLinks .navigation__link {
    color: rgba(0, 0, 0, .5);
}

.subLinks .active .navigation__link {
    color: #2d3a64;
}

a.navigation__link.active {
    color: #2d3a64;
    padding-left: 4px;
    border-left: 2px solid;
}

a.navigation__link.disable {
    opacity: .3;
    cursor: no-drop !important;
    pointer-events: none;
}

/* 
.searchBar mat-form-field {
    width: 100%;
    padding-right: 15px;
} */

/* .searchBar .mat-form-field-wrapper {
    padding-top: 10px;
    display: none;
} */
/* 
.searchBar .mat-form-field-infix {
    border-top: 10px solid transparent;
} */

.activeLink a {
    color: #2d3a64;
}

.navigation .activeLink {
    font-size: 30px;
}


.modal.headerModal {
    overflow: visible;
    min-height: 400px;
    padding: 64px 0 0 0 !important;
}

.modal.headerModal .modal-dialog.modal-dialog-centered {
    float: right;
    overflow: initial;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    align-items: baseline;
    margin: 0;
}

.modal.headerModal .modal-dialog.modal-dialog-centered .modal-content {
    border-radius: 4px;
    background-color: #fff;
}

.modal.headerModal .modal-dialog.modal-dialog-centered::before {
    content: "";
    position: absolute;
    top: -8px;
    width: 24px;
    height: 24px;
    z-index: -1;
    background-color: #fff;
    right: 68px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
}

.modal.headerModal .gridLayout {
    width: calc(100% - 48px);
    margin: 0 auto 3rem;
}

.modal.headerModal.gridView .modal-dialog .modal-content {
    min-height: calc(100vh - 64px);
    min-height: -webkit-calc(100vh - 64px);
    width: 440px;
    max-width: 100%;
    overflow: hidden;
}

.modal.headerModal.gridView .modal-dialog .modal-content .modal-body {
    min-height: 200px;
    overflow-y: auto;
    max-height: 80vh;
}

.modal.headerModal.gridView .modal-dialog.modal-dialog-centered::before {
    right: 118px;
}

.modal.headerModal.gridView .modal-body {
    padding: 16px;
}

.webinar-opt-ins-container {
    margin-bottom: 10px;
    background-color: #f7f8f8;
    padding: 10px 10px 10px 10px; 
}

.webinar-opt-ins {
    display: flex;
    gap: 16px;
    margin-top: 12px;
    margin-bottom: 6px;
}

.webinar-opt-in {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 15px;
}

.webinar-categories {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 10px;
    background-color: #f7f8f8;
    padding: 10px 10px 10px 10px; 
}

.webinar-category {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 15px;
}

.webinar-privacy-policy {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 15px;
    margin-bottom: 10px;
    background-color: #f7f8f8;
    padding: 10px 10px 10px 10px;    
}

input[type=checkbox] {
    min-width: 12px; 
}

.webinar-opt-in input[type="radio"],
.webinar-category input[type="checkbox"],
.webinar-privacy-policy input[type="checkbox"] {
    margin: 0px 0px 0px 0px !important;
}

.webinar-opt-ins-container > p, 
.webinar-categories > p {
    margin-bottom: 4px; 
}

.webinar-opt-in p,
.webinar-category p,
.webinar-privacy-policy p {
    margin: 0px 0px 0px 0px !important;
}

.webinar-privacy-policy-modal .modal-body {
    padding: 1rem 1rem 75px 1rem;
}

.webinar-privacy-policy-modal .modal-header h5 {
    font-size: 20px;
}

.webinar-privacy-policy-modal .alert.error-alert {
    margin-bottom: 0px;
    margin-top: 20px;
    line-height: 1.5;
}

.modal.survey-modal form {
    margin-bottom: 0px;
    padding: 0px 20px 40px 20px;
    box-shadow: none;
    border: none;
}

.modal.survey-modal .submit-block {
    padding-left: 20px;
}

.modal.survey-modal .dGrid-survey-complete-body {
    padding: 40px 10px;
    box-shadow: none;
    border: none;
    margin-bottom: 0px;
}

.lunch-and-learn-request-completion-msg-area {
    padding: 5vw 5vh;
}

.lunchandlearn-request-complete-msg {
    padding: 40px;
    overflow-y: auto;
    margin-bottom: 100px;
    border-radius: 4px;
    box-shadow: 0 3px 8px 0 rgba(45, 51, 72, 0.1), 0 0 1px 0 rgba(45, 51, 72, 0.4);
    border: solid 1px #dadce0;
}

.secondaryNavSmall {
    background-color: #FFF;
    height: 50px;
}

.secondaryNav {
    justify-content: center;
    align-items: stretch;
    flex-wrap: nowrap !important;
    background-color: #FFF;
    position: relative;
    column-gap: 20px;
    color: #ffff;
    padding-right: 20px;
    border-left: 20px solid #FFF; /* used for padding, flexbox doesn't allow padding-left */
}

.nav-item-with-sub-menu {
    color: rgb(38, 38, 38) !important;
}

.secondaryNav .nav-item {
    display: flex;
    align-items: center;
    border-bottom: 2px solid transparent;
    padding: 15px 10px;
}

.secondaryNav .nav-item a {
    font-size: 14px;
    color: #2d3a64;
    text-transform: uppercase;
    text-align: center;
    padding: 8px 0px;
    margin: 0;
}

.secondaryNav .nav-item.active {
    border-bottom: 2px solid transparent;
}

.secondaryNav .nav-item a.nav-link.active {
    font-family: HelveticaNeue !important;
    font-weight: bold !important;
    border-bottom: 2px solid #2d3a64;
}

.secondaryNav .nav-item:hover {
    border-bottom: 2px solid transparent;
}

.secondaryNav p {
    padding-left: 12px;
    font-size: 20px;
}

.secondaryNav .position-right {
    right: 32px;
    position: absolute;
}

.modal-dialog{
    margin: 1.75rem auto;
}

.modal-dialog h6 {
    font-size: 18px;
    line-height: 1.47;
    letter-spacing: 0.27px;
    color: #000;
    margin-bottom: 8px;
}

.modal-dialog .modal-content {
    min-height: 250px;
    border: none;
    border-radius: 4px;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

.modal-dialog .modal-content.full {
    min-height: 250px;
    border: none;
    border-radius: 0;
}

.modal-dialog .submit-block {
    position: absolute;
    bottom: 16px;
    width: calc(100% - 64px);
}

.modal-body {
    padding: 2rem;
}

.modal-info {
    margin-bottom: 64px;
}

.hamburgerModal {
    padding: 0 0 !important;
}

.hamburgerModal .modal-dialog {
    max-width: 100%;
    margin: 0 0 0 auto;
}

.hamburgerModal .modal-dialog .modal-content {
    position: relative;
    width: 400px;
    max-width: 100%;
    background-color: transparent;
    margin: 0 0 0 auto;
}

.hamburgerModal .modal-body {
    background-color: transparent;
    padding: 0;
    height: -webkit-fill-available;
}

.hamburgerModal .header {
    padding: 24px 40px;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    background-color: #f6f8fa;
}

.hamburgerModal .header .close {
    min-width: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.hamburgerModal label.input_label {
    font: 12px HelveticaNeue;
    color: #34495e;
    text-transform: uppercase;
}

.hamburgerModal .content {
    padding: 24px;
    min-height: calc(100vh - 208px);
    min-height: -webkit-calc(50vh - 208px);
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.08);
    border: solid 1px rgba(52, 73, 94, 0.3);
    background-color: #fff;
    position: relative;
}

.hamburgerModal .accountInfo {
    margin: 40px auto;
}

.hamburgerModal .accountInfo p {
    margin-bottom: 4px;
    font-size: 14px;
}

.hamburgerModal .accountInfo .personName {
    font: 16px HelveticaNeue !important;
    font-weight: bold !important;;
}

.hamburgerModal .profilePic {
    height: 80px;
    width: 80px;
    display: flex;
    position: relative;
    margin-right: 16px;
}

.hamburgerModal .profilePic img {
    width: auto;
    height: 80px;
    border-radius: 50%;
}

.hamburgerModal .profilePic .editProfile {
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    bottom: 0;
    width: 100%;
    height: 40px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.16), #000);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    left: 0;
}

.hamburgerModal .menu {
    font-family: HelveticaNeue;
}

.hamburgerModal .menu ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 48px;
}

.hamburgerModal .menu ul li {
    border-bottom: 1px solid #eaeaea;
    cursor: pointer;
    margin-bottom: 3px;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 4.06;
    letter-spacing: normal;
    color: #34495e;
    padding: 0 16px;
}

.hamburgerModal .menu ul li a {
    color: inherit;
    text-decoration: none;
}

.hamburgerModal .menu h6 {
    font-size: 12px;
    color: #8894a0;
}

.hamburgerModal .copyright {
    font-size: 12px;
    color: #8196ab;
    position: absolute;
    bottom: 0;
    padding: 0 16px;
}

.modal.fade.hamburgerModal .modal-dialog {
    left: 25%;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.fade.hamburgerModal.show .modal-dialog {
    left: 0;
}


.mobile-only {
    display: none;
}

.not-mobile {
    display: inline-block;
}

@media (max-width: 767px) {
    button span.icon::before {
        content: '';
        width: 20px;
        height: 20px;
        position: absolute;
        left: -24px;
        top: 2px;
        background-size: 20px;
    }

    button span.icon {
        padding-left: 4px;
        margin-left: 20px;
    }

    .modal-dialog {
        max-width: 100%;
        margin: 0;
    }

    .modal.headerModal {
        padding: 52px 0 0 !important;
        padding: 52px 0 0 !important;
    }

    .modal.headerModal .modal-dialog.modal-dialog-centered {
        float: none;
    }

    .modal.headerModal .modal-dialog.modal-dialog-centered::before {
        top: -6px;
        width: 20px;
        height: 20px;
        right: 42px;
    }

    .modal.headerModal .modal-dialog.modal-dialog-centered .modal-content .modal-body.notification {
        width: 100%;
    }

    .modal.headerModal .gridLayout {
        width: calc(100% - 10px);
    }

    .modal-body.notification .notifyList {
        min-height: calc(100vh - 144px);
        min-height: -webkit-calc(100vh - 144px);
    }

    .modal-body {
        padding: 1rem;
    }

    .modal.headerModal.gridView .modal-dialog .modal-content {
        min-height: calc(100vh - 52px);
        min-height: -webkit-calc(100vh - 52px);
        margin: 0 auto;
    }

    .modal.headerModal.gridView .modal-body {
        padding: 8px;
    }

    .modal.headerModal.gridView .modal-dialog.modal-dialog-centered::before {
        right: 66px;
    }

    .gridLayout .icon-block {
        margin-bottom: 16px;
        margin-right: 11px;
        width: calc((100% - 32px) / 3);
    }

    .gridLayout .icon-block .icon {
        padding-top: 14px;
    }

    .header1 {
        font-size: 16px;
    }

    .mobile-only {
        display: block;
        display: inline;
    }

    .not-mobile {
        display: none !important;
    }

    .navbar {
        padding: 10px 1rem;
    }

    .navbar>a.navbar-brand>img {
        height: 32px;
    }

    .navbar p.header {
        font-size: 16px;
        margin-top: 5px;
        max-width: 99px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .navbar ul.header-icons>li {
        margin-left: 0;
        width: 28px;
        background-size: 24px;
    }

    .navbar ul.header-icons>li>img {
        height: 28px;
    }

    .hamburgerModal .content {
        min-height: calc(100vh - 212px);
        min-height: -webkit-calc(100vh - 212px);
        padding-bottom: 0;
    }

    .hamburgerModal .modal-dialog .modal-content {
        width: 100%;
        max-width: 100%;
    }

    .hamburgerModal .accountInfo .personName {
        font-size: 20px;
    }

    .hamburgerModal .profilePic .editProfile {
        font-size: 12px;
    }

    .hamburgerModal .menu ul li {
        line-height: 56px;
    }

    .profilePic {
        height: 60px;
        width: 60px;
        margin-right: 16px;
    }

    .profilePic img {
        width: auto;
        height: 60px;
        border-radius: 50%;
    }

    .profilePic .editProfile {
        font-size: 12px;
        line-height: 30px;
        height: 30px;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }

    button.close {
        min-width: 24px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        opacity: 1;
        height: 24px;
    }

    button.close img {
        height: 24px;
    }

    label.input_label {
        width: calc(100% - 32px);
        display: flex;
        justify-content: space-between;
        left: 0;
    }
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 528px;
    }
}

@media (max-width: 360px) {
    .gridLayout .icon-block .icon {
        padding-top: 8px;
    }

    .gridLayout .icon-block .icon img {
        height: 50px;
    }

    .hamburgerModal .accountInfo .personName {
        font-size: 16px;
    }

    .hamburgerModal .header {
        padding: 24px;
    }

    .hamburgerModal .content {
        padding: 24px;
    }
}

.card {
    border: 0;
    border-radius: 4px;
    box-shadow: 0 3px 8px 0 rgba(45, 51, 72, 0.1), 0 0 1px 0 rgba(45, 51, 72, 0.4);
    background-color: #fff;
    margin-bottom: 4px;
}

.card-header {
    padding: 10px 18px;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 0;
    font-size: 16px;
    color: #526171;
    cursor: pointer;
}

.card-header::before {
    content: '';
    background: url(/site/images/expand-icon.svg) no-repeat;
    position: absolute;
    right: 0;
    padding: 16px;
}

.card-header.collapsed::before {
    content: '';
    background: url(/site/images/dropdown-icon.svg) no-repeat;
    position: absolute;
    right: 0;
    padding: 16px;
}

.card-body {
    font-size: 13px;
    line-height: 1.54;
    color: #526171;
    padding: 10px 18px;
}

ul.cardsContainer {
    list-style: none;
    padding-left: 0;
}

li.cardRow {
    border-radius: 4px;
    box-shadow: 0 3px 8px 0 rgba(45, 51, 72, 0.1), 0 0 1px 0 rgba(45, 51, 72, 0.4);
    border: solid 1px #dadce0;
    background-color: #fff;
    padding: 16px 24px;
    margin-bottom: 8px;
    font-size: 14px;
    position: relative;
}

li.cardRow>div>p {
    display: inline-block;
    /* width: 30%; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    margin-right: 24px;
}

li.cardRow>div>p:last-child {
    width: 20%;
}

ul.dashboardCardsContainer {
    list-style: none;
    padding: 5px;
}

li.dashboardCardRow {
    border-radius: 4px;
    box-shadow: 0 3px 8px 0 rgba(45, 51, 72, 0.1), 0 0 1px 0 rgba(45, 51, 72, 0.4);
    border: solid 1px #dadce0;
    background-color: #fff;
    padding: 16px 24px;
    margin-bottom: 8px;
    font-size: 14px;
    position: relative;
}

li.dashboardCardRow>div>p {
    display: inline-block;
    /* width: 30%; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    margin-right: 24px;
}

li.dashboardCardRow>div>p:last-child {
    width: 20%;
}

.card-progress-lightblue {
    font-size: 2.2rem !important;
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
    color: white !important;
    background-color: #3498DB !important;
    padding: 0px;
}
.card-progress-lightblue p,
.card-progress-lightblue small {
    color: white !important;
}

.card-progress-lightgreen {
    font-size: 2.2rem !important;
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
    color: white !important;
    background-color: #50cda1 !important;
    padding: 0px;
}
.card-progress-lightgreen p,
.card-progress-lightgreen small {
    color: white !important;
}

.card-progress-lightred {
    font-size: 2.2rem !important;
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
    color: white !important;
    background-color: #de7a70 !important;
    padding: 0px;
}
.card-progress-lightred p,
.card-progress-lightred small {
    color: white !important;
}

.card-progress-lightgray {
    font-size: 2.2rem !important;
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
    color: white !important;
    background-color: #9CC2CB !important;
    padding: 0px;
}
.card-progress-lightgray p,
.card-progress-lightgray small {
    color: white !important;
}

.card-progress-gray {
    font-size: 2.2rem !important;
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
    color: white !important;
    background-color: #34495e !important;
    padding: 0px;
}
.card-progress-gray p,
.card-progress-gray small {
    color: white !important;
}

.bold {
    font-family: HelveticaNeue !important;
    font-weight: bold !important;;
}

/* li.cardRow>div.d-flex {
    margin-left: 24px;
} */

li.cardRow>img {
    position: absolute;
    width: 20px;
}

li.cardRow>span.badge {
    position: absolute;
    right: 24px;
    top: 16px;
}

ul.cardsContainer.mobile li.cardRow {
    padding: 16px;
    font-size: 10px;
    padding: 16px;
    font-size: 12px;
}

ul.cardsContainer.mobile li.cardRow>div.d-flex {
    margin-left: 0;
}

ul.cardsContainer.mobile li.cardRow>div.d-flex>div {
    padding-right: 14px;
    padding-right: 16px;
}

ul.cardsContainer.mobile li.cardRow>div.d-flex>div>p {
    margin-bottom: 0;
}

ul.cardsContainer.mobile li.cardRow p.bold.header {
    padding: 0 64px 0 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
}

ul.cardsContainer.mobile li.cardRow>span.badge {
    right: 16px;
}

ul.cardsContainer.mobile li.cardRow>div>p {
    display: block;
    width: 100%;
}

ul.cardsContainer.mobile li.cardRow>div>p:last-child {
    display: block;
    width: 100%;
}


ul.dashboardCardsContainer.mobile li.cardRow>div.d-flex>div>p {
    margin-bottom: 0;
}

ul.dashboardCardsContainer.mobile li.cardRow p.bold.header {
    padding: 0 64px 0 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
}

ul.dashboardCardsContainer.mobile li.cardRow>span.badge {
    right: 16px;
}

ul.dashboardCardsContainer.mobile li.cardRow>div>p {
    display: block;
    width: 100%;
}

ul.dashboardCardsContainer.mobile li.cardRow>div>p:last-child {
    display: block;
    width: 100%;
}


table.cardsContainer {
    width: 100%;
    border-radius: 4px;
    box-shadow: 0 3px 8px 0 rgba(45, 51, 72, 0.1), 0 0 1px 0 rgba(45, 51, 72, 0.4);
    border: solid 1px #dadce0;
}

table.cardsContainer thead tr.cardRow th {
    color: #8894a0;
    text-transform: uppercase;
    padding: 18px 14px;
}

table.cardsContainer thead tr.cardRow th:first-child {
    padding-left: 20px;
}

table.cardsContainer thead tr.cardRow th:first-child::before {
    content: '';
    background: none;
}

table.cardsContainer tr.cardRow {
    font-size: 14px;
    line-height: 1.57;
    color: #212931;
    position: relative;
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 0;
}

table.cardsContainer tr.cardRow td,
table.cardsContainer tr.cardRow th {
    display: table-cell;
    padding: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}

/* table.cardsContainer tr.cardRow td:first-child,
table.cardsContainer tr.cardRow th:first-child {
    padding-left: 46px;
} */

/* table.cardsContainer tr.cardRow td:first-child::before,
table.cardsContainer tr.cardRow th:first-child::before {
    content: '';
    background: url(/site/images/garage-icon.svg) no-repeat;
    position: absolute;
    padding: 10px;
    top: 16px;
    left: 16px;
} */

table.cardsContainer tr.cardRow td .bold,
table.cardsContainer tr.cardRow th .bold {
    font-family: HelveticaNeue !important;
    font-weight: bold !important;;
}

/* table.cardsContainer tr.cardRow td:last-child,
table.cardsContainer tr.cardRow th:last-child {
    width: 16%;
} */

/* table.cardsContainer tr.cardRow td:nth-child(3),
table.cardsContainer tr.cardRow th:nth-child(3) {
    width: 8%;
} */

/* table.cardsContainer tr.cardRow td:nth-child(6),
table.cardsContainer tr.cardRow th:nth-child(6) {
    width: 96px;
} */

table.cardsContainer tbody tr:nth-child(odd) {
    background: #f3f4f5;
}

table.cardsContainer tbody tr:nth-child(even) {
    background: #fff;
}

.tableBlock {
    display: flow-root;
}

.tableBlock .formField {
    float: right;
    margin-bottom: 8px;
    padding-right: 6px;
}

.theader {
    background-color: #34495e;
    color: #fff;    
}

.tfooter {
    background-color: #34495e;
    color: #fff;    
}


.alert.customAlert {
    padding-left: 40px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
}

.alert.success-text {
    color: #17a85f;
}

.alert.success-text:before {
    background: url(/site/images/done-selected-green.svg) no-repeat;
}

.alert.success-alert {
    background-color: #17a85f;
}

.alert.success-alert:before {
    background: url(/site/images/success-tick.svg) no-repeat;
}

.alert.error-text {
    color: #d50000;
}

.alert.error-text:before {
    background: url(/site/images/important-message-error.svg) no-repeat;
}

.alert.error-alert {
    background-color: #d50000;
}

.alert.error-alert:before {
    background: url(/site/images/important-message-icon.svg) no-repeat;
}

.alert.warning-text {
    color: #2a292a;
}

.alert.warning-text:before {
    background: url(/site/images/caution-warning.svg) no-repeat;
}

.alert.warning-alert {
    background-color: #faca30;
    color: #000;
}

.alert.warning-alert:before {
    background: url(/site/images/caution-icon.svg) no-repeat;
}

.alert.no-internet {
    background-color: #d50000;
    color: #fff;
    border-radius: 0;
    text-align: center;
}

.alert.no-internet:before {
    position: relative;
    left: 0;
    background: url(/site/images/caution-warning.svg) no-repeat;
}

.alert.alert-dismissible .dismiss {
    position: absolute;
    top: 7px;
    right: 10px;
    padding: 0.75rem;
    color: inherit;
    background-color: transparent;
    background: url(/site/images/close-icon.svg) no-repeat;
    border: 0;
    min-width: 0;
    box-shadow: none;
}

.alert:before {
    position: absolute;
    top: 7px;
    left: 10px;
    padding: 0.75rem;
    width: 24px;
    content: '';
    background-color: transparent;
}

.actionBar {
    float: right;
}

.float-right {
    float: right;
}

button {
    border-radius: 4px !important;
    text-transform: uppercase;
    /* min-width: 100px; */
    font-size: 14px;
    border: 1px solid transparent;
    text-align: center;
    padding: 6px 16px;
    font-weight: 500;
    letter-spacing: 0.2px;
    cursor: pointer;
}

button:focus {
    outline: none !important;
}

button:disabled {
    cursor: no-drop;
}

button.button-primary {
    text-transform: uppercase !important;
    background-color: #2d3a64;
    color: #fff;
}

button.button-primary:hover {
    background: #3a4b82;
    opacity: 0.85;
}

button.button-primary:active {
    background: #2c3963;
    opacity: 0.85;
}

button.button-primary:disabled {
    background-color: rgba(102, 51, 43, 0.2);
}

button.button-secondary {
    text-transform: uppercase !important;
    background-color: #fff;
    color: rgb(88, 92, 95);
    border-color: rgb(219 221 222);
}

button.button-secondary:hover {
    color: #85C1E9;
    border-color: #1B4F72;
    opacity: 0.75;
}

button.button-secondary:active {
    background: #e0d6d5;
    color: #2d3a64;
    border-color: #2d3a64;
}

button.button-secondary:disabled {
    color: #e1d7d5;
    border-color: #e1d7d5;
}

button.button-tertiary {
    text-transform: uppercase !important;
    color: #f6f8fa !important;
    background-color: #34495E !important;
}

button.button-tertiary:hover {
    color: #f7f9fb !important;
    background-color: #34495E !important;
    opacity: 0.75;
}

button.button-tertiary:active {
    background-color: rgba(0, 0, 0, 0.2);
}

button.button-tertiary:disabled {
    color: #212931;
    opacity: 0.5;
    box-shadow: 0 0 1px 0 rgba(91, 92, 105, 0.3), 0 8px 18px 0 rgba(91, 92, 105, 0.2);
    background-color: #fff;
}

button.favorite span:before {
    background: url(/site/images/favorite-icon.svg) center no-repeat;
}

button.copy span:before {
    background: url(/site/images/copy.svg) center no-repeat;
}

button.delete span:before {
    background: url(/site/images/remove-trash-icon.svg) center no-repeat;
}

button.edit span:before {
    background: url(/site/images/edit-icon.svg) center no-repeat;
}

button.add span:before {
    background: url(/site/images/add-icon.svg) center no-repeat;
}

button.preview span:before {
    background: url(/site/images/eye-view-icon.svg) center no-repeat;
}

button.dates span:before {
    background: url(/site/images/calendar-icon-red.svg) center no-repeat;
}

button.favorite.remove span:before {
    background: url(/site/images/favorite-filled.svg) center no-repeat;
}

button.forward span:before {
    background: url(/site/images/forward-icon.svg) center no-repeat;
}

button.backward span:before {
    background: url(/site/images/backward-icon.svg) center no-repeat;
}

/* */
button.sm-favorite {
    background-color: #fff;
    padding: 0px;
    background: url(/site/images/favorite-icon.svg) no-repeat;
}

button.sm-copy {
    background-color: #fff;
    padding: 0px;
    background: url(/site/images/copy.svg) no-repeat;
}

button.sm-delete {
    background-color: #fff;
    padding: 0px;
    background: url(/site/images/remove-trash-icon.svg) no-repeat;
}

button.sm-edit {
    background-color: #fff;
    padding: 0px;
    background: url(/site/images/edit-icon.svg) no-repeat;
}

button.sm-add {
    background-color: #fff;
    padding: 0px;
    background: url(/site/images/add-icon.svg) no-repeat;
}

button.sm-preview {
    background-color: #fff;
    padding: 0px;
    background: url(/site/images/eye-view-icon.svg) no-repeat;
}

button.sm-dates {
    background-color: #fff;
    padding: 0px;
    background: url(/site/images/calendar-icon-red.svg) no-repeat;
}

button.sm-forward {
    background-color: #fff;
    padding: 0px;
    background: url(/site/images/forward-arrow-icon.svg) no-repeat;
}

button.sm-backward {
    background-color: #fff;
    padding: 0px;
    background: url(/site/images/backard-arrow-icon.svg) no-repeat;
}


button.split-button {
    text-transform: uppercase !important;
    background-color: #212931;
    color: #fff;
    letter-spacing: -0.2px;
    position: relative;
    padding-right: 32px;
}

button.split-button:hover {
    background-color: #212931;
}

button.split-button:disabled {
    opacity: 0.2;
    border-radius: 4px;
    border: solid 1px #979797;
    background-color: #212931;
}

button.split-button.dropdown-toggle::after {
    position: absolute;
    right: 8px;
    background: url(/site/images/split-button-icon.svg) center no-repeat;
    border: 0;
    width: 21px;
    height: 21px;
    content: '';
    border-top: 0 !important;
    top: 10px;
    margin: 0;
    background-size: 16px;
}

.split-button.dropdown-menu {
    transform: translate3d(5px, 35px, 0px) !important;
    margin-bottom: 16px;
    top: 8px !important;
    left: -4px !important;
    max-width: 100%;
    border-radius: 2px;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14);
    border: solid 1px rgba(149, 159, 170, 0.15);
    background-color: #fff;
    margin-bottom: 16px;
    max-height: 350px;
    overflow-y: auto;
}

.split-button.dropdown-menu.show a.dropdown-item {
    padding: 5px 16px;
    color: #212223 !important;
}

.split-button.dropdown-menu.show a.dropdown-item.active,
.split-button.dropdown-menu.show a.dropdown-item:active {
    background-color: #f6f8fa;
}

.radio input[type=radio],
.checkbox input[type=checkbox] {
    opacity: 0;
    padding: 0;
    width: 12px;
    margin: 0 !important;
}

.radio>label,
.checkbox>label {
    position: relative;
    cursor: pointer;
}

.radio input[type=radio]+span,
.checkbox input[type=checkbox]+span {
    margin-left: 32px;
    display: inline-block;
    padding: 8px 0;
    margin-bottom: 0;
}

.radio input[type=radio]+span::before,
.checkbox input[type=checkbox]+span::before {
    width: 40px;
    height: 40px;
    top: 0;
    left: 0;
    position: absolute;
    content: " ";
}

.long_label {
    margin-top: -20px;
    margin-left: 45px;
}

.radio input[type=radio]+span:hover::before,
.checkbox input[type=checkbox]+span:hover::before {
    border-radius: 50%;
    background-color: #f1f1f1;
}

.radio input[type=radio]:checked+span:hover::before,
.checkbox input[type=checkbox]:checked+span:hover::before {
    border-radius: 50%;
    background-color: #e0d6d5;
}

.radio input[type=radio]:checked+span::before {
    background: url(/site/images/check-box-circle-select.svg) center no-repeat;
}

.radio input[type=radio]+span::before {
    background: url(/site/images/check-box-circle-unselect.svg) center no-repeat;
}

.checkbox input[type=checkbox]:checked+span::before {
    background: url(/site/images/check-box-selected.svg) center no-repeat;
}

.checkbox input[type=checkbox]+span::before {
    background: url(/site/images/check-box-unselect.svg) center no-repeat;
}

.formField {
    position: relative;
    margin-bottom: 16px;
}

.formField .readonly{
    max-width: 100%;
    padding: 20px 0px;
    font-size: 16px;
    line-height: 1;
    color: #6c757d;
    position: relative;
    text-transform: initial;
}

.formField .readonly-horizontal {
    /* margin-left: 40px !important; */
    font-size: 16px;
}

.formField>input,
.formField>textarea,
.formField>label>input.radio,
.formField>label>input.checkbox,
.formField>select {
    width: 400px;
    max-width: 100%;
    border-radius: 4px;
    border: solid 1px #d8dce6;
    background-color: #fff;
    padding: 12px 16px;
    outline: 0;
    font-size: 16px;
    line-height: 1;
    color: #212223;
    margin: 28px 0 8px 0;
    text-align: left;
    position: relative;
    text-transform: initial;
}

.heading-2column-1fr3fr {
    display: grid;
    grid-template-columns: 1fr 3fr;
    column-gap: 20px;
}

.register-2column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
}
.register-span2 {
    grid-column: span 2;
}

@media (max-width: 925px) {
    .heading-2column-1fr3fr {
        grid-template-columns: 1fr;
        grid-gap: unset;
    }

    .register-2column {
        grid-template-columns: 1fr;
        grid-gap: unset;
    }
    .register-span2 {
        grid-column: span 1;
    }
}

.dGrid-dashboard-admin-form-section.myaccount_left_inputs {
    grid-area: 1 / 1 / span 10 / span 1;
}

.overflow-y-hidden {
    overflow-y: hidden !important;
}

.register-2column .dGrid-dashboard-admin-form-section {
    height: fit-content;
    margin-bottom: 0px;
}

.formField .dropdown>button.dropdownButton {
    width: 400px;
    max-width: 100%;
    border-radius: 4px;
    border: solid 1px #d8dce6;
    background-color: #fff;
    padding: 12px 16px;
    outline: 0;
    font-size: 16px;
    line-height: 1;
    color: #212223;
    margin: 28px 0 8px 0;
    text-align: left;
    position: relative;
    text-transform: initial;
}

.formField .dropdown>button.dropdownButton:focus {
    box-shadow: 0 8px 18px 0 rgba(91, 92, 105, 0.2), 0 0 1px 0 rgba(91, 92, 105, 0.3);
    border: solid 1px #0061a6;
    background-color: #fff;
}

.formField .dropdown>button.dropdownButton:hover {
    opacity: 0.98;
}

.formField .dropdown>button.dropdownButton::placeholder,
.formField .dropdown>button.dropdownButton:-ms-input-placeholder,
.formField .dropdown>button.dropdownButton::-ms-input-placeholder {
    color: #939393;
}

.formField .dropdown>button.dropdownButton:invalid {
    border: solid 1px #d50000;
}

.formField .dropdown>button.dropdownButton:disabled {
    border: solid 1px #e4e6ea;
    background-color: #f1f2f3;
    cursor: no-drop;
}

.formField>input:focus,
.formField>textarea:focus,
.formField>select:focus {
    box-shadow: 0 8px 18px 0 rgba(91, 92, 105, 0.2), 0 0 1px 0 rgba(91, 92, 105, 0.3);
    border: solid 1px #0061a6;
    background-color: #fff;
}

.formField>input:hover,
.formField>textarea:hover,
.formField>select:hover {
    opacity: 0.98;
}

.formField>input::placeholder,
.formField>textarea::placeholder,
.formField>select::placeholder {
    color: #939393;
}

.formField>input:-ms-input-placeholder,
.formField>textarea:-ms-input-placeholder,
.formField>select:-ms-input-placeholder {
    color: #939393;
}

.formField>input::-ms-input-placeholder,
.formField>textarea::-ms-input-placeholder,
.formField>select::-ms-input-placeholder {
    color: #939393;
}

.formField>input:invalid,
.formField>textarea:invalid,
.formField>select:invalid {
    border: solid 1px #d50000;
}

.formField>input:disabled,
.formField>textarea:disabled,
.formField>select:disabled {
    border: solid 1px #e4e6ea;
    background-color: #f1f2f3;
    cursor: no-drop;
}

.formField ng-multiselect-dropdown {
    padding: 12px 16px;
}

.formField ng-multiselect-dropdown .multiselect-dropdown {
    width: 400px;
    max-width: 100%;
    border-radius: 4px;
    border: solid 1px #d8dce6;
    background-color: #fff;
    outline: 0;
    font-size: 16px;
    line-height: 1;
    color: #212223;
    margin: 2px 0;
    text-align: left;
    position: relative;
    text-transform: initial;
    box-shadow: 0 3px 8px 0 rgba(45, 51, 72, 0.1);
}

.formField ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn {
    border: none !important;
}

.formField ng-multiselect-dropdown .multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]+div:before {
    color: #8894a0 !important;
    border: 2px solid #8894a0 !important;
    border-radius: 2px;
}

.formField ng-multiselect-dropdown .multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:checked+div:before {
    background: #2d3a64 !important;
    border: 2px solid #2d3a64 !important;
    border-radius: 2px;
}

.formField ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-up {
    transform: rotate(180deg);
}

.formField ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-up,
.formField ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-down {
    border: 0 !important;
    background: url(/site/images/dropdown-icon.svg) center no-repeat;
    width: 24px !important;
    height: 24px !important;
}

.formField ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .selected-item {
    border: 1px solid #2d3a64 !important;
    background: #2d3a64 !important;
}

.formField ng-multiselect-dropdown .multiselect-dropdown .dropdown-list {
    border-radius: 2px;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14);
    border: solid 1px rgba(149, 159, 170, 0.15);
    z-index: auto;
    margin-top: 0;
    margin-bottom: 32px;
}

.formField ng-multiselect-dropdown .multiselect-dropdown .dropdown-list>ul.item2>li {
    padding: 9px 10px;
}

.formField ng-multiselect-dropdown .multiselect-dropdown .dropdown-list>ul.item2>li:hover {
    background-color: rgba(0, 0, 0, 0.06);
}

.formField ng-multiselect-dropdown .multiselect-dropdown .dropdown-list .filter-textbox {
    padding-left: 0;
}

.formField ng-multiselect-dropdown .multiselect-dropdown .dropdown-list .filter-textbox input {
    border: 0;
    width: 100%;
    padding: 2px 2px 2px 34px !important;
    height: auto;
    background: url('/site/images/search.svg') no-repeat;
    background-position: 8px;
}

input[type=text] {
    height: 44px;
}

input[type=radio],
input[type=checkbox] {
    width: fit-content !important;
    margin: 40px 0px 0 20px !important
}

select {
    height: 44px;
    width: 12vw; 
}

textarea {
    height: 150px;
    resize: none;
}

.label-readonly {
    display: block;
    font-size: 14px;
    color: #626364;
}

label.input_label {
    display: block;
    font-size: 14px;
    color: #626364;
    position: absolute;
    top: 0;
    margin: 0;
}

label.input_label+p {
    display: none;
    margin-bottom: 0;
}

input:invalid+label.input_label,
textarea:invalid+label.input_label,
.dropdown:invalid+label.input_label {
    color: #d50000;
}

input:invalid+label.input_label+p,
textarea:invalid+label.input_label+p,
.dropdown:invalid+label.input_label+p {
    display: block;
    color: #d50000;
    font-size: 14px;
    position: relative;
}

input:invalid+label.input_label+p:before,
textarea:invalid+label.input_label+p:before,
.dropdown:invalid+label.input_label+p:before {
    background: url(/site/images/important-message-error.svg) no-repeat;
    content: '';
    padding: 4px 12px;
}

input:disabled+label.input_label,
textarea:disabled+label.input_label,
.dropdown:disabled+label.input_label {
    color: #b1b8be;
}

.customDropdown .dropdown-toggle::after {
    position: absolute;
    right: 16px;
    background: url(/site/images/dropdown-icon.svg) center no-repeat;
    border: 0;
    width: 24px;
    height: 16px;
    content: '';
    border-top: 0 !important;
}

.dropdown.show .dropdown-toggle::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}


.minicard_container {
    display: flex; 
    flex-wrap: wrap;  
    flex: 0 0 30%; 
    justify-content:space-between;
}
.minicard_content {
    background: #ffffff; 
    width: 30%; 
    border: solid 1px #d8dce6;
    box-shadow: 0 3px 8px 0 rgb(45 51 72 / 10%), 0 0 1px 0 rgb(45 51 72 / 40%);
    height: 75px;
    border-radius: 4px;
    padding: 6px;
}
.minicard_value {
    color: #34495e;
    font-size: 1.5em;
    text-align: center;
    font-weight: 700;
}
.minicard_text {
    color: #8894a0;
    font-size: 1em;
    text-align: center;
}

.gauge_value {
    color: #34495e;
    font-weight: 700;
}

.woocommerce .button.product_type_simple:before,.woocommerce .button.product_type_variable:before,.woocommerce .button.single_add_to_cart_button:before {
    font-family: "FontAwesome" !important;
    font-weight: 900;
}

.dGrid-logo-registration-form {
    display: block;
    max-width: 40%;
    max-height: 100%;
    width: auto;
    height: 40%;
  }

.m17-0.x-bar {
    height: 70px;
    border: 0;
    font-size: 16px;
    background-color: #2d3a64;
    z-index: 9999;
}

.m17-0 .x-bar-content {
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 72%;
    height: 70px;
    max-width: 1200px;
}

.m17-0.x-bar-outer-spacers:after,.m17-0.x-bar-outer-spacers:before {
    flex-basis: 2em;
    width: 2em!important;
    height: 2em;
}

.m17-0.x-bar-space {
    font-size: 16px;
    height: 70px;
}

.m17-1.x-bar-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    border: 0;
    font-size: 1em;
    z-index: 1;
}

.m17-2 {
    margin-top: 0px;
    margin-right: -40px;
    margin-bottom: 0px;
    margin-left: 0px;
    flex-direction: row;
    justify-content: space-around;
    align-items: stretch;
    align-self: stretch;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
}

.m17-2 > li,.m17-2 > li > a {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
}

.m17-3 {
    font-size: 1em;
}

.m17-4 [data-x-toggle-collapse] {
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.400,0.000,0.200,1.000);
}

.m17-5 .x-dropdown {
    width: 14em;
    font-size: 16px;
    border: 0;
    background-color: #ffffff;
    box-shadow: 0em 0.15em 2em 0em rgba(0,0,0,0.15);
    transition-duration: 500ms,500ms,0s;
    transition-timing-function: cubic-bezier(0.400,0.000,0.200,1.000);
}

.m17-5 selector:not(.x-active) {
    transition-delay: 0s,0s,500ms;
}

.m17-6.x-anchor {
    border: 0;
}

.m17-6.x-anchor .x-anchor-content {
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.m17-7.x-anchor {
    background-color: transparent;
}

.m17-7.x-anchor .x-anchor-content {
    padding-top: 0.75em;
    padding-right: 0.75em;
    padding-bottom: 0.75em;
    padding-left: 0.75em;
}

.m17-7.x-anchor .x-anchor-text {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}

.m17-7.x-anchor .x-anchor-text-primary {
    font-family: inherit;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

.m17-7.x-anchor .x-anchor-sub-indicator {
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    font-size: 1em;
    color: rgba(0,0,0,1);
}

.m17-7.x-anchor:hover .x-anchor-sub-indicator,.m17-7.x-anchor[class*="active"] .x-anchor-sub-indicator,[data-x-effect-provider*="colors"]:hover .m17-7.x-anchor .x-anchor-sub-indicator {
    color: rgba(0,0,0,0.5);
}

.m17-8.x-anchor {
    font-size: 1.3em;
}

.m17-8.x-anchor .x-anchor-text {
    margin-right: 5px;
}

.m17-8.x-anchor .x-anchor-text-primary {
    color: #ffffff;
}

.m17-9.x-anchor {
    font-size: 1em;
}

.m17-a.x-anchor .x-anchor-text {
    margin-right: auto;
}

.m17-a.x-anchor .x-anchor-text-primary {
    color: rgba(0,0,0,1);
}

.m17-a.x-anchor:hover .x-anchor-text-primary,.m17-a.x-anchor[class*="active"] .x-anchor-text-primary,[data-x-effect-provider*="colors"]:hover .m17-a.x-anchor .x-anchor-text-primary {
    color: rgba(0,0,0,0.5);
}

.m17-b.x-anchor {
    width: 2.75em;
    height: 2.75em;
    border-top-left-radius: -0.15em;
    border-top-right-radius: -0.15em;
    border-bottom-right-radius: -0.15em;
    border-bottom-left-radius: -0.15em;
    background-color: rgba(255,255,255,1);
}

.m17-b.x-anchor .x-graphic {
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}

.m17-b.x-anchor .x-toggle {
    color: #2d3a64;
}

.m17-b.x-anchor:hover .x-toggle,.m17-b.x-anchor[class*="active"] .x-toggle,[data-x-effect-provider*="colors"]:hover .m17-b.x-anchor .x-toggle {
    color: rgba(0,0,0,0.5);
}

.m17-b.x-anchor .x-toggle-burger {
    width: 12em;
    margin-top: 3.2em;
    margin-right: 0;
    margin-bottom: 3.2em;
    margin-left: 0;
    font-size: 0.18em;
}

.m17-b.x-anchor .x-toggle-burger-bun-t {
    transform: translate3d(0,calc(3.2em * -1),0);
}

.m17-b.x-anchor .x-toggle-burger-bun-b {
    transform: translate3d(0,3.2em,0);
}

.m17-c {
    font-size: 16px;
    transition-duration: 500ms;
}

.m17-c .x-off-canvas-bg {
    background-color: rgba(0,0,0,0.75);
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.400,0.000,0.200,1.000);
}

.m17-c .x-off-canvas-close {
    width: calc(1em * 2);
    height: calc(1em * 2);
    font-size: 1.5em;
    color: rgba(0,0,0,0.5);
    transition-duration: 0.3s,500ms,500ms;
    transition-timing-function: ease-in-out,cubic-bezier(0.400,0.000,0.200,1.000),cubic-bezier(0.400,0.000,0.200,1.000);
}

.m17-c .x-off-canvas-close:focus,.m17-c .x-off-canvas-close:hover {
    color: rgba(0,0,0,1);
}

.m17-c .x-off-canvas-content {
    max-width: 24em;
    padding-top: calc(1.5em * 2);
    padding-right: calc(1.5em * 2);
    padding-bottom: calc(1.5em * 2);
    padding-left: calc(1.5em * 2);
    border: 0;
    background-color: #ffffff;
    box-shadow: 0em 0em 2em 0em rgba(0,0,0,0.25);
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.400,0.000,0.200,1.000);
}

.m17-d.x-image {
    font-size: 1em;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: -30px;
    border: 0;
    background-color: transparent;
}

.muo-0.x-bar {
    height: 35em;
}

.muo-0 .x-bar-content {
    justify-content: center;
    height: 35em;
}

.muo-0.x-bar-outer-spacers:after,.muo-0.x-bar-outer-spacers:before {
    flex-basis: 0em;
    width: 0em!important;
    height: 0em;
}

.muo-1.x-bar {
    border: 0;
    font-size: 16px;
    background-color: #ffffff;
    z-index: 9999;
}

.muo-1 .x-bar-content {
    flex-direction: row;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 100%;
}

.muo-1.x-bar-space {
    font-size: 16px;
}

.muo-2.x-bar {
    height: 6em;
}

.muo-2 .x-bar-content {
    justify-content: space-between;
    height: 6em;
}

.muo-2.x-bar-outer-spacers:after,.muo-2.x-bar-outer-spacers:before {
    flex-basis: 2em;
    width: 2em!important;
    height: 2em;
}

.muo-3.x-bar-container {
    flex-direction: row;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    border: 0;
    font-size: 1em;
    z-index: 1;
}

.muo-4.x-bar-container {
    justify-content: center;
    max-width: 1200px;
}

.muo-5.x-bar-container {
    justify-content: space-between;
}

.muo-7.x-text {
    margin-top: 30px;
    margin-right: 0em;
    margin-bottom: 0em;
    margin-left: 0em;
    border: 0;
    font-family: inherit;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0em;
    text-transform: none;
    color: rgba(0,0,0,1);
}

.muo-7.x-text > :first-child {
    margin-top: 0;
}

.muo-7.x-text > :last-child {
    margin-bottom: 0;
}

.m20-0.x-section {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    border: 0;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    z-index: 1;
}

.m20-1.x-container {
    border: 0;
    font-size: 1em;
    box-shadow: none;
    z-index: 1;
}

.m20-2.x-column {
    border: 0;
    box-shadow: none;
    z-index: 1;
}

.m20-4.x-text {
    border: 0;
    font-size: 1em;
}

.m20-4.x-text .x-text-content-text-primary {
    font-family: inherit;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0em;
    text-transform: none;
    color: rgba(0,0,0,1);
}

.m20-5.x-text {
    margin-top: 2.5em;
    margin-right: 0em;
    margin-bottom: 3em;
    margin-left: 0em;
}

.m20-6.x-text {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 30px;
    margin-left: 0px;
}

.m20-7.x-text {
    border: 0;
    font-family: inherit;
    font-size: 1.5em;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0em;
    text-transform: none;
    color: rgba(0,0,0,1);
}

.m20-7.x-text > :first-child {
    margin-top: 0;
}

.m20-7.x-text > :last-child {
    margin-bottom: 0;
}

.m20-9.x-frame {
    width: 89%;
    margin-top: 0em;
    margin-right: 0em;
    margin-bottom: 0em;
    margin-left: 75px;
    border: 0;
    font-size: 15px;
    background-color: #ffffff;
}

.m20-9 .x-frame-inner {
    padding-bottom: calc( 9 / 14.4 * 100% );
}

.m20-a.x-image {
    font-size: 1em;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 20px;
    border: 0;
    background-color: transparent;
}

.m20-b {
    width: 100%;
    max-width: none;
    border-top-width: 2px;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #e3e3e3;
    border-right-color: #e3e3e3;
    border-bottom-color: #e3e3e3;
    border-left-color: #e3e3e3;
    font-size: 1em;
}

body,input,button,select,textarea {
    font-family: "Open Sans",sans-serif !important;
}

.tm-extra-product-options .tm-extra-product-options-fields,.tm-extra-product-options .tmcp-ul-wrap {
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
}

.tc-extra-product-options .cpf-type-select .tmcp-field-wrap label.fullwidth,.tc-extra-product-options .cpf-type-select .tmcp-field-wrap label.fullwidth select,.tc-extra-product-options .cpf-type-textarea .tmcp-field-wrap label,.tc-extra-product-options .cpf-type-textarea .tmcp-field-wrap label .tm-epo-field,.tc-extra-product-options .cpf-type-textfield .tmcp-field-wrap label,.tc-extra-product-options .cpf-type-textfield .tmcp-field-wrap label .tm-epo-field {
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
}

.tm-final-totals {
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
}

.input-text qty text {
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
}

.x-btn,.button,[type="submit"] {
    text-shadow: none;
}

.woocommerce .quantity input[type="number"] {
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
}

.woocommerce-Price-currencySymbol {
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
}

bdi {
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
}

.cn-button.bootstrap {
    background: #7c3c6c !important;
}

body {
    overflow-y: hidden;
}

.admin-image-preview-label {
    margin-bottom: 8px;
    color: #626364;
}

.admin-image-preview-extra-info {
    margin-top: 8px;
    margin-bottom: 8px;
    color: #626364;
}

.admin-image-preview {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1/1;
    border-radius: 4px;
}

.admin-image-preview-no-ratio {
    width: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.card-header-label-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.card-header-label {    
    color: #212529;
    margin-bottom: 0px;
}

.card-header-on-values {
    color: #7c7d7f;
    margin-bottom: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 1.5ch;
}

div.formField.actionBar > div > button.common-filter-button {
    padding: 10px 28px !important;
}

button.common-filter-button i {
    padding-top: 4px;
    width: 25%;
    color: #3e3f42;
}

button.common-filter-button label {
    width: 75%;
    margin-left: 8px;
    color: #3e3f42;
    position: relative;
}

.customFilter .dropdown-menu {
    transform: translate3d(5px, 35px, 0px) !important;
    left: unset !important;
    right: 0px !important;
    margin-bottom: 64px;
    width: 296px;
    max-width: 100vw;
    font-size: 14px;
    padding: 32px;
    color: #34495e;
}

.customFilter .dropdown-menu h6 {
    text-transform: uppercase;
    font-size: 12px;
    color: #8894a0;
}

.customFilter .dropdown-menu .checkbox input[type=checkbox]:checked+span::before,
.customFilter .dropdown-menu .checkbox input[type=checkbox]+span::before {
    background-size: 22px;
    width: 24px;
    height: 24px;
}

.customFilter .dropdown-menu .checkbox input[type=checkbox]+span {
    padding: 2px 0;
    margin-left: 20px;
}

.customFilter .dropdown-menu .checkbox>label {
    width: 100%;
    margin-bottom: 0;
}

.customFilter .dropdown-menu .button-primary {
    width: calc(100% - 20px);
    margin: 0 10px;
}

.customFilter .dropdown-menu .dropdown-item input[type=checkbox] {
    width: 0;
}

.customFilter .dropdown-menu .dropdown-item input[type=checkbox]+span {
    padding-right: 16px;
    font-size: 14px;
}

.customFilter .dropdown-menu .dropdown-item input[type=checkbox]:checked+span {
    font-family: HelveticaNeue !important;
    font-weight: bold !important;;
}

.customFilter .dropdown-menu .dropdown-item input[type=checkbox]:checked+span::after {
    content: '';
    padding: 12px;
    position: absolute;
    right: 12px;
    background: url(/site/images/green-right-icon.svg) center no-repeat;
}

.common-search-bar-container {
    display: grid;
    grid-template-columns: auto repeat(3, min-content);
    column-gap: 10px;
}

.common-search-bar-container .formField .common-search-bar {
    border-radius: 0px !important;
    border: 1px solid #e5e3e3 !important;
}

.common-search-bar-container .formField {
    margin: 0px 0px 0px 0px !important;
}

.common-search-bar {
    width: 100% !important;
    margin: 0px 0px 0px 0px !important;
}

.common-search-bar-container .common-filter-button {
    margin: 0px 0px 0px 0px !important;
    padding-left: 32px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 28px !important;
    height: 44px !important;
    border: 1px solid #e5e3e3 !important;
    background-color: rgb(246, 246, 246) !important;
}

.actionBar .pagination {
    margin-bottom: 0px;
}

.common-search-bar-container.alt {
    padding: 10px;
    background-color: #0161a6;
    border-radius: 4px;
}


@media only screen and (max-width: 600px) {
    .advanced-search-form .dPHP-grid-area.dGrid-dashboard-admin-form-row  {
        grid-column: span 1 / span 8 !important;
    }
}

.multiselect-dropdown-custom {
    position: relative;
    padding-top: 8px;
    width: 100%; 
    height: 150px; 
    border-radius: 4px;
    border: solid 1px #dadce0;
}

select.multiselect-dropdown-custom option {
    padding-left: 10px;
}

select.multiselect-dropdown-custom option:checked {
    background-color: #85C1E9;
}

select.multiselect-dropdown-custom:focus-visible {
    outline: solid 1.5px #2d3a64
}

.static-input-label {
    display: block;
    font-size: 14px;
    color: #626364;
    margin-bottom: 10px;
    margin-top: 15px;
}


.course-info-page-heading-grid {
    display: grid;
    grid-template-columns: minmax(250px, 35%) minmax(65%, 100%);
    gap: 20px;
    width: 100%;
}

.course-info-page-course-image-area {
    overflow: hidden;
    border-radius: 4px;
}

.course-info-page-course-image {
    object-fit: contain;
    width: 100%;
}

.course-info-page-title-and-buttons-grid {
    display: grid;
    justify-content: center;
    align-content: center;
    grid-template-columns: 1fr;
    gap: 24px;
}

.course-info-page-title {
    text-align: center;
    font-size: 1.5rem;
}

.course-info-page-subtitle {
    text-align: center;
    font-size: 1.25rem;
    color: #8894a0;
}

.course-info-page-action-buttons-area {
    display: grid;
    justify-content: center;
    grid-template-columns: max-content;
    grid-template-rows: repeat(2, min-content);
    grid-gap: 24px;
}

.course-info-page-primary-action-buttons-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(min-content, max-content));
    gap: 14px;
}

.course-info-page-secondary-action-buttons-grid {
    display: grid;
    grid-template-columns: auto;
    grid-auto-columns: minmax(min-content, max-content);
    gap: 14px;
}

.course-info-page-action-button-container {
    width: fit-content;
    height: 100%;
}

.course-info-page-action-button {
    width: calc(max(1vh, 1vw) * 20);
    height: 100%;
}

.alert.customAlert {
    padding-left: 40px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
}

.alert.success-text {
    color: #17a85f;
}

.alert.success-text:before {
    background: url(/bnp/templates/images/done-selected-green.svg) no-repeat;
}

.alert.success-alert {
    background-color: #17a85f;
}

.alert.success-alert:before {
    background: url(/bnp/templates/images/success-tick.svg) no-repeat;
}

.alert.error-text {
    color: #d50000;
}

.alert.error-text:before {
    background: url(/bnp/templates/images/important-message-error.svg) no-repeat;
}

.alert.error-alert {
    background-color: #d50000;
}

.alert.error-alert:before {
    background: url(/bnp/templates/images/important-message-icon.svg) no-repeat;
}

.alert.warning-text {
    color: #2a292a;
}

.alert.warning-text:before {
    background: url(/bnp/templates/images/caution-warning.svg) no-repeat;
}

.alert.warning-alert {
    background-color: #faca30;
    color: #000;
}

.alert.warning-alert:before {
    background: url(/bnp/templates/images/caution-icon.svg) no-repeat;
}

.alert.no-internet {
    background-color: #d50000;
    color: #fff;
    border-radius: 0;
    text-align: center;
}

.alert.no-internet:before {
    position: relative;
    left: 0;
    background: url(/bnp/templates/images/caution-warning.svg) no-repeat;
}

.alert.alert-dismissible .dismiss {
    position: absolute;
    top: 7px;
    right: 10px;
    padding: 0.75rem;
    color: inherit;
    background-color: transparent;
    background: url(/bnp/templates/images/close-icon.svg) no-repeat;
    border: 0;
    min-width: 0;
    box-shadow: none;
}

.alert:before {
    position: absolute;
    top: 7px;
    left: 10px;
    padding: 0.75rem;
    width: 24px;
    content: '';
    background-color: transparent;
}

.color-white-important{
    color: #ffffff !important;
}

.form-top-alert-container {
    display: flex;
    margin-bottom: 16px;
    gap: 12px;
}

.form-top-alert-msg {
    width: 100%;
    height: 100%;
    margin: 0px !important;
    min-height: 48px;
}

.homepage-layout-grid {
    width: 100vw;
}

.lunch-and-learn-request-form .dGrid-dashboard-form-button-container p.alert {
    margin-top: 0px !important;
}

.test-page-completion-msg-container {
    padding: 40px;
    overflow-y: auto;
    margin-bottom: 100px;
    border-radius: 4px;
    box-shadow: 0 3px 8px 0 rgba(45, 51, 72, 0.1), 0 0 1px 0 rgba(45, 51, 72, 0.4);
    border: solid 1px #dadce0;
}

.conference-page-container {
    padding-bottom: 1.5vh;
    margin-bottom: 1.5vh;
}

.conference-page-image-container {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFF;
    height: 300px;
    padding: 2vw 5vw;
}

.conference-page-image {
    object-fit: contain;
    max-height: 100%;
    max-width: 100%;
}

.conference-page-heading-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 2vw 5vw;
    text-align: center;
    background-color: #FFF;
    border-bottom: 1px solid #e5e3e3;
}

.conference-page-title {
    color: rgb(42, 52, 91);
}

.conference-page-brief {
    color: rgb(88, 92, 95);
}

.conference-page-section {
    padding-top: 2vw;
}

.conference-page-section .swiper-button-prev, 
.conference-page-section .swiper-button-next {
    background-color: rgba(246, 246, 246, 1) !important;
}

.conference-page-section.bg-white {
    background-color: #FFF;
}

.conference-page-section .swiper-button-prev, 
.conference-page-section .swiper-button-next {
    background-color: #FFF !important;
}

.conference-page-no-data-container {
    padding: 3vh 5vw;
}

.conference-page-no-data-container .alert {
    margin-bottom: 0px !important;
}

@media only screen and (max-width: 600px) {
    .conference-page-image-container {
        height: 200px;
    }
}
/*
    NAVBAR STYLES BEGIN
*/

.top-nav-bar {
    display: flex;
    background-color: rgb(255 255 255);
    align-items: center;
    padding-left: 1vw;
    padding-right: 1vw;
    position: relative;
    z-index: 30;
    filter: drop-shadow(0px -3px 6px black);
}

.top-nav-bar a {
    text-decoration: none;
}

.top-nav-logo {
    width: 350px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.top-nav-logo:hover {
    opacity: 0.75;
}

.top-nav-menu-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.top-nav-menu-container .navbar-nav {
    flex-direction: row;
}

.top-nav-menu-icons-container {
    min-width: 30px;
    display: flex;
    align-items: center;
}

.top-nav-menu-icon-button {
    background-color: unset;
    border: none;
}

.top-nav-menu-icon-button:hover .top-nav-menu-icon {
    opacity: 0.6;
}

.search-overlay-icon {
    color: #FFF;
    opacity: 0.7;
    height: 25px;
    font-size: 20px;
    cursor: pointer;
}

.search-overlay-icon:hover {
    color: #FFF;
    opacity: 1;
}

.dlab-quik-search .search-overlay-input:focus {
    color: #FFF;
    outline: 0;
    box-shadow: none;
    background: none;
    border-color: none;
}

.search-overlay-icons-container {
    display: flex;
    position: absolute;
    z-index: 999;
    right: 15px;
    top: 50%;
    margin: -15px 0;
    gap: 15px;
}

.top-nav-bar .top-nav-menu-container a {
    color: rgba(38, 38, 38, 1) !important;
}

.top-nav-bar .top-nav-menu-container a:hover {
    text-decoration: unset !important;
}

.top-nav-bar .top-nav-menu-container a i {
    color: rgba(38, 38, 38, 0.6) !important;
}

.top-nav-bar .top-nav-menu-container div {
    color: rgba(84, 85, 84, 1);
    font-size: large;
}

.hamburgerModal.leftnav {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    bottom: unset;
    z-index: 1050;
    outline: 0;
}

.hamburgerModal .modal-dialog .modal-content.leftnav {
    margin: 0 auto 0 0;
    border-radius: 0px;
    max-width: 30vw;
    min-width: 275px;
}

.hamburgerModal .modal-dialog,
.hamburgerModal .modal-dialog .modal-content.leftnav,
.hamburgerModal .modal-dialog .modal-content.leftnav .header {
    height: 100%;
    max-height: 100%;
}

.hamburgerModal .modal-dialog .modal-content.leftnav .header {
    padding: 40px 0px;
}

.hamburgerModal .modal-content.leftnav .header  {
    border-radius: 0px;
}

.modal.grow {
    width: 0px;
    transition: width 1s;
}

.modal.grow.show {
    width: 100%;
}

.dlab-quik-search {
    background-color: rgba(0,0,0,0.9) !important;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
	height:100%;
    z-index: 999;
    display: none;
    overflow: hidden;
	
}
.dlab-quik-search.On form {
	transition:all 0.5s ease 0.5s;
	-moz-transition:all 0.5s ease 0.5s;
	-webkit-transition:all 0.5s ease 0.5s;
	max-width: 1200px;
	opacity:1;
}
.dlab-quik-search form {
    width: 100%;
    max-width: 100px;
    margin: auto;
    position: relative;
	top: 50%;
	transition:all 0.5s;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
    -moz-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
	opacity:0;
}
.dlab-quik-search .form-control {
	padding: 15px 60px 15px 15px;
    width: 100%;
    height: 90px;
    border: none;
    background: none;
    color: #fff;
    font-size: 20px;
	border-bottom:2px solid rgba(255,255,255,0.2);
}
.dlab-quik-search .form-control::-moz-placeholder {
    opacity: 0.8;
}
.dlab-quik-search .form-control:-moz-placeholder {
    opacity: 0.8;
}
.dlab-quik-search .form-control:-ms-input-placeholder {
    opacity: 0.8;
}
.dlab-quik-search .form-control::-webkit-input-placeholder {
    opacity: 0.8;
}

.header-nav .nav > li:hover > .sub-menu,
.header-nav .nav > li:hover > .mega-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.header-nav .nav > li .sub-menu li > .sub-menu.left,
.header-nav .nav > li .sub-menu li:hover .sub-menu.left {
    left: auto;
    right: 220px;
}
.header-nav .nav > li .sub-menu {
    background-color: #ffffff;
    border: 1px solid #f4f4f4;
    display: block;
    left: 0;
    list-style: none;
    margin: 20px 0 0;
    opacity: 0;
    padding: 10px 0;
    position: absolute;
    visibility: hidden;
    width: 250px;
    z-index: 10;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    max-height: 80vh;
    overflow-y: scroll;
}
.header-nav .nav > li .sub-menu li {
    border-bottom: 0px solid #f4f4f4;
    position: relative;
}
.header-nav .nav > li .sub-menu li a {
    color: #777777;
    display: block;
    font-size: 14px;
    padding: 8px 20px;
    text-transform: capitalize;
    transition: all 0.15s linear;
	font-weight: 500;
}
.header-nav .nav > li .sub-menu li a:hover {
    background-color: #F8F8F8;
    color: #114f85;
    text-decoration: none;
}
.header-nav .nav > li .sub-menu li:hover > a {
    color: #114f85;
}
.header-nav .nav > li .sub-menu li:last-child {
    border-bottom: 0px;
}
.header-nav .nav > li .sub-menu li .fa {
    color: inherit;
    display: block;
    float: right;
    font-size: 15px;
    position: absolute;
    right: 15px;
    top: 12px;
	opacity: 1;
}
.header-nav .nav > li .sub-menu li .fa.fa-nav {
	color: inherit;
    display: inline-block;
    float: none;
    font-size: 13px;
    margin-right: 5px;
    opacity: 1;
    position: unset;
    right: 10px;
    top: 12px;
}
.header-nav .nav > li .sub-menu li > .sub-menu {
    left: 220px;
    margin: 0 0 0 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.header-nav .nav > li .sub-menu li:hover > .sub-menu {
    left: 220px;
    margin: 0px;
    opacity: 1;
    top: -1px;
    visibility: visible;
}
.header-nav .nav > li .sub-menu li:hover > .sub-menu:before {
    background-color: transparent;
    bottom: 0px;
    content: '';
    display: block;
    height: 100%;
    left: -6px;
    position: absolute;
    top: 0px;
    width: 6px;
}

.modal-content.leftnav .nav-item {
    margin: 0px;
    padding: 0px;
    border-bottom: 0px solid transparent;
}


.modal-content.leftnav .nav > li.open > .sub-menu li.open .sub-menu,
.modal-content.leftnav .nav > li.open > .sub-menu {
    display: block;
    opacity: 1;
    margin-top: 0;
}

.modal-content.leftnav .nav {
    float: none;
    margin: 0;
    background: #fff;
    width: 100%;
    display: block;
    height: auto;
    padding: 0px;
    margin: 0px;
    border: none;
}

.modal-content.leftnav .modal-body .nav li {
    float: none;
    display: block;
    width: 100%;
}

.modal-content.leftnav .modal-body .nav > li > a {
    padding: 12px 15px;
    border-top: 1px solid #E9E9E9;
    display: block;
    position: relative;
}

.modal-content.leftnav .modal-body .nav > li.nav-item.separator {
    padding: 20px;
    border-top: 1px solid #E9E9E9;
    display: block;
    position: relative;
}

.modal-content.leftnav .nav > li .sub-menu {
    padding: 0;
}
.modal-content.leftnav .nav > li ul {
    display: none;
    position: static;
    visibility: visible;
    width: auto;
    background: #F8F8F8;
}

.modal-content.leftnav .nav li a i.fa-chevron-down, 
.modal-content.leftnav .nav li a i.fa-chevron-up,
.modal-content.leftnav .nav li a i.fa-angle-right, 
.modal-content.leftnav .nav .sub-menu li a i.fa-angle-right {
    background-color: rgba(0, 0, 0, 0.2);
    color: rgba(0,0,0,0.7);
    height: 100%;
    line-height: 50px;
    position: absolute;
    right: 0;
    text-align: center;
    bottom: 0;
    width: 50px;
    z-index: 3;
}

.modal-content.leftnav .nav li a i.fa-chevron-down:hover,
.modal-content.leftnav .nav li a i.fa-chevron-up:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.modal-content.leftnav .nav i {
    display: block;
    float: right;
    margin-top: 6px;
}


.modal-content.leftnav .nav > li .sub-menu > li {
    float: none;
    display: block;
    width: auto;
}

.modal-content.leftnav li.open a {
    position: relative;
}

.modal-content.leftnav a {
    color: rgba(38, 38, 38, 1);
    text-align: left;
    padding-left: 0px;
    padding-right: 0px;
}

.modal-content.leftnav a:hover, .modal-content.leftnav .sub-menu a:hover {
    text-decoration: none;
    color: #114f85;
    background-color: rgba(255,255,255,0.8);
}

.modal-content.leftnav .sub-menu a {
    color: rgba(38, 38, 38, 1) !important;
    text-align: left;
    padding: 5px 0px 5px 24px;
    display: block;
    text-transform: unset;
}

.modal-content.leftnav .close i {
    position: absolute;
    top: 14px;
    right: 14px;
    color: rgba(84, 85, 84, 0.65);
    font-size: 12px;
}

.modal-content.leftnav .close i:hover {
    color: rgba(84, 85, 84, 0.5);
}

.modal-content.leftnav a i {
    color: rgba(84, 85, 84, 0.6);
}

.navbar-toggler {
    display: none;
    width: 0px;
    height: 0px;
}


@media only screen and (max-width: 600px) {
    .top-nav-bar {
        justify-content: space-between;
    }
    .top-nav-logo {
        width: 85%;
    }
    .top-nav-menu-container {
        width: unset;
    }
}


@media only screen and (max-width: 1100px) {
    .navbar-toggler {
        display: block;
        width: unset;
        height: unset;
    }
    .top-nav-menu-container {
        justify-content: flex-end;
    }
    .top-nav-menu-container .nav {
        display: none;
    }
}

/*
    NAVBAR STYLES END
*/

/*
    CAROUSEL STYLES BEGIN
*/

.carousel-large-area {
    width: 100vw;
    height: 400px;
}

.carousel-large-area.bg-gray {
    background-color: rgb(246, 246, 246);
}

.carousel-large {
    width: 100%;
    height: 400px;
}

.carousel-large .carousel-slide-bg {
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    overflow: hidden;
}

.carousel-large .carousel-slide-content {
    background-color: rgba(45, 58, 100, 0.85);
    cursor: auto;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-left: 5vw;
    position: absolute;
    width: 450px;
    z-index: 1;
    justify-content: center;
    gap: 10px;
    padding: 45px;
}

.carousel-large .carousel-slide-title {
    font-size: 27px;
    color: #FFF !important;
    font-weight: 500;
    letter-spacing: 0.5px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.carousel-large .carousel-slide-description {
    font-size: 16px;
    color: #FFF;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.carousel-large .carousel-slide-subdescription {
    color: #FFF;
    font-size: 13px;
    font-weight: 600;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 8px;
}

.carousel-large .carousel-slide-button {
    margin-top: 0.5rem;
    width: 80px;
    font-size: 16px;
    background-color: #FFF;
    color: rgb(38, 38, 38);
}

.carousel-large .carousel-slide-button-wrapper {
    width: 100%;
    display: flex;
}

.carousel-large .swiper-pagination-bullets .swiper-pagination-bullet {
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-color: rgb(38 123 174);
    --swiper-pagination-bullet-inactive-color: rgb(45 58 100);
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-opacity: 1;
    border: 1.5px solid #FFF;
    width: 16px;
    height: 16px;
}

.carousel-large .swiper-button-prev, 
.carousel-large .swiper-button-next {
    --swiper-navigation-sides-offset: 0px;
    height: 100%;
    margin-top: 0%;
    top: 0px;
    width: 5vw;
    z-index: 11;
}

.carousel-large .swiper-button-prev:after, 
.carousel-large .swiper-button-next:after {
    color: #FFF;
    text-shadow: #000 0px 0px 2px;
}

.carousel-large .carousel-slide-content-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
}

@media only screen and (max-width: 550px) {
    .carousel-large .carousel-slide-content {
        width: 75vw;
        margin-left: 12.5vw;
        margin-right: 12.5vw;
        text-align: center;
        justify-content: center;
    }
    .carousel-large .swiper-button-prev,
    .carousel-large .swiper-button-next {
        width: 12.5vw;
    }
    .carousel-large .carousel-slide-title {
        font-size: 22px;
    }
    .carousel-large .carousel-slide-description {
        font-size: 14px;
    }
    .carousel-large .carousel-slide-subdescription {
        font-size: 12px;
    }
}

@media only screen and (max-width: 950px) and (min-width: 551px) {
    .carousel-large .carousel-slide-content {
        margin-left: 0px;
        text-align: center;
    }
    .carousel-large .swiper-button-prev,
    .carousel-large .swiper-button-next {
        width: 10vw;
    }
}

@media only screen and (max-width: 950px) {
    .carousel-large .carousel-slide-content-wrapper {
        justify-content: center;
    }
    .carousel-large .carousel-slide-button-wrapper {
        justify-content: center;
    }
    .carousel-large .carousel-slide-title {
        font-size: 25px;
    }
    .carousel-large .carousel-slide-description {
        font-size: 15px;
    }
    .carousel-large .carousel-slide-subdescription {
        font-size: 13px;
    }
    .carousel-large .swiper-pagination-bullets .swiper-pagination-bullet {
        --swiper-pagination-bullet-horizontal-gap: 4px;
        --swiper-pagination-color: rgb(38 123 174);
        --swiper-pagination-bullet-inactive-color: rgb(45 58 100);
        --swiper-pagination-bullet-inactive-opacity: 1;
        --swiper-pagination-bullet-opacity: 1;
        border: 1px solid #FFF;
        width: 12px;
        height: 12px;
    }
}

.carousel-small-area {
    width: 100vw;
}

.carousel-small-wrapper {
    position: relative;
    padding: 2vw 5vw;
}

.carousel-small-wrapper .carousel-small-button-wrapper {
    position: absolute;
    top: calc(2vw - 10px);
    right: calc(5vw - 10px);
    padding: 10px;
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
}

.carousel-small-area.bg-gray .carousel-small-wrapper .carousel-small-button-wrapper {
    background-color: rgb(246, 246, 246);
}

.carousel-small-area.bg-gray {
    background-color: rgb(246, 246, 246);
}

.carousel-small {
    width: 100%;
}

.carousel-bg-wrapper {
    width: 100%;
    overflow: hidden;
}

.carousel-small .carousel-slide-bg {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    transition: 0.5s transform ease-in-out;
    z-index: 0;
}

.carousel-small .carousel-slide-bg:hover {
    transform: scale(1.1);
}

.carousel-small .carousel-slide-content-wrapper {
    padding: 1.5vw;
    border: 1px solid #e5e3e3;
    background-color: #FFF;
    z-index: 1;
}

.carousel-small .carousel-slide-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.course-card-sm .course-card-credit-description {
    color: rgb(88, 92, 95);
    font-size: 16px;
    display: -webkit-box;
    overflow: hidden;
    margin: 6px 0px 0px 0px;
}

.course-card-sm .course-card-course-type {
    color: rgb(88, 92, 95);
    font-size: 16px;
    max-height: 22px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin: 6px 0px 0px 0px;
}

.course-card-sm .course-card-upcoming-date {
    color: #2a7cae;
    font-size: 14px;
    font-weight: 600;
    margin: 6px 0px 0px 0px;
}

.carousel-small .carousel-slide-link:hover {
    text-decoration: none;
    border-bottom: 1px solid rgba(39, 122, 176, 0.85);
    color: rgba(39, 122, 176, 0.85);
}

.carousel-slide-link-icons-wrapper {
    display: flex;
    align-items: center;
}

.carousel-small .carousel-slide-link i {
    font-size: 0.9rem;
}

.carousel-small .swiper-button-prev, 
.carousel-small .swiper-button-next {
    --swiper-navigation-sides-offset: 0px;
    height: 100%;
    margin-top: 0%;
    top: 0px;
    width: 5vw;
    z-index: 11;
    background-color: rgba(255, 255, 255, 1);
}

.carousel-small-area.bg-gray .carousel-small .swiper-button-prev, 
.carousel-small-area.bg-gray .carousel-small .swiper-button-next {
    background-color: rgba(246, 246, 246, 1);
}

.carousel-small .swiper-button-prev:after, 
.carousel-small .swiper-button-next:after {
    color: #FFF;
    text-shadow: #000 0px 0px 2px;
}

.carousel-small .swiper-button-prev {
    left: -5vw;
}

.carousel-small .swiper-button-next {
    right: -5vw;
}

.carousel-small-heading-wrapper {
    margin-bottom: 2vw;
}

.carousel-small-title-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 40px;
    padding: 0px calc(25% + 10px) 0px calc(25% + 10px);
}

.carousel-small-title {
    color: rgb(42, 52, 91);
    padding: 0px 25px;
    font-size: 24.5px;
    margin: 0px;
}

.carousel-small-title-line {
    flex-grow: 1;
    background-color: rgb(212, 212, 212);
    height: 1.25px;
}

.carousel-small-subtitle {
    text-align: center;
    color: rgb(88, 92, 95);
}

@media only screen and (max-width: 600px) {
    .carousel-small-wrapper {
        padding: calc(2vw + 8px) 10vw;
    }
    .carousel-small-heading-wrapper {
        margin-bottom: calc(2vw + 8px);
    }
    .carousel-small-title-wrapper {
        padding: 0px 0px 0px 0px;
    }
    .carousel-small-title {
        font-size: 22px;
    }
    .carousel-small .swiper-button-prev, 
    .carousel-small .swiper-button-next {
        width: 10vw;
    }
    .carousel-small .swiper-button-prev {
        left: -10vw;
    }
    .carousel-small .swiper-button-next {
        right: -10vw;
    }
    .carousel-small-wrapper .carousel-small-button-wrapper {
        font-size: 12px;
        top: calc(calc(2vw + 8px) - 6px);
        right: calc(10vw - 10px);
    }
    .carousel-small-title-line {
        display: none;
    }
    .carousel-small-title {
        padding-left: 0px;
    }
    .carousel-small-title-wrapper {
        padding-right: 60px;
    }
    .conference-page-section .carousel-small-title-wrapper {
        padding-right: 0px;
    }
    .conference-page-section .carousel-small-title {
        text-align: center;
        width: 100%;
        padding-right: 0px;
    }
}

@media only screen and (max-width: 850px) and (min-width: 601px) {
    .carousel-small-wrapper {
        padding: calc(2vw + 8px) 8vw;
    }
    .carousel-small-heading-wrapper {
        margin-bottom: calc(2vw + 8px);
        margin-bottom: calc(2vw + 8px);
    }
    .carousel-small-title-wrapper {
        padding: 0px 16.5% 0px 16.5%;
    }
    .carousel-small .swiper-button-prev, 
    .carousel-small .swiper-button-next {
        width: 8vw;
    }
    .carousel-small .swiper-button-prev {
        left: -8vw;
    }
    .carousel-small .swiper-button-next {
        right: -8vw;
    }
    .carousel-small-wrapper .carousel-small-button-wrapper {
        top: calc(calc(2vw + 8px) - 10px);
        right: calc(8vw - 10px);
    }
}

@media only screen and (max-width: 1150px) and (min-width: 851px) {
    .carousel-small-title-wrapper {
        padding: 0px 16.5% 0px 16.5%;
    }
}

/*
    CAROUSEL STYLES END
*/

/*
    AD BANNER STYLES BEGIN
*/

.ad-banner-wrapper {
    display: flex;
    justify-content: center;
    padding: 2.5vh 5vw 5vh 5vw;
}

.ad-banner-img {
    width: 100%;
    max-width: 750px;
}

.ad-banner-area {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*
    AD BANNER STYLES END
*/

/*
    SPONSOR SPOTLIGHT STYLES BEGIN
*/

.sponsor-spotlight-wrapper {
    background-color: rgb(246, 246, 246);
    display: grid;
    grid-template-columns: minmax(150px, 300px) minmax(200px, 500px);
    justify-content: center;
    gap: 40px;
    padding: 5vh 5vw;
}

.sponsor-spotlight-img-wrapper {
    display: flex;
    justify-content: center;
}

.sponsor-spotlight-img {
    width: 100%;
    object-position: center;
    object-fit: cover;
    border-radius: 100%;
}
.sponsor-spotlight-content {
    width: 100%;
}
.sponsor-spotlight-heading {
    color: rgb(42, 52, 91);
    font-size: 27.5px;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
    margin-top: 10px;
}
.sponsor-spotlight-subheading {
    font-weight: 100;
    font-size: 11px;
    margin-bottom: 30px;
    color: rgb(88, 92, 95);
}
.sponsor-spotlight-title {
    font-size: 18px;
    margin-bottom: 5px;
}
.sponsor-spotlight-description {
    font-weight: 100;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
    color: rgb(88, 92, 95);
    font-size: 13px;
}

.sponsor-spotlight-subdescription {
    font-weight: 100;
    margin-bottom: 0px;
    color: rgb(88, 92, 95);
    font-size: 13px;
}

.sponsor-spotlight-button {
    margin-top: 30px;
    width: 80px;
    font-size: 16px;
    background-color: #FFF;
    color: rgb(88, 92, 95);
}

@media only screen and (max-width: 850px) {
    .sponsor-spotlight-wrapper {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .sponsor-spotlight-img {
        width: 200px;
    }
    .sponsor-spotlight-content {
        text-align: center;
    }
    .sponsor-spotlight-title {
        font-size: 18px;
        margin-bottom: 8px;
    }
    .sponsor-spotlight-description {
        margin-bottom: 8px;
    }
    .sponsor-spotlight-subheading {
        margin-bottom: 25px;
    }
}

/*
    SPONSOR SPOTLIGHT STYLES END
*/

/*
    AD GALLERY STYLES BEGIN
*/

.ad-gallery-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: center;
    padding: 6vh 8vw 6vh 8vw;
    column-gap: 3vw;
    row-gap: 3vw;
}

.ad-gallery-img {
    width: 100%;
    background-color: #FFF;
    border: 1px solid rgba(0,0,0,0.2);
}

@media only screen and (max-width: 850px) {
    .ad-gallery-wrapper {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 5vw;
        row-gap: 3vw;
    }
}

/*
    AD GALLERY STYLES END
*/

/*
    DASHBOARD BODY FOOTER STYLES BEGIN
*/

.dashboard-body-footer {
    width: 100%;
    background-color: rgb(45 58 100);
    display: grid;
    grid-template-columns: 1fr 1fr 0.5fr;
    grid-auto-flow: row;
    padding: 6vh 8vw 6vh 8vw;
}

.dashboard-body-footer-column {
    display: grid;
    grid-template-columns: 1fr;
    height: fit-content;
}

.dashboard-body-footer-column a, 
.dashboard-body-footer-column img, 
.dashboard-body-footer-column p,
.dashboard-body-footer-row a, 
.dashboard-body-footer-row img, 
.dashboard-body-footer-row p  {
    margin: 0px;
}

.dashboard-body-footer-column.links-column a:hover {
    text-decoration: none;
}

.dashboard-body-footer-column.links-column p:hover {
    color: rgba(255, 255, 255, 0.75);
}

.dashboard-body-footer-column.links-column {
    row-gap: 10px; 
    padding-right: 30px;
}

.dashboard-body-footer-column.links-column p {
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 0.5px;
    font-size: 14px !important;
}

.dashboard-body-footer-column.logos-column {
    row-gap: 28px;
    padding-left: calc(1.5vw + 2vh);
    border-left: 1.5px solid rgba(255,255,255,0.4);
    grid-template-columns: 1fr 1fr;
    column-gap: calc(1.5vw + 2vh);
    align-items: center;
}

.dashboard-body-footer-column.logos-column a {
    width: fit-content;
    height: fit-content;
}

.dashboard-body-footer-column.logos-column img {
    max-height: 35px;
    max-width: 115px;
    width: auto;
    opacity: 1;
}

.dashboard-body-footer-column.logos-column img:hover {
    opacity: 0.75;
}

.dashboard-body-footer-row {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: repeat(3, max-content);
    gap: 6px;
    align-items: center;
    justify-content: center;
    padding-top: 30px;
}

.dashboard-body-footer-row p {
    color: #FFF;
    gap: 6px;
    font-weight: 100;
    font-size: 13px;
}

.dashboard-body-footer-row .dashboard-body-footer-row-separator {
    height: 16px;
    width: 1px;
    background-color: #FFF;
}

.marquee {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    border: 1px solid rgba(0, 0, 0, .15);
    overflow: hidden;
    position: relative;
    height: 45px;
    width: 100%;
    white-space: nowrap;
    border-radius: 5px;
}

.marquee p {
    position: absolute;
    width: auto;
    height: 100%;
    margin: 0;
    line-height: 50px;
    text-align: center;
    transform: translateX(100%);
    animation: scroll-left 20s linear infinite;
    color: #2d3a64 !important;
}

@keyframes scroll-left {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@media only screen and (max-width: 850px) {
    .dashboard-body-footer {
        grid-template-columns: 1fr 1fr;
        column-gap: 18px;
        row-gap: 25px;
    }
    .dashboard-body-footer .dashboard-body-footer-column.links-column {
        grid-area: span 1 / span 1;
        padding-right: 5px;
    }
    .dashboard-body-footer .dashboard-body-footer-column.logos-column {
        grid-area: span 1 / span 2;
        grid-template-columns: repeat(4, 1fr);
        padding-top: 15px;
        padding-left: 0px;
        border-top: 1.5px solid rgba(255,255,255,0.4);
        border-left: 0px solid rgba(255,255,255,0.4);
        justify-content: center;
        align-items: center;
        gap: 15px;
    }
    .dashboard-body-footer-row {
        padding-top: 15px;
    }
}

@media only screen and (max-width: 600px)  {
    .dashboard-body-footer {
        grid-template-columns: 1fr;
        row-gap: 10px;
    }
    .dashboard-body-footer-column.links-column p {
        font-size: 11px !important;
    }
    .dashboard-body-footer-row p {
        font-size: 10px;
    }
    .dashboard-body-footer-column.logos-column img {
        max-height: unset;
        max-width: unset;
        width: 100%;
        height: auto;
    }
    .dashboard-body-footer .dashboard-body-footer-column.logos-column {
        margin-top: 18px;
        grid-area: span 1 / span 1;
    }
}

@media only screen and (max-width: 400px) {
    .dashboard-body-footer-row {
        text-align: center;
        grid-template-columns: repeat(1, 1fr);
        gap: 6px;
    }
    .dashboard-body-footer-row p {
        font-size: 9px;
    }
    .dashboard-body-footer-row .dashboard-body-footer-row-separator {
        display: none;
    }
    .dashboard-body-footer .dashboard-body-footer-column.logos-column {
        grid-area: span 1 / span 1;
    }
}

/*
    DASHBOARD BODY FOOTER STYLES END
*/


.input-table-row input, .input-table-row select {
    width: 100% !important;
    border: 1px solid rgba(0,0,0,0);
    border-bottom: 1px solid #dbdde3;
    background-color: unset;
}

.input-table-row td {
    white-space: unset !important;
    overflow: unset !important;
    text-overflow: unset !important;
    vertical-align: middle !important;
}

.input-table-delete-icon i {
    font-size: 18px;
    color: #939599;
}

.input-table .dropdown-menu {
    right: 5px !important;
    padding: 5px !important;
    top: -20px !important;
    z-index: 50;
}

.lead-settings-form table {
    border-radius: unset;
    box-shadow: unset;
    border: unset;
}

.lead-settings-form table tr {
    background-color: unset !important;
}

/*
    LEAD PROFILE STYLES START
*/

.lead-profile-grid {
    display: grid;
    grid-template-columns: 300px 3fr;
    padding: 10px;
    background-color: #e4e6e7;
    gap: 12px 16px;
}

.lead-profile-title-container {
    grid-area: span 1 / span 2;
    padding: 5px 15px;
    background-color: #f7f9fa;
}

.lead-profile-title-container h1 {
    margin-bottom: 0px;
    color: #114f86;
}

.lead-profile-summary-card {
    display: grid;
    padding: 15px;
    background-color: #f7f9fa;
    gap: 10px;
    justify-items: center;
    position: relative;
}

.lead-profile-picture {
    width: 250px;
}

.lead-profile-name-container p {
    text-align: center;
    margin-bottom: 0px;
    font-size: 1.5rem;
}

.lead-profile-temperature-container {
    padding: 1rem 1.5rem 1rem 1rem;
    display: grid;
    grid-template-columns: max-content max-content;
    gap: 15px;
    width: max-content;
    align-items: center;
    position: absolute;
    left: 25px;
    top: 15px;
}

.lead-profile-temperature-container.hot {
    background-color: #d50000;
}

.lead-profile-temperature-container.warm {
    background-color: #faca30;
}

.lead-profile-temperature-container.cold {
    background-color: #1c568a;
}

.lead-profile-temperature-container p {
    color: #FFF;
    font-size: 1.25rem;
    margin-bottom: 0px !important;
}

i.lead-profile-temperature-icon {
    font-size: 2.2rem !important;
    color: white;
}

.lead-profile-details-card {
    padding: 15px;
    background-color: #f7f9fa;
}

.lead-profile-details-heading {
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.lead-profile-details-list {
    list-style-type: none;
    padding: 0px;
}

.lead-profile-detail {
    color: #93959b;
}

.lead-profile-detail-title {
    color: #000;
}

.lead-profile-extra-area {
    grid-area: span 1 / span 2;
    padding: 15px;
    background-color: #f7f9fa;
}

.lead-profile-extra-area h4 {
    text-align: center;
}

/*
    LEAD PROFILE STYLES END
*/

.course-page-grid {
    padding-left: 5vw;
    padding-right: 5vw;
    display: grid;
    grid-template-columns: 75% 25%;
    row-gap: 20px;
    padding-bottom: 25px;
}

.course-page-grid img {
    max-width: 100% !important;
}

.course-page-grid .course-body-grid td img {
    max-width: unset !important;
}

@media only screen and (max-width: 1350px) {
    .course-page-grid {
        grid-template-columns: auto;
        gap: 20px;
    }
}

.course-siderail {
    display: grid;
    grid-template-rows: 1fr;
    gap: 12px;
    margin-bottom: 12px;
}

.course-siderail .learning-objectives {
    background-color: #2d3a64;
    padding: 2vh 1.5vw 1vh 1.35vw;
    color: #FFF;
}

.course-siderail .learning-objectives h6 {
    letter-spacing: 0.75px;
    margin-bottom: 1.5rem;
    color: white !important;
}

.course-siderail .learning-objectives ol {
    list-style-position: inside;
    padding: 0px;
}

.course-siderail .learning-objectives ol li {
    margin-bottom: 1.5rem;
    font-weight: 100;
}

.course-siderail .credit-logo-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background-color: #FFF;
}

.course-siderail .ad-area {
	display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.course-body-grid  .course-view-all-credits-body {
    display: grid;
    grid-template-columns: repeat(auto-fill, 175px);
    gap: 10px;
}

.course-view-all-credits-details-area {
    margin-top: 40px;
}

.credit-logo-grid .course-credit-display:nth-child(1):nth-last-child(n+2),
.credit-logo-grid .course-credit-display:nth-child(n+3):nth-child(odd) {
    border-right: 1px solid #ededed;
}

.credit-logo-grid .course-credit-display:nth-child(1):nth-last-child(-n+4):nth-last-child(n+3), 
.credit-logo-grid .course-credit-display:nth-child(2):nth-last-child(-n+3):nth-last-child(n+2) {
    border-bottom: 1px solid #ededed;
}

.credit-logo-grid .course-credit-display:nth-child(3):nth-last-child(n+3),
.credit-logo-grid .course-credit-display:nth-child(4):nth-last-child(n+2) {
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

.credit-logo-grid .course-credit-display:nth-child(n+5):nth-last-child(2):nth-child(even),
.credit-logo-grid .course-credit-display:nth-child(n+5):nth-last-child(n+3) {
    border-bottom: 1px solid #ededed;
}


.course-siderail .credits-grid {
    background-color: #FFF;
    border: 1px solid #dcdcdc;
    padding: 15px;
}

.course-siderail .course-credit-display-logo,
.course-body-grid .course-view-all-credits-body .course-credit-display-logo {
    width: 60%;
    height: 60%;
    object-fit: contain;
}

.course-siderail .course-credit-display-logo-container, 
.course-body-grid .course-view-all-credits-body .course-credit-display-logo-container {
    width: 100%;
    border: unset;
    border-radius: unset;
    background-color: #FFF;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.course-siderail .course-credit-display-logo-container {
    height: 150px;
}

.course-body-grid .course-view-all-credits-body .course-credit-display-logo-container {
    height: 175px;
}

.course-siderail .course-credit-display-credit-description, 
.course-body-grid .course-view-all-credits-body .course-credit-display-credit-description {
    margin-top: 15px;
    margin-bottom: 0px;
    font-size: 14px;
    color: rgb(33, 37, 41);
}

.course-siderail .credit-details-area h6, 
.course-body-grid .course-view-all-credits-body .credit-details-area h6{
    letter-spacing: 0.25px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.course-siderail .credit-details-area a, 
.course-siderail .credit-details-area a:hover, 
.course-body-grid .course-view-all-credits-body a, 
.course-body-grid .course-view-all-credits-body a:hover {
    color: unset;
}

.course-siderail .credit-details-area .credit-details, 
.course-body-grid .course-view-all-credits-body .credit-details {
    margin: 8px 20px;
    font-size: 12px;
    color: rgb(33, 37, 41);
}

@media only screen and (max-width: 600px) {
    .course-body-grid  .course-view-all-credits-body {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 10px;
    }
    .course-body-grid .course-view-all-credits-body .course-credit-display-logo-container {
        height: 150px;
    }
}

.course-bottom-info .sponsor-info-area,
.course-siderail .sponsor-info-area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    border: 1px solid #dcdcdc;
    padding: 25px 15px;
    gap: 1.5rem;
}

.course-bottom-info .sponsor-info-area .sponsor-info-img-grid a, 
.course-siderail .sponsor-info-area .sponsor-info-img-grid a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.course-bottom-info .sponsor-info-area .sponsor-info-img-grid,
.course-siderail .sponsor-info-area .sponsor-info-img-grid {
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 1.5rem;
}

.course-siderail .sponsor-info-area .sponsor-info-img {
    width: 50%;
}

.course-siderail .sponsor-info-area .sponsor-info-text {
    margin: 0px 20px;
    font-size: 12px;
    color: rgb(88, 92, 95);
}

.course-bottom-info {
    display: grid;
    row-gap: 15px;
}

.course-bottom-info .sponsor-info-img-grid {
    max-width: 30%; 
}

@media only screen and (max-width: 800px) {
    .course-bottom-info .sponsor-info-img-grid {
        max-width: 50%; 
    }
}

@media only screen and (max-width: 600px) {
    .course-bottom-info .sponsor-info-img-grid {
        max-width: 75%; 
    }
}

.course-bottom-info .extra-info-area,
.course-siderail .extra-info-area {
    background-color: #FFF;
    border: 1px solid #dcdcdc;
    padding: 15px 15px;
}

.course-siderail .extra-info-area .extra-info {
    margin: 1rem 20px;
    color: rgb(88, 92, 95);
    font-size: 12px;
}

.course-siderail .extra-info-area .extra-info.text-bold {
    font-weight: bold;
}

#buyersGuideWrapper {
	/* font-family: "Open Sans"; */
	border: 1px solid #dcdcdc;
}

#buyersGuideWrapper #title {
	font-size: 13px;
	margin-bottom: 0px;
	padding: 2px 2px 0px;
	font-weight: bold;
	line-height: 15px;
}
#buyersGuideWrapper #band {
	background-color: #003D7B;
	padding: 2px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: right;
	margin-top:3px;
}
#buyersGuideContent {
	padding: 5px;
}
#buyersGuideContent .companyInfo{
	clear: both;
	margin-top: 5px;
	padding-top: 3px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}
#buyersGuideContent .block .logo {
	clear: both;
	margin-right: 5px;
}
#buyersGuideContent .block {
	font-size: 12px;
	padding: 5px;
	border: 1px solid #dcdcdc;
	margin-bottom: 10px;
}
#buyersGuideContent .block .productName {
	font-size: 14px;
	font-weight:bold;
	color: #5A9534;
	margin-bottom: 4px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#buyersGuideContent .imageFloatLeft {
	/*height: 150px;*/
	width: 120px;
	overflow: hidden;
    float: left;
    margin-right: 10px;
}
#buyersGuideContent .imageFloatLeft img {
	width:120px;
}

.sponsor_letters {
    font-size: 2rem !important;
    color: #37446c;
    letter-spacing: 0.5px;
    margin: .5rem;
}
.sponsor_letter_active {
    border-bottom: solid #aab8c2 .25rem;

}

.course-body-grid {
    padding-top: 3.5vh;
    padding-right: 5vw;
}

.course-heading-area {
    border-bottom: 2px solid #0066a5;
    margin-bottom: 25px;
}

.course-body-grid .course-heading-area .course-title {
    font-size: 36px;
    color: #37446c;
    letter-spacing: 0.5px;
    margin-bottom: 1.25rem;
}

.course-body-grid .course-heading-area .course-subtitle {
    font-size: 1.25rem;
    color: #424243 !important;
    letter-spacing: 0.5px;
    margin-bottom: 1.25rem;
}

.course-body-grid .course-heading-area .course-details {
    color: rgb(88, 92, 95);
    font-weight: 100;
    font-size: 14px;
}

.course-body-grid .course-heading-area .course-upcoming-date {
    color: #2a7cae;
    font-weight: 600;
}

.course-body-grid .course-actions-area {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
}

.course-body-grid .course-actions-area.single-child {
    justify-content: flex-end;
}

.course-body-grid .course-actions-area .course-actions-area-img {
    width: 350px;
}

.course-body-grid .course-actions-area .course-actions-area-button-grid {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

@media only screen and (max-width: 1000px) {
    .course-body-grid .course-actions-area {
        flex-direction: column;
    }
    .course-body-grid .course-actions-area .course-actions-area-button-grid:only-child {
        align-self: start;
    }
}

.course-body-grid .course-academy-description {
    background-color: #37446c;
    color: #fff;
    padding: 15px;
    margin-bottom: 25px;
}

.course-body-grid .course-article-body {
    margin-bottom: 25px;
}

.course-body-grid .course-article-body-print {
    margin-bottom: 25px;
    display: none; 
}

.course-body-grid .course-podcast-body, 
.course-body-grid .course-webinar-body,
.course-body-grid .course-multimedia-body,
.course-body-grid .course-lunch-and-learn-body {
    margin-bottom: 40px;
}

.course-body-grid .course-actions-area button {
    width: fit-content;
}

.course-body-grid .course-pagination-area .page-item .page-link {
    padding: 12px 16px;
}

.course-body-grid .course-pagination-area .page-item.active .page-link {
    background-color: #2b7bb3 !important;
}

.course-body-grid .course-pagination-area .page-item:first-child .page-link, 
.course-body-grid .course-pagination-area .page-item:last-child .page-link {
    border-radius: unset;
}

.course-body-grid .course-podcast-body .audio {
    margin-bottom: 15px;
}

.course-body-grid .course-multimedia-body .multimedia-start-course-area .multimedia-start-course-button-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
}

.course-body-grid .course-multimedia-body .multimedia-start-course-area .multimedia-start-course-button-container i {
    font-size: 25px;
}

.course-body-grid .course-multimedia-body .multimedia-start-course-area .multimedia-no-audio-text {
    font-weight: 600;
    margin-bottom: 0px;
}

.course-body-grid .course-multimedia-body .multimedia-start-course-area {
    margin-bottom: 2rem;
}

.course-body-grid .lunch-and-learn-schedules {
    margin-top: 25px;
}

.recommended-courses-area {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

.recommended-courses-area .recommended-courses-wrapper {
    max-width: 60vw;
}

.recommended-courses-area .recommended-courses-wrapper .carousel-small-title-wrapper {
    padding: 0px 15% 0px 15%;
}

.course-card-sm .course-card-img-wrapper {
    width: 100%;
    overflow: hidden;
}

.course-schedule-action-button {
    width: 12em;
    overflow-x: hidden;
    overflow-y: hidden;  
}

button.course-schedule-action-button[data-registered="0"] .button-success-icon {
    display: none;
}

button.course-schedule-action-button[disabled]:hover + div[class="dGrid-tooltip"] > div[class="dGrid-tooltipTextContainer"] {
    visibility: visible;
    width: 25ch;
    top: 2ch;
    right: 25ch;
}

.course-schedules-header {
    margin-bottom: 20px;
    margin-top: 20px;
}

.course-schedule {
    border: 1px solid #e5e3e3;
    background-color: #FFF;
    padding: 20px;
}

.button-success-icon {
    margin-left: -24px;
    margin-top: -3px;
    height: 24px;
    width: 24px;
    transform: translateX(24px);
}

.course-card-sm {
    border: 1px solid #e5e3e3;
    border-radius: 8px;
    overflow: clip;
    box-shadow: 0 3px 8px 0 rgb(45 51 72 / 10%), 0 0 1px 0 rgb(45 51 72 / 40%);
}

.course-card-sm .course-card-img {
    padding: 10px;
    background-color: #FFF;
    width: 100%;
    object-fit: contain;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    transition: 0.5s transform ease-in-out;
    z-index: 0;
}

.course-card-sm .course-card-img.lunchandlearn-course-card-img {
    padding: 0% 20%;
    max-height: 180px;
}

.course-card-sm .course-card-img:hover {
    transform: scale(1.1);
}

.course-card-sm .course-card-content-wrapper {
    padding: 10px;
    background-color: #FFF;
    z-index: 1;
}

.course-card-sm .course-card-content {
    display: flex;
    flex-direction: column;
}

.course-card-sm .course-card-title {
    color: rgb(0,0,0);
    font-weight: 600;
    font-size: 22px;
    max-height: 82px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 0px 0px 6px 0px;
}

.course-card-sm .course-card-description {
    color: rgb(88, 92, 95);
    display: -webkit-box;
    overflow: hidden;
    font-size: 16px;
    max-height: 100px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin: 0px 0px 0px 0px;
}

.course-card-sm .course-card-subdescription {
    color: rgb(88, 92, 95);
    font-size: 16px;
    max-height: 22px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin: 12px 0px 0px 0px;
    font-weight: 600;
}

.course-card-sm .course-card-link {
    text-transform: uppercase;
    color: rgba(39, 122, 176, 1);
    font-size: 1.1rem;
    margin: 12px 0px 0px 0px;
    display: flex;
    flex-direction: row;
    gap: 5px;
    width: fit-content;
    border-bottom: 1px solid rgb(39, 122, 176, 0);
}

.course-card-sm .course-card-link:hover {
    text-decoration: none;
    border-bottom: 1px solid rgba(39, 122, 176, 0.85);
    color: rgba(39, 122, 176, 0.85);
}

.course-card-sm .course-card-link-icons-wrapper {
    display: flex;
    align-items: center;
}

.course-card-sm .course-card-link i {
    font-size: 0.9rem;
}

.sponsor-info-grid {
    display: grid;
    grid-template-columns: 1fr 4fr;
    padding: 40px 3.5vw;
    gap: 25px;
}

.sponsor-info-grid .sponsor-info-img-container {
    display: grid;
    justify-content: center;
    align-content: flex-start;
    padding-right: 25px;
    border-right: 1px solid rgb(200, 200, 200);
}

.sponsor-info-grid .sponsor-info-img-container .sponsor-info-img {
    max-width: 225px;
}

.sponsor-info-grid .sponsor-info-separator {
    grid-column: 1/-1;
}

.sponsor-info-title {
    color: #2d3a64;
    font-weight: 600;
    font-size: 18px;
}

.sponsor-info-grid .sponsor-info-description-container .sponsor-info-description {
    color: rgb(88, 92, 95);
}

.sponsor-info-link {
    color: #2d3a64;
    font-weight: 500;
}

.sponsor-library-area {
    padding: 40px 3.5vw;
    background-color: rgb(235, 235, 235);
}

.lunch-and-learn-request-form-area {
    margin: 10vh 15vw 10vh 15vw;
    background-color: #FFFFFF;
    padding: 4vh 4vw 4vh 4vw;
    border-radius: 10px;
}

@media only screen and (max-width: 600px) {
    .lunch-and-learn-request-form-area {
        margin: 10vh 5vw 10vh 5vw;
    }
}

.tabbed-content-wrapper .tab-content {
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    background-color: #FFF;
}
.tabbed-content-wrapper .nav-tabs .nav-item .nav-link:not(.active) {
    background-color: rgb(245, 245, 245);
    border: 1px solid #dee2e6;
    color: rgb(88, 92, 95);
}
.tabbed-content-wrapper .nav-tabs .nav-item .nav-link.active {
    background-color: #FFF;
    color: rgb(42, 52, 91);
}
.tabbed-content-wrapper .nav-tabs .nav-item .nav-link:not(.active):hover {
    opacity: 0.85;
}

.tabbed-content-wrapper .tab-content .tabbed-content-no-data-msg-container {
    padding: 25px;
}

.tabbed-content-wrapper .tab-content .tabbed-content-no-data-msg-container .tabbed-content-no-data-msg {
    text-align: center;
    margin: 0px;
}

.tabbed-content-wrapper .no-data-tab {
    color: rgb(88, 92, 95);
    font-style: italic;
}

.sponsor-library-courses-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 40px 3.5vw;
    gap: 25px 35px;
    background-color: #FFF;
}

.map-svg-container svg {
    border-radius: 5px;
}


.academy-page-container {
    /* declare variables to be used on academy page */
    --academy-bg-color: #FFF;
    --academy-text-color: #000;
    --academy-bg-image: none;
}

.code-corner-heading-grid {
    display: grid;
    grid-template-columns: 1fr 3fr;
    padding: 8vh 6vw;
    background-color: #fff;
    column-gap: 70px;
    row-gap: 20px;
}

.code-corner-topic-heading-grid {
    display: grid;
    grid-template-columns: 0.5fr 3fr 0.5fr;
    padding: 4vh 8vw;
    background-color: #fff;
    column-gap: 70px;
    row-gap: 20px;
    align-items: center;
    justify-items: start;
}

.code-corner-heading-credits-container {
    display: flex;
    align-items: start;
    gap: 6px;
    color: #000;
    flex-direction: column;
}

.code-corner-credit-description {
    z-index: 5;
    margin-bottom: 0px;
    font-size: 1rem;
}

.code-corner-heading-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.code-corner-heading-container h1,
.code-corner-heading-container h2,
.code-corner-heading-container h3,
.code-corner-heading-container h4,
.code-corner-heading-container h5,
.code-corner-heading-container h6 {
    color: #000 !important; 
    margin-bottom: 1.25rem;
}

.code-corner-heading-container p {
    font-size: 1.15rem; 
    margin-bottom: 0rem; 
}

.code-corner-topic-heading-container p {
    font-size: 1.25rem; 
    margin-bottom: 0rem; 
}

.code-corner-topic-heading-container h1,
.code-corner-topic-heading-container h2,
.code-corner-topic-heading-container h3,
.code-corner-topic-heading-container h4,
.code-corner-topic-heading-container h5,
.code-corner-topic-heading-container h6,
.code-corner-topic-heading-container p {
    color: #000 !important; 
}

.code-corner-topic-heading-description-container {
    padding: 4vh 8vw;
}


.code-corner-heading-image-container {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 275px;
}

.code-corner-topic-heading-image-container a
.code-corner-heading-image-container a {
    max-width: 100%;
    max-height: 100%;
}

.code-corner-topic-heading-image-container {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 275px;
}

.code-corner-heading-image  {
    max-width: 100%;
    max-height: 100%;
}

.code-corner-topic-heading-image  {
    max-width: 100%;
    max-height: 85px; 
    min-width: 135px;
}

.code-corner-page-card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
    row-gap: 35px;
    max-width: 100%;
    overflow-x: clip;
    padding: 8vh 5vw;
}

.code-corner-card-image {
    object-fit: cover;
    object-position: center;
    min-height: 100%;
    min-width: 100%;
    max-width: 150%;
    max-height: 150%;
}

.code-corner-card-sponsor-image {
    max-width: 100%; 
    max-height: 70%; 
    object-fit: contain;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    transition: 0.5s transform ease-in-out;
}

.code-corner-card-image-container {
    max-width: 100%;
    height: 200px;
    overflow: clip; 
}

.code-corner-card-sponsor-image-container {
    max-width: 100%;
    height: 200px;
    overflow: clip; 
    padding: 0% 20%;
    background-color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.code-corner-sponsor-logos-grid {
    display: grid;
    grid-template-columns: repeat(3, min-content);
    width: 100%;
    grid-area: span 1 / span 2;
    justify-content: end;
    align-items: center;
}

.code-corner-sponsor-logo {
    max-width: 125px;
}

.code-corner-sponsor-logo-separator {
    width: 1px;
    background-color: #666666;
    margin-left: 20px;
    margin-right: 20px;
    height: 50px;
    background-color: #b3b3b3;
}

.code-corner-no-data-container {
    padding: 50px 6vw;
}

.code-corner-no-data-container .alert {
    margin-bottom: 0px;
}

.code-corner-topic-course-listing-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.code-corner-courses-area {
    display: grid;
    padding: 5vh 3vw;
    gap: 3vh;
}

.code-corner-search-bar-area #search-button {
    height: 100%; 
}

.code-corner-pagination-area {
    background-color: #FFF;
    border: 1px solid #e5e3e3;
    border-radius: 8px;
    overflow: clip;
    box-shadow: 0 3px 8px 0 rgb(45 51 72 / 10%), 0 0 1px 0 rgb(45 51 72 / 40%);
    display: grid;
    grid-template-columns: 1fr;
    justify-items: end;
    align-items: center;
    padding: 10px; 
}

.code-corner-pagination-area ul.pagination {
    margin-bottom: 0px; 
}

.code-corner-search-bar-area .formField input {
    border-radius: 0px;
    border: 1px solid #e5e3e3;
}

.code-corner-search-bar-area .common-search-bar-container button {
    border-radius: 0px !important;
    height: 100%;
}

.code-corner-topic-resources-container {
    margin-bottom: 50px;
    padding: 0px 3vw;
}

.code-corner-topic-resources-heading-container {
    margin-bottom: 24px;
}

.code-corner-topic-resources-heading,
.code-corner-topic-resource-title {
    color: rgb(42, 52, 91);
}

.code-corner-topic-resources-sponsor-description,
.code-corner-topic-resource-author-description,
.code-corner-topic-resource-content {
    color: rgb(88, 92, 95);
}

.code-corner-topic-resources-sponsor-description {
    font-size: 1.5rem;
}

.code-corner-topic-resources-listing {
    display: grid;
    grid-template-columns: auto;
    gap: 14px;
}

.code-corner-topic-resource-title {
    font-size: 1.15rem;
    margin-bottom: 0px;
}

.code-corner-topic-resource-content p {
    margin-bottom: 6px;
}

.code-corner-topic-resource-author-description {
    font-style: italic;
    font-size: 0.8rem;
}

@media only screen and (max-width: 1000px) {
    .code-corner-topic-course-listing-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .code-corner-topic-heading-grid {
        grid-template-columns: 1fr 3fr 1fr;
        column-gap: 20px;
        padding: 2.5vh 5vw;
    }
    .code-corner-topic-heading-description-container {
        padding: 2.5vh 5vw;
    }
}

@media only screen and (max-width: 900px) {
    .code-corner-heading-grid {
        grid-template-columns: 1fr;
        row-gap: 30px; 
        justify-items: center;
        padding: 50px; 
    }
    .code-corner-heading-container {
        text-align: center; 
    }
    .code-corner-page-card-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .code-corner-sponsor-logos-grid {
        grid-area: span 1 / span 1;
        justify-content: center;
    }
}

@media only screen and (max-width: 800px) {
    .code-corner-topic-course-listing-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .code-corner-topic-heading-grid {
        grid-template-columns: 1fr;
        justify-items: center;
        padding: 4vh 5vw;
    }
    .code-corner-topic-heading-description-container {
        padding: 4vh 5vw;
    }
    .code-corner-topic-heading-container {
        text-align: center; 
    }
    .code-corner-heading-credits-container {
        flex-direction: row;
    }
}

@media only screen and (max-width: 600px) {
    .code-corner-heading-grid {
        padding: 30px;
    }
    .code-corner-page-card-grid {
        grid-template-columns: 1fr;
    }
    .code-corner-topic-course-listing-grid {
        grid-template-columns: 1fr;
    }
}

.my-academy-progress-page-container,
.academy-page-container,
.academy-listing-page-container {
    padding: 3vh 1.5vh;
    margin: 3vh 1.5vh;
}

.my-academy-progress-page-container .dGrid-dashboard-admin-report-title {
    margin-top: 40px;
}

.my-academy-progress-title-container {
    margin-top: 25px;
    margin-bottom: 10px;
}

.my-academy-progress-title-container.has-badge {
    display: grid;
    grid-template-columns: max-content max-content;
    justify-content: space-between;
    align-items: center;
}

.academy-badge {
    padding: 8px 12px;
    border: 3px solid rgb(45, 58, 100);
    display: grid;
    grid-template-columns: max-content max-content;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.academy-badge a {
    color: #2d3a64;
}

table.my-academy-progress-table {
    width: 100%; 
    margin-bottom: 1rem;
    border-radius: 3px;
    border-collapse: collapse;
    border-spacing: 0;
}

table.my-academy-progress-table thead {
    background-color: rgba(0, 0, 0, 0.05);
    color: #0a0a0a;
    border: 1px solid #f1f1f1;
}

table.my-academy-progress-table thead td {
    padding: 0.5rem 0.625rem 0.625rem;
    font-weight: bold;
    text-align: left;
}

table.my-academy-progress-table tbody {
    border: 1px solid #f1f1f1;
    background-color: transparent; 
}

table.my-academy-progress-table tbody tr:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.05)
} 

table.my-academy-progress-table tbody td {
    padding: 0.5rem 0.625rem 0.625rem;
}

table.my-academy-progress-table a {
    color: #2d3a64;
}

.my-academy-progress-title {
    margin-top: 0px;
    margin-bottom: 0px;
}

.academy-listing-page-heading-container {
    margin-bottom: 4rem;
}

.academy-listing-page-title {
    margin-bottom: 2rem;
}

.academy-listing-page-title,
.academy-listing-page-description a {
    color: rgb(42, 52, 91);
}

.academy-listing-page-description {
    color: rgb(88, 92, 95);
}

.academy-listing-page-card-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 20px;
    row-gap: 35px;
    max-width: 100%;
    overflow-x: clip;
}

.publication-listing-page-card-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 20px;
    row-gap: 35px;
    max-width: 100%;
    overflow-x: clip;
}

.academy-card {
    border: 1px solid #e5e3e3;
}
.academy-card:hover {
    text-decoration: none;
}

.academy-card,
.academy-card-image-container {
    max-width: 100%;
    overflow: clip;
}

.academy-card-image-container,
.academy-card-logo-image-container {
    height: 150px;
}

.academy-card-image-container {
    position: relative;
}

.email-a-friend-email-body {
    border: 1px solid #d8dce6;
    border-radius: 4px;
    padding: 1.5rem;
    margin-bottom: 12px;
}

.email-a-friend-email-body img {
    margin-bottom: 25px;
}

.email-a-friend-email-body p {
    font-size: 16px;
}

.page-container-404 {
    height: 100%;
    display: grid;
    grid-template-rows: 1fr min-content;
}
.text-grid-404 {
    padding: 40px;
    display: grid;
    justify-content: center;
    align-items: center;
}
.heading-grid-404 {
    display: grid;
    grid-template-columns: min-content 1fr;
    gap: 20px;
    align-items: center;
}
.title-404 {
    margin: 0px;
    text-align: center;
}
.subtitle-404 {
    color: #747474;
    font-size: 2.5rem;
    margin: 0px;
    text-align: center;
}
.description-404 {
    text-align: center;
    font-size: 14px;
}
@media only screen and (max-width: 800px) {
    .heading-grid-404 {
        grid-template-columns: 1fr;
        margin-bottom: 20px;
        justify-items: center;
    }
}

.credit-org-card-image-container {
    height: 250px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFFF;
}

.credit-org-card-image {
    vertical-align: middle;
    border-style: none;
    max-width: 60%;
    max-height: 60%;
}

.publication-card-title {
    display: flex;
    justify-content: center;
}

.academy-card-image {
    object-fit: cover;
    object-position: center;
    min-height: 100%;
    min-width: 100%;
    max-width: 150%;
    max-height: 150%;
}

.academy-card-logo-image-container {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    overflow: clip;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8% 25%;
}

.academy-card-logo-image-background {
    max-width: 100%;
    height: 100%;
    overflow: clip;
    background: #FFF;
    border-radius: 100%;
    aspect-ratio: 1 / 1;
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.academy-card-logo-image {
    object-fit: contain;
    object-position: center;
    width: 100%;
}

.academy-card-text-container {
    margin-top: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 0px 1.25rem;
}

.academy-card-title {
    font-size: 1.6rem;
    margin: 0px 0px 0px 0px;
}

.academy-card-description {
    font-size: 15px;
    margin: 0px 0px 0px 0px;
}

.academy-card-description p {
    margin: 0px;
}

.academy-card-button-container {
    margin: 1.25rem 0px;
    display: flex;
    justify-content: center;
}

.academy-page-top-container {
    border: 1px solid #e5e3e3;
    overflow: hidden;
}

.academy-page-heading-container {
    display: grid;
    grid-template-columns: max-content max-content auto;
    position: relative;
    align-items: center;
    max-width: 100%;
    background: #FFF;
    column-gap: 15px;
    row-gap: 10px;
    padding: 15px;
}

.academy-page-heading-text-container {
    padding: 15px 25px;
    background: #FFF;
    border-radius: 4px;
    max-width: 100%;
    min-width: 0px;
    z-index: 1;
}

.academy-page-heading-title-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 5;
    height: 85px;
}

.academy-page-course-logo-image-container {
    padding: 15px;
    background-color: #FFF;
    border-radius: 100px;
    height: 100px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.academy-page-course-logo-image {
    height: 100%;
    z-index: 5;
}

.academy-page-title {
    color: rgb(42, 52, 91);
    margin-bottom: 0.25rem;
    z-index: 5;
    font-size: 2.5vw;
}

.academy-page-sponsor-description {
    color: rgb(88, 92, 95);
    margin-bottom: 0px;
    font-size: 1.25vw;
}

.academy-page-banner-image {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: clip;
    opacity: 0.9;
    background-size: 100%;
    background-image: var(--academy-bg-image, none);
}

.academy-page-sponsor-images-container {
    z-index: 5;
    height: 115px;
    max-width: 250px;
    padding: 15px 25px;
    background-color: #FFF;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    justify-self: end;
}

.academy-page-sponsor-images-container a,
.academy-page-sponsor-image {
    max-width: 100%;
    min-width: 0px;
    max-height: 100%;
    min-height: 0px;
    z-index: 5;
    overflow: hidden;
}

.academy-page-description-container {
    overflow: hidden;
    z-index: 5;
    background-color: var(--academy-bg-color, #000);
    color: var(--academy-text-color, #FFF);
    display: grid;
    grid-template-columns: auto auto;
}

.academy-page-course-image-container {
    padding: 15px;
    max-height: 250px;
}

.academy-page-course-image {
    max-width: 100%;
    max-height: 100%;
}

.academy-page-description {
    padding: 15px 15px 0px 15px;
}

.academy-page-mobile-sponsor-images-container {
    display: none;
    grid-template-columns: repeat(auto-fit, minmax(100px, max-content));
    gap: 35px;
    padding: 15px;
    background-color: #FFF;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.academy-page-mobile-sponsor-images-container .academy-page-sponsor-image {
    max-height: 70px;
}

.academy-page-course-listing-container {
    background: rgb(238 239 240);
    border: 1px solid #e5e3e3;
    margin-top: 50px;
    padding: 10px;
    border-radius: 5px;
}

.academy-page-course-listing-heading-container {
    background-color: #FFF;
    color: rgb(42, 52, 91);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    gap: 12px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    margin-bottom: 25px;
    border: solid 1px #dadce0;
    border-radius: 8px;
}

.academy-page-course-listing-heading {
    margin: 0px !important;
    padding: 20px 0px 20px 15px;
}

.academy-page-credits-container {
    display: flex;
    align-items: center;
    gap: 18px;
    color: rgb(88, 92, 95);
    flex-direction: row;
    grid-area: 1 / 4 / span 1 / span 1;
    padding: 20px 15px 20px 0px;
}

.academy-page-credit-org-image {
    max-height: 50px;
    z-index: 5;
    margin-bottom: 0px;
}

.academy-page-credit-description {
    z-index: 5;
    margin-bottom: 0px;
    font-size: 15px;
}

.academy-page-course-listing-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.academy-page-resources-container {
    margin-top: 50px;
    padding: 0px 30px;
}

.academy-page-resources-heading-container {
    margin-bottom: 24px;
}

.academy-page-resources-heading,
.academy-page-resource-title {
    color: rgb(42, 52, 91);
}

.academy-page-resources-sponsor-description,
.academy-page-resource-author-description,
.academy-page-resource-content {
    color: rgb(88, 92, 95);
}

.academy-page-resources-sponsor-description {
    font-size: 1.5rem;
}

.academy-page-resources-listing {
    display: grid;
    grid-template-columns: auto;
    gap: 14px;
}

.academy-page-resource-title {
    font-size: 1.15rem;
    margin-bottom: 0px;
}

.academy-page-resource-content p {
    margin-bottom: 6px;
}

.academy-page-resource-author-description {
    font-style: italic;
    font-size: 0.8rem;
}

.checkmark-on-success {
    padding-right: 35px !important;
    padding-left: 20px !important;
}

.checkmark-on-success[data-success="0"] {
    padding-right: 20px !important;
}

.checkmark-on-success .button-success-icon {
    margin-left: -12px;
    margin-right: -4px;
    margin-top: -3px;
    height: 24px;
    width: 24px;
    transform: translateX(16px);
}

.checkmark-on-success[data-success="0"] .button-success-icon {
  display: none;
}

.checkmark-on-success[data-success="0"] span {
  margin-right: 0px;
  margin-left: 0px;
}

@media only screen and (max-width: 900px) {
    .academy-page-heading-container {
        grid-template-columns: max-content auto;
    }
    .academy-page-sponsor-images-container {
        display: none;
    }
    .academy-page-mobile-sponsor-images-container {
        display: grid;
        height: 100px;
    }
    .academy-page-description-container {
        grid-template-columns: 1fr;
        justify-items: center;
        align-content: center;
        padding: 15px 15px 0px 15px;
        gap: 15px;
    }
    .academy-page-title {
        font-size: 3vw;
    }
    .academy-page-sponsor-description {
        font-size: 1.6vw;
    }
    .academy-page-course-image-container {
        padding: 0px;
    }
    .academy-page-description {
        padding: 0px;
    }
}

table.presenter-listing {
    width: 100%;
    margin-bottom: 14px;
    border-radius: 3px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
}

table.presenter-listing tr td:first-child {
    padding: 5px 15px 5px 5px; 
    vertical-align: top;
}

table.presenter-listing tr td:not(:first-child) {
    padding-top: 5px; 
    vertical-align: top; 
    text-align: left;
}

.bnp-sidebar {
    border: 1px solid #ccc; 
    background-color: #E8EDF3; 
    margin-bottom: 16px; 
    margin-top: 16px; 
    display: block; 
    padding: 10px 5px;
}

.bnp-gpt-ad {
    display: flex;
    justify-content: center;
}

.registration-checkbox-fix-nonrequired {
    padding-right: 17px;
}

@media only screen and (max-width: 925) {
    .registration-checkbox-fix-nonrequired {
        padding-right: 0px;
    }
}

@media only screen and (max-width: 1150px) {
    .academy-page-course-listing-heading-container, 
    .academy-page-course-listing-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .academy-page-credits-container {
        grid-area: 1 / 3 / span 1 / span 1;
    }
}

@media only screen and (max-width: 850px) {
    .academy-page-course-listing-heading-container,
    .academy-page-course-listing-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .academy-page-credits-container {
        grid-area: 1 / 2 / span 1 / span 1;
    }
    .academy-page-description {
        font-size: 13px;
    }
}

@media only screen and (max-width: 600px) {
    .academy-page-title {
        font-size: 4vw;
    }
    .academy-page-sponsor-description {
        font-size: 2vw;
    }
    .academy-page-course-image-container {
        padding: 0px;
    }
    .academy-page-description {
        padding: 0px;
    }
    .academy-page-course-listing-grid {
        grid-template-columns: repeat(1, 1fr);
        background: rgb(238 239 240);
    }
    .academy-page-course-listing-heading-container {
        padding: 0px;
        gap: 0px;
        justify-items: center;
        grid-template-columns: repeat(1, 1fr);
    }
    .academy-page-course-listing-heading {
        padding: 15px;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #e5e3e3;
    }
    .academy-page-credits-container {
        padding: 15px;
        grid-area: 2 / 1 / span 1 / span 1;
    }
}

@media only screen and (max-width: 1400px) {
    .academy-listing-page-card-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .publication-listing-page-card-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .academy-card-logo-image-background {
        padding: 18px;
    }
}

@media only screen and (max-width: 1000px) {
    .academy-listing-page-card-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .publication-listing-page-card-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .academy-card-logo-image-background {
        padding: 15px;
    }
}

@media only screen and (max-width: 600px) {
    .academy-listing-page-card-grid {
        grid-template-columns: 1fr;
    }
    .publication-listing-page-card-grid {
        grid-template-columns: 1fr;
    }
    .academy-card-logo-image-background {
        padding: 12px;
    }
}

@media only screen and (max-width: 1100px) {
    .sponsor-info-grid {
        grid-template-columns: 1fr;
    }
    .sponsor-info-grid .sponsor-info-img-container {
        border-right: unset;
        border-bottom: 1px solid rgb(200, 200, 200);
        padding-bottom: 20px;
    }
    .sponsor-library-courses-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 800px) {
    .sponsor-info-grid {
        padding: 25px 7.5vw;
    }
    .sponsor-library-courses-grid {
        grid-template-columns: repeat(2, 1fr);
        padding: 40px 7.5vw;
    }
}

@media only screen and (max-width: 600px) {
    .sponsor-library-courses-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media only screen and (max-width: 800px) {
    .course-info-page-heading-grid {
        grid-template-columns: 100%;
    }
    .course-info-page-course-image {
        object-fit: cover;
        max-height: 250px;
    }
    .course-info-page-action-button {
        min-height: 60px;
    }
}

.textbox-button-heightfix {
    height: 44px;
    margin: 28px 0px 24px 0px;
}

.survey-bank-question-edit-answers-form {
    padding: 0px !important;
}

.survey-bank-question-edit-answers-form .dGrid-dashboard-admin-form-section {
    padding: 0px 40px;
}

.survey-bank-question-edit-page {
    padding: 15px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 20px;
    margin-bottom: 100px;
}

.survey-answer-edit-container {
    padding-right: 4px;
}

.survey-answer-edit-container h4 {
    padding-left: 0px;
}

.survey-answer-edit-text-input {
    border-radius: 4px;
    border: solid 1px #d8dce6;
    background-color: #fff;
    padding: 12px 16px;
    outline: 0;
    font-size: 16px;
    line-height: 1;
    color: #212223;
    text-align: left;
    position: relative;
    text-transform: initial;
}

.dt-button-collection {
    min-width: max-content;
}

.dt-button-collection .dt-button {
    min-width: max-content;
}

.bg-engineering-red,
i[class*="dGrid-simple-card-icon-"].bg-engineering-red {
    background-color: #ae2a2a !important;
}

.sponsor-dashboard-card.p-4 {
    font-size: 2.2rem !important;
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
    color: white;
    padding: 0px;
}
.sponsor-dashboard-card.p-4.pageviews-card-color { background-color: #947bed !important; }
.sponsor-dashboard-card.p-4.content-engagements-card-color { background-color: #3498DB !important; }
.sponsor-dashboard-card.p-4.tests-taken-card-color { background-color: #50cda1 !important; }
.sponsor-dashboard-card.p-4.survey-respondents-card-color { background-color: #de7a70 !important; }
.sponsor-dashboard-card.p-4.registrants-card-color { background-color: #3498DB !important; }
.sponsor-dashboard-card.p-4.attendance-card-color { background-color: #de7a70 !important; }
.sponsor-dashboard-card.p-4.badges-earned-card-color { background-color: #3445db !important; }
.sponsor-dashboard-card.p-4.courses-expiring-this-month-card-color { background-color: #dbcb34 !important; }


@media (min-width: 1200px) {
    #footer-bar {
        min-width:1200px;
        margin: 0 auto;
    }

    #footer-bar div {
        float: left;
    }

    #footer-left {
        width: 40%;
    }

    #footer-left img {
        width: 60px !important;
    }

    #footer-center {
        width: 40%;
    }

    #footer-center p {
        margin: 0 0 0 10px;
    }

    #footer-right {
        width: 20%;
    }

    #footer-right p {
        margin: 0 0 0 25px;
    }

    .icon-margin {
        margin: 0 0 0 25px;
    }
}

@media only screen and (max-width: 1199px) and (min-width:960px) {
    #footer-bar {
        min-width:910px;
        margin: 0 auto;
        font-size: 14px;
    }

    #footer-bar div {
        float: left;
    }

    #footer-left {
        width: 40%;
    }

    #footer-left p img {
        width: 50px !important;
    }

    #footer-center {
        width: 40%;
    }

    #footer-right {
        width: 20%;
    }

    .icon-margin {
        margin: 0 0 0 20px;
    }
}

@media only screen and (max-width: 959px) and (min-width:768px) {
    #footer-bar {
        width:715px;
        margin: 0 auto;
        font-size: 12px;
        margin-top: -80px;
    }

    #footer-bar div {
        float: left;
    }

    #footer-left {
        width: 40%;
    }

    #footer-left p img {
        width: 50px !important;
    }

    #footer-center {
        width: 40%;
    }

    #footer-right {
        width: 20%;
    }

    .icon-margin {
        margin: 0 0 0 5px;
    }
}

@media only screen and (max-width: 767px) and (min-width:550px) {
    .e1104-1.x-bar {
        margin-top:30px;
        height: 800px;
    }

    .e1095-33.x-section {
        margin-bottom: 200px !important;
    }

    #footer-bar {
        width: 100%;
        margin: 0 auto;
        font-size: 16px;
        text-align: center;
    }

    #footer-bar div {
        float: left;
    }

    #footer-left {
        width: 100%;
    }

    #footer-left p img {
        width: 50px !important;
    }

    #footer-center {
        width: 100%;
    }

    #footer-right {
        width: 100%;
        padding-bottom: 80px;
    }

    .icon-margin {
        margin: 0 0 0 5px;
    }
}

@media only screen and (max-width: 549px) and (min-width:480px) {
    .e1104-1.x-bar {
        margin-top:30px;
        height: 800px;
    }

    .e1095-33.x-section {
        margin-bottom: 200px !important;
    }

    #footer-bar {
        width: 100%;
        margin: 0 auto;
        font-size: 16px;
        text-align: center;
    }

    #footer-bar div {
        float: left;
    }

    #footer-left {
        width: 100%;
    }

    #footer-left p img {
        width: 50px !important;
    }

    #footer-center {
        width: 100%;
    }

    #footer-right {
        width: 100%;
        padding-bottom: 80px;
    }

    .icon-margin {
        margin: 0 0 0 5px;
    }
}

@media screen and (max-width: 479px) {
    .e1095-33.x-section {
        margin-bottom:200px !important;
    }

    #footer-bar {
        width: 100%;
        margin: 0 auto;
        font-size: 16px;
        text-align: center;
    }

    #footer-bar div {
        float: left;
    }

    #footer-left {
        width: 100%;
    }

    #footer-left p img {
        width: 50px !important;
    }

    #footer-center {
        width: 100%;
    }

    #footer-right {
        width: 100%;
        padding-bottom: 80px;
    }

    .icon-margin {
        margin: 0 0 0 5px;
    }
}

@media (min-width: 1200px) {
    .ro {
        width:33%;
        float: left;
    }
}

@media only screen and (max-width: 1199px) and (min-width:768px) {
    .ro {
        width:33%;
        float: left;
    }
}

@media only screen and (max-width: 767px) and (min-width:550px) {
    .ro {
        width:100%;
        float: left;
    }

    #col-one {
        width: 100%
    }

    #col-two {
        width: 100%
    }

    #goog-map {
        margin: 0 0 20px 30px;
    }

    #bnp-img {
        margin: 0 0 0 75px;
    }
}

@media only screen and (max-width: 549px) and (min-width:480px) {
    .ro {
        width:100%;
        float: left;
    }

    #col-one {
        width: 100%
    }

    #col-two {
        width: 100%
    }

    #goog-map {
        margin: 0 0 20px 30px;
    }

    #bnp-img {
        margin: 0 0 0 20px;
    }
}

@media screen and (max-width: 479px) {
    .ro {
        width:100%;
        float: left;
    }

    #col-one {
        width: 100%
    }

    #col-two {
        width: 100%
    }

    #goog-map {
        margin: 0 0 20px 30px;
    }

    #bnp-img {
        margin: 0 0 0 10px;
    }
}


@media (min-width: 1024px) {
    table.cardsContainer {
        display: block;
    }

    ul.cardsContainer {
        display: none;
    }

    ul.dashboardCardsContainer {
        display: block;
        padding: 5px;
    }

    ul.dashboardCardsContainer.mobile {
        display: none;
    }


}

@media (max-width: 1023px) {

    table.cardsContainer,
    ul.cardsContainer.mobile {
        display: none;
    }

    ul.dashboardCardsContainer.mobile {
        display: none;
    }

    .bs-datepicker .bs-media-container {
        flex-direction: column;
    }

    .filterModal {
        font-size: 20px;
    }

    .filterModal .row {
        margin-bottom: 32px;
    }

    .bs-datepicker-multiple {
        display: flex;
    }

    .bs-datepicker-multiple+.bs-datepicker-multiple {
        margin-top: 10px;
        margin-left: 0;
    }

    .submit-block button {
        margin: auto;
        display: table;
        min-width: 50%;
    }

    .list-table {
        border-radius: 4px;
        box-shadow: none;
    }

    .list-table tr.list {
        border-radius: 4px;
        box-shadow: 0 3px 8px 0 rgba(45, 51, 72, 0.1), 0 0 1px 0 rgba(45, 51, 72, 0.4);
        background-color: #fff;
        margin-bottom: 8px;
    }

    .list-table tr.list td {
        color: #99a4ae;
    }

    .list-table tr.list td.list-header {
        color: #99a4ae;
        font-family: HelveticaNeue;
    }

    .list-table tr.list td.update {
        max-width: 30%;
    }

    .list-table tr.list td.download {
        max-width: 20%;
    }
}

@media (max-width: 991px) {
    .tableBlock .formField {
        display: flex;
    }

    .formField>input.searchField {
        width: 44px;
        padding: 16px;
        padding-right: 28px;
        height: 44px;
        background-position: 50% center;
        margin: 0;
    }

    .formField>input.searchField:focus {
        background-position: 95%;
        width: 180px;
        z-index: 2;
        padding: 16px;
        padding-right: 36px;
    }

    .export-button.filter {
        height: 44px;
        min-width: 0;
        padding: 0;
        padding-left: 42px;
        margin: 0;
        margin-left: 12px;
    }

    .export .export-button {
        padding: 0;
        padding-left: 42px;
        height: 44px;
        min-width: 0;
        width: 44px;
        background-position: 14px;
        margin: 0;
        margin-left: 12px;
    }

    .web-only {
        display: none;
    }
}

@media (max-width: 767px) {

    .export-button.filter,
    .export .export-button,
    .formField>input.searchField,
    .customFilter .export-button:active,
    .customFilter .export-button:hover {
        background-color: transparent;
        border: none;
        background-size: 28px;
        background-position: center;
        margin: 0;
    }

    .formField>input.searchField:focus {
        width: 140px;
    }
}

@media (max-width: 475px) {
    .hamburgerModal .modal-dialog .modal-content {
        width: 100%;
        max-width: 100%;
    }

    .hamburgerModal .profilePic .editProfile {
        font-size: 12px;
    }

    .profilePic {
        height: 60px;
        width: 60px;
        margin-right: 16px;
    }

    .profilePic img {
        width: auto;
        height: 60px;
        border-radius: 50%;
    }

    .profilePic .editProfile {
        font-size: 12px;
        line-height: 30px;
        height: 30px;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }

    .hamburgerModal .accountInfo .personName {
        font-size: 20px;
    }

    .secondaryNav p {
        font-size: 16px;
    }

    .secondaryNav .position-right {
        right: 16px;
        position: absolute;
    }

    .modal.headerModal {
        padding: 52px 0 0 !important;
        max-height: calc(100vh - 52px);
    }

    .modal.headerModal .modal-dialog.modal-dialog-centered::before {
        top: -6px;
        width: 20px;
        height: 20px;
        right: 38px;
    }

    .modal.headerModal.gridView .modal-body {
        padding: 8px;
    }

    .modal.headerModal.gridView .modal-dialog.modal-dialog-centered::before {
        right: 74px;
    }

    .modal.headerModal.gridView .icon-block .icon {
        padding: 12px;
    }

    .customTooltip {
        position: relative;
    }

    .customTooltip .tooltipText {
        left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0%);
    }

    .customTooltip .tooltipText::before {
        left: 24px;
    }

    table.cardsContainer {
        display: none;
    }

    ul.cardsContainer {
        display: none;
    }

    ul.cardsContainer.mobile {
        display: block;
    }

    ul.dashboardCardsContainer {
        display: none;
    }

    ul.dashboardCardsContainer.mobile {
        display: block;
    }

    .filterModal {
        font-size: 16px;
    }

    .filterModal .row {
        margin-bottom: 16px;
    }

    .filterModal .row div.checkbox {
        padding-top: 4px;
        padding-bottom: 4px;
        border-bottom: 1px solid #ddd;
    }

    .filterModal .row div.checkbox label {
        margin: 0;
    }

    li.cardRow {
        padding: 16px;
        font-size: 12px;
    }

    li.cardRow p.bold.header {
        padding: 0 64px 0 24px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 16px;
    }

    li.cardRow>span.badge {
        right: 16px;
    }

    li.cardRow>div.d-flex {
        margin-left: 0;
    }

    li.cardRow>div.d-flex>div {
        padding-right: 16px;
    }

    li.cardRow>div.d-flex>div>p {
        margin-bottom: 0;
    }

    div.liner {
        background-color: #e3e8ed;
        height: 1px;
        margin: 8px 16px;
    }

    li.cardRow>div>p {
        display: block;
        width: 100%;
    }

    li.cardRow>div>p:last-child {
        display: block;
        width: 100%;
    }

    .submit-block {
        text-align: center;
    }

    .modal-dialog {
        margin: 0;
        max-width: 100%;
    }

    .submit-block button {
        width: calc(50% - 4px);
    }

    .modal-header .close {
        box-shadow: none;
    }

    .export-button {
        width: 100%;
        margin: 8px 0;
        margin-left: 0;
    }

    .customFilter .dropdown-menu {
        max-width: calc(100vw - 42px);
    }

    .navbar {
        padding: 10px 1rem;
    }

    .navbar>a.navbar-brand>img {
        height: 32px;
    }

    .navbar p.header {
        font-size: 16px;
        margin-top: 5px;
    }

    .navbar ul.header-icons>li {
        margin-left: 4px;
    }

    .mobile-only {
        display: inline;
    }

    .not-mobile {
        display: none !important;
    }

    .list-table tr.list td.list-header {
        width: 100%;
        max-width: 100%;
    }

    .appliedFilters .filter>a {
        font-size: 12px;
    }
}

@media (max-width: 325px) {
    .hamburgerModal .accountInfo .personName {
        font-size: 16px;
    }

    .hamburgerModal .header,
    .hamburgerModal .content {
        padding: 24px;
    }

    li.cardRow {
        padding: 16px;
        font-size: 10px;
    }

    li.cardRow>div.d-flex>div {
        padding-right: 14px;
    }
}