table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0} table.dataTable thead th,table.dataTable thead td{padding:8px 15px!important;border-bottom:1px solid #111} table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid #000;border-right:1px solid #000} table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid #000} table.dataTable.no-footer{border-bottom:1px solid #111} *{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:var(--site-color);border-color:var(--site-color)} .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{border:1px solid transparent} .btn-primary{color:#fff;border-color:#2e6da4} .btn-success{color:#fff;background-color:var(--site-color)} .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{} .label-primary[href]:hover,.label-primary[href]:focus{background-color:#286090} .label-success{} .label-success[href]:hover,.label-success[href]:focus{background-color:var(--admin-template-color)} .label-info{} .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{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:var(--admin-template-color);color:#fff;padding:4px} .side-menu>li>a{color:gray;outline:none;text-decoration:none} .side-menu>li>a{color:#000;padding:4px} .side-menu>li.side-section{list-style:none;color:#666;font-size:10px;font-weight:700;padding:8px 4px 2px;margin:6px 0 2px;border-bottom:1px solid #ddd;text-align:right;background:transparent;letter-spacing:.5px} .settings-heading{display:block;font-weight:700;color:#444;font-size:13px;margin:12px 4px 6px;padding:4px 6px;border-right:3px solid var(--admin-template-color);background:#f5f5f5;text-align:right;border-radius:0 4px 4px 0} .paneladmin .settings-heading{display:block;font-weight:700;color:#444;font-size:12px;margin:10px 0 4px;padding:5px 6px;border-right:3px solid var(--admin-template-color);background:#f5f5f5;text-align:right;border-radius:0 4px 4px 0} .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:var(--admin-template-color);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:var(--admin-template-color);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} a.comm.btn.minix.btn-danger.fa.fa-comments.fr{background:#<%=colors.btcolor %>!important} .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:var(--site-color);color:#fff;border:1px solid} @media(max-width:767px){.label.label-danger.border.nosel.fa.fa-close.fr{margin-left:260px}} @media(min-width:768px){.label.label-danger.border.nosel.fa.fa-close.fr{margin-left:300px}} .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{width:100%;border:none;padding:2px;height:54px;background:#<%=colors.btcolor %>;background-image:url(/site/<%=host %>bacmic.png?z)} .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} .broadcasters>div>.prod>hr{margin:0;border-top-color:#<%=colors.btcolor %>} .broadcasters>div>.prod>.evant>i{position:relative;font-size:16px!important;text-align:center;color:#<%=colors.btcolor %>;top:36px;height:18px;border-radius:50%;background-color:#ffffffc7;border:1px solid #d9534f70} .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} .d2,#rooms,#users{} *{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} .label-primary,.btn-primary,.bg-primary,.label-primary:hover,.btn-primary:hover,.btn-primary:focus{} .bgg{background-color:#789} .pophead{background-color:slategrey} .light.fl.pro.center.break{background-color:#<%=colors.hicolor %>!important} .fl.nosel.label.pnhead{background-color:#<%=colors.bgcolor %>!important} .label-primary[href]:hover,.label-primary[href]:focus{background-color:#286090} .label-success{background-color:var(--admin-template-color)} .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}} .modal-open .modal{overflow-x:hidden;overflow-y:auto} .break{overflow:auto;overflow-x:hidden;overflow-wrap:break-word} .break{overflow:auto;word-wrap:break-word;overflow-x:hidden;overflow-wrap:break-word} .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.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)} .break{overflow:auto;overflow-x:hidden;overflow-wrap:break-word} .fr{float:right} .break{overflow:auto;word-wrap:break-word;overflow-x:hidden;overflow-wrap:break-word} .c-flex{display:flex;flex-direction:column} .break{overflow:auto;overflow-x:hidden;overflow-wrap:break-word} .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 } @font-face { font-family: open sans regular; font-style: normal; src: url(fonts/OpenSans-Regular.woff2) format("woff2"); font-weight: 400; font-display: swap } @font-face { font-family: fontawesome; src: url(../fonts/fontawesome-webfont.eot?v=4.5.0); src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0) format('embedded-opentype'),url(../fonts/fontawesome-webfont.woff2?v=4.5.0) format('woff2'),url(../fonts/fontawesome-webfont.woff?v=4.5.0) format('woff'),url(../fonts/fontawesome-webfont.ttf?v=4.5.0) format('truetype'),url(../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format('svg'); font-weight: 400; font-style: normal } .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: 4px!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 } .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 var(--admin-template-color) } .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("");background-repeat:no-repeat;background-position:4px 3px;float:left}[data-role=icon]:after{background-image:url("");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}.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}.flex-fill{flex:1 1 auto!important}.img-fluid{max-width:100%;height:auto}.paneladmin{position:fixed;width:100%;height:100%;top:0;overflow:auto;left:0;display:none;background:#fff}.noselectvy{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.column{float:left;padding:0;min-height:100%}.row:after{content:"";display:table;clear:both}ul.side-menu{text-align:left}.side-menu>li{text-align:left;list-style:none;padding:3px}.cl1{width:25%}.cl2{width:75%}.side-menu>li>a{background:rgba(0,0,0,.2);padding:5px;color:#fff;position:absolute;width:75px;cursor:pointer;text-align:center}.side-menu>li>a.active{background:var(--admin-template-color);color:#fff;padding:4px}.side-menu>li>a{color:gray;outline:none;text-decoration:none}.side-menu>li>a{background:rgb(255 255 255/20%);color:#000;padding:5px;margin-left:-12px!important}.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}}.ico_pl{color:#fff;background:#fff;padding:7px}table>thead{background:var(--admin-template-color);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:var(--site-color);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;top: 1px!important;right:0;position:fixed;bottom:36px!important;border:1px solid;width:calc(100vw - 104px)}}@media(min-width:768px){#dpnl{border:1px solid;max-width:340px;min-width:300px;top:0!important;top: 1px!important;right:0;position:fixed;bottom:3px;width:340px}}@media(max-width:767px){.label.label-danger.border.nosel.fa.fa-close.fr{margin-left:260px}}@media(min-width:768px){.label.label-danger.border.nosel.fa.fa-close.fr{margin-left:300px}}#wall .btn.minix.btn-primary.fa.fa-times.fl{padding:3px;width:26px;height:22px;text-align:center;border-radius:4px!important;display:flex;align-items:center;justify-content:center;}#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:var(--site-color)}#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;height:22px;border-left:0 solid #e6b4ed;text-align:center;border-radius:4px!important;display:flex;align-items:center;justify-content:center;}#wall .like2{padding:3px;width:26px;height:22px;text-align:center;border-radius:4px!important;display:flex;align-items:center;justify-content:center;}.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:-10px}.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;border-radius:20px!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;x;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 -71px}#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: 0px!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}.label-warning{background-color:#f0ad4e!important;color:#fff!important}.tutop10{width:90%;margin:1px 0 0 13px!important}.label-info{background-color:var(--site-color)}.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} #wall .d-flex.fr{position:relative;z-index:10;display:flex!important;flex-direction:row!important;align-items:center!important;gap:4px!important;margin-top:8px!important;clear:both;} #wall .like2,#wall .comm.btn,#wall .btn.fa-times{margin-top:0!important;float:none!important;flex-shrink:0;width:26px!important;height:22px!important;padding:3px!important;border-radius:4px!important;} .paneladmin #admin-toast-area { position: fixed; top: 12px; left: 50%; transform: translateX(-50%); z-index: 100000; display: flex; flex-direction: column; gap: 6px; pointer-events: none; width: 360px; max-width: 92vw; } .paneladmin .admin-toast { pointer-events: auto; display: flex; align-items: center; gap: 10px; background: #2c3e50; color: #fff; padding: 10px 14px; border-radius: 8px; box-shadow: 0 4px 14px rgba(0,0,0,0.22); font-size: 14px; line-height: 1.3; opacity: 0; transform: translateY(-8px); transition: opacity .2s ease, transform .2s ease; direction: rtl; text-align: right; word-break: break-word; } .paneladmin .admin-toast.in { opacity: 1; transform: translateY(0); } .paneladmin .admin-toast.out { opacity: 0; transform: translateY(-8px); } .paneladmin .admin-toast-icon { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: rgba(255,255,255,0.20); font-weight: bold; flex: 0 0 22px; font-size: 13px; } .paneladmin .admin-toast-text { flex: 1 1 auto; } .paneladmin .admin-toast-close { cursor: pointer; opacity: 0.7; padding: 0 4px; font-size: 18px; line-height: 1; flex: 0 0 auto; } .paneladmin .admin-toast-close:hover { opacity: 1; } .paneladmin .admin-toast-success { background: #27ae60; } .paneladmin .admin-toast-error { background: #c0392b; } .paneladmin .admin-toast-warning { background: #e67e22; } .paneladmin .admin-toast-info { background-color: var(--admin-template-color); background-image: linear-gradient(rgba(0,0,0,0.10), rgba(0,0,0,0.10)); } .wall-youtube-embed { width: 100%; max-width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: 8px; display: block; margin-top: 6px; box-sizing: border-box; min-height: 180px; } #upro .u-msg { max-height: 120px !important; overflow-y: auto !important; overflow-x: hidden !important; word-break: break-word !important; overflow-wrap: anywhere !important; white-space: normal !important; line-height: 1.4 !important; padding: 4px 8px !important; margin: 0 0 6px 0 !important; box-sizing: border-box !important; text-align: center; width: 100%; -webkit-overflow-scrolling: touch; } .EmojiLogs .media-tabs { display: flex; gap: 4px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; border-bottom: 1px solid #e1e1e1; margin: 4px 0 10px; padding-bottom: 0; scrollbar-width: thin; } .EmojiLogs .media-tab { flex: 0 0 auto; background: transparent; border: 0; border-bottom: 3px solid transparent; padding: 8px 14px; font-size: 13px; font-weight: 600; color: #555; cursor: pointer; white-space: nowrap; border-radius: 6px 6px 0 0; transition: color .15s, border-color .15s, background .15s; } .EmojiLogs .media-tab:hover { background: rgba(0,0,0,0.04); color: #222; } .EmojiLogs .media-tab.active { color: var(--admin-template-color); border-bottom-color: var(--admin-template-color); background: rgba(0,0,0,0.02); } .EmojiLogs .media-panel { display: none; } .EmojiLogs .media-panel.active { display: block; } .EmojiLogs .media-panel-head { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; } .EmojiLogs .media-banner-wrap { padding: 4px 0; } .EmojiLogs .media-banner-wrap img.p-banner { max-width: 100%; height: auto; width: 350px; border: 1px solid #ddd; border-radius: 4px; cursor: pointer; } @media (max-width: 560px) { .EmojiLogs .media-tab { padding: 8px 10px; font-size: 12px; } .EmojiLogs .media-banner-wrap img.p-banner { width: 100%; max-width: 320px; } .EmojiLogs .media-panel .p-sico, .EmojiLogs .media-panel .p-dro3 { width: 100% !important; } } .EmojiLogs .p-emo, .EmojiLogs .p-sico, .EmojiLogs .p-dro3 { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 10px; width: 100% !important; max-width: 100% !important; padding: 8px 0; overflow: visible !important; box-sizing: border-box; } .EmojiLogs .p-sico, .EmojiLogs .p-dro3 { grid-template-columns: repeat(auto-fill, minmax(88px, 1fr)); } .EmojiLogs .p-emo > .border, .EmojiLogs .p-sico > .border, .EmojiLogs .p-dro3 > .border { display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 10px 8px 8px !important; margin: 0 !important; border: 1px solid #e1e1e1 !important; border-radius: 8px !important; background: #fff; min-height: 96px; box-sizing: border-box; transition: border-color .15s, box-shadow .15s, transform .05s; } .EmojiLogs .p-emo > .border:hover, .EmojiLogs .p-sico > .border:hover, .EmojiLogs .p-dro3 > .border:hover { border-color: var(--admin-template-color) !important; box-shadow: 0 2px 6px rgba(0,0,0,0.08); } .EmojiLogs .p-emo > .border > img { max-width: 44px !important; max-height: 44px !important; object-fit: contain; } .EmojiLogs .p-sico > .border > img, .EmojiLogs .p-dro3 > .border > img { max-width: 60px !important; max-height: 60px !important; object-fit: contain; } .EmojiLogs .p-emo > .border > input[type="number"] { width: 60px !important; text-align: center; padding: 4px 6px; border: 1px solid #d0d3d5; border-radius: 4px; font-size: 12px; margin: 0 !important; } .EmojiLogs .p-emo > .border > a.btn-danger, .EmojiLogs .p-sico > .border > a.btn-danger, .EmojiLogs .p-dro3 > .border > a.btn-danger { margin: 0 !important; padding: 0 !important; width: 24px; height: 24px; min-width: 24px; min-height: 24px; font-size: 11px; line-height: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; } .SiteLogs .site-card { border: 1px solid #e1e1e1; border-radius: 8px; padding: 12px; margin: 12px 0; background: #fff; box-sizing: border-box; } .SiteLogs .site-card-title { font-size: 14px; font-weight: 700; color: var(--admin-template-color); border-bottom: 2px solid var(--admin-template-color); padding-bottom: 6px; margin-bottom: 12px; text-align: right; } .SiteLogs .site-colors-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .SiteLogs .site-color-row { display: flex; flex-direction: column; gap: 4px; min-width: 0; } .SiteLogs .site-color-label { margin: 0 !important; padding: 2px 0; font-size: 12px; font-weight: 600; color: #444; background: transparent !important; text-align: right; display: block; } .SiteLogs .site-color-input { width: 100% !important; max-width: 200px; height: 34px !important; padding: 4px 8px !important; font-size: 13px !important; border: 1px solid #ccc !important; border-radius: 4px !important; box-sizing: border-box; margin: 0 !important; } .SiteLogs .site-icons-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .SiteLogs .site-icon-tile { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 10px; border: 1px solid #e1e1e1; border-radius: 8px; background: #fafafa; transition: border-color .15s, box-shadow .15s; min-width: 0; } .SiteLogs .site-icon-tile:hover { border-color: var(--admin-template-color); box-shadow: 0 2px 6px rgba(0,0,0,0.06); } .SiteLogs .site-icon-title { font-size: 12px; font-weight: 600; color: #444; text-align: center; } .SiteLogs .site-icon-tile img { width: 56px !important; height: 56px !important; border: 1px solid #d0d3d5 !important; border-radius: 6px !important; background: #fff; cursor: pointer; margin: 0 !important; object-fit: contain; display: block; } .SiteLogs .site-card-actions { margin: 14px 0 6px; text-align: right; } .SiteLogs .site-card-actions .btn { padding: 8px 22px; font-size: 14px; font-weight: 600; } @media (max-width: 880px) { .SiteLogs .site-icons-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 560px) { .SiteLogs .site-colors-grid { grid-template-columns: 1fr; gap: 8px; } .SiteLogs .site-color-input { max-width: 100%; } .SiteLogs .site-icons-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; } .SiteLogs .site-icon-tile { padding: 8px; gap: 6px; } .SiteLogs .site-icon-tile img { width: 48px !important; height: 48px !important; } .SiteLogs .site-card-actions { text-align: center; } .SiteLogs .site-card-actions .btn { width: 100%; } } @media (max-width: 560px) { .EmojiLogs .p-emo { grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); } .EmojiLogs .p-sico, .EmojiLogs .p-dro3 { grid-template-columns: repeat(auto-fill, minmax(78px, 1fr)); gap: 8px; } .EmojiLogs .p-emo > .border, .EmojiLogs .p-sico > .border, .EmojiLogs .p-dro3 > .border { padding: 8px 6px 6px !important; min-height: 86px; gap: 5px; } .EmojiLogs .p-emo > .border > img { max-width: 38px !important; max-height: 38px !important; } .EmojiLogs .p-sico > .border > img, .EmojiLogs .p-dro3 > .border > img { max-width: 50px !important; max-height: 50px !important; } .EmojiLogs .p-emo > .border > input[type="number"] { width: 52px !important; font-size: 11px; } .EmojiLogs .p-emo > .border > a.btn-danger, .EmojiLogs .p-sico > .border > a.btn-danger, .EmojiLogs .p-dro3 > .border > a.btn-danger { width: 26px; height: 26px; min-width: 26px; min-height: 26px; line-height: 26px; } } .OtherLogs .maintenance-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 6px 0 12px; } .OtherLogs .maintenance-action-btn { display: flex !important; align-items: center; justify-content: center; gap: 6px; margin: 0 !important; padding: 9px 8px !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.25 !important; min-height: 44px; border-radius: 7px; border: 0; text-align: center; white-space: normal; word-break: break-word; cursor: pointer; color: #fff !important; user-select: none; box-sizing: border-box; transition: filter .15s, transform .05s; } .OtherLogs .maintenance-action-btn:hover { filter: brightness(1.05); } .OtherLogs .maintenance-action-btn:active { transform: translateY(1px); } .OtherLogs .maintenance-action-danger { background-color: var(--site-color) !important; background-image: linear-gradient(rgba(0,0,0,0.14), rgba(0,0,0,0.14)) !important; } .OtherLogs .maintenance-action-restart { background-color: var(--site-color) !important; background-image: linear-gradient(rgba(0,0,0,0.32), rgba(0,0,0,0.32)) !important; } .OtherLogs .maintenance-inactive-card { border: 1px solid #e1e1e1; background: #fafafa; border-radius: 8px; padding: 10px 12px; margin: 0 0 10px; } .OtherLogs .maintenance-inactive-title { font-size: 13px; font-weight: 700; color: #444; margin-bottom: 8px; text-align: right; display: flex; align-items: center; gap: 6px; } .OtherLogs .maintenance-inactive-title .fa { color: var(--admin-template-color); } .OtherLogs .maintenance-inactive-controls { display: flex; align-items: stretch; border: 1px solid #d0d3d5; border-radius: 6px; overflow: hidden; background: #fff; } .OtherLogs .maintenance-inactive-input { flex: 0 0 90px; border: 0; outline: none; padding: 8px 10px; font-size: 13px; text-align: center; background: #fff; min-height: 40px; box-sizing: border-box; } .OtherLogs .maintenance-inactive-suffix { display: flex; align-items: center; padding: 0 12px; font-size: 12px; color: #666; background: #f5f5f5; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; } .OtherLogs .maintenance-inactive-controls .maintenance-inactive-action { flex: 1 1 auto; border-radius: 0; min-height: 40px; } .OtherLogs .maintenance-count-card { display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--admin-template-color); border-right: 3px solid var(--admin-template-color); border-radius: 8px; padding: 8px 14px; font-size: 13px; color: #333; font-weight: 600; margin: 0; } .OtherLogs .maintenance-count-icon { font-size: 14px; color: var(--admin-template-color); } .OtherLogs .maintenance-count-label { font-weight: 700; color: #444; } .OtherLogs .maintenance-count-value { font-weight: 800; color: var(--admin-template-color); min-width: 16px; text-align: center; } @media (max-width: 880px) { .OtherLogs .maintenance-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 560px) { .OtherLogs .maintenance-grid { grid-template-columns: repeat(2, 1fr); gap: 6px; } .OtherLogs .maintenance-action-btn { font-size: 11.5px !important; padding: 9px 4px !important; min-height: 46px; } .OtherLogs .maintenance-inactive-input { flex: 0 0 78px; } .OtherLogs .maintenance-inactive-suffix { padding: 0 10px; } .OtherLogs .maintenance-count-card { display: flex; justify-content: center; } } .ppop.breakto label, .ppop.breakto .label { background-color: var(--site-color) !important; color: #fff !important; border-color: var(--site-color) !important; } .ppop.breakto label.label-danger, .ppop.breakto label.label-warning, .ppop.breakto .label.label-danger, .ppop.breakto .label.label-warning { background-color: #d9534f !important; border-color: #d9534f !important; color: #fff !important; } @media (prefers-reduced-motion: reduce) { .bot-header-icon, .bot-btn-start, .bot-btn-stop { animation: none !important; } } @media (max-width: 560px) { .bot-header-icon, .bot-btn-start, .bot-btn-stop { animation: none !important; } } .SiteLogs:not(:focus-within), .EmojiLogs:not(:focus-within), .BotContestLogs:not(:focus-within), .OtherLogs:not(:focus-within), .LimitHitsLogs:not(:focus-within) { content-visibility: auto; contain-intrinsic-size: 1px 800px; } .paneladmin { -webkit-overflow-scrolling: touch; } #followers-popup.fl-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.45); z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 12px; animation: fl-fade .15s ease; -webkit-tap-highlight-color: transparent; } @keyframes fl-fade { from { opacity: 0 } to { opacity: 1 } } @keyframes fl-pop { from { opacity: 0; transform: scale(.96) } to { opacity: 1; transform: scale(1) } } #followers-popup .fl-box { background: #fff; color: #1f2937; width: min(420px, calc(100vw - 24px)); max-width: 100%; max-height: calc(100vh - 32px); display: flex; flex-direction: column; overflow: hidden; border-radius: 14px; border: 1px solid var(--site-color-template, #e5e7eb); box-shadow: 0 12px 32px rgba(0,0,0,0.28); animation: fl-pop .18s ease; font-family: inherit; } #followers-popup .fl-head, #followers-popup .fl-tabs, #followers-popup .fl-search { flex: 0 0 auto; } #followers-popup .fl-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 14px; background: var(--site-color-template, #6b7280); color: #fff; border-bottom: 1px solid rgba(0,0,0,0.08); } #followers-popup .fl-head-title { display: flex; flex-direction: column; min-width: 0; line-height: 1.15; } #followers-popup .fl-title { font-size: 14px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #followers-popup .fl-count { font-size: 11px; opacity: .85; margin-top: 2px; } #followers-popup .fl-count:empty { display: none; } #followers-popup .fl-close { background: rgba(255,255,255,0.18); color: #fff; border: 0; width: 28px; height: 28px; border-radius: 50%; cursor: pointer; font-size: 14px; line-height: 1; display: inline-flex; align-items: center; justify-content: center; transition: background .15s; flex-shrink: 0; } #followers-popup .fl-close:hover, #followers-popup .fl-close:focus { background: var(--site-color, rgba(255,255,255,0.32)); outline: none; } #followers-popup .fl-tabs { display: flex; background: #f7f8fa; border-bottom: 1px solid #e5e7eb; } #followers-popup .fl-tab { flex: 1; background: transparent; border: 0; padding: 9px 6px; font-size: 12px; font-weight: 600; color: #64748b; cursor: pointer; border-bottom: 2px solid transparent; transition: color .15s, border-color .15s, background .15s; font-family: inherit; } #followers-popup .fl-tab:hover { color: #1f2937; } #followers-popup .fl-tab.is-active { color: var(--site-color-template, #1f2937); border-bottom-color: var(--site-color-template, #1f2937); background: #fff; } #followers-popup .fl-search { padding: 8px 10px; background: #fff; border-bottom: 1px solid #eef0f3; } #followers-popup .fl-search-input { width: 100%; box-sizing: border-box; padding: 7px 10px; font-size: 13px; color: #1f2937; background: #f3f4f6; border: 1px solid #e5e7eb; border-radius: 8px; outline: none; transition: border-color .15s, background .15s; font-family: inherit; direction: rtl; text-align: right; } #followers-popup .fl-search-input::placeholder { color: #9aa3af; } #followers-popup .fl-search-input:focus { border-color: var(--site-color, #94a3b8); background: #fff; } #followers-popup .fl-list { overflow-y: auto; overflow-x: hidden; flex: 0 1 auto; min-height: 0; padding: 4px 6px; -webkit-overflow-scrolling: touch; } #followers-popup .fl-list::-webkit-scrollbar { width: 6px; } #followers-popup .fl-list::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius: 6px; } #followers-popup .fl-item { display: flex; align-items: center; gap: 10px; padding: 8px 10px; margin: 2px 0; border-radius: 10px; cursor: pointer; transition: background .12s; outline: none; } #followers-popup .fl-item:hover, #followers-popup .fl-item:focus, #followers-popup .fl-item:active { background: rgba(0,0,0,0.04); } #followers-popup .fl-item:focus { box-shadow: 0 0 0 2px var(--site-color, #3b82f6); } #followers-popup .fl-avatar { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; flex-shrink: 0; border: 1.5px solid rgba(0,0,0,0.06); background: #f3f4f6; } #followers-popup .fl-info { flex: 1; min-width: 0; text-align: right; } #followers-popup .fl-name { font-size: 13px; font-weight: 700; color: #1f2937; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #followers-popup .fl-sub { font-size: 11px; color: #6b7280; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #followers-popup .fl-act { flex-shrink: 0; margin-inline-start: auto; min-width: 64px; padding: 5px 10px; font-size: 12px; font-weight: 700; border-radius: 8px; cursor: pointer; border: 1px solid transparent; transition: opacity .15s, transform .05s, background .15s, color .15s, border-color .15s; font-family: inherit; line-height: 1.2; white-space: nowrap; } #followers-popup .fl-act:active { transform: scale(0.97); } #followers-popup .fl-act.fl-act-follow { background: var(--site-color, #2563eb); color: #fff; border-color: var(--site-color, #2563eb); } #followers-popup .fl-act.fl-act-follow:hover { filter: brightness(0.95); } #followers-popup .fl-act.fl-act-unfollow { background: transparent; color: #6b7280; border-color: #d1d5db; } #followers-popup .fl-act.fl-act-unfollow:hover { background: rgba(212,70,70,0.08); color: #d44646; border-color: rgba(212,70,70,0.55); } #followers-popup .fl-act.fl-act-busy { opacity: .55; cursor: progress; } #followers-popup .fl-act:disabled { cursor: not-allowed; } #followers-popup .fl-empty { text-align: center; padding: 32px 16px; color: #6b7280; font-size: 13px; } #followers-popup .fl-empty i { font-size: 26px; display: block; margin-bottom: 8px; opacity: .55; } #followers-popup .fl-empty.fl-error { color: #d44646; } #followers-popup .fl-empty.fl-error i { opacity: .85; } @media (max-width: 480px) { #followers-popup.fl-overlay { padding: 10px; align-items: center; } #followers-popup .fl-box { width: min(420px, calc(100vw - 20px)); max-height: calc(100vh - 20px); border-radius: 14px; } #followers-popup .fl-avatar { width: 40px; height: 40px; } } #edituser.edituser-modal { overflow: hidden; } #edituser .edituser-dialog { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 24px); max-width: 380px; height: auto !important; min-height: 0 !important; margin: 0 !important; float: none !important; overflow: visible !important; } #edituser .edituser-content { width: 100% !important; height: auto !important; max-height: calc(100vh - 80px); display: flex; flex-direction: column; border-radius: 14px; border: 1px solid var(--admin-template-color, #d9d9d9); box-shadow: 0 12px 32px rgba(0,0,0,0.18); background: #fff; overflow: hidden; } #edituser .edituser-head { background: var(--admin-template-color, #6b7280) !important; color: #fff !important; padding: 10px 14px !important; border: 0 !important; border-radius: 14px 14px 0 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-shrink: 0; } #edituser .edituser-head .modal-title { font-size: 13px !important; font-weight: 700 !important; color: #fff !important; margin: 0 !important; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #edituser .edituser-head .edituser-close { background: rgba(255,255,255,0.18); color: #fff !important; width: 26px; height: 26px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: background .15s; flex-shrink: 0; padding: 0 !important; } #edituser .edituser-head .edituser-close:hover { background: var(--admin-button-color, rgba(255,255,255,0.32)); } #edituser .edituser-body { padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 10px; overflow-y: auto; -webkit-overflow-scrolling: touch; flex: 1 1 auto; min-height: 0; } #edituser .edituser-card { background: #fafafa; border: 1px solid rgba(0,0,0,0.08); border-inline-end: 3px solid var(--admin-template-color, #d1d5db); border-radius: 10px; padding: 10px 10px 8px !important; margin: 0 !important; width: 100% !important; box-sizing: border-box; float: none !important; } #edituser .edituser-section-label, #edituser .edituser-field-label { background: transparent !important; color: var(--admin-template-color, #374151) !important; font-size: 11px !important; font-weight: 700 !important; padding: 0 !important; margin: 0 0 4px 0 !important; display: inline-block; text-align: right; } #edituser .edituser-section-label { font-size: 12px !important; margin-bottom: 6px !important; } #edituser .edituser-pwd-row { display: flex !important; align-items: center; gap: 6px; border-bottom: 0 !important; } #edituser .edituser-pwd-row .userpwd { flex: 1; width: auto !important; margin: 0 !important; } #edituser .edituser-pwd-row .usersetpwd { width: auto !important; min-width: 64px; margin: 0 !important; padding: 6px 10px !important; flex-shrink: 0; } #edituser .edituser-input, #edituser .edituser-select { height: 32px; padding: 4px 8px !important; font-size: 13px; border: 1px solid #d1d5db; border-radius: 8px; background: #fff; box-sizing: border-box; box-shadow: none; direction: rtl; } #edituser .edituser-select { width: 100% !important; display: block !important; } #edituser .edituser-input-num { width: 100px !important; text-align: center; } #edituser .edituser-input:focus, #edituser .edituser-select:focus { outline: none; border-color: var(--admin-template-color, #9ca3af); box-shadow: 0 0 0 3px rgba(0,0,0,0.05); } #edituser .edituser-btn-save { background-color: var(--admin-button-color, #2563eb) !important; border: 1px solid var(--admin-button-color, #2563eb) !important; color: #fff !important; padding: 6px 12px !important; border-radius: 8px !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.2 !important; box-shadow: none !important; } #edituser .edituser-btn-save:hover { filter: brightness(0.95); } #edituser .edituser-btn-inline { display: inline-block !important; width: auto !important; min-width: 70px; margin: 6px 0 0 !important; text-decoration: none; } #edituser .edituser-btn-primary { width: 100% !important; margin: 8px 0 0 !important; padding: 8px 12px !important; font-size: 13px !important; } #edituser .edituser-checks-card { padding-top: 8px !important; padding-bottom: 6px !important; } #edituser .edituser-check-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 4px !important; margin: 0 !important; border-bottom: 1px dashed rgba(0,0,0,0.06); font-size: 13px; color: #1f2937; text-align: right !important; } #edituser .edituser-check-row:last-of-type { border-bottom: 0; } #edituser .edituser-check-row input[type="checkbox"] { margin: 0 0 0 6px !important; width: 16px; height: 16px; accent-color: var(--admin-button-color, #2563eb); cursor: pointer; flex-shrink: 0; } #edituser .edituser-switch-row .edituser-switch-label { flex: 1 1 auto; font-weight: 600; } #edituser .edituser-switch { position: relative; display: inline-block; width: 44px; height: 24px; flex-shrink: 0; vertical-align: middle; } #edituser .edituser-switch input { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; } #edituser .edituser-switch .edituser-slider { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #cbd5e1; border-radius: 24px; cursor: pointer; transition: background-color .15s ease; } #edituser .edituser-switch .edituser-slider::before { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; background: #fff; border-radius: 50%; box-shadow: 0 1px 2px rgba(0,0,0,0.2); transition: transform .15s ease; } #edituser .edituser-switch input:checked + .edituser-slider { background: #16a34a; } #edituser .edituser-switch input:checked + .edituser-slider::before { transform: translateX(20px); } #edituser .edituser-switch input:focus-visible + .edituser-slider { box-shadow: 0 0 0 2px rgba(37,99,235,0.4); } #edituser .edituser-select-row { gap: 10px; } #edituser .edituser-select-row .edituser-field-label { flex: 0 0 auto; font-weight: 600; margin: 0; } #edituser .edituser-select-compact { flex: 1 1 auto; max-width: 180px; height: 30px; padding: 2px 8px; font-size: 13px; } #edituser .edituser-btn-danger { background-color: #d9534f !important; border: 1px solid #d9534f !important; color: #fff !important; width: 100% !important; padding: 8px 12px !important; border-radius: 8px !important; font-size: 13px !important; font-weight: 700 !important; margin: 6px 0 !important; box-shadow: none !important; } #edituser .edituser-btn-danger:hover { filter: brightness(0.95); } #edituser .edituser-sep { border: 0 !important; border-top: 1px solid rgba(0,0,0,0.08) !important; width: 100% !important; margin: 6px 0 !important; } @media (max-width: 480px) { #edituser .edituser-content { max-height: calc(100vh - 60px); } #edituser .edituser-body { padding: 8px 10px 10px; } #edituser .edituser-card { padding: 8px !important; } #edituser .edituser-pwd-row { flex-direction: column; align-items: stretch; } #edituser .edituser-pwd-row .usersetpwd { width: 100% !important; } } @media (min-width: 900px) { .paneladmin .cl1 { width: 210px !important; background: #ffffff; border-right: 1px solid #e3e6ea !important; border-bottom: 0 !important; box-shadow: 1px 0 6px rgba(0,0,0,.04); box-sizing: border-box; padding: 6px 8px !important; } .paneladmin .cl2 { background: #eef1f5; box-sizing: border-box; width: calc(100% - 210px) !important; margin-left: 210px !important; } .paneladmin ul.side-menu { text-align: right !important; direction: rtl; margin: 0 !important; padding: 0 !important; list-style: none; } .paneladmin .side-menu > li { margin: 0 !important; } .paneladmin .side-menu > li.side-section { color: var(--admin-template-color) !important; background: transparent !important; border-bottom: 1px solid #e6e8ec !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: .3px; text-align: right !important; margin: 12px 2px 4px !important; padding: 6px 6px 5px !important; white-space: nowrap; } .paneladmin .side-menu > li:not(.side-section) { margin: 1px 0 !important; padding: 2px 6px !important; border-radius: 8px; font-size: 0; white-space: nowrap; } .paneladmin .side-menu > li:not(.side-section):hover { background: rgba(0,0,0,.05); } .paneladmin .side-menu > li > .ico_pl { float: none !important; position: static !important; display: inline-block; vertical-align: middle; width: 22px; text-align: center; line-height: 1; font-size: 15px; margin: 0 0 0 8px; background: transparent !important; color: var(--admin-template-color) !important; padding: 0 !important; } .paneladmin .side-menu > li > a { position: static !important; display: inline-block; vertical-align: middle; width: calc(100% - 32px); box-sizing: border-box; background: transparent !important; color: #2c3038 !important; padding: 6px 0 !important; font-size: 13px; line-height: 1.3; text-align: right !important; white-space: normal; word-break: normal; overflow: hidden; cursor: pointer; } .paneladmin .side-menu > li > a.active { background: var(--admin-template-color) !important; color: #fff !important; border-radius: 6px; padding: 6px 8px !important; } .paneladmin .Panellogs, .paneladmin .Panelstate, .paneladmin .PanelstateR, .paneladmin .UsersLogs, .paneladmin .BotContestLogs, .paneladmin .GustsLogs, .paneladmin .BansLogs, .paneladmin .MessageLogs, .paneladmin .ShortLogs, .paneladmin .SubsLogs, .paneladmin .FilterLogs, .paneladmin .RoomsLogs, .paneladmin .SettingsLogs, .paneladmin .EmojiLogs, .paneladmin .OtherLogs, .paneladmin .SiteLogs, .paneladmin .LimitHitsLogs, .paneladmin .PowersLogs { background: #ffffff; border: 1px solid #e3e6ea; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,.05); padding: 16px !important; margin: 6px 0 12px !important; box-sizing: border-box; } .paneladmin .cl2 table { width: 100% !important; } .paneladmin .cl2 table thead th { background: #f6f7f9; color: #333; border-color: #e3e6ea !important; font-size: 12px; font-weight: 700; } .paneladmin button[onclick*="closepaneladmin"] { top: 8px !important; right: 8px !important; border-radius: 8px !important; box-shadow: 0 2px 8px rgba(0,0,0,.18) !important; } } @media (min-width: 900px) { .paneladmin .GustsLogs .btn-success[onclick*="addbot"]::before { font-family: FontAwesome; content: "\f0c7"; margin-left: 6px; font-weight: normal; } .paneladmin .BansLogs .bandnow::before { font-family: FontAwesome; content: "\f05e"; margin-left: 6px; font-weight: normal; } .paneladmin .EmojiLogs .media-tab::before { font-family: FontAwesome; margin-left: 6px; font-weight: normal; opacity: .9; } .paneladmin .EmojiLogs .media-tab[data-media-tab="emoji"]::before { content: "\f118"; } .paneladmin .EmojiLogs .media-tab[data-media-tab="sico"]::before { content: "\f005"; } .paneladmin .EmojiLogs .media-tab[data-media-tab="banner"]::before { content: "\f03e"; } .paneladmin .EmojiLogs .media-tab[data-media-tab="dro3"]::before { content: "\f219"; } .paneladmin .cl2 table { line-height: 1.3; } .paneladmin .cl2 table thead th { background: var(--admin-template-color) !important; color: #fff !important; padding: 6px 8px !important; border-color: rgba(255,255,255,.22) !important; font-weight: 700; line-height: 1.25; white-space: nowrap; } .paneladmin .cl2 table tbody td { padding: 4px 6px !important; border-bottom: 1px solid #eceef1 !important; vertical-align: middle; line-height: 1.3; overflow-wrap: break-word; word-break: normal; } .paneladmin .cl2 table tbody tr:hover > td { background: #f5f8fb; } } @media (min-width: 900px) { .paneladmin .BansLogs { max-width: 1100px; margin: 0 auto; } .paneladmin .cl2 [onclick*="nextPage"] { position: static !important; } .paneladmin .PanelstateR .fr { clear: both; margin-top: 8px; } .paneladmin .BansLogs .bans-allow-card { box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 14px; margin: 0 0 14px; background: #f4f6f8; border: 1px solid #e3e6ea; border-radius: 12px; } .paneladmin .BansLogs #browser, .paneladmin .BansLogs #system { flex: 1 1 0; min-width: 0; width: auto !important; margin: 0 !important; display: flex; flex-direction: column; border-radius: 10px; box-shadow: 0 1px 4px rgba(0,0,0,.06); } .paneladmin .BansLogs #browser > label.label-primary, .paneladmin .BansLogs #system > label.label-primary { display: block; margin: 0 !important; padding: 9px 12px !important; font-size: 13px !important; font-weight: 700 !important; color: #fff !important; background: var(--admin-template-color) !important; text-align: right; border-radius: 10px 10px 0 0; } .paneladmin .BansLogs #browser > div, .paneladmin .BansLogs #system > div { flex: 1 1 auto; width: auto !important; max-width: none !important; margin: 0 !important; padding: 12px !important; background: #fff; border: 1px solid #e3e6ea !important; border-top: 0 !important; border-radius: 0 0 10px 10px !important; box-sizing: border-box; display: flex; flex-direction: column; gap: 9px; } .paneladmin .BansLogs #browser > div hr, .paneladmin .BansLogs #system > div hr, .paneladmin .BansLogs #browser > div br, .paneladmin .BansLogs #system > div br { display: none !important; } .paneladmin .BansLogs .bans-opts { display: flex; flex-direction: column; gap: 7px; } .paneladmin .BansLogs #browser > div > .checkbox-inline, .paneladmin .BansLogs #system > div > .checkbox-inline, .paneladmin .BansLogs .bans-opts > .checkbox-inline { position: relative; display: block !important; width: 100% !important; margin: 0 !important; box-sizing: border-box; padding: 9px 62px 9px 14px; min-height: 38px; font-size: 13px; line-height: 20px; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: #fff; border: 1px solid #e6e8eb; border-radius: 8px; cursor: pointer; } .paneladmin .BansLogs #browser > div > .checkbox-inline:first-of-type, .paneladmin .BansLogs #system > div > .checkbox-inline:first-of-type { font-weight: 700; background: #f4f6f8; } .paneladmin .BansLogs .checkbox-inline input[type="checkbox"] { -webkit-appearance: none !important; appearance: none !important; position: absolute !important; right: 12px; top: 50%; transform: translateY(-50%); width: 42px !important; height: 22px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 12px !important; background-color: #c8ccd1; cursor: pointer; background-image: radial-gradient(circle at 11px center, #fff 8px, transparent 9px); background-repeat: no-repeat; background-size: 42px 22px; vertical-align: middle; transition: background-color .18s, background-image .18s; } .paneladmin .BansLogs .checkbox-inline input[type="checkbox"]:checked { background-color: var(--admin-button-color); background-image: radial-gradient(circle at 31px center, #fff 8px, transparent 9px); } .paneladmin .BansLogs #btnbrowser, .paneladmin .BansLogs #btnSystem { display: none !important; } .paneladmin .BansLogs .bans-save-all { display: block; width: 100%; box-sizing: border-box; margin: 0 0 14px; background-color: var(--admin-button-color) !important; border: 1px solid var(--admin-button-color) !important; color: #fff !important; border-radius: 8px !important; padding: 10px 12px !important; font-size: 14px; font-weight: 700; cursor: pointer; text-align: center; } .paneladmin .BansLogs .bans-save-all::before { font-family: FontAwesome; content: "\f0c7"; margin-left: 8px; font-weight: normal; } .paneladmin .BansLogs .bans-add-card { box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 12px 14px; margin: 0 0 14px; background: #f4f6f8; border: 1px solid #e3e6ea; border-radius: 12px; } .paneladmin .BansLogs .bans-add-card .bandnow, .paneladmin .BansLogs .bans-add-card .baninput, .paneladmin .BansLogs .bans-add-card .baninputreason { height: 38px; box-sizing: border-box; margin: 0 !important; border-radius: 8px !important; font-size: 13px; } .paneladmin .BansLogs .bans-add-card .baninput, .paneladmin .BansLogs .bans-add-card .baninputreason { flex: 1 1 220px; border: 1px solid #d1d5db !important; padding: 4px 12px !important; background: #fff; } .paneladmin .BansLogs .bans-add-card .bandnow { flex: 0 0 auto; background-color: #d9534f !important; border: 1px solid #d9534f !important; color: #fff !important; padding: 6px 22px !important; font-weight: 700; } .paneladmin .BansLogs .bans-table-card { box-sizing: border-box; padding: 12px 14px; margin: 0; background: #fff; border: 1px solid #e3e6ea; border-radius: 12px; } .paneladmin .BansLogs .bans-table-card .dataTables_filter { text-align: left; margin-bottom: 10px; } .paneladmin .BansLogs .bans-table-card .dataTables_filter input { height: 34px; border: 1px solid #d1d5db !important; border-radius: 8px; padding: 4px 10px; font-size: 13px; margin-right: 6px; } .paneladmin .BansLogs .bans-table-card [onclick*="nextPage"] { display: block !important; margin: 12px auto 2px !important; } } @media (min-width: 1200px) { .paneladmin .BansLogs .bans-allow-card { flex-direction: row; } } @media (min-width: 900px) { .paneladmin .PowersLogs { max-width: 1200px; margin: 0 auto; } .paneladmin .PowersLogs #powers { width: 100% !important; max-width: 100% !important; box-sizing: border-box; display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-start; } .paneladmin .PowersLogs .powerbox { width: auto !important; min-width: 220px; flex: 0 1 auto; height: 38px; display: inline-block !important; border: 1px solid #d1d5db !important; border-radius: 8px; padding: 4px 10px !important; font-size: 14px; box-sizing: border-box; } .paneladmin .PowersLogs .delp { position: static !important; top: 0 !important; height: 38px; border-radius: 8px !important; padding: 6px 16px !important; background-color: #d9534f !important; border: 1px solid #d9534f !important; color: #fff !important; } .paneladmin .PowersLogs .json { flex: 1 0 100%; order: 2; width: 100% !important; max-width: 100% !important; box-sizing: border-box; background: #fafbfc; border: 1px solid #e3e6ea; border-radius: 12px; padding: 14px !important; margin: 0 !important; } .paneladmin .PowersLogs .json .break { width: 100% !important; box-sizing: border-box; padding: 0 !important; display: grid; grid-template-columns: repeat(2, minmax(0,1fr) auto); gap: 8px 16px; align-items: center; } .paneladmin .PowersLogs .json .break br { display: none !important; } .paneladmin .PowersLogs .json .break > label.label-primary { background: transparent !important; color: #2c3038 !important; font-size: 13px !important; font-weight: 600 !important; text-align: right; margin: 0 !important; padding: 0 6px 0 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; justify-self: stretch; } .paneladmin .PowersLogs .json .break > input.corner { height: 32px; width: 120px !important; box-sizing: border-box; border: 1px solid #d1d5db !important; border-radius: 8px !important; padding: 4px 8px !important; font-size: 13px; justify-self: start; } .paneladmin .PowersLogs .json .break > label:not(.label-primary) { display: inline-flex !important; align-items: center; gap: 0; margin: 0 !important; font-size: 0 !important; justify-self: start; cursor: pointer; } .paneladmin .PowersLogs .json .break > label:not(.label-primary) > input[type="checkbox"] { -webkit-appearance: none !important; appearance: none !important; position: static !important; width: 42px !important; height: 22px !important; flex: 0 0 42px; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 12px !important; background-color: #c8ccd1; cursor: pointer; background-image: radial-gradient(circle at 11px center, #fff 8px, transparent 9px); background-repeat: no-repeat; background-size: 42px 22px; transition: background-color .18s, background-image .18s; } .paneladmin .PowersLogs .json .break > label:not(.label-primary) > input[type="checkbox"]:checked { background-color: var(--admin-button-color); background-image: radial-gradient(circle at 31px center, #fff 8px, transparent 9px); } .paneladmin .PowersLogs .json .break > button { grid-column: 1 / -1; justify-self: stretch; float: none !important; margin: 10px 0 0 !important; background-color: var(--admin-button-color) !important; border: 1px solid var(--admin-button-color) !important; color: #fff !important; border-radius: 8px !important; padding: 9px 12px !important; font-size: 14px; font-weight: 700; } .paneladmin .PowersLogs .sico { flex: 1 0 100%; order: 3; float: none !important; width: 100% !important; max-width: 100% !important; max-height: none !important; box-sizing: border-box; background: #fafbfc; border: 1px solid #e3e6ea !important; border-radius: 12px; padding: 10px !important; display: grid; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); gap: 8px; } .paneladmin .PowersLogs .sico > div { margin: 0 !important; display: flex !important; align-items: center; justify-content: center; background: #fff; border: 1px solid #e6e8eb; border-radius: 8px; height: 70px; overflow: hidden; box-sizing: border-box; cursor: pointer; } .paneladmin .PowersLogs .sico > div:hover { border-color: var(--admin-button-color); } .paneladmin .PowersLogs .sico > div > img { display: block; width: auto !important; height: auto !important; max-width: 96% !important; max-height: 54px !important; object-fit: contain; padding: 2px !important; box-sizing: border-box; } } @media (min-width: 1300px) { .paneladmin .PowersLogs .json .break { grid-template-columns: repeat(3, minmax(0,1fr) auto); } } @media (min-width: 900px) { .paneladmin .SettingsLogs .owneredit input[type="checkbox"] { -webkit-appearance: none !important; appearance: none !important; position: static !important; display: inline-block !important; width: 42px !important; height: 22px !important; min-width: 42px; margin: 0 0 0 10px !important; padding: 0 !important; border: 0 !important; border-radius: 12px !important; background-color: #c8ccd1; cursor: pointer; vertical-align: middle; box-sizing: border-box; background-image: radial-gradient(circle at 11px center, #fff 8px, transparent 9px); background-repeat: no-repeat; background-size: 42px 22px; transition: background-color .18s, background-image .18s; } .paneladmin .SettingsLogs .owneredit input[type="checkbox"]:checked { background-color: var(--admin-button-color); background-image: radial-gradient(circle at 31px center, #fff 8px, transparent 9px); } .paneladmin .SettingsLogs .owneredit label.checkbox-inline { vertical-align: middle; display: inline-block; font-size: 13px; color: #2c3038; margin: 0 !important; line-height: 26px; cursor: pointer; } } @media (min-width: 900px) { .SiteLogs .site-colors-grid { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px 24px; } .SiteLogs .site-color-row { display: grid; grid-template-columns: 140px 1fr; align-items: center; gap: 10px; } .SiteLogs .site-color-label { text-align: right; font-size: 13px; padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; } .SiteLogs .site-color-input { width: 100% !important; max-width: none !important; height: 36px !important; border-radius: 8px !important; border: 1px solid #d9dde3 !important; padding: 0 10px !important; } } @media (min-width: 900px) { .paneladmin .UsersLogs #searchusers { width: 280px !important; max-width: 100%; box-sizing: border-box; height: 36px; margin: 0 0 12px !important; padding: 0 12px !important; border: 1px solid #d1d5db !important; border-radius: 8px !important; font-size: 13px; } } @media (min-width: 900px) { .paneladmin .cl1 .mobile-menu-search { display: block; width: calc(100% - 20px); box-sizing: border-box; margin: 8px 10px 12px; height: 34px; padding: 0 10px; border: 1px solid #d1d5db; border-radius: 8px; font-size: 13px; background: #fff; color: #2c3038; } } .paneladmin .side-menu > li.sidebar-search-hidden { display: none !important; } @media (min-width: 900px) { .paneladmin .cl2 #fltr, .paneladmin .cl2 #shrt, .paneladmin .cl2 #msgs { max-width: 540px; } .paneladmin .cl2 #fltr .fltrit, .paneladmin .cl2 #shrt .shrtname, .paneladmin .cl2 #shrt .shrtvalue, .paneladmin .cl2 #msgs .msgt { display: block; width: 100% !important; max-width: 380px; box-sizing: border-box; height: 36px; margin: 6px 0 !important; padding: 0 10px !important; border: 1px solid #d1d5db !important; border-radius: 8px !important; font-size: 13px; } .paneladmin .cl2 #msgs .msgm { width: 100% !important; max-width: 380px; box-sizing: border-box; margin: 6px 0 !important; padding: 8px 10px !important; border: 1px solid #d1d5db !important; border-radius: 8px !important; font-size: 13px; } .paneladmin .cl2 #fltred { width: 100% !important; max-width: 380px !important; box-sizing: border-box; margin: 8px 0 !important; border: 1px solid #e3e6ea !important; border-radius: 8px; padding: 6px; } .paneladmin .cl2 #fltr .btn, .paneladmin .cl2 #shrt .btn, .paneladmin .cl2 #msgs .btn { height: 36px; border-radius: 8px !important; margin: 6px 0 !important; display: inline-flex; align-items: center; gap: 6px; width: auto; } .paneladmin .cl2 .btn-success, .paneladmin .cl2 .btn-info { background-color: var(--admin-button-color) !important; border-color: var(--admin-button-color) !important; color: #fff !important; } } .listHome .desginliste{height:44px} .listHome .desginliste img{height:34px} .listHome .desginlist img{width:36px;height:36px} .listHome #aft-gallery img{height:34px} .listHome #mft-gallery img{width:36px;height:36px} .MemberStatsLogs #memberStatsPage thead th, .MemberStatsLogs #memberStatsPage tbody td{ padding:6px 8px;line-height:1.3;vertical-align:middle } .MemberStatsLogs #memberStatsPage thead th{ font-weight:700;white-space:nowrap } .MemberStatsLogs #memberStatsPage thead th:nth-child(4), .MemberStatsLogs #memberStatsPage tbody td:nth-child(4), .MemberStatsLogs #memberStatsPage thead th:nth-child(8), .MemberStatsLogs #memberStatsPage tbody td:nth-child(8), .MemberStatsLogs #memberStatsPage thead th:nth-child(9), .MemberStatsLogs #memberStatsPage tbody td:nth-child(9), .MemberStatsLogs #memberStatsPage thead th:nth-child(10), .MemberStatsLogs #memberStatsPage tbody td:nth-child(10), .MemberStatsLogs #memberStatsPage thead th:nth-child(12), .MemberStatsLogs #memberStatsPage tbody td:nth-child(12), .MemberStatsLogs #memberStatsPage thead th:nth-child(15), .MemberStatsLogs #memberStatsPage tbody td:nth-child(15){text-align:center} @media (min-width:501px){ .MemberStatsLogs #memberStatsPage thead th:nth-child(6), .MemberStatsLogs #memberStatsPage tbody td:nth-child(6), .MemberStatsLogs #memberStatsPage thead th:nth-child(10), .MemberStatsLogs #memberStatsPage tbody td:nth-child(10), .MemberStatsLogs #memberStatsPage thead th:nth-child(13), .MemberStatsLogs #memberStatsPage tbody td:nth-child(13), .MemberStatsLogs #memberStatsPage thead th:nth-child(14), .MemberStatsLogs #memberStatsPage tbody td:nth-child(14){display:none} }