.wrapper {
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
    /*padding: 0 15px;*/
}
.body-area{
    padding-bottom: 50px;
}
.dashboard .wrapper, .room .wrapper{
    max-width: 1410px;
}
.dashboard-events-title{
    font: 28px/56px 'TTNormsBlack', sans-serif;
    margin-bottom: 25px;
}
/*.dashboard-events-title-upcoming-current{*/

/*}*/
.welcome{
    font-size: 18px;
    line-height: 26px;
    background-size: cover;
    background-position: center;
}
.login{
    background-size: cover;
    background-position: center;
    min-height: 100vh;
}
.content{
    width: 56%;
    max-width: 1000px;
    position: absolute;
    top: 50%;
    left: 6%;
    transform: translateY(-50%);
}
.login .content{
    left: 0;
}
.login  .content.without-landing-graphic{
    transform: none;
    width: 45%;
    max-width: 610px;
    height: 52vw;
    max-height: 718px;
}
.login.logo-align .landing-graphic.without-landing-graphic{
    display: none;
}
.content.position-static{
    top: auto;
    transform: none;
    padding: 125px 0;
    width: 75%;
}
.room-title{
    line-height: 65px;
    margin-bottom: 8px;
    word-wrap: break-word;
}
.room .content{
    position: static;
    top: auto;
    transform: none;
    padding-bottom: 50px;
    padding-left: 12%;
    box-sizing: border-box;
}
.crossword-wrapper .content{
    width: 67%;
    /*position: absolute;*/
    /*left: 0;*/
    padding-left: calc(180px - ((100vw - 1410px)/2) + 50px);
    max-width: none;
}
.no-sidebar .content{
    width: 100%;
}
.content-inner{
    width: 60%;
}
#lobby-dark-sidebar-mobile{
    z-index: 100;
}
.sidebar{
    width: 32%;
    min-height: 100vh;
    max-height: 100vh;
    background: #373838;
    padding: 40px;
    box-sizing: border-box;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    transition: 400ms;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99;
    overflow-y: auto;
}
.sidebar.position-left{
    left: -40%;
    right: auto;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    direction: rtl;
    z-index: 9;
}
.room .sidebar.position-left{
    background: #373838;
}
.sidebar.position-left.show, .sidebar.position-left.show.show-videos{
    left: 0;
    width: 65% !important;
}

.room .sidebar.position-left *{
    direction: ltr;
}
.sidebar.scroll{
    overflow-y: scroll;
}
.sidebar.show-sidebar{
    width: 95% !important;
    right: 0;
}
.content-center{
    min-height: 100vh;
}
.description{
    padding: 5% 0;
}
.team-leaderboard .description{
    padding-top: 2%;
}
.video-box, .text{
    width: 45%;
    position: relative;
}
.content p .btn{
    margin-top: 45px;
}
.content p + p .btn{
    margin-top: 15px;
}
.content h3, .sidebar h3{
    padding: 35px 0 10px 0;
    text-transform: uppercase;
}
.video-box{
    max-width: 400px;
}
.text .btn{
    font-size: 16px;
    font-weight: 700;
    width: 240px;
}
.welcome.lobby-view .text .btn{
    width: auto;
    min-width: 275px;
}
.video{
    height: 100%;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 30px;
}
.video-wrapper{
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #ccc;
    border-radius: 30px;
    height: 230px;
    width: 100%;
    margin-bottom: 80px;
}
.other-video.video-wrapper{
    border-radius: 15px;
    background-color: transparent;
}
.sidebar .video-wrapper{
    margin-bottom: 0;
}
.video-wrapper.played{
    background: transparent;
}
.watch-title{
    color: #b0b3b2;
    font-weight: 700;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    padding-top: 25px;
    padding-bottom: 40px;
}
.video-play-icon{
    width: 50px;
    height: 50px;
    background-size: 50px;
    background-repeat: no-repeat;
    background-image: url(../img/Play_Icon@3x.png);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}
.description .video-wrapper .video-play-icon{
    top: 50%;
}
.description .video-play-icon{
    top: 70%;
}
.other-video .video-play-icon{
    bottom: 35px;
}
.other-video.video-wrapper{
    margin-bottom: 25px;
}
.room-logo{
    height: 48px;
    margin-bottom: 8px;
    width: auto;
    display: none;
}
.sidebar .name{
    font: 20px/30px 'TTNormsMedium', sans-serif;
    color: #fff;
    padding-bottom: 25px;
}
.sidebar h4{
    padding: 40px 0 20px 0;
    color: #fff;
    text-transform: uppercase;
}
.participate{
    color: #fff;
    text-transform: uppercase;
    background: #dc1e34;
    border-radius: 20px;
    padding: 25px;
    box-sizing: border-box;
    max-width: 500px;
}
.participate p{
    font-size: 12px;
}
.participate h4{
    padding: 0 0 10px 0;
}
.participate .btn{
    margin-top: 15px;
}
.vendor-room, .badge, .side-room{
    display: inline-block;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    width: 49%;
}
.vendor-room:nth-child(n+3){
    margin-top: 17px;
}
.vendor-room img{
    width: 22%;
    max-width: 45px;
    vertical-align: middle;
}
.vendor-room span{
    display: inline-block;
    width: 70%;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 15px;
    box-sizing: border-box;
}
.vendor-room:hover, .side-room:hover{
    color: #fff;
}
.vendor-room:hover span, .side-room:hover{
    font-weight: 700;
}
.category-set > .vendor-room{
    width: 100%;
}
.category-set.show-children .category-children,
.show-children .category-children{
    display: block;
}
.vendor-category.active:before{
    display: block;
    content: " ";
    position: absolute;
    width: 45px;
    height: 45px;
    background: rgba(149,152,151,0.8);
    border-radius: 24px;
}
.vendor-rooms .category-children{
    padding: 20px;
    margin: 20px 0;
    color: #fff;
}
.badges{
    display: flex;
    flex-wrap: wrap;
}
.badges .open-survey-button{
    width: 45px;
}
.badge, .side-room{
    width: 16%;
    max-width: 45px;
    background-size: 45px;
    background-repeat: no-repeat;
    padding-top: 52px;
    line-height: 20px;
    vertical-align: top;
    margin-left: 3%;
}
.badge{
    white-space: normal;
    background-color: transparent;
    text-align: left;
    padding-left: 4px;
}
.badge.not-active{
    width: 45px;
    height: 45px;
    background: #5f5f5f;
    border-radius: 23px;
    display: inline-block;
    padding: 0;
    margin-left: 25px;
}
.side-room{
    width: 40%;
    max-width: none;
    margin: 10px 4% 10px 5%;
    text-align: center;
    background-position: center top;
    background-size: 35px;
    font-size: 9px;
    line-height: 14px;
    padding-top: 42px;
}
/*.badge:nth-child(n+6){*/
/*margin-top: 25px;*/
/*}*/
/*.badge:nth-child(5n+1){*/
/*margin-left: 0;*/
/*}*/
.my-badges .badge{
    margin-right: 10px;
    margin-left: 0;
    margin-bottom: 10px;
}
.my-badges .badge:last-child{
    margin-right: 0;
}
/*.my-badges .badge:nth-child(n+5){*/
/*margin-right: 0;*/
/*}*/
.leave-link{
    display: block;
    position: absolute;
    background: #b0b3b2;
    left: 0;
    top: 20px;
    font: 15px 'TTNormsBold', sans-serif;
    padding: 13px 40px;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    border: none;
    color: #fff;
    text-transform: uppercase;
    z-index: 9;
}
.leave-link:before{
    display: block;
    content: " ";
    position: absolute;
    left: 12px;
    top: 15px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 10px solid;
}
.logout-mobile .leave-link{
    display: block;
    position: static;
    border-radius: 24px;
    margin-bottom: 30px;
}
.logout-mobile .leave-link:before{
    display: none;
}
.join-link{
    display: block;
    position: absolute;
    background: #dc1e34;
    right: 0;
    bottom: 70px;
    font: 15px 'TTNormsBold', sans-serif;
    padding: 13px 40px;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    color: #fff;
    text-transform: uppercase;
    z-index: 9;
}
.join-link:hover{
    color: #fff;
}
.join-link.show-form{
    bottom: 406px;
    width: 380px;
    box-sizing: border-box;
    border-bottom-left-radius: 0;
    padding-left: 30px;
}
.join-link:before{
    display: block;
    content: " ";
    position: absolute;
    right: 12px;
    top: 15px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid;
}
.join-link.show-form:before{
    border-top: 10px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 0;
    top: 18px;
    right: auto;
    left: 165px;
}
.join-link.special{
    width: 50px;
    height: 50px;
    background: transparent;
    top: 0;
    right: 0;
    bottom: auto;
    border-radius: inherit;
}
.join-link.special:before{
    display: none;
}
.landing-graphic{
    width: 45%;
    max-width: 610px;
    height: 52vw;
    max-height: 718px;
    background-image: url(../img/Landing_Graphic@3x.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.login h1{
    font: 40px 'TTNormsLight', sans-serif;
}
.login h2{
    font: 63px/76px 'TTNormsHeavy', sans-serif;
    /*font: 65px/76px 'TTNormsHeavy', sans-serif;*/
    padding-bottom: 40px;
}
.login p, .login ul{
    font-size: 20px;
    line-height: 30px;
}
.login .content{
    width: 45%;
}
.login .logo, .room .logo{
    padding-top: 40px;
    padding-bottom: 40px;
}
.room .logo{
    padding-bottom: 100px;
}
.login-form{
    padding: 30px;
    box-sizing: border-box;
    background: #dc1e34;
    width: 380px;
    max-width: 100%;
    color: #fff;
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
}
.login-form .help-block, #cms-login-form .help-block{
    font: 12px/16px 'TTNormsBold', sans-serif;
    font-style: italic;
    border-left: 5px solid #fc7e2f;
    padding-left: 8px;
    text-align: left;
}
.login-form .form-group.has-error input, #cms-login-form .form-group.has-error input{
    border: 3px solid #fc7e2f;
}
input[type="text"], input[type="submit"], input[type="password"], input[type="email"], input[type="number"],
input[type="tel"], .add-new-item select, .survey-question select, .input-with-round-corners
{
    border-radius: 24px;
    width: 100%;
    height: 45px;
    box-sizing: border-box;
    margin-top: 20px;
    border: 1px solid #959897;
}
input[type="radio"], input[type="checkbox"]{
    margin: 5px 5px 0;
}
.login input[type="submit"]{
    background-color: #fff;
}
#chatsettingsform-start_time, #chatsettingsform-end_time{
    margin-top: 0;
}
/*.login-form input, .login-form select{*/
/*    background: rgba(255,255,255,0.7);*/
/*    border: none;*/
/*    color: #fff;*/
/*}*/
/*.login-form option{*/
/*    background: #959897;*/
/*}*/

input.greybg{
    background: #efefef;
    border-color: #efefef;
}
input.title-side{
    width: 70%;
    float: right;
    margin: 0;
    margin-top: 28px;
}
.field-faqtip-name input.title-side{
    /*width: 37%;*/
    width: 45%;
}
input[type="password"], input[type="text"], .input-with-round-corners{
    padding-left: 20px;
}
#dob{
    background-image: url(../img/DOB_Icon@3x.png);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 20px center;
    padding-left: 60px;
}
.need-help{
    padding-top: 40px;
}
.need-help a{
    color: #95c93d;
    line-height: 16px;
}
.need-help .need-help-title{
    font: 13px 'TTNormsBold', sans-serif;
    padding-bottom: 10px;
    background-image: url(../img/Need_Help_Icon@3x.png);
    background-repeat: no-repeat;
    background-size: 22px;
    line-height: 23px;
    min-height: 25px;
    display: inline-block;
}
.need-help p{
    font: 13px/16px 'TTNormsRegular', sans-serif;
    padding-left: 30px;
}
.left-sidebar{
    background: #373838;
    width: 180px;
    min-height: 100vh;
    /*position: absolute;*/
    left: 0;
    top: 0;
    transition: 400ms;
    z-index: 9;

    height: 100%;
    position: fixed;
    /*overflow-y: scroll;*/
}
.room .left-sidebar{
    overflow-y: scroll;
}
.left-sidebar .menu-items{
    overflow-y: scroll
}
.left-sidebar::-webkit-scrollbar,
.left-sidebar .menu-items::-webkit-scrollbar {
    overflow: hidden;
    display: none;
}
.left-sidebar.show-sidebar{
    left: 0;
}
.left-sidebar h4{
    padding-top: 100px;
    color: #fff;
    text-transform: uppercase;
}

.top-right-text{
    font: 10px 'Montserrat', sans-serif;
    color: #959897;
}
.top-right-text strong{
    font-size: 12px;
}
.logo-badge span strong{
    font: 10px 'TTNormsBlack', sans-serif;
    color: #959897;
}
.logo-badge span{
    font-weight: 500;
    font-size: 10px;
    color: #959897;
    line-height: 14px;
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle;
}
.logo-badge img{
    vertical-align: middle;
}
.website, .address, .email, .phone, .faqs-link, .watch-video, .watch-webinar, .status, .author, .chat-icon,
.survey-link, .recipes-link, .resources-link{
    background-repeat: no-repeat;
    background-size: 17px;
    padding-left: 25px;
    background-position: left center;
    margin-top: 7px;
}
.faqs-link, .watch-video, .watch-webinar, .chat-icon, .survey-link, .recipes-link, .resources-link{
    background-size: 26px;
    padding-left: 40px;
    margin-top: 20px;
    display: block;
    color: #373838;
}
.resources-link{
    background-size: 29px;
}
.website{
    background-image: url(../img/Website_Icon@3x.png);
}
.email{
    background-image: url(../img/Email_Icon@3x.png);
}
.phone{
    background-image: url(../img/Phone_Icon@3x.png);
}
.btn-row .btn{
    font: 14px 'TTNormsBold', sans-serif;
}
.back-link{
    background: url(../img/Left_Menu_Back_Icon@3x.png);
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-size: 30px;
    position: absolute;
    top: 10px;
    right: 10px;
}
.app-stores{
    padding-top: 10px;
}
.app-stores img{
    width: 180px;
}
.rooms-column{
    padding-bottom: 40px;
}
.room .sidebar{
    background: #fff;
    box-shadow: -7px 2px 6px #efefef;
}
.room .sidebar h1{
    font-size: 45px;
    line-height: 50px;
    text-transform: uppercase;
}
.room .sidebar .video-box{
    width: 100%;
    position: relative;
}
.room .sidebar .video-block{
    min-height: 200px;
}
.sidebar .watch-title{
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #e6e6e6;
    color: #fff;
    padding: 10px 40px;
    border-radius: 24px;
    width: 240px;
}
.sidebar.show-room-sidebar{
    width: 100% !important;
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
    right: 0;
    top: 150px;
    box-shadow: 0 -8px 11px #ccc;
    position: absolute;
    padding-left: 20px;
    padding-right: 20px;
}
.room .sidebar.show-videos{
    width: 85%;
}
.show-room-activities-on-mobile, .hide-room-activities-on-mobile{
    display: none;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 40px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 50px;
}
.faqs-link{
    background-image: url(../img/FAQs_Icon_Active@3x.png);
}
.watch-video{
    background-image: url(../img/Videos_Hover@3x.png);
}
.watch-webinar{
    background-image: url(../img/Seminar_Hover@3x.png);
}
.chat-icon{
    background-image: url(../img/chat_icon.png);
}
.survey-link{
    background-image: url(../img/survey_black.png);
}
.recipes-link{
    background-image: url(../img/recipe.png);
}
.resources-link{
    background-image: url(../img/resource_icon_active@3x.png);
}
.faqs-link:hover, .faqs-link.active,
.watch-video:hover, .watch-video.active,
.watch-webinar:hover, .watch-webinar.active,
.chat-icon:hover, .chat-icon.active,
.recipes-link:hover, .recipes-link.active,
.resources-link:hover, .resources-link.active,
.survey-link:hover, .survey-link.active{
    color: #959897;
}
.faqs-link:hover, .faqs-link.active{
    background-image: url(../img/FAQs_Icon_Inactive@3x.png);
}
.resources-link:hover, .resources-link.active{
    background-image: url(../img/resource_icon_inactive@3x.png);
}
.recipes-link:hover, .recipes-link.active{
    opacity: 0.5;
}
.watch-video:hover, .watch-video.active{
    background-image: url(../img/Videos@3x.png);
}
.watch-webinar:hover, .watch-webinar.active{
    background-image: url(../img/Seminar@3x.png);
}
.chat-icon:hover, .chat-icon.active{
    background-image: url(../img/chat_icon_active.png);
}
.survey-link:hover, .survey-link.active{
    background-image: url(../img/survey_gray.png);
}
.room .content .btn-row.btn-action .btn,
.lobby-btns .btn{
    margin-bottom: 15px;
}
.room-activities-main{
    width: 100%;
}
.room-activities-main p, .room-activities-main a{
    word-break: break-word;
    /*word-break: break-all;*/
}
.sidebar.show-videos .room-activities-main,
.sidebar.show-cats .room-activities-main{
    width: 30%;
    min-height: 90vh;
    border-right: 1px solid #959897;
    padding-right: 4%;
}
.sidebar.show-cats .room-activities-main{
    border-color: #555;
    width: 50%;
    padding-right: 7%;
}
.room-activities-hidden{
    padding-left: 6%;
    width: 68%;
    display: none;
}
.sidebar.position-left.show-cats .room-activities-main{
    width: 55%;
    padding-left: 10%;
}
.sidebar.position-left.show-cats .room-activities-hidden{
    width: 45%;
}
.position-left .leave-link{
    top: 28px;
    padding-left: 30px;
    padding-right: 30px;
}
.back-to-main-view{
    display: none;
    font-weight: 700;
}
.sidebar.show-room-sidebar.show-videos .room-activities-main{
    display: none;
}
.sidebar.show-room-sidebar.show-videos .room-activities-hidden{
    width: 100%;
    padding-left: 0;
}
.sidebar.show-room-sidebar.show-videos .back-to-main-view{
    display: block;
}
.sidebar.show-room-sidebar.show-videos .faq-section{
    padding-top: 30px;
}
/*.sidebar.show-room-sidebar.show-videos iframe{*/
/*height: 200px;*/
/*}*/
.sidebar.show-videos .room-activities-hidden,
.sidebar.show-cats .room-activities-hidden{
    display: block;
}
.sidebar.show-cats .room-activities-hidden{
    width: 50%;
    padding-left: 7%;
}
.sidebar.show-cats{
    width: 80%;
    /*position: absolute;*/
}
.category-rooms-list-title{
    padding-top: 40px;
}
.category-rooms-list-title h1,
.category-rooms-list-title h2{
    color: #fff;
    font-size: 40px;
    line-height: 50px;
}
.room-activities-hidden h2{
    font-size: 36px;
}
.category-rooms-list-holder{
    padding-top: 50px;
}
.hidden + .category-rooms-list-holder{
    color: #fff;
    padding-top: 0;
}
.category-rooms-list-holder .vendor-room{
    width: 100%;
    margin-top: 25px;
}
.room-activities-videos iframe, .room-activities-videos video{
    border: none;
    border-radius: 10px;
    height: 100%;
}
.other-videos{
    padding-top: 60px;
}
.featured-video{
    position: relative;
}
.featured-video .video-placeholder, .featured-video iframe{
    height: 490px;
}
.other-video{
    width: 30%;
    margin-left: 5%;
    /*margin-bottom: 20px;*/
    margin-bottom: 65px;
    float: left;
    position: relative;
    height: 120px;
}
.other-video.active{
    opacity: 0.5;
}
.other-video:nth-child(3n+1){
    margin-left: 0;
}
.other-video .video{
    border-radius: 15px;
}
body.dashboard, body.manage{
    background: #efefef;
}
.left-sidebar.menu{
    /*width: 180px;*/
    /*height: 100vh;*/
    /*position: fixed;*/

    width: 13%;
    min-width: 180px;
    height: 100vh;
    position: fixed;
    /*overflow-y: scroll;*/
}
.left-sidebar.menu .menu-items,
.left-sidebar.menu.scroll .menu-items{
    overflow-y: scroll;
    height: auto;
    min-height: 100px;
    max-height: calc(100% - 200px);
    padding-bottom: 80px;
}

/*.left-sidebar.menu .menu-items::-webkit-scrollbar,*/
/*.left-sidebar.menu.scroll .menu-items::-webkit-scrollbar {*/
/*overflow: hidden;*/
/*}*/
.left-sidebar .logo{
    padding: 60px 0 60px 30px;
}
.left-sidebar.menu .logo{
    max-height: 150px;

    height: 150px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding: 0;
}
.left-sidebar.menu .logo img{
    display: block;
    /* text-align: center; */
    margin: 0 auto;
    width: 60%;
}
.left-sidebar.menu .nav-pills.navbar-default.nav .open > .dropdown-menu {
    display: block;
    overflow-y: scroll;
    max-height: calc(100vh - 360px);
    left: -1px;
    padding-bottom: 20px;
}
.menu-items{
    padding-left: 30px;
}
.menu-item{
    display: block;
    margin-top: 30px;
    padding-left: 40px;
    /*color: #959897;*/
    color: #fff;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: left center;
    font-family: 'TTNormsMedium', sans-serif;
    opacity: 0.6;
}
.menu-item:hover, .menu-items .active a.menu-item{
    color: #fff;
    opacity: 1;
}
.menu-items .active a.menu-item .sub-menu-items a{
    opacity: 0.6;
}
.menu-item.dashboard{
    /*background-image: url(../img/left_menu/Dashboard_Left_Inactive@3x.png);*/
    background-image: url(../img/left_menu/Dashboard_Left_Active@3x.png);
    opacity: 0.6;
}
.menu-item.organization{
    /*background-image: url(../img/left_menu/organizationsinactive3xpng.png);*/
    background-image: url(../img/left_menu/organizationsactive3xpng.png);
    opacity: 0.6;
}
.menu-item.events{
    /*background-image: url(../img/left_menu/Events_Left_Inactive@3x.png);*/
    background-image: url(../img/left_menu/Events_Left_Active@3x.png);
    opacity: 0.6;
}
.menu-item.lobbies{
    /*background-image: url(../img/left_menu/Lobbies_Left_Inactive@3x.png);*/
    background-image: url(../img/left_menu/Lobbies_Left_Active@3x.png);
    opacity: 0.6;
}
.menu-item.rooms{
    /*background-image: url(../img/left_menu/Rooms_Left_Inactive@3x.png);*/
    background-image: url(../img/left_menu/Rooms_Left_Active@3x.png);
    opacity: 0.6;
}
.menu-item.users, .menu-item.my-account, .menu-item.registrations{
    /*background-image: url(../img/left_menu/Users_Left_Active@3x.png);*/
    background-image: url(../img/left_menu/user.png);
    opacity: 0.6;
}
.menu-item.translate-manager{
    background-image: url(../img/left_menu/CMS_FAQ_Icon_Active@3x.png);
    opacity: 0.6;
}
.menu-item.faq-and-tips{
    /*background-image: url(../img/left_menu/CMS_FAQ_Icon_Inactive@3x.png);*/
    background-image: url(../img/left_menu/faq.png);
    opacity: 0.6;
}
.menu-item.manage-room-chats{
    /*background-image: url(../img/left_menu/Asset_2@3x.png);*/
    background-image: url(../img/left_menu/discussion.png);
    opacity: 0.6;
}
.menu-item.popups{
    /*background-image: url(../img/left_menu/pop-up.png);*/
    background-image: url(../img/left_menu/pop-up.png);
    opacity: 0.6;
}
.menu-item.live-session{
    /*background-image: url(../img/left_menu/Asset_2@3x.png);*/
    background-image: url(../img/left_menu/live_session.png);
    opacity: 0.6;
}
.menu-item.reports{
    /*background-image: url(../img/left_menu/Asset_2@3x.png);*/
    background-image: url(../img/left_menu/reports.png);
    opacity: 0.6;
}
.menu-item.live-survey{
    /*background-image: url(../img/left_menu/Asset_2@3x.png);*/
    background-image: url(../img/left_menu/survey_icon.png);
    opacity: 0.6;
}
.menu-item.recipes{
    background-image: url(../img/left_menu/recipe_white.png);
    opacity: 0.6;
}
.menu-item.quiz{
    background-image: url(../img/left_menu/quiz.png);
    opacity: 0.6;
}
.menu-item.news{
    background-image: url(../img/left_menu/my_feed.png);
    opacity: 0.6;
}
.menu-item.my-classes{
    background-image: url(../img/left_menu/my-class.png);
    opacity: 0.6;
}
.menu-item.image-list{
    background-image: url(../img/left_menu/image.png);
    opacity: 0.6;
}
.menu-item.mobile-app{
    /*background-image: url(../img/left_menu/chat.png);*/
    opacity: 0.6;
}
.menu-item:hover.dashboard, .menu-item.active.dashboard, .menu-items .active .dashboard{
    /*background-image: url(../img/left_menu/Dashboard_Left_Active@3x.png);*/
    opacity: 1;
}
.menu-item:hover.reports, .menu-item.active.reports, .menu-items .active .reports,
.menu-item:hover.popups, .menu-item.active.popups, .menu-items .active .popups,
.menu-item:hover.live-session, .menu-item.active.live-session, .menu-items .active .live-session{
    /*background-image: url(../img/left_menu/Dashboard_Left_Active@3x.png);*/
    opacity: 1;
}
.menu-item:hover.organization, .menu-item.active.organization, .menu-items .active .organization{
    /*background-image: url(../img/left_menu/organizationsactive3xpng.png);*/
    opacity: 1;
}
.menu-item:hover.events, .menu-item.active.events, .menu-items .active .events{
    /*background-image: url(../img/left_menu/Events_Left_Active@3x.png);*/
    opacity: 1;
}
.menu-item:hover.lobbies, .menu-item.active.lobbies, .menu-items .active .lobbies{
    /*background-image: url(../img/left_menu/Lobbies_Left_Active@3x.png);*/
    opacity: 1;
}
.menu-item:hover.rooms, .menu-item.active.rooms, .menu-items .active .rooms{
    /*background-image: url(../img/left_menu/Rooms_Left_Active@3x.png);*/
    opacity: 1;
}
.menu-item:hover.users, .menu-item.active.users,
.menu-item:hover.registrations, .menu-item.active.registrations,
.menu-item:hover.my-account, .menu-item.active.my-account,
.menu-items .active .users, .menu-items .active .my-account,
.menu-items .active .registrations,
.menu-item:hover.translate-manager, .menu-item.active.translate-manager,
.menu-items .active .translate-manager
{
    /*background-image: url(../img/left_menu/Users_Left_Active@3x.png);*/
    opacity: 1;
}
.menu-item:hover.faq-and-tips, .menu-item.active.faq-and-tips, .menu-items .active .faq-and-tips{
    /*background-image: url(../img/left_menu/CMS_FAQ_Icon_Active@3x.png);*/
    opacity: 1;
}
.menu-item:hover.manage-room-chats, .menu-item.active.manage-room-chats, .menu-items .active .manage-room-chats{
    /*background-image: url(../img/left_menu/Asset_1@3x.png);*/
    opacity: 1;
}
.menu-item:hover.recipes, .menu-item.active.recipes, .menu-items .active .recipes,
.menu-item:hover.my-classes, .menu-item.active.my-classes, .menu-items .active .my-classes,
.menu-item:hover.news, .menu-item.active.news, .menu-items .active .news,
.menu-item:hover.quiz, .menu-item.active.quiz, .menu-items .active .quiz,
.menu-item:hover.image-list, .menu-item.active.image-list, .menu-items .active .image-list{
    opacity: 1;
}
.sub-menu-items a{
    display: block;
    margin-top: 5px;
    padding-left: 40px;
    /*color: #959897;*/
    color: #fff;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: left center;
    font-family: 'TTNormsMedium', sans-serif;
    opacity: 0.6;
}
.sub-menu-items a:hover, .menu-items .active .sub-menu-items .active a{
    opacity: 1;
}

.center-area{
    width: 54%;
    margin-left: 13%;
}
.center-area .container{
    padding-top: 100px;
}
.translate-manager .navbar-nav.navbar-right{
    padding: 0;
}
.container h2{
    font: 26px 'TTNormsRegular', sans-serif;
}
.container h1{
    font: 46px/52px 'TTNormsBlack', sans-serif;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.box3{
    margin-top: 40px;
}
.box{
    background-color: #fff;
    padding: 30px;
    box-sizing: border-box;
    border-radius: 10px;
}
.box3 .box{
    width: 32%;
    margin-left: 2%;
    float: left;
    text-align: center;
    margin-bottom: 2%;
}
.box3 .box:nth-child(3n+1){
    margin-left: 0;
}
.box h3{
    padding-top: 0;
    word-break: break-word;
}
.box img{
    height: 32px;
}
.box .title{
    font: 15px 'TTNormsBold', sans-serif;
    padding-top: 10px;
    padding-bottom: 15px;
}
.box .btn{
    font: 12px 'TTNormsBold', sans-serif;
    padding-left: 25px;
    padding-right: 25px;
}
.active-event-title{
    padding: 50px 0 20px 0;
    font: 18px 'TTNormsBold', sans-serif;
}
.event-status{
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 900;
    position: relative;
    padding-right: 20px;
}
.event-status.active{
    color: #95c93d;
}
.event-status.happening-soon{
    color: #fc7e2f;
}
.event-status.upcoming{
    color: #959897;
}
.event-status:after{
    display: block;
    content: " ";
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    right: 0;
    top: 5px;
}
.event-status.active:after{
    background: #95c93d;
}
.event-status.happening-soon:after{
    background: #fc7e2f;
}
.event-status.upcoming:after{
    background: #959897;
}
.event-details{
    padding: 30px 0;
    width: 66%;
}
.event-detail{
    display: inline-block;
    width: 60%;
    font-size: 12px;
    color: #959897;
    font-weight: 600;
}
.event-detail:nth-child(2n){
    width: 39%;
}
.event-detail strong{
    font-weight: 500;
    color: #000;
}
.btn-look{
    border-radius: 30px;
    padding: 12px 25px;
}
.active-participants{
    background: #efefef;
    margin-top: 30px;
    font-size: 11px;
    color: #959897;
    font-weight: 600;
}
.active-participants strong{
    color: #000;
    font-size: 14px;
    padding-left: 10px;
}
.right-sidebar{
    /*width: 32%;*/
    width: 28%;
    padding-bottom: 50px;
}
.publish .btn-group .btn{margin-bottom: 30px}
.user-top-section{
    text-align: right;
    padding: 30px 0;
}
.user-top-section form{
    display: inline-block;
}
.user-name{
    background-size: 50px;
    background-repeat: no-repeat;
    height: 50px;
    /*padding-right: 65px;*/
    padding-left: 25px;
    display: inline-block;
    background-position: right center;
    font: 13px/50px 'TTNormsMedium', sans-serif;
    color: #373838;
}
.user-name.no-photo{
    position: relative;
}
/*.user-name.no-photo:after{*/
/*display: block;*/
/*content: " ";*/
/*position: absolute;*/
/*right: 0;*/
/*top: 0;*/
/*width: 50px;*/
/*height: 50px;*/
/*border-radius: 25px;*/
/*background: #fff;*/
/*border: 2px solid #dc1e34;*/
/*}*/
.user-photo-avatar{
    display: block;
    /*width: 55px;*/
    /*height: 55px;*/
    width: 45px;
    height: 45px;
    float: right;
    margin-left: 10px;
    margin-top: 5px;
    border-radius: 100%;
    border: 2px solid #dc1e34;
    background-position: center;
    background-size: cover;
}
.logout{
    font-size: 12px;
    font-weight: 500;
    text-transform: none;
    background: transparent;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 0;
}
.need-help-main{
    background: #373838;
    font-size: 11px;
    color: #fff;
    font-weight: 600;
    margin-top: 103px;
}
.need-help-main span{
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
    padding-left: 15px;
    vertical-align: middle;
}
.need-help-main span strong{
    font: 16px 'TTNormsExtrabold', sans-serif;
}
.need-help-main a{
    color: #95c93d;
    line-height: 16px;
}
.all-events{
    margin-top: 67px;
}
.all-events h3{
    width: 60%;
}
.all-events-title{
    color: #959897;
}
.all-events .event{
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #efefef;
}
.all-events .event:last-child{
    border: none;
    padding-bottom: 0;
}
.event-title{
    font-size: 15px;
}
.event-date{
    padding: 10px 0;
    font-size: 10px;
    color: #959897;
}
.event-date p{
    line-height: 18px;
}
.event .btn{
    font: 10px 'TTNormsMedium', sans-serif;
}
.center-area.single{
    /*width: 100%;*/
    width: 87%;
}
.manage .container .btn{
    font: 10px 'TTNormsBold', sans-serif;
}
.manage h1{
    text-transform: none;
}
.add-new{
    margin: 25px 0 0 50px;
}
.status-row{
    padding: 15px 0;
    padding-bottom: 40px;
}
.status-row a{
    font-size: 13px;
    font-weight: 500;
    color: #373838;
    border-left: 1px solid #373838;
    margin-left: 15px;
    padding-left: 15px;
}
.status-row a:first-child{
    border-left: none;
    margin-left: 0;
    padding-left: 0;
}
.status-row a.active{
    color: #dc1e34;
}
.user-index .status-row .search-text .search-text:after{
    top: 35px;
}
.lobby{
    margin-top: 20px;
}
.lobby.box{
    position: relative;
    padding: 40px 30px;
}
.event-index .lobby.box{
    padding: 60px 30px 30px;
}
.lobby.box .btn-group, .lobby.box .btn-group-vertical{
    position: absolute;
    top: 20px;
    right: 30px;
}
.lobby-details{
    padding-top: 15px;
}
.lobby-details .left{
    width: 50%;
}
.lobby-detail{
    font-size: 10px;
    font-weight: 600;
    color: #959897;
    margin-right: 15px;
}
.lobby-detail strong{
    font-size: 10px;
    font-weight: 500;
    color: #000;
}
.lobby-grey {
    background-color: #e0e1e2;
}
.lobby-green-border {
    border-color: #6ae204;
    border-style: solid;
}
.fixed-bg-image{
    background-attachment: fixed;
}
/*.fixed-bg-image.cover-bg-image{*/
/*background-size: 100% 100%;*/
/*background-repeat: no-repeat;*/
/*overflow-y: auto;*/
/*background-position: inherit;*/
/*}*/
.fixed-bg-image .content{
    visibility: hidden;
}
.fixed-bg-image .content.position-static{
    position: relative;
    width: 65%;
    left: 0;
    z-index: 1;
    visibility: visible;
}
.fixed-bg-image .content[style*="static"],
.fixed-bg-image .content.loaded-visible{
    visibility: visible;
}

.add-new-title{
    color: #959897;
    padding: 35px 0 10px 0;
    font: 16px 'TTNormsBold', sans-serif;
}
.upload-logo{
    padding: 5px 0;
    padding-bottom: 30px;
}
.input-file-red-btn label{
    margin-right: 12px;
    font: 11px 'TTNormsBold', sans-serif;
    padding: 10px 25px;
    min-width: 150px;
    border-radius: 24px;
    text-transform: uppercase;
    text-align: center;
}
.add-new-item .btn{
    font: 11px 'TTNormsBold', sans-serif;
    padding: 10px 25px;
    min-width: 150px;
}
.publish .btn-row .btn{
    margin-left: 12px;
}
.publish .btn-row .btn:first-child{
    margin-left: 0;
}
.input-file-red-btn label{
    color: #fff;
    background: #dc1e34;
    border: 1px solid #dc1e34;
}
.input-file-red-btn label:hover{
    background: #fff;
    color: #dc1e34 !important;
}
.input-file-red-btn input[type="file"]{
    position: absolute;
    left: -1000px;
}
.upload-details{
    font-size: 9px;
    color: #959897;
    font-weight: 500;
    display: inline-block;
    line-height: 14px;
    vertical-align: middle;
}
.field-lobby-description{
    padding-top: 30px;
}
.preview-div{
    display: none;
}
.logo-preview{
    margin-right: 20px;
    vertical-align: middle;
    height: 50px;
}
.remove-logo{
    font: 9px 'TTNormsMedium', sans-serif;
    text-transform: lowercase;
}
.upload-pdf-box .remove-logo{
    text-transform: none;
}
.uploaded .preview-div,
.display-inline-block > .form-group{
    display: inline-block;
}
.uploaded .input-file-red-btn label, .uploaded .upload-details{
    display: none;
}
.uploaded-pdf{
    display: none;
    font-weight: 600;
    font-size: 12px;
    color: #959897;
}
.uploaded-pdf-filename{
    font: 12px 'TTNormsRegular', sans-serif;
    color: #dc1e34;
}
.remove-pdf, .remove-new-item, .remove-new-video-item, .remove-pdf1 {
    background-image: url(../img/Remove_Icon@3x.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-size: 20px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    margin-left: 15px;
}
.remove-pdf.with-text{
    width: 100%;
    padding-left: 30px;
    line-height: 20px;
}
.upload-div.uploaded .uploaded-pdf,
.upload-div.uploaded .play-sound-checkbox
{
    display: inline-block;
}
.upload-div.uploaded .input-file-red-btn label,
.upload-div.uploaded .upload-details,
.upload-div:not(.uploaded) .play-sound-checkbox{
    display: none;
}
.upload-pdf-box{
    position: relative;
}
.upload-pdf-box .form-control{
    margin-bottom: 10px;
    margin-top: 10px;
}
.upload-pdf-box .form-group{
    width: 50%;
    display: inline-block;
    margin-right: 10px;
}
.upload-pdf-box .input-file-red-btn{
    display: inline-block;
}
.upload-pdf-box .input-file-red-btn .form-group{
    width: auto;
}
.form-group{
    margin-bottom: 0;
}
.add-button .field-customprop-property,
.add-button .field-lobby-vrc_announcement_area_btn_label,
.add-button .field-lobby-vrc_individual_session_btn_label
{
    width: 35%;
    margin-right: 5%;
    float: left;
}
.add-button .form-group:last-child{
    width: 60%;
    display: inline-block;
}
.add-new-item input[type="text"], .add-new-item input[type="tel"],
.add-new-item input[type="email"], .add-new-item input[type="password"], .add-new-item select{
    font: 12px 'TTNormsRegular', sans-serif;
    height: 35px;
    color: #959897;
}
.add-new-item input.add-button-url, #event-own_raffle_url{
    color: #dc1e34;
}
.submit-btn-group{
    margin: 40px 0;
}
.video-choise{
    width: 45%;
    margin-left: 10%;
}
.video-choise:first-child{
    margin-left: 0;
}
.video-upload-details{
    margin-top: 15px;
}
.video-upload, .video-url{
    display: none;
}
.video-url input{
    color: #dc1e34;
}
.video-select{
    padding: 10px 0 20px 0;
    display: inline-block;
    margin-left: 10px;
}
.video-select label, .checkbox-add-another label{
    margin-right: 15px;
}
.video-select select{
    margin-top: 5px;
}
.is-featured{
    padding-bottom: 10px;
}
.is-featured [type="checkbox"]{
    margin-right: 5px;
}
.upload-block .upload-thumb{
    float: right;
}

.video-choise .upload-div{
    padding-bottom: 10px;
}

.intro{
    padding: 30px 0;
}
.intro textarea{
    width: 100%;
    padding-left: 20px;
    box-sizing: border-box;
}
.status{
    background-image: url(../img/Statuc_Icon@3x.png);
}
.author{
    background-image: url(../img/Author_Icon@3x.png);
}
.publish.box{
    background: #efefef;
    border-radius: 24px;
    /*margin-top: 90px;*/
    margin-top: 184px;
}
.publish h3{
    color: #000;
}
.publish .btn-row{
    padding-top: 20px;
}
.box > h3{
    padding-top: 0;
    word-break: break-word;
}
.side-help, .hamburger{
    background-image: url(../img/Need_Help_Icon@3x.png);
    background-color: #373838;
    background-repeat: no-repeat;
    background-position: 12px center;
    width: 130px;
    height: 21px;
    background-size: 21px;
    position: fixed;
    top: 120px;
    right: -130px;
    padding: 10px 0 10px 45px;
    border-radius: 30px;
}
.hamburger{
    right: -25px;
    top: 50px;
    background-image: none;
    padding: 5px;
    height: auto;
    padding-right: 20px;
    padding-left: 65px;
    transform: scaleX(-1);
    cursor: pointer;
    z-index: 110;
    display: none;
}
.hamburger span{
    height: 4px;
    margin: 7px 0;
    border-radius: 15px;
    background: #fff;
    display: block;
}
.hamburger span:first-child{
    width: 70%;
}
.hamburger span:last-child{
    width: 85%;
}
.side-help a{
    line-height: 21px;
    color: #fff;
}
h3 + input[type="text"]{
    margin-top: 10px;
}
.add-appstore-links input, .add-contact input{
    width: 65%;
}
input.play-store-url, input.apple-store-url, input.website-url, input.enter-email, input.enter-phone{
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 20px center;
    padding-left: 50px;
}
.play-store-url{
    background-image: url(../img/Google_Store_Icon@3x.png);
}
.apple-store-url{
    background-image: url(../img/Apple_Store_Icon@3x.png);
}
.website-url{
    background-image: url(../img/Website_Icon@3x.png);
}
.enter-email{
    background-image: url(../img/Email_Icon@3x.png);
}
.enter-phone{
    background-image: url(../img/Phone_Icon@3x.png);
}
.add-contact .form-group{
    display: inline;
}
.room-activities, .panel:not(.collapsible-item){
    border: 1px solid #959897;
    /*border: none;*/
    border-radius: 10px;
    box-sizing: border-box;
    margin: 50px 0;
}
.room-video-container .remove-new-video-item,
.room-video-container .remove-pdf,
.lobby-video-container .remove-new-video-item,
.lobby-video-container .remove-pdf{
    color: #dc1e34;
    width: auto;
    padding-left: 25px;
    line-height: 18px;
}
.room-video-container .upload-div.upload-logo,
.lobby-video-container .upload-div.upload-logo{
    padding-top: 20px;
}
.room-video-container .field-video-title ~ .upload-div,
.lobby-video-container .field-video-title ~ .upload-div{
    margin-top: 40px;
}
.panel-default > .panel-heading{
    color: #333333;
    background-color: transparent;
    border-color: transparent;
}
.room-activities-header, .panel-header{
    background: #efefef;
    padding: 15px 30px;
    border-radius: 10px;
}
.room-activities-header h3, .panel-header h3{
    padding: 0;
    color: #000;
}
.room-activities.show .room-activities-header, .panel.show .panel-header{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.room-activity-details, .panel-details{
    padding: 15px 30px 45px 30px;
    display: none;
}
.room-activities.show .room-activity-details, .panel.show .panel-details{
    display: block;
}
.room-activity-details .upload-block{
    border-bottom: 1px solid #959897;
    padding-bottom: 35px;
}
.thumbnail-div{
    margin-bottom: 20px;
    display: inline-block;
}
.thumb-uploaded + .upload-thumb{
    margin-top: 40px;
    margin-bottom: 20px;
}
.thumb-uploaded + .custom-fields[style="display:none;"] + .upload-thumb{
    margin-top: -40px;
    margin-bottom: 0;
}
.custom-fields[style=""] + .upload-thumb{
    float: none;
}
.custom-fields[data-type="2"].thumb-uploaded .thumbnail-div{
    position: absolute;
}
/*.custom-fields[data-type="1"] .thumbnail-div{*/
/*display: block;*/
/*}*/
.custom-fields[data-type="1"] + .upload-thumb{
    margin-top: 40px;
}
.custom-fields[data-type="1"].thumb-uploaded{
    width: 100%;
}
.custom-fields[data-type="1"].thumb-uploaded .input-file-red-btn{
    margin-top: 30px;
}
.custom-fields[data-type="1"] .thumbnail-div{
    margin-bottom: 0;
}
.upload-block .upload-thumb.uploaded{
    float: none;
    padding-left: 20px;
}
.custom-fields[data-type="1"].uploaded{
    width: 49%;
}
.thumbnail{
    display: inline;
    margin-bottom: 0;
}
.file-info{
    display: inline-block;
    width: 50%;
    vertical-align: top;
    line-height: 22px;
}
.file-info + .input-file-red-btn{
    margin-top: 15px;
}
#cms-login-form{
    background: #fff;
    border-radius: 24px;
    padding: 30px;
    box-sizing: border-box;
    margin-top: 30px;
}
.body-wrapper{
    background: #efefef;
    height: 100vh;
}
.form-wrapper{
    max-width: 470px;
    width: 100%;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}
#cms-login-form .title-line1{
    font: 16px 'TTNormsMedium', sans-serif;
    text-transform: uppercase;
}
#cms-login-form .title-line2{
    font: 33px/48px 'TTNormsHeavy', sans-serif;
    text-transform: uppercase;
}
#cms-login-form .title-line3{
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 15px;
}
.forgot-password{
    position: absolute;
    top: 15px;
    right: 20px;
    color: #959897;
    font: 11px 'TTNormsMedium', sans-serif;
}
.contact-support{
    color: #00b6f1;
}
#cms-login-form button{
    width: 100%;
    margin-top: 20px;
}
#cms-login-form input:focus{
    border-color: #95c93d;
    border-width: 2px;
    outline: none;
}
#cms-login-form .error-message{
    border-color: #dc1e34;
}
.error-message a{
    line-height: 16px;
    color: #00b6f1;
}
.copyright{
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    font: 10px 'TTNormsRegular', sans-serif;
}
.set-color .spectrum-input{
    width: 100px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 0;
    height: 35px;
}
.set-color .form-group{
    padding-top: 20px;
}
.set-color .form-group label{
    display: none;
}
.spectrum-group{
    display: inline-block;
}
.set-color .input-group-sp{
    padding: 0;
    height: 35px;
    border: 1px solid #959897;
    min-width: 0;
    width: 42px;
    text-align: left;
    display: inline-block;
    float: left;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.sp-replacer, .sp-preview{
    width: 42px;
    height: 100%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: none;
}
.sp-clear-display, .sp-preview{
    background-image: none;
}

.set-color .input-group-html5.is-bs3 input[type="color"] {
    max-height: none;
    width: 200%;
    height: 200%;
    cursor: pointer;
    transform: translate(-25%, -25%);
}
.set-color .input-group-addon{
    width: 42px;
    float: left;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
    height: 35px;
    padding: 0;
    border: 1px solid #959897;
}
.fair-start-end-date .input-group{
    width: 100%;
}
.add-new-title + .form-group input[type="text"],
.add-new-title + .form-group input[type="number"],
.add-new-title + .form-group select{
    margin-top: 5px;
}
.title-below-reduce-padding + div > .add-new-title{
    padding-top: 7px;
}
.cedars-login-form .help-block-error{
    /*font-size: 18px;*/
    /*line-height: 1em;*/
    color: #fff;
}
.help-block{
    display: none;
}
.has-error .help-block{
    display: block;
}
.date-field{
    width: 50%;
    float: left;
}
.date-field label{
    color: #959897;
    font-weight: 500;
}
.kv-datetime-remove{
    display: none;
}
.input-group.date input[type="text"]{
    margin: 0;
}
.kv-datetime-picker{
    width: 50px;
}
.attestation-field .kv-datetime-picker{
    width: 1%;
}
.radio-list label{
    margin-right: 15px;
    font-weight: 500;
}
.radio-list label:last-child{
    margin-right: 0;
}
.checkbox-list label{
    font-weight: 500;
    display: block;
}
.checkbox-list input[type="checkbox"]{
    margin: 0 5px 0 0;
    /*vertical-align: middle;*/
}
.add-new-link{
    text-transform: uppercase;
    position: relative;
    padding-left: 30px;
    font-weight: 700;
    display: block;
    margin-top: 10px;
}
.add-new-link:before{
    content: "+";
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    color: #959897;
    border: 1px solid #959897;
    height: 20px;
    width: 20px;
    border-radius: 10px;
    line-height: 19px;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
}
.save-password{
    margin-top: 20px;
}
.handle-show-on-click{
    font: 15px 'TTNormsMedium', sans-serif;
    color: #dc1e34;
}
.upload-block .upload-div{
    display: inline-block;
    /*width: 49%;*/
}
.field-room-webinar_is_featured{
    padding-top: 15px;
}

/*.participate  form, .participate .btn-green{*/
/*display: none !important;*/
/*}*/
.section-item .section-title + .btn-row, .section-item .section-title + .btn-row{
    margin-top: 13px;
}
.section-title{
    font-size: 36px;
}
.faqs{
    height: calc(100vh - 300px);
    /*overflow-y: scroll;*/
    margin-top: 50px;
    padding-right: 30px;
}
.additional-resources{
    height: calc(100vh - 300px);
    padding-right: 30px;
}
.additional-resources .additional-resource .content{
    padding-bottom: 0;
}
.additional-resources .additional-resource .content p{
    font-weight: 600;
}
.additional-resources .additional-resource .content a{
    background-image: url(../img/resource_icon_inactive@3x.png);
    background-repeat: no-repeat;
    background-size: 24px;
    padding: 5px 5px 5px 35px;
    background-position: left center;
    display: inline-block;
    position: relative;
    color: #373838;
}
.additional-resources .additional-resource .content a:hover:before{
    position: absolute;
    display: block;
    content: " ";
    top: 8px;
    left: -45px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 10px solid transparent;
}
.faq{
    border-top: 1px solid #959897;
    padding-top: 25px;
    margin-top: 25px;
}
.additional-resources .additional-resource{
    border-top: 1px solid #959897;
    margin-top: 25px;
    border-radius: 25px;
}
.faqs .faq:last-child,
.additional-resources:last-child{
    padding-bottom: 55px;
}
.faq:first-child{
    border: none;
    padding-top: 0;
    margin-top: 0;
}
.faq-title{
    text-transform: none;
    padding-top: 0;
}
.faqs-tips-selector{
    text-transform: none;
}
.search-div{
    padding-top: 30px;
}
.search-div #key{
    background-color: #efefef;
    border-color: #efefef;
    width: 60%;
    background-image: url(../img/Search_Icon@3x.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: 22px;
}
.topic-item{
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #959897;
}
.topic-item:first-child{
    border: none;
    margin: 0;
    padding-top: 15px;
}
.category-children{
    display: none;
}
.category-set{
    margin-top: 20px;
}
.category-set:first-child{
    margin-top: 0;
}
.swal2-popup{
    border-radius: 30px !important;
    padding: 40px !important;
    max-width: 600px !important;
    width: 98% !important;
}
.swal2-title{
    font: 32px 'TTNormsBlack', sans-serif !important;
    /*color: #fff !important;*/
}
.swal2-content{
    /*color: #fff !important;*/
    font-size: 14px !important;
}
.swal2-confirm{
    border: 2px solid #fff !important;
    font-size: 16px !important;
    border-radius: 24px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    font-weight: 700 !important;
}
.swal2-btn{
    padding: 10px 40px;
    display: inline-block;
    border-radius: 24px;
    text-transform: uppercase;
    text-align: center;
    transition: all .4s ease-in-out;
    display: inline-block;
    margin-bottom: 0;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 0 solid transparent;
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.close-slider{
    position: absolute;
    top: 6%;
    left: 26%;
    z-index: 9;
    width: 40px;
    height: 40px;
    background-size: 40px;
    background-repeat: no-repeat;
    background-image: url('../img/Room_Activities_Close_Icon@3x.png');
    display: none;
}
.show-videos .close-slider{
    display: block;
}
.show-room-sidebar .close-slider{
    display: none;
}
.chat-section{
    position: relative;
    min-height: 90vh;
    height: 100px;
    overflow: auto;
    padding-bottom: 50px;
}
.submit-q.tobottom{
    position: absolute;
    bottom: 0;
    width: 100%;
}
.submit-q input[type="text"]{
    width: 81%;
}
.submit-q .btn{
    margin-top: 0;
}
.comment{
    margin: 12px 0;
    position: relative;
}
.comment p{
    width: 50%;
    padding: 15px;
    border-radius: 25px;
    line-height: 21px;
}
.comment a{
    line-height: 21px;
}
.comment .question a{
    color: #fff;
}
.comment .question a{
    color: #fff;
}
.comment .question{
    float: right;
    color: #fff;
    margin-right: 40px;
}
.comment .answer{
    background: #efefef;
    margin-left: 40px;
    border: 1px solid #efefef;
}
.chat-intro{
    /*font-style: italic;*/
    /*font-weight: 700;*/
    /*color: #959897;*/
    padding: 15px 0;
    word-break: break-word;
}
.chat-intro.hide-initial{
    display: none;
}
.comment .question:after, .comment .answer:before{
    content: "P";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    height: 32px;
    width: 32px;
    border-radius: 16px;
    border: none;
    line-height: 32px;
    font-size: 18px;
    text-align: center;
    font-weight: 700;
}
.comment .answer:before{
    content: "G";
    left: 0;
    color: #000;
    background-color: #efefef;
}
.forum .comment:nth-child(2) .answer:before{
    content: "K";
}
.forum .comment:nth-child(3) .answer:before{
    content: "M";
}
.forum .comment:first-child .answer:before{
    border: 1px solid #efefef;
}
.chat-closed, .forum{
    display: none;
}
.chat-closed-input{
    width: 100%;
    height: 200px;
    resize: none;
    padding: 10px;
    border-radius: 16px;
    margin-bottom: 20px;
}
.chat-closed-success{
    display: none;
    padding-top: 100px;
}
.chat-closed-success p{
    font-size: 20px;
}
.chat-closed-success .btn{
    margin-top: 30px;
}
.comment-time{
    display: none;
    margin-left: 40px;
    margin-top: 20px;
}
.language-btn {
    font: 12px 'TTNormsBold', sans-serif;
    min-width: 160px;
    margin-top: 0;
    white-space: normal;
    width: auto;
}
.left-sidebar .btn-group{
    margin-left: 10px;
    margin-top: 60px;
}
.welcome .btn-group{
    position: absolute;
    right: 35%;
    top: 50px;
}
/*************************/
/******* C H A T**********/
/*************************/

#message-list{
    height: 500px;
    overflow-y: auto;
    /*border: 1px solid #ecebeb;*/
    border-radius: 10px 3px 3px 10px;
}
/* width */
#message-list::-webkit-scrollbar {
    width: 5px;
    transition: all .4s;
    /*border-radius: 5px;*/
}
/* Track */
#message-list::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */
#message-list::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #aeaeae;
}
/* Handle on hover */
#message-list::-webkit-scrollbar-thumb:hover {
    background: #cdcdcd;
}
.message{
    padding: 3px 5px;
}

.message-content{
    max-width: 60%;
    min-width: 250px;
    display: inline-block;
    /*border: 1px solid #efefef;*/
    padding: 10px;
    border-radius: 10px;
    background-color: #efefef;
    position: relative;
    word-break: break-word;
}

.message.message-outgoing > .message-content{
    float: right;
    background-color: #dc1e34;
    color: #fff;
}

.message.message-outgoing:after{
    content: "";
    clear: both;
    display: block;
}
.message.message-outgoing{
    margin-right: 40px;
}
.message.message-incoming{
    margin-left: 40px;
}

.user-avatar{
    width: 30px;
    height: 30px;
    margin: 0 5px 0 0;
    top: 0;
    float: left;
    background-size: cover;
    border-radius: 25px;
    border: 1px solid #333;
}
.message.message-outgoing .user-avatar{
    right: -45px;
    position: absolute;
}
.message.message-incoming .user-avatar{
    left: -45px;
    position: absolute;
}
#send-message{
    margin-top: 0;
}
.chat-controls{
    margin-top: 15px;
    width: 100%;
    bottom: 0;
}
.chat-form-control-style{
    padding: 10px 12px;
    background-color: #F5F5F5;
    border-color: #F5F5F5;
    border-radius: 25px;
}
.edit-title-container .has-error .help-block
{
    /*width: 70%;*/
    /*float: right;*/
    word-break: break-word;
    text-align: center;
}
.organization-create .organization-form input.title-side
{
    width: 50%;
    font-size: 11px;
}
.organization-create .edit-title-container .has-error .help-block {
    width: 50%;
}
.select-organization-wrapper{
    padding: 25px 5px;
    background-color: #fff;
}
.faq-and-tips-create .edit-title-container .has-error .help-block {
    width: 37%;
}
.remove-resource{
    position: absolute;
    /*top: 30px;*/
    top: 15px;
    font-size: 12px;
    right: -50px;
    width: 120px;
    padding-left: 25px;
}
#hex-validation-msg{
    color: darkred;
    display: none;
}

/* NEO Event*/

.field-relemployeetoeventtimeslot-event_time_slot_id{
    margin: 20px 0;
}
.event-neo-form input,
.live-session-form input{
    border: 1px solid #e8e8e8;
    border-radius: 15px;
    margin: 0;
    height: 45px;
}
.event-neo-form input#eventneo-title,
.live-session-form input#livesession-title,
.live-session-form input#livesession-description{
    border-radius: 24px;
}
.live-session-form input[type="checkbox"],
.live-session-form input[type="radio"],
.event-neo-form input[type="checkbox"],
.event-neo-form input[type="radio"]
{
    height: auto;
}
.event-neo-form select,
.live-session-form select{
    height: 45px;
    border: 1px solid #e8e8e8;
}
.live-session-form label{
    color: #808080;
    font-weight: 600;
}
.live-session-form #livesession-forum_enabled label,
.live-session-form #livesession-type label,
.live-session-form #livesession-event_ids label,
.live-session-form .event-users-list label{
    font-weight: 500;
}
.live-session-form .field-livesession-image_file label{
    color: #fff;
}
.event-neo-form .icon-in-input span.input-group-addon,
.live-session-form .icon-in-input span.input-group-addon{
    border-radius: 15px 0 0 15px;
    opacity: 0.6;
    /*border: 1px solid #cbcbcb;*/
}
.event-neo-form .icon-in-input input,
.live-session-form .icon-in-input input{
    border-left: none;
    border-color: #e8e8e8;
    border-radius: 15px;
}
.event-neo-form .icon-in-input-left input,
.live-session-form .icon-in-input-left input{
    border-right: none;
    border-left: 1px solid;
    border-color: #e8e8e8;
    border-radius: 0 15px 15px 0;
}
.event-neo-form .icon-in-input-left .bootstrap-timepicker-widget input,
.live-session-form .icon-in-input-left .bootstrap-timepicker-widget input{
    border-color: #e8e8e8;
    border-radius: 15px;
}
#eventneo-beginning_time, #eventneo-ending_time{
    border-radius: 15px 0 0 15px!important;
}
.event-neo-form .icon-in-input-left span.input-group-addon{
    border-radius: 0 15px 15px 0;
}
.event-neo-form .date,
.live-session-form .date{
    width: 100%;
}
.event-neo-form .form-group,
.live-session-form .form-group{
    margin: 20px 0
}
.event-neo-form .field-eventneo-title{
    position: relative;
    top: 20px;
}
.new-employee-orientation{
    color: #808080;
    height: 32px;
    line-height: 14px;
    font-size: 12px;
    font-weight: 300;
    border-radius: 10px!important;
    background-color: #fff;
    border: 1px solid #9e9e9e;
    box-shadow: none;
}
button[name="Room[status]"]{
    margin: 0 0 15px;
}
.publish .btn-row .btn[name="Room[status]"]{
    margin-left: 0;
}

.ne-bg{background-color: rgba(167,172,162,0.15);}
.neo-title{font-size: 48px; padding: 15px 0 5px;}
.neo-title-logo{width: 35%; margin-right: 25px;}
.neo-name{font-size: 21px; line-height: 46px; margin-top: 20px; float: left; margin-right: 15px;}
.neo-name .btn{ margin-top: 20px;}
.neo-block-title{font-size: 24px; font-weight: 400; line-height: 36px; color: #373838;
    font-family: 'TTNormsRegular', sans-serif; font: 18px 'TTNormsBlack', sans-serif;
    padding: 60px 0 30px 0; text-transform: uppercase;}
.neo-green{color: #5AB648;}
.neo-tile-session{ border-radius: 25px; background-color: #fff; margin-bottom: 25px; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);}
.neo-tile-session.session-list{ min-height: 250px; position: relative;}
.neo-tile-session.checklist-block-wrapper{ padding: 15px; }
.neo-tile-session.checklist-block-wrapper .text,
.neo-tile-session.checklist-block-wrapper .text p{line-height: 21px; font-size: 12px; padding-bottom: 10px; width: 100%;word-break: break-word}
.neo-tile-session.checklist-categories-body.checklist-block-wrapper .text p {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
}
.neo-session-img{border-radius: 25px 0 0 25px; max-width: 100%; height: auto; border: none;}
.height-250{height: 245px;}
.image-bg-holder {
    /*position: relative; */
    position: absolute;
    height: 100%;
}
.neo-session-img-bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-repeat: no-repeat; background-size: cover;}
.neo-session-content {padding: 30px 10px 0 25px;}
.neo-session-title{font: 24px 'TTNormsbold', sans-serif; margin-bottom: 10px;}
.neo-session-description{padding-bottom: 10px; line-height: 18px; font-size: 13px;}
.neo-session-date, .neo-session-time{font: 15px 'Montserrat', sans-serif; color:#666666; font-weight: 600;}
.neo-session-content .btn{margin-top: 10px; min-width: 220px; margin-bottom: 25px;}
.neo-session-content a.btn.btn-red.join-session:disabled,
.neo-session-content a.btn.btn-red.join-session[disabled]{background: transparent; border: 1px solid #959897; color: #959897;}
.neo-bottom-help-tiles {padding: 25px; min-height: 250px;}
.neo-bottom-help-tiles .btn {min-width: 200px;}
.neo-bottom-help-tiles h5 {margin-bottom: 20px;}
.neo-bottom-help-tiles p{ line-height: 21px; margin-bottom: 10px;}
.neo-help-icon{width: 32px; margin-bottom: 20px;}
.btn-red-outline.disabled{
    color: #CCCCCC;
    border-color: #CCCCCC;
    cursor: not-allowed;
}
.show-on-checkbox{visibility: hidden; opacity: 0; margin-top: 10px; display: none; width: 250px; padding: 10px 20px; transition: .4s;}
.show-on-checkbox.show{visibility: visible; opacity: 1; display: block;}
.neo-event input[type=checkbox] + label {
    /*display: block;*/
    /*margin: 0.2em;*/
    /*padding: 0.2em;*/
    /*position: relative;*/
    /*padding-left: 20px;*/
}
.neo-event input[type=checkbox]:not(:checked),
.neo-event input[type=checkbox] {
    /*display: none;*/
    position: absolute;
    left: -9999px;
}
.neo-event input[type="checkbox"]:not(:checked) + label,
.neo-event input[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer;
    z-index: 20;
}
.workshop-theme .neo-event input[type="checkbox"]:not(:checked) + label,
.workshop-theme .neo-event input[type="checkbox"]:checked + label,
.room .neo-event input[type="checkbox"]:not(:checked) + label,
.room .neo-event input[type="checkbox"]:checked + label{
    padding-left: 0;
}
.workshop-theme .neo-event .join-button,
.workshop-theme .neo-event .register-button,
.workshop-theme .neo-event .add-to-calendar,
.workshop-theme .neo-event .btn-watch-video,
.workshop-theme .neo-event .btn-open-attestation,
.workshop-theme .neo-event .checklist-block-check-item-on-click,
.room .neo-event .join-button,
.room .neo-event .register-button,
.room .neo-event .add-to-calendar,
.room .neo-event .btn-watch-video,
.room .neo-event .btn-open-attestation,
.room .neo-event .checklist-block-check-item-on-click{
    text-transform: uppercase;
    color: #762b7c;
    font-size: 13px;
    display: inline-block;
}
.neo-block-title-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding-top: 20px;
    padding-left: 40px;
}
.neo-dates-dropdown{
    font-size: 15px;
}
.workshop-theme .neo-event .btn-watch-video,
.workshop-theme .neo-event .checklist-block-check-item-on-click,
.workshop-theme .neo-event .btn-open-attestation,
.room .neo-event .btn-watch-video,
.room .neo-event .btn-open-attestation,
.room .neo-event .checklist-block-check-item-on-click{
    font-size: 13px;
}
.workshop-theme .neo-event .join-button[disabled="disabled"],
.room .neo-event .join-button[disabled="disabled"]{
    color: #b2b1b1;
}
.workshop-theme .neo-event .add-new-link:before,
.room .neo-event .add-new-link:before{
    color: #762b7c;
    border-color: #762b7c;
}
.workshop-theme .neo-event .add-to-calendar,
.room .neo-event .add-to-calendar{
    text-transform: capitalize;
    margin-top: 0;
    font-size: 10px;
}
/*.workshop-theme .neo-event .register-button:before{*/
/*    content: "•";*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: -8px;*/
/*    left: -2px;*/
/*    color: #b2b1b1;*/
/*    font-size: 14px;*/
/*}*/
.workshop-theme .neo-event .checkbox-list-items p,
.room .neo-event .checkbox-list-items p{
    font-size: 13px;
}
.neo-event .webinar .show-above .ace_dd{
    top: auto !important;
    bottom: 35px;
}
.neo-event input[type="checkbox"]:not(:checked) + label:before,
.neo-event input[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0; top: 0;
    width: 1.25em; height: 1.25em;
    border: 2px solid #c9c9c9;
    background: #fff;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
    left: -23px;
    top: 5px;
}
.neo-event input[type="checkbox"]:checked + label:before{
    border: 2px solid #5AB648;
}
.neo-event input[type="checkbox"]:not(:checked) + label:after,
.neo-event input[type="checkbox"]:checked + label:after {
    content: '\2713\0020';
    position: absolute;
    top: .15em; left: .22em;
    font-size: 1.1em;
    line-height: 0.8;
    color: #5AB648;
    transition: all .2s;
    font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
    left: -20px;
    top: 7px;
}
/* checked mark aspect changes */
.neo-event input[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
.neo-event input[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}
/* disabled checkbox */
.neo-event input[type="checkbox"]:disabled:not(:checked) + label:before,
.neo-event input[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}
.neo-event input[type="checkbox"]:disabled:checked + label:after {
    color: #999;
}
.neo-event .neo-column .webinar-finished label {
    color: #b2b1b1;
}
.neo-event .webinar-finished .checkbox-list-items p,
.neo-event .webinar-finished .webinar-time{
    color: #b2b1b1;
}
.neo-event .webinar-finished a{
    display: none;
}
/* accessibility */
.neo-event input[type="checkbox"]:checked:focus + label:before,
.neo-event input[type="checkbox"]:not(:checked):focus + label:before {
    border: 2px solid #5AB648;
}
.neo-event input[disabled="disabled"] + label:hover:before {
    border-color: #bbb !important;
    cursor: default;
}
.neo-event input[disabled="disabled"] + label:hover {
    cursor: default;
}

/* hover style just for information */
.neo-event label:not(.upload-image):hover:before {
    border: 2px solid #5AB648!important;
}

.neo-event input[type=checkbox] + label:before {
    /*content: "\2714";*/
    /*border: 2px solid #c9c9c9;*/
    /*border-radius: 0.2em;*/
    /*display: inline-block;*/
    /*width: 20px;*/
    /*height: 20px;*/
    /*!*padding-left: 0.2em;*!*/
    /*!*padding-bottom: 0.3em;*!*/
    /*margin-right: 0.2em;*/
    /*vertical-align: bottom;*/
    /*color: transparent;*/
    /*transition: .4s;*/
    /*position: absolute;*/
    /*left: -23px;*/
    /*top: 5px;*/
    /*!*font-size: 12px;*!*/
    /*!*font-size: 12px;*!*/
    /*font-size: 21px;*/
    /*line-height: 19px;*/
}

.neo-event input[type=checkbox] + label:active:before {
    /*transform: scale(0);*/
}

.neo-event input[type=checkbox]:checked + label:before {
    /*!*background-color: MediumSeaGreen;*!*/
    /*background-color: #fff;*/
    /*!*border-color: MediumSeaGreen;*!*/
    /*border-color: MediumSeaGreen;*/
    /*color: MediumSeaGreen;*/
    /*!*color: #fff;*!*/
}

.neo-event input[type=checkbox]:disabled + label:before {
    /*transform: scale(1);*/
    /*border-color: #c9c9c9;*/
}

.neo-event input[type=checkbox]:checked:disabled + label:before {
    /*transform: scale(1);*/
    /*!*background-color: #bfb;*!*/
    /*border-color: MediumSeaGreen;*/
}
.neo-2columns-divided {
    column-count: 2; page-break-inside: avoid; counter-reset: navigation;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    padding-top: 15px;
}
.neo-2columns-divided .neo-column{
    position: relative;
    width: 100%;
    /*margin: 12px 0;*/
    padding: 0 0 0 25px;
    /*float: left;*/
    page-break-inside: avoid;
    -moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    -o-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    column-break-inside: avoid;
    page-break-inside: avoid;
}
.workshop-theme .neo-2columns-divided .neo-column,
.room .neo-2columns-divided .neo-column{
    margin: 12px 0;
}
.neo-2columns-divided .neo-column .checklist-block {
    margin-bottom: 15px;
    padding-right: 15px;
}
.neo-2columns-divided .neo-column:after {
    counter-increment: navigation;
    content: counter(navigation);
    width: auto;
    height: auto;
    background-color: transparent;
    transform: rotate(0);
    display: block;
    position: absolute;
    left: 31px;
    top: 1px;
    font-weight: 700;
    font-size: 13px;
    line-height: 23px;
    z-index: 10;
}
.workshop-theme .webinar-author-name,
.room .webinar-author-name{
    font-size: 12px;
    /*text-transform: uppercase;*/
}
.workshop-theme .neo-2columns-divided,
.room .neo-2columns-divided{
    position: relative;
}
.neo-2columns-divided .neo-column:first-child{
    margin-top: 0;
}
.workshop-theme .neo-2columns-divided:after,
.room .neo-2columns-divided:after{
    display: block;
    position: absolute;
    content: " ";
    top: 0;
    left: 48%;
    width: 1px;
    height: 100%;
    background-color: #ccc;
}
.workshop-theme .neo-2columns-divided .neo-column:after,
.room .neo-2columns-divided .neo-column:after{
    display: none;
}
.workshop-theme .neo-event{
    visibility: hidden;
}

.neo-column .checklist-block label {color: #373838; opacity: 1; font-weight: 700;font-size: 13px; line-height: 24px}
.watch-checklist-video, .checklist-block .join-session { margin-left: 5px; text-transform: uppercase}
.neo-2columns-divided .neo-column .checklist-block .checkbox-list-items{display: block; color: #737474; opacity: 1; font-weight: 300; margin-left: 5px;}
.neo-2columns-divided .neo-column .checklist-block .checkbox-list-items span{display: block;}
.neo-2columns-divided .neo-column .checklist-block .checkbox-list-items span span{margin-left: 10px; opacity: 0.7;}
/*.neo-2columns-divided .neo-first-column{ border-right: 1px solid #A7ACA2;}*/
/*.neo-2columns-divided .neo-second-column {width: 50%; }*/
.neo-checkbox-description h4 {font-size: 20px; color: #373838; padding: 0 0 5px 0;}
.neo-checkbox-description p {font-size: 13px;}
.checklist-video{
    display: none;
    width: 62vw;
    height: 50vh;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
}
.popup-bg, .neo-popup-bg{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    background-color: rgba(0,0,0,0.7);
    display: none;
    z-index: 9;
}
.neo-popup-bg{
    z-index: 100;
}
.neo-session-content .join-session.completed{
    background: #959897;
    color: #fff;
}
input.pin {
    padding: 10px;
    border: 1px solid #ddd;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 30px;
    border-radius: 4px;
}
.neo-register-form-wrapper{
    display: none;
    background-color: #fff;
    width: 800px;
    padding: 50px;
    border-radius: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 110;
}
.neo-register-form-wrapper.show{
    display: block;
}
.neo-register-form-wrapper h1{
    text-align: center;
    font: 45px/52px 'TTNormsBlack', sans-serif
}
.neo-register-form-wrapper h2{
    text-align: center;
    font: 30px/45px 'TTNormsRegular', sans-serif;
}
.neo-register-form input{
    margin-top: 0;
    margin-bottom: 20px;
}
.close-neo-reg{
    font-size: 20px;
    color: #CCCCCC;
    position: absolute;
    right: 30px;
    top: 20px;
}
.breakout-room-button{
    margin-right: 15px;
}
.sidebar-chat-zoom .row.chat-controls .col-md-9,
.sidebar-chat-zoom .row.chat-controls .col-md-3{
    width: 100%;
}
.sidebar-chat-zoom .row.chat-controls .col-md-9{
    margin-bottom: 25px;
}
/*.event-neo-index .table.table-striped.table-bordered thead a,*/
/*.live-session-index .table.table-striped.table-bordered thead a,*/
/*.event-neo-view .table.table-striped.table-bordered thead a{*/
/*color: #737474;*/
/*font-weight: 700;*/
/*}*/
/*.event-neo-index .table-bordered,*/
/*.event-neo-view .table-bordered,*/
/*.live-session-index .table-bordered,*/
/*.event-neo-index .table-bordered > thead > tr > th,*/
/*.event-neo-view .table-bordered > thead > tr > th,*/
/*.live-session-index .table-bordered > thead > tr > th,*/
/*.event-neo-index .table-bordered > tbody > tr > th,*/
/*.event-neo-view .table-bordered > tbody > tr > th,*/
/*.live-session-index .table-bordered > tbody > tr > th,*/
/*.event-neo-index .table-bordered > tfoot > tr > th,*/
/*.event-neo-view .table-bordered > tfoot > tr > th,*/
/*.live-session-index .table-bordered > tfoot > tr > th,*/
/*.event-neo-index .table-bordered > thead > tr > td,*/
/*.event-neo-view .table-bordered > thead > tr > td,*/
/*.live-session-index .table-bordered > thead > tr > td,*/
/*.event-neo-index .table-bordered > tbody > tr > td,*/
/*.event-neo-view .table-bordered > tbody > tr > td,*/
/*.live-session-index .table-bordered > tbody > tr > td,*/
/*.event-neo-index .table-bordered > tfoot > tr > td,*/
/*.event-neo-index .table-bordered > tfoot > tr > td,*/
/*.live-session-index .table-bordered > tfoot > tr > td,*/
/*.event-neo-index .table > thead > tr > th,*/
/*.event-neo-view .table > thead > tr > th,*/
/*.live-session-index .table > thead > tr > th,*/
/*.event-neo-index .table > tbody > tr > th,*/
/*.event-neo-view .table > tbody > tr > th,*/
/*.live-session-index .table > tbody > tr > th,*/
/*.event-neo-index .table > tfoot > tr > th,*/
/*.event-neo-view .table > tfoot > tr > th,*/
/*.live-session-index .table > tfoot > tr > th,*/
/*.event-neo-index .table > thead > tr > td,*/
/*.event-neo-view .table > thead > tr > td,*/
/*.live-session-index .table > thead > tr > td,*/
/*.event-neo-index .table > tbody > tr > td,*/
/*.event-neo-view .table > tbody > tr > td,*/
/*.live-session-index .table > tbody > tr > td,*/
/*.event-neo-index .table > tfoot > tr > td,*/
/*.event-neo-view .table > tfoot > tr > td,*/
/*.live-session-index .table > tfoot > tr > td {*/
/*border: none;*/
/*}*/
/*.event-neo-index .table-bordered > tr > th,*/
/*.event-neo-view .table-bordered > tr > th,*/
/*.live-session-index .table-bordered > tr > th {*/
/*border-bottom: 2px solid #ddd;*/
/*color: #737474;*/
/*font-weight: 700;*/
/*}*/

.checklist-container .type-field div {
    display: inline;
}
.checklist-container .type-field label {
    margin-left: 15px;
}
.checklist-container .video-container .custom-fields {
    margin-top: 20px;
}
.checklist-container .video-container .custom-fields label {
    height: 45px;
    padding-top: 15px;
    padding-bottom: 15px;
}
/*.event-form .panel-details{*/
/*padding: 0;*/
/*}*/
.sortable-container .handle {
    cursor: move;
    font-weight: 900;
    font-size: large;
    color: #dc1e34;
    top: 120px;
    opacity: 0.6;
    z-index: 10;
}
.sortable-container .handle:hover{
    opacity: 1;
}
.waiting-message {
    display: inline-block;
    width: 100%;
}
.lobby-form .add-new-link.button-add-another,
#rooms-add-video-btn {
    display: inline-block;
    float: left;
    width: 100%;
    margin-bottom: 35px;
}
.lobby-form .add-new-link.button-add-another.width-auto,
#rooms-add-video-btn{
    width: auto;
}
.lobby-form .checkbox-add-another, #rooms-add-video-radio-list {
    display: inline-block;
    float: left;
    margin-top: 15px;
    margin-left: 20px;
}
.search-text{
    width: 24%;
    float: right;
    position: relative;
    bottom: 0;
}
.search-text.fullwidth{
    width: 100%;
    float: none;
    bottom: auto;
}
.search-text input[type="text"]{
    border: none;
    position: relative;
    margin-top: 0;
}
.search-text:after{
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    background-image: url('../img/search_icon.png');
    background-position: center;
    background-size: cover;
    top: 14px;
    right: 20px;
    opacity: 0.3;
}
.event-neo-checklist-item-form.checklist-container .remove-pdf,
.event-neo-checklist-item-form.checklist-container .remove-new-item,
.event-neo-checklist-item-form.checklist-container .remove-new-video-item,
.event-neo-checklist-item-form.checklist-container .remove-pdf1{
    background-image: url(../img/Remove_Icon_Red.png);
    margin-left: 0;
}
#livesession-title{
    width: 50%;
    margin-top: 25px;
}
.landing-logo
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*display: block;*/
    /*width: 50%;*/
    /*margin: auto auto;*/
}
.input-title input#eventneo-title{
    width: 90%;
}
.input-title .field-eventneo-title{
    top: 0;
}
.breakout-room-users{
    padding-bottom: 50px;
}
.bg_opacity{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.5;
    background-color: #fff;
}
.registration-content {
    max-width: 600px!important;
}
.registration-content .event-select select{
    width: 86%;
}
.welcome .content.text-box,
.login .content.text-box
{
    background-color: rgba(255,255,255,0.9);
    padding: 45px;
}
.welcome .leave-link.text-box
{
    background-color: black;
}
.welcome .content.text-box h1,
.welcome .content.text-box h2,
.welcome .content.text-box .watch-title,
.login .content.text-box h1,
.login .content.text-box h2
{
    color: black;
}
.video-only-half-width.text-box h1{
    font-size: 32px;
    line-height: 38px;
    padding-bottom: 20px;
}
.video-only-half-width.text-box h2{
    font-size: 28px;
    line-height: 38px;
}
.video-only-half-width, .video-only-half-width.position-static{
    width: 30%;
}
.video-only-half-width .video-box{
    width: 100%;
}



























.container.booth-container {
    width: 1350px;
}
.btn-gray-right-radius{
    border-radius: 0 25px 25px 0;
    background-color: #B0B2B1;
    border: 1px solid #B0B2B1;
    color: #fff;
    font-weight: 600;
    transition: all .6s;
}
.btn-gray-right-radius:hover{
    background-color: #dc1e34;
    border: 1px solid #dc1e34;
    color: #fff;
}
.booth-background{
    background-color: #DAEBFF;
    min-height: 100vh;
    padding-bottom: 130px;
}
.lobby-view.booth-background{
    background-color: #fff;
}
.welcome-booth{
    position: absolute;
    left: 27%;
    top: -90px;
    width: 300px;
}
.welcome-booth .content{
    width: 100%;
    padding: 0;
    position: absolute;
    left: 60px;
    top: 15px;
}
.hall .welcome-booth .content{
    top: -80px;
    transform: initial;
    left: 60px;
}
.hall-logo{
    margin-bottom: 15px;
    height: 75px;
    vertical-align: middle;
    display: table-cell;
}
/*.hall-logo img{*/
/*height: 100%;*/
/*max-height: 100%;*/
/*}*/
.lobby-live-logo{
    height: auto;
    max-width: 229px;
}
.hall-btns{
    padding-top: 90px;
}
.hall-btns .btn:first-child{
    margin-right: 20px;
}
.welcome-booth p{
    font-size: 22px;
    line-height: 28px;
}
.welcome-booth p.title{
    font-size: 22px;
    line-height: 28px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.booth-welcome-img{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('/img/booth/hall/00_hall_elements.png');
    width: 160px;
    height: 200px;
    margin-top: 70px;
}
.visit-booth{
    position: absolute;
    right: 60px;
    top: -125px;
}
.visit-booth a{
    color: #000;
    font-size: 19px;
    line-height: 28px;
    transition: all .8s;
}
.visit-booth a:hover{
    opacity: 0.6;
}
.back-figure{
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/img/booth/00_left_side_element.png);
    width: 79px;
    height: 218px;
    position: absolute;
    top: 80px;
    left: 30px;
}
.booth-visit-img{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('/img/booth/visit_more_booths.png');
    width: 120px;
    height: 200px;
}
.call-right-menu {
    background-image: url(../img/booth/live_theme_menu_icon.png);
    width: 55px;
    height: 55px;
    background-size: 55px;
    background-repeat: no-repeat;
    position: fixed;
    right: 0;
    top: 35px;
    cursor: pointer;
    z-index: 9;
}
.booth{
    height: 250px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .6s;
    opacity: 1;
    display: block;
}
.booth{
    width: 330px;
    position: relative;
    margin: 0 auto;
    height: auto;

    min-height: 260px;
}
.booth.booth-hall{
    min-height: auto;
}
.booth.animated.hidden-on-load{
    opacity: 0;
}
.booth.no-scaled-on-hover, .booth.no-scaled-on-hover a, .booth.no-scaled-on-hover svg polygon{
    cursor: auto;
}
/*.booth[data-value="1"]{background-image: url('/img/booth/booth_1.png');}*/
/*.booth[data-value="2"]{background-image: url('/img/booth/booth_2.png');}*/
/*.booth[data-value="3"]{background-image: url('/img/booth/booth_3.png');}*/
/*.booth[data-value="4"]{background-image: url('/img/booth/booth_4.png');}*/
/*.booth[data-value="5"]{background-image: url('/img/booth/booth_5.png');}*/
/*.booth[data-value="6"]{background-image: url('/img/booth/booth_6.png');}*/
/*.booth[data-value="7"]{background-image: url('/img/booth/booth_7.png');}*/
/*.booth[data-value="8"]{background-image: url('/img/booth/booth_8.png');}*/
/*.booth[data-value="9"]{background-image: url('/img/booth/booth_9.png');}*/
/*.booth[data-value="10"]{background-image: url('/img/booth/booth_10.png');}*/


.booth .booth-logo{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 70px;
    width: 70px;
    position: absolute;
    transition: all .6s;
    opacity: 0;
    visibility: hidden;
}
.booth .booth-sign{
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 116px;
    width: 47px;
    position: absolute;
}

.booth .booth-logo.show{
    opacity: 1;
    visibility: visible;
}

/*.booth[data-value="1"] .booth-logo{background-image: url('/img/booth/logos/voya@3x.png'); top: 45px; left: 65px;}*/
/*.booth[data-value="2"] .booth-logo{background-image: url('/img/booth/logos/anthem@3x.png'); top: 35px; right: 46px;}*/
/*.booth[data-value="3"] .booth-logo{background-image: url('/img/booth/logos/vsp@3x.png'); top: 47px; left: 55px;}*/
/*.booth[data-value="4"] .booth-logo{background-image: url('/img/booth/logos/delta_dental@3x.png'); top: 35px; left: 34px; width: 120px; height: 80px}*/
/*.booth[data-value="5"] .booth-logo{background-image: url('/img/booth/logos/medimpact@3x.png'); top: 40px; left: 62px;}*/
/*.booth[data-value="6"] .booth-logo{background-image: url('/img/booth/logos/bright_horizons@3x.png'); top: 35px; left: 75px;}*/
/*.booth[data-value="7"] .booth-logo{background-image: url('/img/booth/logos/creditunion@3x.png'); top: 45px; left: 50px;}*/
/*.booth[data-value="8"] .booth-logo{background-image: url('/img/booth/logos/lifematters@3x.png'); top: 55px; right: 45px;}*/
/*.booth[data-value="9"] .booth-logo{background-image: url('/img/booth/logos/tri-ad@3x.png'); top: 35px; right: 65px;}*/
/*.booth[data-value="10"] .booth-logo{background-image: url('/img/booth/logos/metlife@3x.png'); top: 35px; right: 84px;}*/

.booth[data-value="1"] .booth-sign{background-image: url('/img/booth/live_event_signs/booth_1_chat@3x.png'); top: 125px; left: 133px;}
.booth[data-value="2"] .booth-sign{background-image: url('/img/booth/live_event_signs/booth_2_session@3x.png'); top: 123px; left: 137px;}
.booth[data-value="3"] .booth-sign{background-image: url('/img/booth/live_event_signs/booth_3_chat@3x.png'); top: 68px; right: 50px;}
.booth[data-value="4"] .booth-sign{background-image: url('/img/booth/live_event_signs/booth_4_chat@3x.png'); top: 128px; left: 137px;}
.booth[data-value="5"] .booth-sign{background-image: url('/img/booth/live_event_signs/booth_5_session@3x.png'); top: 91px; left: 201px;}
.booth[data-value="6"] .booth-sign{background-image: url('/img/booth/live_event_signs/booth_6_session@3x.png'); top: 75px; right: 55px;}
.booth[data-value="7"] .booth-sign{background-image: url('/img/booth/live_event_signs/booth_7_session@3x.png'); top: 100px; left: 187px;}
.booth[data-value="8"] .booth-sign{background-image: url('/img/booth/live_event_signs/booth_8_session@3x.png'); top: 123px; right: 146px;}
.booth[data-value="9"] .booth-sign{background-image: url('/img/booth/live_event_signs/booth_9_session@3x.png'); top: 94px; left: 94px;}
.booth[data-value="10"] .booth-sign{background-image: url('/img/booth/live_event_signs/booth_10_chat@3x.png'); top: 130px; left: 137px;}

/*.booth:hover,*/
/*.booth:focus,*/
/*.booth.animated,*/
/*.booth:hover .booth-logo,*/
/*.booth:focus .booth-logo,*/
/*.booth:focus .booth-logo.animated{*/
/*transform: scale(1.1);*/
/*}*/
/*.booth img:hover{*/
/*transform: scale(1.1);*/
/*}*/

/*.three-items-row{*/
/*margin-bottom: -15px;*/
/*}*/
.two-items-row{
    margin-bottom: -110px;
    margin-top: -110px;
}
.three-items-row [class^='col-md'],
.two-items-row [class^='col-md']{
    padding: 0;
}
.booth-background + .sidebar,
.sidebar-from-menu-button + .sidebar{
    right: -100%;
}
.booth-background + .sidebar.show-social,
.sidebar-from-menu-button + .sidebar.show-social,
.booth-background + .sidebar.show-sidebar,
.sidebar-from-menu-button + .sidebar.show-sidebar,
.booth-background + .sidebar.show,
.sidebar-from-menu-button + .sidebar.show{
    right: 0;
    z-index: 99;
}
.back-to-hall{
    top: 75px;
    background: #373838;
    width: 202px;
}
.back-to-hall:hover{
    color: #fff;
}
.hall-name{
    text-align: center;
    text-transform: uppercase;
    color: #373838;
    font-family: 'TTNormsBold', sans-serif;
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
/*.hall .booth[data-value="1"]{background-image: url('/img/booth/hall/live_event_square.png');}*/
/*.hall .booth[data-value="2"]{background-image: url('/img/booth/hall/hall_1.png');}*/
/*.hall .booth[data-value="3"]{background-image: url('/img/booth/hall/hall_2.png');}*/
/*.hall .booth[data-value="4"]{background-image: url('/img/booth/hall/hall_3.png');}*/
/*.hall .booth[data-value="5"]{background-image: url('/img/booth/hall/hall_4.png');}*/
/*.hall .booth[data-value="6"]{background-image: url('/img/booth/hall/hall_5.png');}*/
.hall .welcome-booth{
    top: 60px;
    left: 10%;
    z-index: 50;
}
.hall .booth{
    text-align: center;
}
.booth[data-value="1"], .booth[data-value="2"], .booth[data-value="3"]{
    z-index: 11;
}
.booth[data-value="4"], .booth[data-value="5"]{
    z-index: 12;
}
.booth[data-value="6"], .booth[data-value="7"], .booth[data-value="8"]{
    z-index: 13;
}
.booth[data-value="9"], .booth[data-value="10"]{
    z-index: 14;
}
.booth[data-value="11"], .booth[data-value="12"], .booth[data-value="13"]{
    z-index: 15;
}
.booth[data-value="14"], .booth[data-value="15"]{
    z-index: 16;
}


.hall .booth[data-value="1"]{
    z-index: 11;
}
.hall .booth[data-value="2"], .hall .booth[data-value="3"]{
    z-index: 12;
}
.hall .booth[data-value="4"], .hall .booth[data-value="5"], .hall .booth[data-value="6"]{
    z-index: 13;
}
.hall .booth[data-value="7"], .hall .booth[data-value="8"]{
    z-index: 14;
}
.hall .booth[data-value="8"], .hall .booth[data-value="9"], .hall .booth[data-value="10"]{
    z-index: 15;
}
/*.align-booth{*/
/*display:table-cell; vertical-align:middle; text-align:center*/
/*}*/
.booth img{
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    /*display: block;*/


    /*height: 250px;*/
    width: 330px;

    position: absolute;
    bottom: 0;
}
.booth.booth-hall img{
    position: relative;
}
.booth-container .two-items-row .col-md-4:first-child{
    /*margin-left: 220px;*/
    margin-left: 16.66666667%;
}
.bg-booth{
    background-position: center;
    background-size: contain;
    display: block;
    width: 330px;
    height: 240px;
    background-repeat: no-repeat;
}
.booth.scaled-on-hover{
    transform: scale(1.15);
}
.booth.scaled-on-hover.no-scaled-on-hover{
    transform: scale(1);
}
.hall .two-items-row{
    margin-top: -75px;
    margin-bottom: -75px;
}
.hall .two-items-row:last-child{
    margin-bottom: 0;
}
svg{
    position: absolute;
    z-index: 9;
    left: 0;
    width: 100%;
    height: 100%;
}
svg polygon{
    cursor: pointer;
}
#languages svg{
    position: static;
}
.welcome .translation-in-sidebar .btn-group{
    position: relative;
    right: auto;
    top: auto;
}
.translation-in-sidebar .btn-group .btn.btn-primary.dropdown-toggle.language-btn{
    width: auto;
    padding: 0;
    background: none;
    border: none;
    /*min-width: auto;*/
    min-width: 130px;
}
.bg-size-70-100{
    background-size: 70%;
    background-repeat: no-repeat;
    overflow-y: auto;
}
.bg-size-70-100.cover{
    background-size: cover;
    background-position: bottom right;
}
.translation-btn-style-room-sidebar .btn-group .btn.btn-primary.dropdown-toggle.language-btn{
    background: none;
    border: none;
    /*min-width: 175px;*/
    min-width: 130px;
    padding: 0 0;
}
.translation-btn-style-room-sidebar .btn-group .btn.btn-primary.dropdown-toggle.language-btn + .dropdown-menu{
    min-width: 150px;
    max-width: 150px;
    box-sizing: border-box;
    overflow: hidden;
}
.translation-btn-style-room-sidebar .btn-group .btn.btn-primary.dropdown-toggle.language-btn + .dropdown-menu > li > a{
    padding: 10px 0 0 5px;
    white-space: break-spaces;
}
.publish .btn-group{
    margin-bottom: 30px;
}
.publish .btn-group .btn.btn-primary.dropdown-toggle{
    margin-bottom: 0;
}

/*  webinars */
.webinars{
    display: flex;
    flex-flow: wrap;
}
.vrc-activities .webinar-section .webinars,
.vrc-activities .webinar-section .webinars .row,
.vrc-activities .single-webinar.row > .col-md-6.class-tile-wrapper {
    width: 100%;
}
.vrc-activities .webinar-section .single-webinar.row > .col-md-6.class-tile-wrapper .myclass-image-cover{
    height: 420px;;
}
.vrc-activities .webinar-section .webinars .tile.class {
    height: 380px;
}
#webinar-title{
    width: 60%;
    margin-top: 30px;
}
.single-webinar .webinar.video-box{
    max-width: 100%;
    margin-top: 0;
}
.single-webinar .video-wrapper{
    background-position: center;
    height: 400px;
    margin: 15px 0 35px;
    border-radius: 20px;
}
.single-webinar .webinar-title{
    font-size: 26px;
    padding-top: 0;
}
.single-webinar .webinar-time{
    /*color: #5AB648;*/
    color: #373838;

    font-size: 15px;
    font-weight: 500;
}
.webinar-time.green span.green-text{
    color: #5AB648;
}
.checklist-with-category .webinar .join-button.green{
    color: #5AB648 !important;
}
.webinar-title, .sidebar h3.webinar-title{
    text-transform: capitalize;
    padding: 15px 0 5px;
}
.checklist-block .webinar-title{
    padding: 0 0 0 5px;
}
.capitalize{
    text-transform: capitalize;
}
.webinars .webinar-title, .webinars .sidebar h3.webinar-title{
    font-size: 15px;
}
.webinar-img{
    width: auto;
    border-radius: 10px;
    height: 120px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.webinars .webinar-url .btn{
    font-size: 12px;
    padding: 10px 17px;
    margin-bottom: 5px;
    width: 100%;
    padding-left: 7px;
    padding-right: 7px;
    word-break: break-word;
    white-space: normal;
}
.webinars .webinar-url{
    margin-top: 10px;
}
.webinar-time{
    font-size: 12px;
    text-transform: uppercase;
}
.webinar-on-room .webinar-title, .webinar-on-room .sidebar h3.webinar-title{
    font-size: 20px;
}
.webinar-on-room .webinar-time{
    font-size: 15px;
}
.webinar-on-room .webinar-content{
    font-size: 13px;
}
/*  ******** */
.section-item.chat-section button[type="submit"]{
    margin-top: 25px;
}
.section-item.chat-section #chatquestion-content{
    margin-bottom: 0;
}
.welcome-language-btn{
    float: right;
    top: 60px;
    position: relative;
    margin-right: 25px;
}

.hide-addon-div .input-group-addon{
    display: none;
}
.input-group-width100 .input-group{
    width: 100%;
}


/****************************/
/***  S U R V E Y ***/
/***************************/
#questionsApp > div {
    margin-bottom: 35px;
}
#questionsApp .survey-question .btn{
    margin: 10px 0 15px;
}
#questionsApp .survey-question > div.form-group,
#questionsApp .survey-question .survey-question-option{
    margin-bottom: 10px;
}
#questionsApp .survey-question .survey-question-option .btn{
    margin: 0;
    height: 34px;
    padding: 0 15px;
}
.section-item.survey-section .survey .survey-title,
.section-item.survey-section .survey .survey-question{
    margin-bottom: 35px;
}
.section-item.survey-section .survey .survey-title{
    font-size: 32px;
}
.section-item.survey-section .survey h2{
    /*font-size: 26px;*/
    font-size: 16px;
    /*line-height: 32px;*/
    line-height: 21px;
    margin-bottom: 10px;
}
.intro-msg-survey{
    margin-bottom: 25px;
    font-weight: 700;
}
.intro-msg-survey.green{
    color: #5abf00;
}
.section-item.survey-section .survey .survey-question textarea{
    display: block;
    width: 100%;
    height: 100px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.category-rooms-list-holder .survey.survey-container,
.category-rooms-list-holder .survey.survey-container .survey-title,
.category-rooms-list-holder .survey.survey-container .intro-msg-survey{
    color: #fff;
}
.category-rooms-list-holder .survey.survey-container .survey-question{
    margin-bottom: 25px;
}
.category-rooms-list-holder .survey.survey-container .survey-question h2{
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 15px;
}

.category-rooms-list-holder .survey.survey-container .survey-question textarea{
    width: 100%;
    border-radius: 7px;
}
/*.category-rooms-list-holder .survey.survey-container form button[type="submit"]{*/
/*    background-color: #5cb85c;*/
/*    border-color: #5cb85c;*/
/*    color: #fff;*/
/*}*/

.login-segmentation-form .form-group {
    margin-top: 20px
}
.survey-success-block{
    margin-top: 20%;
}
.survey-success-block .success_message_title{
    text-transform: none;
}
.survey-success-block .success_message{
    text-transform: none;
    font-weight: 400;
    padding-top: 10px;
    margin-bottom: 25px;
    font-family: 'TTNormsRegular', sans-serif;
}
.category-rooms-list-holder .survey.survey-container,
.category-rooms-list-holder .survey.survey-container .survey-title,
.category-rooms-list-holder .survey.survey-container .intro-msg-survey,
.category-rooms-list-holder .survey.survey-container .survey-question-options label{
    font-family: 'TTNormsRegular', sans-serif;
}
.category-rooms-list-holder .survey.survey-container .survey-question-options label{
    font-size: 16px;
    font-weight: 500;
}
.survey-question-options label{
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: block;
}
.survey-question-options label input,
.category-rooms-list-holder .survey.survey-container .survey-question-options label input{
    margin-right: 10px;
}
.open-survey-button{
    width: 100%;
}
.open-survey-button .img-circle{
    display: inline-block;
    text-align: center;
    background-color: red;
    height: 45px;
    width: 45px;
}
.open-survey-button .img-circle img{
    width: 100%;
    max-width: 18px;
    margin-top: 9px;
}
/***************************/
/***  S U R V E Y    E N D***/
/***************************/

/***************************/

.section-item.chat-section .message-form .chat-title,
.section-item.chat-section .message-form .chat-question{
    margin-bottom: 35px;
}
.section-item.chat-section .message-form .chat-title{
    font-size: 32px;
}
.section-item.chat-section .message-form h2{
    /*font-size: 26px;*/
    font-size: 16px;
    /*line-height: 32px;*/
    line-height: 21px;
    margin-bottom: 10px;
}

.section-item.chat-section .message-form .chat-question textarea{
    display: block;
    width: 100%;
    height: 100px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.chat-question-options label{
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: block;
}
.chat-question-options label input,
.category-rooms-list-holder .chat-container .chat-question-options label input{
    margin-right: 10px;
}

/***************************/
/***  AAQ Additional Question E N D***/
/***************************/

/***************************/
/***  R A F F L E        ***/
/***************************/
.survey-title.raffle, .success_message_title.raffle{
    font-size: 34px;
}
.success_message.raffle{
    font-family: "Montserrat", sans-serif;
}
/***************************/
/***   R A F F L E  E N D***/
/***************************/
.room .sidebar.position-right.activities-sidebar-room.right.scroll.show-room-sidebar.show-videos.height100p{
    max-height: 100%;
}
.wrap-video-list-item{
    height: 170px;
    float: left;
    width: 30%;
    overflow: hidden;
    margin-bottom: 40px;
    margin-left: 5%;
}
.wrap-video-list-item .other-video{
    width: 100%;
}
.wrap-video-list-item:nth-child(3n+1) {
    margin-left: 0;
}

/***************************/
/***      Q U I Z        ***/
/***************************/
.quiz-container{
    padding: 25px 0 25px 40px;
}
.quiz-container a{
    font-weight: 600;
    color: #8FC641;
}
.gray-quiz-bg{
    background-color: #ededed;
}
.quiz-title{
    font: 55px/66px 'TTNormsRegular', sans-serif;
}
.quiz-subtitle{
    font: 12px/15px 'Myriad Pro', sans-serif;
}
.quiz-container a.back-link-quiz{
    color: #B1B3B2;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 900;
}
.quiz-question-title.score{
    margin-left: 0;
    margin-bottom: 25px;
    padding: 25px 0 10px;
}
.quiz-question-title.score .current-question-number{
    padding: 10px 15px;
}
.back-link-quiz span{
    margin-right: 10px;
}
.quiz-question-block{
    padding: 20px 0;
    margin-bottom: 15px;
    padding-left: 60px;
}
.quiz-question-title.score{
    margin-left: 0;
    margin-bottom: 25px;
}
.quiz-question-title{
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    color: #231F20;
    margin-left: -60px;
}
.current-question-number{
    background-color: #8FC641;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 50%;
    margin-right: 15px;
    color: #fff;
    font-weight: 900;
}
.quiz-question-title.score .current-question-number {
    padding: 10px 15px;
}
.quiz-question{
    font-size: 23px;
    font-weight: 900;
    font-family: "Montserrat", sans-serif;
    color: #010101;
    padding: 25px 0 15px;
    line-height: 32px;
}
.quiz-answer{
    position: relative;
}
.quiz-answer-label{
    background-color: #fff;
    border: 1px solid #fff;
    color: #020202;
    border-radius: 25px;
    display: block;
    box-shadow: 0px 1px 3px;
    padding: 20px 0;
    text-align: center;
    margin: 15px 0;
    height: auto;
    line-height: 0;
    position: relative;
    cursor: pointer;
    transition: all ease-in-out 0.4s;
}
.quiz-answer-label:hover{
    border: 1px solid #8FC641;
    /*box-shadow: 0 0 2px rgba(143,198,65,1);*/
}
.quiz-answer-input{
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
}

.quiz-answer-input:checked + label{
    border: 1px solid #8FC641;
    background: #8fc641;
    color: #fff;
    /*box-shadow: 0 0 2px rgba(143,198,65,1);*/
}
.quiz-user-form{
    padding: 65px 10px;
}
.quiz-user-form-image{
    width: 100%;
    max-width: 250px;
}
.bnt-see-score{
    background-color: #B1B3B3;
    border-color: #B1B3B3;
    color: #fff;
    font-weight: 600;
    margin-left: 60px;
}
.bnt-see-score:hover, .bnt-see-score.active{
    background-color: #8FC641;
    border-color: #8FC641;
    color: #fff;
}
.bnt-see-score span{
    margin-left: 15px;
}
.your-score{
    font-size: 26px;
}
.your-score .score-count{
    font-size: 32px;
    font-weight: 900;
}
.quiz-score-top-block{
    /*position: absolute;*/
    /*top: 0;*/
    /*width: 100%;*/
    /*height: 50vh;*/

    position: absolute;
    top: 0;
    /* width: 100%; */
    height: 50vh;
    left: 180px;
    box-sizing: border-box;
    right: 0;
    top: 0;
}
.text-to-bottom{
    position: absolute;
    bottom: 30px;
    /*width: 100%;*/
    right: 0;
    left: 0;
    padding-left: 40px;
}
.quiz-score-bottom-block{
    /*position: absolute;*/
    /*bottom: 0;*/
    /*width: 100%;*/
    /*height: 50vh;*/

    position: absolute;
    bottom: 0;
    /* width: 100%; */
    height: 50vh;
    left: 180px;
    right: 0;
    /* top: 0; */
    box-sizing: border-box;
}
.score-mean{
    font-weight: 900;
    padding: 5px 0 15px;
}
.room.quiz-view .content{
    width: 100%;
    max-width: 100%;
}

/***************************/
/***   Q U I Z    E N D  ***/
/***************************/


/******************************************/
/***  D I S N E Y   L O G I N   T Y P E ***/
/******************************************/
.disney-login-type .welcome-to-login{
    font-size: 36px;
    line-height: 42px;
    padding-bottom: 20px;
}
.disney-login-type .form-title,
.is-login-builder-form .form-title p{
    font-size: 16px;
    line-height: 26px;
}
.disney-login-type .hint-block{
    margin-top: 10px;
    font-size: 12px;
    line-height: 19px;
}
.radio-as-button label{
    background-color: #fff;
    border: 2px solid #fff;
    color: #020202;
    border-radius: 25px;
    display: block;
    box-shadow: 0 0 5px;
    padding: 15px 0;
    padding-left: 10px;
    margin: 15px 0;
    height: 40px;
    line-height: 7px;
    position: relative;
    cursor: pointer;
    opacity: 0.8;
}
.radio-as-button label:hover{
    opacity: 1;
}
.radio-as-button label.active{
    border: 2px solid #8FC641;
    opacity: 1;
}
.select-as-button select.form-control{
    height: 40px;
    border-radius: 25px;
    margin-bottom: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;       /* Remove default arrow */
    background-image: url(../img/arrow_down.png);   /* Add custom arrow */
    background-size: 20px 12px;
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: center;
}
.radio-as-button label input[type="radio"]{
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    border-radius: 25px;
}
.radio-as-button .radio input[type="radio"]{
    margin-left: 0;
}

/**************************************************/
/***  D I S N E Y   L O G I N   T Y P E   E N D ***/
/**************************************************/



/*********************************************************/
/***  L I V E   T H E M E  V I D E O  I N   M O D A L  ***/
/*********************************************************/


#video-modal .modal-dialog {
    max-width: 800px;
    margin: 30px auto;
}
#video-modal .modal-body {
    position:relative;
    padding:0px;
}
#video-modal .close {
    position:absolute;
    right:-30px;
    top:0;
    z-index:999;
    font-size:2rem;
    font-weight: normal;
    color:#fff;
    opacity:1;
}
.booth.no-scaled-on-hover svg a.video-btn-to-modal polygon{
    cursor: pointer;
}
/******************************************************************/
/***  L I V E   T H E M E  V I D E O  I N   M O D A L     E N D ***/
/******************************************************************/

/******************************************************************/
/***  login theme for align logo with text block ***/
/******************************************************************/
/*.login.logo-align{*/
/*min-height: auto;*/
/*height: 100vh;*/
/*}*/
.login.logo-align .landing-graphic{
    height: 52vh; /*it's for stop scroll bg image (city of hope organization etc)*/
}
.logo-align .logo.wrapper{
    height: 150px;
}
.logo-align .logo.wrapper span{
    position: fixed;
    left: 4%;
}
.logo-align .wrapper.relative{
    position: static;
}
.login.logo-align .content{
    left: 4%;
    transform: translateY(-40%);
    position: fixed;
}
/******************************************************************/
/***  login theme for align logo with text block       E N D    ***/
/******************************************************************/

#optionsApp .segment-option .add-button-container,
#questionsApp .passcodes {
    padding-top: 10px;
}

.segmentation-form input[type="text"] {
    margin-top: 0px;
}
.login .field-dynamicmodel-passcode {
    margin-bottom: 10px;
}
#passcodeApp .passcodes input{
    height: 42px;
}
/******************************************************************/
/***                Giving Experience                           ***/
/******************************************************************/

.kindness-bg{
    background-color: #F6F6F6;
}
.kindness-logo{
    width: 250px;
    margin-bottom: 20px;
}
.kindness-title{
    color: #373838;
    font-family: "TTNormsRegular", sans-serif;
    font-size: 35px;
    line-height: 42px;
    margin-bottom: 15px;
}
.kindness-sub-title{
    color: #373838;
    font-family: "TTNormsRegular", sans-serif;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 25px;
}
.kindness-scrolled-left{
    /*height: 73vh;*/
    /*overflow-y: scroll;*/
    width: 40%;
    float: left;
    /*height: 100%;*/
}
.kindness-fixed-right{
    position: relative;
    right: 0;
    width: 60%;
    float: right;
    /*height: 100%;*/
}
input.kindness-text-input{
    border-right: none;
    border-top: none;
    border-left: none;
    border-bottom: 2px solid #ccc;
    border-radius: 0;
    margin-bottom: 10px;
    color: #373838;
    opacity: 0.6;
    padding-left: 0;
}
.kindness-increment label{
    text-align: center;
    color: #373838;
}
.kindness-increment label:after{
    content: '✔';
    color: #373838;
    position: absolute;
    left: 5px;
    font-size: 18px;
}
.kindness-tile{
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 15px;
    box-shadow: 0px 0px 8px -3px #999999;
}
.calculator-wrapper{
    background-color: #fff;
    border-radius: 10px;
    min-height: 700px;
    height: 100%;
    margin-bottom: 35px;
}
.heart-design .calculator-wrapper{
    min-height: 0;
}
.calculator-wrapper:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 78%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(78%, rgba(255,255,255,0.3)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 78%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 78%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 78%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 78%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    z-index: 10;
    pointer-events: none;
}
.heart-design .calculator-wrapper:before{
    display: none;
}
.acts-kindness{
    background-color: #8C1515;
    text-align: center;
    border-radius: 10px;
    padding: 0 15px;
    color: #fff;
    height: 100%;
    min-height: 65vh;
    clip-path: circle(60% at 68% 25%);
}
.heart-design .acts-kindness{
    clip-path: initial;
    min-height: 0;
    background-color: #fff;
}
.acts-kindness.blue-bg-gradient{
    background-color: transparent;
    background-image: -moz-linear-gradient(top,  rgba(0,87,184,1) 0%, rgba(0,87,184,1) 25%, rgba(0,87,184,0) 100%);
    background-image: -webkit-linear-gradient(top,  rgba(0,87,184,1) 0%,rgba(0,87,184,1) 25%,rgba(0,87,184,0) 100%);
    background-image: linear-gradient(to bottom,  rgba(0,87,184,1) 0%,rgba(0,87,184,1) 25%,rgba(0,87,184,0) 100%);
    clip-path: circle(75% at 68% 35%);
    min-height: 90vh;
}
.number-acts-of-wellness-button{
    margin: 15px auto; padding: 10px 30px;
}
.acts-kindness h3{
    font-family: "TTNormsRegular", sans-serif;
    font-weight: 900;
    /*font-size: 19px;*/
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 7px;
}
.heart-design .acts-kindness h3{
    color: #02927e;
}
.thermometer-subtitle{
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 10px;
}
.heart-design .thermometer-subtitle{
    color: #333;
}
.calculator-column-wrapper{
    width: 60px;
    overflow: hidden;
    height: 50%;
    /*height: 45%;*/
    border: 10px solid #fff;
    border-radius: 40px;
    background-color: #8C1515;
    display: inline-block;
    position: absolute;
    top: 55%;
    left: 62%;
    transform: translate(-50%, -25%);
    -webkit-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.75);
}
.calculator-column-wrapper.blue-bg-gradient{
    background-color: #0057b8;
}
.heart-design .calculator-column-wrapper,
.heart-design .thermometer-scale{
    display: none;
}
.inner-column{
    background-color: #EDDADA;
}
.calculator-column-wrapper.blue-bg-gradient .inner-column{
    background-color: #efefef;
}

.thermometer-scale{
    position: absolute;
    top: 68%;
    left: 33%;
    color: #C88F8F;
    transform: translate(-50%,-50%);
}
.thermometer-scale span{
    background-color: #C88F8F;
    width: 10px;
    height: 3px;
    display: block;
    position: relative;
    right: -27px;
    margin-bottom: 10.5px;
    /*margin-bottom: 7px;*/
    border-radius: 5px;
}
.thermometer-scale.black-scale span{
    background-color: #333;
}
.numeric-points p{
    position: absolute;
    color: #C88F8F;
    line-height: 0;
    left: 8px;
    text-align: right;
    display: block;
    width: 0;
    font-weight: 900;
    direction: rtl;
}
.thermometer-scale.black-scale .numeric-points p{
    color: #333;
}
.numeric-points > span{
    width: 25px;
    height: 4px;
    right: -12px;
}

/*.numeric-points:last-child{*/
/*padding-bottom: 0;*/
/*}*/

.non-numeric-points{
    color: #C88F8F;
}
.count-circle{
    border: 2px solid #eddada3d;
    border-radius: 100px;
    padding: 29px 0;
    display: inline-block;
    width: 130px;
    height: 130px;
    box-shadow: 0 2px 8px -3px #000;
}
.count-circle.fund-ukraine{
    padding: 35px 0;
    width: 160px;
    height: 160px;
    background-color: #ffd700;
    color: #000;
    border-color: #fff;
}
.heart-design .count-circle{
    background-image: url(../img/giving-experience/Green_Heart.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 173px;
    height: 150px;
    background-size: 85%;
    border: none;
    border-radius: inherit;
    box-shadow: none;
    padding: 45px 0;
}
.count-circle .numbers,
.count-hide-circle .numbers{
    font-family: "Montserrat", sans-serif;
    font-size: 30px;
    line-height: 42px;
    font-weight: 500;
}
.count-circle .number-text,
.count-hide-circle .number-text{
    font-family: "Montserrat", sans-serif;
    font-size: 9px;
    line-height: 12px;
    font-weight: 900;
    display: block;
}
.count-hide-circle{
    padding: 29px 0;
    display: inline-block;
    width: 130px;
    height: 130px;
}
.heart-img{
    width: 30px;
    margin: 0 auto 10px;
    text-align: center;
    display: block;
}
.heart-design .heart-img{
    display: none;
}
.upload-image{
    padding-top: 0;
    position: relative;
    margin-top: 15px;
    background-color: transparent;
    border: none;
    color: #373838;
    opacity: 0.6;
    text-transform: none;
    font-size: 13px;
}
.upload-image:before{
    content: '';
    background-image: url('../img/giving-experience/Photo_Icon.png');
    position: absolute;
    width: 20px;
    height: 20px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
}
.upload-image:hover, .upload-image.active{
    opacity: 1;
}
.kindness .upload-image:active{
    opacity: 1;
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #373838;
    opacity: 0.6;
}

.share-name{
    margin: 10px 0;
}
.share-name label{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: #373838;
    opacity: 0.8;
}
#lobbygivingeventparticipation-show_name,
#lobbyteamleaderboardpost-show_name{
    float: right;
}
#lobbygivingeventparticipation-show_name label{
    text-transform: capitalize;
}
.radio-as-checkbox input[type=radio]{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.radio-as-checkbox input[type=radio] {content:url('../img/giving-experience/checkbox_unselected.png'); z-index: 10;}
.radio-as-checkbox input[type=radio]:checked {content:url('../img/giving-experience/checkbox_active.png'); z-index: 10;}
.radio-as-button.kindness-increment{
    border: none;
}
.radio-as-button.kindness-increment label{
    box-shadow: 0 0 5px -2px #000;
    border: 1px solid #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    color: #373838;
    opacity: 0.7;
}
.radio-as-button.kindness-increment label.active{
    color: #fff;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8c1515+1,892525+100,8c1515+100&0.7+0,1+100 */
    background: -moz-linear-gradient(top, rgba(140,21,21,0.7) 0%, rgba(140,21,21,0.7) 1%, rgba(140,21,21,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(140,21,21,0.7) 0%,rgba(140,21,21,0.7) 1%,rgba(140,21,21,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(140,21,21,0.7) 0%,rgba(140,21,21,0.7) 1%,rgba(140,21,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b38c1515', endColorstr='#8c1515',GradientType=0 ); /* IE6-9 */
    border: none;
}
.kindness-increment label.active:after{
    color: #fff;
}
.kindness-btn:disabled{
    color: #ccc;
    background-color: #fff;
    border-color: #ccc;
}
.kindness-btn{
    color: #fff;
    background-color: #8C1515;
    border-color: #8C1515;
}
.kindness-btn.deep-blue{
    color: #fff;
    background-color: #2557A5;
    border-color: #2557A5;
}
.kindness-btn:hover, kindness-btn.active{
    opacity: 0.7;
    color: #fff;
}
.kindness-posts .time{
    color: #373838;
    font-size: 10px;
    opacity: 0.8;
}
.kindness-posts .name{
    color: #373838;
    font-size: 16px;
}
.kindness-posts .description{
    color: #373838;
    font-size: 13px;
    opacity: 0.8;
    padding: 5px 0;
}
.kindness-posts .thumbnail{
    max-width:  100%;
}
.cover-img-room{
    height: 125px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    /*background-size: cover;*/
    border-radius: 10px;
}
.ways-give-back{
    min-height: 125px;
    height: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 10px;
}
/*.kindness-tile.featured-blocks{*/
/*min-height: 338px;*/
/*}*/
.kindness .kindness-sub-title p a
{
    color: #8C1515
}
.kindness-featured-item{
    margin: 15px 0;
}
.kindness-featured-item .heading{
    color: #8C1515;
    text-transform: capitalize;
    font-size: 17px;
    margin-bottom: 5px;
}
.kindness-featured-item .heading.blue-heading{
    color: #2557A5;
}
.kindness-featured-item .sub-title{
    color: #666666;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.kindness-featured-item .title{
    color: #373838;
    text-transform: capitalize;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 5px;
}
.kindness-featured-item .text, .text.form-text{
    color: #666666;
    font-size: 13px;
    margin-bottom: 5px;
    width: 100%;
    line-height: 19px;
}
.kindness-featured-item .btn.btn-red-outline{
    border-color: #8C1515;
    color: #8C1515;
}
.kindness-featured-item .btn.btn-red-outline:hover{
    color: #fff;
    background-color: #8C1515;
    border-color: #8C1515;
}
.video-box.kindness-featured-video{
    width: 100%;
    max-width: 100%;
}
.kindness-featured-item .video-wrapper{
    min-height: 100px;
    height: 50%;
    margin-bottom: 0;
    border-radius: 10px;
}
.kindness-featured-item .video{
    border-radius: 10px;
    min-height: 100px;
}
.kindness-tile .heart{
    color: black;
}
.kindness-tile .heart.liked{
    color: #8C1515;
}
.heart-icon-blue .heart.liked{
    color: #2557A5;
}
.kindness-tile.half-height{
    height: 48%;
}
.kindness-fixed-right .height100p, .kindness-scrolled-left .height100p{
    height: 100%;
}
.heart{
    background-image: url('../img/giving-experience/heart_notselected.png');
    width: 18px;
    height: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
}
.heart.liked{
    background-image: url('../img/giving-experience/heart_selected.png');
}
#featured-rooms-list{
    display: none;
    margin-bottom: 25px;
}
/******************************************************************/
/***                Giving Experience                E N D      ***/
/******************************************************************/

.disney-login-type .form-title .welcome-to-login
{
    font-size: 26px;
}

/******************************************************************/
/***                       V E B A                              ***/
/******************************************************************/
.agreement-page .organization-index{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}
/*.styled-login-checkbox .has-success .checkbox,*/
/*.styled-login-checkbox .has-error .checkbox{*/
/*    color: #fff!important;*/
/*}*/
.checkbox-box {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.vrc.welcome.lobby-view{
    /*margin-left: 120px;*/
    margin-left: 70px;
    padding-left: 70px;
    background-color: #f2f3f1;
}
.vrc .participate{
    margin-bottom: 25px;
}
.vrc .content .participate{
    max-width: 100%;
}
.room.vrc{
    background-color: #f2f3f1;
}
.vrc.welcome.lobby-view .page-name{
    font: 48px/68px 'TTNormsBlack', sans-serif;
}
.vrc.welcome.lobby-view .page-name + h2{
    font: 42px/50px 'TTNormsRegular', sans-serif;
}
.vrc.welcome .content{
    width: 63%;
}
.vrc.welcome.lobby-view .content{
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    float: none;
}
.sidebar.vrc{
    width: 80px;
    border-radius: 0;
    text-align: center;
    left: 0;
    padding: 100px 15px 10px;
}
.vrc-home, .vrc-my-feed, .vrc-calendar, .vrc-blog{
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-bottom: 50px;
    text-align: center;
    margin-right: 0;
    width: 20px;
    height: 20px;
    margin-left: 5px;
}
.vrc-home:hover, .vrc-my-feed:hover, .vrc-calendar:hover,
.vrc-blog:hover, .vrc-blog.active,
.vrc-home.active, .vrc-my-feed.active, .vrc-calendar.active{
    opacity: 0.6;
}
.vrc-home{
    background-image: url('../img/vrc/home.png');
    height: 30px;
    width: 30px;
    margin-left: 0;
}
.vrc-my-feed{
    background-image: url('../img/vrc/my_feed.png');
}
.vrc-calendar{
    background-image: url('../img/vrc/calendar.png');
}
.vrc-blog{
    background-image: url('../img/vrc/blog.png');
}
.tile{
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 15px;
    box-shadow: 0 0 8px -3px #999999;
    margin: 10px 0 25px;
    position: relative;
}
.tile.class{
    background-color: transparent;
    box-shadow: none;
}
.tile.class:hover .myclass-image-cover, .tile.class.active .myclass-image-cover{
    border: 3px solid #39B44A;
}
.tile.with-icons{
    padding-right: 35px;
}
.tile.feed img, .tile.class img{
    border-radius: 10px;
    margin-bottom: 25px;
    /*border: none;*/
    /*transition: all ease-in-out 0.8s;*/
}
.tile.class{
    /*height: 430px;*/
    /*height: 480px;*/
    height: 420px;
}
.vrc-activities .webinar-section .single-webinar.row > .col-md-6.class-tile-wrapper .tile.class{
    height: 580px;
}
.tile.class img{
    /*max-height: 180px;*/
    height: 220px;
    width: 100%;
}
.tile.feed .btn, .tile.class .btn{
    margin-top: 0;
    padding: 6px 20px;
    display: inline-block;
    font-size: 13px;
}
/*.tile.class .to-bottom .btn:not(:hover){*/
/*    background-color: transparent;*/
/*}*/
.tile.class .to-bottom .is-happening-now .btn{
    background-color: #39B44A;
}
.tile.class .to-bottom .is-happening-now .btn:not(:hover){
    background-color: transparent;
}
.tile.feed .icons-bar.horizontal, .tile.class .icons-bar.horizontal{
    margin-top: 15px;
}
.vrc-activities .webinar-section .webinars .tile.class .icons-bar.horizontal,
.vrc-activities .webinar-section .single-webinar .class-tile-wrapper .tile.class .icons-bar.horizontal{
    margin-top: 0;
}
.tile.recipe .date{
    font: 13px "Montserrat", sans-serif;
    padding-bottom: 10px;
    font-weight: 600;
}
.tile.recipe .title{
    padding-bottom: 0;
}
.tile.recipe .text, .tile.recipe .text p{
    line-height: 18px;
    font-weight: 600;
}
.two-columns-feed{
    column-count: 2;
}
.two-columns-feed > div{
    /*page-break-inside: avoid;*/
    /*-webkit-column-break-inside: avoid;*/
    /*break-inside: avoid;*/
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -o-column-break-inside: avoid;
    column-break-inside: avoid;
    page-break-inside: avoid;
    display: table;
}
.two-columns-feed .tile:first-child{
    margin-top: 0;
}
.two-columns-feed .tile{
    box-shadow: 0 4px 8px -3px #999999;
}
/*.tile.feed:hover img, .tile.class:hover img,*/
/*.tile.feed.active img, .tile.class.active img{*/
/*border: 1px solid;*/
/*}*/
.tile img{
    max-width: 100%;
}
.tile .myclass-image-cover{
    height: 200px;
    background-position: center;
    background-size: cover;
    border-radius: 7px;
}
.tile-content{
    padding-top: 10px;
    box-sizing: border-box;
}
.vrc.welcome{
    padding-top: 5%;
    padding-bottom: 30px;
}
.vrc.welcome.lobby-view .btn{
    display: inline-block;
    font-size: 13px;
    padding: 10px 20px;
    font-weight: 700;
    border: 2px solid;
}
.tile-content .date,
.tile-content .time,
.tile-content .level
{
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    /*color: #666666;*/
    line-height: 18px;
}
.tile-content .time,
.tile-content .date{
    font-weight: 700;
}
.tile-content .level{
    font-size: 13px;
}
.vrc.welcome.lobby-view .btn{
    margin-top: 10px;
}
.tile.tile-img{
    height: 100%;
}
.tile.tile-img.img-left{
    padding: 0 15px 0 0;
}
.tile.tile-img.img-left.with-icons{
    padding: 0 35px 0 0;
}
.tile.tile-img.img-right{
    padding: 0 0 0 15px;
}
.tile.tile-img.img-right.with-icons{
    padding: 0 0 0 35px;
}
.tile-img .img{
    width: 40%;
    height: 100%;
}
.tile-img .img .cover-img{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 230px;
}
.tile.whats-new-block{
    min-height: 435px;
}
.tile.whats-new-block .date{
    padding-top: 35px;
}
.tile.whats-new-block .read-more{
    padding-bottom: 15px;
}
.tile-img.img-left .img{
    float: left;
    height: 100%;
}
.tile-img.img-left .img .cover-img{
    border-radius: 10px 0 0 10px;
}
.tile-img.img-right .img{
    float: right;
}
.tile-img.img-right .img .cover-img{
    border-radius: 0 10px 10px 0;
}
.tile-img.img-left .tile-content {
    float: right;
    width: 60%;
    padding-left: 20px;
}
.tile-img.img-right .tile-content {
    float: left;
    width: 60%;
    padding-right: 10px;
    padding-left: 10px;
}

.tile-content .date{
    color: #373838;
    font-size: 10px;
    opacity: 0.8;
    padding-bottom: 15px;
}
.tile-content .title{
    color: #373838;
    /*font-size: 16px;*/
    font-size: 14px;
    font-weight: 900;
}
.two-columns-feed .tile-content .title{
    padding: 10px 0 15px;
}
.feed-img{
    height: 250px;
    background-position: center;
    border-radius: 10px;
    margin-bottom: 25px;
    background-repeat: no-repeat;
    background-size: cover;
}
.tile-content .text{
    width: 100%;
    color: #373838;
    font-size: 13px;
    opacity: 0.8;
    padding: 5px 0;
    /*margin-bottom: 35px;*/
    line-height: 18px;
}
.tile.veba-dashboard-tile{
    min-height: 230px;
}
.tile.veba-dashboard-tile.bottom-tile{
    min-height: 100px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 15px;
}
.tile.veba-dashboard-tile .title{
    font-family: "TTNormsMedium", sans-serif;
    /*font-size: 19px;*/
    font-size: 22px;
    /*line-height: 24px;*/
    line-height: 28px;
    padding-bottom: 10px;
}
.tile.veba-dashboard-tile.recipe .title{
    padding-bottom: 7px;
}
.tile.veba-dashboard-tile .date,
.tile.veba-dashboard-tile .time,
.tile.veba-dashboard-tile .level{
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    /*font-size: 12px;*/
    color: #666666;
    opacity: 0.8;
}
.tile.veba-dashboard-tile .date{
    font-weight: 900;
}
.tile.veba-dashboard-tile .time{
    font-weight: 600;
    padding-bottom: 7px;
}
.tile.veba-dashboard-tile .level{
    font-weight: 600;
    font-size: 13px;
    padding-bottom: 10px;
}
.recipe .tile-content .text{
    margin-bottom: 0;
}
.icons-bar{
    position: absolute;
    top: 5px;
    right: 5px;
}
.icons-bar.horizontal{
    position: relative;
}
.icons-bar.inside-title{
    position: relative;
    float: right;
    top: 15px;
    z-index: 80;
}
.icons-bar .count{
    display: block;
    float: left;
    margin-right: 25px;
    font-size: 12px;
    line-height: 20px;
    color: #373838;
    font-weight: 500;
    opacity: 0.8;
}
.icon{
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-bottom: 7px;
}
.icons-bar.horizontal .icon{
    display: inline-block;
    float: left;
    /*margin-right: 15px;*/
    margin-right: 7px;
}
.icons-bar.horizontal .icon:last-child{
    margin-right: 0;
}
.icon.heart{
    background-image: url('../img/vrc/heart.png');
    margin-bottom: 13px;
    float: none;
}
.icons-bar.horizontal .icon.heart{
    margin-top: 0;
    margin-bottom: 0;
}
.icon.heart.liked, .icon.heart.active, .icon.heart:hover{
    background-image: url('../img/vrc/heart_colored.png');
}
.icons-bar.inside-title .icon.heart{
    margin: 0;
    margin-top: -2px;
}
.icon.add{
    background-image: url('../img/vrc/add.png');
}
.icon.bell{
    background-image: url('../img/vrc/bell.png');
}
.icon.share{
    background-image: url('../img/vrc/share_circle.png');
}
.icon.share-not-circle{
    background-image: url('../img/vrc/share.png');
}
.icon.calendar-green{
    background-image: url('../img/vrc/calendar-icon.png');
}
.icon.level-icon{
    background-image: url('../img/vrc/level_icon.png');
}
.icon.timer-icon{
    background-image: url('../img/vrc/time_icon.png');
}
.icon.serving-icon{
    background-image: url('../img/vrc/serving_icon.png');
}
.icon.add:hover, .icon.bell:hover, .icon.share:hover, .icon.share-not-circle:hover, .icon.calendar-green:hover,
.icon.add.active, .icon.bell.active, .icon.share.active, .icon.share-not-circle.active, .icon.calendar-green.active{
    opacity: 0.5;
}
.recipe-details-icons > div{
    margin-bottom: 7px;
}
.recipe-details-icons .icon{
    float: left;
    margin-right: 15px;
}
.vrc-faq-img{
    width: 40px;
}
.vrc-resources-img img{
    width: 55px;
    max-width: 55px;
    margin: 45% auto 10px;
}
.sidebar-contact-block a, .sidebar-contact-block p{
    color: #fff;
    opacity: 0.6;
    font-size: 13px;
    font-weight: 500;
    transition: all ease-in-out 0.5s;
}
.sidebar-contact-block.is-vrc-contacts a, .sidebar-contact-block.is-vrc-contacts p,
.sidebar-contact-block a:hover, .sidebar-contact-block a.active,
.sidebar-contact-block p:hover, .sidebar-contact-block p.active{
    opacity: 1;
}
.sidebar-contact-block.is-vrc-contacts a:hover, .sidebar-contact-block.is-vrc-contacts p:hover,
.sidebar-contact-block.is-vrc-contacts a.active, .sidebar-contact-block.is-vrc-contacts p.active{
    opacity: 0.6;
}
.sidebar-contact-block .phone{
    background-image: url('../img/phone.png');
}
.sidebar-contact-block .address{
    background-image: url('../img/markup.png');
}
.sidebar-contact-block .email{
    background-image: url('../img/email.png');
}
.sidebar-contact-block .website{
    background-image: url('../img/website.png');
}
.sidebar-contact-block .phone, .sidebar-contact-block .address, .sidebar-contact-block .website, .sidebar-contact-block .email{
    opacity: 0.6;
}
.sidebar-contact-block .phone:hover, .sidebar-contact-block .address:hover, .sidebar-contact-block .website:hover, .sidebar-contact-block .email:hover,
.sidebar-contact-block .phone.active, .sidebar-contact-block .address.active, .sidebar-contact-block .website.active, .sidebar-contact-block .email.active{
    opacity: 1;
}
.veba-btn, .veba-btn-outline:hover, .veba-btn-outline.active,
.is-happening-now .veba-btn-outline{
    background-color: #39B44A;
    border-color: #39B44A;
    color: #fff;
}
.veba-btn-outline, .veba-btn:hover, .veba-btn.active, .is-happening-now .veba-btn-outline:hover,
.is-happening-now .veba-btn-outline.active{
    background-color: #fff;
    border-color: #39B44A;
    color: #39B44A;
}
.veba-btn-outline{
    background-color: transparent;
    border-color: #39B44A;
    color: #39B44A;
}
.is-happening-now .veba-btn-outline:hover{
    background-color: transparent;
}
.tile.class .webinar-title{
    padding-right: 30px;
}
.datepicker-width100 .input-group.date{
    width: 100%;
}
.sorted-vrc-classes{
    color: #373838;
    /*font-size: 17px;*/
    font-size: 14px;
    line-height: 21px;
    opacity: 0.6;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #373838;
}
.sorted-vrc-classes:last-child{
    margin: 0;
    padding: 0;
    border: none;
}
.sorted-vrc-classes:hover, .sorted-vrc-classes.active{
    opacity: 1;
    color: inherit;
}
.rooms-vrc-menu{
    top: 40px;
    position: relative;
}
.vrc-room .rooms-vrc-menu{
    margin-left: 10px;
}
.rooms-vrc-menu a{
    text-align: center;
    margin: 20px auto
}
.left-sidebar.vrc-room{
    /*width: 100px;*/
    width: 125px;
}
.left-sidebar.vrc-room .vrc-room-column-title{
    font-size: 11px;
    font-weight: 400;
    margin-left: 10px;
}
.left-sidebar.vrc-room .side-room{
    display: block;
    /*width: 100%;*/
    width: 80%;
    max-width: 100px;
    float: left;
    /*margin: 10px auto 10px 5px;*/
    margin: 10px auto 10px 15px;
}
.side-room:last-child{
    padding-bottom: 35px!important;
}
.sidebar h4.vrc-h4,
.vrc-h4,
.vrc-h4 p{
    font: 17px 'Montserrat', sans-serif;
    padding: 0 0 10px 0;
    direction: ltr;
    color: inherit;
    font-style: italic;
    font-weight: 900;
    text-transform: none;
}
.vrc-sign{
    font: 12px 'Montserrat', sans-serif;
    font-weight: 400;
    text-transform: none;
}
.recipe-list .btn.download{
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #e6e6e6;
    color: #fff;
    padding: 10px 40px;
    border-radius: 24px;
    /*width: 240px;*/
    width: 180px;
}
.to-bottom{
    position: absolute;
    bottom: 10px;
    right: 15px;
    left: 20px;
}
.featured-class-in-room .title{
    font-family: "TTNormsRegular", sans-serif;
    color: #373838;
    font-weight: 900;
}
.featured-class-in-room .date{
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: #666666;
}
.featured-class-in-room .text{
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #666666;
}
.icons-bar.horizontal .atc-wrapper{
    float: left;
    margin-right: 10px;
}
.icons-bar.horizontal .atc-links-wrapper{
    left: 20px;
}
.recipe-details-icons{
    font-size: 15px;
    font-weight: 600;
}
.download-recipe-top-btn{
    position: absolute;
    right: 60px;
}
.recipe-details h3.title{
    font-family: "TTNormsRegular", sans-serif;
    color: #373838;
    font-weight: 900;
}
.recipe-details-content{
    color: #373838;
    font-family: "TTNormsRegular", sans-serif;
}
.wrap-video-list-item.recipe-list a{
    color: #373838;
    cursor: pointer;
    transition: all ease-in-out 0.4s;
}
.wrap-video-list-item.recipe-list a:hover, .wrap-video-list-item.recipe-list a.active{
    opacity: 0.8;
}
.icon.add{
    position: relative;
    z-index: 80;
}
.icon.add:hover, .icon.add.active{
    opacity: 1;
}

.ace_dd{
    top: 20px!important;
    border-color: #39B44A;
}
.webinar .ace_dd{
    top: 105px!important;
}
.neo-event .webinar .ace_dd{
    top: 30px!important;
}
.position-static .ace_dd{
    position: static;
}
.webinar .webinar-time .upcoming-event{
    font-size: 12px;
    line-height: 19px;
    font-weight: 400;
}
.webinar .featured-register-button {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 40px;
    border-radius: 24px;
    width: 240px;
}
.ace_opt{
    font-size: 12px;
    line-height: 19px;
    text-align: center;
    color: #39B44A;
}
#room-single-vrc-event .ace_dd {
    width: 80px !important;
    height: 120px !important;
}
.recipe-feature-title{
    color: #373838 ;
}
.recipe-title{
    line-height: 24px;
}
#class-events-list-to-calendar .pagination{
    display: block;
    float: left;
    width: 100%;
}
.recipes-list .video{
    background-position: center;
}
.recipes-list .other-video{
    height: 145px;
}
.vrc .search-text {
    width: 100%;
    float: right;
    position: relative;
    bottom: 25px;
}
.vrc .search-text input[type="text"] {
    border: 1px solid #ccc;
}
a.room-override-color:hover, a.room-override-color.active{
    color: inherit;
    opacity: 0.5;
}
.sidebar.vrc.show-sidebar{
    width: 80px!important;
}
#class-events-list-to-calendar .open-description-on-click{
    cursor: pointer;
}
.vrc .sidebar.show-cats{
    width: 80%;
}
.form-control.range-value{
    padding-left: 40px;
}
.kv-drp-dropdown .left-ind, .kv-drp-dropdown .right-ind{
    top: 10px;
}
.right-ind.kv-clear{
    right: 25px;
    top: 16px;
    font-size: 23px;
}
/* start modal */

/*#class-modal .modal-body{*/
/*    width: 450px;*/
/*    margin: 0 auto;*/
/*}*/
#class-modal .modal-content .tile{
    border: none;
    box-shadow: 0 0 0 0 transparent;
    margin-bottom: 0;
    height: 580px;
    padding-bottom: 0;
}
#class-modal .modal-content .tile .btn{
    width: 100%;
    margin: 15px 0 0 0;
}
#class-modal .modal-content .tile .myclass-image-cover {
    height: 320px;
}
#class-modal .modal-content .icons-bar.inside-title,
#class-modal #template .myclass-image-cover{
    display: none;
}
#class-modal .modal-footer{
    text-align: left;
    border: none;
}
#class-modal .modal-header{
    border: none;
}
#class-modal #description{
    position: relative;
    float: left;
}
#class-modal #template .to-bottom {
    position: relative;
    bottom: 0;
    right: 0;
    left: 0;
}
/* end   modal */
.participate-btn{
    margin-top: 25px;
    background-color: #ec8b3e;
    border-color: #fff;
    color: #fff;
}
.participate-btn:hover, .participate-btn.active{
    background-color: #fff;
    border-color: #ec8b3e;
    color: #ec8b3e;
}
.sidebar .participate .organization-override-active-button{
    margin-top: 25px;
    background-color: #fff;
}
.sidebar .participate .organization-override-active-button:hover, .sidebar .participate .organization-override-active-button.active{
    border-color: #fff;
    color: #fff;
}
.vrc .participate,
.participate.raffle-info-container,
.participate.raffle-info-container h4{
    text-transform: none;
}
.vrc .participate p{
    line-height: 20px;
    font-size: 13px;
}
.vrc .participate h4{
    font-weight: 600;
    font-family: "TTNormsBold", sans-serif;
    font-size: 21px;
}
.vrc .participate h4.vrc-h4{
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 18px;
}
.news-detail-page .back-to-article-link,
.vrc .icons-bar a.read-more{
    font-size: 13px;
}
.btn-join-event{
    border-color: #95C93D;
    background-color: #95C93D;
    color: #fff;
}
.btn-join-event:hover,
.btn-join-event.active{
    border-color: #6d912a;
    background-color: #6d912a;
    color: #fff;
}
.multiple-event .event-title{
    font-size: 26px;
    text-transform: capitalize;
    font-family: 'TTNormsBold', sans-serif;
    padding-bottom: 0;
}
.multiple-event .is-happening-now-color{
    color: #95C93D;
}
.all-events-title.vrc-events-title {
    color: #333;
    font-family: 'TTNormsBold', sans-serif;
    font-size: 14px;
}
.welcome .multiple-event-lang-btn .btn-group{
    right: 35px;
}
.vrc.welcome.lobby-view{
    height: 100%;
    min-height: 100vh;
}
.vrc-logout button{
    width: auto;
    padding: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 36px;
    margin: 0 0 0 10px;

}
.filters-block-holder{
    position: absolute;
    z-index: 90;
    color: #696969;
    padding-right: 50px;
}
.my-class-filter-holder{
    position: relative;
    height: 40px;
    display: inline-block;
}
.my-class-filter{
    background-color: #fff;
    /*border: 2px solid #39B44A;*/
    border: 1px solid #ccc;
    border-radius: 20px;
    max-width: 180px;
    /*position: absolute;*/
    /*z-index: 1000;*/
    float: left;
    margin-bottom: 20px;
    margin-right: 5px;
}
.my-class-filter:hover{
    border: 1px solid #39B44A;
}

.my-class-filter .my-class-filter-input{
    height: 0;
    overflow: hidden;
    padding: 0 15px 0 5px;
}
.my-class-filter .my-class-filter-input label{
    font-weight: normal;
    font-size: 15px;
    display: block;
}
.my-class-filter.open .my-class-filter-input{
    display: block;
    height: auto;
    padding: 3px;
}
.my-class-filter .my-class-filter-title:after{
    position: absolute;
    right: 10px;
}
.my-class-filter.open .my-class-filter-title:after{
    content: " -";
}
.my-class-filter .my-class-filter-title{
    padding: 5px 10px;
    font-size: 13px;
    cursor: pointer;
    user-select: none;
    position: relative;
    border-radius: 25px;
}
.my-class-filter.has-selected-items{
    border-color: #39B44A;
}
.my-class-filter.has-selected-items .my-class-filter-title,
.my-class-filter:hover .my-class-filter-title{
    color: #39B44A;
}
.my-class-filter:not(.open) .my-class-filter-title:after{
    content: " +";
}
.filter-by{
    margin-right: 10px;
    font-weight: 600;
    color: #373838;
    font-size: 14px;
    line-height: 21px;
    opacity: 0.6;
    top: -15px;
    position: relative;
}
.clear-filters{
    font-size: 14px;
    line-height: 21px;
    top: 8px;
    right: -50px;
    display: none;
    position: absolute;
}
#class-events-list-to-calendar .tile{
    padding: 0;
}
#class-events-list-to-calendar .tile.class .webinar-title{
    line-height: 20px;
}
.my-class-filter-input label > input[type="checkbox"] {
    display: none;
}
.my-class-filter-input label > input[type="checkbox"] + *::before {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border-radius: 0;
    border-style: solid;
    border-width: 0.1rem;
    border-color: gray;
    top: -7px;
    position: relative;
}
.my-class-filter-input label > input[type="checkbox"]:checked + * {
    color: #39B44A;
}
.my-class-filter-input label > input[type="checkbox"]:checked + *::before {
    content: "";
    color: white;
    text-align: center;
    background: #39B44A;
    border-color: #ccc;
}
.my-class-filter-input label > input[type="checkbox"] + * {
    display: inline-block;
    padding: 2px;
    font-size: 13px;
}
.vrc.welcome.lobby-view #filter.btn.button-vrc-class-register{
    width: 70px;
    margin-top: -34px;
    padding: 7px 5px;
}
.vrc .news-content {
    margin-right: 30px;
}
.vrc .news-content h1.title{
    font: 30px/43px 'TTNormsBlack', sans-serif;
}
.vrc.news-detail-page .row{padding-left:100px;padding-right:100px}

.vrc .blog-content img{
    max-width: 100%;
}

.vrc .blog-content .wp-block-columns {
    flex-wrap: nowrap;
}
.vrc .blog-content .wp-block-columns {
    display: flex;
    margin-bottom: 1.75em;
    flex-wrap: wrap;
}

.vrc .blog-content .wp-block-column {
    flex-basis: 0;
    flex-grow: 1;
}
.vrc .blog-content .wp-block-column {
    flex-grow: 1;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word;
}
.vrc .blog-content .wp-block-column img {
    margin-bottom: 1em;
    padding-right: 20px;
}

/******************************************************************/
/***                   V E B A   V R C    E N D                 ***/
/******************************************************************/


/******************************************************************/
/***               M U L T I P L E    E V E N T S               ***/
/******************************************************************/

.multiple-event{
    float: left;
    width: 100%;
}
.multiple-event.featured{
    width: 100%;
}
.multiple-event.featured .event-content{
    margin-bottom: 45px;
}
.image-cover{
    height: 250px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 25px;
    margin-bottom: 25px;
}
.multiple-event.featured .image-cover{
    height: 400px;
}
.event-buttons a.glyphicon{
    border: 1px solid;
    border-radius: 50%;
    padding: 12px;
    font-size: 15px;
}
.multiple-event .event-buttons{
    margin: 15px 0 45px;
    /*float: left;*/
}
.multiple-event .event-buttons a.glyphicon:hover,
.multiple-event .event-buttons a.glyphicon.active{
    color: #fff;
}
.multiple-event .title{
    font: 21px 'TTNormsBold', sans-serif;
    padding-bottom: 12px;
}
.multiple-event .time{
    font-size: 12px;
}
.multiple-event.featured .title{
    font-size: 28px;
    padding-bottom: 2px;
}
/******************************************************************/
/***          M U L T I P L E    E V E N T S    E N D           ***/
/******************************************************************/
/******************************************************************/
/***                   W O R K S H O P                          ***/
/******************************************************************/
.workshop-theme a:hover{
    color: #ccc;
}
.job-fair-theme .content,
.workshop-theme .content{
    max-width: 900px;
}
.job-fair-theme .booth-background,
.workshop-theme .booth-background{
    padding-bottom: 0;
}
.job-fair-theme .page-name,
.workshop-theme .page-name{
    /*color: #2EC193!important;*/
    font-family: "TTNormsBold", sans-serif;
    font-size: 29px;
    padding: 0;
}
.workshop-theme .page-sub-name{
    font-family: "TTNormsBold", sans-serif;
    font-size: 54px;
    color: #293757;
    margin-bottom: 35px;
    line-height: 50px;
}
.job-fair-theme .page-sub-name{
    font-family: "TTNormsBold", sans-serif;
    font-size: 54px;
    color: #293757;
    line-height: 50px;
}
.job-fair-theme .slider-title,
.workshop-theme .slider-title{
    color: #293757;
    font-family: "Montserrat", sans-serif;
    font-size: 28px;
    margin-bottom: 10px;
    line-height: 36px;
    position: relative;
}
.job-fair-theme .group-title,
.workshop-theme .group-title{
    font-family: "TTNormsExtrabold", sans-serif;
    font-size: 15px;
    color: #293757;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.job-fair-theme .content,
.job-fair-theme .content.position-static,
.workshop-theme .content,
.workshop-theme .content.position-static{
    padding: 80px 0 0;
    /*position: absolute;*/
    /*width: 50%;*/
    /*top: 50%;*/
    /*left: 6%;*/
    /*transform: translateY(-50%);*/
    position: static;
    left: 0;
    transform: none;
    width: 60%;
}
.workshop-theme .neo-event{
    /*width: 40%;*/
    position: absolute;
    top: 0;
    left: 63vw;
    width: 40vw;
    max-width: 600px;
}
.lobby-promotion-slider + .container > .content.neo-event{
    max-width: 470px
}
/*#focus-carousel{*/
/*    margin-bottom: 25px;*/
/*}*/
.slider-title{
    text-align: left;
    margin: 15px 0 25px;
}
.carousel-inner{
    padding-left: 20px;
    padding-right: 20px;
}
.carousel-control{
    width: 20px;
}
.carousel-control.left,
.carousel-control.right{
    background: none;
    opacity: 1;
}
.carousel-control.left .glyphicon,
.carousel-control.right .glyphicon{
    color: #666;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}
.carousel-control.left .glyphicon{
    left: 0;
}
.carousel-control.right .glyphicon{
    right: 0;
}
#focus-carousel.hide-arrows .bx-controls{
    display: none;
}
#focus-carousel .bx-wrapper{
    background: none;
    box-shadow: none;
    border: none;
    margin-bottom: 0;
}
#focus-carousel .bx-viewport{
    padding: 10px 0;
}
#focus-carousel .slider-tile{
    /*width: 23%;*/
    width: 94%;
    /*width: 100%;*/
    border-radius: 19px;
    /*margin: 1%;*/
    /*margin-bottom: 5px;*/
    float: left;
    height: 280px;
    background-color: #fff;
    /*padding: 20px;*/
    box-shadow: 0 0 6px -3px #000;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column-reverse;
    transition: all ease-in-out .4s;
}
#focus-carousel .bx-wrapper{
    max-width: 900px;
}
#focus-carousel .bx-wrapper .bx-controls-direction a{
    z-index: 100;
}
/*#focus-carousel .bx-viewport{*/
/*    padding: 7px;*/
/*}*/
#focus-carousel .bx-next, #focus-carousel .bx-prev{
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 42%;
    /*transform: translate(0, -40%);*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.slider-workshop #focus-carousel .bx-next, #focus-carousel .bx-prev{
    top: 50%;
}
#focus-carousel .bx-next{
    background-image: url('../img/workshop/gray_arrow_right@3x.png');
    right: -50px;
}
#focus-carousel .bx-prev{
    background-image: url('../img/workshop/gray_arrow_right@3x.png');
    transform: rotate(180deg);
    left: -50px;
}
.slider-workshop #focus-carousel .bx-prev{
    left: -40px;
}
/*#focus-carousel .item{*/
/*    padding-bottom: 20px;*/
/*}*/
#focus-carousel .category-link{
    display: block;
    width: 100%;
    height: 100%;
    min-height: 250px;
}
.two-row-slider #focus-carousel .slider-tile{
    height: 180px;
}
.two-row-slider #focus-carousel .category-link:first-child{
    margin-bottom: 20px;
}
.two-row-slider #focus-carousel .category-link{
    min-height: 180px;
}
.slider-tile .tile-name{
    color: #fff;
    font-size: 19px;
    padding: 0 20px 20px;
}
.two-row-slider .slider-tile .tile-name{
    font-size: 17px;
    padding: 0 20px 10px;
}
.workshop-theme .category-link:hover .slider-tile{
    box-shadow: 0 0 16px -3px #000;
    opacity: 0.6;
}
.workshop-theme .call-right-menu{
    /*background-image: url('../img/workshop/menu@3x.png');*/
    /*width: 40px;*/
    /*height: 40px;*/
    /*background-size: 30px;*/
    width: 30px;
    height: 30px;
    position: fixed;
    right: 10px;
    top: 29px;
    cursor: pointer;
    z-index: 9;
    background-image: none;
}
.workshop-theme .call-right-menu span{
    height: 5px;
    width: 100%;
    display: block;
    border-radius: 10px;
    margin: 6px 0;
    background-color: #333;
}
.workshop-tiles.col-md-12{
    padding: 0;
    padding-top: 35px;
}
.job-fair-theme .workshop-tiles.col-md-12{
    padding: 0;
    padding-top: 45px;
}
.workshop-tiles .col-md-4{
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 20px;
}
.workshop-tile{
    position: relative;
    background-color: #fff;
    border-radius: 25px;
    padding: 25px;
    min-height: 255px;
    display: block;
    transition: all ease-in-out .4s;
    margin-bottom: 35px;
    box-shadow: 0 0 4px -2px #000;
}
div.workshop-tile:not(.empty-link){
    cursor: pointer;
}

.workshop-tile:not(.empty-link):hover{
    opacity: 0.6;
    box-shadow: 0 0 4px -2px #000;
}
.workshop-tile:hover .open-tile{
    color: #ccc;
}
.workshop-tile .tile-action{
    font-family: "TTNormsExtrabold", sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #293757;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.workshop-tile .tile-action.half-tile{
    height: 40%;
    color: #fff;
    background-color: #2EC193;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    border-radius: 0 0 25px 25px;
    padding: 10px 25px;
    margin-bottom: 0px;
    font-size: 18px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    text-transform: none;
    /*cursor: pointer;*/
}
.workshop-tile .tile-title{
    font-family: "Montserrat", sans-serif;
    font-weight: 900;
    font-size: 18px;
    color: #00AB7B;
    margin-bottom: 5px;
}
.workshop-tile .tile-datetime{
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #00AB7B;
    margin-bottom: 5px;
}
.workshop-tile .tile-description, .lobby-promotion-slider .tile-description, .lobby-promotion-slider .tile-description p{
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #293757;
    line-height: 19px;
}
.workshop-tile .tile-description p, .lobby-promotion-slider .tile-description a{
    line-height: 19px;
}
.open-tile{
    position: absolute;
    right: 0;
    top: calc(100% - 50px);
    border-radius: 25px 0 25px 0;
    background-color: #293757;
    color: #fff;
    padding: 15px;
    height: 50px;
    font-size: 21px;
}
.workshop-tiles .open-tile{
    top: calc(100% - 35px);
    padding: 10px;
    height: 35px;
    font-size: 16px;
}
.workshop-tile.video-tile{
    padding: 0;
    /*background-size: 100% 65%;*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: top;
    background-position-x: center;
}
/*.workshop-tile.video-tile .video-image{*/
/*    height: 60%;*/
/*    background-position: center;*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*}*/
.workshop-tile.video-tile .video-description{
    height: 40%;
    color: #fff;
    background-color: #2EC193;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    border-radius: 0 0 25px 25px;
    padding: 10px 25px;
    font-size: 18px;
}
.workshop-tile.text-tile .live{
    color: #fff;
    border-radius: 0 25px 0 25px;
    padding: 7px 20px;
    position: absolute;
    top: -25px;
    right: 15px;
    font-size: 14px;
}
.workshop-sidebar{
    right: -33%;
    width: 32%;
    background-color: #fff;
    min-height: 100vh;
    max-height: 100vh;
    padding: 40px;
    box-sizing: border-box;
    /*border-top-left-radius: 30px;*/
    /*border-bottom-left-radius: 30px;*/
    transition: 400ms;
    position: fixed;
    /*right: 0;*/
    top: 0;
    overflow-y: auto;
    box-shadow: 1px 0 10px -2px #000;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
}
.workshop-sidebar.open{
    right: 0;
    opacity: 1;
    visibility: visible;
}
.close-cat-detail{
    position: absolute;
    color: #8A7EC8;
    top: 5px;
    left: 0;
    padding: 12px;
}
.workshop-sidebar .subtitle{
    color: #293757;
    font-family: "Montserrat", sans-serif;
    font-size: 21px;
    margin-bottom: 0;
}
.workshop-sidebar .title{
    color: #8A7EC8;
    font-family: "TTNormsBold", sans-serif;
    font-size: 37px;
    line-height: 30px;
    margin-bottom: 25px;
    /*text-transform: capitalize;*/
}
.workshop-sidebar .btn-success{
    background-color: #2EC193;
    border-color: #2EC193;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    text-align: left;
    width: 250px;
    margin: 15px 0 25px;
}
.workshop-sidebar .block-title{
    font-family: "TTNormsExtrabold", sans-serif;
    font-size: 19px;
    color: #293757;
    line-height: 21px;
    text-transform: capitalize;
    margin-bottom: 15px;
}
.workshop-sidebar .live-sessions, .workshop-sidebar .chat-rooms, .workshop-sidebar .resources{
    margin-bottom: 30px;
}
.workshop-sidebar .live-session{
    height: 230px;
    margin-bottom: 20px;
}
.live-session .cover-image{
    position: relative;
    height: 130px;
    border-radius: 25px;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.workshop-sidebar .description .title{
    color: #293757;
    font-size: 14px;
    line-height: 16px;
    font-family: "TTNormsBold",sans-serif;
    margin-bottom: 5px;
}
.workshop-sidebar .description .author-name{
    color: #293757;
    font-size: 10px;
    font-family: "Montserrat",sans-serif;
    line-height: 15px;
}
.workshop-sidebar .live-session .cover-image .open-tile{
    font-size: 12px;
    background-color: #8A7EC8;
    padding: 14px;
    height: 40px;
    top: calc(100% - 40px);
}
.workshop-sidebar .chat-wrapper{
    border-radius: 25px;
    background-color: #F2F2F2;
    padding: 15px;
    position: relative;
    height: 120px;
    padding-bottom: 40px;
    margin-bottom: 20px;
}
.workshop-sidebar .chat-wrapper .open-tile{
    font-size: 12px;
    background-color: #8A7EC8;
    padding: 14px;
    height: 40px;
    top: calc(100% - 40px);
    font-family: "TTNormsBold", sans-serif;
    line-height: 0;
}
.workshop-sidebar .chat-wrapper .chat-name{
    color: #293757;
    font-family: "TTNormsBold", sans-serif;
    font-size: 14px;
}
.workshop-sidebar .chat-wrapper .time{
    color: #293757;
    font-size: 10px;
    font-family: "Montserrat",sans-serif;
}
.resources p a{
    font-size: 13px;
    font-family: "Montserrat",sans-serif;
    color: #8A7EC8;
}
/******************************************************************/
/***                   W O R K S H O P     E N D                ***/
/******************************************************************/

/****** Landing Page ******/
.landing{
    color: #848484;
    font: 20px/30px 'ApercuLight', sans-serif;
}
.landing .wrapper{
    max-width: 1340px;
}
.landing .landing-header .wrapper, .landing footer .wrapper{
    max-width: 1400px;
}
.landing p{
    line-height: 30px;
}
.landing-banner{
    height: 100vh;
    width: 100%;
    background: url('../img/landing/Main_Banner3x.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}
.landing .menu{
    background: rgba(255,255,255,0.87);
    padding: 15px 0 15px 30px;
    border-top-left-radius: 60px;
    border-bottom-left-radius: 60px;
    position: absolute;
    right: 0;
    width: 58%;
}
.landing .menu a{
    color: #044D80;
    margin: 0 15px;
    font: 17px 'QuicksandMedium', sans-serif;
}
.landing .menu .btn-green{
    background: #6EBD45;
    padding: 12px 20px;
    color: #fff;
    min-width: auto;
    margin-right: 0;
}
.landing .menu .btn-green:hover{
    background: #fff;
    color: #6EBD45;
}
.landing-banner-text{
    font: 26px 'ApercuLight', sans-serif;
    color: #333;
    line-height: 38px;
    padding-top: 2%;
}
.landing-banner-text strong{
    color: #059DC2;
    font-family: 'Rockwell', sans-serif;
    font-weight: 500;
}
.landing-section{
    padding: 5% 0;
    background: #fff;
}
.landing-section.bg-grey{
    background: #f5f5f5;
}
.landing h1{
    font: 57px/68px 'QuicksandMedium', sans-serif;
    letter-spacing: 1.25px;
    color: #044D80;
    text-align: center;
}
.landing h3{
    font: 30px/36px 'QuicksandMedium', sans-serif;
    color: #044D80;
}
.landing h4{
    font: 28px/34px 'QuicksandMedium', sans-serif;
    color: #059DC2;
}
.landing h1 + p{
    padding-top: 40px;
}
.narrow-container{
    max-width: 1100px;
    margin: 0 auto;
    width: 100%;
}
#slide-pager{
    border-bottom: 1px solid #ccc;
    margin: 50px 0 65px;
}
#slide-pager p{
    width: 33.33%;
    float: left;
    text-align: center;
}
#slide-pager a{
    font: 19px/38px 'QuicksandMedium', sans-serif;
    text-transform: uppercase;
    color: #848484;
    display: inline-block;
    padding-bottom: 8px;
    transition: none;
}
#slide-pager p:first-child{
    text-align: left;
}
#slide-pager p:last-child{
    text-align: right;
}
#slide-pager a.active{
    font-weight: 700;
    color: #059DC2;
    border-bottom: 4px solid #059DC2;
}
.slider-text{
    width: 63%;
    color: #848484;
}
.slider-text h3{
    padding-bottom: 35px;
}
.slider-text h3 + p{
    padding-top: 0;
}
.slider-text p, .slider-text ul{
    padding-top: 20px;
    padding-right: 50px;
}
.slider-text ul li{
    list-style: none;
}
.slider-text ul li::before {
    content: "\2022";
    color: #059DC2;
    font-size: 42px;
    position: absolute;
    left: -3px;
}
.slider-text ul{
    padding-left: 30px;
    line-height: 33px;
}
.landing .btn{
    font: 18px 'QuicksandMedium', sans-serif;
    font-weight: 700;
    border-radius: 40px;
    min-width: 250px;
    letter-spacing: 0.25px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.landing .bx-wrapper .slider-image{
    display: inline;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 35%;
    text-align: right;
}
.landing .bx-wrapper .image-center .slider-image{
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    width: 40%;
}
.bx-wrapper img{
    display: inline-block;
}
.landing .bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: #fff;
}
.landing .bx-wrapper .bx-controls-direction a{
    background-size: 100%;
    height: 50px !important;
    background-repeat: no-repeat;
    transform: none;
}
.landing .bx-viewport{
    padding: 0;
}
.landing .bx-wrapper .bx-controls-direction a:hover, .landing .bx-wrapper .bx-controls-direction a:focus{
    background-position: inherit;
}
.landing .bx-wrapper .bx-next{
    right: -120px;
    background: url('../img/landing/Right_Scroll_Arrow3x.png');
}
.landing .bx-wrapper .bx-prev{
    left: -120px;
    background: url('../img/landing/Left_Scroll_Arrow3x.png');
}
.slide-container{
    position: relative;
}
.us-map img, .our-solutions img{
    max-width: 100%;
}
.trusted-by-clients p, .getting-started h1 + p{
    font-size: 25px;
}
.trusted-by-clients .narrow-container{
    max-width: 940px;
}
.us-map{
    padding: 60px 0;
}
.client-number{
    color: #059DC2;
    font: 35px 'QuicksandMedium', sans-serif;
    font-weight: 700;
}
.col3 .col{
    width: 30%;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
}
.our-solutions img{
    width: 204px;
}
.our-solutions h1, .our-solutions h3, .we-got-your-back h1{
    color: #059DC2;
}
.our-solutions p{
    font-size: 22px;
    line-height: 32px;
}
.our-solutions strong{
    font-family: 'ApercuBold', sans-serif;
}
.we-got-your-back img{
    height: 88px;
}
.we-got-your-back .col{
    padding: 0 72px;
}
.title-border{
    padding-top: 35px;
    padding-bottom: 70px;
    position: relative;
}
.title-border:after{
    content: " ";
    display: block;
    position: absolute;
    bottom: 35px;
    left: 40%;
    width: 20%;
    height: 3px;
    background: #6EBD45;
}
.getting-started img{
    height: 79px;
}
.getting-started .col p{
    font-family: 'ApercuRegular', sans-serif;
    padding-top: 20px;
    padding-bottom: 13px;
    font-size: 22px;
    line-height: 26px;
}
.getting-started .col a{
    color: #059DC2;
    font: 26px 'QuicksandMedium', sans-serif;
}
.getting-started .col a:hover{
    color: #044d80;
}
.getting-started h1 + p{
    padding-top: 25px;
}
footer{
    background: #044D80;
    padding: 60px 0;
}
.footer-col{
    float: left;
    width: 12%;
    padding-top: 29px;
}
.footer-col:first-child{
    width: 18%;
    padding-top: 0;
}
.footer-col:nth-child(2), .footer-col:nth-child(4), .footer-col:nth-child(5){
    width: 12%;
}
.footer-col:nth-child(3), .footer-col:nth-child(6){
    width: 16%;
}
.footer-col:last-child{
    width: 14%;
}
.footer-col h5{
    font: 15px/18px 'QuicksandMedium', sans-serif;
    color: #fff;
    padding-bottom: 13px;
}
.footer-col a{
    font: 13px/26px 'QuicksandRegular', sans-serif;
    color: #fff;
    display: block;
}
.footer-col a:hover{
    color: #b1d458;
}
.footer-col span{
    font: 14px/24px 'QuicksandRegular', sans-serif;
    color: #fff;
    padding: 10px 0;
    display: inline-block;
    letter-spacing: -1.3px;
}
.footer-col:first-child a{
    font-size: 14px;
    font-family: 'QuicksandMedium', sans-serif;
}
.footer-col .btn-green-outline{
    color: #b1d458;
    margin-top: 33px;
    border-width: 3px;
    border-color: #b1d458;
    padding-left: 10px;
    padding-right: 10px;
    min-width: auto;
    font-size: 16px;
}
.footer-col .btn-green-outline.btn-bg-transparent:hover{
    color: #fff;
    background: #b1d458;
}
.footer-col:last-child h5{
    font-size: 18px;
    color: #b1d458;
}
.landing-copyright{
    text-align: center;
    font: 12px/14px 'QuicksandMedium', sans-serif;
    padding-top: 85px;
    color: #fff;
}
.hamburger.hide-hamburger{
    right: -100px;
}

/*********  Landing page end ***********/

.publish .btn-group.preview-group .btn,
.publish .btn-group.preview-group {margin-bottom: 0px}
.preview-container {
    position: absolute;
    margin-left: 28%;
    top: 0;
}
.preview-container .preview-text {
    background-color: #428703;
    color: white;
    /*width: 300px;*/
    align-self: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-overflow: ellipsis;
    position: relative;
    z-index: 99;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}
.preview-container .preview-text a {
    background-color: #428703;
    color: white;
}


/** Team Leaderboard Lobby **/

.leaderboard-points{
    height: 327px;
    overflow-y: scroll;
}
.point-row{
    background: #efefef;
    border-radius: 12px;
    border-top-left-radius: 45px;
    border-bottom-left-radius: 45px;
    margin: 8px 0;
    display: table;
    width: 100%;
}
.point-row *{
    display: table-cell;
    vertical-align: middle;
    padding: 5px 0;
}
.point-row .number{
    background-color: #106470;
    width: 14%;
    text-align: center;
    border-top-left-radius: 45px;
    border-bottom-left-radius: 45px;
    color: #fff;
    font: 30px "TTNormsExtrabold", sans-serif;
}
.point-row:nth-child(n+4) .number{
    background-color: #5dc1c8;
}
.point-row .department-name{
    width: 60%;
    padding-left: 10px;
    font-weight: 500;
    word-break: break-word;
    font-size: 20px;
}
.point-row .points{
    color: #106470;
    width: 30%;
    font-weight: 700;
    font-size: 22px;
}
.point-row:nth-child(n+4) .points{
    color: #5dc1c8;
}
.two-col-separated .col:first-child{
    margin-right: 1%;
}
.two-col-separated .col:last-child{
    margin-left: 1%;
    max-height: 435px;
}
.two-col-separated .col{
    padding-top: 5px;
    padding-bottom: 25px;
}
.box-shadow{
    box-shadow: 1px 1px 10px #aaa;
}
.border-rounded{
    border-radius: 15px;
}
.upload-block input[type="text"]{
    border: none;
    border-bottom: 1px solid #959897;
    border-radius: 0;
    padding-left: 0;
    height: 25px;
}
.drag-and-drop-zone{
    height: 200px;
    width: 100%;
    border: 1px dashed #ccc;
    margin: 20px 0;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    position: relative;
}
.drag-and-drop-zone .upload-btn{
    background: #e7f6f7;
    color: #106470;
    font: 16px "TTNormsBold", sans-serif;
    text-transform: capitalize;
}
.vertical-align-center{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.upload-instructions{
    padding: 15px 0;
}
.content h3.font-medium{
    font: 30px "TTNormsMedium", sans-serif;
    text-transform: capitalize;
}
.team-leaderboard .like-container{
    margin-bottom: 25px;
    background: #fff;
    border-radius: 0 0 25px 25px;
    padding-left: 10px;
}
.team-lobby-post{
    padding: 5px;
    background: #fff;
    border-radius: 25px;
    margin-bottom: 25px;
    display: block;
}
.approval-list .team-lobby-post{
    width: 32%;
}
.approval-list .team-lobby-post .description,
.approval-list .team-lobby-post .doc-name{
    word-break: break-word;
}
.team-leaderboard .team-lobby-post{
    padding: 5px;
    background: #fff;
    border-radius: 25px 25px 0 0;
    margin-bottom: 0;
    display: block;
}
.team-lobby-post .thumbnail{
    max-width: 100%;
    padding: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    height: 170px;
    display: block;
    background-size: cover;
    background-position: center;
}
.team-lobby-post .name{
    font-size: 16px;
    padding-top: 4px;
}
.content .lined-title{
    position: relative;
    text-align: center;
    padding-top: 45px;
    padding-bottom: 30px;
}
.lined-title:before{
    display: block;
    content: " ";
    position: absolute;
    left: 0;
    width: 27%;
    border-bottom: 1px solid #ccc;
    top: 62px;
}
.lined-title:after{
    display: block;
    content: " ";
    position: absolute;
    right: 0;
    width: 27%;
    border-bottom: 1px solid #ccc;
    top: 62px;
}
.gallery-col{
    width: 32%;
    float: left;
    margin-left: 2%;
}
.gallery-col:nth-child(3n+1){
    margin-left: 0;
}
.team-leaderboard.enabled-comments .gallery-col{
    height: 325px;
}
.team-leaderboard.enabled-comments .leaderboard-points{
    height: 500px;
}
.team-leaderboard.enabled-comments .competition-widget .leaderboard-points{
    height: 80%;
}
.team-leaderboard.enabled-comments .two-col-separated .col:last-child{
    max-height: 601px;
}
.team-leaderboard.enabled-comments .two-col-separated .col.competition-widget{
    max-height: none;
}
.scroll-to-top{
    position: fixed;
    bottom: 0;
    left: 35%;
    width: 63px;
    height: 47px;
    background-image: url(../img/back_to_top_@3x.png);
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    display: none;
}
.scroll-to-top.show{
    display: block;
}
.team-leaderboard .text{
    padding: 30px;
    background: rgba(255,255,255,0.85);
}
.team-leaderboard .text[style*="background:none"]{
    padding-left: 0;
}
.news-detail-page .active-btn-container {
    padding-bottom: 30px;
}

.event-form .raffle-input .field-event-number_room_badges input[type="number"] {
    margin-top: 0px;
    margin-bottom: 20px;
}

.social-share-list-container{
    display: inline-block;
    position: relative;
}

.social-share-list{
    display: none;
}

.social-share-list.open{
    display: block;
    top: 20px !important;
    border: 1px solid #39B44A;
    position: absolute;
    background: white;
    z-index: 1000;
    min-width: 85px;
}

.social-share-list ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.social-share-list li{
    padding: 0;
    margin: 0;
}

.social-share-list li a{
    padding: 10px 11px;
    display: block;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    font-size: 12px;
    line-height: 19px;
    color: #39B44A;
}


.analytics-report h2, .analytics-report h3, .analytics-report p,
.analytics-report .dimension_name, .analytics-report .dimension_value, .analytics-report h4{
    font-family: 'TTNormsMedium', sans-serif;
}
.analytics-report h2{
    font-size: 34px;
    line-height: 40px;
    color: #044D80;
}
.analytics-report h3{
    font-size: 27px;
    line-height: 33px;
    color: #848484;
    font-family: 'TTNormsRegular', sans-serif;
}
.analytics-report .heading-date{
    font-size: 20px;
    font-family: 'TTNormsLight', sans-serif;
}
.analytics-report strong{
    font-family: 'TTNormsRegular', sans-serif;
}
.analytics-report h2.page-heading{
    border-bottom: 1px solid #848484;
    padding-bottom: 15px;
    padding-left: 50px;
    position: relative;
}
.analytics-report h2.page-heading:before{
    display: block;
    content: " ";
    position: absolute;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-size: 100%;
    left: 0;
    top: 0;
}
.analytics-report .overview h2.page-heading:before{
    background-image: url(../images/analytics_report/Asset%201.png);
}
.analytics-report .dimension_value{
    color: #059DC2;
    font-size: 28px
}
.analytics-report .dimension_name{
    color: #848484;
    font-size: 20px
}
.analytics-report .report-heading .reg-text{
    color: #848484;
    font-size: 22px;
    font-family: 'TTNormsLight', sans-serif;
}
.analytics-report .event-name{
    color: #059DC2;
    font-size: 25px;
}
.analytics-report .org-name{
    font-family: 'TTNormsBold', sans-serif;
    font-size: 34px;
}
.analytics-report .top_browsers{
    width: 45%;
    padding-left: 5%;
}
.analytics-report .visitors, .analytics-report .visitors-chart, .analytics-report .most_popular_dates{
    padding-left: 5%;
    padding-right: 5%;
}
.analytics-report .most_popular_dates{
    padding-bottom: 5%;
}
.analytics-report .device{
    width: 45%;
    padding-right: 5%;
}
.analytics-report .sub-heading{
    border-bottom: 1px solid #848484;
    padding-bottom: 7px;
    margin-top: 40px;
    margin-bottom: 20px;
}
.analytics-report .location .sub-heading{
    position: relative;
    padding-left: 32px;
}
.analytics-report .most_popular_dates .sub-heading{
    position: relative;
    padding-left: 38px;
}
.analytics-report .location .sub-heading:before{
    display: block;
    content: " ";
    position: absolute;
    background-image: url(../images/analytics_report/Asset%202.png);
    background-repeat: no-repeat;
    width: 23px;
    height: 32px;
    background-size: 100%;
    left: 0;
    top: -4px;
}
.analytics-report .most_popular_dates .sub-heading:before{
    display: block;
    content: " ";
    position: absolute;
    background-image: url(../images/analytics_report/most-popular-dates-icon.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-size: 100%;
    left: 0;
    top: 2px;
}
.analytics-report .visitors-wrap{
    display: flex;
    flex-wrap: wrap;
}
.visitors .dimension_block, .technology .dimension_block,
.engagement .dimension_block, .top_mobile_devices_used .dimension_block,
.app-general .dimension_block, .users-by-platform .dimension_block{
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    padding-left: 65px;
    margin-bottom: 30px;
}
.visitors .dimension_block{
    width: 30%;
    margin-left: 5%;
}
.visitors .dimension_block:nth-child(3n+1){
    margin-left: 0;
}
.visitors .dimension_value, .app-general .dimension_value, .users-by-platform .dimension_value,
.visitors .dimension_block, .app-general .dimension_block, .users-by-platform .dimension_block{
    display: block;
}
.engagement .dimension_block{
    display: inline-flex;
    width: 100%;
}
.visitors .dimension_block:before{
    display: block;
    content: " ";
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%;
    left: 0;
    top: 0;
}
.visitors .dimension_block:nth-of-type(1):before{
    background-image: url(../images/analytics_report/Asset%203.png);
    width: 55px;
    height: 36px;
}
.visitors .dimension_block:nth-of-type(2):before{
    background-image: url(../images/analytics_report/Asset%204.png);
    width: 33px;
    height: 43px;
}
.visitors .dimension_block:nth-of-type(3):before{
    background-image: url(../images/analytics_report/Asset%205.png);
    width: 42px;
    height: 42px;
}
.visitors .dimension_block:nth-of-type(4):before{
    background-image: url(../images/analytics_report/active-users-icon.png);
    width: 56px;
    height: 39px;
}
.visitors .dimension_block:nth-of-type(5):before{
    background-image: url(../images/analytics_report/Asset%206.png);
    width: 48px;
    height: 48px;
}
.visitors .dimension_block:nth-of-type(6):before{
    background-image: url(../images/analytics_report/Asset%207.png);
    width: 42px;
    height: 42px;
}
.most_popular_dates .dimension_block{
    background: #059DC2;
    width: 140px;
    height: 140px;
    text-align: center;
    border-radius: 8px;
    position: relative;
    display: inline-block;
    margin-right: 30px;
}
.most_popular_dates .dimension_block *{
    color: #fff;
}
.most_popular_dates .dimension_value{
    padding-top: 20px;
    font-size: 32px;
    display: block;
}
.most_popular_dates .dimension_name, .most_popular_dates .visitors-word{
    font-family: 'TTNormsRegular', sans-serif;
}
.most_popular_dates .dimension_name{
    padding-top: 20px;
    display: block !important;
}
.most_popular_dates .visitors-word{
    font-size: 20px;
    padding-top: 5px;
}
.analytics-report .location h2.page-heading:before{
    background-image: url(../images/analytics_report/location_icon.png);
}
.analytics-report .location{
    position: relative;
}
.analytics-report .location .section_image{
    position: absolute;
    right: 20px;
    width: 400px;
    top: 32%;
}
.analytics-report .section_image img{
    max-width: 100%;
}
.analytics-report .location .dimension_name{
    width: 24%;
    display: inline-block;
    color: #333;
    padding-left: 32px;
    padding-bottom: 6px;
}
.analytics-report .location .dimension_value{
    color: #b1d458;
    font-size: 22px;
    text-align: right;
    width: 13%;
    display: inline-block;
}
.analytics-report .location br, .analytics-report .engagement br,
.top_mobile_devices_used br{
    display: none;
}
.analytics-report .location .sub-heading{
    display: inline-block;
    padding-right: 20px;
    margin-left: 5%;
}
.analytics-report .location .dimension_block{
    margin-left: 5%;
}
.analytics-report .location .footnote{
    margin-top: 40px;
    padding-bottom: 50px;
    line-height: 18px;
    font-family: 'TTNormsRegular', sans-serif;
}
.analytics-report .technology h2.page-heading:before{
    background-image: url(../images/analytics_report/technology_icon.png);
    width: 39px;
}
.analytics-report .top_browsers .sub-heading,
.analytics-report .device .sub-heading{
    position: relative;
    padding-left: 40px;
}
.analytics-report .top_browsers .dimension_block{
    position: relative;
}
.analytics-report .top_browsers .sub-heading:before,
.analytics-report .device .sub-heading:before,
.analytics-report .technology .dimension_block:before,
.analytics-report .app-general .dimension_block:before,
.analytics-report .users-by-platform .dimension_block:before{
    display: block;
    content: " ";
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%;
    left: 0;
    top: 0;
    width: 32px;
    height: 32px;
}
.analytics-report .top_browsers .sub-heading:before{
    background-image: url(../images/analytics_report/top-browsers-icon.png);
}
.analytics-report .device .sub-heading:before{
    background-image: url(../images/analytics_report/Asset%2011.png);
}
.analytics-report .top_browsers .chrome:before{
    background-image: url(../images/analytics_report/Asset%2013.png);
    width: 50px;
    height: 50px;
}
.analytics-report .top_browsers .dimension_block[class*="safari"]:before{
    background-image: url(../images/analytics_report/Asset%2016.png);
    width: 50px;
    height: 54px;
}
.analytics-report .top_browsers .internet_explorer:before{
    background-image: url(../images/analytics_report/Asset%2014.png);
    width: 50px;
    height: 50px;
}
.analytics-report .top_browsers .edge:before{
    background-image: url(../images/analytics_report/edge-icon.png);
    width: 50px;
    height: 50px;
}
.analytics-report .top_browsers .firefox:before{
    background-image: url(../images/analytics_report/firefox-icon.png);
    width: 50px;
    height: 50px;
}
.analytics-report .device .desktop:before{
    background-image: url(../images/analytics_report/Asset%2012.png);
    width: 55px;
    height: 50px;
}
.analytics-report .device .mobile:before{
    background-image: url(../images/analytics_report/Asset%2019.png);
    width: 28px;
    height: 50px;
}
.analytics-report .device .tablet:before{
    background-image: url(../images/analytics_report/Asset%2017.png);
    width: 38px;
    height: 50px;
}
.analytics-report .app-engagement-overview .dimension_block:nth-child(1):before{
    background-image: url(../images/analytics_report/Asset%203.png) !important;
    width: 50px;
    height: 50px;
}
.analytics-report .app-engagement-overview .dimension_block:nth-child(2):before{
    background-image: url(../images/analytics_report/active-users-added-icon.png) !important;
    width: 50px;
    height: 50px;
}
.analytics-report .app-engagement-overview .dimension_block:nth-child(3):before{
    background-image: url(../images/analytics_report/Asset%204.png) !important;
    width: 40px;
    height: 52px;
}
.analytics-report .app-engagement-overview .dimension_block:nth-child(4):before{
    background-image: url(../images/analytics_report/Asset%207.png) !important;
    width: 40px;
    height: 40px;
}
.analytics-report .in-app-behaviour .dimension_block:nth-child(1):before{
    background-image: url(../images/analytics_report/Asset%205.png) !important;
    width: 40px;
    height: 40px;
}
.analytics-report .in-app-behaviour .dimension_block:nth-child(2):before{
    background-image: url(../images/analytics_report/news-icon.png) !important;
    width: 40px;
    height: 40px;
}
.analytics-report .in-app-behaviour .dimension_block:nth-child(3):before{
    background-image: url(../images/analytics_report/Asset%2032.png) !important;
    width: 40px;
    height: 40px;
}
.analytics-report .in-app-behaviour .dimension_block:nth-child(4):before{
    background-image: url(../images/analytics_report/webinars-icon.png) !important;
    width: 40px;
    height: 40px;
}
.analytics-report .in-app-behaviour .dimension_block:nth-child(5):before{
    background-image: url(../images/analytics_report/links-icon.png) !important;
    width: 40px;
    height: 40px;
}
.analytics-report .users-by-platform .dimension_block.ios:before{
    background-image: url(../images/analytics_report/ios-icon.png) !important;
    width: 50px;
    height: 29px;
}
.analytics-report .users-by-platform .dimension_block.android:before{
    background-image: url(../images/analytics_report/android-icon.png) !important;
    width: 40px;
    height: 40px;
}
.dimension_block.android .dimension_value{
    color: #b1d458;
}
.analytics-report .top_mobile_devices_used .page-heading{
    display: none;
}
.top_mobile_devices_used .dimension_block{
    width: 50%;
    margin-left: 55%;
}
.top_mobile_devices_used:after{
    display: block;
    content: " ";
    clear: both;
}
.analytics-report .engagement-column{
    column-count: 2;
    margin-top: 40px;
    column-gap: 60px;
    padding: 0 5%;
}
.analytics-report .engagement-column .dimension_block:before{
    display: block;
    content: " ";
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%;
    left: 0;
    top: 0;
}
.analytics-report .engagement-column .dimension_block.resources_downloaded_by_visitors:before{
    background-image: url(../images/analytics_report/Asset%2023.png);
    width: 38px;
    height: 50px;
}
.analytics-report .engagement-column .dimension_block.clicks_on_call_to_action_buttons:before{
    background-image: url(../images/analytics_report/Asset%2024.png);
    width: 26px;
    height: 50px;
}
.analytics-report .engagement-column .dimension_block.visits_to_faqs___tips:before{
    background-image: url(../images/analytics_report/Asset%2025.png);
    width: 38px;
    height: 50px;
}
.analytics-report .engagement-column .dimension_block.clicks_to_chat_with_a_representative:before{
    background-image: url(../images/analytics_report/Asset%2026.png);
    width: 38px;
    height: 50px;
}
.analytics-report .engagement-column .dimension_block.clicks_on_website_in_contact_information:before{
    background-image: url(../images/analytics_report/Asset%2027.png);
    width: 43px;
    height: 50px;
}
.analytics-report .engagement-column .dimension_block.surveys_submitted:before{
    background-image: url(../images/analytics_report/survey_icon.png);
    width: 30px;
    height: 50px;
}
.analytics-report .engagement-column .dimension_block.clicks_on_tips:before{
    background-image: url(../images/analytics_report/Asset%2033.png);
    width: 38px;
    height: 50px;
}
.analytics-report .engagement-column .dimension_block.video_views:before{
    background-image: url(../images/analytics_report/Asset%2032.png);
    width: 38px;
    height: 50px;
}
.analytics-report .engagement-column .dimension_block.one_to_one_chats_initiated:before{
    background-image: url(../images/analytics_report/Asset%2030.png);
    width: 38px;
    height: 50px;
}
.analytics-report .engagement-column .dimension_block.ai_assistant_chats_initiated:before{
    background-image: url(../images/analytics_report/ai-icon.svg);
    width: 38px;
    height: 50px;
}
.analytics-report .engagement-column .dimension_block.clicks_on_ask_a_question:before{
    background-image: url(../images/analytics_report/Asset%2029.png);
    width: 30px;
    height: 50px;
}
.analytics-report .engagement-column .dimension_block.clicks_on_email_listed_in_contact_information:before{
    background-image: url(../images/analytics_report/Asset%2041.png);
    width: 37px;
    height: 50px;
}
.analytics-report .engagement-column .dimension_block.clicks_on_join_webinar:before{
    background-image: url(../images/analytics_report/Asset%2042.png);
    width: 37px;
    height: 50px;
}
.analytics-report .engagement-column .dimension_block.clicks_on_phone_listed_in_contact_information:before{
    background-image: url(../images/analytics_report/Asset%2043.png);
    width: 37px;
    height: 50px;
}
.analytics-report .engagement-column .dimension_block.clicks_on_featured_items:before{
    background-image: url(../images/analytics_report/clicks-on-featured-items-icon.svg);
    width: 37px;
    height: 50px;
}
.analytics-report .engagement .page-heading:before{
    background-image: url(../images/analytics_report/Asset%2021.png);
    width: 40px;
    height: 40px;
}
.analytics-report .top_mobile_devices_used .dimension_block:before{
    display: block;
    content: " ";
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%;
    left: 0;
    top: 0;
    width: 52px;
    height: 45px;
}
.analytics-report .top_mobile_devices_used .apple.dimension_block:before,
.analytics-report .top_mobile_devices_used .iphone.dimension_block:before,
.analytics-report .top_mobile_devices_used .apple_iphone.dimension_block:before{
    width: 36px;
}
.analytics-report .apple_iphone:before,
.analytics-report .iphone:before,
.analytics-report .apple:before{
    background-image: url(../images/analytics_report/apple-icon-blue.png);
}
.analytics-report .microsoft_windows.rt:before,
.analytics-report .microsoft:before{
    background-image: url(../images/analytics_report/microsoft-table.png);
}
.analytics-report .top_mobile_devices_used{
    position: relative;
    min-height: 200px;
}
.analytics-report .top_mobile_devices_used .section_image{
    position: absolute;
    left: 30px;
    width: 200px;
    top: 0;
}
.analytics-report .room-visits .page-heading:before,
.analytics-report .room-actions .page-heading:before{
    background-image: url(../images/analytics_report/Asset%2034.png);
    width: 40px;
    height: 40px;
}
.analytics-report .app-stats .page-heading:before {
    background-image: url(../images/analytics_report/mobile-app-statistics-icon.png);
    width: 40px;
    height: 40px;
}
.analytics-report .survey h2.page-heading:before {
    background-image: url(../images/analytics_report/anlytics_report_survey_icon.png);
}
.analytics-report .survey-intro-text{
    position: absolute;
    right: 0;
    padding: 10px;
    top: 0;
    width: 50%;
    text-align: right;
}
.survey-intro-text .blue-text{
    color: #059DC2;
}
.analytics-report .room-visits .sub-heading{
    position: relative;
    padding-left: 50px;
    width: 60%;
    display: inline-block;
}
.analytics-report .room-visits .sub-heading:before{
    display: block;
    content: " ";
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%;
    left: 0;
    top: 0;
    background-image: url(../images/analytics_report/Asset%2035.png);
    width: 33px;
    height: 40px;
}
.analytics-report .room-visits .dimension_block:nth-child(2n+1){
    background-color: #e5f0f4;
}
.analytics-report .room-visits .dimension_block{
    padding: 5px 10px;
    width: 55%;
    margin-left: 40px;
}
.analytics-report .room-visits .dimension_name{
    font-size: 17px;
    color: #333;
    font-family: 'TTNormsRegular', sans-serif;
    width: 80%;
    display: inline-block;
}
.analytics-report .room-visits .dimension_value{
    font-size: 17px;
    color: #044D80;
    font-family: 'TTNormsBold', sans-serif;
    float: right;
}
.analytics-report .room-title-block{
    background: #e5f0f4;
    padding: 20px;
    margin: 20px 0;
    text-align: center;
}
.analytics-report .room-title{
    color: #2287b2;
    font-size: 24px;
    font-family: 'TTNormsBold', sans-serif;
    padding-bottom: 10px;
}
.analytics-report .room-title-block p{
    color: #044D80;
    font-size: 18px;
    font-family: 'TTNormsMedium', sans-serif;
    padding-top: 20px;
}
.analytics-report .room-title-block p span{
    color: #b1d458;
    font-size: 22px;
    font-family: 'TTNormsBold', sans-serif;
}
.room-actions-block{
    padding: 20px 0 50px 0;
    display: flex;
}
.room-visits{
    padding-bottom: 50px;
}
.room-actions-block .col{
    width: 37.5%;
    margin-left: 2.5%;
    border-left: 1px solid #848484;
    padding-left: 2.5%;
}
.room-actions-block .col:first-child{
    margin-left: 0;
    border-left: none;
    padding-left: 0;
    width: 25%;
}
.col-head{
    position: relative;
    padding-left: 40px;
    color: #044D80;
    min-height: 43px;
    border-bottom: 1px solid #848484;
    margin-bottom: 5px;
    padding-bottom: 10px;
}
.col-head:before{
    display: block;
    content: " ";
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%;
    left: 0;
    top: 4px;
    width: 30px;
    height: 30px;
}
.col-head.videos:before{
    background-image: url(../images/analytics_report/Asset%2037.png);
}
.col-head.actions:before{
    background-image: url(../images/analytics_report/Asset%2040.png);
    width: 25px;
}
.col-head.features:before{
    background-image: url(../images/analytics_report/Asset%2039.png);
    width: 25px;
}
.col-head strong{
    display: block;
}
.col-text{
    color: #044D80;
}
.room-row-number{
    width: 35px;
    display: inline-block;
}
.room-row{
    line-height: 16px;
    display: flex;
    padding: 3px 0;
}
.col-head span{
    line-height: 10px;
    display: block;
}
.center-area.analytics-report{
    width: 60%;
}
.report-pagination{
    display: inline-block;
    padding: 15px 30px;
    margin: 0 0 50px 0;
}
.report-pagination > li {
    display: inline;
}
.report-pagination a, .report-pagination span{
    position: relative;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.report-pagination li.active a{
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.report-pagination span, .report-pagination span:hover,
.report-pagination span:focus {
    color: #777777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.report-page, .report-page.location{
    /*visibility: hidden;*/
    /*height: 0;*/
    position: absolute;
    top: -9999px;
    left: -9999px;
    padding-top: 40px;
}
.report-page.show-page{
    /*visibility: visible;*/
    /*height: auto;*/
    position: static;
}
.report-page.location.show-page, .report-page.engagement.show-page{
    position: relative;
    top: 0;
    left: 0;
}
.analytics-report .technology{
    padding-bottom: 30px;
}
.total-actions{
    position: absolute;
    top: 53px;
    right: 10px;
}
.total-actions .dimension_block{
    flex-direction: row-reverse;
}
.total-actions .dimension_value, .total-actions .dimension_name{
    margin-right: 8px;
    font-family: 'TTNormsRegular', sans-serif;
    font-size: 24px;
}
.select-event-for-report{
    width: 231px;
    padding-bottom: 20px;
}
.analytics-report .input-group .glyphicon{
    font-family: inherit;
    background: url(../images/analytics_report/calendar-icon.png);
    width: 20px;
    height: 22px;
    background-size: 100%;
}
.analytics-report .hideonstyled{
    display: none;
}
.analytics-report .survey .sub-heading{
    border-bottom: none;
}
.analytics-report .survey .dimension_block{
    margin-bottom: 15px;
}
.analytics-report .survey-question{
    width: 42%;
    display: inline-block;
    vertical-align: top;
    margin-left: 7%;
}
.hide-on-web{
    display: none !important;
}
#visitors-chart-print{
    visibility: hidden;
    height: 0;
}
.chart-legend{
    justify-content: space-between;
    margin-top: 10px;
    display: flex;
}
.chart-legend > div{
    padding-left: 30px;
    position: relative;
    width: 44%;
    font-size: 17px;
    font-family: 'TTNormsLight', sans-serif;
}
.chart-legend strong{
    font-size: 16px;
    display: block;
}
.chart-legend > div:before{
    display: block;
    content: " ";
    position: absolute;
    left: 0;
    top: 25%;
    width: 15px;
    height: 15px;
    border-radius: 15px;
}
.chart-legend .current-period:before{
    background-color: #044D80;
}
.chart-legend .current-period:after{
    display: block;
    content: " ";
    position: absolute;
    right: -14.5%;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #000;
}
.chart-legend .previous-period:before{
    background-color: #059DC2;
}
.compare-div{
    padding-top: 10px;
    display: none;
}
.custom-datepicker{
    display: none;
    margin-top: 15px;
}
.custom-datepicker.visible{
    display: block;
}
g text[text-anchor="middle"]:nth-child(1){
    fill: #044D80;
}
g text[text-anchor="middle"]:nth-child(2){
    font-size: 10px;
    fill: #059DC2;
}
.analytics-report .dimension_value.prev-value{
    font-size: 20px;
    color: #059DC2;
    opacity: 0.6;
}


.lobby-view .vimeo-wrapper,
.organization-index .vimeo-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}
.lobby-view .vimeo-wrapper{
    z-index: 0;
}
.lobby-view .vimeo-wrapper iframe,
.organization-index .vimeo-wrapper iframe {
    width: 100vw;
    height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.status-row .filter-by-event {
    width: 35%;
    float: left;
    /*position: relative;*/
    padding-left: 20px;
    /*bottom: 8px;*/
}
.status-row .filter-by-status {
    /*width: 24%;*/
    float: left;
    position: relative;
    padding-left: 20px;
    line-height: 45px;
    padding-right: 15px;
}
.status-row .filter-by-event label {
    font-size: 13px;
    font-weight: 500;
    padding-right: 5px;
}
.status-row .filter-by-event select {
    border: none;
    position: relative;
    padding-left: 20px;
    height: 45px;
    display:inline-block;
    width: 76%;
}
.status-row .filter-by-active label{
    margin-top: 10px;
}
.open-raffle-entry-link-container .open-raffle-entry-form-link a{
    margin-top: 10px;
}
.open-raffle-entry-link-container{
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}


.game-theme-type-1 .clue-popup{
    width: 285px;
    background: rgba(255,255,255,0.93);
    border-radius: 12px;
    padding: 10px;
    display: none;
    position: relative;
    margin-top: 30px;
    left: -6%;
    text-align: right;
    border: 1px solid #ccc;
    z-index: 9;
}
.game-theme-type-1 .clue-popup:before{
    position: absolute;
    display: block;
    content: " ";
    left: 12%;
    top: -15px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 14px solid #b1d458;
}
.game-theme-type-1 .clue-popup.position-left{
    position: absolute;
    top: 0;
    left: auto;
    width: 190px;
    margin-top: 0;
    right: 90px;
    text-align: left;
}
.game-theme-type-1 .clue-popup.position-left:before{
    left: auto;
    right: -17px;
    top: 17px;
    border-top: 10px solid transparent;
    border-left: 14px solid #b1d458;
    border-bottom: 10px solid transparent;
    border-right: none;
}
.game-theme-type-1 .clue-popup.position-right{
    position: absolute;
    top: 0;
    left: 90px;
    width: 190px;
    margin-top: 0;
}
.game-theme-type-1 .clue-popup.position-right:before{
    left: -18px;
    top: 18px;
    border-top: 10px solid transparent;
    border-left: none;
    border-bottom: 10px solid transparent;
    border-right: 14px solid #b1d458;
}
.game-theme-type-1 .clue-popup.position-top{
    position: absolute;
    top: auto;
    left: -15px;
    width: 190px;
    margin-top: 0;
    bottom: 90px;
}
.game-theme-type-1 .clue-popup.position-top:before{
    left: 30px;
    top: auto;
    bottom: -17px;
    border-top: 14px solid #b1d458;
    border-left: 10px solid transparent;
    border-bottom: none;
    border-right: 10px solid transparent;
}
.cell-content:hover .clue-popup{
    display: block;
}
.cell-content.has-badge:hover .clue-popup{
    display: none;
}
.game-theme-type-1 .clue-number-inner{
    font-size: 22px;
    color: #fff;
    border-radius: 22px;
    width: 44px;
    height: 44px;
    background: #0D72B9;
    border: 8px solid #0d3349;
    display: block;
    text-align: center;
    font-weight: 700;
    line-height: 28px;
    position: absolute;
    left: 22px;
    top: -3px;
}
.clue-popup.position-right .clue-number-inner{
    left: -5px;
    top: 5px;
}
.game-theme-type-2 .clue-popup.position-right .clue-number-inner{
    left: 10px;
}
.clue-popup.position-left .clue-number-inner{
    right: -5px;
    top: 5px;
    left: auto;
}
.game-theme-type-2 .clue-popup.position-left .clue-number-inner{
    left: 10px;
}
.clue-popup.position-top .clue-number-inner{
    top: auto;
    left: 18px;
    bottom: -5px;
}
.game-theme-type-2 .clue-popup.position-top .clue-number-inner{
    bottom: 28px;
}
.clue-popup.move-clue-popup-up{
    top: -47px;
}
.clue-popup.move-clue-popup-up:before{
    top: 63px;
}
.clue-popup.move-clue-popup-up .clue-number-inner{
    top: 51px;
}
.clue-number-text{
    text-transform: uppercase;
    color: #333;
    font-size: 16px;
    padding-bottom: 12px;
}
.clue-title{
    font-weight: 700;
    color: #044d80;
}
.game-theme-type-2 .clue-title{
    color: #0131a0;
}
.clue-description{
    padding-top: 5px;
    font-size: 13px;
    line-height: 19px;
}
.game-theme-type-2 .clue-description{
    line-height: 17px;
}
.clue-popup.position-top .clue-description{
    padding-bottom: 25px;
}
.game-theme-type-2 .clue-popup.position-top .clue-description{
    padding-bottom: 0;
}
.game-theme-type-1 .clue-number{
    font-size: 28px;
    color: #fff;
    border-radius: 27px;
    width: 54px;
    height: 54px;
    background: #044d80;
    border: 5px solid #fff;
    display: block;
    text-align: center;
    font-weight: 700;
    line-height: 42px;
    cursor: pointer;
}
.game-theme-type-1 .has-badge .clue-number{
    background-image: url(../img/FoundBusterIcon@3x.png);
    background-size: 106%;
    font-size: 0;
    background-color: #fff;
    border-width: 2px;
}
.game-theme-type-1 .great-job{
    background-image: url(../img/SpeechBubble@3x.png);
    max-width: 370px;
    width: 370px;
    height: 200px;
    background-size: cover;
    position: absolute;
    top: 40%;
    left: 25%;
    z-index: 9;
}
.set-white-bg{
    background: #fff;
    width: 64%;
    margin-top: 48px;
    margin-left: 79px;
    height: 58%;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.cell-content{
    position: absolute;
}
.game-theme-type-1 .clue-position-1{
    left: 0.5vw;
    top: 53.5vh;
}
.game-theme-type-1 .clue-position-2{
    left: 7.3vw;
    top: 53.5vh;
}
.game-theme-type-1 .clue-position-3{
    left: 15vw;
    top: 53.5vh;
}
.game-theme-type-1 .clue-position-4{
    left: 25vw;
    top: 55.5vh;
}
.game-theme-type-1 .clue-position-5{
    left: 28vw;
    top: 71.5vh;
}
.game-theme-type-1 .clue-position-6{
    left: 36.2vw;
    top: 74vh;
}
.game-theme-type-1 .clue-position-7{
    left: 45vw;
    top: 76.5vh;
}
.game-theme-type-1 .clue-position-8{
    left: 45.8vw;
    top: 91.5vh;
}
.game-theme-type-1 .clue-position-9{
    left: 35.7vw;
    top: 91.8vh;
}
.game-theme-type-1 .clue-position-10{
    left: 34.3vw;
    top: 63vh;
}
.game-theme-type-1 .clue-position-11{
    left: 35.8vw;
    top: 49vh;
}
.game-theme-type-1 .clue-position-12{
    left: 45vw;
    top: 47vh;
}
.game-theme-type-1 .clue-position-13{
    left: 49vw;
    top: 62.7vh;
}
.game-theme-type-1 .clue-position-14{
    left: 58.5vw;
    top: 61.7vh;
}
.game-theme-type-1 .clue-position-15{
    left: 59.8vw;
    top: 46vh;
}
.game-theme-type-1 .clue-position-16{
    left: 59.8vw;
    top: 32.5vh;
}
.game-theme-type-1 .clue-position-17{
    left: 59.8vw;
    top: 18.4vh;
}
.game-theme-type-1 .clue-position-18{
    left: 59.8vw;
    top: 3.5vh;
}
/*Sub Theme 2*/
.game-theme-type-2 .clue-number-inner{
    font-size: 18px;
    color: #fff;
    border-radius: 22px;
    width: 44px;
    height: 44px;
    background: #0131a0;
    border: 8px solid #26bec9;
    display: block;
    text-align: center;
    font-weight: 500;
    line-height: 28px;
    position: absolute;
    left: 22px;
    top: -3px;
}
.game-theme-type-2 .clue-number{
    font-size: 37px;
    color: #fff;
    border-radius: 27px;
    width: 54px;
    height: 54px;
    /*background: #044d80;*/
    border: 2px solid #fff;
    display: block;
    text-align: center;
    font-weight: 700;
    line-height: 47px;
    cursor: pointer;
}
.game-theme-type-2 .has-badge .clue-number{
    background-size: 106%;
    font-size: 0;
    background-color: #fff;
    border-width: 2px;
}
.game-theme-type-2 .clue-popup{
    width: 285px;
    background: rgba(255,255,255,0.93);
    border-radius: 12px;
    padding: 10px;
    display: none;
    position: relative;
    margin-top: 30px;
    left: -6%;
    text-align: right;
    /*border: 1px solid #ccc;*/
    z-index: 999;
}
.game-theme-type-2 .clue-popup:before{
    position: absolute;
    display: block;
    content: " ";
    left: 12%;
    top: -15px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 14px solid #b1d458;
}
.game-theme-type-2 .clue-popup.position-left{
    position: absolute;
    top: 0;
    left: auto;
    width: 160px;
    margin-top: 0;
    right: 80px;
    text-align: left;
    padding-top: 50px;
}
.game-theme-type-2 .clue-popup.position-left:before{
    left: 65px;
    right: auto;
    top: 17px;
    border-top: 10px solid transparent;
    border-left: 14px solid #0131a0;
    border-bottom: 10px solid transparent;
    border-right: none;
}
.game-theme-type-2 .clue-popup.position-right{
    position: absolute;
    top: 0;
    left: 125px;
    width: 210px;
    margin-top: 0;
    text-align: left;
    padding-top: 50px;
}
.game-theme-type-2 .clue-popup.position-right:before{
    left: -24px;
    top: 18px;
    border-top: 10px solid transparent;
    border-left: none;
    border-bottom: 10px solid transparent;
    border-right: 12px solid #0131a0;
}
.game-theme-type-2 .clue-popup.position-top{
    position: absolute;
    top: auto;
    left: -15px;
    width: 335px;
    margin-top: 0;
    bottom: 86px;
    padding-left: 75px;
    text-align: left;
}
.game-theme-type-2 .clue-popup.position-top:before{
    left: 30px;
    top: auto;
    bottom: 8px;
    border-top: 12px solid #0131a0;
    border-left: 10px solid transparent;
    border-bottom: none;
    border-right: 10px solid transparent;
}
.game-theme-type-2 .clue-position-1{
    left: 12.9vw;
    top: 44.6vh;
}
.game-theme-type-2 .clue-position-2{
    left: 20.4vw;
    top: 44.6vh;
}
.game-theme-type-2 .clue-position-3{
    left: 28.2vw;
    top: 44.5vh;
}
.game-theme-type-2 .clue-position-4{
    left: 35vw;
    top: 44.6vh;
}
.game-theme-type-2 .clue-position-5{
    left: 42.4vw;
    top: 44.6vh;
}
.game-theme-type-2 .clue-position-6{
    left: 50.5vw;
    top: 47vh;
}
.game-theme-type-2 .clue-position-7{
    left: 51vw;
    top: 62vh;
}
.game-theme-type-2 .clue-position-8{
    left: 42.4vw;
    top: 65vh;
}
.game-theme-type-2 .clue-position-9{
    left: 35.1vw;
    top: 65vh;
}
.game-theme-type-2 .clue-position-10{
    left: 27.7vw;
    top: 65vh;
}
.game-theme-type-2 .clue-position-11{
    left: 20.4vw;
    top: 65vh;
}
.game-theme-type-2 .clue-position-12{
    left: 12.5vw;
    top: 67vh;
}
.game-theme-type-2 .clue-position-13{
    left: 12vw;
    top: 82vh;
}
.game-theme-type-2 .clue-position-14{
    left: 20.4vw;
    top: 84.7vh;
}
.game-theme-type-2 .clue-position-15{
    left: 27.7vw;
    top: 84.7vh;
}
.game-theme-type-2 .clue-position-16{
    left: 35.3vw;
    top: 88.7vh;
}
.game-theme-type-2 .clue-position-17{
    left: 43.4vw;
    top: 84.7vh;
}
.game-theme-type-2 .clue-position-18{
    left: 51.5vw;
    top: 84.3vh;
}
.game-theme-type-2 .clue-position-19{
    left: 59vw;
    top: 84.7vh;
}
.game-theme-type-2{
    background-color: #fff;
}
/*Sub Theme 2 end*/
/*.intro-text{*/
/*    position: absolute;*/
/*    top: 47%;*/
/*    left: 5%;*/
/*}*/
.game-theme .content{
    position: static;
    transform: none;
    padding-top: 95px;
}
.game-theme .wrapper{
    max-width: 1510px;
}
.game-theme .logo{
    padding-bottom: 20px;
}
.game-theme .content .description{
    padding: 2% 0;
}
.game-theme-type-2 .video-only-half-width{
    width: auto;
}
.game-theme-type-2 .logo img{
    max-height: 65px;
    width: auto;
}

.login.organization-104{
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}
.login.organization-104 .content{
    width: 50%;
    text-align: center;
    padding-top: 17vw;
}
.login.organization-104 .content h1{
    color: #007c92 !important;
    padding-top: 40px;
}
.login.organization-104 .content h1+h2{
    padding-bottom: 10px;
}
.login.organization-104 .stanford-logos a{
    display: inline-block;
    background: #fff;
    padding: 30px;
    margin-top: 20px;
    width: 220px;
}
.login.organization-104 .stanford-logos a:nth-child(2){
    margin-left: 20px;
}
.login.organization-104 .logo{
    display: none;
}
.login.organization-104 .logos-block{
    padding-top: 15vw;
    color: #fff;
}
.login.organization-104 .images-block{
    position: absolute;
    right: 0;
    top: 22%;
}
.login.organization-104 .images-block img:first-child{
    width: 17vw;
    position: absolute;
    right: 0;
}
.login.organization-104 .images-block img:nth-child(2){
    width: 24vw;
    position: absolute;
    right: 18vw;
    top: 5vw;
}
.login.organization-104 .images-block img:last-child{
    width: 15vw;
    position: absolute;
    right: 18vw;
    top: -7.5vw;
}
.login-builder-form .segment-step-attribute .btn,
.login-builder-form .condition-group .btn{
    padding: 6px 12px;
}
.login-builder-form .condition-group .row{
    margin-top: 15px;
    margin-bottom: 15px;
}
.login-builder-form .segment-step-attribute{
    margin-bottom: 20px;
}
.login-builder-form .condition-group input[type="text"],
.login-builder-form .segment-step-attribute input[type="text"],
.login-builder-form .manage-employee-types input[type="text"]{
    margin-top: 0px;
    height: 34px;
}
.is-login-builder-form .is-masked-input{
    margin-top: 0px;
}
.feed-column select, .feed-column input{
    margin-top: 0px;
}
.feed-column{
    margin-top: 20px;
}
.login-builder-form .btn-manage-feed{
    padding: 6px 12px; font-size: 10px;
    margin-top: 31px;
}
.login-builder-form .btn-reorder-employee-types{
    padding: 6px 12px; font-size: 10px;
    margin-top: 31px;
    margin-bottom: 10px;
}
.login-builder-form textarea{
    margin-top: 20px;
}
.is-login-builder-form input[type="text"],
.is-login-builder-form input[type="password"],
.is-login-builder-form input[type="email"],
.is-login-builder-form input[type="number"],
.is-login-builder-form input[type="tel"]{
    margin-top: 0px;
}
.bg-part-top-right{
    width: 800px;
    height: 410px;
    background-image: url(../img/fmcna_game/biker_nobg.png);
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: top right;
    position: absolute;
    right: 30%;
    top: 0;
}
.room-form .featured-groups .item,
.settings-update .featured-groups .item{
    padding-bottom: 35px;
}
.settings-update .featured-groups .add-new-title{
    padding-top: 10px;
}
.lobby-form .featured-groups .item .btn,
.room-form .featured-groups .item .btn,
.settings-update .featured-groups .item .btn{
    padding: 5px 10px 5px 10px;
}
.room-form .resource-library-groups .item .btn{
    padding: 5px 10px 5px 10px;
    min-width: 10px;
}
.room-form .resource-library-groups .field-room-resource_library_menu_name{
    margin-bottom: 15px;
}
.room-form .resource-library-groups .resource-library-select{
    margin-top: 0px;
}
.room-form .resource-library-groups .row.item{
    margin-top: 10px;
}
.featured-item-form .body-area .center-area{
    padding-bottom: 200px;
}
a.workshop-tile.empty-link,
a.workshop-tile.empty-link:hover{
    cursor: auto;
}
.lobby-form .featured-groups .item .btn,
.survey-question .item .btn {
    min-width: 0;
}

.room .content-center .room-description table {
    margin: auto;
}

.room .room-description table{
    border-collapse: unset;
    border-spacing: revert-layer;
    max-width: 100%;
}

.room .room-description table tr,
.room .room-description table td{
    padding: revert-layer;
}
.lobby-promotion-slider{
    position: fixed;
    left: 65%;
    width: 32%;
    max-width: 450px;
    bottom: 1%;
}
.lobby-promotion-slider .bx-wrapper{
    background: none;
    border: none;
    box-shadow: none;
    padding: 15px;
}
.lobby-promotion-slider .tile-title{
    color: #007c92;
    font-size: 27px;
    font-weight: 600;
    padding-bottom: 20px;
}
.lobby-promotion-slider .btn{
    margin-top: 15px;
}
.lobby-promotion-slider .bx-wrapper .bx-pager.bx-default-pager a{
    width: 25px;
    height: 5px;
    background: #aaa;
}
.lobby-promotion-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.lobby-promotion-slider .bx-wrapper .bx-pager.bx-default-pager a.active,
.lobby-promotion-slider .bx-wrapper .bx-pager.bx-default-pager a:focus{
    background: #000;
}
.participate{
    padding: 0;
    display: flex;
}
.vrc .participate{
    display: block;
    padding: 25px;
}
.participate img{
    width: 150px;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
}
.participate img + .participate-contact-text p{
    line-height: 19px;
}
.participate .participate-contact-text{
    padding: 25px;
}
.participate img + .participate-contact-text{
    margin-left: 30px;
    padding: 15px 10px 15px 0;
}
.plan-container .plan-attribute p{
    font-weight: 600;
}
.plan-container .plan-attribute{
    padding-bottom: 20px;
}
.plan-container .two-column{
    column-count: 2;
    padding-top: 25px;
}
.plan-container .two-column .plan-attribute{
    page-break-inside: avoid;
    border: 1px solid #ccc;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
}
.additional-resources .panel-title{
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 45px;
    position: relative;
}
.panel-group .panel + .panel{
    margin-top: 10px;
}
.additional-resource .panel-title:before{
    position: absolute;
    top: 9px;
    left: 10px;
    display: block;
    content: " ";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #373838;
}
.additional-resource a[aria-expanded="true"] .panel-title:before{
    top: 13px;
    border-top: 8px solid #373838;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
.additional-resource .panel-heading{
    padding: 0;
}
.additional-resource .panel-heading > a{
    padding: 10px;
    display: block;
    color: #373838;
}
.panel-default.additional-resource > .panel-heading + .panel-collapse > .panel-body{
    border-top: none;
}
.resources-section .search-div .remove-search-name{
    font-size: 30px;
    position: absolute;
    bottom: 10px;
    right: 15px;
    cursor: pointer;
    display: none;
}
.tile-image{
    width: calc(100% + 50px);
    height: 125px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    margin: -25px;
}
.tile-date{
    color: #373838;
    font-weight: 700;
}
.tile-date-top{
    position: absolute;
    left: 0;
    top: 0;
    padding: 13px 16px;
    background: rgba(0,124,146,0.6);
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    color: #fff;
    text-align: center;
}
.tile-month{
    text-transform: uppercase;
    line-height: 18px;
}
.tile-day{
    line-height: 18px;
}
.modal-body .btn{
    margin-top: 15px;
}
.plan-item-value, .two-column .plan-attribute .title{
    font-size: 18px;
}
.two-column .plan-attribute .plan-item-value{
    color: #333;
    padding: 15px 0 10px 0;
}
.plan-container .two-column .subtext{
    line-height: 20px;
}
.kindness-fixed-right .col-md-8 .kindness-tile:last-child{
    margin-bottom: 70px;
}
.slider-bg{
    width: 100%;
    height: 100%;
    background-size: cover;
    position: fixed;
    left: 0;
    top: 0;
    background-position: center;
    visibility: hidden;
    z-index: -1;
    pointer-events: none;
}
.slider-bg.visible{
    visibility: visible;
}
.lobby-promotion-slider + .container > .content{
    position: relative;
}
.lobby-promotion-slider + .container > .content.neo-event{
    position: absolute;
}
.bxslider-background, .promotion-slider-title{
    visibility: hidden;
}
.promotion-slider-title{
    font-size: 15px;
    padding: 15px 0 0 15px;
}
.featured-tiles-columns{
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}
.featured-tiles-columns .featured-tile{
    width: 48%;
    margin: 0 2% 2% 0;
}
.featured-tiles-columns .featured-tile:nth-child(2n){
    margin-right: 0;
}
.featured-news .workshop-tile{
    margin-bottom: 0;
}
#send-message{
    background-color: #959897;
}
.display-flex{
    display: flex;
    flex-wrap: wrap;
}
.dashboard-single-event{
    padding: 0 15px;
    width: 33.33333%;
}
.dashboard-single-event.width50{
    width: 50%;
}
.resource-library-groups .select2-container--krajee .select2-selection{
    border-radius: 20px!important;
    border: 1px solid #959897;
}
.resource-library-groups .select2-container--krajee .select2-selection--single .select2-selection__rendered{
    color: #959897!important;
}
.resource-library-groups .select2-container--krajee .select2-selection--single .select2-selection__arrow{
    border-left: none;
}
.kindness-fixed-right .col-md-8 .kindness-tile:last-child{
    margin-bottom: 70px;
}
.webinar .webinar-time .time-container{
    text-transform: none;
}
.organization-index .footer,
.lobby-view .footer,
.room .footer{
    padding-right: 32%;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 1px solid #f4f4f4;
    position: relative;
    z-index: 8;
}
.room .footer{
    padding-left: 180px;
}
.footer.footer-margin-top{
    margin-top: -5vh;
}
.footer.footer-tobottom{
    position: absolute;
    width: 100%;
}
.organization-index .footer{
    bottom: 0;
    position: absolute;
    width: 100%;
}
.organization-index .footer .wrapper,
.lobby-view .footer .wrapper,
.room .footer .wrapper{
    padding: 0 25px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    /*height: 5vh;*/
}
.organization-index .footer a,
.lobby-view .footer a, .booth-background + .footer a,
.room .footer a{
    margin-right: 20px;
    font-size: 14px;
}
.lobby-promotion-slider + .container.wrapper{
    min-height: 100vh;
}
.wide-content-container .content{
    max-width: 100%;
    width: 100%;
}
.featured-container .content{
    max-width: 900px;
    width: 66%;
}
.featured-container.no-room-activity .content{
    max-width: 960px;
    width: 74%;
}

.attestation-form .attestation-sector-field .type-and-label input[type="text"]{
    margin-top: 0px;
    height: 34px;
}
.attestation-form .attestation-sector-field .btn{
    padding: 6px 12px;
}
.attestation-form .attestation-sector-field input[type="text"]{
    margin-top: 20px;
    height: 34px;
}
.attestation-form .section-item .ck-editor,
.attestation-form .attestation-sector-field .ck-editor{
    margin-top: 20px;
}

.room .attestation-container .form-group input{
    margin-top: 0;
}
[class*="pull-right field-answer-input"] input[type="checkbox"]{
    margin-top: 8px;
}
.attestation-field .col-md-3, .attestation-field .col-md-9{
    margin-top: 10px;
}
.attestation-container .row{
    padding-bottom: 20px;
}
.btn-import-plan
{
    margin-top:15px;
    float:right
}
.room .content .build-in-resources-section .additional-resources{
    height: auto;
    padding-bottom: 0px;
}

.feed-form .bootstrap-timepicker {
    border-radius: 15px;
    height: 35px;
}
.feed-form .bootstrap-timepicker input[data-krajee-timepicker]{
    border-radius: 15px 0 0 15px!important;
    border: 1px solid #e8e8e8;
    margin: 0;
    height: 35px;
}
.checklist-with-category{
    display: flex;
    /*justify-content: space-between;*/
    border-bottom: 1px solid #ccc;
    position: relative;
}
.checklist-with-category:last-child{
    border-bottom: none;
}
.checklist-with-category .header-bar{
    width: 40px;
}
.checklist-with-category:first-child .header-bar{
    border-top-left-radius: 25px;
}
.checklist-with-category:last-child .header-bar{
    border-bottom-left-radius: 25px;
}
.checklist-category-name{
    position: absolute;
    top: 43%;
    left: 20px;
    transform: translateX(-50%);
    rotate: -90deg;
    /* transform: rotate(270deg); */
    line-height: 17px;
    font-size: 12px;
    font-weight: 500;
    transform-origin: left;
    color: #fff;
}
.checklist-category-item-icon{
    width: 25%;
    text-align: center;
    margin-right: 5%;
}
.checklist-category-right-section .checklist-group{
    width: 70%;
}
.checklist-category-item-icon img{
    max-width: 100%;
    width: 60px;
    opacity: 0.8;
}
.checklist-category-right-section{
    padding: 20px 0;
    display: flex;
    width: calc(96% - 40px);
    align-items: center;
}
.checklist-categories-header{
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 20px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px
}
.neo-block-title-wrapper .neo-block-title{
    padding: 0 0 20px 0;
    font-size: 13px;
}
.checklist-categories-header .neo-block-title{
    font: 16px 'TTNormsBold', sans-serif;
    text-transform: capitalize;
    padding: 0 0 20px 0;
}
.checklist-with-category .join-button[disabled="disabled"]{
    font-weight: 700;
    opacity: 0.5;
}
.checklist-with-category .checklist-block label{
    font-weight: 400;
}
.workshop-theme .neo-event .checklist-categories-header .neo-block-title,
.workshop-theme .neo-event .checklist-categories-header .neo-dates-dropdown{
    color: #fff;
}
.neo-tile-session.checklist-block-wrapper.checklist-categories-body{
    padding: 0;
    margin-top: -20px;
}
.workshop-theme .checklist-with-category a.checklist-action-btn{
    text-transform: none;
}
.room .left-sidebar.show-category-name h3{
    padding-top: 70px;
    text-align: center;
}
.room .left-sidebar.show-category-name .btn-group + h3{
    padding-top: 20px;
}
.room .left-sidebar.show-category-name h4{
    padding-top: 10px;
}
.checklist-with-category .checklist-action-btn.not-active{
    opacity: 0.5;
}
#mainForm .form-group input{
    margin-top: 0;
}
#mainForm .form-group, #mainForm button{
    margin-top: 20px;
}
#mainForm .form-group .checkbox-field{
    display: flex;
    align-items: baseline;
}
#mainForm .form-group .checkbox-field input{
    margin-right: 12px;
}
.organization-form .btn-delete-organization{
    margin-bottom: 50px;
}
.lobby-form .room-plan-attributes .plan-attribute-handle,
.room-form .room-plan-attributes .plan-attribute-handle{
    top: 20px;
    margin-left: 25px;
    line-height: 25px;
}
.lobby-form .room-plan-attributes .remove-room-plan-attribute,
.room-form .room-plan-attributes .remove-room-plan-attribute{
    position: absolute;
    top: 20px;
    font-size: 12px;
    width: 120px;
    padding-left: 25px;
    background-image: url(../img/Remove_Icon@3x.png);
    background-repeat: no-repeat;
    /*width: 20px;*/
    height: 20px;
    background-size: 20px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    margin-left: 15px;
    font: 12px 'TTNormsMedium', sans-serif;
    /*text-transform: lowercase;*/
}
.feed-form .center-area .form-group input[type=text],
.feed-form .center-area .form-group select{
    margin-top: 0px;
}
.user-form #user-adminadditionalaccessesids label{
    display: block;
}
.room .plan-container .plan-item-value{
    display: inline-block;
}
.plan-container .two-column.fullwidth{
    column-count: 1;
}
.plan-container .two-column.fullwidth.font15 .plan-item-value{
    font-size: 15px;
}
.plan-container .two-column.fullwidth.font15 .plan-attribute{
    border: none;
}

/*** Develop Ribbon ****/
.ribbon-wrapper-green {
    width: 53px;
    height: 53px;
    overflow: hidden;
    position: fixed; //absolute;
    top: -3px;
    right: -3px;
    z-index: 120;
}

.ribbon-green {
    font: bold 12px Sans-Serif;
    color: #333;
    text-align: center;
    text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform:    rotate(45deg);
    -ms-transform:     rotate(45deg);
    -o-transform:      rotate(45deg);
    position: relative;
    padding: 7px 0;
    top: 2px;
    width: 80px;
    background-color: #BFDC7A;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45));
    background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45);
    background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45);
    background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45);
    background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45);
    color: #6a6340;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
    box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-green:before, .ribbon-green:after {
    content: "";
    border-top:   3px solid #6e8900;
    border-left:  3px solid transparent;
    border-right: 3px solid transparent;
    position:absolute;
    bottom: -3px;
}

.ribbon-green:before {
    left: 0;
}
.ribbon-green:after {
    right: 0;
}
/*** END Develop Ribbon ****/

.employee-index .scrollable-container {
    overflow-x: auto;
}

/* HS Landing Styles */

.healthy-steps.logo-align .logo.wrapper span{
    width: 49%;
    max-width: 750px;
    text-align: center;
    position: absolute;
    left: 4%;
}
.healthy-steps .logo{
    padding-top: 200px;
}
.healthy-steps .logo img{
    width: 500px;
}
.healthy-steps.login.logo-align .content{
    transform: none;
    position: absolute;
    top: auto;
    text-align: center;
    left: 4%;
    width: 49%;
    max-width: 750px;
}
.healthy-steps.login h1{
    font-size: 56px;
    font-weight: 300;
    padding-top: 70px;
    font-family: 'Roboto', sans-serif;
}
.healthy-steps.login h2{
    padding-bottom: 240px !important;
}
.healthy-steps.login p {
    font-weight: 300;
    font: 40px/48px 'Roboto', sans-serif;
    color: #a80533 !important;
}
.healthy-steps .join-form-link{
    display: none;
}
.healthy-steps .logos-block{
    padding-top: 6%;
    display: flex;
}
.healthy-steps .logos-block img{
    width: 90%;
}

.all-chats-main-title{
    font-size: 35px;
    line-height: 45px;
    padding-bottom: 15px;
}
.all-chats-title{
    font: 22px 'TTNormsMedium', sans-serif;
}
.chat-category-title{
    font: 14px 'TTNormsBold', sans-serif;
    text-transform: uppercase;
    padding-top: 40px;
    padding-bottom: 15px;
    color: #5e6060;
}
.chat-list-item img{
    width: 40px;
    margin-right: 10px;
}
.chat-list-div{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.chat-list-image{
    display: flex;
    align-items: flex-start;
    padding-bottom: 10px;
}
.chat-dashboard-top-row{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 40px;
}
.active-operators .user-photo-avatar{
    margin-left: -15px;
    display: inline-block;
    float: none;
}
.chat-dashboard-top-row .room-name{
    font: 35px 'TTNormsBold', sans-serif;
    width: calc(100% - 45px);
    padding-left: 10px;
}
.chat-room-name .user-photo-avatar{
    margin: 0;
}
.active-operators{
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    /*align-items: center;*/
}
.active-operators p{
    padding-right: 5px;
    text-align: right;
    font-weight: 700;
}
.chat-welcome{
    padding-top: 5%;
    text-align: center;
}
.chat-welcome p{
    font-size: 25px;
    padding-top: 25px;
}
.chat-operator .user-name{
    padding-left: 0;
}
.chat-operator .user-photo-avatar{
    margin-left: 0;
}
.chat-operator-buttons{
    text-align: center;
    padding-top: 40px;
}
.chat-operator-buttons a{
    font: 14px 'TTNormsExtraBold', sans-serif;
}
.chat-operator-image, .chat-operator-details{
    display: flex;
    align-items: center;
}
.chat-operator-details{
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 50px;
}
.chat-operator-details .list-group-item-text{
    font-size: 11px;
}
div.chat-operator-details .btn{
    padding: 7px 13px;
    font: 10px 'TTNormsExtraBold', sans-serif;
}
.chat-closed-label, .chat-open-label{
    text-align: right;
    position: relative;
    padding-right: 18px;
    color: #dc1f33;
}
.chat-closed-label:after, .chat-open-label:after{
    position: absolute;
    display: block;
    content: " ";
    top: 2px;
    right: 0;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #dc1f33;
}
.chat-open-label{
    color: #95c93d;
}
.chat-open-label:after{
    background-color: #95c93d;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus{
    background-color: #f6f6f6;
    border-color: #f6f6f6;
    color: inherit;
    border-radius: 25px;
}
.chat-details img{
    width: 45px;
}
.chat-bg{
    background: rgba(55,56,56,0.11);
    border-radius: 20px;
}
.chat-room-name{
    display: flex;
}
.chat-room-name img{
    width: 60px;
    height: 60px;
}
.chat-details{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #f6f6f6;
    padding: 25px 30px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.chat-main-section .message.message-outgoing > .message-content{
    background-color: #ccc;
    color: #373838;
}
.chat-main-section .time{
    font-size: 11px;
}
.chat-main-section .message.message-incoming > .message-content{
    background-color: #fff;
}
.operator-name{
    font: 18px 'TTNormsBold', sans-serif;
}
.operator-email{
    color: #959897;
    font-size: 13px;
}
.operator-description{
    padding-top: 16px;
    font-size: 18px;
}
.operator-welcome{
    font: 40px 'TTNormsBold', sans-serif;
}
.all-chats .search-text input{
    background: rgba(55,56,56,0.05);
}
.chat-main-section .message-holder{
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
}
.all-chats .list-group-item, .chat-operator .list-group-item{
    border: none;
    margin-bottom: 10px;
}
.chat-initiator-name, .chat-room-name{
    font: 20px 'TTNormsBold', sans-serif;
    margin: 0;
}
.chat-operator-image .chat-room-name{
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline;
    overflow: hidden;
}
.chat-text{
    font: 13px 'TTNormsBold', sans-serif;
}
.chat-time{
    color: #959897;
    font: 12px 'TTNormsMedium', sans-serif;
}
.chat-time.red{
    color: #dc1f33;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text{
    color: inherit;
}
.chat-main-section .chat-form-control-style{
    background: #fff;
}
.chat-main-section #send-message{
    color: #fff;
    background-color: #008aad;
}
.chat-main-section .message-text{
    font-size: 15px;
}
.chat-main-section .user-avatar{
    width: 33px;
    height: 33px;
    border-radius: 33px;
}
.chat-wide-div{
    padding-left: 50px;
}
.room-chat-columns{
    column-count: 2;
    column-gap: 60px;
    width: 80%;
    margin-bottom: 0;
}
.chat-list-item{
    page-break-inside: avoid;
}
.all-room-chats.hide{
    display: none;
}
.operator-info{
    display: flex;
}
.operator-photo{
    margin-right: 25px;
}
.operator-photo .user-name{
    height: auto;
}
.operator-photo .user-photo-avatar{
    width: 60px;
    height: 60px;
}
h2.room-name{
    font: 20px/30px 'TTNormsBold', sans-serif;
    width: calc(100% - 65px);
    margin-left: 15px;
}
.outlined-in-red{
    border: 2px solid #dc1f33;
    border-radius: 45px;
}
.outlined-in-green{
    border: 2px solid #95c93d;
    border-radius: 45px;
}
.outlined-in-yellow{
    border: 2px solid yellow;
    border-radius: 45px;
}
.chat-wide-div .need-help-main{
    width: 380px;
    margin: 0;
    float: right;
}
.queue-info-container .queue-info-operator-container img {
    width: 40px;
    margin-left: -13px;
}
.queue-info-container .queue-info-operator-container img:first-child {
    margin-left: 0;
}
.queue-info-operator-container{
    margin-right: 10px;
}
.chat-details .btn{
    font-size: 11px;
    padding: 7px 20px;
    margin-left: 45px;
    margin-top: 8px;
}
.chat-initiator{
    font-size: 15px;
    font-weight: 500;
}
.queue-info-number{
    margin-left: 20px;
}
.queue-info-number-text{
    color: #95c93d;
    position: relative;
}
.queue-info-number-text:before{
    position: absolute;
    content: "\2022";
    display: block;
    left: 7px;
    top: -5px;
    color: #373838;
}
.respond-time-text{
    font-size: 15px;
}
.queue-info-container{
    display: flex;
    flex-wrap: wrap;
}
.your-mobile-phone{
    color: #059DC2;
}
.on-the-go-text{
    font-weight: 700;
    font-size: 16px;
}
.incoming-phone-container{
    display: flex;
    align-items: center;
}
.chat-top-info{
    display: flex;
    justify-content: space-between;
}

/*Admin page*/
.manage-event-title, .sweet-alert h2, .sweet-alert p {
    word-break: break-word
}

/* Activity Table */
.user-activity{
    width: 100%;
}
.user-activity th {
    text-align: center;
}
.user-activity tr td {
    text-align: center;
    padding: 10px;
}
.user-activity tr td:first-child, .activity-summary-bottom td:first-child {
    text-align: left;
}
.activity-summary-bottom{
    width: 100%;
}
.activity-summary-bottom tr td {
    background-color: #d9edd6;
    padding: 10px;
    text-align: center;
}
.activity-summary-bottom tr td:nth-child(2) {
    background-color: #bee1b8;
}
.activity-summary-bottom td .green {
    font-size: 18px;
}
.user-activity .glyphicon{
    color: #2d8f6f;
    margin-right: 8px;
}
.user-activity td:first-child, .activity-summary-bottom td:first-child{
    width: 60%;
}
.user-activity td:nth-child(2), .activity-summary-bottom td:nth-child(2){
    width: 20%;
}
.user-activity td:nth-child(3), .activity-summary-bottom td:nth-child(3){
    width: 20%;
}
.activity-summary-bottom td:nth-child(3){
    line-height: 18px;
}
.activity-summary-bottom td:nth-child(3) strong{
    color: #2d8f6f;
}
.total-text {
    font-weight: 700;
    font-size: 23px;
}
.activity-summary-top .big-text {
    font-size: 25px;
}
.activity-summary-bottom .big-text {
    font-size: 22px;
}
.activity-summary-top {
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #909090;
    border-radius: 8px;
    margin-top: 5%;
}
.activity-summary-top .col {
    float: left;
    width: 33%;
    border-left: 1px solid #909090;
    box-sizing: border-box;
}
.activity-summary-top .col:nth-child(2) {
    width: 34%;
}
.activity-summary-top .col:first-child {
    border-left: none;
}
.activity-summary-top .col p {
    text-align: center;
}
.activity-summary-top .col p:first-child {
    font-weight: 700;
    font-size: 18px;
}

.styled-table1 tr:nth-child(2n) td:nth-child(2n){
    background: #f6f6f6;
}
.styled-table1 tr:nth-child(2n) td:nth-child(2n+1) {
    background: #e5e5e5;
}

.styled-table1 tr:nth-child(2n+1) td:nth-child(2n) {
    background: #eaeaea;
}

.styled-table1 tr:nth-child(2n+1) td:nth-child(2n+1){
    background: #dadada;
}
.styled-table1 tr:first-child td:first-child {
    background: #4d4d4d;
    color: #fff;
}
.styled-table1 tr:first-child td:nth-child(2) {
    background: #008240;
    color: #fff;
}
.styled-table1 tr:first-child td:nth-child(4) {
    background: #3fae2a;
    color: #fff;
}
.styled-table1 tr:first-child td:nth-child(5) {
    background: #008240;
    color: #fff;
}
.styled-table1 tr:first-child td:nth-child(6) {
    background: #a2d40A;
    color: #fff;
}
.styled-table1 tr:first-child td:nth-child(7) {
    background: #008240;
    color: #fff;
}
.styled-table1 tr:first-child td:nth-child(3) {
    background: #a2d40A;
    color: #fff;
}
.styled-table1 tr:first-child td:last-child {
    background: #3fae2a;
    color: #fff;
}

/* Group Messaging */
.group-message-admin-view .btn.room-override-active-button
{
    background: #dc1e34;
    color: #fff;
}

.group-messaging .post-content
{
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: white;
    max-width: 100%;
    min-width: 250px;
    padding: 15px;
    position: relative;
    word-break: break-word;
}
.group-messaging .post-content-text {
    padding: 15px 0;
}
.group-messaging .user-info .avatar
{
    width: 30px;
}

.group-messaging .post-content .comment-body
{
    background-color: whitesmoke;
    border-radius: 20px;
    padding: 15px;
}
.group-messaging .post-content .comment-body p
{
    padding: 0;
    width: auto;
}
.group-messaging .post-content .comment-body p.username
{
    padding-right: 15px;
}
.group-messaging .post-content .comment-body .comment-header{
    display: flex;
    flex-direction: row-reverse;
    padding-bottom: 12px;
    justify-content: left;
}
.group-messaging .new-post
{
    padding: 20px;
    background-color: white;
}
.group-messaging .new-post .new-message-input {
    margin-bottom: 15px;
}
.new-post .autocomplete1{
    position: relative;
}
.group-messaging .visible-post-actions{
    display: flex;
}
.group-messaging .comment-actions .admin-action{
    margin-top: 0px;
}
.group-messaging .comment-actions .admin-action .manage-comment-container{
    margin-left: 15px;
}
.group-messaging .comment-actions .visible-post-actions {
    margin-left: 15px;
}
.group-messaging .post-content .like-container
{
    display: flex;
    margin-right: 20px;
}
.group-messaging .image-container img
{
    max-width: 250px;
}
.group-messaging .username{
    font-weight: 700;
    font-size: 15px;
}
.btn-position-right{
    display: flex;
    justify-content: right;
}
.group-messaging .new-message-input{
    margin: 15px 0;
    height: 35px;
    width: 100%;
    border-radius: 20px;
}
.group-messaging .comment__sub-comments{
    padding-left: 40px;
    position: relative;
}
.comment__sub-comments:before{
    display: block;
    content: " ";
    position: absolute;
    left: 0;
    border-left: 1px solid #ccc;
    top: -40px;
}
.comment__sub-comments.sub-comments-multiple:before{
    height: calc(100% - 59px);
}
.comment__sub-comments.sub-comments-single:before{
    height: 56px;
}
.comment__sub-comments .comment{
    position: relative;
}
.comment__sub-comments .comment:before{
    display: block;
    content: " ";
    position: absolute;
    left: -40px;
    border-left: 1px solid #ccc;
    top: 3px;
    width: 35px;
    height: 40px;
    border-bottom: 1px solid #ccc;
    border-bottom-left-radius: 30px;
}
.group-messaging button.text-like{
    background: none;
    border: none;
    font-weight: 500;
}
.group-messaging .comment-actions{
    margin-top: 7px;
}
.group-messaging .post-content .form-group{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.group-messaging .post-content .comment-actions .form-group{
    padding-left: 20px;
}
.group-messaging .post-content .input-row{
    width: calc(100% - 45px);
}
.group-messaging .input-row textarea + br{
    display: none;
}
.group-messaging button.icon-like{
    width: 27px;
    height: 25px;
    border: none;
    background-repeat: no-repeat;
    background-color: transparent;
}
.group-messaging button.icon-like[disabled="disabled"]{
    background-image: url(../img/messaging/send-gray-icon.svg);
}
.group-messaging button.icon-like{
    background-image: url(../img/messaging/send-icon.svg);
}
.show-comment{
    width: 16px;
    background-image: url(../img/messaging/comments-icon.svg);
    height: 14px;
    border: none;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px;
}
.comment-counter-container{
    display: flex;
    align-items: center;
}
.group-messaging{
    margin-bottom: 50px;
}
.group-messaging .input-file-red-btn label{
    background-color: transparent;
    border: none;
    background-image: url(../img/messaging/upload-photo-icon.svg);
    background-repeat: no-repeat;
    width: 160px;
    min-width: 0;
    padding: 5px 10px 5px 40px;
    color: #959897;
    display: block;
    border-radius: 0;
}
.approval-list{
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px;
}
.approval-list .team-lobby-post{
    padding: 20px;
    margin-left: 1%;
}
select.height35{
    height: 35px;
}
div[id*="_new_commentxy"]{
    position: absolute;
    top: 30px
}
.admin-action{
    display: flex;
    margin-top: 10px;
}
.admin-action span{
    cursor: pointer;
    margin-right: 10px;
    border: 1px solid #999;
    padding: 2px 10px;
    background: #efefef;
    border-radius: 5px;
}
/* End Group Messaging */


.none-capitalize{
    text-transform: none;
}

/*photo gallery*/

.photo-info{
    height: 64px;
}
.photo-info *{
    min-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 400;
    color: #373838;
}
.team-leaderboard .photo-like-container{
    padding: 10px 0 15px 10px;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
.team-leaderboard .photo-like-container.hidden-likes{
    padding: 0;
}
.team-leaderboard .photo-like-container.hidden-likes .admin-buttons-wrapper{
    padding: 10px 0 15px 0;
}
.photo-like-container a.heart{
    margin-top: 0;
}
.photo-like-container .btn-manage-pin{
    margin-left: 15px;
}
.photo-like-container button{
    padding: 0 9px;
    margin-left: 5px;
}
#lobbyphotogallerypost-show_name{
    display: flex;
}
#lobbyphotogallerypost-show_name label{
    display: flex;
    width: 25%;
    align-items: center;
}
.team-lobby-post.box-shadow{
    box-shadow: 1px -1px 7px #999;
}
/*.photo-like-container{*/
/*    box-shadow: 1px 6px 7px #999;*/
/*}*/
.photo-description, .upload-title{
    word-break: break-word;
}
.remove-image{
    cursor: pointer;
}
.gallery-approve-container{
    display: flex;
    flex-flow: row wrap;
}
.team-leaderboard .gallery-col.height-auto{
    height: auto;
    border-radius: 25px;
    margin-bottom: 35px;
    min-height: 244px;
}
.team-leaderboard .gallery-col.height-auto .team-lobby-post{
    border-radius: 25px;
}
.team-leaderboard .gallery-col.height-auto .team-lobby-post.border-bottom-corner + .photo-like-container.hidden-likes .admin-buttons-wrapper{
    padding-top: 25px;
}
.team-leaderboard .gallery-col.height-auto .team-lobby-post.border-bottom-corner + .photo-like-container.hidden-likes{
    margin-top: -20px;
}
.team-leaderboard .gallery-col.tl-theme-nocomments .team-lobby-post{
    border-radius: 25px;
    margin-bottom: 25px;
}
.page-name, .page-sub-name{
    position: relative;
}
.team-leaderboard h1.page-name{
    font: 50px/60px 'TTNormsRegular', sans-serif;
}
.team-leaderboard h1 + h2{
    font: 55px/82px 'TTNormsBlack', sans-serif;
}
.promotional-popup-content .btn{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
}

.organization-update .btn-archive-organization{
    margin-bottom: 50px;
}

/* #2013 Attestation forms */

.attestation-container .panel,
.attestation-container .panel-group .panel-heading + .panel-collapse > .panel-body{
    border: none;
    box-shadow: none;
}
.attestation-container .panel{
    padding-left: 30px;
    margin-left: 15px;
    border-radius: 0;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 25px;
}
.attestation-container .panel:not(.last-step):before{
    position: absolute;
    display: block;
    content: " ";
    left: 0;
    top: 40px;
    width: 2px;
    height: 100%;
    border-left: 1px solid #b9b9c3;
}
.attestation-container .panel-heading{
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
}
.attestation-container .panel-heading:before{
    position: absolute;
    display: block;
    content: " ";
    left: -42.5px;
    top: 4px;
    width: 25px;
    height: 25px;
    border-radius: 15px;
    border: 1px solid #ccc;
}
.attestation-container .panel-heading.active:before{
    background-color: #337ab7;
    width: 30px;
    height: 30px;
    left: -45px;
    background-image: url(../img/arrow_down_white.png);
    background-position: center;
    background-repeat: no-repeat;
}
.attestation-container .panel-heading.active.one-step:before{
    display: none;
}

.attestation-container .panel-heading.passed:before{
    background: #14ae5c;
}
.attestation-container .panel-heading .panel-title, .attestation-container .panel-heading.passed .panel-title{
    color: #959897;
    font: 20px 'Montserrat', sans-serif;
    font-weight: 500;
}
.attestation-container .panel-heading.active .panel-title{
    color: #337ab7;
    font: 30px 'Montserrat', sans-serif;
    font-weight: 700;
}
.attestation-container .panel-heading.passed .panel-title{
    color: #14ae5c;
}
.attestation-container .panel label{
    font-size: 14px;
}
.attestation-container .field-container{
    margin-top: 15px;
}
.attestation-container .panel-body h3{
    font: 24px 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: capitalize;
}
span.red{
    color: #dc1e34;
}
.caret-right{
    transform: rotate(225deg);
    display: inline-block;
    top: 1px;
    position: relative;
}
.caret-left{
    transform: rotate(45deg);
    display: inline-block;
    top: -1px;
    position: relative;
}
.attestation-container input.email-field{
    background-image: url(../img/email-icon-input.png);
    background-position: 15px;
    background-repeat: no-repeat;
    background-size: 20px;
    padding-left: 50px;
}
.attestation-container input[type="tel"]{
    background-image: url(../img/phone-icon-input.png);
    background-position: 15px;
    background-repeat: no-repeat;
    background-size: 20px;
    padding-left: 50px;
}
.attestation-container select.input-with-round-corners{
    margin-top: 5px;
    background-image: url(../img/select-arrow-down.png);
    background-repeat: no-repeat;
    background-position: 95% 55%;
    background-size: 25px;
    -webkit-appearance: none;
}
.attestation-container .upload-div.uploaded .uploaded-pdf{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.attestation-container .upload-pdf-box.uploaded .input-file-red-btn{
    display: none;
}
.attestation-container .upload-pdf-box.uploaded{
    margin-bottom: 7px;
}
.full-align-center {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}
.attestation-container .panel-heading .panel-title a:hover {
    color: #337ab7;
}

.attestation-container .panel-body .field-container .btn:focus.add-link{
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

/* #2138 Pop-Up: Add Poll feature */

.poll-item{
    display: flex;
    justify-content: space-between;
    position: relative;
    border-radius: 20px;
    border: 1px solid #333;
    background-color: #efefef;
    margin-top: 20px;
    min-height: 50px;
    align-items: center;
    padding: 10px 20px;
}
.poll-item:first-child{
    margin-top: 0;
}
.fill-bg{
    position: absolute;
    left: 0;
    height: 100%;
    background-color: #555;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.poll-name{
    padding-right: 12px;
    word-break: break-word;
    font-weight: 700;
}
.poll-name, .poll-percent{
    z-index: 5;
    color: #fff;
}
.radio-as-button.inside-popup label{
    margin: 20px 0;
    height: auto;
    min-height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: inherit;
}
.radio-as-button.inside-popup label.active{
    background-color: #333;
    color: #fff;
    border: none;
    font-weight: 700;
}
.radio-as-button.inside-popup input{
    cursor: pointer;
}
.radio-as-button.inside-popup label:not(.active):hover{
    background-color: #ededed;
    border-color: #ededed;
}
h2.swal2-title{
    word-break: break-word;
}

.promotional-popup-content .popup-question-container h3{
    margin-bottom: 15px;
}

#welcomepage-ga_send_timing{
    column-count: 2;
}
#welcomepage-ga_send_timing label{
    display: block;
}
.jumble-game-container .puzzle {
    border: 1px solid;
    float: left;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.jumble-game-container .puzzle span,
.jumble-game-container .puzzle input{
    text-align: center;
    text-transform: uppercase !important;
    padding-left: 0px;
    margin-top: 0px;
    border-radius: 0;
}
.jumble-game-container .puzzle input:focus{
    background-color: grey;
}
.jumble-game-container .puzzle input.selected-letter{
    border-radius: 24px;
}
.jumble-game-container .puzzle.space-letter-container{
    border: 0;
}

.jumble-game-container .mix-world {
    border: 1px solid;
    text-align: center;
    margin-top: 15px;
    max-width: 100%;
}
.jumble-game-container .puzzle input.wrong-letter{
    color: red;
}
.jumble-game-container .puzzle span.matched-letter{
    border-radius:24px;
    box-sizing: border-box;
    border: 1px solid #959897;
}

.jumble-form .selected.matched-letter{
    background-color: yellow;
}
.jumble-game-container .guess-word-image{
    width: 250px;
}

.jumble-game-container .letters-container{
    margin-top: 15px;
    /*margin-left: 20px;*/
    margin-bottom: 15px;
}
.jumble-game-container{
    word-break: break-word;
}
.room.jumble-game .content{
    width: 90%;
    max-width: none;
}

.game-title p{
    word-break: break-word;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    opacity: 0.45;
}
/* analytics */

.analytics-report .col2 .left{
    width: 45%;
    padding-left: 5%;
}
.analytics-report .col2 .right{
    width: 45%;
    padding-right: 5%;
}
.analytics-report .sub-heading.with-icon {
    position: relative;
    padding-left: 40px;
}
.analytics-report .sub-heading.with-icon:before {
    display: block;
    content: " ";
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%;
    left: 0;
    top: 0;
    width: 32px;
    height: 32px;
}
.analytics-report .app-engagement-overview .sub-heading:before {
    background-image: url(../images/analytics_report/engagement-overview-icon.png) !important;
}
.analytics-report .in-app-behaviour .sub-heading:before {
    background-image: url(../images/analytics_report/in-app-behavior-icon.png) !important;
    width: 30px;
    height: 42px;
    top: -4px;
}
.analytics-report .users-by-platform .sub-heading:before {
    background-image: url(../images/analytics_report/users-by-platform-icon.png) !important;
}
.analytics-report .push-notifications .sub-heading:before {
    background-image: url(../images/analytics_report/push-notifications-icon.png) !important;
}
.analytics-report .app-general h3{
    font-size: 25px;
}
.os-circles{
    display: flex;
    align-items: center;
}
.os-circles.printable{
    display: none;
    position: absolute;
}
.circle{
    position: relative;
}
.circle.ios{
    background-color: #059DC2 !important;
}
.circle.android{
    background-color: #b1d458 !important;
    margin-left: -20px;
    opacity: 0.9;
}
.circle span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    background-repeat: no-repeat;
    display: block;
}
.circle.ios span{
    background-image: url(../images/analytics_report/ios-icon-white.png) !important;
    width: 40px;
    height: 22px;
    background-size: 100% !important;
}
.circle.android span{
    background-image: url(../images/analytics_report/android-icon-white.png) !important;
    width: 25px;
    height: 29px;
    background-size: 95% !important;
}
.users-by-platform .dimension_block.android{
    margin-bottom: 0;
}
.push-notifications-blocks{
    display: flex;
    justify-content: space-between;
}
.push-notifications .dimension_block{
    background: #059DC2;
    width: 240px;
    height: 140px;
    border-radius: 8px;
    position: relative;
    display: inline-block;
    margin-right: 30px;
}
.push-notifications .dimension_block *{
    color: #fff;
    display: flex;
    height: 50%;
    align-items: center;
    padding: 0 20px;
}
.push-notifications .dimension_block .dimension_name{
    font-family: 'TTNormsLight', sans-serif;
    border-bottom: 1px solid #fff;
    font-size: 18px;
}
.push-notifications .dimension_block:last-child{
    margin-right: 0;
}
.push-notifications .dimension_block .dimension_value{
    position: relative;
    padding-left: 65px;
}
.push-notifications .dimension_block .dimension_value:before{
    display: block;
    content: " ";
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%;
    left: 20px;
    top: 30%;
    width: 32px;
    height: 31px;
}
.push-notifications .dimension_block .dimension_value.sent:before{
    background-image: url(../images/analytics_report/push-icon.png) !important;
}
.push-notifications .dimension_block .dimension_value.total:before{
    background-image: url(../images/analytics_report/push-icon.png) !important;
}
.push-notifications .dimension_block .dimension_value.opened:before{
    background-image: url(../images/analytics_report/push-opened-icon.png) !important;
}
.users-by-platform, .push-notifications{
    padding: 0 5%;
}
.compare-wrapper{
    padding-bottom: 50px;
}
.compare-options{
    width: 240px;
}
.states-div{
    min-height: 150px;
}

.resources-container .is_ai_access_denied{
    width: 30%;
}
.user-index .filter-by-active.pull-right{
    padding-right: 10px;
}
.bg-white .kv-drp-dropdown .range-value{
    min-width: 250px;
    background-color: #fff;
}
.kv-drp-dropdown .glyphicon{
    z-index: 9;
}
.drp-buttons .cancelBtn{
    color: inherit;
}

table td .panel{
    margin-top: 15px;
    margin-bottom: 15px;
}
table td .panel .panel-title{
    font-size: 13px;
    font-family: 'TTNormsRegular', sans-serif;
}