html, body{
    height: 100%;
}

.hr-line{
    height: 1px;
    background-color: #b8bbc2;
}

.message{
    background-color: #3ac63a66;
    padding: 15px;
    border-radius: 5px;
}

.wrapper{
    position: relative;
    min-height: 100%;
    margin: 0 auto;
}

body{
    margin: 0px;
}

.dialog-form {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000000b3;
    z-index: 2001;
}

span.close-icon {
    font-family: dripicons;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    position: fixed;
    right: 2%;
    top: 2%;
}
 .t186__wrapper {
    display: block;
  }
  .t186__blockinput {
    display: block;
    width: 100%;
    padding-bottom: 10px;
  }
  .t186__blockbutton {
    display: block;
    width: 100%;
    padding-bottom: 20px;
  }
  .t186__submit {
    width: 100%;
  }

.t186__blockinput-errors {
  background: #ff6666 none repeat scroll 0px 0px;
}
.js-error-control-box .t186__input {
  font-family: 'Open Sans', serif;
  border: 1px solid #FF0000 !important;
}
.t186__blockinput-errors-text {
  font-family: 'Open Sans', serif;
  color: #ffff77;
  box-sizing: border-box;
  padding: 0px 10px 10px 10px;
}
.t186__blockinput-errors-item {
  font-family: 'Open Sans', serif;
  padding-top: 10px;
  display: none;
}
.t186__blockinput-errorbox {
  font-family: 'Open Sans', serif;
  background: #ff6666 none repeat scroll 0px 0px;
  color: #ffff77;
  padding: 10px;
  text-align: center;
  margin-bottom: 20px;
}
.t186__blockinput-success {
  text-align: center;
  background: #FFF;
  color: #222;
  padding: 20px;
  font-family: 'Open Sans', serif;
  border: 2px solid #22DD22;
  margin-bottom: 20px;
}	


.info-error, .info-success {
    display: block;
    position: absolute;
    top: 80px;
    width: 100%;    
    z-index: 10000;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    font-size: larger;
}

.info-success {
	background-color: #5bca53;
}

.info-error {
	background-color: red;
}
	
.close-button img {
    width: 30px;
    cursor: pointer;
}

.close-button {
    position: absolute;
    right: 5px;
    top: 5px;
}

div.p0{
    padding-left: 0px;
    padding-right: 0px;
}

.pt80{
    padding-top: 80px;
}

.pt60{
    padding-top: 60px;
}

.pt20{
    padding-top: 20px;
}

.mgt20{
    margin-top: 20px;
}

.pd15px{
    padding: 15px;
}

.w250
{
    width: 250px;
}

.bgpage{
    background-color: #edeef0;
}

.leftmenu{
    line-height: 40px;
    min-width: 250px;
    padding-bottom: 80px;
}

.leftmenu ul{
    list-style: none;
    padding-left: 0px;
}

.leftmenu li{
    cursor: pointer;
    background: #f9f6f1;
    background: -moz-linear-gradient(top, #f9f6f1 0%, #f2efea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f6f1), color-stop(100%,#f2efea));
    background: -webkit-linear-gradient(top, #f9f6f1 0%,#f2efea 100%);
    background: -o-linear-gradient(top, #f9f6f1 0%,#f2efea 100%);
    background: -ms-linear-gradient(top, #f9f6f1 0%,#f2efea 100%);
    background: linear-gradient(top, #f9f6f1 0%,#f2efea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f6f1', endColorstr='#f2efea');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f6f1', endColorstr='#f2efea')";
    border: 1px solid #d6d6d6;
    padding-right: 10px;
}

.leftmenu li.active, .leftmenu li:hover{
    background: -moz-linear-gradient(top, #d8d7d5 0%, #c1c0bd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1c0bd), color-stop(100%,#f2efea));
    background: -webkit-linear-gradient(top, #d8d7d5 0%,#c1c0bd 100%);
    background: -o-linear-gradient(top, #d8d7d5 0%,#c1c0bd 100%);
    background: -ms-linear-gradient(top, #d8d7d5 0%,#c1c0bd 100%);
    background: linear-gradient(top, #d8d7d5 0%,#c1c0bd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8d7d5', endColorstr='#f2efc1c0bdea');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8d7d5', endColorstr='#c1c0bd')";
}

.leftmenu li a{
    display: block;
    padding-left: 40px;
    text-decoration: none;
}

.leftmenu nav{
/*    margin-right: -20px;*/
}

.flex-container{
    display:flex;
}

.flex-end{
    justify-content: flex-end;
}

.user-content{
/*    padding-left: 40px;
    padding-right: 40px;*/
    padding-top: 20px;
    padding-bottom: 40px;
}




.admin-content{
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#footer{
    position: absolute;
    bottom: 0px;
    width: 100%;
}

#content-page {
    padding-bottom: 20px;
}

.pb20{
    padding-bottom: 20px;
}

.pt20{
    padding-top: 20px;
}

.pb40{
    padding-bottom: 40px;
}

.padding-lr-20px {
    padding-left: 20px;
    padding-right: 20px;
}

.statistic_prognozold {
    display: flex;
    justify-content: space-between;
    border-style: solid;
    border-width: 1px;
    margin-top: 3px;
    margin-bottom: 3px;
    border-radius: 5px;
    border-color: #337ab7;
}

.widget-header {
    position: relative;
    height: 40px;
    line-height: 40px;
    background: #f9f6f1;
    background:-moz-linear-gradient(top, #f9f6f1 0%, #f2efea 100%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f6f1), color-stop(100%,#f2efea)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* Opera11.10+ */
    background:-ms-linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* IE10+ */
    background:linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f6f1', endColorstr='#f2efea');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f6f1', endColorstr='#f2efea')";
    border: 1px solid #d6d6d6;
    -webkit-background-clip: padding-box;
}

.widget-header h3 {
    position: relative;
    top: -8px;
    left: 10px;
    display: inline-block;
    margin-right: 3em;
    font-size: 14px;
    color: #525252;
    text-shadow: 1px 1px 2px rgba(255,255,255,.5);
}

.widget-header [class^="icon-"], .widget-header [class*=" icon-"] {
    display: inline-block;
    margin-left: 13px;
    margin-right: -2px;
    font-size: 16px;
    color: #555;
    vertical-align: middle;
}

.statistic_prognoz .date{
    display: flex;
    border-right-style: solid;
    border-right-width: 1px;
    padding: 5px;
    flex-direction: column;
    align-items: center;
    min-width: 85px;
    border-color: #337ab7;
}

.statistic_prognoz .prognoz{
    display: flex;
    padding: 5px;
    flex-direction: column;
    align-items: center;
}

.statistic_prognoz .schet{
    display: flex;
    padding: 5px;
    align-items: center;
    border-left-style: solid;
    border-left-width: 1px;
    min-width: 50px;
    justify-content: center;
    border-color: #337ab7;
}

.statistic_prognoz .hr{
    border-top-style: solid;
    border-top-width: 1px;
    height: 1px;
    width: 80%;
    border-color: #337ab7;
}

.prognoz_logos{
    display: flex;
    justify-content: space-between;
    height: auto;
}

.prognoz_logos img{
    height: 100px;
}

.logos img {
    height: 100px;
}

.logos {
    display: flex;
    justify-content: space-evenly;
    padding-bottom: 0px;
}

.content {
    background-color: #fff;
    padding: 0px 10px 5px 10px;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    margin: 20px;
}

.content-bg-top{
    background-color: #fff;
    padding-top: 10px;
}

.content-site{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.commands-name {
    display: flex;
    justify-content: center;
    font-weight: bold;
    white-space: nowrap;
}

.match-date {
    display: flex;
    justify-content: center;
}

.match-info {
    padding-bottom: 5px;
}

.read-more{
    text-align:center;
}

.hr-freeprognozs {
    border-color: #948f8f;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
}

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

.thumbs-up,
.thumbs-down,
.comments,
.views {
    padding: 0px 0px;
}

.thumbs-up-icon,
.thumbs-down-icon,
.comments-icon,
.views-icon{
    font-family: dripicons;
    font-size: 16px;
    color: green;
    cursor: pointer;
}

.thumbs-up-icon:hover,
.thumbs-down-icon:hover,
.comments-icon:hover,
.views-icon:hover{
    font-weight: bold;
}

.mb20{
    margin-bottom: 20px;
}


.icons-text{
    font-size: 16px;
    vertical-align: super;
}

.logout-img-table{
    border-color: #fff;
    height: 100%;
    display: flex;
    border-radius: 35px;
    border-width: 1px;
    border-style: solid;
    width: 40px;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

.freeprognoz-top-block {
    margin-top: 20px;
    padding-bottom: 20px;
    background-image: url(/images/freeprognoz_fon.png);
    border-radius: 15px;
    color: white;
    font-weight: 900;
    background-position: center;
}

.add_comment-block {
    padding: 10px 0px;
}

.freeprognoz-commands img {
    width: 200px;
    border-radius: 100px;
}

.freeprognoz-start-match {
    padding: 0px 30px;
}

.freeprognoz-commands-name {
    text-align: center;
    padding: 10px;
    font-weight: 700;
}

.freeprognoz-commands {
    display: flex;
    align-items: center;
    justify-content: center;
}

.freeprognoz-info {
    display: flex;
    justify-content: center;
}

.freeprognoz-prognoz,
.freeprognoz-kf {
    /*border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    padding: 10px 20px;    
    background-color: #58b094;*/
    font-weight: 900;
    color: #fff
}

.freeprognoz-start-match {
    padding: 0px 30px;
    
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: space-between;
    height: 90px;
}

.freeprognoz-center-block {
    display: flex;
    flex-direction: column;
    margin-top: 25px;
    width: 100%;
}

.freeprognoz-agree-block {
    text-align: right;
}

.freeprognoz-agree {
    display: flex;
    justify-content: flex-end;
}

.freeprognoz-comments {
    display: flex;
    width: 100%;
}

.freeprognoz-comments textarea{
    resize: none;
    width: 100%;
    padding: 5px 15px
}

.freeprognoz-comments form{
    width: 100%;
    text-align: right;
}

.freeprognoz-comments {
    display: flex;
    flex-direction: column;
}

.freeprognoz-comments .comments{
    background-color: #fff;
}

.logo-user img {
    width: 50px;
}

.comment-info-date {
    font-size: 9px;
    margin-top: 5px;
}

.logo-user {
    margin-right: 10px;
    width: 50px;
    height: 50px;
    background-size: cover;
    border-radius: 50%;
    min-width: 50px;
}

.freeprognoz-comments-verification_email,
.freeprognoz-comments-open-auth-form{
    padding: 20px 50px;
}

.freeprognoz-comments-verification_email-button,
.freeprognoz-comments-open-auth-form-buttons{
    margin-top: 10px;
}

.comment {
    display: flex;
    flex-direction: row;
    padding: 10px 10px;
    border-bottom-width: 1px;
    border-style: solid;
    margin: 3px 0px;
    border-color: #88cdef;
}

.comment .hr{
    border: 1px solid #88cdef;
    width: 50%;
    margin: 3px auto;
}

.comment-info {
    min-width: 150px;
    border-color: #88cdef;
    border-right-style: solid;
    border-width: 1px;
    display: flex;
}

.comment-text {
    padding-left: 10px;
    display: flex;
    width: 100%;
    word-break: break-word;
}

.user_login_admin{
    background-color: #58b094;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
}

.text-prognoz{
    width: 100%;
    padding: 10px;
    padding-top: 30px;
}



.pay-success {
    background-color: #D3F0DE;
    padding-left: 10px;
    padding-right: 10px;
}

.pay-error {
    background-color: #f0d3de;
    padding-left: 10px;
    padding-right: 10px;
}

.actual-prognoz{
    width: 100%;
    font-size: 25px;
    font-weight: 700;
    padding-bottom: 15px;
    text-align: center;
}

.blocked-info-user {
    margin-bottom: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.blocked-info-user span{
    padding: 15px 15px 15px 15px;
}

.agree-title {
    padding: 20px;
    font-weight: 700;
}

.btn.text-color-white{
    color: #fff !important;
}

.addoneday_click_setting,
.public_page_block,
.action_promocode_block,
.visibility_btn_bk_block,
.visibility_bk_block{
    display: flex;
    align-items: flex-end;
}

.addoneday_click_setting input[type="checkbox"],
.public_page_block input[type="checkbox"],
.action_promocode_block input[type="checkbox"],
.visibility_btn_bk_block input[type="checkbox"],
.visibility_bk_block input[type="checkbox"]{
    width: 30px;
    height: 30px;
    margin-right: 15px;
}

.addoneday_click_setting {
    padding: 10px;
}

form[name="addoneday_click_setting"] {
    border-style: solid;
    border-width: 1px;
    border-radius: 10px;
    padding: 10px;
    margin: 10px 0px;
}

.sortable-ul li {
    margin: 4px 0;
    padding: 5px 10px;
    font-size: 16px;
    background: #eee;
    border: 1px solid #e0e0e0;
    border-left: 8px solid #e0e0e0;
    line-height: 24px;
}

.sortable-ul {
    list-style-type: none;
    margin: 10px auto;
    padding: 0;
    width: 500px;
}

.best_bk {
    padding: 10px 20px;
    overflow: hidden;
    font-size: 13px !important;
    background-color: #fff;
}


@media(max-width: 414px){
    .freeprognoz-commands img {
        width: 100%;
    }
    
    .comment{
        flex-direction: column;
    }
    .comment-info{
        display: flex;
        width: 100%;
        border-right-style: none;   
        border-bottom-style: solid;
    }
    .comment .hr{
        width: auto;
    }
}

.d-flex{
    display: flex;
}

/*  */
.refactored .rate-race {
    border: 1px solid #e4e4e4;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    line-height: 1.1;
    font-weight: 600;
    color: #b7b7b7;
    word-spacing: 5px;
    padding: 0px;
}

#content-page .refactored .rate-race > li .road-wrapper{
    flex-grow: 1;
    padding: 20px;
}

.road-progress{
    background-color: #58b094;
    color:#58b094;
}

body .refactored .rate-race .race-color-special .action > i{
    background-color: #58b094;
    cursor: pointer;
}

.icon-dislike:before {
    content: '\e80a';
    cursor: pointer;
}

.icon-dislike{
    background-color: #ff2053;
}

body .refactored .rate-race .race-color-attantion .road-progress{
    background-color: #ff2053;
    color: #ff2053;
}

.refactored .rate-race > li .head{
    text-align: center;
}

.yesCount b{
    color: #58b094;
    font-size: 1.44em;
    font-weight: 600;
    margin-left: .2em;
}

.noCount b{
    color: #ff2053;
    font-size: 1.44em;
    font-weight: 600;
    margin-left: .2em;
}

.refactored ol, .refactored ul {
    list-style: none;
}

.refactored .rate-race > li {
    display: flex;
    flex-flow: row wrap;
}

.refactored .rate-race > li .head {
    width: 160px;
    border-right-width: 1px;
}

.refactored .rate-race > li .head, .refactored .rate-race > li .road-wrapper, .refactored .rate-race > li > .action {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: #e4e4e4;
}

.refactored .rate-race > li .road-wrapper {
    flex-grow: 1;
}

.refactored .rate-race > li .road-wrapper, .refactored .rate-race > li .action {
    border-bottom-width: 0px;
}

.refactored .rate-race .road-wrapper .road {
    border-radius: 4px;
    background-color: whitesmoke;
    height: 7px;
    position: relative;
}

.refactored .rate-race .road-wrapper .road .road-progress {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: inherit;
}

.refactored .rate-race .road-wrapper .road .road-progress:after {
    content: attr(data-race-value);
    font-weight: bold;
    padding: 0 15px;
    line-height: 30px;
    text-align: center;
    border-radius: 15px;
    position: absolute;
    display: block;
    right: 0;
    top: 50%;
    margin-top: -17px;
    border-style: solid;
    border-width: 2px;
    background-color: #ffffff;
}

.refactored .rate-race > li .road-wrapper, .refactored .rate-race > li .action {
    border-bottom-width: 0px;
}

.refactored .rate-race > li .action {
    padding: 10px 0;
}

.refactored .rate-race > li .head, .refactored .rate-race > li .road-wrapper, .refactored .rate-race > li > .action {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: #e4e4e4;
}

.refactored .rate-race > li > .action > i {
    margin-right: 15px;
    margin-left: 15px;
    line-height: 1.8em;
    font-size: 25px;
    text-align: center;
    width: 1.8em;
    color: #ffffff;
}

.icon-like:before {
    content: '\e805';
}

.icon-up:before {
    content: '\e807';
}

.icon-down:before {
    content: '\e806';
}

.icon-border:hover{
    border: 1px solid;
    border-color: #0000003d;
}

.icon-check {
    background-color: white;
    font-size: 20px;
}

.icon-check:before {
    content: '\e816';
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 1em;
    height: 1em;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

img.user-logo-img {
    width: 150px;
}

.mobile-menu-icon{
    display: none;
}

.mobile-menu-icon .navbar-toggle{
    float: none;
    border-color: #fff;
    margin-right: 0px;
}

.mobile-menu-icon .navbar-toggle .icon-bar{
    background-color: #fff;
}

.card-freeprognoz{
    width: 260px;
    float: left;
}

.rating,
.freeprognozs{
    /*margin-left: 200px;*/
}

.freeprognoz-menu{
    display: block;
    max-width: 350px;
/*    position: fixed;
    left: 40px;
    line-height: 25px;*/
}

.freeprognoz-menu nav{
/*    background-color: #337ab7;*/
}

.freeprognoz-menu ul{
    list-style: none;
    padding-left: 0px;
}

.freeprognoz-menu li a{
    display: block;    
    text-decoration: none;
    color:#fff;
    padding-left: 20px;
    padding-right: 20px;
}

.freeprognoz-menu li {
/*    border-top: solid 1px #fff;*/
    background: #006bb6d1;
    border-bottom: 1px solid #fff;
}

.freeprognoz-menu li.active {
    background: #035e9e;
}

.freeprognoz-menu li a {
    padding: 15px 50px 15px 30px;
}

.freeprognoz-menu li:hover {
    background: #035e9e;
}

.freeprognoz-menu li:first-child {
/*    border: none;*/
    border-radius: 0 5px 0 0;
}

.freeprognoz-menu li:last-child {
    border-radius: 0 0 5px 0;
}

.freeprognoz-logo1,
.freeprognoz-logo2{
    /*background-color: #fff;*/
    border-radius: 100px;
}

.static_custom{
    margin-left: auto;
    margin-right: auto;
}

.pb80px{
    padding-bottom: 80px;
}

.win_bets>td {
    background: #3EEA29 !important;
}

.t021__line {
    width: 100%;
    max-width: 140px;
    margin-left: auto;
    margin-right: auto;
    height: 1px;
    background-color: #000000;
}

.sezons .leftmenu li.active a{
    color:#fff;
}

.sezons .leftmenu li.active, .sezons .leftmenu li:hover {
    background: -moz-linear-gradient(top, #337ab7 0%, #337ab7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#337ab7), color-stop(100%,#337ab7));
    background: -webkit-linear-gradient(top, #337ab7 0%,#337ab7 100%);
    background: -o-linear-gradient(top, #337ab7 0%,#337ab7 100%);
    background: -ms-linear-gradient(top, #337ab7 0%,#337ab7 100%);
    background: linear-gradient(top, #337ab7 0%,#337ab7 100%);
}

.sezons {
    padding-top: 10px;
}

.sezons ul {
    display: inline-flex;
}

.sezons li {
    padding-left: 25px;
    padding-right: 25px;
}

.sezons .leftmenu li a{
    padding-left: 0px;
}

.static {
    flex-direction: column;
    text-align: center;
}

.static-data {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.sezons .leftmenu {
    min-width: auto;
    padding-bottom: 0px;
}

.w100procent{
    width: 100%;
}

.w50procent{
    width: 50%;
}

.jc-center{
    justify-content: center;
}

.static-data .tab-content{
    max-width: 740px;
}

.articles{
    max-width: 780px;
}
.articles-text{
    font-family: "Open Sans", sans-serif;
    line-height: 1.5;
    font-size: 15px;
}

.articles-text-headline{
    font-family: "Open Sans", sans-serif;
    line-height: 1.5;
    font-size: 20px;
    margin: 20px;
}

.article-item{
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    display: flex;
    margin-top: 20px;
}

.h3.article-item-name{
    margin-top: 0px;
}

.article-item-img img{
    width: 200px;
}

.article-item-data{
    padding: 20px;
}

.article-item-content{
    font-size: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

.btn.read-more{
    background-color: #337ab7;
    color: white;
    margin-top: 10px;
}

.btn.read-more:hover{
    color: white;
}

.line {
    width: 100%;
    max-width: 140px;
    margin-left: auto;
    margin-right: auto;
    height: 1px;
    background-color: #000000;
}

.article-headline-text {
    text-align: center;
    margin-top: 44px;
    margin-bottom: 54px;
    font-size: 38px;
    line-height: 1.35;
}

.article-headline {
    margin-top: 40px;
    margin-bottom: 40px;
}

.article-header {
    font-size: 35px;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
}

.pb40px{
    padding-bottom: 40px;
}

.flex-column-center{
    display:flex;
    flex-direction: column;
    align-items: center;
}

.padding30px{
    padding: 30px;
}

.messages{
    display: flex;
    background-color: #fff;
    border-left: solid 1px #00000040;
    width: 100%;
}

.messages-list {
    width: 400px;
    min-width: 400px;
}

.messages-list table{
    width: 100%;
}

.messages-list table td{
    padding: 8px 15px;
    border-bottom: solid 1px #00000040;
    border-top: solid 1px #00000040;
}

.messages-list table td span.date_send_message{
    font-size: 10px;
    float: right;
}

.messages-list table td span.message_theme{
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    cursor: pointer;
    width: 260px;
    font-size: 11px;
}

.message-body {
    border: solid 1px #00000040;
    width: 100%;
    padding: 15px;
}

.flex-column{
    flex-direction: column;
}

.w75procent{
    width:75%;
}

.message_open{
    cursor: pointer;
}

.message_open:hover{
    background: -moz-linear-gradient(top, #d8d7d5 0%, #c1c0bd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1c0bd), color-stop(100%,#f2efea));
    background: -webkit-linear-gradient(top, #d8d7d5 0%,#c1c0bd 100%);
    background: -o-linear-gradient(top, #d8d7d5 0%,#c1c0bd 100%);
    background: -ms-linear-gradient(top, #d8d7d5 0%,#c1c0bd 100%);
    background: linear-gradient(top, #d8d7d5 0%,#c1c0bd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8d7d5', endColorstr='#f2efc1c0bdea');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8d7d5', endColorstr='#c1c0bd')";
}

.new_message{
    font-weight: bold;
}

.bestbk_msg_success{
    padding: 10px 15px;
    background-color: #00800066;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
}

.bestbk_msg_close {
    cursor: pointer;
    border: 1px solid #5c925c;
    padding: 0px 5px;
    border-radius: 3px;
}

.bgwhite{
    background-color: #fff;
}

.bestbk_msg_close:hover {
    background-color: #5c925c;
}

.bk_content {
    /*display: flex;
    justify-content: center;*/
    padding-bottom: 80px;
}

.bk-image img {
    width: 100%;
}

.bk {
    padding-left: 10px;
    padding-right: 10px;
}

.bk-name {
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 15px;
}

.align-items-center{
    align-items: center;
}

.legal_bk_header, .unlegal_bk_header {
    font-size: 26px;
    font-weight: 600;
    padding-top: 20px;
    padding-bottom: 20px;
}

.legal_bk_discription, .unlegal_bk_discription {
    font-size: 18px;
    padding: 20px 10px;
}

.comment-info-user {
    overflow: hidden;
    max-width: 80px;
}

.modal-header {
    display: flex;
    justify-content: space-between;
}

h5.modal-title {
    width: 100%;
    font-size: 20px;
}

.message_error {
    background-color: #cc222238;
    padding: 11px 20px 1px 20px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.message_success {
    background-color: #22cc4763;
    padding: 11px 20px 1px 20px;
    border-radius: 5px;
    margin-bottom: 10px;
}


.more_freeprognozs{
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-bottom: 40px;
    padding-top: 20px;
}

a.load-more {
    padding: 15px 0;
    border: 4px solid #337ab7!important;
    font-size: 18px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s;
    color: black;
    cursor: pointer;
}

a.load-more:hover {
    background: #337ab7!important;
    text-decoration: none;
}

a.load-more:focus {
    text-decoration: none;
}

i.icon-loop {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
}

i.icon-loop:before {
    font-family: 'icomoon' !important;
    content: "\e63c";
    font-size: 20px;
    margin: 0 20px;
    color: inherit;
}

.rotate {
  -webkit-animation-name: cog;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: cog;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
   -ms-animation-name: cog;
  -ms-animation-duration: 5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
 
  animation-name: cog;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@-ms-keyframes cog {
  from { -ms-transform: rotate(0deg); }
  to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes cog {
  from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes cog {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}
@keyframes cog {
  from {
    transform:rotate(0deg);
  }
  to {
    transform:rotate(360deg);
  }
}

.btn-mg-lr20{
    margin-left: 20px;
    margin-right: 20px;
}

.btn.activebtn {
    background-color: black;
}

.tmpl-html-id-4 {
    padding: 20px 10px;
    text-align: left;
    width: 100%;
    max-width: 740px;
}

.flex-center{
    justify-content: center;
}

#vk_groups_block {
    width: 100%;
    display: flex;
    justify-content: center;
    max-width: 500px;
}

#vk_groups {
    width: 100%;
    max-width: 500px;
}

.stats_users_menu {
    padding-left: 40px;
    display: flex;
    flex-direction: column;
}

.stats_users_menu_count {
    font-weight: bold;
    padding-left: 2px;
}

.express_title {
    font-size: 40px;
}

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


.backform {
    position: absolute;
    background: #504f4fe0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2000;
    padding: 60px 20px;
}

.close_back_form {
    position: absolute;
    z-index: 2022;
    color: white;
    right: 40px;
    top: 15px;
    font-weight: bold;
    cursor: pointer;
}

.preview_prediction_form {
    width: 100%;
    height: 100%;
    background-color: white;
    padding: 40px;
    overflow-y: auto;
}

.prediction-title {
    height: 40px;
    background-color: #337ab7;
    display: flex;
    align-items: center;
    padding-left: 20px;
    color: white;
    font-weight: bold;
}

.prediction-public-form {
    border-style: solid;
    border-color: #337ab7;
    border-width: 1px;
    margin-bottom: 40px;
}

.prediction-info {
    padding: 20px;
}

.prediction-commands {
    font-size: 20px;
    font-weight: bold;
}

.prediction-info-data ul {
    list-style: none;
    display: inline-flex;
    padding-left: 0px;
}

.prediction-info-data li {
    padding-right: 20px;
}

.prediction-info-data li>span {
    font-weight: bold;
    padding-left: 5px;
}

.center-orders{
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
}

.prediction-text {
    padding-top: 20px;
    word-wrap: break-word;
}


.prediction-time span{
    font-weight: bold;
}

.published-btn-group {
    text-align: right;
    padding-top: 10px;
}

.prediction-small-info {
    background-color: #337ab7;
    height: 25px;
    padding-left: 20px;
    display: flex;
    align-items: center;
}

.prediction-small-user {
    color: white;
}

.prediction-small-icons.icons {
    padding: 0px 30px;
    justify-content: flex-end;
}

span.prediction-small-icons.views-icon,
span.prediction-small-icons.thumbs-up-icon,
span.prediction-small-icons.thumbs-down-icon,
span.prediction-small-icons.comments-icon{
    font-size: 20px;
}

.prediction-small-icons.views,
.prediction-small-icons.thumbs-up,
.prediction-small-icons.thumbs-down,
.prediction-small-icons.comments{
    display: flex;
    align-items: center;
}

span.prediction-small-icons.icons-text {
    padding: 0px 10px 0px 0px;
}

.prediction_comments .icons-text
{
    text-decoration: underline;
    cursor: pointer;
}

.prediction_comments_form {
    width: 500px;
    background: white;
    min-height: 100px;
    border-radius: 5px;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
    border-style: solid;
    border-color: #337ab7;
    border-width: 1px;
    max-width: 100%;
}

.prediction_comments_form_title {
    background-color: #337ab7;
    border-radius: 5px;
    height: 25px;
    color: white;
    display: flex;
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
    align-items: center;
    cursor: move;
}

.close-icon {
    font-family: dripicons;
    font-size: 16px;
    /* color: green; */
    cursor: pointer;
    /* content: '9'; */
}

.close-icon:before {
    content: '9';
}

.prediction_comments_form_title_text {
    user-select: none;
}

textarea.comments_body_add_comment_textarea {
    width: 100%;
    resize: vertical;
    height: 80px;
}

.comments_body_comments {
    min-height: 60px;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
/*    border-bottom: #337ab7 1px solid;*/
    max-height: 300px;
    overflow-y: auto;
}

.comments_body_comments >img {
    height: 60px;
}

.comments_body_add_comment_buttons_group {
    display: flex;
    justify-content: flex-end;
    padding: 10px;
}

.btn_button_cancel {
    margin: 0px 10px;
}

.auth-prediction-comments {
    margin: 0px 5px;
}

.prediction_comments_user_logo img {
    width: 60px;
    /* height: 60px; */
}

.comments_messages {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #337ab7;
}

.prediction_comments_user_logo {
    padding-left: 15px;
    padding-right: 15px;
}

.comments_messages_body {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

.comments_messages_info {
    padding-right: 15px;
    font-size: 11px;
}

.prediction_comments_user_login {
    font-size: 12px;
    font-weight: bold;
}

.prediction_comments_message {
    text-align: left;
}

.comments_body_add_comment {
    padding-top: 10px;
}

.prediction-league {
    display: flex;
    justify-content: space-between;
}

.prediction-result-win {
    color: green;
    font-size: 16px;
    margin-left: 40px;
    font-weight: bold;
}

.prediction-result-lose {
    color: red;
    font-size: 20px;
    margin-left: 40px;
}

.prediction-result-return {
    color: blue;
    font-size: 20px;
    margin-left: 40px;
}

.filter_content {
    display: flex;
    align-items: center;
}

.filter_on {
    display: block;
    width: 10px;
    height: 10px;
    float: left;
    background-color: green;
    margin-right: 5px;
    border-radius: 5px;
}

.filter_off {
    display: block;
    width: 10px;
    height: 10px;
    float: left;
    background-color: red;
    margin-right: 5px;
    border-radius: 5px;
}

.fieldset-prediction {
    margin-top: 1em;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border: #aaa solid 1px;
    padding: 5px 20px;
    background: #eee;
    text-shadow: 1px 1px 2px #fff inset;
    -moz-box-shadow: 1px 1px 2px #fff inset;
    -webkit-box-shadow: 1px 1px 2px #fff inset;
    box-shadow: 1px 1px 2px #fff inset;
}

.fieldset-legend-prediction {
    font-weight: bold;
    color: #444;
    padding: 5px 10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #aaa;
    background-color: #fff;
    -moz-box-shadow: 3px 3px 15px #bbb;
    -webkit-box-shadow: 3px 3px 15px #bbb;
    box-shadow: 3px 3px 15px #bbb;
    max-width: 100%;
}

.user_block {
    display: flex;
}

.user_block_logo img {
    width: 150px;
}

.user_block_logo {
    width: 200px;
    border-right: 1px #b7b2b2 solid;
    padding-right: 35px;
}

.user_block_rating {
    padding-left: 35px;
}

.user_block_rating table td {
    padding-left: 15px;
    padding-right: 15px;
}

.prediction_win {
    background-color: #3EEA29;
}

.prediction_return {
    background-color: #337ab7;
    color: white;
}

.prediction_return a {
    color: white;
}


.user_predictions {
    padding-top: 20px;
}

.prediction-add_block {
    border-right: 1px solid #a7a1a1;
}

.fs18px {
    font-size: 18px;
}

.prediction-time-result {
    display: flex;
    justify-content: space-between;
}

.prediction-result-block {
    text-align: right;
}

.prediction-text img {
    max-width: 100%;
    height: auto;
}

.thumbs-share {
    font-family: dripicons;
    font-size: 20px;
    color: green;
    cursor: pointer;
}

.icon-views {
    font-family: dripicons;
    font-size: 20px;
    color: white;
    cursor: pointer;
}

.share_code {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.thumbs-share-click {
    cursor: pointer;
}

.flexx{
    display: flex;
}

.modal_message {
    background-color: #2fac2fc4;
    padding: 15px;
    border-radius: 5px;
    color: white;
}

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

.complain {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.complain_button {
    font-size: 16px;
}


.complain-icon{
    font-family: dripicons;
    font-size: 20px;
    color: red;
    padding-right: 5px;
}

.complain-icon:before {
    content: 'I';
}

.thumbs-share {
    padding-right: 5px;
}


.thumbs-up-icon {
    padding-right: 5px;
}

.thumbs-down-icon {
    padding-right: 5px;
}

.complain-body-top {
    padding: 10px 15px;
    border-bottom: 1px solid #0000ff33;
}

.complain-body-bottom {
    padding: 10px 15px;
    border-bottom: 1px solid #0000ff33;
}

.complain-type-text {
    font-size: 16px;
}

.complain-answer-text {
    font-size: 16px;
}

.complain-buttons {
    padding: 15px 10px;
    display: flex;
    justify-content: flex-end;
}

.complain-buttons button {
    margin: 0px 5px;
}

.space-between {
    justify-content: space-between;
}

.rating_update_loading {
    background-image: url(/img/loading.gif);
    width: 175px;
    height: 100px;
    background-size: cover;
}

.green {
    color: green;
}

.red {
    color: red;
}

.blue {
    color: blue;
}

.bold {
    font-weight: bold;
}

.rating-top {
    border: 1px solid #337ab7;
    margin-bottom: 30px;
}

.rating_top_users_title {
    background-color: #337ab7;
    height: 40px;
    color: white;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rating-top table td {
    word-break: break-all;
}

.filters a.btn.btn-info.action {
    background-color: #269abc;
    border-color: #1b6d85;
}

.filters a.btn {
    margin-top: 5px;
    margin-bottom: 5px;
}

.filters {
    padding: 10px 0px;
}

.mobile {
    display: none;
}

.white {
    color: white;
}

.hover-white:hover{
    color: white;
}

.fieldset-legend-express-prediction{
    color: #444;
    padding: 5px 10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #aaa;
    background-color: #fff;
    -moz-box-shadow: 3px 3px 15px #bbb;
    width: auto;
    margin-bottom: 5px;
}

.prediction-info-data-express {
    padding-top: 10px;
}

.action_predictions_btn {
    border: 1px solid #1f1d1d;
    padding: 10px;
    display: inline-flex;
    border-radius: 10px;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}

.switch {
    margin-right: 5px;
    width: 30px;
    height: 15px;
    float: left;
    background: #928787;
    border-radius: 15px;
    display: flex;
    align-items: center;
    padding-left: 1px;
    padding-right: 1px;
    justify-content: flex-start;
}

.switch.switch_active {
    background: green;
    justify-content: flex-end;
}

.switch_circle {
    height: 13px;
    width: 13px;
    background: white;
    border-radius: 13px;
}

.tabs-block-top-rating {
    display: flex;
    background-color: #337ab7;
    border-top: 1px solid white;
    justify-content: space-evenly;
    color: white;
    text-align: center;
}

.tabs-top-rating {
    width: 100%;
    padding-bottom: 8px;
    padding-top: 8px;
    cursor: pointer;
}

.active-tab-top-rating {
    background: #035e9e;
}

/*Стили для поиска пользователя на странице отправки сообщений*/

.user-autosearch {
    background-color: white;
    padding: 0px 0px;
    max-height: 150px;
    overflow-y: auto;
}

.search_result {
    border-bottom: #337ab7 solid 1px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
}

.search_result:hover {
    background: #d8d7d5;
}

.btn_kef {
    margin: 5px 0px;
    width: 100%;
    background-color: #f5f5f5;
    padding: 10px;
    color: black;
    cursor: pointer;
    text-decoration: none;
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    justify-content: space-between;
}

.btn_kef:last-child {
    margin-right: 0px;
}

.btn_kef:first-child {
    margin-left: 0px;
}

.btn_kef:hover {
    text-decoration: none;
}

.PeriodName {
    text-align: center;
}

.match-sections{
    width: 100%;
    display: block;
}

.displaynone {
    display: none;
}

img.logo_express {
    width: 30px;
}

.freeprognoz-top-block-express
{
    min-width: 500px;
}

.btn_kefs_block {
    display: flex;
}

.bet_btn {
    border: 1px solid #dddddd;
    padding: 5px 10px;
    margin: 2px 10px;
    cursor: pointer;
    background: #efefef;
}

.bet_btn:hover{
    background: #c1bfbf;
}

.pointer {
    cursor: pointer;
}

.prognoz-top-block {
    width: 50%;
}



@media(max-width:500px)
{
    .freeprognoz-top-block-express
    {
        min-width: 100%;
    }

    .logo-express-w
    {
        width: 50px;
    }
}

@media(max-width:410px)
{
    .t-col{
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .new_footer_bottom.t-col{
        padding-left: 20px;
        padding-right: 20px;
    }
    
}


@media(max-width: 470px)
{
    .ajax_login_buttons {
        display: flex;
        flex-direction: column-reverse;
    }

    .ajax_login_button {
        margin-top: 10px;
    }
    
    .ajax_register_button {
        margin-top: 15px;
    }
}

@media(max-width:414px)
{
    .pt80 {
        padding-top: 0px; 
    }
    
    .flex-container {
        flex-direction: column;
    }
    
    .w250 {
        width: 100%;
    }
    
    .mobile-menu-icon{
        display: block;
    }
    
    .reply_comment {
        text-align: right;
    }
    
    .container.freeprognoz {
        padding-top: 15px;
    }

    #content-page {
        padding-bottom: 80px;
    }
    
    .sezons ul {
        display: block;
    }
    
    .sezons .leftmenu{
        max-width: 225px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .sezons .leftmenu li {
        border-radius: 10px;
        margin-top: 5px; 
    }
    
    .article-item {
        flex-direction: column;
    }

    .article-item-img img {
        width: 100%;
    }
    
    .message-body{
        display: none;
    }
    
    .messages-list{
        width: 100%;
        min-width: 100%;
    }
    
    .messages-list table td span.message_theme{
        width: 250px;
        white-space: normal;
    }
}

@media(max-width:980px)
{
    .sezons ul {
        display: block;
    }
    
    .sezons .leftmenu{
        max-width: 225px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .sezons .leftmenu li {
        border-radius: 10px;
        margin-top: 5px; 
    }

    .flex-container {
        flex-direction: column;
    }
    
    .w250 {
        width: 100%;
    }
}

@media(max-width:1024px) {
    .prognoz-top-block {
        width: 80%;
    }
}

@media(max-width:550px)
{
    .freeprognoz-commands img {
        width: 100%;
    }

    .freeprognoz-menu{
        position: inherit;
    }
    
    .user-content{
        flex-direction: column;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .freeprognozs{
        margin-left: 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .freeprognoz-menu{
        max-width: none;
    }
    
    .freeprognoz-menu li:first-child,
    .freeprognoz-menu li:last-child {
        border-radius:0;
    }
    
    .leftmenu nav{
        margin-right: 0px;
    }
    
    .card-freeprognoz{
        width: 100%;
    }
    
    .logos img {
        height: auto;
        width: 100%;
    }
    
    .rating,
    .predictions-public {
        margin-left: 0px;
    }
    
    .prediction-time-result {
        flex-direction: column;
    }
    
    .prediction-info-data ul{
        flex-direction: column;
    }
    
    .user_block {
        flex-direction: column;
        align-items: center;
    }

    .user_block_rating {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .user_predictions {
        overflow-x: scroll;
    }

    .rating.w100procent {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .user_block_logo {
        width: auto; 
        border-right: none; 
        padding-right: 0px;
    }
}

@media(max-width:960px)
{
    .center-orders{
        display: block;
    }
}

@media(max-width:991px)
{
    .predictions-public {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .desktop {
        display: none;
    }
    
    .mobile {
        display: block;
    }
    
    .flex-max991-column {
        flex-direction: column;
    }
    
    .complain {
        padding: 0px 30px;
    }
}

@media(max-width:1200px)
{
    .icons_block {
        flex-direction: column;
    }
    
    .prediction-small-icons.icons {
        flex-direction: column;
    }
    
    
}



@font-face {
    font-family: "dripicons"; 
    src: url("/fonts/dripicons-v2.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: normal; 
}

@font-face {
    font-family: 'fontello';
    src: url("/fonts/fontello.eot?");
    src: url("/fonts/fontello.eot?48426184?#iefix") format("embedded-opentype"), url("/fonts/fontello.woff2") format("woff2"), url("/fonts/fontello.woff?48426184") format("woff"), url("/fonts/fontello.ttf") format("truetype");
    font-weight: normal;
    font-style: normal; 
}

@font-face {
    font-family: 'icomoon';
    src:  url(/fonts/icomoon.eot?o4duql);
    src:  url(/fonts/icomoon.eot?o4duql#iefix) format('embedded-opentype'),
    url(/fonts/icomoon.ttf?o4duql) format('truetype'),
    url(/fonts/icomoon.woff?o4duql) format('woff'),
    url(/fonts/icomoon.svg?o4duql#icomoon) format('svg');
    font-weight: normal;
    font-style: normal;
}