*{box-sizing:border-box}
html{-webkit-tap-highlight-color:rgb(134 49 49/0%)}
a{color:#337ab7;text-decoration:none}
label{display:inline-block;max-width:100%}
.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}
.btn-success:focus,.btn-success.focus{color:#fff;background-color:#449d44;border-color:#255625}
.nav{padding-left:0;margin-bottom:0;list-style:none}
.nav-tabs>li{float:left;margin-bottom:-1px}
.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.radio input[type=radio],.radio-inline input[type=radio],.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox]{position:absolute;margin-top:4px \9;margin-left:-20px}
.radio-inline,.checkbox-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}
.btn-primary{color:#fff;border-color:#2e6da4}
.btn-success{color:#fff;background-color:#5cb85c}
.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}
.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}
.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}
.label{padding:.2em .4em .3em;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline}
a.label:hover,a.label:focus{color:#fff;text-decoration:none;cursor:pointer}
.label:empty{display:none}
.btn .label{position:relative;top:-1px}
.label-default{background-color:#777}
.label-default[href]:hover,.label-default[href]:focus{background-color:#5e5e5e}
.label-primary[href]:hover,.label-primary[href]:focus{background-color:#286090}
.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}
.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}
.label-warning{background-color:#f0ad4e}
.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}
.label-danger{background-color:#d9534f}
.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}
.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}
.badge:empty{display:none}
.btn .badge{position:relative;top:-1px}
.btn-xs .badge,.btn-group-xs>.btn .badge{top:0;padding:1px 5px}
a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}
.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}
.list-group-item>.badge{float:right}
.list-group-item>.badge+.badge{margin-right:5px}
.nav-pills>li>a>.badge{margin-left:3px}
.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.nav>li>a>img{max-width:none}
.nav-tabs{border-bottom:1px solid #ddd}
.nav-tabs>li{float:left;margin-bottom:-1px}
.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}
.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}
.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}
.panel-body{padding:15px}
.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}
.panel-heading>.dropdown .dropdown-toggle{color:inherit}
.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}
.panel-title>a,.panel-title>small,.panel-title>.small,.panel-title>small>a,.panel-title>.small>a{color:inherit}
.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.panel-success{border-color:#d6e9c6}
.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}
.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}
.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}
.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}
.panel-info{border-color:#bce8f1}
.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}
.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}
button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;appearance:none}
.modal-open{overflow:hidden}
.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}


.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;overflow:hidden;outline:0}
.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal-dialog{position:relative;width:auto;margin:10px}
.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}
.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}
.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}
.modal-header .close{margin-top:-2px}
.modal-title{margin:0;line-height:1.42857143}
.modal-body{position:relative;padding:15px}
.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}
.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}
.modal-footer .btn-group .btn+.btn{margin-left:-1px}
.modal-footer .btn-block+.btn-block{margin-left:0}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
@media(min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}
@media(min-width:992px){.modal-lg{width:900px}}
.clearfix:before,.clearfix:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.panel-body:before,.panel-body:after,.modal-header:before,.modal-header:after,.modal-footer:before,.modal-footer:after{display:table;content:" "}
.clearfix:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.panel-body:after,.modal-header:after,.modal-footer:after{clear:both}
.center-block{display:block;margin-right:auto;margin-left:auto}
.pull-right{float:right!important}
.pull-left{float:left!important}
.hide{display:none!important}
.show{display:block!important}
.invisible{visibility:hidden}
.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.hidden{display:none!important}
.affix{position:fixed}
.fa-youtube-play:before{content:"\f16a"}
@font-face{font-family:fontawesome;src:url(../fonts/fontawesome-webfont3295.eot?v=4.5.0);src:url(../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.5.0) format("embedded-opentype"),url(../fonts/fontawesome-webfont3295.woff2?v=4.5.0) format("woff2"),url(../fonts/fontawesome-webfont3295.woff?v=4.5.0) format("woff"),url(../fonts/fontawesome-webfont3295.ttf?v=4.5.0) format("truetype"),url(../fonts/fontawesome-webfont3295.svg?v=4.5.0#fontawesomeregular) format("svg");font-weight:400;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}
.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}
.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}
:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}
.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}
.fa-inverse{color:#fff}
.fa-heart:before{content:"\f004"}
.fa-user:before{content:"\f007"}
.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}
.fa-gear:before,.fa-cog:before{content:"\f013"}
.fa-home:before{content:"\f015"}
.fa-ban:before{content:"\f05e"}
.fa-ban:before{content:"\f05e"}
.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}
.fa-comment:before{content:"\f075"}
.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}
.fa-filter:before{content:"\f0b0"}
.fa-group:before,.fa-users:before{content:"\f0c0"}
.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}
.fa-sitemap:before{content:"\f0e8"}
.fa-smile-o:before{content:"\f118"}
.fa-archive:before{content:"\f187"}
.fa-delicious:before{content:"\f1a5"}
.fa-history:before{content:"\f1da"}
.fa-eye:before {
    content: "\f06e"
}


.fa-plus-circle:before {
    content: "\f055"
}
.fa-gg:before{content:"\f260"}
.fa-heart:before{content:"\f004"}
.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}
.fa-comments:before{content:"\f086"}
.fa-youtube:before{content:"\f167"}
.fa-history:before{content:"\f1da"}
.fa-share-alt:before{content:"\f1e0"}
.fa-area-chart:before{content:"\f1fe"}
.fa-star:before{content:"\f005"}
.fa-check:before{content:"\f00c"}
.fa-home:before{content:"\f015"}
.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}
.fa-plus:before{content:"\f067"}
.fa-sign-out:before{content:"\f08b"}
.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}
.fa-gear:before,.fa-cog:before{content:"\f013"}
.fa-group:before,.fa-users:before{content:"\f0c0"}
.fa-mail-reply:before,.fa-reply:before{content:"\f112"}
.fa-commenting:before{content:"\f27a"}
.fa-star:before{content:"\f005"}
.fa-phone:before{content:"\f095"}
.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}
.fa-heartbeat:before{content:"\f21e"}
.fa-user-plus:before{content:"\f234"}
.fa-refresh:before{content:"\f021"}
.fa-user-times:before{content:"\f235"}
.fa-expand:before{content:"\f065"}
.fa-minus:before{content:"\f068"}
.fa-microphone:before{content:"\f130"}
.fa-envelope-o:before{content:"\f003"}
.fa-diamond:before{content:"\f219"}
.fa-search:before{content:"\f002"}
.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}
.fa-trash:before{content:"\f1f8"}
.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}
.fa-chain:before,.fa-link:before{content:"\f0c1"}
.fa-th-large:before{content:"\f009"}
.fa-stop:before {
  content: "\f04d"
}

.fa-compress:before {
  content: "\f066"
}
.fa-times-circle:before{content:"\f057"}
.fa-apple:before{content:"\f179"}
.fa-windows:before{content:"\f17a"}
.fa-android:before{content:"\f17b"}
.fa-linux:before{content:"\f17c"}
.fa-dribbble:before{content:"\f17d"}
.fa-safari:before{content:"\f267"}
.fa-chrome:before{content:"\f268"}
.fa-firefox:before{content:"\f269"}
.fa-opera:before{content:"\f26a"}
.fa-internet-explorer:before{content:"\f26b"}
.fa-edge:before{content:"\f282"}
.fa-scribd:before{content:"\f28a"}
.column{float:left;padding:6px;min-height:100%}
.row:after{content:"";display:table;clear:both}
ul.side-menu{text-align:left;margin-left:-4px}
.side-menu>li{text-align:left;list-style:none;padding:5px;margin-left:-8px}
.cl1{width:25%}
.cl2{width:75%}
.d2.light.fl.d2bc.filh.break{height:fit-content!important}
.side-menu>li>a{background:rgba(0,0,0,.2);padding:5px;color:#fff;position:absolute;width:63px;cursor:pointer;text-align:center}
.side-menu>li>a.active{background:#6495ed;color:#fff;padding:4px}
.side-menu>li>a{color:gray;outline:none;text-decoration:none}
.side-menu>li>a{color:#000;padding:4px}
.cl2{position:absolute;height:100%;margin-left:165px}
@media only screen and (max-width:600px){ul.side-menu{margin-left:-35px}.cl1{width:25%}.cl2{width:75%;margin-left:105px}}
@media only screen and (min-width:880px){.cl1{width:15%}.cl2{width:85%;margin-left:205px}}
.notification{min-width:180px;max-width:260px;border:1px solid #000;z-index:2000;background-color:#efefef;position:relative;padding:5px;border-radius:5px;margin:.7rem auto 0}
.notification__sender__avatar{border-radius:5px;margin-right:.1em}
.notification__sender__name{margin:.2em 0;font-size:.6rem;font-weight:700;padding:.15em 0 0;max-width:80%;color:#000;display:inline-block}
.notification p{margin-bottom:.4em}
.username__wrapper{margin-top:.01em;padding:2.1px 1px;display:inline-block;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;max-width:99%;margin-left:3px;direction:initial;-webkit-user-select:none;font-size:15px;margin-bottom:2px}
.notification__message{font-size:.6rem;font-weight:700;margin-top:.2em;width:100%;padding:0 .2em;word-break:break-word}
.notification__time{position:absolute;top:.2rem;right:.2rem;font-size:.5rem}
.notification__title{font-size:.6rem;text-align:center;margin:-14px auto 0;width:50%;border:1px solid #000;border-radius:5px;line-height:1.6}
.cc.noflow.nosel.hand.break{width:101%!important;padding:2px}
.is_speaking{-webkit-animation:ripple .7s linear infinite;animation:ripple .7s linear infinite}
@-webkit-keyframes ripple{0%{box-shadow:0 0 0 0 transparent,0 0 0 1px rgba(0,200,45,.3),0 0 0 2px rgba(0,200,45,.3),0 0 0 3px rgba(0,200,45,.3)}to{box-shadow:0 0 0 1px rgba(0,200,45,.3),0 0 0 4px rgba(0,200,45,.3),0 0 0 5px rgba(0,200,45,.3),0 0 0 6px transparent}}
@keyframes ripple{0%{box-shadow:0 0 0 0 rgba(255,0,0,0)0 0 0 1px rgba(0,200,45,.3),0 0 0 2px rgba(0,200,45,.3),0 0 0 3px rgba(0,200,45,.3)}to{box-shadow:0 0 0 1px rgba(0,200,45,.3),0 0 0 4px rgba(0,200,45,.3),0 0 0 5px rgba(0,200,45,.3),0 0 0 6px transparent}}
.ico_pl{color:#fff;background:#000;padding:4px}
table>thead{background:#6495ed;color:#fff}
.activepower{border:2px solid #000;background:bisque}
.fa-windows:before,.fa-linux:before,.fa-apple:before,.fa-times-circle:before,.fa-th-large:before{margin-left:16px}
.fa-chrome:before,.fa-edge:before,.fa-firefox:before,.fa-internet-explorer:before,.fa-opera:before,.fa-safari:before,.fa-android:before,.fa-scribd:before{margin-left:16px}
#StoryProgress{width:100%;background-color:#ddd}
#BarStory{width:0;height:3px;background-color:#6495ed;margin-bottom:15px}
.desginliste{overflow-x:auto;overflow-y:hidden;display:flex;margin:-2px -36px;padding:2px 0 0 32px;width:112%;height:100px;margin-bottom:14px}
.desginliste img{border:2px solid #000;width:100%;height:79px;margin-left:5px}
.desginlist{overflow-x:auto;overflow-y:hidden;display:flex;margin:auto;margin-top:-14px;margin-bottom:0!important}
.desginlist img{border:2px solid #000;width:100px;height:100px;margin-left:5px}
textarea#roomSearchInput::placeholder{color:#fff}
textarea#usearch::placeholder{color:#fff}
.box.red{border-color:#d44646}
.box.red .icon{background:#d44646;color:#fff}
.box.red .icon:before{content:"";position:absolute;top:4px;right:0;left:23px;width:2px;height:23px;background:#c70e0e;transform:rotate(45deg)}
.box.orange{border-color:#df7a22}
.d-color-container{display:none}
.fl.mini.u-msg.dots{color:#888!important;margin-top:0!important;float:initial!important}
div#cooment .popover{left:20px!important;background:#fff;border:1px solid;box-shadow:3px 3px 6px #9b9595}
.fa-volume-high:before,.fa-volume-up:before{content:"\f028"}
.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}
.panel-body{padding:15px}
.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}
.panel-heading>.dropdown .dropdown-toggle{color:inherit}
.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}
.panel-title>a,.panel-title>small,.panel-title>.small,.panel-title>small>a,.panel-title>.small>a{color:inherit}
.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}
.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}
.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}
.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}
.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}
.fa-volume-high:before,.fa-volume-up:before{content:"\f028"}
.style{background:#5cb85c;color:#fff;border:1px solid}
.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}
.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}
.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}
.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}
.panel-primary{border-color:#337ab7}
.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}
.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}
.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}
.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}
.panel-success{border-color:#d6e9c6}
.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}
.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}
.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}
.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}
.panel-info{border-color:#bce8f1}
.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}
.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}
.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}
.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}
.panel-warning{border-color:#faebcc}
.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}
.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}
.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}
.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}
.panel-danger{border-color:#ebccd1}
.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}
.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}
.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}
.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}
.broadcasters>div{max-width:350px}
.broadcasters>div>.prod{float:right;color:#113233;background-image:url(imgs/mic.png);position:relative;left:3px;text-align:center;width:56px;border:2px solid #afbfc2!important;background-color:#fff;border-radius:30% 1%!important;margin:1px!important;height:47px!important;background-position:center!important;background-repeat:no-repeat!important;background-size:cover;border-radius:30% 1%!important}
.tbox{overflow:scroll;border-radius:2px;border:1px solid #d3d3d3;padding:6px;max-height:32px;min-height:32px;height:32px;font-weight:700;overflow:hidden;resize:none}
.noflow{overflow:hidden}
img{vertical-align:middle}
#cp .tab-content .tab-pane{min-width:400px!important}
.u-ico{margin-top:1px;max-height:18px;object-fit:scale-down}
.emoi{max-width:240px;max-height:20px}
.unread{background-color:#ffc89d!important}
.object-fit{object-fit:contain;object-position:center right}
table,th,td{border:0}
th,td{padding:0}
.loginItms{position:absolute;display:none;border:2px solid #af020b;background-color:#f93634;border-radius:25px 0 0 25px;background-image:url(imgs/banner.png);background-repeat:no-repeat;background-size:contain;right:0;top:30px;width:250px}
.loginImg{float:right;width:36px;height:36px;border:1px solid #ed5555;margin:1px;background-size:cover;background-repeat:no-repeat;border-radius:50%}
.loginLogo{float:right;margin:1px;margin-top:-20px}
.loginIco{float:right;margin:0 1px 1px;max-height:18px;background-color:#fff;padding:1px;border-radius:2px}
.loginFlog{float:left;margin:2px 0 5px 5px;max-height:15px}
.loginUserName{font-size:15px!important;float:right;font-family:arial;font-weight:9000;max-width:170px;min-width:100px;text-align:right;text-shadow:-1px 1px 2px #fff;color:#842c2a;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}
table{border-spacing:0;border-collapse:collapse}
.corner{border-radius:5px}
.minix{font-size:80%!important}
.center{margin:0 auto}
.borderg{border:1px solid #f4f4f4}
.fitimg{background-size:contain;background-repeat:no-repeat;background-position:50% 50%}
.bord{border-inline:4px solid #1e90ff!important}
.modal-header{padding:5px}
.badge{padding:0 3px}
.item3{margin-left:45px}
*{font-weight:700!important}
.u-msg{line-height:1.5!important}
.ae{border:1px solid #000!important;border-radius:2px!important;float:left;text-align:center;width:20%;max-width:80px;padding:4px 0;margin:1px;margin-bottom:2px}
.pmsgc{background-color:rgba(0,77,255,.08)!important}
.ppmsgc{background-color:#f1f1ff!important}
.hmsg{background-color:linen!important}
.bgg{background-color:#789}
.pophead{background-color:slategrey}
.label-primary[href]:hover,.label-primary[href]:focus{background-color:#286090}
.label-success{background-color:#5cb85c}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;.nav-tabs{border-bottom:1pxsolid#ddd}
.nav-tabs>li{float:left;margin-bottom:-1px}
.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}
.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}
                                                                             } 
.fr {
    float: right
}

.fl {
    float: left
}

.glow {
    -webkit-animation: animationglow 1.5s linear 0s infinite alternate;
    -moz-animation: animationglow 1.5s linear 0s infinite alternate;
    -o-animation: animationglow 1.5s linear 0s infinite alternate;
    animation: animationglow 2s linear 0s infinite alternate;
    width: 100%;
    height: 15px;
    background-image: linear-gradient(135deg, #fff0 5%, #fff 23%, #fff0 35%);
    opacity: .7;
    margin-top: -15px;
    margin-left: 3%
}

@keyframes animationglow {
    0% {
        margin-left: -10%;
        opacity: 1
    }
    10% {
        margin-left: 0%;
        opacity: .7
    }
    20% {
        margin-left: -10%;
        opacity: 1
    }
    30% {
        margin-left: 0%;
        opacity: .5
    }
    40% {
        margin-left: 15%;
        opacity: 1
    }
    50% {
        margin-left: 15%;
        opacity: .7
    }
    75% {
        margin-left: -10%;
        opacity: 1
    }
    100% {
        margin-left: 5%;
        opacity: .5
    }
}

.usinf {
    width: 100%;
    color: #888;
    margin-top: 0;
    margin-bottom: -2px
}

.usinf .stars i {
    font-size: 80% !important;
    margin-left: 2px
}

.fa-btc,
.fa-btc span {
    font-size: 80% !important;
    margin: 1px 0 0
}

.fa-btc,
.fa-btc span {
    font-size: 80% !important;
    margin: 1px 0 0
}
.fa::before {
    font-size: 92%
}

* {
    font-family: serif;
    font-size: 15.2px !important;
    line-height: 1.4 !important;
    font-weight: 6000 !important;
    text-shadow: none !important
}

.u-msg {
    line-height: 1.5 !important
}

.ae {
    border: 1px solid #000 !important;
    border-radius: 2px !important;
    float: left;
    text-align: center !important;
    width: 20%;
    max-width: 80px;
    padding: 4px 0;
    margin: 1px;
    margin-bottom: 2px
}

.label,
.btn {
    border-radius: 0 !important
}

button.btn {
    padding: 5px 5px !important;
}

.bgf {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px)
}

.is_speaking {
    -webkit-animation: ripple .7s linear infinite;
    animation: ripple .7s linear infinite
}

@-webkit-keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 transparent, 0 0 0 1px rgba(0, 200, 45, .3), 0 0 0 2px rgba(0, 200, 45, .3), 0 0 0 3px rgba(0, 200, 45, .3)
    }
    to {
        box-shadow: 0 0 0 1px rgba(0, 200, 45, .3), 0 0 0 4px rgba(0, 200, 45, .3), 0 0 0 5px rgba(0, 200, 45, .3), 0 0 0 6px transparent
    }
}

@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 transparent, 0 0 0 1px rgba(0, 200, 45, .3), 0 0 0 2px rgba(0, 200, 45, .3), 0 0 0 3px rgba(0, 200, 45, .3)
    }
    to {
        box-shadow: 0 0 0 1px rgba(0, 200, 45, .3), 0 0 0 4px rgba(0, 200, 45, .3), 0 0 0 5px rgba(0, 200, 45, .3), 0 0 0 6px transparent
    }
}

.msg {
    background-color: #f0f0f5;
    border: 1px solid grey;
    margin-top: -1px;
    padding: 2px;
    margin-right: 3px;
    margin-left: 3px
}

.nobreak {
    display: inline;
    white-space: nowrap;
    word-wrap: nowrap;
    word-break: keep-all
}

.tbox {
    overflow: scroll;
    border-radius: 2px;
    border: 1px solid lightgrey;
    padding: 6px;
    max-height: 32px;
    min-height: 32px;
    height: 32px;
    font-weight: 700;
    overflow: hidden;
    resize: none;
    margin-top: 0px;
}

.emoii {
    width: 22px;
    max-width: 22px;
    height: 22px;
    margin: 0;
    padding: 5px
}

.hid {
    display: none
}

.noflow {
    overflow: hidden
}

div {}

.popover {
    height: 250px;
    overflow-y: auto;
    white-space: pre-wrap
}

.item3 {
    font-size: 16px !important;
    color: #000
}

.item5 {
    color: gray
}

.grid-container {
    background: #f0f8ff;
    text-align: right;
    margin-left: 50px;
    padding: 8px;
    border-left: 6px solid #6495ed
}

.loginItms {
    position: absolute;
    display: none;
    border: 2px solid #af020b;
    background-color: #f93634;
    border-radius: 25px 0 0 25px;
    background-image: url(imgs/banner.png);
    background-repeat: no-repeat;
    background-size: contain;
    right: 0;
    top: 30px;
    width: 250px
}

.loginImg {
    float: right;
    width: 36px;
    height: 36px;
    border: 1px solid #ed5555;
    margin: 1px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%
}

.loginLogo {
    float: right;
    margin: 1px;
    margin-top: -20px
}

.loginIco {
    float: right;
    margin: 0 1px 1px;
    max-height: 18px;
    background-color: #fff;
    padding: 1px;
    border-radius: 2px
}

.loginFlog {
    float: left;
    margin: 2px 0 5px 5px;
    max-height: 15px
}

.loginUserName {
    font-size: 15px !important;
    float: right;
    font-family: arial;
    font-weight: 9000;
    max-width: 170px;
    min-width: 100px;
    text-align: right;
    text-shadow: -1px 1px 2px #fff;
    color: #842c2a;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis
}

.active {
    color: #555;
    cursor: default;
    background-color: #fff;
    border-bottom-color: transparent
}

#u1,
#u2,
#u3,
#pass1,
#pass2 {
    width: 230px;
    padding: 5px;
    margin-bottom: 0;
    border-radius: 2px;
    height: 33px
}

.MIC_BROD>div>.prods {
    float: right;
    width: 40px;
    height: 40px;
    right: 5px;
    top: 8px;
    color: #db7093;
    border: 2px solid;
    margin: 0 1px;
    text-align: center;
    border-radius: 50%;
    background-color: #fff
}

.MIC_BROD>div>.prods>.fa {
    font-size: 20px !important;
    text-align: center;
    margin-top: 5px;
    color: #a9a9a9;

}

.MIC_BROD>div>.prod>.fa-microphone {
    font-size: 16px !important;
    text-align: center;
    margin-top: 2px
}

.MIC_BROD>div>.prods>.ismute {
    position: absolute;
    height: 3px;
    background: gray;
    display: none;
    width: 38px;
    margin-left: -2px;
    margin-top: 17px;
    transform: rotate( 135deg)
}

.MIC_BROD>div>.prod>.ismute {
    position: absolute;
    height: 3px;
    background: gray;
    display: none;
    width: 50px;
    margin-left: -3px;
    margin-top: 0;
    transform: rotate(135deg)
}

.u-topic.dots {
    white-space: nowrap;
    max-width: 130%;
    margin-left: 0 !important;
    margin-top: 1px !important;
    border-radius: 2px
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pmsgc {
    background-color: rgba(0, 77, 255, .08) !important
}

.ppmsgc {
    background-color: #f1f1ff !important
}

.hmsg {
    background-color: linen !important
}

.heart {
    position: absolute;
    top: -50%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -m-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.heart:before {
    position: absolute;
    top: -50%;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: 100%
}

.heart:after {
    position: absolute;
    top: 0;
    right: -50%;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: 100%
}

@-webkit-keyframes love {
    0% {
        top: 110%
    }
}

@-moz-keyframes love {
    0% {
        top: 110%
    }
}

@-ms-keyframes love {
    0% {
        top: 110%
    }
}

@keyframes love {
    0% {
        top: 110%
    }
}

.typingIndicatorBubbleDot {
    width: 4px;
    height: 4px;
    margin-right: 4px;
    background-color: #57585a;
    border-radius: 50%;
    animation-name: bounce;
    animation-duration: 1.3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.typingIndicatorBubbleDot:first-of-type {
    margin: 0 4px
}

.typingIndicatorBubbleDot:nth-of-type(2) {
    animation-delay: .15s
}

.typingIndicatorBubbleDot:nth-of-type(3) {
    animation-delay: .3s
}

@keyframes bounce {
    0%,
    60%,
    100% {
        transform: translateY(0)
    }
    30% {
        transform: translateY(-4px)
    }
}

.hid {
    display: none
}

.hand {
    cursor: hand
}

img {
    vertical-align: middle
}

.break {
    overflow: auto;
    overflow-x: hidden;
    overflow-wrap: break-word
}

#tlogins .fl.break {
    overflow: hidden
}

.modal-body {
    position: relative;
    padding: 15px
}

.ui-icon-adjust:after {
    background-image: url("<url removed for brevity>");
    background-repeat: no-repeat;
    background-position: 4px 3px;
    float: left
}

[data-role=icon]:after {
    background-image: url("<url removed for brevity>");
    background-repeat: no-repeat;
    background-position: 4px 3px;
    float: left
}

.u-ico {
    padding-right: 0;
    margin-top: 1px;
    max-height: 18px
}

.ui-tabs-nav {
    padding: 0
}

.ui-tabs-panel {
    padding: 0
}

.darker {
    background-color: #33333a
}

.emoi {
    max-width: 240px;
    max-height: 20px
}

.unread {
    background-color: #ffc89d !important
}

div {}

.b {
    border: 1px solid grey
}

.bb {
    border: 2px solid grey
}

table,
th,
td {
    border: 0
}

th,
td {
    padding: 0
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

.ui-popup-container {
    margin: 0;
    padding: 0
}

.animating {
    animation: animate 1s cubic-bezier(0, 1, 1, 0)
}

.mini {
    font-size: 90% !important
}

#tlogins .u-msg {
    text-align: center !important
}

.corner {
    border-radius: 5px
}

.minix {
    font-size: 80% !important
}

@keyframes animate {
    from {
        transform: scale(1)
    }
    to {
        transform: scale(1.5)
    }
}

.nosel,
.u-ico,
.u-pic,
.tago {
    user-select: none;
    cursor: default
}

.ui-dialog-contain {
    width: 92.5%;
    max-width: 500px;
    margin: 0% auto 15px;
    padding: 0;
    position: relative;
    top: 2px
}

.center {
    margin: 0 auto
}

.dots {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    max-width: 100%;
    margin-left: 0 !important
}

.ui-tabs .ui-tabs-panel {
    padding: 0;
    margin: 0
}

.ui-widget-overlay {
    background-color: #000;
    background-image: none;
    opacity: .12;
    z-index: 1040
}

.ui-dialog .ui-dialog-content {
    padding: 0
}

.ui-tabs-anchor {
    padding: 0
}

.borderg {
    border: 1px solid #e6e6fa
}

.border {
    border: 1px solid #000;
}

nopadding {
    padding: 0;
    margin: 0
}

.fitimg {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.ui-dialog .ui-dialog-titlebar {
    padding: 5px
}

.bord {
    border-inline: 4px solid #1e90ff !important
}

.uzr {
    margin-left: 0 !important
}

html {
    height: 100vh;
    width: 100vw
}

html, body {
    height: 100% !important;
}

.ui-state-default .ui-tabs-anchor {
    padding: 5px !important
}

.mw {
    width: 380px;
    max-width: 380px;
    min-width: 380px
}

.mww {
    width: 260px;
    max-width: 260px;
    min-width: 260px
}

.pn2 {
    width: 99%;
    max-width: 320px;
    height: 80%;
    left: 5px;
    float: right;
    z-index: 2;
    margin: 0;
    position: absolute
}

.panel-heading {
    padding: 6px
}

.modal-header {
    padding: 4px
}

.badge {
    padding: 0 3px
}

.bx {
    margin-top: -8px
}

.panel-body {
    padding: 2px;
    height: auto
}

.tab-pane {
    padding: 0
}

.d2 {
    padding-bottom: 2px
}

.popover-content {
    padding: 1px
}

.notification {
    min-width: 180px;
    max-width: 260px;
    border: 1px solid #000;
    z-index: 2000;
    background-color: #efefef;
    position: relative;
    padding: 5px;
    border-radius: 5px;
    margin: .7rem auto 0
}

.notification__sender__avatar {
    border-radius: 5px;
    margin-right: .1em
}

.notification__sender__name {
    margin: .2em 0;
    font-size: .6rem;
    font-weight: 700;
    padding: .15em 0 0;
    max-width: 80%;
    color: #000;
    display: inline-block
}

.notification p {
    margin-bottom: .4em
}

.username__wrapper {
    margin-top: .01em;
    padding: 2.1px 1px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    max-width: 99%;
    margin-left: 3px;
    direction: initial;
    -webkit-user-select: none;
    font-size: 15px;
    margin-bottom: 2px
}

.notification__message {
    font-size: .6rem;
    font-weight: 700;
    margin-top: .2em;
    width: 100%;
    padding: 0 .2em;
    word-break: break-word
}

.notification__time {
    position: absolute;
    top: .2rem;
    right: .2rem;
    font-size: .5rem
}

.notification__title {
    font-size: .6rem;
    text-align: center;
    margin: -14px auto 0;
    width: 50%;
    border: 1px solid #000;
    border-radius: 5px;
    line-height: 1.6
}

.c-flex {
    display: flex;
    flex-direction: column
}

.d-flex {
    display: flex
}

.flex-grow-1 {
    flex-grow: 1 !important;
    margin-top: 0px;
}

.flex-fill {
    flex: 1 1 auto !important;
    margin-top: 0px;
}

.img-fluid {
    max-width: 100%;
    height: auto
}






.fa-windows:before,
.fa-linux:before,
.fa-apple:before,
.fa-times-circle:before,
.fa-th-large:before {
    margin-left: 16px
}

.fa-chrome:before,
.fa-edge:before,
.fa-firefox:before,
.fa-internet-explorer:before,
.fa-opera:before,
.fa-safari:before,
.fa-android:before,
.fa-scribd:before {
    margin-left: 16px
}

#StoryProgress {
    width: 100%;
    background-color: #ddd
}

#BarStory {
    width: 0%;
    height: 3px;
    background-color: #6495ed;
    margin-bottom: 15px
}

#d2 .u-pic {
    margin-left: 1px !important;
    min-height: 48px;
    max-height: 62px !important;
    background-size: cover
}

.MIC_BROD>div {
    max-width: 301px !important
}

#tlogins .u-pic,
#wall .u-pic {
    background-size: cover
}

#d0 .ae {
    margin-bottom: 0 !important;
    text-align: center
}

#users iframe,
#upro iframe {
    min-width: 299px;
    top: 61px;
    display: inline-block;
    position: absolute;
    height: 194px;
    left: 0;
    margin: 0
}

.fa-mutum:before {
    content: "🔇"
}

.message-box .box.green {
    border-color: #2ecc71
}

.message-box .box {
    height: 33px;
    align-items: center;
    background: #fff;
    border-left: 5px solid #2ecc71;
    border-radius: .4166666667rem;
    box-shadow: .0416666667rem .2916666667rem .5833333333rem -.2083333333rem rgba(0, 0, 0, .15);
    display: flex;
    justify-content: space-between;
    padding: .4rem .6rem .4rem .4rem;
    width: auto
}

.message-box .box .content,
.message-box .content .icon {
    align-items: center;
    display: flex
}

.message-box .box.green .content .icon {
    background: #2ecc71
}

.message-box .content .icon {
    padding: 12px !important;
    background: #2ecc71;
    border-radius: 50%;
    color: #fff;
    font-size: 1.0416666667rem;
    height: 1rem;
    justify-content: center;
    line-height: 1rem;
    text-align: center;
    width: 1rem
}

.message-box .content .icon .fa {
    font-size: .6rem;
    margin-top: .1rem
}

.message-box .content .details {
    direction: rtl;
    margin-left: .3rem;
    margin-top: 13px
}

.message-box.hiden {
    animation: hide_message_box 2s ease forwards
}

.box.orange .icon {
    background: #df7a22
}

textarea#roomSearchInput::placeholder {
    color: #fff
}

textarea#usearch::placeholder {
    color: #fff
}

.box.red {
    border-color: #d44646
}

.box.red .icon {
    background: #d44646;
    color: #fff
}

.box.red .icon:before {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    left: 23px;
    width: 2px;
    height: 23px;
    background: #c70e0e;
    transform: rotate(45deg)
}

.box.orange {
    border-color: #df7a22
}

.d-color-container {
    display: none
}

#wall,
#chats,
#rooms {
    border: 1px #fff !important
}

@media(max-width:767px) {
    #dpnl {
        border: 1px solid;
        max-width: 340px;
        min-width: 300px;
        right: 0;
        position: fixed;
        bottom: 35px !important;
        border: 1px solid;
        width: calc(100vw - 104px);
        height: auto !important;
        margin-bottom: 1px;
    }
}

@media(min-width:768px) {
    #dpnl {
        border: 1px solid;
        max-width: 340px;
        min-width: 300px;
        right: 0;
        position: fixed;
        bottom: 3px;
        width: 340px;
        height: auto !important;
        bottom: 35px !important;
        margin-bottom: 1px;
    }
}


#wall .btn.minix.btn-primary.fa.fa-times.fl {
    padding: 3px;
    width: 26px;
    padding: 3px !important;
    width: 26px;
    height: 23px;
    text-align: left;
    margin-left: -1.8px;
    border-left: 1px solid #e6b4ed;
    max-width: 92px !important;
    height: 21px !important;
    border-radius: 1px !important;
    display: flex;
    margin-top: -18px !important
}

#wall .u-msg.break.fl {
    width: 185px !important
}

.d2.light.fl.d2bc.filh.break {
    height: fit-content !important
}

.message-box {
    animation: show_message_box 2s ease forwards;
    left: .8333333333rem;
    position: absolute;
    top: .8333333333rem;
    z-index: 10000000
}

.message-box .box.green {
    border-color: #2ecc71
}

.message-box .box {
    height: 33px;
    align-items: center;
    background: #fff;
    border-left: 5px solid #2ecc71;
    border-radius: .4166666667rem;
    box-shadow: .0416666667rem .2916666667rem .5833333333rem -.2083333333rem rgba(0, 0, 0, .15);
    display: flex;
    justify-content: space-between;
    padding: .4rem .6rem .4rem .4rem;
    width: auto
}

.message-box .box .content,
.message-box .content .icon {
    align-items: center;
    display: flex
}

.btn.minix.btn-primary.fa.fa-reply.fr {
    font-size: 11px !important;
    margin-top: 25px;
    padding: 3px;
    margin-right: 1px;
    width: 21px;
    height: 25px;
    padding-top: 5px
}

.message-box .box.green .content .icon {
    background: #2ecc71
}

.message-box .content .icon {
    padding: 12px !important;
    background: #2ecc71;
    border-radius: 50%;
    color: #fff;
    font-size: 1.0416666667rem;
    height: 1rem;
    justify-content: center;
    line-height: 1rem;
    text-align: center;
    width: 1rem
}

.message-box .content .icon .fa {
    font-size: .6rem;
    margin-top: .1rem
}

.message-box .content .details {
    direction: rtl;
    margin-left: .3rem;
    margin-top: 13px
}

.message-box.hiden {
    animation: hide_message_box 2s ease forwards
}

.box.orange .icon {
    background: #df7a22
}

textarea#roomSearchInput::placeholder {
    color: #fff
}

textarea#usearch::placeholder {
    color: #fff
}

.box.red {
    border-color: #d44646
}

.box.red .icon {
    background: #d44646;
    color: #fff
}

.box.red .icon:before {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    left: 23px;
    width: 2px;
    height: 23px;
    background: #c70e0e;
    transform: rotate(45deg)
}

.box.orange {
    border-color: #df7a22
}

.loginItmsS {
    position: absolute;
    display: none;
    border: 2px solid #ddd;
    background: -webkit-linear-gradient(135deg, #d9534f, #d9534f) !important;
    box-shadow: 7px 7px 50px #a4afc5;
    border-radius: 25px 0 0 25px;
    background-image: url(imgs/banner.png);
    background-repeat: no-repeat;
    background-size: contain;
    right: 0;
    top: 30px;
    width: 250px;
    height: 51px;
    border-radius: -2
}

.loginImg {
    float: right;
    width: 46px;
    height: 43px;
    border: 1px solid #ddd;
    margin: 1px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%
}

.loginImgG {
    float: right;
    width: 46px;
    height: 43px;
    border: 1px solid #ddd;
    margin: 1px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 26%
}

.loginLogo {
    float: right;
    margin: 1px;
    margin-top: -20px
}

.loginLogoO {
    float: right;
    margin: 1px;
    margin-top: -20px
}

.loginIco {
    float: right;
    margin: 0 1px 1px;
    max-height: 18px;
    background-color: #fff;
    padding: 1px;
    border-radius: 2px
}

.loginIcoO {
    float: right;
    margin: 0 1px 1px;
    max-height: 18px;
    background-color: #fff;
    padding: 1px;
    border-radius: 2px
}

.loginFlog {
    float: left;
    margin: 2px 0 5px 5px;
    max-height: 15px
}

.loginFlogG {
    float: left;
    margin: 2px 0 5px 5px;
    max-height: 15px
}

.loginUserName {
    font-size: 16px !important;
    float: right;
    font-family: arial;
    font-weight: 9000;
    max-width: 170px;
    min-width: 100px;
    text-align: right;
    text-shadow: -1px 1px 2px #fff;
    color: #eee;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    float: left;
    font-family: el messiri, FontAwesome !important
}

.loginUserNameE {
    font-size: 16px !important;
    float: right;
    font-family: arial;
    font-weight: 9000;
    max-width: 170px;
    min-width: 100px;
    text-align: right;
    text-shadow: -1px 1px 2px #fff;
    color: #eee;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    float: left;
    font-family: el messiri, FontAwesome !important
}

.d-color-container {
    display: none
}

.label-info {
    background-color: #31b0d5;
}

#wall .borderg.mm {
    background-color: rgba(32, 32, 32, .03) !important;
    padding: 0 !important
}

#wall .fitimg.hand.u-pic {
    height: 51.1px !important;
    margin-left: 1px !important
}

#wall .u-topic.dots {
    margin-left: 1px !important;
    margin-top: 1px
}

#wall .comm.btn.minix.bg.fa.fa-comments.fr {
    padding: 3px;
    width: 26px;
    padding: 3px !important;
    width: 26px;
    height: 22px;
    border-left: 0 solid #e6b4ed;
    text-align: left;
    border-radius: 1px !important;
    max-width: 92px !important;
    height: 21px !important;
    display: flex;
    margin-top: -18px !important
}

#wall .like2 {
    padding: 3px;
    width: 26px;
    padding: 3px !important;
    width: 26px;
    height: 22px;
    text-align: left;
    border-radius: 1px !important;
    max-width: 92px !important;
    height: 21px !important;
    display: flex;
    margin-top: -18px !important;
    border-right: 1px solid #e6b4ed
}

.desginliste {
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    margin: -2px -36px;
    padding: 2px 0 0 32px;
    width: 112%;
    height: 95px
}

.desginliste img {
    border: 2px solid #000;
    width: 100%;
    height: 79px;
    margin-left: 5px
}

.getborder4::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.getborder4::-webkit-scrollbar-track {
    background: #ddd
}

.getborder4::-webkit-scrollbar-thumb {
    background: #03a9f4
}

.desginliste img:hover,
.desginlist img:hover {
    border: 2px solid #00bcd4 !important
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    line-break: auto
}

#d2 .u-pic {
    margin-left: 1px !important
}

.popover.top {
    margin-top: 1px;
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover {
    height: 250px;
    overflow-y: auto;
    white-space: pre-wrap
}

#top10,
#story {
    border: 0
}

.roomh {
    height: 28px !important;
    padding: 4px 10px !important;
    margin-left: -2px !important
}

.pro .roomh {
    height: 23px !important;
    padding: 0 4px !important
}

.desginliste {
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    margin: -2px -36px;
    padding: 2px 0 0 32px;
    width: 112%;
    height: 95px
}

.desginliste img {
    border: 2px solid #000;
    width: 100%;
    height: 79px;
    margin-left: 5px
}

.getborder4::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.desginlist {
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    margin: 0 -40px;
    padding: 5px 2px 3px 36px
}

.desginlist img {
    border: 2px solid #000;
    width: 100px;
    height: 100px;
    margin-left: 5px
}

#users .laithyo1 {
    margin-left: 171px
}

.desginliste {
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    margin: -2px -36px;
    padding: 2px 0 0 32px;
    width: 112%;
    height: 95px
}

.desginliste img {
    border: 2px solid #000;
    width: 100%;
    height: 79px;
    margin-left: 5px
}

.getborder4::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.getborder4::-webkit-scrollbar-track {
    background: #ddd
}

.getborder4::-webkit-scrollbar-thumb {
    background: #03a9f4
}

.desginliste img:hover,
.desginlist img:hover {
    border: 2px solid #00bcd4 !important
}

.getborder4::-webkit-scrollbar-track {
    background: #ddd
}

.getborder4::-webkit-scrollbar-thumb {
    background: #03a9f4
}

.desginliste img:hover,
.desginlist img:hover {
    border: 2px solid #00bcd4 !important
}

.popover.right {
    margin-left: -111px;
    min-width: 339px !important;
    border-radius: 0;
    min-height: 559px;
    margin-top: -300px
}

.popover.right .btn.hand.borderg.corner {
    min-width: min-content;
    padding: 4px !important;
    height: 32px
}

.popover.right {
    margin-left: -112px !important;
    min-width: 340px !important;
    border-radius: 0;
    min-height: 571px;
    margin-top: -243px;
    left: 111px !important
}

.popover.right .btn.hand.borderg.corner {
    min-width: min-content;
    padding: 4px !important;
    height: 32px
}

.popover.fade.top {
    width: 700px !important;
    height: 300px !important;
    min-width: 300px !important;
    border-radius: 0 !important
}

.popover-content {
    padding: 1px
}

.bord {
    border-inline: 2px solid #1e90ff !important
}

#chats .cc {
    width: 100% !important;
    border: 0 !important
}

#chats .u-pic {
    border: 0;
    padding: 0;
    background-size: cover
}

#chats .label-danger {
    margin-right: 0 !important
}

#chats .ustat {
    height: 53.9px !important;
    margin-left: 0
}

.uhtml {
    text-align: left;
    width: 100%;
    margin: 0 !important;
    border-bottom: 1px solid #e6e6fa;
    padding-right: 1px;
    background-color: #fff;
}

.uhtml .u-pic {
    min-width: 52px;
    width: 52px;
    min-height: 48px;
    max-height: 62px;
    background-color: #f3f3f3;
    margin-top: 1px
}

.uhtml .co.ico {
    width: 18px;
    border-radius: 1px;
    margin-top: -2px;
    margin-left: auto
}

.ppop.light.border.break.ppop-color-container {
    margin: 0 0 0 -68px;
}

#tlogins .u-ico {
    margin: 0 0 0 -3px
}

.uhtml .di1 img.ustat {
    width: 4px;
    min-height: 100%
}

.uhtml .co.ico {}

.uhtml .di1 span.muted {
    color: #cd5c5c;
    display: none;
    width: 16px;
    margin-right: -16px
}

.uhtml .di1 img.ustat {
    width: 4px;
    min-height: 100%
}

.uhtml div.di1 {
    padding-right: 16px;
    width: 100%
}

.uhtml .di1 .di2 {
    padding: 0 3px;
    overflow: hidden
}

.uhtml .di1 .di2 .d-flex {
    width: 100%;
    display: flex;
    margin-top: 1px;
    height: 21px
}

#tlogins .u-pic {
    min-width: 52px !important;
    width: 52px !important;
    min-height: 48px !important;
    max-height: 62px !important;
    background-color: #f3f3f3 !important;
    margin-top: 1px !important
}

.uhtml .di1 .di2 .u-msg {
    color: #888;
    padding: 1px;
    text-align: center
}

.uhtml .di1 .di2 .u-topic {
    padding-top: 1px;
    max-width: 100%;
    border-radius: 2px;
    margin-left: 1px !important;
}

.uhtml .di1 .di2 .u-ico {
    min-height: 14px;
    margin-top: 1px;
    margin: 0 -2px 0 0;
}

.uhtml .di3 {
    margin-left: -32px
}

.uhtml .di3 .uhash {
    color: grey;
    font-size: 70% !important
}


.tutop10 {
    width: 90%;
    margin: 1px 0 0 13px !important
}

.label-info {
    background-color: #31b0d5;
}

.MIC_BROD>div>.prod>.evant>i {
    position: relative;
    font-size: 16px !important;
    text-align: center;
    top: 36px;
    height: 18px;
    border-radius: 50%;
    background-color: #ffffffc7;
    border: 1px solid #d9534f70
}