@font-face { font-family: 'Proxima Nova Semibold'; src: url(../ProximaNova-Semibold.otf)}
@font-face { font-family: 'Proxima Nova'; src: url(../ProximaNova-Regular.otf)}
@font-face { font-family: 'Proxima Nova Light'; src: url(../ProximaNova-Light.otf)}
@font-face { font-family: 'Proxima Nova Bold'; src: url(../ProximaNova-Bold.otf)}

/* OLD CSS */
* {
    box-sizing: content-box;
}

.webinar-survey-btn{
    padding-top: 5px;
}

.lead-capture-order-products .lead-capture-form p{
  font-size: 14px;
}
.lead-capture-order-products .lead-capture-form div.radio label{
  font-size: 18px;
}

/* css for new online category company index */
#category-exhibitor-index,
.category-exhibitor-index{
    overflow-x: scroll;
    height: 232px;
}
#category-exhibitor-index .company-index-bot,
.category-exhibitor-index .company-index-bot{
    height: auto !important;
}
#category-exhibitor-index .company-index-bot .list-group .list-group-item .badge{
    background-color:#fff !important;
    padding: 0px;
}
/* end new for online category company index */

.back-to-lobby {position: absolute;top: 10px;left: 10px;background: #fff;z-index: 999;padding: 5px 10px 4px;color: #666;font-size: 12px;border-radius: 2px; border: 1px solid #eee}
.back-to-lobby span {margin-right: 2px}

.btn-menu-first, .btn-menu-last {opacity: 0.7; cursor: default}

marquee {background: #fff; color: #171717; padding: 10px; margin: 0 45px}
.pos-abs {position: absolute !important}

.popoutblock {position: absolute;width: 40px;height: 40px;right: 12px;top: 12px}

/* Profile dialog box */
#change_old_passs-frm .form-control {
    width: 95% !important;
}

.mt50 {margin-top: 50px}

.leicester-booth-top-logo img {max-width: 100%;max-height: 100%;}

.left.booth-sm-rep-online, .right.booth-sm-rep-online {background: transparent url(../images/booth-online.png) no-repeat left 37px top 17px; transform: rotate(-12deg)}
.right.booth-sm-rep-online {background-position: right 37px top 17px; transform: rotate(12deg)}

/* railing */
.thumbs .logo-container {background-image: url(../images/railing-bg-white.png); width: 184px; text-align: center}
.thumbs .logo-container a img {height: auto; width: auto; margin-top: 28px}

.lobby-940-hall {position: absolute; left: 44.3%; top: 45%; height: 7%; width: 4.5%; cursor: pointer}
.lobby-940-webinar {position: absolute; left: 49%; top: 46.2%; height: 7%; width: 7%; cursor: pointer}
.lobby-940-infodesk {position: absolute; left: 66.5%; top: 71%; height: 9%; width: 12.5%; cursor: pointer}

.lobby-lcd{
    position: absolute;
    margin-top: 55px;
    margin-left: 561px;
    width: 302px;
    height: 172px;
}

.border-box-container, .border-box-container * {box-sizing: border-box}

.frame-section {border: none; min-height: 610px; width: 95%; background: #fff}
.frame-section.frame-section-full {width: 100%; box-sizing: border-box; padding: 50px}

.lobby-vid-dimensions {width: auto !important; height: auto !important; max-width: 100%}

.Back-floor-btn-new{
    margin: 10px 10px 10px 10px;
    position: absolute;
}
.ViewUserProfile{
    text-decoration:none;
    color:black;
    font-family: calibri;
    font-size: 15px;
    font-weight:bold;
}
.Job-Apply-Response-Box
{
    font-family: 'Helvetica Condensed';
    font-size: 18px;
}
#dialog-link 
{
    padding:0px;
    text-decoration: none;
    position: relative;
}
.ui-state-hover {
    padding:0px;
    text-decoration: none;
    background:transparent;
    border:0px;
    margin:0px;
}

.upload-photo-container{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 1px solid #d8dee6;
    background-color: #f2f4f8;
    width: 121px;
    height: 120px;
}

.upload-photo-container img{
    width: 140px;
    height: 176px;
    margin-left: -10px;
    margin-top: -3px;
}	

.UpdateCVButton {
    margin: 0px 0px 0px 0px;
    padding: 12px 31px 4px 20px;
    background: url(../images/update_but.png) repeat-x;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    font-family: 'Helvetica Condensed';
    font-size: 13px;
    text-align: center;
    color: #fff;
    vertical-align: middle;
    height: 22px;
    width: 43px;
}
.UpdateCVButton span{
    margin-top: -5px;
    display: block;
    margin-left: -5px;
    width: 67px;
}


.CVUpdateResponse
{
    font-size: 14px;
    font-family: 'Helvetica Condensed';
    letter-spacing: 0.3px;
    color: green;
}

.custom-file-upload-hidden {
    display: none;
    visibility: hidden;
    position: absolute;
    left: -9999px;
}
/* Email Us form */
#email-us-microsoft .form-control{
    width: 96%;
}
/* Email Us form */
.custom-file-upload {
    display: block;
    width: auto;
    font-size: 16px;
}

.file-upload-wrapper {
    position: relative; 
    margin-bottom: 5px;
}
.file-upload-input {
    width: 245px;
    color: #000;
    font-size: 14px;
    padding: 11px 17px; 
    border: none;
    background-color: rgb(249, 249, 249);
    background: rgb(249, 249, 249);
    @include transition(all 0.2s ease-in); 
    float: left; /* IE 9 Fix */
    &:hover, &:focus { 
        outline: none; 
    }
}
.file-upload-button {
    font-weight: bold;
    cursor: pointer; 
    display: inline-block; 
    color: rgb(255, 255, 255);
    background: rgb(0, 87, 166);
    font-size: 11px !important;
    min-width: 170px;
    max-width: 170px;
    text-transform: uppercase;
    padding: 11px 20px; 
    border: none;
    margin-left: -1px;  
    float: left; /* IE 9 Fix */
    @include transition(all 0.2s ease-in);
    &:hover {
    }
}


.ash-small-table {
    width: 550px;
    font-family: "Helvetica Neue", Helvetica, sans-serif
}

.ash-small-table thead {
    background: SteelBlue;
    color: white;
}

.ash-small-table th,
.ash-small-table td {
    padding: 5px 10px;
}

.ash-small-table th{
    font-size: 12px;
    text-align: center;
    color: rgb(255, 255, 255);
    background: rgb(0, 87, 166);
}
.ash-small-table td{
    font-size: 11px;
    font-family: monospace;
}
.ash-small-table tbody tr:nth-child(even) {
    background: WhiteSmoke;
}
.ash-small-table tbody tr td:nth-child(2), .ash-small-table tbody tr td:nth-child(3){
    text-align:center;
}
.ash-small-table tbody tr td:nth-child(5){
    width: 20px;
    text-align:center;
}

.ash-small-table tbody tr td:nth-child(4),.ash-small-table tbody tr td:nth-child(6){
    text-align:center;
}
.JobViewLnk
{
    text-decoration: none;
    text-align: center;
}
.OpenJobDiv
{
    float: none !important;
    width: 50px !important;
    margin-left: 17px !important;
    padding: 0px 0px 0px 0px !important;
    height: 20px !important;
}
.JobsTitleArabicTable
{
    text-align: right !important;
}
.AshVideoLink
{
    color: black;
    font-size: 12px;
    font-family: sans-serif;
    text-decoration: underline;
}
.Sub-Score-Lbl{
    padding-left: 10px;
    font-size: 10px;
    font-family: monospace;
}

.messi{
    top:160px!important;
}

.SignLanguage{
    position: absolute;
    margin-left: 5px;
    margin-top: -35px;
}

.VideoThumbnailContainer{

    width: 120px;
    float: right;
    padding: 0px 0px 0px 0px;
}

.ThumbImg {
    height: 80px;
    width: 120px;
}
.VideoThumbnailContainer .PlayIcon{
    position: absolute;
    /*z-index: 100000;*/
    height: 35px;
    width: 35px;
    margin: 25px 5px 5px 45px;
}
.messi-closebtn{
    right: auto !important;
}
.social-share-icons{
    width: 16px !important;
    height: 16px !important;
}

#SecondPageLoader {display:none;width:902px; height:418px; margin:10px 0px 0px 11px; background: #B4B0B0;border:0px solid #111111;top: 0px;opacity: 0.7}

#leader-board {display: none}
.auditorium-section {position: relative; max-width: 100%; margin: 0 auto; text-align: center; display: none}
.auditorium-img {max-height: 610px; max-width: 100%}

.halltop {position: relative}

#poster-hall {display: none}

/*******************************************************************************************************/
/*  NEW CSS */
/*******************************************************************************************************/

.vjf-header {background: #F2F2F2; min-height: 70px}
.vjf-header *, #sponsor-section * {box-sizing: border-box}
.vjf-header .wrap-header {width: 1014px; margin: 0 auto}
.vjf-header .logo {margin-top: 10px}

.top-search {text-align: right; position: relative; margin-top: 20px}
.top-search .form-control {box-shadow: none; border-color: #d1d1d1; padding-left: 35px; font-size: 13px; font-family: Arial}
.top-search span.icon-search {position: absolute; top:28px; left: 9px; width: 22px; height: 23px; background: url(../images/search.jpg) no-repeat center center}
.top-search .dropdown-menu {width: 100%; top:32px !important}
.top-search .dropdown-menu li div {text-overflow: ellipsis; overflow: hidden}
.top-search .dropdown-menu > a {color: #666; font-family: Arial; font-size: 13px}
.top-search .dropdown-menu > .active > a,
.top-search .dropdown-menu > .active > a:hover,
.top-search .dropdown-menu > .active > a:focus {
  background: #999;
  color: #fff
}

.menu-top {float:right; border-right: 1px solid #ddd; padding: 0}
.menu-top .nav-tabs {border-bottom: none; float: right; border-left: 1px solid #ddd; padding: 3px 0 2px}
.menu-top .nav-tabs > li > a {color: #666; border-radius: 0; border: none; background: none !important}
.menu-top .nav-tabs > li > a:hover {background: none; border-radius: 0; border: none}
.menu-top .nav-tabs .dropdown-menu {border-radius: 0; border-color: #ddd; width: 100%; margin-left: -1px; background: #F2F2F2}
.menu-top .nav-tabs .dropdown-menu li > a {color: #666; font-size: 13px}
.menu-top .nav-tabs .dropdown-menu li > a > span {margin-right: 3px; margin-top: 1px; vertical-align: top}
.menu-top .caret {border-left-width: 6px; border-right-width: 6px; border-top-width: 7px}
.menu-top img.user-dp {border-radius: 25px; border:1px solid #eee; width: 45px;height: 45px}

.main-nav, .lobby-main-nav {background: #E9573E; height: 60px; color: #fff; font-family: "Bree Serif Regular","Bree Serif"; font-size: 16px; width: 924px; margin: 32px auto 13px; font-weight: normal}
.main-nav ul, .lobby-main-nav ul {list-style: none; padding: 0}
.main-nav ul li, .lobby-main-nav ul li {display: inline-block; list-style: none; text-align: left; border-right: 1px solid #EE806C; padding: 0}
.main-nav ul li:last-child, .lobby-main-nav ul li:last-child {border-right: none}
.main-nav ul li a, .lobby-main-nav ul li a {color: #fff; text-decoration: none; outline: none; display: block; padding: 14px 12px 10px 11px}
.icon-nav {width: 36px; height: 36px; background-repeat: no-repeat; background-position: center center; background-size: 36px 36px; display: inline-block; vertical-align: middle; margin-right: 7px}
.icon-companies {background-image: url(../images/ico-companies.png)}
.icon-docs {background-image: url(../images/ico-docs.png)}
.icon-video {background-image: url(../images/ico-video.png)}
.icon-webinar {background-image: url(../images/ico-webinar.png)}
.icon-webinar-2 {background-image: url(../images/ico-webinar-2.png)}
.icon-briefcase {background-image: url(../images/ico-briefcase.png)}
.icon-chat {background-image: url(../images/ico-chat.png)}
.icon-gift-bag {background-image: url(../images/shopping-bag-icon.png)}
.icon-info-desk {background-image: url(../images/info-desk.png)}
.icon-lobby-area {background-image: url(../images/lobby-icon.png)}
.icon-job-search {background-image: url(../images/ico-job-search.png)}
.icon-survey {background-image: url(../images/ico-survey.png)}
.icon-chat-availability {background-image: url(../images/ico-time.png)}
.icon-rss {background-image: url(../images/ico-rss.png)}
.icon-graduation2 {background-image: url(../images/ico-graduation-cap2.png)}
.icon-infodesk {background-image: url(../images/icon-infodesk.png)}
.icon-praying {background-image: url(../images/icon-praying.png)}
.icon-lobby {background-image: url(../images/icon-lobby-white.png)}
.icon-group {background-image: url(../images/icon-group-white.png)}

#FancyLoaderBox.progace-bar {width: 96%!important; margin: 15px 2% !important; box-sizing: border-box}

.companies-menu-item {position: relative}
.companies-drp {position: absolute; left:0; z-index: 0; border-radius: 0; display:none}
.companies-drp .select2-container {opacity: 0; top: -33px; z-index: 0}
.select2-drop {border: none; box-shadow: none; width: 300px !important; max-height: 350px; background: #fff; padding: 10px; border-radius: 0}
.select2-search input {border-color: #d1d1d1; background-color: #fff; background-image: url(../images/search.jpg); background-repeat: no-repeat; background-position: 6px 4px; background-size: 18px 18px; border-radius: 3px; padding-left: 30px; border-radius: 3px; margin-bottom: 10px}
.select2-results .select2-highlighted {background: #fff; color: #333}
.select2-results .select2-result-label {padding: 0 0 10px; font-size: 16px; font-family: Arial; font-weight: bold; color: #333}
.select2-result-selectable .select2-match, .select2-result-unselectable .select2-match {text-decoration: none}
.select2-results .select2-result-label img {border: 1px solid #e1e1e1}

.slot-recruiters span {height: 59px}
.slot-recruiters span img {width: 36px !important; height: 36px !important;}
.slot-recruiters span label {height: 42px; padding-top: 3px; font-size: 12px !important;}

#searchDoc, #searchVid, #searchWebinar {border-color: #d1d1d1; background-image: url(../images/search.jpg); background-repeat: no-repeat; background-position: 7px 5px; background-size: 22px 22px; padding-left: 34px}

#sponsor-section h2 {font-size: 32px; font-weight: bold; font-family: "Bree Serif Regular","Bree Serif"; text-align: center; color: #fff; margin: 25px 0 40px}
#sponsor-section .col-md-3 {padding-bottom: 20px}
#sponsor-1 {background: #fff; padding-top: 30px}
#sponsor-2 {background: #fff}

.vjf-modal * {box-sizing: border-box}
.vjf-modal .modal-header {background: #666; border-radius: 4px 4px 0 0; padding: 11px 15px}
.vjf-modal .modal-header > h4 {color: #fff}
.vjf-modal .modal-header > .close > span {color: #fff}
.vjf-modal .modal-body  {font-size: 13px; min-height: 335px; max-height: 335px; padding-top: 13px; overflow-y: auto; overflow-x: hidden}
.vjf-modal .modal-body.alert-body  {min-height: 100px}
.vjf-modal .control-label {padding-top: 7px}
.vjf-modal .action-box {background: #F2F2F2; padding: 8px 10px}
.vjf-modal .action-box span {vertical-align: middle; display: inline-block}
.vjf-modal .action-box span.select-all {padding-top: 6px; font-weight:bold}
.vjf-modal .action-box span.select-all > input {margin-top: 3px; vertical-align: top}
.vjf-modal .col-sm-4 input[type=button], .vjf-modal .col-sm-4 a.btn-grey {font-size:12px !important; padding: 5px; line-height: 12px}
.vjf-modal .col-sm-4 input[type=button].btn-grey, .vjf-modal .col-sm-4 a.btn-grey {background: #ccc}
.vjf-modal select {font-size:13px}

.vjf-modal .modal-body.webinar-body  {min-height: 460px; max-height: 460px}

.modal-full-page .modal-dialog {width: 95% !important; margin-top: 30px}
.modal-full-page .modal-header {background: #fff; border: none}
.modal-full-page .modal-header > .close > span {color: #333}
.modal-full-page .modal-content {height: 100%}
.modal-full-page .modal-body {min-height: 90%; max-height: 90%; height: 90%; padding-top:0}

.docfilter.form-group {margin-bottom: 13px}
.docfilter .col-sm-3 {padding-left: 10px; padding-right: 10px}
.docfilter .col-sm-9 {padding-left: 0; padding-right: 10px}
.docrows {overflow-x: hidden; overflow-y: auto; max-height: 200px}
.docrow {position: relative; padding: 10px; border-bottom: 1px solid #f7f7f7}
.docrow .col-sm-4, .docrow .col-sm-8 {padding-left: 0; padding-right: 0}
.docrow .col-sm-4 {text-align: right}
.docrow h3 {font-size:14px; font-weight: bold; margin:4px 0 5px 70px; height: 15px; overflow: hidden}
.docico {width: 56px; position: absolute; top:0; left: 0; background-position: right center; background-repeat: no-repeat; background-size: 32px; height: 32px}
.docico input {margin-top: 10px}
.docico-false {background-image: url(../images/defdoc.png)}
.docico-pdf {background-image: url(../images/pdf.png)}
.docico-doc {background-image: url(../images/doc.png)}
.docico-ppt {background-image: url(../images/ppt.png)}
.docico-xls {background-image: url(../images/xls.png)}
.docico-avi {background-image: url(../images/avi.png)}
.docico-jpg {background-image: url(../images/img.png)}
.docico-png {background-image: url(../images/img.png)}
.docico-gif {background-image: url(../images/img.png)}
.docico-html, .docico-htm {background-image: url(../images/html.png)}
.docico-youtube {background-image: url(../images/youtube.png)}
.docico-webinar {background-image: url(../images/icon-webinar-4.png)}
.docico-com {background-image: url(../images/icon-none.png)}
.docico-thumb img {max-width: 100%}
.docrow a {color: #333; outline: none}
.docrow .btn-grey {border-color: #adadad}

.webinar-list .video-row .docico {background-size: 60px; width: 60px; height: 60px}
.webinar-list .video-row h3, .webinar-list .video-row p, .webinar-list .presenter {margin-left: 75px}
.webinar-list .docico img {border: 1px solid #ddd}
.webinar-list .docrow {border-color: #ddd}
.webinar-list .docrow h3 {font-size: 16px; height: 17px}
.webinar-list .presenter h4 {margin: 0; padding: 0 0 10px; font-size: 13px; font-weight: bold}
.webinar-list .presenter img, .webinar-list .presenter span {display: inline-block; vertical-align: middle; font-size: 13px}
.webinar-list .presenter img, .speaker-pic {border-radius: 25px; width: 50px; height: 50px; border: 1px solid #eee}
.webinar-section-head {background: #ddd; color: #333; font-size: 18px; font-family: 'Proxima Nova Bold', sans-serif; padding: 14px 20px 8px; text-transform: uppercase; line-height: 18px; margin: 0 0 10px}

.video-list .docrows, .webinar-list .docrows {max-height: 380px}
.video-row .docico {width: 31px}
.video-row h3, .video-row p {margin-left: 45px}
.vd-player .video-js {width: 100%; height: 250px}
.vd-player .video-js-2 {width: 100%; height: 305px}
iframe#vd-vault-1 {border: 1px solid #ddd}
.error {color: #c00; padding-top: 5px; font-size: 11px}
.webinar-clock label {font-weight: normal; color: #f38b1f}
.sm-instruction {font-size: 11px; color: #999; display: inline-block; font-weight: normal; margin-left: 10px}

/*lobby info desk clicks*/
.lobby-webinar-lnk {position: absolute; top: 38%; left: 6%; width: 13%; height: 17%; cursor: pointer}
.lobby-hall-lnk {position: absolute; top: 38%; right: 5.5%; width: 13%; height: 17%; cursor: pointer}
.lobby-info-lnk {position: absolute; top: 36%; width: 20%; height: 17%; right: 41%; cursor: pointer}
.lobby-lft-bnr {position: absolute; top: 68.5%; width: 4%; height: 13.8%; left: 5.8%; cursor: pointer}
.lobby-rgt-bnr {position: absolute; top: 68.5%; width: 3.3%; height: 11.5%; right: 6.5%; cursor: pointer}
.desk-lft-bnr {position: absolute; top: 32.5%; width: 6.4%; height: 25%; left: 20.5%; cursor: pointer}
.desk-rgt-bnr {position: absolute; top: 32.5%; width: 6.4%; height: 25%; right: 20.5%; cursor: pointer}
.desk-chat-bnr {position: absolute; top: 49.5%; width: 18.4%; height: 17%; left: 42.5%; cursor: pointer; display: inline-block}
.chat-info-desk-lnk {position: absolute; top: 13.5%; width: 15.4%; height: 16%; left: 42.5%; cursor: pointer; display: inline-block}

/* large booth buttons */
.Main-Large-View-Booth-Class-Ash .body-container {background: none; border:none}
.Main-Large-View-Booth-Class-Ash .home-container .left {background: none}
.bighrader-bot-bg {background: transparent; border: none}
.view-booth-bg {height: auto; background: transparent}
.NextFloorBtn, .PrevFloorBtn {color: #fff; font-size: 11px; padding: 27px 7px 3px; border-radius: 0; width: 42px; margin: 0; line-height: 12px}
.pre-but {margin: 6px 6px 0 -1px; width: auto}
.next-but {margin: 6px 0 0 6px; width: auto}
.PrevFloorBtn {background: #505D71 url(../images/arw-left.png) no-repeat center 5px; background-size: 18px 18px}
.NextFloorBtn {background: #505D71 url(../images/arw-right.png) no-repeat center 5px; background-size: 18px 18px}
.all-buts-container {margin: 6px 0 0; width: 796px; background: #F2F2F2; height: 53px}
.all-buts-container table {width: auto}
.all-buts-container table, .all-buts-container tr, .all-buts-container td {text-align: left !important}
.all-but {background: transparent; border: none; color: #333; font-size: 14px; font-family: Arial; font-weight: bold; margin: 0; padding: 5px 8px; height: 42px; line-height: 14px; text-align: center; border-right: 1px solid #ccc; border-radius: 0;flex: auto;align-self: center;display: inline-flex;align-items: center;}
.Tracking-ashfaq-Menus-tabs td:last-child .all-but {border-right: none}

#tabs1.ui-widget-content {border: none; background: transparent; height: auto !important}
#tabs1 .ui-widget-header {background: #FF6600; padding: 0; margin-bottom: 12px}
#tabs1 > ul  > li {margin: 0 !important; padding: 0; background: none; border: none; border-right: 1px solid #AE4600}
#tabs1 > ul > li > a {color: #fff; padding: 20px 20px 20px 50px; line-height: 20px; font-size: 15px; outline: none; text-transform: uppercase}
#tabs1 > ul > li.custom-tab > a {padding: 20px; text-transform: none}
#tabs1 .ui-state-active, #tabs1 .ui-widget-content .ui-state-active, #tabs1 .ui-widget-header .ui-state-active {background: #931501}
#tabs1.ui-tabs .ui-tabs-panel {background: #f2f2f2; color: #333; padding: 20px 15px}
#tabs1.ui-widget-content strong {font-family: "Proxima Nova Bold",Arial,sans-serif}
#tabs1.ui-widget-content ul li {font-family: "Proxima Nova",Arial,sans-serif; font-size: 13px}
.home-container .left p {color: #333}

/* booth menu icons */
#ui-id-1, #ui-id-2, #ui-id-3, #ui-id-4 {background-position: 20px center; background-repeat: no-repeat; background-size: 23px 23px}
#ui-id-1 {background-image: url(../images/ico-companies.png)}
#ui-id-2 {background-image: url(../images/ico-video.png)}
#ui-id-3 {background-image: url(../images/ico-docs.png)}
#ui-id-4 {background-image: url(../images/ico-job-search.png)}

.TabsContainerForAllBooths {width: 612px !important}
.home-container .user-online-container {width: 285px !important; border: none; background: none}
.user-online-top {width: auto; background: #931501; font-size: 18px; font-weight: normal; line-height: 20px; padding: 20px 20px 8px; margin-bottom: 12px}
.user-online-bot {background: #f2f2f2; color: #333}
.user-online-bot li.gery {background: none; border-bottom: 1px solid #e0e1e3; border-top: none; border-left: none; border-right: none; margin: 0}

.company-index-bot li {color: #555}

.company-index-top h1, .user-online-top, #tabs1 > ul > li > a, .BacktoTheFloor, .invite {font-family: "Proxima Nova Semibold",Arial,sans-serif; font-weight: bold}
.ui-tabs .ui-tabs-panel h1 {font-family: "Proxima Nova Bold",Arial,sans-serif; font-weight: bold}
.vjf-modal .modal-body, .vjf-modal .modal-header > h4, .home-container .left p, .company-index-bot li, 
.company-index-bot li:hover, .menu-top .nav-tabs > li > a, .menu-top .nav-tabs .dropdown-menu li > a,
.NextFloorBtn, .PrevFloorBtn, .tab-video li {
  font-family: "Proxima Nova",Arial,sans-serif
}
.home-container .left p, .company-index-bot li, .company-index-bot li:hover, .menu-top .nav-tabs > li > a {font-size: 13px}

.large-booth-heading-area {padding:15px 0 10px}
.large-booth-heading-area h1 {font-size: 28px; font-weight: normal; font-family: "Bree Serif Regular","Bree Serif"; color: #fff; padding: 15px; vertical-align: middle; display: inline-block}

.tab-video ul {border-right: none; width: 100%}
.tab-video ul li {background: none; width: 100%; color: #333}

.lobby-3d .vjs_video_376-dimensions,.lobby-3d .exterior-text,.lobby-3d .trans-video {width:100% !important; height:auto !important}
.lobby-3d .vjs_video_376-dimensions > video,.lobby-3d .exterior-text > video,.lobby-3d .trans-video > video {max-width: 100%}

#exterior-view, #vjf-info-desk {margin: 0 !important;}

/* css to fix old design */
.body-wrapper {padding-top: 0; height: 870px}
.main-wrapper {width: 1014px} 
.home-wrapper {width: 1014px; background: url(../images/bgtrans.jpg) no-repeat top center; background-size: 100% 100%; padding-bottom: 0; padding-top: 0 !important;}
.body-container {padding: 0}
.home-container {width: 922px}
.home-container .left {width: auto; height: auto}
.company-index-top, .company-index-bot {width: 100%}
#SecondPageLoader {margin: 105px 0 0 46px !important}
.short-menu {display: none}
.navbar-collapse.collapse {display: none !important}
.mob-booth-menu {display: none}
#DynamicBoothsContainer {height: 100%; padding-left: 0}

.cinema {background: url(../images/bgwebinar-2.jpg) no-repeat; background-size: 100% auto; margin: 0 45px; height: 440px}
.cinema .view-webinars {padding: 173px 0 0 380px}
.cinema .view-webinars a {display: inline-block; width: 187px; height: 92px}

.loby {background: url(../images/lobby-image-v3.jpg) no-repeat; background-size: 100% auto; margin: 0 45px; height: 475px}
.loby .view-webinars {padding: 173px 0 0 380px}
.loby .view-webinars a {display: inline-block; width: 187px; height: 92px}

.win-a-prize {float: right; padding-right: 7px; padding-top: 14px}
.win-a-prize a {color: #666; font-size: 15px; background: url(../images/ico-prize-sm.png) no-repeat; background-size: 48px 48px; display: inline-block; padding:8px 0 12px 54px; line-height: 15px; text-decoration: none}

.vjs-big-play-button {display: none !important}
.welcome-text {text-align: left; width: 90%; margin: 20px auto; font-family: Arial; line-height: 23px; font-size: 14px}
.welcome-text p {font-size: 14px}
/*.welcome-text a, .welcome-text a:hover {color: #171717; text-decoration: none}*/

/* Replace old yellow buttons with bootstraped */
.invite {
    background: none;
    border: none;
    height: 15px;
    line-height: 15px;
}
.Documents-for-tracking-clicks .btn, .Videos-for-tracking-clicks .btn {
    float: right;
}
/* Replace old yellow buttons with bootstraped */

/* stylish checkbox - base for label styling */
.chk-vjf[type="checkbox"]:not(:checked),.chk-vjf[type="checkbox"]:checked {position: absolute; left: -9999px}
.chk-vjf[type="checkbox"]:not(:checked) + .chk-vjf-lbl,.chk-vjf[type="checkbox"]:checked + .chk-vjf-lbl {position: relative; padding-left: 25px; cursor: pointer}
/* checkbox aspect */
.chk-vjf[type="checkbox"]:not(:checked) + .chk-vjf-lbl:before,.chk-vjf[type="checkbox"]:checked + .chk-vjf-lbl:before {content: ''; position: absolute; left:0; top: 2px; width: 17px; height: 17px; border: 1px solid #aaa; background: #f8f8f8; border-radius: 3px; box-shadow: inset 0 1px 3px rgba(0,0,0,.3)}
/* checked mark aspect */
.chk-vjf[type="checkbox"]:not(:checked) + .chk-vjf-lbl:after,.chk-vjf[type="checkbox"]:checked + .chk-vjf-lbl:after {content: '✔'; position: absolute; top: 3px; left: 4px; font-size: 18px; line-height: 0.8; color: #09ad7e; transition: all .2s}
/* checked mark aspect changes */
.chk-vjf[type="checkbox"]:not(:checked) + .chk-vjf-lbl:after {opacity: 0; transform: scale(0)}
.chk-vjf[type="checkbox"]:checked + .chk-vjf-lbl:after {opacity: 1; transform: scale(1)}
/* disabled checkbox */
.chk-vjf[type="checkbox"]:disabled:not(:checked) + .chk-vjf-lbl:before,.chk-vjf[type="checkbox"]:disabled:checked + .chk-vjf-lbl:before {box-shadow: none; border-color: #bbb; background-color: #ddd}
.chk-vjf[type="checkbox"]:disabled:checked + .chk-vjf-lbl:after {color: #999}
.chk-vjf[type="checkbox"]:disabled + .chk-vjf-lbl {color: #aaa}
/* accessibility */
.chk-vjf[type="checkbox"]:checked:focus + .chk-vjf-lbl:before,.chk-vjf[type="checkbox"]:not(:checked):focus + .chk-vjf-lbl:before {border: 1px dotted blue}
/* hover style just for information */
.chk-vjf-lbl:hover:before {border: 1px solid #4778d9!important}

/* chat timings */
.chat-timings {background: #fff; color: #000; padding: 10px 20px 0; text-align: center}
.chat-timings .table {margin-bottom: 0}
.chat-timings .table, .chat-timings .table tr td:first-child {border: none !important}
.chat-timings .table > tbody > tr > td {padding: 8px 2px; text-align: center; border-color: #e5e5e5}
.chat-timings .btn {width: 155px; height: 36px; background-color: rgba(51, 153, 0, 1); border: none; border-radius: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 16px; color: #FFFFFF; margin-top: 18px}
.chat-timings .glyphicon-ok {color: green}
.chat-schedule-p {text-align: center; font-family: 'Proxima Nova', sans-serif; font-size: 14px}
/* end chat timings */

/* cometchat embed */
#comet-chat .cometchat_notification {display: none !important}
#comet-chat .cometchat_traypopup {width: 100% !important; height: 100% !important; left: 0 !important; display: block !important}
#comet-chat .cometchat_traycontent {height: 96% !important}
#comet-chat .cometchat_traycontenttext {height: 100% !important}
#comet-chat .cometchat_iframe {position: relative; height: 100% !important; width: 100% !important}
#comet-chat #cometchat_base {width: 100% !important; left: 0 !important; border-radius: 0}
#comet-chat #cometchat_userstab/*, #cometchat_optionsbutton*/, #cometchat_hide, .cometchat_trayiconimage/*, #cometchat_trayicons*/, #cometchat_trayicon_chatrooms {display: none}
#comet-chat #cometchat_chatboxes_wide .cometchat_tab {background: rgba(4, 103, 169, 0.93)}
#comet-chat #cometchat_chatboxes_wide .cometchat_tabmouseover.cometchat_tab:first-of-type, #cometchat_chatboxes_wide .cometchat_tabclick.cometchat_usertabclick.cometchat_tab:first-of-type {border-radius: 0}
#comet-chat #cometchat_optionsbutton_popup {right: 2px; left: auto !important; z-index: 300004}
#comet-chat #cometchat_trayicon_chatrooms_popup {position: relative; bottom: auto}
#comet-chat #cometchat_trayicon_chatrooms_popup .cometchat_traytitle, #cometchat_trayicons {display: none !important}
#comet-chat {max-width: 300px}
#comet-chat #cometchat_optionsbutton {width: auto}
#comet-chat #cometchat_optionsbutton.cometchat_tabmouseover {border-radius: 0}
#comet-chat #cometchat_optionsbutton #cometchat_optionsbutton_icon {text-indent: 0 !important; width: auto; padding-left: 20px; padding-right: 10px}

.user-online-chat-box {height: 100%; width: 100%; overflow-x: hidden; box-sizing: border-box; border: none}
/* end cometchat embed */

/* scrolling logos - automatically generated */
.simply-scroll {margin: 0px auto 0; width: 100%; height: 100px; background: #fff; overflow: hidden}
.simply-scroll-container {position: relative}
.simply-scroll-clip {position: relative; overflow: hidden}
.simply-scroll-list {overflow: hidden; margin: 0; padding: 0; list-style: none}
.simply-scroll-list li {padding: 0 20px 0 0; margin: 0; list-style: none}
.simply-scroll-list li img {border: none; display: block; max-width: 140px; max-height: 88px}
.simply-scroll .simply-scroll-clip {width: 100%; height: 125px; margin-top: -15px}
.simply-scroll .simply-scroll-list li {float: left; max-width: 180px; max-height: 125px}
/* scrolling logos - automatically generated end */

.modal-chat-slot .modal-content {position: relative}
.modal-chat-slot .modal-body {position: initial}
.slot-not-avail {cursor:default !important}
#confirm-booking .cb-inner {margin-top: 45px}

/******************************************/
/********* live stats ***********/

#live-stats.vjf-notif-theme7 {padding: 0; border: none; display: block; transform: translateY(-50%); top: 50%; bottom: auto; left: calc(50% - 160px); right: auto; border-radius: 4px}
#live-stats {display: none; position: fixed; background: #fff; bottom: 0px; right: 2px; width: 320px; box-sizing: border-box; padding: 12px 15px 22px 25px; font-family: 'Proxima Nova', sans-serif; border: 1px solid rgba(215, 215, 215, 1); -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.34); -webkit-box-shadow: 5px 5px 5px rgb(0 0 0 / 34%); box-shadow: 5px 5px 5px rgb(0 0 0 / 34%); z-index: 91}
#live-stats.vjf-notif-theme7 span.title {text-align: left; position: absolute; line-height: 1.42857143; font-family: 'Proxima Nova Bold', sans-serif; color: #fff; font-size: 17px; left: 10px; top: 15px}
#live-stats.vjf-notif-theme7 span.title i{margin-right: 5px}
#live-stats.vjf-notif-theme7 .close-notif {text-align: right; font-size: 16px; color: #fff; min-height: 19.43px; padding: 16px; border-bottom: 1px solid #b9b9b9}
#live-stats .close-notif span.fa-window-minimize {display: none}
#live-stats .close-notif span {cursor: pointer}
#live-stats.vjf-notif-theme7 .live-stats-rows {padding: 10px; border: none; font-size: 16px; line-height: 24px; color: #111}
#live-stats > div.live-stats-rows {overflow: auto}
#live-stats.vjf-notif-theme7 .live-stats-row {font-family: 'Proxima Nova', sans-serif; padding: 10px; background: #f2f2f2; font-size: 12px; line-height: 18px; margin-bottom: 10px; border-radius: 6px}
#live-stats.vjf-notif-theme7 .close-notif {background: #136aaf; border-radius: 4px 4px 0 0}
#live-stats h4 {font-size: 16px; padding: 5px; margin: 0; border-bottom: 1px solid #b9b9b9}
#live-stats ul {padding-left: 0}
#live-stats ul li {list-style: none; padding: 7px 0 7px 10px; font-size: 13px}
#live-stats ul li span.num {width: 32%; display: inline-block; font-size: 13px; font-weight: bold}
#live-stats ul li span.circle {width: 7px; height: 7px; background: #209f4e; display: inline-block; border-radius: 100%; margin-left: 5px}
#live-stats ul li span.br-line {border-bottom: 1px solid #b9b9b9; display:block}

/******************************************/
/********* information page start ***********/
.main-nav {font-family: 'Proxima Nova', sans-serif; font-weight: 700}
.topics-tabs {font-family: 'Proxima Nova', sans-serif; font-size: 14px; background: #fff; width: 767px; max-width: 100%; margin: 0 auto; padding: 40px; min-height: 270px}
.topics-tabs .tab-content {padding: 20px 0}
.topics-tabs .nav-tabs {border-bottom-color: #5285ad; background: #5285ad}
.topics-tabs .nav-tabs>li>a {border-radius: 0; background: #5285ad; color: #f2f2f2; font-size: 14px; margin-right: 0; border: none; border-right: 1px solid #4077a0}
.topics-tabs .nav-tabs>li:last-child>a {border-right: none}
.topics-tabs .nav-tabs>li.active>a, .topics-tabs .nav-tabs>li.active>a:hover, .topics-tabs .nav-tabs>li.active>a:focus {background: #0066B3; color: #fff; border:none}
.topics-tabs .btn {border-radius: 0; background: #E8890C; border: none; height: 17px}
.topics-tabs .table>tbody>tr>td {vertical-align: middle; font-size: 14px}
.topics-tabs .table>tbody>tr>td:nth-child(2) {text-align: center; width: 120px}
.topics-tabs h4 {font-size: 16px; font-weight: bold; border-bottom: 1px solid #eee; padding-bottom: 4px; margin-bottom: 20px; padding-top: 20px}
#tab-videos {margin: -20px 0 0; border: 1px solid #d1d1d1; border-top: none; padding: 0 20px 20px}
#tab-videos img {margin-bottom: 5px; cursor: pointer}
#tab-videos p {margin-bottom: 20px; text-align: center; font-family: 'Proxima Nova', sans-serif; font-size: 13px}
.topics-tabs p {font-family: 'Proxima Nova', sans-serif; font-size: 14px}
.topics-tabs h4 {font-family: 'Proxima Nova Bold', sans-serif !important; font-size: 20px; text-transform: none; font-weight: 700; color: #231f20; margin-bottom: 10px; border-bottom: none}
h1.info-tab-head {font-family: 'Proxima Nova Bold', sans-serif !important; font-size: 27px; text-transform: none; font-weight: 700; color: #231f20; margin-bottom: 15px}
.topics-tabs a.btn {padding: 2px 12px 6px}
.speaker-bio h4 {font-family: 'Proxima Nova Bold', sans-serif; margin-bottom: 15px; margin-top: 10px}
.speaker-bio p {font-family: 'Proxima Nova', sans-serif; font-size: 13px; margin-bottom: 15px}
.speaker-bio ul {margin-bottom: 30px}
/********* information page end ***********/
/******************************************/

#page-keywords-search {background: #fff; box-sizing: border-box; min-height:400px; padding: 60px 20px}
#page-keywords-search * {box-sizing: border-box}
#page-keywords-search .container {max-width:100%; width: 800px}
#page-keywords-search h2 {margin-bottom: 5px}
#page-keywords-search table {margin-bottom: 40px}
#page-keywords-search table .btn {padding: 3px 17px 2px; margin: 0 20px; background: #7474c1; border-color: #7474c1}
#page-keywords-search table tr th {font-size: 16px; background: #000; color: #fff}
#page-keywords-search table tr td:last-child, #page-keywords-search table tr th:last-child {text-align:center}
#page-keywords-search img {max-width: 60px; margin-right: 10px}
.vjf-ks-filter {padding: 0 0 35px}
.vjf-ks-filter .form-control {display: inline-block; margin: 0 20px; width: auto}
.vjf-ks-filter .control-label {font-size: 16px}
@media (min-width: 993px) {
    #page-keywords-search table tr td:last-child, #page-keywords-search table tr th:last-child {width: 120px}
}

/******************************************/
/************* exterior page **************/

.ext-content {margin: 0 auto; position: relative}
.ext-content img {max-width: 100%}
.ext-content img.exterior-base {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -4}
.ext-content a.lnk-wh100 {height: 100%; display: block; width: 100%; position: absolute; z-index: -3}
/*.ext-content map {z-index: 4; position: absolute; cursor: default; width: 100%; height: 100%; top:0; left: 0}*/
.ext-content .people-video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -2}
.ext-content .trans-video{width: 100%; height: 100%; position: absolute; z-index: -5}
.ext-content .trans-video.trans-playing {position: relative; z-index: 1}
.ext-content .trans-video video {width: 100%; height: 100%}
.ext-video-layer {z-index: -1; position: absolute; width: 100%; height: 100%; background: transparent; cursor: pointer}
.ext-video-layer object {cursor: pointer}
#people-vid .vjs-error-display {display: none !important}

/************ exterior page end ***********/
/******************************************/

.slim-bar {background: #333; text-align: right; position: absolute; top:0; left: 0; width: 100%; padding: 2px 0 4px}
.slim-bar ul {list-style: none; margin: 0; padding: 0}
.slim-bar ul > li {list-style: none; margin: 0 10px 0 0; padding: 5px 10px 0 0; display: inline-block; border-right: 1px solid #eee; height: 20px}
.slim-bar ul > li:last-child {border-right: none}
.slim-bar ul > li, .slim-bar ul > li > a {color: #fff; font-size: 11px; font-weight: 400; line-height: 13px; text-decoration: none}
.slim-bar ul > li > a:hover {color: #fff; text-decoration: underline}
#bar-sep {display: none}

/******************************************/
/*************** leaderboard **************/
.leaderboard {font-family: 'Proxima Nova', sans-serif; font-size: 14px; background: #fcfcfc; width: 1024px; max-width: 100%; margin: 0 auto; padding: 20px 40px; min-height: 270px}
.leaderboard, .leaderboard * {box-sizing: border-box}
.leader {border-bottom: 1px solid #e9e9e9; position: relative; padding: 20px 0 20px 100px}
.leader:last-child {border-bottom: none}
.leader span {position: absolute; top: 16px; left: 0px; font-size: 36px; color: #fff; line-height: 52px; background: silver; width: 56px; text-align: center; padding: 4px 0 0 0; border-radius: 28px}
.leader h3 {font-weight: 500; font-size: 24px}
.leader label {color: #0077b7; font-size: 18px; display: block; line-height: 18px; margin: 8px 0 0}
.leaderboard p, .leaderboard ul li {font-size: 13px}
.leaderboard ul {padding-left: 15px; margin-left: 0}
.leader-list {padding-right: 25px}
.leader-list, .leaderboard-prize {width: 50%; display: inline-block; box-sizing: border-box; vertical-align: top; padding-top: 15px}
.leaderboard-prize table td {padding-bottom: 22px}
.leaderboard-prize table td img {width: 140px; max-width: 100%}
.leader img {width: 50px; height: 50px; border-radius: 25px; border: 1px solid #F2F2F2; position: absolute; right: 0;}
.leader.leader-img {padding-right: 70px;}
.prize-img img {max-width: 100%}

/************** leaderboard end ***********/
/******************************************/

/******************************************/
/************** webinar tabs ***********/

.wda-tabs {font-family: 'Proxima Nova', sans-serif; font-size: 14px; background: #fff; width: 100%; box-sizing: border-box; max-width: 100%; margin: 0 auto; padding: 40px; min-height: 430px; font-family: 'Proxima Nova', sans-serif}
.wda-tabs, .wda-tabs * {box-sizing: border-box}
.wda-tabs .tab-content {padding: 20px 0}
.wda-tabs .nav-tabs {border-bottom-color: /*#d1d1d1*/#5285ad; background: #39675f}
.wda-tabs .nav-tabs>li>a {border-radius: 0; /*background: #e6e6e6; color: #282828;*/ background: #39675f; color: #f2f2f2; font-size: 14px; margin-right: 0; border: none; border-right: 1px solid #0d3c34}
.wda-tabs .nav-tabs>li:last-child>a {border-right: none}
.wda-tabs .nav-tabs>li.active>a, .wda-tabs .nav-tabs>li.active>a:hover, .wda-tabs .nav-tabs>li.active>a:focus {background: #0d3c34; color: #fff; border:none}
.wda-tabs .btn {border-radius: 0; background: #E8890C; border: none; height: 31px; color: #fff; min-height: 31px}
.wda-tabs .table>tbody>tr>td {vertical-align: middle; font-size: 14px}
.wda-tabs .table>tbody>tr>td:nth-child(2) {text-align: center; width: 120px}
.wda-tabs h4 {font-size: 16px; font-weight: bold; border-bottom: 1px solid #eee; padding-bottom: 4px; margin-bottom: 20px; padding-top: 20px}
.wda-tabs p {font-family: 'Proxima Nova', sans-serif; font-size: 14px}
.wda-tabs h4 {font-family: 'Proxima Nova','Open Sans', sans-serif !important; font-size: 20px; text-transform: none; font-weight: 700; color: #231f20; margin-bottom: 10px; border-bottom: none}

/************** webinar tabs ***********/
/******************************************/

.loading-container {position: absolute; background: rgba(0,0,0,0.8); width: 100%; height: 100%; z-index: 1000; top: 0; left: 0; text-align: center}
.loader-cssimg, .loader-cssimg:before, .loader-cssimg:after {background: #ffffff; -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; width: 1em; height: 4em}
.loader-cssimg {color: #ffffff; text-indent: -9999em; margin: 88px auto; position: relative; font-size: 11px; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s}
.loader-cssimg:before, .loader-cssimg:after {position: absolute; top: 0; content: ''}
.loader-cssimg:before {left: -1.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s}
.loader-cssimg:after {left: 1.5em}
@-webkit-keyframes load1 {0%, 80%, 100% { box-shadow: 0 0; height: 4em} 40% {box-shadow: 0 -2em; height: 5em}}
@keyframes load1 {0%, 80%, 100% {box-shadow: 0 0; height: 4em} 40% {box-shadow: 0 -2em; height: 5em}}

#clockdiv{font-family: 'Proxima Nova',sans-serif;color: #fff;display: inline-block;font-weight: 100;text-align: center;font-size: 30px}
#clockdiv > div{padding: 10px;border-radius: 3px;background: #00BF96;display: inline-block}
#clockdiv div > span{padding: 15px;border-radius: 3px;background: #00816A;display: inline-block}
#clockdiv .smalltext{padding-top: 5px;font-size: 16px}

.vjf-header p#announcement-section {font-size: 12px; font-family: 'Proxima Nova Bold', sans-serif; color:black; padding-top: 12px; font-weight: bold; text-align: center}

/* webinar popup */
.block-overlay {display: none}
.block-overlay .webinar-icon-full {position:absolute;width: 24px;height: 26px;bottom: 9px;right: 22px;border: 2px solid #fff;padding: 2px; display: inline-block !important; cursor: pointer}
.block-overlay .webinar-icon-full .fa {font-size: 19px; color: #fff}

.classic-webinars.classic-webinar-fs, .classic-webinars.classic-webinar-fs > .container > .row > .col-md-8 {position: initial}
.classic-webinars .block-overlay .webinar-icon-full {border-color: #0d5489; background: #fff}
.classic-webinars .block-overlay .webinar-icon-full .fa {color:#0d5489}
.classic-webinars:not(.classic-webinar-fs) .block-overlay .webinar-icon-full {right:8px; bottom: 30px}
.classic-webinars.classic-webinar-fs .video {position: fixed; top:0; left:0; width: 100%; height: 100%; background: #fff; z-index: 9999}
.classic-webinars.classic-webinar-fs #vd-vault-1 {position: absolute; width: 100%; height: 100%}

.webinar-full-screen {height: 100% !important;}
.webinar-full-screen .modal-dialog.modal-lg {margin: 5px auto; width: 99.5% !important; height: 99% !important;}
.webinar-full-screen .modal-dialog .modal-header {display: none !important}
.webinar-full-screen .modal-dialog .modal-body {padding: 0 !important;}
.webinar-full-screen .modal-dialog .webinar-video {width: 100%; left: 0; display: block; position: absolute; height: 100%; top: 0}
.webinar-full-screen .modal-dialog .webinar-qa-modal {display: none !important;}
.webinar-full-screen .modal-dialog .col-sm-12.col-md-12 {position: initial}
.webinar-full-screen .modal-dialog .block-overlay {width: 100% !important;}
.webinar-full-screen .modal-dialog .block-overlay .webinar-icon-full {display: inline-block !important}

.modal-webinar-full .modal-header {position: absolute; top: 0; left: 0; z-index: 10000; width: 100%}
.modal-webinar-full .modal-header a {font-size: 13px; color: #fff; cursor: pointer; text-decoration: none}
.modal-webinar-full .modal-body {padding: 47px 0 0; height: 100%; min-height: 100%; max-height: 100%}
.modal-webinar-full .vd-player, .modal-webinar-full .vd-player iframe, .modal-webinar-full #vd-vault-1 {height: 100% !important}
/*.modal-webinar-full .vd-player {position: relative}*/
.modal-webinar-full .block-overlay {position: absolute; top: 0; left: 0; z-index: 9999; height: 100%; width: 100%; display: block}
.modal-webinar-full .block-overlay {position: absolute; top: 0; left: 0; z-index: 9999; height: 100%; width: 100%; display: block}

.modal-webinar-full iframe {border: none !important}
.modal-webinar-full .qa-section {display: none}
.modal-webinar-full.webinar-qa .qa-section {display: inline-block}
.webinar-qa .block-overlay {display: none !important}
.webinar-qa iframe, .webinar-qa #vd-vault-1 {width: 75%}
.qa-section, .qa-embed-section {width: 25%; height: 100%; box-sizing: border-box; padding-bottom: 100px; vertical-align: top; position: relative}
.qa-section h3, .qa-embed-section h3 {color: #fff; background: #666; padding: 7px 12px; font-size: 20px; line-height: 20px}
.qa-list, .qa-embed-list {max-height: 90%; overflow: auto}
.qa-list .qa-row, .qa-embed-list .qa-row {padding: 12px; border-bottom: 1px solid #ddd; font-size: 14px}
.qa-list .qa-row:last-child, .qa-embed-list .qa-row:last-child {border-bottom: none}
.qa-list .qa-row:nth-child(even), .qa-embed-list .qa-row:nth-child(even) {background: #f2f2f2}
.qa-list .qa-row > span, .qa-embed-list .qa-row > span {display: inline-block; margin-left: 10px; color: #aaa}
.qa-input {position: absolute; bottom: 0; left: 0; padding: 10px 10px 7px; width: 100%; background: #f2f2f2; border-top: 1px solid #ddd}
.qa-input-field, .qa-embed-input-field {position: relative; padding-right: 66px}
.qa-input textarea {height: 70px}
.qa-input input, .qa-embed-input input {position: absolute; top: 0; right: 0; border-radius: 0}
.qa-input span, .qa-embed-input span {display: block; color: #c00; margin: 3px 0 0; font-size: 12px}

.webinar-chat-link {position: absolute;top: -15px;background: #444;width: 18%;right: 0px;padding: 0px 15px; text-align: center; color: #fff; height: 38px; line-height: 40px; border-radius: 0 0 0 7px; font-family: 'Proxima Nova Bold', sans-serif; z-index:10000}
.webinar-chat-link a {color: #fff}

.btn-modal-webinar {display: inline-block; cursor: pointer; background: #e29404; padding: 4px 15px; font-size: 14px; margin-left: 30px}
.webinar-participants {float: right; color: #fff; font-size: 15px; margin-right: 10px}
/* webinar popup end */

/* webinar questions */
.webinars-qa-list {background: #fff; margin: 0 auto; width: 800px; max-width: 100%; padding: 30px 35px}
.webinars-qa-list h3 {font-weight: 700; margin-bottom: 15px}
.webinars-qa-list .qa-list {max-height: none}
/* webinar questions end */

/* webinar green qa */
.qa-list.qa-green .panel-default {border-radius: 0px 5px 5px 5px; border: 1px solid #d0d0d0; position: relative; margin-top: 40px}
.qa-list.qa-green .panel-default .panel-heading {position: relative; background: #f9f9f9; padding: 12px; border-bottom: 1px solid #d0d0d0}
.qa-list.qa-green .panel-default .panel-heading:before {content:""; position: absolute; width: 15px; height: 11px; background: #f9f9f9 url("../images/1562568254grey-arrow.jpg") no-repeat; top: -1px; left: -15px}
.qa-list.qa-green .panel-default small {font-size: 11px; background: #ededed; padding: 2px 5px; border-radius: 20px}
.qa-list.qa-green .panel-collapse {padding: 12px 22px 22px 12px; text-align: right}
.qa-list.qa-green .panel-body {position: relative}
.qa-list.qa-green .panel-body .qa-row {position: relative; text-align: left; background: #94c47f; padding: 12px; color: white; display: inline-block; border-radius: 5px 5px 0px 5px; margin-bottom: 12px}
.qa-list.qa-green .panel-body .qa-row span {border-radius: 0px; font-size: 11px !important; margin-left: 10px !important; color:#fff !important; font-style: normal !important; display: block; margin-left: 0 !important;}
.qa-list.qa-green .panel-body .qa-row:before{content: ""; position: absolute; width: 15px; height: 11px; background: #f9f9f9 url(../images/1562568184green-arrow.jpg) no-repeat; bottom: 0px; right: -15px}
.qa-list.qa-green .qa_reply_btn {position: absolute; bottom: -17px; left: 40px; color: #3167e1}
/* webinar green qa end */

/* webinar custom tabs in qa section */
.webinar-custom-tabs {padding-left: 10px}
.wabinars_tabs-custom{width:100%;border-bottom:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;padding:0;margin:0;list-style:none}
.wabinars_tabs-custom>li{text-align:center;float:left;width:100%;padding:0 0 10px}
.wabinars_tabs-custom>li+li{padding-left:4px}
.wabinars_tabs-custom>li>a{border:0;background:#555;color:#fff;display:block;border-radius:5px 5px 0 0;height:40px;line-height:40px;text-decoration:none}
.wabinars_tabs-custom>li>a:hover{background:#002169!important}
.wabinars_tabs-custom>li.active a{background:#002169}
.wabinars_tabs-custom button.dropdown-toggle{border:1px solid #555;width:40px;height:40px;color:#fff;background-color:#555;border-radius:5px}
.wabinars_tabs-custom .dropdown-menu li{padding:6px;text-align:left}
.wabinars_tabs-custom .dropdown-menu li a{padding:10px 20px}
.wabinars_tabs-custom .dropdown-menu li a:hover{background:#aaa;color:#fff}
.threetabs-navs>li:first-of-type,.threetabs-navs>li:nth-of-type(2){width:50%}
.threetabs-navs>li:nth-child(3){width:3%}

/* chatty box */
#chatty-box.chatty-users-list-only {width: auto; min-width: 50px; right: -64px; bottom: auto; top: 15%; transform: rotate(-90deg)}
#chatty-box.chatty-users-list-only div:not(.col-sm-5) {padding-left: 0 !important; padding-right: 0 !important; margin: 0 !important; width: 100%; max-width: 100%}
#chatty-box.chatty-users-list-only .chattify-users {background: #fff; min-width: 345px; min-height: 0}
#chatty-box.chatty-users-list-only .chat-window {position: relative; float: none}
#chatty-box.chatty-users-list-only #minim_chat_window, #chatty-box.chatty-users-list-only .top-bar,
#chatty-box.chatty-users-list-only .chattify-users {
  display: none
}
#chatty-box.chatty-users-list-only .chat-window > div > .panel {border-radius: 5px 0 0 5px; border: none; background: transparent}
.chattify-bookings-only {display: block; background: #0066B3 url(../images/address-book.png) no-repeat left 10px center; width: 182px; color: #fff; height: 54px; border-radius: 5px 5px 0 0; cursor: pointer; letter-spacing: 1.5px; padding: 20px 11px 11px 51px; font-family: 'Proxima Nova Bold', sans-serif; text-transform: uppercase}
.chattify-bookings-only label {display: none; cursor: pointer}
#chatty-box.chatty-list-visible {right: 0 !important; transform: none !important}
#chatty-box.chatty-list-visible .chattify-bookings-only {width: 100%; border-radius: 5px 0 0 0}
#chatty-box.chatty-list-visible .chattify-bookings-only label {display: inline}
#chatty-box.chatty-list-visible .chattify-users {border-radius: 0 0 0 5px}

#chatty-box.chatty-users-list-only .chattify-user div.chattify-status {text-align: left; padding: 0 8px 0 15px !important; display: inline-block; width: auto !important;}
#chatty-box.chatty-users-list-only .chattify-user label a, #chatty-box a.chattify-cancel-booking {color:#428bca}
#chatty-box a.chattify-accept-booking, #chatty-box a.chattify-cancel-booking {display: inline-block}
#chatty-box a.chattify-accept-booking {color:#428bca}

#chatty-box.chatty-users-list-only div.chattify-guide {width: 365px; padding: 10px 20px !important; font-family: 'Proxima Nova', sans-serif; font-size: 13px}
#chatty-box.chatty-users-list-only div.chattify-guide p {font-family: 'Proxima Nova', sans-serif; font-size: 13px}
#chatty-box.chatty-users-list-only div.chattify-guide ul {padding-left: 16px}
/* chatty box end */

/* modal video text */
.video-text-section {display: none}
.video-text-section h3 {font-family: 'Proxima Nova Bold', sans-serif; font-size: 20px; margin: 10px 0}
.video-text-section strong {font-family: 'Proxima Nova Bold', sans-serif}
.video-text-section p, .video-text-section ul li {font-family: 'Proxima Nova', sans-serif; font-weight: 400; font-size: 13px}
.video-text-section ul {padding: 0 0 0 16px}
/*.modal-video-text .block-overlay {display: none !important}*/
.modal-video-text .vd-player {width: 75% !important; display: inline-block; vertical-align: top}
.modal-video-text .video-text-section {background:#fff; width: 24%; height: 100%; box-sizing: border-box; vertical-align: top; position: relative; display: inline-block; padding: 10px; border-left: 1px solid #ddd; overflow: auto; height: 550px}
.modal-video-text .webinar-video {display: inline-block; width: 76%}
.modal-video-text .block-overlay {width: 76% !important;}

    /* timer */
#clockdiv{font-family: 'Proxima Nova Bold',sans-serif;color: #333;display: block;font-weight: 100;text-align: center;font-size: 16px; padding-top: 22px; display: block}
#clockdiv > div {padding: 5px;border-radius: 3px;background: #eee;display: inline-block; margin-right: 5px}
#clockdiv > div:last-child {margin-right: 0}
#clockdiv div > span{padding: 7px 0 0;border-radius: 3px;background: none;display: block; line-height: 1em;min-width: 16px}
#clockdiv .smalltext{padding-bottom: 3px;font-size: 10px}
/* timer end */

/* color blind */
body.colorblind, body.colorblind .main-nav, body.colorblind .vjf-header, body.colorblind .scroll-content,
body.colorblind .company-index-bot li, body.colorblind .company-index-bot li:hover,
body.colorblind .modal-video-text .video-text-section {
  background: #000 !important;
  border-color: #000 !important;
}
body.colorblind, body.colorblind a, body.colorblind .vjf-header, body.colorblind .navbar-default .navbar-nav > li > a,
body.colorblind .company-index-bot li, body.colorblind .company-index-bot li:hover {
  color: #fff !important
}
body.colorblind .company-index-top, body.colorblind #tabs1 .ui-widget-header, body.colorblind .user-online-top, body.colorblind #WidgetMiddleBox h1 {
  background: #3bb9ec !important
}
body.colorblind #tabs1 .ui-widget-header {border-color: #3bb9ec !important}
body.colorblind #tabs1 .ui-state-active, body.colorblind #tabs1 .ui-widget-content .ui-state-active, 
body.colorblind #tabs1 .ui-widget-header .ui-state-active {
  background: #23b0e8 !important
  border-color: #23b0e8 !important
}
/*body.colorblind .color-red-bg, body.colorblind .color-green-bg, body.colorblind .modal-header, body.colorblind .modal-header-green, 
body.colorblind .modal-header-magenda, body.colorblind .color-orange-bg, body.colorblind .color-orange-bg,
body.colorblind .color-purpal-bg, body.colorblind .color-blue-bg, body.colorblind .btn-darkgrey, body.colorblind .two-btns .white-btn {
  background: #3bb9ec !important
}
body.colorblind .left-border-orange, body.colorblind .left-border-blue, body.colorblind .left-border-green,
body.colorblind .left-border-purpal, body.colorblind .left-border-red {
  border-left-color: #3bb9ec !important
}*/
/* color blind */

.tab-video .job-vacancy ul li:nth-child(5), .table-job-detail tr:nth-child(7) {display: none !important}

/* lobby3d */
.lobby3d-lnk-hall {position: absolute; height: 7%; width: 6%; top: 40%; left: 46.5%; z-index: 9999}
.lobby3d-lnk-webinar {position: absolute; height: 7%; width: 12.5%; top: 41%; left: 17.5%; z-index: 9999}
.lobby3d-lnk-info {position: absolute; height: 6%; width: 6%; top: 42.3%; right: 21%; z-index: 9999}
/* end lobby3d */

/*hall view instructions*/
#WidgetMiddleBox {padding: 0 !important; overflow-x: hidden; overflow-y: auto}
#WidgetMiddleBox h1 {background: #003fa9; color: #fff; padding: 12px 15px; margin: 0; border-bottom: 1px solid #535353 !important; font-family: "Proxima Nova Bold",sans-serif; font-size: 18px}
#WidgetMiddleBox ol {padding: 15px 30px} 
#WidgetMiddleBox ol li {text-align: left; border-bottom: none; padding-left: 0; font-family: "Proxima Nova", sans-serif; padding-bottom: 10px; line-height: 22px}
/*end hall view instructions*/

ul li strong {font-family: 'Proxima Nova Bold', sans-serif; font-weight: 700}

/* notifications */
#vjf-notif {display: none; position: fixed; background: #fff; bottom: 8px; right: 10px; width: 280px; box-sizing: border-box; padding: 12px 15px 22px 25px; font-family: 'Proxima Nova', sans-serif; border: 1px solid rgba(215, 215, 215, 1);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.34);
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.34);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.34);
    z-index: 91;
}
#vjf-notif * {box-sizing: border-box}
#vjf-notif .close-notif {text-align: right; font-size: 20px; color: #7f7f7f; padding-bottom: 5px}
#vjf-notif .close-notif span {cursor: pointer}
#vjf-notif .close-notif span.fa-window-minimize {display: block}
#vjf-notif > div.vjf-notif-rows {max-height: 299px; overflow: auto; padding-right: 10px}
#vjf-notif h2 {font-family: 'Proxima Nova Bold', sans-serif; font-size: 20px; margin: 0 0 6px}
.vjf-notif-row {line-height: 20px; border-bottom: 1px solid #ccc; margin-bottom: 12px}
.vjf-notif-row:last-child {border-bottom: none; margin-bottom: 0}
.vjf-notif-row p {font-family: 'Proxima Nova', sans-serif; line-height: 16px; color: #333}
.vjf-notif-row .btn {display: block; margin-top: 5px}

/* vjf notif theme 7 */

#vjf-notif.vjf-notif-theme7 {padding:0; border:none}
#vjf-notif.vjf-notif-theme7:before {content: 'Announcement';text-align: left;position: absolute;line-height: 1.42857143;font-family: 'Proxima Nova Bold', sans-serif;color: #fff;font-size: 18px;left: 10px;top: 9px;}
#vjf-notif.vjf-notif-theme7 .close-notif {text-align: right;font-size: 16px;color: #fff;min-height: 16.43px;padding: 10px;border-bottom: 1px solid #333;background: #f7961d;}
#vjf-notif.vjf-notif-theme7 .vjf-notif-rows {padding: 10px;border: none;font-size: 16px;line-height: 24px;color: #111;}
#vjf-notif.vjf-notif-theme7 .vjf-notif-row {font-family: 'Proxima Nova', sans-serif;padding: 10px 5px;background: #efefef;border-bottom: 1px solid #b0b0b0;font-size:12px;line-height: 18px;margin:0;}
#vjf-notif.vjf-notif-theme7 .vjf-notif-row:nth-child(even) {background: #fff;}
#vjf-notif.vjf-notif-theme7 .vjf-notif-row a, #vjf-notif.vjf-notif-theme7 .vjf-notif-row button, #vjf-notif.vjf-notif-theme7 .vjf-notif-row a.btn, #vjf-notif.vjf-notif-theme7 .vjf-notif-row button.btn {background: #f7961d;color: #fff;text-transform: capitalize;border-radius: 20px;border: none;font-weight: 600;display: inline-block;margin-top: 10px;font-family: 'Proxima Nova Bold', sans-serif}
#vjf-notif.vjf-notif-theme7 h2 {font-size: 14px;margin: 0 0 5px;font-family: 'Proxima Nova Bold', sans-serif;}
#vjf-notif.vjf-notif-theme7 .vjf-notif-row:not(:last-child) {border-bottom: 1px solid #b0b0b0;}

/*Q&A Archive----------------------------------------------------------*/

h1.underline{border-bottom: 1px solid #ddd; padding-bottom: 12px;}
.sectionQA {list-style: none; padding: 0px;}
.sectionQA * {box-sizing: border-box}
.border-shadow{border-radius:10px; border:1px solid #ebebeb; box-shadow: 0px 0px 4px rgba(0,0,0,0.1); margin-top: 50px;}
.sectionQA .avatar{border: 1px solid #ebebeb;}
.sectionQA .question{background-color: #f8f8f8; border: 1px solid #f1f1f1; border-radius: 10px; padding: 20px 30px;}
.sectionQA .question h4{color: #2d72a7; font-size: 16px; line-height: 23px; display: inline-block}

.sectionQA .question .author{font-style: italic; display: inline-block; clear: left; color: #999999; background-color: #eeeeee; padding: 5px 20px; margin-right: 15px; border-radius: 30px;}
.sectionQA .question .date,
.sectionQA .question .replies{color: #949494; margin-right: 15px; display: inline-block;}
.sectionQA .question .date i,
.sectionQA .question .replies i{color: #2d72a7; margin-right: 12px;}

.sectionQA .answers{padding: 20px 30px;}
.sectionQA .answers .author{background-color: transparent; color: #999999; font-style: italic;}
.sectionQA .answers .row{border-bottom: 1px solid #efefef; padding-bottom: 20px; padding-top: 20px;}
.sectionQA .answers .row:last-child{border:none;}
.sectionQA .reply{font-size: 16px; display: block; clear: both; margin-top: 20px;}

/*Q&A popup----------------------------------------------------------*/
.webinar-modal .modal-header {background-color:#515151;  font-size:18px; border-radius: 9px 9px 0px 0px;}
.webinar-modal .modal-title{color:#fff}
.webinar-modal .close{color:#fff; opacity: 1;}
.webinar-modal .modal-content{border-radius:10px;}
.webinar-modal .webinar-video, .QA-container, .webinar-modal .vd-player iframe, iframe#webinar-doc-viewer {min-height:550px; border-radius: 8px; overflow: hidden}
.webinar-modal .webinar-video{background-color:#000;}
.webinar-modal .modal-body {padding: 62px 15px 15px !important}
.QA-container{background:#fff url(../images/window-bg.jpg); box-shadow:0px 0px 5px rgba(0,0,0,0.2) inset;}

.start-QA{position:absolute; margin:auto; left:0px; bottom:0px; top:0px; right:0px; width:200px; height:125px; text-align: center;}
.start-QA .heading{font-size: 22px; color:#474748; padding-left: 65px; background: url(../images/chat-icon.png) no-repeat left; text-align: left;}
.start-QA button{background-color:#acacac;}

.QA-window{display:none; height: 100%;}
.QA-window .user-title{min-height:100px; background-color:#2d72a7; color:#fff; text-align:center; font-size:18px; border-radius:10px 10px 0px 0px; padding: 15px 20px; height: 25%; position: relative;}
.QA-window .user-title h5{color:#fff; font-size:18px;}
.QA-window .user-title .user-dp{position: absolute; left: 50%; transform: translateX(-50%); width: 70px; height: 70px; border: 1px solid #e5e5e5; bottom: -35px; background-color: #fff; text-align: center; padding: 10px;}
.user-dp img{top: 50%; position: relative; transform: translateY(-50%)}
.QA-window .reply-box{height: 22%; position: absolute; bottom: 0px; width: 90%; background: white; box-shadow: 0px 0px 5px rgba(0,0,0,0.1) inset; padding: 10px; border-radius: 0px 0px 10px 10px; border-top: 2px solid white}
.QA-window .QA-messages{height:53%; margin-top: 40px; padding: 0px 40px 0px 20px; max-height: 250px; overflow: auto;}

.QA-window .reply-box textarea{border:none; width:100%; height:100%}
.QA-window .reply-box button{background-color:#2d72a7; color:#fff; position: absolute; right: 15px; top: 28%;}

.QA-question{background-color: #ebebeb; padding: 8px 12px; border-radius: 10px; position: relative; z-index: 1; margin-top: 10px;}
.QA-question .dp{width: 60px; height: 60px; border:5px solid #fff; position: absolute; right: -30px; top: -15px; background-color: #2d72a7; text-align: center; padding: 8px; overflow: hidden;}
.QA-answers{background-color: #fff; padding:8px 12px; padding-top: 18px; border:1px solid #e5e5e5; box-shadow: 0px 0px 4px rgba(0,0,0,0.2); border-radius: 0px 0px 10px 10px; z-index: 0px; position: relative; margin-top: -10px;}
.QA-answers .dp{width:30px; height: 30px; padding: 5px; text-align: center; background-color: #d6d6d6; position: absolute; left: 13px;}
.QA-answers-list{list-style: none; padding: 0px;}
.QA-answers-list li {padding-bottom: 13px; border-bottom: 1px solid #ebebeb; padding-top: 12px;}
.QA-answers-list li:last-child{border-bottom:none;}
.QA-answers-list li p{display: inline-block; padding-left: 45px; margin-bottom: 0px}
.QA-answers-list .QA-author{color:#b7b6b6; font-style:italic; font-size: 11px; display: block;}
 

/* webinar QA style 2 start */
.webinar-qa-modal {display: none; position: relative}
.webinar-qa-modal, .webinar-qa-modal * {box-sizing: border-box}
.webinar-qa-open .col-sm-12.col-md-12 {display: table; width: 100%}
.webinar-qa-open .webinar-video {width: 75%; display: table-cell; vertical-align: top}
.webinar-qa-open .qa-section {box-shadow: 0 0 6px 3px #f2f2f2; display: block !important; width: 97%; position: absolute; height: 100%; right: 0; top:0; background: #fff url(../images/qa-window-bg.jpg)}
.webinar-qa-open .webinar-qa-modal {width: 25%; display: table-cell; vertical-align: top}
.webinar-qa-open .block-overlay {width: 75% !important}
.webinar-qa-modal {display: none; background: #fff}
.webinar-qa-modal .qa-list, .qa-embed-section .qa-embed-list {background: transparent; padding: 15px; max-height: 100%}
.webinar-qa-modal .qa-list a {height: auto; width: auto}
.webinar-qa-modal .qa-list .qa-row, .qa-embed-section .qa-embed-list .qa-row {padding: 15px 0; color: #484848; border-bottom-color: #ebebeb}
.webinar-qa-modal .qa-list .qa-row > span, .qa-embed-section .qa-embed-list .qa-row > span {display: block; font-style: italic; margin-left: 0; color: #b7b6b6}
.webinar-qa-modal .qa-list .qa-row:nth-child(even), .qa-embed-section .qa-embed-list .qa-row:nth-child(even) {background: #fff}
.webinar-qa-modal .reply-box-area {position: relative}
.webinar-qa-modal .reply-box-area textarea {padding-right: 50px}
.webinar-qa-modal .reply-box-area button {position: absolute; right: 10px; top: 10px; padding: 6px}
.webinar-qa-modal .panel, .qa-embed-section .panel {margin-bottom: 0}
.webinar-qa-modal .panel-default, .qa-embed-section .panel-default {border-top:none;border-radius: 10px; margin-bottom: 10px; box-shadow: 0px 0px 4px rgba(0,0,0,0.2)}
.webinar-qa-modal .panel-default>.panel-heading, .qa-embed-section .panel-default>.panel-heading {border:none; background: #ebebeb; padding: 10px 15px !important;}
.webinar-qa-modal .panel-default .panel-collapse.collapse.in {}
.webinar-qa-modal .panel-default>.panel-heading+.panel-collapse>.panel-body, .qa-embed-section .panel-default>.panel-heading+.panel-collapse>.panel-body {padding: 0 15px}
/* webinar QA style 2 end */

/* notification panel start */
.menu-notif {color: #e00; padding: 18px 10px 0 0; cursor: pointer}
.menu-notif .glyphicon-bell {font-size: 20px}
#menu-notif-list {display: none; position: absolute; right: 0; top: 0; height: 100%; width: 275px; max-width: 100%; background: #222d32; z-index: 101; text-align: left; color: #fff}
#menu-notif-list h3 {padding: 13px 10px; font-size: 22px}
#menu-notif-list h3 .glyphicon-remove {font-size: 11px; margin: 5px 0 0px; cursor: pointer}
#menu-notif-list ol {text-align: left; padding: 0; border-top: 1px solid #455054}
#menu-notif-list ol li {padding: 15px 10px; color: #b8c7ce; list-style: none; border-bottom: 1px solid #455054; font-size: 14px; position: relative}
#menu-notif-list ol li div {display: none; position: absolute; top: 0; left: 0; text-align: center; width: 100%; height: 100%; background: rgba(184,196,206,0.9)/*#b8c7ce*/; color: #fff; font-size: 16px}
#menu-notif-list ol li div label {display: table; text-align: center; width: 100%; height: 100%; vertical-align: middle}
#menu-notif-list ol li:hover div {display: block}
#menu-notif-list ol li div span {display: table-cell; vertical-align: middle; cursor:pointer}
/* notification panel end */

/* accessibility options start */
.vjf-header .accessibility-actions {float: right; margin-right: 10px}
.accessibility-actions {text-align: right; margin:27px 0 10px 0; position: relative}
.accessibility-actions a, .accessibility-actions h3 {vertical-align: middle; display: inline-block; color: #626262; text-decoration: none}
.accessibility-actions h3 {margin: 0}
#readspeaker_button1, .hall-wrap .rsbtn {position: absolute; width: 315px !important; right: 0px; bottom: -32px; margin: 0; text-align: right}
/* accessibility options end */


/* classic webinar start*/
/*** PANEL DEFAULT ***/
.classic-webinars {background: #fff; padding: 50px 0; display: none}
.classic-webinars, .classic-webinars * {box-sizing: border-box}
.classic-webinars .with-nav-tabs.panel-default .nav-tabs > li > a,
.classic-webinars .with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.classic-webinars .with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
}
.classic-webinars .with-nav-tabs.panel-default .nav-tabs > .open > a,
.classic-webinars .with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.classic-webinars .with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.classic-webinars .with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.classic-webinars .with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
    background-color: #ddd;
    border-color: transparent;
}
.classic-webinars .with-nav-tabs.panel-default .nav-tabs > li.active > a,
.classic-webinars .with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.classic-webinars .with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
    color: #555;
    background-color: #fff;
    border-color: #ddd;
    border-bottom-color: transparent;
}
.classic-webinars .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.classic-webinars .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;
}
.classic-webinars .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.classic-webinars .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd;
}
.classic-webinars .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.classic-webinars .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.classic-webinars .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
}

.classic-webinars .video .block-overlay {display: block; width: 100%; height: 100%; top:0; left: 0; position: absolute; z-index: 1}

.classic-webinars .webinar-tabs{border: none; box-shadow: none;}
.classic-webinars .webinar-tabs .panel-heading{background-color: transparent; border:none; padding: 0px;}
.classic-webinars .webinar-tabs .panel-body{    border: 1px solid #ddd;    padding: 15px 30px;border-top: none;}
.classic-webinars .webinar-tabs .nav-tabs>li>a{border-radius: 0px;}
.classic-webinars .webinar-tabs.panel-default .nav-tabs > li > a,
.classic-webinars .webinar-tabs.panel-default .nav-tabs > li > a:hover,
.classic-webinars .webinar-tabs.panel-default .nav-tabs > li > a:focus {
    background-color: #f5f5f5; font-size: 18px;     border-top: 2px solid #fff;
}
.classic-webinars .webinar-tabs.panel-default .nav-tabs > li.active > a,
.classic-webinars .webinar-tabs.panel-default .nav-tabs > li.active > a:hover,
.classic-webinars .webinar-tabs.panel-default .nav-tabs > li.active > a:focus {
    border-top:2px solid #0d5489; color: #0d5489;
}
.classic-webinars .webinar-dates, .webinar-time{font-size: 14px; color: #919191; display: inline-block;margin-right: 70px; margin-bottom: 30px;}
.classic-webinars li.active > a#current-webinar{background: #fff url("../images/webinar.png")no-repeat 15px; padding-left: 60px; }
.classic-webinars li #current-webinar{background: #f5f5f5 url("../images/webinar-grey.png")no-repeat 15px; padding-left: 60px;}
.classic-webinars li.active > a#qa{background: #fff url("../images/qa-blue.png")no-repeat 15px; padding-left: 50px; }
.classic-webinars li #qa{background: #f5f5f5 url("../images/qa.png")no-repeat 15px; padding-left: 50px;}
.classic-webinars .webinar-tabs h3{font-size: 20px; color: #555; border-bottom: 1px solid #e3e3e3; padding-bottom: 15px; margin-bottom: 15px}
.classic-webinars .white-bg{background: #fff;}
.classic-webinars .video{height: 390px; margin-bottom: 80px; position: relative}
.classic-webinars .video iframe {width: 100%}
.classic-webinars .webinar-section h3{font-size: 20px;font-family: 'Open Sans', sans-serif;color: #555;font-weight: 400;margin-top: 5px;margin-bottom: 15px;}
.classic-webinars .upcoming-webinar{list-style: none; padding: 0px; }
.classic-webinars .upcoming-webinar li{padding: 12px 30px; background-color: #f1f1f1; border-bottom: 1px solid #c4c4c4;  font-family: 'Proxima Nova', sans-serif; font-size: 16px}
.classic-webinars .upcoming-webinar li.highlighted{background-color: #e3e3e3; color: #0d5489;}
.classic-webinars .upcoming-webinar li .speaker-img{display: inline-block; min-height: 55px; position: relative; padding-left: 68px}
.classic-webinars .upcoming-webinar li .speaker-img img{width: 55px; height: 55px; border-radius: 100%; float: left; margin-right: 10px; position: absolute; left: 0; top: 0}
.classic-webinars .upcoming-webinar li .speaker-info{font-size: 15px; font-weight: 400; display: inline-block; margin-top: 9px;}
.classic-webinars .upcoming-webinar li .speaker-info span{font-size: 13px; font-weight: 300; display: block;}
.classic-webinars .webinar-date{display: block; font-size: 18px; font-weight: 500; color: #555;}
.classic-webinars .upcoming-webinar li a{background-color: #e18c58; color: #fff; font-size: 14px; padding: 8px 12px;  margin-top: 3px; display: inline-block; margin-bottom: 10px; border-radius: 0; outline: none; border:none}
.classic-webinars .upcoming-webinar li a:hover{background-color: #555; text-decoration: none;}
.classic-webinars .total-views{font-size: 11px; color: #919191; text-align: center;}
.classic-webinars .speaker-list{list-style: none; padding: 0px; }
.classic-webinars .speaker-list li{margin-bottom: 30px;}
.classic-webinars .speaker-list li .speaker-img{display: inline-block; font-family: 'Open Sans', sans-serif; min-height:48px; position: relative; padding-left: 62px}
.classic-webinars .speaker-list li .speaker-img img{margin-right: 10px; border:1px solid #e6e6e6; float: left; border-radius: 100%; width: 48px; height: 48px; position: absolute; left: 0; top: 0}
.classic-webinars .speaker-list li .speaker-info {font-size: 15px;font-weight: 600;display: inline-block;margin-top: 9px;color: #555;}
.classic-webinars .speaker-list li .speaker-info span {font-size: 15px;font-size: 13px;font-weight: 300;display: block;}
.classic-webinars .webinar-desc {display: none}
.classic-webinars .upcoming-webinar li .webinar-time {margin: 8px 0 0; display: block}

.classic-webinars .webinar-qa-modal {display: block}
.classic-webinars .webinar-qa-modal .qa-section {display: block; width: 100%}
.classic-webinars .webinar-qa-modal .qa-section > h3 {display: none !important;}
.classic-webinars .webinar-qa-modal .qa-list {padding: 2px 0}
.classic-webinars .webinar-qa-modal .qa-list .panel-heading {background: #f2f2f2}
/* classic webinar end */

/* webinar rating start */
.rate-btn {display: inline-block; margin-top: 15px}
#rating-modal {z-index: 1041; background: rgba(0,0,0,0.5)}
#rating-modal h4 {padding: 0; margin-bottom: 0; color: #fff; font-size: 16px}
#rating-modal .close {color: #fff; opacity: 0.9}
.rating-error {display: none; color: #c00; font-size: 12px; padding-bottom: 8px}
.rating-webinar-success {display: block; color: green; font-size: 16px; font-weight: bold; text-align: center; padding: 50px 30px 30px}
/* webinar rating end */

/* anu webinar start */

.anu-webinars {background: transparent url(../images/webinars-2.jpg) no-repeat center top / 100% auto; background-size: cover}
.anu-webinars .video {background: #fff; margin-bottom: 10px}
.anu-webinars .webinar-tabs {min-height: 485px; border: none}
.anu-webinars .webinar-tabs .panel-body {border:1px solid #ddd; border-top: none; padding: 14px 20px}
.anu-webinars .webinar-qa-modal .qa-section {height: 415px; overflow-y:auto}
.anu-webinars .webinar-tabs > .panel-body {background: #fff url(../images/qa-window-bg.jpg)}
.anu-webinars .webinar-qa-modal {background: transparent}
.anu-webinars .webinar-tabs .nav-tabs>li {float:none}
.anu-webinars .webinar-tabs .nav-tabs>li > a#qa {background: #666; padding: 8px 20px; color: #fff; border: none; margin: 0; font-weight: bold}
.anu-webinars #current-webinar-panel {background: #e3e3e3; padding: 10px 20px; border: 1px solid /*#169bd5*/#aaa; margin-bottom: 10px; min-height: 85px; -webkit-box-shadow: -1px 0px 5px 2px rgba(189,189,189,0.66);-moz-box-shadow: -1px 0px 5px 2px rgba(189,189,189,0.66);box-shadow: -1px 0px 5px 2px rgba(189,189,189,0.66)}
.anu-webinars #current-webinar-panel > h3 {font-weight: bold; margin-bottom: 10px}
.anu-webinars  .webinar-dates, .anu-webinars .webinar-time {margin-bottom:0}
.anu-webinars .upcoming-webinar {background: #fff; padding: 1px}
.anu-webinars .upcoming-webinar li {float: left; width: 48%; vertical-align:top; padding: 0; border-top: 1px solid #c4c4c4}
.anu-webinars .upcoming-webinar li:nth-child(odd){margin-right: 2%}
.anu-webinars .upcoming-webinar li:nth-child(even){margin-left: 2%}
.anu-webinars .upcoming-webinar li > .row {padding: 12px 20px; min-height: 86px}
.anu-webinars .webinar-speaker-row {background: #f1f1f1; padding: 12px 20px; border-top: 1px solid #c4c4c4; color: #666}
.anu-webinars .webinar-speaker-row em {font-size: 12px}
.anu-webinars .webinar-type {background: #d7d7d7; padding: 15px 80px; margin-bottom: 8px; display:inline-block}
.anu-webinars .webinar-type-future {background: #666; color: #fff}
/* anu webinar end */

/******************** VMUG Webinar Start ****************/
.vmug-webinars * { padding: 0; list-style: none; margin:0; box-sizing: border-box}
.vmug-webinars {font-family: 'Open Sans', sans-serif; color: #444444; background: #fff; position: relative; box-sizing: border-box}
.vmug-webinars a {color: #0067a8}
.vmug-webinars a:hover {color: #0888d9}
.vmug-webinars p {font-family: 'Open Sans', sans-serif; font-size: 14px}
.vmug-webinars h1, .vmug-webinars h2, .vmug-webinars h3, .vmug-webinars h4, .vmug-webinars h5, .vmug-webinars h6 {font-family: 'Open Sans', sans-serif; font-weight: 600}
.vmug-webinars a.btn {padding: 6px 12px; color: #fff}
.vmug-webinars .btn-primary {background: #0067a8}
.vmug-webinars .blue {color: #0067a8}
.vmug-webinars .bold {font-weight: bold}
.vmug-webinars .grey {color:#9e9e9e !important}
.vmug-webinars .speaker h3 {margin-top: 10px; margin-bottom: 4px; padding-bottom: 2px; font-size: 1.1em; color:#0067a8}
.vmug-webinars .speaker {text-align: center}
.vmug-webinars .speaker span {font-size: 0.9em; color: #2c2c2c}
.vmug-webinars .p-15 {padding: 15px}
.vmug-webinars .m10 {margin: 10px}
.vmug-webinars .incoming_msg_img {display: inline-block; width: 10%}
.vmug-webinars .incoming_msg_img .img-circle {border-radius: 50%}
.vmug-webinars .incoming_msg_img img {width: 45px}
.vmug-webinars .received_msg {display: inline-block; padding: 0 0 0 10px; vertical-align: top; width: 88%}
.vmug-webinars .received_msg h4 {margin: 0px 0px 5px 0px; font-size: 1em}
.vmug-webinars .msg_reply {margin-left: 8%; margin-top: 20px}
.vmug-webinars .received_msg span {margin-left: 5px}
.vmug-webinars .divider {border-bottom: 1px solid #ccc; padding-top: 10px; margin-bottom: 20px; width:100%}
.vmug-webinars .commentbox {border-bottom: 1px solid #ccc; padding-top: 22px; padding-bottom: 20px}
.vmug-webinars .form-control {padding: 6px 12px}
.vmug-webinars .pad0 {padding: 0}
.vmug-webinars nav {margin: 5px 0}
.vmug-webinars .live_attendee {display: block; margin: 10px 0px 20px 0; clear: both; min-height: 36px}
.vmug-webinars .live_attendee img {float: left}
.vmug-webinars .live_attendee h5 {float: left; margin: 10px 0 10px 15px; font-size: 1.1em}
.vmug-webinars .comments_col {background: #f7f7f7; position: fixed; right: 0; top: 0; height: 100%}
.vmug-webinars .eventText h4 {line-height: normal}
.vmug-webinars .eventText {margin-bottom: 15px}
.vmug-webinars .dblock {display: block}
.vmug-webinars .nav>li>a {padding: 18px 15px;}
.vmug-webinars .nav-tabs { border-bottom: 2px solid #DDD; }
.vmug-webinars .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.vmug-webinars .nav-tabs > li > a { border: none; color: #0067a8;  }
.vmug-webinars .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none;  color: #0067a8 !important; background: #fff; }
.vmug-webinars .nav-tabs > li > a::after { content: ""; background: #0067a8; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.vmug-webinars .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.vmug-webinars .tab-nav > li > a::after { background: #0067a8 none repeat scroll 0% 0%; color: #fff; }
.vmug-webinars .tab-pane { padding: 15px 0; }
.vmug-webinars .nav-tabs > li  {width:50%; text-align:center;font-size: 1.1em;font-weight: 600;}
.vmug-webinars .card {background: #f7f7f7 none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); margin-bottom: 30px}
.vmug-webinars .chat-app-window {position: relative; padding: 0px; background-color: #fff; border-top: #e7e8e8 solid 1px; overflow: hidden}
.vmug-webinars .chat-app-window .form-control, .vmug-webinars .chat-app-window .form-control:focus {border: none; box-shadow: inset 0 0px 0px rgba(255, 255, 255, 0), 0 0 8px rgba(255, 255, 255, 0); width: 100%; height: 80px !important; padding: 15px; font-family: 'Open Sans', sans-serif; color: #444444; font-size: 13px; margin-bottom: 1px; resize: none; white-space: normal !important}
.vmug-webinars .chat-utilities {padding: 0px 10px; margin-bottom: 10px; display: grid}
.vmug-webinars .chat-utilities .send-btn {text-align: right}
.vmug-webinars .send-btn i { font-size: 2em}
.vmug-webinars .question-scroll {padding: 0 20px 20px 20px}
.vmug-webinars a.reply_btn {text-decoration: none}
.vmug-webinars .replybox button {color: #0067a8; outline: none; font-size: 1.3em; margin-top: 5px; float: right; border: none; background: transparent}
.vmug-webinars iframe#vd-vault-1 {border: none; position:absolute; top:0; left:0; width:100%; height:100%}

@media all and (max-width:550px) {
    .vmug-webinars .comments_col {position: relative;}
    .vmug-webinars .card {margin-top: 20px; margin-bottom: 30px}
    .vmug-webinars .pad0 {padding: 5px}
}
@media all and (max-width:780px) {
    .vmug-webinars .comments_col {position: relative}
    .vmug-webinars .text_Sect .text-right{display: inline-grid}
    .vmug-webinars .text_Sect .text-right a.btn-success {margin-bottom: 10px}
}
@media all and (min-width:992px) {
    .vmug-webinars .dflex {display: flex}
}
@media all and (min-width:1920px) {
    .vmug-webinars .slimScrollDiv, .vmug-webinars .question-scroll {height: 81vh !important}
}
/******************** VMUG Webinar End ****************/
/******************** POSTER WEBINARS ****************/
/*---------------------------poster layout---------------------------------------*/
@font-face {
    font-family: 'SegoeUI';
    src: url('../fonts/SegoeUI.eot#iefix') format('//vepcss.b8cdn.com/fonts/embedded-opentype'),  url('../fonts/SegoeUI.woff') format('fonts/woff'), url('../fonts/SegoeUI.ttf')  format('truetype'), url('//vepcss.b8cdn.com/SegoeUI.svg#SegoeUI') format('svg');
    font-weight: normal;
    font-style: normal;
}
#poster-layout{
    background: url(../images/bg_01.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    font-family: 'SegoeUI';
    overflow-x: hidden;
}
#poster-layout, #poster-layout * {box-sizing: content-box}
#poster-layout a:hover, #poster-layout a{text-decoration: none}
#poster-layout .top-line-color{width: 100%; height: 40px; background-color: #6d76b6}
#poster-layout .container{max-width: 1600px; width: auto; margin: auto}
#poster-layout .wrapper-slide{margin-top: 50px; text-align: center}
#poster-layout .top-button{background-color: #7474c1; border-color: #7474c1; color: #fff; font-family: 'Arial'; font-size: 24px; padding: 10px 50px; border-radius: 70px}
#poster-layout .top-button:hover{color: #fff}
#poster-layout .top-button:hover{background-color: #6d76b6; border-color: #6d76b6}
#poster-layout .slide-divs{background-color: rgba(0,0,0,0.8); padding: 30px 20px 40px; margin-top: 40px; top: 10px; text-align: left}
#poster-layout .slide-sec{background-color: #cdcdcd; padding: 10px; border-radius: 10px 10px 0px 0px; margin: 0 10px}
#poster-layout .slide-sec-wrapper{display: flex; flex-direction: column}
#poster-layout .slide-sec-wrapper h4{font-size: 16px; text-align: center; color: #fff; margin-bottom: 30px}
#poster-layout .text-wrapper{background-color: #6d76b6 !important; margin-bottom: 10px}
#poster-layout .without-btn .text-wrapper{height: 126px}
#poster-layout .with-btn .text-wrapper{height: 100px}
#poster-layout .text-wrapper p{padding: 10px; font-size: 14px; color: #fff; height: 75px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4}
#poster-layout .img-wrapper img{width: 100%}
#poster-layout .img-wrapper{overflow: hidden}
#poster-layout .btn-wrapper{width: 100%; margin-bottom: 10px}
#poster-layout .btn-wrapper .btn{background-color: #dedfe2; border-color: #e0e0e0; color: #7474c1; font-size: 16px; padding: 15px 10px; display: inline-block; border-radius: 6px}
#poster-layout .QA-btn{width: 35%; margin-right: 5px; text-align: center}
#poster-layout .pdf-btn{color: #6d76b6; width: 46%; text-align: left; position: relative}
#poster-layout .pdf-btn img{display: inline-block; text-align: right; position: absolute; right: 10px}
#poster-layout .presentation-btn{width: 92%; text-align: center; font-family; 'Arial'; text-transform: uppercase}
#poster-layout .btn-favourit{width: 100%; padding: 70px 10px; background:none; font-family: 'Arial'; text-align: center}
#poster-layout .btn-favourit a{font-size: 22px; color: #fff; background-color: #7474c1; border-color: #7474c1; padding: 15px 50px; border-radius: 70px}
#poster-layout .btn-favourit a:hover{background-color: #7474c1; border-color: #7474c1}
#poster-layout .without-btn .img-wrapper{height: 270px; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover}
#poster-layout .sec-one .img-wrapper{background: url(../images/intro_03.png)}
#poster-layout .sec-two .img-wrapper{background: url(../images/dream_03.png)}
#poster-layout .with-btn .img-wrapper{height: 238px; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover}
#poster-layout .sec-three .img-wrapper{background: url(../images/2nd_03.png)}
#poster-layout .sec-four .img-wrapper{background: url(../images/car_03.png)}
#poster-layout .sec-five .img-wrapper{background: url(../images/img-5_03.png)}
#poster-layout .wrapper-slide .slick-initialized .slick-next{display: inline-block; position: absolute; right: -10%; width: 65px; height: 55px; background: url(../images/right_03.png); background-repeat: no-repeat; background-position: center; top: 45%; border: none; font-size: 0; cursor: pointer; background-size: cover}
#poster-layout .wrapper-slide .slick-initialized .slick-prev{display: inline-block; position: absolute; left: -10%; width: 65px; height: 55px; background: url(../images/Template-7_03.png); background-repeat: no-repeat; background-position: center; top: 45%; border: none; font-size: 0; cursor: pointer; background-size: cover}

.nav-tabs-poster {display: none !important}
#poster-layout .slide-divs.fade {display: none}
#poster-layout .slide-divs.fade.active {display: block}

@media (min-width: 1500px) and (max-width:1800px){
    #poster-layout .container{max-width: 1300px !important}
    #poster-layout .wrapper-slide .slick-initialized .slick-prev{left: -9%}
    #poster-layout .wrapper-slide .slick-initialized .slick-next{right: -9%}
}
@media (min-width: 1350px) and (max-width:1499px){
    #poster-layout .container{max-width: 1100px !important}
    #poster-layout .QA-btn{width: 32%}
    #poster-layout .pdf-btn{width: 46%}
}
@media (min-width: 1200px) and (max-width:1349px){
    #poster-layout .container{max-width: 900px !important}
    #poster-layout .wrapper-slide .slick-initialized .slick-prev{left: -18%}
    #poster-layout .wrapper-slide .slick-initialized .slick-next{right: -18%}
    #poster-layout .QA-btn{width: 32%}
    #poster-layout .pdf-btn{width: 48%}
}
@media (min-width: 1024px) and (max-width:1199px){
    #poster-layout .container{max-width: 800px !important}
    #poster-layout .wrapper-slide .slick-initialized .slick-prev{left: -12%; width: 55px; height: 45px}
    #poster-layout .wrapper-slide .slick-initialized .slick-next{right: -12%; width: 55px; height: 45px}
    #poster-layout .QA-btn{width: 32%}
    #poster-layout .pdf-btn{width: 45%}
}
@media (min-width: 750px) and (max-width:1023px){
    #poster-layout .container{max-width: 600px !important}
    #poster-layout .wrapper-slide .slick-initialized .slick-prev{left: -13%; width: 55px; height: 45px}
    #poster-layout .wrapper-slide .slick-initialized .slick-next{right: -13%; width: 55px; height: 45px}
    #poster-layout .top-button{font-size: 24px; padding: 12px 50px}
    #poster-layout .btn-favourit a{font-size: 18px; padding: 10px 40px}
    #poster-layout .btn-favourit{padding: 70px 10px}
    #poster-layout .QA-btn{width: 32%}
    #poster-layout .pdf-btn{width: 44%}
}
@media (min-width: 600px) and (max-width:749px){
    #poster-layout .container{max-width: 450px !important}
    #poster-layout .wrapper-slide .slick-initialized .slick-prev{left: -16%; width: 50px; height: 44px}
    #poster-layout .wrapper-slide .slick-initialized .slick-next{right: -16%; width: 50px; height: 44px}
    #poster-layout .btn-favourit a{font-size: 16px; padding: 15px 40px}
    #poster-layout .btn-favourit{padding: 50px 10px}
    #poster-layout .top-button{font-size: 18px; padding: 10px 40px}
    #poster-layout .QA-btn{width: 32%}
    #poster-layout .pdf-btn{width: 44%}
}
@media (max-width:599px){
    #poster-layout .container{max-width: 350px !important}
    #poster-layout .wrapper-slide .slick-initialized .slick-prev{left: -20%; width: 40px; height: 36px}
    #poster-layout .wrapper-slide .slick-initialized .slick-next{right: -20%; width: 40px; height: 36px}
    #poster-layout .btn-favourit a{font-size: 16px; padding: 15px 40px}
    #poster-layout .btn-favourit{padding: 50px 10px}
    #poster-layout .top-button{font-size: 18px; padding: 10px 40px}
}
@media (max-width:500px){
    #poster-layout .container{max-width: 350px !important}
    #poster-layout .wrapper-slide .slick-initialized .slick-prev{left: -10%}
    #poster-layout .wrapper-slide .slick-initialized .slick-next{right: -10%}
}
@media (max-width:420px){
    #poster-layout .container{max-width: 300px !important}
    #poster-layout .wrapper-slide .slick-initialized .slick-prev{left: -10%}
    #poster-layout .wrapper-slide .slick-initialized .slick-next{right: -10%}
    #poster-layout .pdf-btn{width: 43%}
}

/* poster new css*/
#poster-layout .slide-sec ul{list-style: none; padding: 0}
#poster-layout .slide-sec ul li{display: inline-block; width: 50%}
#poster-layout .QA-btn{width: 78%; padding-left: 5px; padding-right: 5px}
#poster-layout .pdf-btn{width: 78%; padding-left: 5px; padding-right: 5px}
#poster-layout .btn-wrapper table{width: 100%; border: none; text-align: center}
#poster-layout .btn-wrapper table td{width: 50%}
#poster-layout .slimScrollDiv2, #poster-layout .slimScrollDiv{background-color: #6d76b6 !important; padding: 10px; overflow: hidden; display: -webkit-box; margin-bottom: 10px}
#poster-layout .slim-scroll{font-size: 14px; color: #fff}
#poster-layout .without-btn .text-wrapper{}
#poster-layout .with-btn .text-wrapper{}
#poster-layout .img-wrapper img{width: 100%;object-fit: contain}
#poster-layout .text-wrapper{font-size: 14px;color: #fff}
#poster-layout .slide-sec .img-wrapper{background: none !important}

@media (min-width: 1350px) and (max-width:1399px){
    #poster-layout .with-btn .img-wrapper {max-height: 238px}
    #poster-layout .without-btn .img-wrapper{height: 270px}
}
@media (min-width: 1400px) and (max-width:1499px){
    #poster-layout .with-btn .img-wrapper {max-height: 197px}
    #poster-layout .without-btn .img-wrapper {height: auto}
}
@media (min-width: 1024px) and (max-width:1199px){
    #poster-layout .with-btn .img-wrapper {max-height: 185px}
    #poster-layout .without-btn .img-wrapper{height: auto}
}
@media (min-width: 1200px) and (max-width:1349px){
    #poster-layout .with-btn .img-wrapper {max-height: 218.5px}
    #poster-layout .without-btn .img-wrapper {max-height: 283px; height: auto}
}
@media (min-width: 750px) and (max-width:1023px){
    #poster-layout .with-btn .img-wrapper {max-height: 213px}
    #poster-layout .without-btn .img-wrapper{height: 245px}
}
@media (max-width:420px){
    #poster-layout .with-btn .img-wrapper {max-height: 193px}
    #poster-layout .without-btn .img-wrapper{height: 225px}
}
/******************** POSTER WEBINARS END ****************/

.qa-embed-section {width:100% !important; background: #fff; padding-top:0; padding-bottom: 0}
.qa-embed-section, .qa-embed-section * {box-sizing: border-box}
.qa-embed-section .qa-embed-list {padding: 0}
.qa-embed-section > h3 {display: none !important}
.qa-embed-section .panel, .qa-embed-section textarea {font-family: "Proxima Nova",Arial,sans-serif}
.qa-embed-input {padding-bottom: 10px; margin-bottom: 11px; margin-top: 0; background: #fff; border-bottom: 1px solid #ddd; border-top:none}
.qa-embed-input textarea {height: 45px}
.qa-embed-input #btn-qa-embed-send {height: 44px}
.qa-embed-section .qa-embed-list .panel-title a {height: auto; display: inline-block}
.qa-embed-section .qa-embed-list .panel-title > a {width: 85%}
.qa-embed-section .qa-embed-list .panel-title > span {width: 15%; text-align: right; display: inline-block; vertical-align:top}
.qa-embed-section .qa-embed-list .panel-title > span > a.qa-embed-hide-q, .qa-embed-section .qa-embed-list .panel-title > span > a.qa-embed-ban-u {font-weight: bold}
.qa-embed-filters {padding: 0 0 10px; text-align: right}
.qa-embed-filters ul {margin: 0; padding: 0; display: inline-block; list-style: none}
.qa-embed-filters ul li {margin: 0; padding: 0 10px; display: inline-block; list-style: none; vertical-align: top; border-right: 1px solid #ccc}
.qa-embed-filters ul li:last-child {border-right: none}
.qa-embed-filters ul li a {text-decoration: none}
.qa-embed-users .qa-embed-user > div {border: 1px solid #ccc; text-align: left; height: 50px; padding: 11px 10px 10px; margin-bottom: 20px; display: flex; width: 100%; align-items: center; font-weight: bold; font-family: 'Proxima Nova Bold', sans-serif; font-size: 14px; line-height: 16px}
.qa-embed-users .qa-embed-user > div > label {width: 70%; margin: 0}
.qa-embed-users .qa-embed-user > div > a {margin-left: auto}
.qa-embed-list .qa-row > span {font-family: "Proxima Nova",sans-serif; font-weight: normal}
.qa-embed-ban-u {margin-right: 10px}
.qa-embed-banned-u {margin-right: 10px; text-decoration: none !important;}
.modal-webinar-full .qa-section.qa-embed-section {display: block}
#tabs1.ui-tabs .ui-tabs-panel .qa-embed-section {margin: -20px 0}
#tabs1.ui-tabs .ui-tabs-panel {height: 330px}
.text-bold {font-weight: bold; font-family: "Proxima Nova Bold",sans-serif}

a.lnk-webinar-calendar, .wda-tabs a.btn-webinar-schedule {display: inline-block; padding: 6px 10px; border: 1px solid #ccc !important; background: #f7f7f7 !important; text-decoration: none; color: #333}
a.lnk-webinar-calendar span, .wda-tabs a.btn-webinar-schedule span {margin-right: 5px}

/******************** POPUP Q&A END ****************/

.vjf-nav li {line-height: 34px}
.vjf-nav .fa {margin-right: 5px; font-size: 20px; margin-bottom: 2px; vertical-align: middle}
.vjf-nav .dropdown-menu {background: #1eb3f3; border-radius: 0}
.vjf-nav .dropdown-menu li {border-right: none; display: block}

@media (min-width: 1280px) {
  .classic-webinars .video iframe {min-height: 368px}
  .anu-webinars .video iframe {min-height: 390px}
}

@media (min-width: 993px) {
    .webinar-qa-open .qa-section {min-height: 550px}
    #osponsor-section.home-container .left {width: 37.4%;}
}
@media (min-width: 768px) {
  .modal-dialog {
    margin-top: 80px
  }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media (max-width: 1024px) {
    .modal-webinar-full .block-overlay {display: none !important;}
    .webinar-modal .webinar-video, .QA-container, .webinar-modal .vd-player iframe, iframe#webinar-doc-viewer {border-radius:0 !important}
}
@media (max-width: 992px) {

  .QA-window .user-title .user-dp{width: 50px; height: 50px; bottom: -25px;}
  
  .vjf-header .col-md-3 {text-align: center; position: relative}
  .vjf-header .wrap-header, .home-wrapper, .footer-container, .footer-container .left, .footer-container .right {
    width: 100%
  }
  .main-nav, .home-container, .home-wrapper .body-container, .banner_wrapper {width: 96%}
  .bighrader-bg, .banner_container .thumbScroller,
  .main-wrapper, .banner_container .thumbScroller .container, .view-booth-bg, .view-booth-bg img, .bighrader-bot-bg {
    width: 100%
  }
  .view-booth-bg {height: auto}
  .view-booth-bg img {margin-top: 35px; margin-bottom: 20px}
  .Main-Large-View-Booth-Class-Ash .body-container {height: auto}
  .TabsContainerForAllBooths {width: 100% !important}

  
  .icon-nav {width: 24px; height: 24px; background-size: 24px 24px; margin-right: 5px}

    .home-container .left {width: 36.4%}
  
  .main-nav {height: auto; margin-top: 15px; font-size: 14px}
  .main-nav ul li {width: 49%}
  .main-nav ul li:nth-child(even) {border-right: none}
  .body-wrapper {height: 500px}
  #vjfModal .modal-dialog {width: 95%}
  .progace-bar, .progace-bar .right {width: 91% !important}
  #SecondPageLoader {margin: 208px 0 0 8px !important}
  .top-search {margin-bottom: 10px; margin-top: 10px}
  
  .menu-top {float: none; text-align: center; display: none}
  .menu-top .nav-tabs {border-left: none; display: inline-block; float: none}
  .menu-top .nav-tabs .dropdown-menu {margin: 1px auto 0 15px; width: 90%}
  .short-menu {display: inline-block; position: absolute; top:20px; right: 3px}
  .navbar-default {background: none; border: none; margin-bottom: 0; float: right}
  .navbar-header {margin: 0 !important}
  .navbar-toggle {margin: 5px 0 0}
  .navbar-collapse.collapse.in {display: block !important}
  .navbar-collapse {padding: 0; text-align: left; font-size: 14px; background: #e1e1e1; margin-top: 15px}
  .navbar-collapse ul.nav {border-top: 1px solid #ddd}
  .navbar-collapse ul li:first-child {padding: 6px 0; padding-left: 15px}
  .navbar-collapse ul li {display: block; float: none; border-bottom: 1px solid #eee}
  .navbar-collapse ul li a {font-size: 14px}
  
  .vjf-modal .modal-body  {min-height: 100%; max-height: 100%; padding: 5px 5px 15px}
  
  .bighrader-bot-bg {position: relative}
  .bighrader-bot-bg .pre-but {position: absolute; left:0; top:0; width: 50px}
  .bighrader-bot-bg .next-but {position: absolute; right:5px; top:0; width: 50px}
  .all-buts-container {float: none; width: 100%; margin: 6px 60px 0 61px; display: none}
  #tabs1 > ul > li > a {padding: 15px 10px 15px 40px; background-position: 10px center}
  .home-container .user-online-container {width: 100% !important; margin-top: 15px}
  
  .all-buts-container.mob-booth-menu {display: block; width: auto}
  .mob-booth-menu .navbar-nav {margin: 0}
  .mob-booth-menu .navbar-nav > li > a {padding: 0}
  .mob-booth-menu .navbar-nav .open .dropdown-menu {position: absolute; background: #f2f2f2}
  .mob-booth-menu .navbar-nav .open .dropdown-menu li {border-bottom: 1px solid #ccc}
  .mob-booth-menu .navbar-nav .open .dropdown-menu li:last-child {border-bottom: none}
  .mob-booth-menu .navbar-nav .open .dropdown-menu li a {color: #333; font-size: 14px; font-family: Arial; font-weight: bold}
  .mob-booth-menu .all-but {padding: 9px 12px 10px; height: 34px}
  .bighrader-left-arrow, .bighrader-right-arrow {display: none !important}

  #announcement-section {padding: 15px 0}
  #announcement-section p {padding-top: 0}

  /* left dock menu */
  body, html {overflow-x: hidden; height: 100%}
  .navbar-toggle {display: inline-block !important;}

  .wrapper.hall-wrap.collapse {display: block !important}
  .wrapper.hall-wrap {
    position: relative;
    height: 100%;
    width: 100%;
    left: 0;
    -webkit-transition: left 0.4s ease-in-out;
    -moz-transition: left 0.4s ease-in-out;
    -ms-transition: left 0.4s ease-in-out;
    -o-transition: left 0.4s ease-in-out;
    transition: left 0.4s ease-in-out;
  }

  .wrapper.hall-wrap {transition: left 0.6s; -webkit-transition: left 0.6s}
  .wrapper.hall-wrap.in {left: 240px; height: 100% !important}
  .hall-wrap.in > .body-wrapper {position: initial}
  .hall-wrap .vjf-header .col-md-3, .hall-wrap .vjf-header .col-md-4, .hall-wrap .vjf-header .col-md-5 {text-align: center !important; width: 100% !important}

  .short-menu {left:3px; right: auto}
  .main-nav {position: absolute; transition: left 0.6s; -webkit-transition: left 0.6s; left: -240px; top: 0; width: 240px !important; height: 100% !important;; box-sizing: border-box}
  .main-nav, .main-nav * {box-sizing: border-box}
  .main-nav ul li {width: 100% !important;/*; border-bottom-color: #c35724*/ border-right: none !important;}
  .wrapper.hall-wrap.in .main-nav {position: fixed; overflow-y: auto; left: 0}
  .navbar-default .navbar-toggle {border-color: #989898}
  .main-nav .open>.dropdown-menu {position: relative}
  .main-nav ul li .dropdown-backdrop {display: none !important}
  /* left dock menu end */
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  .QA-window .user-title .user-dp{width: 70px; height: 70px;}
  .QA-window .reply-box{width: 95.5%;}
  .QA-container{margin-top: 30px;}
}

@media (max-width: 767px) {
    .main-nav {height: auto}
  #sponsor-section {text-align: center}
  #sponsor-section img {width:200px !important}
  .vjf-header .col-md-3 {text-align: center}
  
  .cinema .view-webinars {padding: 0}
  .cinema .view-webinars a {display: inline-block; width: 100%; min-height: 200px}
  .home-container .left {float: none; width: 100% !important}
  .cinema {background-image: url(../images/bgwebinar-sm.jpg); margin: 0 7px}
  marquee {margin: 0 5px}
  .welcome-text {width: 96%}
  /*.lobby-3d {display: none !important}*/
  body > .wrapper.hall-wrap {display: block}
  
  /* leaderbaord */
  .leaderboard, .leaderboard * {box-sizing: border-box}
  .leaderboard {padding: 10px}
  .leader {padding-left: 48px}
  .leader span {font-size: 28px; line-height: 38px; width: 40px}
  .leaderboard img {max-width: 100%}

  .modal-open #vjfModal {position: fixed !important;}
  .modal-open #vjfModal.modal {top: 50px !important;}
  /* leaderbaord end */
}

@media (max-width: 640px) {
  #tabs1 > ul > li > a {padding: 13px 10px 13px 30px; background-size: 16px 16px !important; font-size: 13px}
  .tab-video ul li span {font-size: 12px; max-height: 30px; overflow: hidden; max-width: 60%; text-overflow: ellipsis; white-space: nowrap}
  
  .webinar-qa iframe, .webinar-qa #vd-vault-1 {width: 65%}
  .qa-section {width: 35%; height: 92%}
  .qa-input-field {padding-right: 0}
  .qa-input textarea {height: 70px}
  .qa-input input {position: relative; top: auto; right: auto}
}

/******** webinar popup video responsive height ********/
@media (min-width: 1801px) and (max-width:1920px) {
    .webinar-modal .webinar-video, .QA-container, .webinar-modal .vd-player iframe {max-height: 750px !important; min-height: 750px !important; height: 750px !important}
    .webinar-video iframe#vd-vault-1 {max-height: 750px !important; min-height: 750px !important; height: 100% !important}
    .webinar-full-screen.webinar-modal .webinar-video, .webinar-full-screen .QA-container, .webinar-full-screen.webinar-modal .vd-player iframe {max-height: 910px !important; min-height: 910px !important; height: 910px !important}
    .webinar-full-screen .webinar-video iframe#vd-vault-1 {max-height: 910px !important; min-height: 910px !important; height: 100% !important}
}
@media (min-width: 1601px) and (max-width:1800px) {
    .webinar-modal .webinar-video, .QA-container, .webinar-modal .vd-player iframe {max-height: 680px !important; min-height: 680px !important; height: 680px !important}
    .webinar-video iframe#vd-vault-1 {max-height: 680px !important; min-height: 680px !important; height: 100% !important}
    .webinar-full-screen.webinar-modal .webinar-video, .webinar-full-screen .QA-container, .webinar-full-screen.webinar-modal .vd-player iframe {max-height: 840px !important; min-height: 840px !important; height: 840px !important}
    .webinar-full-screen .webinar-video iframe#vd-vault-1 {max-height: 840px !important; min-height: 840px !important; height: 100% !important}
}
@media (min-width: 1460px) and (max-width:1600px) {
    .webinar-modal .webinar-video, .QA-container, .webinar-modal .vd-player iframe {max-height: 620px !important; min-height: 620px !important; height: 620px !important}
    .webinar-video iframe#vd-vault-1 {max-height: 620px !important; min-height: 620px !important; height: 100% !important}
    .webinar-full-screen.webinar-modal .webinar-video, .webinar-full-screen .QA-container, .webinar-full-screen.webinar-modal .vd-player iframe {max-height: 780px !important; min-height: 780px !important; height: 780px !important}
    .webinar-full-screen .webinar-video iframe#vd-vault-1 {max-height: 780px !important; min-height: 780px !important; height: 100% !important}
}
@media (min-width: 1300px) and (max-width:1459px) {
    .webinar-modal .webinar-video, .QA-container, .webinar-modal .vd-player iframe {max-height: 550px !important; min-height: 550px !important; height: 550px !important}
    .webinar-video iframe#vd-vault-1 {max-height: 550px !important; min-height: 550px !important; height: 100% !important}
    .webinar-full-screen.webinar-modal .webinar-video, .webinar-full-screen .QA-container, .webinar-full-screen.webinar-modal .vd-player iframe {max-height: 710px !important; min-height: 710px !important; height: 710px !important}
    .webinar-full-screen .webinar-video iframe#vd-vault-1 {max-height: 710px !important; min-height: 710px !important; height: 100% !important}
}
@media (min-width: 993px) and (max-width:1299px) {
    .webinar-modal .webinar-video, .QA-container, .webinar-modal .vd-player iframe {max-height: 480px !important; min-height: 480px !important; height: 480px !important}
    .webinar-video iframe#vd-vault-1 {max-height: 480px !important; min-height: 480px !important; height: 100% !important}
    .webinar-full-screen.webinar-modal .webinar-video, .webinar-full-screen .QA-container, .webinar-full-screen.webinar-modal .vd-player iframe {max-height: 480px !important; min-height: 640px !important; height: 640px !important}
    .webinar-full-screen .webinar-video iframe#vd-vault-1 {max-height: 640px !important; min-height: 640px !important; height: 100% !important}
}


/********Survey Start Rating********/
#survey_frm_questions .list-group input[type=radio] {
    float: left;
    position: relative;
    margin-left: 0;
}
#survey_frm_questions .list-group-item span label {
    padding-left: 25px;
    padding-top: 2px;
    text-align: left;
}

.starrr a {
    font-size: 30px;
    padding: 0 1px;
    cursor: pointer;
    color: #FFD119;
    text-decoration: none;
}
.starrr {
    display: block;
}

.fa-star.fa-star-emp {
    color: #cacaca;
}

.Documents-for-tracking-clicks .btn-default,
.Videos-for-tracking-clicks .btn-default {
  height: 15px;
  margin-left: 5px;
  line-height: 15px;
}


/* Booth Listing Module */
.docrows.booth-listing-custom {
    overflow-x: hidden;
    background: white;
    overflow-y: hidden;
    max-height: fit-content;
 }
 .booth-listing-custom .docrow {
  position: relative;
  padding: 10px;
  border-bottom: 1px solid #d5d4d4;
  width: 45%;
  display: inline-block;
  margin: 10px;
 }


.bighrader-bot-bg{height:auto;}
.Main-Large-View-Booth-Class-Ash .home-container {
    padding-top: 10px;
}
.btn-ref-qa-embed{display: block;}
.qa-embed-section .qa-embed-list .panel-title small{display:block;padding-top: 5px;}
.qa-embed-section .qa-embed-list .panel-title > span{
    position: absolute;
    right: 10px;
    top: 5px;
}
.qa-embed-section .qa-embed-list .panel-title{
    position:relative;
}
.qa-embed-section .qa-embed-list .panel-title > a {
    word-break: break-all;
}
@media screen and (max-width: 767px) {
.qa-embed-section .qa-embed-list .panel-title > a {
    width:75%;
}
.qa-embed-section .qa-embed-list .panel-title > span{
    width:25%;
}
}

@media (max-width: 991px){
    .tab-video ul li span {
        max-width: 44%;
    }
    .tab-video ul li span {
        font-size: 12px;
        max-height: 30px;
        overflow: hidden;
        max-width: 60%;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
@media (max-width: 767px){
    .tab-video ul li span {
        max-width: 44%;
    }
    .tab-video ul li span {
        font-size: 12px;
        max-height: 30px;
        overflow: hidden;
        max-width: 46%;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
@media (max-width: 480px){
    .tab-video ul li a.btn.btn-primary {
        padding: 6px 0;
        font-size: 12px;
    }
    .mob-booth-menu .all-but {
        padding: 8px 6px 5px;
        height: 34px;
        font-size: 11px;
    }
}
@media screen and (max-width:430px){
    .Documents-for-tracking-clicks .btn {
        float: right;
        text-align: center;
        padding: 4px 10px;
    }
    .Documents-for-tracking-clicks .btn .invite {
        padding: 0 5px;
    }
    .tab-video ul li span {
        max-width: 40%;
    }
    .invite {
        padding: 0px 5px;
    }
    .Videos-for-tracking-clicks li .btn {
        font-size: 11px;
    }
}

#vjf-notif.vjf-notif-theme7.minimized .vjf-notif-rows {display: none}
#vjf-notif.vjf-notif-theme7.minimized {bottom: 0}

.fa-window-minimize{
    width: 86%;
    height: 35px;
    position: absolute;
    left: 0;
    top: 5px !important;
}

.fa-window-maximize{
    width: 88%;
    height: 35px;
    position: absolute;
    left: 0;
    top: 10px !important;
}

.vjf-header p#announcement-section {
    padding-top: 5px !important;
}
.top-search {
    margin-top: 0px !important;
}
.top-search label {
    margin: 0;
}

@media(max-width: 768px) {
    .chatwidget {
        position: fixed;
        right: -350px !important;
        width: 340px !important;
        top: 102px;
        border: 1px solid #ccc;
        background-color: #ddd;
        z-index: 999;
        border-radius: 8px;
    }
    .chatwidget.active {
        right: 0 !important;
    }
    .widget-btn svg {
        height: 24px !important;
    }
    #widget-chat-txt {
        display: none;
    }
    .chatwidget .sideButton {
        width: 95px !important;
    }
}

.addeventatc {
    z-index: 999;
}

@media (min-width: 993px) and (max-width: 1299px){

    .webinar-video .embedded_zoom#vd-vault-1 {
        max-height: 620px !important;
        min-height: 620px !important;
        height: 100% !important;
        margin-top: -102px;
    }
    .webinar-modal .webinar-video{
        min-height: auto !important;
    }
}