:root{--jsxc-color-main-text: var(--color-main-text);--jsxc-color-main-background: var(--color-main-background);--jsxc-color-main-background-translucent: var(--color-main-background-translucent);--jsxc-color-background-hover: var(--color-background-hover);--jsxc-color-background-dark: var(--color-background-dark);--jsxc-color-background-darker: var(--color-background-darker);--jsxc-color-placeholder-light: var(--color-placeholder-light);--jsxc-color-placeholder-dark: var(--color-placeholder-dark);--jsxc-color-primary: var(--color-primary);--jsxc-color-primary-light: var(--color-primary-light);--jsxc-color-primary-text: var(--color-primary-text);--jsxc-color-primary-text-dark: var(--color-primary-text-dark);--jsxc-color-error: var(--color-error);--jsxc-color-warning: var(--color-warning);--jsxc-color-success: var(--color-success);--jsxc-color-text-maxcontrast: var(--color-text-maxcontrast);--jsxc-color-text-light: var(--color-text-light);--jsxc-color-text-lighter: var(--color-text-lighter);--jsxc-color-loading-light: var(--color-loading-light);--jsxc-color-loading-dark: var(--color-loading-dark);--jsxc-color-box-shadow: var(--color-box-shadow);--jsxc-color-border: var(--color-border);--jsxc-color-border-dark: var(--color-border-dark)}@keyframes jsxc-left-to-right{0%{background-position-x:0%}50%{background-position-x:100%}100%{background-position-x:0%}}#jsxc{padding:20px}#jsxc h1{margin:15px 0 5px;font-size:1.5em}#jsxc a{color:blue;text-decoration:underline}#jsxc a:hover{text-decoration:none}#jsxc-roster{padding-top:5px;top:45px;z-index:1550}#jsxc-window-list,#jsxc-window-list-handler{z-index:1500}.jsxc-dialog-wrapper{z-index:2600}#jsxc-video-dialog{z-index:2700}#mainContainer,#odf-toolbar{right:0;left:0;width:auto !important;z-index:70 !important}#body-login #jsxc_windowList,#body-login #jsxc_roster{display:none}#contactsmenu-contacts .jsxc_statusIndicator{position:relative}#contactsmenu-contacts .jsxc_statusIndicator:before{width:6px;height:6px;right:13px;top:13px;position:absolute}#contactsmenu-contacts .contact:before{position:absolute;top:7px;left:7px}#contactsmenu-contacts .contact .avatar{cursor:pointer}@media (min-width: 768px){#content,#content-wrapper{padding-right:0;transition:padding-right 0.5s}#mainContainer,#odf-toolbar,#app-sidebar,#view-toggle{right:0;transition:right 0.5s}.app-mail .submit-message-wrapper{transition:right 0.5s}.app-mail .submit-message-wrapper .submit-message{transition:right 0.5s}.jsxc-roster-shown #content,.jsxc-roster-shown #content-wrapper{padding-right:210px}.jsxc-roster-shown #mainContainer,.jsxc-roster-shown #odf-toolbar,.jsxc-roster-shown #app-sidebar,.jsxc-roster-shown #view-toggle{right:210px}.jsxc-roster-shown .app-mail .submit-message-wrapper{right:225px}.jsxc-roster-shown .app-mail .submit-message-wrapper .submit-message{right:225px}.jsxc-roster-shown #app-content.with-app-sidebar{padding-right:50px}}#jsxc-submit-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}input.primary.jsxc-submit{font-size:15px;font-weight:normal;height:auto;opacity:1;padding:3px 5px}input.primary.jsxc-submit:hover{opacity:0.7}form.ojsxc .form-group{overflow:hidden}form.ojsxc .form-group>label,form.ojsxc .form-group>.form-col{float:left}form.ojsxc label{box-sizing:border-box;padding:6px 15px 6px 0;width:100%;margin:3px 0}@media (min-width: 768px){form.ojsxc label{width:33%;text-align:right}}form.ojsxc .form-no-padding{padding:0}form.ojsxc .form-col{width:100%;overflow:hidden}@media (min-width: 768px){form.ojsxc .form-col{width:66%}}form.ojsxc .form-col input{display:block}@media (min-width: 768px){form.ojsxc .form-col-offset{padding-left:33%}}form.ojsxc input{box-sizing:border-box;padding-right:15px;width:100%}form.ojsxc input[type='checkbox']{margin:13px 0;width:auto;min-height:auto;height:auto}form.ojsxc input[type='radio']{width:auto;min-height:auto;height:auto}form.ojsxc input[readonly]{background-color:#f1f1f1}form.ojsxc input:invalid{border:1px solid red;position:relative}form.ojsxc input.jsxc-loading{background-image:linear-gradient(to right, #fff, #fff);background-position-x:10%;background-size:30px 100%;background-repeat:no-repeat;animation:jsxc-left-to-right 5s linear infinite}form.ojsxc em,form.ojsxc .boshUrl-msg{display:block;clear:left;margin-bottom:0.8em}form.ojsxc .text-left{text-align:left}form.ojsxc h3{width:100%}@media (min-width: 768px){form.ojsxc h3{width:33%;border-bottom:1px solid #e1e1e1}}form.ojsxc .text{margin-bottom:10px}.jsxc_success,.jsxc_fail{border:1px solid #fff;color:#030;padding:11px;padding-left:38px;background-position:12px center;background-repeat:no-repeat;background-color:#f1f1f1;margin:3px}.jsxc_success{background-image:url("../img/checkmark-green.svg")}.jsxc_fail{background-image:url("../img/cross-red.svg");background-position:12px 5px}#header .ojsxc-chat-icon{width:45px;height:45px;float:right;background-image:url("../img/chat-icon-white.svg");background-size:20px;background-repeat:no-repeat;background-position:center;opacity:0.7;cursor:pointer}#header .ojsxc-chat-icon:hover{opacity:1}.nav-icon-javascript-xmpp-client{background-image:url("../img/app-black.svg")}.jsxc-internal-server #jsxc_buddylist .jsxc_more{display:none}.jsxc-internal-server #jsxc_menu .jsxc_joinChat,.jsxc-internal-server #jsxc_menu .jsxc_addBuddy{display:none}