/* css for viewer starts here */
.hide-viewer{display: none !important;}
.viewer-meeting-content{left: 30px;width: calc(100% - 90px);}
.viewer-meeting-content .meeting-screen{height: calc(100% - 30px);width: calc(100% - 325px);}
.viewer-meeting-content .meeting-cam{width: 300px;}
.viewer-right{float: right !important;}
.notpresenter{display: none;}
a:hover, a:focus{text-decoration: none;}
li.video.transparent-tooltip {position: relative;top: 1px;}
li.sound.transparent-tooltip {position: relative;top: -3px;}
.viewer-meeting-tools .viewer-menu{display: block;float: right;}
.viewer-cam.meeting-cam .cam-tools{bottom: 0px;}
.meeting-tools ul li.video span{left: 13px;}
.viewer-cam-height{height: 223px !important;}
.viewer-chatbox {float: left;width: 100%;height: calc(100% - 225px);overflow: hidden;border-radius: 3px;position: relative;}
.viewer-chatbox ul.nav.nav-pills.meeting-chat li {padding: 10px 15px 0px 15px;line-height: 45px;}
.viewer-chatbox ul.nav.nav-pills.meeting-chat li.active a {border-radius: 0px;}
.viewer-chat{position: relative;width: 100%;height: 100%;}
.viewer-chat .chat-box{width: 100% !important;}
.viewer-chat .chat-scroll{height: calc(100% - 60px) !important;}
.viewer-question .chat-scroll{height: calc(100% - 60px) !important;
    width: 100%;}
    .viewer-question .chat-scroll::-webkit-scrollbar {
        width: 10px;
    }
    .viewer-question .chat-scroll::-webkit-scrollbar-track {
        background: #f1f1f1; 
    }
    .viewer-question .chat-scroll::-webkit-scrollbar-thumb {
        background: #888; 
    }
    .viewer-question .chat-scroll::-webkit-scrollbar-thumb:hover {
        background: #555; 
    }
.viewer-question{position: relative;width: 100%;height: 100%;}
.viewer-chat .send-chat{width:calc(100% - 20px);}
.viewer-question .send-chat{width:calc(100% - 20px);}
.viewer-chatbox .chat-content{padding-top: 15px;}
.viewer-info{width: calc(100% - 443px) !important;height: 24px !important;}
.viewer-audio{bottom: 0px !important;width: calc(100% - 354px) !important;}
.ts-addOptionbtn svg, .ts-add-poll svg{width: 15px;margin-right: 5px;position: relative;top: 3px;}
.poll-tools svg{margin:-3px 4px}
.addQstnPoll{display: block;min-height: 42px;border-radius: 4px;border: 0;margin-bottom: 20px;text-align: left;padding: 5px 10px;font-weight: 400;display: block;line-height: 32px;cursor: pointer;}
.addQstnPoll svg{height: 15px;position: relative;top:3px;}
.small-round-btn{display: none;}
ul.dropdown-menu.mood-dropdown li img{padding-right: 5px;}
ul.dropdown-menu.mood-dropdown li{font-weight: 400;text-transform: uppercase;font-size: 11px;}
/* css fix for main theme */
.smalltablet{display: none;}
.meeting-sidebar ul.nav.nav-pills.meeting-chat li.active a{display: inline-block;}
ul.dropdown-menu.drop-sub-menu{margin-top: 10px;box-shadow: none;}
ul.dropdown-menu.drop-sub-menu li{height: 30px !important;}
ul.dropdown-menu.drop-sub-menu li a{font-size: 11px !important;text-transform: uppercase;}
ul.dropdown-menu.drop-sub-menu li:hover{box-shadow: none !important;}
.meeting-sidebar{overflow: inherit;height: calc(100% - 100px);}
.send-chat.dropup{bottom: 20px;}
.meeting-info {width: 300px;float: left;height: 90px;position: absolute;overflow: hidden;border-radius: 3px;bottom: 0px;font-size: 10px;padding: 5px;font-weight: 400;padding-top: 10px;}
.rose-text{font-weight: 400;}
.viewer-chatbox ul.nav.nav-pills.meeting-chat li a {font-size: 12px;font-weight: 400;padding: 0px;}
.form-radio.modal-radio span{font-weight: 300;position: relative;top: -2px;}
.form-radio.modal-radio{padding-bottom: 1px;}
h4.poll-head{margin-bottom: 20px;margin-top: 25px;font-weight: 300px;font-size: 17px;}
.tablet{display: none;}

.hide-presenter{display: none !important}
.viewer-question-card{padding: 0px 10px 0px 10px;width: calc(100% - 15px);float: left;overflow: hidden;margin-bottom: 0px;margin-top:7px;padding-right: 15px;}
.viewer-question-card h4{font-size: 11px;font-weight: 600;margin-top: 0px;margin-bottom: 5px;margin-left:5px;font-style: italic;}
.viewer-question-card .question-content{line-height: 15px;}

.viewer-answer-forum{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 999;}
.viewer-answer-forum .answer-bg{margin: 15px 0px 0px 15px;width: calc(100% - 30px);}
.viewer-answer-forum .reply-bg{width: calc(100% - 110px);margin: 15px 0px 0px 0px;}
.viewer-answer-forum .answer-content{height: calc(100% - 37px);}
.viewer-answer-forum .send-chat{left: 15px;width:calc(100% - 30px);bottom: 8px;}
.viewer-answer-forum .send-chat .msg-privacy{width: 25px;}
.msg-privacy .caret{position: relative;top:-2px;}

.presenter-chat-settings{position: absolute;right: 10px;top: 22px;cursor: pointer;}
.presenter-chat-settings .presenter-settings-dropdown{left: -200px;right: 0px;width: 230px;top: 25px;}
.presenter-chat-settings  ul.presenter-settings-dropdown li a{font-weight: 300 !important;font-size: 11px !important;text-transform: uppercase !important;}
.send-chat ul li a{font-weight: 300 !important;font-size: 11px !important;text-transform: uppercase !important;}
.presenter-chat-settings  ul.presenter-settings-dropdown li{padding: 5px 15px !important;}
.send-chat .msg-privacy{cursor: pointer;height: 24px;position: relative;top:-7px;}
.send-chat .msg-privacy img{position: relative;top: 0px;}
.msg-privacy .caret{position: relative;top:5px;}
.tokbird-presenter-chat{display: none;}
.meeting-presenter-sidebar{display: none;}
.meeting-right-links.pull-right .meeting-language .dropdown-menu{right: 0px;left: inherit}
.mobile-logo{display: none;}
.dial-smalltext{display: block;text-align: center;text-transform: uppercase;}
.meeting-info .dial-bigtext{display: block;text-align: center;font-size: 22px;margin-top: 3px;margin-bottom: 3px !important;}
.tablet-block{display: none;}

/* recent modification of design */
.meeting-quicklinks .meeting-controls{margin-top: 0px;}
button.btn.btn-transparent.dropdown-toggle.desktop.lang-btn{border: none;}
.chat-content .chat-box .chat-avatar{display: none;}
.chat-content .chat-box .chat-msg{width:calc(100% - 15px);padding: 0px !important;box-shadow: none;}
.chat-content{padding-top: 15px;height: calc(100% - 79px);top:80px;}
.single-chat-window{position: absolute;height: 30px;width: 100%;line-height: 30px;top: 60px;}
.close-singlechat {width: 20px;height: 30px;float: right;position: absolute;left: 65px;top: -1px;}
.single-chat-window ul{list-style: none;display: block;height: 30px;margin: 0;padding: 0 20px;z-index: 1;position: relative;}
.single-chat-window ul li{float: left;width: 86px;padding-left: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-right: 22px;transition: 0.3s all;position: relative;cursor: pointer;}
.meeting-quicklinks .meeting-controls ul {right: 0;left: auto;z-index: 1500;}
.attendee-list .scroll-div{position: relative;z-index: 10;}
ul.scroll-div.racelist{max-height: 100px !important;}
.chat-content .chat-box .chat-msg .chat-name{font-style: italic;text-transform: capitalize;font-weight: 400;}
.meeting-content .meeting-forum{width:calc(100% - 270px);height: 195px;left: 15px;}
.meeting-content{width: calc(100% - 405px);padding-left: 15px;left: 360px;}
.meeting-screen{width:calc(100% - 255px);}
.info-btn{border-radius: 50%;width:42px;height:42px;display: inline-block;box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.05);}
.meeting-right-links > ul{float: right;margin-bottom: 0px;}
.meeting-right-links > ul > li.info-link{margin-top: 0px;}
.meeting-right-links > ul > li.language-drop{padding-top: 15px;}
.info-btn img{position: relative;top:12px;}
.meeting-quicklinks{float: right;padding-top: 20px;height: 72px;margin-top: 0px;}
.meeting-tools { max-width: 600px; float: left;padding-right: 30px;}
.meeting-right-links > ul > li.info-link a{display: inline-block;}
.meeting-quicklinks .meeting-controls{width:auto;padding-top: 15px;}
button.btn.btn-meeting.dropdown-toggle:active{box-shadow: none;border:none;outline:none;}
.qc-viewer-name{font-size: 11px;font-weight: 600;padding-top: 15px;margin-bottom: 0px;text-transform: capitalize;font-style: italic;float: left;width: 120px;}
.qc-viewer-question{float: left;width:calc(100% - 240px);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-top: 15px;}
.qc-viewer-view{float: left;width:40px;text-align: center;}
.qc-viewer-verbal{float: left;width:40px;text-align: center;}
.qc-viewer-write{float: right;width:40px;text-align: center;}
.meeting-content .meeting-forum .tab-content .question-card {padding: 0px 15px 0px 0px;width: calc(100% - 15px);float: left;min-height: 30px;overflow: hidden;margin-bottom: 0;padding-right: 15px;box-shadow: none;}
.meeting-content.viewer-meeting-content{left: 60px;width:calc(100% - 105px);}
.meeting-quicklinks.tb-viewer{width:300px;}
.question-content.paq-content{display: inline-block;}
h4.paq-head {float: left;max-width: 300px;padding-right: 10px;margin-left: 3px;margin-top: 3px;}
.pas-content{display: inline-block;}
h4.pas-head {float: left;max-width: 300px;padding-right: 10px;margin-left: 18px; font-size: 12px;}
.meeting-info.viewer-info{margin-left: 13px;border: none;background: transparent;padding: 0px;}
.meeting-info.viewer-info .dial-smalltext{padding: 0px 20px 0px 0px;display: inline-block;text-align: left;font-size: 14px;}
.meeting-info.viewer-info .dial-bigtext{padding: 0px 20px 0px 0px;display: inline-block;text-align: left;font-size: 18px;margin-bottom: 0px;}
.qstn-bg.p-editing-q{height: 100%;width: 100%;margin: 0px;}
.p-editing-send-area .reply-bg{margin-left: 15px;left: 0px;width: calc(100% - 150px);margin-top: 7px;margin-bottom: 0px;border-top: none;height: 40px;}
.tok-btn.send-qstn-reply.reply-one{width: 60px;right: 0px;border-radius: 3px;transition: 0.3s all;}
.tok-btn.send-qstn-reply.reply-all{width: 60px;right: 65px;border-radius: 3px;transition: 0.3s all;}
a.edit-answer{float: right;border-radius: 50%;padding: 4px 7px;position: relative;top: 0px;}
.meeting-sidebar ul.nav.nav-pills.meeting-chat li{padding-right: 5px;}
select.multiple_choice{padding: 5px;height: 35px;border-radius: 3px;}
.attendee-list.online-attendees{height: calc(100% - 180px);}
.attendees.real-attendees{margin-top: 5px;margin-bottom: 5px;}
.hide-sd{display: block;}

.send-chat .msg-action .chat-snt svg{width: 9px;position: relative;top: 3px;}

/* end of recent modification of the design */
span.chat-scroll-left {position: absolute;top: 0px;width: 22px;cursor: pointer;z-index: 1;}
span.chat-scroll-right {position: absolute;top: 0px;width: 22px;right: 0px;cursor: pointer;z-index: 1;}
.leftarrow-img{left: 7px;position: relative;}
.rightarrow-img{right: -7px;position: relative;-webkit-transform:rotateY(180deg);transform: rotateY(180deg);}
.presentertooltip {position: relative;display: inline-block;}
.presentertooltip .tooltiptext {visibility: hidden;width: 120px;text-align: center;border-radius: 3px;
    padding: 5px 0px;position: relative;z-index: 1;margin-left: 0px;margin-top: 0px;font-size: 8px;text-transform: uppercase;box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.04);top: 0px;left: -45px;display: block;}
.presentertooltip:hover .tooltiptext {visibility: visible;}
.online-settings .dropdown-menu{right: 0px;left: auto;height: auto;overflow: hidden;padding-top: 10px;}
.online-settings .dropdown-toggle{cursor: pointer;position: relative;top: 3px;}
.online-settings .dropdown-menu li{font-size: 12px;}
.qc-viewer-view svg, .qc-viewer-verbal svg{height: 15px;}
.qc-viewer-write svg {height: 11px;}
.personal-t-cont h2{margin-top: 7px;}

/* css for chat notifications starts here */
.pulse-button {position: relative;top: 0;left: 0;margin-left: 0px;margin-top: 0px;display: block;border: none;cursor: pointer;-webkit-animation: pulse 1.5s infinite;}
.pulse-button:hover {-webkit-animation: none;}

@-webkit-keyframes pulse {
    0% {-moz-transform: scale(0.9);-ms-transform: scale(0.9);-webkit-transform: scale(0.9);transform: scale(0.9);}
    50% {-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}    
    70% {-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
    100% {-moz-transform: scale(0.9);-ms-transform: scale(0.9);-webkit-transform: scale(0.9);transform: scale(0.9);}
}
/* css for chat notifications ends here */


/* css for poll listing starts here */
li.poll-list a{display: inline-block !important;width: 70px !important;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: normal;}
div.poll-tools{width:calc(100% - 75px);display: inline-block;position: relative;top:-7px}
div.poll-tools img:nth-child(2){margin-left: 12px;margin-right: 12px;}
div.add-poll{padding: 5px 10px;}
a.add-poll-link{line-height: 21px !important;font-size: 11px;font-weight: 400;text-transform: uppercase;}
div.add-poll li{background: transparent !important;padding-left: 0px !important;}
div.add-poll li:hover{background: transparent !important;}
.presenter-polls label{text-transform: uppercase;font-weight: 300;}
.ts-options-box input[type="text"]{width: 100%;min-height: 30px;border-radius: 4px;padding: 5px 10px;margin-bottom: 20px;font-size: 10px;}
.ts-options-box label{text-transform: uppercase;font-weight: lighter;}
.presenter-polls select{height: 35px;margin-bottom: 15px;}
.delete-optn{position: absolute;right: -30px;top: 5px;cursor: pointer;}
.ts-addOptionbtn {width: 100%;min-height: 42px;border-radius: 4px;border: 0;margin-bottom: 20px;text-align: left;padding: 5px 10px;font-weight: 400;display: block;line-height: 32px;cursor: pointer}
.ts-add-poll{display: block;padding: 15px 7px;text-transform: uppercase;font-weight: 500;cursor: pointer;}
li.poll-list{padding-right: 0px !important;}
.poll-chart .progress{height: 5px;margin-bottom: 35px;}
.poll-bar{position: absolute;right: -30px;top: -15px;padding: 5px;border-radius: 50%;width: 32px;height: 32px;text-align: center;line-height: 22px;font-weight: 400;}
.tp30{padding-top: 30px !important;}
/* css for poll listing ends here */

/* custom css for slider */
span.ui-slider-handle.ui-corner-all.ui-state-default {border-radius: 50%;padding: 8px;top:-10px;cursor: pointer;}
span.ui-slider-handle.ui-corner-all.ui-state-default:focus{outline: none;}
.ui-widget.ui-widget-content {height: 5px;}
.ui-widget-content{border: none;}
.ui-widget.ui-widget-content{border: none;}
.ui-widget.ui-widget-content{height: 3px;border:none !important;}
span.slide-interval {font-size: 12px;padding: 5px;border-radius: 50%;font-weight: 400;position: absolute;top: -15px;right: -31px;width: 32px;height: 32px;display: block;text-align: center;line-height: 24px;}
.tok-red-btn {min-width: 115px;}
.timer-countdown{top:0px;text-align:center; font-size: 32px;font-weight: 600;display:none; position:absolute; width:100%;height:100%;z-index:9999;padding: 20px;padding-top:0px;}
.attendee-list {height: calc(100% - 305px);z-index: 1;}
.meeting-cam{position: absolute;right: 0;z-index: 1;}
.attendees{position: relative;z-index: -1;}
.user-option li{list-style: none;padding: 7px 15px;text-transform: uppercase;font-size: 10px;font-weight: 400;transition:0.3s all;}
ul.user-option-ul{padding-left: 0px;margin-bottom: 0px;position: relative;}
.user-option:after {content:'';position: absolute;top: 100%;left: 50%;margin-left: 60px;width: 0;height: 0;border-left: solid 10px transparent;border-right: solid 10px transparent;}
.user-option:before {content:'';position: absolute;top: -9px;left: 50%;margin-left: 60px;width: 0;height: 0;border-left: solid 10px transparent;border-right: solid 10px transparent;}
.user-option.top:after{display: none;}
.user-option.bottom:before{display: none;}
.set-user-pic svg, .delete-user-pic svg, .upload-user-pic svg{position: relative;top:3px;}
.upload-user-pic svg{height: 14px;}

/* custom css for slider ends here */
.user-option{width: 230px;z-index: 99;padding: 10px 0px;margin-left: 4px;border-radius: 3px;}
.online-userlist {float: left;height: calc(100% - 190px);}
.p20{padding: 20px;}
.modal-center{text-align: center;}
div.ptimer {font-weight: 400;font-size: 26px;text-align: center;}
span.slide-interval.popslide{top: 20px;right: -5px;}
.ptimerslider{margin: 15px 0px;}
.modal-movable{cursor: move;}
.musiclist{height: 40px;padding: 10px;border-radius: 3px;margin: 10px 0px;min-width: 250px;}
label.playmusic {display: block;font-size: 16px;font-weight: 400;}
.musiclist:focus{outline: none;}
.mood-btn {border-radius: 50%;width: 42px;height: 42px;display: inline-block;box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.05);}
.meeting-right-links{width:100%;}
.meeting-right-links > ul > li.mood-drop {width: 48px;text-align: right;float: right;padding-top: 5px;}
.meeting-right-links > ul{width: 100%;}
.meeting-right-links > ul > li.info-link{width: 42px;}
.meeting-right-links > ul > li.language-drop{width: 70px;}
.meeting-quicklinks{width: 300px;}
.meeting-quicklinks .meeting-controls{width: 110px;}
.topbar .meeting-right-links{width:calc(100% - 110px);}
.meeting-quicklinks.tb-viewer .meeting-right-links{width:100%;}
.mood-btn .caret{position: relative;left: -16px;top: 12px;}
.meeting-quicklinks{width: 250px;padding-top: 15px;}
.media-settings{margin: 20px auto;padding: 7px 15px;}
.media-settings h3{padding-bottom: 15px;}
li.upload.transparent-tooltip{position: relative;top: 3px;}
li.bars.transparent-tooltip.dropdown.pole{position: relative;top: 2px;}
.media-settings ul.media-list li .browser svg{height:22px;}
.media-settings .audio-mic svg {position: relative;top: 1px;left: 5px;width: 16px;}
.media-settings ul.media-list li .media-status svg{position: relative;top: 15px;height: 16px;}
.meeting-tools ul li.upload span svg{height: 18px;}
.presenter-chat-settings svg{height: 16px;position: relative;top: 5px;}
.meeting-language svg{height: 16px;}
.online-settings svg{height: 13px;}

/* custom css for tooltips */
/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {position: relative;z-index: 2;cursor: pointer;}

/* Hide the tooltip content by default */
[data-tooltip]:before,[data-tooltip]:after {visibility: hidden;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;pointer-events: none;}

/* Position tooltip above the element */
[data-tooltip]:before {position: fixed;top: auto;right: 0%;margin-top: -55px;margin-bottom: 5px;margin-left: -80px;padding: 7px;width: 160px;
  -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-color: #000;background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;content: attr(data-tooltip);text-align: center;font-size: 12px;line-height: 18px;}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {position: fixed;bottom: auto;right: 65px;margin-left: -5px;width: 0;border-top: 5px solid #000;border-top: 5px solid hsla(0, 0%, 20%, 0.9);border-right: 5px solid transparent;border-left: 5px solid transparent;content: " ";font-size: 0;line-height: 0;margin-top: -5px;}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,[data-tooltip]:hover:after {visibility: visible;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}



/* css for recordings section starts here */

.recordedclip-lists{display: flex; display: -webkit-flex;width: 100%;height: calc(100% - 100px); flex-wrap: wrap;overflow-y: auto;}
.video-card{width: 240px;height: 280px;background: #fff;margin: 15px;border: solid 1px #eaeaea;border-radius: 3px;}
.recorded-videoinfo{text-align: center;}
span.recording-date{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 0px 10px;}
span.recording-actions{display: block;margin-top: 5px;}
.recorded-videoinfo h3{margin-top: 10px;color: #03a9f4;font-size: 17px;font-weight: 400;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 0px 10px;}
.recording-section h2{margin-left: 15px;}
.recording-section{height: 100%;}
.tokbird-modal.video-player-modal .modal-dialog{max-width: 1500px;width: 100%;padding-left: 30px;padding-right: 30px;}

/* css for recordings section ends here */

@media all and (max-width:1280px){
    .meeting-tools{padding-right: 0px;}
    .meeting-tools ul{padding-left: 0px;}
    .msp45{padding-left: 45px;padding-right: 45px;}
    
    .media-settings h3{padding-bottom: 10px;}
    .media-settings .foot-settings{padding-top: 20px;}
    .meeting-info.viewer-info .dial-smalltext{font-size: 12px;}
    .meeting-info.viewer-info .dial-bigtext{padding-right: 10px;}
    .meeting-info.viewer-info .dial-smalltext{padding-right: 10px;}
    .video-card{margin: 10px;}
}

@media all and (max-width:1024px){
    .tokbird-chat{z-index: 99;}
    .presenter-chat-settings{right: 30px;}
    .presenter-chat-settings.presenter-question-settings{left: 35px;top: 17px;}
    .presenter-chat-li.second{padding-left: 0px !important;}
    .meeting-content.viewer-meeting-content{left: 0px;width: 100%;}
    .viewer-meeting-content .meeting-screen{width: calc(100% - 300px);}
    .tokbird-modal .meeting-info-modal{margin: 20px auto;}
    .meeting-sidebar.tablet-sidebar{height: 100%;top: 0;bottom: 0;}
    .meeting-content {left: inherit;width: calc(100% - 60px);padding-left: 0px;}  
    .meeting-content .meeting-forum {left: 0px;width: calc(100% - 255px);}
    .topbar .logo a img{height: 50px;}
    ul.scroll-div.racelist{height: 85px !important;}
    .media-settings h3{padding-bottom: 10px;margin-top: 5px;}
    .media-settings .choose-cam{font-size: 15px;}
    .media-settings .camera-selector h4{font-size: 15px;}
    .close-sidebar.tab-close{display: none;}
    .media-settings .foot-settings{padding-top: 10px;padding-bottom: 10px;}
    .tokbird-chat{bottom: 15px;}
    
}

@media all and (max-width:992px){
    .meeting-right-links{width: 160px;}
    .dialin-btn{position: relative;top: 0px;right: 0px;}
    .tablet{display: block;}
    li.dialin-link {border-radius: 50%;width: 42px;box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.04);height: 42px;margin-top: 0px;margin-right: 7px;display: none;}  
    span.tablet.btn-meeting.dialin-btn{background: transparent;} 
    span.tablet.btn-meeting.dialin-btn img{top: 8px;position: relative;left: 10px;}
    .meeting-quicklinks .meeting-controls{margin-top: -3px;margin-left: 10px;}
    .dial-smalltext{font-weight: 400;font-size: 14px;}
    .tokbird-modal .modal-body p.dial-bigtext{font-size: 26px;font-weight: 400;text-align: center;}
    .show-presenter-tablet{display: block !important;}
    .meeting-right-links > ul{float: right;}
    .media-settings h3{padding-bottom: 0px;}
    .trouble-shoottext{float: left;}
    .meeting-quicklinks .meeting-controls{width: 40px;}
    .topbar .meeting-right-links{width: calc(100% - 55px);}
    .meeting-right-links > ul > li.mood-drop{padding-top: 0px;}
    .meeting-right-links > ul > li.language-drop{padding-top: 10px;}
    .meeting-quicklinks .meeting-controls{padding-top: 5px;margin-top: 0px;}
    .meeting-right-links > ul > li.info-link a{top: 0px;}
    .meeting-quicklinks{width: 235px;padding-top: 20px;}
    .meeting-quicklinks.tb-viewer .meeting-right-links > ul > li.mood-drop{margin-right: 10px;}
    .meeting-info.viewer-info{width: calc(100% - 345px) !important}
    .meeting-info.viewer-info .dial-smalltext{font-size: 12px;}       
}

@media all and (max-width:920px){
    section.tokbird-header.meeting-header .tsp0{padding-right: 0px;}
 
}


@media all and (max-width:876px){
    .tsp0{padding-left: 0px;padding-right: 0px;}  
    .meeting-content{width: 100%;}
    .meeting-content .meeting-forum{width: calc(100% - 255px);}
    .mobile-logo{display: block;}
    .desktop-logo{display: none;}
    .topbar .right-top{width: calc(100% - 90px);}
    .topbar .logo{width: 90px;}
    .meeting-info.viewer-info{width: calc(100% - 215px) !important}
    .meeting-info.viewer-info .dial-smalltext{font-size: 11px;}
}

@media all and (max-width:830px){
    .tokbird-presenter.tokbird-viewer .tokbird-presenter-chat{position: absolute;right: 10px;bottom: 10px;width: 42px;height: 42px;border-radius: 50%;display: block;z-index: 9;box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.05);-webkit-box-shadow:3px 0px 5px 0px rgba(0, 0, 0, 0.05);display: block;}    
    .meeting-presenter-sidebar {overflow: hidden;height: calc(100% - 90px)!important;position: relative;top: 90px;display: block;z-index: 9;}
    .meeting-presenter-sidebar {width: 300px;float: left;height: 100%;position: absolute;overflow: hidden;border-radius: 3px; }
    .meeting-presenter-sidebar ul.nav.nav-pills.meeting-chat li {padding: 10px 15px 0px 15px;line-height: 45px; }
    .meeting-presenter-sidebar ul.nav.nav-pills.meeting-chat li.active a {border-radius: 0px;}
    .meeting-sidebar ul.nav.nav-pills.meeting-chat li a {background-color: transparent;font-size: 14px;font-weight: 400;padding:0px;}
    .meeting-presenter-sidebar{display: none;} 
    .meeting-presenter-sidebar.tablet-presenter-sidebar{display: block;}
    .tokbird-presenter-chat a{position: relative;top:10px;left: 10px;}
    .viewer-meeting-content .meeting-screen{width:calc(100% - 200px);}
    .viewer-meeting-content .meeting-cam{width: 200px;top: 0px;position: relative;}
    .viewer-meeting-content{width:100%;left: 0px;}
    .meeting-cam.viewer-cam .viewer-chatbox{display: none !important;}
    .meeting-presenter-sidebar{right: 0px;z-index: 999;}
    .topbar .right-top{width:calc(100% - 80px);}
    .topbar .logo{width: 80px;}
    .meeting-tools ul li{width: 36px;height: 36px;}
    .meeting-tools ul li.download span{top: 11px;left: 11px;}
    .meeting-tools ul li.cam-enable-global span{top: 10px;left: 11px;}
    .meeting-tools ul li.mic-enable-global span{top: 10px;left: 13px;}
    .meeting-tools ul li.screen span, .meeting-tools ul li.sound span{top: 12px;left: 11px;}
    .meeting-tools ul li.video span{left: 12px;top: 10px;}
    .meeting-tools ul li.upload span{left: 14px;top: 10px;}
    .meeting-tools ul li.bars span{left: 12px;top: 10px;}
    .close-sidebar.tab-close{display: block;}
    .tablet-block{display: block;}
    .video-card{margin: 5px;}

}

@media all and (max-width:768px){
    .meeting-quicklinks{margin-top: 0px;width: 260px;}  
    .topbar .meeting-right-links{width: 150px;}
    .meeting-right-links > ul > li.language-drop{margin-left: 5px;}
    .meeting-quicklinks .meeting-controls{margin-left: 5px;}
    .meeting-info.no-viewer{display: none;}
    .info-btn, .more-btn{box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.05);}
    .mood-btn{width: 36px;height: 36px;}
    .mood-btn img{position: relative;left: 0px;}
    .mood-btn .caret{left: -16px;top: 12px;}
    .meeting-right-links > ul > li.info-link{width: 32px;}
    .hide-sd{display: none !important;}

}


@media all and (max-width:736px){
    .meeting-info{width: calc(100% - 200px) !important;}
    .smalltablet{display: block;}
    .btn-meeting {border-radius: 50%;padding: 8px;box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.05);}
    .more-btn{right:23px;width: 36px;height: 36px; }
    .more-btn img{position: relative;top: -2px;} 
    ul.hidden-smalltablet.no-viewer {width: 42px;position: relative;z-index: 9;top: -15px;}
    .info-btn img{top: 2px;} 
    .meeting-quicklinks .meeting-controls{padding-top: 0px;}
    .toprow .meeting-tools{padding-top: 20px;}
    ul.notpresenter.viewer-menu{padding-top: 0px;}
    .meeting-tools ul li{margin-bottom: 5px;}
    .transparent-tooltip + .tooltip > .tooltip-inner{display: none;}
}

@media all and (max-width:640px){
    
    .meeting-cam .cam-box{width: 100%;}
    .meeting-right-links > ul > li.language-drop{width: 45px;}
    /*.topbar .meeting-right-links{width: 135px;}*/
    .media-settings {margin: 30px auto;padding: 15px 15px;max-width: 550px;}    
}


@media all and (max-width:600px){
    .meeting-quicklinks .meeting-controls{left: -15px;position: relative;margin-top: 0px;}
    .topbar .meeting-right-links{left: -7px;}
    .meeting-cam .cam-box{height: 130px;position: absolute;bottom: 0px;}
    .topbar .logo{border-radius: 50%;width: 54px;height: 54px;box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.05);-webkit-box-shadow:3px 0px 5px 0px rgba(0, 0, 0, 0.05);;position: relative;top: 10px;left: 10px;}
    .topbar .logo a img{height: 36px;}
    .meeting-screen {width: 100%;height: calc(100% - 200px);top: 70px;}
    .meeting-content.viewer-meeting-content .meeting-screen {width: 100%;height: calc(100% - 200px);}
    .meeting-quicklinks{margin-top: 0px;}
    li.dialin-link{margin-top: 0px;}
    .meeting-right-links > ul > li.info-link{margin-top: 7px;}
    .meeting-right-links > ul > li.language-drop{margin-top: -2px;padding-top: 0px;}
    .meeting-right-links > ul{float: right;width: 100%;}
    .toprow .meeting-tools{width: calc(100% - 300px);position: absolute;left: 0px;top: 0;height: 100%;padding-top: 0;}
    span.tablet.btn-meeting.dialin-btn img{left: 1px;top: 1px;}
    div#myVideo{margin-top: 0px;z-index: 1 !important;left: 0px !important}
    .more-btn{top: 18px;}
    .info-btn{left: -3px;}
    .info-btn img{top: 2px;}
    .meeting-right-links .meeting-language .dropdown-menu{left: -85px;}
    .meeting-content .meeting-forum.mobile-forum{height: 100%;}
    .meeting-cam .cam-tools{z-index: 2;}
    .tiny-mob{display: block !important;}
    .meeting-content .meeting-forum.mobile-forum{width: 300px;}
    .meeting-content .meeting-forum ul.nav.nav-pills.forum-questions li a{font-size: 12px;}
    .meeting-sidebar ul.nav.nav-pills.meeting-chat li a{font-size: 12px;}
    button.btn.btn-meeting.dropdown-toggle{margin-left: 10px;box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.04);}
    .viewer-meeting-content .meeting-cam{top: 70px;height: 130px;}
    .media-settings{padding: 10px;}
    .meeting-cam{width:200px;height: 130px;top: 0;position: absolute}
    .viewer-cam-height{height: 125px !important;}
    .attendee-btn{position: fixed;bottom:14px;z-index: 9;right: 250px;margin: 0px;}
    .meeting-right-links.pull-right.width170{width:200px !important;}
    ul.notpresenter.viewer-menu {width: 36px;top: 55px;position: relative;right: 100px;z-index: 999; display:none;}
    .online-userlist{z-index: 999;}
    .online-userlist.hxs{display: none;}
    .user-option{z-index: 999;}
    .meeting-tools ul li{box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.05);}
    .meeting-info{z-index: 9;height: 200px !important;width:calc(100% - 200px) !important;padding-top: 50px !important;margin: 0px !important;padding-left: 10px !important;} 
    .meeting-info.viewer-info .dial-smalltext{display: block;text-align: center;}
    .meeting-info.viewer-info .dial-bigtext{display: block;text-align: center;}  
    .meeting-info{height: 130px !important;padding-top: 35px !important}
    .goog-te-gadget{padding-top: 10px;}
    .meeting-quicklinks{width: 300px;}
    .meeting-header{height: 70px;}
    .meeting-cam .cam-tools .tool-right{width: 120px;float: left;}
    .meeting-cam .cam-tools .tool-left{width: 45px;float: left;}
    .tokbird-chat, .tokbird-qa{box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.05);}
    .media-settings .foot-settings{padding-top: 5px;padding-bottom: 0px;float: left;display: block;width: 100%;}
    .media-settings .foot-settings .mr10{font-size: 12px;}
    ul.hidden-smalltablet.no-viewer {width: 42px;position: relative;z-index: 9;top: 60px;left: -17px;padding-right: 0px;padding-top: 0;}  
    .meeting-info.viewer-info{padding-top: 15px !important;text-align: center;}

}

@media all and (max-width:568px){
    .small-round-btn{display: block;}
    .toprow{padding-top: 5px;}
    .small-round-btn{border-radius: 50%;background: #fff;right: 0px;top: 20px;width: 36px;height: 36px;position: absolute;cursor: pointer;z-index: 1300;box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.05);}
    .small-round-btn img{top: 8px;left: 8px;position: relative;}    
    ul.notpresenter.viewer-menu{top: 60px;padding-top: 0px;left: 0;position: relative;display: none;}
    .meeting-tools ul{left: -80px;}
    .row.media-content{float: left;}
    .race-hand{margin-right: 0px;}
    .meeting-right-links > ul > li.language-drop{margin-top: -6px;margin-left: 0px;position: relative;left: -10px;}
    .meeting-quicklinks{padding-top: 15px;}
    .tokbird-modal .meeting-info-modal{max-width: 540px;}
    .meeting-quicklinks.tb-viewer{width: 200px;}
    .media-settings .foot-settings .mr10{font-size: 11px;}
    .timer-countdown{width: 200px;padding:0px;}
    .timer-countdown .tok-red-btn{min-width: 80px;}
    .timer-countdown .tok-grey-btn{padding: 8px 10px;font-size: 10px;}
    div#custom-content {width: calc(100% - 60px);left: 25px;position: relative;}
    div#custom-content span.slide-interval{top: -8px;}
    .poll-bar{right: -10px;}
    .delete-optn{right: -18px;}
}

@media all and (max-width:480px){
    .meeting-tools ul {left: -85px;padding: 0;top: 5px;}
    .media-settings{margin: 15px auto;}
    .toprow .meeting-tools{width:calc(100% - 230px);}
    .meeting-quicklinks{width: 230px;}
    .tokbird-modal .meeting-info-modal{max-width: 450px;}
    .media-settings .foot-settings .mr10{font-size: 10px;}
    .video-card{margin: 10px auto;}
    
}

@media all and (max-width:425px){
    .media-settings ul.media-list li .media-status svg{top: 8px;}
    .tokbird-modal .meeting-info-modal{max-width: 400px;}
}

@media all and (max-width:360px){
    .meeting-info{padding-top: 15px;}
    .meeting-info .dial-bigtext{font-size: 18px;}
    .dial-smalltext{font-size: 12px;}
    .attendee-btn{right: 240px;}
    .media-settings .camera-selector h4{font-size: 13px;margin-bottom: 5px;margin-top: 0px;}
    .trouble-shoottext{font-size: 10px;margin-top: 10px;}
    .more-btn{right: 5px;}
    ul.hidden-smalltablet.no-viewer{left: 0px;}
    .media-settings .foot-settings .mr10{font-size: 9px;}
    .tokbird-modal .meeting-info-modal{max-width: 340px;}
    
}
    
@media all and (max-width:320px){
    .small-round-btn{right: -15px;}
    ul.notpresenter.viewer-menu{left: 15px;}
    span.media-icon{display: none;}
    .attendee-btn{right: 220px;}
    .more-btn{right: -20px;top: 20px;}
    ul.hidden-smalltablet.no-viewer{left: 28px;}
    .tokbird-modal .meeting-info-modal{max-width: 300px;}
    
}