html,body {
    padding:0;
    margin:0;
    overflow:auto;
}
body {
    font-family:segoe ui, sans-serif;
    background: #000;

    color:#fff;
    font-size:13px;
}
img {
    vertical-align: middle;
}
.clear {
    clear:both;
}
.clearfix::after {
    content:"";
    display:table;
    clear:both;
}

a:link {
    color:#f80;
    text-decoration:none;
}
a:visited {
    color:#f80;
}
a:hover {
    color:#fff;
}

.table-responsive {
    overflow:auto;
    padding:0 5px;
}
.transparent-separator {
    height:40px;
    clear:both;
}
.default-line {
    padding:0 15px;
    line-height:40px;
}
.default-line span {
    margin-left:15px;
}
.container {
    max-width:1140px;
    margin:0 auto;
    position:relative;
    clear:both;
    color:#888;
    background:#141414;
}
h1,h2,h3,h4,h5,h6 {
    font-size:20px;
    font-weight:normal;
    margin:0 0 15px 0;
    padding:0;
    /*height:40px;*/
    line-height:40px;
    color:#fff;
}
hr {
    background:rgba(255,255,255,0.1);
    border:0;
    height:5px;
    box-shadow:0 2px 0 rgba(0,0,0,0.5);
}
iframe { border: 0px red solid; }
p {
    margin:0;
    padding:0;
}
span.delta-down {
    color:#a00;
}
span.delta-up {
    color:#0a0;
}
a.button,
input.button,
button.button,
.ui-button {
    padding:7px 15px;
    display:inline-block;
    border:0px;
    margin:0;
    font-size:13px;

    padding:0 15px;
    height:32px;
    line-height:32px;
    color:#fff;
    background:#d41;
    text-shadow:0 1px 1px rgba(0,0,0,0.5);
    text-align:center;
}
a.button i.fa,
input.button i.fa,
button.button i.fa,
.ui-button i.fa {
    margin:0 5px 0 -5px;
    font-size:14px;
}
button.button-dark {
    background:url(/images/chess.png) repeat-x top left #111;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.1), 0 0 0 1px #000;
}
a.button:hover,
button.button:hover,
input.button:hover,
.ui-button:hover {
    background-color:rgba(255,105,0,1);
    text-decoration:none;
    cursor:pointer;
}
input.text {
    border:1px solid #fff;
    padding:7px;
    min-width:200px;
    background:linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%) #fff;
    box-shadow:0 0 0 1px #000;
    margin:0;
    transition:all 500ms;
    position:relative;
}
input.text:focus {
    outline: 0;
    box-shadow:0 0 0 1px #000, 0 0 0 1000px rgba(24,24,24,0.5);
    z-index:10000;
}
input.text-fullwidth {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;
}
textarea.text {
    border:1px solid #fff;
    padding:7px;
    min-width:200px;
    background:linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%) #fff;
    box-shadow:0 0 0 1px #111;
    margin:0;
}
label {
    height:40px;
    line-height:40px;
    color:#fff;
}
label i.fa {
    padding:0 5px;
    font-size:14px;
}
label.label-block {
    display:block;
}
font.fade {
    opacity:0.5;
}
font.fade:hover {
    opacity:1;
}
.message {
    padding:15px 20px;
    margin:15px 0;
    text-shadow:0 1px 2px rgba(0,0,0,0.5);
    color:#fff;
    background:#069;
}
.message.error {
    background:#900;
}
.message.success {
    background:#090;
}
.message.warning {
    background:#c62;
}

#loader {
    position:fixed;
    top:50%;
    left:50%;
    width:64px;
    height:64px;
    margin:-32px 0 0 -32px;
    background:url(/images/ajax-loader.gif) no-repeat center center rgba(0,0,0,0.3);
    z-index:100;
    border-radius:10px;
    display:none;
}
#header {
    min-height:40px;
    padding:0;
    margin:0;
    border:0px;
}
#logo {
    height: 40px;
    line-height: 40px;
    padding:0 0 0 40px;
    color:#f60;
    text-decoration: none;
    display:block;
    float:left;
    background-image:url(/favicon.png);
    background-repeat:no-repeat;
    background-size: 36px 36px;
}
#logo:hover {

}
#menu {
    height:40px;
    line-height:40px;
}
#menu .menu-left{
    float:left;
}
#menu .menu-right{
    float:right;
}
#menu a {
    position:relative;
    display:inline-block;
    height:40px;
    line-height:40px;
    text-decoration:none;
    color:#aaa;
}
#menu a:hover {
    color:#f60;
}
#menu a i {
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    display:inline-block;
    font-size:14px;
}
#menu a span {
    padding-right:5px;
}
#menu .menu-right {
    padding-right:10px;
}
#menu a.active {
    color:#f60;
}
#menu a.active span {
    display:inline;
}
#menu .menu-right a.active {
    margin:0;
}
#menu .menu-right a.active::after {
    border:0px;
}
#main {
    position:relative;
}
#sidebar {
    width:220px;
    min-height:340px;
    float:left;
}
#sidebar-toggler {
    height:40px;
    line-height:40px;
    text-align:center;
    color:#555;
    cursor:pointer;
    display:none;
}
#sidebar-toggler:hover {
    color:#aaa;
}
#sidebar-content {
    clear:both;
}
#sidebar-content a {
    display:block;
    height:40px;
    line-height:40px;
    text-decoration:none;
    color:#aaa;
    position:relative;
    text-shadow:0 -1px 0 #000;
    overflow:hidden;
}
.container-sidebar a {
    display:block;
    height:40px;
    line-height:40px;
    text-decoration:none;
    color:#707070;
    position:relative;
    text-shadow:0 -1px 0 #000;
    overflow:hidden;
}
#sidebar-content a:hover,
.container-sidebar a:hover {
    color:#f60;
}
#sidebar-content a i,
.container-sidebar a i {
    height:40px;
    line-height:40px;
    width:40px;
    display:inline-block;
    font-size:14px;
    text-align:center;
    float:left;
}
#sidebar-content a.active {
    color:#fff;
    background:#d41;
    text-shadow:0 1px 3px #000;
}
#sidebar-content a.active i {
    text-shadow:0 1px 3px #000;
}
.container-sidebar a.active {
    color:#d40;
}
#sidebar-content .nav-collapse-content a.active {
    color:#f60;
    background:transparent;
}
#content {
    position:relative;
    overflow: auto;
    min-height:300px;
    box-shadow:inset 1px 0 0 rgba(255,255,255,0.03), inset -1px 0 0 rgba(255,255,255,0.03);
    background:url(/images/noise.png) #191919;
}
#page-content {
    padding:0 15px;
    overflow:auto;
}
#footer {
    position:relative;
    overflow: auto;
    padding:15px;
    clear:both;
    text-align:right;
    color:#888;
    min-height:40px;
}
#header,
#page-content,
#footer {
    min-width:280px;
}

/* nav-collapse */
.nav-collapse, .nav-collapse .nav-collapse-trigger {
    position:relative;
}
.nav-collapse .nav-collapse-trigger::after {
    content:"\f0da";
    position:absolute;
    top:12px;
    right:18px;
    font:normal normal normal 14px/1 FontAwesome;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.nav-collapse .nav-collapse-content {
    display:none;
}
.nav-collapse .nav-collapse-trigger-sub {
    position:absolute;
    top:0;
    right:0;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
}
.nav-collapse .nav-collapse-trigger-sub:hover {
    color:#fff;
    cursor:pointer;
}
.nav-collapse .nav-collapse-trigger-sub::after {
    content:"\f0da";
    position:absolute;
    top:12px;
    right:18px;
    font:normal normal normal 14px/1 FontAwesome;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.nav-collapse.active .nav-collapse-trigger {
    background:#333;
}
.nav-collapse.active .nav-collapse-trigger::after,
.nav-collapse.active .nav-collapse-trigger-sub::after {
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
}
.nav-collapse.active .nav-collapse-content{
    display:block;
}

/* sidebar monitoring */

#sidebar-monitoring {
    padding:0 15px;
}
.monitoring-header {
    color:#777;
}
.monitoring-title {
    float:left;
}
.monitoring-online {
    float:right;
}
.monitoring-online i {
    margin-right:7px;
}
.monitoring-line-wrap {
    margin:12px 0;
    clear:both;
    background:#222;
    box-shadow:0 0 0 1px #000;
}
.monitoring-line {
    height:10px;
    background: linear-gradient(to bottom, #d40 0%, #b30 100%);
    box-shadow:inset 0 0 0 1px rgba(255,128,0,0.5);
}

/* body.sidebar-minified */

body.sidebar-minified #logo {
    width:0;
    overflow:hidden;
    color:transparent;
}
body.sidebar-minified #sidebar {
    width:40px;
}
body.sidebar-minified #sidebar .nav-with-icons a span {
    display:none;
}
body.sidebar-minified #sidebar .nav-with-icons a:hover span {
    display:block;
    position:absolute;
    top:0;
    left:40px;
    z-index:100;
    width:200px;
    background:#111;
}
body.sidebar-minified #content, body.sidebar-minified #footer {

}
body.sidebar-minified .nav-collapse .nav-collapse-trigger::after,
body.sidebar-minified .nav-collapse .nav-collapse-trigger-sub::after {
    top:25px;
    right:5px;
}

body.sidebar-minified #sidebar-monitoring {
    padding:0;
}
body.sidebar-minified #sidebar-monitoring h3,
body.sidebar-minified .monitoring-title,
body.sidebar-minified .monitoring-online i {
    display:none;
}
body.sidebar-minified .monitoring-online {
    float:none;
    clear:both;
    font-size:9px;
    text-align:center;
    display:block;
    margin:0;
    padding:0;
    color:#aaa;
}
body.sidebar-minified .monitoring-line {
    height:5px;
}


#sidebar-content .nav-collapse.active {
    color:#000;
    text-shadow:0 1px 0 rgba(255,128,0,0.2);
    background:url(/images/chess-bg.png) #b03300;
    box-shadow:inset 0 0 0 1px rgba(255,128,0,0.2);
}
#sidebar-content .nav-collapse.active a {
    background:transparent;
}
#sidebar-content .nav-collapse.active .nav-collapse-header {
    color:#fff;
    background:url(/images/chess.png) repeat-x top left #f50;
    text-shadow:0 -1px 0 rgba(0,0,0,0.5);
    box-shadow:inset 1px 1px 0 rgba(255,128,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.1);
}
#sidebar-content .nav-collapse.active .nav-collapse-trigger {
    color:#000;
    text-shadow:0 1px 0 rgba(255,128,0,0.2);
}
#sidebar-content .nav-collapse.active .nav-collapse-content {
    box-shadow:0 -1px 0 rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,128,0,0.2);
}
#sidebar-content .nav-collapse.active .nav-collapse-content a {
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,0.5);
}
#sidebar-content .nav-collapse.active .nav-collapse-content a:hover {
    background:url(/images/chess-bg.png);
}
#sidebar-content .nav-collapse.active .nav-collapse-content a.active {
    box-shadow: 0 0 0 transparent;
    background:rgba(0,0,0,0.3);
    color:#fff;
    box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
    text-shadow:0 -1px 0 rgba(0,0,0,.2);
}

.container-content {
    overflow:auto;
    padding-right:15px;
}

.container-sidebar {
    width:200px;
    padding:0 10px;
    float:right;
    min-height:300px;
    background:url(/images/container_sidebar.png) no-repeat top left;
}
.container-sidebar-header {
    padding-left:10px;
}

/* modals */
#modal-overlay {
    content: " ";
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,0.2);
    display:none;
}
.modal {
    position:fixed;
    top:60px;
    left:50%;
    z-index:100;
    width:400px;
    margin-left:-200px;
    background:#4af;
    display:none;
    text-shadow:0 1px 3px rgba(0,0,0,0.5);
}
.modal-header {
    height:40px;
    position:relative;
    background:rgba(0,0,0,0.2);
}
.modal-title {
    color:#fff;
    height:40px;
    line-height:40px;
    padding-left:15px;
}
.modal-close {
    position:absolute;
    top:0;
    right:0;
    height:40px;
    width:40px;
    line-height:40px;
    text-align:center;
    cursor:pointer;
    font-size:14px;
    color:#fff;
}
.modal-close:hover {
    text-shadow:0 0 6px #000;
}
.modal-content {
    padding:15px;
    color:#fff;
}
.modal-content a {
    color:#fff;
    text-decoration:underline;
}
.modal-content a:hover {
    text-shadow:0 0 6px #000;
}
.modal-content input.text {
    box-shadow:0 0 0 1px rgba(0,0,0,0.2);
}
.modal-button-panel {
    padding:15px;
    text-align:right;
    background:rgba(0,0,0,0.2);
}
.modal-button-panel .modal-button {
    background:rgba(0,0,0,0.5);
    margin-left:1px;
    box-shadow:none;
}
.modal-button-panel .modal-button:hover {
    background:rgba(255,255,255,0.3);
}


.modal.modal-style-success {
    background:#0a0;
}
.modal.modal-style-warning {
    background:#f90;
}
.modal.modal-style-error {
    background:#a00;
}

.modal-type-image {
    top:30px;
    box-shadow:0 0 0 1px #fff, 0 0 0 5px #000;
}
.modal-type-image img {
    max-width:100%;
}

/* Увеличение изображения */
a.thumb {
    position:relative;
    display:inline-block;
}
a.thumb span {
    background:rgba(0,0,0,0.5);
    color:#fff;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    font-size:11px;
    padding:3px;
}
a.thumb span i.fa {
    font-size:14px;
    margin-right:5px;
}

/* tables */
table {
    border-spacing: 0px 0px;
}
table.default {
    width:100%;
    margin:3px 0;
    border-collapse:collapse;
    border:1px solid #282828;
    box-shadow:0 0 7px rgba(0,0,0,0.3), 0 0 0 1px #000;
    background:#181818;
}
table.default thead th {
    color:#555;
    padding:10px;
    background:#111;
    font-weight:normal;
    font-size:14px;
}
table.default td {
    padding:10px;
    border-top:1px solid #282828;
    border-bottom:1px solid #282828;
    box-shadow:inset 0 1px 0 #111;
}
td.td-icon {
    width:20px;
    text-align:center;
}

.player-online-blip  {
    width:13px;
    height:13px;
    background:rgba(255,255,255,0.1);
    border-radius:10px;
    margin:0 auto;
}
.player-online-blip.online {
    background:#0a0;
}

.bar-wrap {
    background:#222;
    box-shadow:0 0 0 1px #000;
    background:#222;
}
.bar-line {
    height:16px;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,0.25);
}
.bar-line span {
    font-size:10px;
    color:#fff;
    line-height:16px;
    display:block;
    height:16px;
    float:left;
    padding:0 5px;
    text-shadow:0 -1px 0 rgba(0,0,0,0.3);
}

.block {
    box-shadow:0 1px 5px #000, inset 0 0 0 1px rgba(255,255,255,0.05);
    margin:0 5px;
}
.block .block-title {
    padding:0 15px;
    height:40px;
    line-height:40px;
    margin:0;
    font-size:16px;
    background:url(/images/chess.png) repeat-x top left #333;
    text-shadow:0 -1px 0 rgba(0,0,0,0.5);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05), 0 0 0 1px #000;
}
.block .block-title i.fa {
    margin-right:5px;
    color:#f50;
}
.block .block-content {
    padding:10px 15px;
}

ul.ul-fancy {
    padding: 0;
    margin:0;
    list-style: square inside;
}
ul.ul-fancy li {
    padding:0 0 0 10px;
}

.fa-icon-selection-bar {
    padding:0 0 0 0;
    color:#555;
}
.fa-icon-selection-bar div.fa-icon-selection-unit {
    display:inline-block;
    padding:5px;
}
.fa-icon-selection-bar div.fa-icon-selection-unit i.fa {
    font-size:22px;
    width:30px;
    text-align:center;
}
.fa-icon-selection-bar div.fa-icon-selection-unit i.fa:hover {
    color:#888;
    cursor:pointer;
}
.fa-icon-selection-bar div.fa-icon-selection-unit.active {
    color:#fff;
}
.fa-icon-selection-bar div.fa-icon-selection-unit.active i.fa:hover {
    color:#fff;
}

blockquote {
    padding:0 15px;
    margin:0 0 15px 0;
    box-shadow:0 0 0 1px #000, -5px 5px 0 #000;
    border-left:5px solid #b30;
}
blockquote .blockquote-title {
    margin-left:-15px;
    padding-left:15px;
    height:40px;
    line-height:40px;
    color:#fff;
    background:#222;
    overflow:hidden;
    text-overflow:ellipsis;
}
blockquote .blockquote-content {
    color:#fff;
    padding:10px 0 10px 0;
    background:#000;
}

/* responsive */
.row {
    clear:both;
}
div.col {
    float:left;
}

/* */

.col-1 {width:8.3333333%}
.col-2 {width:16.6666666%}
.col-3 {width:25%}
.col-4 {width:33.3333333%}
.col-5 {width:41.6666666%}
.col-6 {width:50%}
.col-7 {width:58.3333333%}
.col-8 {width:66.6666666%}
.col-9 {width:75%}
.col-10 {width:83.3333333%}
.col-11 {width:91.6666666%}
.col-12 {width:100%}

@media (max-width: 1140px) {		/* под контейнер */
    .modal {
        position:absolute;
    }
    #menu a span {
        display:none;
    }
}

@media (max-width: 960px) {		/* m */
    .m-hidden {
        display:none;
    }
    body.sidebar-minified .container {
        width:auto;
        margin:0;
    }
    #content {

    }
    #sidebar {
        width:220px;
    }
    body.sidebar-minified #sidebar {
        width:40px;
    }
    #sidebar-toggler {
        display:block;
    }

    .col-m-1 {width:8.3333333%}
    .col-m-2 {width:16.6666666%}
    .col-m-3 {width:25%}
    .col-m-4 {width:33.3333333%}
    .col-m-5 {width:41.6666666%}
    .col-m-6 {width:50%}
    .col-m-7 {width:58.3333333%}
    .col-m-8 {width:66.6666666%}
    .col-m-9 {width:75%}
    .col-m-10 {width:83.3333333%}
    .col-m-11 {width:91.6666666%}
    .col-m-12 {width:100%}
}

@media (max-width: 720px) {		/* s */
    .s-hidden {
        display:none;
    }

    .container-content {
        padding:0;
    }
    .container-sidebar {
        width:auto;
        float:none;
        clear:both;
        background:transparent;
        padding:0;
        margin:0;
        min-height:0;
    }
    .container-sidebar-header {
        padding:0;
        margin:0;
    }

    .modal {
        left:0;
        right:0;
        margin:0;
        width:auto;
    }

    .col-s-1 {width:8.3333333%}
    .col-s-2 {width:16.6666666%}
    .col-s-3 {width:25%}
    .col-s-4 {width:33.3333333%}
    .col-s-5 {width:41.6666666%}
    .col-s-6 {width:50%}
    .col-s-7 {width:58.3333333%}
    .col-s-8 {width:66.6666666%}
    .col-s-9 {width:75%}
    .col-s-10 {width:83.3333333%}
    .col-s-11 {width:91.6666666%}
    .col-s-12 {width:100%}
}

@media (max-width: 480px) {		/* xs */
    .xs-hidden {
        display:none;
    }

    #gallery-scroller-underlay {
        display:none;
    }
    #menu a span {
        display:none !important;
    }

    .col-xs-1 {width:8.3333333%}
    .col-xs-2 {width:16.6666666%}
    .col-xs-3 {width:25%}
    .col-xs-4 {width:33.3333333%}
    .col-xs-5 {width:41.6666666%}
    .col-xs-6 {width:50%}
    .col-xs-7 {width:58.3333333%}
    .col-xs-8 {width:66.6666666%}
    .col-xs-9 {width:75%}
    .col-xs-10 {width:83.3333333%}
    .col-xs-11 {width:91.6666666%}
    .col-xs-12 {width:100%}
}

@media (max-width: 415px) {		/* минимальная ширина */
    body.sidebar-minified .container,
    .container {
        min-width:375px;
    }
}