* {
    margin: 0;
}

*:focus {
    outline: none !important;
    text-decoration: none !important;
}

a {
    color: #fb8c2b;
}

a:hover {
    text-decoration: underline;
    color: #fb8c2b;
}

a:focus {
    color: #fb8c2b;
}

input::-moz-selection, textarea::-moz-selection, .textarea::-moz-selection {
    background: #fb8c2b;
    color: #fff;
}
input::selection, textarea::selection, .textarea::selection {
    background: #fb8c2b;
    color: #fff;
}

::selection {
    background: #fb8c2b;
    color: #fff;
}
::-moz-selection {
    background: #fb8c2b;
    color: #fff;
}


html{
    height: 100%;
}

@media screen and (min-width: 1140px) {
    .scroll-fix {
        margin-left: calc(100vw - 100%);
        margin-right: 0;
    }
}

@media screen and (max-width:1139px){
   .scroll-fix {
        margin-left: 0;
        margin-right: 0;
    }
}

body {
    font-family: 'Helvetica Neue','Segoe UI','Arial',sans-serif;
    /*font-family: 'Roboto Condensed', Tahoma, Arial;*/
    background: url(../img/bg.png?v=2) #222;
    width: 100%;
    padding: 0;
    line-height: 1;
    color: #a7a7a7;
    height: 100%;
    font-size: 15px;
    line-height: 18px;
    width: 100%;
    font-size: 15px;
    line-height: 25px;
}

header {
    width: 100%;
    border-bottom: 1px solid #2F2F2F;
    background: #262626;
    min-width: 1020px;
    position: relative;
    z-index: 2;
}

header .header-container {
    display: flex;
    margin: 0 auto;
    padding: 20px 20px 19px 20px;
    width: 1140px;
    position: relative;
}

header .logo-container {
    float: left;
    width: 119px;
}

header .menu-container {
    width: 600px;
    text-align: center;
    float: left;
    margin-left: 81px;
}

.hidden {
    display: none;
}

.lb-data .lb-details {
    display: none !important;
}

.clear {
    float: none;
    clear: both;
}

.logo-title {
    font-family: 'Open Sans';
    color: #333333;
    font-weight: 200;
    padding-left: 11px;
    font-size: 14px;
    margin-top: -7px;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.aligncenter {
    text-align: center;
}

nav {
    margin-top: 3px;
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none;
    padding: 0;
}

.active {
    overflow: visible;
}

h1.error-heading {
    font-family: 'Roboto Condensed', Tahoma, Arial;
    text-align: center;
    font-size: 44px;
}

h1.error-heading .bigger {
    font-size: 60px;
}

p.error-message {
    text-align: center;
    font-size: 16px;
}

nav ul {
    margin-bottom: 0;
}

nav ul li {
    display: inline-block;
    vertical-align: top;
    height: 45px;
    position: relative;
}

nav ul.sub-menu li {
    height: auto;
}

nav ul li a {
    display: block;
    height: 30px;
    line-height: 30px;
    font-family: 'Roboto Condensed';
    color: #595959;
    font-weight: 200;
    text-decoration: none;
    padding: 0px 10px;
    font-size: 16px;
}
nav ul li a:hover {
  text-decoration: none;
  color: #3785CC;
}

nav ul li.active > a {
    color: #3785CC !important;
}

.tri {
    width: 0;
    position: absolute;
    bottom: -10px;
    left: 40%;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #3483CC transparent transparent transparent;
}

#box-hot {
    float: left;
    width: 205px;
    background: url('../img/header_panel_border.gif') left top repeat-y;
    margin-left: 7px;
    padding: 10px 0px 10px 20px;
    border-left: 1px solid #E0E0E0;
    font-family: 'Roboto Condensed';
    font-size: 18px;
    color: #5C5C5C;
}

#box-hot div {
    margin-top: 6px;
    font-size: 25px;
    font-weight: bold;
    color: #525252;
    text-shadow: 0px 1px 5px #fff;
}

#box-hot span {
  font-size: 13px;
  color: #A8A8A8;
}

.zf-green {
    color: #68b604;
}

.btn-success {
  background-color: #57a900;
  background-image: -moz-linear-gradient(top, #70d900, #57a900);
  background-image: -ms-linear-gradient(top, #70d900, #57a900);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
  background-image: -webkit-linear-gradient(top, #70d900, #57a900);
  background-image: -o-linear-gradient(top, #70d900, #57a900);
  background-image: linear-gradient(top, #70d900, #57a900);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #57a900;
}

.btn-success:active, .btn-success.active {
  background-color: #57a900;
}

div.container a.brand {
    background: url("../img/zf2-logo.png") no-repeat scroll 0 10px transparent;
    margin-left: 0;
    padding: 8px 20px 12px 40px;
}

footer {
    height: 69px;
    /* margin-top: 50px; */
    min-width: 1040px;
    background: #262626;
    position: absolute;
    width: 100%;
    z-index: 2;
    left: 0;
    bottom: 0;
}

.page-wrapper{
    min-height: 100%;
    margin-bottom: -119px;
    position: relative;
}

.footer-container{
    width: 1000px;
    margin: 0px auto;
}












.placeholder {
    color: #585858;
    line-height: 18px;
    transition-property: opacity;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.2s,0.2s;
}

input::-webkit-input-placeholder {
   color: #585858;
   line-height: 18px;
   transition-property: opacity;
   transition-duration: 0.2s,0.2s;
   -webkit-transition-property: opacity;
   -webkit-transition-duration: 0.2s,0.2s;
   -moz-transition-property: opacity;
   -moz-transition-duration: 0.2s,0.2s;
}

input:-moz-placeholder { /* Firefox 18- */
   color: #585858;
   line-height: 18px;
   transition-property: opacity;
   transition-duration: 0.2s,0.2s;
   -webkit-transition-property: opacity;
   -webkit-transition-duration: 0.2s,0.2s;
   -moz-transition-property: opacity;
   -moz-transition-duration: 0.2s,0.2s;
}

input::-moz-placeholder {  /* Firefox 19+ */
   color: #585858;
   line-height: 18px;
   transition-property: opacity;
   transition-duration: 0.2s,0.2s;
   -webkit-transition-property: opacity;
   -webkit-transition-duration: 0.2s,0.2s;
   -moz-transition-property: opacity;
   -moz-transition-duration: 0.2s,0.2s;
}

input:-ms-input-placeholder {
   color: #585858;
   line-height: 18px;
   transition-property: opacity;
   transition-duration: 0.2s,0.2s;
   -webkit-transition-property: opacity;
   -webkit-transition-duration: 0.2s,0.2s;
   -moz-transition-property: opacity;
   -moz-transition-duration: 0.2s,0.2s;
}

textarea::-webkit-input-placeholder, .textarea::-webkit-input-placeholder {
   color: #585858;
   transition-property: opacity;
   transition-duration: 0.2s,0.2s;
   -webkit-transition-property: opacity;
   -webkit-transition-duration: 0.2s,0.2s;
   -moz-transition-property: opacity;
   -moz-transition-duration: 0.2s,0.2s;
}

textarea:-moz-placeholder, .textarea:-moz-placeholder { /* Firefox 18- */
   color: #585858;
   transition-property: opacity;
   transition-duration: 0.2s,0.2s;
   -webkit-transition-property: opacity;
   -webkit-transition-duration: 0.2s,0.2s;
   -moz-transition-property: opacity;
   -moz-transition-duration: 0.2s,0.2s;
}

textarea::-moz-placeholder, .textarea::-moz-placeholder {  /* Firefox 19+ */
   color: #585858;
   transition-property: opacity;
   transition-duration: 0.2s,0.2s;
   -webkit-transition-property: opacity;
   -webkit-transition-duration: 0.2s,0.2s;
   -moz-transition-property: opacity;
   -moz-transition-duration: 0.2s,0.2s;
}

textarea:-ms-input-placeholder, .textarea:-ms-input-placeholder {
   color: #585858;
   transition-property: opacity;
   transition-duration: 0.2s,0.2s;
   -webkit-transition-property: opacity;
   -webkit-transition-duration: 0.2s,0.2s;
   -moz-transition-property: opacity;
   -moz-transition-duration: 0.2s,0.2s;
}

textarea:focus::-webkit-input-placeholder, .textarea.focus::-webkit-input-placeholder, input:focus::-webkit-input-placeholder {
    opacity: 0;
}
textarea:focus:-moz-placeholder, .textarea.focus:-moz-placeholder, input:focus:-moz-placeholder {
    opacity: 0;
}
textarea:focus::-moz-placeholder, .textarea.focus::-moz-placeholder, input:focus::-moz-placeholder {
    opacity: 0;
}
textarea:focus:-ms-input-placeholder, .textarea.focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder, .textarea.focus:-ms-input-placeholder {
    opacity: 0;
}

.neat-form.smaller input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #1f1f1f inset;
}
.neat-form.smaller input:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
}
.neat-form.smaller input[disabled="disabled"]:-webkit-autofill {
    -webkit-text-fill-color: #888 !important;
}

.textarea.focus .placeholder {
    /*opacity: 0;*/
}

input, textarea, .textarea {
    color: #333;
}

.textarea {
    min-height: 41px;
    background: #fff;
    cursor: text;
    transition-property: height;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: height;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: height;
    -moz-transition-duration: 0.2s,0.2s;
}

[contenteditable=true] {
    position: relative;
    z-index: 2;
    height: 100%;
    width: 100%;
    min-height: 42px;
    word-wrap: break-word;
    transition-property: height;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: height;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: height;
    -moz-transition-duration: 0.2s,0.2s;
}

[contenteditable=true] br {
    display: none;
}
[contenteditable=true] div {
    display: inline;
}
[contenteditable=true] p {
    display: inline;
}

.binary-select {
    display: inline-block;
}
.binary-select input[type=radio] {
    display: none;
}
.binary-select label {
    position: relative;
    width: auto !important;
    color: #aaa;
    transition-property: color;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: color;
    -moz-transition-duration: 0.2s,0.2s;
    -o-transition-property: color;
    -o-transition-duration: 0.2s,0.2s;
    -ms-transition-property: color;
    -ms-transition-duration: 0.2s,0.2s;
    display: inline-block;
    cursor: pointer;
    /*font-family: 'Open Sans', Tahoma, Arial;*/
    padding-top: 1px;
    padding-bottom: 1px;
    z-index: 1;
}
.binary-select label.option_0_label {
    padding-right: 30px !important;
}
.binary-select label.option_1_label {
    padding-left: 30px !important;
    margin-left: -16px;
}
.binary-select input[type=radio]:checked+label {
    color: #fff;
    cursor: default;
}
.binary-select .switch-container {
    position: relative;
    width: 30px;
    height: 18px;
    background: #1f1f1f;
    border-radius: 10px;
    border: 1px solid #3c3c3c;
    box-sizing: content-box;
    display: inline-block;
    vertical-align: middle;
    margin-left: -16px;
    z-index: 0;
    transition-property: background;
    transition-duration: 0.3s,0.3s;
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.3s,0.3s;
    -moz-transition-property: background;
    -moz-transition-duration: 0.3s,0.3s;
    -o-transition-property: background;
    -o-transition-duration: 0.3s,0.3s;
    -ms-transition-property: background;
    -ms-transition-duration: 0.3s,0.3s;
}
.binary-select .switch-container .switch {
    background: #fff;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    transition-property: margin;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: margin;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: margin;
    -moz-transition-duration: 0.2s,0.2s;
    -o-transition-property: margin;
    -o-transition-duration: 0.2s,0.2s;
    -ms-transition-property: margin;
    -ms-transition-duration: 0.2s,0.2s;
    margin-left: 10px;
    margin-top: -1px;
    border: 1px solid #d0d0d0;
}
.binary-select input.option_0[type=radio]:checked ~ .switch-container .switch {
    margin-left: 0px;
}

.binary-select input.option_0[type=radio]:checked ~ .switch-container {
    background: #1f1f1f;
}
.binary-select input.option_0.highlight[type=radio]:checked ~ .switch-container {
    background: #fb8c2b;
}
.binary-select.highlight .switch-container {
    background: #fb8c2b;
}







.inline-block {
    display: inline-block;
}
.inline {
    display: inline;
}
.block {
    display: block;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.pr20 {
    padding-right: 20px;
}

.wauto {
    width: auto;
    min-width: auto;
    max-width: auto;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt60 {
    margin-top: 60px;
}

.mt10 {
    margin-top: 10px;
}

.mt0 {
    margin-top: 0px !important;
}

.mt15 {
    margin-top: 15px;
}

.mr5 {
    margin-right: 5px;
}

.mr2 {
    margin-right: 2px;
}

.mr3 {
    margin-right: 3px;
}

.mr20 {
    margin-right: 20px;
}

.mt5 {
    margin-top: 5px;
}

.mr10 {
    margin-right: 10px;
}

.ml20pr {
    margin-left: 25%;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml4 {
    margin-left: 4px;
}

.ml2 {
    margin-left: 2px;
}

.ml3 {
    margin-left: 3px;
}

.pt10 {
    padding-top: 10px;
}

.va-2 {
    vertical-align: -2px;
}

.va-4 {
    vertical-align: -4px !important;
}

.va-1 {
    vertical-align: -1px !important;
}

.va1 {
    vertical-align: 1px !important;
}

.va15 {
    vertical-align: 15px !important;
}

.w110 {
    width: 110px;
}

.vamiddle {
    vertical-align: middle !important;
}

.vatop {
    vertical-align: top !important;
}

.lh30 {
    line-height: 30px;
}

.taright {
    text-align: right !important;
}

.tacenter {
    text-align: center !important;
}

.taleft {
    text-align: left !important;
}

.mb40 {
    margin-bottom: 40px;
}

.mb0 {
    margin-bottom: 0px;
}

.mt0 {
    margin-top: 0px;
}

.pl0 {
    padding-left: 0px !important;
}

.w80pr {
    width: 75% !important;
    max-width: 75% !important;
    min-width: 75% !important;
}

.w90pr {
    width: 90% !important;
    max-width: 90% !important;
    min-width: 90% !important;
}

.w100pr {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
}

.w40pr {
    width: 40% !important;
    max-width: 40% !important;
    min-width: 40% !important;
}

.fz14 {
    font-size: 14px;
}

.fz13 {
    font-size: 13px;
}

.fz12 {
    font-size: 12px;
}

.fz10 {
    font-size: 10px;
}

.pointer {
    cursor: pointer;
}

.dib {
    display: inline-block !important;
}


.icon14 {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
}

.icon14.icon-twitch14 {
    background: url(../img/icons/twitch_icon_14.png) no-repeat;
}

.icon14.icon-twitch14-hl {
    background: url(../img/icons/twitch_icon_14-hl.png) no-repeat;
}

.icon15 {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
}

.icon15.icon-yandex15 {
    background: url(../img/icons/yandex_icon_15.png) no-repeat;
}

button.mini, .button.mini {
    font-size: 14px;
    padding: 6px;
}

button, .button {
    border: 0;
    background: #fb8c2b;
    color: #fff;
    padding: 12px 25px;
    font-size: 17px;
    text-decoration: none;
    font-style: normal;
    display: inline-block;
    /*transition-property: background;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: background;
    -moz-transition-duration: 0.2s,0.2s;*/
    border-radius: 100px;
    font-weight: 700;
    background: #f59c07;
    background: linear-gradient(260deg,#f59c07 0%,#f57507 100%);
}

.neat-form.primary.smaller button[type=submit] {
    border: 0;
    color: #fff;
    font-size: 17px;
    text-decoration: none;
    font-style: normal;
    display: inline-block;
    height: auto;
    padding: 20px 30px;
    border-radius: 100px;
}
.neat-form.primary.smaller button[type=submit] .glyphicon {
    margin-right: 10px;
}

button[disabled=disabled] {
    background: #aaa !important;
}
button[disabled=disabled]:hover {
    background: #aaa !important;
}

button:hover, .button:hover, button[type=submit]:hover {
    background: #FF9A42 !important;
    text-decoration: none !important;
    color: #fff;
}

button:focus, .button:focus {
    text-decoration: none !important;
    color: #fff;
}

.highlight, .neat-grid .action-button.highlight {
    color: #fb8c2b;
}
.danger {
    color: #F50000;
}

.bigger {
    font-size: 18px;
}

.logo-huge {
    width: 449px;
    height: 69px;
    background: url(../img/logo-huge.png) no-repeat;
}

.under-development-text {
    letter-spacing: 3px;
    font-family: 'Open Sans', Tahoma, Arial;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    margin-top: 5px;
}

.under-development-lower-text {
    font-family: 'Roboto Condensed', Tahoma, Arial;
    font-size: 14px;
}

.under-development-lower-text a {
    color: #888;
    margin-right: 15px;
}

.beta-participation-text {
    font-family: 'Roboto Condensed', Tahoma, Arial;
}





.page-wrapper.home .main-container {
    padding: 0px;
}

.page-wrapper.home .main-container {
    vertical-align: middle;
    width: 100%;
}
.stream-container .stream-fade {
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,0.9);
}

.stream-container {
    overflow: hidden;
    position: absolute;
    width: 100%;
    min-width: 1140px;
    height: 480px;
    left: 0px;
}

.stream-container-fix {
    position: relative;
    display: block;
    height: 480px;
}

#stream-object {
    position: absolute;
    top: 0;
    z-index: 0;
}

#stream-bg {
    position: absolute;
    background: #000;
    width: 100%;
    height: 484px;
    z-index: 8;
    margin-top: -2px;
}

#video-bg {
    width:100%;
    min-width:1250px;
    position: absolute;
    z-index: 1;
}

.background-stream-title {
    position: absolute;
    z-index: 11;
    bottom: 10px;
    font-size: 14px;
    opacity: 0.5;
    right: 20px;
    transition-property: opacity;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.2s,0.2s;
    cursor: default;
}

.background-stream-title:hover {
    opacity: 1 !important;
}

#stream-bg-image {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/bg_glitch_pattern.png);
    z-index: 9;
    opacity: 1;
}

.maintenance-container {
    margin: 0 auto;
    display: table;
    width: 449px;
}

.neat-form input {
    height: 39px;
    line-height: initial;
}

.neat-form input, .neat-form textarea, .neat-form .textarea {
    width: 100%;
    margin-top: 15px;
    border: 4px solid #fff;
    padding: 7px;
    transition-property: border;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: border;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: border;
    -moz-transition-duration: 0.2s,0.2s;
	border-radius: 0px;
}

.neat-form input:focus, .neat-form textarea:focus, .neat-form .textarea.focus {
    border: 4px solid #fb8c2b;
}
.neat-form.smaller input[readonly=readonly] {
    border: 1px solid #1f1f1f;
}
.neat-form input[readonly=readonly]:focus {
    border: 1px solid #1f1f1f !important;
}
.neat-form.smaller input[readonly=readonly]:focus {
    border: 1px solid #1f1f1f;
}

.neat-form textarea, .neat-form .textarea {
    max-width: 449px;
    min-width: 449px;
    min-height: 64px;
}

.neat-form input[disabled=disabled].blended,
.neat-form.smaller input[disabled=disabled].blended,
.neat-form input[disabled].blended,
.neat-form.smaller input[disabled].blended {
    border: 0;
    padding: 2px;
    background: rgba(0, 0, 0, 0);
    color: #fff;
}
.neat-form input.blended,
.neat-form.smaller input.blended {
    color: #fff;
    border-radius: 3px;
    border: 0;
    background: rgba(0, 0, 0, 0.2);
    padding: 2px 6px;
    transition-property: background, padding;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: background, padding;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: background, padding;
    -moz-transition-duration: 0.2s,0.2s;
}
.neat-form input.blended:focus,
.neat-form.smaller input.blended:focus {
    border: 0;
    color: #fff;
}


.neat-form textarea.error, .neat-form input.error, .neat-form .textarea.error {
    border-color: #F50000;
}

.neat-form .textarea [contenteditable=true].error {
    color: #333;
}

.neat-form div.error {
    color: #F50000;
    font-size: 14px;
    margin-top: 4px;
    display: none;
}

.neat-form div.tip {
    /*color: #373737;*/
    color: #aaa;
    margin-top: 4px;
    transition-property: color;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: color;
    -moz-transition-duration: 0.2s,0.2s;
    font-size: 14px;
}
.neat-form div.tip a {
    text-decoration: underline;
    color: #aaa;
}
.neat-form div.tip a:hover {
    text-decoration: none;
    color: #aaa;
}

.neat-results {

}

.neat-results .result {
    display: none;
}

.neat-results .result .icon {
    text-align: center;
    padding: 5px 0px;
}

.neat-results .result .icon div {
    font-size: 36px;
    background: #fb8c2b;
    padding: 10px;
    display: inline-block;
    border-radius: 28px;
}

.neat-results .result .icon div span {
    vertical-align: bottom;
}

.neat-results .result .text {
    text-align: center;
    padding: 4px 0px;
    font-size: 17px;
}

header .header-container a.logo {
    width: 176px;
    height: 43px;
    background: url(../img/logo43.png) no-repeat;
    display: block;
    float: left;
}

.b-main-menu__logo {
    display: none;
}

@media only screen and (min-width: 1366px) {
  .b-main-menu__logo {
      display: flex;
      text-decoration: none;
      align-items: center;
  }

  .b-main-menu__logo {
      width: 25.5rem;
  }
}

.b-main-menu__logo svg {
    height: 40px;
    width: 40px;
}

.b-main-menu__logo span {
    display: block;
    text-transform: uppercase;
    text-decoration: inherit;
    font-weight: 700;
    font-size: 13px;
    line-height: 1.5;
    margin-left: 15px;
    color: #f57707;
}

.b-main-menu__logo span {
    background: linear-gradient(265deg, #f59c07, #f57507);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

header .header-container .right-menu {
    margin-left: auto;
    font-size: 16px;
    margin-top: 4px;
}

header .header-container .support-new-responses-notification-block {
    display: block;
    float: left;
    margin-right: 25px;
    margin-top: 8px;
    transition-property: opacity;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.2s,0.2s;
}

header .header-container .user-block {
    float: left;
    margin-right: 0px;
}

header .header-container .user-block .avatar {
    float: left;
    border: 1px solid #e4e4e4;
    background: #222;
}

header .header-container .user-block .display_name {
    vertical-align: -3px;
    margin-left: 10px;
    margin-right: 5px;
    color: #e4e4e4;
    font-family: 'Open Sans', Tahoma, Arial;
    font-size: 15px;
}

header .header-container .balance-block {
    float: left;
}

a.logout {
    margin-left: 40px;
}

header .header-container .balance-block a {
    vertical-align: -3px;
    padding-left: 5px;
    padding-right: 5px;
    color: #888;
    font-weight: normal;
    font-size: 14px;
    transition-property: color;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: color;
    -moz-transition-duration: 0.2s,0.2s;
    text-decoration: none;
}
header .header-container .balance-block a:hover {
    color: #ccc;
    text-decoration: none;
}

header .header-container .right-menu .logout {
    float: left;
    margin-top: 4px;
    color: #888;
    transition-property: color;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: color;
    -moz-transition-duration: 0.2s,0.2s;
    text-decoration: none;
    font-size: 14px;
    text-transform: lowercase;
}
header .header-container .right-menu .logout:hover {
    color: #ccc;
    text-decoration: none;
}
header .header-container .right-menu .logout-icon {
    font-size: 11px;
}

header .header-container .right-menu .notifications {
    float: left;
    color: #4e4e4e;
    transition-property: color;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: color;
    -moz-transition-duration: 0.2s,0.2s;
    text-decoration: none;
    font-size: 20px;
    line-height: 20px;
    width: 32px;
    height: 31px;
    text-align: center;
    line-height: 32px;
    margin-right: 15px;
    position: relative;
}
header .header-container .right-menu .notifications:hover {
    color: #ccc !important;
    text-decoration: none;
}
header .header-container .right-menu .notifications.has-unread-notifications {
    color: #ccc;
}
header .header-container .right-menu .notifications .unread-notifications-amount {
    display: none;
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 10px;
    line-height: 10px;
    color: #fff;
    background: #ef0000;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    text-align: center;
    border: 2px solid #1b1b1b;
    box-sizing: content-box;
}
header .header-container .right-menu .notifications.has-unread-notifications .unread-notifications-amount {
    display: block;
}

footer .footer-container {
    margin: 0 auto;
    padding: 15px 20px;
    width: 1140px;
    position: relative;
}

footer .footer-container .copy {
    float: left;
    line-height: 39px;
    font-size: 14px;
    color: #aaa;
}

.page-wrapper .main-container {
    width: 1140px;
    margin: 0 auto;
    padding: 10px 20px;
}

.page-wrapper .content-container {
    width: 1100px;
    margin: 0 auto;
    padding: 10px 20px;
    position: relative;
}

.page-wrapper .stream-container .content-container {
    width: 1140px;
    margin: 0 auto;
    padding: 10px 20px;
    position: absolute;
    height: 480px;
    left: 50%;
    margin-left: -570px;
    z-index: 12;
    font-size: 20px;
    cursor: default;
}

.main-container .donation-content {
    width: 500px;
    margin: 0px auto;
    border: 1px solid #2F2F2F;
    background: rgba(0, 0, 0, 0.2);
    position: relative;
}

.main-container .donation-content .user-data-container {
    padding: 42px 20px;
}

.main-container .donation-content .user-data-container .avatar {
    width: 90px;
    height: 90px;
}

.main-container .donation-content .user-data-container .avatar {
    width: 90px;
    height: 90px;
    float: left;
    padding-right: 20px;
    box-sizing: content-box;
}

.main-container .donation-content .user-data-container .avatar img {
    width: 100%;
    height: 100%;
}

.main-container .donation-content .user-data-container .user-name-container {
    float: left;
}

.main-container .donation-content .user-data-container .user-name-container h1 {
    font-family: 'Open Sans', Tahoma, Arial;
    font-weight: bold;
    font-size: 24px;
    margin: 0;
    padding: 5px;
}

.main-container .donation-content .user-data-container .status {
    font-family: 'Open Sans', Tahoma, Arial;
    font-size: 16px;
    margin-top: 5px;
    float: left;
    padding: 3px;
}

.main-container .donation-content .user-data-container .status.live:before {
    content: '';
    background: #bb0808;
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    vertical-align: baseline;
    width: 10px;
    margin-right: 5px;
    -webkit-animation: live-anim 1.5s ease infinite;
    -moz-animation: live-anim 1.5s ease infinite;
    -o-animation: live-anim 1.5s ease infinite;
    -ms-animation: live-anim 1.5s ease infinite;
    animation: live-anim 1.5s ease infinite;
}

.main-container .donation-content .image {
    width: 100%;
    height: 175px;
}

.main-container .donation-content .user {
    width: 94px;
    position: absolute;
    margin-top: -80px;
    left: 50%;
    margin-left: -47px;
}

.donation-content .form {
    padding: 10px 20px;
}

.donation-content .form .currency {
    margin-top: 15px;
    display: inline-block;
}

.donation-content .form input[name=amount] {
    width: 398px;
    float: left;
}

.donation-form.neat-form textarea, .donation-form.neat-form .textarea {
    max-width: 458px;
    min-width: 458px;
}

.donation-form .plus {
    font-size: 20px;
    vertical-align: top;
    cursor: default;
    line-height: 36px;
    margin-top: 15px;
    display: block;
    float: left;
    padding-right: 2px;
    font-family: Tahoma;
    width: 17px;
}

.donation-form [name="qiwi_wallet"] {
    width: 441px;
}

.donation-form .billing-method-container {
    width: 33.3%;
    display: block;
    float: left;
    text-align: center;
}

.donation-form .billing-method {
    display: block;
    padding: 5px 10px;
    text-align: center;
    height: 60px;
    transition-property: background, color;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: background, color;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: background, color;
    -moz-transition-duration: 0.2s,0.2s;
    text-decoration: none;
    white-space: nowrap;
    font-size: 0px;
}
.donation-form .billing-method.active {

}
.donation-form .billing-method.disabled {
    opacity: 0.3;
    cursor: default;
}
.donation-form .billing-method .svg-image {
    max-width: 100%;
    max-height: 100%;
    display: inline;
    vertical-align: middle;
}

.curtm {
    display: none;
}




.content-container .navigation {
    float: left;
    width: 200px;
    margin-right: 30px;
    position: relative;
    border-right: 1px solid #383838;
    font-family: "Roboto Condensed", Tahoma, Arial;
}

.content-container .navigation .section-header {
    color: #888;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 11px;
    margin-top: 10px;
    cursor: default;
}

.content-container .navigation ul.menu {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.content-container .navigation ul.menu li a {
    border-left: 3px solid transparent;
    padding: 7px 7px 7px 10px;
    color: #dcdcdc;
    display: block;
    font-size: 15px;
    transition-property: background, color;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: background, color;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: background, color;
    -moz-transition-duration: 0.2s,0.2s;
    line-height: 19px;
}

.content-container .navigation ul.menu li {
}

.content-container .navigation ul.menu li.active a {
    border-left: 3px solid #fb8c2b;
    color: #fff;
}

.content-container .navigation ul.menu li.active a:hover {

}

.content-container .navigation ul.menu li a:hover,
.content-container .navigation ul.menu li a:active {
    text-decoration: none;
    color: #fff;
}

.content-container .navigation ul.menu li a .dashboard-icon {
    height: 13px;
    display: inline-block;
    margin-right: 5px;
    opacity: 0.8;
    vertical-align: -1px;
    transition-property: opacity;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.2s,0.2s;
}
.content-container .navigation ul.menu li.active a .dashboard-icon,
.content-container .navigation ul.menu li a:hover .dashboard-icon,
.content-container .navigation ul.menu li a:active .dashboard-icon {
    opacity: 0.9;
}
.content-container .navigation ul.menu li a .dashboard-icon.grafon-icon {
    width: 13px;
    background: url(../img/grafon-logo13.png) no-repeat;
}

.content-container .content.menu-content {
    float: left;
    width: 870px;
    position: relative;
}

#dashboard.content-container {
    padding: 0px;
}

header .ajax-progress-loader-container {
    width: 100%;
    position: fixed;
}

header .ajax-progress-loader {
    border-bottom: 2px solid #fb8c2b;
    width: 0%;
    opacity: 1;
    transition-property: width, opacity;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: width, opacity;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: width, opacity;
    -moz-transition-duration: 0.2s,0.2s;
}

header .ajax-progress-loader.disabled {
    opacity: 0;
}




.neat-form.smaller label {
    width: 25%;
    font-weight: normal;
    margin-bottom: 0px;
    vertical-align: middle;
    padding-right: 4px;
    color: #e4e4e4;
}

.neat-form.smaller input, .neat-form.smaller textarea, .neat-form.smaller .textarea {
    background: #1f1f1f;
    border: 1px solid #3c3c3c;
    color: #fff;
    padding: 3px 6px;
    height: auto;
    width: auto;
    margin-top: 0px;
    vertical-align: middle;
}

.neat-form.smaller input[type="checkbox"] {
    height: auto;
    cursor: pointer;
}

.neat-form .checkbox label {
    width: auto;
    padding-left: 7px;
}

.neat-form.smaller input {
    height: 30px;
}

.neat-form.smaller input[disabled="disabled"] {
    background: #1f1f1f;
    border: 1px solid #1f1f1f;
    color: #888;
}

.secured-element {
    display: inline-block;
}

.field label + span {
    vertical-align: middle;
}

.secured-element .secured-part, .secured-element .unsecured-part {
    display: inline-block;
}

.secured-element {

}

.unsecured-part {
    cursor: pointer;
}

.token-container .unsecured-part {
    color: #aaa;
    transition-property: color;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: color;
    -moz-transition-duration: 0.2s,0.2s;
    -moz-transition-property: color;
    -moz-transition-duration: 0.2s,0.2s;
    -o-transition-property: color;
    -o-transition-duration: 0.2s,0.2s;
}
.token-container .unsecured-part:hover {
    color: #fff;
}

.neat-form.smaller input.colorpicker {
    color: #fff !important;
    background: #1f1f1f !important;
    width: 160px;
    border-right: 0;
}

.cp-color-picker {
    z-index: 9999;
}

.neat-form.smaller .colorpicker-preview {
    display: inline-block;
    height: 30px;
    width: 30px;
    vertical-align: middle;
    background: url(../img/white_grey_opacity.png);
    cursor: pointer;
    overflow: hidden;
}

.neat-form.smaller .colorpicker-preview div {
    width: 100%;
    height: 100%;
    border: 1px solid #3c3c3c;
    box-sizing: border-box;
    transition-property: border;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: border;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: border;
    -moz-transition-duration: 0.2s,0.2s;
}

.colorpicker:focus + .colorpicker-preview div {
    border-color: #fb8c2b;
}

.neat-form.smaller input.error, .neat-form.smaller textarea.error, .neat-form.smaller .textarea.error {
    border-color: #F50000 !important;
}

.neat-form.smaller input:focus, .neat-form.smaller textarea:focus, .neat-form.smaller .textarea.focus {
    border-color: #fb8c2b;
}

.neat-form.smaller .colorpicker {

}

.field {
    position: relative;
}

.neat-form.smaller .field {
    margin-bottom: 10px;
}

.result-status {
    position: fixed;
    top: 0px;
    z-index: 99999;
    width: 100%;
    color: #fff;
}

.result-status .status-content {
    width: 1100px;
    margin: 0 auto;
}

.result-status .success {
    background: rgba(0, 174, 0, 0.9);
    border-bottom: 1px solid rgb(2, 230, 2);
    padding: 8px;
    display: none;
}
.result-status .error {
    background: rgba(174, 0, 0, 0.9);
    border-bottom: 1px solid rgb(230, 2, 2);
    padding: 8px;
    display: none;
}

.neat-form.primary.smaller div.error {
    font-size: 14px;
}

.neat-form.primary.smaller div.tip {
    margin-left: 25%;
    font-size: 13px;
}

.neat-form.primary input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.file-upload button, .file-upload > span {
    position: relative;
    overflow: hidden;
    height: 30px;
    font-size: 15px;
    padding: 0px 7px;
    vertical-align: middle;
    font-size: 15px !important;
}

.neat-form.primary.smaller button {
    position: relative;
    overflow: hidden;
    min-height: 30px;
    line-height: 18px;
    font-size: 14px;
    padding: 4px 16px;
    vertical-align: middle;
    border-radius: 4px;
    font-weight: 500;
}

.neat-form.primary.smaller button .glyphicon, .neat-form.primary.smaller span.button.mini .glyphicon {
    font-size: 16px;
}



.neat-grid {
    width: 100%;
    table-layout: fixed;
}

.neat-grid tr th {
    color: #888;
    font-size: 13px;
    padding-left: 0px;
    position: relative;
    font-weight: normal;
    padding: 10px 18px 10px 7px;
    transition-property: color;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: color;
    -moz-transition-duration: 0.2s,0.2s;
}

.neat-grid tr th.arrow.active span {
    color: #fb8c2b !important;
}

.neat-grid tr th.arrow:hover {
    color: #aaa;
}

.neat-grid tr th.arrow.active span.DESC:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fb8c2b;
    margin-top: 11px;
    position: absolute;
    margin-left: 4px;
}

.neat-grid tr th.arrow.active span.ASC:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fb8c2b;
    margin-top: 11px;
    position: absolute;
    margin-left: 4px;
}

.neat-grid tr th.arrow {
    cursor: pointer;
}

.neat-grid tr.element:hover {
    /*background-color: #3382CB !important;
    color: #fff;*/
}

.neat-grid tr td {
    font-size: 13px;
    line-height: 17px;
    padding: 7px;
    vertical-align: top;
    word-wrap: break-word;
}

.greyedout {
    color: #888;
}

.neat-grid tr.element td.center {
    text-align: center;
}

.neat-grid tr.element {
    /*cursor: pointer;*/
}

.neat-grid tr.element.odd {
    background-color: rgba(255, 255, 255, 0.06);
}

.neat-grid tr.element.even {

}

.neat-grid tr.element.error {
    background: rgba(255, 0, 0, 0.3);
}
.neat-grid tr.element.disabled .billing-system-type,
.neat-grid tr.element.disabled .destination-purse,
.neat-grid tr.element.disabled .priority {
    opacity: 0.2;
}

.neat-grid tr.element td:first-child {

}

.neat-grid tr th .arrow {
    background: url(../img/sort-arrows.png) no-repeat right 0px;
    padding-right: 17px;
    cursor: pointer;
}

.neat-grid tr th .arrow {
    background-position: right -64px;
}

.neat-grid tr th.active .arrow {

}

.neat-grid tr th.active .arrow.ASC {
    background-position: right 0px !important;
}

.neat-grid tr th.active .arrow.DESC {
    background-position: right -17px !important;
}

#grid-data .not-found, .grid-data .not-found,
.search-result .not-found,
#manage-vk-connect-groups .not-found,
.notifications-list-container .not-found {
    text-align: center;
    color: #888;
}

.grid-data {
    position: relative;
    min-height: 40px;
}

.grid-data .loader {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    margin: 0;
    padding: 0;
    background: rgba(43, 43, 43, 0.85);
    transition-property: opacity;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.2s,0.2s;
}

.grid-data .loader .text-container {
    margin-top: -9px;
    position: absolute;
    width: 100%;
    top: 50%;
    font-size: 18px;
}

.neat-grid-list-paginator {
    list-style-type: none;
    margin: 3px 0px;
    padding: 0;
}

.neat-grid-list-paginator li {
    text-decoration: none;
    font-family: 'Roboto Condensed';
    color: #888;
    text-align: center;
    float: left;
    padding: 4px 10px;
    font-weight: 200;
    cursor: pointer;
    font-size: 14px;
    transition-property: background, color;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: background, color;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: background, color;
    -moz-transition-duration: 0.2s,0.2s;
}

.neat-grid-list-paginator li.page-active {
    color: #fff !important;
    font-weight: bold;
}

.neat-grid-list-paginator li:hover {
    color: #fff;
    background-color: 0;
}

.neat-grid-list-paginator .next, .neat-grid-list-paginator .prev {
    border: 0;
    color: #888;
}
.neat-grid-list-paginator .next:hover, .neat-grid-list-paginator .prev:hover {
    border: 0 !important;
    background: 0 !important;
    color: #fff !important;
}

.neat-grid .action-button {
    color: #898989;
    cursor: pointer;
    transition-property: color;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: color;
    -moz-transition-duration: 0.2s,0.2s;
    text-decoration: none;
}

.neat-grid .action-button:hover {
    color: #fff;
}

#table_grid_subscribers .message {
    margin-top: 5px;
    font-style: italic;
    font-size: 13px;
    color: #D5D5D5;
    padding-left: 10px;
}

.whats-new .action-button {
    color: #ccc;
    cursor: pointer;
    transition-property: color;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: color;
    -moz-transition-duration: 0.2s,0.2s;
}

.whats-new .action-button:hover {
    color: inherit;
}

h1, h2, h3, h4 {
    font-weight: 100;
    color: #f1f1f1;
}

ol li {
    margin-top: 5px;
}

.table th {
    background: rgba(0, 0, 0, 0.2);
}

footer .footer-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-left: 20px;
    float: right;
}

footer .footer-menu li {
    float: left;
}

footer .footer-menu li a {
    padding: 10px 10px 10px 11px;
    color: #aaa;
    font-size: 14px;
    line-height: 38px;
    transition-property: background, color;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: background, color;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: background, color;
    -moz-transition-duration: 0.2s,0.2s;
}

footer .footer-menu li a:hover {
    color: #fff;
    text-decoration: none;
}

ul.padding-less {
    padding-left: 17px;
    margin: 0px;
}

.donation-box .legal-holder {
    width: 500px;
    margin: 10px auto 0px auto;
    position: relative;
}

.bottom-holder #donation-notes {
    font-size: 12px;
    line-height: 14px;
    color: #888;
    border: 0;
    width: 100%;
}

#donation-notes .icon {
    vertical-align: top;
    width: 12px;
}

#donation-notes .text {
    padding-left: 5px;
}

#donation-notes td {
    padding-bottom: 5px;
}

.donation-box .bottom-holder {
    width: 500px;
    margin: 10px auto 0px auto;
    position: relative;
}

.donation-box .powered-by {
    color: #888;
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
}


.page-wrapper.donation {
    min-width: 520px;
}

.page-wrapper.donation .main-container {
    width: auto;
    position: relative;
    box-sizing: content-box;
    min-width: 500px;
    padding: 10px;
}

.faq {

}

.faq .block {
    margin-top: 15px;
}

.faq .block .element {
    margin-top: 5px;
}

.faq .block .question {
    color: #888;
}

.faq .block .answer {
    color: #fb8c2b;
}


.known-issues {

}

.known-issues .block {
    margin-top: 15px;
}

.known-issues .block .element {
    margin-top: 5px;
}

.known-issues .block .issue {
    color: #888;
}

.known-issues .block .status {
    color: #888;
}

.issue-status {
    font-size: 18px;
}

.issue-status.warning {
    color: rgb(190, 116, 0);
}

.issue-status.success {
    color: rgb(0, 174, 0);
}


.slider-container, .variation_selection-container {
    display: inline-block;
}

.slider-container .slider-input.number {
    width: 60px;
    text-align: center;
}

.slider {
    width: 300px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 14px;
}

.slider.noUi-connect {
    background: #fb8c2b;
    border: 0;
    box-shadow: none;
}
.slider .noUi-background {
    background: #1f1f1f;
    box-shadow: inset 0 0px 0px #f0f0f0;
    border: 1px solid #3c3c3c;
}
.slider.noUi-target.noUi-connect {
    box-shadow: none;
    /*border-radius: 0px;*/
}

.slider.noUi-horizontal .noUi-handle {
    width: 14px;
    height: 24px;
    left: -7px;
    top: -4px;
    box-shadow: none;
    border-radius: 0px;
}

.slider.noUi-horizontal .noUi-handle:before, .slider.noUi-horizontal .noUi-handle:after {
    content: none;
}

.postfix {
    margin-left: 5px;
    vertical-align: middle;
}

.fieldset {
    margin-top: 15px;
    padding: 5px 0px;
}

.fieldset h4 span {
    display: inline-block;
    position: relative;
}

.fieldset h4 span:after {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 1px solid #3D3D3D;
    top: 0;
    width: 2000px;
}
.fieldset h4 span:after {
    left: 100%;
    margin-left: 15px;
    top: 35%;
}

.fieldset h4 {
    position: relative;
    font-family: 'Roboto Condensed', Tahoma, Arial;
    font-size: 20px;
    overflow: hidden;
}

.modal-content {
    border: 1px solid #2F2F2F;
    background: #222;
    box-shadow: none;
}

.modal-footer {
    border-top: 1px solid #242424;
}

.modal-header {
    border-bottom: 1px solid #242424;
}

.delete-donation span {
    opacity: 0.5;
    transition-property: opacity;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.2s,0.2s;
    cursor: pointer;
}

.delete-donation span:hover {
    opacity: 1;
}


.whats-new {
    border: 1px solid #888;
    background: rgba(255, 255, 255, 0.1);
    padding: 10px;
    margin-bottom: 15px;
    color: #E7E7E7;
}

.whats-new h4 {
    margin-top: 0px;
}

.whats-new .content {
    margin-bottom: 0px;
    padding-left: 23px;
}

.whats-new .content ul.changes {
    margin-top: 10px;
}

.splash-text {
    text-align: center;
    margin-top: 90px;
    font-style: italic;
    font-family: "Times New Roman";
}

.stats-table {
    margin-top: 50px;
}

.stats-table .values td {
    font-size: 60px;
    line-height: 70px;
    color: #fb8c2b;
    width: 50%;
}

.stats-table .labels td {
    text-transform: uppercase;
    opacity: 0.5;
    letter-spacing: 4px;
    font-size: 14px;
    width: 50%;
}

.join-button-container {
    margin-top: 50px;
    text-align: center;
}

.overview h3, .plan h3 {
    text-align: center;
    font-weight: 100;
}

.features h3, .streams_showcase h3 {
    text-align: center;
    font-weight: 100;
}

.features h4, .streams_showcase h4 {
    font-size: 20px;
    font-weight: 100;
}

.overview, .plan, .features, .streams_showcase {
    font-size: 16px;
}

.overview .header-hint, .plan .header-hint, .features .header-hint {
    font-size: 12px;
    text-transform: lowercase;
    color: #888;
    margin-bottom: 10px;
    display: block;
    text-align: center;
}

.overview ul.list li, .plan ul.list li, .features ul.list li {
    margin-bottom: 4px;
}

.overview ul, .plan ul, .features ul {
    padding-left: 18px;
}

.overview, .plan, .features, .streams_showcase {
    font-weight: 100;
}

.container-holder {
    width: 100%;
}

.container-holder.dark {
    background: rgba(0, 0, 0, 0.2);
}

.img {
    float: left;
    border: 1px solid #888;
    border-radius: 3px;
    transition-property: border;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: border;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: border;
    -moz-transition-duration: 0.2s,0.2s;
}

.lightbox-img .img:hover {
    border: 1px solid #fb8c2b;
}

.lightbox-img {
    display: inline-block;
}

.loader-container {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    top: 0;
    left: 0;
    z-index: 9000;
}

.loader-container .loader {
    background: url(../img/loader_big.gif) no-repeat center 0px;
    padding-top: 70px;
    text-align: center;
    position: absolute;
    color: #fb8c2b;
    width: 200px;
    height: 100px;
    left: 50%;
    margin-left: -100px;
    top: 50%;
    margin-top: -50px;
}

.beta-i {
    font-family: "Times Mew Roman";
    font-style: italic;
    font-size: 17px;
    cursor: default;
    margin-left: 5px;
    display: none;
}

.footer-fix {
    padding-bottom: 80px;
}

.whats-new.warning {
    border: 1px solid #fb8c2b;
    background: rgba(168, 101, 0, 0.1);
    color: #fb8c2b;
}

.whats-new.warning a {
    text-decoration: underline;
}

.whats-new.warning a:hover {
    text-decoration: none;
}

.news-table {
    width: 100%;
    border-collapse: collapse;
}

.news-table .new-element {

}

.news-table .new-element .avatar {
    padding: 10px 0px 10px 10px;
    border-bottom: 1px solid #2F2F2F;
    border-top: 1px solid #2F2F2F;
}

.news-table .new-element .content {
    padding: 10px 10px 10px 10px;
    text-align: left;
    border-bottom: 1px solid #2F2F2F;
    border-top: 1px solid #2F2F2F;
}

.news-table .new-element .content .date {
    color: #888;
    font-size: 12px;
}

.news-table .new-element .content .title {
    color: #fb8c2b;
    font-weight: 100;
    font-size: 16px;
}

.news-table .new-element .content .text {

}

.mb20 {
    margin-bottom: 20px;
}

.news-table .new-element .content .text .copy {
    border-left: 4px solid #888;
    padding: 0px 0px 0px 10px;
    font-size: 14px;
}


.instream-stats, .alert-variations {

}

.instream-stats .add-new,
.alert-variations .add-new,
.donation-goal .add-new,
.automatic-payouts-list .add-new
 {
    color: #888;
    border: 1px dashed #888;
    padding: 14px;
    text-align: center;
    background: rgba(0,0,0,0.2);
    font-size: 17px;
    font-weight: 100;
    text-transform: lowercase;
    line-height: 17px;
    cursor: pointer;
    width: 100%;
    border-radius: 0px;
    transition-property: background, color, border;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: background, color, border;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: background, color, border;
    -moz-transition-duration: 0.2s,0.2s;
}

.instream-stats .add-new:hover,
.alert-variations .add-new:hover,
.donation-goal .add-new:hover,
.automatic-payouts-list .add-new:hover {
    color: #aaa;
    border: 1px dashed #aaa;
    background: rgba(0,0,0,0.1) !important;
}

.automatic-payouts-list .element .drag-handle {
    height: 25px;
    width: 10px;
    cursor: move;
    background: url(../img/drag-handle.png);
    opacity: 0;
}
.automatic-payouts-list .element:hover .drag-handle {
    opacity: 1;
}
.automatic-payouts-list .element .priority {
    font-size: 16px;
}
.automatic-payouts-list .element .billing-system-type {
    font-size: 15px;
    color: #ccc;
}
.automatic-payouts-list .element .destination-purse {
    font-size: 18px;
    margin-top: 5px;
}

#instream-stats_form .loader,
#alert-variations_form .loader,
#donation-goal_form .loader {
    position: absolute;
    width: 102%;
    height: 102%;
    background-color: rgba(43, 43, 43, 0.85);
    z-index: 1;
    margin-left: -1%;
    margin-top: -1%;
}

#instream-stats_form,
#alert-variations_form,
#donation-goal_form {
    position: relative;
}

.neat-form.primary.smaller .more-filters-button {
    background: none;
    border: 1px solid transparent;
    color: #888;
    overflow: visible;
    box-sizing: content-box;
    transition-property: background, color, border;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: background, color, border;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: background, color, border;
    -moz-transition-duration: 0.2s,0.2s;
}

.neat-form.primary.smaller .more-filters-button .glyphicon {
    position: relative;
    z-index: 11;
}

.neat-form.primary.smaller .more-filters-button:after {
    content: '';
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 35px;
    border-top: 1px solid #888;
    border-right: 1px solid #888;
    border-bottom: none;
    border-left: 1px solid #888;
    background-color: #373737;
    z-index: 10;
    opacity: 0;
}

.neat-form.primary.smaller .more-filters-button.active:after {
    /*transition-property: opacity;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.2s,0.2s;
    opacity: 1;*/
}

.neat-form.primary.smaller .more-filters-button.active {
    color: #fff;
}

.neat-form.primary.smaller .more-filters-button:hover {
    background: none !important;
    border: 1px solid transparent;
    opacity: 1;
    color: #fff;
}

.neat-form.primary.smaller .more-filters-content {
    background-color: #373737;
    padding: 2px 10px;
    border: 1px solid #888;
    margin-top: 3px;
    position: relative;
    z-index: 1;
}

.neat-form.primary.smaller .more-filters-content .quick-filter {
    font-size: 13px;
    color: #888;
    cursor: default;
}
.neat-form.primary.smaller .more-filters-content .quick-filter a {
    color: #888;
    font-style: italic;
    border-bottom: 1px dashed #888;
    cursor: pointer;
    text-decoration: none;
}
.neat-form.primary.smaller .more-filters-content .quick-filter a:hover {
    color: #888;
    font-style: italic;
    border-bottom: 0;
    text-decoration: none;
}

.neat-form.smaller input.datetimepicker {
    width: 139px;
    border-right: 0;
}

input.datetimepicker + div + span.datetimepicker-calendar, input.datetimepicker + span.datetimepicker-calendar {
    background: #1f1f1f;
    color: #aaa;
    display: inline-block;
    height: 30px;
    vertical-align: -5px;
    width: 30px;
    font-size: 18px;
    padding-top: 6px;
    padding-left: 6px;
    transition-property: background, color, border;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: background, color, border;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: background, color, border;
    -moz-transition-duration: 0.2s,0.2s;
    border: 1px solid #3c3c3c;
    border-left: 0;
}

input.datetimepicker:focus + div + span.datetimepicker-calendar, input.datetimepicker:focus + span.datetimepicker-calendar {
    background: #fb8c2b;
    color: #fff;
    border-color: #fb8c2b;
}

.date-delimiter {

}

.neat-grid {
    color: #fff;
}

.payment-status, .widget-role, .grid-row-status {
    padding: 1px 2px;
    border-radius: 2px;
    border: 1px solid transparent;
    cursor: default;
}
.payment-status {
    color: #fff;
}
.grid-row-status {
    padding: 2px 4px;
    color: #fff;
}
.widget-role {
    font-size: 12px;
    color: #fff;
    /*text-transform: lowercase;*/
}
.payment-status.paid, .payment-status.success, .widget-role.vk_video_share, .grid-row-status.vk_video_share {
    background: rgb(83, 102, 140);
    border: 1px solid rgb(108, 129, 171);
}
.payment-status.paid, .payment-status.success, .widget-role.vk_video_follow, .grid-row-status.vk_video_follow {
    background: rgb(67, 81, 111);
    border: 1px solid rgb(92, 110, 144);
}
.payment-status.paid, .payment-status.success, .widget-role.donation, .grid-row-status.donation,
.widget-role.merchandise, .grid-row-status.merchandise { /* merchandise */
    background: rgb(105, 105, 105);
    border: 1px solid rgb(130, 130, 130);
}
.widget-role.twitch_subscription, .grid-row-status.twitch_subscription { /* twitch_subscription */
    background: #4b367c;
    border: 1px solid #6c53a7;
}
.widget-role.twitch_follow, .grid-row-status.twitch_follow { /* twitch_follow */
    background: #5e4a8e;
    border: 1px solid #7662a5;
}
.widget-role.youtube_subscription, .grid-row-status.youtube_subscription { /* youtube_subscription */
    background: #ff0000;
    border: 1px solid #ff7979;
}
.widget-role.youtube_membership, .grid-row-status.youtube_membership { /* youtube_membership */
    background: #ff0000;
    border: 1px solid #ff7979;
}
.widget-role.vk_video_gifts, .grid-row-status.vk_video_gifts {
    background: #6f87b5;
    border: 1px solid #95aad1;
}
.widget-role.disabled {
    background: rgb(174, 0, 0);
    border: 1px solid rgb(208, 40, 40);
}
.payment-status.delayed {
    border: 1px solid #f4930e;
}
.payment-status.error {
    border: 1px solid #f4930e;
    background: #D07F0F;
}

.info-block {
    color: #888;
    text-align: center;
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    padding: 10px;
    font-style: italic;
    margin: 10px 0px;
    display: inline-block;
    width: 100%;
}

.search-result {
    margin-top: 20px;
}
.search-result .result {
    margin: 5px 0px;
}
.search-result .result a {
    color: #fff;
    text-decoration: underline;
}
.search-result .result a:hover {
    color: #fff;
    text-decoration: none;
}

.loader {
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin: 10px 0px;
}
.loader-text-animation {
    -webkit-animation: loader-text-anim 1s ease infinite;
    -moz-animation: loader-text-anim 1s ease infinite;
    -o-animation: loader-text-anim 1s ease infinite;
    -ms-animation: loader-text-anim 1s ease infinite;
    animation: loader-text-anim 1s ease infinite;
}
.loader .dot {
    transition-property: opacity;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    opacity: 0;
}
.loader.loader-text-animation .dot.dot-1 {
    -webkit-animation: loader-text-anim-dot1 2s ease infinite;
    -moz-animation: loader-text-anim-dot1 2s ease infinite;
    -o-animation: loader-text-anim-dot1 2s ease infinite;
    -ms-animation: loader-text-anim-dot1 2s ease infinite;
    animation: loader-text-anim-dot1 2s ease infinite;
}
.loader.loader-text-animation .dot.dot-2 {
    -webkit-animation: loader-text-anim-dot2 2s ease infinite;
    -moz-animation: loader-text-anim-dot2 2s ease infinite;
    -o-animation: loader-text-anim-dot2 2s ease infinite;
    -ms-animation: loader-text-anim-dot2 2s ease infinite;
    animation: loader-text-anim-dot2 2s ease infinite;
}
.loader.loader-text-animation .dot.dot-3 {
    -webkit-animation: loader-text-anim-dot3 2s ease infinite;
    -moz-animation: loader-text-anim-dot3 2s ease infinite;
    -o-animation: loader-text-anim-dot3 2s ease infinite;
    -ms-animation: loader-text-anim-dot3 2s ease infinite;
    animation: loader-text-anim-dot3 2s ease infinite;
}

@-webkit-keyframes loader-text-anim {
    0% { text-shadow: 0px 0px 15px rgba(255,255,255,0); }
    50% { text-shadow: 0px 0px 15px rgba(255,255,255,1); }
    100% { text-shadow: 0px 0px 15px rgba(255,255,255,0); }
}
@-moz-keyframes loader-text-anim {
    0% { text-shadow: 0px 0px 15px rgba(255,255,255,0); }
    50% { text-shadow: 0px 0px 15px rgba(255,255,255,1); }
    100% { text-shadow: 0px 0px 15px rgba(255,255,255,0); }
}
@-o-keyframes loader-text-anim {
    0% { text-shadow: 0px 0px 15px rgba(255,255,255,0); }
    50% { text-shadow: 0px 0px 15px rgba(255,255,255,1); }
    100% { text-shadow: 0px 0px 15px rgba(255,255,255,0); }
}
@-ms-keyframes loader-text-anim {
    0% { text-shadow: 0px 0px 15px rgba(255,255,255,0); }
    50% { text-shadow: 0px 0px 15px rgba(255,255,255,1); }
    100% { text-shadow: 0px 0px 15px rgba(255,255,255,0); }
}
@keyframes loader-text-anim {
    0% { text-shadow: 0px 0px 15px rgba(255,255,255,0); }
    50% { text-shadow: 0px 0px 15px rgba(255,255,255,1); }
    100% { text-shadow: 0px 0px 15px rgba(255,255,255,0); }
}

@-webkit-keyframes live-anim {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes live-anim {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
@-o-keyframes live-anim {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
@-ms-keyframes live-anim {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes live-anim {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes loader-text-anim-dot1 {
    0% { opacity: 0; }
    20% { opacity: 1; }
    80% { opacity: 1; }
    100% { opacity: 0; }
}
@-webkit-keyframes loader-text-anim-dot2 {
    0% { opacity: 0; }
    20% { opacity: 0; }
    40% { opacity: 1; }
    80% { opacity: 1; }
    100% { opacity: 0; }
}
@-webkit-keyframes loader-text-anim-dot3 {
    0% { opacity: 0; }
    40% { opacity: 0; }
    80% { opacity: 1; }
    60% { opacity: 1; }
    100% { opacity: 0; }
}

@-moz-keyframes loader-text-anim-dot1 {
    0% { opacity: 0; }
    20% { opacity: 1; }
    80% { opacity: 1; }
    100% { opacity: 0; }
}
@-moz-keyframes loader-text-anim-dot2 {
    0% { opacity: 0; }
    20% { opacity: 0; }
    40% { opacity: 1; }
    80% { opacity: 1; }
    100% { opacity: 0; }
}
@-moz-keyframes loader-text-anim-dot3 {
    0% { opacity: 0; }
    40% { opacity: 0; }
    80% { opacity: 1; }
    60% { opacity: 1; }
    100% { opacity: 0; }
}

@-o-keyframes loader-text-anim-dot1 {
    0% { opacity: 0; }
    20% { opacity: 1; }
    80% { opacity: 1; }
    100% { opacity: 0; }
}
@-o-keyframes loader-text-anim-dot2 {
    0% { opacity: 0; }
    20% { opacity: 0; }
    40% { opacity: 1; }
    80% { opacity: 1; }
    100% { opacity: 0; }
}
@-o-keyframes loader-text-anim-dot3 {
    0% { opacity: 0; }
    40% { opacity: 0; }
    80% { opacity: 1; }
    60% { opacity: 1; }
    100% { opacity: 0; }
}

@-ms-keyframes loader-text-anim-dot1 {
    0% { opacity: 0; }
    20% { opacity: 1; }
    80% { opacity: 1; }
    100% { opacity: 0; }
}
@-ms-keyframes loader-text-anim-dot2 {
    0% { opacity: 0; }
    20% { opacity: 0; }
    40% { opacity: 1; }
    80% { opacity: 1; }
    100% { opacity: 0; }
}
@-ms-keyframes loader-text-anim-dot3 {
    0% { opacity: 0; }
    40% { opacity: 0; }
    80% { opacity: 1; }
    60% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes loader-text-anim-dot1 {
    0% { opacity: 0; }
    20% { opacity: 1; }
    80% { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes loader-text-anim-dot2 {
    0% { opacity: 0; }
    20% { opacity: 0; }
    40% { opacity: 1; }
    80% { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes loader-text-anim-dot3 {
    0% { opacity: 0; }
    40% { opacity: 0; }
    80% { opacity: 1; }
    60% { opacity: 1; }
    100% { opacity: 0; }
}

.emotes-button {
    height: 20px;
    width: 20px;
    /*background: url(../img/emotes-button-sprite.png);*/
    cursor: pointer;
    background-position: 0px 0px;
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 3;
    cursor: pointer;
    transition-property: margin-top;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: margin-top;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: margin-top;
    -moz-transition-duration: 0.2s,0.2s;
    overflow: hidden;
}
.emotes-button-h {
	position: absolute;
    height: 20px;
    width: 20px;
    top: 0;
    left: 0;
    z-index: 5;
    cursor: pointer;
}
.emotes-button-svg {
    position: absolute;
    z-index: 4;
}
.emotes-button.disabled {
    margin-top: -23px;
    cursor: default;
}

.emotes-button:hover {
    animation: emotes-button-anim 1s linear infinite;
    -webkit-animation: emotes-button-anim 1s linear infinite;
    -moz-animation: emotes-button-anim 1s linear infinite;
    -o-animation: emotes-button-anim 1s linear infinite;
    -ms-animation: emotes-button-anim 1s linear infinite;
}

.emotes-button-svg:hover {
    animation: emotes-button-svg-anim 1s linear infinite;
    -webkit-animation: emotes-button-svg-anim 1s linear infinite;
    -moz-animation: emotes-button-svg-anim 1s linear infinite;
    -o-animation: emotes-button-svg-anim 1s linear infinite;
    -ms-animation: emotes-button-svg-anim 1s linear infinite;
}

.emotes-button-h:hover + .emotes-button-svg {
    animation: emotes-button-svg-anim 1s linear infinite;
    -webkit-animation: emotes-button-svg-anim 1s linear infinite;
    -moz-animation: emotes-button-svg-anim 1s linear infinite;
    -o-animation: emotes-button-svg-anim 1s linear infinite;
    -ms-animation: emotes-button-svg-anim 1s linear infinite;
}

@keyframes emotes-button-svg-anim {
    0% { margin-top: 0px; }
    0.001% { margin-top: -20px; }
    20% { margin-top: -20px; }
    20.001% { margin-top: -40px; }
    40% { margin-top: -40px; }
    40.001% { margin-top: 0px; }
    100% { margin-top: 0px; }
}
@-webkit-keyframes emotes-button-svg-anim {
    0% { margin-top: 0px; }
    0.001% { margin-top: -20px; }
    20% { margin-top: -20px; }
    20.001% { margin-top: -40px; }
    40% { margin-top: -40px; }
    40.001% { margin-top: 0px; }
    100% { margin-top: 0px; }
}
@-moz-keyframes emotes-button-svg-anim {
    0% { margin-top: 0px; }
    0.001% { margin-top: -20px; }
    20% { margin-top: -20px; }
    20.001% { margin-top: -40px; }
    40% { margin-top: -40px; }
    40.001% { margin-top: 0px; }
    100% { margin-top: 0px; }
}
@-o-keyframes emotes-button-svg-anim {
    0% { margin-top: 0px; }
    0.001% { margin-top: -20px; }
    20% { margin-top: -20px; }
    20.001% { margin-top: -40px; }
    40% { margin-top: -40px; }
    40.001% { margin-top: 0px; }
    100% { margin-top: 0px; }
}
@-ms-keyframes emotes-button-svg-anim {
    0% { margin-top: 0px; }
    0.001% { margin-top: -20px; }
    20% { margin-top: -20px; }
    20.001% { margin-top: -40px; }
    40% { margin-top: -40px; }
    40.001% { margin-top: 0px; }
    100% { margin-top: 0px; }
}

@keyframes emotes-button-anim {
    0% { background-position: 0px 0px; }
    0.001% { background-position: 0px -20px; }
    20% { background-position: 0px -20px; }
    20.001% { background-position: 0px -40px; }
    40% { background-position: 0px -40px; }
    40.001% { background-position: 0px 0px; }
    100% { background-position: 0px 0px; }
}
@-webkit-keyframes emotes-button-anim {
    0% { background-position: 0px 0px; }
    0.001% { background-position: 0px -20px; }
    20% { background-position: 0px -20px; }
    20.001% { background-position: 0px -40px; }
    40% { background-position: 0px -40px; }
    40.001% { background-position: 0px 0px; }
    100% { background-position: 0px 0px; }
}
@-moz-keyframes emotes-button-anim {
    0% { background-position: 0px 0px; }
    0.001% { background-position: 0px -20px; }
    20% { background-position: 0px -20px; }
    20.001% { background-position: 0px -40px; }
    40% { background-position: 0px -40px; }
    40.001% { background-position: 0px 0px; }
    100% { background-position: 0px 0px; }
}
@-o-keyframes emotes-button-anim {
    0% { background-position: 0px 0px; }
    0.001% { background-position: 0px -20px; }
    20% { background-position: 0px -20px; }
    20.001% { background-position: 0px -40px; }
    40% { background-position: 0px -40px; }
    40.001% { background-position: 0px 0px; }
    100% { background-position: 0px 0px; }
}
@-ms-keyframes emotes-button-anim {
    0% { background-position: 0px 0px; }
    0.001% { background-position: 0px -20px; }
    20% { background-position: 0px -20px; }
    20.001% { background-position: 0px -40px; }
    40% { background-position: 0px -40px; }
    40.001% { background-position: 0px 0px; }
    100% { background-position: 0px 0px; }
}

.emotes-popup {
    position: absolute;
    z-index: 9000;
    background: #222;
    bottom: 0;
    padding: 0px 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.emotes-popup .scroll-container {
    overflow: hidden;
    height: 100%;
    width: 438px;
    max-height: 300px;
}

.emotes-container .emotes-block .emote {
    border-radius: 4px;
    display: inline-block;
    width: 42px;
    height: 32px;
    text-align: center;
    padding: 5px 0px;
    box-sizing: content-box;
    transition-property: background;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: background;
    -moz-transition-duration: 0.2s,0.2s;
    cursor: pointer;
}
.emotes-container .emotes-block .emote:hover {
    background: #404040;
}

.emotes-container{
    position: relative;
}

.emotes-container .emotes-block .emote img {
    max-width: 100%;
    max-height: 100%;
}

.emotes-container .emotes-block {
    font-size: 0px;
    padding-top: 7px;
    padding-bottom: 7px;
    position: relative;
}

.emotes-container .emotes-block .title {
    font-size: 18px;
    color: #aaa;
    text-align: center;
    padding: 10px 0px;
    text-transform: uppercase;
    cursor: default;
}

.emotes-popup .arrow {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 4px solid #222;
    position: absolute;
    z-index: 99999;
    bottom: 0;
    margin-bottom: -4px;
    right: 0;
    margin-right: 7px;
}

.img-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.iScrollIndicator {
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 0px !important;
}

.editable-area .emote {
    vertical-align: bottom;
    margin: 0px 2px;
}

.comment-container.textarea {
    overflow: hidden;
}

.emotes-block[data-emotesset=more] {
    font-size: 14px;
    color: #aaa;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 17px;
}

.emotes-block[data-emotesset=more] p {
    padding: 0;
    margin: 0;
}

#customizeTextModal .text-preview {
    height: auto;
    background: url(../img/white_grey_opacity.png);
    width: 100%;
    overflow: hidden;
}

#customizeTextModal .text-preview .text-container {
    height: 100%;
    width: 100%;
    overflow: hidden;
    line-height: 100%;
    padding: 10px;
}

.modal-backdrop.in {
    opacity: 0.80 !important;
    background: #222 !important;
}

.ok-span {
    background: #fb8c2b;
    border-radius: 50%;
    padding: 4px;
    font-size: 10px;
    color: #fff;
}

.field .disconnect-service,
.field .edit-service,
.field .save-service,
.field .cancel-edit-service,
.field .confirm-service,
.field .service-misc,
.field .refresh-token,
.file-field .action-box,
.file-field .action-box,
.field .postfix-action-box,
.field .action-button {
    font-size: 13px;
}

.field .postfix-action-box {
    margin-left: 10px;
}

.field .disconnect-service,
.field .edit-service,
.field .save-service,
.field .cancel-edit-service,
.field .confirm-service,
.field .connect-service,
.field .service-misc,
.field .refresh-token,
.file-field .action-box .delete-image,
.file-field .action-box .delete-sound,
.file-field .action-box .play-sound,
.winner-calc-winner-container .calc-another-winner,
.field .postfix-action-box,
.field .action-button {
    color: #aaa;
    border-bottom: 1px dashed #aaa;
    text-decoration: none;
    transition-property: color, border-bottom;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: color, border-bottom;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: color, border-bottom;
    -moz-transition-duration: 0.2s,0.2s;
}
.field .disconnect-service:hover,
.field .edit-service:hover,
.field .save-service:hover,
.field .cancel-edit-service:hover,
.field .confirm-service:hover,
.field .connect-service:hover,
.field .service-misc:hover,
.field .refresh-token:hover,
.file-field .action-box .delete-image:hover,
.file-field .action-box .delete-sound:hover,
.file-field .action-box .play-sound:hover,
.winner-calc-winner-container .calc-another-winner:hover,
.field .postfix-action-box:hover,
.field .action-button:hover {
    color: #fff !important;
    border-bottom: 1px dashed transparent;
    text-decoration: none;
}

.field .connect-service:focus, .field .connect-service:active,
.field .disconnect-service:focus, .field .disconnect-service:active,
.field .confirm-service:focus, .field .confirm-service:active,
.field .edit-service:focus, .field .edit-service:active,
.field .save-service:focus, .field .save-service:active,
.field .cancel-edit-service:focus, .field .cancel-edit-service:active,
.field .service-misc:focus, .field .service-misc:active,
.field .refresh-token:focus, .field .refresh-token:active,
.file-field .action-box .delete-image:focus,
.file-field .action-box .delete-sound:focus,
.file-field .action-box .play-sound:focus,
.winner-calc-winner-container .calc-another-winner:focus,
.field .postfix-action-box:focus, .field .postfix-action-box:active,
.field .action-button:focus, .field .action-button:active {
    color: #aaa;
}

.connected-account {
    display: inline-block;
    min-width: 250px;
}

.subscribers-type-status {
    display: inline-block;
    min-width: 270px;
    vertical-align: middle;
    cursor: default;
}
.subscribers-type-status.not_connected span {
    color: #888;
    border-bottom: 1px dashed #888;
}
.subscribers-type-status.connected__not_configured span {
    color: #fff;
    border-bottom: 1px dashed #fff;
}
.subscribers-type-status.not_connected span:hover,
.subscribers-type-status.connected__not_configured span:hover {
    border-bottom: 1px dashed transparent;
}

.connected-bou {
    font-size: 13px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 1px solid #383838;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border: 1px solid #383838;
}

a.white-link {
    color: #fff;
}
a.white-link:hover {
    color: #fff;
}

.language-select {
    background: none;
    border: 0;
    padding: 3px;
    cursor: pointer;
    transition-property: background;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: background;
    -moz-transition-duration: 0.2s,0.2s;
}

.language-select:hover,
.language-select:focus {
    background: #1a1a1a;
}

.language-select-block {
    text-align: right;
}

.language-select-area {
    cursor: default;
    opacity: 0.7;
    transition-property: opacity;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.2s,0.2s;
}

.language-select-area:hover {
    opacity: 1;
}

a.inherit-link,
a.inherit-link:active,
a.inherit-link:focus {
    color: inherit !important;
    text-decoration: underline !important;
}
a.inherit-link:hover {
    color: inherit !important;
    text-decoration: none !important;
}

ol.ol-mod {
    list-style-type: none;
    counter-reset: item;
    padding: 0;
}

ol.ol-mod > li {
    display: table;
    counter-increment: item;
    margin-bottom: 0.6em;
}

ol.ol-mod > li:before {
    content: counters(item, ".") ". ";
    display: table-cell;
    padding-right: 0.6em;
}

li ol.ol-mod > li {
    margin: 0;
}

li ol.ol-mod > li:before {
    content: counters(item, ".") ". ";
}


.register-form-outer-container {
    width: 800px;
    margin: 20px auto 0px auto;
}

.register-form-inner-container {
    padding: 50px 150px;
}

.login-buttons-container {
    text-align: center;
}
.login-buttons-container .button {
    padding: 8px 5px;
    width: 180px;
}
.login-buttons-container .button.twitch-color {
    background: #6441a4;
}
.login-buttons-container .button.youtube-color {
    background: #cc181e;
}
.login-buttons-container .button.hitbox-color {
    background: #208efc;
}
.login-buttons-container .button.ok-color {
    background: #ee8208;
}
.login-buttons-container .button.vk-color {
    background: #507299;
}
.login-buttons-container .button.fb-color {
    background: #4267b2;
}
.login-buttons-container .button.twitch-color:hover {
    background: #7c53c7 !important;
}
.login-buttons-container .button.youtube-color:hover {
    background: #e22027 !important;
}
.login-buttons-container .button.hitbox-color:hover {
    background: #3297fc !important;
}
.login-buttons-container .button.ok-color:hover {
    background: #ef9837 !important;
}
.login-buttons-container .button.vk-color:hover {
    background: #6689b1 !important;
}
.login-buttons-container .button.fb-color:hover {
    background: #557ed0 !important;
}
.login-buttons-container .button.twitch-color span {
    background: url('../img/login/login-twitch.png') no-repeat;
    padding: 0px 0px 0px 19px;
    background-position: 0px 3px;
}
.login-buttons-container .button.youtube-color span {
    background: url(../img/login/login-youtube.png) no-repeat;
    padding: 0px 0px 0px 25px;
    background-position: 0px 3px;
}
.login-buttons-container .button.fb-color span {
    background: url(../img/login/login-fb.png) no-repeat;
    padding: 0px 0px 0px 20px;
    background-position: 0px 3px;
}
.login-buttons-container .button.hitbox-color span {
    background: url('../img/login/login-hitbox.png?v=2') no-repeat;
    padding: 0px 0px 0px 21px;
    background-position: 0px 1px;
}
.login-buttons-container .button.ok-color span {
    background: url('../img/login/login-ok.png') no-repeat;
    padding: 0px 0px 0px 14px;
    background-position: 0px 3px;
}
.login-buttons-container .button.vk-color span {
    background: url('../img/login/login-vk.png') no-repeat;
    padding: 0px 0px 0px 29px;
    background-position: 0px 3px;
}


.streams-showcase-list-container {
    list-style-type: none;
    margin: 0;
    padding: 0px 25px;
    font-size: 0px;
    text-align: justify;
}
.streams-showcase-list-container li {
    width: 320px;
    height: 180px;
    display: inline-block;
    margin-top: 16px;
}
.streams-showcase-list-container li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 14px;
    color: #fff;
}
.streams-showcase-list-container li a:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0;
    opacity: 0.2;
    transition-property: opacity;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.2s,0.2s;
}
.streams-showcase-list-container li a:hover {
    text-decoration: none;
}
.streams-showcase-list-container li a:hover:after {
    opacity: 0.0;
}
.streams-showcase-list-container:after {
    content: '';
    display: inline-block;
    width: 100%;
}
.streams-showcase-list-container li a .bottom {
    position: absolute;
    bottom: 0px;
    font-family: 'Open Sans', Tahoma, Arial;
    padding: 15px 8px 8px 5px;
    text-align: right;
    width: 100%;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 14%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 14%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 14%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.streams-showcase-list-container li a .top {
    position: absolute;
    top: 0px;
    font-size: 16px;
    font-family: 'Open Sans', Tahoma, Arial;
    width: 100%;
    padding: 8px 5px 15px 8px;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 86%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 86%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 86%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}

.stream-view-container .left-side {
    float: left;
}
.stream-view-container #chat_embed {
    float: left;
}

.stream-view-container .lower-info-container .user-info-container {
    float: left;
    font-size: 17px;
    margin-top: 25px;
    margin-left: 15px;
    font-family: 'Open Sans', Tahoma, Arial;
}
.stream-view-container .viewers {
    margin-left: 35px;
}
.stream-view-container .lower-info-container .send-message-button-container {
    float: right;
    margin-top: 15px;
    margin-right: 15px;
}
.stream-view-container h1 {
    font-size: 30px;
    margin-bottom: 15px;
}

.game-filter-container {

}
.game-filter-container input {
    display: none;
}
.game-filter-container label {
    font-weight: normal;
    cursor: pointer;
    padding: 6px 8px;
    color: #ccc;
    transition-property: color;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: color;
    -moz-transition-duration: 0.2s,0.2s;
}
.game-filter-container label:hover {
    color: #fff;
}
.game-filter-container input[type="radio"]:checked + label {
    color: #fff;
    background: #151414;
    font-weight: bold;
}



.current-poll-container .poll-variant-container {
    margin-top: 10px;
    width: 50%;
}
.current-poll-container .poll-variant-bar-container {
    background: #333;
    position: relative;
}
.current-poll-container .poll-variant-title {
    font-size: 17px;
    margin-bottom: 5px;
}
.current-poll-container .poll-variant-bar {
    height: 25px;
    background: #7b7b7b;
    transition-property: width;
    transition-duration: 1s,1s;
    -webkit-transition-property: width;
    -webkit-transition-duration: 1s,1s;
    -moz-transition-property: width;
    -moz-transition-duration: 1s,1s;
}
.current-poll-container .poll-title {
    font-weight: bold;
}
.current-poll-container .poll-variant-percent-container {
    float: right;
}
.current-poll-container .poll-variant-value {
    position: absolute;
    text-shadow: 1px 1px #000;
    color: #fff;
    top: 0px;
    margin-left: 5px;
    font-size: 14px;
}


.poll-grid-container .poll-title {
    font-weight: bold;
    font-size: 15px;
}
.poll-grid-container .poll-results {
    list-style-type: none;
    margin: 10px 0px 0px 0px;
    padding: 0;
    color: #888;
}
.poll-grid-container .poll-results li {
    margin: 0;
    padding: 0;
}
.poll-grid-container .poll-results li.winner {
    color: #fff;
}

.notifications-list-container .notification {
    margin-bottom: 30px;
}
.notifications-list-container .notification .notification-text {
    background: rgba(255, 255, 255, 0.1);
    padding: 10px;
    margin-bottom: 5px;
    color: #E7E7E7;
}
.notifications-list-container .notification .notification-date {
    color: #888;
    cursor: default;
    font-size: 14px;
}

.filemanager-container {
    position: relative;
    overflow: hidden;
    width: 895px;
    box-sizing: content-box;
}
.filemanager-container button {
    font-size: 15px;
}
.filemanager-container .top {}
.filemanager-container .bottom {}
.filemanager-container .middle {
    height: 500px;
}
.filemanager-container .middle .left {
    float: left;
    height: 100%;
    width: 200px;
    background: #191919;
}
.filemanager-container .middle .right {
    float: left;
    height: 100%;
    width: 695px;
}
.filemanager-container .filemanager-section {

}
.filemanager-container .filemanager-section .file-element.images {
    float: left;
    width: 130px;
    cursor: pointer;
    border-radius: 3px;
    border: 2px solid transparent;
}
.filemanager-container .filemanager-section .file-element.sounds {
    cursor: pointer;
    border-radius: 3px;
    border: 2px solid transparent;
    background: #313131;
}
.filemanager-container .filemanager-section .file-element .image-container {
    height: 130px;
    width: 130px;
    text-align: center;
    white-space: nowrap;
    background: #313131;
    position: relative;
}
.filemanager-container .filemanager-section .file-element.images img,
.filemanager-container .filemanager-section .file-element.images video {
    max-width: 100%;
    max-height: 90%;
    vertical-align: middle;
}
.filemanager-container .filemanager-section .file-element {
    margin: 5px;
    padding: 11px;
    box-sizing: content-box;
    transition-property: background, border;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: background, border;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: background, border;
    -moz-transition-duration: 0.2s,0.2s;
}
.filemanager-container .filemanager-section .file-element:hover {
    background: rgba(255, 255, 255, 0.1);
}
.filemanager-container .filemanager-section .file-element.selected {
    background: rgba(251, 140, 43, 0.1);
    border-color: #fb8c2b;
}
.filemanager-container .filemanager-section .file-element .size {
    color: #888;
    font-size: 12px;
    text-align: right;
}
.filemanager-container .filemanager-section .file-element.sounds .size {
    margin-left: 10px;
}
.filemanager-container .filemanager-section .file-element .name,
.filemanager-container .filemanager-section .file-element .size {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.filemanager-container .filemanager-section .file-element.selected .name {
    color: #fff;
}
.filemanager-container .filemanager-section .file-element.images .image-container .prevent-image-drag {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.filemanager-container .filemanager-section .file-element.images .name {
    margin-top: 10px;
}
.filemanager-container .filemanager-section .file-element .name {
    line-height: 19px;
}
.filemanager-container .utility-bar {
    background: #191919;
    padding: 5px;
    height: 40px;
}
.filemanager-container .utility-bar a {
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    color: #aaa;
    font-size: 15px;
    display: inline-block;
    transition-property: background, color;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: background, color;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: background, color;
    -moz-transition-duration: 0.2s,0.2s;
}
.filemanager-container .utility-bar a:hover {
    color: #fff;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.1);
}
.filemanager-container .filemanager-section-container {
    width: 100%;
    border-left: 1px solid #2F2F2F;
    border-top: 1px solid #2F2F2F;
    padding: 0px 8px 0px 0px;
    height: 460px;
    position: relative;
    background: #222;
}
.filemanager-container .filemanager-section-container .scroll-container {
    overflow: hidden;
    height: 100%;
    max-height: 460px;
    position: relative;
    padding: 10px 12px 0px 10px;
}
.filemanager-container .filemanager-section-container .scroll-container .scroll {
    position: relative;
    padding-bottom: 10px;
}
.filemanager-container .section-menu {
    margin-top: 40px;
    padding: 10px;
}
.filemanager-container .section {
    margin-bottom: 15px;
}
.filemanager-container .section-menu .section-label {
    font-size: 17px;
    font-family: 'Open Sans', Tahoma, Arial;
    cursor: default;
    color: #efefef;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    cursor: default;
}
.filemanager-container .section .section-element {
    width: 100%;
    display: block;
    padding-left: 18px;
}
.filemanager-container .section .section-element a {
    font-family: 'Open Sans', Tahoma, Arial;
    font-size: 15px;
    padding: 3px;
    display: inline-block;
    color: #cacaca;
    text-decoration: none;
    transition-property: color;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: color;
    -moz-transition-duration: 0.2s,0.2s;
}
.filemanager-container .section .section-element a:hover,
.filemanager-container .section .section-element a:active {
    color: #fff;
    text-decoration: none;
}
.filemanager-container .section .section-element.active a {
    color: #fff;
    font-weight: bold;
}
.filemanager-container .upload-file-block {
    padding: 10px;
    font-family: 'Open Sans', Tahoma, Arial;
}
.filemanager-container .upload-file-block {
    padding: 10px;
    font-family: 'Open Sans', Tahoma, Arial;
}
.filemanager-container .upload-file-block .used-space-container {
    margin-top: 10px;
}
.filemanager-container .upload-file-block .used-space-container .used-space-text .used {
    font-size: 15px;
}
.filemanager-container .upload-file-block .used-space-container .used-space-text .limit {
    color: #888;
    margin-left: 5px;
    font-size: 13px;
}
.filemanager-container .upload-file-block .used-space-container .used-space-line {
    width: 100%;
    height: 3px;
    background: #333;
    margin-top: 5px;
    overflow: hidden;
}
.filemanager-container .upload-file-block .used-space-container .used-space-line .used-line {
    height: 100%;
    background: #fff;
}
.filemanager-container .upload-file-block .upload-file-button {
    position: relative;
    width: 100%;
    height: 64px;
    border: 1px dashed #cacaca;
    background: #1d1d1d;
    border-radius: 2px;
    overflow: hidden;
    transition-property: background, border-color;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: background, border-color;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: background, border-color;
    -moz-transition-duration: 0.2s,0.2s;
}
.filemanager-container .upload-file-block .upload-file-button.active {
    cursor: pointer;
}
.filemanager-container .upload-file-block .upload-file-button .upload-icon {
    margin-right: 5px;
}
.filemanager-container.dragndrop-hover .upload-file-block .upload-file-button.active {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99999;
    border: 4px dashed #cacaca;
    background: rgba(29, 29, 29, 0.9);
}
.filemanager-container.dragndrop-hover .upload-file-block .upload-file-button .upload-icon {
    margin-right: 15px;
}
.filemanager-container .upload-file-block .upload-file-button .uploader {
    opacity: 0;
    cursor: pointer;
    position: absolute;
    top: -1px;
    left: 0px;
    height: 150%;
    width: 150%;
    font-size: 0px;
    margin-left: -25%;
}
.filemanager-container .upload-file-block .upload-file-button .uploader[disabled] {
    cursor: default;
}
.filemanager-container .upload-file-block .upload-file-button > .text,
.filemanager-container .upload-file-block .upload-file-button > .progress-text {
    text-align: center;
    font-size: 16px;
    margin-top: 23px;
    position: relative;
    color: #cacaca;
    transition-property: color;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: color;
    -moz-transition-duration: 0.2s,0.2s;
}
.filemanager-container.dragndrop-hover .upload-file-block .upload-file-button > .text,
.filemanager-container.dragndrop-hover .upload-file-block .upload-file-button > .progress-text {
    font-size: 40px;
    margin-top: 23%;
}
.filemanager-container .upload-file-block .upload-file-button.active:hover {
    border-color: #fff;
    background: #252525;
}
.filemanager-container.dragndrop-hover .upload-file-block .upload-file-button.active:hover {
    background: rgba(29, 29, 29, 0.9);
}
.filemanager-container .upload-file-block .upload-file-button.active:hover .text {
    color: #fff;
}
.filemanager-container .dragndrop-zone-holder {
    position: absolute;
    z-index: 99998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.filemanager-container .submit-file-container {
    text-align: center;
    margin-top: 7px;
}
.filemanager-container .submit-file-container .delimiter {
    color: #888;
    margin: 3px 0px;
}
.filemanager-container .submit-file-container button.submit {
    padding: 9px;
}
.filemanager-container .submit-file-container button.submit[disabled=disabled],
.filemanager-container .submit-file-container button.submit[disabled] {
    background: #2f2f2f !important;
    color: #888;
}
.filemanager-container .submit-file-container .cancel,
.cancel {
    color: #cacaca;
    text-decoration: none;
    transition-property: color;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: color;
    -moz-transition-duration: 0.2s,0.2s;
}
.filemanager-container .submit-file-container .cancel:hover,
.cancel:hover {
    color: #fff;
    text-decoration: none;
}
#fileManagerModal .modal-dialog {
    width: 899px !important;
}

.file-field .file-selector,
.customize-text {
    display: inline-block;
    color: #fff;
    border-bottom: 1px dashed #fff;
    text-decoration: none;
    font-size: 15px;
    line-height: 19px;
    transition-property: color, border;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: color, border;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: color, border;
    -moz-transition-duration: 0.2s,0.2s;
}
.file-field .file-selector {
    vertical-align: -6px;
}
.file-field {
    display: inline-block;
    height: 30px;
}
.file-field .file-selector:hover,
.customize-text:hover {
    color: #fff;
    border-bottom: 1px dashed transparent;
    text-decoration: none;
}
.customize-text:focus {
    color: #fff;
}
.file-field .action-box {
    margin-left: 40px;
    vertical-align: -6px;
}
.file-field > img,
.file-field > video {
    margin-right: 10px;
    vertical-align: top;
}




.giveaway-stats,
.gaming4good {
    border: 0 !important;
}
.giveaway-stats td,
.gaming4good td {
    width: 50%;
}
.giveaway-stats tr.values td,
.gaming4good tr.values td {
    font-size: 40px;
    line-height: 40px;
    color: #fb8c2b;
    width: 50%;
}
.giveaway-stats tr.labels td,
.gaming4good tr.labels td {
    text-transform: uppercase;
    opacity: 0.5;
    letter-spacing: 2px;
    width: 50%;
}
#participators-list .header.hidden {
    display: none;
}
#participators-list .load-more {
    text-align: center;
    padding: 13px;
    cursor: pointer;
    color: #888;
    background: #1d1d1d;
    margin-top: 10px;
    transition-property: color, background;
    transition-duration: 0.2s,0.2s;
    -webkit-transition-property: color, background;
    -webkit-transition-duration: 0.2s,0.2s;
    -moz-transition-property: color, background;
    -moz-transition-duration: 0.2s,0.2s;
}
#participators-list .load-more:hover {
    color: #aaa;
    background: #252525;
}

#giveawayResultModal .winner-name {
    font-family: 'Open Sans', Tahoma, Arial;
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    padding: 15px 0px;
}
#giveawayResultModal .winner-message {
    font-size: 18px;
    line-height: 18px;
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    text-align: center;
    padding: 15px 0px;
}
#giveawayResultModal .winner-message {
    font-size: 18px;
    line-height: 18px;
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    text-align: center;
    padding: 15px 0px;
}
#giveawayResultModal .winner-calc-winner-container {
    margin-bottom: 15px;
    height: 18px;
}

.token-container .token-display {
    min-width: 250px;
}

#settings_email .not-verified-text {
    border-bottom: 1px #F50000 dashed;
    cursor: default;
    color: #F50000;
}

#alert-variations-grid-data td div {
    color: #fff;
}

.center_content {
    padding-top: 100px;
    max-width: 1130px;
    margin-left: auto;
    margin-right: auto;
}

.commission-covered-icon {
    height: 15px;
    vertical-align: -3px;
    margin-right: 3px;
    cursor: help;
}
.logged-in-payer-icon {
    height: 15px;
    vertical-align: -3px;
    margin-right: 3px;
    cursor: default;
}

.cookie-notification-message {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    opacity: 0.90;
    background: #000;
    background-color: #000;
    color: #838383;
    z-index: 99;
    font-size: 15px;
    cursor: default;
}
.cookie-notification-message p {
    margin: 0;
}
.cookie-notification-message p a {
    color: #838383;
    cursor: pointer;
    text-decoration: underline;
}

.cookie-notification-message a.hide-button {
    cursor: pointer;
    color: #FB8C2B;
    border: 1px solid #FB8C2B;
    padding: 3px 10px;
    border-radius: 14px;
}
.cookie-notification-message a.hide-button:hover {
    background: #FB8C2B;
    color: #FFF;
}

._theme-white .cookie-notification-message {
    box-shadow: 0px 0px 3px #ccc;
    background: #fff;
    color: #353535;
}
._theme-white .cookie-notification-message p a {
    color: #353535;
}

.cookies-warning-left {
    width: 80%;
    float: left;
}
.cookies-warning-right {
    width: 20%;
    float: left;
    text-align: center;
}

.signin-container {
    text-align: center; 
    max-width: 1000px;
    margin: 0 auto; 
    padding-top: 1px;
}

.signin-services {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  max-width: 100%;
  flex-wrap: wrap;
  padding: 24px;
}

.auth-container {
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1f1f1f;
}

.auth-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #262626;
  padding: 40px 60px 40px 60px;
  border-radius: 24px;
  position: relative;
}

.auth-loader.da {
  --theme-color-main: #F59C07;
  --theme-color-additional: #F57507;
}

.auth-loader.tp {
  --theme-color-main: #6A49F5;
  --theme-color-additional: #6A49F5;
}

.auth-loader .auth-container-title {
  font-family: Inter, sans-serif;
  font-size: 20px;
  color: #f1f1f1;
  font-weight: 300;
}

.auth-loader .auth-container-text {
  margin-top: 16px;
  font-family: Inter, sans-serif;
  font-size: 15px;
  color: #f1f1f1;
  font-weight: 300;
}

.auth-loader .loader-circle-wrapper {
  margin-top: 30px;
  background-color: #262626;
  border-radius: 100%;
  padding: 5px;
}

.auth-loader .loader-circle {
  position: relative;
  width: 1em;
  margin: 0;
  color: inherit;
}
.auth-loader .loader-circle:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.auth-loader .loader-circle {
  --stroke-width: .2em;
}
.auth-loader .loader-circle svg {
  animation: auth-circle-rotate 2s linear infinite;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.auth-loader .loader-circle svg circle {
  animation: auth-circle-dash 1.5s ease-in-out infinite, auth-circle-color 6s ease-in-out infinite;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  stroke-width: var(--stroke-width);
  stroke-miterlimit: 10;
  fill: none;
}
.auth-loader .loader-circle.size-md {
  font-size: 35px;
  --stroke-width: .075em;
}
.auth-loader .loader-circle.size-lg {
  font-size: 70px;
  --stroke-width: .055em;
}
.auth-loader .loader-circle.size-xl {
  font-size: 90px;
  --stroke-width: .040em;
}
@keyframes auth-circle-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes auth-circle-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
.auth-loader .loader-circle {
  --main-color: var(--theme-color-main);
  --additional-color: var(--theme-color-additional);
}
@keyframes auth-circle-color {
  100%, 0% {
    stroke: var(--main-color);
  }
  40% {
    stroke: var(--additional-color);
  }
  66% {
    stroke: var(--main-color);
  }
  80%, 90% {
    stroke: var(--additional-color);
  }
}