/* SourceBans Material: responsive layout, shared by CYBER X and URAL. */
.cx-record:focus-visible,#menu-trigger:focus-visible{outline:2px solid #92a8ff;outline-offset:3px}
.cx-search-submit{border:0;background:transparent;color:inherit;min-width:44px;min-height:44px}
#content>.container{width:100%;max-width:1400px;box-sizing:border-box}
@media(max-width:767px){
 html,body{max-width:100%;overflow-x:clip}
 #main{padding-top:76px}#content{padding:12px 0 28px!important}
 #content>.container{width:100%;padding:0 14px}
 #content .row{margin-left:-7px;margin-right:-7px}#content .row>[class*="col-"]{padding-left:7px;padding-right:7px}
 #content [data-aos]{transform:none!important;opacity:1!important;transition:none!important}
 #content .animated,#content .fadeIn,#content .fadeInDown{animation:none!important}
 .header-inner{padding:10px 12px!important}#header{min-height:64px}
 #menu-trigger{min-width:44px;min-height:44px;margin:0!important}
 #sidebar{max-width:calc(100vw - 48px);height:calc(100dvh - 64px);top:64px}
 #sidebar .main-menu>li>a{min-height:48px;display:flex;align-items:center}
 #chat{max-width:calc(100vw - 24px)}
 #header .dropdown-menu-lg{position:fixed;left:12px;right:12px;top:64px;width:auto!important;max-height:calc(100dvh - 80px);overflow-y:auto}
 #header .dropdown-menu-lg .row{margin:0}#header .dropdown-menu-lg .col-xs-12{padding:0 12px}
 .card-header,.card-body.card-padding{padding:18px 16px!important}.card-header h2{line-height:1.4}.card-header h2 small{line-height:1.6}
 .last-banned-player,.last-muted-player,.last-banned-playerone,.last-muted-playerone{width:100%!important;min-width:0;margin-bottom:18px}
 #front-servers{display:block!important;width:100%;min-width:0}
 #front-servers>.mini-charts{width:100%;float:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}
 #front-servers>.mini-charts>a{min-width:0}.mini-charts-item{width:100%;min-width:0;margin:0!important}
 .mini-charts-item .clearfix{display:flex;align-items:center;min-height:100px;padding:12px;gap:10px}
 .mini-charts-item .clearfix>img{float:none!important;width:34px!important;height:44px!important;margin:0!important;flex:none}
 .mini-charts-item .count{padding:0!important;min-width:0}.mini-charts-item .count small{font-size:12px!important;white-space:normal}.mini-charts-item .count h2{font-size:23px;margin-top:5px}
 .blocked-info-player-table,.blocked-info-player-tableunban,.muted-info-player-table,.muted-info-player-tableunban{width:100%;min-width:0;gap:8px;font-size:12px;padding:12px 10px;box-sizing:border-box}
 .blocked-info-player--game,.muted-info-player--game{width:18px;flex:0 0 18px;margin:0!important}
 .blocked-info-player--player,.muted-info-player--player{flex:1 1 0;width:auto;min-width:0;overflow-wrap:anywhere;white-space:normal}
 .block-info-player--data,.muted-info-player--data{flex:0 1 25%;width:auto;min-width:0;font-size:11px;white-space:normal}
 .blocked-info-player--ban,.muted-info-player--ban{flex:0 1 25%;width:auto;white-space:normal}
 .last-ban{min-width:0}.table-responsive{border:0!important;max-width:100%;-webkit-overflow-scrolling:touch}
 .last-ban>.ban-info-player-table{display:none}
 .last-ban>.opener-l{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(86px,.7fr);gap:8px 12px;height:auto;min-height:102px;padding:14px;margin:8px 0}
 .last-ban>.opener-l>[class*="--"]{width:auto!important;margin:0!important;min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:left;overflow:visible;font-size:13px}
 .last-ban>.opener-l>.ban-info-player--player,.last-ban>.opener-l>.mutelist-info-player--player{grid-column:1 / -1;font-size:15px;line-height:1.5;font-weight:600}
 .last-ban>.opener-l>.ban-info-player--game,.last-ban>.opener-l>.mutelist-info-player--game{display:none}
 .last-ban>.opener-l>[data-cx-label]:before{content:attr(data-cx-label);display:block;margin-bottom:4px;font-size:10px;font-weight:400;color:#b8b3ce}
 .last-ban>.opener-l>.ban-info-player--ban,.last-ban>.opener-l>.mutelist-info-player--ban{color:#d0dbff}
 .last-ban>.opener-l>.ban-info-player--data,.last-ban>.opener-l>.mutelist-info-player--data{font-size:12px}
 .wear-ban .card-body{padding:12px!important}.wear-ban .form-group-sb{float:none!important;width:100%!important;padding:0!important}
 .wear-ban[style*="visibility: visible"]{height:auto!important;overflow:visible!important}
 .wear-ban .form-group{display:grid;grid-template-columns:minmax(85px,.8fr) minmax(0,1.2fr);gap:8px;width:100%!important;padding:0!important;margin:0 0 8px!important}
 .wear-ban .form-info,.wear-ban .form-info-1{display:block;width:auto!important;min-width:0;margin:0;padding:10px!important;white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.5}
 .wear-ban .pmo-block{float:none;width:100%;margin:14px 0 0}.wear-ban-header{padding:16px 12px!important}.info-ban--tittle{font-size:18px}
 .toolbar-bans{flex-wrap:wrap;gap:8px}.toolbar-bans>span{width:100%}.pagination>li>a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
 .servers-grid{grid-template-columns:minmax(0,1fr)!important}
 .server-info-player-header,.server-info-player-table{width:100%;gap:8px;padding:12px;box-sizing:border-box}
 .server-info-player--game{margin:0;flex:0 0 18px}.server-info-player--player{flex:1;min-width:0;width:auto;white-space:normal;overflow-wrap:anywhere;font-size:13px}
 .server-info-player--data.server-info-playter--online{flex:0 0 54px;width:54px}
 .server-info-player--oc,.server-info-player--vac,.server-info-player--ban{display:none}
 [id^=serverwindow_]{padding:12px!important}.listtable>tbody>tr{display:block}.listtable>tbody>tr>td{display:block;width:100%!important;max-width:100%;padding:0!important}
 td.mobile_version_none{display:block!important}.img_map{display:block!important;width:100%!important;height:150px!important;object-fit:cover;float:none!important;margin:12px 0!important}
 .server-info-player-table-td{margin:6px 0;padding:10px;gap:8px}.server-info-player-table-td--nick{flex:1;width:auto!important;margin:0!important}.server-info-player-table-td--score{width:45px}.server-info-player-table-td--time{display:none}
 .form-control,input[type=text],input[type=password],input[type=email],select,textarea{max-width:100%;font-size:16px!important;min-height:44px}
 textarea.form-control{min-height:120px;resize:vertical}.form-group{margin-bottom:16px}.form-horizontal .control-label{text-align:left;padding-bottom:7px}
 .form-horizontal .bootstrap-select{width:100%!important}.form-horizontal #webgroup{width:100%}
 #loginSubmit{display:flex;flex-wrap:wrap;gap:10px}#loginSubmit .btn{margin:0}.btn{min-height:44px;white-space:normal}
 #dialog{max-width:calc(100vw - 24px)!important;width:auto!important;left:12px!important;right:12px!important;margin-left:0!important}.sweet-alert{width:calc(100vw - 24px)!important;left:12px!important;margin-left:0!important}
 .cx-search-table,.cx-search-table>tbody{display:block;width:100%}.cx-search-table>thead{display:none}.cx-search-table>tbody>tr{display:grid;grid-template-columns:30px minmax(0,1fr);padding:12px 0;border-bottom:1px solid #ffffff0d}
 .cx-search-table>tbody>tr>td{display:block;width:auto!important;min-width:0;white-space:normal;padding:5px!important}.cx-search-table>tbody>tr>td:first-child{grid-row:1 / 3}.cx-search-table>tbody>tr>td:nth-child(3){grid-column:2}.cx-search-table select{width:100%;margin-bottom:8px}.cx-search-table input[type=text]{width:100%!important}
}
@media(prefers-reduced-motion:reduce){[data-aos]{transform:none!important;opacity:1!important;transition:none!important;animation:none!important}}