html {margin: 0px;height: 100%;}
body {font-family: "Source Sans Pro", arial, helvetica;font-size: 14px;background: #dfe1e2;margin: 0px;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;}
body.noscroll {overflow: hidden;}
*::selection {background: #cccccc;}
*::moz-selection {background: #cccccc;}

.noTransitionDuration {transition-duration: 0ms !important;}

input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}
select {height: 30px;}
input[type="text"] {height: 34px;padding: 0px 0px 0px 10px;}
input[type="number"] {height: 34px;padding: 0px 0px 0px 10px;}
input[type="password"] {height: 34px;padding: 0px 0px 0px 10px;}

input { /* Allow width:100% to work without negative margins recalc */-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box; /* Opera/IE 8+ */}

input.configtextbox {width: 400px;margin: 4px 0px 4px 0px;}
input.txtnewuserbyemail {width: 300px;}

.required, .email-invalid {color: red;margin: 10px 0px;display: none;}

.ui-datepicker-calendar {border: none !important;}
.ui-datepicker {height: 240px;}

.gritter-top {display: none;}
.gritter-bottom {display: none;}
.gritter-item {padding: 10px 15px;background: rgba(0, 0, 0, 0.8);color: #fffff;border: 1px solid rgba(0, 0, 0, 0.8);font-size: 12px;font-family: inherit;-webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);}
.gritter-close {display: inline !important;top: 6px;left: auto;right: 5px;background: 0 0;filter: alpha(opacity=20);opacity: 0.2;}
.gritter-item-wrapper {position: relative;margin: 0 0 10px 0;padding: 0;background: 0 0;}
#gritter-notice-wrapper {position: fixed;top: 20px;right: 20px;width: 301px;z-index: 9999;}

body.pdf {background: white;}
body.candidateSearch { overflow-y: hidden;}

hr {border-bottom: 1px solid #eeeeee;border-top: none;border-left: none;border-right: none;margin: 30px 0px 30px 0px;}

/* Animate '...' on any element with animateTypingEllipsis class. Dots must be inside <span> */
.animateTypingEllipsis span {opacity: 0;-webkit-animation: ellipsis-dot 1s infinite;animation: ellipsis-dot 1s infinite;}

.animateTypingEllipsis span:nth-child(1) {-webkit-animation-delay: 0s;animation-delay: 0s;}
.animateTypingEllipsis span:nth-child(2) {-webkit-animation-delay: 0.1s;animation-delay: 0.1s;}
.animateTypingEllipsis span:nth-child(3) {-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}

@-webkit-keyframes ellipsis-dot {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes ellipsis-dot {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.countdownTimer {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 500px;height: 500px;pointer-events: none;display: none;}
.countdownTimer.visible {display: block;}
.countdownTimer .displayname {position: absolute;text-align: center;font-size: 40px !important;left: 0px;right: 0px;}
.countdownTimer .numberAnim {animation: countdownTimer 1000ms linear forwards;font-size: 500px;text-align: center;}
.countdownTimer .goneLiveAnim {animation: countdownTimerLive 2000ms linear forwards;font-size: 200px;text-align: center;}
.countdownTimer .textStyle {-webkit-text-stroke: 1px white;color: black;text-shadow: 3px 3px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;font-family: arial, helvetica, sans-serif;line-height: 500px;}

@keyframes countdownTimer {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	100% {
		opacity: 0;
		transform: scale(0.5);
	}
}

@keyframes countdownTimerLive {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	100% {
		opacity: 0;
		transform: scale(0.9);
	}
}

.qrCode { display:block;  }

.channelmenu {position: fixed;top: 44px;left: 250px;bottom: 0px;width: 240px;background: white;transition-duration: 200ms; display: flex; flex-direction: column;}
.newChannelOption {display: block;position: relative;margin: 7px 5px 5px 7px;padding-bottom: 5px;border-bottom: 1px solid #cccccc;}
.channelmenu .channelwrapper { overflow-y: auto; padding-bottom: 15px ;}
.channelmenu .channelwrapper .singlechannel {display: flex; position: relative;overflow: hidden;padding: 9px 7px 9px 9px; border-bottom: 1px solid rgba(0,0,0,0.07)}
.channelmenu .channelwrapper .singlechannel .hash {opacity: 0.5;}
.channelmenu .channelwrapper .singlechannel .title {float: left;margin-left: 4px;opacity: 0.9;}
.channelmenu .channelwrapper .singlechannel a {position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;overflow: hidden;background: rgba(41, 43, 53, 0.1);opacity: 0;transition-duration: 100ms;}
.channelmenu .channelwrapper .singlechannel a:hover {opacity: 1;}
.channelmenu .channelwrapper .singlechannel a:active {opacity: 0.8;}
.channelmenu .channelwrapper .singlechannel.active {background: rgba(41, 43, 53, 0.5);color: white;}
.channelmenu .newchannelname {width: 155px;outline: none;resize: none;margin:5px 0}
.channelmenu .channel-name-error {color: red; padding-left:5px}
.channelmenu .createnewchannel {margin: 5px 0 5px 5px;}

.channels-iframe{border:0; padding-top: 44px; width: 100%; flex: 1; position: relative}

.channelinfocontainer {position: fixed;top: 44px;right: 0px;left: 490px;height: 45px;z-index: 500;background: #353844;transition-duration: 200ms;display: none;}
.channelinfocontainer .channelname {margin: 11px 0px 0px 20px;color: white;}
.channelinfocontainer .channelname .name {font-size: 16px;}
.channelinfocontainer .deletechannel {position: absolute;right: 4px;top: 6px;padding: 7px 12px;background: rgba(0, 0, 0, 0.3);color: white;overflow: hidden;}
.channelinfocontainer .deletechannel a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.channelinfocontainer .deletechannel a:hover {background: rgba(255, 255, 255, 0.05);}
.channelinfocontainer .deletechannel a:active {background: rgba(255, 255, 255, 0.1);}

body.menustyle0 .channelmenu {left: 40px;}
body.menustyle0 .channelinfocontainer {left: 300px;}

body.channelsCp {background: #eeeeee;}
body.channelsCp .newdateseparatorbar .datetext {background: #eeeeee;}
body.channelsCp .messageinputbottomcontainer{z-index: 105;}
body.channelsCp .messageinputbottomcontainer .speechrecognition{display:none}
body.channelsCp .messageinputbottomcontainer .shareattach{display:none}
body.channelsCp .messageinputbottom .textinputwrapper textarea{width: 98%;}

.channeleventtarget {margin: 20px;margin-left: 240px;margin-right: 0px;padding-bottom: 30px;padding-top: 40px;}
.channeleventtarget .newdateseparatorbar {margin-top: 20px;margin-left: 20px;margin-right: 20px;}

.word_wrap {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */word-wrap: break-word; /* Internet Explorer 5.5+ */}

.floatleft {float: left;}
.floatright {float: right;}
.overflowhidden {overflow: hidden;}

.transitionEase1d {will-change: auto;-webkit-backface-visibility: hidden;-webkit-transition-timing-function: cubic-bezier(0.355, 0.925, 0.255, 0.87);-moz-transition-timing-function: cubic-bezier(0.355, 0.925, 0.255, 0.87);-o-transition-timing-function: cubic-bezier(0.355, 0.925, 0.255, 0.87);transition-timing-function: cubic-bezier(0.355, 0.925, 0.255, 0.87);}

.marginbottomzero {margin-bottom: 0px;}

.miniscrollbar::-webkit-scrollbar {width: 10px;}

.miniscrollbar::-webkit-scrollbar-track {background: #f8f8f8;}

.miniscrollbar::-webkit-scrollbar-thumb {background: #adadad;}

.allsessions {position: relative;overflow: hidden;padding-top: 0px;max-width: 850px;}
.allsessions .session {margin: 0px 0px 0px 0px;float: left;position: relative;width: 33.3%;animation: fadeinsession 200ms linear forwards;}
.allsessions .session .innerbox {background: #f1f1f1;margin: 30px 10px 10px 10px;padding: 30px;position: relative;height: 80px;}
.allsessions .session .innerbox.current {background: #a5d6a7;}
.allsessions .session .flag {position: absolute;top: -7px;left: 50%;transform: translateX(-50%);}
.allsessions .session .flag .flag-icon {width: 30px;line-height: 20px;}
.allsessions .session .button {margin: 0px;position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);}
.allsessions .session .button.signout {display: none;}
.allsessions .session .button.delete {display: block;}
.allsessions .session .innerbox.current .button.signout {display: block;background: grey;border: 1px solid #656565;color: white;}
.allsessions .session .innerbox.current .button.delete {display: none;}
@keyframes fadeinsession {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.eventMiLabel {padding: 0px 8px;border-radius: 2px;background: #f8f8f8;border-bottom: 1px solid #cccccc;float: left;margin-right: 3px;margin-bottom: 1px;transition-duration: 100ms;transition-property: background-color; font-size: 12px;}
.ovalMiLabel {padding: 2px 8px;border-radius: 8px;background: #f8f8f8;float: left;margin-right: 5px;transition-duration: 100ms;transition-property: background-color;font-size: smaller;}
.ovalMiLabel.ovalMiLabelTesting {text-transform: uppercase;font-weight: bold;background-color: rgb(252, 206, 0); border-color: rgb(206, 130, 9); color: rgb(55, 55, 55); width: 20px; height: 20px; border-radius: 50%; padding: 0; text-align: center;}

.fullImg {position: absolute;overflow: hidden;top: 0px;left: 0px;right: 0px;bottom: 0px;background-position: center;background-size: cover;background-repeat: no-repeat;background-color: #cccccc;}
.fullImg.fullImgAvatar {background-image: url(/static/controlpanel/silhouette.jpg);}
.uavatar {width: 55px;height: 55px;position: relative;overflow: hidden;border-radius: 50%;}
.uavatar img {width: 100%;height: 100%;}

.chatbotAttendeesRegCount {margin-left: 4px;color: #444444;display: inline-block;}

.redactionTable {margin-top: 15px;}
.redactionTable th {background: #ececec;padding: 10px 0px 10px 10px;}
.redactionTable th h1 {font-weight: bold;margin: 0px;}
.redactionTable td {font-size: 16px;padding: 15px 0px 15px 0px;}
.redactSpan {background: black;color: black;cursor: pointer;font-size: inherit;}
.redactSpan.revealableRedaction:hover {background: none;color: inherit;}

.redacted {background: black;color: black;padding: 0px 5px;}

.passwordwrapperReset {position: relative;overflow: hidden;margin: 5px 0px 0px 0px;}
.passwordwrapperReset_button {position: relative;overflow: hidden;margin: 5px 0px 0px 0px;}
.passwordwrapperReset_button .button {margin: 0px;}
.emailerror {display: none;padding: 5px 0px;color: red;}
.passwordError {display: none;padding: 5px 0px;color: red;}
.passwordmismatch {display: none;padding: 5px 0px;color: red;}
.tfaerror {display: none;padding: 5px 0px;color: red;}
.section2fa {display: none;padding: 0px 0px;}
.sectionactive2fa {display: none;}
.tfawarningicon {display: none;color: #ed6c02 !important;}
.tfawarningicon.alert {color: #d32f2f !important;}

.eventdiff {display: none;background: #555555;padding: 3px;border: 1px solid #000000;margin: 5px 0px 5px 0px;}
.eventdiff pre {font-family: consolas, monospace;font-size: 12px;color: #eeeeee;}

i.rightpad {margin-right: 3px;}
.nodisplay {display: none !important;}

.sharinglink {display: inline-block;border: 1px solid #cccccc;margin: 5px 0px 5px 0px;background: #f7f7f7;padding: 5px 40px 5px 40px;}

.eventmoderationreminderlink p {margin-top: 5px;margin-bottom: 5px;}

.npsWrap {position: relative;overflow: hidden;}
.npsWrap .table {margin-left: 91px;position: relative;overflow: hidden;}
table.npsbars {border-collapse: collapse;border: none;}
table.npsbars td {margin: 0px !important;border: none;height: 60px;padding: 0px 1px 0px 1px !important;width: 33%;transition-duration: 100ms;transition-property: background;}
table.npsbars tr {height: auto;border: none;}
table.npsbars td .squashedbar {overflow: hidden;position: relative;height: 100%;border-radius: 2px;transition-duration: 400ms;}
table.npsbars td .squashedbar i {position: absolute;left: 50%;top: 50%;margin: -20px 0px 0px -17px;display: block;color: white;font-size: 40px;}
table.npsbars td .squashedbar .overlay {position: absolute;top: 0px;left: 0px;right: 0px;height: 50%;background: rgba(255, 255, 255, 0.1);}
table.npsbars .detractors {background: #ff7c7c;}
table.npsbars .passive {background: #f7e080;}
table.npsbars .promoters {background: #a5e48e;}
.npsWrap .score {position: absolute;top: 0px;left: 0px;bottom: 0px;width: 90px;line-height: 60px;font-size: 40px;color: white;background: #292b35;border-radius: 2px;text-align: center;transition-delay: 400ms;transition-duration: 800ms;}

.npsWrap .bgDDDDDD {background: #dddddd !important;color: #dddddd;}

.npscommentsWrapper {margin-top: 7px;height: 60px;overflow: hidden;position: relative;display: none;}

.npscomments {overflow: hidden;position: relative;background: #fafafa;}
.npscomments .face {float: left;width: 60px;line-height: 60px;height: 60px;color: #aaaaaa;background: #f3f3f3;border-radius: 0px;text-align: center;font-size: 32px;}
.npscomments .rhs {margin-left: 72px;margin-right: 30px;height: 60px;overflow: hidden;position: relative;}
.npscomments .leftquote {position: absolute;top: 24px;line-height: 1px;left: 70px;font-size: 40px;color: #dddddd;}
.npscomments .rightquote {position: relative;float: left;margin-left: 4px;font-size: 40px;color: #dddddd;}
.npscomments .rhs .comment {float: left;padding-top: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 80%;margin-left: 20px;}
.npscomments .rhs .meta {color: #888888;position: absolute;top: 30px;}
.npscomments .rhs .meta a {color: #888888;}

.eventtopickercontainer {overflow: hidden;position: relative;}
.eventtopickercontainer .cover.greyedout {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(255, 255, 255, 0.7);}
.recurrencydropdowncontainer {display: none;}
.botscheduler {display: none;}
.botscheduler {display: none;margin-top: 15px;}

.botscheduler .avatar {width: 60px;height: 60px;border-radius: 50%;background-position: center center;background-size: cover;margin-top: 10px;}

.ifnotbot {display: initial;}
.ifbot {display: none;}
.errorfeedback {padding: 20px;background: rgba(255, 0, 0, 0.1);border: 1px solid rgba(255, 0, 0, 0.2);}
.errorfeedback a {color: #444444;}

.warningfeedback {padding: 20px;background: rgba(214, 255, 0, 0.1);border: 1px solid rgba(214, 255, 0, 0.7);}
.warningfeedback a {color: #444444;}

.warningfeedback.warning-persistence,
.warningfeedback.warning-history,
.warningfeedback.warning-conversation {
	margin-top: 5px;
}

.infofeedback {padding: 20px;background: rgba(0, 100, 255, 0.1);border: 1px solid rgba(0, 100, 255, 0.7);}
.infofeedback a {color: #444444;}

.ginfo {
	background: rgb(0 182 255 / 13%);
	padding: 5px 10px;
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 15px;
	border: 1px solid rgba(0 182 255 / 20%);
}

.channelselection {margin-top: 20px;padding: 25px 0px 10px 0px;border-top: 1px solid #cccccc;display: none;}
.channelselection.enabled {display: block;}

.exclusivepackageselection {margin-top: 20px;padding: 25px 0px 10px 0px;border-top: 1px solid #cccccc;display: none;}
.exclusivepackageselection.enabled {display: block;}

.secondarymenucontainer {margin-top: 0px;display: none;}
.secondarymenucontainer.enabled {display: block;}

label.settingEnabed { display: none; }

.bottommenucontainer {margin-top: 0px;display: none;}
.bottommenucontainer.enabled {display: block;}

.installPromptSettings {margin-top: 0px;display: none;}
.installPromptSettings.enabled {display: block;}

.herooverlaycontainer {display: none;margin-top: 10px;}
.herooverlaycontainer.enabled {display: block;}

.ninepositionpicker {width: 110px;height: 110px;border: 1px solid #cccccc;background: #f7f7f7;position: relative;overflow: hidden;}
.ninepositionpicker .p9_pick {position: absolute;width: 20px;height: 20px;background: #cccccc;border: 1px solid #eeeeee;}
.ninepositionpicker .p9_pick label {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;display: block;}
.ninepositionpicker .p9_top {top: 0px;}
.ninepositionpicker .p9_middle {top: 50%;margin-top: -10px;}
.ninepositionpicker .p9_bottom {bottom: 0px;}
.ninepositionpicker .p9_left {left: 0px;}
.ninepositionpicker .p9_center {left: 50%;margin-left: -10px;}
.ninepositionpicker .p9_right {right: 0px;}

.csummary1 {margin: 0px 0px 15px 0px;}

.greyedoutOverlay {overflow: hidden;position: relative;}
.greyedoutOverlay.greyedout .overlay {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(255, 255, 255, 0.7);}

.timelinemenu {margin: 15px 0px 0px 0px;max-width: 500px;}
.timelinemenu .menurow {user-select: none;cursor: move;background: #f8f8f8;border: 1px solid #cccccc;margin: 4px 0px 4px 0px;padding-left: 0px;border-radius: 3px;position: relative;overflow: hidden;height: 39px;line-height: 39px;}
.timelinemenu .menurow .menuitemicon {display: none;position: relative;float: left;margin: 3px;height: 30px;line-height: 30px;padding-right: 2px;text-align: center;font-size: 16px;width: 20px;color: #555555;}
.timelinemenu .menurow .menuitemicon.menuicon_true {display: block;}
.timelinemenu .menurow .dragme {position: relative;border-right: 1px solid #eeeeee;float: left;margin: 3px;height: 30px;line-height: 30px;text-align: center;font-size: 16px;width: 24px;color: #555555;}
.timelinemenu .menurow .menurowbutton {position: relative;overflow: hidden;float: right;margin: 3px;height: 30px;line-height: 30px;color: #555555;text-align: center;font-size: 18px;width: 30px;border: 1px solid #dddddd;background: #eeeeee;}
.timelinemenu .menurow .menurowbutton.greyedout {cursor: not-allowed;opacity: 0.5;}
.timelinemenu .menurow .menurowbutton.greyedout a {display: none;}
.timelinemenu .menurow .menurowbutton a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.timelinemenu .menurow .menurowbutton a:hover {background: rgba(255, 255, 255, 0.5);}

.timelinemenu .menurow.channelsMenuItem {display: none;}
.timelinemenu .menurow.channelsMenuItem.enabled {display: block;}
.timelinemenu .menurow .showIfBuiltin {display: none;}
.timelinemenu .menurow .showIfBuiltin.builtin_true {display: inline;}
.timelinemenu .menurow .showIfNotBuiltin {display: inline;}
.timelinemenu .menurow .showIfNotBuiltin.builtin_true {display: none;}
.timelinemenu .menurow .notGreyedOut_false {cursor: not-allowed;opacity: 0.5;}
.timelinemenu .menurow .notGreyedOut_false a {display: none;}

.timelinemenu .menurow .menulabels {position: absolute;left: 30px;right: 80px;top: 0px;bottom: 0px;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.timelinemenu .menurow .menulabels .target {color: #555555;}

.timelinemenu .newitem {margin: 4px 0px 4px 0px;border-radius: 3px;border: 1px solid #bbbbbb;padding: 0px 10px;text-align: center;background: #20a8d8;position: relative;overflow: hidden;display: inline-block;color: white;font-size: 22px;}
.timelinemenu .newitem a {position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;background: rgba(0, 0, 0, 0);}
.timelinemenu .newitem a:hover {background: rgba(255, 255, 255, 0.5);}

.existingBot {border: 1px solid #cccccc;height: 70px;background: #f7f7f7;margin: 4px 0px 0px 0px;position: relative;overflow: hidden;}
.existingBot a {position: absolute;overflow: hidden;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.existingBot:hover a {background: rgba(255, 255, 255, 0.3);}
.existingBot .avatar {width: 45px;height: 45px;position: absolute;left: 97px;top: 11px;border-radius: 50%;overflow: hidden;background: #dddddd;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.existingBot .info {margin-left: 153px;padding: 16px 0px 0px 0px;}
.existingBot .avatar i {font-size: 50px;text-align: center;line-height: 55px;width: 45px;color: #bbbbbb;}
.existingBot .avatar .draftstamp {position: absolute;top: 13px;left: 5px;font-size: 11px;font-family: consolas, monospace;color: #555555;transform: rotate(-15deg);}
.existingBot .rbuttons {position: absolute;right: 13px;top: 18px;overflow: hidden;}
.existingBot .delbutton {position: relative;float: right;padding: 6px 15px;border: 1px solid rgba(255, 0, 0, 0.2);background: rgba(255, 0, 0, 0.05);overflow: hidden;color: #666666;}
.existingBot .delbutton i {padding-right: 1px;}
.existingBot .delbutton a {position: absolute;overflow: hidden;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.existingBot .delbutton a:hover {background: rgba(255, 255, 255, 0.3);}
.existingBot .clonebutton {position: relative;float: right;margin-right: 5px;padding: 6px 15px;border: 1px solid rgba(0, 0, 0, 0.2);background: rgb(253, 253, 253);overflow: hidden;color: #666666;opacity: 0.9;}
.existingBot .clonebutton i {padding-right: 1px;}
.existingBot .clonebutton a {position: absolute;overflow: hidden;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.existingBot .clonebutton a:hover {background: rgba(255, 255, 255, 0.3);}

.existingBot .editbutton {position: absolute;left: 13px;top: 18px;padding: 6px 15px;border: 1px solid rgba(0, 0, 0, 0.2);background: rgb(253, 253, 253);overflow: hidden;color: #666666;}
.existingBot .editbutton i {padding-right: 1px;}

.existingBot.publishedbot {background: #fffcbe;}

.newbotcont {margin-top: 10px;}

.CodeMirror {height: auto;border: 1px solid #cccccc;}
.CodeMirror * {font-family: consolas, monospace !important;font-size: 12px;}
.toBeCodeMirror {display: none;}

code {font-family: monospace;font-size: 13px;}

.packageTitleBox {font-size: 18px;margin-top: 25px;}
.packageTitleBox strong {font-size: 18px;}

.demoeventoptions {display: none;margin: 15px 0px 10px 0px;background: rgba(0, 0, 255, 0.1);border: 1px solid rgba(146, 149, 160, 1);padding: 20px;}
.demoeventoptionstickboxes {margin-top: 5px;}

.pseudoTableWrapper {position: relative;overflow: hidden;border-top: 1px solid #eeeeee;}
.pseudoTableWrapper .thisUser {position: relative;overflow: hidden;border-bottom: 1px solid #eeeeee;}
.pseudoTableWrapper .col {position: relative;overflow: hidden;float: left;margin: 10px 0px 10px 0px;}
.pseudoTableWrapper .coltype {width: 20px;height: 100%;}
.pseudoTableWrapper .colavatar {width: 65px;}
.pseudoTableWrapper .colname {width: 250px;margin-left: 4px;}
.pseudoTableWrapper .colbio {width: 200px;margin-left: 15px;height: 53px;opacity: 0.8;}
.pseudoTableWrapper .colR {position: absolute;overflow: hidden;right: 0px;top: 0px;bottom: 0px;background: white;}
.pseudoTableWrapper .colR .coldelete {padding-right: 5px;margin-left: 20px;}
.pseudoTableWrapper .colR .coldelete a {line-height: 50px;color: #666666;}
.pseudoTableWrapper .colR .collevel select {margin-top: 10px;}
.pseudoTableWrapper .colR .colsysadmin {padding-right: 10px;padding-top: 8px;padding-left: 5px;}

.pseudoTableWrapper .smalleditpencil {position: relative;display: inline-block;overflow: hidden;line-height: 4px;height: 13px;margin-left: 4px;}
.pseudoTableWrapper .smalleditpencil i {font-size: 10px;color: red;}
.pseudoTableWrapper .smalleditpencil:hover i {color: #cccccc;}
.pseudoTableWrapper .smalleditpencil a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;background: rgba(0, 0, 0, 0);}

.pseudoTableWrapper .smalleditpencilRightAbsolute {position: absolute;display: inline-block;overflow: hidden;line-height: 4px;height: 16px;width: 15px;right: 0px;top: 50%;margin-top: -8px;}
.pseudoTableWrapper .smalleditpencilRightAbsolute i {font-size: 10px;color: red;}
.pseudoTableWrapper .smalleditpencilRightAbsolute:hover i {
	color: #cccccc;
}
.pseudoTableWrapper .smalleditpencilRightAbsolute a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;background: rgba(0, 0, 0, 0);}

.pseudoTableWrapper .smalleditpencilLeftAbsolute {position: absolute;display: inline-block;overflow: hidden;line-height: 4px;height: 16px;width: 15px;left: 0px;top: 50%;margin-top: -8px;}
.pseudoTableWrapper .smalleditpencilLeftAbsolute i {font-size: 10px;color: red;}
.pseudoTableWrapper .smalleditpencilLeftAbsolute:hover i {
	color: #cccccc;
}
.pseudoTableWrapper .smalleditpencilLeftAbsolute a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;background: rgba(0, 0, 0, 0);}

.pseudoTableWrapper .displaynameContent {position: relative;overflow: hidden;height: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pseudoTableWrapper .jobtitleContent {width: 100%;display: block;height: 18px;position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pseudoTableWrapper .emailholder {width: 100%;display: block;height: 19px;margin-top: 2px;position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;opacity: 0.8;font-size: 12px;padding-right: 2px;}

.pseudoTableWrapper .editmepencil {position: absolute;top: 23px;left: 20px;right: 0px;bottom: 0px;opacity: 1;font-size: 20px;display: none;color: #333;}

.pseudoTableWrapper .aeditme {position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;background: rgba(0, 0, 0, 0);transition-duration: 100ms;transition-property: background;}
.pseudoTableWrapper .aeditme:hover {background: rgba(255, 255, 255, 0.4);}
.pseudoTableWrapper .aeditme:hover .editmepencil {display: block;animation: sidein 300ms ease forwards;}
.pseudoTableWrapper .ifdisabled {display: none; width: 0px;height: 0px;}
.pseudoTableWrapper .thisUser.accdisabled .ifdisabled {display: inline-block; width: auto;height: auto;}
.pseudoTableWrapper .thisUser .ifnotresent {display: none; }
.pseudoTableWrapper .thisUser.accdisabledresend .ifnotresent {display: inline-block;width: auto;height: auto; }
.pseudoTableWrapper .ifcanedit {visibility: hidden;width: 0px;height: 0px;}
.pseudoTableWrapper .thisUser.canedit .ifcanedit {visibility: visible;width: auto;height: auto;}
.pseudoTableWrapper .ifsysadmin {display: none; width: 0px;height: 0px;}
.pseudoTableWrapper .thisUser.sysadmin .ifsysadmin {display: inline-block; width: auto;height: auto;}
.pseudoTableWrapper .thisUser.sysadmin .reset2faNow {display: none;}
.pseudoTableWrapper .thisUser.sysadmin.twoFactorActive .reset2faNow {display: inline-block;}
.pseudoTableWrapper .thisUser .nominatedUserField {display: none; line-height: 32px; overflow: hidden; position: relative;}
.pseudoTableWrapper .thisUser .nominatedUserField.visible {display: inline-block;}

.pseudoTableWrapper .aeditme20left {
	left: 20px;
}

.pseudoTableWrapper .colteamname {width: 150px;line-height: 50px;font-weight: 600;text-transform: uppercase;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pseudoTableWrapper .colmembers {width: 600px;margin: 0px 0px 0px 10px;}
.pseudoTableWrapper .member {float: left;margin: 5px 10px 5px 0px;position: relative;overflow: hidden;width: 90px;height: 67px;}
.pseudoTableWrapper .member .avatar {position: absolute;top: 0px;left: 50%;transform: translate(-50%);width: 45px;height: 45px;border-radius: 50%;background-color: #eee;background-size: cover;background-repeat: no-repeat;}
.pseudoTableWrapper .member .name {position: absolute;bottom: 0px;left: 0px;right: 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;}

.pseudoTableWrapper .coltickbox {width: 50px;line-height: 50px;text-align: right;padding-right: 4px;}

.pseudoTableWrapper .atoggleme {position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;background: rgba(0, 0, 0, 0);transition-duration: 100ms;transition-property: background;}
.pseudoTableWrapper .atoggleme:hover {background: rgba(255, 255, 255, 0.4);}

.pseudoTableWrapper .thisUser.placeholder .displaynameContent {background: #eee;height: 15px;margin-bottom: 4px;}
.pseudoTableWrapper .thisUser.placeholder .jobtitleContent {background: #eee;height: 15px;margin-bottom: 4px;}
.pseudoTableWrapper .thisUser.placeholder .emailholder {background: #eee;height: 15px;margin-bottom: 4px;}
.pseudoTableWrapper .thisUser.placeholder .colbio {background: #eee;}
.pseudoTableWrapper .thisUser.placeholder .collevel {display: none;}
.pseudoTableWrapper .thisUser.placeholder .coldelete {display: none;}

.pseudoTableWrapper .thisUser .logonType {position: relative;width: 20px;height: 20px;cursor: help;opacity: 0.95;}
.pseudoTableWrapper .thisUser .logonType .logonTypeOauth {display: none;background: #2976d6;font-size: 12px;color: white;border-radius: 50%;text-align: center;line-height: 20px;}
.pseudoTableWrapper .thisUser .logonType .logonTypeLocal {display: none;background: #f8df09;color: rgba(41, 43, 53, 0.6);font-size: 9px;font-weight: 900;border-radius: 50%;text-align: center;line-height: 20px;}
.pseudoTableWrapper .thisUser .logonType .logonTypeNone {display: none;background: #cccccc;font-size: 9px;color: white;border-radius: 50%;text-align: center;line-height: 20px;}
.pseudoTableWrapper .thisUser.accountType_oauth .logonType .logonTypeOauth {display: block;}
.pseudoTableWrapper .thisUser.accountType_local .logonType .logonTypeLocal {display: block;}
.pseudoTableWrapper .thisUser.accountType_none .logonType .logonTypeNone {display: block;}

.teamtable {margin-top: 20px;}
.teamtable .editmepencil {bottom: 6px;top: auto;left: 5px;}

.newgroupinput {display: block;position: relative;overflow: hidden;}

@keyframes sidein {
	0% {
		transform: translateX(-60px);
	}
	100% {
		transform: translateX(0px);
	}
}

table {border-collapse: collapse;width: 100%;border-bottom: 1px solid #eeeeee;}
table td {padding: 5px 2px 5px 2px;border-top: 1px solid #eeeeee;}

table.compact {width: auto;}
table.noborders {border: none;}
table.noborders td {border: none;}
table.compact th {padding: 5px 2px 5px 2px !important;}

table a {color: #777777;}
table a:hover {color: #000000;}
table th {text-align: left;padding: 10px 2px 10px 2px;border-bottom: 1px solid #eeeeee;font-weight: normal;}
table th.bolder {text-align: left;padding: 10px 2px 10px 2px;border-bottom: 1px solid #eeeeee;font-weight: bold;color: #777777;}
table th.nounderline {border-bottom: none;}
table th.overline {border-top: 1px solid #eeeeee;}
table th.talltoppadding {padding-top: 10px;}
table th.dateseparator {text-align: center;padding-top: 35px;}
table.clickablerows tr {cursor: pointer;}
table.clickablerows tr:hover {background: #eeeeee;}
table.clickablerows th {background: white !important;cursor: default !important;}
table.slimrows td {padding: 2px;animation: slimrowsTd 200ms linear forwards;}

table th.bolder button {
	background: no-repeat;
	border: 0;
	text-align: left;
	padding: 10px 2px 10px 2px;
	border-bottom: 1px solid #eeeeee;
	font-weight: bold;
	color: #777777;
	cursor: pointer;
}

table th.bolder button .descArrow, table th.bolder button .ascArrow  {display: none;}
table th.bolder .descArrow.visible, table th.bolder .ascArrow.visible  {display: inherit; margin: 0 5px;}

@keyframes slimrowsTd {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

table.pagestoedit td {padding: 6px 2px 6px 2px;}

.deleteicon {position: relative;display: inline-block;overflow: hidden;font-size: 16px;overflow: hidden;width: 20px;height: 20px;color: #aaaaaa;}
.deleteicon:hover {color: black;}

table .deleteicon {float: right;}
table .documentlink {color: black;text-decoration: none;}
table .downloadIcona { text-decoration: none; }
table .downloadIcon { opacity: 0.5; margin-right:2px; display: inline-block; }
table .documentlink:hover {text-decoration: underline;}
table .avatar {width: 50px;height: 50px;border-radius: 50%;overflow: hidden;}
table .avatar img {width: 100%;}
table .clickableavatar {cursor: pointer;}

table .smallavatar {width: 35px;height: 35px;position: absolute;top: 5px;left: 4px;border-radius: 50%;overflow: hidden;display: inline-block;}
table .smallavatar img {width: 100%;}
table .smalldisplayname {margin: 0px 0px 0px 50px;}
table .smalleditpencil {position: relative;display: inline-block;overflow: hidden;line-height: 4px;height: 13px;margin-left: 4px;}
table .smalleditpencil i {font-size: 10px;color: red;}
table .smalleditpencil:hover i {color: #cccccc;}
table .smalleditpencil a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;background: rgba(0, 0, 0, 0);}

table.eventtable tr {width: 100%;height: 53px;}
table.eventtable td {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
table .ellipsis {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
table .eventtd1 {width: 110px;padding: 4px;}
table .eventtd2 {width: 200px;}
table .eventtd3 {width: 250px;}
table .eventtd4 {width: 100px;}
table .eventtd5 {width: 30px;}
table .eventtd6 {width: 100px;}
table.eventtable tr.current {background: rgb(201, 249, 183);}
table.eventtable tr.current td {border-bottom: 1px solid #aaaaaa;border-top: 1px solid #aaaaaa;}
table .onetoonetd1 {width: 50px;padding-left: 10px;}
table .onetoonetd2 {width: 150px;padding: 0px 15px 0px 15px;}
table .onetoonetd3 {width: 300px;}

table tr.mods0 {background: rgb(201, 249, 183);}
table tr.mods0 td {border-bottom: 1px solid #aaaaaa;border-top: 1px solid #aaaaaa;}

table tr.lastmoderator {background: none !important;}
table tr.lastmoderator td {border-top: 1px solid #eeeeee;border-bottom: none;}

table .person {float: left;margin-right: 10px;width: 100px;}
table .person .tavatar {width: 45px;height: 45px;border-radius: 50%;overflow: hidden;margin-left: 28px;}
table .person .tavatar img {width: 100%;min-height: 100%;}
table .person .tdisplayname {width: 100px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
table.teams {margin-top: 20px;}
table.teams .teamname {font-weight: bold;width: 130px;}

table.powerusersTable {line-height: 16px;}
table.powerusersTable td {padding: 5px 10px;position: relative;overflow: hidden;}
table.powerusersTable td.noRightPad {padding-right: 0px;}
table.powerusersTable td.noLeftPad {padding-left: 3px;}
table.powerusersTable td.email {font-style: italic;opacity: 0.9;}
table .marginright20px {margin-right: 20px;position: relative;overflow: hidden;}
table .jobtitleContent {width: 100%;display: block;height: 21px;overflow: hidden;position: relative;padding-left: 0px;}
table .jobtitleContentInner {position: absolute;top: 0px;left: 15px;right: 0px;bottom: 0px;overflow: hidden;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
table .powerUserTable_aboutme {
}
table .powerUserTable_aboutme .aboutmeContent {display: block;position: relative;overflow: hidden;height: 21px;width: 100%;}
table .powerUserTable_aboutme .aboutMeContentInner {position: absolute;top: 0px;left: 15px;right: 0px;bottom: 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;overflow: hidden;}
table .nojobtitle {opacity: 0.4;font-style: italic;}

table .emailCffContainer {height: 21px;}

table .smalleditpencilRightAbsolute {position: absolute;display: inline-block;overflow: hidden;line-height: 4px;height: 16px;width: 15px;right: 0px;top: 50%;margin-top: -8px;}
table .smalleditpencilRightAbsolute i {font-size: 10px;color: red;}
table .smalleditpencilRightAbsolute:hover i {color: #cccccc;}
table .smalleditpencilRightAbsolute a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;background: rgba(0, 0, 0, 0);}

table .smalleditpencilLeftAbsolute {position: absolute;display: inline-block;overflow: hidden;line-height: 4px;height: 16px;width: 15px;left: 0px;top: 50%;margin-top: -8px;}
table .smalleditpencilLeftAbsolute i {font-size: 10px;color: red;}
table .smalleditpencilLeftAbsolute:hover i {color: #cccccc;}
table .smalleditpencilLeftAbsolute a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;background: rgba(0, 0, 0, 0);}

table .displaynameContent {position: relative;overflow: hidden;padding-left: 15px;height: 21px;}

table .unconfirmedemailholder {position: absolute;display: inline-block;overflow: hidden;line-height: 4px;height: 16px;width: 20px;right: 5px;top: 50%;margin-top: -8px;}

.vcenter1 {display: table;height: 100%;overflow: hidden;position: relative;}
.vcenter2 {display: table-row;height: 100%;overflow: hidden;position: relative;}
.vcenter3 {display: table-cell;height: 100%;vertical-align: middle;overflow: hidden;position: relative;}

.anaction {display: none;}
.anaction.visible {display: inline-block;}

.daterange {position: relative;overflow: hidden;}
.daterange .greyout {position: absolute;display: block;background: rgba(255, 255, 255, 0.6);top: 0px;left: 0px;right: 0px;bottom: 0px;display: none;}
.daterange.greyedout .greyout {display: block;}

.explaintext {background: rgba(57, 126, 185, 0.13);border: 1px solid #cccccc;padding: 8px;margin-bottom: 10px;}
.explaintext p {padding: 0;margin: 0;font-size: 12px;}

.labelFilterHolder {display: none;}

.eventTable2 {width: auto;margin: 10px 0px 10px 0px;overflow: hidden;position: relative;padding-top: 2px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.eventTable2.hidden {display: none;}
.eventTable2 .event {border-top: 1px solid rgba(0, 0, 0, 0.1);margin-top: -1px;padding: 4px 0px 6px 0px;overflow: hidden;position: relative; display: flex; align-items: center; }
.eventTable2.planned.noAnim .event {animation: none;}
.eventTable2 .event.ontoday {background: rgba(255, 227, 144, 0.5); /*border-top:1px solid #aaaaaa;*/}
.eventTable2 .event.running {background: rgb(201, 249, 183); /*border-top:1px solid #aaaaaa;*/}
.eventTable2 .event.gdprOverdueHighlight {background: #ffe5e9; /*border-top:1px solid #aaaaaa;*/}
.eventTable2 .event.coldStorageEvent {display: none;}
.eventTable2 .event.coldStorageEvent.showColdStorage {display: block;}
.eventTable2 .event.running.isBot {background: #fffcbe; /*border-top:1px solid #aaaaaa;*/}
.eventTable2 .event.notpublicaccount {background: #ffffff;}
.eventTable2 .event.notpublicaccount.ontoday {background: #fffdf6;}
.eventTable2 .event.notpublicaccount.running {background: #efffe9;}

.eventTable2 .event .chatbotPersona {margin-top: 2px;color: #848484;float: left;margin-right: -2px;}
.eventTable2 .event .chatbotPersona.inline {display: inline-block;}

.eventTable2 .event.filterHidden {display: none;}

.webrtcNotSupported {display: none;}

.eventTable2 .detailCont1 {margin-left: 41px;position: relative;overflow: hidden;}

.eventTable2 .event.running.notinteam {background: #eefde8; /*border-top:1px solid #aaaaaa;*/}
.eventTable2 .controls1 {position: absolute;width: 120px; left: 4px;}
.eventTable2 .title {width: 100%;margin-top: 2px;margin-bottom: -2px;}
.eventTable2 .title .titleTextWrapper {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 50%;margin-right: 5px;}
.eventTable2 .controls2 {position: absolute;right: 9px;width: 500px;}
/* .eventTable2 .event.issuperadmin .controls2 {width: 500px;} */
.eventTable2 .registrants {float: left;margin-top: 2px;margin-left: 10px;}
.eventTable2 .recurrency {float: left;margin-top: 2px;margin-left: 10px;color: #848484;}
.eventTable2 .overflowblock {position: relative;margin-left: 99px;margin-right: 220px;overflow: hidden;}
.eventTable2 .templateEvent .overflowblock { width: 60%; }
.eventTable2 .overflowblock2 {left: 150px;}
.eventTable2 .templateEvent .date { font-style: italic; }
.eventTable2 .dateW {float: left;margin-top: 2px;color: #848484;}
.eventTable2 .tint {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.eventTable2 .tint:hover {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(255, 255, 255, 0.3);}
.eventTable2 .deletedlabel {display: none;float: right;margin-top: 2px;margin-right: 2px;line-height: 32px;color: #cccccc;font-style: italic;}

.eventTable2 .event.over .overflowblock {margin-left: 108px;}
.eventTable2 .event.gdpr .overflowblock {margin-left: 0px;}

.eventTable2 .event .overflowblock .eventType {position: absolute;left: 0px;top: 50%;transform: translateY(-50%);width: 30px;height: 30px;background: #f1f1f1;border-radius: 50%;overflow: hidden;}
.eventTable2 .event .overflowblock .icon {width: 100%;height: 100%;color: black;text-align: center;line-height: 30px;display: none;}
.eventTable2 .event .overflowblock .icon i {opacity: 0.9;}
.eventTable2 .event .overflowblock .eventType.eventType_bot .icon.tbot {display: block;background: #f9a825;color: white;}
.eventTable2 .event .overflowblock .eventType.eventType_group .icon.tgroup {display: block;background: #81c784;color: #424242;color: white;}
.eventTable2 .event .overflowblock .eventType.eventType_1to1 .icon.t1to1 {display: block;background: #00695c;color: white;font-size: 12px;}

.eventTable2 .clickOverlay {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;}
.eventTable2 .clickOverlay a {position: absolute;overflow: hidden;top: 0px;left: 0px;bottom: 0px;right: 0px;background: rgba(0, 0, 0, 0);}
.eventTable2 .clickOverlay:hover a {background: rgba(255, 255, 255, 0.1);}

.eventTable2 .event .npsintable {display: none;}
.eventTable2 .event.npsShowing .npsintable {display: block;}
.eventTable2 .event.npsShowing .controls1 {width: 150px;}
.eventTable2 .event.npsShowing .overflowblock {margin-left: 151px;}
.eventTable2 .event.npsShowing a.cover {position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;background: rgba(0, 0, 0, 0);}

.eventTable2 .event .eventDeletedShow {display: none;}
.eventTable2 .event.eventIsDeleted .eventDeletedShow {display: block;}

.eventTable2 .event .deletedLabel {display: none;}
.eventTable2 .event.eventIsDeleted .deletedLabel {display: inline-block;font-style: italic;opacity: 0.8;margin-right: 3px;}
.eventTable2 .event .evtType121 {display: none;}
.eventTable2 .event .evtTypeNot121 {display: inline;}
.eventTable2 .event.isMultiRoomEvent .evtType121 {display: inline;}
.eventTable2 .event.isMultiRoomEvent .evtTypeNot121 {display: none;}
.eventTable2 .event .expungedtext {font-style: italic;display: none;}
.eventTable2 .event .anonymisedtext {font-style: italic;display: none;}
.eventTable2 .event.gdpr_expunged {background: #ffffff; /*border-top:1px solid #aaaaaa;*/}
.eventTable2 .event.gdpr_anonymised {background: #ffffff; /*border-top:1px solid #aaaaaa;*/}
.eventTable2 .event.gdpr_expunged .expungedtext {display: inline;}
.eventTable2 .event.gdpr_anonymised .anonymisedtext {display: inline;}
.eventTable2 .event .lblPrivateEvent {display: none;}
.eventTable2 .event.eventIsPrivate .lblPrivateEvent {display: inline;}

.eventTable2 .event .lblNotInTeam {display: none;}

.eventTable2 .event .running_group {display: none;}
.eventTable2 .event .running_121 {display: none;}
.eventTable2 .event .running_bot {display: none;}
.eventTable2 .event.running.type_group .running_group {display: block;}
.eventTable2 .event.running.type_1to1 .running_121 {display: block;}
.eventTable2 .event.running.type_bot .running_bot {display: block;}

.eventTable2 .event .c2joinchat {display: none;}
.eventTable2 .event.running.type_1to1 .c2join121 {display: block;}
.eventTable2 .event.running.type_group .c2joinGroup {display: block;}

.eventTable2 .event .titleTextWrapper {display: inline-block;overflow: hidden;}
.eventTable2 .event .eventMiLabels {display: inline-block;margin-bottom: -3px;overflow: hidden;}
.eventTable2 .event .eventMiLabels .eventMiLabel {font-size: 12px;padding: 1px 7px;}
.eventTable2 .event.type_bot .date {display: none;}
.eventTable2 .event.type_bot.templateEvent .date {display: block;}
.eventTable2 .event .chatbotSummary {display: none;}
.eventTable2 .event.type_bot .chatbotSummary {display: block;padding-right: 5px;}

.eventTable2 .event a.regandattendees {color: #444444;text-decoration: none;}
.eventTable2 .event a.regandattendees:hover {text-decoration: underline;}

.eventTable2 .npsintable {width: 40px;overflow: hidden;position: relative;float: left;background: #dddddd;margin-right: 3px;color: white;height: 34px;border-radius: 2px;line-height: 34px;font-weight: bold;text-align: center;}
.eventTable2 .npsintable.score {background: #444444;}
.eventTable2 .controls1 .button {float: left;}

.eventTable2 .event.running .date {color: #799270;}
.eventTable2 .ontop {overflow: hidden;position: relative;border: 1px solid #cccccc;float: right;background: #f1f1f1;height: 30px;line-height: 30px;padding: 0px 10px 0px 20px;}
.eventTable2 .ontop a {position: absolute;overflow: hidden;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.eventTable2 .ontop a:hover {background: rgba(0, 0, 0, 0.1);}
.eventTable2 .accountname {padding-left: 10px;margin-top: -2px;width: 130px;overflow: hidden;word-wrap: break-word;}
.eventTable2 .ontop.npsChecked {background: #d1f1ff;}

.eventTable2 .event .c1editbutton {display: block;}
.eventTable2 .event .c1showbutton {display: none;}
.eventTable2 .event.over .c1editbutton {display: none;}
.eventTable2 .event.over .c1showbutton {display: block;}

.eventTable2 .event .c2showbutton {display: block;}
.eventTable2 .event.over .c2showbutton {display: none;}

.eventTable2 .event .c1editbutton.subaccount,
.eventTable2 .event .c2showbutton.subaccount,
.eventTable2 .event .previous.subaccount{display: none;}

.eventTable2 .event .notinteamoverlay {display: none;}
.eventTable2 .event.running.notinteam.ismoderatoruser .notinteamoverlay {display: block;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.eventTable2 .event.running.notinteam.ismoderatoruser .button {cursor: default !important;opacity: 0.2;pointer-events: none;}
.eventTable2 .event.running.notinteam.ismoderatoruser a.tint {display: none !important;}
.eventTable2 .event.running.notinteam .lblNotInTeam {display: inline-block;font-style: italic;opacity: 0.8;font-weight: normal;}

body.moderationonly .eventTable2 .controls1, body .eventTable2 .controls1.moderatorOnlyEvent {
	display: none;
}
body.moderationonly .eventTable2 .overflowblock {
	margin-left: 25px;
}
body.moderationonly .eventTable2 .controls2 .previous, body .eventTable2 .controls2.moderatorOnlyEvent .previous {
	display: none;
}
body.moderationonly .eventTable2 .c2showbutton, body .eventTable2 .controls2.moderatorOnlyEvent .c2showbutton {
	display: none;
}
body.moderationonly .eventTable2 a.running_bot {
	display: none !important;
}
body.moderationonly .eventTable2 .registrants {
	pointer-events: none;
}

body.assignedmoderationonly .eventTable2 .controls1 {
	display: none;
}
body.assignedmoderationonly .eventTable2 .overflowblock {
	margin-left: 25px;
}
body.assignedmoderationonly .eventTable2 .controls2 .previous {
	display: none;
}
body.assignedmoderationonly .eventTable2 .c2showbutton {
	display: none;
}
body.assignedmoderationonly .eventTable2 a.running_bot {
	display: none !important;
}
body.assignedmoderationonly .eventTable2 .registrants {
	pointer-events: none;
}

.eventTable2 .pretendEvent {border-top: 1px solid #aaaaaa;overflow: hidden;position: relative;height: 53px;opacity: 0.5;animation: pretendEvent 1000ms linear;animation-direction: alternate;animation-iteration-count: infinite;}
.eventTable2 .pretendEvent .fakebutton1 {position: absolute;left: 4px;top: 9px;bottom: 9px;background: #888888;border-radius: 5px;width: 40px;}
.eventTable2 .pretendEvent .fakebutton2 {position: absolute;left: 51px;top: 9px;bottom: 9px;background: #cccccc;width: 95px;}
.eventTable2 .pretendEvent .textblock {position: absolute;left: 160px;top: 10px;height: 15px;background: #dddddd;width: 200px;}
.eventTable2 .pretendEvent .textblock2 {position: absolute;left: 160px;top: 29px;height: 15px;background: #dddddd;width: 400px;}
@keyframes pretendEvent {
	0% {
		opacity: 0.2;
	}
	100% {
		opacity: 0.5;
	}
}

.userListOptions { display: flex; align-items: center; justify-content: space-between; }

.fakeUsersList .pretendEvent {border-top: 1px solid #aaaaaa;overflow: hidden;position: relative;height: 53px;opacity: 0.5;animation: pretendEvent 1000ms linear;animation-direction: alternate;animation-iteration-count: infinite;}
.fakeUsersList .pretendEvent .fakebutton1 {position: absolute;left: 4px;top: 9px;bottom: 9px;background: #888888;border-radius: 5px;width: 40px;}
.fakeUsersList .pretendEvent .fakebutton2 {position: absolute;left: 51px;top: 9px;bottom: 9px;background: #cccccc;width: 95px;}
.fakeUsersList .pretendEvent .textblock {position: absolute;left: 160px;top: 10px;height: 15px;background: #dddddd;width: 200px;}
.fakeUsersList .pretendEvent .textblock2 {position: absolute;left: 160px;top: 29px;height: 15px;background: #dddddd;width: 400px;}

.fakeChatRow {height: 46px;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;margin-top: -1px;position: relative;overflow: hidden;animation: fakeChatRow 1000ms linear;animation-direction: alternate;animation-iteration-count: infinite;}
.fakeChatRow .fakeavatar {position: absolute;top: 5px;left: 5px;width: 35px;height: 35px;border-radius: 50%;background: #cccccc;}
.fakeChatRow .fakeText {position: absolute;top: 15px;left: 55px;width: 350px;height: 15px;background: #cccccc;}
@keyframes fakeChatRow {
	0% {
		opacity: 0.2;
	}
	100% {
		opacity: 0.5;
	}
}

.lblPrivateEvent {font-style: italic;opacity: 0.8;font-weight: normal;}
.lblAlwaysRunning {font-style: italic;opacity: 0.7;font-weight: normal;}

.differentDescriptionWrap {position: relative;overflow: hidden;margin-top: 10px;margin-bottom: 5px;}
.differentDescriptionWrap .hideClosedDescription {display: none;}
.differentDescriptionWrap .hideClosedDescription.visible {display: block;}

.button {background: #f1f1f1;height: 32px;border: 1px solid #e1f1f1;display: inline-block;margin: 0px;line-height: 32px;margin-left: 5px;padding: 0px 16px 0px 16px;cursor: pointer;overflow: hidden;position: relative;}
.button i {opacity: 0.9;}

.button a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;display: block;background: rgba(0, 0, 0, 0);}
.button:hover a {
	background: rgba(238, 238, 238, 0.37);
}
.button.save {
	background: #20a8d8;
	color: white;
}
.button.save:hover {
	background: #1e95be;
}
.button.blue {
	background: #20a8d8;
	color: white;
}
.button.blue:hover {
	background: #1e95be;
}
.button.orange {
	background: #d87f20;
	color: white;
}
.button.orange:hover {
	background: #da944a;
}
.button.marginstyle1 {
	margin-left: 0px;
	margin-top: 10px;
}
.button.marginstyle2 {
	margin-left: 0px;
	margin-top: 20px;
}
.button.block {
	display: inline-block;
}
.button.grey {
	background: #fdfdfd;
}
.button.grey:hover {
	background: #fafafa;
}
.button.delete {
	background: #d82d2d;
	color: white;
	border: 1px solid #942b2b;
}
.button.delete:hover {
	background: #b12222;
	color: white;
}
.button.left {
	float:left;
}

.button.delete i {
	margin-right: 5px;
}
.button.superadmin {
	border: 1px solid #eeeeee;
	color: #da4b4b;
	padding: 0px 10px 0px 10px;
}
.button.superadmindatabase {
	border: 1px solid #eeeeee;
	color: #da4b4b;
	padding: 0px 10px 0px 10px;
}

.button.superadmindatabase.subaccount {
	display: none;
}

.button.superadmin.subaccount {
	display: none;
}

.ebutton.notclickable {
	cursor: default !important;
	opacity: 0.2;
}
.ebutton.notclickable a {
	display: none !important;
}
.ebutton.notclickable select {
	display: none !important;
}

.button.notclickable {
	cursor: default !important;
	opacity: 0.2;
}
.button.notclickable a {
	top: -100px;
	bottom: auto;
}
.button.notclickable select {
	display: none !important;
}
.button.notclickable.notallowed {
	cursor: not-allowed !important;
}

.button.btninvisible {
	display: none !important;
}

.newItemsReleased {display: none;height: 44px;color: #ded994;margin: 0;line-height: 44px;font-size: 18px;margin-left: 5px;margin-right: 5px;padding: 0px;cursor: pointer;overflow: hidden;position: relative;float: left;}
.newItemsReleased.showing {display: inline-block;}
.newItemsReleased a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;display: block;background: rgba(0, 0, 0, 0);}
.newItemsReleased:hover a {background: rgba(255, 255, 255, 0.5);}

.ebutton.unlockentry,
.ebutton.lockentry {
	display: none;
}
.ebutton.unlockentry.show,
.ebutton.lockentry.show {
	display: block;
}

.ebutton .split_buttonpart {float: left;position: relative;overflow: hidden;margin-right: 15px;height: 100%;}
.ebutton .split_dropdownpart {width: 18px;border-left: 1px solid #cccccc;text-align: center;position: absolute;right: 0px;top: 4px;bottom: 4px;line-height: 20px;}
.ebutton .split_dropdownpart i {padding-right: 0px !important;}
.ebutton.split {padding-right: 5px;}
.ebutton.split select {left: auto !important;right: 0px !important;}

.nexttobutton {float: left;height: 34px;line-height: 34px;}

table .button {margin-top: 3px;margin-left: 2px;margin-right: 2px;}
table .button.thinner {margin-top: 0px;margin-bottom: 0px;margin-right: 0px;float: right;height: 28px;line-height: 28px;}
table .button.nomargintop {margin-top: 0px !important;margin-left: 2px;margin-right: 2px;}

.media_videodetails {margin-top: 15px;padding-top: 15px;border-top: 1px solid #eeeeee;display: none;}
.media_videodetails.visible {display: block;}
.media_videodetails .thumbnail {margin: 10px 0px 10px 0px;height: 170px;background-repeat: no-repeat;background-size: contain;background-position: top left;}
.media_videodetails .title {margin: 0px 0px 10px 0px;font-style: italic;}

.leftcolumn {z-index: 950;}
.leftcolumn .version {position: absolute;overflow: hidden;bottom: 10px;left: 0px;right: 0px;height: 20px;color: #40424a;text-align: center;font-family: serif;z-index: 981;}
.leftcolumn .version a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.acctwitteraccount {width: 150px !important;margin-left: 2px;}

.floatcontainer {position: relative;overflow: hidden;}
.recurindefcontainer {margin-top: 15px;}
.blackoutdayscontainer {margin-top: 15px;}
.blackoutdays {padding-top: 0px;}
.blackoutdays .target {padding-bottom: 10px;}
.blackoutdays .button i {margin-right: 5px;}
.blackoutdays input[type="text"] {width: 390px !important;}
.blackoutdays .descr {display: none;margin-top: 5px;margin-bottom: 5px;}
.blackoutdays .thisBlackoutDay {position: relative;overflow: hidden;}
.blackoutdays .thisBlackoutDay .label {position: relative;overflow: hidden;color: red;font-weight: bold;}
.blackoutdays .thisBlackoutDay .label a {font-weight: normal;}

.dependOnType {position: absolute;left: -9999px;}
.dependOnType.group.thistype {position: relative;left: initial;}
.dependOnType.onetoone.thistype {position: relative;left: initial;}
.dependOnType.bot.thistype {position: relative;left: initial;}

.arbitraryweekdaychooser {display: none;-webkit-user-select: none;-moz-user-select: none;-o-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
.arbitraryweekdaychooser .label {padding-bottom: 3px;}
.arbitraryweekdaychooser table {width: auto;margin-top: 15px;border: 1px solid #cccccc;}
.arbitraryweekdaychooser tr {
	border: none;
}
.arbitraryweekdaychooser td {text-align: center;width: 65px;border: none;overflow: hidden;position: relative;border-left: 1px solid #cccccc;}
.arbitraryweekdaychooser a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.arbitraryweekdaychooser a:hover {background: rgba(0, 0, 0, 0.05);}

.picturebuttoncontainer {margin-left: -5px;margin-top: -5px;overflow: hidden;position: relative;}
.picturebutton {animation: picturebutton 100ms linear forwards;background: #f1f1f1;height: 100px;width: 150px;border: 1px solid rgba(0, 0, 0, 0.1);float: left;margin: 0px;line-height: 100px;margin-left: 5px;padding: 0px;cursor: pointer;overflow: hidden;position: relative;text-align: center;margin-top: 5px;}

@keyframes picturebutton {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.enabledPictureButtons {display: inline-block;position: relative;overflow: hidden;}
.disabledPictureButtons {display: inline-block;position: relative;overflow: hidden;margin-left: -3px;}

td .picturebutton {margin: 5px 0px 5px 10px;float: right;}
.picturebutton a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;display: block;background: rgba(0, 0, 0, 0);}
.picturebutton a:hover {background: rgba(238, 238, 238, 0.47);}
.picturebutton a:active {background: rgba(0, 0, 0, 0);}
.picturebutton i {font-size: 40px;color: #666666;font-style: normal;margin: 3px;}
.picturebutton .ioverlay {position: absolute;right: 39px;top: 15px;height: 40px;line-height: 40px;}
.picturebutton .ioverlay i {font-size: 31px;text-shadow: -4px -4px 0 #f1f1f1, 4px -4px 0 #f1f1f1, -4px 4px 0 #f1f1f1, 4px 4px 0 #f1f1f1;}
.picturebutton .ioverlay.number {font-size: 20px;font-weight: bold;color: #777777;text-shadow: -1px -1px 0 #f1f1f1, 1px -1px 0 #f1f1f1, -1px 1px 0 #f1f1f1, 1px 1px 0 #f1f1f1;}
.picturebutton .ioverlay2 {position: absolute;right: 40px;top: 40px;height: 40px;line-height: 40px;}
.picturebutton .ioverlay2 i {font-size: 31px;text-shadow: 0 0 5px #f1f1f1, 0 0 5px #f1f1f1, 0 0 5px #f1f1f1, 0 0 5px #f1f1f1, 0 0 5px #f1f1f1, 0 0 5px #f1f1f1, 0 0 5px #f1f1f1, 0 0 5px #f1f1f1, 0 0 5px #f1f1f1;}
.picturebutton .ioverlay2.green i {color: #7ead7e;}
.picturebutton .ioverlay3 {position: absolute;right: 35px;top: 30px;height: 40px;line-height: 40px;}
.picturebutton .ioverlay3 i {font-size: 24px;text-shadow: 0 0 5px rgb(245, 255, 241), 0 0 5px rgb(245, 255, 241), 0 0 5px rgb(245, 255, 241), 0 0 5px rgb(245, 255, 241), 0 0 5px rgb(245, 255, 241), 0 0 5px rgb(245, 255, 241), 0 0 5px rgb(245, 255, 241), 0 0 5px rgb(245, 255, 241), 0 0 5px rgb(245, 255, 241);}
.picturebutton .dloverlay {position: absolute;top: 10px;left: 10px;line-height: 20px;}
.picturebutton .dloverlay i {color: rgba(13, 13, 80, 0.1);font-size: 24px;}

.picturebutton p {position: absolute;display: block;bottom: 10px;left: 10px;right: 10px;text-align: center;height: 20px;margin: 0px;padding: 0px;line-height: 20px;color: #666666;}
.picturebutton.selected {background: #f6f6f6;}
.picturebutton.selected p {color: #333333;}
.picturebutton.selected i {color: #333333;}

.picturebutton.disabled {
	border: 1px solid #eeeeee;
	pointer-events: none;
}
.picturebutton.disabled a {background: rgba(252, 252, 252, 0.75) !important;}

.picturebutton.osSpecific.osNotDetected a {background: rgba(248, 248, 248, 0.7);}

.picturebutton.notclickable {cursor: default !important;opacity: 0.2;}
.picturebutton.notclickable a {top: -100px;bottom: auto;}

.picturebutton.eventcreatedbutton {margin: 15px 0px 0px 0px;}

.picturebutton .advanced {position: absolute;top: 5px;right: 8px;color: #ff5555;font-size: 10px;line-height: 10px;}

.enabledPictureButtons .picturebutton.eventTypeDisabled {display: none;}
.picturebutton.eventTypeDisabled {cursor: not-allowed !important;opacity: 0.5 !important;background: linear-gradient(to top left, #fff calc(50% - 1px), #ddd, #fff calc(50% + 1px));}
.picturebutton.eventTypeDisabled a {display: none;}

.picturebutton input {position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;background: rgba(0, 0, 0, 0);opacity: 0;cursor: pointer;}

.scenebutton {border: 1px solid #bbbbbb;margin-top: 5px;background: #f1f1f1;height: 215px;width: 305px;margin-left: 5px;padding: 0px;cursor: pointer;overflow: hidden;position: relative;text-align: center;display: inline-block;}
.scenebutton p {position: absolute;display: block;bottom: 10px;left: 10px;right: 10px;text-align: center;height: 20px;margin: 0px;padding: 0px;line-height: 20px;color: #666666;font-weight: bold;}
.scenebutton a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;display: block;background: rgba(0, 0, 0, 0);}
.scenebutton a:hover {
	background: rgba(238, 238, 238, 0.3);
}
.scenebutton.selected {
	border: 1px solid #aaaaaa;
}
.scenebutton.selected a {
	background: rgba(252, 252, 252, 0.3) !important;
}
.scenebutton.disabled {
	border: 1px solid #eeeeee;
}
.scenebutton.disabled a {
	background: rgba(252, 252, 252, 0.75) !important;
}
.scenebutton .tick {position: absolute;top: 10px;right: 10px;font-size: 30px;color: #18bb18;display: none;}
.scenebutton.selected .tick {display: block;}

.mandatory:after {font-weight: bold;font-size: 18px;color: red;content: "*";}

.picturebutton.live {background: rgb(245, 255, 241);}
.picturebutton.live i {color: #577e47;margin-left: -15px;}
f .picturebutton.live p {color: #577e47;}
.picturebutton.live a:hover {background: rgb(201, 249, 183, 0.6);}

.picturebutton.event {width: 400px;background: rgb(245, 255, 241);}
.picturebutton.event * {color: #577e47;}
.picturebutton.eventfefe:hover {width: 400px;background: rgb(201, 249, 183);}
.picturebutton.event a:hover {background: rgb(201, 249, 183, 0.6);}

.picturebutton .buttonpart {width: 132px;float: left;overflow: hidden;position: relative;border-right: 1px solid #eeeeee;}
.picturebutton:hover .buttonpart {
	border-right: 1px solid #cccccc;
}

.picturebutton .textpart {width: 245px;float: right;text-align: left;line-height: normal !important;line-height: initial !important;height: 100px;padding: 0px 10px 0px 10px;color: #555555;}
.picturebutton .textpart .title {width: 245px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;}
.picturebutton .textpart .desc {width: 245px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.picturebutton.event.earlyaccess {background: #f4f4f4;}
.picturebutton.event.earlyaccess .buttonpart {border-right: 1px solid #e8e8e8;}
.picturebutton.event.earlyaccess:hover .buttonpart {border-right: 1px solid #cccccc;}
.picturebutton.event.earlyaccess a:hover {background: rgba(255, 255, 255, 0.5);}

.picturebutton .hiddenStimulusType {
	border:3px solid #676767; background:#ddd; border-radius: 3px; border-style: dashed; width:50px; height:20px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin-top:-10px;
}

.pictureframe {height: 100px;width: 400px;display: inline-block;margin-left: 5px;position: relative;overflow: hidden;}
.pictureframe .text {padding: 10px;}

.goverlayheaders {position: fixed;top: 200px;display: none;top: 40px;background: white;}

table.rowhighlighthover tr:hover td {background: #eeeeee;}

.unconfirmedemail {color: orange;margin-left: 5px;}

.hr {margin: 20px 0px 20px 0px;height: 1px;border-bottom: 1px solid #eeeeee;}

.billingExpiry {margin: 0px 0px 0px 5px;border: 1px solid #cccccc;line-height: 32px;padding: 0px 10px 0px 10px;cursor: pointer;height: 32px;}
.billingExpiry i {
	margin-right: 5px;
}
.billingExpiry:hover {background: #eeeeee;}

.coverA {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;display: block;background: rgba(0, 0, 0, 0);}

.topbar {height: 44px;background: white;position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);top: 0px;left: 0px;right: 0px;z-index: 1000;-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);}
.topbar .left {border-right: 1px solid #cccccc;width: 249px;height: 44px;line-height: 40px;overflow: hidden;position: relative;}
.topbar .left .label {height: 44px;line-height: 44px;width: 150px;float: left;margin-left: 20px;overflow: hidden;position: relative;}
.topbar .left .burger {float: right;margin-right: 10px;width: 30px;text-align: center;height: 44px;line-height: 44px;cursor: pointer;position: relative;overflow: hidden;}
.topbar .left .burger:hover i {color: #cccccc;}
.topbar .left .burger a {position: absolute;left: 0px;bottom: 0px;right: 0px;top: 0px;background: rgba(0, 0, 0, 0);}

.topbar .right {height: 44px;line-height: 40px;position: absolute;top: 0px;left: 260px;right: 20px;text-align: right;}
.topbar .right .button {cursor: pointer;display: inline-block;padding: 0px 20px 0px 20px;background: #fefefe;border: 1px solid #dddddd;line-height: 26px;height: 26px;margin: 8px 0px 0px 10px;overflow: hidden;position: relative;}
.topbar .right .button i {color: #444444;}
.topbar .right .button a:hover {background: rgba(238, 238, 238, 0.37);}
.topbar .right .livesite {float: left;background: #f7f7f7;color: #6e6e6e;}
.topbar .right .livesite i {color: #6e6e6e;}
.topbar .right .frame {display: inline-block;padding: 0px 20px 0px 20px;border: 1px solid #dddddd;line-height: 26px;height: 26px;margin: 7px 0px 0px 10px;overflow: hidden;position: relative;}
.topbar .right .frame.noborder {border: none;padding: 0px 5px 0px 5px;}
.topbar .right .frame .numbercircle {position: absolute;top: 0px;right: 0px;background: red;color: white;width: 15px;height: 15px;font-weight: bold;text-align: center;line-height: 15px;font-size: 9px;border-radius: 50%;}
.topbar .right .frame .acover {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.topbar .right .button.languages {width: 40px;padding: 0px;text-align: center;float: left;}
.topbar .right .button.languages i {width: 40px;height: 27px;line-height: 25px;display: block;}
.topbar .right .button:hover a {background: rgba(238, 238, 238, 0.37);}
.topbar .right .currentservertime {float: left;padding-top: 2px !important;position: relative;overflow: hidden;width: 50px;}
.topbar .right .time {position: absolute;}
.topbar .right .publicpagelink {float: left;padding-top: 2px !important;margin-left: 1px !important;}
.topbar .right .publicpagelink a {color: #555555;}
.topbar .right .crossSiteSearch { display: inline-block; position: relative; height: 26px; overflow: hidden; float: left; margin: 8px 0px 0px 10px; }
.topbar .right .crossSiteSearch .crossSiteSearchButton { display: flex; justify-content: center; align-items: center; margin: 0; padding: 0px 10px 0px 10px; }


.waitingeventlogo {margin-right: 6px;font-size: 16px;}

.topbar .right .button select {position: absolute;top: 0px;right: 0px;opacity: 0;-moz-opacity: 0;filter: alpha(opacity=0);display: block;height: 27px;cursor: pointer;}
.topbar .right .button.languages select {right: auto;left: 0px;}

.topbardialog {display: none;width: 250px;position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);top: 0px;z-index: 1001;margin-left: -125px;}
.topbardialog .inner {margin-top: 15px;background: white;border-radius: 5px;padding: 20px;color: #444444;-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);}
.topbardialog .pointer {border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid white;width: 0px;height: 0px;position: absolute;top: 5px;left: 50%;margin-left: -10px;}

.topbardialog .waitingperson {overflow: hidden;position: relative;padding: 5px 0px 5px 0px;}
.topbardialog .waitingperson a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.topbardialog .waitingperson a:hover {background: rgba(255, 255, 255, 0.7);}
.topbardialog .waitingperson .left {float: left;width: 50px;}
.topbardialog .waitingperson .avatar {width: 50px;height: 50px;border-radius: 50%;overflow: hidden;position: relative;}
.topbardialog .waitingperson .avatar img {width: 100%;}
.topbardialog .waitingperson .right {float: left;padding-left: 10px;margin-top: 5px;}
.topbardialog .waitingperson .dispname {font-weight: bold;}
.topbardialog .waitingperson .messagetextellipsis {width: 130px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.currentservertime .bell {
	padding-right: 10px;
}

#draggablecontainment {position: fixed;top: 44px;left: 0px;right: 0px;bottom: 0px;}

/* default to menustyle1 */
.leftcolumn {background: #292b35;position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);left: 0px;bottom: 0px;top: 44px;width: 250px;overflow: hidden;transition-duration: 300ms;}

.leftcolumn .avatar {padding: 20px 0px 20px 20px;position: relative;overflow: hidden;background: #191a20;}
.leftcolumn .avatar .left {float: left;width: 60px;height: 60px;}
.leftcolumn .avatar .right {color: white;margin-left: 70px;}
.leftcolumn .avatar .right .displayname {margin: 10px 0px 0px 0px;font-weight: bold;width: 135px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.leftcolumn .avatar .right .email {width: 135px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.leftcolumn .avatar .img {width: 55px;height: 55px;border-radius: 50%;border: 4px solid rgba(255, 255, 255, 0.12);overflow: hidden;}
.leftcolumn .avatar img {width: 59px;height: 59px;border-radius: 50%;margin: -2px 0px 0px -2px;cursor: pointer;}

.leftcolumn .navigation {margin: 0px 0px 0px 0px;overflow: hidden;position: relative;color: white;}
.leftcolumn .navigation .navitem {width: 100%;background: #282a32;height: 35px;position: relative;overflow: hidden;border-left: 3px solid rgba(0, 0, 0, 0);box-sizing: border-box;}
.leftcolumn .navigation .navitem:hover {background: #353844;border-left: 3px solid #27a8d5;}
.leftcolumn .navigation .navitem.current {background: #353844;border-left: 3px solid #27a8d5;}
.leftcolumn .navigation .navitem a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;display: block;background: rgba(0, 0, 0, 0);}
.leftcolumn .navigation .navitem .glyph {float: left;margin: 0px 0px 0px 20px;font-size: 15px;width: 33px;line-height: 35px;opacity: 0.99;}
.leftcolumn .navigation .navitem .label {float: left;line-height: 35px;text-transform: uppercase;opacity: 0.9;}

.leftcolumn .navigation .adminseparator {height: 6px;border-bottom: 1px solid #4a4a4a;margin-bottom: 6px;margin-left: 5px;margin-right: 5px;}

.leftcolumn.columntype1 {width: 40px;left: -40px;transition-delay: 0ms;}
.leftcolumn.columntype1 .avatar {display: none;}
.leftcolumn.columntype1 .navitem .label {display: none;}
.leftcolumn.columntype1 .navitem .glyph {margin-left: 10px;}

body.menustyle0 .leftcolumn.columntype0 {left: -250px;}
body.menustyle0 .leftcolumn.columntype1 {left: 0px;transition-delay: 250ms;}

body.menustyle1 .leftcolumn.columntype0 {transition-delay: 250ms;}

body.menustyle3 .leftcolumn.columntype0 {left: -250px;}

.menu-dimmer {position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0.3);display: none;opacity: 0;z-index: 950;}
.menu-dimmer.solid {display: block;}
.menu-drawer {position: fixed;top: 0px;left: -250px;width: 250px;bottom: 0px;transition-duration: 400ms;padding-right: 35px;will-change: transform;z-index: 980;display: none;}
.menu-drawer .menu-touchableEdge {position: absolute;top: 0px;right: 0px;bottom: 0px;width: 35px;}
.menu-drawer .leftcolumn {position: absolute;left: 0px;transition-duration: 0ms;}
.menu-drawer .leftcolumn .navigation {overflow: hidden;}
.menu-drawer .leftcolumn .navigation_outer {bottom: 30px;top: 100px;left: 0px;right: 0px;position: absolute;overflow: auto;}

.rightcolumn {margin: 00px 0px 0px 250px;padding-top: 0px;transition-duration: 200ms;position: relative;z-index: 900;min-height: 100%;overflow: hidden;}
body.menustyle0 .rightcolumn {
	margin-left: 40px;
}

body.menustyle3 .rightcolumn {
	margin-left: 0px;
}
body.menustyle3 .menu-drawer {
	display: block;
}
body.menustyle3 .menu-drawer .menu-touchableEdge {width: 5px;}
body.menustyle3 .menu-drawer {padding-right: 5px;}

.rightcolumn .topbuffer {height: 40px;display: block;}
.rightcolumn .tfasnackbar {position: fixed;height: auto;right: 5px;top: 48px;background: #ed6c02;color: white;z-index: 10;box-shadow: 0px 0px 5px 0px rgb(0, 0, 0, 0.3);}
.rightcolumn .tfasnackbar.alert {background: #d32f2f;}

.rightcolumn.finishedloading {overflow: visible;}

.candidateSearchOverlayContainer { display: flex; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); z-index: 9998; pointer-events: none; opacity: 0; overflow: hidden; cursor: pointer; }
.candidateSearchOverlayContainer.visible { pointer-events: unset; animation: containerFadeIn linear forwards 200ms; }
.candidateSearchOverlayContainer.hide { pointer-events: none; animation: containerFadeOut linear forwards 200ms; }
.canadidateSearchParentContainer { position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 9999; pointer-events: none; display: flex; flex-direction: column; align-items: center; }
.canadidateSearchParentContainer .searchInputContainer { position: relative; display: flex; flex-direction: row; align-items: center; opacity: 0; width: auto; padding: 10px 20px 0px 20px; pointer-events: none; transition: all  0.1s ease; box-sizing: border-box; width: 100%; justify-content: center; }
.canadidateSearchParentContainer .searchInputContainer.visible { animation: containerFadeIn linear forwards 200ms; }
.canadidateSearchParentContainer .searchInputContainer .searchBox { position: relative; display: flex; flex-direction: row; background-color: white; padding: 10px; gap: 20px; pointer-events: none; width: 780px; transition: all 0.1s ease; border-radius: 4px;}
.canadidateSearchParentContainer .searchInputContainer.visible .searchBox { pointer-events: auto;}
.canadidateSearchParentContainer .searchInputContainer .searchBox .searchFilterContainer { position: relative; display: flex; flex-direction: row; gap: 15px; align-items: center; justify-content: center; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; }
.canadidateSearchParentContainer .searchInputContainer .searchBox .searchFilterContainer select { opacity: 1; border: none; text-align: center; padding-left: 20px;}
.canadidateSearchParentContainer .searchInputContainer .searchBox .searchFilterContainer .searchFilterIcon { display: flex; position: absolute; left: 10px; color: #444444;  }
.canadidateSearchParentContainer .searchInputContainer .searchBox .timelineFilterContainer { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center;  }
.canadidateSearchParentContainer .searchInputContainer .searchBox .timelineFilterContainer #timelinePillFlag { position: relative; display: flex; align-items: center; justify-content: center; width: auto; height: 23px; background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; font-size: 12px; color: rgba(0, 0, 0, 0.7); font-weight: bold; border: 1px solid rgba(0, 0, 0, 0.2); cursor: pointer; }
.canadidateSearchParentContainer .searchInputContainer .searchBox .timelineFilterContainer #timelinePillFlag.active { background-color: rgba(255, 184, 28, 0.5); }
.canadidateSearchParentContainer .searchInputContainer .searchBox .filterExpand { display: none; }
.canadidateSearchParentContainer .searchInputContainer .searchBox .filterExpand button { background: none; border: none; cursor: pointer; color: #444444; }
.canadidateSearchParentContainer .searchInputContainer.visible .searchBoxMover { display: flex; transition: all 0.1s ease;}
.canadidateSearchParentContainer .searchInputContainer .searchBox #candidateSearchInput { flex-grow: 1; min-width: 300px; border: 1px solid rgba(0, 0, 0, 0.2); }
.canadidateSearchParentContainer .searchInputContainer.tabbed .searchBoxMover { display: flex; flex-grow: 1; }
.canadidateSearchParentContainer .searchInputContainer.simplified .searchBox { width: 20%; box-sizing: border-box;}
.canadidateSearchParentContainer .searchInputContainer.simplified .searchBox .searchFilterContainer { display: none; }
.canadidateSearchParentContainer .searchInputContainer.simplified .searchBox #candidateSearchInput { min-width: unset; }
.canadidateSearchParentContainer .searchInputContainer.simplified .searchBox .filterExpand { display: flex; }
.canadidateSearchParentContainer .resultsContainer { animation: containerFadeIn linear forwards 200ms;  position: relative; display: flex; flex-direction: row; flex: 1 1 auto; min-width: 0; width: 100%; align-items: center; justify-content: center; padding: 10px 20px 10px 20px; overflow: hidden; box-sizing: border-box; gap: 5px;}
.canadidateSearchParentContainer .resultsContainer.hidden { pointer-events: none; animation: containerFadeOut linear forwards 200ms; }
.canadidateSearchParentContainer .candidateSearchContainer { display: flex; flex-direction: column; gap: 20px; background-color: white; position: relative; width: 800px; padding: 30px; height: 100%; box-sizing: border-box; overflow: hidden; opacity: 0; pointer-events: none; transition: all  0.1s ease; border-radius: 4px;}
.canadidateSearchParentContainer .candidateSearchContainer.visible { animation: containerSlideIn 200ms linear 200ms forwards; pointer-events: auto; }
.canadidateSearchParentContainer .candidateSearchContainer.tabbed { width: 20%; min-width: 20%; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.canadidateSearchParentContainer .candidateSearchContainer .containerTitle { display: flex; position: relative; padding-left: 20px; font-weight: bold; font-size: 25px; color: rgba(0, 0, 0, 0.8); }
.canadidateSearchParentContainer .candidateSearchContainer .candidateSearchResultsContainer { display: grid; gap:20px; padding: 20px; overflow-y: auto; animation: containerEnable linear forwards 50ms; }
.canadidateSearchParentContainer .candidateSearchContainer .candidateSearchResultsContainer.disabled { pointer-events: none; animation: containerDisable linear forwards 50ms; }
.canadidateSearchParentContainer .candidateSearchContainer .candidateSearchResultsContainer .searchResultUser { position: relative; display: flex; flex-direction: column; min-width: 0; height: 100px; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; padding: 20px; cursor: pointer; }
.canadidateSearchParentContainer .candidateSearchContainer .candidateSearchResultsContainer .searchResultUser:hover { border-color: rgb(57, 167, 72); }
.canadidateSearchParentContainer .candidateSearchContainer .candidateSearchResultsContainer .searchResultUser .userProfileName { font-weight: bold; font-size: 18px; color: rgba(0, 0, 0, 0.8); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.canadidateSearchParentContainer .candidateSearchContainer.tabbed .candidateSearchResultsContainer .searchResultUser .userProfileName { max-width: 70%;  }
.canadidateSearchParentContainer .candidateSearchContainer .candidateSearchResultsContainer .searchResultUser .userProfileEmail { font-size: 15px; color: rgba(0, 0, 0, 0.5); text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.canadidateSearchParentContainer .candidateSearchContainer.tabbed .candidateSearchResultsContainer .searchResultUser .userProfileEmail { max-width: 60%; }
.canadidateSearchParentContainer .candidateSearchContainer .candidateSearchResultsContainer .searchResultUser .userProfileTags { position: absolute; top: 0; right: 0; left: 0; display: flex; padding: 10px; height: 30px; display: flex; flex-direction: row-reverse; align-items: center; gap: 5px;}
.canadidateSearchParentContainer .candidateSearchContainer .candidateSearchResultsContainer .searchResultUser .userProfileTags .userTag { position: relative; display: flex; align-items: center; justify-content: center; width: auto; height: 10px; background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; padding: 5px; font-size: 12px; color: rgba(0, 0, 0, 0.7); font-weight: bold; border: 1px solid rgba(0, 0, 0, 0.2); }
.canadidateSearchParentContainer .candidateSearchContainer .candidateSearchResultsContainer .searchResultUser .userProfileTags .userTag.userTimelineTag { background-color: rgba(255, 184, 28, 0.5); }
.canadidateSearchParentContainer .candidateSearchContainer .candidateSearchResultsContainer .searchResultUser .userProfileAccount { position: absolute; bottom: 10px; right: 0; left: 0; display: flex; padding: 10px; display: flex; flex-direction: row-reverse; align-items: center; font-weight: bold; color: rgba(0, 0, 0, 0.8); }
.canadidateSearchParentContainer .candidateSearchContainer .candidateSearchResultsContainer .searchResultUser .userProfileAccount span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.canadidateSearchParentContainer .candidateSearchContainer .candidateSearchResultsContainer .searchResultUser .userProfileClick { position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
.canadidateSearchParentContainer .candidateSearchContainer .candidateSearchResultsContainer .searchResultUser .userProfileClick:focus { background-color: rgba(75, 167, 72, 0.05); border-color: rgb(57, 167, 72); }
.canadidateSearchParentContainer .candidateSearchContainer .candidateSearchResultsContainer .searchResultUser.selected { background-color: rgba(75, 167, 72, 0.05); border-color: rgb(57, 167, 72); }
.canadidateSearchParentContainer .candidateDetailedViewContainer { position: relative; display: flex; flex-direction: column; flex-grow: 1; gap: 30px; opacity: 0; display: none; pointer-events: none; background-color: white; padding: 30px; overflow-y: auto; transition: all  0.1s ease; height: 100%; box-sizing: border-box; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.canadidateSearchParentContainer .candidateDetailedViewContainer.visible { pointer-events: auto; animation: containerSlideIn 200ms linear 100ms forwards; display: flex;}
.canadidateSearchParentContainer .candidateDetailedViewContainer.tabbed { width: 20%; flex-grow: 0; border-radius: 0px; }
.canadidateSearchParentContainer .candidateDetailedViewContainer #candidateHistoryDetail .panel { margin: 0;}
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedViewInfo { display: flex; flex-direction: column; position: relative; color: rgba(0, 0, 0, 0.8); }
.canadidateSearchParentContainer .candidateDetailedViewContainer.tabbed .candidateDetailedViewInfo { text-overflow: ellipsis; overflow: hidden; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedViewInfo .candidateDetail { font-size: 25px; text-overflow: ellipsis; overflow: hidden; font-weight: bold; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedPackageList { display: flex; flex-direction: column; position: relative; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedPackageList .sectionTitleActions { display: flex; flex-direction: row; gap: 10px; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedPackageList .sectionTitleActions .sectionTitle { font-size: 25px; font-weight: bold; color: rgba(0, 0, 0, 0.8); }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedPackageList .sectionTitleActions .sectionActions { z-index: 1; display: flex; flex-direction: row; gap: 10px; align-items: center; justify-content: end; }
.canadidateSearchParentContainer .candidateDetailedViewContainer.tabbed .candidateDetailedPackageList .sectionTitleActions .sectionActions { display: none; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedPackageList .sectionTitleActions .sectionActions button { cursor: pointer; padding: 10px 15px 10px 15px; background: transparent; border: 1px solid rgba(0, 0, 0, 0.2); }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedPackageList .sectionTitleActions .sectionActions button:hover { background: rgba(245, 245, 245, 1); }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedPackageList .sectionTitleActions .sectionActions button i { color: #da4b4b; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedPackageList .packageList { display: flex; gap: 5px; position: relative; flex-direction: column; padding-top: 30px; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedPackageList .packageList .userPackage { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.2); border-left: 0; border-right: 0; padding: 10px; cursor: pointer; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedPackageList .packageList .userPackage > div { flex: 1; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedPackageList .packageList .userPackage:hover { border-color: rgb(57, 167, 72); }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedPackageList .packageList .userPackage .packageClick { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedPackageList .packageList .userPackage.selected { background-color: rgba(75, 167, 72, 0.05);  border-color: rgb(57, 167, 72); }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedPackageList .packageList .userPackage .packageSubscribeDate { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 5px;}
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedPackageList .packageList .userPackage .packageActions { z-index: 1; display: flex; flex-direction: row; gap: 10px; align-items: center; justify-content: end; }
.canadidateSearchParentContainer .candidateDetailedViewContainer.tabbed .candidateDetailedPackageList .packageList .userPackage .packageActions{ display: none; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedPackageList .packageList .userPackage .packageActions button { cursor: pointer; padding: 10px 15px 10px 15px; background: transparent; border: 1px solid rgba(0, 0, 0, 0.2); }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedPackageList .packageList .userPackage .packageActions button:hover { background: rgba(245, 245, 245, 1); }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedPackageList .packageList .userPackage .packageActions button i { color: #da4b4b; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedPackageList .packageList .userPackage .packageActions .removeUserButton { background: #d82d2d; color: white; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedPackageList .packageList .userPackage .packageActions .removeUserButton:hover { background: #b12222; }
.canadidateSearchParentContainer .candidateDetailedViewContainer.tabbed .candidateDetailedPackageList .packageList .userPackage .packageName { max-width: 20%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedEventList { display: flex; flex-direction: column; position: relative; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedEventList .sectionTitle { font-size: 25px; font-weight: bold; color: rgba(0, 0, 0, 0.8); }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedEventList .eventList { display: flex; gap: 5px; position: relative; flex-direction: column; padding-top: 30px; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedEventList .eventList .userEvent { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.2); border-left: 0; border-right: 0; padding: 10px; cursor: pointer; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedEventList .eventList .userEvent > div { flex: 1; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedEventList .eventList .userEvent .eventTypes .eventDetails { max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedEventList .eventList .userEvent .eventTypes .eventDetails .eventName { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedEventList .eventList .userEvent .eventTypes .eventDetails .eventDescription { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedEventList .eventList .userEvent:hover { border-color: rgb(57, 167, 72); }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedEventList .eventList .userEvent .eventRanDate { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 5px;}
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedEventList .eventList .userEvent .eventJoinDate { display: flex; flex-direction: row; align-items: center; justify-content: end; gap: 5px;}
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedEventList .eventList .userEvent .eventTypes { display: flex; flex-direction: row; align-items: center; gap: 10px; overflow: hidden;}
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedEventList .eventList .userEvent .eventTypes .eventIcon { display: none; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; color: white;}
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedEventList .eventList .userEvent .eventTypes .eventIcon.iconBot { background: #f9a825; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedEventList .eventList .userEvent .eventTypes .eventIcon.icon121 { background: #00695c; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedEventList .eventList .userEvent .eventTypes .eventIcon.iconGroup { background: #81c784; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedEventList .eventList .userEvent.isBot .eventTypes .eventIcon.iconBot { display: flex; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedEventList .eventList .userEvent.is121 .eventTypes .eventIcon.icon121 { display: flex; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedEventList .eventList .userEvent.isGroup .eventTypes .eventIcon.iconGroup { display: flex; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedEventList .eventList .userEvent .eventClick { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .candidateDetailedEventList .eventList .userEvent.selected { background-color: rgba(75, 167, 72, 0.05);  border-color: rgb(57, 167, 72); }
.canadidateSearchParentContainer .candidateDetailedViewContainer.tabbed .candidateDetailedEventList .eventList .userEvent .eventTypes { max-width: 50%; }
.canadidateSearchParentContainer .candidateDetailedViewContainer.tabbed .candidateDetailedEventList .eventList .userEvent .eventTypes .eventDetails { max-width: 70%; }
.canadidateSearchParentContainer .candidateDetailedViewContainer.tabbed .candidateDetailedEventList .eventList .userEvent .eventTypes .eventDetails .eventName{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.canadidateSearchParentContainer .candidateDetailedViewContainer.tabbed .candidateDetailedEventList .eventList .userEvent .eventTypes .eventDetails .eventDescription{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.canadidateSearchParentContainer .candidateDetailedViewContainer.tabbed .candidateDetailedEventList .eventList .userEvent .eventRanDate { display: none; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .noCandidateDataFound { position: relative; display: flex; flex-direction: column; align-items: center; top: 0; bottom: 0; left: 0; right: 0; }
.canadidateSearchParentContainer .candidateDetailedViewContainer .noCandidateDataFound .panel { position: relative; display: flex; flex-direction: column; width: 100%; }
.canadidateSearchParentContainer #iframeContentContainer { position: relative; display: none; flex-direction: column; opacity: 0; gap: 20px; pointer-events: none; background-color: white; padding: 30px 20px 10px 20px; overflow: hidden; flex-grow: 1; height: 100%; box-sizing: border-box; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.canadidateSearchParentContainer #iframeContentContainer.visible { pointer-events: auto; animation: containerSlideIn 200ms linear 100ms forwards; display: flex; }
.canadidateSearchParentContainer #iframeContentContainer .containerControls { display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-weight: bold; color: rgba(0, 0, 0, 0.8); }
.canadidateSearchParentContainer #iframeContentContainer .containerControls .containerTitle { display: flex; position: relative; padding-right: 10px; font-size: 25px; }
.canadidateSearchParentContainer #iframeContentContainer .containerControls .iframeTabCloseButton { background: none; border: none; font-size: 20px !important; cursor: pointer; }
.canadidateSearchParentContainer #iframeContentContainer .iframeContent { display: flex; flex-grow: 1;}
.canadidateSearchParentContainer #iframeContentContainer .iframeContent iframe { width: 100%; height: 100%;}
.canadidateSearchParentContainer .candidateDetailedViewContainer .noDataMessage { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; flex: 1; color: rgba(0, 0, 0, 0.8); font-weight: bold; font-size: 28px;}

@keyframes containerFadeIn {
	0% { opacity:0; }
	100% { opacity:1; }
}

@keyframes containerFadeOut {
	0% { opacity:1; }
	100% { opacity:0; }
}

@keyframes containerDisable {
	0% { opacity:1; }
	100% { opacity:0.5; }
}

@keyframes containerEnable {
	0% { opacity:0.5; }
	100% { opacity:1; }
}

@keyframes containerSlideIn {
	0% { opacity:0; transform: translateY(10px); }
	100% { opacity:1; transform: translateY(0px);}
}

.channelsCp .rightcolumn {
	display: flex;
}

body.signin {background: #292b35;height: 100%;padding: 0px;margin: 0px;}
body.signin.documentation {
	background: #f1f1f1;
}
.signinbox a {color: white;}
.signinbox1 {display: table;height: 100%;width: 100%;}
.signinbox2 {display: table-row;height: 100%;width: 100%;}
.signinbox3 {display: table-cell;vertical-align: middle;}

.signinbox {width: 350px;text-align: center;color: white;overflow: hidden;margin: 0px auto;}
.signinbox h1 {text-transform: uppercase;font-size: 20px;font-weight: 600;margin: 0px 0px 10px 0px;}
.signinbox .usernamepassword {background: white;border-radius: 2px;color: black;overflow: hidden;margin-top: 20px;}
.signinbox .usernamepassword .displayname {margin-left: 0px;overflow: hidden;border-bottom: 1px solid #cccccc;position: relative;}
.signinbox .usernamepassword .username {margin-left: 0px;overflow: hidden;border-bottom: 1px solid #cccccc;position: relative;}
.signinbox .usernamepassword .password {margin-left: 0px;overflow: hidden;position: relative;}
.signinbox .usernamepassword .password1 {margin-left: 0px;overflow: hidden;border-bottom: 1px solid #cccccc;position: relative;}
.signinbox .usernamepassword input {width: 295px;height: 40px;padding: 0px;border: none;outline: none;margin-left: 55px;}
.signinbox .usernamepassword .glyph {width: 35px;height: 30px;position: absolute;top: 5px;left: 3px;background: none;border-right: 1px solid #dddddd;line-height: 30px;text-align: center;}
.signinbox .usernamepassword .glyph i {color: #cccccc;}

.signinbox .logonbutton {height: 40px;line-height: 40px;color: white;border-radius: 2px;margin-top: 20px;background: #20a8d8;overflow: hidden;position: relative;}
.signinbox .logonbutton:hover {background: #227fa4;}
.signinbox .loggingonbutton {height: 40px;line-height: 40px;color: white;border-radius: 2px;margin-top: 20px;background: #20a8d8;overflow: hidden;position: relative;display: none;opacity: 0.5;}
.signinbox .loggingonbutton:hover {background: #20a8d8;}

.signinbox .logonbutton.disabled, .button.formsubmitbtn.disabled {background: #ccc;opacity: 0.5;pointer-events: none;cursor: wait;}

.signinbox .passwordexpiry {
	display: none;
}
.signinbox .localaccountbutton {height: 30px;line-height: 30px;color: white;border-radius: 2px;margin-top: 20px;background: #20a8d8;overflow: hidden;position: relative;}
.signinbox .localaccountbutton:hover {background: #227fa4;}
.signinbox .lighter {color: #cccccc;}
.signinbox .left {text-align: left;}

body.signin.documentation .signinbox {padding: 20px;background: #666666;border-radius: 3px;}

.signinbox .oruseSep {position: relative;overflow: hidden;}
.signinbox .oruse {margin-top: 32px;text-transform: uppercase;color: #eeeeee;border-top: 1px solid #444444;position: relative;overflow: hidden;}
.signinbox .oruseinner {background: #292b35;padding: 0px 10px 6px 10px;margin-top: -20px;display: inline-block;position: relative;overflow: hidden;}

body.signin.documentation .signinbox .oruseinner {background: #666666;}

.signinbox .sociallogons {margin-left: -10px;margin-top: 20px;position: relative;overflow: hidden;text-align: center; display: flex; justify-content: center;}
.signinbox .sociallogons .socialbutton {width: 100%;margin-left: 10px;float: left;height: 30px;line-height: 30px;display: inline-block;border-radius: 2px;overflow: hidden;position: relative;}
.signinbox .sociallogons .socialbutton.sso {width: 160px;background: green;float: none;}
.signinbox .sociallogons .socialbutton a:hover {background: rgba(0, 0, 0, 0.1);}
.signinbox .sociallogons .socialbutton.facebook {background: #3b5998;}
.signinbox .sociallogons .socialbutton.linkedin {background: #007bb6;}
.signinbox .sociallogons .socialbutton.google {background: #dd4b39;}
.signinbox .sociallogons .socialbutton .slabel {margin-left: 30px;}
.signinbox .sociallogons .socialbutton .glyph {position: absolute;top: 0px;left: 0px;width: 30px;height: 30px;background: rgba(0, 0, 0, 0.1);}

.signinbox .privacystatement {font-size: 12px;color: #cccccc;padding: 15px 0px 0px 0px;}
.signinbox .privacystatement a {color: #cccccc;font-size: 12px;}

.signinbox .accountactions {margin-top: 15px;display: block;}
.signinbox .accountactions a {margin: 0px 20px 0px 20px;text-decoration: none;color: #dddddd;}
.signinbox .accountactions a:hover {text-decoration: underline;}

.signinboxalert {position: absolute;left: 50%;top: 50px;margin-left: -175px;background: rgba(255, 63, 63, 0.68);border-radius: 2px;width: 330px;font-weight: bold;padding: 10px 10px 10px 10px;text-align: center;color: white;}
.signinboxmessage {position: absolute;left: 50%;top: 50px;margin-left: -175px;background: rgba(63, 255, 102, 0.68);border-radius: 2px;width: 330px;font-weight: bold;padding: 10px 10px 10px 10px;text-align: center;color: white;}
.signinboxwarning {position: absolute;left: 50%;top: 50px;margin-left: -175px;background: rgba(255, 161, 41, 0.95);border-radius: 2px;width: 330px;font-weight: bold;padding: 10px 10px 10px 10px;text-align: center;color: white;}

.npsrecipe {margin-top: 0px;position: relative;overflow: hidden;}
.npsrecipe .isection {width: 60px;position: absolute;left: 0px;top: 0px;bottom: 0px;background: #f9f9f9;color: #c3c3c3;text-align: center;}
.npsrecipe .isection i {margin-top: 15px;font-size: 32px;}
.npsrecipe .textSection {margin-left: 75px;padding: 6px 0px 6px 0px;}

.tabbedpanel {margin: -10px 0px 20px 0px;border-radius: 4px;user-select: none;user-select: none;}
.tabcontainer { overflow: hidden; width: auto; float: left;}
.tabbedpanel_tabs {height: 40px;background: #dfe1e2;color: #555555;margin: 20px 21px -5px 21px;border-bottom: 7px solid white;position: relative;}
.tabbedpanel_tabs .tab {float: left;height: 40px;line-height: 40px;background: transparent;z-index: 100;position: relative;overflow: hidden;transition-duration: 200ms;margin-left: -1px;}
.tabbedpanel_tabs .tab:first-child {margin-left: -1px;}

.tabbedpanel_tabs .tab .superadmin {color: red;}

.tabbedpanel_tabs .tab .tabdisplay {transition-duration: 400ms;background: rgba(255, 255, 255, 0);padding: 0px 20px;height: 40px;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;position: relative;display: block;z-index: 200;}
.tabbedpanel_tabs .tab .inner {position: absolute;top: 8px;bottom: 8px;left: 0px;right: 0px;border-left: 1px solid #ccc;z-index: 100;}
.tabbedpanel_tabs:hover .inner {opacity: 0;}

.tabbedpanel_tabs .tab.current {z-index: 400;}

.tabbedpanel_tabs .tab.current .tabdisplay {background: white;z-index: 200;}
.tabbedpanel_tabs .tab:hover .tabdisplay {background: rgba(255, 255, 255, 0.4);}

.tabbedpanel_tabs .tab a {position: absolute;overflow: hidden;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);z-index: 300;}
.tabbedpanel_tabs .addTab {float: left;height: 40px;line-height: 40px;background: transparent;z-index: 100;padding: 0 20px;}
.tabbedpanel_tabs .addTab button {border: none; background: none;cursor: pointer;}

.currentAPIkeysTable * {user-select: text !important;}

.panel_x {display: none;}
.panel {background: white;margin: 20px;border: 1px solid #ddd;border-radius: 4px;}
.panel.min100 {min-height: 100%;}
.panel h1 {font-size: 21px;font-weight: 300;margin: 0px 0px 10px 0px;}
.panel-header {height: 20px;background: #f5f5f5;padding: 10px 20px 10px 20px;color: #555555;}
.panel-header .superadmin {color: red;}
.panel-body {padding: 20px;overflow: hidden;position: relative;}
.panel-body2 {padding: 15px 20px 15px 20px;overflow: hidden;position: relative;}

.panel-header a {color: #aaaaaa;}
.panel-header .margin5left {margin-left: 5px;}

.panel .infosection {border-bottom: 1px solid #eeeeee;margin-bottom: 25px;padding-bottom: 5px;}

.panel h5 {margin: 10px 0px 5px 0px;font-weight: normal;}
.panel h6 {margin: 5px 0px 5px 0px;font-weight: bold;}
.panel h4 {margin: 5px 0px 5px 0px;font-weight: bold;}

.panel .differentprivacyformods {display: none;}
.panel .differentprivacyformods.showing {display: block;}

.panel .magicboxwrap {display: none;}
.panel .magicboxwrap.showing {display: block;}

.panel .sendreminderemailOptionalDiv {display: none;margin-top: 0px;}
.panel .sendreminderemailOptionalDiv.showing {display: block;}
.panel .sendreminderemailOptionalDiv .margins-1 {margin: 10px 0px 10px 0px;overflow: hidden;position: relative;}

.panel .customeventremindercopywrap {display: none;padding-bottom: 10px;}
.panel .customeventremindercopywrap.showing {display: block;}

.panel .sendfollowuptomissingregistrantsWrap {display: none;padding-bottom: 10px;}
.panel .sendfollowuptomissingregistrantsWrap.showing {display: block;}

.panel .sendfollowupOptionalDiv {display: none;margin-top: 0px;}
.panel .sendfollowupOptionalDiv.showing {display: block;}
.panel .margins-1 {margin: 10px 0px 10px 0px;overflow: hidden;position: relative;}

.panel .customfollowupAttendeecopywrap {display: none;padding-bottom: 10px;}
.panel .customfollowupAttendeecopywrap.showing {display: block;}

.panel .sendfollowuptoattendeesWrap {display: none;padding-bottom: 10px;}
.panel .sendfollowuptoattendeesWrap.showing {display: block;}

.panel .geolockwrap {display: none;padding-bottom: 10px;}

.panel .geolockCountrylist {margin: 10px 0px 10px 0px;}
.panel .geolockCountrylist .nocountries {color: red;font-weight: bold;}
.panel .geolockCountrylist .countries {display: none;}
.panel .geolockCountrylist .countries .cblocked {display: none;margin: 0px 0px 10px 0px;font-weight: bold;}
.panel .geolockCountrylist .countries .callowed {display: none;margin: 0px 0px 10px 0px;font-weight: bold;}
.panel .geobehaviouroptions {margin-top: 10px;position: relative;overflow: hidden;}

.panel .geolockselectwrap {margin-top: 10px;position: relative;overflow: hidden;}
.panel .geolockselectwrap select {margin: 0px;padding: 0px;position: relative;float: left;display: block;height: 30px;}
.panel .geolockselectwrap .button {height: 28px;line-height: 28px;}

.panel table.extendedAttributeTable {border-collapse: collapse;margin-top: 10px;margin-bottom: 10px;padding: 0px;}
.panel table.extendedAttributeTable tr {margin: 0px;padding: 0px;border: none;}
.panel table.extendedAttributeTable td {margin: 0px;padding: 0px;border: none;padding-top: 2px;}

.panel input[type="text"], .panel input[type="number"], .inputAlertFeedback {width: 70%; box-sizing: border-box;}
.panel input[type="text"], .panel input[type="number"] {border: 1px solid #cccccc;outline: none;padding: 0px 0px 0px 11px;}
.panel input[type="number"].tinynumber {width: 90px;text-align: center;}
.panel #conversationtags input[type="text"] { height: unset; cursor: text;}
.panel table td.ttick {width: 1px;}
.panel table td.tnum {width: 1px;padding-left: 10px;}
.panel table td.tdesc {width: auto;padding-left: 10px;}
.panel table td.tsum {width: 230px;padding-left: 10px;}

.panel .accountsettings {margin-top: 5px;}
.panel .accountsettings input[type="number"] {width: 60px;text-align: center;}
.panel .accountsettings tr {opacity: 0.4;transition-duration: 200ms;}
.panel .accountsettings tr.enabledChecked {opacity: 1;}

.enabledAccount.filterHidden { display: none; }

.panel .passwordcomplexity {opacity: 0.6;transition-duration: 200ms;pointer-events: none;}
.panel .passwordcomplexity.allEnabledChecked {opacity: 1;pointer-events: all;}
.panel .passwordexpiry {opacity: 0.6;transition-duration: 200ms;pointer-events: none;margin-top: 15px;}
.panel .passwordexpiry.allEnabledChecked {opacity: 1;pointer-events: all;}
.panel .passwordhistory {opacity: 0.6;transition-duration: 200ms;pointer-events: none;margin-top: 15px;}
.panel .passwordhistory.allEnabledChecked {opacity: 1;pointer-events: all;}

.panel.panel_Accountsettings h2 {margin-top: 25px;margin-bottom: 20px;}

.savepasswordsettings {margin: 20px 0px 0px 0px;}

.panel .inputwrapper {display: block;}

.panel .textarea {width: auto;margin: 0px 0px 0px 0px;padding: 10px;height: 70px;border: 1px solid #cccccc;}
.panel .textarea textarea {width: 100%;height: 100%;border: none;outline: none;resize: none;}

.panel .dpickercontainerouter {display: flex; align-items: center; position: relative;overflow: hidden;margin-left: -10px;margin-top: -10px;min-height: 285px; }
.panel .dpickercontainerouter .lengthButtonsContainer { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-left: 20px; }
.panel .dpickercontainerouter .lengthButtonsContainer .picturebutton .ioverlay3 i { text-shadow: 0 0 5px rgb(255, 255, 255), 0 0 5px rgb(255, 255, 255), 0 0 5px rgb(255, 255, 255), 0 0 5px rgb(255, 255, 255), 0 0 5px rgb(255, 255, 255), 0 0 5px rgb(255, 255, 255), 0 0 5px rgb(255, 255, 255), 0 0 5px rgb(255, 255, 255), 0 0 5px rgb(255, 255, 255); }
.panel .dpickercontainer {float: left;margin-left: 10px;}
.panel .timepicker {margin-top: 5px;margin-bottom: 10px;}

.panel .canvascontainer {width: 50%;float: right;}
.panel .canvascontainer canvas {max-width: 100%;}
.panel .rightcontainer {float: left;width: 50%;overflow: hidden;}
.panel .rightcontainer.fullsize {width: auto;float: none;}
.panel .rightcontainer .analysiscontainer {margin: 0px 40px 20px 0px;background: #f8f8f8;padding: 10px;overflow: hidden;position: relative;}
.panel .rightcontainer.fullsize .analysiscontainer {margin: initial;}
.panel .rightcontainer .analysiscontainer.smallbreak {margin-bottom: 15px;}
.panel .rightcontainer .analysiscontainer .sentiment {position: absolute;top: 10px;left: 10px;width: 60px;height: 60px;border-radius: 10px;background: #cccccc;line-height: 60px;font-size: 34px;color: white;text-align: center;}
.panel .rightcontainer .analysiscontainer .descriptor {margin-left: 80px;min-height: 40px;padding: 10px;}
.panel .rightcontainer .analysiscontainer .sentiment.isPositive {background: #81c784;}
.panel .rightcontainer .analysiscontainer .sentiment.isNegative {background: #ef9a9a;}
.panel .rightcontainer .analysiscontainer h6 {margin: 0px 0px 7px 0px;font-weight: normal;}

.panel .rightcontainer .analysiscontainer .commentslink {display: block;overflow: hidden;position: relative;margin-top: 10px;}
.panel .rightcontainer .analysiscontainer .commentslink a {color: #888888;}

.panel .rightcontainer .thisConversationsTags {margin: 10px 40px 0px 0px;background: #fafafa;padding: 10px;}
.panel .rightcontainer .thisConversationsTags .tag {display: inline-block;overflow: hidden;position: relative;margin: 0px 5px 5px 0px;}
.panel .rightcontainer .thisConversationsTags .tag .tagpoint {position: absolute;top: 0px;left: 0px;width: 0px;height: 0px;border-bottom: 15px solid transparent;border-right: 17px solid #dddddd;border-left: 0px solid transparent;border-top: 15px solid transparent;display: inline-block;}
.panel .rightcontainer .thisConversationsTags .tag .tagdot {position: absolute;top: 12px;left: 12px;width: 5px;height: 5px;background: #f8f8f8;border-radius: 50%;}
.panel .rightcontainer .thisConversationsTags .tag .taginner {margin: 0px 0px 0px 17px;padding: 0px 20px 0px 15px;height: 30px;line-height: 30px;background: #dddddd;color: #333333;display: inline-block;}
.panel .rightcontainer .thisConversationsTags .sectitle {margin: 0px 0px 10px 0px;}

.panel .videoDownload_outer { width:calc(25% - 25px); margin-right:10px; margin-left:10px; margin-bottom:20px; float: left;position: relative;overflow: hidden;border: 1px solid #555555;margin-bottom: 15px;background: #dddddd;}
.panel .videoDownload {padding-bottom: 56.25%;width: 100%;background: url(/static/controlpanel/testpattern.jpg) center center no-repeat;background-size: cover;}
.panel .videoDownload_outer .vidTitle {position: absolute;bottom: 0px;left: 0px;right: 0px;padding: 0px;height: 28px;line-height: 28px;background: rgba(0, 0, 0, 0.6);color: white;transition-duration: 200ms;}
.panel .videoDownload_outer .vidTitle .titleText {padding: 0px 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;box-sizing: border-box;}
.panel .videoDownload_outer .vidTitle .download {height: 21px;line-height: 16px;font-size: 12px;padding: 0px 5px;background: rgba(0, 0, 0, 0.6);color: white;}
.panel .videoDownload_outer:hover .vidTitle {bottom: 21px;}
.panel .videoDownload_outer a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.panel .videoDownload_outer .audioIcon {display: none;font-size: 30px;margin: 15px 0px 0px 15px;position: absolute;}
.panel .videoDownload_outer.audioOnly .audioIcon {display: block;color: #555555;}
.panel .videoDownload_outer.audioOnly .videoDownload {visibility: hidden;}

@media (max-width: 2000px) {
	.panel .videoDownload_outer { width:calc(20% - 22px); }
}
@media (max-width: 1600px) {
	.panel .videoDownload_outer { width:calc(25% - 22px); }
}
@media (max-width: 1400px) {
	.panel .videoDownload_outer { width:calc(33% - 22px); }
}
@media (max-width: 800px) {
	.panel .videoDownload_outer { width:calc(50% - 22px); }
}


.panel.initiallyHiddenPanel {display: none;opacity: 0;}
.panel.initiallyHiddenPanel.visiblePanel {display: block;animation: fadePanelIn 200ms linear forwards;}
@keyframes fadePanelIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.panelwrapper {position: relative;overflow: hidden;padding: 20px 20px 0px 20px;}
.panelwrapper .panel {position: relative;overflow: hidden;margin: 0px;}
.panelwrapper .panel.right30percent {width: 200px;float: right;margin-bottom: -99999px;padding-bottom: 99999px;}
.panelwrapper .avoid30percent {margin-right: 200px;position: relative;overflow: hidden;padding-right: 20px;}
.panelwrapper .usernums {background: #fbfbfb;padding: 10px;margin-bottom: 10px;font-size: 30px;font-family: monospace;}

.articleThumb {width: 180px;height: 270px;border: 1px solid #ccc;margin: 0px 10px 10px 0px;position: relative;overflow: hidden;display: inline-block;}
.articleThumb .preview {width: 100%;height: 240px;margin-top: 28px;box-sizing: border-box;background: #fefefe;position: relative;overflow: hidden;background-position: center center;background-size: contain;background-repeat: no-repeat;}
.articleThumb .preview i {width: 100%;height: 100%;line-height: 140px;text-align: center;font-size: 50px;color: #7ead7e;}
.articleThumb .title {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;right: 0px;background: rgba(0, 0, 0, 0.05);position: absolute;display: block;padding: 5px 20px 5px 5px;top: 0px;left: 0px;}
.articleThumb.deleteFromHere .title:hover { white-space: unset; background: #20a8d8; color: white;}
.articleThumb.deleteFromHere .title:hover ~ .delete { color: white;}
.articleThumb .preview a, .articleThumb .preview form {position: absolute;overflow: hidden;left: 0px;bottom: 0px;top: 0px;right: 0px;background: rgba(255, 255, 255, 0);opacity: 0;transition-duration: 300ms;}
.articleThumb .preview form > input {position: absolute; left: 0px;bottom: 0px;top: 0px;right: 0px; background: rgba(0, 0, 0, 0); opacity: 0; cursor: pointer;}
.articleThumb .preview:hover a, .articleThumb .preview:hover form {background: rgba(255, 255, 255, 0.5);opacity: 1;}
.articleThumb .delete {position: absolute;overflow: hidden;top: 5px;right: 1px;width: 22px;height: 22px;text-align: center;color: #aaaaaa;}
.articleThumb .delete:hover {color: black;}
.articleThumb .delete i {font-size: 16px;}
.articleThumb .articleOptions .articleOption {position: relative; width: 33px; height: 33px; text-align: center; color: white; background-color: #B3B3B3; border-radius: 5px; display: flex; align-items: center; justify-content: center;}
.articleThumb .articleOptions .articleOption:hover {background-color: black;}
.articleThumb .articleOptions { position: absolute; display: flex; align-items: center; justify-content: flex-end; overflow: hidden; bottom: 10px; width: 100%; gap: 10px; right: 10px; }
.articleThumb.new, .articleThumb.import {height: 180px;}

.npsoptionscontainer {display: none;overflow: hidden;position: relative;}

.buttonpanel_outer_outer {position: fixed;z-index: 910;top: 44px;left: 0px;right: 0px;}

/*stream launch*/
.stimulusstreamingapp { height: 400px !important; }
.downloadIconContainer {margin-top: 50px; height: 160px; width: 100%; font-size: 10em; text-align: center; color: #666666; opacity: 0.5; }

.streamDownloadInfo { text-align: center; margin-top: 40px; }

.customscript { min-height:50px; display:block; overflow:hidden; position:relative; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; margin-top:-1px; }
.customscript .name { position:absolute; left:0px; top:5px; width:150px; }
.customscript .about { margin:5px 175px 5px 160px;  }
.customscript .controls { position:absolute; top:7px; right:0px; }

/* generated reports */
.reportDownloads .report { position: relative; overflow: hidden; margin-top:3px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; background: #f1f1f1; height:60px; }
.reportDownloads .report .desc { float:left; margin:10px 100px 0px 10px; }
.reportDownloads .report .desc .description { opacity: 0.85; font-style: italic;}
.reportDownloads .report .product {margin: 0; position: absolute; top: 50%; left: 300px; -ms-transform: translateY(-50%); transform: translateY(-50%);}

.reportDownloads .report .rbuttons { position:absolute; right:13px; top:13px; overflow: hidden; display: none;}
.reportDownloads .report .rbuttons.visible { display: block; }
.reportDownloads .report .downloadbutton { float:right; position: relative; margin-right:5px; padding:6px 15px; border:1px solid rgba(0,0,0,0.2); background:#f8f8f8; overflow: hidden; color:#666666; }
.reportDownloads .report .downloadbutton i { padding-right:1px; }
.reportDownloads .report .downloadbutton a { position: absolute; overflow: hidden; top:0px; left:0px; right: 0px; bottom:0px; background:rgba(0,0,0,0); }
.reportDownloads .report .downloadbutton a:hover { background:rgba(255,255,255,0.3); }

.infoPanel p { width: 100%;  text-align: center;  border-bottom: 1px solid #cccccc;  line-height: 0.1em; margin: 10px 0 20px;}
.infoPanel p span { background:#fff; padding:0 10px; }

.tagmanagerdialog { position:fixed; -webkit-backface-visibility:hidden; -webkit-transform: translateZ(0); overflow:hidden; top:50%; left:50%; width: 700px; margin:-225px 0px 0px -300px; display:none; background:#f8f8f8; border-radius:4px; -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); z-index:10000;}
body.menustyle1 .tagmanagerdialog { margin-left:-190px; }
.tagmanagerdialog .controlbox { cursor: move; position:absolute; top:0px; left:0px; right:0px; height:36px; border-bottom:1px solid #ddd; background:#8B8C90;color:#E2E2E2;   line-height:36px; text-align:right; padding-right:10px; }
.tagmanagerdialog .title { user-select: none; float:left; margin-left:20px; color:#E2E2E2; }
.tagmanagerdialog .close { user-select: none; display:block; float:right; width:20px; height:20px; display:block; cursor:pointer; }
.tagmanagerdialog .ccontent { padding:20px; margin-top:36px; height:400px; overflow-y:scroll; }
.tagmanagerdialog table .revokebuttons { text-align:right; }


.onetoonesettingsdialog, .onetoonepausealldialog { position:fixed; -webkit-backface-visibility:hidden; -webkit-transform: translateZ(0); overflow:hidden; top:50%; left:50%; width: 700px; margin:-225px 0px 0px -300px; display:none; background:#f8f8f8; border-radius:4px; -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); z-index:10000;}
body.menustyle1 .onetoonesettingsdialog { margin-left:-190px; }
.onetoonesettingsdialog .controlbox, .onetoonepausealldialog .controlbox { cursor: move; position:absolute; top:0px; left:0px; right:0px; height:36px; border-bottom:1px solid #ddd; background:#8B8C90;color:#E2E2E2;   line-height:36px; text-align:right; padding-right:10px; }
.onetoonesettingsdialog .title, .onetoonepausealldialog .title { user-select: none; float:left; margin-left:20px; color:#E2E2E2; }
.onetoonesettingsdialog .close, .onetoonepausealldialog .close { user-select: none; display:block; float:right; width:20px; height:20px; display:block; cursor:pointer; }
.onetoonesettingsdialog .ccontent, .onetoonepausealldialog .ccontent { padding:20px; margin-top:36px; margin-bottom:49px; height:400px; overflow-y:scroll; }
.onetoonesettingsdialog .limit121, .onetoonepausealldialog .limit121 { position:relative; display:inline; overflow: hidden; }
.onetoonesettingsdialog .limit121.grey, .onetoonepausealldialog .limit121.grey { opacity: 0.5; pointer-events: none; }
.onetoonesettingsdialog .hrSep, .onetoonepausealldialog .hrSep { border-bottom:1px solid #dddddd; margin-top:15px; margin-bottom: 10px; }
.onetoonesettingsdialog textarea, .onetoonepausealldialog textarea { border:1px solid #cccccc; width:100%; box-sizing: border-box; margin-top:10px; outline:none; resize:none; padding:10px; }

.onetoonesettingsdialog .pauseEventText, .onetoonepausealldialog .pauseEventText { position:relative; overflow: hidden; }
.onetoonesettingsdialog .pauseEventText.grey, .onetoonepausealldialog .pauseEventText.grey { opacity: 0.5; pointer-events: none; }

.onetoonesettingsdialog .buttons, .onetoonepausealldialog .buttons { position:absolute; bottom:10px; right:0px; padding-top:10px; padding-right:20px; left:0px; border-top:1px solid #dddddd; }
.onetoonesettingsdialog .buttons .button, .onetoonepausealldialog .buttons .button { float:right; margin-left:10px; padding:5px 25px 5px 25px !important; height:auto; line-height:normal; background:#cccccc; border:1px solid #bbbbbb; cursor:pointer; color:#444444; border-radius:2px;  }
.onetoonesettingsdialog .buttons .button:hover, .onetoonepausealldialog .buttons .button:hover { background:#bbbbbb; }
.onetoonesettingsdialog .buttons .button.save, .onetoonepausealldialog .button.save { background:#20a8d8; color:white; }
.onetoonesettingsdialog .buttons .button.save:hover, .onetoonepausealldialog .button.save:hover { background:#1E95BE; }
.onetoonesettingsdialog .buttons .button.notvisibleyet, .onetoonepausealldialog button.notvisibleyet { display:none; }
.onetoonesettingsdialog .buttons .button.blue, .onetoonepausealldialog .button.blue { background:#20a8d8; color:white; }
.onetoonesettingsdialog .buttons .button.blue:hover, .onetoonepausealldialog .button.blue:hover { background:#1E95BE; }

.onetoonesettingsdialog .otherEvents { margin:5px 0px 0px 25px; }

.contextualdatadialog { position:fixed; -webkit-backface-visibility:hidden; -webkit-transform: translateZ(0); overflow:hidden; top:50%; left:50%; width: 700px; margin:-225px 0px 0px -300px; display:none; background:#f8f8f8; border-radius:4px; -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); z-index:10000;}
body.menustyle1 .contextualdatadialog { margin-left:-190px; }
.contextualdatadialog .controlbox { cursor: move; position:absolute; top:0px; left:0px; right:0px; height:36px; border-bottom:1px solid #ddd; background:#8B8C90;color:#E2E2E2;   line-height:36px; text-align:right; padding-right:10px; }
.contextualdatadialog .title { float:left; margin-left:20px; color:#E2E2E2; }
.contextualdatadialog .close { display:block; float:right; width:20px; height:20px; display:block; cursor:pointer; }
.contextualdatadialog .ccontent { padding:20px; margin-top:36px; height:400px; }
.contextualdatadialog table .revokebuttons { text-align:right; }
.contextualdatadialog.currentlyvisible { display:block; }
.contextualdatadialog .contentbox { position:absolute; left:0px; right:0px; bottom:0px; border-top:1px solid #cccccc; background:white; top:93px; overflow:hidden; overflow-y:auto; }
.contextualdatadialog .contentbox iframe { width:100%; height:99%; border:none;  }
.contextualdatadialog .contentbox .htmlcontainerinstead { position:absolute; top:0px; bottom:0px; left:0px; right:0px; padding:20px; overflow:none; overflow-y:auto; }

.floatIcon { float: left; display:block; }
.floatLabel { float: left; display:block; }

.participantcountwrap { position: relative; overflow: hidden; display:block; height:100%; }
.participantcountf {
	border-radius: 10px;
	padding: 2px 8px;
	color: #2d444c;
	background: #cce6ef;
	border: 1px solid #9ad4e7;
	display: block;
	margin-left: 8px;
	height: 11px;
	line-height: 11px;
	font-weight: bold;
	transition-duration: 300ms;
	font-size: 11px;
	position: relative;
	overflow: hidden;
	margin-top: 5px;
	opacity:0.3;
}
.participantcountfNonzero {
	color: #2d444c;
	background: #cce6ef;
	border: 1px solid #9ad4e7;
	opacity:1;
}

.infomessage { padding:3px 10px 6px 10px; margin-bottom:15px; border-top:1px solid #afd8ea; border-bottom:1px solid #afd8ea; background:#e0f0f7; }
.infomessage p { margin:3px 0px 3px 0px; }

.peopledialog { position:fixed; -webkit-backface-visibility:hidden; -webkit-transform: translateZ(0); overflow:hidden; top:50%; left:50%; min-height:400px; width: 750px; margin:-225px 0px 0px -375px; display:none; background:#f8f8f8; border-radius:4px; -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); z-index:10000;}
body.menustyle1 .peopledialog { margin-left:-190px; }


.peopledialog .tabs { position:absolute; top:36px; left:0px; right:0px; height:35px; overflow:hidden; background:#eeeeee; }
.peopledialog .tabs .tab { overflow:hidden; position:relative; height:35px; padding:0px 12px 0px 12px; background:#dadada; margin:0px 2px 0px 0px; line-height:35px; float:left; }
.peopledialog .tabs .tab a { position:absolute; overflow:hidden; background:rbgb(0,0,0,0); top:0px; left:0px; right:0px; bottom:0px; }
.peopledialog .tabs .tab a:hover { background:rgba(255,255,255,0.3); }
.peopledialog .tabs .tab.selected { background: #f8f8f8; color:#333333; }

.peopledialog .tabs .tab .label {
	position: relative; overflow: hidden;
	display:inline-block;
	float:left;
}

.peopledialog table { margin-top:10px; border-bottom:2px solid #bbbbbb; border-top:2px solid #bbbbbb; }
.peopledialog table th { padding-left:10px; font-weight:bold; }

.peopledialog .blockedfromentry { display: none; }
.peopledialog .blockedfromentry.visible { display:block; opacity:0; }
.peopledialog .blockedfromentry.fullvisible { opacity:1; transition-duration: 300ms; }

.peopledialog .controlbox { cursor: move; position:absolute; top:0px; left:0px; right:0px; height:36px; border-bottom:1px solid #ddd; background:#8B8C90;color:#E2E2E2;   line-height:36px; text-align:right; padding-right:10px; }
.peopledialog .title { float:left; margin-left:20px; color:#E2E2E2; }
.peopledialog .total {
	border-radius: 10px;
	padding:1px 10px;
	color:white;
	background:#888888;
	float:left;
	margin-left:10px;
	height:18px;
	line-height: 18px;
	font-weight: bold;
	opacity:0.3;
	transition-duration: 300ms;
	font-size:11px;
	position:relative;
	overflow: hidden;
	margin-top:7px;
}
.peopledialog .total.nonzero { opacity:1; }
.peopledialog .close { display:block; float:right; width:20px; height:20px; display:block; cursor:pointer; }
.peopledialog .ccontent { padding:20px; margin-top:71px; height:400px; overflow-y:scroll; display:none; }
.peopledialog .ccontent.tabcontentVisible { display:block; }
.peopledialog .ccontent h3 { margin-top:20px; }
.peopledialog .ccontent .inner {  }
.peopledialog .ccontent .inner .titlerow { overflow:hidden; position:relative; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; background:white; margin:5px 0px 0px 0px; padding:10px; font-weight:bold; }
.peopledialog .slice { padding:5px 0px 5px 0px; overflow:hidden; position:relative; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-collapse:collapse;background:white; margin-top:-1px; line-height:50px; }

.peopledialog .slice .flag { width:20px; padding-left:7px; float:left; padding-right:7px; }
.peopledialog .slice .flag .flag-icon { height:15px; }
.peopledialog .slice .avatara { width:50px; height:50px; overflow:hidden; position:relative; float:left;}
.peopledialog .slice .avatara .w { width:50px; height:50px; border-radius:50%;float:left; overflow:hidden; position:relative; }
.peopledialog .slice .avatara img { width:100%; height:100%; float:left; }
.peopledialog .slice .displayname { width:100px; height:50px; padding-left:10px; float:left; overflow: hidden; white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; }
.peopledialog .slice .location { width:100px; height:50px; padding-left:10px; float:left;}
.peopledialog .slice .email { width:100px; height:50px;padding-left:10px; float:left;}
.peopledialog .slice .totals { width:50px; height:50px;padding-left:10px; float:right;}
.peopledialog .slice .allowuser { float:right; margin-top:8px; padding-right:12px; height:35px; display: none; }
.peopledialog .ccontent.entryLockedAsUser .slice .allowuser { display: block; }

.peopledialog .userconfig { position:absolute; top:0px; left:0px; right:0px; bottom:0px; overflow:hidden; }
.peopledialog .userconfig .menuoverlay { position:absolute; left:50%; width:0px; height:0px; top:50%; background:rgba(255,255,255,0.3); border-radius:50%; transition-duration:100ms; overflow:hidden; }
.peopledialog .userconfig .btn { position:absolute; top:0px; left:0px; right:0px; bottom:0px; opacity:0; text-align:center; line-height:55px; }
.peopledialog .userconfig .btn a { position:absolute; top:0px; left:0px; right:0px; bottom:0px; background:rgba(0,0,0,0); }
.peopledialog .userconfig:hover .menuoverlay { left:0px; width:100%; height:100%; top:0px; background:rgba(255,255,255,0.7); }
.peopledialog .userconfig:hover .btn { opacity:1; }
.peopledialog .userconfig:hover .btn i { font-size:18px; }
.peopledialog .ccontent .modinner .titlerow { overflow:hidden; position:relative; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; background:white; margin:5px 0px 0px 0px; padding:10px; font-weight:bold; }

.peopledialog .moderators .menuoverlay { display:none; }
.peopledialog .moderators .btn { display:none; }


.teamuseradd { position:fixed; -webkit-backface-visibility:hidden; -webkit-transform: translateZ(0); overflow:hidden; top:50%; height:400px; left:50%; width: 600px; margin:-200px 0px 0px -300px; display:none; background:#ffffff; border-radius:4px; -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); z-index:10000;}
body.menustyle1 .teamuseradd { margin-left:-165px; }
.teamuseradd .controlbox { cursor: move; position:absolute; top:0px; left:0px; right:0px; height:36px; border-bottom:1px solid #ddd; background:#f5f5f5; line-height:36px; text-align:right; padding-right:10px; }
.teamuseradd .title { float:left; margin-left:20px; color:#E2E2E2; }
.teamuseradd .controlbox2 { position:absolute; bottom:0px; left:0px; right:0px; height:36px; background: #f5f5f5; border-top:1px solid #ddd; line-height:36px; text-align:right; padding:5px 10px 5px; }
.teamuseradd .close { display:block; float:right; width:20px; height:20px; display:block; cursor:pointer; }
.teamuseradd .inner { position:absolute; top:35px; bottom:45px; left:0px; right:0px; overflow:auto; padding:15px; }
.teamuseradd .inner .teamusersearch { width: 100%; }
.teamuseradd tr { cursor:pointer; }
.teamuseradd tr:hover { background:#eeeeee; }
.teamuseradd .avatar { margin-left:5px; }

.editbiog { position:fixed; -webkit-backface-visibility:hidden; -webkit-transform: translateZ(0); overflow:hidden; top:50%; height:500px; left:50%; width: 600px; margin:-250px 0px 0px -300px; display:none; background:#ffffff; border-radius:4px; -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); z-index:10000;}
body.menustyle1 .editbiog { margin-left:-165px; }
.editbiog .controlbox { cursor: move; position:absolute; top:0px; left:0px; right:0px; height:36px; border-bottom:1px solid #ddd; background:#f5f5f5; line-height:36px; text-align:right; padding-right:10px; }
.editbiog .title { float:left; margin-left:20px; color:#E2E2E2; }
.editbiog .controlbox2 { position:absolute; bottom:0px; left:0px; right:0px; height:36px; background: #f5f5f5; border-top:1px solid #ddd; line-height:36px; text-align:right; padding:5px 10px 5px; }
.editbiog .close { display:block; float:right; width:20px; height:20px; display:block; cursor:pointer; }
.editbiog .inner { position:absolute; top:35px; bottom:36px; left:0px; right:0px; overflow:none; padding:15px; }
.editbiog tr { cursor:pointer; }
.editbiog tr:hover { background:#eeeeee; }
.editbiog .avatar { margin-left:0px; width:65px; height:65px; border-radius: 50%; background-size: contain; background-repeat: none; background-color: #ddd; position: relative; overflow: hidden; }
.editbiog .avatar a { position: absolute; top:0px; left:0px; bottom:0px; right:0px; background: rgba(0,0,0,0); }
.editbiog textarea { width:100%; resize: none; outline:none; height:43%; box-sizing: border-box; margin-top:0px; border:1px solid #ccc; padding:10px; }
.buttonpanel_outer {transition-duration: 200ms;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);background: #dfe1e2;padding: 15px 20px 15px 20px;display: none;overflow: hidden;}

.buttonpanel_outer.for121 {padding: 0px 10px 10px 10px;}

.manageEmailsDialog { position:fixed; -webkit-backface-visibility:hidden; -webkit-transform: translateZ(0); overflow:hidden; top:50%; height:500px; left:50%; width: 600px; margin:-250px 0px 0px -300px; display:none; background:#ffffff; border-radius:4px; -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); z-index:10000;}
body.menustyle1 .editbiog { margin-left:-165px; }
.manageEmailsDialog .controlbox { cursor: move; position:absolute; top:0px; left:0px; right:0px; height:36px; border-bottom:1px solid #ddd; background:#f5f5f5; line-height:36px; text-align:right; padding-right:10px; }
.manageEmailsDialog .title { float:left; margin-left:20px; color:#E2E2E2; }
.manageEmailsDialog .controlbox2 { position:absolute; bottom:0px; left:0px; right:0px; height:36px; background: #f5f5f5; border-top:1px solid #ddd; line-height:36px; text-align:right; padding:5px 10px 5px; }
.manageEmailsDialog .close { display:block; float:right; width:20px; height:20px; display:block; cursor:pointer; }
.manageEmailsDialog .inner { position:absolute; top:35px; bottom:36px; left:0px; right:0px; overflow: auto; padding:15px; }
.manageEmailsDialog .inner .manageEmailsDialog__email_container {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px #cecece solid;
	padding: 5px 0;
	align-items: center;
}
.manageEmailsDialog .inner .manageEmailsDialog__email_container.noBorders {
	border: none;
	padding: 0;
}
.manageEmailsDialog .inner .manageEmailsDialog__email_container__emailsList.hide{ display: none; }
.manageEmailsDialog .inner .manageEmailsDialog__email_container__fetchingData{ display: none; }
.manageEmailsDialog .inner .manageEmailsDialog__email_container__fetchingData.visible{ display: block; background: #c9c9c9;
	padding: 10px;
	border-radius: 4px; }
.manageEmailsDialog .inner .manageEmailsDialog__email_container .manageEmailsDialog__email_container__email{}
.manageEmailsDialog .inner .manageEmailsDialog__email_container__errors{ display: none; padding: 10px;border-radius: 5px;}
.manageEmailsDialog .inner .manageEmailsDialog__email_container__errors.error{ background-color: red; color: white; }
.manageEmailsDialog .inner .manageEmailsDialog__email_container__errors.success{ background-color: green; color: white; }
.manageEmailsDialog .inner .manageEmailsDialog__email_container .manageEmailsDialog__email_container__primary{}
.manageEmailsDialog .inner .manageEmailsDialog__addEmail {margin: 20px 0;}
.manageEmailsDialog .inner .manageEmailsDialog__addEmail input{
	border: 1px solid #cccccc;
	outline: none;
	padding: 0px 0px 0px 11px;
	height: 34px;
	width: 100%;
}
.manageEmailsDialog .inner .manageEmailsDialog__email_container .manageEmailsDialog__email_container__primary button{
	border: 1px solid #eeeeee;
	color: #da4b4b;
	padding: 0px 7px;
	cursor: pointer;
}
.manageEmailsDialog .inner .manageEmailsDialog__email_container .manageEmailsDialog__email_container__primary button[disabled]{
	background: #c2c2c2;
	cursor: auto;
}

.manageEmailsDialog .manageEmailsDialogConfirmRemove {
	display: none;
	position: fixed;
	background: #e2e2e2;
	padding: 20px;
	text-align: center;
	margin-left: 50%;
	margin-top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.expungeDataDialog { position:fixed; -webkit-backface-visibility:hidden; -webkit-transform: translateZ(0); overflow:hidden; top:50%; height:500px; left:50%; width: 600px; margin:-250px 0px 0px -300px; display:none; background:#ffffff; border-radius:4px; -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); z-index:10000;}
.expungeDataDialog .controlbox { cursor: move; position:absolute; top:0px; left:0px; right:0px; height:36px; border-bottom:1px solid #ddd; background: #8b8c90;color: #e2e2e2; line-height:36px; text-align:right; padding-right:10px; }
.expungeDataDialog .title { float:left; margin-left:20px; color:#E2E2E2; }
.expungeDataDialog .controlbox2 { position:absolute; bottom:0px; left:0px; right:0px; height:36px; background: #f5f5f5; border-top:1px solid #ddd; line-height:36px; text-align:right; padding:5px 10px 5px; }
.expungeDataDialog .close { display:block; float:right; width:20px; height:20px; display:block; cursor:pointer; }
.expungeDataDialog .inner { position:absolute; top:35px; bottom:36px; left:0px; right:0px; overflow: auto; padding:15px; max-height: 380px; }
/*.expungeDataDialog .expungeDataContainer { display: none; }*/
.expungeDataDialog .fakeUsersList { display: none; }
.expungeDataDialog .emptyExpunge { display: none; margin: 10px 0; }

body.menustyle0 .buttonpanel_outer_outer {left: 40px;}
body.menustyle1 .buttonpanel_outer_outer {left: 250px;}

.buttonpanel_outer .infopanel { /* background:#353844;*/background: #484b5c;margin-bottom: 0px; /*border-radius:3px;*/overflow: hidden;position: relative;z-index: 9100;border-left: 1px solid #bbbbbb;border-right: 1px solid #bbbbbb;}
.buttonpanel_outer .infopanel .inner {height: 60px;overflow: hidden;position: relative;}
.buttonpanel_outer .infopanel .avatar {position: absolute;top: 10px;height: 40px;width: 40px;border-radius: 50%;overflow: hidden;left: 10px;background: #cccccc;}
.buttonpanel_outer .infopanel .avatar img {width: 100%;min-height: 100%;}
.buttonpanel_outer .infopanel .info {position: absolute;left: 60px;top: 10px;}
.buttonpanel_outer .infopanel .info .displayname {color: white;font-size: 16px;}
.buttonpanel_outer .infopanel .info .emailaddress {color: white;}
.buttonpanel_outer .infopanel .info .emailaddress a {color: white;}
.buttonpanel_outer .infopanel .presenceBubble {width: 12px;height: 12px;border: 2px solid #484b5c;border-radius: 50%;position: absolute;left: 37px;top: 36px;background: #798a7a;}
.buttonpanel_outer .infopanel .presenceBubble.online {background-color: #00ff00;}

.buttonpanel_outer .infopanel .lower {display: none;}

.buttonpanel_outer .infopanel .rtcbuttons {top: 15px;right: 13px;position: absolute;overflow: hidden;}
.buttonpanel_outer .infopanel .rtcbuttons .rtcbutton {width: 25px;height: 25px;border-radius: 50%;background: #79a56e;color: white;position: relative;overflow: hidden;text-align: center;line-height: 25px;font-size: 18px;transition-duration: 200ms;}
.buttonpanel_outer .infopanel .rtcbuttons .rtcbutton a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;display: block;background: rgba(0, 0, 0, 0);}
.buttonpanel_outer .infopanel .rtcbuttons .rtcbutton a:hover {background: rgba(255, 255, 255, 0.2);}

.buttonpanel_outer .infopanel .rtcbuttons .rtcbutton.rtchangup {transform: rotate(-224deg);-webkit-transform: rotate(-224deg);-moz-transform: rotate(-224deg);-ms-transform: rotate(-224deg);-o-transform: rotate(-224deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);background: #bd4e4e;line-height: 27px;}

body.menustyle0.planted121window .buttonpanel_outer_outer {left: 280px;}

body.menustyle1.planted121window .buttonpanel_outer_outer {left: 490px;}

.thisConversationsTags .tagbox {position: relative;background: #ffffff;margin: 0px;padding: 0px;z-index: 9097;overflow: hidden;transition-duration: 300ms;}
.thisConversationsTags .tagbox.showing {
	margin-top: -1px;
	opacity: 1;
	overflow: auto;
	height: auto;
}
.thisConversationsTags .tagbox ul {margin: 0px;padding: 2px 7px 2px 7px;border: none;cursor: text;}
.thisConversationsTags .tagbox input[type="text"] {height: 19px;font-family: "Source Sans Pro", arial, helvetica;font-size: 14px;width: 250px;}
.thisConversationsTags .tagbox ul li {margin: 3px 5px 3px 0px;padding: 2px 18px 2px 8px;}

.tagbox_eventlabels {position: relative;background: #ffffff;margin: 0px;padding: 0px; overflow: hidden;transition-duration: 300ms;border-radius: 0px;border: 1px solid #cccccc;min-height: 36px;}
.tagbox_eventlabels.showing {margin-top: -1px;opacity: 1;overflow: auto;height: auto;}
.tagbox_eventlabels ul {margin: 0px;padding: 2px 7px 2px 7px;border: none;cursor: text;}
.tagbox_eventlabels input[type="text"] {height: 19px;font-family: "Source Sans Pro", arial, helvetica;font-size: 14px;width: 250px;}
.tagbox_eventlabels ul li {margin: 3px 5px 3px 0px;padding: 2px 18px 2px 8px;}
.tagbox_eventlabels .ui-widget.ui-widget-content {
	border: none;
}

.buttonpanel_outer .tagpanel {position: relative;background: #ffffff;margin: 0px;border: 1px solid #d2d2d2;padding: 0px;z-index: 9097;margin-top: -33px;height: 33px;overflow: hidden;opacity: 0;transition-duration: 300ms;}
.buttonpanel_outer .tagpanel.showing {margin-top: -1px;opacity: 1;overflow: auto;height: auto;}
.buttonpanel_outer .tagpanel ul {margin: 0px;padding: 4px 7px 4px 7px;border: none;cursor: text;margin-right: 120px;}
.buttonpanel_outer .tagpanel input[type="text"] {height: 19px;font-family: "Source Sans Pro", arial, helvetica;font-size: 14px;width: 250px;}
.buttonpanel_outer .tagpanel ul li {margin: 3px 5px 3px 0px;padding: 2px 18px 2px 8px;}

.buttonpanel_outer .tagpanel .tagDropdownInstead {position: absolute;right: 7px;top: 4px;overflow: hidden;}
.buttonpanel_outer .tagpanel .tagDropdownInstead select {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;width: 100%;height: 100%;opacity: 0;}
.buttonpanel_outer .tagpanel .tagDropdownInstead .button {padding: 0px 10px;pointer-events: none;height: 27px;line-height: 27px;background: #e0edf2;border: 1px solid rgba(39, 168, 213, 0.3);}
.buttonpanel_outer .tagpanel .tagDropdownInstead:hover .button a {
	background: rgba(255, 255, 255, 0.3);
}

.buttonpanel_outer_outer .webcamMirror {width: 135px;height: 75px;background: #cccccc;right: 20px;margin-top: -5px;position: absolute;transition-duration: 200ms;overflow: hidden;-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.48);-moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.48);box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.48);opacity: 0;display: none;}
.buttonpanel_outer_outer .webcamMirror.visible {display: block;}
.buttonpanel_outer_outer .webcamMirror.fullvisible {opacity: 0.9;}
.buttonpanel_outer_outer .webcamMirror:hover {opacity: 1;}
.buttonpanel_outer_outer .webcamMirror .audio {display: none;position: absolute;top: 17px;left: 0px;right: 0px;text-align: center;color: #555555;font-size: 28px;}
.buttonpanel_outer_outer .webcamMirror .controls {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;opacity: 0;transition-duration: 400ms;}
.buttonpanel_outer_outer .webcamMirror:hover .controls {opacity: 1;}
.buttonpanel_outer_outer .webcamMirror .controls .stop {background: rgba(0, 0, 0, 0.6);color: white;position: relative;margin-top: 18px;text-align: center;line-height: 40px;height: 40px;margin-left: auto;margin-right: auto;}
.buttonpanel_outer_outer .webcamMirror .controls .stop i {
	margin-right: 3px;
}
.buttonpanel_outer_outer .webcamMirror .controls .stop a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.buttonpanel_outer_outer .webcamMirror .cuelight {width: 8px;height: 8px;border-radius: 50%;background: red;transition-duration: 1000ms;position: absolute;top: 5px;right: 5px;opacity: 0;}
.buttonpanel_outer_outer .webcamMirror .cuelight.on {opacity: 0.8;}
.buttonpanel_outer_outer #videoInput {width: 100%;height: 100%;}
.buttonpanel_outer_outer .webcamMirror.audioOnly #videoInput {display: none;}
.buttonpanel_outer_outer .webcamMirror.audioOnly .audio {display: block;}

.ui-front {z-index: 11000;}

.buttonpanel {overflow: hidden;position: relative;background: #f5f5f5;margin: 0px;border: 1px solid #ddd; /*border-radius:4px;*/padding: 7px;z-index: 9100;}
.buttonpanel.s121 {border-bottom: none;}
.buttonpanel .ebutton {overflow: hidden;position: relative;background: #f9f9f9;float: left;margin: 0px 0px 0px 5px;border: 1px solid #cccccc;height: 27px;line-height: 27px;padding: 0px 10px 0px 10px;}
.buttonpanel .ebutton i {padding-right: 4px;}
.buttonpanel .ebutton a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;display: block;background: rgba(0, 0, 0, 0);}
.buttonpanel .ebutton a:hover {background: rgba(238, 238, 238, 0.37);}
.buttonpanel .ebutton.noconfidentialbutton {margin-left: -3px;}

.buttonpanel .eventroombuttons .ebutton {color: #888888;}
.buttonpanel .eventroombuttons .ebutton a {background: rgba(150, 150, 150, 0.1);}
.buttonpanel .eventroombuttons .ebutton a:hover {background: rgba(238, 238, 238, 0.37);}
.buttonpanel .ebutton.active {color: #111111;background: rgb(203, 230, 239);background: rgba(39, 168, 213, 0.2);border: 1px solid rgb(119, 199, 227);border: 1px solid rgba(39, 168, 213, 0.3);cursor: default;}
.buttonpanel .ebutton.active a {top: -10px;bottom: auto;height: 0px;}

.buttonpanel .ebutton.touching {margin-right: -6px;transition-duration: 100ms;background: rgb(225, 237, 242);background: rgba(39, 168, 213, 0.1);padding: 0px 7px 0px 7px;border: 1px solid rgb(119, 199, 227);border: 1px solid rgba(39, 168, 213, 0.1);}
.buttonpanel .ebutton.touching i {margin: 0px;padding: 0px;}
.buttonpanel .ebutton.notvisibleyet {width: 0px;padding: 0px;opacity: 0;}

.buttonpanel .justmymessages {display: none;}
.buttonpanel .justmymessages.showthis {display: block;}

.buttonpanel .ebutton.displayOnly {background: rgba(150, 150, 150, 0.1);color: #888888;}

.buttonpanel .ebutton select {position: absolute;top: 0px;left: 0px;right: auto;opacity: 0;-moz-opacity: 0;filter: alpha(opacity=0);display: block;height: 27px;cursor: pointer;}

.buttonpanel .eframe {overflow: hidden;position: relative;background: none;float: left;margin: 0px 0px 0px 5px;border: 1px solid transparent;height: 27px;line-height: 27px;padding: 0px 5px 0px 5px;}
.buttonpanel .eframe a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;display: block;background: rgba(0, 0, 0, 0);}
.buttonpanel .eframe .untick {display: inline-block;width: 13px;}
.buttonpanel .eframe .tick {display: none;width: 13px;}

.buttonpanel .eframe.ticked .untick {display: none;}
.buttonpanel .eframe.ticked .tick {display: inline-block;}

.buttonpanel .eventsharingbuttons {float: left;margin-left: -2px;}
.buttonpanel .eventroombuttons {float: right;margin-right: 2px;}
.buttonpanel .eventroomcontrols {float: right;margin-right: 0px;border-right: 1px solid #cccccc;padding-right: 5px;}
.buttonpanel .eventroomparticipants {float: right;margin-right: 5px;border-right: 1px solid #cccccc;padding-right: 5px;}

.buttonpanel .close121buttons {float: right;}
.buttonpanel .close121buttons .sendToEvent_block {display: none;}
.buttonpanel .close121buttons .noSendToEvent_block {display: block;}
.buttonpanel .close121buttons .sendToEvent_inline {display: none;}
.buttonpanel .close121buttons .noSendToEvent_inline {display: inline;}
.buttonpanel .close121buttons .sendToFeedbackFace_inline {display: none;}

.buttonpanel .close121buttons.sendOnExit .sendToEvent_block {display: block;}
.buttonpanel .close121buttons.sendOnExit .noSendToEvent_block {display: none;}
.buttonpanel .close121buttons.sendOnExit .sendToEvent_inline {display: inline;}
.buttonpanel .close121buttons.sendOnExit .noSendToEvent_inline {display: none;}
.buttonpanel .close121buttons.sendOnExit .sendToFeedbackFace_inline {display: none;}

.buttonpanel .close121buttons.sendOnExitFeedbackFace .sendToEvent_block {display: none;}
.buttonpanel .close121buttons.sendOnExitFeedbackFace .noSendToEvent_block {display: block;}
.buttonpanel .close121buttons.sendOnExitFeedbackFace .sendToEvent_inline {display: none;}
.buttonpanel .close121buttons.sendOnExitFeedbackFace .noSendToEvent_inline {display: none;}
.buttonpanel .close121buttons.sendOnExitFeedbackFace .sendToFeedbackFace_inline {display: inline;}

.buttonpanel .tagsbuttons {float: right;}
.buttonpanel .tagsmanage {float: right;}

.buttonpanel .takeownershipbuttons {float: left;margin-right: 2px;margin-left: 5px;}
.buttonpanel .control121event {float: left;margin-right: 2px;border-right: 1px solid #cccccc;padding-right: 5px;}

.buttonpanel .mobileButtonsConfig {float: right;display: none;}

.tabbedroomview {overflow: hidden;position: relative;margin: 0px 10px 0px 10px;text-align: center;}
.tabbedroomview .tab {padding: 0px 20px 0px 20px;height: 30px;line-height: 30px;color: white;background: #7b7e85;display: inline-block;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}

.mobileconfig_wrap {display: none;margin-top: 5px;overflow: hidden;position: relative;}
.mobileconfig_wrap .config {overflow: hidden;position: relative;background: #f5f5f5;border: 1px solid #ddd;border-radius: 4px;padding: 7px;z-index: 9100;}
.mobileconfig_wrap.visible {display: block;}

.messageinput_wrap {display: none;margin-top: 5px;overflow: hidden;position: relative;}
.messageinput {overflow: hidden;position: relative;background: #f5f5f5;border: 1px solid #ddd;border-top-left-radius: 4px;border-top-right-radius: 4px;padding: 7px;z-index: 9100;}
.messageinput .dismiss {position: absolute;left: 14px;top: 0px;bottom: 0px;width: 28px;cursor: pointer;}
.messageinput .dismiss i {position: absolute;top: 50%;margin-top: -7px;}
.messageinput .textinputwrapper {position: relative;border: 1px solid #cccccc;background: white;overflow: hidden;margin-left: 30px;margin-right: 75px;}
.messageinput .textinputwrapper textarea {width: 95%;border: none;outline: none;resize: none;padding: 4px 0px 4px 7px;height: 18px;overflow: hidden;}
.messageinput .sendbutton {position: absolute;right: 9px;width: 27px;height: 28px;top: 7px;line-height: 28px;}

.messageinput .speechrecognition {position: absolute;top: 2px;right: 56px;height: 25px;overflow: hidden;width: 25px;border-radius: 50%;text-align: center;line-height: 27px;font-size: 14px;color: #999999;}
.messageinput .speechrecognition a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.messageinput .speechrecognition a:hover {background: rgba(0, 0, 0, 0.1);}

.messageinput .shareattach {position: absolute;top: 2px;right: 30px;height: 25px;overflow: hidden;width: 25px;border-radius: 50%;text-align: center;line-height: 25px;font-size: 16px;color: #999999;}
.messageinput .shareattach a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.messageinput .shareattach a:hover {
	background: rgba(0, 0, 0, 0.1);
}
.messageinput .attacheditem {display: none;margin: 0px 5px 0px 7px;padding: 2px 0px 4px 0px;border-top: 1px solid #dddddd;color: #8c8c8c;}
.messageinput .attacheditem.shown {
	display: block;
}

.messageinput .moreoptions {position: absolute;top: 2px;right: 3px;height: 25px;overflow: hidden;width: 25px;border-radius: 50%;text-align: center;line-height: 25px;font-size: 16px;color: #999999;}
.messageinput .moreoptions a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.messageinput .moreoptions a:hover {background: rgba(0, 0, 0, 0.1);}

.messageinputoptions {text-align: right;overflow: hidden;position: relative;border: 1px solid #ddd;background: #ececec;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-top: none;padding: 3px 6px 3px 0px;font-size: 13px;line-height: 17px;color: #7b7b7b;}

.entertosend {cursor: pointer;float: right;}
.entertosend .ticked {display: none;}
.entertosend .unticked {display: inline;}
.entertosend.currentlyticked .ticked {display: inline-block;}
.entertosend.currentlyticked .unticked {display: none;}

.controlbox2 .entertosend {line-height: 34px;margin-right: 10px;color: #888888;}

.sendtogroup {float: right;}

.messageinputbottom {background: #ececec;overflow: hidden;position: relative;margin: 0px;}
.messageinputbottom .textinputwrapper {border: 1px solid #cccccc;background: white;overflow: hidden;margin: 5px 76px 5px 5px;padding: 0px !important;position: relative;}
.messageinputbottom .textinputwrapper .mainmessagebox {width: 95%;border: none;outline: none;resize: none;padding: 4px 0px 4px 7px;min-height: 20px; overflow: hidden;margin: 0px !important;display: block;}
.messageinputbottom .textinputwrapper .mainmessagebox .ql-editor { padding-left: 10px; padding-right: 20px; padding-top: 0px; padding-bottom: 0px; }
.messageinputbottom .sendbutton {position: absolute;right: 5px;width: 27px;height: 28px;top: 0px;line-height: 28px;top: 5px;}

.messageinputbottom .speechrecognition {position: absolute;top: 2px;right: 30px;height: 25px;overflow: hidden;width: 25px;border-radius: 50%;text-align: center;line-height: 27px;font-size: 14px;color: #999999;}
.messageinputbottom .speechrecognition a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.messageinputbottom .speechrecognition a:hover {background: rgba(0, 0, 0, 0.1);}

.messageinputbottom .shareattach {position: absolute;top: 2px;right: 3px;height: 25px;overflow: hidden;width: 25px;border-radius: 50%;text-align: center;line-height: 25px;font-size: 16px;color: #999999;}
.messageinputbottom .shareattach a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.messageinputbottom .shareattach a:hover {background: rgba(0, 0, 0, 0.1);}

.messageinputbottomcontainer {position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);padding: 0px;bottom: 0px;right: 10px;display: none;transition-duration: 200ms;left: 500px;background: #dfe1e2;overflow: hidden;}
.messageinputbottomcontainer .typingbanner {padding: 0px 0px 4px 7px;background: rgba(223, 225, 226, 0.8);color: #999999;}

.messageinputbottom_closedChat {display: none;position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);padding: 10px 0;bottom: 0px;right: 10px;display: none;transition-duration: 200ms;left: 500px;background: #ffffff;overflow: hidden;justify-content: center; align-items: center;}

.sendingmessage {display: none;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;line-height: 20px;color: #cccccc;text-align: center;background: rgba(255, 255, 255, 0.8);}
.sendingmessage .centheight {position: absolute;left: 50%;top: 50%;margin: -10px 0px 0px -10px;}
.sendingmessage.visible {display: block;}

body.menustyle0 .messageinputbottomcontainer {left: 290px;overflow: hidden;}

.grouptypingbanner {opacity: 0;transition-duration: 300ms;position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);bottom: 0px;left: 269px;right: 5px;padding: 0px;transition-duration: 200ms;padding: 0px 0px 5px 3px;background: rgba(223, 225, 226, 0.8);color: #333333;}
.grouptypingbanner.visible {opacity: 1;}
body.menustyle0 .grouptypingbanner {margin-left: -215px;}

.echos {position: absolute;top: -2000px;left: -5000px;}
.messageecho {width: 100%;border: 1px solid red;outline: none;resize: none;padding: 0px 0px 0px 7px;overflow: hidden;}
.messageecho2 {top: -2000px;width: 100%;border: 1px solid red;outline: none;resize: none;padding: 0px 0px 0px 7px;overflow: hidden;}

.replywindow {position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);overflow: hidden;top: 50%;left: 50%;width: 600px;margin: -100px 0px 0px -300px;display: none;background: #f8f8f8;border-radius: 4px;-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);-moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);z-index: 10000;}
body.menustyle1 .replywindow {margin-left: -165px;}
.replywindow .controlbox {cursor: move;position: absolute;color: #e2e2e2;top: 0px;left: 0px;right: 0px;height: 36px;border-bottom: 1px solid #ddd;background: #8b8c90;line-height: 36px;text-align: right;padding-right: 10px;}
.replywindow .theirmessage {margin: -35px 10px 0px 20px;border-radius: 10px;background: #ececec;padding: 20px 30px 20px 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.replywindow .theirmessage.expanded {white-space: normal;overflow: auto;text-overflow: initial;height: 80px;}
.replywindow .expandbutton {position: absolute;top: 68px;right: 25px;overflow: hidden;padding: 2px;color: #888888;}
.replywindow .expandbutton a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);display: block;}
.replywindow .expandbutton:hover {
	color: #555555;
}
.replywindow .collapsebutton {display: none;position: absolute;top: 68px;right: 35px;overflow: hidden;padding: 2px;color: #888888;}
.replywindow .collapsebutton a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);display: block;}
.replywindow .collapsebutton:hover {color: #555555;}
.replywindow .theirmessageneck {margin-left: 10px;margin-top: 65px;width: 0px;height: 0px;border-right: 10px solid #ececec;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 0px;}
.replywindow .ourresponse {margin: 15px 0px 0px 0px;background: white;overflow: hidden;position: relative;padding: 15px 35px 15px 15px;cursor: text;}
.replywindow .ourresponse textarea {background: white;outline: none;width: 100%;height: 15px;resize: none;border: none;}
.replywindow .ourresponse .shareattach {position: absolute;top: 13px;right: 7px;height: 30px;overflow: hidden;width: 30px;border-radius: 50%;text-align: center;line-height: 30px;font-size: 18px;color: #999999;}
.replywindow .ourresponse .shareattach a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.replywindow .ourresponse .shareattach a:hover {background: rgba(0, 0, 0, 0.1);}
.replywindow .controlbox2 {margin: 8px;overflow: hidden;position: relative;}
.replywindow .close {display: block;float: right;width: 20px;height: 20px;display: block;cursor: pointer;}
.replywindow .attacheditem {display: none;margin: 10px 0px 0px 0px;padding: 7px 0px 0px 0px;border-top: 1px solid #dddddd;color: #666666;}
.replywindow .attacheditem.shown {display: block;}

.whisperreplywindow {position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);overflow: hidden;top: 50%;left: 50%;width: 600px;margin: -100px 0px 0px -300px;display: none;background: #f8f8f8;border-radius: 4px;-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);-moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);z-index: 10000;}
body.menustyle1 .whisperreplywindow {margin-left: -165px;}
.whisperreplywindow .controlbox {cursor: move;position: absolute;top: 0px;left: 0px;right: 0px;height: 36px;border-bottom: 1px solid #ddd;background: #8b8c90;color: #e2e2e2;line-height: 36px;text-align: right;padding-right: 10px;}
.whisperreplywindow .theirmessage {margin: -35px 10px 0px 20px;border-radius: 10px;background: #ececec;padding: 20px 30px 20px 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.whisperreplywindow .theirmessage.expanded {white-space: normal;overflow: auto;text-overflow: initial;height: 80px;}
.whisperreplywindow .expandbutton {position: absolute;top: 68px;right: 25px;overflow: hidden;padding: 2px;color: #888888;}
.whisperreplywindow .expandbutton a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);display: block;}
.whisperreplywindow .expandbutton:hover {
	color: #555555;
}
.whisperreplywindow .collapsebutton {display: none;position: absolute;top: 68px;right: 35px;overflow: hidden;padding: 2px;color: #888888;}
.whisperreplywindow .collapsebutton a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);display: block;}
.whisperreplywindow .collapsebutton:hover {color: #555555;}
.whisperreplywindow .theirmessageneck {margin-left: 10px;margin-top: 65px;width: 0px;height: 0px;border-right: 10px solid #ececec;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 0px;}
.whisperreplywindow .ourresponse {margin: 15px 0px 0px 0px;background: white;overflow: hidden;position: relative;padding: 15px;cursor: text;}
.whisperreplywindow .ourresponse textarea {border: none;background: white;outline: none;width: 100%;height: 15px;resize: none;}
.whisperreplywindow .controlbox2 {margin: 8px;overflow: hidden;position: relative;}
.whisperreplywindow .close {display: block;float: right;width: 20px;height: 20px;display: block;cursor: pointer;}
.whisperreplywindow .attacheditem {display: none;margin: 10px 0px 0px 0px;padding: 7px 0px 0px 0px;border-top: 1px solid #dddddd;color: #666666;}
.whisperreplywindow .attacheditem.shown {display: block;}

.whisperreplywindow .ourresponse .shareattach {position: absolute;top: 13px;right: 7px;height: 30px;overflow: hidden;width: 30px;border-radius: 50%;text-align: center;line-height: 30px;font-size: 18px;color: #999999;}
.whisperreplywindow .ourresponse .shareattach a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.whisperreplywindow .ourresponse .shareattach a:hover {background: rgba(0, 0, 0, 0.1);}

.queuedforlateredit {position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);overflow: hidden;top: 50%;left: 50%;width: 600px;margin: -100px 0px 0px -300px;display: none;background: #f8f8f8;border-radius: 4px;-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);-moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);z-index: 10000;}
body.menustyle1 .queuedforlateredit {margin-left: -165px;}
.queuedforlateredit .controlbox {cursor: move;position: absolute;color: #e2e2e2;top: 0px;left: 0px;right: 0px;height: 36px;border-bottom: 1px solid #ddd;background: #8b8c90;line-height: 36px;text-align: right;padding-right: 10px;}
.queuedforlateredit .ourresponse {margin: 50px 0px 0px 0px;background: white;overflow: hidden;position: relative;padding: 15px 15px 15px 15px;cursor: text;}
.queuedforlateredit .ourresponse textarea {background: white;outline: none;width: 100%;height: 15px;resize: none;border: none;}
.queuedforlateredit .ourresponse .shareattach {position: absolute;top: 13px;right: 7px;height: 30px;overflow: hidden;width: 30px;border-radius: 50%;text-align: center;line-height: 30px;font-size: 18px;color: #999999;}
.queuedforlateredit .ourresponse .shareattach a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.queuedforlateredit .ourresponse .shareattach a:hover {background: rgba(0, 0, 0, 0.1);}
.queuedforlateredit .controlbox2 {margin: 8px;overflow: hidden;position: relative;}
.queuedforlateredit .close {display: block;float: right;width: 20px;height: 20px;display: block;cursor: pointer;}
.queuedforlateredit .attacheditem {display: none;margin: 10px 0px 0px 0px;padding: 7px 0px 0px 0px;border-top: 1px solid #dddddd;color: #666666;}
.queuedforlateredit .attacheditem.shown {display: block;}

.switchbuttonContainer {display: inline;}
.switchbuttonContainer.invisible {display: none;}

.replywindow .title,
.queuedforlateredit .title,
.whisperreplywindow .title {
	float: left;
	margin-left: 20px;
	color: #e2e2e2;
}

.replywindowecho {width: 100%;border: 1px solid red;outline: none;resize: none;padding: 0px 0px 0px 7px;overflow: hidden;}
.whisperreplywindowecho {width: 100%;border: 1px solid red;outline: none;resize: none;padding: 0px 0px 0px 7px;overflow: hidden;}
.queueeditwindowecho {width: 100%;border: 1px solid red;outline: none;resize: none;padding: 0px 0px 0px 7px;overflow: hidden;}

.userconfigwindow {position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);overflow: hidden;top: 50%;left: 50%;width: 600px;margin: -100px 0px 0px -300px;display: none;background: #f8f8f8;border-radius: 4px;-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);-moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);z-index: 10000;}
body.menustyle1 .userconfigwindow {margin-left: -165px;}
.userconfigwindow .controlbox {cursor: move;position: absolute;top: 0px;left: 0px;right: 0px;height: 36px;border-bottom: 1px solid #ddd;background: #8b8c90;color: #e2e2e2;line-height: 36px;text-align: right;padding-right: 10px;}
.userconfigwindow .title {float: left;margin-left: 20px;color: #e2e2e2;}
.userconfigwindow .menuface {padding: 50px 20px 30px 20px;}
.userconfigwindow .close {display: block;float: right;width: 20px;height: 20px;display: block;cursor: pointer;}

.messagemoreoptionswindow {position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);overflow: hidden;top: 50%;left: 50%;width: 300px;margin: -100px 0px 0px -150px;display: none;background: #f8f8f8;border-radius: 4px;-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);-moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);z-index: 10000;}
body.menustyle1 .messagemoreoptionswindow {margin-left: -50px;}
.messagemoreoptionswindow .controlbox {cursor: move;position: absolute;top: 0px;left: 0px;right: 0px;height: 36px;border-bottom: 1px solid #ddd;background: #8b8c90;color: #e2e2e2;line-height: 36px;text-align: right;padding-right: 10px;}
.messagemoreoptionswindow .title {float: left;margin-left: 20px;color: #e2e2e2;}
.messagemoreoptionswindow .menuface {padding: 60px 20px 30px 20px;}
.messagemoreoptionswindow .close {display: block;float: right;width: 20px;height: 20px;display: block;cursor: pointer;}
.messagemoreoptionswindow .button {margin: 5px 7px 0px 7px;display: block;text-align: center;}
.messagemoreoptionswindow .button select {position: absolute;top: 0px;left: 0px;right: auto;opacity: 0;-moz-opacity: 0;filter: alpha(opacity=0);display: block;height: 32px;width: 100%;cursor: pointer;}
.messagemoreoptionswindow .theirmessageText {padding: 10px;margin: 0px 10px 10px 10px;background: white;border-radius: 10px;}

.newmessagemoreoptionswindow {position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);overflow: hidden;top: 50%;left: 50%;width: 300px;margin: -100px 0px 0px -150px;display: none;background: #f8f8f8;border-radius: 4px;-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);-moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);z-index: 10000;}
body.menustyle1 .newmessagemoreoptionswindow {margin-left: -50px;}
.newmessagemoreoptionswindow .controlbox {cursor: move;position: absolute;top: 0px;left: 0px;right: 0px;height: 36px;border-bottom: 1px solid #ddd;background: #8b8c90;color: #e2e2e2;line-height: 36px;text-align: right;padding-right: 10px;}
.newmessagemoreoptionswindow .title {float: left;margin-left: 20px;color: #e2e2e2;}
.newmessagemoreoptionswindow .menuface {padding: 60px 20px 30px 20px;}
.newmessagemoreoptionswindow .close {display: block;float: right;width: 20px;height: 20px;display: block;cursor: pointer;}
.newmessagemoreoptionswindow .button {margin: 5px 7px 0px 7px;display: block;text-align: center;}
.newmessagemoreoptionswindow .button select {position: absolute;top: 0px;left: 0px;right: auto;opacity: 0;-moz-opacity: 0;filter: alpha(opacity=0);display: block;height: 32px;width: 100%;cursor: pointer;}
.newmessagemoreoptionswindow .button.greyedout a {display: none;}
.newmessagemoreoptionswindow .button.greyedout {color: #cccccc;}
.newmessagemoreoptionswindow .theirmessageText {padding: 10px;margin: 0px 10px 10px 10px;background: white;border-radius: 10px;}
.newmessagemoreoptionswindow i {padding-right: 5px;}

.closedconvowindow {position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);overflow: hidden;top: 50%;left: 50%;width: 600px;margin: -100px 0px 0px -300px;display: none;background: #f8f8f8;border-radius: 4px;-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);-moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);z-index: 10000;}
body.menustyle1 .closedconvowindow {margin-left: -165px;}
.closedconvowindow .controlbox {cursor: move;position: absolute;top: 0px;left: 0px;right: 0px;height: 36px;border-bottom: 1px solid #ddd;background: #8b8c90;color: #e2e2e2;line-height: 36px;text-align: right;padding-right: 10px;}
.closedconvowindow .title {float: left;margin-left: 20px;color: #e2e2e2;}
.closedconvowindow .winface {padding: 15px 20px 10px 20px;height: 220px;overflow: auto;margin-top: 36px;}
.closedconvowindow .close {display: block;float: right;width: 20px;height: 20px;display: block;cursor: pointer;}
.closedconvowindow .slice {height: 40px;border-bottom: 1px solid #eeeeee;border-top: 1px solid #eeeeee;line-height: 40px;margin-top: -1px;padding: 6px 0px 0px 0px; display: flex; flex-wrap: wrap;}
.closedconvowindow .slice.showallrow {border-bottom: none;}
.closedconvowindow .avatar {height: 35px;width: 35px;border-radius: 50%;overflow: hidden;float: left;position: relative;}
.closedconvowindow .avatar img {width: 100%;height: 100%;}
.closedconvowindow .nm {float: left;line-height: 35px;padding-left: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; flex: 1; display: inline-block;}
.closedconvowindow a {color: #444444;}

.stimulusInsightInspector {position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);overflow: hidden;top: 50%;left: 50%;width: 680px;height: 500px;margin: -250px 0px 0px -320px;display: none;background: #f8f8f8;border-radius: 4px;-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);-moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);z-index: 10000;}
body.menustyle1 .stimulusInsightInspector {margin-left: -165px;}
.stimulusInsightInspector.visible {display: block;}
.stimulusInsightInspector .controlbox {cursor: move;position: absolute;top: 0px;left: 0px;right: 0px;height: 36px;border-bottom: 1px solid #ddd;background: #8b8c90;color: #e2e2e2;line-height: 36px;text-align: right;padding-right: 10px;}
.stimulusInsightInspector .title {float: left;margin-left: 20px;color: #e2e2e2;}
.stimulusInsightInspector .close {display: block;float: right;width: 20px;height: 20px;display: block;cursor: pointer;}
.stimulusInsightInspector .tabs {position: absolute;top: 36px;left: 0px;right: 0px;height: 30px;overflow: hidden;background: #eeeeee;}
.stimulusInsightInspector .tabs .tab {overflow: hidden;position: relative;height: 30px;padding: 0px 20px 0px 20px;background: #dadada;margin: 0px 2px 0px 0px;line-height: 30px;float: left;}
.stimulusInsightInspector .tabs .tab a {position: absolute;overflow: hidden;background: rbgb(0, 0, 0, 0);top: 0px;left: 0px;right: 0px;bottom: 0px;}
.stimulusInsightInspector .tabs .tab a:hover {
	background: rgba(255, 255, 255, 0.3);
}
.stimulusInsightInspector .tabs .tab.selected {
	background: #f8f8f8;
	color: #333333;
}
.stimulusInsightInspector .tabs.freetext .tab.barvert {
	display: none;
}
.stimulusInsightInspector .tabs.freetext .tab.barhoriz {
	display: none;
}
.stimulusInsightInspector .tabs.freetext .tab.pie {
	display: none;
}

.stimulusInsightInspector .ccontent {position: absolute;top: 67px;left: 0px;right: 0px;bottom: 51px;overflow: hidden;overflow-y: auto;}
.stimulusInsightInspector .ccontent .insightRawdata {display: none;padding: 20px 10px 20px 20px;}
.stimulusInsightInspector .ccontent .insightWordcloud {display: none;padding: 20px 10px 20px 20px;}
.stimulusInsightInspector .dcontent {position: absolute;top: 37px;left: 0px;right: 0px;bottom: 51px;overflow: hidden;overflow-y: auto;padding: 20px;}
.stimulusInsightInspector .dcontent .readygraphic {height: 200px;border: 1px solid #cccccc;overflow: hidden;position: relative;}
.stimulusInsightInspector .dcontent .readygraphic .over {background: rgba(255, 255, 255, 0.4);position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.stimulusInsightInspector .dcontent .readygraphic .tick {position: absolute;top: 10px;right: 10px;font-size: 30px;color: #18bb18;}
.stimulusInsightInspector .share {display: none;}

.stimulusInsightInspector .annotation .textbox {margin: 5px 0px 0px 0px;padding: 8px 10px 8px 10px;cursor: text;border: 1px solid #cccccc;background: white;overflow: hidden;position: relative;}
.stimulusInsightInspector .annotation .textbox textarea {width: 100%;height: 35px;outline: none;border: none;resize: none;}

.stimulusInsightInspector #wordcloudinspectorcanvas {width: 650px;height: 325px;}
.stimulusInsightInspector .insightChartWrap {border: 1px solid #cccccc;background: white;padding: 15px;position: absolute;overflow: hidden;top: 10px;left: 10px;right: 10px;bottom: 10px;}

.stimulusInsightInspector .insightChart {display: block;}
.stimulusInsightInspector .ccontent.dataview {bottom: 0px;}
.stimulusInsightInspector .ccontent.dataview .insightChartWrap {display: none;}
.stimulusInsightInspector .ccontent.dataview .insightRawdata {display: block;}
.stimulusInsightInspector .ccontent.dataview .insightWordcloud {display: none;}
.stimulusInsightInspector .ccontent.wordcloudview {bottom: 0px;}
.stimulusInsightInspector .ccontent.wordcloudview .insightChartWrap {display: none;}
.stimulusInsightInspector .ccontent.wordcloudview .insightWordcloud {display: block;}
.stimulusInsightInspector .ccontent.wordcloudview .insightRawdata {display: none;}

.stimulusInsightInspector .buttons {position: absolute;bottom: 10px;right: 0px;padding-top: 10px;padding-right: 20px;left: 0px;border-top: 1px solid #dddddd;}
.stimulusInsightInspector .buttons.hidden {display: none;}
.stimulusInsightInspector .buttons .button {float: right;margin-left: 10px;padding: 5px 25px 5px 25px !important;height: auto;line-height: normal;background: #cccccc;border: 1px solid #bbbbbb;cursor: pointer;color: #444444;border-radius: 2px;}
.stimulusInsightInspector .buttons .button:hover {background: #bbbbbb;}
.stimulusInsightInspector .buttons .button.save {background: #20a8d8;color: white;}
.stimulusInsightInspector .buttons .button.save:hover {background: #1e95be;}
.stimulusInsightInspector .buttons .button.notvisibleyet {display: none;}
.stimulusInsightInspector .buttons .button.blue {background: #20a8d8;color: white;}
.stimulusInsightInspector .buttons .button.blue:hover {background: #1e95be;}
.stimulusInsightInspector .buttons .button.greyed {background: #dddddd;color: #888888;}
.stimulusInsightInspector .buttons .button.greyed:hover {background: #dddddd;color: #888888;}
.stimulusInsightInspector .buttons .button.greyed a {display: none;}

.convertcomfirmbox {position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);overflow: hidden;top: 50%;left: 50%;width: 500px;height: 250px;margin: -200px 0px 0px -320px;display: none;background: #f8f8f8;border-radius: 4px;-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);-moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);z-index: 10000;}
.convertcomfirmbox .controlbox {cursor: move;position: absolute;top: 0px;left: 0px;right: 0px;height: 36px;border-bottom: 1px solid #ddd;background: #8b8c90;color: #e2e2e2;line-height: 36px;text-align: right;padding-right: 10px;}
.convertcomfirmbox .title {float: left;margin-left: 20px;color: #e2e2e2;}
.convertcomfirmbox .close {display: block;float: right;width: 20px;height: 20px;display: block;cursor: pointer;}
body.menustyle1 .convertcomfirmbox {
	margin-left: -150px;
}
.convertcomfirmoptions {margin-top: 60px;width: 100%;height: 40px;}
.convertcomfirmoptions .picturebutton {margin-left: 13%;}
.convertcomfirmbox .buttons {position: absolute;bottom: 10px;right: 0px;padding-top: 10px;padding-right: 20px;left: 0px;border-top: 1px solid #dddddd;}
.convertcomfirmbox .button {float: right;margin-left: 10px;padding: 5px 25px 5px 25px !important;height: auto;line-height: normal;background: #cccccc;border: 1px solid #bbbbbb;cursor: pointer;color: #444444;border-radius: 2px;}
.convertcomfirmbox .buttons .button:hover {background: #bbbbbb;}

.stimulusoptionswindow {position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);overflow: hidden;top: 50%;left: 50%;width: 680px;height: 295px;margin: -275px 0px 0px -320px;display: none;background: #f8f8f8;border-radius: 4px;-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);-moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);z-index: 10000;}
body.menustyle1 .stimulusoptionswindow {margin-left: -250px;}

.stimulusoptionswindow.combinedstimulus {z-index: 10010;height: 400px;}

.stimulusoptionswindow.timelinemediadialog {z-index: 10010;height: 430px;margin-top: -175px;}
.stimulusoptionswindow.timelinemediadialog .topmenu {position: absolute;top: 37px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;background: #f8f8f8;padding-left: 20px;}
.stimulusoptionswindow.timelinemediadialog.timelinemediadialog_innerpage {height: 420px;margin-top: -210px;}
.stimulusoptionswindow.timelinemediadialog.timelinemediadialog_innerpage .topmenu {display: none;}
.stimulusoptionswindow.timelinemediadialog .optionpane {display: none;}
.stimulusoptionswindow.timelinemediadialog .optionpane.enabled {display: block;position: relative;overflow: hidden;}
.stimulusoptionswindow.timelinemediadialog .errorpane { display: none; }
.stimulusoptionswindow.timelinemediadialog .labelerrorpane {display: none; position: relative; background-color: red; padding: 5px 10px; margin-top: 10px; background: rgba(255,0,0,0.1); border: 1px solid rgba(255,0,0,0.5);}
.stimulusoptionswindow.timelinemediadialog .labelerrorpane.visible { display: block; }
.stimulusoptionswindow.timelinemediadialog .iconchooser {display: none;}
.stimulusoptionswindow.timelinemediadialog .iconchooser.enabled {display: block;}
.stimulusoptionswindow.timelinemediadialog .iconchooser .fontchoice {width: 25px;height: 25px;color: #333333;font-size: 16px;float: left;margin: 2px 0px 0px 2px;overflow: hidden;background: #f1f1f1;border: 1px solid #eeeeee;line-height: 25px;text-align: center;position: relative;}
.stimulusoptionswindow.timelinemediadialog .iconchooser .fontchoice a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.stimulusoptionswindow.timelinemediadialog .iconchooser .fontchoice a:hover {background: rgba(255, 255, 255, 0.5);}
.stimulusoptionswindow.timelinemediadialog .iconchooser .fontchoice.selected {background: #20a8d8;color: white;}

.stimulusoptionswindow.timelinemediadialog .articleThumb {width: 144px;height: 200px;}
.stimulusoptionswindow.timelinemediadialog .articleThumb .title {margin-left: 0px;color: #222222;}
.stimulusoptionswindow.timelinemediadialog .articleThumb.selectedArticle {border: 1px solid #20a8d8;}
.stimulusoptionswindow.timelinemediadialog .articleThumb.selectedArticle .title {background: #20a8d8ee;color: white;}

.stimulusoptionswindow.timelinemediadialog .errorOnAboveItem {display: none;}
.stimulusoptionswindow.timelinemediadialog .errorOnAboveItem.enabled {display: block;margin: 5px 0px 5px 0px;}

.stimulusoptionswindow.timelinemediadialog .availableeventcontainer {border-top: 1px solid #dddddd;position: relative;overflow: hidden;}
.stimulusoptionswindow.timelinemediadialog .openEvent {padding: 10px;border-bottom: 1px solid #dddddd;position: relative;overflow: hidden;}
.stimulusoptionswindow.timelinemediadialog .openEvent.selected {
	background: #b2deee;
}
.stimulusoptionswindow.timelinemediadialog .openEvent .openEvent_icon {width: 20px;display: inline-block;color: #666666;}
.stimulusoptionswindow.timelinemediadialog .openEvent .openEvent_id {width: 70px;display: inline-block;color: #666666;}
.stimulusoptionswindow.timelinemediadialog .openEvent a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;background: rgba(0, 0, 0, 0);}
.stimulusoptionswindow.timelinemediadialog .openEvent a:hover {background: rgba(255, 255, 255, 0.4);}

.stimulusoptionswindow.timelinemediadialog .ischannelsbutton {display: none;}
.stimulusoptionswindow.timelinemediadialog .ischannelsbutton.enabled {display: block;}

.stimulusoptionswindow.timelinemediadialog .scrollablesection {padding: 0px 15px 15px 15px;box-sizing: border-box;}
.stimulusoptionswindow p.h {font-weight: 600;}
.stimulusoptionswindow p.inputtextlabel {margin-bottom: 0px;}

.stimulusoptionswindow.htmlEditorDialog {width: 840px;height: 472px;}
.stimulusoptionswindow.htmlEditorDialog .mce-tinymce {width: 100%;border: none;}
.stimulusoptionswindow.htmlEditorDialog .scrollablesection {top: 36px;overflow: hidden;height: 385px;bottom: auto;}

.stimulusoptionswindow .controlbox { cursor: move; position: absolute;top: 0px;left: 0px;right: 0px;height: 36px;border-bottom: 1px solid #ddd;background: #8b8c90;color: #e2e2e2;line-height: 36px;text-align: right;padding-right: 10px;}
.stimulusoptionswindow .videoPlayerControlbox { position: absolute;top: 0px;left: 0px;right: 0px;height: 36px;border-bottom: 1px solid #ddd;background: #8b8c90;color: #e2e2e2;line-height: 36px;text-align: right;padding-right: 10px; opacity: 0; transition: opacity 0.3s ease; pointer-events: none; z-index: 1; }
.stimulusoptionswindow .videoPlayerControlbox.visible { opacity: 1; pointer-events: auto; }
.stimulusoptionswindow .title {float: left;margin-left: 20px;color: #e2e2e2;}
.stimulusoptionswindow .close {display: block;float: right;width: 20px;height: 20px;display: block;cursor: pointer;}
.stimulusoptionswindow .stimulii {padding: 20px;margin-top: 36px;}
#plugindialog_customForms.surveyTool .stimulusoptionswindow { width: 360px !important; margin-left: -200px !important; }
#plugindialog_customForms.surveyTool .stimulusoptionswindow .stimulii .picturebutton.stimulusHidden {display: none;}
#plugindialog_customForms.surveyTool .stimulusoptionswindow .stimulii .picturebutton.stimulusDatepicker {display: none;}
#plugindialog_customForms.surveyTool .inputType .hideOption {display: none;}

.stimulusoptionswindow .selectfromgallery {padding: 20px;}
.stimulusoptionswindow .notes {margin: 2px 0px 2px 0px;border: 1px solid #cccccc;background: #eeeeee;padding: 10px 10px 10px 10px;}
.stimulusoptionswindow .notes p {
	margin: 0px;
}
.stimulusoptionswindow .selectfromgallery .sectionLabelvid { font-weight: 600; margin:15px 0px 10px 0px; padding:0px; font-size: 15px;}
.stimulusoptionswindow .selectfromgallery .choosevideoStep2 { display:none; }
.stimulusoptionswindow .selectfromgallery.step2 .choosevideo { display:none; }
.stimulusoptionswindow .selectfromgallery.step2 .choosevideoStep2 { display:block; }
.stimulusoptionswindow .selectfromgallery.step2 .choosevideoStep2 .loopVideoHolder.hidden{ display: none; }
.stimulusoptionswindow .selectfromgallery.step2 .annotation { display: block; }
.stimulusoptionswindow .selectfromgallery .selectedVideoThumb { position: relative; overflow: hidden; width:100%; }
.stimulusoptionswindow .selectfromgallery.step2 .videoThumbnailOuter { width:60%; margin:0px; }
.stimulusoptionswindow .selectfromgallery .choosevideo .videoThumbnailOuter .videoThumbnail.portrait { max-height: 112px; }
.stimulusoptionswindow .selectfromgallery .choosevideo .videoThumbnailOuter .videoThumbnail.portrait canvas { max-height: 110px; }
.stimulusoptionswindow .selectfromgallery .videoThumbnailOuter .videoThumbnail.portrait { display: flex; align-items: center; justify-content: center; }
.stimulusoptionswindow .selectfromgallery .videoThumbnailOuter .videoThumbnail.portrait .videoThumbnailBG  { filter: blur(5px); scale: 1.1; }

.stimulusoptionswindow.genericVideoPicker .selectfromgallery.step2 .annotation { display:none; }
.stimulusoptionswindow.genericVideoPicker .selectfromgallery.step2 .annotation.visible { display:block; }

.stimulusoptionswindow .choosedisplaylayout {padding: 20px;display: none;margin-top: 35px;}
.stimulusoptionswindow.showingsuboptions {height: 600px;}

.stimulusoptionswindow .error_nothttps {display: none;margin: 6px 0px 4px 0px;border: 1px solid #ff3333;background: #ffdddd;padding: 10px 10px 10px 10px;}

.stimulusoptionswindow.hastabs .scrollablesection {top: 66px;}
.stimulusoptionswindow .tabs {position: absolute;top: 36px;left: 0px;right: 0px;height: 30px;overflow: hidden;background: #eeeeee;}
.stimulusoptionswindow .tabs .tab {overflow: hidden;position: relative;height: 30px;padding: 0px 20px 0px 20px;background: #dadada;margin: 0px 2px 0px 0px;line-height: 30px;float: left;}
.stimulusoptionswindow .tabs .tab a {position: absolute;overflow: hidden;background: rbgb(0, 0, 0, 0);top: 0px;left: 0px;right: 0px;bottom: 0px;}
.stimulusoptionswindow .tabs .tab a:hover {background: rgba(255, 255, 255, 0.3);}
.stimulusoptionswindow .tabs .tab.selected {background: #f8f8f8;color: #333333;}
.stimulusoptionswindow .tabs .tab.hidden { display: none;}
.stimulusoptionswindow .tabs.freetext .tab.barvert {display: none;}
.stimulusoptionswindow .tabs.freetext .tab.barhoriz {display: none;}
.stimulusoptionswindow .tabs.freetext .tab.pie {display: none;}

.stimulusoptionswindow .step1 {padding: 3px 20px 20px 20px;}
.stimulusoptionswindow .step1_lib {padding: 3px 20px 20px 20px;}
.stimulusoptionswindow .step2plus {display: none;padding: 3px 20px 20px 20px;}

.stimulusoptionswindow .polltypes {position: relative;overflow: hidden;margin-top: 3px;}
.stimulusoptionswindow .polltype {height: 95px;margin: 5px;position: relative;overflow: hidden;border: 1px solid #bbbbbb;background: #f1f1f1;}
.stimulusoptionswindow .polltype .typebtn {position: absolute;top: 18px;left: 20px;text-align: left;color: #333333;font-weight: 600;}
.stimulusoptionswindow .polltype .moreinfo {position: absolute;top: 38px;left: 20px;color: #888888;width: 250px;}
.stimulusoptionswindow .polltype .boxstripe {position: absolute;bottom: 5px;height: 5px;left: 0px;right: 0px;}
.stimulusoptionswindow .polltype .boxstripe.yellow {background: #ebebe6;}
.stimulusoptionswindow .polltype .boxstripe.green {background: #ebebe6;}
.stimulusoptionswindow .polltype .boxstripe.blue {background: #ebebe6;}

.stimulusoptionswindow .polltype .description {margin-left: 150px;height: 100%;overflow: hidden;position: relative;}
.stimulusoptionswindow .polltype a {position: absolute;overflow: hidden;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.stimulusoptionswindow .polltype a:hover {background: rgba(238, 238, 238, 0.3);}
.stimulusoptionswindow .polltype.selected {border: 1px solid #aaaaaa;}
.stimulusoptionswindow .polltype.selected a {background: rgba(252, 252, 252, 0.3) !important;}
.stimulusoptionswindow .polltype.disabled {border: 1px solid #eeeeee;}
.stimulusoptionswindow .polltype.disabled a {background: rgba(252, 252, 252, 0.6) !important;}
.stimulusoptionswindow .polltype.notimplemented {border: 1px solid #eeeeee;}
.stimulusoptionswindow .polltype.notimplemented a {background: rgba(252, 252, 252, 0.6) !important;}
.stimulusoptionswindow .polltype .tick {position: absolute;top: 10px;right: 10px;font-size: 30px;color: #18bb18;display: none;}
.stimulusoptionswindow .polltype.selected .tick {display: block;}

.stimulusoptionswindow .resetAnswers {display: none;}
.stimulusoptionswindow .desctitle {border-bottom: 1px solid #eff0f1;padding-bottom: 6px;margin-bottom: 5px;}
.stimulusoptionswindow .multiplechoiceexample {background: #f8fafb;color: #adadad;transform: rotate(2deg);position: absolute;top: 10px;right: 20px;padding: 10px 10px 0px 10px;-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);}

.stimulusoptionswindow .rankingexample {background: #f8fafb;color: #adadad;transform: rotate(2deg);position: absolute;top: 10px;right: 20px;padding: 10px 10px 0px 10px;-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);}

.stimulusoptionswindow .multiplechoiceexample.secondexample {top: 20px;right: 50px;transform: rotate(-3deg);}

.stimulusoptionswindow .freetextexample {background: #f8fafb;color: #adadad;transform: rotate(1deg);position: absolute;top: 10px;right: 20px;padding: 10px 10px 0px 10px;width: 234px;-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);}
.stimulusoptionswindow .freetextexample .faketextbox {margin-top: 10px;border: 1px solid #cccccc;background: #ffffff;height: 100px;}
.stimulusoptionswindow .freetextexample .faketextbox .caret {margin: 5px 0px 0px 10px;height: 20px;width: 0px;border-left: 1px solid #666666;}

.stimulusoptionswindow .fakerange {background: #f8fafb;color: #adadad;transform: rotate(1deg);position: absolute;top: 10px;right: 20px;padding: 10px 10px 0px 10px;width: 234px;-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);}
.stimulusoptionswindow .fakerange table {margin: 0px;padding: 0px;border-collapse: collapse;}
.stimulusoptionswindow .fakerange table tr {margin: 0px;padding: 0px;border: none;}
.stimulusoptionswindow .fakerange table th {text-align: left;padding: 0px;border: none;}
.stimulusoptionswindow .fakerange table th.right {text-align: right;}
.stimulusoptionswindow .fakerange table td {text-align: center;margin: 0px;padding: 10px 0px 40px 0px;border: 0px;}

.stimulusoptionswindow input[type="text"] {width: 100%;display: block;margin: 0px 0px 0px 0px;border: 1px solid #cccccc;}
.stimulusoptionswindow input[type="text"].standby {background: #fafafa;border-style: ridge;}
.stimulusoptionswindow input[type="text"]::-webkit-input-placeholder {
	color: #cccccc;
}
.stimulusoptionswindow input[type="text"]::-moz-placeholder {color: #cccccc;}
.stimulusoptionswindow input[type="text"]:-ms-input-placeholder {color: #cccccc;}
.stimulusoptionswindow input[type="text"]:-moz-placeholder {color: #cccccc;}

.stimulusoptionswindow .step2multiplechoice .answerholder {position: relative;overflow: hidden;margin-top: 3px;}
.stimulusoptionswindow .step2multiplechoice .answerholder .input {position: relative;overflow: hidden;margin: 0px 25px 0px 0px;}
.stimulusoptionswindow .step2multiplechoice .answerholder .handle {position: absolute;top: 0px;right: 0px;bottom: 0px;width: 25px;background: #eaeaea;color: #777777;text-align: center;line-height: 32px;cursor: move;}
.stimulusoptionswindow .step2multiplechoice input[type="text"] {width: 100%;display: block;margin: 0px 0px 0px 0px;border: 1px solid #cccccc;}
.stimulusoptionswindow .step2multiplechoice input[type="text"].standby {background: #fafafa;border-style: ridge;}
.stimulusoptionswindow
.step2multiplechoice
input[type="text"]::-webkit-input-placeholder {
	color: #cccccc;
}
.stimulusoptionswindow
.step2multiplechoice
input[type="text"]::-moz-placeholder {
	color: #cccccc;
}
.stimulusoptionswindow
.step2multiplechoice
input[type="text"]:-ms-input-placeholder {
	color: #cccccc;
}
.stimulusoptionswindow
.step2multiplechoice
input[type="text"]:-moz-placeholder {
	color: #cccccc;
}

.stimulusoptionswindow .choicebutton {position: relative;overflow: hidden;border: 1px solid #bbbbbb;background: #f1f1f1;height: 98px;margin: 5px;padding: 0px 0px 0px 20px;}
.stimulusoptionswindow .choicebutton .label {margin-top: 20px;}
.stimulusoptionswindow .choicebutton .bold {font-weight: 600;}
.stimulusoptionswindow .choicebutton .moreinfo {color: #888888;width: 300px;}
.stimulusoptionswindow .choicebutton a {position: absolute;overflow: hidden;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.stimulusoptionswindow .choicebutton a:hover {background: rgba(238, 238, 238, 0.3);}
.stimulusoptionswindow .choicebutton.selected {border: 1px solid #aaaaaa;}
.stimulusoptionswindow .choicebutton.selected a {background: rgba(252, 252, 252, 0.3) !important;}
.stimulusoptionswindow .choicebutton.disabled {border: 1px solid #eeeeee;}
.stimulusoptionswindow .choicebutton.disabled a {background: rgba(252, 252, 252, 0.6) !important;}
.stimulusoptionswindow .choicebutton .tick {position: absolute;top: 10px;right: 10px;font-size: 30px;color: #18bb18;display: none;}
.stimulusoptionswindow .choicebutton.selected .tick {display: block;}
.stimulusoptionswindow .choicebutton .glyphbehind {position: absolute;right: -64px;top: -31px;width: 300px;text-align: center;font-size: 130px;color: #e9e9e9;}
.stimulusoptionswindow .choicebutton .glyph {position: absolute;right: 20px;top: 20px;width: 120px;text-align: center;font-size: 50px;color: #888888;}
.stimulusoptionswindow .choicebutton.invisible {display: none;}

.stimulusoptionswindow .step3multiplechoice .oneanswerexample {background: #f8fafb;color: #555555;transform: rotate(-1deg);position: absolute;min-height: 200px;top: 10px;right: 20px;padding: 10px 10px 0px 10px;width: 245px;-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);}
.stimulusoptionswindow .step3multiplechoice .multipleanswersexample {background: #f8fafb;color: #555555;transform: rotate(-1deg);position: absolute;min-height: 200px;top: 10px;right: 20px;padding: 10px 10px 0px 10px;width: 245px;-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);}
.stimulusoptionswindow .step3multiplechoice .rankingexample {background: #f8fafb;color: #555555;transform: rotate(-1deg);position: absolute;min-height: 200px;top: 10px;right: 20px;padding: 10px 10px 0px 10px;width: 245px;-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);}
.stimulusoptionswindow .step3multiplechoice .multiplechoicesextra {margin-top: 20px;display: none;}
.stimulusoptionswindow .step3multiplechoice .multiplechoicesextra select {margin-top: 10px;display: block;}

.stimulusoptionswindow .step3multiplechoice .multiplechoicesextrafordropdown {margin-top: 20px;display: none;}
.stimulusoptionswindow
.step3multiplechoice
.multiplechoicesextrafordropdown
.locker {
	position: relative;
	overflow: hidden;
}
.stimulusoptionswindow
.step3multiplechoice
.multiplechoicesextrafordropdown.disableCheckbox
.locker {
	opacity: 0.6;
}
.stimulusoptionswindow
.step3multiplechoice
.multiplechoicesextrafordropdown.disableCheckbox
.locker
.overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: rgba(0, 0, 0, 0);
}

.stimulusoptionswindow .step3multiplechoice .rankingsubtitle {margin-top: 20px;display: none;}

.stimulusoptionswindow .buttons {position: absolute;bottom: 10px;right: 0px;padding-top: 10px;padding-right: 20px; padding-left: 10px;left: 0px;border-top: 1px solid #dddddd;}
.stimulusoptionswindow .buttons .button {float: right;margin-left: 10px;padding: 5px 25px 5px 25px !important;height: auto;line-height: normal;background: #cccccc;border: 1px solid #bbbbbb;cursor: pointer;color: #444444;border-radius: 2px;}
.stimulusoptionswindow .buttons .button:hover {background: #bbbbbb;}
.stimulusoptionswindow .buttons .button.save {background: #20a8d8;color: white;}
.stimulusoptionswindow .buttons .button.save:hover {background: #1e95be;}
.stimulusoptionswindow .buttons .button.notvisibleyet {display: none;}
.stimulusoptionswindow .buttons .button.blue {background: #20a8d8;color: white;}
.stimulusoptionswindow .buttons .button.blue.disabled {background-color: #cccccc; pointer-events: none; opacity: 0.5}
.stimulusoptionswindow .buttons .button.blue:hover {background: #1e95be;}

.stimulusoptionswindow .buttons .button.delete {
	background: #d82d2d;
	color: white;
	border: 1px solid #942b2b;
}
.stimulusoptionswindow .buttons .button.delete:hover {
	background: #b12222;
	color: white;
}
.stimulusoptionswindow .buttons .button.left {
	float:left;
}


.stimulusoptionswindow .scrollablesection {position: absolute;bottom: 50px;top: 40px;overflow-x: overflow;overflow-y: scroll;right: 0px;left: 0px;}

.stimulusoptionswindow .thumbnails {margin-left: -2%;overflow: hidden;position: relative;}
.selectedFeaturedImgPreview .thumbnail {-webkit-animation: fadein 300ms;-moz-animation: fadein 300ms;-ms-animation: fadein 300ms;-o-animation: fadein 300ms;animation: fadein 300ms;width: 23%;height: 130px;margin-top: 10px;overflow: hidden;position: relative;}

.selectedFeaturedImgPreview .img {position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;overflow: hidden;background-size: contain;background-repeat: no-repeat;background-position: center center;}
.selectedFeaturedImgPreview .selectthisimage {border: 1px solid #b1b1b1;}
.selectedFeaturedImgPreview .thumbnail .deleteicon {position: absolute;top: 3px;right: 3px;}

.stimulusoptionswindow .thumbnails .thumbnail {-webkit-animation: fadein 300ms;-moz-animation: fadein 300ms;-ms-animation: fadein 300ms;-o-animation: fadein 300ms;animation: fadein 300ms;float: left;margin-left: 2%;width: 23%;height: 130px;margin-top: 15px;overflow: hidden;position: relative;}

.stimulusoptionswindow .thumbnails .thumbnail .img {position: absolute;top: 33px;left: 5px;right: 5px;bottom: 5px;overflow: hidden;background-size: contain;background-repeat: no-repeat;background-position: center center;}
.stimulusoptionswindow .thumbnails .thumbnail .blurImg {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center center;opacity: 0.5;}

.stimulusoptionswindow .thumbnails .thumbnail .overlayThumbnail .img {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.stimulusoptionswindow .thumbnails .thumbnail .secondThumbnail .img {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center center;}

.stimulusoptionswindow .thumbnails .thumbnail p {z-index: 99;margin: 0px 0px 10px 0px;margin-right: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;background: rgba(255, 255, 255, 0.7);position: absolute;display: block;padding: 5px;top: 0px;left: 0px;}
.stimulusoptionswindow .thumbnails .thumbnail a:hover {background: rgba(255, 255, 255, 0.5);}

/* meme default images section */
.stimulusoptionswindow .defaultImageSection { display: none;}
.stimulusoptionswindow.memeStimulus .defaultImageSection { display: block;}
.stimulusoptionswindow .defaultImageThumbContainer { background-color: #E0E0E0; border-top: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; position: relative;  margin-bottom: 20px; display: block; max-height: 200px; overflow-x: hidden; overflow-y: auto; }
.stimulusoptionswindow .defaultImageThumbContainer > p { position: relative; width: 100%; float: left; margin: 0;}
.stimulusoptionswindow .defaultMemeThumbnails {margin-left: -2%;overflow: hidden;position: relative; padding-bottom: 15px;}
.stimulusoptionswindow .defaultMemeThumbnails .thumbnail {-webkit-animation: fadein 300ms;-moz-animation: fadein 300ms;-ms-animation: fadein 300ms;-o-animation: fadein 300ms;animation: fadein 300ms;float: left;margin-left: 2%;width: 23%;height: 130px;margin-top: 15px;overflow: hidden;position: relative;}

.stimulusoptionswindow .defaultMemeThumbnails .thumbnail .img {position: absolute;top: 33px;left: 5px;right: 5px;bottom: 5px;overflow: hidden;background-size: contain;background-repeat: no-repeat;background-position: center center;}
.stimulusoptionswindow .defaultMemeThumbnails .thumbnail .blurImg {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center center;opacity: 0.5;}

.stimulusoptionswindow .defaultMemeThumbnails .thumbnail .overlayThumbnail .img {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.stimulusoptionswindow .defaultMemeThumbnails .thumbnail .secondThumbnail .img {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center center;}

.stimulusoptionswindow .defaultMemeThumbnails .thumbnail p {z-index: 99;margin: 0px 0px 10px 0px;margin-right: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;background: rgba(255, 255, 255, 0.7);position: absolute;display: block;padding: 5px;top: 0px;left: 0px;}
.stimulusoptionswindow .defaultMemeThumbnails .thumbnail a:hover {background: rgba(255, 255, 255, 0.5);}

/* ------- */
.stimulusoptionswindow .listofdocuments {margin-top: 15px;}

.stimulusoptionswindow .scrollablesection.condensed .thumbnails {margin-left: -2%;margin-top: 0px;}
.stimulusoptionswindow .scrollablesection.condensed .thumbnail {width: 23%;margin-left: 2%;margin-top: 15px;height: 130px;}

.stimulusoptionswindow .dropzoneindialog {margin: 0px 0px 10px 0px;}

.stimulusoptionswindow .linksuboption {
	margin-top: 5px;
}

.stimulusoptionswindow .documentforsharing {margin-top: -1px;padding-left: 5px;border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;position: relative;overflow: hidden;height: 40px;line-height: 40px;}
.stimulusoptionswindow .documentforsharing .filetypeicon {font-size: 25px;color: #cccccc;float: right;margin-right: 5px;}
.stimulusoptionswindow .documentforsharing a {position: absolute;background: rgba(0, 0, 0, 0);top: 0px;left: 0px;right: 0px;bottom: 0px;display: block;}
.stimulusoptionswindow .documentforsharing.selected a {background: rgba(0, 0, 0, 0.1);}
.stimulusoptionswindow .documentforsharing.selected a:hover {background: rgba(0, 0, 0, 0.1);}
.stimulusoptionswindow .documentforsharing a:hover {background: rgba(255, 255, 255, 0.3);}

.stimulusoptionswindow .annotation {display: none;}
.stimulusoptionswindow .annotation.visible {display: block;}
.stimulusoptionswindow .annotation .textbox {margin: 5px 0px 0px 0px;padding: 8px 10px 8px 10px;cursor: text;border: 1px solid #cccccc;background: white;overflow: hidden;position: relative;}
.stimulusoptionswindow .annotation .textbox textarea {width: 100%;height: 35px;outline: none;border: none;resize: none;}

.stimulusoptionswindow .alt .textbox {margin: 5px 0px 0px 0px;padding: 8px 10px 8px 10px;cursor: text;border: 1px solid #cccccc;background: white;overflow: hidden;position: relative;}
.stimulusoptionswindow .alt .textbox textarea {width: 100%;height: 35px;outline: none;border: none;resize: none;}

.stimulusoptionswindow .step2plus .mockup {position: relative;overflow: hidden;margin: 0px 0px 0px 0px;background: #f1f1f1;border: 1px solid #bbbbbb;height: 100px;}
.stimulusoptionswindow .step2plus .mockup.mockup150 {height: 150px;}
.stimulusoptionswindow .step2plus .mockup.mockup130 {height: 120px;}
.stimulusoptionswindow .step2plus .mockup .quouter {background: #f8fafb;border: 1px solid #cccccc;transform: rotate(1deg);width: 420px;margin-left: 80px;margin-top: 15px;padding: 20px;-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);}
.stimulusoptionswindow .step2plus .mockup .thisprompt {margin: 0px 0px 2px 0px;font-size: 14px;padding-bottom: 6px;}
.stimulusoptionswindow .step2plus .mockup .thissubtitle {margin: 0px 0px 5px 0px;font-size: 12px;border-bottom: 1px solid #eff0f1;padding-bottom: 6px;}
.stimulusoptionswindow .step2plus .mockup .theirphonenumber {width: 300px;margin: 10px 0px 0px 0px;border: 1px solid #cccccc;background: white;padding: 10px 0px 10px 20px;}
.stimulusoptionswindow .step2plus .mockup .theirfreetextanything {margin: 10px 0px 0px 0px;border: 1px solid #cccccc;background: white;padding: 10px 0px 10px 20px;position: relative;overflow: hidden;}
.stimulusoptionswindow .step2plus .mockup .overlayer {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);overflow: hidden;}

.stimulusoptionswindow .polllibrary {
}
.stimulusoptionswindow .polllibrary .indent {
}

.stimulusoptionswindow .libraryorrecentpolls {
	margin: 5px 0px 0px 0px;
}
.stimulusoptionswindow .libraryorrecentpolls .summary {border-bottom: 1px solid #dddddd;padding-top: 15px;padding-left: 2px;padding-bottom: 10px;position: relative;overflow: hidden;}

.stimulusoptionswindow .libraryorrecentpolls .summary .evttitle {font-weight: bold;float: left;}
.stimulusoptionswindow .libraryorrecentpolls .summary .evtdate {float: left;margin-left: 10px;color: #888888;}
.stimulusoptionswindow .libraryorrecentpolls .stimulus {padding: 15px 5px 15px 15px;border-bottom: 1px solid #dddddd;background: #eeeeee;overflow: hidden;position: relative;}
.stimulusoptionswindow .libraryorrecentpolls .stimulus a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;background: rgba(0, 0, 0, 0);}
.stimulusoptionswindow .libraryorrecentpolls .stimulus a:hover {background: rgba(255, 255, 255, 0.4);}
.stimulusoptionswindow .libraryorrecentpolls .stimulus .logo {font-weight: bold;float: left;width: 30px;text-align: left;color: #292b35;}
.stimulusoptionswindow .libraryorrecentpolls .stimulus .type {float: left;width: 150px;}
.stimulusoptionswindow .libraryorrecentpolls .stimulus .question {float: left;width: 415px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.stimulusoptionswindow .libraryorrecentpolls .stimulus .answer {float: left;margin-left: 5px;}
.stimulusoptionswindow .libraryorrecentpolls .stimulus .tick {position: absolute;top: 6px;left: 10px;font-size: 25px;color: #18bb18;display: none;}
.stimulusoptionswindow .libraryorrecentpolls .stimulus .vendorlogo {position: absolute;top: 0px;bottom: 0px;right: 10px;width: 70px;}
.stimulusoptionswindow
.libraryorrecentpolls
.stimulus
.vendorlogo
.fitlogo_outer {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	overflow: hidden;
	background-color: #eeeeee;
}
.stimulusoptionswindow .libraryorrecentpolls .stimulus .vendorlogo .fitlogo {position: absolute;top: 10px;bottom: 10px;left: 10px;right: 0px;background-position: center right;background-repeat: no-repeat;background-size: contain;}
.stimulusoptionswindow .libraryorrecentpolls .stimulus.disabled a {background: rgba(255, 255, 255, 0.4);}
.stimulusoptionswindow .libraryorrecentpolls .stimulus.selected a:hover {background: rgba(0, 0, 0, 0);}
.stimulusoptionswindow .libraryorrecentpolls .stimulus.selected .tick {display: block;}
.stimulusoptionswindow .libraryorrecentpolls .stimulus.selected .logo {opacity: 0;}

.stimulusoptionswindow .rtcdevicedropdowns {position: relative;overflow: hidden;}
.stimulusoptionswindow .rtcdevicedropdowns .dropdownoptionwrapper {position: relative;overflow: hidden;margin-top: 2px;}
.stimulusoptionswindow .rtcdevicedropdowns .devtitle {position: relative;overflow: hidden;float: left;width: 75px;}
.stimulusoptionswindow .rtcdevicedropdowns .devtitle p {margin: 6px 0px 0px 0px;}
.stimulusoptionswindow .rtcdevicedropdowns .dropdown {position: relative;overflow: hidden;float: left;}

.stimulusoptionswindow .clbutton {margin-top: 5px;position: relative;overflow: hidden;}
.stimulusoptionswindow .videocheckboxes {margin-top: 5px;position: relative;overflow: hidden;}


.genericVideoPicker {
	height: 600px;
	z-index: 9998;
}
.genericVideoPicker.visible {
	display:block !important;
}


/*stream launch*/
.stimulusstreamingapp {
	height: 400px !important;
}
.downloadIconContainer {margin-top: 50px;height: 160px;width: 100%;font-size: 10em;text-align: center;color: #666666;opacity: 0.5;}

.streamDownloadInfo {text-align: center;margin-top: 40px;}

.customscript {min-height: 50px;display: block;overflow: hidden;position: relative;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;margin-top: -1px;}
.customscript .name {position: absolute;left: 0px;top: 5px;width: 150px;}
.customscript .about {margin: 5px 175px 5px 160px;}
.customscript .controls {position: absolute;top: 7px;right: 0px;}

.tagmanagerdialog {position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);overflow: hidden;top: 50%;left: 50%;width: 700px;margin: -225px 0px 0px -300px;display: none;background: #f8f8f8;border-radius: 4px;-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);-moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);z-index: 10000;}
body.menustyle1 .tagmanagerdialog {
	margin-left: -190px;
}
.tagmanagerdialog .controlbox {cursor: move;position: absolute;top: 0px;left: 0px;right: 0px;height: 36px;border-bottom: 1px solid #ddd;background: #8b8c90;color: #e2e2e2;line-height: 36px;text-align: right;padding-right: 10px;}
.tagmanagerdialog .title {user-select: none;float: left;margin-left: 20px;color: #e2e2e2;}
.tagmanagerdialog .close {user-select: none;display: block;float: right;width: 20px;height: 20px;display: block;cursor: pointer;}
.tagmanagerdialog .ccontent {padding: 20px;margin-top: 36px;height: 400px;overflow-y: scroll;}
.tagmanagerdialog table .revokebuttons {text-align: right;}

.onetoonesettingsdialog {position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);overflow: hidden;top: 50%;left: 50%;width: 700px;margin: -225px 0px 0px -300px;display: none;background: #f8f8f8;border-radius: 4px;-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);-moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);z-index: 10000;}
body.menustyle1 .onetoonesettingsdialog {margin-left: -190px;}
.onetoonesettingsdialog .controlbox {cursor: move;position: absolute;top: 0px;left: 0px;right: 0px;height: 36px;border-bottom: 1px solid #ddd;background: #8b8c90;color: #e2e2e2;line-height: 36px;text-align: right;padding-right: 10px;}
.onetoonesettingsdialog .title {user-select: none;float: left;margin-left: 20px;color: #e2e2e2;}
.onetoonesettingsdialog .close {user-select: none;display: block;float: right;width: 20px;height: 20px;display: block;cursor: pointer;}
.onetoonesettingsdialog .ccontent {padding: 20px;margin-top: 36px;margin-bottom: 49px;height: 400px;overflow-y: scroll;}
.onetoonesettingsdialog .limit121 {position: relative;display: inline;overflow: hidden;}
.onetoonesettingsdialog .limit121.grey {opacity: 0.5;pointer-events: none;}
.onetoonesettingsdialog .hrSep {border-bottom: 1px solid #dddddd;margin-top: 15px;margin-bottom: 10px;}
.onetoonesettingsdialog textarea {border: 1px solid #cccccc;width: 100%;box-sizing: border-box;margin-top: 10px;outline: none;resize: none;padding: 10px;}

.onetoonesettingsdialog .pauseEventText {position: relative;overflow: hidden;}
.onetoonesettingsdialog .pauseEventText.grey {opacity: 0.5;pointer-events: none;}

.onetoonesettingsdialog .buttons {position: absolute;bottom: 10px;right: 0px;padding-top: 10px;padding-right: 20px;left: 0px;border-top: 1px solid #dddddd;}
.onetoonesettingsdialog .buttons .button {float: right;margin-left: 10px;padding: 5px 25px 5px 25px !important;height: auto;line-height: normal;background: #cccccc;border: 1px solid #bbbbbb;cursor: pointer;color: #444444;border-radius: 2px;}
.onetoonesettingsdialog .buttons .button:hover {background: #bbbbbb;}
.onetoonesettingsdialog .buttons .button.save {background: #20a8d8;color: white;}
.onetoonesettingsdialog .buttons .button.save:hover {background: #1e95be;}
.onetoonesettingsdialog .buttons .button.notvisibleyet {display: none;}
.onetoonesettingsdialog .buttons .button.blue {background: #20a8d8;color: white;}
.onetoonesettingsdialog .buttons .button.blue:hover {background: #1e95be;}

.onetoonesettingsdialog .otherEvents {margin: 5px 0px 0px 25px;}

.contextualdatadialog {position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);overflow: hidden;top: 50%;left: 50%;width: 700px;margin: -225px 0px 0px -300px;display: none;background: #f8f8f8;border-radius: 4px;-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);-moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);z-index: 10000;}
body.menustyle1 .contextualdatadialog {margin-left: -190px;}
.contextualdatadialog .controlbox {cursor: move;position: absolute;top: 0px;left: 0px;right: 0px;height: 36px;border-bottom: 1px solid #ddd;background: #8b8c90;color: #e2e2e2;line-height: 36px;text-align: right;padding-right: 10px;}
.contextualdatadialog .title {float: left;margin-left: 20px;color: #e2e2e2;}
.contextualdatadialog .close {display: block;float: right;width: 20px;height: 20px;display: block;cursor: pointer;}
.contextualdatadialog .ccontent {padding: 20px;margin-top: 36px;height: 400px;}
.contextualdatadialog table .revokebuttons {text-align: right;}
.contextualdatadialog.currentlyvisible {display: block;}
.contextualdatadialog .contentbox {position: absolute;left: 0px;right: 0px;bottom: 0px;border-top: 1px solid #cccccc;background: white;top: 93px;overflow: hidden;overflow-y: auto;}
.contextualdatadialog .contentbox iframe {width: 100%;height: 99%;border: none;}
.contextualdatadialog .contentbox .htmlcontainerinstead {position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;padding: 20px;overflow: none;overflow-y: auto;}

.floatIcon {float: left;display: block;}
.floatLabel {float: left;display: block;}

.participantcountwrap {position: relative;overflow: hidden;display: block;height: 100%;}
.participantcountf {border-radius: 10px;padding: 2px 8px;color: #2d444c;background: #cce6ef;border: 1px solid #9ad4e7;display: block;margin-left: 8px;height: 11px;line-height: 11px;font-weight: bold;transition-duration: 300ms;font-size: 11px;position: relative;overflow: hidden;margin-top: 5px;opacity: 0.3;}
.participantcountfNonzero {color: #2d444c;background: #cce6ef;border: 1px solid #9ad4e7;opacity: 1;}

.infomessage {padding: 3px 10px 6px 10px;margin-bottom: 15px;border-top: 1px solid #afd8ea;border-bottom: 1px solid #afd8ea;background: #e0f0f7;}
.infomessage p {margin: 3px 0px 3px 0px;}

.peopledialog {position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);overflow: hidden;top: 50%;left: 50%;min-height: 400px;width: 750px;margin: -225px 0px 0px -375px;display: none;background: #f8f8f8;border-radius: 4px;-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);-moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);z-index: 10000;}
body.menustyle1 .peopledialog {margin-left: -190px;}

.peopledialog .tabs {position: absolute;top: 36px;left: 0px;right: 0px;height: 35px;overflow: hidden;background: #eeeeee;}
.peopledialog .tabs .tab {overflow: hidden;position: relative;height: 35px;padding: 0px 12px 0px 12px;background: #dadada;margin: 0px 2px 0px 0px;line-height: 35px;float: left;}
.peopledialog .tabs .tab a {position: absolute;overflow: hidden;background: rbgb(0, 0, 0, 0);top: 0px;left: 0px;right: 0px;bottom: 0px;}
.peopledialog .tabs .tab a:hover {
	background: rgba(255, 255, 255, 0.3);
}
.peopledialog .tabs .tab.selected {background: #f8f8f8;color: #333333;}

.peopledialog .tabs .tab .label {position: relative;overflow: hidden;display: inline-block;float: left;}

.peopledialog table {margin-top: 10px;border-bottom: 2px solid #bbbbbb;border-top: 2px solid #bbbbbb;}
.peopledialog table th {padding-left: 10px;font-weight: bold;}

.peopledialog .blockedfromentry {display: none;}
.peopledialog .blockedfromentry.visible {display: block;opacity: 0;}
.peopledialog .blockedfromentry.fullvisible {opacity: 1;transition-duration: 300ms;}

.peopledialog .controlbox {cursor: move;position: absolute;top: 0px;left: 0px;right: 0px;height: 36px;border-bottom: 1px solid #ddd;background: #8b8c90;color: #e2e2e2;line-height: 36px;text-align: right;padding-right: 10px;}
.peopledialog .title {float: left;margin-left: 20px;color: #e2e2e2;}
.peopledialog .total {border-radius: 10px;padding: 1px 10px;color: white;background: #888888;float: left;margin-left: 10px;height: 18px;line-height: 18px;font-weight: bold;opacity: 0.3;transition-duration: 300ms;font-size: 11px;position: relative;overflow: hidden;margin-top: 7px;}
.peopledialog .total.nonzero {opacity: 1;}
.peopledialog .close {display: block;float: right;width: 20px;height: 20px;display: block;cursor: pointer;}
.peopledialog .ccontent {padding: 20px;margin-top: 71px;height: 400px;overflow-y: scroll;display: none;}
.peopledialog .ccontent.tabcontentVisible {display: block;}
.peopledialog .ccontent h3 {margin-top: 20px;}
.peopledialog .ccontent .inner {
}
.peopledialog .ccontent .inner .titlerow {overflow: hidden;position: relative;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;background: white;margin: 5px 0px 0px 0px;padding: 10px;font-weight: bold;}
.peopledialog .slice {padding: 5px 0px 5px 0px;overflow: hidden;position: relative;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;border-collapse: collapse;background: white;margin-top: -1px;line-height: 50px;}

.peopledialog .slice .flag {width: 20px;padding-left: 7px;float: left;padding-right: 7px;}
.peopledialog .slice .flag .flag-icon {height: 15px;}
.peopledialog .slice .avatara {width: 50px;height: 50px;overflow: hidden;position: relative;float: left;}
.peopledialog .slice .avatara .w {width: 50px;height: 50px;border-radius: 50%;float: left;overflow: hidden;position: relative;}
.peopledialog .slice .avatara img {width: 100%;height: 100%;float: left;}
.peopledialog .slice .displayname {width: 100px;height: 50px;padding-left: 10px;float: left;overflow: hidden;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.peopledialog .slice .location {width: 100px;height: 50px;padding-left: 10px;float: left;}
.peopledialog .slice .email {width: 100px;height: 50px;padding-left: 10px;float: left;}
.peopledialog .slice .totals {width: 50px;height: 50px;padding-left: 10px;float: right;}
.peopledialog .slice .allowuser {float: right;margin-top: 8px;padding-right: 12px;height: 35px;display: none;}
.peopledialog .ccontent.entryLockedAsUser .slice .allowuser {
	display: block;
}

.peopledialog .userconfig {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;}
.peopledialog .userconfig .menuoverlay {position: absolute;left: 50%;width: 0px;height: 0px;top: 50%;background: rgba(255, 255, 255, 0.3);border-radius: 50%;transition-duration: 100ms;overflow: hidden;}
.peopledialog .userconfig .btn {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;opacity: 0;text-align: center;line-height: 55px;}
.peopledialog .userconfig .btn a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.peopledialog .userconfig:hover .menuoverlay {left: 0px;width: 100%;height: 100%;top: 0px;background: rgba(255, 255, 255, 0.7);}
.peopledialog .userconfig:hover .btn {opacity: 1;}
.peopledialog .userconfig:hover .btn i {font-size: 18px;}
.peopledialog .ccontent .modinner .titlerow {overflow: hidden;position: relative;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;background: white;margin: 5px 0px 0px 0px;padding: 10px;font-weight: bold;}

.peopledialog .moderators .menuoverlay {
	display: none;
}
.peopledialog .moderators .btn {
	display: none;
}

.teamuseradd {position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);overflow: hidden;top: 50%;height: 400px;left: 50%;width: 600px;margin: -200px 0px 0px -300px;display: none;background: #ffffff;border-radius: 4px;-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);-moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);z-index: 10000;}
body.menustyle1 .teamuseradd {margin-left: -165px;}
.teamuseradd .controlbox {cursor: move;position: absolute;top: 0px;left: 0px;right: 0px;height: 36px;border-bottom: 1px solid #ddd;background: #f5f5f5;line-height: 36px;text-align: right;padding-right: 10px;}
.teamuseradd .title {float: left;margin-left: 20px;color: #e2e2e2;}
.teamuseradd .controlbox2 {position: absolute;bottom: 0px;left: 0px;right: 0px;height: 36px;background: #f5f5f5;border-top: 1px solid #ddd;line-height: 36px;text-align: right;padding: 5px 10px 5px;}
.teamuseradd .close {display: block;float: right;width: 20px;height: 20px;display: block;cursor: pointer;}
.teamuseradd .inner {position: absolute;top: 35px;bottom: 45px;left: 0px;right: 0px;overflow: auto;padding: 15px;}
.teamuseradd .inner .teamusersearch {width: 100%;}
.teamuseradd tr {cursor: pointer;}
.teamuseradd tr:hover {background: #eeeeee;}
.teamuseradd .avatar {margin-left: 5px;}

.editbiog {position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);overflow: hidden;top: 50%;height: 500px;left: 50%;width: 600px;margin: -250px 0px 0px -300px;display: none;background: #ffffff;border-radius: 4px;-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);-moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);z-index: 10000;}
body.menustyle1 .editbiog {margin-left: -165px;}
.editbiog .controlbox {cursor: move;position: absolute;top: 0px;left: 0px;right: 0px;height: 36px;border-bottom: 1px solid #ddd;background: #f5f5f5;line-height: 36px;text-align: right;padding-right: 10px;}
.editbiog .title {float: left;margin-left: 20px;color: #e2e2e2;}
.editbiog .controlbox2 {position: absolute;bottom: 0px;left: 0px;right: 0px;height: 36px;background: #f5f5f5;border-top: 1px solid #ddd;line-height: 36px;text-align: right;padding: 5px 10px 5px;}
.editbiog .close {display: block;float: right;width: 20px;height: 20px;display: block;cursor: pointer;}
.editbiog .inner {position: absolute;top: 35px;bottom: 36px;left: 0px;right: 0px;overflow: none;padding: 15px;}
.editbiog tr {cursor: pointer;}
.editbiog tr:hover {background: #eeeeee;}
.editbiog .avatar {margin-left: 0px;width: 65px;height: 65px;border-radius: 50%;background-size: contain;background-repeat: none;background-color: #ddd;position: relative;overflow: hidden;}
.editbiog .avatar a {position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;background: rgba(0, 0, 0, 0);}
.editbiog textarea {width: 100%;resize: none;outline: none;height: 43%;box-sizing: border-box;margin-top: 0px;border: 1px solid #ccc;padding: 10px;}

.editbiog input[type="text"] {width: 100%;outline: none;border: 1px solid #ccc;}
.editbiog p {
	margin: 6px 0px 2px 0px;
}

.urldialog {position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);overflow: hidden;top: 50%;height: 200px;left: 50%;width: 600px;margin: -250px 0px 0px -150px;display: none;background: #ffffff;border-radius: 4px;-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);-moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);z-index: 10000;}
body.menustyle1 .urldialog {margin-left: -165px;}
.urldialog .controlbox {cursor: move;position: absolute;top: 0px;left: 0px;right: 0px;height: 36px;border-bottom: 1px solid #ddd;background: #f5f5f5;line-height: 36px;text-align: right;padding-right: 10px;}
.urldialog .title {float: left;margin-left: 20px;color: #e2e2e2;}
.urldialog .controlbox2 {position: absolute;bottom: 0px;left: 0px;right: 0px;height: 36px;background: #f5f5f5;border-top: 1px solid #ddd;line-height: 36px;text-align: right;padding: 5px 10px 5px;}
.urldialog .close {display: block;float: right;width: 20px;height: 20px;display: block;cursor: pointer;}
.urldialog .inner {position: absolute;top: 35px;bottom: 36px;left: 0px;right: 0px;overflow: none;padding: 15px;}
.urldialog input[type="text"] {width: 100%;outline: none;border: 1px solid #ccc;font-size: 11px;}
.urldialog p {margin: 6px 0px 2px 0px;}

.incompleteform {display: none;line-height: 34px;margin-right: 10px;}
.incompleteform.visible {display: block;}

.formhelper {display: none;overflow: hidden;position: absolute;}
.formhelper .arrow {border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 10px solid rgba(232, 103, 103, 0.89);height: 0px;width: 0px;position: absolute;top: 10px;left: 0px;}
.formhelper .box {border-radius: 5px;background: rgba(232, 103, 103, 0.89);color: white;padding: 10px;width: 300px;margin-left: 10px;}
.formhelper.t1 {margin-top: 20px;}
.formhelper.t2 {margin-top: -3px;margin-left: -100px;}
.formhelper.t3 {margin-top: -3px;}
.formhelper.t4 {margin-top: -41px;margin-left: 500px;}

.helper121 {display: none;overflow: hidden;position: absolute;top: 85px;margin-left: -30px;}
.helper121 .arrow {border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 10px solid rgba(39, 168, 213, 0.75);height: 0px;width: 0px;position: absolute;top: 10px;left: 0px;}
.helper121 .box {border-radius: 5px;background: rgba(39, 168, 213, 0.75);color: white;padding: 10px;width: 300px;margin-left: 10px;}

.transcriptanonymiseroptions {margin: 10px 0px 10px 0px;}

.bborder {border-bottom: 1px solid #dddddd;padding-bottom: 5px;margin-bottom: 5px;}
.tborder {border-top: 1px solid #dddddd;padding-top: 5px;margin-top: 5px;}
.orbox {width: 200px;text-align: center;}

.wholewindowdroptarget {display: none;position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index: 10998;background: rgba(255, 255, 255, 0.5);}
.wholewindowdroptarget i {font-size: 100px;}
.wholewindowdroptarget .midd {color: #111111;font-size: 40px;text-align: center;position: absolute;top: 50%;margin-top: -50px;left: 0px;right: 0px;}
.wholewindowdroptarget .cover {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);display: block;}
.wholewindowdroptarget.visible {display: block;}

.dropzonewholepage {border: none;width: 100%;height: 100%;background: none;}
.dropzonewholepage:hover {border: none;}

.normalcmseditor {height: 350px;border: none;visibility: none;}
.smallertinymce iframe {
	height: 130px !important;
}
i.mce-ico {
	color: #555555;
}
i.mce-i-video:before {content: "\f167";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #555555;font-size: 19px;padding-left: 10px;position: absolute;top: 20%;left: 0;}
i.mce-i-vimeo:before {content: "\f194";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #555555;font-size: 19px;padding-left: 10px;position: absolute;top: 20%;left: 0;}
i.mce-i-preview:before {content: "\f06e";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #555555;font-size: 19px;padding-left: 4px;position: absolute;top: 20%;left: 0;}

.publishDialogBg {display: none;position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);top: 0px;left: 0px;bottom: 0px;right: 0px;background: rgba(0, 0, 0, 0.2);z-index: 1100;cursor: pointer;color: white;padding: 20px;font-weight: bold;font-size: 21px;text-align: right;}
.publishDialogBg.visible {display: block;}

.playtestHolderBg {display: none;position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);top: 0px;left: 0px;bottom: 0px;right: 0px;background: rgba(0, 0, 0, 0.2);z-index: 1100;cursor: pointer;color: white;padding: 20px;font-weight: bold;font-size: 21px;text-align: right;}
.playtestHolderBg.visible {display: block;}

#playtestHolder_stimulusContainer {position: fixed; width: 800px; height: 550px; top: 70px; right: 400px; background: white; flex-direction: column; flex-wrap: wrap; box-shadow: 0px 10px 54px -17px rgba(0,0,0,0.59); display: none; z-index: 9002; overflow: hidden; resize: both;}

#playtestHolder_stimulusContainer .playtestHolder_stimulusContainerTop { display: flex; width: 100%; height: 40px; background: #292B35; }

#playtestHolder_stimulusContainer .handle { cursor: move; }

#playtestHolder_stimulusContainer .playtestHolder_stimulusContainerContent { display: flex; flex-grow: 1; }

#playtestHolder_stimulusContainer .playtestHolder_stimulusContainerContent > iframe { height: 100%; width: 100%; border: none; }

.editBg {display: none;position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);cursor: pointer;top: 0px;left: 0px;bottom: 0px;right: 0px;background: rgba(255, 255, 255, 0.3);z-index: 1100;cursor: pointer;color: white;padding: 20px;font-weight: bold;font-size: 21px;text-align: right;}
.editBg.visible {display: block;}

.publishDialog {position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);overflow: hidden;top: 50%;left: 50%;width: 700px;margin: -225px 0px 0px -300px;display: none;background: #f8f8f8;border-radius: 4px;-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);-moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);z-index: 10000;}
.publishDialog.visible {display: block;}
.publishDialog .controlbox {cursor: move;position: absolute;top: 0px;left: 0px;right: 0px;height: 36px;border-bottom: 1px solid #ddd;background: #8b8c90;color: #e2e2e2;line-height: 36px;text-align: right;padding-right: 10px;}
.publishDialog .title {float: left;margin-left: 20px;color: #e2e2e2;}
.publishDialog .close {display: block;float: right;width: 20px;height: 20px;display: block;cursor: pointer;}

.publishDialog .ccontent {padding: 20px;margin-top: 36px;height: 455px;overflow-y: scroll;margin-bottom: 50px;}
.publishDialog .ccontent h3 {margin-top: 20px;}
.publishDialog .buttons {position: absolute;bottom: 10px;right: 0px;padding-top: 10px;padding-right: 20px;left: 0px;border-top: 1px solid #dddddd;}
.publishDialog .buttons .button {float: right;margin-left: 10px;padding: 5px 25px 5px 25px !important;height: auto;line-height: normal;background: #cccccc;border: 1px solid #bbbbbb;cursor: pointer;color: #444444;border-radius: 2px;}
.publishDialog .buttons .button:hover {background: #bbbbbb;}
.publishDialog .buttons .button.save {background: #20a8d8;color: white;}
.publishDialog .buttons .button.save:hover {background: #1e95be;}
.publishDialog .buttons .button.notvisibleyet {display: none;}
.publishDialog .buttons .button.blue {background: #20a8d8;color: white;}
.publishDialog .buttons .button.blue:hover {background: #1e95be;}

.publishDialogErrors {position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);overflow: hidden;top: 50%;left: 50%;width: 700px;margin: -300px 0px 0px -300px;display: none;background: #f8f8f8;border-radius: 4px;-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);-moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);z-index: 10000;}
.publishDialogErrors.visible {display: block;}
.publishDialogErrors .controlbox {cursor: move;position: absolute;top: 0px;left: 0px;right: 0px;height: 36px;border-bottom: 1px solid #ddd;background: #8b8c90;color: #e2e2e2;line-height: 36px;text-align: right;padding-right: 10px;}
.publishDialogErrors .title {float: left;margin-left: 20px;color: #e2e2e2;}
.publishDialogErrors .close {display: block;float: right;width: 20px;height: 20px;display: block;cursor: pointer;}
.publishDialogErrors .ccontent {padding: 20px;margin-top: 36px;overflow-y: scroll;margin-bottom: 50px; max-height: 500px; height: 500px;}
.publishDialogErrors .ccontent h3 {margin-top: 20px;}
.publishDialogErrors .buttons {position: absolute;bottom: 10px;right: 0px;padding-top: 10px;padding-right: 20px;left: 0px;border-top: 1px solid #dddddd;}
.publishDialogErrors .buttons .button {float: right;margin-left: 10px;padding: 5px 25px 5px 25px !important;height: auto;line-height: normal;background: #cccccc;border: 1px solid #bbbbbb;cursor: pointer;color: #444444;border-radius: 2px;}
.publishDialogErrors .buttons .button:hover {background: #bbbbbb;}
.publishDialogErrors .error {
	margin-top: 5px;
	padding: 8px;
	background: #fff9c4;
	border: 1px solid #fdd835;
}

.lightboxcover {display: none;position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);top: 0px;left: 0px;bottom: 0px;right: 0px;background: rgba(0, 0, 0, 0.4);z-index: 1100;cursor: pointer;color: white;padding: 20px;font-weight: bold;font-size: 21px;text-align: right;}
.plugindialog {overflow: hidden;display: none;width: 700px;height: 500px;position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);top: 50%;left: 50%;margin-left: -350px;margin-top: -250px;background: white;border-radius: 4px;z-index: 1200;}
.plugindialog#plugindialog_preview_iframe {overflow: hidden;display: none;width: 700px;height: 800px;position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);top: 50%;left: 50%;margin-left: -350px;margin-top: -400px;background: white;border-radius: 4px;z-index: 1200;}
.plugindialog.articlePreview#plugindialog_preview_iframe { width: 1200px; height: 840px; margin-left: -550px; }
.plugindialog input {width: 300px;padding: 0px 0px 0px 5px;height: 26px;}
.plugindialog input[type="checkbox"] {width: auto;padding: 0px;height: auto;}
.plugindialog .close { float: right; }
.plugindialog .close:hover { cursor: pointer; }

.plugindialog#plugindialog_customForms { width: inherit; height: inherit; top: 92px; left: 300px; right: 7px; bottom: 7px; margin-left: 0; margin-top: 0; transition: left 0.2s ease; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);}
.menustyle1 .plugindialog#plugindialog_customForms { left: 510px; transition: left 0.2s ease;}

.plugindialog#plugindialog_monacoEditor { background: #303030; width: 1200px; height: 800px; margin-left: -700px; margin-top: -400px;}
.plugindialog#plugindialog_monacoEditor.fullscreen { width: 100%; height: 100%; left: 350px; top: 250px; position: fixed; margin-left: -350px;margin-top: -250px; cursor: pointer}
.plugindialog#plugindialog_monacoEditor .panel-header{ background: #303030; display: flex; justify-content: space-between; height: 41px; align-items: center;}
.plugindialog#plugindialog_monacoEditor .panel-header .button:first-child{ margin-left: initial;}
.plugindialog#plugindialog_monacoEditor .panel-header .maximize_window{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10000;
	width: 15px;
	height: 16px;
	line-height: 10px;
	padding: 0;
	background: none;
	border: none;
}
.plugindialog#plugindialog_monacoEditor .panel-header .button:last-child{ margin-right: 20px; margin-left: 15px;}
.plugindialog#plugindialog_monacoEditor .panel-header .monacoEditorMessage{ color: green;}
.plugindialog#plugindialog_monacoEditor #plugindialog_monacoEditor__body { height: 100%; overflow: hidden; height: inherit; }
.plugindialog#plugindialog_monacoEditor .plugindialog_monacoEditor__rightButtons { display: flex; align-items: center; }
.plugindialog#plugindialog_monacoEditor #plugindialog_monacoEditor__save.disabled,
.plugindialog#plugindialog_monacoEditor #plugindialog_monacoEditor__runCode.disabled{ background-color: #7b7b7b; }
.plugindialog#plugindialog_monacoEditor #plugindialog_monacoEditor__save .plugindialog_monacoEditor__save__label,
.plugindialog#plugindialog_monacoEditor #plugindialog_monacoEditor__runCode .plugindialog_monacoEditor__runCode__label{ display: block; }
.plugindialog#plugindialog_monacoEditor #plugindialog_monacoEditor__save .plugindialog_monacoEditor__save__label.hidden,
.plugindialog#plugindialog_monacoEditor #plugindialog_monacoEditor__runCode .plugindialog_monacoEditor__runCode__label.hidden{ display: none; }
.plugindialog#plugindialog_monacoEditor #plugindialog_monacoEditor__save .plugindialog_monacoEditor__save__loading,
.plugindialog#plugindialog_monacoEditor #plugindialog_monacoEditor__runCode .plugindialog_monacoEditor__runCode__loading{ display: none; }
.plugindialog#plugindialog_monacoEditor #plugindialog_monacoEditor__save .plugindialog_monacoEditor__save__loading.visible,
.plugindialog#plugindialog_monacoEditor #plugindialog_monacoEditor__runCode .plugindialog_monacoEditor__runCode__loading.visible{ display: block; }
.plugindialog#plugindialog_monacoEditor #plugindialog_monacoEditor__save .plugindialog_monacoEditor__save__loading.visible {color: white}
.plugindialog#plugindialog_monacoEditor #plugindialog_monacoEditor__bottom { position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	/* width: 100%; */
	background: #303030;
	height: 50px;
	padding: 3px 20px; }
.plugindialog#plugindialog_monacoEditor #plugindialog_monacoEditor__bottom .plugindialog_monacoEditor__bottom__console { background-color: #1E1E1E; width: 100%; height: 50px; color: red; overflow: auto; }
.plugindialog#plugindialog_monacoEditor #plugindialog_monacoEditor__bottom .plugindialog_monacoEditor__bottom__console .plugindialog_monacoEditor__bottom__console__content { padding: 5px 10px; font-size: 12px; }
.plugindialog#plugindialog_monacoEditor #plugindialog_monacoEditor__bottom .plugindialog_monacoEditor__bottom__console .plugindialog_monacoEditor__bottom__console__content *{ font-size: 12px; }
.plugindialog#plugindialog_monacoEditor .ui-draggable-handle { cursor: move; }
.plugindialog#plugindialog_monacoEditor .monacoEditorInstance { height: 100%; }

.plugindialog#plugindialog_pollBuilder { background: #f8f8f8; width: 800px; height: 600px; margin-left: -300px; margin-top: -300px;}
.plugindialog#plugindialog_pollBuilder .ui-draggable-handle { cursor: move; }
.plugindialog#plugindialog_pollBuilder .panel-header{ background: #8b8c90; color: #e2e2e2;}
.plugindialog#plugindialog_pollBuilder input[type="text"] { width: 100%; display: block; margin: 0px 0px 0px 0px; border: 1px solid #cccccc; padding: 0 0 0 10px; height: 34px;}
.plugindialog#plugindialog_pollBuilder .hidden { display: none; }
.plugindialog#plugindialog_pollBuilder .answerHolder { position: relative; overflow: hidden; margin-top: 3px; }
.plugindialog#plugindialog_pollBuilder .input { position: relative; overflow: hidden; margin: 0 25px 0 0;}
.plugindialog#plugindialog_pollBuilder .handle { position: absolute; top: 0px; right: 0px; bottom: 0px; width: 25px; background: #eaeaea; color: #777777; text-align: center; line-height: 32px; cursor: move; }
.plugindialog#plugindialog_pollBuilder .delete { position: absolute; top: 0px; right: 25px; bottom: 0px; width: 25px; background-color: rgba(234,234,234, 0.6); color: red; text-align: center; line-height: 32px; cursor: pointer; }
.plugindialog#plugindialog_pollBuilder .delete:hover { background-color: rgba(234,234,234, 0.4); }
.plugindialog#plugindialog_pollBuilder .answerTypeContainer p.h { font-weight: 600;}
.plugindialog#plugindialog_pollBuilder .answerTypeContainer input { width: auto; float: left;}
.plugindialog#plugindialog_pollBuilder .answerTypeContainer i { width: auto; margin-right: 5px;}
.plugindialog#plugindialog_pollBuilder .answerTypeContainer .choicebutton { position: relative; overflow: hidden; border: 1px solid #bbbbbb; background: #f1f1f1; height: 98px; margin: 5px; padding: 0 0 0 20px;}
.plugindialog#plugindialog_pollBuilder .answerTypeContainer .choicebutton .label { margin-top: 20px; }
.plugindialog#plugindialog_pollBuilder .answerTypeContainer .choicebutton .moreinfo { color: #888888; width: 300px;}
.plugindialog#plugindialog_pollBuilder .answerTypeContainer .choicebutton .tick { position: absolute; top: 10px; right: 10px; font-size: 30px; color: #18bb18;}
.plugindialog#plugindialog_pollBuilder .answerTypeContainer .choicebutton a { position: absolute; overflow: hidden; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0);}
.plugindialog#plugindialog_pollBuilder .answerTypeContainer .choicebutton a:hover {background: rgba(238, 238, 238, 0.3);}
.plugindialog#plugindialog_pollBuilder .answerTypeContainer .answerexample {background: #f8fafb;color: #555555;transform: rotate(-1deg);position: absolute;min-height: 200px;top: 10px;right: 20px;padding: 10px 10px 0px 10px;width: 245px;-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);}
.plugindialog#plugindialog_pollBuilder .answerTypeContainer .answerexample .answerRow { width: 100%; height: 30px;}
.plugindialog#plugindialog_pollBuilder .answerTypeContainer .oneanswer .answerexample .answerRow > span { float: left; top: 6px; position: relative;}
.plugindialog#plugindialog_pollBuilder .answerTypeContainer .multipleanswers .answerexample .answerRow > span { float: left; top: 0;}
.plugindialog#plugindialog_pollBuilder .answerTypeContainer .extraChoices > input[type="text"] {float: unset; width: 100%;}

.plugindialog .buttons {position: absolute;bottom: 10px;right: 0px;padding-top: 10px;padding-right: 20px;left: 0px;border-top: 1px solid #dddddd;}
.plugindialog .buttons .button {float: right;margin-left: 10px;padding: 5px 25px 5px 25px !important;height: auto;line-height: normal;background: #cccccc;border: 1px solid #bbbbbb;cursor: pointer;color: #444444;border-radius: 2px;}
.plugindialog .buttons .button:hover {background: #bbbbbb;}
.plugindialog .buttons .button.save {background: #20a8d8;color: white;}
.plugindialog .buttons .button.save:hover {background: #1e95be;}
.plugindialog .buttons .button.blue {background: #20a8d8;color: white;}
.plugindialog .buttons .button.blue:hover {background: #1e95be;}

.plugindialog .scrollablesection {position: absolute;bottom: 50px;top: 40px;overflow-y: scroll;right: 0px;left: 0px;}
.plugindialog .iframesection {position: absolute;bottom: 50px;top: 40px;overflow: none;right: 0px;left: 0px;}
.plugindialog .iframesection iframe {position: absolute;width: 100%;height: 100%;overflow: none;overflow-y: scroll;border: none;outline: none;}
.plugindialog .datapreview {padding: 10px 20px 10px 20px;}
.plugindialog .datapreview img {max-width: 90%;}
.plugindialog .customFormsContainer { margin-top: 20px; }
.plugindialog .thumbnails {margin-left: -5%;margin-top: -5%;}
.plugindialog .thumbnails .thumbnail {float: left;margin-left: 5%;width: 28%;height: 130px;margin-top: 5%;overflow: hidden;position: relative;background: black;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.plugindialog .thumbnails .thumbnail img {
}
.plugindialog .thumbnails .thumbnail .img {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;}
.plugindialog .thumbnails .thumbnail p {margin: 0px 0px 10px 0px;margin-right: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;background: rgba(255, 255, 255, 0.7);position: absolute;display: block;padding: 5px;top: 0px;left: 0px;}
.plugindialog .thumbnails .thumbnail a:hover {background: rgba(255, 255, 255, 0.5);}

.plugindialog .infomessageright {float: right;width: 270px;background: #eeeeee;padding: 5px 10px;box-sizing: border-box;}
.plugindialog .infomessageright p {margin: 10px 0px;padding: 0px;}

.plugindialog .dropzoneindialog {margin: 0px 0px 10px 0px;}

.plugindialog .linksuboption {margin-top: 5px;}

#plugindialog_linktovideo .videothumbnailholder {display: none;}
#plugindialog_linktovideo .vidthumb {height: 170px;margin-top: 20px;margin-bottom: 20px;}
#plugindialog_linktovideo .vidthumb img {height: 100%;border: 1px solid #cccccc;}

.plugindialog .uploadedTemplates {border-top: 1px solid #cccccc;margin-top: 15px;}
.plugindialog .uploadedTemplates .htmlEmail {position: relative;padding: 10px;border-bottom: 1px solid #cccccc;overflow: hidden;}
.plugindialog .uploadedTemplates .htmlEmail .delete {position: absolute;overflow: hidden;right: 0px;top: 0px;bottom: 0px;width: 20px;line-height: 35px;text-align: center;color: #444444;}
.plugindialog .uploadedTemplates .htmlEmail .delete a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.plugindialog .uploadedTemplates .htmlEmail .delete a:hover {background: rgba(255, 255, 255, 0.5);}

#plugindialog_multipleProperties { width: 900px; margin: -225px 0px 0px -390px }
#plugindialog_multipleProperties .ui-draggable-handle { cursor: move; }
#plugindialog_multipleProperties .panel-header{ background: #8b8c90; color: #e2e2e2;}
#plugindialog_multipleProperties .multipleParametersAddNew{ display: flex; justify-content: end;}
#plugindialog_multipleProperties .multipleParametersAddNew .newParameter{
	background: #20a8d8;
    color: white;
	padding: 5px 10px 5px 10px !important;
    height: auto;
    line-height: normal;
    border: 1px solid #bbbbbb;
    cursor: pointer;
    border-radius: 2px;
	margin: 15px 0;
}
#plugindialog_multipleProperties .multipleParametersAddNew .newParameter i {
	margin-right: 5px;
}

.parameterContainer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 15px;
    background: #EDECEB;
    margin: 5px 0;
    border-radius: 5px;
}

.parameterContainer .inputFieldValue {
	max-width: 222px;
	height: 30px;
	border: 1px solid #ccc;
	padding: 5px 10px;
	border-radius: 6px;
	min-width: 200px;
	cursor: text;
	min-height: 18px;
}

.parameterContainer .inputFieldValue.editable-input {
	width: 222px;
}

.parameterContainer .selectField {
	height: 30px;
	border: 1px solid #ccc;
	border-radius: 6px;
}
.parameterContainer .selectField.propertyFieldSelect {
	width: 222px;
}

.parameterContainer .selectField.propertyDataType {
	width: 100px;
}

.parameterContainer .freeProperty.visible {
	display: block;
}

.parameterContainer .freeProperty {
	display: none;
	min-width: 200px;
}

.parameterContainer .coreUserProperty {
	display: none;
	min-width: 200px;
}

.parameterContainer .coreUserProperty.visible {
	display: block;
}

.parameterContainer .removePropertyRow {
	max-width: 30px;
}

.parameterContainer .removePropertyRow .removePropertyRowButton {
    border: none;
    cursor: pointer;
}

.dropzone {min-height: 120px;}

.pwpuploadnotice {background-color: #cce6ef;margin-top: -10px;padding: 15px;border: 1px solid rgb(119, 199, 227);margin-bottom: 10px;color: black;font-size: 15px;line-height: 20px;cursor: pointer;transition: 0.3s;}

#uploadSpinner {width: 100%;height: 100%;z-index: 1000;position: absolute;text-align: center;background: rgba(255, 255, 255, 0.6);padding-top: 25%;display: none;}

.mediaSeachStyle {width: 100% !important;position: relative;}
.mediaSeachStyle.marginBottom {margin-bottom: 20px;}
.text100 {width: 100% !important;position: relative;}

.imagelibrary.thumbnailcontainer {margin-left: -10px; margin-right:-10px; margin-top:10px; overflow: hidden;position: relative;}
.imagelibrary.thumbnailcontainer .thumbnail {background: #fff;-webkit-animation: fadein 500ms;-moz-animation: fadein 500ms;-ms-animation: fadein 500ms;-o-animation: fadein 500ms;animation: fadein 500ms;float: left; width:calc(14.2% - 20px); height: 200px;  margin:10px 10px 10px 10px; overflow: hidden;position: relative;}
.imagelibrary.thumbnailcontainer .thumbnail.video {height: 140px;}
.imagelibrary.thumbnailcontainer .thumbnail.video img {width: 100%;}
.imagelibrary.thumbnailcontainer .thumbnail p {margin: 0px 0px 10px 0px;margin-right: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;background: rgba(255, 255, 255, 0.7);position: absolute;display: block;padding: 5px;top: 0px;left: 0px;}
.imagelibrary.thumbnailcontainer .thumbnail .deleteicon {position: absolute;top: 3px;right: 3px;}
.imagelibrary.thumbnailcontainer .thumbnail .downloadbutton {position: absolute;bottom: 10px;left: 10px;width: 35px;height: 35px;font-size: 28px;line-height: 38px;text-align: center;color: white;background: rgba(0, 0, 0, 0.3);border-radius: 3px;}
.imagelibrary.thumbnailcontainer .thumbnail .downloadbutton a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;background: rgba(0, 0, 0, 0);}
.imagelibrary.thumbnailcontainer .thumbnail .downloadbutton:hover a {background: rgba(0, 0, 0, 0.1);}

@media (max-width: 2000px) {
	.imagelibrary.thumbnailcontainer .thumbnail { width:calc(20% - 20px); }
}
@media (max-width: 1600px) {
	.imagelibrary.thumbnailcontainer .thumbnail { width:calc(25% - 20px); }
}
@media (max-width: 1400px) {
	.imagelibrary.thumbnailcontainer .thumbnail { width:calc(33% - 20px); }
}
@media (max-width: 800px) {
	.imagelibrary.thumbnailcontainer .thumbnail { width:calc(50% - 20px); }
}








.imagelibrary .thumbnail.plainthumbnail .img {position: absolute;top: 33px;left: 5px;right: 5px;bottom: 5px;overflow: hidden;background-size: contain;background-repeat: no-repeat;background-position: center center;}
.imagelibrary .thumbnail.plainthumbnail .blurImg { filter:blur(20px);position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center center;opacity: 0.5;}

.plugindialog .thumbnail .img {position: absolute;top: 33px;left: 5px;right: 5px;bottom: 5px;overflow: hidden;background-size: contain;background-repeat: no-repeat;background-position: center center;}
.plugindialog .thumbnail .blurImg {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center center;opacity: 0.5;}

.plugindialog .thumbnail .overlayThumbnail .img {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.plugindialog .thumbnail .secondThumbnail .img {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center center;}

.plugindialog .thumbnail p {z-index: 99;margin: 0px 0px 10px 0px;margin-right: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;background: rgba(255, 255, 255, 0.7);position: absolute;display: block;padding: 5px;top: 0px;left: 0px;}
.plugindialog .thumbnail a:hover {background: rgba(255, 255, 255, 0.5);}

.overlayThumbnail {background-color: #ddd;position: absolute;width: 85%;height: 85%;top: 2px;left: 2px;border: 2px solid #ccc;overflow: hidden;-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.39);-moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.39);box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.39);}
.overlayThumbnail .img {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center center;}

.secondThumbnail {position: absolute;background-color: #ddd;bottom: 3px;right: 3px;width: 85%;height: 85%;border: 2px solid #ccc;overflow: hidden;-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);}
.secondThumbnail .img {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center center;}

.thumbnail.hidden {-webkit-animation: fadeout 0.5s;-moz-animation: fadeout 0.5s;-ms-animation: fadeout 0.5s;-o-animation: fadeout 0.5s;animation: fadeout 0.5s;}

.thumbnail.hidden.invisible {opacity: 0;display: none;}

.thumbnail.acimagethumb.hidden {-webkit-animation: fadeout 0.5s;-moz-animation: fadeout 0.5s;-ms-animation: fadeout 0.5s;-o-animation: fadeout 0.5s;animation: fadeout 0.5s;}

.thumbnail.acimagethumb.hidden.invisible {opacity: 0;display: none;}

.documentsTable .deleteFromHere.hidden.invisible {
	opacity: 0;display: none;
}

.videoLibrary .videoThumbnailOuter.hidden.invisible,
.allvideos .vidVODContainer .videoThumbnailOuter.hidden.invisible,
.allvideos .vidcontainer .videoThumbnailOuter.hidden.invisible {
	opacity: 0;display: none;
}

.allArticles .articleThumb.hidden.invisible,
.allArchivedArticles .articleThumb.hidden.invisible,
.inputWrapper .articleThumb.hidden.invisible {
	opacity: 0;display: none;
}

.stimulusdocumentoptions .documentList1 .documentforsharing.hidden.invisible {
	display: none;
}

.mediaNoResults {
	display: none;
	background-color: #F5F5F5;
    padding: 12px 10px;
    border-radius: 5px;
    font-size: 14px;
	border: 1px solid #919599;
}
.imagelibrary .mediaNoResults { margin: 0 10px; }
.mediaNoResults.visible { display: block; }

.mediaSearchGeneral { margin-bottom: 20px !important; }

@keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-moz-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-webkit-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-ms-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-o-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeout {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@-moz-keyframes fadeout {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@-webkit-keyframes fadeout {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@-ms-keyframes fadeout {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@-o-keyframes fadein {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

.warningAccentColor .ok { color: green; }
.warningAccentColor .notok { color: red; }


.recentlyUsedVideos.invisible {display: none;}
.recentlyUsedVideos .allvideos .vidcontainer {overflow: hidden;position: relative;margin-left: -5px;    margin-right: -5px;}
.recentlyUsedVideos .allvideos .vidVODContainer  {overflow: hidden;position: relative;margin-left: -5px;     margin-right: -5px;}
.recentlyUsedVideos .smallvidthumb {width: 198px;height: 110px;background-position: center center;background-repeat: no-repeat;background-size: cover;overflow: hidden;position: relative;float: left;margin: 15px 0px 0px 10px;}
.recentlyUsedVideos .smallvidthumb img {width: 100%;height: 100%;}
.recentlyUsedVideos .smallvidthumb p {margin: 0px 0px 10px 0px;margin-right: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;background: rgba(255, 255, 255, 0.7);position: absolute;display: block;padding: 5px;top: 0px;left: 0px;}

.pluginrecentlyUsedVideos.invisible {display: none;}
.pluginrecentlyUsedVideos .allvideos .vidcontainer {overflow: hidden;position: relative;margin-left: -10px;padding: 0px 0px 20px 0px;}
.pluginrecentlyUsedVideos .smallvidthumb {width: 198px;height: 110px;background-position: center center;background-repeat: no-repeat;background-size: cover;overflow: hidden;position: relative;float: left;margin: 15px 0px 0px 10px;}
.pluginrecentlyUsedVideos .smallvidthumb img {width: 100%;height: 100%;}
.pluginrecentlyUsedVideos .smallvidthumb p {margin: 0px 0px 10px 0px;margin-right: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;background: rgba(255, 255, 255, 0.7);position: absolute;display: block;padding: 5px;top: 0px;left: 0px;}

ul.sitenavul {width: 100%;list-style: none;margin: 0px;padding: 0px;}
ul.sitenavul li {margin: 4px 0px 0px 0px;padding: 0px 10px 0px 15px;line-height: 35px;height: 35px;background: #f1f1f1;cursor: all-scroll;border: 1px solid #dddddd;}
ul.sitenavul li i {height: 35px;line-height: 35px;padding: 0px 10px 0px 0px;color: #999999;float: right;}
ul.sitenavul li input {height: 21px;padding: 0px 10px 0px 5px;}
ul.sitenavul li select {height: 25px;margin-left: 5px;}

.squareiconandtextbutton {float: left;padding: 30px;margin: 0px 0px 0px 10px;border: 1px solid #cccccc;border-radius: 3px;background: #fafafa;cursor: pointer;overflow: hidden;position: relative;}
.squareiconandtextbutton:hover {background: #f1f1f1;}
.squareiconandtextbutton:active {background: #dddddd;}
.squareiconandtextbutton p {display: block;text-align: center;margin: 10px 0px 0px 0px;}
.squareiconandtextbutton i {display: block;text-align: center;font-size: 30px;}

.buttonwrapper {overflow: hidden;position: relative;display: block;}

.editimagethumbnail {width: 200px;height: 100px;border: 1px solid #cccccc;overflow: hidden;position: relative;cursor: pointer;}
.editimagethumbnail img {
}
.editimagethumbnail .img {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.editimagethumbnail .editbyclicking {position: absolute;top: 5px;right: 5px;color: #444444;}
.editimagethumbnail.avatar a {position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;background: rgba(0, 0, 0, 0);}
.editimagethumbnail.avatar a:hover {
	background: rgba(255, 255, 255, 0.3);
}

.sp-cancel {font-size: 14px;}
.sp-container {border: solid 1px #cccccc;}
.sp-replacer {border: solid 1px #cccccc;}
.sp-replacer:hover,
.sp-replacer.sp-active {
	border: solid 1px #aaaaaa;
}

.titlewrapper {display: inline-block;}

.overlay_radiobuttons {position: relative;width: 500px;height: 200px;}
.lefttop {width: 32.9%;height: 32.4%;float: left;border-left: 1px solid black;border-top: 1px solid black;}
.lefttopright {width: 32.9%;height: 32.4%;float: left;border-right: 1px solid black;border-left: 1px solid black;border-top: 1px solid black;}
.lefttopbottom {width: 32.9%;height: 32.4%;float: left;border-left: 1px solid black;border-top: 1px solid black;border-bottom: 1px solid black;}
.lastall {width: 32.9%;height: 32.4%;float: left;border-left: 1px solid black;border-top: 1px solid black;border-bottom: 1px solid black;border-right: 1px solid black;}
.centerInput {display: inline-block;vertical-align: top;margin-left: 48%;margin-top: 17%;}

.textedittext {width: 400px;height: 30px;margin-bottom: 2px;}

.currentaccountlarge {font-size: 40px;font-weight: 900;color: white;position: absolute;right: 385px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;left: 160px;bottom: 25px; /* mix-blend-mode: overlay; */opacity: 0.9;text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3), 0px 0px 1px #000000;}

.moderatorchatsurface {margin: 20px;padding-top: 65px;}
.stimulusQueue {width: 250px;position: fixed;top: 120px;left: -565px;bottom: 15px;background: #d3d5d6;padding: 10px;overflow: hidden;overflow-y: auto;}
body.stimulusQueuePreVisible .moderatorchatsurface {margin-left: 308px;transition-duration: 300ms;}
body.stimulusQueueVisible .stimulusQueue {left: 60px;transition-duration: 300ms;}
body.menustyle1 .stimulusQueue {margin-left: 210px;}
.stimulusQueue.outoftheway {top: 200px;}

.stimulusGroupInspector {width: 250px;position: fixed;border-radius: 4px;display: none;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);top: 80px;margin-left: -30px;left: 89px;bottom: 30px;background: #f8f8f8;padding: 10px;overflow: hidden;z-index: 5010;-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
body.menustyle1 .stimulusGroupInspector {left: 380px;}

.stimulusGroupInspector.on1 {display: block;opacity: 0;transition-duration: 200ms;}
.stimulusGroupInspector.on2 {opacity: 1;margin-left: 0px;}

.stimulusGroupInspector .controlbox {position: absolute;overflow: hidden;color: #e2e2e2;top: 0px;left: 0px;right: 0px;height: 36px;border-bottom: 1px solid #ddd;background: #8b8c90;line-height: 36px;text-align: left;padding-left: 0px;}
.stimulusGroupInspector .controlbox .title {float: left;margin-left: 20px;}
.stimulusGroupInspector .controlbox .close {display: block;float: right;margin-right: 5px;width: 20px;height: 36px;display: block;cursor: pointer;}
.stimulusGroupInspector .ccontent {overflow-y: auto;position: absolute;top: 37px;left: 0px;bottom: 0px;right: 0px;overflow-y: auto;}

.holder-disabled {display: none;position: absolute;overflow: hidden;top: 0px;left: 0px;bottom: 0px;right: 0px;overflow: hidden;background: rgba(0, 0, 0, 0.1);z-index: 1000;}
.holder-disabled a {position: absolute;overflow: hidden;top: 0px;left: 0px;bottom: 0px;right: 0px;overflow: hidden;background: rgba(0, 0, 0, 0);}

.stimulusQueue::-webkit-scrollbar {width: 10px;}

.stimulusQueue::-webkit-scrollbar-track {background: #f8f8f8;}

.stimulusQueue::-webkit-scrollbar-thumb {background: #adadad;}

.groupedTiles {border: 2px dashed #999999;position: absolute;right: 0px;left: 0px;transition-duration: 100ms;}
.tile {margin-top: 0px;position: absolute;-webkit-user-select: none;-moz-user-select: none;-o-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;margin-left: 50px;background: #ffffff;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);z-index: 1000;}
.tile .inner {background: none;position: relative;overflow: hidden;width: 160px;height: 110px;}
.tile:active {cursor: grabbing;cursor: -moz-grabbing;cursor: -webkit-grabbing;}

.tile .inner .control-buttons {position: absolute;bottom: 0px;right: 0px;left: 0px;overflow: hidden;line-height: 30px;}
.tile .inner .control-buttons .control-button {margin-right: 0px;width: 30px;height: 27px;float: right;clear: both;overflow: hidden;position: relative;text-align: right;padding-right: 0px;transition-duration: 200ms;}
.tile .inner .control-buttons .control-button:hover {width: 200px;background: rgba(255, 255, 255, 0.6);}
.tile .inner .control-buttons .control-button .iholder {width: 23px;height: 22px;background: rgba(255, 255, 255, 0.7);margin: 2px 3px 0px 0px;line-height: 22px;float: right;text-align: center;color: #999999;overflow: hidden;position: relative;border-radius: 2px;-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);}

.tile .inner .control-buttons .control-button:hover .iholder {background: rgba(0, 0, 0, 0.1);color: #ffffff;}
.tile .inner .control-buttons .control-button .iholder .ifolderadjust {position: absolute;top: 5px;right: 3px;}
.tile .inner .control-buttons .control-button .iholder .groupcontains {position: absolute;top: 2px;right: 1px;overflow: hidden;width: 9px;height: 9px;background: rgba(255, 255, 255, 0.7);border-radius: 50%;text-align: center;line-height: 9px;color: #3d506b;font-size: 9px;font-weight: bold;}

.tile .inner .control-buttons .control-button a {position: absolute;overflow: hidden;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);transition-duration: 200ms;}
.tile .inner .control-buttons .control-button a:hover {
}
.tile .inner .control-buttons .control-button .label {opacity: 0;position: absolute;right: 34px;font-size: 12px;bottom: 0px;height: 30px;left: 0px;line-height: 32px;text-align: right;transition-duration: 100ms;color: #222222;}

.tile .inner .control-buttons .control-button:hover .label {opacity: 1;transition-duration: 300ms;}

.tile .inner .control-buttons .control-button.expandGroup {display: none;}
.tile .inner .control-buttons .control-button.removeFromGroup {display: none;}
.tile .inner .control-buttons .control-button.hasInsights {display: none;}
.tile .inner .control-buttons .control-button.canEdit {display: none;}

.tiletype_group .expandGroup {display: block !important;}
.tile.hasInsights .hasInsights {display: block !important;}
.tile.canEdit .canEdit {display: block !important;}
.tile.hasInsights.newinsights .iholder {background: rgba(255, 235, 59, 1) !important;color: #333333 !important;}

.stimulusGroupInspector .removeFromGroup {display: block !important;}
.stimulusGroupInspector .xclose {display: none;}

.tile.prelive {transition-duration: 0ms;}
.tile.live {height: 140px;}
.tile.live .inner {width: 200px;height: 140px;margin-left: -20px;}

.tile .inner a.tileclick {position: absolute;overflow: hidden;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}

.tiletype_group .inner {background: #eeeeee;}

.tiletype_livestream .xclose {display: none;}

.dragging-helper {position: absolute;z-index: 5000;cursor: default; /*transition-duration:30ms;*/will-change: transform;}
.dragging-helper .inner {-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);}

.dragging-helper.hoveringOverGroup {box-shadow: none;background: transparent !important;}
.dragging-helper.hoveringOverGroup .inner {border: 1px solid transparent;transform: scale(0.8);}
.dragging-helper.hoveringOverGroup .tile {background: transparent;}
.reshuffle-helper {transition-duration: 200ms;transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);}

@keyframes pulsefade {
	0% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}

.remove-helper {transform: scale(0);opacity: 0;transition-duration: 100ms;}
.grouptarget-helper {border: 2px dashed #777777;padding: 10px 10px 10px 10px;margin-left: 36px;}
.grouptarget-helper .inner {transform: scale(0.8);}
.grouped-helper {transform: scale(0);opacity: 0;transition-duration: 200ms;top: -400px !important;}
.grouped-helper.internetexplorer {transition-duration: 30ms;}

.hasStimulusItems .stimulusTileGroup.live .stimulusTileOuter {width: 200px;height: 140px;margin: 0px 0px 0px 25px;}
.hasStimulusItems .stimulusTileGroup.live .border {margin: 0px;width: auto;height: auto;margin: 20px 0px 20px 0px;}

.hasStimulusItems .tile .liveIndicator {display: none;position: absolute;top: 5px;right: 5px;padding: 2px 5px 2px 5px;background: rgba(0, 0, 0, 0.4);overflow: hidden;}
.hasStimulusItems .tile.live .liveIndicator {display: block;}
.hasStimulusItems .tile .liveIndicator .led {display: inline-block;margin-left: 5px;width: 10px;height: 10px;background: #ff6666;border-radius: 50%;}
.hasStimulusItems .tile .liveIndicator .label {display: inline-block;font-weight: bold;color: white;}
.hasStimulusItems .tile .preview {background: rgb(144, 144, 144);position: absolute;top: -5px;left: -5px;right: -5px;bottom: -5px;opacity: 1;overflow: hidden;background-size: cover;background-position: center;transition-duration: 500ms;}
.hasStimulusItems .tile .preview.fadeOut {opacity: 0;}
.hasStimulusItems .tile.portrait_video .inner{display: flex;align-items: center;justify-content: center;}
.hasStimulusItems .tile.portrait_video .preview {filter: blur(5px)}
.hasStimulusItems .tile .ratioCanvas {display: none}
.hasStimulusItems .tile.portrait_video .ratioCanvas {display: block; position: absolute;max-height: 110px;}
.hasStimulusItems .tile.portrait_video.live .ratioCanvas {max-height: 140px;}
.hasStimulusItems .tile .preview.loadingtile {display: none;background: #000000;color: #1f1f1f;text-align: center;line-height: 121px;font-size: 35px;transition-duration: 0ms;}

.hasStimulusItems .tile .preview.loadingstatus {display: none;background: rgba(0, 0, 0, 0.5);color: #bfffb9;text-align: center;font-size: 35px;position: absolute;overflow: hidden;}
.hasStimulusItems .tile .preview.loadingstatus .lannotation {position: absolute;bottom: 25px;left: 15px;right: 15px;text-align: center;}
.hasStimulusItems .tile .preview.loadingstatus .lannotation.red {color: #ff8383;}
.hasStimulusItems .tile .preview.loadingstatus .lannotation.amber {color: #ff8648;}
.hasStimulusItems .tile .preview.loadingstatus .lstatusIcon {color: white;position: absolute;top: 25px;left: 15px;right: 15px;text-align: center;font-size: 45px;animation-name: pulsefade;animation-duration: 1s;animation-timing-function: ease;animation-iteration-count: infinite;animation-direction: alternate-reverse;}

.hasStimulusItems .tile .preview.loadingstatus .loadingstatusind {display: none;}
.hasStimulusItems .tile .preview.loadingstatus .loadingstatusind.statusCurrent {display: block;}

.hasStimulusItems .tile .errortile {display: none;background: #ff0000;}
.hasStimulusItems .tile .errortile .err_inner {position: absolute;bottom: 20px;left: 20px;right: 20px;color: white;font-weight: bold;font-size: 18px;}
.hasStimulusItems .tile.live .preview.loadingtile {line-height: 150px;}
.hasStimulusItems .tile .preview.imgtag {display: none;}
.hasStimulusItems .tile .preview.imgtag img {width: 100%;height: 100%;}

.hasStimulusItems.unlockControl .stimulusTileOuter:hover .preview {top: -10px;left: -10px;right: -10px;bottom: -10px;}

.hasStimulusItems .tile .annotation {background: rgba(0, 0, 0, 0.4);position: absolute;bottom: 0px;left: 0px;right: 0px;padding: 7px 7px 7px 7px;color: #f8f8f8;display: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hasStimulusItems .tile .annotation.visible {display: block;}

.hasStimulusItems .tile .preview img.taller {height: 100%;min-width: 100%;min-height: auto;}

.hasStimulusItems .tile .previewOverlay {position: absolute;top: -5px;left: -5px;bottom: -5px;right: -5px;background: rgba(255, 255, 255, 0.4);}
.hasStimulusItems .tile.live .previewOverlay {background: rgba(255, 255, 255, 0);}

.hasStimulusItems .tiletype_video.live {
	background: #d3d5d6;
}
.hasStimulusItems .tiletype_video.live .inner {
	content:"";
  border-radius: inherit;
  pointer-events:none;
  opacity: 0;
  transform: scale(.85);
  animation: featuredPulse 1.8s ease-out infinite;
}

@keyframes featuredPulse{
  0%   { opacity: 1;   transform: scale(.85); }
  15%  { opacity: .9; }
  100% { opacity: 1;   transform: scale(1.05); }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .hasStimulusItems .tiletype_video.live .inner::after{ animation: none; opacity: .25; transform: none; }
}

.hasStimulusItems.unlockControl .tile:hover .previewOverlay {background: rgba(255, 255, 255, 0.2);}

.hasStimulusItems .tile .icon {width: 35px;overflow: hidden;height: 35px;position: absolute;top: 10px;left: 10px;text-align: center;background: rgba(0, 0, 0, 0.3);border-radius: 6px;}
.hasStimulusItems .tile .icon .iconinner {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(255, 255, 255, 0.5);}
.hasStimulusItems .tile .icon .iconinner2 {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0.2);}
.hasStimulusItems .tile .icon i {font-size: 16px;line-height: 35px;color: white;}
.hasStimulusItems .tile.live .icon {width: 46px;height: 46px;border-radius: 10px;}
.hasStimulusItems .tile.live .icon i {font-size: 22px;line-height: 46px;}

.hasStimulusItems .tile .xclose {position: absolute;top: 7px;right: 9px;width: 20px;text-align: right;cursor: pointer;overflow: hidden;}
.hasStimulusItems .tile .xclose a {position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;background: rgba(0, 0, 0, 0);}
.hasStimulusItems .tile .xclose i {color: #eeeeee;}
.hasStimulusItems .tile .xclose:hover i {color: #aaaaaa;}
.hasStimulusItems .tile.live .xclose {display: none;}

.hasStimulusItems .tile .xclose.xclosegroup {display: none;}

.hasStimulusItems .tile.group .xclose {display: none;}
.hasStimulusItems .tile.group .xclose.xclosegroup {display: block;}

.hasStimulusItems .tile .controls {position: absolute;bottom: 15px;height: 25px;margin-top: 0px;left: 10px;right: 0px;background: rgba(0, 0, 0, 0);}
.hasStimulusItems .tile .controls .control {font-size: 18px;height: 20px;width: 20px;line-height: 20px;display: inline-block;border: 1px solid #cccccc;text-align: center;color: #333333;overflow: hidden;position: relative;padding: 3px 7px 3px 7px;}
.hasStimulusItems .tile .controls .control.makelive {background: rgba(0, 128, 0, 0.5);border: 3px solid rgba(0, 128, 0, 0.3);color: #0a0e0a;}
.hasStimulusItems .tile .controls .control.delete {background: rgba(154, 0, 0, 0.5);border: 3px solid rgba(154, 0, 0, 0.3);color: #380000;}
.hasStimulusItems .tile .controls .control a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(255, 255, 255, 0.1);}
.hasStimulusItems.unlockControl .tile .controls .control:hover a {
	background: rgba(255, 255, 255, 0);
}
.hasStimulusItems .tile.live .controls .control.makelive {
	display: none;
}

.hasStimulusItems .tile .fullTileControls {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;display: none;overflow: hidden;background: rgba(0, 0, 0, 0.2);}
.hasStimulusItems.unlockControl .tile:hover .fullTileControls {display: block;}
.hasStimulusItems .tile .fullTileControls .fbutton {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;display: block;}
.hasStimulusItems .tile .fullTileControls .fbuttonface {position: absolute;bottom: 6px;right: 6px;font-size: 35px;color: #ffffff;display: none;}
.hasStimulusItems .tile .fullTileControls .vfbuttonface {
	display: block;
}
.hasStimulusItems .tile .fullTileControls .fbutton.makelive {
	display: block;
}
.hasStimulusItems .tile .fullTileControls .fbutton.makenotlive {
	display: none;
}
.hasStimulusItems .tile .fullTileControls .fbutton.saymessage {
	display: none;
}
.hasStimulusItems .tile .fullTileControls .fbutton.saidmessage {
	display: none;
}

.hasStimulusItems .tile.live .fullTileControls .fbutton.makelive {
	display: none;
}
.hasStimulusItems .tile.live .fullTileControls .fbutton.makenotlive {
	display: block;
}

.hasStimulusItems .tile.dragging-helper .fullTileControls {
	display: block !important;
}
.hasStimulusItems .tile.dragging-helper .previewOverlay {
	background: rgba(255, 255, 255, 0.2);
}

.hasStimulusItems .tile .completion {position: absolute;display: none;top: 25%;left: 0px;right: 0px;bottom: 25%;overflow: hidden;background: rgba(0, 0, 0, 0.2);}
.hasStimulusItems .tile.video.live .completion {display: block;}
.hasStimulusItems .tile .completion .allinoneindicator {display: block;position: absolute;top: 0px;left: 0px;bottom: 0px;width: 0px;background: rgba(65, 218, 65, 0.4);transition-duration: 500ms;}
.hasStimulusItems .tile .completion .indeterminateindicator {display: block;position: absolute;top: 0px;left: 0px;bottom: 0px;width: 100%;overflow: hidden;}
.hasStimulusItems .tile .completion .indeterminateindicator .marchingAnt {
	position: absolute;
	top: 0px;
	left: -80px;
	width: 200%;
	bottom: 0px;

	background-image: repeating-linear-gradient(
		90deg,
		rgba(65, 218, 65, 0.4),
		rgba(65, 218, 65, 0.4) 10px,
		transparent 10px,
		transparent 20px
	);

	animation: moveAnts 2s linear infinite;
}

@keyframes moveAnts {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(40px);
	}
}

.hasStimulusItems .tile .typeoficon {display: none;}
.hasStimulusItems .tile.picture .icon .picture {display: block;}
.hasStimulusItems .tile.video .icon .video {display: block;}
.hasStimulusItems .tile.poll .icon .poll {display: block;}
.hasStimulusItems .tile.group .icon .group {display: block;}
.hasStimulusItems .tile.document .icon .document {display: block;}
.hasStimulusItems .tile.livestream .icon .livestream {display: block;}
.hasStimulusItems .tile.queuedtext .icon .queuedtext {display: block;}
.hasStimulusItems .tile.chart .icon .chart {display: block;}
.hasStimulusItems .tile.iframe .icon .iframe {display: block;}
.hasStimulusItems .tile.livestream .imgtag.streamok {display: block;}
.hasStimulusItems .tile.livestream .loadingstatus {display: block;}
.hasStimulusItems .tile.livestream.streamerror .errortile {display: block;}
.hasStimulusItems .tile.audiobroadcast .icon .audiobroadcast {display: block;}

.stimulusvideooptions .videothumbnailholder {display: none;}
.stimulusvideooptions .vidthumb {height: 170px;margin-top: 20px;margin-bottom: 20px;}
.stimulusvideooptions .vidthumb img {height: 100%;border: 1px solid #cccccc;}
.stimulusvideooptions .videoNameC { margin-top:10px; }
.stimulusvideooptions .loopVideoC.hidden { display:none; }
.stimulusvideooptions .videocheckboxes { margin-top:15px; }

.hasStimulusItems .tile .messagetext {display: none;}
.hasStimulusItems .tile.queuedtext .messagetext {position: absolute;overflow: hidden;display: block;top: 22px;bottom: 12px;left: 0px;right: 0px;}
.hasStimulusItems .tile.queuedtext .messagetext .ftable {display: table;overflow: hidden;position: relative;overflow: hidden;width: 100%;height: 100%;}
.hasStimulusItems .tile.queuedtext .annotation {display: none;}
.hasStimulusItems .tile.queuedtext .preview {display: none;}
.hasStimulusItems .tile {background: #e6e6e6;}
.hasStimulusItems .tile.queuedtext {background: #333333;}
.hasStimulusItems .tile.queuedtext .messagetext .fmiddle {display: table-row;height: 100%;width: 100%;}
.hasStimulusItems .tile.queuedtext .messagetext .amiddle {display: table-cell;height: 100%;width: 100%;vertical-align: middle;}
.hasStimulusItems .tile.queuedtext .messagetext .fullmess {padding: 10px;color: white;overflow: hidden;font-size: 10px;}

.hasStimulusItems .tile.queuedtext.sent .fullTileControls {display: block;background: rgba(255, 255, 255, 0.5);}
.hasStimulusItems .tile.queuedtext .fullTileControls .fbutton.makelive {display: none;}
.hasStimulusItems .tile.queuedtext .fullTileControls .fbutton.saymessage {display: block;}

.hasStimulusItems .tile.queuedtext.sent .fullTileControls .fbutton.saymessage {
	display: none;
}
.hasStimulusItems .tile.queuedtext.sent .fullTileControls .fbutton.saidmessage {
	display: block;
}

.hasStimulusItems .tile .groupedFolder {
	display: none;
}
.hasStimulusItems .tile.group .groupedFolder {
	display: block;
}
.hasStimulusItems .tile.group .groupedFolder .initialItem {position: absolute;top: 35px;left: 50%;margin: 0px 0px 0px -60px;width: 115px;height: 100px;overflow: hidden;background: #f4f4f4;-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);}
.hasStimulusItems .tile.group .groupedFolder .secondItem {position: absolute;top: 35px;left: 50%;margin: 7px 0px 0px -54px;width: 115px;height: 100px;overflow: hidden;background: #f4f4f4;-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);}
.hasStimulusItems .tile.group .groupedFolder .poll {margin: 10px;}
.hasStimulusItems .tile.group .groupedFolder .question {font-size: 10px;}
.hasStimulusItems .tile.group .groupedFolder .answer {font-size: 10px;line-height: 10px;margin-top: 3px;}
.hasStimulusItems .tile.group .groupedFolder .folderOutside {position: absolute;top: 30px;left: 50%;height: 100px;margin: 0px 0px 0px -61px;width: 120px;background: #e4d5b8;-webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);}
.hasStimulusItems .tile.group .groupedFolder .folderOutside2 {position: absolute;top: 30px;left: 50%;margin: -5px 0px 0px -60px;width: 50px;height: 0px;border-top: none;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #e4d5b8;-webkit-box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.05);box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.05);}
.hasStimulusItems .tile.group .groupedFolder .answerbox {margin-top: 6px;border-bottom: 1px dashed #aaaaaa;width: 90%;height: 10px;}
.hasStimulusItems .tile.group .preview {background: #9199a5;}

.hasStimulusItems .tile.live.group .groupedFolder {transform: scale(1.1);}

.hasStimulusItems .tile .pollpreview {display: none;}
.hasStimulusItems .tile.poll .pollpreview {display: block;}
.hasStimulusItems .tile.poll .pollpreview .inside {position: absolute;top: 35px;left: 50%;margin-left: -70px;width: 120px;height: 100px;overflow: hidden;color: #777777;padding: 18px 10px 10px 10px;background: white;border: 1px solid #cccccc;}
.hasStimulusItems .tile.poll .pollpreview .inside .question {font-size: 10px;}
.hasStimulusItems .tile.poll .pollpreview .inside .questionsubtitle {font-size: 8.5px;margin-top: 0px;color: #bbbbbb;}
.hasStimulusItems .tile.poll .pollpreview .inside .answer {font-size: 10px;line-height: 10px;margin-top: 6px;}
.hasStimulusItems .tile.poll .pollpreview .inside .answerbox {margin-top: 6px;border-bottom: 1px dashed #cccccc;height: 10px;}
.hasStimulusItems .tile.poll .pollpreview .spirals {position: absolute;top: 27px;left: 50%;margin-left: -63px;width: 130px;height: 18px;background: url(/static/controlpanel/spiralbind4.png) top left repeat-x;}
.hasStimulusItems .tile.poll .annotation {display: none;}
.hasStimulusItems .tile.poll .preview {background: #b6b6bf;}

.hasStimulusItems .tile .audiobroadcastPreview {display: none;}
.hasStimulusItems .tile.audiobroadcast .audiobroadcastPreview {display: block;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: #eeeeee;}
.hasStimulusItems .tile.audiobroadcast .audiobroadcastPreview .thispreview {
}
.hasStimulusItems .tile.audiobroadcast .audiobroadcastPreview .thispreview .mic {font-size: 99px;color: #d9dde6;position: absolute;bottom: -15px;right: 8px;}
.hasStimulusItems .tile.audiobroadcast .audiobroadcastPreview .thispreview .cam {font-size: 99px;color: #d9dde6;position: absolute;bottom: -15px;right: 8px;display: none;}
.hasStimulusItems .tile.audiobroadcast.livestream .audiobroadcastPreview .thispreview .cam {display: block;}
.hasStimulusItems .tile.audiobroadcast.livestream .audiobroadcastPreview .thispreview .mic {display: none;}
.hasStimulusItems .tile.audiobroadcast .audiobroadcastPreview .broadcastername {display: block;position: absolute;bottom: 28px;left: 10px;right: 10px;text-align: center;font-weight: 600;font-size: 16px;opacity: 0.4;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hasStimulusItems .tile.audiobroadcast .audiobroadcastPreview .broadcasteravatar {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);margin-top: -10px;width: 52px;height: 52px;border-radius: 50%;background-repeat: no-repeat;background-size: cover;background-position: center center;border: 4px solid #eeeeee;}
.hasStimulusItems .tile.audiobroadcast .audiobroadcastPreview .broadcasterwaves {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);margin-top: -10px;width: 48px;height: 48px;border-radius: 50%;background: #0095ff;opacity: 0.8;display: block;}
.hasStimulusItems .tile.audiobroadcast .audiobroadcastPreview .broadcasterwaves.waveOut {animation: broadcasterWaveOut 5000ms linear forwards infinite;border: 7px solid #0095ff;background: none;transform: translate(-50%, -50%) scale(1.1);border-color: transparent #0095ff transparent #0095ff;opacity: 0;}
.hasStimulusItems .tile.audiobroadcast .audiobroadcastPreview .broadcasterwaves.delayed {animation-delay: 350ms;}
.hasStimulusItems .tile.audiobroadcast .audiobroadcastPreview .broadcastergraph {position: absolute;bottom: 5px; right: 5px;cursor: pointer; display: block; border: none;}
@keyframes broadcasterWaveOut {
	0% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(1.1);
	}
	1% {
		opacity: 0.8;
		transform: translate(-50%, -50%) scale(1.1);
	}
	30% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(3);
	}
	100% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(3);
	}
}

.hasStimulusItems .tile.live.audiobroadcast .audiobroadcastPreview .broadcasterwaves {display: block;}

.hasStimulusItems .tile.live.poll .pollpreview {transform: scale(1.1);}

.hasStimulusItems .tile .chartpreview {display: none;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: #dedede;overflow: hidden;}
.hasStimulusItems .tile .chartpreview .thispreview {position: absolute;top: 25px;right: 10px;left: 10px;bottom: -10px;overflow: hidden;background-color: #fefefe;-webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);}
.hasStimulusItems .tile .chartpreview .thispreview .chartimage {position: absolute;top: 0px;right: 5px;left: 5px;bottom: -30px;overflow: hidden;background-position: center center;background-size: contain;background-repeat: no-repeat;}
.hasStimulusItems .tile .chartpreview .thispreview .charttitle {padding: 10px;font-size: 10px;color: #888888;}
.hasStimulusItems .tile.chart .chartpreview {display: block;}
.hasStimulusItems .tile.chart .preview {display: none;}

.hasStimulusItems .tile .iframepreview {display: none;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: #dedede;overflow: hidden;}
.hasStimulusItems .tile .iframepreview .thispreview {position: absolute;top: 25px;right: 10px;left: 10px;bottom: -10px;overflow: hidden;background-color: #fefefe;-webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);}
.hasStimulusItems .tile .iframepreview .iframeurl {position: absolute;top: 40px;left: 10px;font-size: 10px;color: #888888;}
.hasStimulusItems .tile .iframepreview .globebg {position: absolute;top: -54px;left: 70px;font-size: 106px;color: #f3f3f3;overflow: hidden;}
.hasStimulusItems .tile .iframepreview .globe {padding: 10px 0px 0px 10px;font-size: 24px;color: #cccccc;}
.hasStimulusItems .tile.iframe .iframepreview {display: block;}

body.menustyle0.planted121window .moderatorchatsurface {margin-left: 270px;padding-bottom: 30px;padding-top: 105px;}
body.menustyle1.planted121window .moderatorchatsurface {margin-left: 270px;padding-bottom: 30px;padding-top: 105px;}

.loading {position: absolute;top: 50%;margin-top: -80px;left: 250px;right: 0px;height: 120px;z-index: 9000;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);}
.loading .inner {position: absolute;left: 50%;width: 100px;height: 110px;margin: 0px 0px 0px -50px;overflow: hidden;text-align: center;}
.loading.finishedPlotting {z-index: 100;opacity: 0;}
.loading .loadingProgress {position: absolute;bottom: 20px;left: 0px;right: 0px;font-size: 12px;text-align: center;opacity: 0.5;}
.loading .loadingprogressbar {position: absolute;bottom: 5px;height: 7px;border: 1px solid rgba(0, 0, 0, 0.2);box-sizing: border-box;opacity: 0;left: 50%;margin-left: -50px;width: 100px;overflow: hidden;transition-duration: 100ms;}
.loading .loadingprogressbar .innerbar {position: absolute;left: 0px;top: 0px;bottom: 0px;width: 0%;background: rgba(0, 0, 0, 1);}
.loading .loadingprogressbar.visible {opacity: 0.4;}
body.menustyle1 .loading {margin-left: 70px;color: #777777;}

@keyframes animateBubbleOn {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}
@keyframes animateBubbleOn_left {
	0% {
		opacity: 0;
		transform: translate(-1px, 20px);
	}
	100% {
		opacity: 1;
		transform: translate(0px, 0px);
	}
}
@keyframes animateBubbleOn_right {
	0% {
		opacity: 0;
		transform: translate(1px, 20px);
	}
	100% {
		opacity: 1;
		transform: translate(0px, 0px);
	}
}

.bubble {overflow: hidden;position: relative;}

.bubble.inreplyto {margin-left: 50px;}
.bubble .body {padding: 22px 20px 22px 20px;}
.timestamp {color: #9c9c9c;position: absolute;right: 0px;top: 15px;}

.bubblecontainer {overflow: hidden;position: relative;}
.bubblecontainer.trimmedandhidden {display: none !important;}

.moderatorchatsurface.filterToJustMyAssigned .bubblecontainer {display: none;}
.moderatorchatsurface.filterToJustMyAssigned .bubblecontainer.assignedToMe {display: block;}
.moderatorchatsurface.filterToJustMyAssigned .bubblecontainer.visibleToAssignees {display: block;}
.moderatorchatsurface.filterToJustMyAssigned .bubblecontainer .bubblecontainer {display: block;}

body.assignedmoderationonly .controlswrap .more {display: none;}
body.assignedmoderationonly .bubble .userconfig {display: none;}

.typingadminstray {position: relative;margin-top: -63px;float: right;margin-right: 140px;height: 50px;overflow: hidden;z-index: 100;pointer-events: none;}
.bubblecontainer.right .typingadminstray {margin-right: 110px;}
.typingadminstray .admintypinghere {float: right;height: 50px;width: 60px;position: relative;overflow: hidden;}
.typingadminstray .admintypinghere .typingicon {position: absolute;right: 6px;bottom: 0px;background: white;border-radius: 50%;width: 20px;height: 20px;line-height: 20px;text-align: center;}
.typingadminstray .admintypinghere .typingicon.colourwhisper {background: rgb(230, 255, 170);}
.typingadminstray .admintypinghere .typingicon i {font-size: 12px;color: #777777;}
.typingadminstray .admintypinghere .threedots {position: absolute;top: 21px;left: 15px;background: rgba(255, 255, 255, 0.6);width: 16px;height: 10px;line-height: 3px;padding-left: 5px;border-radius: 5px;}
.typingadminstray .admintypinghere.justassigned {opacity: 0.3;}

.moderatorchatsurface.filterToJustMyAssigned .bubblecontainer.assignedToMe .typingadminstray .admintypinghere.justassigned {display: none;}

.typingadminstray .typingavatar {height: 50px;width: 50px;overflow: hidden;border-radius: 50%;}
.typingadminstray .typingavatar img {width: 100%;min-height: 100%;}

.typingadminstray .admintypinghere.hiddenduringtyping {display: none;}
.typingadminstray .assignedtouser {float: right;}

.bubble.left.animateOn {animation: animateBubbleOn_right 250ms forwards;}
.bubble.right.animateOn {animation: animateBubbleOn_left 250ms forwards;}

.bubble.stickOn {opacity: 1;animation: none !important;}

.bubble .bwrapper {position: relative;overflow: hidden;margin-right: 43px;}

.bubble .userdevice .mobile, .bubble .userdevice .tablet, .bubble .userdevice .desktop, .bubble .userdevice .bot {display: none;}
.bubble .userdevice.mobile .mobile {display: block;}
.bubble .userdevice.tablet .tablet {display: block;}
.bubble .userdevice.desktop .desktop {display: block;}
.bubble .userdevice.bot .bot {display: block;}
.bubble .profileavatar {display: none;}
.bubble .messageReactions { display: flex; flex-direction: row; padding-top: 10px; gap: 5px;}
.bubble .messageReactions.hidden { display: none; }
.bubble .messageReactions .emojiButton { position: relative; display: flex; flex-direction: row; gap: 5px; align-items: center; justify-content: center; border-radius: 20px; cursor: pointer; padding: 4px 10px; background-color: #F0F0F0; overflow: hidden;}
.bubble .messageReactions .emojiButton img{ width: 17px; height: 17px; min-height: unset; min-width: unset; margin: unset;}
.bubble .messageReactions .emojiButton.hidden { display: none; }
.bubble .messageReactions .emojiButton a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.bubble .messageReactions .emojiButton a:hover { background-color: #F0F0F0; opacity: 0.5; }
.bubble .messageReactions .emojiButton.currentUserHighlight { background-color: #1c97c2; color: white; }

.bubble .displayname {font-weight: 700;color: #909090;position: relative;}
.bubble .afterdisplaynameitalic {display: inline-block;font-weight: 300;font-style: italic;}
.bubble.directedatme .displayname {font-weight: 700;color: #000000;}

.bubble.right .body {color: rgb(110, 110, 110);overflow: hidden;position: relative;background: #d3d3d3;border-radius: 5px;margin-left: 80px;margin-right: 50px;}
.bubble.right .neck {width: 0px;height: 0px;position: absolute;left: 70px;top: 20px;border-top: 10px solid transparent;border-right: 10px solid #d3d3d3;border-bottom: 10px solid transparent;}
.bubble.right .avatar {position: absolute;overflow: hidden;left: 0px;top: 0px;width: 50px;height: 50px;border-radius: 50%;background: #d4d4d4;}
.bubble.right .avatar img {height: 100%;}
.bubble.right .userdevice {position: absolute;left: 0px;top: 60px;height: 20px;width: 25px;text-align: center;}
.bubble.right .flag {position: absolute;left: 25px;top: 59px;height: 20px;width: 25px;text-align: center;}
.bubble.right.moderatorcomment .profileavatar {display: block;position: absolute;overflow: hidden;top: 42px;left: 29px;width: 30px;height: 30px;border-radius: 5px;}
.bubble.right.moderatorcomment .profileavatar img {width: 100%;}

.bubble {overflow: hidden;position: relative; margin-bottom: 15px;}
.bubble .userdevice i {font-size: 18px;}
.bubble.left .body {color: rgb(110, 110, 110);overflow: hidden;position: relative;background: #d3d3d3;border-radius: 8px;margin-right: 80px;margin-left: 50px;}
.bubble.left .neck {width: 0px;height: 0px;position: absolute;right: 70px;top: 20px;border-top: 10px solid transparent;border-left: 10px solid #d3d3d3;border-bottom: 10px solid transparent;}
.bubble.left .avatar {position: absolute;overflow: hidden;right: 0px;top: 0px;width: 50px;height: 50px;border-radius: 50%;}
.bubble.left .avatar img {height: 100%;}
.bubble.left .userdevice {position: absolute;right: 0px;top: 60px;height: 20px;width: 25px;text-align: center;}
.bubble.left .flag {position: absolute;right: 25px;top: 59px;height: 20px;width: 25px;text-align: center;}
.bubble.left.moderatorcomment .profileavatar {display: block;position: absolute;overflow: hidden;top: 42px;right: 29px;width: 30px;height: 30px;border-radius: 5px;}
.bubble.left.moderatorcomment .profileavatar img {width: 100%;}
.bubble.left .messageReactions { justify-content: flex-end; margin-left: 50px; margin-right: 120px; }

.bubble .flag-icon- {border: 1px solid #cccccc;background: #f1f1f1;color: #bbbbbb;}
.bubble .flag-icon-:before {content: none;}
.bubble .flag-icon-xx {border: 1px solid #cccccc;background: #f1f1f1;color: #bbbbbb;}
.bubble .flag-icon-xx:before {content: none;}

.bubble.right .avatar .userconfig {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;}
.bubble.right .avatar .userconfig .menuoverlay {position: absolute;left: 50%;width: 0px;height: 0px;top: 50%;background: rgba(255, 255, 255, 0.3);border-radius: 50%;overflow: hidden;}
.bubble.right .avatar .userconfig .btn {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;opacity: 0;text-align: center;line-height: 55px;}
.bubble.right .avatar .userconfig .btn a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.bubble.right .avatar .userconfig:hover .menuoverlay {left: 0px;width: 100%;height: 100%;top: 0px;background: rgba(255, 255, 255, 0.7);}
.bubble.right .avatar .userconfig:hover .btn {opacity: 1;}
.bubble.right .avatar .userconfig:hover .btn i {font-size: 18px;}
.bubble.right .messageReactions { margin-right: 50px; margin-left: 120px; }

.bubble.left .avatar .userconfig {display: none;}

.bubble .controls {position: absolute;top: 50%;margin-top: -18px;right: 30px;padding: 2px;z-index: 105;display: none;}
.bubble .body:hover .controls {display: flex;}

body.touchbubblemenu .bubble .body:hover .controls {display: none;}

.bubble.tapped .body .controls {display: block !important;}

.bubble .controls .controlswrap {background: #fdfdfd;height: 32px;border: 1px solid #cccccc;margin: 0px;line-height: 32px;overflow: hidden;position: relative;border-radius: 2px;}
.bubble .bubbutton {color: black;position: relative;overflow: hidden;padding: 0px 15px 0px 15px;border-left: 1px solid #eeeeee;border-right: 1px solid #eeeeee;margin: 0px 0px 0px -1px;float: left;}
.bubble .bubbutton a {position: absolute;overflow: hidden;display: block;background: rgba(0, 0, 0, 0);top: 0px;left: 0px;right: 0px;bottom: 0px;}
.bubble .bubbutton:hover a {background: rgba(255, 255, 255, 0.7);}
.bubble .bubbutton select {position: absolute;top: 0px;left: 0px;right: auto;opacity: 0;-moz-opacity: 0;filter: alpha(opacity=0);display: block;height: 32px;cursor: pointer;}
.bubble .bubbutton.withbuttonoutline {background: #fdfdfd;height: 32px;border: 1px solid #cccccc;margin: 0px;line-height: 32px;overflow: hidden;position: relative;border-radius: 2px;}


.bubble .controls .controlswrap .hoverMessageReactions { position: relative; display: flex; flex-direction: row; float: left; height: 100%; }
.bubble .controls .controlswrap .hoverMessageReactions.hidden { display: none; }
.bubble .controls .controlswrap .hoverReactionButton { display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; padding: 0px 15px 0px 15px; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; margin: 0px 0px 0px -1px;}
.bubble .controls .controlswrap .hoverReactionButton a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.bubble .controls .controlswrap .hoverReactionButton a:hover { background: rgba(255, 255, 255, 0.7); opacity: 0.5; }
.bubble .controls .makelive {
	display: inline-block;
}
.bubble .controls .unlive {
	display: none;
}
.bubble .controls .opendocument {
	display: none;
}
.bubble .controls .gdprflag {
	display: inline-block;
}
.bubble .controls .gdprunflag {
	display: none;
}

.bubble .controls .promote {
	display: inline-block;
}
.bubble .controls .unpromote {
	display: none;
}

.bubble .gdprflagged {position: absolute;top: 5px;right: 12px;width: 10px;height: 10px;color: #6376e0;display: none;}
.bubble .gdprflagged:hover {opacity: 0.7;}

.newreportmessage { display:none; overflow:visible !important; position:relative; z-index:9099; float: left; top: -15px;}
.newreportmessage .arrow { border-bottom:10px solid transparent; border-top:10px solid transparent; border-right:10px solid rgba(39,168,213,0.75); height:0px; width:0px; position:absolute; top:23px; }
.newreportmessage .box { border-radius:5px; background:rgba(39,168,213,0.75); color:white; padding:15px; margin-left:10px; margin-top:10px; }

.helperchatdisabled { display:none; overflow:hidden; position:fixed; top:110px; right:20px; z-index:9099; }
.helperchatdisabled .box { border-radius:5px; background:#868686; color:white; padding:15px; width:300px; margin-left:10px; margin-top:10px; }
.bubble.personalflagged .controls .gdprflag {display: none;}
.bubble.personalflagged .controls .gdprunflag {display: inline-block;}
.bubble.personalflagged .gdprflagged {display: block;}

.bubble.timelinePromoted .controls .promote {display: none;}
.bubble.timelinePromoted .controls .unpromote {display: inline-block;}

.bubble.onetoone .controls .delete {
}
.bubble.onetoone.botbubble .controls {display: none !important;}

.bubble.timelinePromoted {background: #a7b5bc !important;}

.iframecontainer {display: none;}
.iframeoverlay {display: none;}
.bubble.iframebackground .body {height: 150px;width: 400px;padding: 14px 20px 10px 20px;}
.bubble.iframebackground .iframecontainer {position: absolute;top: 45px;bottom: 0px;right: 0px;left: 0px;display: block;border-top: 1px solid #cccccc;}
.bubble.iframebackground .iframecontainer iframe {width: 150%;height: 100%;border: none;display: block;overflow: hidden;}
.bubble.iframebackground .iframeoverlay {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(255, 255, 255, 0.2);display: block;}
.bubble.iframebackground .htmlcontainerinstead {background: #fefefe;position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;padding: 20px;overflow: none;overflow-y: auto;}

.bubble.iframebackground .displayname {
}
.bubble.iframebackground .btnholder {position: absolute;bottom: 10px;right: 15px;}

.bubble.contextualdatanoiframe .body {padding: 0px;}
.bubble.contextualdatanoiframe .displayname {padding: 14px 20px 13px 20px;}
.bubble.contextualdatanoiframe .noiframecontainer {background: #fefefe;display: block;position: relative;margin-top: 0px;border-top: 1px solid #cccccc;padding: 20px;}

.bubble.privatemessage .normalreply {display: none;}
.bubble.privatemessage .whisperreply {display: none;}
.bubble.privatemessage .unlive {display: none !important;}
.bubble.privatemessage .makelive {display: none !important;}
.bubble.privatemessage .assign {display: none;}

.bubble.admintypingbubbleonly .controls {display: none;}

.bubble.inreplyto .normalreply {display: none;}
.bubble.inreplyto .whisperreply {display: none;}
.bubble.inreplyto .controls {margin-left: -100px;}

.bubble.live .makelive {display: none;}
.bubble.live .unlive {display: inline-block;}
.bubble.live .assign {display: none;}

.bubble.live .body {background: rgb(245, 245, 245);color: black;}
.bubble.left.live .neck {border-left: 10px solid rgb(245, 245, 245);}
.bubble.right.live .neck {border-right: 10px solid rgb(245, 245, 245);}

.bubble.privatemessage .body {background: rgb(230, 255, 170);}
.bubble.left.privatemessage .neck {border-left: 10px solid rgb(230, 255, 170);}
.bubble.right.privatemessage .neck {border-right: 10px solid rgb(230, 255, 170);}

.bubble .body .messageText p {margin: 0px;}

.bubble.inlineDocument .controls .opendocument {display: inline-block;}

.bubble.inlineDocument.left .body {margin-left: auto;background: white;padding: 0px;height: 60px;width: 350px;}
.bubble.inlineDocument.left .body .displayname {position: absolute;top: 0px;left: 13px;color: #cccccc;font-size: 47px;}
.bubble.inlineDocument.left .body .messageText {position: absolute;top: 20px;right: 25px;width: 250px;text-align: right;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.bubble.inlineDocument.left.live .neck {border-left: 10px solid #ffffff;}
.bubble.inlineDocument.right .body {margin-right: auto;background: white;padding: 0px;height: 60px;width: 350px;}
.bubble.inlineDocument.right .body .displayname {position: absolute;top: 0px;left: 13px;color: #cccccc;font-size: 47px;}
.bubble.inlineDocument.right .body .messageText {position: absolute;top: 20px;right: 25px;width: 250px;text-align: right;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.bubble.inlineDocument.right.live .neck {border-right: 10px solid #ffffff;}
.bubble.inlineDocument .normalreply {display: none;}
.bubble.inlineDocument .whisperreply {display: none;}
.bubble.inlineDocument.privatemessage .body {border: 4px solid rgb(230, 255, 170);}

.bubble.inlineDocumentGrey .body {background: #f5f5f5 !important;}
.bubble.inlineDocumentGrey.left .neck {border-left: 10px solid #f5f5f5 !important;}
.bubble.inlineDocumentGrey.right .neck {border-right: 10px solid #f5f5f5 !important;}

.bubble.inlineImage.left .body {margin-left: auto;background: white;padding: 0px;height: 100px;width: 300px;}
.bubble.inlineImage.left .body .displayname {display: none;}
.bubble.inlineImage.left .body .messageText {height: 150%;width: 150%;overflow: hidden;position: relative;margin: -20px 0px 0px -20px;background: rgba(211, 211, 211, 0.8);}
.bubble.inlineImage.left.live .body .messageText {display: none;}
.bubble.inlineImage.left.live .neck {border-left: 10px solid #666666;}
.bubble.inlineImage.right .body {margin-right: auto;background: white;padding: 0px;height: 100px;width: 300px;}
.bubble.inlineImage.right .body .displayname {display: none;}
.bubble.inlineImage.right .body .messageText {height: 150%;/*width: 150%;*/overflow: hidden;position: relative;/*margin: -20px 0px 0px -20px;*/background: rgba(211, 211, 211, 0.8);}
.bubble.inlineImage.right.live .body .messageText {display: none;}
.bubble.inlineImage.right.live .neck {border-right: 10px solid #666666;}
.bubble.inlineImage .normalreply {display: none;}
.bubble.inlineImage .whisperreply {display: none;}
.bubble.inlineImage.privatemessage .body {border: 4px solid rgb(230, 255, 170);}
.bubble.inlineImage.privatemessage.left .body .messageText {background: rgba(230, 255, 170, 0.43);}

/* temp fixes for reacitons */
.bubble.inlineImage.right .controls { left: 30px; right: 0; width: 800px; }
.bubble.inlineDocument.right .controls { left: 30px; right: 0; width: 800px; }
.bubble.inlineImage.right .body{overflow: visible; }
.bubble.inlineDocument.right .body{overflow: visible; }
.bubble.inlineImage.right .controls { left: 30px; right: 0; }
.bubble.inlineDocument.right .controls { left: 30px; right: 0; }

.bubblefloatcontainer {overflow: hidden;position: relative;page-break-inside: avoid;}
.bubblecheckbox {padding-top: 30px;float: left;}
.bubblecheckboxrighter {margin-left: 40px;overflow: hidden;position: relative;}
.bubblefloatcontainer.greyedout .bubblecheckboxrighter .greyout {background: rgba(255, 255, 255, 0.7);position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;}

.bubblefloatcontainer .transcriptEditorA:hover {background: rgba(255, 255, 255, 0.2);cursor: pointer;}

.bubblefloatcontainer.greyedout .transcriptEditorA {background: rgba(255, 255, 255, 0.7);cursor: pointer;}
.bubblefloatcontainer.greyedout .transcriptEditorA:hover {background: rgba(255, 255, 255, 0.6);cursor: pointer;}

.bubble .buttons {display: none;}

.bubble.left.buttonContainer .body {display: none;}
.bubble.left.buttonContainer .avatar {display: none;}
.bubble.left.buttonContainer .neck {display: none;}
.bubble.left.buttonContainer .profileavatar {display: none;}
.bubble.right.buttonContainer .body {display: none;}
.bubble.right.buttonContainer .avatar {display: none;}
.bubble.right.buttonContainer .neck {display: none;}
.bubble.right.buttonContainer .profileavatar {display: none;}

.bubble.left.buttonContainer .buttons {display: block;margin-right: 60px;margin-left: 70px;padding: 10px;}
.bubble.right.buttonContainer .buttons {display: block;margin-right: 60px;margin-left: 70px;padding: 10px;}

.bubble.buttonContainer .buttons.optionchosen .inputButton {opacity: 0.5;}
.bubble.buttonContainer .buttons.optionchosen .inputButton a {display: none;}
.bubble.buttonContainer .buttons.optionchosen .inputButton.selected {background: #555555;color: white;opacity: 1;}

.bubble .npsButton_wrapper {position: relative;}
.bubble .npsButton_wrapper .inputButton {margin-left: 5px;}

.bubble .inputButton_wrapper {position: relative;overflow: hidden;}
.bubble .inputButton {padding: 12px 20px;border-radius: 5px;background: #efefef;position: relative;overflow: hidden;margin-top: 5px;float: right;}
.bubble .inputButton a {position: absolute;overflow: hidden;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.bubble .inputButton a:hover {background: rgba(255, 255, 255, 0.5);}

.slideshowcontainershw {margin-left: -67px;width: 208px;margin-top: 15px;background: white;border: 2px solid black;height: 150px;overflow: hidden;position: relative;}
.slideshowcontainershw img {min-height: 100%;width: 100%;}
.mockbubble {margin-top: -230px;margin-left: 150px;width: 300px;}
.mockbubble2 {margin-top: 0px;margin-left: 0px;width: auto;}
.mockbubble .bubble {margin-bottom: 0px;}
.mockbubble .bubble .bwrapper {margin-right: 0px;}
.mockbubble .bubble.left .body {margin-right: 20px;margin-left: 10px;margin-top: 10px;padding: 10px;color: #c1c1c1;background: #ffffff;}
.mockbubble .bubble.left .neck {
	right: 10px;
	border-left: 10px solid white;
}
.mockbubble .bubble.right .body {margin-right: 10px;margin-left: 20px;margin-top: 10px;padding: 10px;color: #c1c1c1;background: #ffffff;}
.mockbubble .bubble.right .neck {left: 10px;border-right: 10px solid white;}
.mockbubble .bubble .body.inlineimg {width: auto;height: 70px;overflow: hidden;position: relative;padding: 0px;}
.mockbubble .bubble .body img {width: 100%;}
.mockbubble .bubble .body img {width: 100%;}
.mockbubble .bubble.holdsimage .body {border: 2px solid black;}
.mockbubble .bubble.holdsimage .neck {border-left: 10px solid black;}

.bubble.channel {margin-bottom: 3px;margin-left: 0px;padding: 5px 5px 5px 20px;margin-top: 3px;}

.bubble.channel .displayname {font-weight: normal;color: #000000;opacity: 0.7;}

.bubble.channel .channelTimestamp {display: inline-block;font-weight: normal;opacity: 0.5;}

.bubble.channel.left .body {background: none;padding: 0px;margin-left: 50px;min-height: 40px;margin-right: 0px;}
.bubble.channel.left .neck {border: none;display: none;}
.bubble.channel.left .neck .neckinner {border: none;}
.bubble.channel.left .avatar {right: auto;left: 0px;width: 40px;height: 40px;border-radius: 4px;}
.bubble.channel.left .body .displayname {margin-top: 1px;}

.bubble.channel.right .body {background: none;padding: 0px;margin-left: 50px;min-height: 40px;margin-right: 0px;}
.bubble.channel .body, .bubble.channel.inlineImage .body {width: calc(100% - 40px);}
.bubble.channel.inlineImage .body .bodyContent{background: white;padding: 0px;height: 100px;width: 300px;}
.bubble.channel.right .neck {border: none;display: none;}
.bubble.channel.right .neck .neckinner {border: none;}
.bubble.channel.right .avatar {right: auto;left: 0px;width: 40px;height: 40px;border-radius: 4px;}
.bubble.channel.right .body .displayname {margin-top: 1px;}
.bubble.channel .bwrapper {margin-right: 10px;}

.reactionTooltip { position: absolute; z-index: 1000; background: #222; color: #fff; padding: 6px 10px; border-radius: 6px; font-size: 12px; white-space: nowrap; pointer-events: none; }
.reactionTooltip::after { content: ""; position: absolute; left: 50%; bottom: -6px; transform: translateX(-50%); border-width: 6px 6px 0 6px; border-style: solid; border-color: #222 transparent transparent transparent; }


.helperfirstmessage {display: none;overflow: hidden;position: absolute;top: 100px;left: 20px;z-index: 9099;}
.helperfirstmessage .arrow {border-right: 10px solid transparent;border-left: 10px solid transparent;border-bottom: 10px solid rgba(39, 168, 213, 0.75);height: 0px;width: 0px;position: absolute;top: 0px;left: 30px;}
.helperfirstmessage .box {border-radius: 5px;background: rgba(39, 168, 213, 0.75);color: white;padding: 15px;width: 300px;margin-left: 10px;margin-top: 10px;}

.helperchatdisabled {display: none;overflow: hidden;position: fixed;top: 110px;right: 20px;z-index: 9099;}
.helperchatdisabled .box {border-radius: 5px;background: #868686;color: white;padding: 15px;width: 300px;margin-left: 10px;margin-top: 10px;}

.helpertenminsbeforeendmessage {display: none;overflow: hidden;position: fixed;top: 110px;right: 20px;z-index: 9099;}
.helpertenminsbeforeendmessage .box {border-radius: 5px;background: rgba(39, 168, 213, 0.75);color: white;padding: 15px;width: 300px;margin-left: 10px;margin-top: 10px;}

.newdateseparatorbar {margin: 0px 0px 20px 0px;}
.newdateseparatorbar .hbar {border-bottom: 1px solid #cccccc;height: 10px;}
.newdateseparatorbar .over {margin-top: -10px;text-align: center;color: #666666;}
.newdateseparatorbar .datetext {background: #dfe1e2;padding: 0px 20px 0px 20px;}

.editorbubbles .datetext {background: white;}

.buttonhelper {display: none;width: 250px;position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);top: 0px;z-index: 1001;margin-left: -125px;z-index: 9100;}
.buttonhelper .inner {margin-top: 10px;background: #27a8d5;border-radius: 5px;padding: 20px;color: white;}
.buttonhelper .pointer {border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #27a8d5;width: 0px;height: 0px;position: absolute;top: 0px;left: 50%;margin-left: -10px;}
.buttonhelper.touchingright {
	margin-left: -220px;
}
.buttonhelper.touchingright .pointer {left: auto;right: 20px;margin-left: 0px;}
.buttonhelper.touchingleft {
	margin-left: -30px;
}
.buttonhelper.touchingleft .pointer {left: 20px;margin-left: 0px;}

.buttonhelper2 {display: none;width: 250px;position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);top: 0px;z-index: 1001;margin-left: -125px;z-index: 9100;}
.buttonhelper2 .inner {margin-top: 10px;background: #27a8d5;border-radius: 5px;padding: 20px;color: white;}
.buttonhelper2 .pointer {border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #27a8d5;width: 0px;height: 0px;position: absolute;top: 0px;left: 50%;margin-left: -10px;}
.buttonhelper2.touchingright {margin-left: -220px;}
.buttonhelper2.touchingright .pointer {left: auto;right: 20px;margin-left: 0px;}
.buttonhelper2.touchingleft {margin-left: -30px;}
.buttonhelper2.touchingleft .pointer {left: 20px;margin-left: 0px;}

.streamwarning {display: none;width: 250px;position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);top: 0px;z-index: 1001;margin-left: -125px;z-index: 9100;}
.streamwarning.visible {display: block;}
.streamwarning .inner {margin-top: 10px;background: #FFBB33;border-radius: 5px;padding: 20px;color: white;}
.streamwarning .inner p{margin: 5px 0; padding: 0;}
.streamwarning .pointer {border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #FFBB33;width: 0px;height: 0px;position: absolute;top: 0px;left: 50%;margin-left: -10px;}

.waitingeventbutton {transition-duration: 300ms;cursor: pointer;}
.waiting121eventbutton {transition-duration: 300ms;}
.invisframe {display: none;}

.panel .profilehero {background-size: cover;background-position: -50%;margin: 0px;padding: 10px;overflow: hidden;position: relative;}
.panel .profileimage {width: 100px;height: 100px;border: 5px solid white;background: white;border-radius: 5px;overflow: hidden;position: relative;background: white;background-size: contain;background-repeat: no-repeat;background-position: center;}
.panel .profileimage img {display: none;width: 100%;}
.panel .ppoverlay {position: absolute;right: 0px;top: 0px;bottom: 0px;background: rgba(255, 255, 255, 0.5);padding: 10px 20px 0px 19px;}

.panel .useraccountinfo {margin: 10px 0px 0px 0px;}
.panel .useraccountinfo .avatar {width: 100px;height: 100px;}
.panel .useraccountinfo .avatar img {width: 100%;}
.panel .accounttable {margin: -100px 0px 0px 130px;}
.panel .accounttable .labelwidth {width: 100px;}

.panel .accounttable input[type="text"] {width: 300px;}
.panel .accounttable textarea {width: 600px;height: 70px;resize: none;outline: none;border: 1px solid #cccccc;padding: 10px;}
.panel .accounttable .ooo input[type="text"] {width: 600px;}

.panel .superadminInfo {margin: 0px 0px 15px 0px;background: rgba(255, 0, 0, 0.1);border-top: 1px solid rgba(255, 0, 0, 0.2);border-bottom: 1px solid rgba(255, 0, 0, 0.2);padding: 5px 15px;}
.panel .superadminInfo a {
	color: #777777;
}

.wrappedselectandavatar {position: relative;overflow: hidden;}
.wrappedselectandavatar .left {float: left;}
.wrappedselectandavatar #usertorespond {margin-top: 10px;}
.avatarbesideselect {margin-left: 10px;display: inline-block;width: 50px;height: 50px;overflow: hidden;}
.avatarbesideselect img {width: 100%;}

.tickbox {overflow: hidden;position: relative;}
.tickbox.checked .ticked {display: inline;}
.tickbox.checked .unticked {display: none;}
.tickbox .ticked {display: none;}
.tickbox .unticked {display: inline;}

.tickbox a {position: absolute;top: 0px;right: 0px;left: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.tickbox:hover a {background: rgba(255, 255, 255, 0.5);}

.transcriptbutton {margin-top: 15px;overflow: hidden;position: relative;}
.transcriptbutton .button {margin-left: 0px;float: left;}
.transcriptbutton .resultantpdf {float: left;display: inline-block;line-height: 34px;margin-left: 20px;}

.transcriptstimulus {width: 300px;height: auto;background: #eeeeee;margin: 10px 0px 15px 50px;padding: 10px;border-radius: 5px;}
.transcriptstimulus.widerbubble {width: 700px;}
.transcriptstimulus .header {margin: 0px 0px 10px 0px;}
.transcriptstimulus img {width: 100%;}
.transcriptstimulus .annotation {margin: 5px 0px 5px 0px;font-weight: bold;}
.transcriptstimulus .footer {margin: 5px 0px 0px 0px;color: #777777;font-size: 13px;}
.transcriptstimulus .pollquestionheading {font-weight: bold;}
.transcriptstimulus .pollstimulusastable table {margin-top: 7px;margin-bottom: 3px;border-collapse: collapse;}
.transcriptstimulus .pollstimulusastable table td {border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;}

.onetoonesurface .headersection {position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);top: 0px;left: 0px;right: 0px;height: 90px;background: #292b35;overflow: hidden;}
.onetoonesurface .annotations {float: left;margin: 13px 0px 0px 15px;}
.onetoonesurface .surface {position: absolute;top: 90px;bottom: 40px;left: 0px;right: 0px;background: white;overflow: auto;padding: 10px 0px 10px 0px;}
.onetoonesurface .headersection .displayname {color: white;margin: 0px 0px 0px 0px;font-size: 21px;font-weight: 300;}
.onetoonesurface .email {color: white;margin: 0px 0px 0px 0px;font-size: 14px;font-weight: 300;}
.onetoonesurface .email a {color: white;}
.onetoonesurface .avatarbox {float: left;}
.onetoonesurface .avatar {width: 60px;height: 60px;margin-top: 10px;margin-left: 14px;overflow: hidden;position: relative;border-radius: 50%;}
.onetoonesurface .avatar img {width: 100%;}

.onetoonesurface .messageinputbox {background: #dfe1e2;position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);bottom: 0px;left: 0px;right: 0px;overflow: hidden;padding: 5px;}

.onetoonesurface .messageinputbox .textinputwrapper {border: 1px solid #cccccc;background: white;overflow: hidden;margin-right: 68px;min-height: 35px;}
.onetoonesurface .messageinputbox .textinputwrapper textarea {width: 95%;border: none;outline: none;resize: none;padding: 4px 0px 4px 7px;height: 16px;overflow: hidden;}
.onetoonesurface .messageinputbox .sendbutton {position: absolute;right: 3px;width: 25px;height: 28px;top: 5px;line-height: 28px;text-align: center;}
.onetoonesurface .messageinputbox .speechrecognition {position: absolute;width: 20px;height: 20px;right: 70px;top: 11px;}

.doormanalert {display: none;position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);left: 50%;margin-left: -200px;width: 400px;top: 20px;padding: 10px;text-align: center;z-index: 10000;background: white;-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);}
.doormanalert .dmavatar {width: 50px;height: 50px;float: left;overflow: hidden;position: relative;display: block;}
.doormanalert .dmavatar img {width: 100%;height: 100%;}
.doormanalert .dmannounce {float: left;margin-left: 20px;padding-top: 7px;width: 300px;text-align: left;}

.emoji {margin-bottom: 0px;}

.scrolldownbutton {overflow: hidden;display: none;position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);bottom: 20px;width: 60px;height: 60px;background: rgba(0, 0, 0, 0.3);color: white;line-height: 60px;text-align: center;border-radius: 5px;right: 20px;font-size: 21px;}
body.menustyle1 .scrolldownbutton {
	margin-left: 125px;
}

.scrolldownbutton a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.scrolldownbutton a:hover {background: rgba(255, 255, 255, 0.3);}

.recurringeventoptions {padding-top: 10px;}

.dockedparticipantwindow_outer {top: 44px;left: 250px;bottom: 0px;width: 240px;position: fixed;overflow: hidden;z-index: 1000;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);transition-duration: 200ms;}
.dockedparticipantwindow {width: 240px;right: 0px;background: white;top: 0px;bottom: 0px;position: absolute;}
body.menustyle1.finishedloading .dockedparticipantwindow_outer {
	left: 250px;
}
body.menustyle0.finishedloading .dockedparticipantwindow_outer {left: 250px;margin-left: -210px;}
.dockedparticipantwindow .inner {overflow: auto;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.dockedparticipantwindow h2 {margin: 10px 0px 0px 10px;}

.dockedparticipantwindowHandle {display: none;position: fixed;left: 40px;top: 48px;height: 61px;width: 40px;background: white;-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;z-index: 900;text-align: center;line-height: 61px;-webkit-box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.1);box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.1);left: -50px;transition-duration: 200ms;color: #444444;}
body.planted121window .dockedparticipantwindowHandle {display: block;}

.dockedparticipantwindowHandle.hidden {left: -45px;z-index: 700;}

.dockedparticipantwindow .inner::-webkit-scrollbar {width: 10px;}

.dockedparticipantwindow .inner::-webkit-scrollbar-track {background: #f8f8f8;}

.dockedparticipantwindow .inner::-webkit-scrollbar-thumb {background: #adadad;}

.dockedparticipantwindow .onetooneslice {position: relative;overflow: hidden;margin-top: 0px;margin-bottom: 0px;padding: 9px 7px;height: 50px;border-bottom: 1px solid #f2f2f2}
.dockedparticipantwindow .onetooneslice .avatar {width: 40px;height: 40px;overflow: hidden;position: relative;border-radius: 50%;border: 3px solid #f1f1f1;text-align: center;line-height: 40px;font-size: 20px;font-weight: bold;}
.dockedparticipantwindow .onetooneslice .avatar span {line-height: 40px;font-size: 20px;font-weight: bold;}
.dockedparticipantwindow .onetooneslice .avatar img {width: 100%;min-height: 100%;}
.dockedparticipantwindow .onetooneslice .avatar .typing {opacity: 0;transition-duration: 120ms;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;text-align: center;line-height: 30px;font-weight: bold;font-size: 20px;background: rgba(255, 255, 255, 0.8);color: black;}
.dockedparticipantwindow .onetooneslice .avatar .typing span {line-height: 30px;}
.dockedparticipantwindow .onetooneslice .avatar .typing.isTyping {opacity: 1;}

.dockedparticipantwindow .onetooneslice .avatar.nosurround {border: none;}
.dockedparticipantwindow .onetooneslice .label {margin: -38px 0px 0px 50px;min-height: 40px;}
.dockedparticipantwindow .onetooneslice .queueTimer {text-align: center; margin-top: -5px;}

.dockedparticipantwindow .onetooneslice .rdetails {margin: -42px 0px 0px 50px;min-height: 40px;line-height: 1.4;}
.dockedparticipantwindow .onetooneslice .rdetails .name {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 170px;}
.dockedparticipantwindow .onetooneslice .rdetails .message-container {display: flex;align-items: center;}
.dockedparticipantwindow .onetooneslice .rdetails .replied-icon {display: none;align-self: flex-end; height: 16px; width: 16px; margin-right: 3px;fill:#808080;}
.dockedparticipantwindow .onetooneslice.replied .rdetails .replied-icon {display: block;}
.dockedparticipantwindow .onetooneslice .rdetails .latestmessage,
.dockedparticipantwindow .onetooneslice .rdetails .latestmessage p {margin: 0px;padding: 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 160px;}
.dockedparticipantwindow .onetooneslice.replied .rdetails .latestmessage,
.dockedparticipantwindow .onetooneslice.replied .rdetails .latestmessage p {width: 140px;}
.dockedparticipantwindow .onetooneslice .rdetails .latestmessage br {content: '';}
.dockedparticipantwindow .onetooneslice .rdetails .latestmessage br:after {content: ' ';}
.dockedparticipantwindow .onetooneslice .rdetails .unseen-dot {background: #27a8d5;width: 10px; height: 10px; border-radius: 50%;position: absolute; right: 13px; display: none;}
.dockedparticipantwindow .onetooneslice.unseenitems .rdetails .unseen-dot {display: block;}

.dockedparticipantwindow .onetooneslice .overlay {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;display: block;background: rgba(0, 0, 0, 0);}
.dockedparticipantwindow .onetooneslice .overlay:hover {background: rgba(0, 0, 0, 0.1);}

.dockedparticipantwindow .onetooneslice.unseenitems .overlay:hover {
	background: rgba(39, 168, 213, 0.2);
}

.dockedparticipantwindow .onetooneslice.ghost .overlayTint {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(255, 255, 255, 0.5);}
.dockedparticipantwindow .onetooneslice.ghost a {
	/* display:none; */
}

.dockedparticipantwindow .onetooneslice .assignedto {position: absolute;right: 5px;top: 7px;height: 26px;display: flex; align-items: center;}
.dockedparticipantwindow .onetooneslice .assignedto i {display: none;margin-bottom: 0;margin-right: 5px;color: #808080}
.dockedparticipantwindow .onetooneslice .assignedto i.visible {display: inline-block;}
.dockedparticipantwindow .onetooneslice .assignedto img {display: none;width: auto;height: 100%;border-radius: 50%;}
.dockedparticipantwindow .onetooneslice.assigned .assignedto img {display: block;}
.dockedparticipantwindow .onetooneslice .assignedtoTemp {display: block;position: absolute;right: 5px;top: 107px;width: 26px;height: 26px;overflow: hidden;border-radius: 50%;opacity: 0.3;}
.dockedparticipantwindow .onetooneslice .assignedtoTemp img {width: 100%;height: auto;}
.dockedparticipantwindow .onetooneslice .assignedtoTemp.visible {top: 7px;}
.dockedparticipantwindow .onetooneslice.clsCurrentConversation .overlay {background: rgba(183, 183, 183, 0.2) !important;border-left: 2px solid #27a8d5;}

.dockedparticipantwindow .placeholdernoconversations {padding: 10px;text-align: center;color: #cccccc;font-size: 21px;margin-top: 20px;}

.dockedparticipantwindow .eventToggleableLabel {height: 40px;line-height: 40px;background: #f9f9f9;border-bottom: 1px solid #f1f1f1;border-top: 1px solid #f1f1f1;padding: 0px 0px 0px 10px;cursor: pointer;overflow: hidden;position: relative;}
.dockedparticipantwindow .eventToggleableLabel a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;background: rgba(0, 0, 0, 0);}
.dockedparticipantwindow .eventToggleableLabel a:hover {background: rgba(255, 255, 255, 0.4);}
.dockedparticipantwindow .eventToggleableLabel .menuButton {width: 35px;position: absolute;top: 4px;left: 1px;bottom: 4px;line-height: 32px;border-right: 1px solid #dddddd;overflow: hidden;text-align: center;}
.dockedparticipantwindow .eventToggleableLabel .menuButton a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;background: rgba(0, 0, 0, 0);}
.dockedparticipantwindow .eventToggleableLabel .menuButton a:hover {
	background: rgba(255, 255, 255, 0.4);
}
.dockedparticipantwindow .eventToggleableLabel .title.titleMultiAccount {width: 135px;margin-left: 55px;text-overflow: ellipsis;white-space: nowrap;float: left;overflow: hidden;}
.dockedparticipantwindow .eventToggleableLabel .title {width: 155px;margin-left: 35px;text-overflow: ellipsis;white-space: nowrap;float: left;overflow: hidden;}
.dockedparticipantwindow .eventToggleableLabel .profile-image {position: absolute; left: 40px; top: 5px;}
.dockedparticipantwindow .eventToggleableLabel .profile-image.hide {display: none;}
.dockedparticipantwindow .eventToggleableLabel .accountName {position: absolute;
	left: 40px;
	top: 35px;
	font-size: 10px;
	background: #000;
	line-height: 15px;
	color: white;
	/* width: 100%; */
	padding: 0 15px;
	border-radius: 5px;}
.dockedparticipantwindow .eventToggleableLabel .control {width: 35px;float: right;height: 40px;line-height: 40px;}
.dockedparticipantwindow .eventToggleableC.flashon {color: #dadada;}
.dockedparticipantwindow .eventToggleableC i {color: #111111; margin-bottom: 4px;}
.dockedparticipantwindow .eventToggleableC .control .open {display: block;text-align: center;}
.dockedparticipantwindow .eventToggleableC .control .close {display: none;text-align: center;}
.dockedparticipantwindow .eventToggleableC.open .control .open {display: none;}
.dockedparticipantwindow .eventToggleableC.open .control .close {display: block;}
.dockedparticipantwindow .eventToggleableC.adhocstyle {display: none;}
.dockedparticipantwindow .eventToggleableC .newconversation {display: none;}
.dockedparticipantwindow .eventToggleableC.direct .newconversation {display: block;}
.dockedparticipantwindow .eventToggleable {display: none;}
.dockedparticipantwindow .pauseAll,
.dockedparticipantwindow .resumeAll {
	overflow: hidden;
    position: relative;
    background: #f9f9f9;
    margin: 3px;
    border: 1px solid #cccccc;
    padding: 10px;
	width: auto;
	align-items: center;
	display: none;
}

.dockedparticipantwindow .pauseAll.visible,
.dockedparticipantwindow .resumeAll.visible {
	display: flex;
}

.dockedparticipantwindow .pauseAll .btnlabel,
.dockedparticipantwindow .resumeAll .btnlabel {
	margin-left: 10px;
}
.dockedparticipantwindow .pauseAll a,
.dockedparticipantwindow .resumeAll a {
	position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    background: rgba(0, 0, 0, 0);
}
.dockedparticipantwindow .pauseAll a:hover,
.dockedparticipantwindow .resumeAll a:hover {
	background: rgba(238, 238, 238, 0.37);
}
.dockedparticipantwindow .evBufferbox {height: 0px;margin-top: -25px;}
.dockedparticipantwindow .eventToggleableC.open .evBufferbox {margin-top: 0px;}
.dockedparticipantwindow .evBufferbox2 {height: 25px;}
.dockedparticipantwindow .eventToggleableC.open .evBufferbox2 {height: 0px;}
.dockedparticipantwindow .pausedBanner {height: 0px;margin-top: -25px;background: #f7f7f7;color: #888888;box-sizing: border-box;line-height: 25px;padding: 0px 10px 0px 13px;transition-duration: 0ms;}
.dockedparticipantwindow .eventToggleableC.open .pausedBanner {display:flex; align-items: center; height: 25px; justify-content: space-between;}
.dockedparticipantwindow .pausedBanner.paused {margin-top: 0px;border-bottom: 1px solid #eeeeee;transition-duration: 300ms;}
.dockedparticipantwindow .pausedBanner i {padding-right: 8px;margin-bottom: 0px;transition-duration: 300ms;color: #888888;animation: bouncePauseButton 3000ms infinite;}

.dockedparticipantwindow .closedconversations {display: none;}
.dockedparticipantwindow .closedconversations.hasClosedRooms {display: block;}
.dockedparticipantwindow .closedConversationsslice {margin-top: 1px;height: 35px;overflow: hidden;position: relative;background: #fcfcfc;}
.dockedparticipantwindow .closedConversationsslice .label {height: 35px;line-height: 35px;padding-left: 13px;color: #777777;}
.dockedparticipantwindow .closedConversationsslice .vicon {position: absolute;right: 10px;top: 0px;bottom: 0px;color: #777777;}
.dockedparticipantwindow .closedConversationsslice .label i {color: #777777;margin-right: 4px;}
.dockedparticipantwindow .closedConversationsslice .amount {margin-left: 5px;}
.dockedparticipantwindow .closedConversationsslice a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.dockedparticipantwindow .closedConversationsslice:hover {background: #f4f4f4;}

@-webkit-keyframes bouncePauseButton {
	0% {
		color: #888888;
	}
	25% {
		color: #ee4444;
	}
	50% {
		color: #ee4444;
	}
	75% {
		color: #888888;
	}
	100% {
		color: #888888;
	}
}

.previousMessagebtnc {float: right;}
.messageCount {display: block;float: right;padding-right: 10px;line-height: 38px;opacity: 0.6;}

.flippableonetoonechatsurface {display: none;}

.pdfheader {margin: 0px 0px 30px 10px;}
.pdfheader h1 {font-size: 21px;}
.pdfheader h2 {font-size: 18px;}

.clientsideerrors {border-top: 1px solid #cccccc;}
.clientsideerrors .errorline {position: relative;overflow: hidden;border-bottom: 1px solid #cccccc;}
.clientsideerrors .errorline .headerrow {cursor: pointer;padding: 5px 0px 5px 0px;}
.clientsideerrors .errorline .body {display: none;padding: 0px 0px 5px 0px;}
.clientsideerrors .errorline .source {background: #989898;padding: 5px;font-family: consolas, fixed-width;font-size: 12px;color: white;}

.editorhiddenunlessticked {padding: 5px 0px 10px 0px;display: none;}
.editorhiddenunlessticked.ticked {display: block;}

.onlynumbs {width: 390px !important;}
.sep5 {height: 5px;}

.extendedattrib {width: 390px !important;}

.customMissedEventContainer {margin: 15px 0px 0px 0px;}
.missedeventsavebutton {margin: 15px 0px 0px 0px;}
.customGenericContainer {margin: 15px 0px 0px 0px;}

.buttonSmall {display: none !important;}

.buttonSmall { display:none !important; }

.loadingDialog { background:rgba(0,0,0,0.25); z-index:11000; position:fixed; top:0px; left:0px; right:0px; bottom:0px; -webkit-backface-visibility:hidden; -webkit-transform: translateZ(0); display:none; }
.loadingDialog .dialog { position:absolute; top:50%; left:50%; margin:-100px 0px 0px -200px; width:400px;  background:#fbfbfb; border-radius:4px; overflow:hidden; -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); }
.loadingDialog .dialog .controlbox { cursor: move; position:absolute; color:#555555; top:0px; left:0px; right:0px; height:36px; border-bottom:1px solid #ddd; background:#d2d4da; line-height:36px; text-align:left; padding-left:10px;  }
.loadingDialog .dialog .buttons { position:absolute; bottom:10px; right:10px; }
.loadingDialog .dialog .text { margin:70px 30px 65px 30px; font-size:16px; text-align: center; }



.alertconfirm { background:rgba(0,0,0,0.25); z-index:11000; position:fixed; top:0px; left:0px; right:0px; bottom:0px; -webkit-backface-visibility:hidden; -webkit-transform: translateZ(0); display:none; }
.alertconfirm .dialog { position:absolute; top:50%; left:50%; margin:-100px 0px 0px -200px; width:400px;  background:#fbfbfb; border-radius:4px; overflow:hidden; -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); }
.alertconfirm .dialog .controlbox { cursor: move; position:absolute; color:#555555; top:0px; left:0px; right:0px; height:36px; border-bottom:1px solid #ddd; background:#d2d4da; line-height:36px; text-align:left; padding-left:10px;  }
.alertconfirm .dialog .buttons { position:absolute; bottom:10px; right:10px; }
.alertconfirm .dialog .text { margin:70px 30px 65px 30px; font-size:16px; text-overflow: ellipsis; overflow: hidden;}

.superadmineventmenu { z-index:11000; position:fixed; display:none; top:50%; left:50%; margin:-100px 0px 0px -200px; width:400px;  background:#fbfbfb; border-radius:4px; overflow:hidden; -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); }
.superadmineventmenu .controlbox { cursor: move; position:absolute; color:#555555; top:0px; left:0px; right:0px; height:36px; border-bottom:1px solid #ddd; background:#d2d4da; line-height:36px; text-align:left; padding-left:10px;  }
.superadmineventmenu .buttons { position:absolute; bottom:10px; right:10px; }
.superadmineventmenu .text { margin:55px 10px 25px 20px; font-size:16px; }
.superadmineventmenu .eventT { margin:0px 0px 10px 5px; }
.superadmineventmenu .title { float:left; margin-left:10px; color:#111111; }
.superadmineventmenu .close { display:block; float:right; margin-right:5px; width:20px; height:20px; display:block; cursor:pointer; }

#releaselog {overflow: hidden;display: none;position: fixed;top: 150px;left: 150px;bottom: 150px;right: 150px;z-index: 1099;border-radius: 5px;background: white;-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);-moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);}
#releaselog .controlbar {position: absolute;padding: 0px 10px 0px 10px;line-height: 36px;overflow: hidden;top: 0px;left: 0px;right: 0px;height: 36px;background: #8b8c90;color: #e2e2e2;}
#releaselog .controlbar .close {float: right;height: 20px;width: 20px;display: block;cursor: pointer;}

#releaselog .content {overflow: hidden;position: absolute;top: 36px;bottom: 0px;left: 0px;right: 0px;}
#releaselog .content iframe {width: 100%;height: 100%;border: none;}
#releaselog .titlebar {padding: 8px 20px 8px 20px;background: #fbfbfb;color: #555555;margin-top: 20px;margin-bottom: 20px;}
#releaselog .title {float: left;color: #e2e2e2;padding-left: 10px;}

body.releaselog {padding: 15px;background: white;}

#adminusersettings {overflow: hidden;display: none;position: fixed;top: 10px;left: 10px;bottom: 10px;right: 10px;z-index: 1099;border-radius: 5px;background: white;-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);-moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);}
#adminusersettings .controlbar {position: absolute;padding: 0px 10px 0px 10px;line-height: 36px;overflow: hidden;top: 0px;left: 0px;right: 0px;height: 36px;background: #8b8c90;color: #e2e2e2;}
#adminusersettings .controlbar .close {float: right;height: 20px;width: 20px;display: block;cursor: pointer;}

#adminusersettings .content {padding: 10px 30px 30px 30px;overflow: hidden;overflow-y: scroll;position: absolute;top: 36px;bottom: 0px;left: 0px;right: 0px;}

#adminusersettings .titlebar {padding: 8px 20px 8px 20px;background: #efefef;color: #555555;margin-top: 20px;margin-bottom: 20px;}
#adminusersettings .title {float: left;color: #e2e2e2;padding-left: 10px;}

#adminusersettings .profilehero {background-size: cover;background-position: -50%;margin: 0px;padding: 10px;overflow: hidden;position: relative;}
#adminusersettings .profileimage {width: 100px;height: 100px;border: 5px solid white;background: white;border-radius: 5px;overflow: hidden;position: relative;}
#adminusersettings .profileimage img {width: 100%;}
#adminusersettings .ppoverlay {position: absolute;right: 0px;top: 0px;bottom: 0px;background: rgba(255, 255, 255, 0.5);padding: 14px 24px 0px 19px;}

#adminusersettings .useraccountinfo {margin: 10px 0px 0px 0px;}
#adminusersettings .useraccountinfo .avatar {width: 100px;height: 100px;}
#adminusersettings .useraccountinfo .avatar img {width: 100%;}
#adminusersettings .accounttable {margin: -100px 0px 0px 130px;}

#adminusersettings input[type="text"] {width: 70%;border: 1px solid #cccccc;outline: none;padding: 0px 0px 0px 11px;}
#adminusersettings input[type="password"] {width: 70%;border: 1px solid #cccccc;outline: none;padding: 0px 0px 0px 11px;}
#adminusersettings .textarea {width: auto;margin: 0px 0px 0px 0px;padding: 10px;height: 70px;border: 1px solid #cccccc;}
#adminusersettings .textarea textarea {width: 100%;height: 100%;border: none;outline: none;resize: none;}

#adminusersettings .accounttable input[type="text"] {width: 300px;}
#adminusersettings .accounttable textarea {width: 600px;height: 70px;resize: none;outline: none;border: 1px solid #cccccc;padding: 10px;}
#adminusersettings .accounttable .ooo input[type="text"] {width: 600px;outline: none;}

.currentAPIkeysTable .row {line-height: 40px;height: 40px;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;margin-top: -1px;position: relative;overflow: hidden;}
.currentAPIkeysTable .row.titlerowf {font-weight: bold;background: #f8f8f8;}
.currentAPIkeysTable .row .id {float: left;padding: 0px 10px 0px 10px;width: 300px;}
.currentAPIkeysTable .row .secret {float: left;padding: 0px 10px 0px 10px;width: 600px;}
.currentAPIkeysTable .row .revoke {float: right;margin-top: 3px;}
.currentAPIkeysTable {padding: 10px 0px 20px 0px;}

#adminusersettings input[type="text"] {width: 400px;}
#adminusersettings input[type="password"] {width: 400px;}

.passwordrevealer {position: relative;overflow: hidden;}
.passwordrevealer .streamkey {float: left;}
.passwordrevealer input[type="text"].streamkey {width: 400px;margin: 4px 0px 4px 0px;}
.passwordrevealer input[type="password"].streamkey {width: 400px;}

.passwordrevealer .button {float: left;margin-top: 3px;margin-left: 5px;}

/* dialogReconnectingtoserver */
.dialogReconnectingtoserver {display: none;position: fixed;top: 50%;margin-top: -80px;left: 0px;right: 0px;text-align: center;overflow: hidden;}
.dialogReconnectingtoserver .label2 {display: inline-block;margin: 15px 0px 15px 0px;padding: 15px 20px 15px 20px;background: #fdfdfd;border: 10px solid #ffd400;color: #555555;font-size: 16px;border-radius: 2px;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);}
.dialogReconnectingtoserver i {font-size: 28px;color: #6f6f6f;margin-top: 10px;}

/* Load more */
.loadmore {width: auto;overflow: hidden;height: 0px;position: relative;}
.loadmore.show {
	height: 35px;
}
.loadmore .inner {position: absolute;top: 0px;left: 0px;right: 0px;height: 45px;text-align: center;}
.loadmore i {font-size: 18px;color: #666666;}

.greya a {color: #777777;}

.nobots {padding: 15px 0px 15px 0px;border-bottom: 1px solid #eeeeee;border-top: 1px solid #eeeeee;margin-bottom: 20px;}
.nobots a {color: #777777;}

.noPackages {display: none;padding: 15px 0px 15px 0px;border-bottom: 1px solid #eeeeee;border-top: 1px solid #eeeeee;margin-bottom: 20px;}
.noPackages a {
	color: #777777;
}

.noFlows {display: none;}
.packageInfoVisible {display: block;opacity: 1;}

.toggleStimulusQueue {display: none;}

.noselect {-webkit-touch-callout: none; /* iOS Safari */-webkit-user-select: none; /* Safari */-khtml-user-select: none; /* Konqueror HTML */-moz-user-select: none; /* Firefox */-ms-user-select: none; /* Internet Explorer/Edge */user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */}

.dbui {position: absolute;overflow: hidden;top: 44px;left: 0px;bottom: 0px;right: 0px;}
.dbui .controls {position: absolute;top: 0px;left: 0px;right: 0px;height: 40px;box-sizing: border-box;padding: 7px;}
.dbui .controls .butt {position: relative;margin-right: 5px;overflow: hidden;width: 25px;height: 25px;background: #f1f1f1;border: 1px solid #cccccc;border-radius: 2px;text-align: center;line-height: 25px;color: #555555;}
.dbui .controls .butt a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;background: rgba(0, 0, 0, 0);}
.dbui .controls .butt a:hover {background: rgba(255, 255, 255, 0.5);}
.dbui .controls .butt.enabled {background: #7cdc7c;color: #111111;border: 1px solid green;}
.dbui .panes {position: absolute;overflow: hidden;left: 0px;top: 40px;bottom: 0px;right: 0px;border-top: 1px solid #eeeeee;z-index: 100;}
.dbui .panes .folders {position: absolute;overflow: auto;top: 40px;left: 0px;bottom: 0px;width: 300px;padding: 10px;background: #f8f8f8;box-sizing: border-box;}

.dbui .panes .searchbar {position: absolute;top: 0px;left: 0px;width: 300px;height: 40px;background: #f2f2f2;}
.dbui .panes .searchbar input[type="text"] {background: none;border: none;width: 100%;height: 100%;margin: none;outline: none;box-sizing: border-box;}

.dbui .panes .editorpane {position: absolute;left: 300px;top: 0px;right: 0px;bottom: 0px;background: #ffffff;overflow: auto;}
.dbui .panes .editorpane .CodeMirror {border: none;width: 100%;}

.dbui .panes .folders .database {position: relative;overflow: hidden;}
.dbui .panes .folders a {font-family: consolas, courier new, fixed-width;font-size: 12px;text-decoration: none;color: #444444;}
.dbui .dbtitle {font-family: consolas, courier new, fixed-width;font-size: 12px;text-decoration: none;color: #444444;}
.dbui .panes .folders a:hover {color: #cccccc !important;}
.dbui .panes .folders i {width: 20px;color: #aaaaaa;}
.dbui .panes .folders .database .documents {margin-left: 25px;}
.dbui .panes .folders .database .open {display: none;}
.dbui .panes .folders .database.open .open {display: inline-block;}
.dbui .panes .folders .database.open .closed {display: none;}

.dbui .panes .folders .searchresults {display: none;}
.dbui .panes .folders.results .allfolders {display: none;}
.dbui .panes .folders.results .searchresults {display: block;}
.dbui .panes .folders.results .searchresults .key {display: inline-block;}
.dbui .panes .folders.results .searchresults .database {display: inline-block;}
.dbui .panes .folders .searchresults .document {margin-left: 25px;}

.dbui .toptag {z-index: 95;position: absolute;right: 5px;width: 400px;height: 30px;top: 53px;background: white;line-height: 30px;box-sizing: border-box;padding: 0px 15px 0px 15px;transition-duration: 300ms;-webkit-border-top-left-radius: 7px;-webkit-border-top-right-radius: 7px;-moz-border-radius-topleft: 7px;-moz-border-radius-topright: 7px;border-top-left-radius: 7px;border-top-right-radius: 7px;}
.dbui .toptag .title {margin-right: 20px;font-size: 13px;}
.dbui .toptag .modified {position: absolute;right: 6px;top: 6px;bottom: 0px;width: 20px;color: red;display: none;font-size: 25px;}
.dbui .toptag .close {position: absolute;right: 11px;top: 5px;bottom: 0px;width: 20px;height: 20px;color: red;display: none;font-size: 14px;line-height: 20px;text-align: center;background: white;display: none;overflow: hidden;}
.dbui .toptag .close a {position: absolute;overflow: hidden;top: 0px;left: 0px;bottom: 0px;right: 0px;background: rgba(0, 0, 0, 0);}
.dbui .toptag:hover .close {display: block;}
.dbui .toptag:hover .close:hover a {background: rgba(255, 555, 255, 0.7);}
.dbui .toptag .modified.visible {
	display: block;
}

.dbui .toptag.visible {
	top: 10px;
}

.dbui .nowrap {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lds-dual-ring {
	display: inline-block;
	width: 64px;
	height: 64px;
}
.lds-dual-ring:after {
	content: " ";
	display: block;
	width: 46px;
	height: 46px;
	margin: 1px;
	border-radius: 50%;
	border: 5px solid #aaa;
	border-color: #aaa transparent #aaa transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.packageusersview {position: relative;overflow: hidden;}
.packageusersview .left {width: 150px;padding: 5px;font-size: 30px;font-family: monospace;}

.flowAlerts {margin-left: 20px;}
.flowTabs { border: none !important;}
.flowTabs .ui-tabs-panel {padding: 10px 0 !important;}
.flowTabs ul{border-bottom: 7px solid white !important;}
.flowTabs ul li{
	padding: 0 10px 0 0 !important;
	position: relative !important;
	cursor: pointer !important;
	float: left !important;
	height: 40px !important;
	line-height: 40px !important;
	background: transparent;
	z-index: 100 !important;
	overflow: hidden !important;
	margin: 0 0 0 -1px !important;
	border: none !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	transition: background-color 500ms linear !important;
}
.flowTabs ul li a {
	background: rgba(255, 255, 255, 0) !important;
	height: 40px !important;
	-webkit-border-top-left-radius: 10px !important;
	-webkit-border-top-right-radius: 10px !important;
	-moz-border-radius-topleft: 10px !important;
	-moz-border-radius-topright: 10px !important;
	position: relative;
	display: block;
	z-index: 200 !important;
}
.flowTabs ul li a .tabLabel {
	padding: 0px 10px 0 10px !important;
	margin: 0 15px !important;
	text-overflow: ellipsis;
	max-width: 150px;
	width: auto;
	white-space: nowrap;
	overflow: hidden;
}
.flowTabs ul li .inner {
	position: absolute !important;
	top: 8px !important;
	bottom: 8px !important;
	left: 0px !important;
	right: 0px !important;
	border-left: 1px solid #ccc !important;
	z-index: 100 !important;
	width: 10px !important;
}
.flowTabs ul li.ui-state-default {background: transparent;}
.flowTabs ul li.ui-state-active {background: white !important;border-top-left-radius: 10px !important;border-top-right-radius: 10px !important;z-index: 222 !important;}
.flowTabs ul li.ui-state-active .inner {border: none !important;}
.flowTabs ul li.ui-state-active a{color: #555 !important;}
.flowTabs ul li.addButtonList { margin: 0 5px 0 10px !important;font-size: 18px !important;text-align: center !important; height: 40px !important;line-height: 40px !important;}
.flowTabs ul li.addButtonList.hidden { display: none;}
.flowTabs ul li.addButtonList .addTab{ cursor: pointer !important; }
.flowTabs ul li.addButtonList .addCustomTabsTab{ padding: 0 2px; }
.flowTabs ul li .removeTab {display: none !important;}
.flowTabs ul li[aria-selected=true] .removeTab {display: initial !important;}
.flowTabs ul li .removeTab { position: absolute !important; right: 8px !important; top: 5px !important; bottom: 0 !important;text-align: center !important;line-height: 32px !important; color: #555 !important; z-index: 230;}
.flowTabs ul li .removeTab.hidden { display: none !important; }
.flowTabs ul li .removeTab:hover { opacity: 0.9 !important; cursor: pointer !important;}
.flowTabs ul li.ui-droppable-hover { background: white !important;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 0; }
.flowTabs .ui-sortable-placeholder {
	width: 0 !important;
	overflow: hidden;
	visibility: visible;
	border: 1px dashed #ccc;
}

.flowTabs .sorting-active > .ui-sortable-helper {
	opacity: 0.6;
}

.flowDraggableHelper {
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #cccccc;
	z-index: 3000;
}
.currentFlows .flow {position: relative;overflow: hidden;margin-top: 3px;border: 1px solid #cccccc;background: #f1f1f1;height: 65px;display: flex;flex-flow: wrap;align-items: center;}
.currentFlows .flowPicker.filterHidden {display: none;}

.currentFlows .flow.publishedFlow {background: #fffcbe;}

.currentFlows .flow .desc {float: left;margin: 5px 100px 5px 100px; width: 69%; }

.currentFlows .flow .desc .description {opacity: 0.85; width: 100%; float: left;}

.currentFlows.flowpicker .flow .desc {margin: 0 70px 0 15px}

.archivedFlows .flow .desc { float:left; margin:10px 100px 0px 100px; font-style: italic;}
.currentFlows.flowpicker .flow.current-selected {border: 1px solid #20a8d8;background: #03a9f4;color: white;}

.currentFlows .flow .editbutton {position: absolute;left: 13px;top: 16px;padding: 6px 15px;border: 1px solid rgba(0, 0, 0, 0.2);background: rgba(0, 0, 0, 0.05);overflow: hidden;color: #666666;}
.currentFlows .flow .editbutton i {padding-right: 1px;}
.currentFlows .flow .editbutton a {position: absolute;overflow: hidden;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.currentFlows .flow .editbutton a:hover {background: rgba(255, 255, 255, 0.3);}

.currentFlows .flow .rbuttons {position: absolute;right: 13px;top: 16px;overflow: hidden;}
.currentFlows .flow .deletebutton {float: right;position: relative;padding: 6px 15px;border: 1px solid rgba(255, 0, 0, 0.2);background: rgba(255, 0, 0, 0.05);overflow: hidden;color: #666666;}
.currentFlows .flow .deletebutton i {padding-right: 1px;}
.currentFlows .flow .deletebutton a {position: absolute;overflow: hidden;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.currentFlows .flow .deletebutton a:hover {background: rgba(255, 255, 255, 0.3);}

.currentFlows .flow .clonebutton {float: right;position: relative;margin-right: 5px;padding: 6px 15px;border: 1px solid rgba(0, 0, 0, 0.2);background: #f8f8f8;overflow: hidden;color: #666666;}
.currentFlows .flow .clonebutton i {padding-right: 1px;}
.currentFlows .flow .clonebutton a {position: absolute;overflow: hidden;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.currentFlows .flow .clonebutton a:hover {background: rgba(255, 255, 255, 0.3);}

.currentFlows .flow.publishedFlow .editbutton {background: rgb(253, 253, 253);}
.currentFlows .flow.publishedFlow .title {font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.currentFlows .flow.publishedFlow .publishedFlow {font-weight: normal; margin-left: 10px; }
.currentFlows .flow.publishedFlow .eventMiLabels {float: left; margin-left: 15px; margin-top: 1px;}
.currentFlows .flow.publishedFlow .eventMiLabels .flowMiLabel { font-size: 12px; padding: 1px 7px; }
.currentFlows .flow.publishedFlow.filterHidden {display: none;}

.chatbotFlows .publishedbot.filterHidden {display: none;}

.currentFlows .flow a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;background: rgba(0, 0, 0, 0);}
.currentFlows .flow a:hover {background: rgba(255, 255, 255, 0.3);}

.currentFlows .ticked {display: none;}
.currentFlows .unticked {position: absolute;right: 13px;top: 12px;overflow: hidden;color: #cccccc;display: block;font-size: 20px;opacity: 0.4;}
.currentFlows .flow.current-selected .ticked {position: absolute;right: 13px;top: 12px;overflow: hidden;color: #ffffff;display: block;font-size: 20px;}
.currentFlows .flow.current-selected .unticked {display: none;}

.historicFlows .flow {position: relative;overflow: hidden;margin-top: 3px;border: 1px solid #e8e8e8;background: #f1f1f1;height: 60px;}
.historicFlows .flow.publishedFlow {background: #fffcbe;}
.historicFlows .flow .desc {float: left;margin: 10px 100px 0px 100px;}
.historicFlows.flowpicker .flow .desc {margin-left: 15px;}
.historicFlows.flowpicker .flow.historic-selected {border: 1px solid #777777;background: #8c8c8c;color: white;}
.historicFlows .flow.publishedFlow .title {font-weight: bold;}
.historicFlows .flow a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;background: rgba(0, 0, 0, 0);}
.historicFlows .flow a:hover {background: rgba(255, 255, 255, 0.3);}
.historicFlows .ticked {display: none;}
.historicFlows .flow.historic-selected .ticked {position: absolute;right: 13px;top: 12px;overflow: hidden;color: #ffffff;display: block;font-size: 20px;}
.historicFlows .unticked {position: absolute;right: 13px;top: 12px;overflow: hidden;color: #ccc;display: block;font-size: 20px;opacity: 0.4;}
.historicFlows .flow.historic-selected .unticked {display: none;}

.historicFlows .flow .desc .description {opacity: 0.85;}

.slimflows .flow {height: 60px;}
.slimflows .flow .desc {margin-top: 6px;}

.channelselection .channel {margin: 3px 0px;background: #f1f1f1;padding: 10px;border: 1px solid #e8e8e8;position: relative;overflow: hidden;}
.channelselection .channel .channelname i {font-size: 12px;margin-right: 5px;opacity: 0.7;}
.channelselection .channel a.channeltoggle {position: absolute;overflow: hidden;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);z-index: 4000;}
.channelselection .channel a.channeltoggle:hover {background: rgba(255, 255, 255, 0.3);}
.channelselection .channel.channel-selected {background: #4caf50;border: 1px solid #388e3c;color: white;}
.channelselection .channel .controlboxes1 {position: absolute;right: 6px;top: 0px;bottom: 0px;}
.channelselection .channel .controlboxI {float: right;padding: 10px 4px 10px 4px;}
.channelselection .channel .controlboxI.channelenabled .tickbox {float: left;}
.channelselection .channel .controlboxI.channelenabled .ticked {display: none;}
.channelselection .channel .controlboxI.channelenabled .unticked {display: block;}
.channelselection .channel.channel-selected .controlboxI.channelenabled .ticked {display: block;}
.channelselection .channel.channel-selected .controlboxI.channelenabled .unticked {display: none;}

.channelselection .channel.channel-hidden {background: #e6ee9c;border: 1px solid #cddc39;color: #333333;}
.channelselection .channel.channel-selected .controlboxI.channelhidden {z-index: 5000;position: relative;overflow: hidden;}
.channelselection .channel .controlboxI.channelhidden .tickbox {float: left;}
.channelselection .channel .controlboxI.channelhidden .ticked {display: none;}
.channelselection .channel .controlboxI.channelhidden .unticked {display: block;}
.channelselection .channel.channel-hidden .controlboxI.channelhidden .ticked {display: block;}
.channelselection .channel.channel-hidden .controlboxI.channelhidden .unticked {display: none;}
.channelselection .channel .controlboxI.channelhidden a.hiddentoggle {position: absolute;overflow: hidden;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);z-index: 4000;}
.channelselection .channel .controlboxI.channelhidden a.hiddentoggle:hover {background: rgba(255, 255, 255, 0.3);}

.numberMeasurer {display: inline-block;font-family: monospace;} /* number of subscribers */

.crudnewuser {position: relative;overflow: hidden;}
.crudnewuser p {position: relative;overflow: hidden;margin: 5px 0px 2px 0px;}
.createbuttonwrap {margin: 10px 0px 0px 0px;}
.createbuttonwrap .button {margin-left: 0px;}

.currentPackages .currentTimelinePackage {position: relative;overflow: hidden;margin-top: 5px;border: 1px solid #cccccc;background: #f1f1f1;}
.currentPackages .currentTimelinePackage .lookandfeel {position: relative;overflow: hidden;float: left;height: 70px;width: 150px;margin: 0px 0px 0px 0px;}
.currentPackages .currentTimelinePackage .lookandfeel .hero {opacity: 0.75;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.currentPackages .currentTimelinePackage .lookandfeel .profile {position: absolute;bottom: 5px;right: 50%;margin-right: -30px;width: 60px;height: 60px;background-color: white;border-radius: 2px;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.currentPackages .currentTimelinePackage .summary {margin-right: 200px;position: relative;overflow: hidden;height: 70px;}
.currentPackages .currentTimelinePackage .summary .title {margin-top: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.currentPackages .currentTimelinePackage .summary .titletext {font-weight: bold;display: inline;}
.currentPackages .currentTimelinePackage .summary .packages {display: inline;}
.currentPackages .currentTimelinePackage .summary .description {opacity: 0.9;display: block;width: 100%;position: relative;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;text-overflow: ellipsis;}

.currentPackages .currentTimelinePackage .liveUsers {float: left;width: 70px;height: 70px;overflow: hidden;position: relative;margin-right: 15px;text-align: center;padding: 0px 10px 0px 10px;}
.currentPackages .currentTimelinePackage .liveUsers .bgwash {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;opacity: 0.2;}
.currentPackages .currentTimelinePackage .liveUsers .label {text-align: center;font-size: 10px;margin-top: 10px;position: absolute;top: 0px;left: 0px;right: 0px;}
.currentPackages .currentTimelinePackage .liveUsers .numusers {font-family: monospace;line-height: 70px;text-align: center;width: 100%;display: block;opacity: 0;transition-duration: 300ms;}
.currentPackages .currentTimelinePackage .liveUsers .numusers.visible {opacity: 0.7;}
.currentPackages .currentTimelinePackage .numhover {position: absolute;left: 150px;width: 90px;top: 0px;bottom: 0px;overflow: hidden;}
.currentPackages .currentTimelinePackage .numhover a {position: absolute;overflow: hidden;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.currentPackages .currentTimelinePackage .numhover a:hover {background: rgba(0, 0, 0, 0.1);}

.currentPackages .currentTimelinePackage .delbutton {position: absolute;right: 13px;top: 18px;padding: 6px 15px;border: 1px solid rgba(255, 0, 0, 0.2);background: rgba(255, 0, 0, 0.05);overflow: hidden;color: #666666;}
.currentPackages .currentTimelinePackage .delbutton i {padding-right: 1px;}
.currentPackages .currentTimelinePackage .delbutton a {position: absolute;overflow: hidden;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}
.currentPackages .currentTimelinePackage .delbutton a:hover {background: rgba(255, 255, 255, 0.3);}

.currentPackages .currentTimelinePackage .clonebutton { position: absolute;right: 105px;top: 18px;padding: 6px 15px;border: 1px solid rgba(166, 166, 166, 0.5);background: rgba(166, 166, 166, 0.1);overflow: hidden;color: #666666; }

.currentPackages .currentTimelinePackage a {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;background: rgba(0, 0, 0, 0);}
.currentPackages .currentTimelinePackage a:hover {background: rgba(255, 255, 255, 0.3);}

.packageTitleFeedback .feedbackbox {display: none;padding: 10px 20px;border: 1px solid #ad0e0e;background: #ff6565;margin-top: 10px;}
.packageTitleFeedback .feedbackbox.visible {display: inline-block;}

.editorjs_m11eImagePicker_image {position: relative;overflow: hidden;text-align: center;max-height: 600px;}
.editorjs_m11eImagePicker_image img {display: inline-block;cursor: pointer;opacity: 1;transition-duration: 100ms;max-height: 100%;max-width: 100%;}
.editorjs_m11eImagePicker_image img:hover {opacity: 0.8;transform: scale(1.01);}

.customComm select {border: 1px solid #cccccc;outline: none;height: 32px;}
.customComm .mcecontainer {margin-top: 10px;}
.customComm .mcecontainer .mce-panel {border-color: #dddddd;}
.customComm .mcecontainer textarea {display: none;}
.customComm.commWrapper {border-radius: 3px;border: 1px solid #cccccc;position: relative;overflow: hidden;margin-bottom: 20px;transition-duration: 700ms;display: none;opacity: 0;}
.customComm.commWrapper.visible {display: block;}
.customComm.commWrapper.fullyvisible {opacity: 1;}
.customComm .commHeader {background: #ececec;padding: 8px 0px 8px 10px;position: relative;overflow: hidden;}
.customComm .commInner {padding: 10px;background: #fcfcfc;}
.customComm .commHeader .deletebutton {position: absolute;overflow: hidden;right: 5px;top: 5px;bottom: 5px;width: 20px;text-align: center;line-height: 20px;font-size: 16px;color: #444444;}
.customComm .commHeader .deletebutton a {position: absolute;overflow: hidden;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);}

/* timeline card comms*/
.customComm .cardContainer { width: 50%; height: auto; display: inline-block; float: left; }
.customComm.timelineComm .commInner { display: flex; background-color: #F0F0F0;  padding: 0px; }
.customComm .cardContainer .cardWrapper { width:550px; float:left; overflow: hidden; position: relative; margin-left:10px; }
.customComm .cardContainer .cardWrapper .timelineBox .separatorBar { border-bottom: 1px #D8D8D8 solid; margin:0px 14px; opacity: 0.8 }
.customComm .commSettings { width: 40%; display: inline-block; float: left; padding: 10px; padding-top: 20px; background-color: #ececec;}
.customComm.timelineComm .commInner .fromUser{ height: auto; width: 100%; margin-top: 10px; display: flex; align-items: center; }
.customComm.timelineComm .commInner .fromUser select { margin-left: 10px; }
.customComm.timelineComm .commInner .fromUser .avatar { width: 50px; height: 50px; border-radius: 50%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.customComm.timelineComm .commInner .fromUser input { width: 50%; margin-left: 10px; }
.customComm.timelineComm .commInner .textarea { width: 60%; margin-top: 10px; background-color: white; }

.commspanel .button.addNew {margin-top: 0px;margin-left: 0px;}
.commspanel .button.manageTemplates {margin-left: 5px;}
.commspanel .button i {display: inline-block;padding-right: 3px;color: #444444;}

.commWrapper .manageTemplates {position: absolute;right: 10px;}

.registrationConfirmationEmailCustomisation {padding-top: 5px;display: none;}
.registrationConfirmationEmailCustomisation.visible {display: block;}

.timeline-page-link { padding-top:5px; display:none; }
.timeline-page-link.visible { display:block; }

.linkDirectlyOptions {padding-top: 10px;display: none;}
.linkDirectlyOptions.visible {display: block;}

/* Article Editor */
.paperBackground {position: absolute;top: 90px;left: 0px;right: 0px;bottom: 0px;background: transparent;padding: 30px 0px 30px 0px;}
.paperBackground .paperBackgroundInner {position: relative;overflow: hidden;width: 900px;margin: 0px auto;background: white;height: 100%;min-height: 1000px;-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);}
.editorjs_wrapper {position: relative;margin-top: 110px;}
.editorjs_wrapper h1 {size: 21px !important;}
.editorjs_wrapper h2 {size: 18px !important;}
.editorjs_wrapper h3 {size: 16px !important;}
.editorjs_wrapper h4 {size: 16px !important;}
.editorjs_wrapper h5 {size: 16px !important;}
.editorHeaderControls {position: fixed;top: 44px;left: 250px;right: 0px;height: 50px;background: #f8f8f8;z-index: 999;opacity: 0.9;-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);}
.editorHeaderControls .editortools {width: 900px;margin: 8px auto 0px auto;}
.editorHeaderControls .editortools .noleftmargin {margin-left: 0px;}
.editorHeaderControls .editortools .button {padding: 0px 10px;}
.editorHeaderControls .editortools .button i {padding-right: 5px;opacity: 0.7;}
.editorHeaderControls .editortools .documentName {margin-left: 10px;font-style: italic;display: inline-block;position: relative;overflow: hidden;height: 32px;line-height: 32px;opacity: 0.5;max-width: 200px;}
.editorHeaderControls .editortools .changes {border-left: 1px solid #ddd;margin-left: 10px;padding-left: 10px;display: none;position: relative;overflow: hidden;height: 32px;line-height: 32px;opacity: 0.5;max-width: 200px;}
.editorHeaderControls .editortools .changes.visible {display: inline-block;}
.ce-toolbox {background: #f1f1f1;}

body.menustyle0 .editorHeaderControls {left: 40px;transition-duration: 200ms;}
body.menustyle1 .editorHeaderControls {left: 250px;transition-delay: 330ms;transition-duration: 200ms;}

.articlePicker {height: 450px;}
.articlePicker .inputWrapper {padding: 0px 20px 20px 20px;}
.articlePicker .errorOnAboveItem {position: absolute;top: 10px;left: 20px;right: 20px;background: #f9dfdf;opacity: 0;pointer-events: none;transition-duration: 200ms;}
.articlePicker .errorOnAboveItem.visible {opacity: 1;}
.articlePicker .inputWrapper .title {color: #111111;background: #dddddd;margin: 0px;padding-left: 10px;}
.articlePicker .articleThumb .title:hover { text-wrap: unset; }
.articlePicker .articleThumb.selectedArticle {border: 1px solid #20a8d8;}
.articlePicker .articleThumb.selectedArticle .title {background: #20a8d8;color: white;}

.articleSaveOptionsDialogBg {display: none;position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);top: 0px;left: 0px;bottom: 0px;right: 0px;background: rgba(0, 0, 0, 0.2);z-index: 1100;cursor: pointer;color: white;padding: 20px;font-weight: bold;font-size: 21px;text-align: right;}
.articleSaveOptionsDialogBg.visible {display: block;}

.articleSaveOptionsDialog {position: fixed;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);overflow: hidden;top: 50%;left: 50%;width: 700px;margin: -225px 0px 0px -300px;display: none;background: #f8f8f8;border-radius: 4px;-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);-moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4);z-index: 10000;}
.articleSaveOptionsDialog.visible {display: block;}
.articleSaveOptionsDialog .controlbox {cursor: move;position: absolute;top: 0px;left: 0px;right: 0px;height: 36px;border-bottom: 1px solid #ddd;background: #8b8c90;color: #e2e2e2;line-height: 36px;text-align: right;padding-right: 10px;}
.articleSaveOptionsDialog .title {float: left;margin-left: 20px;color: #e2e2e2;}
.articleSaveOptionsDialog .close {display: block;float: right;width: 20px;height: 20px;display: block;cursor: pointer;}

.articleSaveOptionsDialog .ccontent {padding: 20px;margin-top: 36px;height: 400px;overflow-y: scroll;margin-bottom: 50px;}
.articleSaveOptionsDialog .ccontent h3 {margin-top: 20px;}

.articleSaveOptionsDialog .buttons {position: absolute;bottom: 10px;right: 0px;padding-top: 10px;padding-right: 20px;left: 0px;border-top: 1px solid #dddddd;}
.articleSaveOptionsDialog .buttons .button {float: right;margin-left: 10px;padding: 5px 25px 5px 25px !important;height: auto;line-height: normal;background: #cccccc;border: 1px solid #bbbbbb;cursor: pointer;color: #444444;border-radius: 2px;}
.articleSaveOptionsDialog .buttons .button:hover {background: #bbbbbb;}
.articleSaveOptionsDialog .buttons .button.save {background: #20a8d8;color: white;}
.articleSaveOptionsDialog .buttons .button.save:hover {background: #1e95be;}
.articleSaveOptionsDialog .buttons .button.notvisibleyet {display: none;}
.articleSaveOptionsDialog .buttons .button.blue {background: #20a8d8;color: white;}
.articleSaveOptionsDialog .buttons .button.blue:hover {background: #1e95be;}

.articleSaveOptionsDialog input {width: 100%;box-sizing: border-box;margin: 10px 0px 10px 0px;}

.articleSaveOptionsDialog h5 {margin: 0px 0px 0px 0px;font-size: 14px;}
.articleSaveOptionsDialog p {margin: 5px 0px 5px 0px;}
.articleSaveOptionsDialog .editimagethumbnail {margin-top: 15px;margin-bottom: 15px;}

.fullOverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	z-index: 10000;
}

.countdownNoticeBox {
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 72px;
	font-weight: bold;
	color: #41b883;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 5px;
	z-index: 10001;
}
.countdownNoticeBox.applyColor {
	stroke-width: 7px;
	stroke-linecap: round;
	transform-origin: center;
	transition: 1s linear all;
	fill-rule: nonzero;
	stroke: currentColor;
}
.countdownCountBox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 140px;
	font-weight: bold;
	color: #ff0000;
	text-align: center;
	z-index: 10001;
}

.base-timer {
	position: relative;
	width: 300px;
	height: 300px;
}
.base-timer__svg {
	transform: scaleX(-1);
}
.base-timer__circle {
	fill: none;
	stroke: none;
}
.base-timer__path-elapsed {
	stroke-width: 7px;
	stroke: grey;
}
.base-timer__path-remaining {
	stroke-width: 7px;
	stroke-linecap: round;
	transform: rotate(90deg);
	transform-origin: center;
	transition: 1s linear all;
	fill-rule: nonzero;
	stroke: currentColor;
}
.base-timer__path-remaining.green {
	color: #41b883;
}
.base-timer__path-remaining.orange {
	color: orange;
}
.base-timer__path-remaining.red {
	color: red;
}
.base-timer__label {
	position: absolute;
	width: 300px;
	height: 300px;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 96px;
	color: #ffffff;
}




.audiochoicerows {position: relative;overflow: hidden;border-top: 1px solid #ddd;}
.audiochoicerows .audiochoice {position: relative;overflow: hidden;padding: 12px 0px 12px 10px;border-bottom: 1px solid #ddd;}
.audiochoicerows .audiochoice.checked {background: #20a8d8;color: white;transition-duration: 150ms;transition-property: background;}
.audiochoicerows .audiochoice .label {width: 180px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;float: left;}
.audiochoicerows .audiochoice .player {margin-left: 210px;margin-right: 20px;position: absolute;top: 5px;}
.audiochoicerows .audiochoice .player audio {display: none;}
.audiochoicerows .audiochoice .tickbox {position: absolute;right: 0px;outline: none;left: 0px;top: 0px;bottom: 0px;text-align: right;line-height: 40px;padding-right: 10px;}
.audiochoicerows .audiochoice .tickbox a {position: absolute;overflow: hidden;background: rgba(0, 0, 0, 0);}
.audiochoicerows .green-audio-player {height: 30px;-webkit-box-shadow: none;box-shadow: none;background: none;}
.audiochoicerows .green-audio-player .play-pause-btn svg {height: 18px;}
.audiochoicerows .green-audio-player .volume__button svg {height: 18px;}
.audiochoicerows .green-audio-player .slider .gap-progress .pin {background-color: #ecec3a;}
.audiochoicerows .green-audio-player .slider .gap-progress {background-color: #ecec3a;}
.audiochoicerows .green-audio-player .volume {display: none;}
.audiochoicerows .audiochoice.checked .green-audio-player .controls {color: white;}
.audiochoicerows .audiochoice.checked svg path {fill: white;}
.audiochoicesave .button {margin-left: 0px;margin-top: 20px;}

.panel .panel-body-wrapper {overflow-y: hidden;transition-duration: 800ms;transition-delay: 0ms;transition-property: max-height;max-height: 10000px;}
.panel.collapsed .panel-body-wrapper {max-height: 0px;transition-duration: 100ms;transition-delay: 0ms;}
.panel .panel-collapse-icon {transition: transform 0.3s;}
.panel.collapsed .panel-collapse-icon {transform: rotate(180deg);}

.questionTarget .question-wrapper .question-body { overflow-y: hidden; transition-delay:0ms; transition-duration: 800ms; transition-property: max-height; max-height:10000px; }
.questionTarget .question-wrapper.collapsed .question-body { max-height: 0px; transition-delay:0ms; transition-duration: 100ms; }
.questionTarget .question-wrapper .collapse-icon {transition: transform 0.3s;}
.questionTarget .question-wrapper.collapsed .collapse-icon {transform: rotate(180deg);}
.questionTarget .question-header {height: 20px;padding: 10px 20px 10px 20px;background: #565456;color: #ffffff;}
.questionTarget .question-header.errorField,
.questionTarget .question-header.errorFieldOptions {background: #D32F2F;}
.questionTarget .question table tr {border: none;}
.questionTarget .question table tr td {border: none;}
.questionTarget .question table th {border: none;}
.questionTarget .question table {border: none;}
/* .questionTarget .question .cLeft { width:100px; height:34px; line-height:34px; margin-top:2px;} */
.questionTarget .question .cLeft {width: 100px;height: 34px;line-height: 34px;margin-top: 8px;}
.questionTarget .question .cRight {margin: -34px 0px 0px 105px;}
.questionTarget .question {background: #f8f8f8;padding: 15px;}
.questionTarget .header-button.invisibleWhenImmutable {display: none;}
.questionTarget .question.immutable .invisibleWhenImmutable {display: none;}
.questionTarget .question .visibleWhenImmutable {display: none;height: 34px;line-height: 34px;}
.questionTarget .question.immutable .visibleWhenImmutable {display: block;}
.questionTarget .question .label input {width: 300px;}

.questionTarget .question .inputTypeSub {display: none;}
.questionTarget .question .inputTypeSub.visible {display: block;}
.questionTarget .question .inputTypeSub.sub_options.visible {margin-top: 25px;}
.questionTarget .question .inputTypeSub .templateRow {display: none;}
.questionTarget .question .inputTypeSub .most {width: 100%;}
.questionTarget .question .inputTypeSub .almostnone {width: 1px;}
.questionTarget .question .inputTypeSub table td {padding: 5px 0;}
.questionTarget .question .inputTypeSub table td:first-child input {width: 100%;}
.questionTarget .question .inputTypeSub table td:nth-child(2) input {width: 180px;margin-left: -1px;}

.questionTarget .question .inputTypeSub .row {
	display: flex;
	gap: 10px;
	align-items: center;
	margin: 10px 0;
}

.questionTarget .question .inputTypeSub .row .dragOptionEl { width: 10px; }
.questionTarget .question .inputTypeSub .row .optionLabelClass { flex: 1; };
.questionTarget .question .inputTypeSub .row .optionNameClass { width: 130px; }
.questionTarget .question .inputTypeSub .row .optionLabelClass input,
.questionTarget .question .inputTypeSub .row .optionNameClass input{ width: 100% }
.questionTarget .question .inputTypeSub .row .optionDeleteButton { width: 80px; }

.questionTarget .question .inputType select,
.questionTarget .question .inputTypeSubInline.visible{ display: block; width: 300px; color:#666666; }
.questionTarget .question .inputTypeSubInline .separator { display: block; text-align: center; }
.questionTarget .question button.header-button.visible {display: block;margin-left: auto;margin-bottom: -8px;}
.questionTarget button.header-button.visible {display: block;margin-left: auto;margin-bottom: -8px;}

.questionTarget .question select, select[name="timelinePackages"] {
	border: 1px solid #cccccc;
	outline: none;
	padding: 0px 0px 0px 7px;
	height: 34px;
}

.questionTarget .question select, select[name=customFormTypes] {
	border: 1px solid #cccccc;
	outline: none;
	padding: 0px 0px 0px 7px;
	height: 34px;
}

.questionTarget button {cursor: pointer;}
.questionTarget .question .addbutton {margin-left: 2px;}
.questionTarget .question .deletebutton {
	width: 70px;
	border: none;
	background: none;
	color: #666666;
	margin: 0 10px;
}
.questionTarget .question .deletebutton span {
	margin-left: 4px;
	font-size: 12px;
}

.header-buttons {
	float: right;
}
.header-button {
	border: none;
	background: none;
	float: right;
	margin-left: 5px; /*Not working due to float*/
	cursor: pointer;
}

.question-wrapper .header-button {
	color: #ffffff;
}
/* .questionTarget .question td .deletebutton { width: 100%; } */

.sub_hidden input[type=text] { width:300px; }
.question-body.hiddenType .rInputType {  }
.question-body.hiddenType .rRequired { display:none !important; }
.question-body .hiddenFieldValueWrapper { display:none; }
.question-body .hiddenFieldValueWrapper.visible { display:block; }
.question-body .inputTypeWrapper.invisible { display:none; }

.panel .qformWrap {margin-top: 9px;}
.panel .qformWrap:first-of-type {margin-top: -7px;}
.panel .qMCEWrap {margin-top: 9px;}
.panel .qMCEWrap:first-of-type {margin-top: -15px;}
.formDescriptor {margin: 7px 0px 5px 0px;}

@media (max-width: 1200px) {

	.buttonSmall {display: inline-block !important;}
	.buttonLarge {display: none !important;}

	.topbar .left {width: 40px;}
	.topbar .left .label {display: none;}
	.topbar .right {left: 40px;}

	.topbar .left .burger {margin-right: 5px;}

	.newItemsReleased {margin-left: 15px;}
}

@media (max-width: 1000px) {
	body.menustyle0 .leftcolumn.columntype0 {left: -250px;transition-delay: 0ms;}
	body.menustyle0 .leftcolumn.columntype1 {left: 0px;transition-delay: 200ms;}
	body.menustyle1 .leftcolumn.columntype0 {left: -250px;transition-delay: 0ms;}
	body.menustyle1 .leftcolumn.columntype1 {left: 0px;transition-delay: 200ms;}

	body.menustyle1 .peopledialog {margin-left: -350px;}

	.buttonpanel_outer_outer {left: 40px !important;}

	.rightcolumn {margin-left: 40px !important;}

	body.menustyle1 .stimulusoptionswindow {margin-left: -340px;}
	body.menustyle0 .stimulusoptionswindow {margin-left: -340px;}

	body.menustyle1 #profilepicturescropper {margin-left: -350px;}
	body.menustyle0 #profilepicturescropper {margin-left: -350px;}

	body.menustyle1.finishedloading .dockedparticipantwindow_outer {left: 40px;}
	body.menustyle1.finishedloading .dockedparticipantwindow {left: 0px;}

	.messageinputbottomcontainer {
		left: 40px;
		right: 0px;
	}
	body.menustyle0 .messageinputbottomcontainer {
		left: 40px;
		right: 0px;
	}

	body.menustyle0.planted121window .moderatorchatsurface {margin-left: 20px;}
	body.menustyle1.planted121window .moderatorchatsurface {margin-left: 20px;}

	.noliveconversation {
		display: none;
	}

	.dockedparticipantwindow_outer {width: 0px;}
	.dockedparticipantwindow_outer.showing {width: 240px;-webkit-box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.1);box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.1);}
	.dockedparticipantwindowHandle {left: 40px;}
	body.planted121window .dockedparticipantwindowHandle {display: block;}

	.dockedparticipantwindowHandle.qshowing {left: 280px;}
	.menu-drawer {top: 110px;}

	.buttonpanel_outer .infopanel .inner {left: 15px;}

	#releaselog {top: 44px;left: 0px;right: 0px;bottom: 0px;}

	body.menustyle1 .replywindow {margin-left: -300px;}
	body.menustyle0 .replywindow {margin-left: -300px;}
	body.menustyle1 .whisperreplywindow {margin-left: -300px;}
	body.menustyle0 .whisperreplywindow {margin-left: -300px;}

	body.menustyle0 .channelmenu {left: 40px;}
	body.menustyle1 .channelmenu {left: 40px;}

	body.menustyle1 .channelinfocontainer {left: 300px;}
	body.menustyle0 .channelinfocontainer {left: 300px;}

	.plugindialog#plugindialog_customForms { transition: left 0.2s ease;}
	body.menustyle1 .plugindialog#plugindialog_customForms { left: 300px; transition: left 0.2s ease;}
	.loading {left: 50%; transform:translateX(-50%); display: block; }
	body.menustyle1 .loading {margin-left: 40px;}
	.loading.finishedPlotting {display: none;}
}



@media (min-width: 1151px) {
	.mobileconfig_wrap {display: none !important;}
}

@media (max-width: 1150px) {
	.buttonpanel.normal .ebutton .btnlabel {display: none;}
	.buttonpanel.normal .mobileButtonsConfig {display: block;}

	.buttonpanel .ebutton .btnlabel {display: none;}

	.buttonpanel.normal .eventroombuttons {display: none;}
	.buttonpanel.normal .eventroomcontrols {display: none;}
	.bubble .controlswrap .btnlabel {display: none;}
	.eventTable2 .overflowblock {right: 10px;}
	.eventTable2 .dateW {margin-right: 5px;}
	.eventTable2 .event .eventMiLabels {display: block;}
	.eventTable2 .registrants {display: block;margin-left: 0px;}
	.eventTable2 .processNiceDates {width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

	.eventTable2 .title .titleTextWrapper {max-width: 100%;}
}

@media (max-width: 850px) {
	body.stimulusQueueVisible .stimulusQueue {bottom: 100%;z-index: 10000;padding: 0px 10px 0px 10px;margin-top: -15px;transition-duration: 0ms;}
	body.stimulusQueuePreVisible .moderatorchatsurface {margin-left: 20px;}
	body.stimulusQueueVisible .stimulusQueue.loaded {transition-duration: 100ms;}
	body.stimulusQueueVisible .stimulusQueue.expanded {bottom: 0px;}
	body.stimulusQueueVisible .toggleStimulusQueue {display: block;}

	.eventTable2 .overflowblock {margin-right: 0px;}
}

@media (max-width: 700px) {

	.picturebutton {width: 120px;height: 75px;line-height: 70px;}
	.picturebutton i {font-size: 30px;}
	.picturebutton p {font-size: 13px;line-height: 14px;bottom: 16px;}
	.picturebutton .ioverlay3 {top: 8px;right: 22px;}
	.picturebutton .ioverlay i {font-size: 15px;}
	.picturebutton .ioverlay {top: 2px;}

	.picturebutton.event {clear: both;}

	.publicprofileview .ppoverlay {display: none;}
	.panel .accounttable input[type="text"] {width: 100%;}
	.panel .accounttable {margin: 10px 0px 0px 0px;}

	.peopledialog {top: 44px;z-index: 1010;left: 0px;bottom: 0px;width: auto;height: auto;right: 0px;margin: 0px !important;}
	.peopledialog .email {position: absolute;left: 290px;right: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: auto !important;}

	body.menustyle1 .closedconvowindow {margin-left: auto;top: 44px;left: 0px;bottom: 0px;right: 0px;width: auto;height: auto;margin: 0px !important;}

	.picturebutton {height: 94px;line-height: 80px;}
	.picturebutton .ioverlay {line-height: 41px;}

	.controls2 {display: none !important;}

	.panel .canvascontainer {float: none;width: 100%;}
	.panel .rightcontainer {float: none;width: 100%;}

	body.menustyle1 .replywindow {margin: 0px !important;left: 10px;right: 10px;top: 44px;bottom: 10px;width: auto;height: auto;}
	body.menustyle0 .replywindow {margin: 0px !important;left: 10px;right: 10px;top: 44px;bottom: 10px;width: auto;height: auto;}
	body.menustyle1 .whisperreplywindow {margin: 0px !important;left: 10px;right: 10px;top: 44px;bottom: 10px;width: auto;height: auto;}
	body.menustyle0 .whisperreplywindow {margin: 0px !important;left: 10px;right: 10px;top: 44px;bottom: 10px;width: auto;height: auto;}

	.plugindialog#plugindialog_customForms { transition: left 0.2s ease; left: 50px; z-index: 970;}
}

@media (max-height: 600px) {
	#releaselog {top: 44px;left: 0px;right: 0px;bottom: 0px;}
}

@media (max-height: 500px) {
	.peopledialog {top: 44px;z-index: 1010;left: 0px;bottom: 0px;width: auto;height: auto;right: 0px;margin: 0px !important;}
	.peopledialog .email {position: absolute;left: 290px;right: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: auto !important;}
}

@media (max-width: 600px) {
	.publicpagelink {display: none !important;}

	.bubble {margin-bottom: 6px;}
	.bubble .bwrapper {padding: 5px 0px 5px 0px;}

	.bubble.left .avatar {right: 6px;width: 35px;height: 35px;top: 8px;border: 1px solid rgba(200, 200, 200, 0.1);background: none;}
	.bubble.right .avatar {left: 20px;width: 35px;height: 35px;top: 8px;border: 1px solid rgba(200, 200, 200, 0.1);background: none;}

	.bubble.left .neck {right: 5px;display: none;}
	.bubble.left .body {margin-right: 3px;margin-left: 53px;border-top-right-radius: 20px;padding-right: 38px; /* border:1px solid #eff1ee; box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.05); */}

	.bubble.right .neck {left: 15px;display: none;}
	.bubble.right .body {margin-left: 16px;border-top-left-radius: 20px;padding-left: 52px; /* border:1px solid #eff1ee; box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.05);*/}

	.bubble.inreplyto {margin-left: 15px;}

	.bubble .userdevice {display: none !important;}
	.bubble .flag {display: none !important;}

	.bubble.inlineImage.left .body {width: 250px;}

	body.stimulusQueueVisible .stimulusQueue {left: 21px;}

	.stimulusoptionswindow .thumbnails .thumbnail {width: 31%;margin-left: 2%;}

	.recentlyUsedVideos .smallvidthumb {width: 31%;margin-left: 2%;padding-bottom: 22%;height: auto;}

	body.menustyle0 .leftcolumn.columntype0 {display: none;}
	body.menustyle0 .leftcolumn.columntype1 {display: none;}
	body.menustyle1 .leftcolumn.columntype0 {display: none;}
	body.menustyle1 .leftcolumn.columntype1 {display: none;}

	.stimulusoptionswindow .rtcdevicedropdowns .devtitle {margin-top: 2px;width: 75px;}
	.stimulusoptionswindow .rtcdevicedropdowns .dropdown {float: none;}

	.stimulusoptionswindow .polltype .description {margin-left: 240px;}
	.stimulusoptionswindow .polltype .moreinfo {top: 31px;}
	.stimulusoptionswindow .polltype .typebtn {top: 10px;}
	.stimulusoptionswindow .desctitle {font-size: 11px;}
	.stimulusoptionswindow .freetextexample {width: 116px;}
	.stimulusoptionswindow .polltype .moreinfo {width: 50%;}
	.stimulusoptionswindow .libraryorrecentpolls .stimulus .question {width: auto;float: none;}

	.menu-drawer {display: block;}

	.rightcolumn {margin-left: 0px !important;}
	.panel {margin: 10px 10px 10px 10px;}
	.rightcolumn .topbuffer {height: 50px;}
	select {max-width: 100%;}

	.buttonpanel_outer_outer {left: 0px !important;}

	.sharinglink {width: 100%;height: 22px;overflow: hidden;position: relative;background: none;border: none;margin: 0;padding: 0;}
	.sharinglink a {position: absolute;left: 0px;right: 0px;bottom: 0px;top: 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

	.picturebutton.event {width: auto !important;height: auto !important;}
	.picturebutton.event p {position: relative;top: auto;bottom: auto;left: auto;right: auto;margin: 0;text-align: left;}
	.picturebutton.event .buttonpart {float: none;width: auto !important;margin: 10px 0px 0px 10px;}
	.picturebutton.event .buttonpart i {display: none;}
	.picturebutton.event .textpart {height: auto;padding: 0px 10px 10px 10px;}

	.alertconfirm .dialog {width: auto;left: 10px;right: 10px;margin-left: 0;margin-right: 0;}

	.burger.burgerMobile {display: block;}
	.burger.burgerDesktop {display: none;}

	.panel .accounttable .labelwidth {width: auto;}

	.messageinputbottomcontainer {left: 0px;}

	body.planted121window .menu-touchableEdge {top: 110px;}

	body.menustyle1 .loading {margin-left: 0;}

	body.menustyle0.finishedloading .dockedparticipantwindow_outer {left: 0px;}
	body.menustyle1.finishedloading .dockedparticipantwindow_outer {left: 0px;}
	body.menustyle1.finishedloading .dockedparticipantwindow_outer.showing {left: 0px;}
	body.menustyle0.finishedloading .dockedparticipantwindow_outer.showing {left: 0px;}
	.dockedparticipantwindowHandle {left: 0px;}
	.dockedparticipantwindowHandle.qshowing {left: 240px;}

	.questionTarget .question .cRight { margin:0; width: 100%; }
	.questionTarget .question input,
	.questionTarget .question .inputType select,
	.questionTarget .question .inputTypeSubInline.visible {
		display: block;
		width: 100% !important;
	}
	.questionTarget .question input[type="checkbox"] {width: auto !important;}
	.plugindialog#plugindialog_customForms { transition: left 0.2s ease; left: 7px; z-index: 970;}
}

/* Stimulus picker arrangement */
@media (max-height: 650px), (max-width: 700px) {
	.stimulusoptionswindow {top: 44px;z-index: 1010;left: 0px;bottom: 0px;width: auto;height: auto;right: 0px;margin: 0px !important;}
	body.menustyle0 .stimulusoptionswindow {margin: 0px; left:250px; }
	body.menustyle1 .stimulusoptionswindow {margin: 0px; left:40px; }
	.stimulusoptionswindow.showingsuboptions {height: auto;}

	.stimulusoptionswindow .picturebutton {width: 23%;margin-left: 1%;}
	.stimulusoptionswindow .picturebutton p {line-height: initial;}
	.picturebutton .ioverlay {right: 50%;margin-left: 0px;margin-right: -19px;top: 9px;}

	.plugindialog, .plugindialog#plugindialog_preview_iframe {top: 45px;left: 0px;right: 0px;bottom: 0px;margin: 0px;width: auto;}

	.buttonhelper, .buttonhelper2 {z-index: 10100;}
}
@media (max-width: 500px) {
	.stimulusoptionswindow .picturebutton {width: 31%;margin-left: 1%;font-size: 11.5px;}
	.stimulusoptionswindow .picturebutton p {margin-top: 3px;}

	.picturebutton.event {height: auto !important;max-width: 98%;box-sizing: border-box;}
	.picturebutton .textpart {width: auto;float: none;overflow: hidden;position: relative;}
	#usertorespond {width: 100%;}
	.wrappedselectandavatar .left {float: none;}
	.avatarbesideselect {margin-top: 5px;margin-left: 0px;}
	table.compact {width: 100%;}
	input[type="text"], input[type="number"], .inputAlertFeedback {width: 100% !important;box-sizing: border-box;}
	.panel input[type="number"].tinynumber {width: 90px !important;}
}

.me-tab {
	background-color: #c0c0c0;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
}
.me-tab .me-tab-tab {
	background-color: inherit;
	display: inline-block;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
}

.me-tab .me-tab-tab.active {
	background-color: white;
}

.me-tab-content {
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
}

.greyout {
	background: #eefde8;
}

.vodUploader {
	width: 100%;
	height: 16px;
	margin-top: 5px;
	border: 1px solid #F8E20D;
	border-radius: 15px;
	text-align: center;
}
.vodUploaderBar {
	width: 0;
	height: 14px;
	background-color: #F8E20D;
	border-radius: 15px;
}
.vodUploaderText {
	margin-top: -17px;
	color: #383838;
}

.m11eSwitch {
	width: 36px;
	height: 20px;
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.m11eSwitchDisabled {
	pointer-events: none;
	opacity: .4;
	filter: grayscale(100%);
}
.m11eSwitch > input[type=checkbox] {
	height: 0;
	width: 0;
	visibility: hidden;
}
.m11eSwitchSlider {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 20px;
	background-color: #ccc;
	transition: 0.3s;
}
.m11eSwitchSlider:after {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	background-color: #fff;
	transition: 0.3s;
}
.m11eSwitch input:checked + .m11eSwitchSlider {
	background-color: #FCCE00;
}
.m11eSwitch input:checked + .m11eSwitchSlider:after {
	left: calc(100% - 2px);
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}

.stimulusLiveStreamGraphs {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 190px;
	height: 155px;
	background: rgba(0, 0, 0, 0.7);
	padding: 5px;
}

.stimulusLiveStreamGraphs.visible {
	display: block;
}

.stimulusLiveStreamGraphs .chart-container{
	background: rgba(255,255,255,1);
	height: 27px;
	margin: 3px 0;
}

.stimulusLiveStreamGraphs .infobitrateContainer,
.stimulusLiveStreamGraphs .infobitrateContainer span,
.stimulusLiveStreamGraphs .infofpsContainer,
.stimulusLiveStreamGraphs .infofpsContainer span,
.stimulusLiveStreamGraphs .infohlsSpeedContainer,
.stimulusLiveStreamGraphs .infohlsSpeedContainer span{
	font-size: 9px;
	color: white;
}

.stimulusLiveStreamGraphs .closeLiveStreamGraphs {
	position: absolute;
	top: 1px;
	right: 0px;
	border: none;
	font-size: 11px;
	background: none;
	color: white;
}