@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;600&display=swap');

@font-face {
    font-family: 'Torus';
    src: url("../fonts/Torus Regular.otf");
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    /*font: inherit;*/
    vertical-align: baseline;
}

a:focus, button:focus, input:focus, textarea:focus {
    outline: none;
    box-shadow: none;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

div:focus {
    outline: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', 'Open Sans', sans-serif;
}

.btn {
    border: none;
    min-width: 140px;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

html {
    height: 100%;
    width: 100%;
}

body {
    line-height: 1;
    height: 100%;
    width: 100%;
    min-height: 550px;
    background-color: #f6f6f6;
    display: flex;
    flex-direction: column;
    font-family: 'Montserrat', 'Arial', sans-serif;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    color: inherit;
    text-decoration: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

strong {
    font-weight: bold;
    font-size: 18px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ====================================================================================================================
    GENERAL
   ==================================================================================================================== */
.wrapper-body {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #f6f6f6;
    position: relative;
}

.mCSB_inside > .mCSB_container {
    margin-right: 28px;
}

/*- preloader -*/

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 1001;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.preloader img {
    width: 120px;
}

.loaded_hiding .preloader {
    transition: 0.3s opacity;
    opacity: 0;
}

.loaded .preloader {
    display: none;
}


/* ====================================================================================================================
    WEB DASHBOARD
   ==================================================================================================================== */

/*----  ASIDE PANEL ------*/
.wrapper-aside-panel {
    position: fixed;
    width: 315px;
    top: 0;
    bottom: 0;
    left: -315px;
    background-color: #FFB800;
    color: #fff;
    z-index: 100;
    padding: 15px;
    transition: all .4s;
    opacity: 0;
}

.wrapper-aside-panel.collapse-aside {
    position: fixed;
    width: 315px;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: #FFB800;
    color: #fff;
    z-index: 100;
    padding: 15px;
    transition: all .4s;
    opacity: 1;
}

.wrapper-aside-panel-mini {
    opacity: 0;
    transition: all .4s;
    position: fixed;
    width: 70px;
    top: 0;
    bottom: 0;
    left: -70px;
    background-color: #FFB800;
    color: #fff;
    z-index: 100;
    padding: 15px;
}

.wrapper-aside-panel-mini.collapse-aside {
    transition: all .4s;
    position: fixed;
    width: 70px;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: #FFB800;
    color: #fff;
    z-index: 100;
    padding: 15px;
    opacity: 1;
}

.wrapp-aside-body {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.label-aside-panel {
    cursor: pointer;
    background: rgba(87, 88, 89, 0.5);
    width: 40px;
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 0 15px 15px 0;
    justify-content: flex-end;
    position: absolute;
    z-index: 1101;
    top: 110px;
    left: 100%;
    /*left: 315px;*/
    color: #fff;
    /*transition: all .2s;*/
}

.label-aside-panel span {
    font-size: 14px;
    transition: all .2s;
}

.label-aside-panel.rotate-label {
    left: 100%;
    transition: all .2s;
}

.label-aside-panel.rotate-label span {
    transform: rotate(0deg);
    transition: all .2s;
}

.label-aside-panel span {
    transform: rotate(180deg);
    transition: all .2s;
}

.label-aside-panel:hover {
    cursor: pointer;
    transition: all .2s;
    /*box-shadow: 0 1px 1px 0 #FFB800;*/
}

.logo-name {
    font-family: Torus;
    font-size: 29px;
    line-height: 34px;
    letter-spacing: 0.075em;
}

.logo-image a {
    display: flex;
    align-items: center;
}

.logo-image a img {
    margin-right: 10px;
}

.aside-head {
    margin-bottom: 30px;
}

.body-menu-aside {
    color: #CAC7C7;
    /*padding-right: 15px;*/
}

.name-menu-link {
    margin-left: 20px;
    font-size: 14px;
    line-height: 17px;
}

.box-icon-menu {
    width: 27px;
    height: 100%;
    text-align: center;
    line-height: 1;
}

.box-icon-menu svg {
    width: 27px;
    height: 27px;
    filter: brightness(1);
    -webkit-filter: brightness(1);
    transition: all .2s;
}
.box-icon-menu img {
    width: 27px;
    height: 27px;
    filter: brightness(1);
    -webkit-filter: brightness(1);
    transition: all .2s;
}

.menu-aside-link:hover .box-icon-menu svg {
    transition: all .2s;
    filter: brightness(15);
    -webkit-filter: brightness(15);
}

.menu-aside-link.active .box-icon-menu svg {
    transition: all .2s;
    filter: brightness(15);
    -webkit-filter: brightness(15);
}

.menu-aside-link {
    display: flex;
    align-items: center;
    border-radius: 5px;
    justify-content: flex-start;
    margin-top: 15px;
    font-size: 14px;
    line-height: 17px;
    padding: 7px;
    transition: all .2s;
    color: #000000;
    background: rgb(196 196 196 / 0);
    cursor: pointer;
}

.menu-aside-link:hover {
    transition: all .2s;
    background: rgb(255 255 255 / 0.15);
    color: #000;
}

.menu-aside-link.active {
    transition: all .2s;
    background: rgb(255 255 255 / 0.15);
    color: #000;
}

.down-menu {
    cursor: pointer;
}

.second-menu-item {
    background: rgb(255 255 255 / 0.15);
    border-radius: 5px;
    /*padding: 13px 13px 13px 65px;*/
    padding: 8px 13px 8px 65px;
    font-size: 14px;
    margin-top: 5px;
    display: none;
}

.second-menu-aside-link {
    display: flex;
    align-items: center;
    color: #000000;
    font-size: 14px;
    line-height: 17px;
    padding: 5px 0;
    transition: all .2s;
}

.second-menu-aside-link:hover {
    color: #fff;
    transition: all .2s;
}

/*---- CONTENT PANEL -----*/
.demo-noti-box{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 15px;
    font-weight: 400;
    background-color: #fee84f;
    padding: 10px 15px;
    box-shadow: inset 2px 2px 6px 0px #ead42d;
}
.text-demo{
    color: #444;
    font-weight: 500;
    text-align: center;
    width: 100%;
}

.wrapper-content-panel {
    display: block;
    display: flex;
    flex-direction: column;
    margin-left: 70px;
    background-color: transparent;
    height: 100%;
    padding: 0 30px;
}
.wrapp-content{
    flex: 1;
}

.wrapper-content-panel.margin-aside {
    display: block;
    margin-left: 315px;
    background-color: transparent;
    height: 100%;
    padding: 0 30px;
}

.wrapper-card-style {
    border-radius: 5px;
    background: #FFFFFF;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    max-height: 100%;
}

.wrapper-mains-sections {
    margin-bottom: 32px;
}

.wrapper-card-style.head-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 30px;
    margin-bottom: 32px;
}

.name-head-panel {
    position: relative;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.select-club-icon i {
    transform: rotate(90deg);
    transition: all .3s;
}

.select-club-icon i.rotate {
    transform: rotate(270deg);
    transition: all .3s;
}

/*.select-club-icon.active span{*/
/*    transform: rotate(180deg);*/
/*}*/
.select-club-box {
    display: none;
    position: absolute;
    top: 95px;
    z-index: 10;
    background: #FFFFFF;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    width: auto;
    padding: 10px 15px;
}

.select-club-card {
    display: flex;
    align-items: center;
    height: auto;
    cursor: pointer;
    margin: 7px 0;
}

.cabinet-name {
    margin-right: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #313131;
}

.select-club-icon span {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #313131;
}

.select-club-box:after {
    content: "";
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

.logo-cabinet {
    object-fit: contain;
    margin-right: 10px;
    width: 27px;
    height: 27px;
}

.option-profile-box {
    display: flex;
    width: 80%;
    align-items: center;
    justify-content: flex-end;
    font-size: 14px;
    position: relative;
}

.balance-state-profile {
    position: relative;
    cursor: pointer;
    margin: 0 25px 0 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #313131;
    display: flex;
    height: 100%;
    align-items: flex-end;
}

/*.balance-state-profile svg{*/
/*    margin: 0 7px 0 0;*/
/*}*/

.settings-box {
    cursor: pointer;
}

.settings-box img {
    width: 20px;
    height: 20px;
}

.messages-box {
    position: relative;
    margin: 0 25px 0 0;
    cursor: pointer;
}

.messages-box img {
    width: 20px;
    height: 20px;
}

.message-item {
    display: none;
    position: absolute;
    z-index: 10;
    top: 55px;
    right: 55px;
    background: #FFFFFF;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    padding: 15px 10px 15px 15px;
    width: auto;
    max-width: 400px;
    min-width: 345px;
}

.clear-messages {
    font-size: 12px;
    line-height: 15px;
    color: #A0A0A0;
    cursor: pointer;
    display: block;
    width: 100%;
    text-align: right;
    margin-bottom: 0;
}

.wrapper-noti-box{
    max-height: 350px;
    margin-top: 15px;
}

.message-bell-card {
    position: relative;
    z-index: 2;
    background: #f6f6f6;
    border-radius: 5px;
    padding: 15px;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 0;
}
/*.message-bell-card.new{*/
/*     border: 1px solid #ffb800;*/
/*}*/


.message-bell-card:last-child {
    margin-top: 0;
    margin-bottom: 0;
}

.no-message-name {
    font-size: 18px;
    margin: 20px 0;
    text-align: center;
}

.title-message-bell {
    padding-right: 5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #313131;
    display: block;
    margin-bottom: 10px;
}

.name-message-bell {
    font-size: 12px;
    line-height: 15px;
    color: #605C5C;
    display: block;
    margin-right: 10px;
}

.date-message-bell {
    font-size: 12px;
    line-height: 15px;
    color: #605C5C;
    display: block;
}
.info-noti{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*margin-bottom: 10px;*/
    flex-wrap: wrap;
}

/*.message-bell-card.link-message-bell .date-message-bell {*/
/*    margin-bottom: 10px;*/
/*}*/

.line-message-bell {
    width: 100%;
    height: 1px;
    display: block;
    background-color: #C4C4C4;
    margin-bottom: 10px;
    margin-top: 10px;
}

.btns-message-bell {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.new-pups{
    height: 10px;
    width: 10px;
    background: #ffb800;
    border-radius: 50%;
    position: absolute;
    z-index: 3;
    top: 10px;
    right: 10px;
}
.link-message-bell {
    font-size: 12px;
    line-height: 15px;
    color: #FFB800;
}

.remove-message-bell {
    font-size: 12px;
    line-height: 15px;
    color: #ffb800;
}

.messages-tip {
    background: #ffb800;
    border-radius: 10px;
    width: auto;
    display: flex;
    height: 21px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 21px;
    color: #fff;
    position: absolute;
    top: -12px;
    right: -12px;
    padding: 3px 7px;
}

.balance-state-profile .messages-tip {
    background: rgb(222 222 222 / 80%);
    border-radius: 10px;
    width: auto;
    display: flex;
    height: 21px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 21px;
    color: #000000;
    position: absolute;
    top: -12px;
    right: -12px;
    padding: 3px 7px;
}

.balance-dropdown {
    display: none;
    position: absolute;
    z-index: 10;
    top: 55px;
    right: 55px;
    background: #FFFFFF;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    padding: 20px;
    width: auto;
    max-width: 500px;
    min-width: 450px;
}

.style-balance-down {
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #f6f6f6;
    border-radius: 5px;
}

.style-balance-down.coalition-balance {
    margin-top: 0;
    color: #414141;
    width: 57%;
    background: #f6f6f6;
}
.coalition-balance .balance-info__status {
    font-size: 15px;
    line-height: 20px;
}

.balance-info {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.02em;
    color: #000;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 600;
}
.coalition-balance .balance-info {
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    margin-bottom: 10px;
    text-align: left;
}
.balance-info-status{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
}
.balance-info__status{
    font-size: 15px;
    line-height: 22px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 4px;
}
.balance-info__total{
    font-size: 15px;
    line-height: 22px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 4px;
}
.balance-name{
    font-weight: 500;
    margin-right: 10px;
}
.balance-data {
    color: #000000;
    font-weight: 600;
    text-align: right;
    font-size: 18px;
}
.coalition-balance .balance-data {
    color: #414141;
    font-weight: 500;
    font-size: 17px;
}

.balance-info__status:last-child{
    margin-bottom: 15px;
    border-bottom: 2px solid #FFB800;
    padding-bottom: 15px;
}
.coalition-balance .balance-info__status:last-child{
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}
/*.coalitpresent-card-club*/

.box-profile-name {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin: 0;
    cursor: pointer;
}
.btn-buy-token{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}
.menu-profile {
    position: absolute;
    z-index: 15;
    background-color: #fff;
    border: 0.2px solid #EDEDED;
    box-sizing: border-box;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    width: auto;
    min-width: 220px;
    /*padding: 0 10px;*/
    top: 55px;
    display: none;
}

.mini-photo-profile {
    width: 47px;
    height: 47px;
    /*border-radius: 50px;*/
    /*overflow: hidden;*/
    position: relative;
}
.mini-noti{
    position: absolute;
    top: 3px;
    right: -1px;
    background-color: #ffb800;
    height: 10px;
    width: 10px;
    z-index: 1000;
    border-radius: 50%;
}

.mini-photo-profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50px;
}

.find-profile-box {
    margin: 0 25px 0 0;
    cursor: pointer;
}

.name-profile {
    font-weight: 500;
    margin-left: 15px;
}
.profile-item{
    position: relative;
}
.profile-link {
    display: flex;
    align-items: center;
    padding: 10px;
    font-size: 14px;
    line-height: 17px;
    color: #313131;
    /*position: relative;*/
}
.chats-tip-noti{
    position: absolute;
    background: #ffb800;
    border-radius: 10px;
    width: auto;
    display: flex;
    height: 21px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 21px;
    color: #000;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    padding: 3px 7px;
}

.find-field img {
    width: 20px;
    height: 20px;
}

.profile-link span:last-child {
    margin-left: 20px;
    font-size: 15px;
    line-height: 20px;
}

.profile-item {
    border-bottom: 1px solid rgb(96 92 92 / 0.1);
}
.profile-item:last-child{
    border-bottom: none;
}

/*---- all-search ----*/
.wrapper-search {
    background: #FFFFFF;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    padding: 18px 30px 18px 70px;
    margin-bottom: 32px;
}

.input-search-all {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.02em;
    color: #A0A0A0;
    margin: 0;
    padding: 15px 0;
    border: none;
    width: 73%;;
}

.box-search {
    position: relative;
}

.close-search-link {
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    height: 100%;
    top: 0;
}

.search-box-link {
    position: absolute;
    left: -35px;
    display: flex;
    align-items: center;
    height: 100%;
    top: 0;
}

.category-search-box {
    position: absolute;
    right: 45px;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
}

.category-search-box .btn {
    padding: 7px 17px;
    margin: 0 5px;
    background-color: #f6f6f6;
    border-radius: 5px !important;
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-items: center;
    transition: all .2s;
}

.category-search-box .btn:hover {
    transition: all .2s;
    background-color: #FFB800;
    color: #fff;
}

.category-search-box .btn.active {
    background-color: #FFB800;
    color: #fff;
    transition: all .2s;
}


/*---- NEWS -----*/

.present-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 10px;
}

.body-slide {
    margin-top: 15px;
    height: 115px;
    overflow: auto;
}

.date-on-slide {
    font-size: 13px;
    line-height: 16px;
    color: #605C5C;
    margin-bottom: 10px;
}

.title-on-slide {
    font-size: 16px;
    line-height: 20px;
    color: #313131;
    font-weight: 500;
    margin-bottom: 10px;
}

.info-on-slide {
    font-size: 14px;
    line-height: 18px;
    color: #666464;
    margin: 0; /* Убираем внешний отступ */
    -webkit-line-clamp: 4; /* Число отображаемых строк */
    display: -webkit-box; /* Включаем флексбоксы */
    -webkit-box-orient: vertical; /* Вертикальная ориентация */
    overflow: hidden; /* Обрезаем всё за пределами блока */
}

.wrapper-card-style.news-content {
    padding: 25px 45px 40px;
}

.title-card {
    font-size: 17px;
    line-height: 22px;
    color: #313131;
    font-weight: 600;
    margin-bottom: 40px;
}

.wrapper-slide {
    padding: 15px;
    margin: 0 15px;
    background: #f6f6f6;
    border-radius: 10px;
    height: 100%;
}
.image-slide{
    position: relative;
}
.image-slide:before {
    display: block;
    content: "";
    width: 100%;
}
.item-16by9 {
    padding-top: 56.25%; /* (9:16)*100% */
}

.image-slide > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.image-slide > .content svg{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

/*----- video content ------*/

.wrapper-card-style.video-content {
    padding: 25px 45px 40px;
}

.video-content .image-slide {
    position: relative;
}

.video-content .image-slide .present-image {
    filter: blur(1.5px);
}

.svg-video {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.live-video {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    width: 100%;
    bottom: 0;
}


/*------ vote content -----*/
.wrapper-card-style.vote-content {
    padding: 25px 45px 40px;
}

.style-vote-box {
    background: #f6f6f6;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
}

.style-vote-box:last-child {
    margin-bottom: 0;
}

.title-vote {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #313131;
    margin-bottom: 10px;
}

.vote-box-link {
    display: flex;
    flex-direction: column;
}

.date-vote {
    font-size: 13px;
    line-height: 16px;
    color: #605C5C;
}

/*-------- VOTE STEPS ------*/
/*-заголовок с tooltip-*/
.title-tooltip {
    position: relative;
}

.title-tooltip span {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -25px;
}

.title-tooltip span svg {
    width: 18px;
    height: 20px;
}

/*------заголовок с tooltip------*/

/*- свернуть секцию -*/
.roll-up-section {
    position: absolute;
    top: 35px;
    right: 35px;
    cursor: pointer;
}

.roll-up-section i {
    font-size: 16px;
    font-weight: 600;
    transform: rotate(0deg);
    transition: all .2s;
}

.roll-up-section i.rotate {
    font-size: 16px;
    font-weight: 600;
    transform: rotate(180deg);
    transition: all .2s;
}

/*- свернуть секцию комментариев -*/
 .roll-up-comment {
     /*display: none;*/
}

.roll-up-comment {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0 !important;
    cursor: pointer;
}
.roll-up-section-comment{display: none}
.hide-disk .roll-up-section-comment{display: flex}

.roll-up-comment i {
    font-size: 16px;
    font-weight: 600;
    transform: rotate(0deg);
    transition: all .2s;
}

.roll-up-comment i.rotate {
    font-size: 16px;
    font-weight: 600;
    transform: rotate(180deg);
    transition: all .2s;
}

.hide-comment{
    display: block;
    margin-top: 15px;
}

.hide-disk .hide-comment{
    display: none;
    margin-top: 15px;
}

.hide-disk .wrapper-media-section{
    padding: 30px;

}

.wrapper-request-card .row {
    margin-top: 15px;
}

/*------- свернуть секцию --------*/

.title-vote-card.slider-vote-card {
    text-align: center;
    margin: 0 auto 15px 0;
    width: max-content;
    padding: 0 10px 0 0;
}

.title-vote-step-choose {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #000000;
    width: 100%;
    margin: 0 0 30px auto;
}
.title-vote-step-score {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #000000;
    width: 100%;
    margin: 30px auto 15px;
}

.wrapper-vote-card.slider-wrapper-vote-card {
    margin-top: 0px;
    position: relative;
}

#voteSlider .slide {
    margin-bottom: 25px;
}

#voteSlider .slick-dots li.slick-active button {
    background-color: #FFB800;
    opacity: 1;
    color: transparent;
    border: 1px solid #FFB800;
}

#voteSlider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 12px;
    height: 12px;
    padding: 2px;
    cursor: pointer;
    color: transparent;
    border: 0;
    border-radius: 50%;
    outline: none;
    background: transparent;
    border: 1px solid #FFB800;
}

/*------- past-match content -------*/

.wrapper-card-style.past-match-content, .wrapper-card-style.soon-match-content {
    padding: 25px 45px 40px;
}

.wrapper-card-style.past-match-content {
    margin-bottom: 30px;
}

.wrapper-card-style.soon-match-content {
    margin-bottom: 0;
}

.wrapper-double-box {
    margin-bottom: 30px;
}

.wrapper-card-style.soon-match-content .soon-match-box {
    margin-bottom: 30px;
}

.wrapper-card-style.soon-match-content .soon-match-box:last-child {
    margin-bottom: 0;
}

.past-match-box, .soon-match-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.date-past-match, .date-soon-match {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 20%;
}

.date-past, .date-soon {
    display: flex;
}

.date-text, .time-text {
    display: flex;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    color: #313131;
}

.date-text {
    margin-right: 15px;
}

.name-past, .name-soon {
    letter-spacing: 0.02em;
    color: #A0A0A0;
    margin-top: 9px;
    font-size: 13px;
    line-height: 14px;
}

.name-command.past-match, .name-command.soon-match {
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 35px;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: #313131;
    width: 25%;
}

.past-match-logos-block, .soon-match-logos-block {
    display: flex;
    align-items: center;
    margin-left: 35px;
}

.number-play-match {
    display: flex;
    align-items: center;
    height: 100%;
    margin-left: 10px;
    margin-right: 10px;
}

.past-match-logos-block, .soon-match-logos-block {
    font-weight: 600;
    font-size: 34px;
    line-height: 42px;
    letter-spacing: 0.02em;
    color: #313131;
    width: 35%;
}

.first-logos {
    display: flex;
    align-items: center;
}

.first-logos img {
    margin: 0 5px;
    width: 60px;
    height: 60px;
}

.second-logos {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.second-logos img {
    margin: 0 5px;
    width: 60px;
    height: 60px;
}

.btn-overview-active {
    border: 1px solid #FFB800;
    background-color: #fff;
    box-sizing: border-box;
    color: #FFB800;
    display: flex;
    font-weight: 500;
    align-items: center;
    font-size: 14px;
    line-height: 17px;
    border-radius: 5px;
    padding: 10px 20px;
    width: auto;
    justify-content: center;
    cursor: pointer;
    transition: all .2s;
}

.btn-overview-active:hover {
    background: #000000;
    border: 1px solid #000000;
    box-sizing: border-box;
    color: #ffb800;
    transition: all .2s;
}

.btn-fill-blue {
    border: 1px solid #FFB800;
    background: #FFB800;
    box-sizing: border-box;
    color: #000000;
    display: flex;
    font-weight: 500;
    align-items: center;
    font-size: 14px;
    line-height: 17px;
    border-radius: 5px;
    padding: 10px 20px;
    width: auto;
    justify-content: center;
    transition: all .2s;
    cursor: pointer;
}

.btn-fill-blue:hover {
    border: 1px solid #FFB800;
    background: #FFB800;
    color: #000000;
    transition: all .2s;
}

.btn-red-main {
    border: 1px solid #000;
    background: #000;
    box-sizing: border-box;
    color: #ffb800;
    display: flex;
    font-weight: 500;
    align-items: center;
    font-size: 14px;
    line-height: 17px;
    border-radius: 5px;
    padding: 10px 20px;
    width: auto;
    justify-content: center;
    transition: all .2s;
    cursor: pointer;
}

.btn-red-main:hover {
    border: 1px solid #ffb800;
    background: #fff;
    box-sizing: border-box;
    color: #ffb800;
    transition: all .2s;
    cursor: pointer;
}

.btn-gray {
    border: 1px solid #666464;
    background: #666464;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-weight: 500;
    align-items: center;
    font-size: 14px;
    line-height: 17px;
    border-radius: 5px;
    padding: 10px 20px;
    width: auto;
    justify-content: center;
    transition: all .2s;
    cursor: pointer;
}

.btn-gray:hover {
    border: 1px solid #666464;
    background: #fff;
    box-sizing: border-box;
    color: #666464;
    transition: all .2s;
}

.overview-btn-box {
    width: 20%;
}

.btn-overview-dis {
    pointer-events: none; /* делаем ссылку некликабельной */
    cursor: default;
    border: 1px solid #ADAAAA;
    box-sizing: border-box;
    color: #ADAAAA;
    display: flex;
    font-weight: 500;
    align-items: center;
    font-size: 14px;
    line-height: 17px;
    border-radius: 0;
    padding: 15px 30px;
    width: auto;
    justify-content: center;
}

.btn-overview-dis:hover {
    border: 1px solid #ADAAAA;
    box-sizing: border-box;
    color: #ADAAAA;
    cursor: not-allowed;
}

.tour-table {
    padding: 20px;
    height: auto;
    margin-bottom: 0;
}

.name-tour-table__tour {
    margin: 20px 0;
    width: 100%;
    text-align: center;
    font-size: 19px;
    text-transform: uppercase;
    color: #313131;
    font-weight: 600;
}

.wrapper-tour-table {
    display: flex;
    flex-direction: column;
}

.line-tour-table {
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.line-tour-table:last-child {
    margin-bottom: 0;
}

.name-image-tour-table {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #313131;
}

.name-tour-part {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #313131;
}

.name-image-tour-table img {
    width: 30px;
    height: 31px;
    margin-right: 15px;
}

.name-image-tour-table a {
    display: flex;
    align-items: center;
}

.score-tour-table {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #313131;
}

/*----- future match ----*/

.future-match-section {
    padding: 25px 45px 40px;
}

.wrapper-future-info {
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.f-name-match {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    color: #313131;
    margin-bottom: 30px;
    text-transform: uppercase;
    text-align: center;
}

.f-time-match {
    font-size: 23px;
    line-height: 28px;
    margin-bottom: 0;
    letter-spacing: -0.02em;
    color: #313131;
    font-weight: 500;
    text-align: center;
}

.f-name-commands {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 50px;
    line-height: 55px;
}

.f-name-commands.score-commands {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 50px;
    line-height: 55px;
}

.f-date-match, .f-place-match {
    font-size: 23px;
    line-height: 28px;
    margin-bottom: 8px;
    letter-spacing: -0.02em;
    color: #313131;
    font-weight: 500;
    text-align: center;
}

.future-logos img {
    width: 100px;
    height: 100px;
}

.f-link-view {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.f-link-view a{
    margin: 0 10px;
}

/*.f-link-view a:first-child {*/
/*    margin-right: 15px;*/
/*}*/

/*.f-link-view a:last-child {*/
/*    margin-left: 15px;*/
/*}*/

/*.f-link-view.one-btn a:first-child {*/
/*    margin-right: 0;*/
/*}*/

/*.f-link-view.now-card-btn a{*/
/*    margin-right: 0;*/
/*}*/

.
/*---- vote schema ----*/
.wrapper-vote-schema .title-card {
    margin-bottom: 15px;
}

.wrapper-vote-schema {
    padding: 20px 50px 20px 20px;
    background: #f6f6f6;
    border-radius: 5px;
    width: 80%;
}

.title-vote-schema {
    font-size: 14px;
    line-height: 17px;
    color: #666464;
    margin-bottom: 35px;
}

.title-vote-schema.numbers {
    margin-bottom: 15px;
}

.line-trought-vote-schema {
    height: 1px;
    display: flex;
    background-color: #D7D7D7;
    margin: 10px 0 25px;
}

.first-vote-schema, .second-vote-schema, .free-vote-schema {
    position: relative;
    margin-bottom: 25px;
}

.gray-field-vote {
    display: flex;
    height: 25px;
    background-color: #EBEBEB;
    border-radius: 5px;
    width: 100%;
    position: relative;
    margin-bottom: 25px;
    z-index: 1;
}

.fiolet-field-vote {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    z-index: 2;
    background-color: #FFB800;
    border-radius: 5px;
}

.numbers-field-vote {
    display: flex;
    position: absolute;
    z-index: 3;
    color: #bbbbbb;
    align-items: center;
    height: 100%;
    font-size: 14px;
    line-height: 17px;
    padding: 0 15px;
    width: 100%;
    justify-content: space-between;
}

.total-vote-schema {
    display: flex;
    align-items: center;
}
.number-tokens{
    position: absolute;
    font-size: 13px;
    line-height: 17px;
    display: flex;
    align-items: center;
    color: #666464;
}
.number-percent {
    position: absolute;
    font-size: 13px;
    line-height: 17px;
    display: flex;
    align-items: center;
    color: #666464;
}

.number-tokens{
    position: absolute;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    color: #666464;
    bottom: -25px;
    height: 23px;
    right: 0;
    cursor: default;
}

.number-votes {
    position: absolute;
    right: 5px;
    font-size: 13px;
    line-height: 17px;
    display: flex;
    align-items: center;
    height: 20px;
    color: #666464;
    top: -22px;
}

.number-schema {
    /*position: absolute;*/
    /*left: 5px;*/
    font-size: 13px;
    line-height: 17px;
    /*display: flex;*/
    /*align-items: center;*/
    /*height: 20px;*/
    color: #666464;
    /*top: -22px;*/
}

.title-vote-schema span {
    margin-right: 5px;
}

.status-vote-schema {
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #666464;
    max-width: 60%;
    margin: 0 auto;
}

.wrapper-pole-image img {
    width: 100%;
    height: auto;
}

/*--- кнопка красная ---*/
.red-btn {
    background: #ffb800;
    border-radius: 5px;
    padding: 10px 40px;
}

.vote-btn {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    padding: 9px 35px;
}

.wrapper-future-btn-vote {
    margin: 40px 0 0;
    text-align: center;
}

/*---- PROFILE ----*/
.profile-style-card {
    width: 100%;
    height: 100%;
}

.row-profile-style {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
}

.row-profile-style.btn-profile-style {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin: 0;
    justify-content: center;
}

.profile-photo-box {
    display: flex;
    height: 300px;
    align-items: center;
    justify-content: center;
    width: 300px;
}

.image-profile {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    height: 100%;
    margin: 0;
}

.image-profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-info {
    width: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-left: 30px;
}

.edit-name-profile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #313131;
    width: 100%;
    margin-bottom: 15px;
    cursor: pointer;
}

.edit-name-profile svg {
    cursor: pointer;
    max-width: 24px;
    max-height: 24px;
    margin-left: 15px;
}

.mail-profile {
    margin-bottom: 15px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 16px;
    line-height: 22px;
    color: #313131;
}

.mail-profile svg {
    cursor: pointer;
    max-width: 14px;
    max-height: 13px;
    margin-right: 15px;
}

.tel-profile {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 16px;
    line-height: 22px;
    color: #313131;
    margin-bottom: 15px;
}

.tel-profile svg {
    cursor: pointer;
    max-width: 14px;
    max-height: 13px;
    margin-right: 15px;
}

.wrapper-profile-row {
    margin-top: 15px;
    margin-bottom: 0;
}

.profile-token-info {
    display: block;
    width: 100%;
    margin: 0 0 15px;
    line-height: 22px;
    align-items: center;
    text-align: left;
}

.token-box-info {
    display: block;
    margin: 0 0 15px;
    line-height: 22px;
    text-align: left;
    width: 100%;
}

.token-box-info span {
    line-height: 22px;
    text-align: left;
    width: 100%;
    font-size: 16px;
    align-items: center;
    justify-content: center;
}

.token-box-info span:last-child {
    font-weight: 600;
    /*margin-left: 10px;*/
}

.profile-btn-block {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    /*margin: 25px 0;*/
    margin: 15px 0 0;
}

.profile-btn-box {
    display: flex;
    margin: 0 25px;
}

.wrapper-profile-section {
    padding: 15px;
    height: 100%;
}

#editprofile {
    display: none;
    margin-bottom: 30px;
    margin-top: 30px;
}

#changePass {
    display: none;
    margin-top: 30px;
}

#businessBlock1 {
    display: none;
    margin-top: 30px;
}

#businessBlock2 {
    display: none;
    margin-top: 30px;
}

.text-business-block {
    background: #f6f6f6;
    border-radius: 5px;
    /*padding: 10px;*/
    height: 100%;
}

.text-business-block p {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #616161;
    width: 100%;
    padding: 15px;
}

.text-bb2 {
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    color: #313131;
    display: block;
    margin-bottom: 10px;
}

.input-form-style {
    width: 100%;
    border: none;
    border-bottom: 2px solid #B7B1B1;
    padding: 10px;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #A0A0A0;
    transition: all .2s;
}

.wrapper-form-edit .input-form-style:focus {
    transition: all .2s;
    color: #313131;
    border-bottom: 2px solid #313131;
}

.name-input {
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.02em;
    color: #B7B1B1;
    position: absolute;
    top: 12px;
    left: 10px;
    transition: all .2s;
}

.wrapper-form-edit {
    height: 100%;
    width: 65%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 40px;
    margin-top: 30px;
}

.wrapper-form-edit.password-edit {
    max-width: 75%;
    margin: 35px auto 15px;
}
#confirmPass{
    margin: 0;
}
.status-pass{
    font-size: 16px;
    line-height: 24px;
    padding: 10px 0;
    text-align: center;
    color: #ffb800;
    font-weight: 500;
}
.wrapper-form-edit .name-input.transform {
    transform: translate(0px, -25px);
    transition: all .2s;
    color: #313131;
    font-weight: 600;
}

.wrapper-form-edit .box-input-form {
    position: relative;
    margin: 0 auto 30px;
    max-width: 100%;
    width: 100%;
}

.box-input-form:last-child {
    position: relative;
    margin: 0 auto 0;
}

#editPass {
    position: relative;
}

.editPass {
    position: absolute;
    top: 5px;
    right: 0;
    border-bottom: 1px solid #4B7FD2;
    color: #4B7FD2;
    cursor: pointer;
    padding-bottom: 2px;
    font-size: 12px;
    line-height: 1;
}

.message-error-link {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    color: #313131;
    padding-bottom: 2px;
    border-bottom: 1px solid #313131;
    transition: all .2s;
}

.message-error-link:hover {
    color: #777;
    padding-bottom: 2px;
    border-bottom: 1px solid #777;
}

.btn-box-edit-form {
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.status-box{
    width: auto;
    font-size: 15px;
    line-height: 21px;
    font-weight: 500;
    margin: 10px 0;
    text-align: center;
}
.status-ok{
    color: #0fae32;
}
.status-fail{
    color: #ffb800;
}
#ok{
    color: #0fae32;
    line-height: 20px;
    font-size: 13px;
    margin: 5px 0 0 0;
}
#fail{
    color: #ffb800;
    line-height: 20px;
    font-size: 13px;
    margin: 0;
}
.btn-box-edit-form button {
    width: 200px;
}

.btn-box-edit-form button:first-child {
    margin-right: 15px;
}

.message-error-link {
    display: block;
    width: max-content;
    margin: 30px auto 0;
}

.create-business-box {
    margin-top: 15px;
    text-align: left;
    width: 100%;
}

.create-business-box .btn {
    width: max-content;
}

.image-previewer {
    width: 250px;
    height: 250px;
    object-fit: cover;
    display: flex;
    border-radius: 10px;
    border: 2px dashed #eee;
    text-align: center;
    justify-content: center;
    align-items: center;
    color: #666;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    max-height: 250px;
    padding: 0;
}

.wrapper-upload-photo {
    width: 300px;
    height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    position: relative;
    border: 1px dotted #ccc;
    border-radius: 5px;
}

#cropzee-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    right: 0;
    bottom: 0;
    width: 250px;
    height: 250px;
    cursor: pointer;
}

.wrapper-new-photo {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.geturl {
    display: none;
}

.light-modal-content {
    background: #0f122b7d !important;
    color: #fcfcfc !important;
    width: 60%;
    margin: 0 auto;
    max-height: 90%;
    height: 90%;
    border-radius: 5px;
    position: relative;
    max-height: 100%;
    height: 98%;
    min-height: 65%;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.light-modal-body {
    padding: 25px;
    overflow: auto;
    max-height: 90%;
    height: 90%;
}

.croppr-container img {
    vertical-align: middle;
    max-width: 100%;
    height: 100% !important;
    object-fit: contain;
    width: auto;
}

.light-modal-body {
    padding: 20px;
    overflow: auto;
    max-height: 100% !important;
    width: 100% !important;
}

.light-modal-footer {
    padding: 15px;
    background: rgba(0, 0, 0, 0.2) !important;
    text-align: right;
    display: flex;
    align-items: center;
    width: 100% !important;
}

.light-modal-close-icon, .light-modal-close-btn {
    text-decoration: none;
    color: #fff !important;
    padding: 7px 10px !important;
    border-radius: 4px !important;
    background: #0f122b !important;
    font-size: 12px !important;
    line-height: 1;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
    border: 1px solid #0f122b !important;
}

.light-modal-body {
    padding: 0 !important;
}

.light-modal-content {
    background: #fff !important;
    color: #fff !important;
    width: auto !important;
    border-radius: 3px !important;
    position: relative;
    max-height: 90vh !important;
    line-height: 1;
    display: flex;
    flex-direction: column;
}

.light-modal-footer {
    padding: 15px;
    background: rgb(255 255 255) !important;
    text-align: right;
    display: flex;
    align-items: center;
    width: 100% !important;
}

.croppr-container {
    height: 97% !important;
    text-align: center;
}

.croppr {
    position: relative;
    width: 100% !important;
    display: inline-block;
    height: 100% !important;
    margin: 0 auto;
    text-align: center;
}

.croppr {
    position: relative;
    display: inline-block;
    width: auto !important;
    margin: 0 auto;
}

/*---scroll default style---*/
.light-modal-body ::-webkit-scrollbar {
    width: 5px !important;
}

.light-modal-body ::-webkit-scrollbar-track {
    background: #f6f6f6 !important;
}

.light-modal-body ::-webkit-scrollbar-thumb {
    background: #373c67 !important;
}

.light-modal-body {
    scrollbar-color: #373c67 !important;
    scrollbar-width: unset;
    scrollbar-width: thin;
}

/*- for FF -*/
html, body, .light-modal-body {
    scrollbar-color: #373c67 #f6f6f6 !important; /* «цвет ползунка» «цвет полосы скроллбара» */
    scrollbar-width: thin; /* толщина */
}

/*---- protokol section -----*/
.wrapper-protokol-section {
    padding: 15px 15px 30px;
}

.wrapper-protokol-block {
    width: 100%;
    height: auto;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* .logos-protokol-block {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}
.logo-left-block {
     height: 100%;
     width: auto;
     display: flex;
     flex-direction: row-reverse;
     align-items: center;
    font-weight: 600;
}

.logo-left-block img {
    height: auto;
    width: 100%;
    margin-left: 20px;
}
.logo-right-block {
    height: 100%;
    width: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 600;
}
.logo-right-block img {
    height: auto;
    width: 100%;
    margin-right: 20px;
}

.text-start-protokol {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 30px;
} */

.logos-protokol-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
	width: 100%;
}
.guest .logos-protokol-block {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
	width: 100%;
}
.logo-left-block {
	height: 100%;
	width: auto;
	/* margin: 0 25px 0 0; */
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	font-weight: 600;
	width: 35%;
}

.guest .logo-left-block {
    height: 100%;
    width: auto;
    /* margin: 0 25px 0 0; */
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 600;
    width: 35%;
}
.logo-left-block img {
    height: auto;
    max-width: 100px;
    margin-left: 15px;
    /*margin: 0 25px 0 0;*/
}
.guest .logo-left-block img {
    height: auto;
    max-width: 100px;
    margin-right: 15px;
    /*margin: 0 25px 0 0;*/
}
.logo-right-block {
    height: 100%;
    width: auto;
    /* margin: 0 0 0 25px; */
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 600;
	width: 35%;
}
.guest .logo-right-block {
    height: 100%;
    width: auto;
    /* margin: 0 0 0 25px; */
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    font-weight: 600;
	width: 35%;
}
.logo-right-block img {
    height: auto;
    max-width: 100px;
    margin-right: 15px;
    /*margin: 0 0 0 25px;*/
}

.guest .logo-right-block img {
    height: auto;
    max-width: 100px;
    margin-left: 15px;
    /*margin: 0 0 0 25px;*/
}

.text-start-protokol {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 30px;
	width: 25%;
}

/* The actual timeline (the vertical ruler) */
.timeline {
    position: relative;
    max-width: unset;
    margin: 0 auto;
}

.timeline-place {
    width: 100%;
    margin-bottom: 0;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
    content: '';
    position: absolute;
    width: 2px;
    background-color: #000;
    top: 5px;
    bottom: 100px;
    left: 50%;
    margin-left: 0;
}


/* Container around content */
.containers {
    padding: 0;
    position: relative;
    background-color: inherit;
    width: 45%;
    height: auto;
    min-height: 120px;
    margin: 20px 0;
}

.containers .circle-number {
    position: absolute;
    width: 35px;
    height: 35px;
    right: -15%;
    left: auto;
    border: none;
    top: 0;
    z-index: 1;
    color: #FFB800;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 27px;
    /*padding: 7px;*/
    font-weight: 600;
    text-align: center;
}
.guest .containers .circle-number {
    position: absolute;
    width: 35px;
    height: 35px;
    left: -15%;
    right: auto;
    border: none;
    top: 0;
    z-index: 1;
    color: #FFB800;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 27px;
    /*padding: 7px;*/
    font-weight: 600;
    text-align: center;
}

.containers.right .circle-number {
    position: absolute;
    width: 35px;
    height: 35px;
    left: -15%;
    right: auto;
    border: none;
    top: 8%;
    background-color: #fff;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFB800;
    font-size: 27px;
    /*padding: 7px;*/
    font-weight: 600;
}
.guest .containers.right .circle-number {
    position: absolute;
    width: 35px;
    height: 35px;
    right: -15%;
    left: auto;
    border: none;
    top: 8%;
    background-color: #fff;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFB800;
    font-size: 27px;
    font-weight: 600;
}
.guest .containers.inline .circle-number {
    position: absolute;
    width: 35px;
    height: 35px;
    left: -15%;
    right: 0;
    border: none;
    top: 0;
    background-color: #fff;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFB800;
    font-size: 27px;
    font-weight: 600;
}

.containers .minute-protokol.first-minute {
    position: absolute;
    width: 35px;
    height: 35px;
    right: 0;
    left: 50%;
    transform: translateX(-48%);
    border: none;
    top: 0;
    z-index: 1;
    color: #FFB800;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 27px;
    /*padding: 7px;*/
    font-weight: 600;
    text-align: center;
}

.guest .containers .minute-protokol.first-minute {
    position: absolute;
    width: 35px;
    height: 35px;
    right: 0;
    left: 50%;
    transform: translateX(-48%);
    border: none;
    top: 0;
    z-index: 1;
    color: #FFB800;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 27px;
    /*padding: 7px;*/
    font-weight: 600;
    text-align: center;
}
.left {
    left: 0;
    right: auto;
}
.right {
    left: 55%;
    right: auto;
}
.guest .left {
    right: -55%;
    left: auto;
}

.guest .right {
    left: 0;
    right: auto;
}
.containers.inline {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    margin: 20px 0;
    padding: 0;
}
.guest .containers.inline {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    margin: 20px 0;
    padding: 0;
}

.containers.inline .content {
    width: 46%;
}

.containers.inline .content {
    width: 46%;
}

.content {
    padding: 0;
    background-color: transparent;
    position: relative;
    border-radius: 0;
    max-width: 100%;
    text-align: left;
}

.containers.inline .content {
    max-width: 100%;
    width: 45%;
}

.containers.inline .content .wrapper-card-protokol {
    border: 2px solid #E5E8F4;
}

.containers.inline .content .goals-box-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin: 0;
}

.goals-box-left img, .goals-box-right img {
    display: block;
    max-width: 100%;
    height: 250px;
    margin-top: 15px;
    object-fit: cover;
}

.containers.inline .content.inline-right .goals-box-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin: 0;
}

.containers .minute-protokol.end-match{
    width: 100%;
    height: 100px;
    line-height: 23px;
    left: 60% !important;
    right: 0 !important;
}
.guest .containers .minute-protokol.end-match {
    width: 100%;
    height: 100px;
    line-height: 23px;
    left: -55% !important;
    right: 0 !important;
}

.title-goal-list {
    margin-bottom: 7px;
    font-size: 18px;
}

.goal-card-text {
    display: block;
    font-size: 12px !important;
    line-height: 20px !important;
    font-weight: 400;
    margin-bottom: 5px;
    text-align: left;
    width: 100%;
}

.goal-card-text h6{
    display: block;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 500;
    margin-bottom: 5px;
    text-align: left;
}

.goal-card-text img {
	display: block;
    width:100%;
	height:auto;
	margin-top: 15px;
	border-radius:5px;
}

.containers.inline .content .goals-box-left .goal-card {
    display: flex;
    flex-direction: row;
    font-size: 14px;
    line-height: 15px;
    font-weight: 500;
    margin-bottom: 5px;
    text-align: center;
}

.containers.inline .content .goals-box-right .goal-card {
    display: flex;
    flex-direction: row;
    font-size: 14px;
    line-height: 15px;
    font-weight: 500;
    margin-bottom: 5px;
    text-align: center;
}

.goals-box-right .goal-card:last-child, .goals-box-left .goal-card:last-child {
    margin-bottom: 15px;
}

.right .content {
    text-align: right;
}

.left .content {
    margin: 0;
    width: 100%;
}

.eight-screen {
    padding: 120px 0;
    background-color: #efefef;
}

.title-eight-screen {
    font-style: normal;
    font-weight: bold;
    font-size: 52px;
    line-height: 58px;
    text-align: center;
    color: #000000;
    margin-bottom: 60px;
    text-transform: uppercase;
    text-shadow: -2px 3px 4px #ccc;
}

.comment-title-eight-screen {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    color: #000000;
    max-width: 60%;
    margin: 0 auto 60px;
}

.flag-protokol {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 20px;
    font-size: 22px;
    line-height: 30px;
    align-items: flex-start;
    justify-content: space-between;
    font-weight: 600;
}
.logo-timeline{
    display: none;
}

.comm-protokol {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 99%;
    line-height: 20px;
    margin-top: 10px;
}

.comm-protokol img {
    width: auto;
    height: 16px;
}

.name-position-protokol {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    width: 100%;
    text-align: left;
}

.wrapper-card-protokol {
    align-items: center;
    text-align: right;
    padding: 0;
    border: 2px solid #E5E8F4;
    position: relative;
    display: inline-block;
    width: 100%;
}

.list-players-timeline {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.wrapper-card-protokol::after {
    content: "";
    position: absolute;
    top: 20px;
    transform: translateY(-50%);
    left: 100%;
    right: auto;
    margin-left: 0;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent transparent #e5e8f4;
}

.guest .wrapper-card-protokol::after {
    content: "";
    position: absolute;
    top: 20px;
    transform: translateY(-50%);
    right: 100%;
    left: auto;
    margin-left: 0;
    border-width: 8px;
    border-style: solid;
    border-color: transparent #e5e8f4 transparent transparent;
}

.containers.right .wrapper-card-protokol::after {
    content: "";
    position: absolute;
    top: 20px;
    transform: translateY(-50%);
    right: 100%;
    left: auto;
    margin-left: 0;
    border-width: 8px;
    border-style: solid;
    border-color: transparent #e5e8f4 transparent transparent;
}
.guest .containers.right .wrapper-card-protokol::after {
    content: "";
    position: absolute;
    top: 20px;
    transform: translateY(-50%);
    left: 100%;
    right: auto;
    margin-left: 0;
    border-width: 8px;
    border-style: solid;
    /*border-color: transparent #e5e8f4 transparent transparent;*/
    border-color: transparent transparent transparent #e5e8f4;
}

.containers.inline .content.inline-left .wrapper-card-protokol::after {
    content: "";
    position: absolute;
    top: 20px;
    transform: translateY(-50%);
    left: 100%;
    right: auto;
    margin-left: 0;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent transparent #e5e8f4;
}

.guest .containers.inline .content.inline-left .wrapper-card-protokol::after {
    content: "";
    position: absolute;
    top: 20px;
    transform: translateY(-50%);
    right: 100%;
    left: auto;
    margin-left: 0;
    border-width: 8px;
    border-style: solid;
    border-color: transparent #e5e8f4 transparent transparent;
    /*border-color: transparent transparent transparent #e5e8f4;*/
}

.containers.inline .content.inline-right .wrapper-card-protokol::after {
    content: "";
    position: absolute;
    top: 20px;
    transform: translateY(-50%);
    right: 100%;
    left: auto;
    margin-left: 0;
    border-width: 8px;
    border-style: solid;
    border-color: transparent #e5e8f4 transparent transparent;
    /*border-color: transparent transparent transparent #e5e8f4;*/
}
.guest .containers.inline .content.inline-right .wrapper-card-protokol::after {
    content: "";
    position: absolute;
    top: 20px;
    transform: translateY(-50%);
    left: 100%;
    right: auto;
    margin-left: 0;
    border-width: 8px;
    border-style: solid;
    /*border-color: transparent #e5e8f4 transparent transparent;*/
    border-color: transparent transparent transparent #e5e8f4;
}

.text-end-protokol {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 30px;
}

.name-player-protokol {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.text-name {
    width: 90%;
    text-align: left;
    font-size: 20px;
    line-height: 20px;
}

.name-player-protokol img {
    width: auto;
    height: 28px;
}
.link-timeline{
    font-size: 14px;
    font-weight: 500;
    margin: 5px 0;
    line-height: 17px;
}

/*------ FLIP BOX -------*/


.flip-box {
    width: 80px;
    height: 80px;
    border: none;
}

.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-box.flipping .flip-box-inner {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

.flip-box-front {
    position: absolute;
    width: auto;
    height: auto;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.8s;
    transition: 0.8s;


    z-index: 2;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.flip-box-back {
    position: absolute;
    width: auto;
    height: auto;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.8s;
    transition: 0.8s;

    z-index: 2;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);

}

.flip-box.flipping  .flip-box-front {
    background-color: transparent;
    color: transparent;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

.flip-box.flipping  .flip-box-back {
    background-color: transparent;
    color: transparent;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
}

.wrapper-player-screen {
    width: 80px;
    height: 80px;
    position: relative;
    z-index: 10;
}

.wrapper-player-screeninfo {
    width: 80px;
    height: 80px;
    position: relative;
    z-index: 10;
}

.player-screen-number {
    color: #333;
    font-size: 15px;
    font-weight: 600;
    position: absolute;
    bottom: 14px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    z-index: 120;
}

.activescreen-player{
    position: absolute;
    bottom: -42%;
    color: #fff;
    font-size: 11px;
    line-height: 13px;
    width: auto;
    max-width: 90px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 15;
    background-color: rgb(31 36 87 / 75%);
    padding: 4px 7px;
    border-radius: 10px;
    text-align: center;
    user-select: none;
}

.img-screen-player {
    width: 45px;
    height: auto;
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 120;
}

.activenumber-player {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #313131;
}

.activenumber-player.scoreplus-screenplayer {
    color: #0ea42f;
}
.activenumber-player.scoreminus-screenplayer {
    color: #bd2130;
}
.wrapper-player-screen-info{
    position: absolute;
    top: 10%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}


/*------ расстановка игроков -------*/
#placeSlider .slide {
  margin-bottom: 25px;
}
.cleanscreen-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.clean-plus-link {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}

.clean-plus-link img {
    width: 100%;
    height: 100%;
}

.plusik {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    text-align: center;
    color: #adadae;
    transition: all .2s;
}

.clean-plus-link:hover .plusik {
    color: #666;
    transition: all .2s;
}

.plusik i {
    font-size: 22px;
}


/*---- футер ----*/
.section-footer {
    background: #FFFFFF;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    margin: 0 -30px;
    display: flex;
}

.circle-footer {
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: #515151;
    margin: 0 25px;
}

.wrapper-inner-footer {
    width: 100%;
    padding: 15px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.left-footer {
    width: auto;
    display: flex;
    align-items: center;
}

.footer-lang-box {
    display: flex;
    line-height: 15px;
    position: relative;
    cursor: pointer;
}

.lang-list {
    display: none;
    background: #FFFFFF;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    position: absolute;
    bottom: 25px;
    left: 16px;
}

.lang-item {
    cursor: pointer;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #605C5C;
    padding: 7px 14px;
    position: relative;
}

.lang-item:first-child {
    border-radius: 5px 5px 0 0;
}

.lang-item:last-child {
    border-radius: 0 0 5px 5px;
}

.lang-item:last-child::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    border: 4px solid transparent;
    border-top: 5px solid #FFB800;
}

.lang-item.active {
    background: #FFB800;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    padding: 10px 14px;
}

.globus-footer-lang {
    margin-right: 5px;
}

.footer-lang-box span {
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
    color: #313131;
}

.footer-lang-box:hover span {
    color: #666;
}

.footer-lang-box i {
    margin-left: 3px;
}

.footer-link {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #313131;
    transition: all .2s;
}

.footer-link:hover {
    transition: all .2s;
    color: #666;
}

.right-footer span {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #313131;
}


/* ==================================================================================================================
                                                        NEWS_PAGE
   ================================================================================================================== */
.search-box {
    max-width: 30%;
    display: flex;
    margin-bottom: 50px;
    position: relative;
}

.input-group {
    border: none;
}

.input-search-news {
    background: #F8F8F8;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #A0A0A0;
    padding: 15px 15px 15px 50px;
}

.search-link img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    left: 15px;
}


/*-================================ TIMELINE ===================================*/
.wrapper-timeline-section {
    padding: 15px 13px;
    height: 100%;
}

.title-time-section {
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    color: #313131;
    display: block;
    margin-bottom: 15px;
}

.time-line-date-choose.calendar-date-choose {
    font-weight: 600;
    font-size: 16px;
    line-height: 23px;
    color: #313131;
    display: flex;
    align-items: center;
}

.calendar-date-choose {
    font-weight: 600;
    font-size: 16px;
    line-height: 23px;
    color: #313131;
    display: flex;
    align-items: center;
}

.choose-date-arrow {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.choose-date-arrow span {
    font-weight: 600;
    font-size: 12px;
}

.name-choose-date {
    margin: 0 5px;
    display: flex;
    align-items: center;
}

.year-choose {
    margin-left: 5px;
    font-weight: 500;
}

.time-line-date-choose {
    display: flex;
    margin-bottom: 20px;
}

#timeline {
    background: #f6f6f6;
    border-radius: 5px;
    padding: 10px;
    height: 93%;
}

.timeline-body {
    position: relative;
}

.timeline-body:after {
    content: '';
    position: absolute;
    width: 1px;
    background-color: #FFB800;
    top: 0;
    bottom: 0;
    left: 42px;
    margin-left: 0;
}

.element-timeline {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    height: 100%;
}

.time-stat {
    width: 7px;
    height: 7px;
    background-color: #fff;
    border: 1px solid #FFB800;
    border-radius: 50%;
    z-index: 1;
    position: relative;
    right: 6px;
}

.time-data {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #A0A0A0;
    min-width: 40px;
    max-width: 40px;
    margin-right: 5px;
    position: relative;
    min-height: 40px;
    padding: 0;
}

.time-action-label {
    margin-left: 0;
    max-width: 75%;
    min-height: 5px;
    height: auto;
    background: transparent;
    border-radius: 0 5px 5px 5px;
    box-shadow: none;
    padding: 5px 7px;
    position: relative;
    top: 10px;
    font-weight: 500;
    font-size: 10px;
    line-height: 15px;
    color: transparent;
    margin: 1px 0 7px 0;
}

.time-action-label:after {
    content: "";
    position: absolute;
    top: 0;
    left: -5px;
    margin-left: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent transparent;
}

.time-action-bold {
    font-size: 10px;
    font-weight: 700;
    display: block;
    margin-bottom: 2px;
}




/*.sticky-col {*/
/*    position: relative;*/
/*    align-self: normal;*/
/*}*/

/*.sticky-col .wrapper-card-style{*/
/*    position: sticky;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    z-index: 1;*/
/*    align-self: stretch;*/
/*}*/


/*.sticky-col-check{*/
/*    position: relative;*/
/*    min-height: 100%;*/
/*    height: 100%;*/
/*}*/

/*.sticky-col-check .check-height-child {*/
/*    position: sticky;*/
/*    bottom: 50px;*/
/*}*/

@media (max-width: 1760px) {
    .timeline-col {
        display: none !important;
    }
}

@media (max-width: 1760px) and (min-width: 1200px) {
    .media-col.col-xl-10 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
}

/*-evro-*/
.element-timeline.match_eurocup .time-action-label {
    background-color: #ffbc59 ;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    color: #fff;
}

.element-timeline.match_eurocup .time-action-label:after {
    border-color: #ffbc59  transparent transparent transparent;
}

.element-timeline.match_eurocup .time-stat {
    background: #ffbc59 ;
    border: 1px solid #ffbc59 ;
}

/*-liga-*/
.element-timeline.match_championship .time-action-label {
    background-color: #0ac7e0 ;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    color: #fff;
}

.element-timeline.match_championship .time-stat {
    background: #0ac7e0 ;
    border: 1px solid #0ac7e0 ;
}

.element-timeline.match_championship .time-action-label:after {
    border-color: #0ac7e0 transparent transparent transparent;
}
/*-important-*/
.element-timeline.important_event .time-action-label {
    background-color: #FFB800;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    color: #fff;
}

.element-timeline.important_event .time-stat {
    background: #FFB800;
    border: 1px solid #FFB800;
}

.element-timeline.important_event .time-action-label:after {
    border-color: #FFB800  transparent transparent transparent;
}


/*-type cup-*/
.element-timeline.match_cup .time-action-label {
    background-color: #2bd350;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    color: #fff;
}

.element-timeline.match_cup .time-stat {
    background: #2bd350;
    border: 1px solid #2bd350;
}

.element-timeline.match_cup .time-action-label:after {
    border-color: #2bd350 transparent transparent transparent;
}

/*-type match-*/
.element-timeline.match_friendly .time-action-label {
    background-color: #ff6c7a;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    color: #fff;
}

.element-timeline.match_friendly .time-stat {
    background: #ff6c7a ;
    border: 1px solid #ff6c7a ;
}

.element-timeline.match_friendly .time-action-label:after {
    border-color: #ff6c7a transparent transparent transparent;
}

/*-type event-*/
.element-timeline.event .time-action-label {
    background-color: #999;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    color: #fff;
}

.element-timeline.event .time-stat {
    background: #999 ;
    border: 1px solid #999 ;
}

.element-timeline.event .time-action-label:after {
    border-color: #999 transparent transparent transparent;
}



/*-================================ CALENDAR ===================================*/

.wrapper-calendar-section {
    height: 100%;
    padding: 15px;
    /*padding-bottom: 1px;*/
    position: relative;
}

.wrapper-calendar-section .roll-up-section {
    position: absolute;
    top: 17px;
    right: 20px;
    cursor: pointer;
}

.title-calendar-section {
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    color: #313131;
    display: block;
    position: relative;
    margin: 0 auto 0 0;
    width: max-content;
}

.title-calendar-section.long-title {
    width: auto;
}

.title-calendar-section .toggle-color {
    cursor: pointer;
}

.calendar-date-choose {
    display: flex;
    margin-bottom: 20px;
}


/*-================================ LENTA NEWS ===================================*/

.wrapper-lenta-section {
    padding: 15px;
    height: 100%;
}

.title-lenta-section {
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    color: #313131;
}
.media-line-title{
    position: relative;
    z-index: 2;
}
.new-news{
    position: absolute;
    z-index: 3;
    background: #ffb800;
    border-radius: 10px;
    width: auto;
    display: flex;
    height: 13px;
    min-width: 13px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 13px;
    color: #fff;
    top: -2px;
    right: -13px;
    padding: 1px;
    font-weight: 500;
}
.image-card-lenta {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.image-card-lenta a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.present-image-card-lenta {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}

.title-card-lenta {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #313131;
    width: 100%;
    text-align: left;
    margin-bottom: 7px;
}

.date-card-lenta {
    font-size: 13px;
    line-height: 16px;
    color: #605C5C;
}

.wrapper-card-lenta {
    margin-bottom: 15px;
}

.title-with-btn-news {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.btn-news-all {
    font-size: 13px;
    line-height: 15px;
    color: #666;
    cursor: pointer;
    width: auto;
    text-align: right;
    margin-bottom: 0;
}

.image-card-lenta.video-slide {
    position: relative;
}

.image-card-lenta.video-slide a {
    background: rgba(102, 100, 100, 0.15);
    backdrop-filter: blur(1px);
    display: flex;
    align-items: center;
}

.lenta-video {
    height: auto;
    width: 100%;
    display: block;
    border-radius: 10px;
    overflow: hidden;
}

.lenta-video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wrapper-card-lenta-mini.play {
    padding: 9px 5px;
    margin-left: -5px;
}

.wrapper-card-lenta-mini {
    background-color: transparent;
    border-radius: 5px;
    margin-bottom: 25px;
    padding: 9px 5px;
    margin-left: -5px;
    transition: all .2s;
    cursor: pointer;
}

.wrapper-card-lenta-mini:hover {
    background-color: rgba(255, 219, 161, 0.39);
    transition: all .2s;
}

.wrapper-card-lenta-mini .label-play {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    margin-right: 5px;
}
.wrapper-card-lenta-mini .label-play svg{
    width: 25px;
    height: 26px;
}

.date-lenta-mini {
    font-size: 12px;
    line-height: 15px;
    color: #605C5C;
    display: inline;
    margin-right: 5px;
}

.title-lenta-mini {
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #000;
    width: 100%;
}

.box-link-lenta-mini {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.btn-lenta-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
}

.btn-lenta-box .btn {
    width: max-content;
}


/*================================= NEW CABINET ========================================*/
.wrapper-card-style-transparent {
    border-radius: 5px;
    background: transparent;
    box-shadow: none;
    max-height: 100%;
}

.wrapper-cabinet-section {
    height: 100%;
    padding: 0;
}

.cabinet-match-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background: #FFFFFF;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    padding: 60px 30px;
}
.cabinet-match-box.no-match-card{
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    padding: 60px 30px;
}
.cabinet-match-box.no-match-card .f-name-match{
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    color: #313131;
    margin-bottom: 0 !important;
    text-transform: uppercase;
    text-align: center;
}

.row.no-words .cabinet-match-box {
    box-shadow: 0px 2px 5px rgb(0 0 0 / 10%);
}

.title-card-mini-card {
    font-weight: 600;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 15px;
}

.row.no-words .title-card-mini-card {
    display: none !important;
}

.future-mini-card-comment {
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #313131;
    margin-top: 15px;
}

.now-card-time {
    text-align: center;
    font-size: 35px;
    margin-top: 30px;
    font-weight: 500;
}

.wrapper-future-mini-card {
    width: 75%;
    margin: 0 auto 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.wrapper-past-mini-card {
    width: 75%;
    margin: 0 auto 0;
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.wrapper-card-cabinet {
    margin-bottom: 30px;
}


.future-logos {
    display: flex;
    flex-direction: row-reverse;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
}

.views-card .future-logos.right-logos {
    display: flex;
    flex-direction: row;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
}

.future-logos.right-logos {
    display: flex;
    flex-direction: row;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
}

.future-logos.right-logos .f-command-future {
    margin-left: 15px;
    font-weight: 600;
    font-size: 17px;
    line-height: 25px;
    margin-right: 0;
}

.future-logos .f-command-future {
    margin-left: 0;
    margin-right: 15px;
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
}

.position-info-logos {
    margin: 15px 10px;
}

.position-logo-first, .position-logo-second {
    width: 35%;
}

.position-info-logos {
    width: 30%;
}
.mt15{
    margin-top: 15px;
}
.mt30{
    margin-top: 30px;
}
.mb15{
    margin-bottom: 15px;
}
.mb30{
    margin-bottom: 30px;
}
.wrapper-cabinet-votes {
    padding: 30px 30px 15px;
    height: 100%;
    position: relative;
    margin-bottom: 30px;
}
.wrapper-foot-field-card{
    margin-bottom: 15px;
}

.title-vote-card {
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    color: #313131;
    display: block;
    margin-bottom: 15px;
}
.info-wrapper{
    margin-bottom: 15px;
    background-color: #f6f6f6;
    border-radius: 5px;
    padding: 15px;
}
.info-wrapper .click-info{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 20px;
    color: #313131;
    font-weight: 600;
    cursor: pointer;
}
.click-info {
    display: inline;
    margin-left: 10px;
    cursor: pointer;
}
.click-info span[class*=" ti-"],.click-info span[class^="ti-"]{
    margin-left: 0;
    position: unset;
    font-size: 18px;
    color: #212121;
    vertical-align: middle;
}
.click-info svg{
    width: 18px;
    height: 20px;
}
.click-info span{
    margin-left: 10px;
}

.info-wrapper {
    display: none;
}
.info-wrapper .body-info{
    margin-top: 0px;
    color: #313131;
    font-size: 14px;
    line-height: 20px;
}

.body-vote-card.with-vote-info {
    background: #f6f6f6;
    border-radius: 5px;
    padding: 25px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.title-with-vote-info{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}
.body-vote-card-trainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.vote-stat-matches{
    /*display: none;*/
    margin-top: 15px;
    width: 100%;
}
.more-info__vote{

    display: none;
    font-size: 15px;
    margin-top: 15px;
    cursor: pointer;
    font-weight: 500;
    color: #FFB800;
    line-height: 23px;
}

.more-info__vote .click-info{
    margin: 0;
}

.vote-stat-matches__detail{
    font-weight: 500;
    font-size: 15px;
    line-height: 15px;
    color: #000;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 13px;
}
.vote-stat-matches__detail:last-child{
    margin-bottom: 0;
}
.vote-stat-matches__detail span:first-child{
    padding-right: 8px;
}


.body-vote-card-trainer.picker-vote {
    position: relative;
    padding: 25px;
    background: #f6f6f6;
    border-radius: 5px;
}

.body-vote-card-comment {
    background: #f6f6f6;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.row .body-vote-card-comment {
    background: #f6f6f6;
    border-radius: 5px;
    padding: 15px;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    text-align: left;
}

.body-vote-card-trainer {
    background: #f6f6f6;
    border-radius: 5px;
    padding: 25px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.body-vote-card-comment {
    background: #f6f6f6;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}



.body-vote-card-comment.roll-comment{
    margin-top: 15px;
}

.body-vote-card-comment.m015{
    margin: 15px 15px;
}
.title-check-trainer {
    font-weight: 600;
    font-size: 16px;
    line-height: 23px;
    color: #313131;
}
.check-trainer {
    font-weight: 600;
    font-size: 16px;
    line-height: 23px;
    color: #313131;
}

.title-comment-trainer {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #313131;
    margin-bottom: 15px;
}

.comment-trainer {
    font-size: 13px;
    line-height: 18px;
    color: #666464;
    word-break: break-word;
}

.foot-field-image:first-child {
    width: 500px;
    height: 680px;
    display: block;
    margin: 0 0 0 auto;
    position: relative;
    z-index: 1;
    opacity: 1;
    visibility: visible;
    transition: all .3s;
}

.foot-field-image {
    width: 500px;
    height: 680px;
    display: none;
    margin: 0 0 0 auto;
    position: relative;
    z-index: 1;
    transition: all .3s;
}

/*.foot-field-image.hide{*/
/*    display: none;*/
/*    opacity: 0;*/
/*    visibility: hidden;*/
/*    transition: all .3s;*/
/*}*/
.img-green-field {
    /*position: relative;*/
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.foot-field-btns-box {
    width: 100%;
    margin: 30px 0 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.foot-field-btns-box .btn:first-child {
    margin: 0 15px 0 0;
    border-radius: 5px;
}

/*--screens--*/
.img-screen {
    width: 80px;
    height: 80px;
}

.pos-screen {
    position: absolute;
    top: auto;
    left: auto;
    z-index: 2;
    display: flex;
    width: 80px;
    height: 80px;
    align-items: center;
    justify-content: center;
    margin-top: -40px;
    margin-left: -40px;
    transition: all .2s;
}

.p-col {
    left: 0%;
    opacity: 0;
    transition: all .2s;
}

.p-row {
    top: 0%;
    opacity: 0;
    transition: all .2s;
}

/*-col-*/
.p-col-1 {
    opacity: 1;
    left: 12%;
    transition: all .2s;
}

.p-col-2 {
    opacity: 1;
    left: 19%;
    transition: all .2s;
}

.p-col-3 {
    opacity: 1;
    left: 29%;
    transition: all .2s;
}

.p-col-4 {
    opacity: 1;
    left: 40%;
    transition: all .2s;
}

.p-col-5 {
    opacity: 1;
    left: 50%;
    transition: all .2s;
}

.p-col-6 {
    opacity: 1;
    left: 60%;
    transition: all .2s;
}

.p-col-7 {
    opacity: 1;
    left: 71%;
    transition: all .2s;
}

.p-col-8 {
    opacity: 1;
    left: 81%;
    transition: all .2s;
}

.p-col-9 {
    opacity: 1;
    left: 88%;
    transition: all .2s;
}

/*-row-*/
.p-row-1 {
    opacity: 1;
    top: 12%;
    transition: all .2s;
}

.p-row-2 {
    opacity: 1;
    top: 21%;
    transition: all .2s;
}

.p-row-3 {
    opacity: 1;
    top: 32%;
    transition: all .2s;
}

.p-row-4 {
    opacity: 1;
    top: 35%;
    transition: all .2s;
}

.p-row-5 {
    opacity: 1;
    top: 45%;
    transition: all .2s;
}

.p-row-6 {
    opacity: 1;
    top: 55%;
    transition: all .2s;
}

.p-row-7 {
    opacity: 1;
    top: 64%;
    transition: all .2s;
}

.p-row-8 {
    opacity: 1;
    top: 72%;
    transition: all .2s;
}

.p-row-9 {
    opacity: 1;
    top: 87%;
    transition: all .2s;
}

/*----select vote schema-----*/

span.msg,
span.choose {
    color: #555;
    padding: 5px 0 10px;
    display: inherit
}

/*.container {*/
/*    width: 500px;*/
/*    margin: 50px auto 0;*/
/*    text-align: center*/
/*}*/

/*Styling Selectbox*/

.dropdown {
    width: 100%;
    display: inline-block;
    /*box-shadow: 0 0 2px rgb(204, 204, 204);*/
    transition: all .5s ease;
    position: relative;
    font-size: 14px;
    color: #474747;
    text-align: left;
    background: #f6f6f6;
    border-radius: 5px;
    padding: 25px;
    margin-bottom: 0;
}

.dropdown .select {
    cursor: pointer;
    display: flex;
    padding: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #313131;
    align-items: center;
    justify-content: space-between;
}

.dropdown .select > i {
    font-size: 13px;
    color: #888;
    cursor: pointer;
    transition: all .3s ease-in-out;
    float: right;
    line-height: 20px
}

.dropdown:hover {
    box-shadow: -2px 3px 7px -1px rgb(197 199 213);
}

.dropdown:active {
    background-color: #f6f6f6;
}

.dropdown.active:hover,
.dropdown.active {
    box-shadow: -2px 3px 7px -1px rgb(197 199 213);
    border-radius: 2px 2px 0 0;
    background-color: #f6f6f6
}

.dropdown.active .select > i {
    transform: rotate(-90deg)
}

.dropdown .dropdown-menu {
    position: absolute;
    background-color: #f6f6f6;
    width: 100%;
    left: 0;
    margin-top: -3px;
    box-shadow: -2px 6px 7px -2px rgb(197 199 213);
    overflow: hidden;
    max-height: 616px;
    overflow-y: auto;
    z-index: 9;
    border-radius: 0 0 5px 5px;
    border: none;
}

.dropdown .dropdown-menu li {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #313131;
    padding: 10px 25px;
    transition: all .2s ease-in-out;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dropdown .dropdown-menu li img.hide {
    width: 12px;
    height: 12px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}

.dropdown .dropdown-menu {
    padding: 0;
    list-style: none
}

.dropdown .dropdown-menu li:hover {
    background-color: #cdced5;
}

.dropdown .dropdown-menu li:active {
    background-color: #cdced5;
}

.dropdown .dropdown-menu li.active {
    background-color: #cdced5;
    position: relative;
}

.dropdown .dropdown-menu li.active:after {
    content: " ";
    background-image: url(./images/icons/check.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 13px;
    left: auto;
    right: 10px;
    bottom: 0;
    height: 15px;
    width: 15px;
}

.dropdown .dropdown-menu li.active img.hide {
    opacity: 1;
    visibility: visible;
    transition: all .3s;
}

/*---scroll default style---*/
.dropdownScroll ::-webkit-scrollbar {
    width: 5px
}

.dropdownScroll ::-webkit-scrollbar-track {
    background: #f6f6f6;
}

.dropdownScroll ::-webkit-scrollbar-thumb {
    background: #373c67;
}

.dropdownScroll {
    scrollbar-color: #373c67 !important;
    scrollbar-width: unset;
    scrollbar-width: thin;
}

/*- for FF -*/
html, body, .dropdownScroll {
    scrollbar-color: #373c67 #f6f6f6; /* «цвет ползунка» «цвет полосы скроллбара» */
    scrollbar-width: thin; /* толщина */
}

/*- GOALS -*/
.goals-box-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 25px 0;
}

.goals-box-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin: 25px 0;
    text-align: right;
}

.goals-box-left .goal-card {
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px;
    text-align: left;
}

.goals-box-left .goal-card:last-child {
    margin-bottom: 0;
}

.goals-box-left .goal-card .minute-goal {
    margin-right: 11px;
    font-weight: 600;
}

.goals-box-right .goal-card {
    display: flex;
    flex-direction: row-reverse;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px;
}

.goals-box-right .goal-card:last-child {
    margin-bottom: 0;
}

.goals-box-right .goal-card .minute-goal {
    font-weight: 600;
    margin-left: 11px;
}


/*-------- Request vote --------*/
.wrapper-request-card {
    border-radius: 5px;
    background: #FFFFFF;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    max-height: 100%;
    margin-bottom: 30px;
}

.title-request-step-schema {
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
}

.title-request-step-choose {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #000000;
    width: 100%;
    margin: 0 0 30px auto;
}

.body-vote-request-card-comment {
    background: #f6f6f6;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.body-vote-request-card-comment:first-child {
    margin-bottom: 30px;
}

.title-comment-trainer {
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    color: #000000;
}

.title-advise {
    display: flex;
    margin-bottom: 15px;
}

.title-advise span {
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    color: #000000;
    margin-left: 10px;
}

.title-advise svg {
    width: 17px;
    height: 17px;
}

.card-style-member {
    position: relative;
    background: #f6f6f6;
    border-radius: 5px;
    padding: 15px;
    margin: 15px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    z-index: 1;
}
.card-style-member.card-style-trainer{
    justify-content: space-between;
}

.post-march-cards .card-style-member .info-member {
    width: 50%;
}

.post-march-cards .card-style-member .info-member.post-score {
    width: 20%;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-end;
}

.post-march-cards .card-style-member .name-member.post-score {
    background-color: #c4c4c4;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    height: 40px;
    border-radius: 50%;
    width: 40px;
    font-weight: 400;
    cursor: pointer;
}

.post-march-cards .card-style-member .name-member.post-score.result {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    height: 40px;
    border-radius: 50%;
    width: 40px;
    font-weight: 400;
    cursor: default;
}
.post-march-cards .card-style-member .name-member.post-score.result.minus{
    background-color: rgb(250, 64, 6);
    color: rgb(255, 255, 255);
}

.post-march-cards .card-style-member .name-member.post-score.result.plus{
    color: rgb(255, 255, 255);
    background-color: rgb(14, 164, 47);
}

.post-march-cards .card-style-member .name-trainer.post-score {
    background-color: #c4c4c4;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    height: 40px;
    border-radius: 50%;
    width: 40px;
    font-weight: 400;
    cursor: pointer;
}

.post-march-cards .card-style-member .name-trainer.post-score.result {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    height: 40px;
    border-radius: 50%;
    width: 40px;
    font-weight: 400;
    cursor: default;
}
.post-march-cards .card-style-member .name-trainer.post-score.result.minus{
    background-color: rgb(250, 64, 6);
    color: rgb(255, 255, 255);
}

.post-march-cards .card-style-member .name-trainer.post-score.result.plus{
    color: rgb(255, 255, 255);
    background-color: rgb(14, 164, 47);
}

.post-march-cards .card-style-member .info-member.post-score {
    min-width: 25%;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-end;
    width: auto;
}
.card-style-member.percent-card {
    position: relative;
    margin: 15px 0 30px;
}

.card-style-member.percent-card .percent-box {
    display: flex;
    flex-direction: row;
    /*width: 100%;*/
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: -19px;
    left: 9px;
    right: 9px;
    font-size: 12px;
    font-weight: 500;
    color: #000;
}
.percent-box .percent{
    display: flex;
    align-items: center;
}

.percent-box .percent .coin-svg{
    margin-left: 4px;
}

.photo-member {
    overflow: hidden;
    border-radius: 50%;
    margin-right: 15px;
    width: 44px;
    height: 44px;
}

.photo-member img {
    display: block;
    border-radius: 50%;
    margin: 0 auto;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.number-member {
    color: #000;
    font-size: 22px;
    line-height: 1;
    font-weight: 500;
    margin-right: 10px;
    width: 8%;
    text-align: center;
}

.info-member {
    width: 75%;
}

.name-member {
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
}

.position-member {
    font-size: 13px;
    line-height: 15px;
}

.title-choose-member {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: #000000;
    margin: 0 auto 0 0;
    padding-right: 10px;
    width: max-content;
}

.choose-member-select-box {
    cursor: pointer;
    width: 100%;
    padding: 15px;
    margin: 15px 0;
    background: #f6f6f6;
    /*border: 1px solid #eee;*/
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.title-choose-member-select {
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: -0.02em;
    color: #6c6868;
    width: 100%;
}
.place-choosen-member{
    width: 95%;
    display: inline-block;
}

.wrapper-choose-member {
    margin-top: 0px;
}

.wrapper-choose-member.no-name {
    margin: 17px 0 33px;
}

.btn-submit-choose-members {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
}
.btn-submit-choose-members.choose-scores{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px auto 15px;
}

/*spinner*/
.spinner-btn {
    display: none;
    height: 22px;
    margin: 0 auto;
    width: auto;
}
.btn-fill-blue:hover .block-spinner {
    background: #FFB800;
}
.block-spinner {
    position: relative;
    box-sizing: border-box;
    float: left;
    margin: 0 7px 0 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #FFF;
}

.block-spinner:nth-child(4n+1) { animation: wave 2s ease .0s infinite; }
.block-spinner:nth-child(4n+2) { animation: wave 2s ease .2s infinite; }
.block-spinner:nth-child(4n+3) { animation: wave 2s ease .4s infinite; }
.block-spinner:nth-child(4n+4) { animation: wave 2s ease .6s infinite; margin-right: 0; }

@keyframes wave {
    0%   { top: -2px;     opacity: 1; }
    50%  { top: 10px;  opacity: .2; }
    100% { top: -2px;     opacity: 1; }
}




/*-modal-member-*/

#ModalLong .modal-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #000000;
}

#ModalLong .modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 15px 0;
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#ModalLong .modal-body {
    padding: 15px;
}

#ModalLong .modal-footer {
    padding: 0 15px 15px;
    border-top: none;
}

.modal-wrapper-screen-area {
    width: 100%;
    display: block;
    margin: 0 auto;
}
.request-info-player__box, .place-info-player__box{
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    width: 50%;
}
.request-info-player__box .name-player,  .place-info-player__box .name-player {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #313131;
    margin-bottom: 0;
}
.request-info-player__box .position-player,  .place-info-player__box .position-player {
    font-size: 15px;
    line-height: 18px;
    color: #A0A0A0;
    margin-bottom: 7px;
}
.request-info-player__box .number-box-player,  .place-info-player__box .number-box-player {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 7px;
    display: flex;
    align-items: flex-start;
}
.request-info-player__box .number-box-player span:first-child, .place-info-player__box .number-box-player span:first-child{
    margin-right: 10px;
}
.request-info-player__box .number-box-player span:last-child,  .place-info-player__box .number-box-player span:last-child{
    font-size: 17px;
}


.score.scoreplus-screenplayer {
    color: #0ea42f;
}
.score.scoreminus-screenplayer {
    color: #bd2130;
}



.screen-style {
    width: 100%;
}

.screen-style img {
    width: 200px;
    height: 200px;
}

.stylish-radio label {
    font-size: 15px;
    line-height: 18px;
    color: #000000;
}

.stylish-radio input[type=checkbox]:not(old),
.stylish-radio input[type=radio   ]:not(old) {
    width: 20px;
    margin: 0;
    padding: 0;
    font-size: 15px;
    opacity: 0;
    cursor: pointer;
}

.stylish-radio input[type=checkbox]:not(old) + label,
.stylish-radio input[type=radio   ]:not(old) + label {
    display: inline-block;
    margin-left: -20px;
    line-height: 20px;
}

.stylish-radio input[type=checkbox]:not(old) + label > span,
.stylish-radio input[type=radio   ]:not(old) + label > span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 7px 15px 7px 0;
    border: 1px solid #000;
    border-radius: 50%;
    background-color: #fff;
    background-image: none;
    vertical-align: middle;
}

.stylish-radio input[type=checkbox]:not(old) + label.disabled > span,
.stylish-radio input[type=radio   ]:not(old) + label.disabled > span {
    border: 1px solid rgb(172 173 181);
    background-color: #f2f2f3;
    cursor: default;
}

.stylish-radio input[type=radio]:not(old):checked + label > span > span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 3px;
    border: none;
    border-radius: 50%;
    background-color: #000;
}


/*******--------------------------- SCORE MODAL ------------------------*************/
.modal-wrapper-members-area.score-modal {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.wrapper-score-complect {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    width: 100%;
}

.modal-dialog.score-modal {
    width: auto;
    max-width: 700px;
}


.score-complect {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    margin-left: 15px;
    /*width: 100%;*/
}
.score-complect-tr {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    margin-left: 15px;
    /*width: 100%;*/
}

.input-number-score-box {
    display: flex;
    align-items: center;
    color: #fff;
    padding: 0;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    margin: 0 5px;
}

/*.red-color-score-complect .input-number-score-box {*/
    /*background-color: #fa4f19;*/
/*}*/

.score-label {
    display: flex;
    align-items: center;
    width: 45px;
    height: 45px;
}

.score-label span.dont-touch{
    background-color: #1a1d49;
}

.score-label input[type="radio"] {
    display: none;
}

.score-label input[type="radio"] {
    display: none;
}

.score-label input[type="radio"] ~ span {
    position: relative;
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 45px;
    height: 45px;
    font-size: 16px;
    margin-right: 2px;
    z-index: 2;
    font-weight: 600;
    cursor: pointer;
}

/*.score-label.red-score input[type="radio"] ~ span.dont-touch {*/
/*    background-color: #999;*/
/*    border-radius: 50%;*/
/*}*/

.score-label.red-score input[type="radio"] ~ span:before {
    content: "";
    position: absolute;
    display: block;
    width: 45px;
    height: 45px;
    cursor: pointer;
    /*background-color: #fa4006;*/
    margin-right: 0;
    border: 0;
    border-radius: 50%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    box-sizing: border-box;
    transition: all 300ms ease-in-out;
    z-index: -2;
}

.score-label.green-score input[type="radio"] ~ span:before {
    content: "";
    position: absolute;
    display: block;
    width: 45px;
    height: 45px;
    cursor: pointer;
    margin-right: 0;
    border: 0;
    border-radius: 50%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    box-sizing: border-box;
    transition: all 300ms ease-in-out;
    z-index: -2;
}

.score-label.red-score input[type="radio"] ~ span {
    background-color: #fa4006;
    border-radius: 50%;
}
.score-label.red-score input[type="radio"]:checked ~ span {
    box-shadow: inset -5px -6px 15px 3px #792308;
}

.score-label.green-score input[type="radio"] ~ span {
    background-color: #0ea42f;
    border-radius: 50%;
}

.score-label.green-score input[type="radio"]:checked ~ span {
    box-shadow: inset -5px -6px 15px 3px #053810;
}


/*------------------ MEDIA -----------------------*/

.comment-for-votes-area{
    background: #FFFFFF;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    margin-bottom: 30px;
}
.wrapper-media-section {
    padding: 15px 20px;
    height: 100%;;
}

.title-media-card {
    margin-bottom: 15px;
}

.title-on-slide.media-slides {
    font-size: 16px;
    line-height: 19px;
    color: #313131;
    font-weight: 500;
    margin-bottom: 8px;
    height: auto;
    max-height: 38px;
    display: flex;
    align-items: center;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.body-slide.media-body-slide {
    margin-top: 15px;
    max-height: 181px;
    height: auto;
    overflow: hidden;
}

.media-page .wrapper-slide {
    margin: 0 -5px 15px -5px;
    height: 100%;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0 2px 5px 0 #eee;
}

.image-slide.media-page-images.video-slide {
    position: relative;
}

.image-slide.media-page-images.video-slide .present-image {
    /*filter: blur(2px);*/
}

.image-slide.media-page-images a {
    display: flex;
    height: 100%;
    align-items: center;
    overflow: hidden;
}

.image-slide.media-page-images.no-pic {
    width: 100%;
    height: 175px;
}
.image-slide.media-page-images.no-pic .present-image{
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.media-cards.row > div {
    margin-bottom: 15px;
}

.media-box-btn-dop {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wrapper-mini-media-card {
    background: #f6f6f6;
    border-radius: 5px;
    padding: 10px;
    /*height: 100%;*/
    margin: 0 -5px 0 -5px;
}

.title-mini-media {
    font-size: 14px;
    line-height: 18px;
    color: #313131;
    font-weight: 500;
    margin-bottom: 10px;
    /*height: 38px;*/
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.date-mini-media {
    font-size: 13px;
    line-height: 16px;
    color: #605C5C;
    margin-bottom: 10px;
}

.info-mini-media {
    font-size: 14px;
    line-height: 17px;
    color: #666464;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mini-media-cards .row > div {
    margin-bottom: 15px;
}

.news-image-box {
    /*display: flex;*/
    /*flex-direction: column;*/
    /*width: 100%;*/
    float: left;
    margin: 7px 7px 7px 0;
}

.news-image-box-nofloat {
    margin: 7px 7px 7px 0;
    height: auto;
    width: 100%;
}

.news-image-double-box {
    display: flex;
    flex-direction: row;
}

.news-image-box img {
    width: 500px;
}

.comment-image-box {
    color: #777;
    font-size: 12px;
    margin-top: 10px;
    text-align: center;
}

.float-text-news {
    display: flex;
    align-items: center;
}

.news-image-box-nofloat img {
    height: auto;
    width: 90%;
    margin: 10px auto;
    display: block;
}


.media-block-about-page {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}
.image-big-news{
    width: 100%;
    height: auto;
}
.image-big-news img{
    width: 100%;
    height: auto;
    max-width: 100%;
    /*max-height: 100%;*/
}

.box-text-about-page {
    /*display: flex;*/
    /*flex-direction: column;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    display: block;
    margin: 15px auto 30px;
    max-width: 100%;
    text-align: left;
}
.box-text-about-page a{
    font-weight: 600;
    cursor: pointer;
    border-bottom: 1px solid #ffb800;
    color: #ffb800;
}

.box-text-about-page p {
    color: #454545;
    /*font-size: 15px;*/
    /*text-align: left;*/
    /*line-height: 20px;*/
    /*margin: 0 auto;*/
    font-size: 16px;
    line-height: 28px;
    margin: 0 0 20px 0;
    display: block;
    text-align: left;
}

.box-text-about-page img {
    width: auto;
    height: auto;
    max-width: 100%;
    /*max-height: 100%;*/
}

.gallery-wrapper-box a {
    display: block;
    margin-bottom: 30px;
    width: 100%;
    height: 230px;
}

.gallery-wrapper-box a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.date-media-card {
    font-size: 13px;
    line-height: 16px;
    color: #605C5C;
    margin-bottom: 10px;
    font-weight: 400;
}

.media-all-btn-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}

.media-all-btn-box .btn {
    width: max-content;
    margin: 0 auto;
}

.wrapper-card-style-news {
    border-radius: 5px;
    background: #FFFFFF;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    max-height: 100%;
    position: unset;
    top: 0;
}

.comment-for-news-area {
    margin-top: 30px;
}
.comment-bell{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.comment-area {
    border: 1px solid #FFB800;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 15px;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 16px;
    width: 100%;
    min-height: 150px;
    resize: none;
}

.comment-add-wrapper {
    margin-bottom: 30px;
}

/*.card-comment-style {*/
/*    background: #f6f6f6;*/
/*    border-radius: 5px;*/
/*    height: 100%;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: flex-start;*/
/*    padding: 15px;*/
/*    max-width: 990px;*/
/*}*/

.card-comment-style {
    /* background: #f6f6f6; */
    border-radius: 0px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 5px;
    max-width: 990px;
    border-bottom: 1px solid #bbb;
    margin-bottom: 10px;
}

.card-comment-style .deleted-comment{
    background-color: #f6f6f6;
    padding: 15px 10px;
    width: 100%;
    border-radius: 3px;
    font-size: 15px;
    color: #666;
    font-weight: 400;
}

.comment-cards-list .row .col-lg-12:last-child .card-comment-style {
    border-bottom: 1px solid transparent;
    margin-bottom: 0;
}
.comment-cards-list .row .col-lg-12:last-child .deleted-comment {
    margin-bottom: 30px;
}
.comment-author {
    font-size: 15px;
    line-height: 18px;
    color: #000000;
    width: 100%;
    display: flex;
    font-weight: 600;
    align-items: center;
    justify-content: space-between;
}
.comment_name-date{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.comment-text {
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 7px 0;
    word-break: break-word;
}

.comment-cards-list .row > div {
    margin-bottom: 15px;
}
.comment-cards-list .row > div:last-child {
    margin-bottom: 0;
}

.comment-date {
    font-size: 12px;
    margin-top: 2px;
    color: #666;
    font-weight: 400;
}
.comment-reply {
    margin-top: 5px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

.comment-link__reply{
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #000;
    font-weight: 400;
    transition: all .2s;
}
/*.comment-link__reply i{*/
/*    !*margin-left: 7px;*!*/
/*    margin-left: 7px;*/
/*}*/

.comment-link__reply:hover{
    font-size: 14px;
    color: #ffb800;
    cursor: pointer;
    transition: all .2s;
}

.comment-link__remove{
    display: block;
    font-size: 16px;
    color: #000;
    cursor: pointer;
    background-color: transparent;
    border: none;
    transition: all .2s;
}

.comment-link__remove i{
    margin-left: 12px;
}

.comment-link__remove:hover{
    display: block;
    font-size: 16px;
    color: #ffb800;
    cursor: pointer;
    transition: all .2s;
}

.comment-author-photo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 7px;
}

.comment-author-photo img {
    width: 40px;
    height: 40px;
    min-width: 40px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 15px;
}
.text-aboutpage {
    margin-top: 15px;
}

.text-aboutpage p {
    font-size: 15px;
    line-height: 20px;
    margin: 3px 0;
}

.image-aboutpage {
    width: 100%;
    height: 500px;
    object-fit: cover;
    display: block;
    margin-bottom: 15px;
}


/*-comment replies-*/

.hidden-reply-box{
    display: none;
}
.wrapper-hidden-reply{
    display: flex;
    align-items: flex-start;
    width: 100%;
    background-color: #f6f6f6;
    padding: 7px;
    border-radius: 5px;
    margin-bottom: 10px;
    position: relative;
}
.wrapper-hidden-reply.chats{
    background-color: #fff;
}
.remove-reply{
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}
.remove-reply-chat{
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

.hidden-reply__icon{
    margin-right: 10px;
}
.hidden-reply__icon i{
    font-size: 20px;
    line-height: 20px;
    color: #ffb800;
}
.hidden-reply__img{
    font-size: 14px;
    font-weight: 600;
    color: #666;
}
.chats .hidden-reply__img{
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    color: #666;
}

.hidden-reply__name{
    font-size: 15px;
    line-height: 18px;
    color: #000000;
    font-weight: 600;
    margin-bottom: 7px;
}
.chats .hidden-reply__name{
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 5px;
}
.chats .hidden-reply__message{
    font-size: 13px;
    line-height: 16px;
}
.chats .hidden-reply__message img, .chats .hidden-reply__message > div{
    display: none;
}
.hidden-reply__message{
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.inner-reply-box{
    /*display: none;*/
}

.wrapper-inner-reply{
    width: auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background-color: #f6f6f6;
    border-radius: 0 5px 5px 0;
    border-left: 5px solid rgba(87, 88, 89, 0.5);
    padding: 5px 5px 5px 10px;
    margin: 10px 0 10px 50px;
}
.chats.wrapper-inner-reply {
    width: auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background-color: transparent;
    border-radius: 0 5px 5px 0;
    border-left: 5px solid #FFB800;
    padding: 5px 5px 5px 10px;
    margin: 10px 0 10px 10px;
}

.inner-reply__name{
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 5px;
}
.inner-reply__message{
    font-size: 13px;
    line-height: 14px;
}
/*------------- sorting media ---------*/
.news-title-sorting {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.news-title-sorting .title-media-card{
    margin-bottom: 0;
    line-height: 23px;
}
.news-title-sorting__sorting-box{
    position: relative;
}
.drop-sorting-box{
    display: none;
    position: absolute;
    z-index: 8;
    background-color: #fff;
    top: 32px;
    width: auto;
    min-width: 280px;
    right: 0;
    box-shadow: 0px 2px 5px 1px #ccc;
    padding: 10px;
    border-radius: 5px;
}
.name-sorting-box {
    font-size: 17px;
    line-height: 22px;
    color: #313131;
    font-weight: 600;
    cursor: pointer;
}
.name-sorting-box span:first-child{
    line-height: 23px;
    display: inline-block;
}
.name-sorting-box span:last-child{
    font-size: 15px;
    line-height: 22px;
    margin-left: 10px;
}
.name-sorting-box span i{
    transition: all .3s;
}
.name-sorting-box span.rotate i{
    transform: rotate(180deg);
    transition: all .3s;
}
.drop-sorting-box__link{
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    padding-bottom: 2px;
    border-left: 2px solid transparent;
    padding-top: 2px;
    padding-left: 2px;
    transition: all .2s;
}
.drop-sorting-box__link:hover{
    border-left: 2px solid #1a1d49;
    color: #1a1d49;
    padding-left: 5px;
    transition: all .2s;
}
.drop-sorting-box__link.active{
    border-left: 2px solid #1a1d49;
    color: #1a1d49;
    padding-left: 5px;
    transition: all .2s;
}

/*----------- all clubs ---------------*/
.documents-list{
    margin-top: 15px;
}
.document-wrapper{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 13px;
    width: max-content;
}
.document-wrapper:last-child{
    margin-bottom: 0;
}
.document-wrapper_icon{
    font-size: 23px;
    color: #FFB800;
    margin-right: 10px;
}

.allclubs-wrapper {
    margin-top: 15px;
}

.wrapper-card-clubs {
    background-color: #f6f6f6;
    border-radius: 5px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.logo-clubs-card {
    width: 50px;
    height: 50px;
    margin: 0 auto 15px;
}

.logo-clubs-card img {
    width: 100%;
    height: 100%;
}

.name-clubs-card {
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    margin-bottom: 15px;
}

/*.allclubs-wrapper .row > div{*/
/*    padding-right: 0;*/
/*}*/

.all-clubs-card-style {
    margin-top: 30px;
}

.wrapper-card-team-club {
    margin-top: 0;
}

.club-team-wrapper {
    margin-bottom: 30px;
}

.club-team-wrapper:last-child {
    margin-bottom: 0;
}

.pb0 {
    padding-bottom: 0;
}

.one-of-club-team {
    display: flex;
    align-items: center;
    height: auto;
    width: 100%;
    position: relative;
    z-index: 1;
    margin: 15px 0 15px;
    border-radius: 3px;
    overflow: hidden;
}

.one-of-club-team img {
    width: 100%;
    height: auto;
}

.name-team-player {
    position: absolute;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    bottom: 5%;
    left: 5%;
    width: 50%;
    z-index: 11;
    text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;
}

.name-team-player.card-with-status {
    position: absolute;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    bottom: calc(5% + 56px);
    left: 5%;
    width: 65%;
    padding-bottom: 5px;
    border-bottom: 2px solid #ffb800;
    z-index: 11;
    text-shadow: 1px 2px 7px #313131;
}

.status-card {
    position: absolute;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    bottom: 5%;
    left: 5%;
	right: 5%;
    white-space: break-spaces;
    height: 41px;
    z-index: 11;
    display: flex;
    align-items: center;
	text-shadow: 1px 2px 4px #000;
}

.number-team-player {
    position: absolute;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    top: 5%;
    left: 5%;
    width: 50%;
	text-shadow: 1px 2px 7px #313131;
}

.card-darkness {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    background-color: rgb(15 15 15 / 30%);
}


/*--------- Profile Player -------------*/
/*--------- Profile Player -------------*/
/*--------- Profile Player -------------*/
.wrapper-one-box-profile {
    margin: 15px 0 0 0;
}


/*.screen-box__screen1.hide,.screen-box__screen2.hide,.screen-box__screen3.hide,.screen-box__screen4.hide,.screen-box__screen5.hide,.screen-box__screen6.hide{*/
/*    display: none;*/
/*}*/
/*.screen-box__screen1.hide,.screen-box__screen2.hide,.screen-box__screen3.hide,.screen-box__screen4.hide,.screen-box__screen5.hide,.screen-box__screen6.hide{*/
/*    display: none;*/
/*}*/
.screen-box-image > div {
    display: block;
}

.screen-box-image > div.hide {
    display: none;
}

.screen-box {
    position: relative;
    width: 300px;
    height: 300px;
    background-repeat: no-repeat;
    margin: 0 auto;
    background-position: center;
}

.screen-box.screen1 {
    background-image: url("../images/content/screens/screen1.png");
}

.screen-box.screen2 {
    background-image: url("../images/content/screens/screen2.png");
}

.screen-box.screen3 {
    background-image: url("../images/content/screens/screen3.png");
}

.screen-box.screen4 {
    background-image: url("../images/content/screens/screen4.png");
}

.screen-box.screen5 {
    background-image: url("../images/content/screens/screen5.png");
}

.screen-box.screen6 {
    background-image: url("../images/content/screens/screen6.png");
}

.screen-box img {
    width: 277px;
    height: 283px;
}

.photo-screen-player {
    width: 110px;
    position: absolute;
    top: 20%;
    right: 22%;
}

.photo-screen-player.flag {
    width: 25px;
    position: absolute;
    top: 22%;
    right: 15%;
}

.photo-screen-player.flag img {
    width: 25px;
}

.photo-screen-player img {
    width: 110px;
    height: auto;
}

.info-player-screen {
    width: auto;
    position: absolute;
    top: 15%;
    left: 25%;
    font-weight: 600;
    line-height: 24px;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0;
    margin: 15px 0 0 0;
}

.info-player-screen > span {
    display: block;
    margin: 5px 0;
}

.rate-screen-player.plus {
    font-size: 42px;
    color: #1fc114;
}

.rate-screen-player.minus {
    font-size: 42px;
    color: #bd2130;
}

.name-player-screen {
    /*font-size: 19px;*/
    /*line-height: 1;*/
    font-weight: 600;
    display: flex;
    flex-direction: column;
    position: absolute;
    align-items: center;
    bottom: 25%;
    right: 15%;
    left: 15%;
    max-width: 140px;
    margin: 0 auto;
    text-align: center;
}

.box-profile__screen-box {
    margin-bottom: 15px;
}

.rating-player {
    background-color: #f6f6f6;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    color: #141414;
    font-weight: 500;
    border-radius: 5px;
    margin-bottom: 15px;
    width: 100%;
}

.rating-player.rating-column {
    background-color: #f6f6f6;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    color: #141414;
    font-weight: 500;
    border-radius: 5px;
    margin-bottom: 15px;
}

.rating-column .bar-chart-box {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    margin-top: 0;
}

.rating-player-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}


.rating-player__name span[class*=" ti-"], .rating-player__name span[class^="ti-"]{
    position: unset;
    font-size: 18px;
    color: #212121;
    vertical-align: middle;
    width: 18px;
    height: 20px;
    cursor: pointer;
    margin-left: 7px;
}
.hidden-rate-info {
    display: none;
    padding: 8px;
    border-radius: 5px;
    /*background-color: #fff;*/
    width: 100%;
    margin-top: 16px;
}
.hidden-rate-info p{
    color: #313131;
    font-size: 12px;
    line-height: 18px;
}
.main-info-player {
    display: flex;
    align-items: center;
    /*margin-left: -40px;*/
    margin-bottom: 15px;
}

.number-player-profile {
    font-weight: 600;
    font-size: 37px;
    line-height: 40px;
    color: #E3E3E3;
    width: 40px;
}

.wrapper-main-profile-player {
    margin-left: 0;
    margin-top: 15px;
}

.number-player-profile {
    font-weight: 600;
    font-size: 30px;
    line-height: 35px;
    color: #999;
    width: 30px;
    margin-right: 20px;
}

.name-player {
    font-weight: 600;
    font-size: 23px;
    line-height: 27px;
    color: #313131;
    margin-bottom: 5px;
}

.name__general-name span:first-child {
    margin-right: 5px;
}

.position-player {
    font-size: 15px;
    line-height: 18px;
    color: #A0A0A0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.second-main-info-player {
    margin-left: 0px;
    font-size: 14px;
    line-height: 17px;
    color: #313131;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.comment-for-general-info {
    color: #A0A0A0;
    margin-top: 5px;
    font-size: 13px;
    vertical-align: text-top;
}

.bold-span {
    font-weight: 600;
}

.pic-foot {
    width: 35px;
    height: auto;
}

.pic-foot img {
    width: 100%;
    height: auto;
}

.block-second-info {
    margin-bottom: 10px;
}

.block-second-info:last-child {
    margin-bottom: 0;
}

.one-box-second-info {
    width: 40%;
}
.second-main-info-player .one-box-second-info {
    width: 100%;
}
.second-box-second-info {
    width: 100%;
}

.profile-player__bars-chart-wrapper {
    margin-top: 30px;
}

.bar-chart-box .number-percent {
    position: absolute;
    right: 10%;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    color: #666464;
    bottom: 0;
    height: 23px;
}

.bar-chart-box .gray-field-vote {
    display: flex;
    height: 20px;
    background-color: #EBEBEB;
    border-radius: 5px;
    width: 80%;
    position: relative;
    margin-bottom: 25px;
    z-index: 1;
}

.bar-chart-box .number-schema {

/*    position: absolute;*/
/*    left: 5px;*/
/*    font-size: 12px;*/
/*    line-height: 1;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    height: 25px;*/
/*    color: #666464;*/
/*    top: -28px;*/
    /*-webkit-line-clamp: 2;*/
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
    /*overflow: hidden;*/
    /* height: 17px; */
}

.bar-chart-box .number-schema {
    display: block;
    padding: 0 0 10px;
    height: auto;
}

.name__general-name {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.name__general-name-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.wrapper-season-player-profile {
    margin-top: 30px;
    margin-left: 0;
}

.box-profile__rate-box {
    margin-top: 30px;
}

.title-season-profile {
    color: #313131;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    margin-bottom: 20px;
}

.info-matches__player-profile {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
}

.info-matches-player-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 33%;
}

.number-matches-player {
    font-weight: 600;
    font-size: 40px;
    line-height: 45px;
    color: #FFB800;
    margin-right: 0px;
}

.status-matches-player {
    font-size: 14px;
    line-height: 17px;
    color: #313131;
    margin-right: 10px;
}

.info-cards__player-profile {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    color: #313131;
}

.info-name-cards-player-box {
    font-weight: 600;
    margin-right: 10px;
}

.col-cards {
    margin-right: 10px;
    font-size: 15px;
    font-weight: 500;
}

.red-card-player-profile, .yellow-card-player-profile {
    margin: 0 15px 0 0;
    display: flex;
    align-items: center;
}

.red-card-player-profile img, .yellow-card-player-profile img {
    width: 25px;
    height: auto;
}

.hidden-info-short {
    display: none;
}

.hidden-info-short.show {
    display: inline;
}

.show-info-short {
    display: inline;
}

.show-info-short, .hidden-info-short {
    color: #313131;
    font-size: 14px;
    line-height: 19px;
}

.show-info-short .read-more-short {
    display: inline;
    cursor: pointer;
    font-size: 14px;
    line-height: 17px;
    color: #1a1d49;
    border-bottom: 1px solid #1a1d49;
}

.short-info__player-profile {
    display: flex;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #313131;
    margin-top: 30px;
    margin-bottom: 30px;
}

.title-achievements-profile {
    font-weight: 600;
    margin-bottom: 10px;
}

.name-achievements-profile {
    line-height: 19px;
    font-size: 14px;
}

.achievements__player-profile {
    margin-bottom: 30px;
}

.title-prev-clubs {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #313131;
    margin-bottom: 10px;
}

.prev-clubs-player-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 25px;
}

.prev-clubs-player-box:last-child {
    margin-bottom: 0;
}

.years-prev-clubs-profile {
    font-size: 14px;
    line-height: 17px;
    color: #313131;
    margin-right: 30px;
}

.pic-prev-clubs-profile img {
    width: 40px;
    height: auto;
    margin-right: 30px;
}

.name-prev-clubs-profile {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    margin-right: 30px;
}

.number-prev-clubs-profile {
    font-size: 14px;
    line-height: 17px;
    color: #A0A0A0;
}

.btns-box__player-profile {
    margin-top: 25px;
}

.wrapper-btns-profile {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.wrapper-btns-profile a {
    width: auto;
    min-width: 150px;
    margin-right: 20px;
}
/*----------- inc players line --------------*/
.one-player-line{
    display: inline-block;
    width: 32%;
}
.one-player-line .one-of-club-team{
    margin: 0;
}
.one-player-line.inline-card{
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 3;
}
.one-player-line.inline-card .inline-card__link-player{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 3;
}
.one-player-line.inline-card .card-style-member {
    margin: 0 0 15px 0;
}
.one-player-line.inline-card:last-child .card-style-member{
    margin: 0;
}

.title-players-line{
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    color: #313131;
    text-transform: uppercase;
    display: block;
    position: relative;
    margin: 0 auto 15px;
    width: max-content;
}
.wrapper-players-line{
    margin-bottom: 30px;
}
.wrapper-players-line:last-child{
    margin-bottom: 0;
}



/*-------- trainer ---------*/
.trainer-profile__table {
    margin-top: -15px;
}

/*--*/
#myChart {
    width: auto !important;
    height: 150px !important;
}

/*--*/
/*------ дуга *------*/
#container {
    width: 150px;
    height: 73px;
    border-radius: 100px 100px 0 0;
    border-top: 9px solid #dadbdd;
    border-left: 9px solid #dadbdd;
    border-right: 9px solid #dadbdd;
}

.score-plus {
    width: 150px;
    height: 73px;
    border-radius: 100px 100px 0 0;
    border-top: 3px solid #1fc114;
    border-left: 3px solid #1fc114;
    border-right: 3px solid #1fc114;
}

.wrapper-user-score {
    margin-top: 15px;
    position: relative;
}

.user-score-number.plus {
    text-align: center;
    position: absolute;
    bottom: 10%;
    width: 100%;
    font-size: 23px;
    color: #1fc114;
    font-weight: 600;
}

.user-score-number.minus {
    text-align: center;
    position: absolute;
    bottom: 10%;
    width: 100%;
    font-size: 23px;
    color: #bd2130;
    font-weight: 600;
}

/*------*/

.rating-player .first-vote-schema, .second-vote-schema, .free-vote-schema {
    position: relative;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 10px;
}

.rating-player .gray-field-vote {
    width: 89%;
    margin-bottom: 0;
}

.rating-player .number-percent {
    position: absolute;
    right: 0px;
}

.rating-player.bar-rating {
    flex-direction: column;
}

.radar-wrapper {
    margin-top: 15px;
}

.admin-team .name-team-player {
    width: 75%;
}

.club-table-season {
    display: flex;
    align-items: center;
}

.wrapper-seasons-table tr {
    font-size: 14px;
    color: #313131;
    font-weight: 500;
    border-bottom: 1px solid #ebebeb;
}

.wrapper-seasons-table tbody tr:last-child {
    border-bottom: 1px solid transparent;
}

.wrapper-seasons-table tr {
    font-size: 14px;
    color: #313131;
    font-weight: 500;
    border-bottom: 1px solid #ebebeb;
}

.logo-club-season {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.wrapper-seasons-table td {
    width: auto;
    padding: 10px;
    vertical-align: middle;
    text-align: center;
}

/*#rateplayer{*/
/*    opacity: 0;*/
/*    height: 0;*/
/*    width: 0;*/
/*}*/


/*---------------- Admin Profile --------------*/

.admin-profile-photo img {
    height: auto;
    width: 100%;
}

.wrapper-admin-profile {
    margin-top: 15px;
}

.admin-profile-info {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 17px;
    line-height: 20px;
    color: #313131;
}

.line-score-admin {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #f6f6f6;
    border-radius: 3px;
    padding: 30px 30px 50px;
    margin-top: 30px;
}

.title-line-score{
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 8px;
    font-weight: 500;
}
.res-line-score{
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 10px;
}
.res-line-score.minus{
    color: #ffb800;
}
.res-line-score.plus{
    color: #1fc114;
}


.wrapper-line-score{
    display: flex;
    width: 100%;
    height: 40px;
    align-items: center;
    justify-content: center;
    position: relative;
}

.wrapper-line-score .zero-line{
    width: 2px;
    height: 40px;
    background-color: rgb(26 29 73 / 7%);
    position: relative;
    z-index: 3;
    left: 0;
    transform: translateX(-50%);
}
.wrapper-line-score .minus5-line{
    width: 2px;
    height: 25px;
    background-color: unset;
    position: absolute;
    left: 0;
    z-index: 3;
}
.wrapper-line-score .minus4-line{
    width: 2px;
    height: 25px;
    background-color: rgb(26 29 73 / 7%);
    position: absolute;
    left: 10%;
    z-index: 3;
}
.wrapper-line-score .minus3-line{
    width: 2px;
    height: 25px;
    background-color: rgb(26 29 73 / 7%);
    position: absolute;
    left: 20%;
    z-index: 3;
}
.wrapper-line-score .minus2-line{
    width: 2px;
    height: 25px;
    background-color: rgb(26 29 73 / 7%);
    position: absolute;
    left: 30%;
    z-index: 3;
}
.wrapper-line-score .minus1-line{
    width: 2px;
    height: 25px;
    background-color: rgb(26 29 73 / 7%);
    position: absolute;
    left: 40%;
    z-index: 3;
}


.wrapper-line-score .plus1-line{
    width: 2px;
    height: 25px;
    background-color: rgb(26 29 73 / 7%);
    z-index: 3;
    position: absolute;
    right: 40%;
}

.wrapper-line-score .plus2-line{
    width: 2px;
    height: 25px;
    background-color: rgb(26 29 73 / 7%);
    z-index: 3;
    position: absolute;
    right: 30%;
}

.wrapper-line-score .plus3-line{
    width: 2px;
    height: 25px;
    background-color: rgb(26 29 73 / 7%);
    z-index: 3;
    position: absolute;
    right: 20%;
}

.wrapper-line-score .plus4-line{
    width: 2px;
    height: 25px;
    background-color: rgb(26 29 73 / 7%);
    z-index: 3;
    position: absolute;
    right: 10%;
}

.wrapper-line-score .plus5-line{
    width: 2px;
    height: 25px;
    background-color: unset;
    z-index: 3;
    position: absolute;
    right: 0;
}



.wrapper-line-score .zero-line:after{
    content: "0";
    position: absolute;
    color: #666;
    font-size: 12px;
    line-height: 16px;
    bottom: -17px;
    left: -9px;
    width: 21px;
    text-align: center;
}
.wrapper-line-score .minus5-line:after{
    content: "-5";
    position: absolute;
    color: #666;
    font-size: 12px;
    line-height: 16px;
    bottom: -23px;
    left: -9px;
    width: 21px;
    text-align: center;
}
.wrapper-line-score .minus4-line:after{
    content: "-4";
    position: absolute;
    color: #666;
    font-size: 12px;
    line-height: 16px;
    bottom: -23px;
    left: -9px;
    width: 21px;
    text-align: center;
}
.wrapper-line-score .minus3-line:after{
    content: "-3";
    position: absolute;
    color: #666;
    font-size: 12px;
    line-height: 16px;
    bottom: -23px;
    left: -9px;
    width: 21px;
    text-align: center;
}
.wrapper-line-score .minus2-line:after{
    content: "-2";
    position: absolute;
    color: #666;
    font-size: 12px;
    line-height: 16px;
    bottom: -23px;
    left: -9px;
    width: 21px;
    text-align: center;
}
.wrapper-line-score .minus1-line:after{
    content: "-1";
    position: absolute;
    color: #666;
    font-size: 12px;
    line-height: 16px;
    bottom: -23px;
    left: -9px;
    width: 21px;
    text-align: center;
}
.wrapper-line-score .plus1-line:after{
    content: "+1";
    position: absolute;
    color: #666;
    font-size: 12px;
    line-height: 16px;
    bottom: -23px;
    left: -9px;
    width: 21px;
    text-align: center;
}

.wrapper-line-score .plus2-line:after{
    content: "+2";
    position: absolute;
    color: #666;
    font-size: 12px;
    line-height: 16px;
    bottom: -23px;
    left: -9px;
    width: 21px;
    text-align: center;
}

.wrapper-line-score .plus3-line:after{
    content: "+3";
    position: absolute;
    color: #666;
    font-size: 12px;
    line-height: 16px;
    bottom: -23px;
    left: -9px;
    width: 21px;
    text-align: center;
}

.wrapper-line-score .plus4-line:after{
    content: "+4";
    position: absolute;
    color: #666;
    font-size: 12px;
    line-height: 16px;
    bottom: -23px;
    left: -9px;
    width: 21px;
    text-align: center;
}

.wrapper-line-score .plus5-line:after{
    content: "+5";
    position: absolute;
    color: #666;
    font-size: 12px;
    line-height: 16px;
    bottom: -23px;
    left: -9px;
    width: 21px;
    text-align: center;
}

.line-score__parent{
    display: flex;
    height: 25px;
    background-color: #EBEBEB;
    border-radius: 5px;
    width: 50%;
    position: absolute;
    z-index: 1;
}
.line-score__parent.minus{
    left: 0;
    flex-direction: row-reverse;
    border-radius: 3px 0 0 3px;
}
.line-score__parent.plus{
    right: 0;
    border-radius: 0 3px 3px 0;
}
.red-line-score{
    opacity: 0.7;
    background-color: #ffb800;
    width: 0;
    transition: width .3s;
}
.green-line-score{
    opacity: 0.7;
    background-color: #1fc114;
    width: 0;
    transition: width .3s;
}

.admin-profile-info > div {
    margin-bottom: 10px;
}

.description-admin-profile {
    margin: 15px 0;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    color: #313131;
    font-size: 16px;
    line-height: 22px;
}

.contacts-admin-profile {
    margin: 15px 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
    color: #313131;
    font-size: 16px;
    line-height: 22px;
}

.contacts-admin-profile-name {
    font-weight: 600;
    margin-bottom: 10px;
}

/*---------------- Tour Table --------------*/

.wrapper-card-tour-table {
    margin-top: 15px;
    padding: 15px;
    background-color: #f6f6f6;
    font-size: 15px;
    line-height: 18px;
    color: #1b1b1b;
    font-weight: 400;
}

.tour-table-club {
    display: flex;
    align-items: center;
    width: 100%;
}

.tour-table td {
    padding: 7px;
    vertical-align: middle;
}

.tour-table-place-green {
    background-color: #FFB800;
    color: #fff;
    border-bottom: 1px solid transparent;
}

.tour-table-place-yellow {
    border-bottom: 1px solid transparent;
    background-color: #fada46;
}

.tour-table thead td {
    font-weight: 500;
    cursor: default;
    user-select: none;
}

.tour-table td {
    /*border-bottom: 1px solid #e4e4e4;*/
}

.current-club {
    font-weight: bold !important;
}

.tour-table tbody td:last-child {
    border-bottom: 1px solid transparent;
}

.number-season-table {
    width: 10%;
    text-align: center;
}

.number-comand {
    width: 3%;
    text-align: center;
}

.logo-club-season img {
    width: 30px;
    height: 30px;
}

.logo-card-club {
    width: 120px;
    height: auto;
}
.logo-card-club.finance-coal{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
}

.logo-card-club.finance-coal img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.logo-card-club.coalition-logo-profile {
    width: 120px;
    height: 120px;
}
.coalition-profile .fileUploader .btn-primary {
    bottom: -23% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.logo-card-club img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.logo-card-club.coalition-logo-profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.coalition-profile .fileUploader {
    background-image: url("../images/icons/icons/ball.png");
}

.coalition-profile .wrapper-upload-photo{
    width: 300px;
    height: 300px;
}

/*---------- coalition list --------*/
.coalition-list-section {
    padding: 15px 13px 0;
}

.one-card-coalition-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 15px;
    background-color: #f6f6f6;
    border-radius: 5px;
    position: relative;
    margin-bottom: 30px;
    z-index: 3;
    box-shadow: none;
    transition: all .2s;
}

.one-card-coalition-list:hover {
    box-shadow: 1px 1px 4px 0 #eee;
    box-shadow: inset 1px 1px 4px 0 #eee;
    transition: all .2s;
}
.one-card-coalition-list .canals-card-image{
    width: 80px;
    height: 80px;
}
.coalition-card-image {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
}

.coalition-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.coal-list-link {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 3;
}
.coal-list-link.closed-chat {
    background-color: rgb(31 36 87 / 10%);
    border-radius: 5px;
}
.coal-list-link.my-coal{
    border-left: 5px solid #ffb800;
}

.coalition-card-info {
    width: auto;
    max-width: 75%;
}

.coalition-card-title {
    line-height: 19px;
    font-size: 15px;
    font-weight: 500;
    max-height: 40px;
    overflow: hidden;
    margin-bottom: 5px;
}

.coalition-card-comment {
    font-size: 14px;
    line-height: 1;
    color: #666;
}

.chat-title-pic{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.chat-pic{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
}
.chat-pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.chat-title{
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    color: #000;
}


/*---------- canals list --------*/
.canals-list-section {
    padding: 15px 13px 0;
}

.one-card-canals-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 15px;
    background-color: #f6f6f6;
    border-radius: 5px;
    position: relative;
    margin-bottom: 20px;
    z-index: 3;
    box-shadow: none;
    transition: all .2s;
}
.wrapper-card-chat{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px;
}
.one-card-canals-list:hover {
    box-shadow: 1px 1px 4px 0 #eee;
    box-shadow: inset 1px 1px 4px 0 #eee;
    transition: all .2s;
}

.canals-card-image {
    width: 60px;
    height: 60px;
    min-width: 60px;
    max-width: unset;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 12px;
    font-size: 35px;
    line-height: 60px;
    text-align: center;
    text-transform: uppercase;
}

.name-chat__box{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /*margin-bottom: 15px;*/
}

.chat-color-0{
    background: linear-gradient(360deg, #0BA360 0%, #3CBA92 100%);
    color: #fff;
}
.chat-color-1{
    background: linear-gradient(360deg, #473B7B 0%, #3584A7 51%, #30D2BE 100%);
    color: #fff;
}
.chat-color-2{
    background: linear-gradient(360deg, #FBC2EB 0%, #A6C1EE 100%);
    color: #fff;
}
.chat-color-3{
    background: linear-gradient(360deg, #F6D365 0%, #FDA085 100%);
    color: #fff;
}
.chat-color-4{
    background: linear-gradient(360deg, #CC208E 0%, #6713D2 100%);
    color: #fff;
}
.chat-color-5{
    background: linear-gradient(360deg, #4FACFE 0%, #00F2FE 100%);
    color: #fff;
}
.chat-color-6{
    background: linear-gradient(360deg, #5EE7DF 0%, #B490CA 100%);
    color: #fff;
}
.chat-color-7{
    background: linear-gradient(360deg, #868F96 0%, #596164 100%);
    color: #fff;
}
.chat-color-8{
    background: linear-gradient(360deg, #6A11CB 0%, #2575FC 100%);
    color: #fff;
}
.chat-color-9{
    background: linear-gradient(360deg, #F78CA0 0%, #F9748F 19%, #FD868C 60%);
    color: #fff;
}
.chat-color-a{
    background: linear-gradient(360deg, #3D4E81 0%, #5753C9 48%, #6E7FF3 100%);
    color: #fff;
}
.chat-color-b{
    background: linear-gradient(360deg, #231557 0%, #44107A 29%, #FF1361 67%);
    color: #fff;
}
.chat-color-c{
    background: linear-gradient(360deg, #FF3CAC 0%, #562B7C 52%, #2B86C5 100%);
    color: #fff;
}
.chat-color-d{
    background: linear-gradient(360deg, #473B7B 0%, #3584A7 51%, #30D2BE 100%);
    color: #fff;
}
.chat-color-e{
    background: linear-gradient(360deg, #CBBACC 0%, #2580B3 100%);
    color: #fff;
}
.chat-color-f{
    background: linear-gradient(360deg, #D7D2CC 0%, #304352 100%);
    color: #fff;
}



.canals-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.canals-list-link {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 3;
}

.canals-card-info {
    width: auto;
    /*max-width: 55%;*/
    display: flex;
    flex-direction: column;
}

.canals-card-title {
    line-height: 18px;
    font-size: 15px;
    font-weight: 500;
    max-height: 40px;
    overflow: hidden;
    margin-bottom: 0;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.canals-card-comment {
    font-size: 14px;
    line-height: 1;
    color: #666;
}
.one-card-canals-list {
    margin-bottom: 15px;
}
.remove-chat{
    color: #ffb800;
    position: absolute;
    top: 3px;
    right: 7px;
    z-index: 5;
}
.remove-chat:hover{
    position: absolute;
    top: 3px;
    right: 7px;
    z-index: 5;
}

.canals-card-author {
    line-height: 19px;
    font-size: 14px;
    color: #666;
    font-weight: 500;
}

.canals-card-data {
    margin: 0 0 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    min-width: max-content;
}

.canals-time-info {
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 10px;
    text-align: right;
}

/*.canals-new-mess {*/
/*    font-weight: 500;*/
/*    width: auto;*/
/*    height: 21px;*/
/*    background-color: #FFB800;*/
/*    border-radius: 10px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    font-size: 12px;*/
/*    line-height: 21px;*/
/*    color: #fff;*/
/*    padding: 3px 7px;*/
/*}*/

.canals-new-mess {
    font-weight: 500;
    width: auto;
    min-width: 24px;
    height: 22px;
    background-color: #FFB800;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 1;
    color: #000;
    padding: 5px 8px;
}

.canal-chat-section {
    padding: 15px 13px;
    position: relative;
    /* height: 100%; */
    min-height: 600px;
    max-height: unset;
}
.canal-chat-section.auto-height{
    height: auto;
    min-height: unset;
    max-height: unset;
}

.canal-chat-wrapper {
    padding: 15px;
    background-color: #f6f6f6;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    max-height: 90vh;
    min-height: 90vh;
}
.more-chat-btn{
    display: flex;
    max-width: max-content;
    margin: 0 auto 15px;
}

.header-chat-area {
    background-color: #fff;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
.title-chat-box{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.title-chat-canal {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0;
    width: 100%;
}
.chat-btn-noti{
    /*border: 1px solid #FFB800;*/
    /*background: #FFB800;*/
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
}
.chat-noti-toggle{
    display: block;
    width: 22px;
    height: 22px;
    text-align: center;
}
.chat-noti-toggle.hide{
    display: none;
 }
.chat-noti-toggle i.far{
    color: #FFB800;
    font-size: 20px;
}

/*.chat-btn-noti:hover{*/
/*    border: 1px solid #494e7c;*/
/*    background: #494e7c;*/
/*    color: #FFFFFF;*/
/*    transition: all .2s;*/
/*    fill: #FFFFFF;*/
/*    transition: all .2s;*/
/*}*/
/*.chat-btn-noti.active{*/
/*    border: 1px solid #494e7c;*/
/*    background: #494e7c;*/
/*    color: #FFFFFF;*/
/*    transition: all .2s;*/
/*    fill: #FFFFFF;*/
/*    transition: all .2s;*/
/*}*/

.chat-noti-toggle span{
    margin-left: 5px;
    font-size: 16px;
    vertical-align: middle;
}

.image-chat-canal {
    display: block;
    width: 60px;
    height: 60px;
    max-width: 20%;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
    font-size: 35px;
    line-height: 60px;
    text-align: center;
    text-transform: uppercase;
}
.image-sender{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
}
.image-chat-canal img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.name-chat-canal {
    font-size: 17px;
    line-height: 20px;
    margin-left: 15px;
    font-weight: 600;
    width: 79%;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.chat_vote-box .wrapper-variants-vote-page {
    background-color: #f6f6f6;
    padding: 10px;
    border-radius: 5px;
    margin: 0 0 15px 0;
    box-shadow: 0px 2px 5px 0 #eee;
}
.chat_vote-box .wrapper-variants-vote-page h3{
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
}

.chat_vote-box #chatVote{
    margin-top: 15px;
}
.chat_vote-box .vote-stat {
    margin-top: 15px;
}
.chat_vote-box #chatVote input[type=checkbox]:not(old) + label > span, .chat_vote-box #chatVote input[type=radio ]:not(old) + label > span {
    display: inline-table;
    width: 20px;
    height: 20px;
    margin: 2px 10px 2px 0;
    border: 1px solid #000;
    border-radius: 50%;
    background-color: #fff;
    background-image: none;
    vertical-align: middle;
}

#chatVote label {
    font-size: 15px;
    line-height: 18px;
    color: #000000;
}

#chatVote input[type=checkbox]:not(old),
#chatVote input[type=radio   ]:not(old) {
    width: 0;
    margin: 0;
    padding: 0;
    font-size: 15px;
    opacity: 0;
    visibility: hidden;
    height: 10px;
    cursor: pointer;
}

#chatVote input[type=checkbox]:not(old) + label,
#chatVote input[type=radio   ]:not(old) + label {
    display: flex;
    margin-left: 0;
    line-height: 20px;
    word-break: normal;
}

#chatVote input[type=checkbox]:not(old) + label > span,
#chatVote input[type=radio   ]:not(old) + label > span {
    display: inline-table;
    width: 20px;
    height: 20px;
    margin: 7px 15px 7px 0;
    border: 1px solid #000;
    border-radius: 50%;
    background-color: #fff;
    background-image: none;
    vertical-align: middle;
}

#chatVote input[type=checkbox]:not(old) + label.disabled > span,
#chatVote input[type=radio   ]:not(old) + label.disabled > span {
    border: 1px solid rgb(172 173 181);
    background-color: #f2f2f3;
    cursor: default;
}

#chatVote input[type=radio]:not(old) + label > span > span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 3px;
    border: none;
    border-radius: 50%;
    background-color: transparent;
}
#chatVote input[type=radio]:not(old):checked + label > span > span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 3px;
    border: none;
    border-radius: 50%;
    background-color: #000;
}


.chat_vote-box .btn-form-vote-active {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 5px 0 0 0;
}

.chat_vote-box .btn-form-vote-active .btn-fill-blue, .chat_vote-box .btn-form-vote-active .btn-overview-active {
    min-width: unset;
    font-size: 14px;
    line-height: 17px;
    padding: 7px 17px;
}
.new-chat-checkbox{
    margin-top: 10px;
    display: flex;
    align-items: center;
}
.new-chat-checkbox input{
    margin-left: 10px;
}
.poll-wrapper{
    margin: 10px 0;
}
.poll-wrapper a{
    font-weight: 600;
    cursor: pointer;
    border-bottom: 1px solid #007bff;
    color: #007bff;
}
.poll-question-list{
    width: 100%;
}
.poll-question-list input{
    margin-bottom: 15px;
}


/*-chat-*/
#feedbackSelect
.image-sender {
    width: auto;
    height: auto;
    margin-right: 10px;
}

.image-sender img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    margin: 0 15px 0 0;
}

.card-box-sender {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 15px;
}

.card-box-owner {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    margin-bottom: 15px;
}

.message-sender-style {
    background-color: #fff;
    padding: 10px;
    border-radius: 0 10px 10px 10px;
    box-shadow: -1px 1px 5px -1px #e5e7e9;
    max-width: 92%;
    min-width: 180px;
    position: relative;
}

.message-owner-style {
    background-color: #ffb800;
    padding: 10px;
    /*border-radius: 10px;*/
    border-radius: 10px 10px 0 10px;
    box-shadow: -1px 1px 5px -1px #e5e7e9;
    max-width: 92%;
    min-width: 180px;
}

.date-message-sender {
    text-align: right;
    font-size: 13px;
    /*margin-top: 10px;*/
    color: #888;
}

.name-sender {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 0;
}

.text-message-sender {
    font-size: 14px;
    line-height: 18px;
    word-break: break-word;
}
.image-message{
    display: block;
    text-align: right;
    margin: 5px 0 0 0;
}

.image-message img {
   width: 200px;
   height: auto;
   object-fit: cover;
}

.footer-chat-owner {
}

.one-chat-canal {
    padding-bottom: 0;
    overflow-y: auto;
    padding-right: 15px;
    position: relative;
    /*max-height: 800px;*/
    /*min-height: 60vh;*/
}
.canal-chat-area{
    height: 100%;
    max-height: 100%;
}
.chat-arrow{
    cursor: pointer;
    position: absolute;
    top: -60px;
    right: 25px;
    z-index: 10;
    background-color: #FFB8009e;
    color: #fff;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    text-align: center;
    display: none;
}
.chat-arrow.show{
    display: block;
}

.chat-arrow span{
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    font-size: 14px;
}

.theme-chat{
    font-size: 12px;
    color: #999;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.status-feedback-chat .data-status {
     text-transform: unset;
     font-size: 13px;
     color: #ffb800;
     font-weight: 600;
}
.no-chats-feedback{
    padding: 25px 0;
    text-align: center;
    font-size: 20px;
}
.info-no-chats{
    text-align: center;
}
.theme-name-chat{
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 5px;
    text-align: left;
}
.title-chat_btn{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.title-chat_btn .title-close-chat{
    color: #414141;
    font-weight: 500;
    font-size: 14px;
    padding-bottom: 3px;
    border-bottom: 2px solid #ffb800;
}
.title-chat_btn .title-chat-back{
    color: #414141;
    font-weight: 600;
    font-size: 14px;
    padding-bottom: 3px;
    cursor: pointer;
    /*border-bottom: 2px solid #ffb800;*/
}
.title-chat_btn .title-chat-back span{
    color: #ffb800;
    font-weight: 600;
    font-size: 15px;
    padding-bottom: 3px;
    margin-right: 5px;
}
.theme-name-chat span{
    font-weight: 600;
}
.canals-list-wrapper{
    margin-top: 30px;
}

/*-replies chat messages-*/

.footer-chat-message{
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 10px;
}
.card-box-sender .footer-chat-message{
    flex-direction: row-reverse;
}
.reply-message{
    cursor: pointer;
    font-size: 15px;
    color: #000;
    font-weight: 400;
    transition: all .2s;
}
.reply-message:hover{
    color: #666;
    transition: all .2s;
}
.remove-message{
    padding: 0;
    cursor: pointer;
    font-size: 15px;
    color: #000;
    font-weight: 400;
    transition: all .2s;
    background-color: transparent;
    border: none;
    margin-right: 7px;
}
.remove-message:hover{
    color: #666;
    transition: all .2s;
}
.option-chat-message{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}






/*---scroll default style---*/
.dropdownScrollchats ::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.dropdownScrollchats ::-webkit-scrollbar-track {
    background: #000;
}

.dropdownScrollchats ::-webkit-scrollbar-thumb {
    background: #FFB800;
}

.dropdownScrollchats {
    scrollbar-color: #FFB800 !important;
    scrollbar-width: unset;
    scrollbar-width: thin;
}

/*- for FF -*/
html, body, .dropdownScrollchats {
    scrollbar-color: #FFB800 #000000; /* «цвет ползунка» «цвет полосы скроллбара» */
    scrollbar-width: thin; /* толщина */
}

.one-chat-canal.owner-chat {
    padding-bottom: 0;
}

.footer-only-canals {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 5px;
    align-items: center;
    justify-content: center;
}

.send-message-form {
    display: flex;
    flex-direction: row;
    /*align-items: center;*/
    justify-content: space-between;
    flex-wrap: wrap;
}
.send-message-form .text-message-box {
    position: relative;
    width: 70%;
    margin-right: 0;
}
.new-chat-message-box .text-message-box {
    position: relative;
    width: 70%;
    margin-right: 0;
}

.text-message-box #fail, .text-message-box #ok{
    position: absolute;
    background-color: #fff;
    right: 10px;
    padding: 10px;
    border-radius: 5px;
    bottom: 10px;
}
.text-message-box .status-ok, .text-message-box .status-fail{
    text-align: center;
    margin: 3px 0;
}


.text-message-box {
    width: 68%;
    margin-right: 0;
}
.new-chat-message-box .text-message-box {
    width: 70%;
    margin-right: 0;
}

.input-form-style.text-message {
    height: 100px;
    padding: 10px;
    line-height: 21px;
    font-size: 14px;
    color: #333;
    resize: none;
    border: none;
    /*box-shadow: inset 1px 1px 6px 0px #ececec;*/
    border-radius: 5px;
    /*max-width: 70%;*/
}
.btn-message-box {
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-evenly;
    height: auto;
}

.btn-message-box .btn{
    width: auto;
    min-width: 210px;
    text-align: center;
}
.btn-message-box .attach-btn, .btn-message-box button{
    width: auto;
    min-width: 210px;
}
.btn-message-box .btn-primary{
    border: 1px solid #FFB800;
    background: #FFB800;
    box-sizing: border-box;
    color: #000;
    display: flex;
    font-weight: 500;
    align-items: center;
    font-size: 14px;
    line-height: 21px;
    border-radius: 5px;
    padding: 10px 20px;
    width: auto;
    justify-content: center;
    transition: all .2s;
    cursor: pointer;
    width: auto;
    min-width: 210px;
    text-align: center;
}
.btn-message-box .btn-primary:hover{
    border: 1px solid #494e7c;
    background: #494e7c;
    color: #FFFFFF;
    transition: all .2s;
}
.btn-message-box .sau-result-img{
    display: none !important;
}
.btn-message-box .sau-msgbox-img {
    display: flex;
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 15px;
    line-height: 15px;
    font-size: 11px;
    overflow: hidden;
}
.btn-message-box .sau-msgbox-img strong{
    width: 40%;
    text-overflow: ellipsis;
    display: inline-block;
}
.footer-chat-owner {
    position: relative;
    z-index: 9;
    margin-top: 15px;
}

.btn-message-box .btn-fill-blue span {
    margin-right: 13px;
}
.btn-message-box .btn-fill-blue{
    font-size: 14px;
    line-height: 22px;
}
.btn-message-box .btn-fill-blue svg path {
    fill: #000;
}
.btn-message-box .btn-fill-blue:hover svg path {
    fill: #000;
}


.attach-btn {
    box-sizing: border-box
}

.attach-btn {
    position: relative;
    color: #999;
    font-weight: 400;
    padding: 0;
    font-size: 15px;
    width: auto;
    text-align: center;
    margin-top: 0;
    cursor: pointer;
}

.attach-btn h2 {
    font-weight: 400;
}

.attach-btn .filupp > input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    cursor: pointer;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.attach-btn .filupp {
    position: relative;
    border: 1px solid #FFB800;
    background: #FFB800;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-weight: 500;
    align-items: center;    font-size: 14px;
    line-height: 22px;
    border-radius: 5px;
    padding: 10px 20px;
    width: auto;
    justify-content: center;
    transition: all .2s;
    cursor: pointer;
}
.attach-btn:hover .filupp {
    position: relative;
    box-sizing: border-box;
    border: 1px solid #494e7c;
    background: #494e7c;
    color: #FFFFFF;
    transition: all .2s;
    fill: #FFFFFF;
    transition: all .2s;
}
.attach-btn:hover .filupp svg path{
    fill: #FFFFFF;
    transition: all .2s;
}

/*.attach-btn .filupp:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 1.5em;*/
/*    right: .75em;*/
/*    width: 2em;*/
/*    height: 1.25em;*/
/*    border: 3px solid #dd4040;*/
/*    border-top: 0;*/
/*    text-align: center*/
/*}*/

/*.attach-btn .filupp:after {*/
/*    content: "\f0c6";*/
/*    font-family: FontAwesome;*/
/*    -webkit-transform: rotate(-90deg);*/
/*    -moz-transform: rotate(-90deg);*/
/*    -ms-transform: rotate(-90deg);*/
/*    -o-transform: rotate(-90deg);*/
/*    transform: rotate(-90deg);*/
/*    position: absolute;*/
/*    top: .65em;*/
/*    right: .45em;*/
/*    font-size: 2em;*/
/*    color: #dd4040;*/
/*    line-height: 0*/
/*}*/

.attach-btn .filupp-file-name {
    width: 100%;
    display: inline-block;
    max-width: 100%;
}
.attach-btn .filupp-file-name svg{
    margin-left: 13px;
}

/*----------- card club ----------*/

.wrapper-card-club {
    display: flex;
    flex-direction: column;
}

.present-card-club {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
}

.coalition-card-club {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}
.coalition-header{
    width: 40%;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.title-card-club {
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    color: #313131;
    display: block;
    position: relative;
    margin: 0 auto 0 0;
    width: max-content;
}
.finance-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    line-height: 30px;
}
.finance-balance-info{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 2px solid #ffb800;
}
.finance-balance-info .name{
    margin-right: 10px;
}
.wrapper-history-card-club {
    margin-top: 30px;
    padding: 15px;
    border-radius: 5px;
    background-color: #f6f6f6;
}
.date-finance-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.date-finance{
    font-size: 14px;
    color: #888;
    font-weight: 500;
}

.card-club-description {
    margin-top: 15px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    color: #414141;
    max-width: 100%;
    overflow: hidden;
    word-break: break-all;
}

.wrapper-trainer-card-club {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 15px;
}

.photo-card-club-trainer {
    width: 75px;
    height: 75px;
    margin-right: 15px;
    border-radius: 50%;
    overflow: hidden;
}

.name-card-club-trainer {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}

.name-card-club {
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 10px;
    max-width: 100%;
	overflow: hidden;
    word-break: break-word;
}

.photo-card-club-trainer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-club-identity {
    margin-top: 15px;
}

.wrapper-files-card-club {
    font-size: 15px;
    line-height: 20px;
}

.download-file-card-club {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 10px;
}
.download-file-card-club.finance-link{
    margin-top: 10px;
}

.download-file-card-club:last-child {
    margin-bottom: 0;
}

.icon-files-card-club {
    font-size: 23px;
    line-height: 23px;
    color: #FFB800;
    margin-right: 10px;
}

/*------ club votes --------*/
.wrapper-club-votes .row > div{
    margin-bottom: 30px;
}
.one-card-club-votes {
    background-color: #f6f6f6;
    padding: 15px;
    border-radius: 5px;
    margin: 15px 0;
    box-shadow: 0px 2px 5px 0 #eee;
    height: 100%;
}

.link-club-vote {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 100%;

}

.title-card-club-votes {
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    display: block;
    margin-bottom: 8px;
}

.text-club-vote {
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 10px;
    display: block;
}

.data-club-vote {
    font-size: 13px;
    line-height: 16px;
    color: #605C5C;
}
.coin-svg{
    margin-left: 5px;
    width: 16px;   
}
.coin-svg-wrapper{
    margin-left: 20px;
    display: flex;
    align-items: center;
    vertical-align: middle;
}
/*----------- calendar matches -------------*/
.wrapper-calendar-matches {
    margin-top: 15px;
}

.wrapper-calendar-matches .nav-tabs .nav-link {
    border: none;
    border-bottom: 2px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 15px;
    font-weight: 600;
    transition: all .3s;
}

.wrapper-calendar-matches .nav-tabs .nav-link:hover {
    transition: all .3s;
    border: none;
    border-bottom: 2px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 15px;
    background-color: rgb(31 36 87 / 10%);
}

.wrapper-calendar-matches .nav-tabs .nav-item.show .nav-link, .wrapper-calendar-matches .nav-tabs .nav-link.active {
    color: #FFB800;
    border: none;
    background-color: transparent;
    border-bottom: 2px solid #000;
    font-size: 15px;
    font-weight: 600;
    transition: all .3s;
}

.wrapper-calendar-matches .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    justify-content: center;
}

.wrapper-calendar-matches .nav-tabs {
    border: none;
    border-bottom: 2px solid transparent;
}
#nav-tab-feedback{
    margin-bottom: 15px;
}
.wrapper-navs-futurematches .wrapper-card-cabinet, .wrapper-navs-pastmathes .wrapper-card-cabinet {
    margin-top: 30px;
    border: none;
    border: 2px solid transparent;
}

.wrapper-navs-pastmathes .wrapper-card-cabinet, .wrapper-navs-futurematches .wrapper-card-cabinet {
    margin-bottom: 15px;
}


/*----------------- feedback ---------------------------*/

.select-problem-box{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 15px;
}
.select-problem-box span{
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 10px;
}
.select-problem-box .input-form-style{
    width: 70%;
    border: 1px solid #b7b1b1;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 8px;
    color: #313131;
    transition: all .2s;

}
select.choose-problem-feedback{
    padding: 8px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    width: 70%;
    border: 1px solid #b7b1b1;
    outline: none;
}

.new-chat-message-box {
    display: flex;
    /*align-items: center;*/
    justify-content: space-between;
    /*flex-direction: column;*/
}

.input-form-style.text-message {
    height: 100px;
    line-height: 21px;
    font-size: 14px;
    color: #313131;
    resize: none;
    padding: 8px;
    border-radius: 5px;
    font-weight: 400;
    /*cursor: pointer;*/
    border: 1px solid #b7b1b1;
}

/*---------------- vote page ------------------*/

.wrapper-description-vote-page {
    background-color: #f6f6f6;
    padding: 15px;
    border-radius: 5px;
    margin: 15px 0;
    box-shadow: 0px 2px 5px 0 #eee;
}

.vote-page-end-time {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0px;
}

.vote-page-end-time-timer{
    margin-top: 15px;
}

.date-end-time {
    font-size: 15px;
    font-weight: 500;
    text-align: right;
}

.timer-end-time-name {
    display: block;
    text-align: left;
    margin-bottom: 10px;
}

.timer-end-time {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 500;
    margin: 25px 0 10px;
}

.wrapper-comment-vote-page {
    display: flex;
    height: auto;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 19px;
    margin: 15px 0;
}
.vote-stat{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    color: #666464;
    font-size: 14px;
    font-weight: 600;
    flex-wrap: wrap;
    line-height: 20px;
}
.vote-stat.request-stat-box{
    margin-bottom: 15px;
    margin-top: 15px;
    background: #f6f6f6;
    padding: 15px;
    width: 100%;
    border-radius: 5px;
}
.vote-stat.score-stat-box{
    margin-bottom: 15px;
    margin-top: 30px;
    background: #f6f6f6;
    padding: 15px;
    width: 100%;
    border-radius: 5px;
}

.vote-stat span:first-child{
    padding-right: 7px;
}

#activeVote label {
    font-size: 15px;
    line-height: 18px;
    color: #000000;
}

#activeVote input[type=checkbox]:not(old),
#activeVote input[type=radio   ]:not(old) {
    width: 10px;
    margin: 0;
    padding: 0;
    font-size: 15px;
    opacity: 0;
    visibility: hidden;
    height: 10px;
    cursor: pointer;
}

#activeVote input[type=checkbox]:not(old) + label,
#activeVote input[type=radio   ]:not(old) + label {
    display: flex;
    margin-left: 0;
    line-height: 20px;
    word-break: normal;
}

#activeVote input[type=checkbox]:not(old) + label > span,
#activeVote input[type=radio   ]:not(old) + label > span {
    display: inline-table;
    width: 20px;
    height: 20px;
    margin: 7px 15px 7px 0;
    border: 1px solid #000;
    border-radius: 50%;
    background-color: #fff;
    background-image: none;
    vertical-align: middle;
}

#activeVote input[type=checkbox]:not(old) + label.disabled > span,
#activeVote input[type=radio   ]:not(old) + label.disabled > span {
    border: 1px solid rgb(172 173 181);
    background-color: #f2f2f3;
    cursor: default;
}

#activeVote input[type=radio]:not(old) + label > span > span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 3px;
    border: none;
    border-radius: 50%;
    background-color: transparent;
}
#activeVote input[type=radio]:not(old):checked + label > span > span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 3px;
    border: none;
    border-radius: 50%;
    background-color: #000;
}
.wrapper-form-choose-member{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.wrapper-vote-result .wrapper-form-choose-member {
    display: grid;
}

.wrapper-vote-result h3 {
    line-height: 19px;
    font-size: 17px;
    margin-bottom: 5px;
    padding: 0 0 15px;
}

.active-vote h3 {
    line-height: 19px;
    font-size: 17px;
    margin-bottom: 5px;
    padding: 0 0 15px;
}

.wrapper-variants-vote-page {
    background-color: #f6f6f6;
    padding: 15px;
    border-radius: 5px;
    margin: 15px 0;
    box-shadow: 0px 2px 5px 0 #eee;
}
.one-variant-card label{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin: 0 0 10px 0;
}

.btn-form-vote-active {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 0 0;
}

.btn-form-vote-active .btn-fill-blue {
    margin-right: 15px;
}

.btn-form-vote-active .btn-fill-blue, .btn-form-vote-active .btn-overview-active {
    min-width: 35%;
}

.news-theme-vote-page .title-calendar-section {
    margin-bottom: 0;
}

.news-theme-vote-page .wrapper-mini-media-card {
    height: auto;
    margin: 15px 0;
}

.archive-vote-end {
    font-size: 23px;
    line-height: 25px;
    text-align: center;
    font-weight: 500;
    color: #313131;
}

.wrapper-vote-result {
    display: flex;
    flex-direction: column;
    margin-top: 13px;
}

.wrapper-vote-result .one-variant-card {
    margin: 0 0 10px;
    position: relative;
}

.wrapper-vote-result .one-variant-card .bar-chart-box .gray-field-vote {
    display: flex;
    height: 23px;
    background-color: #EBEBEB;
    border-radius: 5px;
    width: 100%;
    position: relative;
    margin-bottom: 5px;
    z-index: 1;
}


.wrapper-vote-result .one-variant-card .bar-chart-box .number-percent {
    right: auto;
    left: 0;
    bottom: -25px;
    height: 23px;
}

/*-пагинация-*/
.pagination-block{
    margin-top: 30px;
    margin-bottom: 15px;
}

.pagination li {
    width: 28px;
    height: 28px;
    line-height: 25px;
    text-align: center;
    background-color: transparent;
    transition: all .2s;
    color: #1a1d49;
    font-size: 15px;
    cursor: pointer;
}
.pagination li a{
    display: block;
    height: 100%;
}
.pagination li:hover{
    background-color: #1a1d49;
    border-radius: 3px;
    color: #fff;
    transition: all .2s;
}
.pagination li.n-style:hover{
    background-color: transparent;
    border-radius: 3px;
    color: #1a1d49;
    transition: all .2s;
    cursor: default;
}
.pagination li.active{
    border-radius: 0;
    border-bottom: 1px solid #1a1d49;
    transition: all .2s;
}

.pagination li.active:hover{
    border-radius: 3px;
    border-bottom: 1px solid #1a1d49;
    transition: all .2s;
    border-bottom: 1px solid transparent;
}

.pagination li.n-style:hover{
    background-color: transparent;
    border-radius: 3px;
    color: #1a1d49;
    cursor: default;
    transition: all .2s;
}
.pagination li.n-style{
    cursor: default;
    border-radius: 0;
    border-bottom: 1px solid transparent;
    transition: all .2s;
}
.pagination li.disabled:hover{
    background-color: transparent;
    border-radius: 3px;
    color: #1a1d49;
    cursor: default;
    transition: all .2s;
}
.pagination li.disabled{
    cursor: default;
    border-radius: 0;
    border-bottom: 1px solid transparent;
    transition: all .2s;
}

.pagination li a{
    font-weight: 600;
}

.pagination li.disabled a{
    cursor: default;
    border-radius: 0;
    border-bottom: 1px solid transparent;
    transition: all .2s;
}



/*------------------- Error Page ------------------*/
.wrapper-error-page{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    min-height: 250px;
    width: auto;
}
.box-error{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.error-page-text{
    width: 80%;
    text-align: center;
    margin: 0 auto 30px;
    font-size: 25px;
    line-height: 30px;
}
.error-link{
    padding: 20px 40px;
    font-size: 20px;
}




/*-------------------- Feedback --------------------*/


.feedback-form {
    margin-top: 30px;
}

.feedback-form .box-input-form {
    margin: 0 0 15px 0;
    position: relative;
    color: #313131;
}

.feedback-form .box-input-form textarea {
    min-height: 120px;
    resize: none;
    color: #313131;
}

.feedback-form .box-input-form input {
    color: #313131;
}

.feedback-form .btn-fill-blue {
    margin: 15px 0 0 auto;
    min-width: 170px;
}

.feedback-form .input-form-style {
    position: relative;
}

.feedback-form .name-input.transform {
    transform: translate(0px, -25px);
    transition: all .2s;
    color: #313131;
    font-weight: 600;
}

.feedback-form .status-fail {
    font-size: 15px;
    display: block;
    font-weight: 500;
    color: #ffb800;
    text-align: center;
}

.feedback-form .status-ok {
    font-size: 15px;
    display: block;
    font-weight: 500;
    color: #0cc022;
    text-align: center;
}

/*---------------- helper section ----------------*/
.wrapper-helper-section {
    padding: 15px 13px;
    height: 100%;
}


/*--------------- settings page --------------*/
.wrapper-settings-area {

}
.settings-area-style{
    background-color: #f6f6f6;
    border-radius: 5px;
    padding: 15px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}
.title-settings-area{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 10px;
}
.body-settings-area{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.title-settings-area .title-setting{
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}
.title-settings-area .comment-setting{
    font-size: 14px;
    line-height: 18px;
    color: #666;
    margin-top: 8px;
}

.input-group {
    position: relative;
    display: flex;
    justify-content: flex-end;
    border-collapse: separate;
    margin-bottom: 0;
    width: 100%;
}

.comment-for-input{
    display: block;
    font-size: 14px;
    color: #444;
    margin: 5px;
}

.input-group input {
    height: 35px;
    padding: 6px 10px;
    font-size: 13px;
    /* color: #555555; */
    /* background-color: #ffffff; */
    background-image: none;
    transition: border-color ease-in-out .15s;
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    height: 20px;
    width: 20px;
}
input[switch] + label {
    font-size: 1em;
    line-height: 1;
    width: 56px;
    height: 24px;
    background-color: #dee2e6;
    background-image: none;
    border-radius: 2rem;
    padding: .16667rem;
    cursor: pointer;
    display: table-cell;
    text-align: center;
    position: relative;
    font-weight: 500;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
input[switch=danger]:checked + label {
    background-color: #FFB800;
    box-shadow: 0px 0px 3px #19206a;
}
/*input[switch=blue]:checked + label {*/
/*    background-color: #005cbf;*/
/*}*/
/*input[switch=yellow]:checked + label {*/
/*    background-color: #e1e619;*/
/*}*/

/*input[switch=green]:checked + label {*/
/*    background-color: #80b601;*/
/*}*/

input[switch] + label:before {
    color: #2a3142;
    content: attr(data-off-label);
    display: block;
    font-family: inherit;
    font-weight: 500;
    font-size: 12px;
    position: absolute;
    right: 1px;
    margin: 4px;
    top: 3px;
    text-align: center;
    min-width: 25px;
    overflow: hidden;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
input[switch]:checked + label:before {
    color: #fff;
    content: attr(data-on-label);
    right: auto;
    left: 3px;
}
input[switch] + label:after {
    content: '';
    position: absolute;
    left: 4px;
    background-color: #e9ecef;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2rem;
    height: 18px;
    width: 18px;
    top: 3px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
input[switch]:checked + label:after {
    left: 33px;
    background-color: #e9ecef;
}
input[switch] {
    display: none;
}


/*404 page*/

.section-notfound{
    width: 100%;
    min-height: calc(100vh - 150px);
    padding: 130px 0 40px;
}
.section-notfound .container{
    height: 100%;
}
.wrapper-notfound-page{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.number-error{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 65px;
    line-height: 80px;
    text-align: center;
    color: #FFB800;
}
.picture-error{
    width: 850px;
    display: flex;
    align-items: center;
    max-width: 80%;
}
.picture-error img{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
}
.info-error{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.text-error{
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    color: #FFB800;
    max-width: 65%;
    margin: 35px auto;
}

.btn-red {
    background: #FF4545;
    border-radius: 5px;
    margin-right: 30px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.075em;
    color: #FFFFFF;
    padding: 12px 25px;
    transition: all .2s;
    border: 2px solid #FF4545;
}

.btn-red:hover {
    background: #ffb800;
    color: #FFFFFF;
    border: 2px solid #ffb800;
    transition: all .2s;
}


/*---- ИГРОК НА ПОЗИЦИЮ МОДАЛЬНЫЕ ШТУКИ -----*/
.place-step__modal-choose-player{
    position: relative;
}
.place-step__modal-choose-player.screen-box{
    position: relative;
    width: 200px;
    height: 200px;
    background-repeat: no-repeat;
    margin: 0 auto 0 0;
    background-position: center;
    background-size: 200px 200px;
}

.place-step__modal-choose-player.img-screen-player {
    width: 100px;
    height: auto;
    position: absolute;
    top: 12%;
    left: 50%;
    transform: translateX(-50%);
}


.place-step__modal-choose-player .player-screen-number {
    color: #333;
    font-size: 33px;
    font-weight: 600;
    position: absolute;
    bottom: 17%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.img-screen-player.new-pic{
    width: 45px;
    height: auto;
}

/*---- ИГРОК ЗАЯВКА МОДАЛЬНЫЕ ШТУКИ -----*/

.card-style-member.new-card-style-member{
    padding: 0;
    margin: 0;
}


.modal .empty-message{
    color: #FFB800;
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* text-transform: uppercase; */
    padding: 15px;
    font-size: 22px;
    /*font-weight: 500;*/
}


/*---------HIDDEN CONTENT------------*/
.wrapper-hidden-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px;
    padding: 15px;
}
.btn-hidden-content{
    margin-top: 30px;
    margin-bottom: 5px;
}
.title-hidden-content p{
    font-family: Montserrat;
    font-style: normal;
    font-size: 26px;
    font-weight: 500;
    line-height: 36px;
    text-align: center;
    color: #FFB800;
    max-width: 70%;
    margin: 0 auto 15px;
}
.text-hidden-content p{
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #FFB800;
    max-width: 70%;
    margin: 0 auto 15px;
}
.text-hidden-content p:last-child{
    margin-bottom: 0;
}


/*----matches description ------*/
.matches-desc{
    background-color: #f6f6f6;
    padding: 15px;
    margin-top: 60px;
    border-radius: 5px;
    font-size: 15px;
    line-height: 18px;
}
.matches-desc__title{
    color: #FFB800;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 500;
}

.matches-desc__text p{
    margin-bottom: 7px;
}
.matches-desc__text p:last-child{
    margin-bottom: 0;
}


/* quest-section */

.quest-section {
    padding: 100px 0;
    background-color: #f6f6f6;
}

.title-quest-section {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    letter-spacing: 0.075em;
    color: #313131;
    margin-bottom: 65px;
}

.collapse-quest {
    margin-bottom: 15px;
    padding: 18px 40px 18px 25px;
    background: #FFFFFF;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.accord-box .name-quest {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    color: #414141;
}
.accord-box .name-quest span:first-child{
    margin-right: 15px;
}
.accord-qual{
    background: #FFB800;
    font-size: 12px;
    font-weight: 500;
    width: auto;
    min-width: 24px;
    height: 24px;
    border-radius: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    color: #000;
    padding: 5px 8px;
}

.accord-box .collapse-child {
    display: none;
    max-width: unset;
    width: 100%;
}

.angle-img.rotate {
    transform: rotate(180deg);
    transition: all .3s;
}
.quest-card-style:last-child{
    margin-bottom: -15px;
}

.canals-list-wrapper {
    margin-top: 15px;
}
.angle-img {
    position: absolute;
    right: 15px;
    transform: rotate(0deg);
    transition: all .3s;
}

.line-vertical-quest {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 7px;
    height: 100%;
    background: #FFB800;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
}

.card-answer {
    padding: 10px 27px 0;
    margin-bottom: 25px;
    background-color: transparent;
    border: none;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.075em;
    color: #666464;
    opacity: 0.8;
}

.submit-text{
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}
#submitModal .modal-footer {
    border-top: none;
}


.info-trial{
    padding: 15px 15px 15px 45px;
    margin-bottom: 15px;
    background: rgba(254, 208, 36, 0.1);
    border-radius: 5px;
    position: relative;
}
.info-trial:before{
    content: "";
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/warning.svg) 0 0 no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}