:root {
    --primary: #71bafb;
    --primary-transparent: #71bafbf5;
    --primary-transparent2: #71bafb1a;
    --primary-transparent3: #386ee00d;
    --primary-light: #eaf2ff;
    --primary-light2: #f1f8ff;
    --primary-dark: #379ef9;
    --white: #ffffff;
    --black: #000000;
    --white2: #F5F5F5;
    --light-bg: #f7faff;
    --light-bg2: #d4d4d4;
    --text: #8d8f99 /*babfd0*/;
    --text2: #747474;
    --border-color: #e2e6e9; /*ced4da*/
    --hover: #56585f;
    /*--box-shadow: 0 0 5px #ededed;*/
    --box-shadow: 0 0 2px #b3b3b3;
    --box-shadowBig: 0 0 7px #898989;
    --timeTabBg: #f2ca4b54;
    --timeTabText: #686a6d;
    --red: #ec6464;
    --blood-red: #FF0000;
    --tabs-border-color: #828282;
    --tabs-text-color: #828282;
    --dateTimeBox: #f2c94c;
    --color1: #bb6bd9;
    --color2: #f2994b;
    --color3: #f19949;
    --color4: #f2994b;
    --color5: #bb6bd9;
    --color6: rgb(243,237,217);
    --color13: rgba(136,127,99);
    --color7: #927fff85;
    --color8: #7ec8ff85;
    --color9: #fcbb8085;
    --color10: #d37fff85;
    --color11: #f1777885;
    --color12: #fbd27f85;
    --theme: #5e7af1;
    --header-height: 56px;
    --tag2: #56ccf2;
    --black-trasp: #00000040;
    --white-trasp: #ffffff66;
    --white-trasp2: #ffffff90;
    --dark-gray: #333333;
    --light-gray: #dddddd;
    --light-gray2: #828282;
    --date-timer-color: #58382d;
    --sponser-video-bg: #f3edd9;
    --sponser-video-color: #968971;
    --sponser-video-border: #beb39c;
    --black-trasp-1: rgb(0 0 0 / 10%);
    --black-trasp-3: rgb(0 0 0 / 30%);
    --black-trasp-5: rgb(0 0 0 / 50%);
    --black-trasp-7: rgb(0 0 0 / 70%);
    --white-trasp-85: rgb(255 255 255 / 85%);
    --green: #27ca41;
    --orange: var(--color2);
    --booth-brand-color: #ad1b1b;
    --lobby-mobile-tab-bg: linear-gradient(0deg, rgba(113,186,251,0.9) 0%, rgba(113,186,251,0.5) 100%);
}
u {
font-size:14px;
}
.darkGreyText {
color:var(--dark-gray);
}
.opacityBG {
    background-color: rgb(255 255 255 / 80%);
}

.strike-through {
    text-decoration: line-through;
}

.headerSticky .navbar {
    position: sticky;
    top: 0;
    z-index: 3;
    background-color: var(--primary-transparent);
}

.profilePictureHeader img {
    width: 24px;
    height: 24px;
    object-fit: cover;
    border: 0px solid #000000;
}

body, #sb_chat > * {
    background-color: var(--light-bg);
    font-family: 'Roboto', sans-serif; /*"Open Sans Condensed",sans-serif;*/
    /*font-weight: 700;
    letter-spacing: 1px;*/
}

.ThemeFont {
    font-family: 'Roboto', sans-serif; /*"Open Sans Condensed",sans-serif;*/
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

.navbar-brand {
    font-size: 1.25em;
}

.h6, h6 {
    font-size: 1em;
}

.h5, h5 {
    font-size: 1.25em;
}

.h4, h4 {
    font-size: 1.5em;
}

.h3, h3 {
    font-size: 1.75em;
}

.primaryDarkText {
    color: var(--primary);
}

.primaryText {
    color: var(--primary);
}

.redText {
    color: var(--red)
}

.textColor {
    color: var(--text);
}

.textColor2 {
    color: var(--text2);
}

body .textColor3 {
    color: var(--black)
}

.smlText {
    font-size: 1em;
}

.xSmlText {
    font-size: .8em;
}

a.underlineText {
    text-decoration: underline;
}

a.underlineText:hover {
        text-decoration: none;
    }

.width60 {
    width: 60px;
}

.width40 {
    width: 40px;
}

.leftSideMenu .navbar {
    background-color: var(--white);
    border-right: 1px solid var(--light-bg2);
}

.color1:hover,
.color1 {
    border-color: var(--color1);
    color: var(--color1);
    line-height: 1;
    padding: 10px;
}

.color2:hover,
.color2 {
    border-color: var(--color2);
    color: var(--color2);
    line-height: 1;
    padding: 10px;
}

.form-control,
[class*="btn"] {
    font-size: 1em;
    /*font-weight: 700;*/
    letter-spacing: 1px;
}

[class*="btn-sm"] {
    font-size: 1em;
}

.fixedWidth {
width:112px;
}
/*.btn-primary, .show > .btn-primary.dropdown-toggle {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
    color: var(--white);
}*/

.btn-primary, .show > .btn-primary.dropdown-toggle {
    background-color: var(--white);
    border-color: var(--primary);
    color: var(--primary) !important;
}
.btn-primary-solid {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white) !important;
}
.btn-primary-solid:hover {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white) !important;
    box-shadow:0px 0px 7px var(--primary);
}
    .show > .btn-primary.dropdown-toggle:focus, .show > .btn-primary.dropdown-toggle:active, .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: none;
    }

    .btn-primary:hover {
        background-color: var(--primary);
        border-color: var(--primary);
        color: var(--white) !important;
    }
.btn-secondary {
    color: var(--tabs-border-color);
    background-color: var(--white);
    border-color: var(--tabs-border-color);
}

.modalStyle .btn.btn-secondary,
.loginBox .btn.btn-secondary {
    background-color: var(--white);
    border-color: var(--primary-dark);
    color: var(--primary);
}

    .modalStyle .btn.btn-secondary:hover,
    .loginBox .btn.btn-secondary:hover, {
        background-color: var(--primary);
        border-color: var(--primary-dark);
        color: var(--white);
    }

.btn-primary-light {
    background-color: var(--white);
    border-color: var(--border-color);
}

.btn-border-gray {
    border-color: var(--border-color);
}

    .btn-border-gray:hover {
        color: var(--primary);
    }

.btn-primary-light .rounded-circle {
    border: 1px solid var(--black-trasp);
}

.btn-border {
    background-color: var(--white);
    border-color: var(--primary);
    color: var(--primary);
}

    .btn-border:hover {
        color: var(--white)!important;
        background-color: var(--primary);
    }
.Poll_QRcode {
    width:200px;
    height:200px;
}
.tagStyle {
    border-radius: 3px;
    font-size: .8em;
    color: var(--white);
    padding: 3px 10px;
}

.tagPlatinum {
    background-color: var(--color2);
}

.tagGold {
    background-color: var(--timeTabBg);
}

.tagSilver {
    background-color: var(--color1);
}

.navbar a {
    color: var(--white);
    opacity: 0.75;
}

.dropdown .btn {
    padding: 4px 8px;
}

.dropdown-menu a.dropdown-item {
    color: var(--black);
    opacity: 1;
    font-size: .9em;
}

    .dropdown-menu a.dropdown-item:hover {
        color: var(--white) !important;
        background-color: var(--primary);
        opacity: 1;
    }

.navbar a:hover {
    color: var(--white)!important;
    opacity: 1;
}

.navbar .active a {
    opacity: 1;
}


#main-menu .nav-item {
    position: relative;
}
a {
text-decoration:none;
}
a:hover {
color:var(--primary)!important;
}
@media (min-width: 1200px) {
    .fixedHeader {
        padding: 0;
    }

    .navbar-brand.mobileLogo {
        padding: 0;
        max-width: 27vw;
        white-space: inherit;
        line-height: 1;
        min-height: 56px;
        align-items: center;
        color:var(--white);
    }

    .leftSideMenu .navbar-brand.mobileLogo:hover {
        color: #343a40 !important;
    }

    #main-menu {
        white-space: nowrap;
        display: block;
        overflow: hidden;
        width: 100%;
        text-align: right
    }

        #main-menu .nav-item {
            display: inline-block
        }

        #moreMenu .nav-link,
        #main-menu .nav-link {
            padding-left: 10px;
            padding-right: 10px;
        }

    #navbarNavDropdown {
        display: block !important;
        flex-basis: inherit;
        position: relative;
        max-width: calc(100vw - 650px)
    }

        #navbarNavDropdown.moreMenuActive {
            padding-right: 5rem;
        }

    #moreCat {
        position: absolute;
        right: 0;
        top: 0;
    }

    #moreMenu:hover .dropdown-menu {
        display: block;
        position: absolute;
        top: 90%;
    }

    #navbarNavDropdown .nav-item.active .nav-link:before,
    #navbarNavDropdown .nav-item .nav-link:hover:before {
        left: 5px;
        right: 5px;
    }
}

.navbar .nav-item.active .nav-link:before,
.navbar .nav-item .nav-link:hover:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background-color: var(--white);
    content: " ";
    display: block;
}

.mainTabs {
    min-height: 76px;
}

    .mainTabs.sticky > .nav {
        background-color: var(--white);
        position: fixed;
        top: var(--header-height);
        padding-top: 15px;
        z-index: 2;
    }

    .pageTabsStyle .nav-link,
    .mainTabs .nav-link {
        border-width: 0px 0 2px 0;
        border-color: var(--tabs-border-color);
        color: var(--tabs-text-color);
        text-transform: uppercase;
    }

        .pageTabsStyle .nav-link:hover,
        .mainTabs .nav-link:hover {
            border-color: var(--primary);
            color: var(--tabs-text-color);
            text-transform: uppercase;
            color: var(--white);
            background:var(--white)!important;
        }

        .pageTabsStyle .nav-link.active,
        .mainTabs .nav-item.active .nav-link {
            border-color: var(--primary);
            color: var(--primary)!important;
            /* border-color: var(--white); */
            background: var(--white)!important;
        }
            .pageTabsStyle .nav-link.active:hover,
            .mainTabs .nav-item.active .nav-link:hover {
                background: var(--white) !important;
                color: var(--primary) !important;
            }

            .btnTransparent .input-group-text {
                background-color: var(--white);
                border-left: 0;
            }

.btnTransparent .input-group-append .btn {
    border-color: var(--border-color);
    color: var(--text2);
}

    .btnTransparent .input-group-append .btn:hover {
        background-color: transparent;
        color: var(--primary-dark)
    }

.btnTransparent .form-control {
    /*border-right: 0;*/
}

.dateStyle {
    /*background-color: var(--primary-light);*/
    color: var(--text2);
    border-radius: 10px;
    min-width: 100px;
    padding: 10px 0 20px;
}

.breadcrumb {
    background-color: transparent;
}
.breadcrumb a:hover{
    color:var(--primary);
    
}

.borderBtm {
    border-bottom: 1px solid var(--border-color);
}
#docsTab a.borderBtm span {
    color: var(--text2) !important;
}

#docsTab a.borderBtm:hover span{
    color:var(--primary)!important;
}
.borderTop {
    border-top: 1px solid var(--border-color);
}

.borderRgt {
    border-right: 1px solid var(--border-color);
}

.card {
    border: 0;
    /*box-shadow: var(--box-shadow);*/
    border: 1px solid #ededed;
}

.card2 {
    border: 1px solid var(--border-color);
    line-height: .8em;
}

.Size100 {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.Size100Contain {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.Size60 {
    width: 60px;
    height: 60px;
    object-fit: cover;
}

.Size60Contain {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.Size40 {
    width: 40px;
    height: 40px;
    object-fit: cover;
}

.timeTab {
    /*background-color: var(--light-bg2);*/
    /*background-color: var(--timeTabBg);*/
    /*color: var(--timeTabText);*/
    color: var(--text2);
    border-radius: 5px 5px 0 0;
    display: inline-block;
    font-weight: 400;
}

.custom-control .custom-control-label {
    font-size: .9em;
    padding-top: 3px;
}

.accordianHead {
    background-color: var(--primary-light);
    font-size: .9em;
    cursor: pointer;
    border-radius:4px;
}

    .accordianHead[aria-expanded="false"] .fa-angle-down {
        transform: rotate(180deg);
    }

.border2 {
    border: 1px solid var(--black-trasp-1);
}

.border1 {
    border: 1px solid var(--white);
}

.contactInfoCard {
    border: 1px solid var(--white-trasp);
    background-color: var(--black-trasp);
}

    .contactInfoCard a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        white-space: nowrap;
    }

.monthTag {
    /*background-color: var(--light-bg2);*/
    color: var(--primary);
    border-radius: 5px;
    padding: 0px 10px;
    display: inline-block;
    font-size: 1em;
    margin-bottom: 10px;
}

.dateTimeBox {
    /*background-color: var(--dateTimeBox);*/
    background-color: var(--primary-transparent3);
    font-size: .8em;
    line-height: 1.5rem;
}

    .dateTimeBox span {
        padding-right: 20px;
        position: relative;
    }

    .dateTimeBox > span:after {
        content: "";
        position: absolute;
        right: 10px;
        top: -3px;
        bottom: -3px;
        width: 1px;
        background-color: var(--white)
    }

    .dateTimeBox > span:last-child:after {
        content: "";
        position: absolute;
        right: 10px;
        top: -3px;
        bottom: -3px;
        width: 0px;
        background-color: var(--white);
    }

.cardBorder {
    border-radius: 8px;
    border: 1px solid var(--primary-dark);
    /*border-top-width: 3px;*/
}
.cardBorderStyle2 {
    border-radius: .25rem;
    border: 1px solid var(--primary);
    border-top-width: 3px;
}

    .cardBorder:hover {
        box-shadow: 0 0 10px var(--black-trasp-1);
    }

.cardBorder.border2 {
    /*border-color: var(--color2);*/
    border-color: var(--black-trasp-1);
    background-color: #ffffff;
}

.Featuredpresenters .cardBorder.border2 {
    border-color: var(--primary);
    background-color: #ffffff;
}
/*START: Login*/
.loginWrapper {
    /*background: url(../Images/loginBg_baseline.jpg) center center no-repeat;*/
    background-size: auto 100%;
    width: 100%;
    overflow: hidden;
    position: relative
}

.loginWrapperClient {
    background: url(../Images/loginBg_Physiology.jpg) center center no-repeat;
    background-size: auto 100%;
    width: 100%;
    overflow: hidden;
}

.loginWrapperClientAFP {
    background: url(../Images/Lobby_Page_Base_AFP.jpg) center center no-repeat;
    background-size: auto 100%;
    width: 100%;
    overflow: hidden;
}

.sponserBannerPillerNo-background::before {
    background: none !important;
}

.mobileBg {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    filter: blur(4px);
}

.loginWrapper .loginBg {
    width: 100vw;
    opacity: 1;
}

.EventsListLink {
    position: absolute;
    left: 0%;
    top: 2vw;
    z-index: 9999;
}

    .EventsListLink a {
        display: block;
        padding: 8px 12px;
        background-color: var(--black-trasp-1);
        color: var(--border-color);
        text-decoration: none;
        border-radius: 0px 6px 6px 0px;
        font-size: .9em;
    }

        .EventsListLink a:hover {
            background-color: var(--black-trasp-3);
            color: var(--white);
        }

.loginWrapper .eventBanner {
    width: 26vw;
    overflow: hidden;
    position: absolute;
    left: 50%;
    /*top: 10.5vw; changed this so the video can be made bigger*/
    top: 8.3vw;
    transform: translate(-50%);
    border: 2px solid var(--white);
    box-shadow: 0 0 10px var(--black);
}

    .loginWrapper .eventBanner img {
        max-width: 100%;
    }

.flipper {
    color: var(--dark-gray);
    display: block;
    font-size: 2vw;
    line-height: 100%;
    padding: 0;
    margin: 0;
    height: 1.7em;
}

    .flipper.flipper-invisible {
        font-size: 0 !important;
    }

.flipper-group {
    position: relative;
    white-space: nowrap;
    display: block;
    float: left;
    padding: 0;
    margin: 0 4px;
}

    .flipper-group label {
        position: absolute;
        color: var(--date-timer-color);
        font-size: .8vw;
        font-weight: normal;
        top: 70%;
        line-height: 1em;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        text-align: center;
        /*text-shadow: 0 0 2px var(--black-trasp-5);*/
        padding-top: .3rem;
    }

.flipper-digit {
    white-space: nowrap;
    position: relative;
    padding: 0;
    margin: 0;
    display: inline-block;
    float: left;
    height: 1.2em;
    overflow-y: hidden;
}

    .flipper-digit span {
        font-size: 25%;
    }

.flipper-delimiter {
    white-space: nowrap;
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    color: var(--white);
    min-width: .1em;
    white-space: nowrap;
    display: block;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    line-height: 1em;
}

.digit-face {
    display: block;
    visibility: hidden;
    position: relative;
    border-radius: 0.1em;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 8;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    padding-left: 0.2em;
    padding-right: 0.2em;
    box-sizing: border-box;
    text-align: center;
}

.digit-next {
    display: block;
    position: relative;
    border-radius: 0.1em;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 8;
    height: 1.2em;
    background: var(--white);
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    padding-left: 0.2em;
    padding-right: 0.2em;
    box-sizing: border-box;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.digit-top {
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    /*height: 50%;*/
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    overflow: hidden;
    position: absolute;
    background: var(--white);
    padding-top: 0.1em;
    padding-bottom: 0;
    padding-left: 0.2em;
    padding-right: 0.2em;
    border-top-left-radius: 0.1em;
    border-top-right-radius: 0.1em;
    box-sizing: border-box;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background 0s linear, -webkit-transform 0s linear;
    transition: transform 0s linear, background 0s linear;
    transition: transform 0s linear, background 0s linear, -webkit-transform 0s linear;
    -webkit-transform-origin: 0 0.6em 0 !important;
    transform-origin: 0 0.6em 0 !important;
    -webkit-transform-style: preserve-3d !important;
    transform-style: preserve-3d !important;
    z-index: 20;
}

    .digit-top.r {
        transition: background 0.2s linear, -webkit-transform 0.2s linear;
        transition: transform 0.2s linear, background 0.2s linear;
        transition: transform 0.2s linear, background 0.2s linear, -webkit-transform 0.2s linear;
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg);
        background: var(--light-gray2);
    }

.digit-top2 {
    visibility: hidden;
    position: absolute;
    height: 50%;
    left: 0;
    right: 0;
    background: var(--light-gray2);
    transition: -webkit-transform 0.2s linear;
    transition: transform 0.2s linear;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear;
    line-height: 0em !important;
    top: 50% !important;
    bottom: auto !important;
    padding-top: 0;
    padding-bottom: 0.1em;
    padding-left: 0.2em;
    padding-right: 0.2em;
    border-bottom-left-radius: 0.1em;
    border-bottom-right-radius: 0.1em;
    overflow: hidden;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background 0s linear, -webkit-transform 0s linear;
    transition: transform 0s linear, background 0s linear;
    transition: transform 0s linear, background 0s linear, -webkit-transform 0s linear;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-style: preserve-3d !important;
    transform-style: preserve-3d !important;
    -webkit-transform-origin: 0 0 0 !important;
    transform-origin: 0 0 0 !important;
    z-index: 20;
}

    .digit-top2.r {
        visibility: visible;
        transition: background 0.2s linear 0.2s, -webkit-transform 0.2s linear 0.2s;
        transition: transform 0.2s linear 0.2s, background 0.2s linear 0.2s;
        transition: transform 0.2s linear 0.2s, background 0.2s linear 0.2s, -webkit-transform 0.2s linear 0.2s;
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        background: var(--white);
    }

.digit-bottom {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    position: absolute;
    overflow: hidden;
    background: var(--white);
    height: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    line-height: 0em;
    padding-top: 0;
    padding-bottom: 0.1em;
    padding-left: 0.2em;
    padding-right: 0.2em;
    border-bottom-left-radius: 0.1em;
    border-bottom-right-radius: 0.1em;
    box-sizing: border-box;
    text-align: center;
    transition: none;
}

    .digit-bottom.r {
        transition: background 0.2s linear;
        background: var(--light-gray2);
    }

.flipper-digit:after {
    content: "";
    position: absolute;
    height: 2px;
    /*background: rgba(0, 0, 0, 0.5);*/
    top: 50%;
    display: block;
    z-index: 30;
    left: 0;
    right: 0;
}

.flipper-dark {
    color: var(--white);
    display: flex;
    justify-content: center;
}

    .flipper-dark .flipper-delimiter {
        color: var(--dark-gray);
    }

    .flipper-dark .digit-next {
        background: var(--black-trasp);
    }

    .flipper-dark .digit-top {
        background: var(--black-trasp);
    }

        .flipper-dark .digit-top.r {
            background: var(--black);
        }

    .flipper-dark .digit-top2 {
        background: var(--black-trasp);
    }

        .flipper-dark .digit-top2.r {
            background: var(--dark-gray);
        }

    .flipper-dark .digit-bottom {
        background: var(--dark-gray);
    }

.flipper-dark-labels .flipper-group label {
    color: var(--dark-gray);
}

.dateTimer {
    /*display:none;*/
    position: absolute;
    top: 1.5vw;
    left: 50%;
    transform: translate(-50%);
    background: var(--white-trasp2);
    border-radius: 8px;
    padding: 8px 8px 8px 8px;
}

.flipper-ii + .flipper-delimiter,
.flipper-ss {
    height: 0;
    width: 0;
    overflow: hidden;
}

/*.flipper-ddd > label + .flipper-digit {
    display: none;
}*/

.dateTimer h6 {
    font-size: 1.1em;
    color: var(--date-timer-color);
    text-align: center;
}

.sponsorVideo {
    position: absolute;
    left: 50%;
    top: 17.3vw;
    transform: translate(-50%);
    background: var(--sponser-video-bg);
    color: var(--sponser-video-color);
    text-align: center;
    font-size: .8em;
    border: 2px solid var(--sponser-video-border);
    box-shadow: 0 0 10px var(--black-trasp-5);
}

.desktopSlider .carousel-inner /*sponsor banners input right column*/ {
    /*max-height:167px;*/
    /*min-height: 148.09px;*/
}

.sponserBannerPiller4 img,
.sponserBannerPiller3 img,
.sponserBannerPiller2 img,
.sponserBannerPiller1 img,
.sponserBanner img {
    width: 100%;
    z-index: 9999;
}

.sponserBannerPiller3 img,
.sponserBannerPiller4 img {
    max-height: 6.8vw;
    overflow: hidden;
}

.sponserBannerPiller1 img,
.sponserBannerPiller2 img {
    max-height: 4.5vw;
    overflow: hidden;
}

.sponsorVideo {
    margin-left: auto !important;
    margin-right: auto !important;
}

    .sponsorVideo .imgWrap {
        padding: 5px;
    }

.rating {
    font-size: 1.5rem;
}

.sponsorVideo iframe {
    display: block;
    width: 690px;
    height: 388px;
}

@media (min-width: 1920px) {
.sponsorVideo iframe {
    display:block;
    width: 940px;
    height: 528px;
}
}


.sponserBannerPiller2,
.sponserBannerPiller1 {
    position: absolute;
    left: 46%;
    top: 30vw;
    transform: translate(-50%);
    width: 9.5vw;
    margin-left: -20.5vw;
    padding: 3px;
    background: var(--sponser-video-bg);
    /*background: linear-gradient(180deg, var(--color6) 0%, var(--color7) 100%);*/
    box-shadow: 0 0 10px var(--black-trasp-5);
    /*min-height: 86.39px;*/
}

.sponserBannerPiller2 {
    margin-left: 28vw;
}

.loginBox .text-danger {
    font-size: .8em;
}

.loginBox {
    position: absolute;
    left: 52%;
    top: 2vw;
    transform: translate(-50%);
    margin-left: 31vw;
    z-index: 999;
    background: var(--white-trasp-85);
    padding: 20px;
    border: 1px solid var(--light-gray);
    border-radius: 5px;
    width: 20vw;
    max-width: 300px;
}

    .loginBox:not(.registerBox) .form-control {
        border-left: 0;
        padding-left: 0;
    }

    .loginBox .input-group .input-group-text {
        background: var(--white);
        font-size: .9em;
    }

    .loginBox .btn, .btn-primary:not(:disabled):not(.disabled):active {
        background: var(--primary);
        border-color: var(--primary);
        color:var(--white);
    }

    .loginBox.registerBox .btn.whiteText {
        color:var(--white)!important;
    }

    .loginBox .btn:hover, {
        background: var(--white);
        color: var(--primary);
    }

        .loginBox .btn:disabled {
            background-color: var(--light-bg2);
            border-color: var(--light-bg);
            color: var(--text2)
        }

    .loginBox h4 {
        font-size: 1em;
        color: var(--dark-gray);
        text-align: center;
    }

    .loginBox.Register .form-control {
        padding: .375rem .75rem;
    }

/*END: Login*/
/*START: HallView */
/*.headerSticky {
    background: url(../Images/Lobby_Page_Base.jpg) center center no-repeat;
    background-size: auto 100%;
    width: 100%;
    overflow: hidden;
    }*/
.roomSlider {
    position: absolute;
    left: 0;
    right: 0;
    top: var(--header-height);
    margin-top: 190px;
    padding: 0 20px;
}

    .roomSlider .carousel-control-next, .roomSlider .carousel-control-prev {
        width: 3%
    }

    .roomSlider .carousel-item {
        transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out
    }

.container.boothTopRow {
    max-width: 1320px;
}

.boothName {
    /*background: var(--primary-transparent);*Commented this as per TJ's suggestion on 13-02-23*/
    color: var(--white);
    text-align: center;
    padding: 5px 10px;
    border-radius: 4px;
}

    .boothName:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .boothName:hover {
        /*background: var(--primary);
            box-shadow: 0px 0px 5px var(--black-trasp-5);
            *Commented this as per TJ's suggestion on 13-02-23*/
        color: var(--white)!important;
    }

.boothListBox {
    position: relative;
}

    .boothListBox .topBoothLogo {
        width: 20%;
        position: absolute;
        left: 8%;
        top: 1%;
        background: var(--white);
    }

    .boothListBox .BoothNumber {
        position: absolute;
        left: 69%;
        top: 2%;
    }

.BoothNumber {
    position: absolute;
    left: 85%;
    top: 8%;
}



    .boothListBox .deskBoothLogo {
        width: 11%;
        position: absolute;
        left: 20.5%;
        bottom: 15%;
    }

    .boothListBox .centerBox {
        width: 31%;
        position: absolute;
        left: 45%;
        top: 27%;
    }
/*END: HallView */
/*START: Lobby*/
.lobbyWrapper {
    /*background: url(../Images/Lobby_Page_Base.jpg) center center no-repeat;*/
    background-size: auto 100%;
    width: 100%;
}

    .hallBg,
    .lobbyWrapper .lobbyBg {
        width: 100%;
        opacity: 1;
    }

    .lobbyWrapper .navList {
        list-style: none;
    }

        .lobbyWrapper .navList a {
            color: var(--white-trasp2);
            font-weight: bold;
            display: block;
            white-space: nowrap;
            padding-bottom: 70px;
            font-size: .9rem;
        }

            .lobbyWrapper .navList a:hover {
                /* box-shadow: 0px 0px 90px #ffeb3bad; */
                color: var(--white)!important /*ffeb3b*/;
                text-decoration: none;
            }

        .lobbyWrapper .navList li {
            position: absolute;
            top: 18vw;
            left: 50%;
            transform: translate(-50%);
            width: 12vw;
            text-align: center;
        }

            .lobbyWrapper .navList li.menuTab1 {
                margin-left: -24.2vw;
            }

            .lobbyWrapper .navList li.menuTab3 {
                margin-left: 24.3vw;
            }

            .lobbyWrapper .navList li.menuTab4,
            .lobbyWrapper .navList li.menuTab5,
            .lobbyWrapper .navList li.menuTab6 {
                top: 26vw;
            }

            .lobbyWrapper .navList li.menuTab4 {
                margin-left: -27.5vw;
            }

            .lobbyWrapper .navList li.menuTab6 {
                margin-left: 27.7vw;
            }

.wallMenu1, .wallMenu2 {
    position: absolute;
    top: 8.5vw;
    width: 7vw;
    left: 32vw;
    border-top: 2px solid var(--black);
    padding: 0px 6px;
}

    .wallMenu1 img, .wallMenu2 img {
        max-width: 100%;
        border: 2px solid var(--white);
        box-shadow: 0 12px 10px var(--black-trasp-3);
    }

        .wallMenu1 img:hover, .wallMenu2 img:hover {
            outline: 2px solid var(--primary) /*ffeb3b*/;
            box-shadow: 0px 12px 20px var(--primary);
        }

.wallMenu2 {
    left: auto;
    right: 34.3vw;
}

.wallMenu1 {
    right: auto;
    left: 34.3vw;
}

.deskBanner1 img,
.deskBanner2 img,
.wallBanner2 img,
.wallBanner1 img,
.lobbyWrapper .topBanners img {
    max-width: 100%;
}

.deskBanner1 img,
.deskBanner2 img {
    border: 2px solid var(--white);
}

.bannerCnt {
    display: block;
}


.deskBanner2 .bannerCnt {
    transform: rotateY(-40deg) skewY(12deg);
    transform-style: preserve-3d;
}

.deskBanner1 .bannerCnt {
    transform: rotateY(40deg) skewY(348deg);
    transform-style: preserve-3d;
}

.deskBanner1,
.deskBanner2 {
    position: absolute;
    top: 36vw;
    width: 6vw;
    left: 32.9vw;
    perspective: 450px;
    perspective-origin: 70% 50%;
}

.deskBanner2 {
    left: auto;
    right: 31.8vw;
    top: 36vw;
}

    .deskBanner1 a img:hover,
    .deskBanner2 a img:hover {
        outline: 2px solid var(--primary) /*ffeb3b*/;
        box-shadow: 0px 0px 30px var(--primary);
    }

.helpText {
    text-transform: uppercase;
    font-size: .75em;
    color: var(--dark-gray);
    position: absolute;
    top: 41.6vw;
    left: 51%;
    transform: translate(-50%);
    background: var(--white-trasp);
    padding: 6px 20px;
    font-weight: 600;
    border: 1px solid var(--dark-gray);
    border-radius: 6px;
    display: block;
}

    .helpText:hover {
        text-decoration: none;
        border: 1px solid var(--primary);
        background: var(--white);
        color: var(--primary);
    }
/*END: Lobby*/
.headerSticky .fixedHeader {
    position: fixed;
    width: 100vw;
    background-color: var(--primary-transparent);
    z-index: 1
}

.separatorHeader {
    background-color: var(--primary-light);
    color: var(--primary);
}

.sideBarTabs .nav-link {
    color: var(--textColor2)
}

    .sideBarTabs .nav-link:hover,
    .sideBarTabs .nav-link.active {
        border-color: transparent;
        border-bottom-color: var(--primary);
        color: var(--primary);
    }

.sideBarTabs .nav-item {
    flex-grow: 1;
    text-align: center;
}

.sideBarTabsCont {
    /*max-height: 50vh;*/
    overflow: auto;
}

.sideBarTabsContTall {
    max-height: 100vh;
}

.borderTopTitle {
    position: relative;
}

    .borderTopTitle:before {
        position: absolute;
        content: "";
        top: 0;
        left: 50%;
        margin-left: -25px;
        width: 50px;
        height: 4px;
        border-radius: 2px;
        background-color: var(--light-gray);
    }

.profileBanner {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    min-height: 230px;
    background-color: var(--primary);
}
.NewFlag {
    background-color: #ff0000;
    padding: 2px 8px;
    z-index: 2;
    font-size: .65rem;
    color: #ffffff;
}
.featuredIcon {
width:70px;
z-index:2;
}
.profileBanner > img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    object-fit: cover;
}

.profileBannerCnt {
    position: relative;
    z-index: 1;
    color: var(--white);
    height: 100%;
}

    .profileBannerCnt a {
        color: var(--white);
    }

        .profileBannerCnt a:hover {
            color: var(--white)!important;
            text-decoration: underline;
        }

    .profileBannerCnt img.rounded-circle,
    .bannerProfileImg img {
        height: 200px;
        width: 200px;
        object-fit: cover;
    }

.initials {
    border: 1px solid #e9e9e9;
    border-radius: 200px;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b7b7b7;
    font-size: 1.5em;
}
    .initials.Big {
        width: 200px;
        height: 200px;
        background: #4d4d4d75;
        color: #fff;
        border: #666;
        font-size:2.5em;
    }
.initials.Big-Border {
    background: #fff;
    border: 1px solid #e9e9e9;
    color: #b7b7b7;
    width:134px;
    height:134px;
}
.initials.Big-Border.no-round {
        width: 90%;
        height: auto;
    }
    .initials.Big-Border-Speaker {
        background: #fff;
        border: 1px solid #e9e9e9;
        color: #b7b7b7;
        width: 180px;
        height: 180px;
    }
    .initials.Small-Border-Speaker {
        background: #fff;
        border: 1px solid #e9e9e9;
        color: #b7b7b7;
        width: 50px;
        height: 50px;
    }
    .initials.Small-Border-Speaker {
        background: #fff;
        border: 1px solid #e9e9e9;
        color: #b7b7b7;
        width: 50px;
        height: 50px;
    }
    .initials.Mid-Border-Speaker {
        background: #fff;
        border: 1px solid #e9e9e9;
        color: #b7b7b7;
        width: 70px;
        height: 70px;
    }
        .initials.Small {
        width: 60px;
        height: 60px;
        background: #b5b5b530;
        color: #5d5d5d;
        border: #666;
        font-size: 1em;
    }


    .bannerSponsorProfileImg img {
        max-height: 150px;
        object-fit: contain;
        max-width: 300px;
    }

.SurveySponsorBanner img {
    max-height: 200px;
    object-fit: contain;
    /*max-width: 500px;*/
}

.CustomPageProfile img {
    max-width: 200px;
    max-height: 200px;
    object-fit: cover;
}

.profileBanner:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    background-color: var(--color3);
}

.profileBanner2:after {
    background-color: var(--primary);
}

.profileBanner3 {
    background: var(---white);
    /*box-shadow: var(--box-shadow);*/
    border: 1px solid #e7e7e7;
}

.ContactPersonImg {
    width: 70px;
}
.sessionIcon {
width:30px;
}
.modalBg {
    background-color: var(--black-trasp-7);
}
/*AJ - Exhibitor, Sponsor List on list pages as well as in the side column on profile pages */
.SubDivExhibitorList .card, .SubDivSponsorList .card, .SubDivEventList .card {
    min-height: 100%;
}

.ProfilePicCompany {
    max-width: 95%;
    max-height: 170px;
    margin: 0 auto;
    display: block;
}
.ProfilePicGeneralInfo {
    max-width: 100%;
    max-height: 80px;
    margin: 0 auto;
    display: block;
}
.ListItemProfilePic {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.SpeakerListItem {
    float: left;
}

.ActivityListItem {
    min-height: 30px;
}

    .ActivityListItem .listImg img {
        width: 50px;
    }

.PresenterListItem {
    min-height: 100%;
}

.ProfilePicCompanyHolder {
    /*min-height: 170px;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.ProfileInfoCompanyHolder {
    min-height: 110px;
}

.ico_mid {
    width: 40px;
}
/*AJ - End*/
.cardStyle .cardTitle {
    color: var(--primary-dark);
}

.cardStyle {
    position: relative
}

    .cardStyle .cardHoverLink {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .cardStyle .clickIndex {
        position: relative;
        z-index: 1
    }
.cardStyle .clickIndex:hover {
    color:var(--primary);
    text-decoration:none;
    }

        .listStyle .zIndex,
        .listStyle .btn {
            position: relative;
            z-index: 1;
        }

.listStyle {
    position: relative;
}

    .listStyle .listArrow {
        text-decoration: none
    }

        .listStyle .listArrow:hover .fa:before {
            color: var(--text2)
        }

        .fullClick:before,
        .listStyle .listArrow:before {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            content: "";
            display: block
        }

.rightSmlCol .borderBtm {
    border: 0;
}

    .rightSmlCol .borderBtm + .borderBtm {
        border-top: 1px solid var(--border-color);
    }

.speakerBlockBtn {
    max-width: 45%;
    min-width: 30%;
    margin-right: 3%;
    /*margin-bottom: 3%;*/
    width: 165px;
    margin-bottom:4px;
    border:none;
}

    .speakerBlockBtn .smlText {
        max-width: 70%;
    }

.maxW50 {
    max-width: 50%;
}

.minWidth0 {
    min-width: 0;
}

.twoLineTruncate {
    display: -webkit-box;
    margin: 0 auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px; /* Fallback for non-webkit */
}
/*.listCardInfo h6,
    .listCardInfo a,*/
.textTruncate,
.speakerBlockBtn .cardSubTitle,
.speakerBlockBtn .cardTitle {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

    .textTruncate[title] {
        cursor: help;
    }

.listCardInfo {
    /*max-width:50%;*/
}

.listBar {
    list-style: none;
    margin: 0;
    padding: 0;
    background: var(--white);
    max-height: calc(100vh - 220px);
    overflow: auto;
}

    .listBar .listBox {
        font-size: .9em;
        text-decoration: none;
        color: var(--text2);
        font-weight: normal;
        background: var(--white);
        border: 2px solid transparent;
        position: relative
    }

.listBox .clickBtn {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.dropdownBtn:hover {
    color: var(--primary);
    cursor: pointer;
}

.listBox .dropdown {
    z-index: 1
}

.listBar .listBox:before {
    position: absolute;
    content: "";
    height: 7px;
    width: 7px;
    left: 4px;
    top: 11px;
    background: var(--primary);
    border-radius: 50%;
}

.surveyList .listBox:before {
    display: none
}

.listBar .listBox.read:before {
    background: var(--white)
}

.listBar .listBox.selected {
    border-color: var(--primary)
}

.listBar .listBox:hover {
    border-color: var(--light-gray);
}

.listBar li {
    border-bottom: 1px solid var(--light-gray);
}

.listBar .dropdown-menu {
    padding: 0
}

.sendbird-create-channel--scroll::-webkit-scrollbar,
.listBar::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: var(--white2);
}

.sendbird-create-channel--scroll::-webkit-scrollbar-thumb,
.listBar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px var(--black-trasp-1);
    background-color: var(--primary);
}

.notificationTitle {
    width: 75%;
    font-size: 1em;
    font-weight: bold;
}

.read .notificationTitle {
    width: 75%;
    font-weight: normal;
}

.notificationTitle span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.leftSideMenu .notificationIndicator {
    font-size: 0.65em;
    font-weight: bold;
    width: 18px;
    height: 18px;
    color: var(--white);
    background-color: var(--blood-red);
    padding: 0px;
    border-radius: 50%;
    border: 1px solid var(--white);
    position: absolute;
    top: -8px;
    text-align: center;
    vertical-align: middle;
    line-height: 16px;
    margin-left: 0px;
    box-shadow: 0 0 5px var(--black-trasp-7);
    right: -6px;
}

.notificationIndicator {
    font-size: 0.65em;
    font-weight: bold;
    width: 18px;
    height: 18px;
    color: var(--white);
    background-color: var(--blood-red);
    padding: 0px;
    border-radius: 50%;
    border: 1px solid var(--white);
    position: absolute;
    top: 4px;
    text-align: center;
    vertical-align: middle;
    line-height: 16px;
    margin-left: -10px;
    box-shadow: 0 0 5px var(--black-trasp-7);
}

.OnDateTab {
    right: 2px;
    top: 2px;
}
ul.UlDateTime li:nth-child(1) {
    display:none;
}
#ProfileDashboardDiv ul.UlDateTime li:nth-child(1) {
    display: block !important;
}
ul.UlDateTime li a span:nth-child(2) {
    padding: 6px;
}
ul.UlDateTime li.active a span:nth-child(2), ul.UlDateTime li:hover a span:nth-child(2) {
    background-color: var(--primary);
    color: white;
    border-radius: 50px;
    padding: 6px;
    font-size: .85rem;
    font-weight: normal !important;
}
ul.UlDateTime li:nth-child(1).active a span:nth-child(2) {
    background-color: none;
    color: var(--white);
    border-radius: 50px;
    padding: 6px;
    font-size: .85rem;
}
ul.UlDateTime li a span:nth-child(2) {
    font-weight:normal!important;
}
.noArrowIcon .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border: none;
}

.noArrowIcon .dropdown-menu {
    width: 250px;
}

    .noArrowIcon .dropdown-menu a {
        white-space: normal;
        margin: 6px 0px;
    }

.noArrowIcon .dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1em;
    color: var(--dark-gray);
    text-align: left;
    list-style: none;
    background-color: var(--white);
    background-clip: padding-box;
    border: 0px solid var(--black-trasp-1);
    border-radius: .5rem;
    box-shadow: var(--box-shadowBig);
}

.boxTitle {
    font-size: 1em;
    color: var(--light-gray2);
}

.datesTabs .nav-item + .nav-item {
    padding-left: 3px;
}

.datesTabs .nav-link {
    border-color: var(--light-gray);
    color: var(--light-gray2);
}

.borderBox {
    border: 1px solid var(--color4);
    border-radius: 4px;
    color: var(--color4);
    overflow: hidden;
}

.borderBox2 {
    border-color: var(--primary);
    color: var(--primary);
}
/*Different color styles added to change the colors of the items in Dashboard > My Schedule list  (Agenda,Sessions, Abstracts, Appointments, Custom, Exhibitor Appointments)- Start*/
.borderBox2.Sessions, .borderBox2.Sessions .btn-border {
        border-color: #8ec34f;
    }
.borderBox2.Sessions p {
        color: #8ec34f;
    }

.borderBox2.Appointments, .borderBox2.Appointments .btn-border {
        border-color: #bf60e0;
        
    }
.borderBox2.Appointments p {
        color: #bf60e0;
    }
    .borderBox2.Agenda, .borderBox2.Agenda .btn-border {
        border-color: #8cb9fd;
        color: #8cb9fd;
    }

.borderBox2.CustomAppointment, .borderBox2.CustomAppointment .btn-border {
        border-color: #fd924e;
        color: #fd924e;
    }

.borderBox2.ExhibitorAppointment, .borderBox2.ExhibitorAppointment .btn-border {
        border-color: #ff4c4d;
        color: #ff4c4d;
    }

.borderBox2.Abstracts, .borderBox2.Abstracts .btn-border {
        border-color: #3A4ADB;
        color: #3A4ADB;
    }

/*Different color styles added to change the colors of the items in Dashboard > My Schedule list  (Agenda,Sessions, Abstracts, Appointments, Custom, Exhibitor Appointments)- End*/

.borderBox2 .boxColorTitle {
        color: #8ec34f;
    }
.borderBox3 {
    border-color: var(--text);
    color: var(--text);
}

.borderBox4 {
    border-color: var(--text);
    color: var(--text);
    background-color: var(--light-gray)
}

.borderBox5 {
    border-color: var(--blood-red);
}

    .borderBox5 .boxColorTitle {
        color: var(--blood-red);
    }

    .borderBox5 .tagStyle {
        background-color: var(--blood-red);
    }

.borderBox6 {
    border-color: var(--color4);
}

    .borderBox6 .boxColorTitle {
        color: var(--color4);
    }

    .borderBox6 .tagStyle {
        background-color: var(--color4);
    }

.borderBox7 {
    border-color: var(--primary);
}

    .borderBox7 .boxColorTitle {
        color: var(--primary);
    }

    .borderBox7 .tagStyle {
        background-color: var(--primary);
    }

.scrollContent {
    max-height: 50vh;
    overflow: auto;
}

.borderBox.personal {
    border: 1px solid var(--color5);
    color: var(--color5);
}

.meetingEvent {
    background: var(--color4);
    border-radius: 4px;
}

.personalEvent {
    background: var(--color5);
    border-radius: 4px;
}

.eventTitle {
    font-size: 1em;
}

.eventCopy {
    font-size: .8em;
}

.lightCard {
    background: var(--primary-light);
    border-radius: 5px;
    color: var(--text2)
}

    .lightCard .darkTitlet {
        color: var(--text2);
        font-size: 1em;
    }

.lightText {
    color: var(--text)
}

.lightCard .imgWrap img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: 2px solid var(--primary-dark)
}

.desktopSlider .carousel-item {
    transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
}

.datesTabs .nav-link.active {
    background: var(--primary-dark);
    border-color: var(--primary-dark);
    color: var(--white)
}
/*START: Booth*/
.boothBg {
    width: 100%;
}

.centerBox img,
.pillerBanner img,
.deskBoothLogo img,
.topBoothLogo img,
.sideBoothLogo img {
    width: 100%;
}

.centerBox,
.pillerBanner,
.deskBoothLogo,
.topBoothLogo,
.sideBoothLogo {
    position: absolute;
    padding: 2px;
}

.boothWrapper {
    position: relative;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#545454+0,aaaaaa+66,545454+100 */
    /*background: #545454;*/ /* Old browsers */
    /*background: -moz-linear-gradient(top, #545454 0%, #aaaaaa 66%, #545454 100%);*/ /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top, #545454 0%,#aaaaaa 66%,#545454 100%);*/ /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, #545454 0%,#aaaaaa 66%,#545454 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#545454',GradientType=0 );*/ /* IE6-9 */
}

.boothA .topBoothLogo {
    top: 7.8vw;
    left: 26vw;
    width: 21vw;
}

.boothA .sideBoothLogo {
    top: 12vw;
    left: 26vw;
    width: 21vw;
}
/*Booth personnel section Start*/
.boothPersonnelSection {
    display: flex;
    flex-direction: row;
    position: absolute;
    top: 540px;
    left: 580px;
    width: 52vw;
    height: 200px;
}

.boothPersonnelBlock {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0px 6px
}

.personnelInfo {
    display: flex;
    flex-direction: column;
    width: 150px;
    align-items: center;
    flex-grow: 1;
    border: 2px solid #ffffff;
    padding: 10px;
    min-width: 8vw;
    border-radius: 12px;
    box-shadow: 0px 0px 7px #00000030;
}

    .personnelInfo.ColorOne {
        background-color: var(--color8);
    }

    .personnelInfo.ColorTwo {
        background-color: var(--color11);
    }

    .personnelInfo.ColorThree {
        background-color: var(--color9);
    }

    .personnelInfo.ColorFour {
        background-color: var(--color10);
    }

    .personnelInfo.ColorFive {
        background-color: var(--color7);
    }

    .personnelInfo .BPphoto {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        border: 2px solid #ffffff;
        margin-bottom: 4px;
        overflow: hidden;
    }

        .personnelInfo .BPphoto img {
            width: 100%;
            height: auto;
        }

    .personnelInfo .BPname {
        font-size: .9em;
        color: var(--white);
        text-align: center;
    }

    .personnelInfo .BPtitle {
        font-size: .75em;
        color: var(--dark-gray);
        text-align: center;
    }

    .personnelInfo .BPbuttons {
    }

.roundBtn {
    height: 35px;
    width: 35px;
    padding: 4px 0px 0px 0px;
    margin: 0px 1px;
}

    .roundBtn i.fa {
        width: 14px;
    }

.stand {
    width: 2px;
    height: 26px;
    background-color: var(--white);
}

/*Booth personnel section End*/

.visitBooth {
    position: absolute;
    top: 4.4vw;
    right: 6.25vw;
    font-size: 2.5vw
}

.backArrow {
    position: absolute;
    top: 3.8vw;
    left: 6.25vw;
    font-size: 2.5vw
}

.boothA .pillerBanner {
    top: 21vw;
    left: 4vw;
    width: 14.8vw;
}

.boothA .deskBoothLogo {
    top: 46vw;
    right: 18.2vw;
    width: 11vw;
}

.centerBox {
    position: static;
    /*   width: 25vw;*/
    margin: 0 auto 1vw;
}

.boothA .fullWidth {
    width: 24.7vw;
    display: block;
}

.mainBox {
    position: absolute;
    top: 22vw;
    left: 31vw;
    width: 36.8vw;
    text-align: center;
}

    .linkList .btn, .visitBooth .btn,
    .mainBox .btn {
        background-color: var(--white);
        border-radius: 0;
        box-shadow: 0 0 5px var(--black-trasp-3);
        color: var(--primary);
        border: 1px solid var(--border-color);
        font-size: .9vw;
        margin-bottom: .5vw;
    }

        .linkList .btn:hover,
        .mainBox .btn:hover {
            background-color: var(--primary);
            color: var(--white)!important;
        }

.linkList .btn {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .linkList .btn .fa:first-child {
        width: 1.4vw;
    }

.linkList {
    position: absolute;
    top: 20vw;
    left: 65vw;
    width: 12vw;
}

.boothB .topBoothLogo {
    top: 1vw;
    left: 9vw;
    max-width: 17.5vw;
}

.boothB .boothBranding1,
.boothB .boothBranding2,
.boothB .boothBranding3 {
    position: absolute;
    background-color: var(--booth-brand-color);
}

.boothB .boothBranding1 {
    top: 5.3vw;
    left: 5vw;
    width: 89vw;
    height: 50px;
}

.boothB .boothBranding2 {
    top: 10.5vw;
    left: 12vw;
    width: 3.5vw;
    height: 37.5vw;
}

.boothB .boothBranding3 {
    top: 50.1vw;
    left: 4.6vw;
    width: 89.9vw;
    height: 7px;
}

.boothB .sideBoothLogo {
    top: 16vw;
    left: 7vw;
    max-width: 17.5vw;
    background-color: var(--white);
}

.boothB .topBoothLogo img {
    max-height: 120px;
    max-width: 100%;
    width: auto;
    border: 2px solid var(--white);
    box-shadow: 0 0 4px var(--black-trasp-3);
    background-color: var(--white);
}

.boothB .sideBoothLogo img {
    max-height: 300px;
    max-width: 100%;
    width: auto;
    border: 2px solid var(--white);
    box-shadow: 0 0 4px var(--black-trasp-3);
    background-color: var(--white);
}

.boothB .deskBoothLogo img {
    max-height: 80px;
    max-width: 100%;
    width: auto;
    background-color: var(--white);
}

.boothB .centerBox img {
    max-height: 250px;
    max-width: 100%;
    width: auto;
    padding: 2px;
    background-color: var(--white);
    box-shadow: 0 0 4px rgb(0 0 0 / 30%);
}

.boothB .fullWidth {
    max-width: 30vw;
    max-height: 20vw;
    padding: 0;
    display: block;
    width: 330px;
    height: 220px;
    margin: auto;
}

.boothB .centerBox {
    max-width: 30vw;
}

.boothB .mainBox {
    top: 14.5vw;
    left: 41vw;
    width: 36.8vw;
}

.boothB .linkList {
    left: 27.25vw;
}

.boothB .deskBoothLogo {
    top: calc(37.5vw + var(--header-height));
    left: 21vw;
    max-width: 11vw;
}
/*END: Booth*/
@media (max-width: 991px) {
    .bannerlastCol {
        position: static;
    }
}

@media (max-width: 1199px) {
    .mobileDropdown {
        position: absolute;
        left: 0;
        right: 0;
        top: 50px;
        padding: .5rem 1rem;
        z-index: 2;
        background: var(--primary-transparent)
    }
}

.validation-summary-errors ul {
    margin: 0 0 10px 0;
    padding: 0;
}

.validation-summary-errors li {
    list-style: none;
}
/**START: Copy to clipboard css**/
.passcodeField {
    overflow: hidden;
    height: 0;
    width: 0
}

.copyPasscode {
    z-index: 1;
 /*   background-color: var(--primary-dark);*/
    border: 1px solid var(--primary-dark) !important;
    background: var(--white);
    color: var(--primary);
}

/**END: Copy to clipboard css**/
/*START -- Font size and colors for lists and profile info -- START*/
.fixedHeightSpeakers {
    min-height: 196px;
    display: flex !important;
    justify-content: center;
}

.fixedHeightExhibitor {
    min-height: 148px;
}
.exhibitorCategory {
    background-color: #ebebeb;
    border-radius: 50px;
    color: #4c4c4c;
    padding: 4px 8px;
}
.fixedHeightEventListBanner {
    min-height: 140px;
}

#ProfileImage,
.ProfilePicPresenter,
.cardMedia img {
    width: 100%;
    height: 100%;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #ebebeb;
}

.EventUserProfileList .cardMedia {
    position: relative;
    /* padding-top: 100%;*/
}

    .PresenterList .cardMedia img, .EventUserProfileList .cardMedia img {
        /*   position: absolute;
        top: 0;
        left: 0;*/
        width: 100px;
        height: 100px;
        object-fit: cover;
    }

.cardTitle {
    font-size: 1.5em;
    color: var(--primary-dark);
}

.cardSubTitle {
    font-size: 1em;
    color: var(--text);
}

.cardCopy {
    font-size: 1em;
    color: var(--text2);
}

.sideBar .cardMedia img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border: 1px solid var(--black-trasp);
}

.sideBar .cardTitle {
    font-weight: normal;
    font-size: 1.2em;
    color: var(--primary-dark);
}

.sideBar .cardSubTitle {
    font-size: 1em;
    color: var(--text);
}

.sideBar .cardCopy {
    font-size: 1em;
    color: var(--text2);
}
.listTitle {
color:var(--primary-dark);
}
.listStyle .cardMedia img {
    width: 50px;
    height: 50px;
    border: 2px solid var(--primary-dark);
}

.listStyle .cardTitle {
    font-size: 1em;
    color: var(--text2);
}

.listStyle .cardSubTitle {
    font-size: 0.9em;
    color: var(--text);
}

.sectionTitle {
    font-size: 1.5em;
    color: var(--primary-dark);
}

.sectionTitle u {
        text-decoration: none;
    }

.sectionSubTitle {
    font-size: 1em;
    color: var(--text)
}

.sectionCopy {
    font-size: 1.1em;
    color: var(--text2)
}

.listStyle .sectionTitle {
    
    color: var(--primary-dark)
}

.SessionSponsors {
    flex-wrap: wrap;
}

    .SessionSponsors img {
        width: 80px;
    }

.listStyle .sectionCopy {
    font-size: 1em;
    color: var(--text2)
}

.speakerWrapper > .btn:hover {
    background-color: var(--primary-light);
    
}
/*Sessions's list > Speaker record button END*/

/*Start Tracks List and Profile Styles */
.TrackColor {
    border-left: 10px solid var(--color4);
}

.TrackListSmall .btn {
    font-size: .9em;
    border: none;
}

.LocationListMid .btn {
    font-size: 1em;
    box-shadow: none;
}

    .LocationListMid .btn:hover {
        color: var(--primary)
    }

.snsIconBox {
    min-height: 32px;
}
/*End Tracks List and Profile Styles */
/* END -- Font size and colors for lists and profile info -- END */
.navbar-toggler-icon span {
    margin-top: -1px;
}

/*.navbar-brand::before {
    content: "\f015";
    font: normal normal normal 1.2em/1 FontAwesome;
    color: white;
    margin-right: 6px;
}*/

.navbar-toggler-icon {
    position: relative;
}

    .navbar-toggler-icon span,
    .navbar-toggler-icon span:before,
    .navbar-toggler-icon span:after {
        position: absolute;
        content: "";
        height: 2px;
        width: 100%;
        display: block;
        background: var(--white);
        top: 50%;
        border-radius: 1px;
        transition: transform 0.5s;
    }

        .navbar-toggler-icon span:before {
            top: -10px;
        }

        .navbar-toggler-icon span:after {
            top: 10px;
        }

.navbar-toggler[aria-expanded=true] .navbar-toggler-icon span {
    background: none;
}

    .navbar-toggler[aria-expanded=true] .navbar-toggler-icon span:before {
        transform: rotate( -45deg );
    }

    .navbar-toggler[aria-expanded=true] .navbar-toggler-icon span:after {
        transform: rotate( 45deg );
    }

    .navbar-toggler[aria-expanded=true] .navbar-toggler-icon span:before,
    .navbar-toggler[aria-expanded=true] .navbar-toggler-icon span:after {
        top: 0;
    }


.heartIconTopRight {
    position: absolute;
    top: 13px;
    right: 26px;
}

.viewPassword:focus {
    outline: none;
}

.lightBg {
    background-color: var(--primary-light)
}

.customStyleAns {
    padding-left: 0;
}

    .customStyleAns .custom-control-label::before {
        left: 8px;
        top: 9px;
    }

    .customStyleAns .custom-control-label::after {
        left: 8px;
        top: 9px;
    }

    .customStyleAns .custom-control-label {
        display: block;
        border: 1px solid var(--border-color);
        padding: 5px 5px 5px 30px;
        border-radius: 20px;
    }

    .customStyleAns input:checked + .custom-control-label {
        border-color: var(--primary-dark)
    }
/*START: Rooms*/
.opacity-3 {
    opacity: 0.3;
}

.roomOutWrap h6 {
    font-size: 0.9em;
    color: var(--primary-dark);
}

.roomOutWrap {
    padding: 5%;
    border: 5px solid var(--light-bg2);
    position: relative;
    background: var(--white2);
    /*background-image: url(https://www.shutterstock.com/image-photo/seamless-oak-laminate-parquet-floor-texture-134695088);*/
    /*background-size: cover;*/
}

    .roomOutWrap:before {
        content: "";
        height: 5px;
        top: -5px;
        left: 50%;
        transform: translate(-50%);
        min-width: 30%;
        background: var(--white);
        position: absolute;
    }

.liveRoomBorder .roomOutWrap {
    border-color: var(--green);
    animation: blink-border 1s infinite alternate;
}

@keyframes blink-border {
    0% {
        border-color: var(--white);
    }

    100% {
        border-color: var(--green);
    }
}

.liveRoom .roomOutWrap:after {
    background: var(--green);
    box-shadow: 1px 1px 0 var(--light-bg2);
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    animation: blink 1s infinite alternate;
}

@keyframes blink {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.roowWrap {
    background: var(--light-bg2);
    position: relative;
    padding-top: 70%;
    border-radius: 20px
}

    .roowWrap .roomTitle {
        position: absolute;
        padding: 5px;
        border-radius: 5px;
        font-size: .85em;
        z-index: 1;
        color: var(--black);
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

        .roowWrap .roomTitle span {
            padding: 10px 10px;
            border-radius: 6px;
            background-color: var(--white);
            max-width: 80%;
        }

    .roowWrap .table {
        border-radius: 40px;
        min-width: 50px;
        min-height: 50px;
        height: 5vw;
        width: 5vw;
        position: absolute;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        background-color: var(--white-trasp);
        border: 0px solid var(--white-trasp);
    }

.roomChair6 .table {
    width: 12vw;
    min-width: 120px;
}

.roomChair8 .table {
    width: 11vw;
    min-width: 100px;
}

.roowWrap .chair {
    position: absolute;
    min-width: 30px;
    min-height: 32px;
    width: 2.5vw;
    background: url("../Images/Chair_C_01.png") 0 0 no-repeat;
    background-size: contain;
}

.roomChair6 .chair1,
.roomChair6 .chair2,
.roomChair6 .chair3,
.roomChair8 .chair1,
.roomChair8 .chair2,
.roomChair8 .chair3,
.roomChair4 .chair1,
.roomChair2 .chair1 {
    top: 9%;
    left: 50%;
    transform: translate(-50%) rotate(180deg);
}

.roomChair8 .chair5,
.roomChair8 .chair6,
.roomChair8 .chair7,
.roomChair6 .chair6,
.roomChair6 .chair5,
.roomChair6 .chair4,
.roomChair4 .chair3,
.roomChair2 .chair2 {
    top: auto;
    bottom: 9%;
    left: 50%;
    transform: translate(-50%);
}

.roomChair8 .chair8,
.roomChair4 .chair4 {
    left: 8%;
    top: 50%;
    transform: translateY(-50%);
}

.roomChair8 .chair4,
.roomChair4 .chair2 {
    right: 8%;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
}

.roomChair8 .chair4 {
    right: 4%;
}

.roomChair8 .chair8 {
    left: 4%;
}

.roomChair8 .chair7,
.roomChair6 .chair6 {
    transform: translateX(-170%);
}

.roomChair8 .chair1,
.roomChair6 .chair1 {
    transform: translateX(-170%) rotate(180deg);
}

.roomChair8 .chair5,
.roomChair6 .chair4 {
    transform: translateX(65%);
}

.roomChair8 .chair3,
.roomChair6 .chair3 {
    transform: translateX(65%) rotate(180deg);
}

.roomChair8 .chair4 {
    transform: translateY(-50%) rotate(-90deg);
}

.roomChair8 .chair8 {
    transform: translateY(-50%) rotate(90deg);
}

.roomChair8 .chair4,
.roomChair8 .chair5,
.roomChair8 .chair6,
.roomChair8 .chair7,
.roomChair8 .chair8 {
    /*background-position: 0 bottom;*/
}

.sliderWrap {
    position: relative;
}

    .sliderWrap .sliderArrow {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 2.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
    }

.sliderArrow .fa {
    background: var(--light-gray2);
    padding: 30px 0;
    display: inline-block;
    text-align: center;
    width: 100%;
    color: var(--dark-gray)
}

.sliderWrap .rightArrow {
    right: 0;
    left: auto;
}

.userList .userWrap:nth-of-type(6n+1) .userCard,
.roomList .roomCnt:nth-of-type(6n+1) .roowWrap {
    background: var(--color7);
}

.userList .userWrap:nth-of-type(6n+2) .userCard,
.roomList .roomCnt:nth-of-type(6n+2) .roowWrap {
    background: var(--color8);
}

.userList .userWrap:nth-of-type(6n+3) .userCard,
.roomList .roomCnt:nth-of-type(6n+3) .roowWrap {
    background: var(--color9);
}

.userList .userWrap:nth-of-type(6n+4) .userCard,
.roomList .roomCnt:nth-of-type(6n+4) .roowWrap {
    background: var(--color10);
}

.userList .userWrap:nth-of-type(6n+5) .userCard,
.roomList .roomCnt:nth-of-type(6n+5) .roowWrap {
    background: var(--color11);
}

.userList .userWrap:nth-of-type(6n+6) .userCard,
.roomList .roomCnt:nth-of-type(6n+6) .roowWrap {
    background: var(--color12);
}

.userCard {
    border-radius: 10px;
}

    .userCard img {
        border: 3px solid var(--white);
    }

.meetingWrap {
    border: 12px solid var(--light-bg2);
    position: relative;
    /*background-image: url(https://images.unsplash.com/photo-1505409859467-3a796fd5798e?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80);*/
    min-height: 70vh;
}

.meetingRoomName {
    background: var(--white);
    width: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--primary-dark);
    border: 0px solid var(--primary-dark);
    border-radius: 10px;
    height: 80px;
    font-size: 1.25em;
    box-shadow: 0 0 5px var(--black-trasp-5);
    padding: 0px 10px;
}

.userCard .userTitle {
    /*color: var(--text2);*/
}

.userCard .userTitle, .userCard .userCompany {
}

.waitingList .dropdown-menu .userCard img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border: 2px solid var(--black-trasp-3);
}

.userCardImg img {
    width: 60px;
    height: 60px;
    object-fit: cover
}

.meetingTopWrap {
    margin-top: -100px;
}

.waitingList {
    position: absolute;
    right: 3rem;
    top: 45px;
}

.loginWrapper .eventBanner {
    margin-bottom: 20px;
}
/*END: Rooms*/
.NotificationWrapper:hover .dropdown-menu {
    display: block;
    top: -4px;
}

.noMinH {
    min-height: auto;
}
/**Start: Leaderboard*/
.leaderBoardImg img.Big {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border: 2px solid var(--primary-dark)
}

.leaderBoardImg img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border: 1px solid var(--primary-dark)
}

.highLight2 {
    border: 1px solid var(--primary)
}

.highLight {
    background-color: var(--primary-light)
}

.rankBadge {
    width: 40px;
    height: 40px;
}

.rankBadgeSmall {
    width: 30px;
    height: 30px;
}

.rank {
    position: relative;
    width: 35px;
    text-align: center
}

.rankIn {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 8px;
    font-size: 0.7em;
}

.rankInTitle {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 11px;
    font-size: 1.1em;
}

.highLight .rankIn, .number1 .rankIn, .number2 .rankIn, .number3 .rankIn, .rankInTitle {
    color: var(--white)
}

.highLight .fa,
.number1 .fa {
    color: var(--primary-dark)
}

.number2 .fa {
    color: var(--primary-transparent)
}

.number3 .fa {
    color: var(--primary);
}

.lineH1,
.leaderPoints {
    line-height: 1;
}

.leaderBoardName.Title {
    font-size: 1.1em;
}

.leaderBoardName, .leaderBoardActivityName {
    font-size: 0.9em;
}
/**END: Leaderboard*/
.desktopSlider img {
    width: 100%;
}

.maxWidthSlider {
    max-width: 21vw;
}

    .maxWidthSlider img {
        width: 100%;
    }

.intrestTags {
    background: var(--primary-light);
    color: var(--text2);
}

.alertMsg .close {
    top: -3px;
}

.squarBtn {
    min-height: 43px;
    padding-top: 9px;
}

.greenText {
    color: var(--green)
}

.btn-border:hover .greenText {
    color: var(--white)
}

.btn-border:hover .redText {
    color: var(--white)
}

.orangeText {
    color: var(--orange)
}

.btnHeight {
    min-height: 56px;
}

.btn2 {
    border-color: var(--color2);
    color: var(--color2);
    pointer-events: none;
}

    .btn2:hover {
        color: var(--white);
        background-color: var(--color2);
    }

.btn2Orange {
    border-color: var(--color2);
    color: var(--color2);
}

    .btn2Orange:hover {
        color: var(--white);
        background-color: var(--color2);
    }

.btn3 {
    border-color: var(--green);
    color: var(--green);
    pointer-events: none;
}

    .btn3:hover {
        color: var(--white);
        background-color: var(--green);
    }


.btn4 {
    border-color: var(--text);
    color: var(--text);
    pointer-events: none;
}

.btn5 {
    border-color: var(--color5);
    color: var(--color5);
}

    .btn5:hover {
        color: var(--white);
        background-color: var(--color5);
    }

.customLabel {
    position: relative;
    padding-top: 15px;
}

    /*.customLabel .form-control {
        border-color: var(--primary);
    }* commented this as TJ suggested remove border color of input boxes on my profile in case of speaker dashboard*/
form:not(#frmEditProfile) .customLabel .form-control {
    border-color: var(--primary);
}

    .customLabel .form_label {
        position: absolute;
        left: 13px;
        top: 22px;
        color: var(--text);
        transition: all .5s;
        outline: none;
        pointer-events: none;
        padding: 0 5px;
    }

.EventUserProfileList .input-group .custom-file-label,
.EventUserProfileList .input-group .custom-file-label:after {
    border-radius: 0 .25rem .25rem 0 !important;
}

.EventUserProfileList .input-group .input-group-append .btn {
    border-radius: .25rem
}

.EventUserProfileList .input-group .input-group-append {
    margin-left: 20px;
    border-radius: .25rem
}

.customLabel .filled + .form_label,
.customLabel .form-control:focus + .form_label {
    top: 5px;
    left: 5px;
    font-size: 85%;
    background: var(--white)
}

.customLabel .form-control:focus {
    outline: none;
}

.hallViewToggleBtn {
    right: 10px;
    top: 215px;
    z-index: 1
}

.chatBackBtn {
    display: none;
}

.mobileDropdown #navRightSec {
    justify-content: space-between;
    display: flex;
    border-bottom: 1px solid var(--white);
    padding-bottom: 10px;
    padding-left: 13px;
    margin-left: 0 !important;
    margin-bottom: 10px;
}

.mobileDropdown .NotificationWrapper {
    display: none !important;
}

.profileBannerCnt img.imageWidth {
    height: 100px;
    width: 100px;
    object-fit: cover;
}

.abstractListWrap [aria-expanded="false"] .fa,
.accordianHead[aria-expanded="false"] .fa {
    transform: rotate( 180deg );
}

.abstractListWrap [aria-expanded="true"] .fa,
.accordianHead[aria-expanded="true"] .fa {
    transform: rotate( 0deg );
}

.primaryTag {
    border: 1px solid var(--primary-dark);
    color: var(--primary-dark);
    font-size: .6rem;
    padding: 3px 7px;
    border-radius: 3px;
}

.documentList {
    max-height: 50vh;
    overflow: auto;
}

.modalBig .modal-dialog {
    max-width: 800px;
}

.pagiTabs .page-link {
    color: var(--primary-dark)
}

    .pagiTabs .page-link.active {
        color: var(--white);
        background-color: var(--primary-dark)
    }

.stripStyle > div {
    float: left;
    width: 50%;
}

.ratingCommentsList .btn {
    display: flex
}

.stripStyle .fa-comment-o {
    display: none
}

.stripStyle .btn:hover {
    color: var(--white);
    background-color: var(--primary-dark)
}

.stripStyle div:nth-child(4n),
.stripStyle div:nth-child(4n - 1) {
    background-color: var(--light-gray)
}

.folderStyle .card-header {
    color: var(--primary);
    background-color: transparent;
    cursor: pointer;
}

    .folderStyle .card-header [aria-expanded="true"] .fa-angle-down {
        transform: rotate(180deg)
    }

    .folderStyle .card-header [aria-expanded="true"] .fa-folder-o,
    .folderStyle .card-header .fa-folder-open-o {
        display: none
    }

    .folderStyle .card-header [aria-expanded="true"] .fa-folder-open-o {
        display: inline-block
    }

.navList.allMenus {
    display: none;
}

@media screen and (min-device-width: 768px) and (max-device-width: 1023px) {
    .navList.allMenus {
        display: block;
    }
}

/*START: Responsive*/
@media (max-width: 579px) {

   
    .mobileDropdown {
        background: var(--primary-transparent);
    }

    .bannerSponsorProfileImg img {
        max-width: 100%;
    }

    .pageTabsStyle .nav-link,
    .mainTabs .nav-link {
        padding-left: 5px;
        padding-right: 5px;
    }

    .speakerWrapper {
        justify-content: space-between;
        
    }

    .speakerBlockBtn {
        max-width: 48%;
        margin-right: 0;
    }

        .speakerBlockBtn .smlText {
            padding-left: 0 !important;
        }

    .LocationListMid > a,
    .ActivityListItem .smlText {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .LocationListMid > a {
        display: block !important
    }
}

@media (min-width: 768px) {
    .bannerBtmCnt {
        margin-top: -10px;
    }

    .stickySidebar .stickSideBar {
        position: sticky;
        top: calc(var(--header-height) + 15px);
    }

    .stickySidebar.sticky .stickSideBar .scrolCard {
        max-height: calc(100vh - 86px);
        overflow: auto;
    }
}

@media (max-width:576px) {

    #DashboardSideColumn .profileBannerCnt img.rounded-circle,
    .profileBannerCnt img.imageWidth {
        height: 120px;
        width: 120px;
    }
}

@media (max-width: 767px) {
    .sendbird-modal__content {
        width: 95%;
    }

    .sendbird-add-channel__rectangle {
        width: 100%;
    }

    .sendbird-user-list-item {
        width: 100%;
    }


    .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__filename {
        max-width: 31vw;
    }

    .sendbird-theme--light .sendbird-dropdown__menu {
        margin-left: 9vw;
    }

    .mobileDropdownPopup .dropdown-menu {
        position: fixed !important;
        transform: none !important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .mobileFilterStyle {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 11;
        right: 0;
        bottom: 0;
        display: none;
        padding-bottom: 50px;
    }

        .mobileFilterStyle.show {
            display: block
        }

    .btn-bottom {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--white)
    }

    .backArrow {
        position: static;
        text-align: center;
        margin-top: 20px;
        font-size: 1.2em;
    }

        .backArrow * {
            color: var(--primary) !important;
        }

    .boothB .topBoothLogo,
    .boothB .deskBoothLogo,
    .boothB .linkList,
    .boothB .mainBox {
        position: static;
        width: 80vw;
        max-width: none;
        margin: 20px auto 0;
    }

    .mainBox .btn {
        margin-top: 20px;
        display: block;
        text-align: left
    }

    .linkList {
        padding-bottom: 20px;
    }

        .linkList .btn,
        .mainBox .btn {
            font-size: 1em;
            padding: .5rem .5rem;
        }

            .linkList .btn .fa:first-child {
                width: auto;
                margin-right: 0.5rem
            }

    .boothB .centerBox {
        max-width: none
    }

    .boothB .topBoothLogo img,
    .boothB .deskBoothLogo img,
    .boothB .mainBox img {
        max-width: none;
        width: 100%;
        max-height: none;
    }



    .collapse.accordianBody.show {
        display: none;
    }

    .collapse.accordianBody {
        display: block
    }

    .profileBanner .bannerTopRight {
        position: absolute;
        top: 13px;
        right: 15px;
    }
}

@media (max-width: 1200px) {
    .sponserBannerPiller1 {
        margin-left: -25vw;
    }

    .sponserBannerPiller2 {
        margin-left: 33vw;
    }
}

@media (max-width: 991px) {
    .profileBannerCnt img.imageWidth {
        height: 80px;
        width: 80px;
    }

    .sponserBannerPiller3 img,
    .sponserBannerPiller4 img {
        max-height: none;
        overflow: hidden;
    }

    .sponserBannerPiller3,
    .sponserBannerPiller4 {
        max-width: 90vw;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

    .maxWidthSlider {
        max-width: 80vw;
    }

        .maxWidthSlider img {
            width: 80vw;
        }

    .lobbyWrapper .mobileSlider {
        width: 86vw;
    }

    .listStyle .cardTitle {
        text-align: center
    }

    .fixedHeader {
        padding-left: 0;
        padding-right: 0;
    }

    .helpText {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        width: 120px;
        text-align: center;
        margin: 5px auto;
        background: var(--primary-transparent);
        color: var(--white);
    }

    .lobbyWrapper,
    .loginWrapper {
        background: none;
        padding: 20px 0;
        overflow: auto;
    }


        .lobbyWrapper .lobbyBg {
            opacity: 1;
            height: 100vw;
            width: auto;
        }

        body .mobileBgStyle,
        .loginWrapper .loginBg {
            opacity: 1;
            position: fixed;
            left: 50%;
            top: 0;
            height: 100vh;
            min-height: 100vh;
            min-width: 100vw;
            width: auto;
            filter: blur(4px);
            transform: translate(-50%)
        }

        .loginWrapper .eventBanner {
            margin-bottom: 10px;
        }

    #ProfileImage, .ProfilePicPresenter, .cardMedia img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        object-fit: cover;
    }

    .fixedHeightSpeakers {
        min-height: 50px;
    }

    .sponsorVideo,
    .sponserBanner,
    .dateTimer,
    .loginWrapper .eventBanner,
    .loginBox {
        position: static;
        transform: none;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        max-width: 90vw;
    }

    .mobileCont {
        position: relative;
    }

    .flipper {
        font-size: 1.5em;
    }

    .flipper-group label {
        font-size: .9em;
    }

    .dateTimer {
        width: 208px;
        margin: 0 auto;
        padding: 10px 0;
    }

    .loginBox {
        margin: auto;
        margin-bottom: 20px;
        max-width: 300px;
    }

    .sponserBannerPiller4 {
        margin-top: 15px;
    }

    .eventBanner img {
        width: 100%;
    }

    .sponsorVideo,
    .sponserBanner {
        max-width: fit-content;
        margin-bottom: 20px;
    }

        .sponserBanner iframe,
        .sponsorVideo iframe {
            width: 87vw !important;
            height: 49vw !important;
        }

    .dateTimer h6 {
        text-shadow: 0 0 2px var(--white)
    }


    .lobbyWrapper {
        padding-top: 0;
    }

        .lobbyWrapper .navList {
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            position: relative;
        }

            .lobbyWrapper .navList li {
                position: static;
                margin: 5px !important;
                display: inline-block;
                transform: none;
                width: 42vw;
                max-width: 294px;
            }

                .lobbyWrapper .navList li a {
                    background: var(--white);
                    background: var(--lobby-mobile-tab-bg);
                    color: var(--white);
                    border: 1px solid var(--white);
                    border-radius: 4px;
                    height: 130px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    padding: 0;
                    white-space: normal;
                }

                    .lobbyWrapper .navList li a:hover {
                        color: var(--white)
                    }

        .lobbyWrapper .topBanners {
            position: static;
            transform: none;
            flex-direction: column;
            align-items: center;
            max-width: 600px;
            margin: 0 auto;
        }

    .topBanners {
        margin-bottom: 0;
    }

    #HallView .topBanners {
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
    }

    .mobileSlider {
        width: 80vw;
        border: 2px solid var(--white);
        overflow: hidden;
        margin: 0 auto;
    }

        .mobileSlider img {
            border: 0;
            width: 100%;
        }

        .mobileSlider .carousel-item,
        .lobbyWrapper .topBanners .carousel-item {
            max-width: none;
            width: 100%;
            text-align: center;
            transition: transform .6s ease-in-out;
        }

        .mobileSlider .carousel-item {
            padding: 0;
        }

    .topBanners {
        /*padding-top: 70px;*/
    }

    .boothList {
        margin-top: 30px;
    }
}

@media (min-width: 992px) {
    .FeaturedSponsorsDiv .desktopSlider img {
        max-height: 10vw;
        object-fit: contain;
        background-color: #fff;
    }

    .lobbyWrapper .topBanners img {
        width: 12.5vw;
        max-height: 6.5vw;
        object-fit: contain;
        background-color: #fff;
    }

    .sponserBannerPiller1 img,
    .sponserBannerPiller2 img,
    .sponserBannerPiller3 img,
    .sponserBannerPiller4 img {
        object-fit: contain;
        background-color: #fff;
    }

    .sponsorVideo .imgWrap {
        /*max-width: 530px;*/
    }
    /*Login page Big video class Start*/
    .sponsorVideo.bigVideo .imgWrap {
        padding: 5px;
        width: 40vw;
        height: 22.8vw;
    }

    .sponsorVideo.bigVideo iframe {
        display: block;
        width: 100%;
        height: 100%;
    }
    /*Login page Big video class end*/
    .sponserBannerPiller4,
    .sponserBannerPiller3 {
        position: absolute;
        left: 50%;
        top: 34vw;
        transform: translate(-50%);
        width: 14vw;
        margin-left: -34vw;
        z-index: 1;
        padding: 3px;
        background: var(--sponser-video-bg);
        /*min-height: 117.36px;*/
    }

        .sponserBannerPiller4:before,
        .sponserBannerPiller3:before {
            content: "";
            width: 1.7vw;
            height: 7vw;
            background: url(../Images/Pillar.png) center 0 no-repeat;
            display: block;
            position: absolute;
            z-index: 1;
            top: 96%;
            left: 50%;
            background-size: contain;
            transform: translate(-50%);
            display:none;
        }

    .sponserBannerPiller4 {
        margin-left: 34vw;
    }

    .hallTopBaner,
    .lobbyWrapper .topBanners, .hallView .topBanners {
        position: absolute;
        left: 50%;
        top: 10vw;
        transform: translate(-50%);
        width: 61vw;
    }

    .hallViewToggleBtn {
        top: 5vw;
    }

    .hallView .topBanners {
        top: var(--header-height);
        margin-top: 20px;
        width: 55vw;
    }

    .navigationSide {
        position: absolute;
        padding: 8px;
        border-radius: 40px;
        height: 20vh;
        background: var(--black-trasp-3);
        top: 30vh;
        color: var(--white-trasp-85);
        z-index: 1
    }

        .navigationSide:hover {
            background: var(--black-trasp-7);
            color: var(--white);
            text-decoration: none;
        }

        .navigationSide.right {
            right: 10px;
        }

        .navigationSide.left {
            left: 10px;
        }

    .toggleMenuBtn {
        padding: 0px 4px;
        border-radius: 6px;
        background: var(--primary-transparent);
        color: var(--white);
        font-size: .8em;
    }

    .dropDownMenuBtn {
        padding: 8px 4px;
        border-radius: 6px;
        background: var(--primary-transparent);
        color: var(--white);
        font-size: .8em;
    }

        .dropDownMenuBtn:hover, .dropDownMenuBtn:focus, .dropDownMenuBtn:active, .dropDownMenuBtn:focus-visible {
            color: var(--white);
            background: var(--primary);
            box-shadow: 0px 0px 4px var(--black-trasp-7);
        }

    .mobileSlider {
        position: static;
    }

        .mobileSlider .carousel-item {
            display: block;
        }

    .lobbyWrapper .topBanners .carousel-inner {
        /*display: flex;
        justify-content: space-between;*/
    }

    .hallTopBaner .bannerWrap,
    .lobbyWrapper .topBanners .bannerWrap,
    .hallView .topBanners .bannerWrap {
        display: block;
        float: none;
        margin: 0;
        max-width: 12.5vw;
        max-height: 6.5vw;
        box-shadow: 0 0 2px var(--black-trasp-7);
        transition: box-shadow .5s;
        transform: translate(0, 0);
        overflow: hidden;
        box-shadow: 0 0 2px var(--black-trasp-7);
        border: 2px solid var(--white);
        background-color: var(--white);
        /*min-height:94.56px;*/
    }



        .lobbyWrapper .topBanners .bannerWrap:hover {
            box-shadow: 0 0 10px var(--black-trasp-5);
        }

    .wallBanner2 img,
    .wallBanner1 img {
        transition: box-shadow .5s;
    }

    .wallBanner2:hover img,
    .wallBanner1:hover img {
    }

    .wallBanner1 .carousel {
        transform: rotateY(45deg) skewY(9deg);
        transform-style: preserve-3d;
        overflow: hidden;
        border: 2px solid var(--white);
    /*    min-height:121.37px;*/
    }

    .wallBanner2 .carousel {
        transform: rotateY(-45deg) skewY(354deg);
        transform-style: preserve-3d;
        overflow: hidden;
        border: 2px solid var(--white);
       /* min-height: 121.37px;*/
    }

    .wallBanner2,
    .wallBanner1 {
        position: absolute;
        top: 3vw;
        max-width: 12vw;
        left: -17.4vw;
        perspective: 450px;
        perspective-origin: 70% 50%;
        display: block;
        margin: 0;
    }

    .wallBanner2 {
        left: auto;
        right: -17.4vw;
    }

    .mobileSlider .carousel,
    .topBanners .carousel {
        position: static;
    }

    .mobileSlider .carousel-inner,
    .topBanners .carousel-inner {
        position: static;
        overflow: visible;
    }
}

@media (min-width: 992px) and (max-width: 1250px) {
    .registerBox {
        width: 29vw;
    }

        .registerBox .customRow > div {
            width: 48%;
            display: inline-block;
            vertical-align: top;
        }

            .registerBox .customRow > div:nth-child(odd) {
                margin-right: 2%
            }
}

.filterButtons {
    display: flex;
    justify-content: space-evenly;
    box-shadow: 0px 0px 2px var(--black-trasp-7) inset;
    border-radius: 0.25rem;
    background: var(--white)
}

    .filterButtons .custom-control {
        flex-grow: 1;
        text-align: center;
        padding-left: 0;
        width: 33.33%
    }

    .filterButtons .custom-control-label::before {
        border: 1px solid transparent;
        border-radius: 0.25rem;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: auto;
        height: auto;
        background: transparent;
        cursor: pointer
    }

    .filterButtons .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
    .filterButtons .custom-control-input:checked ~ .custom-control-label::before {
        border: 2px solid var(--primary);
        background: transparent
    }

    .filterButtons .custom-control-input:checked ~ .custom-control-label {
        color: var(--primary);
    }

        .filterButtons .custom-control-input:checked ~ .custom-control-label::after {
            background: none;
        }

    .filterButtons .custom-control-label {
        position: static;
        display: block;
        color: var(--black-trasp-7);
    }
/* width */
.scrollStyle::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.scrollStyle::-webkit-scrollbar-track {
    background: var(--light-gray);
}

/* Handle */
.scrollStyle::-webkit-scrollbar-thumb {
    background: var(--primary);
}

    /* Handle on hover */
    .scrollStyle::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.groupHeaderBtns {
    position: sticky;
    top: var(--header-height);
    max-height: calc(100vh - var(--header-height));
    overflow: auto;
    border-left: 1px solid var(--border-color)
}

    .groupHeaderBtns .alphabets {
        font-size: .8em;
        width: 48px;
        padding-left: 0;
        padding-right: 0;
        transition: 0.3s background, 0.3s border;
    }

        .groupHeaderBtns .alphabets.focus,
        .groupHeaderBtns .alphabets:focus,
        .groupHeaderBtns .alphabets:hover {
            border-color: var(--primary);
            background: var(--primary);
            color: var(--white)
        }

.mobileFilter2 #filterAbstract .custom-control-label {
    display: block;
    padding-left: 1.5rem;
}

    .mobileFilter2 #filterAbstract .custom-control-label .fa-angle-right {
        color: transparent
    }

    .mobileFilter2 #filterAbstract .custom-control-label:after,
    .mobileFilter2 #filterAbstract .custom-control-label:before {
        display: none;
    }

.mobileFilter2 #filterAbstract .custom-control,
.mobileFilter2 #filterAbstract .custom-control {
    border-bottom: 1px solid var(--border-color);
    background: var(--white);
    padding-left: 0;
    cursor: pointer;
}

    .mobileFilter2 #filterAbstract .custom-control:hover,
    .mobileFilter2 #filterAbstract .custom-control:hover {
        background: var(--primary-transparent2);
    }

#filterAbstract .filterWrap {
    border: 1px solid var(--border-color);
}

.mobileFilter2 .accordianHead {
    border-bottom: 1px solid var(--border-color);
    background: var(--white2);
}

.mobileFilter2 .clearBtn {
    position: absolute;
    right: 0;
    top: 10px;
    padding: 6px 12px;
    font-size: 1.5rem;
    color: var(--black-trasp-5)
}

.mobileFilter2 .form-control {
    border-color: var(--border-color)
}

.mobileFilter2 #filterAbstract .custom-control-input:checked ~ .custom-control-label {
    background: var(--primary-transparent2)
}

    .mobileFilter2 #filterAbstract .custom-control-input:checked ~ .custom-control-label,
    .mobileFilter2 #filterAbstract .custom-control-input:checked ~ .custom-control-label .fa-angle-right {
        color: var(--text2)
    }

h5.GroupHeader {
    background-color: var(--primary-transparent2);
}

    h5.GroupHeader[aria-expanded="true"] {
        position: sticky;
        top: var(--header-height);
        z-index: 1;
        background: var(--primary-light2)
    }

.uploadPosterInput {
    width: 0;
    overflow: hidden;
    height: 0;
}

.groupAccordWrap .collapse {
    display: none;
}

    .groupAccordWrap .collapse.show {
        display: block;
    }

.posterNameCnt {
    display: flex
}

    .changeText,
    .posterNameCnt:not(.d-none) ~ .selectFile .selectText,
    .posterNameCnt:not(.d-none) ~ .uploadBtn,
    .uploadPosterInput.fileSelected ~ .selectFile,
    .uploadPosterInput:not(.fileSelected) ~ .uploadBtn {
        display: none
    }

    .posterNameCnt:not(.d-none) ~ .selectFile .changeText {
        display: inline;
    }

body .posterNameCnt:not(.d-none) ~ .selectFile {
    display: block;
}

@media (max-width: 767px) {
    /*24Feb22*/
    .mobileNoCard {
        box-shadow: none;
        background: none;
        border:none;
    }

    .mobileDivider .mobileNoCard {
        border-bottom: 1px solid var(--border-color);
        border-radius: 0;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: -15px;
        margin-right: -15px;
    }
}

.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label,
.input-group > .custom-select:focus, .input-group > .form-control:focus {
    z-index: 0;
}
/*END: Responsive*/
.loaderWrap {
    z-index: 1;
    position: fixed;
    background: var(--white-trasp-85);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.loader {
    width: 200px;
    height: 80px;
    display: flex;
    justify-content: center;
}

.circle {
    width: 20px;
    height: 20px;
    background: var(--primary);
    border-radius: 50%;
    animation: jump 1s linear infinite;
    margin: 0 15px;
}

.caption {
    font-size: 1.5em;
    color: var(--primary);
}

#b {
    animation-delay: 0.2s;
}

#c {
    animation-delay: 0.4s;
}

@keyframes jump {
    0% {
        margin-top: 0;
    }

    35% {
        margin-top: -75px;
    }

    70% {
        margin-top: 0px;
    }
}

.notificationAnimate .fa-bell-o {
    animation: ring 1.5s ease;
}

.notificationAnimate .notificationIndicator {
    animation: bounce-out 1s ease 3;
}
/**CSS Animations*/
@keyframes ring {
    0% {
        transform: rotate(35deg);
    }

    12.5% {
        transform: rotate(-30deg);
    }

    25% {
        transform: rotate(25deg);
    }

    37.5% {
        transform: rotate(-20deg);
    }

    50% {
        transform: rotate(15deg);
    }

    62.5% {
        transform: rotate(-10deg);
    }

    75% {
        transform: rotate(5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes bounce-out {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        transform: scale(.3);
    }
}

/**Added for chat feature on session profile**/
.sendbird-iconbutton__inner {
    display: flex
}

.sendbird-modal {
    z-index: 1
}

.SessionProfile .content-chat {
    /*width: 376px;*/
    height: 500px;
    float: right;
    background-color: white;
}

.content {
    width: 1224px;
    height: 680px;
    margin: 0 auto;
}

.SessionProfile .profile, .watchSession .profile {
    display: none
}

.SessionProfile .top {
    width: 1224px;
    height: 43px;
    padding: 20px 0;
    margin: 0 auto;
    position: relative;
}

.SessionProfilec .top > a {
    display: block;
    float: left;
}

.SessionProfile .top > span {
    float: left;
    color: black;
    font-size: 13px;
    position: absolute;
    bottom: 28px;
    left: 180px;
    font-family: 'Open Sans';
}
/**end of css for chat feature on session profile**/
.listAccordWrap {
    border-radius: .25rem;
    border: 1px solid var(--light-bg2);
}

    .listAccordWrap .listHead {
        background-color: var(--black-trasp-1);
        cursor: pointer;
    }

    .listAccordWrap .collapsed .fa-angle-up {
        transform: rotate(180deg);
        display: block;
    }

    .listAccordWrap .listAccord .listRecord {
        padding: 10px;
        border-top: 1px solid var(--light-bg2);
    }

        .listAccordWrap .listAccord .listRecord:hover {
            text-decoration: none
        }

.authorList .listRecord:before {
    content: "";
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
}

.authorList .activeAuthor:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    display: flex;
    align-items: center;
    justify-content: center;
    content: "\f130";
    background: var(--primary);
    color: var(--white)
}

.sideBarChat .sendbird-outgoing-thumbnail-message .sendbird-outgoing-thumbnail-message-body__img {
    max-width: 180px;
}

.sendbird-outgoing-thumbnail-message .sendbird-outgoing-thumbnail-message-body__img {
    max-width: 60vw;
}

.chatContainer {
    max-width: none;
    padding: 0 !important;
}

    .chatContainer .sendbird-chat-header__left {
        margin-right: auto
    }

.chatBackBtn {
    margin-left: -20px;
    display: block;
    color: var(--primary-dark);
}

.chatContainer .sendbird-iconbutton__inner {
    display: flex
}

.chatContainer .sendbird-conversation__footer {
    padding: 15px 24px 10px;
}

.chatContainer .customized-app {
    height: calc(100vh - 57px);
}

.chatContainer .sendbird-channel-settings,
.chatContainer .sendbird-app__wrap .sendbird-app__conversation-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    pointer-events: none
}

.chatContainer .sendbird-app__conversation--settings-open + .sendbird-app__settingspanel-wrap .sendbird-channel-settings,
.chatContainer.showChatProfile .sendbird-app__wrap .sendbird-app__conversation-wrap {
    opacity: 1;
    pointer-events: auto;
    width: 100%;
}

.chatContainer .sendbird-app__wrap {
    display: block
}

    .chatContainer .sendbird-channel-profile .sendbird-channel-profile__title,
    .chatContainer .sendbird-app__wrap .sendbird-app__channellist-wrap {
        max-width: none;
    }

.chatContainer .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper,
.chatContainer .sendbird-channel-preview,
.chatContainer .sendbird-channel-header,
.chatContainer .sendbird-channel-list {
    width: auto
}

.chatContainer .sendbird-app__wrap .sendbird-app__channellist-wrap,
.sideBarChat.chatContainer .customized-app {
    height: 450px;
}

.sideBarChat .sendbird-chat-header .sendbird-avatar {
    min-width: 32px;
}

.sideBarChat .sendbird-chat-header .sendbird-chat-header__right {
    min-width: 36px;
}

.sideBarChat .sendbird-chat-header .sendbird-chat-header__right__info {
    margin-left: 0;
    padding: 0;
}
/**START: Promo Site**/
.embed-responsive {
    min-height: calc(100vh - 70px);
}

@media (min-width: 991px) {
    .promoNav {
        position: fixed;
        top: 30px;
        right: 5vw;
        background: var(--black-trasp-3);
        border-radius: 5px;
        z-index: 2
    }

        .promoNav .navbar-nav .nav-link {
            border-radius: 5px;
            padding-left: 15px;
            padding-right: 15px;
        }

        .promoNav .active {
            background: var(--black-trasp-5)
        }
}

.mainBanner .loginBox {
    transform: none;
    max-width: none;
    width: auto;
    padding: 0;
    border: 0;
    margin-right: 4vw;
}

    .mainBanner .loginBox .loginInnerBox {
        max-height: 0;
        transition: max-height .5s;
        overflow: hidden;
    }

    .mainBanner .loginBox.open .loginInnerBox {
        max-height: 500px;
    }

.closeLogin {
    background: var(--black-trasp-3);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block;
    position: absolute;
    right: -20px;
    top: -20px;
    text-align: center;
    line-height: 40px;
    color: var(--white);
    transform: scale(0);
    transition: all .5s;
}

    .closeLogin:hover {
        color: var(--white);
    }

.mainBanner .loginBox.open .closeLogin {
    transform: scale(1);
}

.mainBannerCntImg {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    filter: blur(1px);
}

.promoCount {
    background: var(--black-trasp-3);
    border-radius: 5px;
}

    .promoCount h2 {
        font-size: 5em;
        font-weight: bold;
    }

#carouselExampleIndicators {
    position: absolute;
    min-height: 100vh;
    height: 100%;
}

    #carouselExampleIndicators img {
        min-height: 100vh;
        height: 100%;
        width: 100vw;
        object-fit: cover;
        filter: blur(1px);
    }

    #carouselExampleIndicators .carousel-item,
    #carouselExampleIndicators .carousel-inner {
        height: 100%;
    }

.mainBanner {
    overflow: hidden;
}

    .mainBanner:after {
        background: var(--light-bg);
        content: "";
        height: 10px;
        width: 100%;
        position: absolute;
        bottom: -10px;
        z-index: 2;
        display: block;
    }

.mainBannerCnt {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 1;
    color: var(--white);
    background-color: #0000001e;
}

    .mainBannerCnt .promoCntTitle {
        color: var(--white)
    }

.promoGrayBg {
    background: var(--black-trasp-1)
}

.promoCntTitle {
    font-size: 3em;
    color: var(--primary-dark)
}

.promoTitle {
    font-size: 3.5em;
}

.promoTitleCopy {
    color: var(--black-trasp-5);
    line-height: 1.7
}

.promoVideo {
    max-width: 90vw;
    max-height: 60vw;
}

.promoBtnTab {
    background: var(--black-trasp-1);
    border-color: transparent;
    color: var(--text2);
    padding: 15px 20px;
}

    .promoBtnTab:hover, .promoBtnTab.active {
        background-color: var(--primary-dark);
        border-color: transparent;
        color: var(--white);
    }

.promoSpeakers {
    background: url(../Images/temp/speaker-bg.jpg) 0 0 no-repeat;
    /*background: url(../img/speaker-bg.jpg) 0 0 no-repeat;*/
    background-size: cover;
}

.bgOverlay {
    background: linear-gradient(0deg, rgba(221, 221, 221, 0.8), rgba(221, 221, 221, 0.8));
    min-height: 100vh;
}

.promoSpeakers .promoTitleCopy,
.promoSpeakers .promoCntTitle {
    color: var(--text2);
}

.flip-box {
    background-color: transparent;
    perspective: 1000px;
    height: 380px;
    margin-bottom: 30px;
}

.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}

.flip-box-front,
.flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-box-front {
    color: black;
}

.flip-box-back {
    background-color: var(--primary-transparent);
    color: var(--text2);
    transform: rotateY(180deg);
    border: 2px solid var(--color2);
    border-radius: 8px;
}

    .flip-box-back .speakerName {
        color: var(--white)
    }

.flip-box-front .cardTitle {
    font-size: 1.5em;
}

.flip-box-front .cardSubTitle {
    font-size: 1.2em;
}

.flip-box-front .cardCopy {
    font-size: 1em;
}

.flip-box-back .cardTitle {
    font-size: 1.5em;
}

.flip-box-back .cardSubTitle {
    font-size: 1.3em;
}

.flip-box-back .cardCopy {
    font-size: 1em;
}

.promoContact {
    background: url(../Images/temp/contactBg.jpg) 0 0 no-repeat;
    background-size: cover;
}

    .promoContact .promoCntTitle {
        color: var(--white)
    }

    .promoContact .bgOverlay {
        background: rgba(18,38,79,.9);
    }

.promoInputField {
    padding-top: 25px;
    position: relative;
}

    .promoInputField .form-control {
        padding: 25px
    }

    .promoInputField label {
        position: absolute;
        left: 15px;
        top: 40px;
        transition: all 0.5s;
        color: #ccc;
        transform: scale(1);
        pointer-events: none;
    }

.form-control:focus + label {
    left: 0;
    top: 0;
}

.dataFilled label {
    left: 0;
    top: 0;
    color: var(--white);
}

@media (max-width: 767px) {
    .flip-box {
        height: 350px;
    }

    .promoCntTitle {
        font-size: 2em;
    }

    .promoTitleCopy {
        font-size: 1em;
    }

    .promoCount h2 {
        font-size: 3rem;
    }

    .mainBanner .loginBox {
        margin-right: 0;
    }
}
/**END: Promo Site**/

/*sendbird css overwrite start*/
.sendbird-theme--light .sendbird-channel-header, .sendbird-theme--light .sendbird-chat-header, .sendbird-channel-settings__header {
    background: var(--light-bg);
}

.sendbird-theme--light .sendbird-channel-preview--active .sendbird-channel-preview__content__upper__header__channel-name {
    color: var(--dark-gray);
}

.sendbird-theme--light .sendbird-channel-preview:hover {
    background-color: var(--primary-transparent2);
    border-left: 0px solid var(--primary-dark);
}

.sendbird-theme--light .sendbird-channel-preview--active, .sendbird-theme--light .sendbird-channel-preview--active:hover {
    background-color: var(--primary-transparent2);
    border-left: 4px solid var(--primary);
}

.sendbird-conversation__scroll-container, .sendbird-conversation__footer {
    /*    background: var(--primary-transparent2);*/
}

.sendbird-theme--light .sendbird-icon-color--primary [class*=fill] {
    fill: var(--primary);
}

.sendbird-theme--light .sendbird-icon-color--primary .icon-toggleoff_svg__fill,
.sendbird-theme--light .sendbird-icon-color--primary .icon-toggleoff_svg__fill ~ [class*=fill] {
    fill: var(--light-gray);
}

.sendbird-theme--light .sendbird-user-message--outgoing .sendbird-user-message__text-balloon .sendbird-user-message__text-balloon__inner,
.sendbird-theme--light .sendbird-user-message--outgoing:hover .sendbird-user-message__text-balloon .sendbird-user-message__text-balloon__inner {
    background-color: var(--primary);
}

.sendbird-theme--light .sendbird-incoming-og-message .sendbird-incoming-og-message--inner .sendbird-incoming-og-message--body .sendbird-incoming-og-message__text-balloon,
.sendbird-theme--light .sendbird-incoming-og-message .sendbird-incoming-og-message--inner .sendbird-incoming-og-message--body .sendbird-incoming-og-message__og-tag,
.sendbird-theme--light .sendbird-user-message--incoming .sendbird-user-message__text-balloon .sendbird-user-message__text-balloon__inner,
.sendbird-theme--light .sendbird-file-message__incoming .sendbird-file-message__incoming__body .sendbird-file-message__incoming__body__tooltip {
    background-color: var(--primary-light);
}

.sendbird-theme--light .sendbird-label--color-primary {
    color: var(--primary);
}

.sendbird-conversation__scroll-container::-webkit-scrollbar, .sendbird-channel-list__body::-webkit-scrollbar,
.message-board .content::-webkit-scrollbar {
    width: 4px;
    background-color: var(--white2);
}

.sendbird-conversation__scroll-container::-webkit-scrollbar-thumb, .sendbird-channel-list__body::-webkit-scrollbar-thumb,
.message-board .content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px var(--black-trasp-1);
    background-color: var(--primary);
}

.customized-app {
    height: calc(100vh - 90px);
}

.sendbird-theme--light .sendbird-button--primary {
    background-color: var(--primary);
    border: 1px solid var(--primary);
}

    .sendbird-theme--light .sendbird-button--primary:hover {
        background-color: var(--primary-dark);
        border: 1px solid var(--primary-dark);
    }

.sendbird-theme--light .sendbird-button--secondary:hover {
    border: 1px solid var(--primary);
}

    .sendbird-theme--light .sendbird-button--secondary:hover .sendbird-button__text {
        color: var(--primary);
    }

.sendbird-theme--light .sendbird-input .sendbird-input__input:focus {
    border: 2px solid var(--primary);
}

.sendbird-theme--light .sendbird-checkbox input:checked ~ .sendbird-checkbox--checkmark {
    background-color: var(--primary);
    border: 2px solid var(--primary-dark);
    box-shadow: 0 0 0 2px var(--primary-dark);
}

.sendbird-theme--light .sendbird-checkbox input:focus ~ .sendbird-checkbox--checkmark {
    box-shadow: 0 0 0 2px var(--primary-dark);
    border: 2px solid var(--primary-dark);
}

.sendbird-theme--dark .sendbird-checkbox input:focus ~ .sendbird-checkbox--checkmark {
    box-shadow: 0px 0px 0px 2px red;
}

.sendbird-theme--light .sendbird-iconbutton--pressed,
.sendbird-theme--light .sendbird-message-input__edit,
.sendbird-theme--light .sendbird-user-list-item--small.sendbird-icon--pressed .sendbird-iconbutton,
.sendbird-theme--light .sendbird-muted-avatar .sendbird-muted-avatar__bg {
    background-color: var(--primary-transparent2);
}

.sendbird-theme--light .sendbird-message-input .sendbird-message-input--textarea:focus {
    border: 1px solid var(--primary-dark);
}

.sendbird-user-list-item--small .sendbird-muted-avatar {
    top: 5px;
}

.sendbird-badge .sendbird-badge__text {
    line-height: 1;
}

.sendbird-theme--light .sendbird-channel-header .sendbird-channel-header__title:active {
    border: 1px solid var(--primary-dark);
}

#sb_chat .message-board > .content-input.active > .input {
    border: 1px solid var(--primary) !important;
}

#sb_chat .message-board > .content > .message-item > .message-text > .nickname {
    margin: 0px !important;
}

#sb_chat .message-board > .content > .message-item > .message-text > .nickname {
    font-size: 0.85em !important;
}

#sb_chat .message-board > .content > .message-item > .message-text > .message-content {
    font-size: 0.9em !important;
}

#sb_chat .message-board > .top {
    text-align: left !important;
}

    #sb_chat .message-board > .top > .top-text {
        font-size: 0.85em !important;
    }

#sb_chat .message-board > .separator {
    margin: 0px 0px 4px 0px !important;
}

.sendbird-icon svg {
    display: block
}

.watchSession .content-chat {
    height: 530px;
}

.sbChatWrap .JhijG {
    font-family: 'Roboto', sans-serif !important
}

.sbChatWrap .SendbirdVideoCallBtn,
.sbChatWrap .SendbirdAudioCallBtn {
    border-color: var(--primary);
    color: var(--primary);
    font-size: 1.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: none;
    background-color: var(--white);
}

    .sbChatWrap .SendbirdVideoCallBtn:hover,
    .sbChatWrap .SendbirdAudioCallBtn:hover {
        background-color: var(--primary);
        color: var(--white)
    }

.sbChatWrap .cQSaWH {
    top: 10px;
    right: 10px;
}
/*sendbird css overwrite End*/
/*pages called in native App - Start*/
@media (max-width: 767px) {
    .calledInNative .hideMe {
        display: none;
    }

    .ReactModal__Content {
        max-width: 100vw;
    }

        .ReactModal__Content label {
            display: block;
        }

        .ReactModal__Content select {
            max-width: 80vw;
        }

        .ReactModal__Content .XqbgT {
            max-width: 90vw;
        }
}
/*pages called in native App - End*/

/*Classes for the Appointment module*/

.FullDateAppointment {
    display: none;
}

@media (min-width:768px) {
    #ProfileDashboardDiv .FullDateAppointment {
        display: block
    }
    #ProfileDashboardDiv .ShortDateAppointment {
        display: none
    }
}
.noBtnHover {
    border-color: var(--border-color);
    color: var(--text2);
}
.noBtnHover:hover {
    background-color: transparent;
    color: inherit !important;
}


/*Start: Chat CSS*/
.chatWarapper {
    height: calc(100vh - 90px);
}

.chatLeftCol {
    width: 316px;
    min-width: 316px;
    border-right: 1px solid var(--border-color);
}

.chatRightCol {
    min-width: 316px;
    border-left: 1px solid var(--border-color);
    display: none !important;
}

    .chatRightCol.show {
        display: flex !important;
    }

    .chatRightCol .accordion {
        border-top: 1px solid var(--border-color);
    }

    .chatRightCol .accordionBtn {
        border-bottom: 1px solid var(--border-color);
        border-radius: 0;
    }

    .chatRightCol .chatDropdownOptions:hover {
        background-color: var(--light-bg);
    }

    .chatRightCol .collapsed .ph-caret-right {
        transform: rotate(90deg);
    }

.chatMainContent {
    flex-grow: 1;
}

.chatHeader {
    background-color: var(--light-bg);
    border-bottom: 1px solid var(--border-color);    
    color: var(--text2);
    min-height: 64px;
}

    .chatHeader .btn {
        color: var(--primary);
    }

    .chatHeader img {
        width: 32px;
        height: 32px;
        object-fit: cover;
    }

.chatLeftCol .chatHeader {
    border-radius: .25rem 0 0 0;
}

.chatMainContent .chatHeader {
    border-radius: 0 .25rem 0 0;
}

.chatList {
    flex-grow: 1;
    overflow: auto;
}

.chatDropdownOptions:hover .chatDate,
.chatDropdownOptions .show .chatDate,
.chatDropdownOptions .chatOptions .btn {
    display: none;
}

.chatDropdownOptions:hover .chatOptions .btn,
.chatDropdownOptions .show .btn {
    display: block;
}

.chatItem {
    border-bottom: 1px solid var(--border-color);
    position: relative;
}

    .chatItem:hover {
        background-color: var(--primary-light);
    }

    .chatItem.active {
        background-color: var(--primary-light);
    }

        .chatItem.active:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            background-color: var(--primary);
            width: 4px;
        }

    .chatItem .singleUser {
        width: 56px;
        height: 56px;
        object-fit: contain;
        border: 1px solid #e5e5e5;
    }

    .chatItem .twoLineTruncate {
        height: 37px;
    }

.chatGroupItemTitle {
    max-width: 150px;
}

.chatInputText .input-group {
    position: absolute;
    right: 20px;
    bottom: 30px;
    width: 50px;
    height: 50px;
}

.mainChatDate {
    border-top: 1px solid var(--border-color);
    display: flex;
    justify-content: center;
    height: 1px;
}

    .mainChatDate span {
        background-color: var(--white);
        margin-top: -9px;
    }

.messageInWrap {
    background-color: var(--primary-light);
    border-radius: 18px;
}

.yourMessage .messageWrap {
    flex-direction: row-reverse;
    text-align: right;
}

.yourMessage .dropup .dropdown-menu {
    left: auto !important;
    right: 0 !important;
}

.messageOptions {
    padding-bottom: 3px;
    min-width: 240px;
}

.yourMessage .messageOptions {
    flex-direction: row-reverse;
}

.yourMessage .messageInWrap {
    background-color: var(--primary);
    color: var(--white);
}

.messageOptions {
    line-height: .8;
}

.messageListWrapper {
    overflow: auto;
}

.singleGroupMessages .avtarImg {
    width: 28px;
}

.singleGroupMessages .messageOptions .chatDate {
    min-width: 19px;
    margin-right: 5px;
}

.grayNotification {
    background-color: var(--light-gray);
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
}

.toggleBtn input {
    display: none;
}

.toggleBtn label {
    position: relative;
    cursor: pointer;
    display: block;
    width: 40px;
    height: 20px;
    background: #cccccc;
    border-radius: 50px;
    transition: 300ms linear;
}

    .toggleBtn label:before {
        position: absolute;
        top: 50%;
        left: 2px;
        transform: translateY(-50%);
        content: "";
        display: block;
        width: 18px;
        height: 18px;
        background: #ffffff;
        border-radius: 50%;
        transition: left 300ms linear;
    }

.toggleBtn input:checked + label {
    background: var(--primary);
}

    .toggleBtn input:checked + label:before {
        left: 21px;
    }

.ChatGroups #sb_chat .message-board > .top, .message-board .separator {
    display: none !important;
}

.ChatGroups #sb_chat .message-board > .content > .message-item > .message-text > .nickname {
    padding-left: 5px;
}
/*END: Chat CSS*/

.Forcehide {
    display: none !important;
}

.sendbird-channel-header__title__right__user-id {
    display:none !important;
}


/*AI box size for mobile and other devices*/
/* For mobile devices */
@media only screen and (max-width: 767px) {
    .aiBox {
        width: 100% !important;
        margin: 0px !important;
        box-sizing: border-box;
    }
}

/* For all other screen sizes */
@media only screen and (min-width: 768px) {
    .aiBox {
        width: 400px;
    }
}


/*Floating button for Ai on Layout page CSS*/
.floating-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}

    .floating-button .open-chat {
        display: flex;
        /* height: 50px; */
        background-color: #ffffffbd;
        color: var(--primary);
        text-align: center;
        /* line-height: 50px; */
        border-radius: 35px;
        text-decoration: none;
        padding: 10px 20px;
        flex-direction: row;
        border: 1px solid var(--primary);
        /* width: 130px; */
        /* height: 130px; */
        align-items: center;
    }

  /* Handle on hover */
    .scrollStyle::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    .modal.right .modal-dialog {
      top: 0;
      right: 0;
      /*margin-right: 10px; /* Adjust the margin as needed */
    }
.modal.fade:not(.in).right .modal-dialog {
    position: absolute;
    right: 0px;
    bottom:0px;
    /*-webkit-transform: translate3d(25%, 0, 0);
      transform: translate3d(25%, 0, 0);*/
}

#iFrameAiURL .sideWidget {
    width : unset !important;
} 
/*END: Floating button for Ai on Layout page CSS*/



/*Start:  Sidemenu*/
.leftSideMenu {
    --header-height: 0;
    --sideBar-width: 240px;
}
.iconGroup {
background:var(--light-bg);
}
.leftSideMenu .iconGroup a {
    width: 36px;
    height: 36px;
    background: var(--white);
    color: var(--primary);
    border-radius: 8px;
    border: 1px solid var(--primary);
    position:relative;
    text-decoration:none;
}
    .leftSideMenu .iconGroup a.active {
        background: var(--primary);
        color: var(--white);
        text-decoration: none;
    }

@media (max-width: 1439px) {
        .leftSideMenu {
        --sideBar-width: 180px;
    }
}
.leftSideMenu .carousel-control-prev,
.leftSideMenu .roomSlider {
        left: var(--sideBar-width)
    }
.leftSideMenu #navbarNavDropdown {
    overflow: auto;
    direction: rtl;
    height: calc(100vh - 193px)
}
.leftSideMenu .navbar-nav {
    display: flex;
    flex-direction: column;
    padding: 0;
   
}
.leftSideMenu .navbar {
    width: var(--sideBar-width);
    max-width: var(--sideBar-width);
    min-width: var(--sideBar-width);
    height: 100vh;
    position: sticky;
    top: 0
}
.iconGroup .fa {
    color: var(--primary)
}
.iconGroup .active .fa {
    color: var(--white)
}
.leftSideMenu #leftSideBar .nav-item.active {
    background: var(--primary);
}
.leftSideMenu #leftSideBar .nav-item .nav-link:before {
    display: none !important
}
.leftSideMenu #leftSideBar .nav-item .nav-link {
    padding-left: 15px;
    color: var(--primary);
}
.leftSideMenu #leftSideBar .nav-item .nav-link:hover {
        background: var(--primary);
        color: var(--white);
    }
.leftSideMenu #leftSideBar .nav-item.active .nav-link {
    color: var(--white) !important;
    background: var(--primary);
}
@media (min-width: 992px) {
    .leftSideMenu.lobbyWrapper .topBanners {
        left: calc(50% + (var(--sideBar-width)/2));
        width: calc(64.6vw - var(--sideBar-width));
        top: 9.5vw;
    }

    .leftSideMenu .wallBanner2 {
        right: -13.4vw
    }

    .leftSideMenu .wallBanner1 {
        left: -13.4vw
    }

    .leftSideMenu.lobbyWrapper .topBanners .bannerWrap {
        max-width: 9.5vw
    }

    .leftSideMenu .wallMenu1 {
        left: 42.3vw
    }

    .leftSideMenu .wallMenu2 {
        left: auto;
        right: 29.7vw
    }

    .leftSideMenu.lobbyWrapper .navList li {
        left: calc(50% + (var(--sideBar-width)/2));
        top: 15.5vw /*16vw*/
    }

        .leftSideMenu.lobbyWrapper .navList li.menuTab1 {
            margin-left: -21.2vw;
        }

        .leftSideMenu.lobbyWrapper .navList li.menuTab3 {
            margin-left: 21.2vw;
        }

        .leftSideMenu.lobbyWrapper .navList li.menuTab4 {
            margin-left: -24.5vw;
        }

        .leftSideMenu.lobbyWrapper .navList li.menuTab6 {
            margin-left: 24.5vw;
        }

        .leftSideMenu.lobbyWrapper .navList li.menuTab4,
        .leftSideMenu.lobbyWrapper .navList li.menuTab5,
        .leftSideMenu.lobbyWrapper .navList li.menuTab6 {
            top: 22.5vw/*23vw*/
        }

    .leftSideMenu .deskBanner1 {
        top: 33vw;
        left: 39.9vw
    }

    .leftSideMenu .deskBanner2 {
        left: auto;
        right: 26.5vw;
        top: 33vw;
    }
}
/*@media (min-width: 1200px) and (max-width: 1499px) {
    .leftSideMenu .PresenterList .col-xl-4 {
        flex: 0 0 50%;
        max-width: 50%
    }
}*/
#userDropDownWrap a {
    color: var(--primary)
}
.sideBarToggler {
    position: absolute;
    top: 54px;
    left: var(--sideBar-width);
    color: var(--white);
    background: var(--white);
    padding: 10px 8px 10px 2px;
    border-radius: 0 20px 20px 0;
    outline: none !important;
    border: 1px solid var(--light-bg2);
    border-left: 0px;
    color: var(--primary);
}

#leftSideBar {
    transition: all .3s;
    z-index: 1
}
#leftSideBar.collapse:not(.show) {
    margin-left: calc(var(--sideBar-width) * -1);
}
#leftSideBar ul li {
    border-bottom:1px solid var(--primary-transparent3);
}

/*CSS scroll bar style*/
    /* width */
    ::-webkit-scrollbar {
        width: 10px;
    }

/* Track */
::-webkit-scrollbar-track {
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.2);
    border-radius: 5px
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #b30000;
}
/*End:  Sidemenu*/

.lh-200 {
    line-height: 2;
}


.SessionProfile .rightSmlCol.sideBar {
    max-height: 700px;
    overflow: auto;
}