html,body {
    min-height:100%;
    min-width:100%;
    color:#FFF;
}

blockquote {
    margin: .7rem 0;
}

body {
    background-color: #181a2b;
    background-image: url(/themes/Prometey/images/bg-img.png);
    background-position: center 52px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

header {
    position:fixed;
    width:100%;
    left:0;
    top:0;
    right:0;
    z-index: 9999;
}

nav {
    background-color:#2e3356;
}

nav > .nav-wrapper {
    padding: 0 10rem 0 10rem;
}

nav > .nav-wrapper > .logo {
    font-size:1.5rem;
    text-transform:uppercase;
    font-weight:500;
    float:left
}

nav > .nav-wrapper > .links {
    float:right
}

nav > .nav-wrapper > .links > ul > li:hover a {
    background-color:rgba(0,0,0,0.1)
}

nav > .nav-wrapper > .links > ul > li::after {
    content:'';
    display:block;
    width:100%;    height:2px;
    transform:scale(0,1);
    background-color:#ffc239;
    transition:all .35s ease-in-out
}

nav > .nav-wrapper > .links > ul > li > a {
    padding:0 2rem;
    transition:all .35s ease-in-out
}

nav > .nav-wrapper > .links > ul > li:hover::after {
    transform:scale(1,1)
}

nav > .nav-wrapper > .links > ul > li.active {
    background-color:rgba(0,0,0,0.45);
    box-shadow:0 .7rem 3rem .1rem #110f1b
}

nav > .nav-wrapper > .links > ul > li.active::after {
    background-color:#ffc239;
    transform:scale(1,1)
}

#wrapper {
    width:80%;
    margin:0 auto;
    min-height:100%;
    padding-top:10%;
    max-width: 1240px;
}

#wrapper.blur {
    filter: blur(1.2rem);
}

section[role=main] > aside {
    width:25%;
    float:right;
    color:#FFFF;
    box-shadow:4px 4px 0 0 #232440;
    background-color:#2f304a
}

section[role=main] > main {
    width:72%;
}

section[role=main] > main > section.info-box {
    background:#752f2f;
    color:#FFF;
    padding:.8rem 1rem;
    margin-bottom: 1.5rem;
    box-shadow:0 10px 0 -5px #461d1d
}

section[role=main] > main > section#content {
    /* background-color: #30324a; */
    padding: .7rem 0rem;
}

section[role=main] > aside > .block {
    padding:.5rem 1rem;
}

section[role=main] > aside > .block.links {
    background-color:#434456;
    box-shadow: 4px 0px 0rem 0rem #36363e;
    position: relative;
}

section[role=main] > aside > .block.links:before {
    content: '';
    right: -4px;
    position: absolute;
    border: 4px solid transparent;
    border-right: 0;
    border-top: 4px solid #36363e;
    bottom: -8px;
}

section[role=main] > aside > .block.links > a.button {
    background-color:#5c6bc0;
    border-bottom:3px solid #43519c;
    border-radius:2px;
    display:block;
    color:#FFF;
    padding:.7rem;
    margin-bottom:.7rem;
    transition:.4s ease-in-out
}

section[role=main] > aside > .block.links > a.button:hover {
    background-color:#6b7bd6;
    border-bottom:3px solid #5161bb;
    padding-left:2rem
}

section[role=main] > aside > .block.links > a.button:active {
    background-color:#4a569a;
    border-bottom:3px solid #333e79
}

section[role=main] > aside > .block.links > a.button.green {
    background-color:#5e9a56;
    border-color:#497543
}

section[role=main] > aside > .block.links > a.button.green:hover {
    background-color:#69af60;
    border-color:#578851
}

section[role=main] > aside > .block.links > a.button.green:active {
    background-color:#548a4d;
    border-color:#3d6338
}

section[role=main] > aside > .block.links > a.button.red {
    background-color: #c05c5c;
    border-color: #9c4343;
}

section[role=main] > aside > .block.links > a.button.red:hover {
    background-color: #c56969;
    border-color: #ab6565;
}

section[role=main] > aside > .block.links > a.button.red:active {
    background-color: #8a4d4d;
    border-color: #633838;
}

section[role=main] > aside > .block.links > a.fa {
    font:inherit
}

section[role=main] > aside > .block.links > a.fa::before {
    font-family:FontAwesome;
    font-size:30px;
    float:left;
    display:inline-block;
    padding:.2rem .7rem;
    margin-right:.7rem
}

section[role=main] > aside > .block.links > a.button > span {
    display:block
}

section[role=main] > aside > .block.links > a.button > span.title {
    font-size:1.2rem;
    font-weight:600
}

section[role=main] > aside > .block > div.title {
    text-align:center;
    text-transform:uppercase;
    padding:8px 0;
    font-size:1.1rem;
    font-weight:600;
    border-bottom:2px dashed #414371;
    margin-bottom:1rem
}

section[role=main] > aside > .block > div.content > .links > a,
section[role=main] > aside > .block > div.content > .links > * > button {
    transition:.3s ease-in-out;
    display:block;
    width:100%;
    margin:.7rem 0;
    border:none;
    background-color:#414371;
    border-bottom:1px solid #191a2f;
    color:#FFF;
    padding:.5rem .7rem;
    border-radius:2px;
    line-height: 1.5;
    text-align: left;
}

section[role=main] > aside > .block > div.content > .links > a:hover,
section[role=main] > aside > .block > div.content > .links > * > button:hover  {
    background-color:#525490;
    border-color:#1d1e40
}

section[role=main] > aside > .block > div.content > .links > a:active {
    background-color:#3d3f6b;
    border-color:#151631
}

section[role=main] > aside > .block > div.content > .links  a.red,
section[role=main] > aside > .block > div.content > .links > * > button.red {
    background-color:#b14f4f;
    border-color:#542121
}

section[role=main] > aside > .block > div.content > .links  a.red:hover,
section[role=main] > aside > .block > div.content > .links > * > button.red:hover {
    background-color:#ce5959;
    border-color:#883535
}

section[role=main] > aside > .block > div.content > .links > a.red:active,
section[role=main] > aside > .block > div.content > .links > * > button.red:active {
    background-color:#904141;
    border-color:#2d1111
}

section[role=main] > aside > .block > div.content > .profile {
    padding:1rem 0;
    background-color:#56719a;
    border-radius:2px;
    box-shadow:0 10px 0 -5px #394a65
}

section[role=main] > aside > .block > div.content > .profile > .avatar {
    width:25%;
    display:inline-block;
    text-align:center;
    padding:0 .3rem;
    float:left
}

section[role=main] > aside > .block > div.content > .profile > .info {
    width:75%;
    display:inline-block
}

section[role=main] > aside > .block > div.content > .profile::after {
    content:'';
    clear:both
}

section[role=main] > aside > .block > div.content > .profile > .info > .status {
    background-color:#6e8fc1;
    border-radius:50px 0 0 50px;
    float:right;
    text-align:center;
    font-size:1.1rem;
    font-weight:700;
    line-height:2;
    padding:0 2rem;
    width:100%;
    margin-bottom:10px
}

section[role=main] > aside > .block > div.content > .profile > .info > .balance {
    padding-left:.5rem
}

section[role=main] > aside > .block > div.content > .profile > .info > .balance > span {
    margin:0 3px;
    background-color:#455c80;
    border-radius:50px;
    padding:.25rem .7rem;
    line-height:0
}

section[role=main] > aside > .block.notify {
    margin-top: 1.4rem;
}

section[role=main] > aside > .block.notify.alert-success > .content {
    background-color: #9dad46;
    box-shadow: 0 0.7rem 0rem -0.4rem #5a6328;
}

section[role=main] > aside > .block.notify.alert-error > .content {
    background-color: #a75252;
    box-shadow: 0 0.7rem 0rem -0.4rem #673939;
}

section[role=main] > aside > .block.notify > .content {
    background-color: #6aa1bb;
    padding: .4rem 0.7rem;
    box-shadow: 0 0.7rem 0rem -0.4rem #3e6475;
    border-radius: 1px;
}

section[role=main] > aside > .block.notify > .content > a#close-notify {
    float: right;
    color: #fff;
    font-size: 1.8em;
    display: block;
    height: 100%;
}

section[role=main] > aside > .block.monitoring > .content > .server-id > .bar > canvas {
    
    position: absolute;
    height: 44px;
    width: 44px;
}

section[role=main] > aside > .block.monitoring > .content > .server-id > .bar > .players {
    position: absolute;
    width: 44px;
    height: 44px;
    line-height: 43px;
    text-align: center;
}

section[role=main] > main > section[role=content] article {
    background-color: #2b2c44;
    border-radius:2px;
    border-bottom: 2px solid #2c2c44;
    margin-bottom:3rem;
    color: #FFF !important;
    box-shadow: 0rem 2rem 2rem -2rem #10111b;
}

section[role=main] > main > section[role=content] article > .attached::before {
    content: "\f276";
    font-family:FontAwesome;
    margin-right:.7rem;
    float: right;
    font-size: 2rem;
    color: #3f4165;
}

section[role=main] > main > section[role=content] article > .post-headign {
    padding:.7rem 1rem;
}

section[role=main] > main > section[role=content] article > .post-headign > h5 {
    display:inline-block;
    width:83%
}

section[role=main] > main > section[role=content] article > .post-headign > time {
    width:17%;
    background-color: #3f4165;
    border-radius:50px;
    padding:.4rem .7rem;
    color:#FFF;
    display:inline-block;
    text-align:center;
}

section[role=main] > main > section[role=content] article > .post-body {
    padding:.7rem 1rem;
    overflow-wrap: break-word;
}

section[role=main] > main > section[role=content] article > .post-body img {
    max-width:  100%;
    border: 2px solid #181a2b;
}

section[role=main] > main > section[role=content] article > .post-footer {
    background: #232335;
    padding:1rem 2.2rem;
    color:#FFF;
}

section[role=main] > main > section[role=content] article > .post-footer > span,
section[role=main] > main > section[role=content] article > .post-footer > a {
    font: inherit;
    background-color: #2e2e48;
    border-radius: 50px;
    padding-right: 1em;
}

section[role=main] > main > section[role=content] article > .post-footer > a {
    float:  right;
    transition:  .4s ease-in-out;
}

section[role=main] > main > section[role=content] article > .post-footer > a:hover {
    background-color: #444475;
}


section[role=main] > main > section[role=content] article > .post-footer > a::before {
    padding-right: 0;
    margin-right: 1rem;
}



section[role=main] > main > section[role=content] article > .post-footer > span > b,
section[role=main] > main > section[role=content] article > .post-footer > span > b > a,
section[role=main] > main > section[role=content] article > .post-footer > a > b {
    line-height: 1.8;
    color:#FFF;
    font-weight:  600;
}

section[role=main] > main > section[role=content] article > .post-footer > span.fa::before,
section[role=main] > main > section[role=content] article > .post-footer > a.fa::before {
    font-family: FontAwesome;
    font-size: 1rem;
    float: left;
    display: inline-block;
    padding: .2rem .5rem;
    margin-right: .5rem;
    background-color: #414367;
    border-radius: 50px;
    color:#FFF;
    transition:  .4s ease-in-out;
}

section[role=main] > main > section[role=content] > h5.header-title {
    background-color:#4e5b9a;
    color:#FFF;
    padding:.7rem 3rem;
    border-radius:2px;
    box-shadow:0 12px 3px -10px #222c5d
}

section[role=main] > main > section[role=content] > h5.header-title.fa {
    font:inherit;
    padding-left:1rem;
    font-size: 1.64rem;
    display:block;
    line-height:110%
}

section[role=main] > main > section[role=content] > h5.header-title.fa::before {
    font-family: FontAwesome;
    font-size: 1.5rem;
    float: left;
    display: inline-block;
    padding: 0.0rem 0.5rem;
    color: #c9dfff;
}



/*
section[role=main] > main > section[role=content] > #dle-content > section#pager {
    text-align:  center;
    font-size:  1.2rem;
}

section[role=main] > main > section[role=content] > #dle-content > section#pager > span.icon > a {
    background-color: #2f3352;
    padding: .2rem .5rem;
    border-radius: 2px;
    color: #fff;
}

section[role=main] > main > section[role=content] > #dle-content > section#pager > span.icon > span {
    color: #e0e0e0;
}

section[role=main] > main > section[role=content] > #dle-content > section#pager > div.pages {
    display:  inline-block;
}

section[role=main] > main > section[role=content] > #dle-content > section#pager > div.pages > span {
    background-color: #4e5b9a;
}


section[role=main] > main > section[role=content] > #dle-content > section#pager > div.pages > a {
    background-color: #d0d0d0;
    color: #6d6d6d;
}

section[role=main] > main > section[role=content] > #dle-content > section#pager > div.pages > * {
    padding: .2rem .7rem;
    border-radius:  2px;
    color: #FFF;
    margin: 0 .15rem;
}
*/

section[role=main] > main > section[role=content] > form > .mcr-register > .reved > .row {
    margin-bottom: 0;
}



section[role=main]::after {
    content: '';
    display: block;
    clear:both;
}

footer {
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

footer > .footer-wrapper {
    background-color: #24263c;
    color: #FFF;
    box-shadow: 0rem 1.5rem 0 -1rem #121421, 0px 0 6rem 0rem #111117;
    border-radius: 1px;
    padding:  1rem 2rem;
}

footer > .footer-wrapper > .footer-left, 
footer > .footer-wrapper > .footer-right {
    display: inline-block;
    float:  left;
}

footer > .footer-wrapper > .footer-left {
    width: 70%;
}

footer > .footer-wrapper > .footer-right {
    width: 30%;
}

footer > .footer-wrapper > .footer-left > .copyright {
    font-size: 1.1rem;
    font-weight: 600;
}

footer > .footer-wrapper > .footer-left > .copyright::before {
    content: '\00A9\00A0';
    font-weight: 600;
}

footer > .footer-wrapper > .footer-left > .content {

}

footer > .footer-wrapper > .footer-right > ul {
    float:  right;
    padding: 0;
    margin: 0;
}

footer > .footer-wrapper > .footer-right > ul > li {
    margin: 0 .2rem;
}

footer > .footer-wrapper > .footer-right > ul > li:nth-child(2n) {
    display: block;
}

footer > .footer-wrapper > .footer-right > ul > li:nth-child(1n) {
    float:  right;
}

footer > .footer-wrapper::after {
    content: '';
    display:  block;
    clear:both;
}

.material-tooltip {
    background-color: #1b1c2d;
    margin-top: -0.2rem;
    line-height: 100%;
    border-radius: 1px;
    max-width: 400px;
    box-shadow: 0 0.4rem 2rem -0.5rem #000;
}

.modal.auth {
    max-width:  30%;
    top: 25% !important;
    z-index: 10001 !important;
} 

.modal.modern {
    background-color: transparent;
    box-shadow: none;
}


.modal.modern > .modal-header {
    padding: 0 3rem;
    text-align:  center;
}

.modal.modern > .modal-header > h4 {
    background-color: #2f6594;
    color: #fff;
    padding: 1.3rem 0;
    margin-bottom: -1.5rem;
    position: relative;
    box-shadow: 0 5px 1rem -5px #2b5579;
    border-radius: 2px;
}

.modal.modern > .modal-content {
    background-color: #f1f1f1;
    border-radius: 2px 2px 0 0;
} 

.modal-overlay {
    background-color: #293546;
    z-index: 10000 !important;
}



::-webkit-scrollbar {
    width:4px
}

input[type="checkbox"].filled-in:checked + span.purple:not(.lever):after {
    border: 2px solid #937d9c;
    background-color: #7b1fa2;
}

.input-field.purple > input:focus {
    border-bottom: 1px solid #7b1fa2 !important;
    -webkit-box-shadow: 0 1px 0 0 #7b1fa2 !important;
    box-shadow: 0 1px 0 0 #7b1fa2 !important;
}

.input-field.purple > input:focus label {
    color: #7b1fa2 !important;
}

.input-field.purple > label.active {
    color: #7b1fa2 !important;
}



input[type="checkbox"].filled-in:checked + span.white:not(.lever):after {
    border: 2px solid #FFF;
    background-color: #FFF;
}

.input-field.white > input {
    color: #FFF;
    border-color: #ececec;
}

.input-field.white > input:focus {
    border-bottom: 1px solid #FFF !important;
    -webkit-box-shadow: 0 1px 0 0 #FFF !important;
    box-shadow: 0 1px 0 0 #FFF !important;
}

.input-field.white > input:focus label {
    color: #FFF !important;
}

.input-field.white > label {
    color: #ececec;
}

.input-field.white > label.active {
    color: #FFF !important;
}

.toast {
    display: block;
    min-height: 60px;
    padding: .5rem 2rem;
}

.toast.danger {
    background-color: #8e5766;
}

.toast.info {
    background-color: #57708e;
}

.toast.success {
    background-color: #8d8e57;
}

.sep-line {
    margin-bottom: 0.3rem;
    text-align: center;
}

.sep-line::before {
    content: '';
    display: inline-block;
    height: 4px;
    width: 80%;
    background-color: #dcdcdc;
}

.full-width {
    width: 100%;
}

::selection {
    background-color: #56719a;
    color: #FFF;
}

::-webkit-scrollbar-track {
    background:#181a2b
}

::-webkit-scrollbar-thumb {
    background:#ffc239
}

::-webkit-scrollbar-thumb:hover {
    background:#ffd77e
}


/* MODULES */

/** TOP */

section[role=main] > main > section[role=content] > article > section.post-body > .info {
    background-color: #44475d;
    margin: 1rem 0;
    padding: 1rem 2rem;
}

/** SHOP*/

section[role=main] > main > section[role=content] > article.shop > section.post-body > .row > * .item {
    background-color: #464879;
    padding: 1rem;
    border-radius: 2px;
    box-shadow: 0 1rem 1rem -1rem #14141d;
    margin-bottom: 20px;
}

section[role=main] > main > section[role=content] > article.shop > section.post-body > .row > * .item > .title {
    font-size: 1.6rem;
    text-align: center;
    text-transform: uppercase;
    margin: 1rem 0;
}

section[role=main] > main > section[role=content] > article.shop > section.post-body > .row > * .item > .content > .img > img {
    border-style: none;
}

section[role=main] > main > section[role=content] > article.shop > section.post-body > .row > * .item > .content > .price {
    font-size: 1.6rem;
    text-align: center;
    margin: 1rem 0;
}

.txtleft {
	text-align: left
}

.txtright {
	text-align: right
}


/* ВСЕ ГАВНО, ЧТО НИЖЕ - НЕ МОЕ */


.profile-image {
    border: none !important;
    width: 80%;
    height: 100%;
    float: right;
    margin-right: 20px;
}

.uploader-forms { 
    margin: auto;
    vertical-align: top;
    padding-top: 35px;
    padding-left: 10px;
}
.uploader-forms .skin-uploader,
.uploader-forms .cloak-uploader {
    padding: 10px;
    }

.uploader-forms .skin-uploader .file-inputs,
.uploader-forms .cloak-uploader .file-inputs {
    margin-bottom: 10px;
    cursor: pointer;
    background-color: #56719a;
    border-radius: 2px;
    box-shadow: 9px 8px 0 -5px #394a65;
    height: 224px;
    width: 100%;
}

.uploader-forms .skin-uploader button,
.uploader-forms .cloak-uploader button { display: block; margin: auto; margin-top: 5px; }

.uploader-forms .skin-uploader .file-inputs:hover,
.uploader-forms .cloak-uploader .file-inputs:hover { border: none; }

.dashed-style {
    text-align: center;
    text-transform: uppercase;
    padding: 8px 0;
    font-size: 1.1rem;
    font-weight: 600;
    border-bottom: 2px dashed #414371;
    margin-bottom: 1rem;
}

.server-stat {
    display: flex;
    justify-content: space-between;
}

.circles {
  margin-bottom: -10px;
}

.circle {
  display: -webkit-inline-box;
  line-height: 1.2;
}

.circle canvas {
  vertical-align: top;
}

.circle strong {
    font-weight: 700;
    position: relative;
    left: -44px;
    width: 38%;
    text-align: center;
    line-height: 54px;
    font-size: 19px;
}

.circle strong i {
  font-style: normal;
  font-size: 0.6em;
  font-weight: normal;
}

.circle span {
  display: block;
  color: #aaa;
  margin-top: 12px;
}

.server_name {
    font-size: 14px;
    color: #2e3338;
    display: -webkit-inline-box;
    text-transform: uppercase;
}

.server_name a {
    color: #2a74be;
    font-weight: 700;
}

.ri-mon {
    padding-left: 16px;
    width: 69%;
    padding-top: 4px;
}

.server_players {
    font-size: 12px;
    color: #9ea7b0;
}

.server.online {
    margin-bottom: 5px;
    margin-top: 10px;
}
.server.online:after {
    content: "";
    border-bottom: 1px solid #202b3a;
    display: -webkit-box;
    margin-top: 15px;
    width: 100%;
}
.server.online.not-hr:after {
    content: "";
    border-bottom: 1px solid #202b3a;
    display: -webkit-box;
    margin-top: 15px;
    width: 100%;
}

p.tdx-strom {
    margin: 14px 0px;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: #9da9b5;
}

span.online-o {
    width: 10px;
    height: 10px;
    background: #2196F3;
    border-radius: 100px;
    display: -webkit-inline-box;
}

.reved {
    padding: 1rem;
    color: #FFFF;
    box-shadow: 0px 7px 0px -4px #232440;
    background-color: #2f304a;
    margin-bottom: 10px
}

span.name-form {
    font-size: 16px;
    margin: 0 0 3px 0;
    font-weight: 600;
    float: left;
}

p.reveria {
    font-weight: 100;
    font-size: 11px;
    line-height: 0px;
}

.news-log {
    font-size: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.start {
    border: none !important;
}

.moderPanel-block {
    margin-right: -15px;
    background: #232440;
    padding: 30px 50px;
    margin-left: -15px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.ban-username {
    padding: 1rem 0.5rem;
    background-color: #ab3651;
    border-radius: 2px;
    box-shadow: 0 10px 0 -5px #653939;
    margin-bottom: 15px;
}

.ban-username > a {
    color: #fff;
    text-decoration: underline;
}

.badge-red {
    background: #cc3f3f;
    color: #fff !important;
}

.badge-yellow {
    background: #cc9c3f;
    color: #fff !important;
}

.badge-blue {
    background: #3f6fcc;
    color: #fff !important;
}

.server_item {
    background: #373853;
    padding: 10px !important;
    display: block;
    margin: 10px;
    box-shadow: 0 1rem 2rem -1rem #161627;
}

.server_name {
    color: #fff;
    font-size: 18px; 
}

.server_image {
    width: 100%;
    border: none !important;
    height: 100%;
    margin-right: 20px;
}

.server_shop_perm {
    background: #b14f4f;
    padding: 10px !important;
    display: block;
    margin: 10px;
    box-shadow: 0 1rem 2rem -1rem #161627;    
}

.server_shop_perm > .ico {
    color: #fff;
    text-align: center;
    font-size: 130px;
}

.server_shop_perm > .name {
    color: #fff;
    text-align: center;
    font-size: xx-large;
    padding-bottom: 20px;
}

.server_shop_blocks {
    background: #56719a;
    padding: 10px !important;
    display: block;
    margin: 10px;
    box-shadow: 0 1rem 2rem -1rem #161627;     
}

.server_shop_blocks > .ico {
    color: #fff;
    text-align: center;
    font-size: 130px;
}

.server_shop_blocks > .name {
    color: #fff;
    text-align: center;
    font-size: xx-large;
    padding-bottom: 20px;
}