/*@font-face {
    font-family: 'font851826326fab2864d5088a29baf24a85';
    
    src: url('https://nomail.com.ua/files/eot/851826326fab2864d5088a29baf24a85.eot?#iefix') format('embedded-opentype'),
    url('https://nomail.com.ua/files/woff/851826326fab2864d5088a29baf24a85.woff') format('woff'),
    url('https://nomail.com.ua/files/woff2/851826326fab2864d5088a29baf24a85.woff2') format('woff2');
}

@font-face {
    font-family: 'SFUIDisplay-Thin';
    src: local('SFUIDisplay-Thin'), url('https://nomail.com.ua/files/woff/851826326fab2864d5088a29baf24a85.woff') format('woff');
}*/


/*@font-face {
    font-family: 'font3f37c5de154bb3ccd811f2f92854139b';
    
    src: url('https://nomail.com.ua/files/eot/3f37c5de154bb3ccd811f2f92854139b.eot?#iefix') format('embedded-opentype'),
    url('https://nomail.com.ua/files/woff/3f37c5de154bb3ccd811f2f92854139b.woff') format('woff'),
    url('https://nomail.com.ua/files/woff2/3f37c5de154bb3ccd811f2f92854139b.woff2') format('woff2');
}*/

@font-face {
    font-family: 'SFUIDisplay-Regular';
    src: local('SFUIDisplay-Regular'), url('../fonts/3f37c5de154bb3ccd811f2f92854139b.woff') format('woff');
}


/*@font-face {
    font-family: 'font86502e5d7fd771800755ed1ce86dfac8';
    
    src: url('https://nomail.com.ua/files/eot/86502e5d7fd771800755ed1ce86dfac8.eot?#iefix') format('embedded-opentype'),
    url('https://nomail.com.ua/files/woff/86502e5d7fd771800755ed1ce86dfac8.woff') format('woff'),
    url('https://nomail.com.ua/files/woff2/86502e5d7fd771800755ed1ce86dfac8.woff2') format('woff2');
}

@font-face {
    font-family: 'SFUIDisplay-Ultralight';
    src: local('SFUIDisplay-Ultralight'), url('https://nomail.com.ua/files/woff/86502e5d7fd771800755ed1ce86dfac8.woff') format('woff');
}*/

/*@font-face {
    font-family: 'fontb34d522268d5772f1cfec82e4d06c61b';
    
    src: url('https://nomail.com.ua/files/eot/b34d522268d5772f1cfec82e4d06c61b.eot?#iefix') format('embedded-opentype'),
    url('https://nomail.com.ua/files/woff/b34d522268d5772f1cfec82e4d06c61b.woff') format('woff'),
    url('https://nomail.com.ua/files/woff2/b34d522268d5772f1cfec82e4d06c61b.woff2') format('woff2');
}*/

@font-face {
    font-family: 'SFUIDisplay-Light';
    src: local('SFUIDisplay-Light'), url('../fonts/b34d522268d5772f1cfec82e4d06c61b.woff') format('woff');
}

/*@font-face {
    font-family: 'font7e427ee9b99fcefb1560e6757a2d853e';
    
    src: url('https://nomail.com.ua/files/eot/7e427ee9b99fcefb1560e6757a2d853e.eot?#iefix') format('embedded-opentype'),
    url('https://nomail.com.ua/files/woff/7e427ee9b99fcefb1560e6757a2d853e.woff') format('woff'),
    url('https://nomail.com.ua/files/woff2/7e427ee9b99fcefb1560e6757a2d853e.woff2') format('woff2');
}*/

@font-face {
    font-family: 'SFUIDisplay-Bold';
    src: local('SFUIDisplay-Bold'), url('../fonts/7e427ee9b99fcefb1560e6757a2d853e.woff') format('woff');
}

/*@font-face {
    font-family: 'font141c8ade4489eab653b979419d51ed0d';
    
    src: url('https://nomail.com.ua/files/eot/141c8ade4489eab653b979419d51ed0d.eot?#iefix') format('embedded-opentype'),
    url('https://nomail.com.ua/files/woff/141c8ade4489eab653b979419d51ed0d.woff') format('woff'),
    url('https://nomail.com.ua/files/woff2/141c8ade4489eab653b979419d51ed0d.woff2') format('woff2');
}*/

@font-face {
    font-family: 'SFUIDisplay-Heavy';
    src: local('SFUIDisplay-Heavy'), url('../fonts/141c8ade4489eab653b979419d51ed0d.woff') format('woff');
}

/*@font-face {
    font-family: 'font4123a8a94268c6d26b454812201b87c8';
    
    src: url('https://nomail.com.ua/files/eot/4123a8a94268c6d26b454812201b87c8.eot?#iefix') format('embedded-opentype'),
    url('https://nomail.com.ua/files/woff/4123a8a94268c6d26b454812201b87c8.woff') format('woff'),
    url('https://nomail.com.ua/files/woff2/4123a8a94268c6d26b454812201b87c8.woff2') format('woff2');
}*/

@font-face {
    font-family: 'SFUIDisplay-Medium';
    src: local('SFUIDisplay-Medium'), url('../fonts/4123a8a94268c6d26b454812201b87c8.woff') format('woff');
}

/*@font-face {
    font-family: 'font1e99b0442583593743adb5d91d7c0669';
    
    src: url('https://nomail.com.ua/files/eot/1e99b0442583593743adb5d91d7c0669.eot?#iefix') format('embedded-opentype'),
    url('https://nomail.com.ua/files/woff/1e99b0442583593743adb5d91d7c0669.woff') format('woff'),
    url('https://nomail.com.ua/files/woff2/1e99b0442583593743adb5d91d7c0669.woff2') format('woff2');
}*/

@font-face {
    font-family: 'BebasNeueBold';
    src: local('BebasNeueBold'), url('../fonts/1e99b0442583593743adb5d91d7c0669.woff') format('woff');
}

html, body {
    height: 100% !important;
}
body {
    /*font-family: 'SFUIDisplay-Light', serif;*/
    font-family: 'SFUIDisplay-Medium', serif;
    background: #381B4A;
    font-size: 1.15rem;
    color: #ffffff;
}
a {
    color: #ffffff;
}
a:active,
a:focus,
a:hover {
    color: #ffffff;
    text-decoration: none;
}
button.navbar-toggler {
    border: none;
    outline: none;
}
button.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    transform: rotate(90deg);
}
hr {
    background-color: #fff;
    opacity: 0.05;
    margin: 0;
}
.icon-mobile {
    width: 20px;
    height: 20px;
}
.pointer {
    cursor: pointer;
}
.dashed {
    border-bottom: 1px dashed;
}
.sended {
    color: #54AE50;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mt-30 {
    margin-top: 30px;
}
.modal {
    overflow: auto !important;
}
.hide-wrap,
.svg-wrap {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.alert {
    margin-bottom: 0;
}
.alert-success {
    background-color: #196016;
    border-color: #196016;
    text-align: center;
    font-family: 'SFUIDisplay-Regular', serif;
    border-radius: 0;
}
.alert-danger {
    background-color: #8A1B5D;
    border-color: #8A1B5D;
    text-align: left;
    font-family: 'SFUIDisplay-Regular', serif;
    border-radius: 0;
}
.alert .close:hover,
.alert .close {
    margin-top: -4px;
    margin-right: -4px;
    color: #FFFFFF;
    opacity: .6;
}
.content {
    padding: 65px 20px 77px 20px;
    position: absolute;
    top: 0;
    min-height: 100%;
}
.suggestions-wrapper {
    display: block;
    position: relative;
    width: 100%;
}
.suggestions-addon {
    left: unset !important;
    right: 10px !important;
    top: -26.1875px !important;
    height: 18px !important;
    width: 18px !important;
}
.suggestions-suggestions {
    width: 100% !important;
    left: 0 !important;
    color: #000000!important;
    background: #452659 !important;
    padding: 5px !important;
}
.suggestions-suggestion {
    padding-left: 10px !important;
    color: white !important;
}
.header-title {
    opacity: 0.5;
}
.header-title-selected {
    opacity: 1;
}
.add-link {
    margin-left: 5px;
    position: absolute;
}
.back-link {
    position: absolute;
}
.faq-link {
    position: absolute;
    top: 20px;
    left: 20px;
}
.link-add-virtual {
    margin: 10px auto;
}
.link-add-virtual:hover {
    cursor: pointer;
}
.activity .box-body {
    padding: 10px;
}
.bg {
    min-width: calc(100% + 10px);
    min-height: calc(100% + 10px);
    background-color: #331645;
    background-repeat: repeat;
    /*background-size: 100% 100%;*/
    position: fixed;
    top: 0;
    left: -10px;
    z-index: -10;
}
.bg-dots {
    background-image: url("/images/s-organizer/bg-dots-small.png");
}
.bg-purple {
    background-color: #491744;
}
.bg-dots-gradient:before {
    content: "";
    display: block;
    width: 100%;
    height: 800px;
    background: linear-gradient(to bottom, rgba(73, 23, 68, 1) 0%, rgba(73, 23, 68, 1) 80%, rgba(73, 23, 68, 0) 100%);
    /*background: linear-gradient(to bottom, black,  white);*/
}
.bg-violet {
    background-image: url("/images/s-organizer/img/bg_violet.png");
}
.bg-sky {
    background-image: url("/images/s-organizer/img/bg_sky.png");
}
.bg-blue {
    background-image: url("/images/s-organizer/img/bg_blue.png");
}
.bg-lightblue {
    background-image: url("/images/s-organizer/img/bg_lightblue.png");
}
.bg-pink {
    background-image: url("/images/s-organizer/img/bg_pink.png");
}
.svg-icon {
    width: 50px;
    height: 50px;
    fill: #ffffff;
    /*stroke: #ffffff;*/
}
.svg-icon-small{
    width: 10px;
    height: 10px;
}
.svg-icon.icon-navigation {
    width: 18px;
    height: 18px;
}
.svg-icon.icon-people {
    width: 30px;
    height: 20px;
}
.svg-icon.icon-small {
    width: 10px;
    height: 13px;
    vertical-align: middle;
}
.svg-icon.selected {
    fill: #42BFE5;
}
.icon-dots {
    width: 20px;
    height: 10px;
}
.svg-icon__opacity {
    fill-opacity: 0.4;
}
.svg-icon__primary {
    fill: #FCC10A;
}


.indicator {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #3AAA35;
}
.indicator-yellow {
    background-color: #FCC10A;
}
.indicator-red {
    background-color: #991737;
}


.text-small {
    font-size: 0.8rem;
    font-family: 'SFUIDisplay-Regular', serif;
}
.text-opacity60 {
    /*opacity: 0.6;*/
    color: rgba(255, 255, 255, 0.6);
}
.text-opacity40 {
    opacity: 0.4;
}
.text-big {
    font-family: 'BebasNeueBold', serif;
    font-size: 3rem;
    line-height: 45px;
}
.text-right {
    text-align: right;
}

a.selected {
    color: #42BFE5 !important;
}
.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}
.app-navbar {
    height: 65px;
    /*margin-bottom: 5%;*/
    z-index: 1000;
}
.navbar-full {
    background-color: #331645;
    background-image: url("/images/s-organizer/bg-dots-small.png");
    background-repeat: repeat;
    z-index: 10000;
    position: fixed;
    /*position: absolute;*/
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding-top: 50px;
}
.navbar-toggler {
    z-index: 100000;
    position: absolute;
    right: 10px;
}
.sp-brand {
    font-size: 1.15rem;
    margin: 0 auto;
}
.sp-brand a {
    font-size: 1rem;
}
.sp-brand .sub {
    color: #ffffff;
    font-size: 0.8rem;
    margin-top: -10px;
}
.nav-dropdown {
    margin-left: 10px;
}
.nav-dropdown+.popup-menu {
    border-radius: 10px 0 10px 10px;
    right: 0px;
}
.title-add {
    position: absolute;
    right: 22%;
}


.menu {
    font-family: 'SFUIDisplay-Light', serif;
    /*margin-top: 100px;*/
}
.menu__item {
    line-height: 0.9rem;
    margin-bottom: 20px;
}
.menu__profile-img {
    width: 85px;
    height: 85px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: -20px;
    margin-top: 50px;
}
.menu__profile-name {
    margin-top: 35px;
    text-transform: uppercase;
}
.menu-group {
    position: absolute;
    z-index: 100;
}
.menu-group .svg-icon {
    fill: #000000;
}

/* s-card */
.s-card {
    position: relative;
    width: 100%;
    background-color: #381B4A;
    padding: 70px 30px;
    margin: 0 auto;
    color: #ffffff;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    /*overflow: hidden;*/
    z-index: 0;
}
.s-card__no-padding {
    padding: 0;
}
.s-card__body {
    position: relative;
    z-index: 10;
}
/*.s-card:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: inherit;
    background: linear-gradient(135deg, #FBC8FF, #BC14E6);
}
.s-card:after {
    background: #381B4A;
    content: '';
    position: absolute;
    left: 1px;
    top: 1px;
    height: calc(100% - 2px);
    width: calc(100% - 2px);
    border-radius: 50px;
}
.s-card__gradient:after {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 25%, rgba(56, 27, 74, 1) 50%, rgba(56, 27, 74, 1) 100%);
    content: '';
    position: absolute;
    left: 1px;
    top: 1px;
    height: calc(100% - 2px);
    width: calc(100% - 2px);
    border-radius: 50px;
}
.s-card-purple:before {
    background: linear-gradient(135deg, #FFC8D8, #E61478);
}
.s-card-purple:after {
    background: #511F4C;
}*/
.s-card-small {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 20px;
    /*justify-content: space-between;*/
    align-items: center;
    padding: 10px 25px;
    background: #381B4A;
    border-radius: 16px;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
    min-height: 85px;
    line-height: 25px;
}
.s-card-small-purple {
    background: #511F4C;
}
.s-card-small:active,
.s-card-small:hover,
.s-card-small:focus {
    color: #ffffff;
    text-decoration: none;
}
.s-card-small__title {
    font-family: 'SFUIDisplay-Medium', serif;
    font-size: 1rem;
    flex-basis: 45%;
    padding-right: 20px;
    word-break: break-word;
}
.s-card-small__time {
    font-family: 'SFUIDisplay-Regular', serif;
    flex-basis: 45%;
    font-size: 0.8rem;
    margin-left: auto;
}
.s-card-small__name {
    /*flex-basis: 70%;*/
}
.s-card-small__avatar {
    width: 39px;
    height: 39px;
    max-height: 39px;
    min-height: 39px;
    max-width: 39px;
    min-width: 39px;
    margin-right: 20px;
    border-radius: 50%;
    overflow: hidden;
}
.s-card-small__info {
    margin-left: auto;
    text-align: right;
    min-width: 50px;
}
.s-card-small__avatar img {
    width: 100%;
    height: 100%;
}
/* s-card end */

.select-field,
.select-field:active,
.select-field:focus {
    font-family: 'SFUIDisplay-Regular', serif;
    font-size: 0.8rem;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 30px;
    outline: none;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.3);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/images/s-organizer/arrow.png) no-repeat #381B4A;
    background-position: 97% 50%;
}


.bottom-menu {
    padding: 20px 0;
    background: #5E2483;
}
.card-profile {
    /*overflow: hidden;*/
    margin: 0 auto;
    z-index: 0;
    padding: 30px;
}
.card-profile__img {
    height: 350px;
    overflow: hidden;
    background: #42BFE5;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -29px;
    margin-bottom: 0;
    border-radius: 50px 50px 0 0;
    position: relative;
    z-index: 1;
}
.card-profile__img:after {
     content: "";
     position: absolute;
     bottom: -1px;
     left: 0;
     background: linear-gradient(to top, rgba(56, 27, 74, 1) 0%, rgba(56, 27, 74, 0.9) 20%, rgba(56, 27, 74, 0) 100%);
     height: 200px;
     width: calc(100% + 10px);
 }
.card-profile__img .team-color {
    width: 11px;
    height: 11px;
}
.card-profile__hashtag {
    font-family: 'SFUIDisplay-Heavy', serif;
    font-style: italic;
    color: rgba(255, 255, 255, 0.6);
    position: absolute;
    top: -63px;
}
.card-profile__point {
    font-family: 'BebasNeueBold', serif;
    font-size: 3rem;
    line-height: 3rem;
    position: absolute;
    top: -45px;
    right: 0;
}
.card-profile__point {
    margin-top: -40px;
}
.card-profile__body {
    margin-top: 20px;
    position: relative;
    z-index: 10;
}
.card-profile__text {
    margin-bottom: 30px;
    line-height: 1rem;
}
.card-profile__header {
    margin: 30px 0;
}
.card-profile__rating {
    font-family: 'SFUIDisplay-Regular', serif;
    font-size: 0.8rem;
    overflow: hidden;
    height: 95px;
}
.card-profile__rating.open {
    height: auto;
}
.rating-row__date {
    display: inline-block;
    width: 50px;
}
.rating-row__show-more {
    font-family: 'SFUIDisplay-Regular', serif;
    font-size: 0.8rem;
    margin-top: 10px;
}
.rating-row__show-more svg {
    width: 10px;
    height: 10px;
}
.hashtag {
    font-family: 'SFUIDisplay-Bold', serif;
}
.profile-point {
    font-family: 'BebasNeueBold', serif;
    font-size: 50px;
    width: 80px;
    height: 80px;
    line-height: 90px;
    background: #42BFE5;
    margin: 0 auto;
}
.profile-tags {
    /*padding-left: 5px;*/
    padding-right: 20px;
    /*overflow: hidden;*/
    position: relative;
}
.profile-tags__item {
    padding: 5px 10px;
    position: relative;
    margin-bottom: 5px;
}
.profile-tags__item:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #6BB75D;
    transform: skew(170deg);
    z-index: -1;
}
.profile-tags__item:nth-child(4n-3):before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #6BB75D;
    transform: skew(170deg);
    z-index: -1;
}
.profile-tags__item:nth-child(4n-2):before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #F39200;
    transform: skew(170deg);
    z-index: -1;
}
.profile-tags__item:nth-child(4n-1):before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #B8CE00;
    transform: skew(170deg);
    z-index: -1;
}
.profile-tags__add {
    position: absolute;
    right: 0;
    top: -7px;
}
.profile-tags__add-link, .profile-tags__add-link:active, .profile-tags__add-link:focus {
    /*font-size: 20px;*/
    text-decoration: none;
}
.profile-tags__add-link svg {
    width: 15px;
    height: 15px;
}
.profile-img {
    /*margin-top: 85px;*/
    /*width: 100%;*/
    height: 100%;
    width: 100%;
}


.notify-block {
    background-color: #5E2483;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
    color: #FFFFFF;
    position: relative;
}
.icon-close {
    position: absolute;
    top: 5px;
    right: 10px;
}
.notify-block__simple {
    font-size: 1rem;
}
.notify-time {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
}
.notify-date {
    flex-basis: 33%;
}
.notify-sport-icon {
    text-align: center;
    flex-basis: 33%;
}
.notify-date__text {
    font-family: 'BebasNeueBold', serif;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 3rem;
    line-height: 45px;
}
.notify-date__caption {
    font-family: 'SFUIDisplay-Light', serif;
    color: #FFFFFF;
    font-size: 1rem;
}

/*
Buttons
 */
.buttons {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /*margin-bottom: 5px;*/
}
.button {
    font-family: 'SFUIDisplay-Regular', serif;
    border-radius: 10px;
    font-size: 1rem;
    text-align: center;
    border: none;
    padding: 5px 0;
    color: #FFFFFF;
    margin-bottom: 5px;
}
.button_full {
    width: 100%;
}
.button_big {
    width: 100%;
    padding: 15px 0;
    margin-bottom: 20px;
}
.button_w50 {
    flex-basis: 49%;
}
.button_green {
    background-color: #3AAA35;
}
.button_green:hover,
.button_green:active {
    background-color: #22751E;
}
.button_violet {
    background-color: #902C87;
}
.button_violet:hover,
.button_violet:active {
    background-color: #5E2483;
}
.button_indigo {
    background-color: #5E2483;
}
.button_indigo:hover,
.button_indigo:active {
    background-color: #3B1256;
}
.button_red {
    background-color: #991737;
}
.button_red:hover,
.button_red:active {
    background-color: #650019;
}
.button_blue {
    background-color: #347BBF;
}
.button_blue:hover,
.button_blue:active {
    background-color: #334A9A;
}
.button_sky {
    background-color: #42BFE5;
}
.button_sky:hover,
.button_sky:active {
    background-color: #347BBF;
}
.button_pink {
    background-color: #E72185;
}
.button_pink:hover,
.button_pink:active {
    background-color: #902C87;
}
.button-add-sport,
.button-add-sport:active,
.button-add-sport:focus {
    font-size: 0.8rem;
    color: #ffffff;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}
.button-filter {
    border-radius: 30px;
    border: 1px solid #ffffff;
    padding: 7px 30px;
    background-color: #381B4A;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.button-opacity {
    background: rgba(255, 255, 255, 0.05) !important;
}

/*.btn,
.btn:hover,
.btn:focus,
.btn:active {
    font-size: 1rem;
    background: transparent;
    border: 1px solid #ffffff;
    border-radius: 30px;
    padding: 6px 30px;
    min-width: 200px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.btn-success,
.btn-success:hover,
.btn-success:active,
.btn-success:focus {
    border: none;
    background: linear-gradient(to right, #3D813A, #196016);
}*/

/*
Buttons end
 */


/*
Box
 */
.box {
    background-color: #6BB75D;
}
.box-body {
    font-size: 0.8rem;
    padding: 0;
}
.box:nth-child(4n-3) {
    background-color: #6BB75D;
}
.box:nth-child(4n-2) {
    background-color: #F39200;
}
.box:nth-child(4n-1) {
    background-color: #B8CE00;
}
.box:nth-child(4n) {
    background-color: #0E67B9;
}

.box-header {
    padding: 5px !important;
}
.box-title {
    font-size: 1rem !important;
    color: #ffffff;
}
.box-btn-slide,
.box-btn-delete {
    color: #ffffff !important;
}
.box-btn-delete {
    margin-left: 10px!important;
}
.box-btn-slide:active, .box-btn-slide:focus, .box-btn-delete:active, .box-btn-delete:focus {
    text-decoration: none;
}
/*
Box end
 */

.card-full {
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    width: 100%;
    font-size: 1.3rem;
    background-color: #5E2483;
    border: 1px solid #42BFE5;
    border-radius: 50px;
    padding: 30px;
    margin: 0 auto;
    color: #ffffff;
}
.card-full-blue {
    background-color: #334A9A;
    border-color: #42BFE5;
}
.card-full-violet {
    background-color: #5E2483;
    border-color: #E61478;
}
.card-full-pink {
    background-color: #902C87;
    border-color: #E61478;
}
.card-full__header {
    margin-bottom: 20px;
    font-size: 1rem;
}
.card-small {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: #42BFE5;
    border-radius: 20px;
    padding: 20px;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.card-small-blue {
    background-color: #367CC0;
}
.card-full_header {
    margin-bottom: 5px;
}


.meeting {
    border-radius: 20px;
    border: 1px solid #E61478;
    padding: 20px;
    color: #ffffff;
    font-size: 1.3rem;
    text-transform: uppercase;
}
.icon {
    display: inline-block;
}
.select-color {
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
.color-green {
    background-color: #3AAA35;
}
.row-meeting {
    margin-bottom: 30px;
}
.meeting__description {
    margin-bottom: 30px;
}
.meeting-organisator {
    font-size: 0.9rem;
}
.meeting-name,
.meeting-date,
.meeting-time {
    font-family: 'BebasNeueBold', serif;
    font-size: 3rem;
    line-height: 45px;
}
.select-game-block {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    margin-bottom: 50px;
}
.select-game {
    flex-basis: 20%;
    text-align: center;
}


.input-field {
    background-color: #367CC0;
    color: #ffffff !important;
    border-radius: 10px;
    border: none;
    font-size: 1.3rem;
    text-transform: uppercase;
    padding: 10px !important;
    outline: none;
}
.input-field::placeholder {
    color: #ffffff !important;
    text-align: center;
}
.input-field:focus {
    background-color: #367CC0;
}
.input-field-violet {
    background-color: #902C87;
}
.input-field-violet:focus {
    background-color: #902C87;
}

/* slider */
.slider {
    font-family: 'SFUIDisplay-Regular', serif;
    font-size: 0.8rem;
    margin-top: 10px;
    margin-bottom: 10px;
}
.slider .noUi-base {
    height: 20px;
    cursor: pointer;
}
.slider .noUi-connects {
    top: 10px;
    height: 3px;
    background-color: rgba(255, 255, 255, 0.3);
    overflow: visible;
}
.slider .noUi-connects:after {
    float: right;
    margin-right: -7px
}
.slider .noUi-horizontal {
    box-sizing: content-box;
    box-shadow: none;
    border-radius: 0;
    height: 20px;
    border: none;
    background-color: transparent;
}
.slider .noUi-connect {
    height: 3px;
    background-color: #ffffff;
}
.slider .noUi-handle {
    border-radius: 0;
    box-shadow: none;
    top: 1px;
    right: -5px !important;
    width: 10px;
    height: 20px;
    background-color: transparent;
    border: none;
    cursor: pointer;
}
.slider .noUi-handle:before {
    display: none;
}
.slider .noUi-handle:after {
    content: "";
    top: 6px;
    left: 5px;
    border-radius: 50%;
    display: block;
    width: 10px;
    height: 10px;
    background-color: #ffffff;
}
.slider .noUi-handle:focus {
    outline: none;
}
.slider .noUi-tooltip {
    color: #ffffff;
    font-size: 0.8rem;
    background-color: transparent;
    border: none;
    top: -20px;
    left: 10px;
}
.slider-legend {
    font-size: 0.8rem;
    height: 15px;
}
.slider-legend .float-left {
    margin-left: -2px;
}
.slider-legend .float-right {
    margin-right: -13px;
}
/* slider end */

/*
Filter
 */
.filter {
    margin-bottom: 15px;
}
.filter-purple .filter-sort__filter {
    background-color: #582853;
}
.filter-purple .button-filter,
.filter-purple .filter__select-field,
.filter-purple .filter__select-field:hover,
.filter-purple .filter__select-field:active,
.filter-purple .filter__select-field:focus {
    background-color: #511F4C;
}
.filter__field-input:focus,
.filter__field-input:active,
.filter__field-input {
    font-family: 'SFUIDisplay-Regular', serif;
    outline: none;
    border: none;
    border-radius: 30px;
    font-size: 0.8rem;
    background: rgba(255, 255, 255, 0.2);
    padding: 6px 20px;
    width: 100%;
    color: #ffffff;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
}
.filter__field-input::placeholder {
    font-family: 'SFUIDisplay-Regular', serif;
    color: rgba(255, 255, 255, 0.6);
}
.filter__field-input-search:focus,
.filter__field-input-search:active,
.filter__field-input-search {
    background-color: #4A305A;
}
.filter__sort {
    margin-top: 15px;
}
.filter__buttons {
    margin-top: 50px;
}

.people-filter {
    color: #ffffff;
}
.people-filter__sort {
    margin-top: 10px;
}
.filter-sort {
    position: relative;
    display: inline-block;
}
.filter-sort__select {
    position: absolute;
    background-color: #4A305A;
    border-radius: 0 10px 10px 10px;
    width: 200px;
    color: #878787;
    padding: 30px;
    z-index: 100;
    display: none;
}
.filter-sort__select.show {
    display: block;
}
.filter-sort__select .select-item {
    margin: 10px 0;
    color: #ffffff;
    color: rgba(255, 255, 255, 0.6);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.filter-sort__select .select-item.selected {
    opacity: 1;
}
.filter-sort__icons {
    margin-left: auto;
    width: 70px;
}
.filter-sort__icon {
    margin: 0 5px;
    opacity: 0.6;
}
.filter-sort__icon.active {
    opacity: 1;
}
.js-filter-sort-order.active {
    color: rgb(255, 255, 255);
}
.filter-sort__icon .svg-icon {
    width: 10px;
    height: 10px;
}
.filter-sort__icon .svg-icon.down {
    transform: rotate(-90deg);
}
.filter-sort__icon .svg-icon.up {
    transform: rotate(90deg);
}
.filter-sort__filter {
    position: absolute;
    background-color: #4A305A;
    opacity: 0.97;
    border-radius: 10px 0 10px 10px;
    width: 300px;
    padding: 30px;
    z-index: 100;
    right: 0;
    display: none;
}
.filter-sort__filter.show {
    display: block;
}
.filter-sort__filter.-full-width {
    width: 100%;
}
.filter__select-block {
    margin: 10px 0;
}
.filter__select-block .slider {
    margin-top: 20px;
    margin-bottom: 20px;
}
.filter__select-field:active,
.filter__select-field:focus,
.filter__select-field {
    outline: none;
    border-radius: 30px;
    border: 1px solid #ffffff;
    font-size: 0.8rem;
    opacity: 1;
    width: 100%;
    color: #ffffff;
    padding: 6px 10px;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.3);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/images/s-organizer/arrow.png) no-repeat #452659;
    background-position: 97% 50%;
}
.people-filter__field-input {
  border-radius: 10px;
  width: 100%;
  height: 50px;
  padding: 20px;
  border: none;
  background-color: #ffffff;
  color: #C4C4C4;
  font-size: 1.3rem;
  line-height: 1.1875em;
}

/*
Fitler end
*/

.people-cards {
    margin-top: 30px;
    overflow: auto;
}
.people-card {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    background-color: #42BFE5;
    border-radius: 20px;
    padding: 20px;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.people-card__avatar {
    flex-basis: 20%;
    text-align: center;
}
.people-card_info {
    flex-basis: 50%;
    padding-left: 10px;
}
.people-card__sport-icon {
    flex-basis: 20%;
    text-align: right;
}
.people-card__rating {
    flex-basis: 10%;
    font-size: 1.3rem;
    text-align: right;
    margin-left: auto;
}
.card-info__name {
    font-size: 1.3rem;
    line-height: 1.5rem;
}
.card_info__city {
    padding-top: 10px;
}


.location {
    color: #ffffff;
    margin: 20px 0;
}
.location__name {
    font-family: 'BebasNeueBold', serif;
    font-size: 3rem;
    line-height: 45px;
}
.location-info__address {
    margin-top: 50px;
    margin-bottom: 10px;
}
.location-add__shedule-row {
    margin-top: 10px;
}
.location-info__shedule-day {
    display: inline-block;
    width: 50px;
}
.location-add__shedule {
    margin-top: 50px
}
.location-add__check {
    display: inline-block;
    width: 50px;
}
.location-shedule__input-field {
    margin: 0 5px;
    padding: 0 10px !important;
    width: 80px;
}

.buttons-action {
    margin-top: 100px;
}

.select-block {
    font-size: 1rem;
}

.card-shedule {
    background: url(/images/s-organizer/img/bg_sky.png);
    background-size: 100%;
}
.card-shedule:active,
.card-shedule:focus {
    color: #ffffff;
    text-decoration: none;
}
.card-shedule:nth-child(4n-3) {
    background: url(/images/s-organizer/img/bg_blue.png);
    background-size: 100%;
}
.card-shedule:nth-child(4n-2) {
    background: url(/images/s-organizer/img/bg_pink.png);
    background-size: 100%;
}
.card-shedule:nth-child(4n-1) {
    background: url(/images/s-organizer/img/bg_lightblue.png);
    background-size: 100%;
}

/* стили для страницы "места" */
.map:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    background: linear-gradient(to top, rgba(56, 27, 74, 1) 0%, rgba(56, 27, 74, 0) 100%);
    height: 100px;
    width: calc(100% + 10px);
}
.place-row {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.place__header {
    padding: 10px 0;
    position: relative;
}
.place__header:first-letter {
    text-transform: uppercase;
}
.place-content {
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
}
.place-content.hide {
    display: none;
}
.place__shedule {
    flex-basis: 50%;
}
.place__hashtags {
    flex-basis: 50%;
    position: relative;
}
.place__address {
    flex-basis: 100%;
    margin-bottom: 25px;
}
.place__shedule-header {
    flex-basis: 100%;
    margin-bottom: 5px;
}
.place__link-create-meeting {
    color: #ADA2B5;
    position: absolute;
    bottom: 0;
    right: 0;
}
.place__show-icon .svg-icon {
    width: 12px;
    height: 12px;
    transform: rotate(-90deg);
}
.place__show-icon .svg-icon.opened {
    transform: rotate(90deg);
}


/* Fields */
.field-label {
    font-family: 'SFUIDisplay-Regular', serif;
    line-height: 2.5;
}
.field-input:active,
.field-input:focus,
.field-input {
    font-family: 'SFUIDisplay-Regular', serif;
    outline: none;
    border: none;
    border-radius: 20px;
    font-size: 0.8rem;
    background: rgba(255, 255, 255, 0.2);
    padding: 6px 20px;
    width: 100%;
    color: #ffffff;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
}
.field-input::placeholder {
    color: #ffffff;
}
.field-input__meeting-result,
.field-input__meeting-result:hover,
.field-input__meeting-result:active,
.field-input__meeting-result:focus {
    border-radius: 4px;
    width: 50px;
    display: inline-block;
    padding: 5px 10px !important;
}
.field-select:active,
.field-select:focus,
.field-select {
    font-family: 'SFUIDisplay-Regular', serif;
    outline: none;
    border-radius: 30px;
    border: 1px solid #ffffff;
    font-size: 0.8rem;
    opacity: 1;
    width: 100%;
    color: #ffffff;
    padding: 6px 10px;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.3);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/images/s-organizer/arrow.png) no-repeat #452659;
    background-position: 97% 50%;
}
.field-select optgroup {
    font-size: 16px;
    background: rgba(255, 255, 255, 0.05);
}
.field-select option {
    background: #452659;
}
.field-select.multiple {
    overflow: hidden;
    background: #452659;
    padding: 15px !important;
    border-radius: 10px !important;
}
.box .field-select {
    background-color: #6BB75D;
}
.box:nth-child(4n-3) .field-select {
    background-color: #6BB75D;
}
.box:nth-child(4n-2) .field-select {
    background-color: #F39200;
}
.box:nth-child(4n-1) .field-select {
    background-color: #B8CE00;
}
.box:nth-child(4n) .field-select {
    background-color: #0E67B9;
}
.s-card-purple .field-select {
    /*background-color: #511F4C;*/
    border: none;
    box-shadow: none;
    padding-left: 30px;
    background-color: #4c325c;
    background-position: 95% 50%;
    font-size: 14px;
}
.field-select option{
    font-size: 0.8rem;
}
.field-select-small {
    max-width: 100px;
    background-position: 87% 50%;
}
.field-select__payed-status {
    margin-right: 10px;
    padding-left: 10px!important;
    padding-right: 23px;
}
.field-check {
    width: 100%;
    font-family: 'SFUIDisplay-Regular', serif;
    font-size: 0.8rem;
    padding-left: 1.5rem;
}
.field-check__input {
    position: absolute;
    z-index: -100;
    left: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.field-check__box {
     position: absolute;
     margin-top: 2px;
     margin-left: -1.5rem;
     width: 15px;
     height: 15px;
     overflow: hidden;
     border-radius: 4px;
     border: none;
     background-color: rgba(255, 255, 255, 0.15);
     background-repeat: no-repeat;
     background-position: 50% 50%;
 }
.field-check__input:checked + .field-check__box {
    background-image: url(/images/s-organizer/check.png);
}
.field-settime__block {
    display: none;
}
.field-check__input:checked ~ .field-settime__block {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    margin-top: 20px;
}
.field-settime__text {
    line-height: 33px;
    padding-right: 10px;
    text-align: right;
}
.field-settime__input {
    margin-right: 20px;
}
.field-settime__nomargin {
    margin-right: 0;
}
.row-is_template,
.field-radio {
    font-family: 'SFUIDisplay-Medium', serif;
    font-size: 1rem;
    color: #ffffff;
    margin-bottom: 0;
}
.field-radio__text {
    opacity: 0.3;
}
.field-radio:checked + .field-radio__text {
    opacity: 1;
}
.field-textarea, .field-textarea:active, .field-textarea:focus {
    font-family: 'SFUIDisplay-Regular', serif;
    outline: none;
    border: none;
    border-radius: 20px;
    font-size: 0.8rem;
    background: rgba(255, 255, 255, 0.2);
    padding: 6px 20px;
    width: 100%;
    color: #ffffff;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
}
.block-add .field-add {
    margin: 0;
    position: relative;
}
.block-add > .field-add ~ .field-add {
    margin-top: 10px;
}
.block-add .field-remove {
    position: absolute;
    z-index: 10;
    width: 20px;
    height: 20px;
    right: 10px;
    top: 7px;
    display: none;
}
.block-add > .field-add ~ .field-add .field-remove {
    display: block;
}
.field-remove .svg-icon {
    width: 100%;
    height: 100%;
}
.check-color {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.field-check-color__input {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    left: -9999px;
    opacity: 0;
}
.field-check-color {
    width: 30px;
    height: 30px;
    position: relative;
}
.field-check-color__box {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.3);
}
.field-check-color__checked {
    position: absolute;
    left: 10px;
    top: 4px;
    width: 10px;
    height: 10px;
    display: none;
}
.field-check-color__checked svg {
    width: 10px;
    height: 10px;
}
.field-check-color__input:checked + .field-check-color__checked {
    display: block;
}
.field-check-color__input:disabled ~ .field-check-color__box {
    opacity: 0.3;
}
.form-block {
    display: none;
}
.form-block.show {
    display: block;
}
/* Fields end */

/* Tabs */
.tabs {
    margin-bottom: 60px;
}
.tabs__item {
    cursor: pointer;
    opacity: 0.4;
}
.tabs__item:not(:last-child) {
    margin-right: 20px;
}
.tabs__item.-active {
    cursor: pointer;
    opacity: 1;
}
.tabs-body .indicator {
    margin-right: 15px;
}
.tabs-body {
    display: none;
}
.tabs-body.-active {
    display: block;
}
.tabs-link {
    display: none;
}
.tabs-link.-active {
    display: block;
}
.tabs.-mobile {
    font-size: 18px;
    line-height: 21px;
    margin: 0;
    padding-top: 30px;
}
.tabs.-mobile .tabs__item {
    opacity: 1;
    display: block;
    margin-bottom: 30px;
}

.tabs.-mobile .tabs__item {
    opacity: 1;
    display: block;
    margin-bottom: 30px;
}
.tab-content {
    padding-top: 30px;
}
.tab-content.-mobile .modal-list-item {
    display: flex;
    justify-content: space-between;
}
.tabs-link {
    text-align: right;
}
.tab-content.-mobile .modal-list-item span {
    flex: 1
}
.tab-content.-mobile .modal-list-item span {
    margin-right: 5px;
}
#tab-title {
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* Tabs end */

#modalShowProtocolMobile .icon-navigation{
    position: absolute;
    top: 11px;
    left: 20px;
    width: 9px;
    height: 13px;
}
.message-block label {
    display: block;
}
.mobile-message-block, .record, .back-modal {
    display: none;
}

.modal-date{
    display: flex;
    align-items: center;
    margin: 15px 0 30px 0;
}
.modal-date label{
    margin: 0 12px 0 0;
}
.modal-date label:not(:first-child){
    margin-left: 12px;
}
.modal-list-item:not(:last-child) {
    margin-bottom: 30px;
}
.modal-list-item .expiring{
    color: #991737;
    display: flex;
    justify-content: space-between;
}
.modal-list-item .expiring svg{
    width: 10px;
    height: 13px;
    margin-top: 3px;
    margin-left: 3px;
}

/* Buttons */
.buttons-block {
    margin-top: 50px;
}
.buttons-protocol {
    margin-top: 30px;
}
.buttons-protocol .button:not(:last-child) {
    margin-bottom: 15px;
}
.buttons-block-fluid {
    width: 100%;
    background-color: #381B4A;
    /*background: linear-gradient(180deg, rgba(56, 27, 74, 1), rgba(56, 27, 74, 0));*/
    padding-top: 20px;
    padding-bottom: 10px;
}
.buttons-block-fluid.-transparent {
    background-color: transparent;
}
.buttons-block-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
}
.button-gradient-fixed-purple {
    background-color: #491744;
}
.button {
    display: block;
    width: 80%;
    border-radius: 20px;
    padding: 7px;
    margin: 0 auto;
    margin-bottom: 10px;
    background-color: #381B4A;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.3);
}
.button:active, .button:focus, .button:hover {
    text-decoration: none;
    color: #ffffff;
}
.button-bordered, .button-bordered:active, .button-bordered:focus {
    border: 1px solid #ffffff;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.3);
}
.button-bordered-light, .button-bordered-light:active, .button-bordered-light:focus {
    border: 1px solid #ffffff;
    background-color: #4A305A;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.3);
}
.button-bordered-purple, .button-bordered-purple:active, .button-bordered-purple:focus {
    background-color: #511F4C;
    border: 1px solid #ffffff;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.3);
}
.button-gradient-red, .button-gradient-red:active, .button-gradient-red:focus {
    background: linear-gradient(135deg, #991737, #78102A);
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.3);
}
.button-gradient-violet, .button-gradient-violet:active, .button-gradient-violet:focus {
    background: linear-gradient(135deg, #4A2860, #3B1752);
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.3);
}
.button-gradient-purple, .button-gradient-purple:active, .button-gradient-purple:focus {
    background: linear-gradient(135deg, #863F6E, #691256);
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.3);
}
.button-gradient-green, .button-gradient-green:active, .button-gradient-green:focus {
    background: linear-gradient(135deg, #3D813A, #196016) !important;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.3) !important;
}
.button-blur, .button-blur:active, .button-blur:focus {
    filter: blur(2px);
}
.s-card-purple .button-next,
.s-card-purple  .button-next:active,
.s-card-purple .button-next:focus {
    background-color: #511F4C;
    border: 1px solid #ffffff;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.3);
}
.button-next {
    margin-top: 50px;
}
/* Buttons end */


/* Indicators */
.indicator {
    height: 26px;
    width: 26px;
    border-radius: 50%;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
}

.indicator.-small {
    height: 14px;
    width: 14px;
    margin-top: 3px;
    display: inline-block;
}
.indicator-opened {
    background: linear-gradient(160deg, #54AE50, #3D813A, #196016);
}
.indicator-completed {
    background: linear-gradient(160deg, #B25D96, #691256);
}
.indicator-unopened {
    background: linear-gradient(160deg, #5A8BBB, #1A4A78);
}
.indicator-teams_ready {
    background: linear-gradient(160deg, #54AE50, #3D813A, #196016);
}
.indicator-captains_checking {
    background: linear-gradient(160deg, #54AE50, #3D813A, #196016);
}
.indicator-captains_checked {
    background: linear-gradient(160deg, #54AE50, #3D813A, #196016);
}
.indicator-started {
    background: linear-gradient(160deg, #54AE50, #3D813A, #196016);
}
.indicator-finished {
    background: linear-gradient(160deg, #54AE50, #3D813A, #196016);
}
.indicator-not_take {
    background: linear-gradient(160deg, #b25d5d, #691212);
}
.indicator-did_not_take {
    background: linear-gradient(160deg, #b25d5d, #691212);
}
/* Indicators end */


/* People List */
.people-list {
    font-family: 'SFUIDisplay-Medium', serif;
    font-size: 1rem;
}
.people-list__filter,
.people-list__check {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    padding: 10px 0;
    justify-content: space-between;
    align-items: center;
}
.people-list__row {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    padding: 10px 0;
    /*justify-content: space-between;*/
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.people-list__row-captain {
    border-bottom: none;
}
.people-row__avatar {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 20px;
}
.people-row_rating {
    font-size: 0.8rem;
    margin-left: auto;
}
.people-row_action {
    display: flex;
    flex-wrap: nowrap;
    font-size: 0.8rem;
    margin-left: auto;
}
.people-row_action label {
    margin-bottom: 1rem;
}
.people-row_action svg {
    width: 15px;
    height: 15px;
    margin-top: -4px;
}
.people-row_number {
    display: inline-block;
    margin-right: 10px;
}
.people-row_number.-paid {
    color: #54AE50;
}
.people-row_manage {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-basis: 40%;
    margin-left: auto;
}
.people-row__money-value {
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    color: #FFFFFF;
    /*color: red;*/
    margin-right: 30px;
}
.people-row__money-value.-paid {
    color: #54AE50;
}
.people-row__delete-icon {
    background: url(/images/s-organizer/icons/close.png) no-repeat center;
    width: 10px;
    height: 10px;
    cursor: pointer;
}
/* People List end */


/* Calendar */
.calendar {
    font-family: 'SFUIDisplay-Regular', serif;
    font-size: 0.8rem;
    width: 100%;
}
.pignose-calendar,
.pignose-calendar .pignose-calendar-top {
    width: 100%;
    max-width: 100%;
    border: none;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-bottom: 50px;
}
.pignose-calendar .pignose-calendar-top .pignose-calendar-top-year,
.pignose-calendar .pignose-calendar-top .pignose-calendar-top-month {
    display: inline-block;
    font-family: 'BebasNeueBold', serif;
    font-size: 2.25rem;
    line-height: 45px;
    color: #ffffff;
}
.pignose-calendar-top-month {
    margin-right: 10px;
}
.pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav .pignose-calendar-top-icon {
    color: #FFFFFF;
    font-size: 3rem;
}
.pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav {
    margin-top: -15px;
    width: auto;
}
.pignose-calendar .pignose-calendar-header .pignose-calendar-week,
.pignose-calendar .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sun,
.pignose-calendar .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sat {
}
.pignose-calendar .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sun,
.pignose-calendar .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sat {
    color: #ffffff;
}
.pignose-calendar .pignose-calendar-header {
    font-weight: 400;
}
.pignose-calendar .pignose-calendar-unit a {
    color: #ffffff;
}
.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-sun a, .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-sat a {
    color: #ffffff;
}
.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-active a {
    /*font-size: 1rem;*/
    font-weight: 600;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.37);
    box-shadow: none;
}
.pignose-calendar .pignose-calendar-unit .pignose-calendar-button-schedule-container .pignose-calendar-button-schedule-pin {
    width: 10px;
    height: 10px;
    margin-right: -0.2rem;
    margin-top: 5px;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
}
.pignose-calendar .pignose-calendar-unit .pignose-calendar-button-schedule-container {
    margin-top: -11px;
}
.pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav.pignose-calendar-top-next {
    margin-right: 18px;
    /*margin-top: -16px;*/
}
.pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav.pignose-calendar-top-prev {
    margin-left: 18px;
    /*margin-top: -16px;*/
}
.pignose-calendar-unit-today a {
    font-weight: bold;
}
.schedule-pin-plus {
    top: -1px;
    position: relative;
}
/* Calendar end */

/* Meeting */
.card-meeting__row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    position: relative;
}
.card-meeting__row-creator {
    margin-bottom: 60px;
}
.card-meeting__shedule-item {
    width: 100%;
    padding: 5px 30px;
    border-radius: 16px;
    margin-bottom: 10px;
    background-color: rgba(255, 255, 255, 0.05);
}
.card-meeting__shedule {
    margin-bottom: 20px;
}
.card-meeting__title {
    font-family: 'BebasNeueBold', serif;
    font-size: 2.25rem;
    line-height: 2.25rem;
    flex-basis: 85%;
    word-break: break-word;
}
.card-meeting__status {
    margin-left: auto;
    padding-top: 5px;
    padding-right: 5px;
}
.card-meeting__creator,
.card-meeting__members {
    flex-basis: 100%;
}
.card-meeting__icon-small svg {
    width: 10px;
    height: 9px;
    margin-right: 10px;
}
/* Meeting end */

/* Counters */
.counter-wrap {
    display: flex;
    flex-wrap: nowrap;
    width: 80px;
    float: right;
    align-items: center;
}
.counter-action {
    width: 15px;
    text-align: center;
}
.counter-count {
    font-family: 'SFUIDisplay-Medium', serif;
    font-size: 0.8rem;
    width: 50px;
    text-align: center;
}
.counter-up svg {
    transform: rotate(180deg);
}
/* Counters end */

/* Карточка группы */
.card-group__info-block {
    font-family: 'SFUIDisplay-Regular', serif;
    font-size: 0.8rem;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 30px;
    line-height: 21px;
}
.card-group__name {
    font-family: 'BebasNeueBold', serif;
    font-size: 2.25rem;
    position: absolute;
    bottom: 0;
    left: 30px;
    padding-right: 30px;
    z-index: 100;
    max-width: 80%;
}
.card-group__team-colors {
    line-height: 18px;
    float: right;
    text-align: right;
    margin-top: -3px;
}
.card-group__team-colors .team-color {
    margin: 0;
}
.card-group__info-icon {
    margin-right: 10px;
}
.card-group__info {
    color: rgba(255, 255, 255, 0.6);
}
.card-group__action {
    min-width: 90px;
    margin-left: auto;
    text-align: right;
}
.card-group__action-icon {
    margin-left: 5px;
}
.card-group__tags {
    /*padding-right: 20px;*/
    position: relative;
    margin-bottom: 30px;
}
.card-group__description {
    font-family: 'SFUIDisplay-Regular', serif;
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 10px;
}
.card-group__buttons {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 30px;
}
.card-group__button-block {
    flex-basis: 50%;
}
.card-group__button-block .button-group {
    width: 95%;
    margin: 0;
}
/* Карточка группы end*/

.place-list {
    margin-top: 40px;
}

/* Custom select */
/* The container must be positioned relative: */
.js-custom-select {
    position: relative;
    font-family: Arial;
}

.js-custom-select select {
    display: none; /*hide original SELECT element: */
}

.select-selected {
    font-family: 'SFUIDisplay-Regular', serif;
    outline: none;
    border-radius: 30px;
    border: 1px solid #ffffff;
    font-size: 0.8rem;
    opacity: 1;
    width: 100%;
    color: #ffffff;
    padding: 6px 10px !important;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.3);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/images/s-organizer/arrow.png) no-repeat #452659;
    background-position: 97% 50%;
}
.s-card-purple .select-selected {
    background-color: #511F4C;
}

/* Style the arrow inside the select element: */
.select-selected:after {
    position: absolute;
    content: "";
    background: url(/images/s-organizer/arrow.png) no-repeat;
    background-position: 97% 50%;
    top: 14px;
    right: 10px;
    width: 14px;
    height: 10px;
    /*border: 6px solid transparent;*/
    /*border-color: #fff transparent transparent transparent;*/
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
    transform: rotate(180deg);
    /* border-color: transparent transparent #fff transparent;
    top: 7px;*/
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
    color: #ffffff;
    padding: 8px 16px;
    /*border: 1px solid transparent;*/
    /*border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;*/
    cursor: pointer;
}

/* Style items (options): */
.select-items {
    position: absolute;
    background-color: #452659;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 101;
}

/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

/* popup menu */
.popup-menu {
    position: absolute;
    background-color: #4A305A;
    border-radius: 0 10px 10px 10px;
    width: 200px;
    color: #878787;
    padding: 10px 30px;
    z-index: 100;
    display: none;
}
.popup-menu-purple {
    background-color: rgba(90, 42, 85, 0.97);
}
.popup-menu.show {
    display: block;
}
.popup-menu__list {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 20px;
}

/* modal */
.modal-content {
    background-color: #3D224E;
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.15);
    width: 70%;
    margin: 0 auto;
    padding: 30px 20px 20px 20px;
    border-radius: 16px;
}
.modal-content-violet {
    background-color: #381B4A;
}
.modal-content-big {
    width: 90%;
}
.modal-content__label {
    margin-bottom: 15px;
}
.modal-content__field {
    margin-bottom: 30px;
}
.close {
    color: #ffffff;
    opacity: 1;
    text-shadow: none;
    font-weight: normal;
    position: absolute;
    top: 5px;
    right: 10px;
}
.modal-body .people-row__avatar {
    margin-right: 45px;
}
.modal-body .people-row_rating {
    margin-right: 75px;
}
.modal-dialog.-type-message {
    max-width: 600px;
}
.modal-dialog.-type-protocol {
    max-width: 900px;
}
.modal-dialog .modal-footer {
    padding: 10px 65px 55px;
}
/* team */
.team-color {
    border-radius: 50%;
    width: 13px;
    height: 13px;
    background: #FFE924;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
    display: inline-block;
    margin-bottom: -2px;
    margin-right: 10px;
    margin-left: 10px;
}
.invite_apply {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    text-align: center;
    padding: 10px;
}
.button-invite_team,
.button-invite_team:focus,
.button-invite_team:active
{
    font-family: 'SFUIDisplay-Medium', serif;
    font-size: 12px;
    /*border: none;*/
    background: none;
    color: #ffffff;
    outline: none;
}
.team-add {
    font-family: 'SFUIDisplay-Regular', serif;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 50px;
}
.team-add .svg-icon {
    width: 13px;
    height: 13px;
    float: right;
}
.team-select,
.team-select:focus,
.team-select:active {
    background-color: #511F4C;
    border: none;
    outline: none;
    color: #ffffff;
    font-family: 'SFUIDisplay-Medium', serif;
    font-size: 12px;
    box-shadow: none;
}

/* стили для редактирования "на лету" полей в профиле */
.editable-field {
    margin-bottom: 12px;
}
.editable-input input:focus,
.editable-input input:active,
.editable-input input {
    outline: none;
    box-shadow: none;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #ffffff;
    background: transparent;
    color: #ffffff;
    padding: 0;
    margin: 0;
    height: 27px;
    margin-top: -5px;
    margin-bottom: 6px;
}
.editable-click, a.editable-click, a.editable-click:hover {
    border: none !important;
}
.input-editable {
    font-size: 1.15rem;
}
.editable-input input.input-editable-small:focus,
.editable-input input.input-editable-small:active,
.editable-input input.input-editable-small {
    font-family: 'SFUIDisplay-Regular', serif;
    font-size: 0.8rem;
    height: 16px;
    margin-top: -2px;
    margin-bottom: 0;
}
.editableform .control-group {
    line-height: 10px !important;
}

.profile-input {
    font-family: 'SFUIDisplay-Medium', serif;
    font-size: 1.15rem;
    width: 100%;
    outline: none;
    box-shadow: none;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    background: transparent;
    color: #ffffff;
    padding: 0;
    margin: 0;
}
.profile-input-small {
    font-family: 'SFUIDisplay-Regular', serif;
    font-size: 0.8rem;
}
.profile-edit {
    /*position: absolute;
    right: 0;
    top: -15px;*/
    font-family: 'SFUIDisplay-Regular', serif;
    font-size: 0.8rem;
    opacity: 0.7;
    float: left;
    padding-top: 4px;
}
.profile-edit svg {
    width: 15px;
    height: 15px;
}
.profile-edit-save {
    display: none;
}
.editable-field input {
    display: none;
}

.meeting-status__info {
    position: absolute;
    background-color: #5A2A55;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
    opacity: 0.97;
    border-radius: 10px 0 10px 10px;
    padding: 10px;
    z-index: 100;
    right: 5px;
    font-size: 0.8rem;
    font-family: 'SFUIDisplay-Regular', serif;
    top: 35px;
}

/* Error */

.error__img {
    margin-top: 30px;
    margin-bottom: 30px;
}
.error__img img {
    width: 100%;
}
.error__message {
    margin-bottom: 30px;
}
.error__menu {
    margin-bottom: 30px;
}
.error_button {
    width: 70%;
    margin: 0 auto;
}

/* Error end */

.invite__title {
    margin-bottom: 24px;
}
.invite__p {
    margin-bottom: 24px;
}
.invite__link {
    border-bottom: 1px solid #ffffff;
}
.invite__messengers {
    text-align: center;
}
.invite__messenger {
    display: inline-block;
    text-align: center;
    margin: 0 10px;
}

/* Dividing team */
.team-params {
    font-family: 'SFUIDisplay-Medium', serif;
    font-size: 1rem;
    margin-top: 20px;
}
.team-name {
    font-family: 'SFUIDisplay-Medium', serif;
    font-size: 1rem;
    padding: 20px 0;
}
.gamers-header {
    font-family: 'SFUIDisplay-Medium', serif;
    font-size: 1rem;
}
#name_color_set_form {
    margin-bottom: 40px;
}
#current_captain_info {
    margin: 20px 0;
}
#color {
    justify-content: flex-start;
}
#color label.field-check-color {
    margin-right: 10px;
}
.messenger-types {
    margin-bottom: 10px;
    text-align: center;
    display: flex;
    justify-content: space-between;
}
.messenger-type {
    display: inline-block;
    width: 25px;
    height: 25px;
}
.messenger-type:nth-child(2) {
    margin-left: 5px;
}
.remove-member {
    display: inline-block;
}
.remove-member .svg-icon {
    margin-top: 1px;
}

.card-profile__info {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
}
.card-profile__info-edit {

}
.card-profile__info-msg {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    /*width: 55px;*/
    align-items: center;
    margin-top: -3px;
}
.img__qr-code {
    width: 200px;
    height: 200px;
    margin: 0 auto;
}
#fullpage {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
}
.slide img {
    /*width: 100%;*/
    height: 100%;
}
.fp-section {
    /*height: auto !important;*/
}
.fp-tableCell {
    /*height: auto !important;*/
    text-align: center;
    background: rgba(0, 0, 0);
}
.fp-slidesNav {
    text-align: center;
}
.fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
    background: rgba(255, 255, 255);
}
.fp-slidesNav ul li a span {
    background: rgba(255, 255, 255, 0.4);
    height: 7px;
    width: 7px;
}
.fp-controlArrow.fp-prev {
    left: 10px;
    border: none;
    background: url("/images/s-organizer/faq/arrow-left.png");
    width: 9px;
    height: 17px;
}
.fp-controlArrow.fp-next {
    right: 10px;
    border: none;
    background: url("/images/s-organizer/faq/arrow-right.png");
    width: 9px;
    height: 17px;
}
.faq__header {
    font-family: 'SFUIDisplay-Medium', serif;
    font-size: 28px;
    margin-bottom: 40px;
}
.faq__question {
    font-size: 18px;
    padding: 0 15px;
    margin-bottom: 25px;
}
.faq__close {
    position: absolute;
    display: none;
    z-index: 1010;
    width: 13px;
    height: 13px;
    top: 10px;
    right: 10px;
    background: url("/images/s-organizer/faq/close.png");
}



/* GROUP PAGE NEW */
.container-fluid__group {
    padding: 0;
}
.card-profile__img {
    height: 400px;
}
.group-page {
    position: relative;
    margin: 100px 25px 0 25px;
    z-index: 100;
}
.menu-group {
    position: unset;
    margin-bottom: 15px;
}
.menu-group .svg-icon {
    fill: #FFFFFF;
}
.menu-group__filter-meet {
    margin-bottom: 0;
    position: relative;
}
.menu-group__filter-meet .popup-menu {
    border-radius: 0 20px 20px 0;
    left: 0;
    width: 400px;
}
.menu-group__filter-meet .form-control:hover,
.menu-group__filter-meet .form-control:focus,
.menu-group__filter-meet .form-control {
    background-color: #4c325c;
}
.menu-group__filter-meet .button-filter {
    background-color: #4c325c;
}
.card-group__name {
    position: unset;
    margin-bottom: 25px;
}
.profile-tags__item {
    margin-bottom: 5px;
}
.card-group__info-block {
    margin-bottom: 35px;
}
.card-group__info {
    flex-basis: 50%;
}
.card-group__team-colors {
    margin-bottom: 45px;
}
.card-group__team-colors .team-color {
    margin-bottom: -3px;
}
.card-group__team-colors {
    float: unset;
    text-align: left;
}
.team-colors__name {
    display: inline-block;
    margin-right: 10px;
}
.card-group__icon {
    margin-bottom: 15px;
}
.card-group__links {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 40px;
    justify-content: space-between;
    text-align: center;
}
.card-group__link {
    font-family: 'SFUIDisplay-Regular', serif;
    font-size: 0.8rem;
}
.group-join {
    font-family: 'SFUIDisplay-Regular', serif;
    font-size: 1rem;
    text-align: center;
    margin: 15px 0;
}
.group-join span {
    opacity: 0.6;
}
.group-join__link {
    opacity: 1;
}
.popup-menu__list {
    line-height: 25px;
}
.row-settings {
    margin-bottom: 35px;
}
.button__add-news {
    margin-bottom: 20px !important;
}
.group-news {
    margin-bottom: 40px;
}
.group-news__title {
    font-family: 'SFUIDisplay-Regular', serif;
    font-size: 1rem;
    margin-bottom: 15px;
    padding-right: 20px;
}
.group-news__description {
    margin-bottom: 10px;
}
.group-news__img {
    margin-bottom: 10px;
}
.group-news__info {
    display: flex;
    flex-wrap: nowrap;
    color: rgba(255, 255, 255, 0.47);
}
.news-info__action,
.news-info__comments {
    margin-left: auto;
}
.news-info__comments .svg-icon {
    margin-top: -3px;
}
.news-info__action a {
    color: rgba(255, 255, 255, 0.47);
}
.banner {
    margin-bottom: 40px;
}
.news-comments {
    margin-left: 30px;
}
.field-input__comment::placeholder {
    color: rgba(255, 255, 255, 0.6);
}
.group-news__view {
    margin-bottom: 15px;
}
.news-comment {
    margin-bottom: 15px;
}
.comment__info {
    display: flex;
    flex-wrap: nowrap;
    color: rgba(255, 255, 255, 0.47);
}
.comment__action {
    margin-left: auto;
}
.comment__action a {
    color: rgba(255, 255, 255, 0.47);
}
.button-send-comment {
    background: transparent;
    outline: none;
    box-shadow: none;
    border: none;
    font-size: 0.8rem;
    font-family: 'SFUIDisplay-Regular', serif;
    color: rgba(255, 255, 255, 0.47);
    padding: 0;
    margin: 5px 0 0 0;
    float: right;
}
.group-contacts__action {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.group-contacts__action .profile-edit {
    float: right;
}
.group-contacts__action:after {
    content: '';
    display: block;
    clear: both;
}
.group-contact {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    height: 40px;
}
.group-contact .editable-field {
    margin-bottom: 0;
}
.contact__label {
    min-width: 150px;
}
.contact__input {
    margin-left: auto;
}
.contact-input {
    font-family: 'SFUIDisplay-Medium', serif;
    font-size: 1.15rem;
    outline: none;
    box-shadow: none;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    background: transparent;
    color: #ffffff;
    padding: 0;
    margin: 0;
    width: 170px;
}
.group-requisite {
    display: flex;
    flex-wrap: wrap;
}
.requisite__label,
.requisite__input {
    flex-basis: 100%;
}
.requisite__input input {
    width: 100%;
}
/* GROUP PAGE NEW END */

/* BUTTONS */
.button-transparent {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 19px;
    box-shadow: none;
}

.button.-fixed-width-160 {
    width: 160px;
    margin: 0 auto;
}

.button.button-bordered-opacity {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.05);
}
/* BUTTONS END */

.-fixed-width-140 {
    width: 140px;
}



/* NEW PROFILE STYLES */
.profile__row {
    margin-bottom: 25px;
}
.profile__row-header {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.profile__avatar-block {
    position: relative;
}
.profile__avatar {
    width: 100px;
    height: 100px;
    overflow: hidden;
}
.profile__rating {
    font-family: 'BebasNeueBold', serif;
    font-size: 60px;
    vertical-align: center;
    margin-left: auto;
}
.profile__messengers {
    position: absolute;
    width: 60px;
    top: 35px;
    left: 88px;
}
.profile__messengers .messenger-type:nth-child(2) {
    margin-left: -10px;
}
.profile__edit-link {
    position: absolute;
    right: 0;
}
.profile-tags {
    margin-bottom: 25px;
}
.profile-media {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.profile-media__img {
    position: relative;
    margin-right: 3px;
    flex-basis: 32%;
    margin-bottom: 3px;
    min-height: 70px;
    max-height: 70px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.1);
}
.profile-media__img img {
    height: 100%;
}
/* NEW PROFILE STYLES END*/

/* NEW GROUP STYLES */
.group__action {
    position: relative;
}
.group__action .menu-group {
    position: absolute;
    top: -12px;
    right: 0px;
}
.group__action .profile-tags__item {
    position: absolute;
    bottom: 0;
    right: 0;
    white-space: nowrap;
}
.group__action .popup-menu {
    background: #3D224E;
    border-radius: 10px 0 10px 10px;
    right: 0;
}
/* NEW GROUP STYLES END */

/* MODALS */
.modal-header {
    border-bottom: none;
    position: relative;
    padding: 0;
}
.modal-footer {
    border-top: none;
}
.form-group label {
    font-family: 'SFUIDisplay-Regular', serif;
    font-size: 14px;
    line-height: 16px;
}
.lg-modal .field-input:active,
.lg-modal .field-input:focus,
.lg-modal .field-input {
    background-color: rgba(255, 255, 255, 0.05);
    font-size: 14px;
    padding-left: 30px;
    box-shadow: none;
}
.lg-modal .button {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 19px;
    box-shadow: none;
}
.lg-group-member {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-basis: 100%;
    margin-bottom: 15px;
}
.lg-group-member__avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 30px;
    min-width: 60px;
}
.lg-group-member__name {
    font-size: 14px;
}
.field-add__docs {
    margin-bottom: 20px !important;
}
.field-input__docs-caption {
    margin-bottom: 10px;
}
.field-add {
    font-size: 14px;
}
/* MODALS END */

/* CROSS */
.cross-icon {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 10px;
    height: 10px;
}
.cross-icon:hover {
    cursor: pointer;
}
.cross-icon:before, .cross-icon:after {
    content: " ";
    display: block;
    height: 11px;
    width: 1px;
    background-color: #fff;
    position: absolute;
    left: 5px;
}
.cross-icon:before {
    transform: rotate(45deg);
}
.cross-icon:after {
    transform: rotate(135deg);
}
.cross-icon__modal {
}
.cross-icon__delete-subgroup {
    top: 0 !important;
    right: 0 !important;
    position: relative !important;
}
/* CROSS END */

/* CONNECTED ACCOUNTS */
.connected-accounts__row {
    position: relative;
}
.connect-method {
    padding: 5px 8px;
    background-color: rgba(255, 255, 255, 0.1);
    display: inline-block;
    border-radius: 5px;
    margin-bottom: 15px;
}
.connect-method:hover {
    cursor: pointer;
}
.connect-method.selected {
    background-color: rgba(255, 255, 255, 0.25);
}
.connect-field {
    display: none;
}
.connect-field.selected {
    display: block;
}
.myaccount-connected {
    margin-top: 10px;
}
/* CONNECTED ACCOUNTS END */


.js-delete-media {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 10px;
    height: 10px;
}
.js-delete-media:hover {
    cursor: pointer;
}
.js-delete-media:before, .js-delete-media:after {
    content: " ";
    display: block;
    height: 11px;
    width: 1px;
    background-color: #fff;
    position: absolute;
    left: 5px;
}
.js-delete-media:before {
    transform: rotate(45deg);
}
.js-delete-media:after {
    transform: rotate(135deg);
}

.text-right {
    text-align: right;
}
.flex-auto span {
    flex: auto!important;
}
.record-form {
    display: flex;
    flex-wrap: wrap;
}
.record-form__field.-half-width {
    flex: 50%;
}
.record-form__field.-half-width:not(:last-child) {
    padding-right: 10px;
}
.record-form__field.-full-width {
    flex: 100%;
}
#send-message-next-step, #send-message {
    margin: 0 auto!important;
    cursor: pointer;
}

.lg-subgroup {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    flex-basis: 100%;
}
.lg-subgroup__name {
    flex-basis: 100px;
    word-break: break-word;
}
.lg-subgroup__edit svg{
    width: 15px;
    height: 15px;
}
.lg-subgroup__add-member:hover,
.lg-subgroup__name:hover {
    cursor: pointer;
}


.datepickers-container {
    z-index: 2000;
}

.subscription-member__actions {
    display: flex;
    flex-wrap: nowrap;
}
.subscription-member__actions span {
    margin-right: 10px;
}
.subscription-member__actions svg {
    width: 25px;
    height: 25px;
}

.visit {
    display: flex;
    flex-wrap: nowrap;
    width: 845px;
    position: relative;
    padding-bottom: 30px;
    margin-top: 40px;
}
.visit__row {
    display: flex;
    flex-wrap: nowrap;
    flex-basis: 300px;
    min-width: 300px;
}
.visit__col-members {
    flex-basis: 200px;
    min-width: 200px;
    position: sticky;
    top: 0;
    left: 0;
    background-color: #422753;
}
.visit__date {
    text-align: center;
    height: 30px;
}
.visit__header {
    color: rgba(255, 255, 255, 0.4);
    text-align: center;
    padding: 10px 0;
    width: calc(100% / 3);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.visit__header.-mobile {
    width: calc(100% / 4);
    color: #FFFFFF;
    font-size: 12px;
}
.visit__row .visit__header:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.visit__row .visit__header.-mobile:last-child {
    border-right: none;
}
.visit__item {
    width: calc(100% / 3);
    text-align: center;
    padding: 20px 0;
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.visit__item.-mobile {
    width: calc(100% / 4);
    color: #FFFFFF;
    font-size: 12px;
    padding: 5px 0;
}
.visit__row .visit__item:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.visit__row .visit__item.-mobile:last-child {
    border-right: none;
}
.visit__col .visit__row:last-child .visit__item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.visit__item-member {
    padding: 20px 0;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.visit__item-member:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.visit__header-member {
    padding: 10px 0;
    width: 100%;
    background-color: #422753;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.slick-next:before {
    margin-left: -20px;
}
.slick-prev:before {
    margin-right: -20px;
}

#field_start_time {
    text-align: center;
    padding-left: 20px;
}

.modal__polls {
    min-height: 300px;
}
.polls-add-block {
    position: absolute;
    right: 91px;
    top: 25px
}
.polls-percent {
    width: 100%;
    height: 3px;
    background-color: rgba(255, 255, 255, 0.3);
    margin-top: 9px;
}
.polls-percent-calculate {
    position: relative;
    height: 100%;
    background-color: rgb(255, 255, 255);
}
.polls-percent-calculate:after {
    content: '';
    display: block;
    position: absolute;
    right: -2px;
    top: -2px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
}
.polls-avatar-img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    margin-right: -10px;
    overflow: hidden;
    border: 1px solid #3d224e;
}
#modalPolls .icon-navigation {
    width: 10px;
    height: 12px;
    position: absolute;
    left: 0;
    top: -10px;
}


.folder-data {
    display: none;
}

.folder-data.active {
    display: block;
}

/* лоадер */
.lds-ring {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
}
.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    margin: 4px;
    border: 4px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}
@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}