/* global */
input[type="radio"] {
    cursor: pointer;
}
.cke_dialog_ui_button_cancel:hover {
    border-color: #ACACAC!important;
    background: #C0C0C0!important;
}
.cke_dialog_ui_button_ok:hover {
    background-color: #4d9200!important;
}
a.cke_dialog_ui_button_cancel:focus {
    text-decoration: none;    
}
a.cke_dialog_ui_button_ok:focus {
    text-decoration: none;
}
pre {
    margin: inherit;
    border: 0;
}
/* stuff */
.text-emoticon {
    position: relative;
}
.span-link {
    text-decoration: none;    
}
.span-link:hover {
    text-decoration: none;    
}
.span-link span {
    text-decoration: none;
}
.span-link span:hover {
    text-decoration: underline;
}
.inline-block {
    display: inline-block;
}
.inline-block-lg {
    display: block;
}

@media (min-width: 1024px) {
    .inline-block-lg {
        display: inline-block;
    }
}
.display-block {
    display: block;
}
.table-td-icon {
    padding: 8px 0px 8px 8px!important;
    text-align: center;
}
.table-line-splitter td {
    background: #D0D0D0!important;
}
.left-padding-1 {
    padding-left: 50px;    
}
a.anchor {
    display: block;
    height: 100px;
    margin-top: -100px;
    visibility: hidden;
}
.relative {
    position: relative;
}
.no-padding {
    padding: 0px !important;
}
.no-margin {
    margin: 0px !important;
}
.no-bottom-space {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}
.no-bottom-margin {
    margin-bottom: 0px !important;
}
.no-top-space {
    padding-top:0px !important;
    margin-top: 0px !important;
}
.no-top-margin {
    margin-top: 0px !important;   
}
.margin-top-5 {
    margin-top: 5px;    
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.col-like {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.advice {
        
}
.advice .text {
    color: #737373;
}
.advice i {
    font-size: 16px;   
    color: #737373; 
}
.advice:hover i {
    color: #D1A92E;
    font-size: 16px;    
}
.input-xxlarge {
    width: 700px;
}
.cursor-pointer {
    cursor: pointer!important;
}
.cursor-help {
    cursor: help!important;
}
.input-overboard {
    right: -28px!important;
}
.font-size-10 {
    font-size: 10px!important;
}
.font-size-12 {
    font-size: 12px!important;
}
.font-size-14 {
    font-size: 14px!important;
}
.font-size-16 {
    font-size: 16px!important;
}
.font-size-18 {
    font-size: 18px!important;
}
.font-size-24 {
    font-size: 24px!important;
}
.font-size-36 {
    font-size: 36px!important;
}
.vertical-align-top {
    vertical-align: top!important;
}
.vertical-align-middle {
    vertical-align: middle!important;
}
.padding-left-10 {
    padding-left: 10px;
}
.padding-left-25 {
    padding-left: 25px !important;
}
.form-group-text {
    padding: 8px 0px 0px 0px;    
}
.padding-top-5 {
    padding-top: 5px !important;
}
.padding-top-10 {
    padding-top: 10px !important;
}
.padding-top-15 {
    padding-top: 15px !important;
}
.padding-top-20 {
    padding-top: 20px !important;
}
.padding-top-25 {
    padding-top: 25px !important;
}
.padding-top-30 {
    padding-top: 30px !important;
}
.padding-top-35 {
    padding-top: 35px !important;
}
.padding-top-40 {
    padding-top: 40px !important;
}
.padding-top-45 {
    padding-top: 45px !important;
}
.padding-top-50 {
    padding-top: 50px !important;
}
.padding-top-60 {
    padding-top: 60px !important;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}
.margin-bottom-5 {
    margin-bottom: 5px !important;
}
.margin-bottom-10 {
    margin-bottom: 10px !important;
}
.margin-bottom-15 {
    margin-bottom: 15px !important;
}
.margin-bottom-20 {
    margin-bottom: 20px !important;
}
.margin-bottom-25 {
    margin-bottom: 25px !important;
}
.margin-bottom-30 {
    margin-bottom: 30px !important;
}
.margin-bottom-35 {
    margin-bottom: 35px !important;
}
.margin-bottom-40 {
    margin-bottom: 40px !important;
}
.margin-bottom-50 {
    margin-bottom: 50px !important;
}
.margin-bottom-60 {
    margin-bottom: 60px !important;
}
.margin-bottom-65 {
    margin-bottom: 65px !important;
}

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

.margin-left-0 {
  margin-left: 0 !important;
}
.margin-right-0 {
  margin-right: 0 !important;
}

.margin-right-20 {
    margin-right: 20px !important;
}
.margin-left-20 {
    margin-left: 20px !important;
}
.margin-left-5 {
    margin-left: 5px !important;
}

.padding-left-0 {
  padding-left: 0 !important;
}
.padding-right-0 {
  padding-right: 0 !important;
}
.padding-right-30 {
    padding-right: 30px !important;
}
.margin-right-10 {
    margin-right: 10px !important;
}
.margin-right-5 {
    margin-right: 5px !important;
}
.alert-compact {
    padding: 5px 10px;
}
/* spaces */
.margin-bottom-5 {
    margin-bottom: 5px;    
}
/* paginator */
.paginator-box {
    overflow: hidden;
    zoom: 1;    
}
.paginator-box .left {
    float: left;    
}
.paginator-box .right {
    float: right;
    margin: 10px 0px;
}
.paginator-box .page-limit {
    width: 80px;
}
/* colors */
.color-white, .color-white:hover { color: #ffffff;}
.color-red, .color-red:hover { color: #e02222;}
.color-blue, .color-blue:hover { color: #0da3e2;}
.color-grey, .color-grey:hover { color: #666666;}
.color-mid-grey, .color-mid-grey:hover { color: #ACACAC;}
.color-green, .color-green:hover { color: #35aa47;}
.color-yellow, .color-yellow:hover { color: #ffb848;}
.color-purple, .color-purple:hover { color: #852b99;}
.color-light-red, .color-light-red:hover { color: #ff5400;}
.color-light-blue, .color-light-blue:hover { color: #bfd5fa;}
.color-light-grey, .color-light-grey:hover { color: #fafafa;}
.color-light-green, .color-light-green:hover { color: #78df1d;}
.color-error, .color-error:hover {color: #b94a48;}
.color-opacity, .color-opacity:hover { opacity: 0.4;}
/* help */
.toggleHelp {
    cursor: pointer;
}
.toggleHelp .text {
    border-bottom: 1px dashed;
    color: #737373;
}
.toggleHelp i {
    color: #737373;
}
.toggleHelp:hover i {
    color: #269abc;
}
/* forms */
.w200 {
    width: 200px;    
}
.w180 {
    width: 180px;    
}
.w130 {
    width: 130px;    
}
.w150 {
    width: 150px;    
}
.w100 {
    width: 100px;    
}

/* correct */
.correct {
    position: relative;
}
.correct.t1 {
    top: -1px;
}
.correct.t2 {
    top: -2px;
}
.correct.t3 {
    top: -3px;
}
.correct.t4 {
    top: -4px;
}
.correct.t5 {
    top: -5px;
}
.correct.t6 {
    top: -6px;
}
.correct.d1 {
    top: 1px;
}
.correct.d2 {
    top: 2px;
}
.correct.d4 {
    top: 4px;
}
.correct.d6 {
    top: 6px;
}
/* label bages */
.label-success, 
.badge-success {
  background-color: #3cc051;
  background-image: none !important;
}
/* progress bars */
.progress > .progress-bar-success {
  background-color: #3cc051;
}
/* bootstrap group button in menu */
.btn-in-nav {
    padding: 10px 15px;
}
.btn-in-nav:hover, .btn-in-nav:active, .btn-in-nav:focus{
    text-decoration: none;
}
/* bootstrap buttons */
.btn-success {
  color: white;
  background-color: #35aa47;
  border-color: "";
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
  color: white;
  background-color: #2e933d;
}
.open .btn-success.dropdown-toggle {
  color: white;
  background-color: #2e933d;
}
.btn-success:active, .btn-success.active {
  background-image: none;
}
.open .btn-success.dropdown-toggle {
  background-image: none;
}
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
  background-color: #35aa47;
}
.btn-success .badge {
  color: #35aa47;
  background-color: white;
}
/* bootstrap tooltip */
.tooltip-inner {
    word-wrap: break-word;
}
.tooltip {
    font-family: Arial;
}
.tooltip.in {
    opacity: 1!important;
    filter: alpha(opacity=100)!important;
}
.btn-selected, .btn-selected:hover, .btn-selected:active {
    border: 1px dashed #C0C0C0!important;
}
/* user statuses */
.status-icon {
    color: #428bca;
}
/* user name */
.user-name {
    display: inline-block;
    position: relative;
    top: -1px;        
}
.user-name .avatar {
    margin-right: 2px;  
    width: 24px;      
}
.user-name .name {
    top: 2px;
    position: relative;
    font-size: 14px;        
}
/* user */
.user-status-box {
    text-align: center;    
}
.user-status-box .text {
    
}
.user-status-box .text .xp {
    display: inline-block; 
    font-size: 18px;   
    color: #5cb85c;
}
.user-status-box .text .letter {
    display: inline-block;
    position: relative;
}
.user-status-box .text .letter i {
    font-size: 26px;
    color: #ed4e2a;   
    position: relative;
    top: 6px;
    right: -1px; 
}
.user-status-box .text .letter .face {
    position: absolute;    
    top: 2px;
    left: 10px;
    color: #ffffff;
    font-size: 12px;
}
.user-status-box .status {
    color: #428bca;   
}
/* user-profile */
.user-profile {
    
}
.user-profile .big-user-name {
    font-size: 18px;    
}
.user-profile .close-box {
    display: inline-block;
    float: right;    
}
.user-profile .avatar {
    position: relative;        
}
.user-profile .avatar .badge {
    position: absolute;
    top: 5px;
    right: 5px;        
}
/* refback */
.refback-status-list {
    padding: 0px 15px 0px 15px;
    overflow: hidden;
}
.refback-status-block {
    float: left;
    margin-right: 20px;    
}
/* achieve */
.achieves {
    
}
.achieve {
    cursor: pointer;
    width: 170px;
    text-align: center;   
    padding: 15px 10px 10px 10px;
    display: inline-block;
}
.achieve.small {
    width: 90px; 
    padding-top: 0px;   
}
.achieve.small .icon {
    width: 70px; 
    text-align: center;       
}
.achieve .icon {
    display: inline-block;
    width: 70px;
    margin-bottom: 5px;
    opacity: 0.3;  
    position: relative; 
}
.achieve .icon .new {
    position: absolute;
    top: -18px;
    left: -22px; 
    font-size: 50px;       
}
.achieve .icon .count {
    position: absolute;
    bottom: 0px;
    right: 0px;        
}
.achieve .icon .count .label {
    font-size: 10px;
}
.achieve.gived .icon, .achieve.gived .name {
    opacity: 1;    
}
.achieve .name {
    font-weight: bold; 
    color: #578ebe;  
    overflow: hidden; 
    width: 150px;
    height: 18px;
    position: relative;
    opacity: 0.3;
}
.achieve .name .inner {
    display: inline-block;
    width: 150px;
    height: 18px;
    text-align: center;
}
.achieve .name .inner.more {
    display: inline-block;
    width: 200px;
    height: 18px;
    text-align: left;
}
.achieve .name .overflow-pad {
    position: absolute;
    right: 0px;
    top: 0px;
    background: url("/themes/assets/global/img/overflow-pad.png") no-repeat right top;
    width: 18px;
    height: 18px;    
}
.achieve-info .recieve {
    text-align: center;
}
.achieve-info .progress-data {
    padding-top: 5px;
}
.achieve-info .prize-data {
    margin-bottom: 5px;
}
.achieve-info .prize-data .item {
    margin-bottom: 0px;
}
.achieve-info .bar {   
    background-color: #DAF3E1;
    position: relative;
    height: 18px; 
    display: block;
    overflow: hidden;
}
.achieve-info .bar .fill {
    height: 18px;
    background: repeating-linear-gradient(
        45deg,
        #A6E1B6,
        #A6E1B6 10px,
        #8EDBA6 10px,
        #8EDBA6 20px
    );
}
.achieve-info .bar .count {
    color: #277C41;   
    margin-top: -18px;
    text-align: center; 
}
.achieve-info .percent {
    position: relative;
    top: -5px;    
}
/* icons */
.icon-inside {
    position: absolute;
    left: 6px;
}
.icon-inside-right-bottom {
    position: absolute;
    bottom: 0px;
    right: 0px;
}
/* black-ticket */
.black-ticket-btn {
    color: #585858;
}
.black-ticket-btn:hover {
    color: #808080;
}
.black-ticket-btn i {
    position: relative;
    top: 2px;
    font-size: 16px;
}

/* delete-message */
.delete-message-btn {
    color: #d84a38;
}
.delete-message-btn:hover {
    color: #ca3a28;
    cursor: pointer;
}
.delete-message-btn i {
    position: relative;
    top: 2px;
    font-size: 16px;
}

/* forum */
.forum {
    
}
.forum.table {
    
}
.forum.table .title {
    font-size: 18px;    
}
/* blockquote */
blockquote.mini {
    font-size: 13px;
    margin-bottom: 0px; 
    margin-top: 18px; 
    border: 1px solid #E0E0E0;
    padding: 10px 10px;
    background: #F8F8F8;
}
blockquote.mini p {
    font-size: 13px;
    border-top: 1px solid #E0E0E0;
    margin-top: 10px;
    padding-top: 10px;
}
blockquote.mini .user-name .avatar {
    margin-right: 4px;    
}
blockquote.mini .user {
    height: 24px;
    color: #666666;
}
/* spoiler */
.spoiler {
    margin: 0px 0px 5px 0px;  
    display: block;  
}
.spoiler .title {
    color: white;
    background-color: #347cb9;
    border: 1px solid #2a6496;
    padding: 5px 10px 5px 10px;
    cursor: pointer; 
    font-size: 13px;  
}
.spoiler .title .icon {
    margin-right: 3px;
    font-size: 14px;    
}
.spoiler .title .name {
    font-size: 13px;        
}
.spoiler .data {
    display: none;  
    border: 1px solid #2a6496;  
    padding: 5px 10px 5px 10px;
    border-top: none;
    background: #ffffff;
}
/* poll */
.poll {
    
}
.poll .results {
    
}
.poll .results .result {
    
}
.poll .results .result .text {
    
}
.poll .results .result .bar {
    width: 400px;   
    background-color: #E3ECF4;
    position: relative;
    height: 18px; 
    display: inline-block;
    overflow: hidden;
}
.poll .results .result .bar .fill {
    background: #A5C1DC;
    height: 18px;
}
.poll .results .result .bar .count {
    color: #457CB4;   
    margin-top: -18px;
    text-align: center; 
}
.poll .results .result .percent {
    position: relative;
    top: -5px;    
}
/* smiles */
.cke-smile-place {
    width: 400px!important;    
}
.cke-smile-place .smile-item {
    display: inline-block;   
}
.cke-smile-place .smile-item img {
    cursor: pointer; 
}
/* result-bar */
.result-bar {
    width: 100%;
    background-color: #E3ECF4;
    position: relative;
    height: 18px; 
    display: inline-block;
    overflow: hidden;
}
.result-bar .fill {
    background: #A5C1DC;
    height: 18px;
}
.result-bar .count {
    color: #457CB4;   
    margin-top: -18px;
    text-align: center; 
}
/* table tr colors */
.tr-color-green td {
    background-color: #eef7ea!important;    
}
.tr-color-red td {
    background-color: #f9f0f0!important;    
}
.tr-color-blue td {
    background-color: #eef7fb!important;    
}
/* payin-generator */
.payin-generator {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 390px;
    height: 165px;
    margin-top: -190px;
    margin-left: -165px;   
    color: #3C6C99; 
}
.payin-generator .img {
    width: 128px;
    margin: 0 auto;    
}
.payin-generator .img img {
    width: 128px;
    height: 126px;    
}
.payin-generator .text {
    margin: 5px 0px 5px 0px;    
}
.payin-generator .timer {
    width: 20px;  
    margin: 0 auto;  
}
/* news */
.news-list {
    overflow: hidden; 
    margin-bottom: 5px; 
}
.news-list .item {
    overflow: hidden; 
    border-bottom: 1px solid #eee;
    padding-bottom: 15px; 
    margin-bottom: 25px;
}
.news-list .item:last-child {
    margin-bottom: 0px;    
}
.news-list .item .text-block .inner > .title {
    font-size: 23px;
    font-weight: 300;
}
.news-list .item .img-block {
    float: left;
    width: 300px;
}
.news-list .item .text-block {
    float: right;
    margin-right: -300px;
    width: 100%;
}
.news-list .item .text-block .inner {
    margin-right: 300px; 
    padding-left: 15px;  
}
/* messages */
.message-post {
    overflow: hidden;
    zoom: 1;   
}
.message-post.answer {
    border-top: 1px solid #E0DFDF;
    padding: 10px 0px 0px 0px; 
    margin: 10px 0px 0px 0px; 
}
.message-post.edit .avatar {
    display: none;    
}
.message-post.edit #message-post-body {
    margin-top: 10px;    
}
.message-post .avatar {
    margin-right: 10px;
    width: 100px; 
    float: left;    
}
.message-post .input-place { 
    overflow: hidden;
    zoom: 1; 
}
.message-post .input-place textarea {

}
.message-post .tr {
    display: table-row;    
}
.message {
    border-top: 1px solid #E0DFDF;
    padding-top: 10px;
    margin-top: 10px;
}
.message:last-of-type {
    margin-bottom: 10px;  
}
.message.not-read {
    background: #EEF4F9;  
    padding-left: 10px;
    padding-bottom: 10px;  
}
.message-downloader {
    background: #57b5e3;
    padding: 5px 10px 5px 10px;
    margin: 5px 0px 0px 0px;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
}
.message .post-info {
    margin-bottom: 10px;
}
.message > .avatar {
    width: 40px;
    float: left;  
    margin-right: 10px;  
}
.message .body {
    overflow: hidden;
}
.message .body .head {
    
}
.message .body .head .user {
    font-size: 14px;    
}
.message .body .head .date {
    color: #777777;
    font-size: 11px;    
}
.message .body .head .edit {
    float: right;    
    color: #777777;
    font-size: 11px;
}
.message .body .head .claim {
    float: right;
    margin-right: 10px;    
}
.message .body .text {
    padding: 5px 5px 5px 0px;   
}
.message .body .text *:last-child {
    margin-bottom: 0px;
}
.message .body .text *:first-child {
    margin-top: 0px;
}
.message .body .bottom {
    overflow: hidden;
    zoom: 1;    
}
.message .body .bottom .left {
    float: left;
}
.message .body .bottom .right {
    float: right;    
}
.message .body .bottom .right .like {
    color: #969696;  
    cursor: pointer;    
}
.message .body .bottom .right .like.active {
    color: #3cc051; 
}
.message .body .bottom .right .like:hover {
    color: #3cc051; 
}
.message .body .bottom .right .dislike {
    color: #969696;  
    cursor: pointer;
}
.message .body .bottom .right .dislike.active {
    color: #ed4e2a;
}
.message .body .bottom .right .dislike:hover {
    color: #ed4e2a; 
}
.message .body .bottom .right .like.disable {
    color: #C0C0C0; 
    cursor: default;
}
.message .body .bottom .right .dislike.disable {
    color: #C0C0C0; 
    cursor: default;
}
/* like-box */
.like-box {
            
}
.like-box .rating_value {
    font-size: 18px;            
}
.like-box .rating_value.rating-bage {
    font-size: 16px!important;
    height: 22px!important;            
}
.like-box .like {
    color: #969696;  
    cursor: pointer;  
    font-size: 18px;         
}
.like-box .like.active {
    color: #3cc051; 
}
.like-box .like:hover {
    color: #3cc051; 
}
.like-box .dislike {
    color: #969696;  
    cursor: pointer;
    font-size: 18px;            
}
.like-box .dislike.active {
    color: #ed4e2a;
}
.like-box .dislike:hover {
    color: #ed4e2a; 
}
.like-box .like.disable {
    color: #C0C0C0; 
    cursor: default; 
}
.like-box .dislike.disable {
    color: #C0C0C0; 
    cursor: default;
}
/* context */
.context {
            
}
.context .header {
    background: #E3ECF4;
    color: #457CB4;  
    padding: 5px 5px 5px 5px;   
    text-align: center;
    margin-bottom: 10px;   
}
.context.context-vertical {
    margin-top: 15px;    
}
.context.context-horizontal {
    margin-top: 15px;    
}
.context.context-horizontal .items .item {
    float: left;   
    margin-right: 10px; 
    width: 230px;
}
#context_button {
    background: #E3ECF4;
    color: #457CB4;
    text-align: center;
    width: max-content;
    margin: 10px auto;
    padding: 10px 20px 10px 20px;
}

.context.context-horizontal .items .item.size-468x60 {   
    width: 468px;
}
.context.context-horizontal .items .item.size-100x100 {   
    width: 100px;
}
.context.context-horizontal .items .item.size-200x200 {   
    width: 200px;
}
.context.context-horizontal .items .item.size-200x300 {   
    width: 200px;
}
.context .items {
    padding: 0px 5px 5px 5px;   
    display: table;
    margin: 0 auto;   
}
.context .items.banner {
    padding: 0px 5px 5px 5px; 
    display: table;
    margin: 0 auto;     
}
.context .item {
    margin-bottom: 10px;       
}
.context .item a {
    text-decoration: none;
    border-bottom: 1px dotted #428BCA;
    outline: none;       
}
.context .item a:hover {
    color: #47A447;   
    border-bottom: 1px dotted #47A447;    
}
.context .item .desc {
    display: block;   
    color: #161616;       
}
.context .item .desc:hover {
    display: block; 
    color: #161616;         
}
.context .item .url {
    display: block;
    color: #47A447;   
}
/* interest block */
.interest-block {
    margin-top: 15px;    
}
.interest-block .header {
    background: #E3ECF4;
    color: #457CB4;  
    padding: 5px 5px 5px 5px;   
    text-align: center;
    width: max-content;
    margin: 10px auto;
    padding: 10px 20px 10px 20px;
}
.interest-block .block {
    
}
/* sp-place */
.sp-place {
    overflow: hidden;
    margin: 10px 0px 10px 0px;        
}
.sp-place.vertical.context {
    width: 215px;
    margin: 10px 10px 10px 10px;
}
.sp-place > .items{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.sp-place.vertical .items div[id^="sp_"]{
    margin: 0 5px 10px 5px;
}
.sp-place.horizontal .items div[id^="sp_"]{
    margin: 0 5px 10px 5px;
}
.sp-place.horizontal .items div[id^="sp_"] a img {
    width: 100%;
}

/* effect */

.effect{
    color: #3399cc;
    text-decoration: none;
    -webkit-transition: .3s;
}
.effect:hover {
    color: #de2d35;
}
@media (-webkit-min-device-pixel-ratio:0) {
    .effect {
        background-color: #2796ce;
        background-image: -webkit-linear-gradient(left, #de2d35 0%, #8e44ad 50%, transparent 50%);
        background-position: 100% 0;
        background-size: 210% 200%;
        color: transparent;
        -webkit-transition: .3s .2s;
        -webkit-background-clip: text;
        font-weight: 700;
    }
    .effect:hover {
        background-position: 0 0;
        color: transparent;
        transition: .1s 0;
    }
}

/* debug */
.debug_flyer {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 350px;
    height: 500px;
    background: white;
    border: 1px solid black;
    overflow: scroll;
    z-index: 9999; 
}
/* alert form-error */
.alert.alert-error-box {
    padding: 3px;
    margin-bottom: 0px; 
    position: relative;   
}
.alert-error-box .alert-error-text {
    padding: 2px;
    margin-bottom: 2px;
}
.alert-error-box .quiz-link-close-icon,
.alert-error-box .task-link-close-icon {
    color: #ccc;
    display: block;
    position: absolute;
    margin: 11px 2px 4px 10px;
    z-index: 3;
    width: 16px;
    height: 16px;
    font-size: 16px;
    text-align: center;
}
.login-reserved-box {
    position: absolute;
    right: 20px;
    top: -20px;
}
.error-tooltip {
    display: none;
    position: absolute;
    border-width: 1px;    
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    padding: 5px 10px 5px 10px;
}
.error-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #ebccd1 transparent transparent transparent;
}
.login-captcha-link {
    display: inline-block;
    font-size: 16px;
    margin: 0px 10px 15px 0px;
    text-decoration: none!important;
    color: #47a9ed;
}
.login-captcha-link:visited {
    color: #47a9ed;
}
.login-captcha-link.active {
    border-bottom: 2px solid #47a9ed;
}

/* 404 page*/
.page-not-found {
   
}
.page-not-found .left-box {
    float: left; 
    width: 200px;  
}
.page-not-found .right-box {
    text-align: left;
    float: left;
    width: 550px;
    margin: 40px 0px 0px 40px;
}
/* yandex warning */
.yandex-warning {
    display: none;
}
/* referal bonus */
.referal-bonus-list {

}
.referal-bonus-item {
    margin-bottom: 5px;
}
.referal-bonus-item:last-child {
    margin-bottom: 0px;
}
/* help page */
.big-link {
    display: table;
    margin-bottom: 10px;
}
.big-link .left-icon {
    display: table-cell;
    width: 24px;
    vertical-align: top;
}
.big-link .text {
    display: table-cell;
    padding: 0px 0px 0px 10px;
}
/* comment form */
.comment-type {

}
.comment-type button {
    background: white;
    border: 1px solid #bababa;
    padding: 10px 10px 10px 10px;
}
.comment-type button.active:focus {
    outline: none;
}
.comment-type button:active  {
    outline: none;
}
.comment-type button.active.opt-good {
    background: #d2ffc7;
    border: 1px solid #35aa47;
}
.comment-type button.active.opt-neutral {
    background: #eec8f7;
    border: 1px solid #852b99;
}
.comment-type button.active.opt-bad {
    background: #f9cbcb;
    border: 1px solid #e02222;
}
.comment-type button i {
    font-size: 22px;
}
/* bonus system */
.bonus-card {
    background-color: #eef7ea;
    border: 1px solid #bbdba1;
    padding: 5px 5px 5px 5px;
    color: #1c5b1e;
    width: 160px;
    float: left;
}
.bonus-card .number {
    font-size: 46px;
    text-align: center;
}
.bonus-card .string {
    text-align: center;
}
.bonus-stats {
    float: left;
    padding-left: 10px;
}
.bonus-linker {

}

/* поднимаем блок с рекапчей 3 - иначе перекрывается с кнопкой "вверх" */
.grecaptcha-badge {
    bottom: 60px !important;
}

/*СЛАЙДЕР НА ЛЭНДИНГЕ*/
.front-slider .slide {
    padding: 0 15px;
}
.slide > img {
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.front-slider .slide .inner {
    z-index: 2;
}

.front-slider .slide .inner {
    width: 100%!important;
    max-width: 1200px;
}
.inner-header {
    z-index: 2;
    position: absolute;
    top: 30px;
}
.inner-header div {
    font-size: 36px;
    text-transform: uppercase;
}
.inner-slide_desc {
    z-index: 2;
    position: absolute;
    top: 260px;
    width: 540px;
}
.inner-slide_btn {
    z-index: 2;
    position: absolute;
    top: 345px;
    width: 540px;
}
/*СЛАЙДЕР НА ЛЭНДИНГЕ*/
/*МОБИЛЬНОЕ МЕНЮ В АККЕ*/
.sider-menu-notify {
    background-color: #777!important;
}
.sider-menu-notify,
.sider-menu-notify i{
    color: #fff!important;
}
.sider-menu-help,
.sider-menu-bonus {
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
    background-color: #777;
    cursor: pointer;
}
.sider-menu-help {
    background-color: #cecece;
}
.sider-menu-help img,
.sider-menu-bonus img {
    position: absolute;
    top: 10px!important;
    left: 16px;
}
.sider-menu-help span,
.sider-menu-bonus span {
    font-size: 14px;
    position: absolute;
    top: 10px;
    left: 43px;
}
.sider-menu-help a:visited,
.sider-menu-help a,
.sider-menu-bonus a:visited,
.sider-menu-bonus a {
    text-decoration: none;
    color: #fff;
}
.sider-menu-help a,
.sider-menu-bonus a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
}
/*МОБИЛЬНОЕ МЕНЮ В АККЕ*/
/*LANDING*/
.landing-menu {
    padding-top: 15px;
    padding-bottom: 15px;
}
.landing-menu .navbar-brand {
    display: inline-block;
}
.landing-menu .stats-block {
    position: relative;
    left: 0;
    top: 0;
    display: inline-block;
}
/*LANDING*/
.full-width .tools {
    width: 100%;
}
.full-width .tools a,
.full-width .tools a:hover,
.full-width .tools a:active {
    font-size: 18px;
    color: #161616;
    opacity: 0.8!important;
    text-decoration: none;
}
.full-width .tools a {
    width: 100%!important;
    background-repeat: no-repeat;
    background-position: right;
    margin-left: 0!important;
    margin-right: 0;
    line-height: 18px;
}
.page-sidebar.navbar.navbar-default {
    border: none;
}
#navbarCollapseAccount {
    padding-left: 0;
    padding-right: 0;
}
@media (max-width: 1200px) {
    .landing-menu .stats-block {
        display: none;
    }
}
@media(max-width: 768px) {
    #navbarCollapseAccount {
        padding-left: 15px;
        padding-right: 15px;
    }
    .front-slider .slide {
        height: 310px!important;
    }
    .front-slider .slide .inner {
        height: 310px!important;
    }
    .inner-header div {
        text-align: center;
    }
    .front-slider .buttons {
        width: 154px!important;
        margin: 0 auto;
        margin-top: 20px;
        padding-bottom: 20px;
    }
    .front-slider .buttons > .btn {
        width: 100%;
        margin-bottom: 15px;
    }
    .front-slider .buttons > .btn:last-child {
        margin-bottom: 0;
    }
    .inner-slide_desc {
        display: none;
    }
    .inner-slide_btn {
        top: 260px;
        width: 100%;
        text-align: center;
    }
    /*NEWS*/
    .news-list .item {
        text-align: center;
    }
    .news-list .item .img-block {
        float: none;
        display: inline-block;
    }
    .news-list .item .text-block {
        float: none;
        margin-right: 0;

    }
    .news-list .item .text-block .inner {
        margin-right: 0;
        padding-left: 0;
    }
    /*NEWS*/
    /*auth_signup*/
    .form-info {
        padding-right: 0!important;
    }
    /*auth_signup*/
}
@media(max-width: 370px) {
    .front-slider .slide .inner .inner-header div {
        font-size: 30px;
    }
    .front-slider .slide .inner .slide_desc {
        font-size: 13px;
    }
}
@media(max-width: 570px) {
    .front-slider #slide-2 .inner,
    .front-slider #slide-2 {
        /*height: 405px!important; если 3 кнопки*/
        height: 360px!important;;
    }

    #slide-2 .inner-slide_btn a {
        margin: 0 auto 15px;
        display: block;
        width: max-content;
    }
    #slide-2 .inner-slide_btn a:last-child {
        margin-bottom: 0;
    }
}
@media (max-width: 1024px) {
    .header .header-navigation li > a {
        margin: 0!important;
    }
}