.button,
.input-submit,
.input-button {
    padding: 14.5px 25.5px;
    font-size: 16px;
    background: var(--main-blue-color);
    cursor: pointer;
    display: flex;
    color: #fff;
    border: none;
    text-decoration: none;
    max-height: 46px;
    align-items: center;
    justify-content: center;
    width: max-content;
    border-radius: 4px;
    gap: 10px;
    text-align: center;
}
.no-border-button{
    border: none !important;
}

.big-padding-button {
    padding: 11px 50px;
}

.button.white-btn,
.input-submit.white-btn {
    background: #fff;
    color: var(--main-blue-color);
}
.current-tarif {
    border: 1px solid var(--blue15-color);
    border-radius: 4px;
    padding: 9px 10px;
    display: flex;
    align-items: center;
    gap: 5px;
    width: 100%;
    justify-content: center;
    font-weight: 500;
}
.image {
    display: flex;
    position: relative;
    background-color: var(--blue15-color);
    align-items: center;
    justify-content: center;
    height: 100%;
}

a.image svg {
    display: block;
    width: 100px;
    height: auto;
}
.partners-item .image svg {
    width: 50px;
    height: auto;
}

.field.small-area-title.textarea.textarea-description label {
    align-items: start;
}

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

.small-button-media a.button.blue-border-button {
    padding: 11px 9px !important;
}

.small-button-media .media-title {
    flex: none;
    margin: 0;
}

span.date {
    color: var(--gray-color);
    font-weight: 400;
}

.comments-form .textarea.textarea-content {
    margin-bottom: 24px;
}

.comments-form {
    margin-bottom: 64px;
}

.comment-item .image {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    overflow: hidden;
}

.comment-item {
    display: flex;
    gap: 23px;
    margin-bottom: 23px;
}

.transparent-button {
    background: transparent;
}

.comment-body a {
    font-size: var(--title-size);
    font-weight: 700;
    display: block;
    color: var(--black-color);
    margin-bottom: 15px;
}

.comment-body span.date {
    font-size: 14px;
}

.comment-body p {
    margin: 8px 0 0 0;
    font-size: 16px;
}

a.title {
    font-size: var(--title-size);
    color: var(--black-color);
    font-weight: 600;
    margin: 8px 0 16px;
    display: block;
}

a.edit,
a.settings {
    display: inline-block;
    width: 30px;
    height: 30px;
}

a.edit {
    background: url(../images/edit.svg) center center no-repeat;
}

a.settings {
    background: url(../images/settings.svg) center center no-repeat;
}

a.settings_black {
    background: url(../images/settings_black.svg) center center no-repeat;
}

.menu {
    padding: 0;
    list-style: none;
    display: flex;
    gap: 8px;
    margin: 0;
}

.menu a {
    color: var(--black-color);
}

a.filter {
    background: url(../images/filter.svg) center center no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
}

.pagination {
    margin-top: 80px;
    display: flex;
    justify-content: end;
    gap: 150px;
    align-items: center;
}

.pagination ul {
    display: flex;
    margin: 0;
    gap: 15px;
}

.pagination ul span {
    background: var(--blue15-color);
    padding: 0 24px;
    color: var(--blue-color);
    height: 23px;
    display: inline-block;
    line-height: 26px;
    border-radius: 10px;
}

.field-content {
    margin-bottom: 100px;
    font-size: 18px;
    line-height: 25px;
}

.pagination ul a,
.pagination ul li {
    display: inline-block;
    height: 23px;
    line-height: 23px;
    color: var(--blue-color);
}

.field>label>span,
.media-title {
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
    flex: 0 0 210px;
    font-weight: 400;
}

fieldset {
    border: none;
    margin-bottom: 40px;
}

input.input-text,
input.input-date {
    color: var(--gra-color);
    height: 46px;
    padding-left: 20px;
    border-radius: 8px;
    width: 100%;
    border: 2px solid var(--blue15-color);
}
input.input-date {
    position: relative;
    height: 40px !important;
    border-radius: 8px !important;
    width: 140px !important;
    max-width: 140px !important;
    border: 1px solid var(--new-third-gray-color) !important;
}

input.input-date::-webkit-calendar-picker-indicator{
    opacity: 0.001;
    position: absolute;
    top: 50%;
    right: 10px;
}
a.button.disable {
    background-color: var(--gray-color);
    opacity: 0.5;
}
input.input-date::before{
    content: "";
    position: absolute;
    top: 49%;
    right: 10px;
    height: 15px;
    width: 15px;
    background: url('../images/calendar.svg');
    transform: translateY(-50%);
    cursor: pointer;
}
.calendar-icon{
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-43%);
}

.textarea:not(.small-area-title) label span {
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.field,
.media-field {
    margin-bottom: 20px;
}

input.input-text,
input.input-password,
input.input-date {
    color: #000;
    font-size: 16px;
    padding: 12px 20px;
    border-radius: 6px;
    width: 100%;
    border: 2px solid var(--blue15-color);
    line-height: 20px;
}

.content-params {
    display: flex;
    gap: 44px;
    align-items: center;
    justify-content: start;
    margin-top: 42px;
}

.content-params .field label {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content-params input,
.content-params .select {
    height: 36px;
    padding-left: 16px;
}

.content-params .select {
    padding: 0;
    width: 200px;
}

.content-params select {
    height: 32px;
    width: 115%;
}

.content-params .select:after {
    top: 7px;
    right: 16px;
}

.content-params .field label span {
    width: max-content;
    margin-bottom: 0;
}

legend {
    font-weight: bold;
    font-size: var(--h2-size);
    text-transform: uppercase;
    margin-bottom: 40px;
}

textarea {
    width: 100%;
    border: 2px solid var(--blue15-color);
    border-radius: 8px;
    padding: 20px;
    font-family: var(--font-family);
    margin: 0;
    font-size: 18px;
    /* max-height: 500px; */
}

.button.black {
    border: 1px solid #8A97B1;
    /* border: 1px solid var(--black-color); */
    /* color: var(--black-color); */
    background: none;
    color: #6F7A92;

}

.content-fields-controll-buttons {
    display: flex;
    gap: 36px;
    justify-content: center;
    margin-bottom: 60px;
    margin-top: 60px;
}

.form-buttons {
    display: flex;
    justify-content: center;
}

.media-title {}

.media-field-body {
    display: flex;
    justify-content: start;
}
.media-big .media-field-body{
    width: 100%;
    min-height: 151px;
    border: 1px solid #EBF1FF;
}
.media-big .media-field-body .button{
    height: 151px;
    max-height: none;
    background: rgba(0, 0, 0, 0);
    text-align: center;
    display: flex;
    border: none;
    flex-direction: column;
    gap: 10px;
    padding: 40px 12px;
}
.media-big .media-field-body p{
    font-size: 14px;
    color: var(--second-gray-color);
    line-height: 16.8px;
}
.media-big .media-field-body .file-preview{
    width: auto;
    max-width: 150px;
}

.input-container input {

    display: none;
}

.input-container img {
    cursor: pointer;
}

.form-fields-templates {
    display: none;
}

.added-form-field {
    margin-bottom: 100px;
    position: relative;
}

.added-form-field svg {
    position: absolute;
    right: -16px;
    top: -16px;
    cursor: pointer;
}

div.media-preview-container {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}

.video-container {
    height: 100%;
}

.slider-wrapper>li {
    height: 100%;
    overflow: hidden;
    padding: 110px;
}

.video-container video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.duplicate-container{
    margin-top: 30px !important;
    /* width: max-content; */
    max-width: 100% !important;
}

div.media-preview-container>div {
    width: 150px;
    max-width: 150px;
    height: 80px;
    overflow: hidden;
    position: relative;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: space-between;
}
div.media-preview-container .input-container{
    width: auto;
    height: auto;
    max-width: none;
}
div.media-preview-container>div img,
div.media-preview-container>div video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

div.media-preview-container .video-preview {
    width: 100px;
}

h3 {
    font-size: 18px;
}

.comments-list {
    margin-top: 100px;
}

.multi-input-container input {
    margin-bottom: 10px;
}

a.share {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/share.svg) center center;
    cursor: pointer;
}

.field-content.field-description {
    /* padding: 48px 64px 28px; */
    /* border: 1px solid var(--blue15-color); */
    /* border-radius: 30px; */
}

.photo-collage {
    display: flex;
    gap: 30px;
    height: 465px;
}

.pc-col {
    display: flex;
    flex-direction: column;
    height: 465px;
    gap: 30px;
    align-items: stretch;
    flex: 1;
}

.pc-col a.image {
    flex: 1;
    border-radius: 30px;
    overflow: hidden;
}

.pc-col .image {
    max-height: 100%;
}

.video-slide>* {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-slider {
    height: 542px;
}

span.accept {
    display: block;
    width: 14px;
    height: 14px;
    background: url(../images/accept.svg) center center no-repeat;
}

a.button.add {
    font-size: 16px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 26px;
    
}

/* a.button.add:after {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0px;
    background-image: url("../images/add_button_plus.svg");
    background-repeat: no-repeat;
    background-position: center;
} */

.button-add {
    /* padding: 8.5px 46px 8.5px 20px !important; */
    line-height: 22.4px;
    position: relative;
}

/* .button-add::after {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    right: 20px;
    top: 12px;
    background-image: url("../images/add_button_plus.svg");
    background-repeat: no-repeat;
    background-position: center;
} */

.blue-border-button {
    border: 1px solid var(--blue-color);
    background: #fff;
    color: var(--main-blue-color);
    text-decoration: none;
}

a.remove-media {
    display: block;
    height: 25px;
    border-radius: 5px;
    cursor: pointer;
    color: rgba(210, 62, 88, 1);
}

section.slide {
    margin-bottom: 50px;
}

.progress {
    position: absolute;
    bottom: 0;
    background: var(--blue-color);
    left: 0;
    z-index: 99;
    color: #fff;
    right: 0;
    text-align: center;
    font-size: 14px;
    padding: 1px 0;
}

.team-fields {}

.team-fields>div {
    flex: 1;
}

.team-avatar {}

.team-avatar .input-container img {
    display: none;
}

.team-avatar .input-container label {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-size: 30%;
}

.team-avatar .media-field {
    width: 100%;
    height: 100%;
}

.team-avatar .media-field-body,
.team-avatar .input-container {
    width: 100%;
    height: 100%;
    margin: 0;
    display: block;
    overflow: hidden;
}

.team-fields input.button {
    width: 100%;
}

.team-avatar div.media-preview-container>div {
    width: 100%;
}

.media-container {
    overflow: hidden;
}

.action-buttons {
    max-width: 1170px;
    margin: 40px auto;
    display: flex;
    gap: 36px;
    justify-content: center;
    align-items: center;
    border-top: 1px solid var(--blue15-color);
    border-bottom: 1px solid var(--blue15-color);
}

.error-field {
    border: 2px solid var(--red-color) !important;
}

.action-buttons>a {
    height: 35px;
    line-height: 35px;
    color: var(--black);
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    padding: 0 26px 0 0;
    background-position: right center !important;
    font-weight: bold;
}

a.delete-button {
    background: url(../images/delete-button.svg) 20px center no-repeat;
}

a.copy-button {
    background: url(../images/copy-button.svg) 20px center no-repeat;
}

a.edit-button {
    background: url(../images/edit-button.svg) right center no-repeat;
}

.fieldset-content {}

.media-field,
.field>label {
    display: flex;
    align-items: center;
    gap: 60px;
}

.media-preview-container>div {
    margin-right: 20px;
    margin-bottom: 20px;
}

.textarea>label {
    display: block;
}

div#search-results,
div#teams-search-results {
    position: absolute;
    background: #fff;
    top: 40px;
    right: 0;
    z-index: 15;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0px 4px 25px 0px #181C4114;
    border: 1px solid #CBD6EC;
    padding: 8px;
    display: none;
}

.partners-input {
    width: 100%;
}

.partner-input,
.teams-input {
    background: url(../images/search-input.svg) 10px center no-repeat;
    padding-left: 31px !important;
}

.field.partners-field,
.field.teams-field {
    position: relative;
}

.search-partner-item {
    cursor: pointer;
    padding: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    transition: all 0.2s;

}

.search-partner-item:hover {
    background-color: var(--blue15-color);
    color: var(--main-gray-colo);
}

.search-partner,
.search-teams {
    color: var(--blue2-color);
    font-size: 16px;
    text-transform: inherit;
    padding: 8px 20px;
    border: 1px solid var(--blue15-color);
    border-radius: 8px;
    display: flex;
    gap: 10px;
    align-items: center;
}

div#input-partners-list,
div#input-teams-list {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 15px;
}

.search-partner span.remove,
.search-teams span.remove {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/close.svg) center center no-repeat;
    cursor: pointer;
}

.field.partners-field>label,
.field.teams-field>label {
    align-items: baseline;
}

.search-partner-item .image,
#input-teams-list .image {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    overflow: hidden;
}

.success-message {
    width: 1400px;
    margin: 0 auto 20px;
    color: #018958;
    font-weight: 500;
}

.breadcrumbs {
    height: 60px;
    width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 2px;
}

.breadcrumbs a,
.breadcrumbs span {
    color: var(--blue2-color);

}
.tooltip {
    padding: 5px 8px;
    background: #000;
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-transform: none;
    font-size: 14px;
    border-radius: 6px;
    position: absolute;
    display: none;
}
.notifications-popup-list .notification-body h4 {
    margin-left: 0;
}
.for-tooltip {
    display: flex;
    align-items: center;
}
.breadcrumbs a:after {
    content: "/";
    padding-left: 2px;
}

.items-list-empty a.button {
    margin: 0 auto;
    border: none;
}

.menu li.active {
    border-bottom: 2px solid var(--blue-color);
}

.menu li {
    padding: 8px 10px;
}

.menu li.active a {
    color: var(--blue-color);
}

.tabs-header {
    margin-bottom: 80px;
}

.tabs-item {
    border-radius: 16px;
    border: 1px solid var(--blue15-color);
    padding: 60px 30px 60px 60px;
    display: none;
}

.textarea-description>label {
    display: flex;
}

.tabs-item.active-tab {
    display: block;
}

.tabs-body input.button {
    margin: 80px auto;
}

.social-input label {
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
    color: #6F7A92;
}

.social-input label:after {
    content: "";
    width: 23px;
    height: 23px;
    margin-left: -40px;
}

.social-input label input.input.input-text {
    width: 202px;
}

.social-input.vk-social label::after {
    background: url(../images/vk.svg) center center no-repeat;
    background-size: contain;
    width: 29px;
}

.social-input.tg-social label::after {
    background: url(../images/tg.svg) center center no-repeat;
}

.hint {
    color: var(--gray-color);
    margin-left: 270px;
    margin-top: 8px;
}

.alert.alert-danger {
    width: 1170px;
    margin: 10px auto;
}

.alert.alert-danger li {
    color: var(--red-color);
}

.popup-container, .modal-container {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 9999;
    overflow: hidden;
    padding: 0 10px;
}
.popup-flex, .modal-flex{
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup-body, .modal-body{
    background: #fff;
    border-radius: 8px;
    margin: auto;
    padding: 50px;
    position: relative;
    overflow-y: auto;
    max-height: 90%;
}
.popup-container .closepopup-cross{
    height: 25px;
    width: 25px;
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 10;
}
.team-form-buttons .closepopup{
    border: 1px solid #CBD6EC;
    background-color: transparent;
    padding: 13px 35px;
}
.popup-container .popup-content, .modal-container .modal-content {
    /* width: 661px; */
    height: auto;
    max-height: 100%;
    overflow-y: auto;
}   

.popup-error-message {
    width: 416px;
}

.popup-error-message h2 {
    font-size: 14px;
    text-transform: none;
    font-weight: 400;
    color: var(--gray-color);
    margin: 0 0 12px;
    gap: 12px;
}

a.action-button {
    display: inline-block;
    min-width: 40px;
    height: 40px !important;
    border-radius: 4px;
    border: 1px solid var(--blue15-color);
}

a.edit-black {
    background: url(../images/edit_b.svg) center center no-repeat;
}

a.power-black {
    background: url(../images/power.svg) center center no-repeat;
}

a.delete-black {
    background: url(../images/delete_b.svg) center center no-repeat;
}

a.upload-black {
    background: url(../images/upload.svg) center center no-repeat;
}

a.action-button-text {
    background-position: 8px center;
    padding-left: 40px;
    display: inline-flex;
    align-items: center;
    padding-right: 12px;
    color: #000;
    font-weight: 500;
}

a.eye {
    width: 20px;
    height: 20px;
    background: url(../images/eye.svg) center center no-repeat;
}

.field-top-title {
    margin-bottom: 80px;
}

.field-top-title.media-field,
.field-top-title.field>label {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    display: flex;
}

.field-top-title * {
    flex: auto !important;
    margin: 0 !important;
    /* max-width: 810px; */
}
.field-top-title .hint {
    margin-bottom: 10px !important;
    font-size: 13px;
}

.field-top-title .select,
.field-top-title input,
.field-top-title textarea {
    width: 812px;
}

.field-top-title .select {
    border-color: var(--gray-color);
}

.field_12-container .chosen-select {
    flex: 0 0 589px !important;
    width: 589px;
}

.field_12-container .chosen-select .select {
    background: none;
    width: auto;
    min-height: 46px;
    /* padding: 10px 20px; */
    overflow: inherit;
    height: auto;
}

.field_12-container .media-field-body {
    width: 100% !important;
}

.field_12-container .media-field-body .blue-border-button {
    width: 100%;
    height: 151px;
    padding: 40px 350px 40px 350px;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid #EBF1FF

}
/*
.field_12-container .media-field-body .media-preview-container {
    display: none;
    width: 100%;
    height: 151px;
    padding: 40px 350px 40px 350px;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid #EBF1FF
}

.field_12-container .media-field-body .media-preview-container .file-preview{
    display: flex;
    width: auto;
    max-width: none;
    align-items: center;

}
*/
.field_12-container .media-field-body .media-preview-container .file-preview img{
    object-fit: contain;
}
.field_12-container .chosen-select .select:after {
    display: none;
}

.field .error {
    color: #ff0000;
    font-size: 12px;
    margin: 2px 0;
}

.project-format-buttons {
    display: flex;
    gap: 40px;
}
.error-input {
    border: 1px solid var(--red-color) !important;
    color: var(--red-color) !important;
    background: rgba(210,62,88,0.1);
}
.project-format-buttons a {
    height: 46px;
}

.loader {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: url(/images/loader.gif) center 200px no-repeat rgba(255, 255, 255, 0.5);
    z-index: 99999999;
    border-radius: 12px;
}

.field.field-password {
    position: relative;
}

a.password-toggle {
    display: block;
    width: 16px;
    height: 12px;
    position: absolute;
    right: 20px;
    background-size: contain;
}

a.password-toggle.show-password {
    background: url(/images/eye.svg) center center no-repeat;
}

a.password-toggle.hide-password {
    background: url(/images/eye-open.svg) center center no-repeat;
}

.field.field-hidden {
    display: none;
}

.search .button svg {
    width: 15px;
    height: 15px;
}

button.slick-arrow {
    position: absolute;
    bottom: 0;
    border: none;
    background: none;
    cursor: pointer;
    opacity: 0.2;
    z-index: 9999;
}

section.slide button.next-slide.slick-arrow {
    left: calc((100% - 1140px) / 2 + 60px);
}

.input-container a.button.blue-border-button {
    padding: 40px;
    border-style: dashed;
}

button.next-slide.slick-arrow {
    left: 60px;
}

button.slick-arrow:hover {
    opacity: 1;
}

fieldset.content-main-data {
    border: 2px solid var(--blue15-color);
    padding: 60px 60px 16px;
    border-radius: 24px;
    margin-bottom: 100px;
}

fieldset.content-main-data .field .input-date {
    width: max-content;
}

.media-preview {
    flex: 0 0 80px;
    height: 80px;
    border-radius: 6px;
    overflow: hidden;
}

a.remove-media:after {
    content: "";
}
.field_2-container .image-preview {
    max-width: 100%;
    height: 218px;
    position: relative;
    display: block;
}
input.input.input-checkbox {
    width: 15.82px !important;
    height: 15.82px !important;
}
.field_2-container .media-preview {
    height: 218px;
}

.field_2-container 
 .progress {
    position: absolute;
    bottom: 0;
}

.field_2-container a.remove-media {
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    background: rgba(0,0,0,0.5);
}
.field.field-text.event-time input {
    text-align: center;
    width: 120px;
    border: 1px solid rgba(111, 122, 146, 1);
}

.popup-content .field {
    margin-bottom: 50px;
}

.popup-content .field>label>span {
    font-size: 16px;
}

input.input.input-date {
    width: 120px;
    border: 1px solid rgba(111, 122, 146, 1);
}

.media-container li {
    height: 542px;
}

.field.field-password .hint {
    /*color: rgba(210, 62, 88, 1);*/
}

.media-container li>* {
    position: static !important;
}

.field-period label>div {
    display: flex;
    gap: 8px;
}

input.input.input-date,
.event-time input {
    line-height: 20px;
    padding: 8px 16px;
    font-size: 16px;
    width: 150px;
    font-family: var(--font-family);
}

.form-content-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.form-content-buttons .button {
    width: 220px;
    height: 46px;
    border-radius: 8px;
}

.warnings .popup-content {
    width: 365px;
    padding: 40px;
}

.added-media-content button.prev-slide {
    left: 20px !important;
}

.added-media-content button.next-slide {
    left: 80px !important;
}

.warnings .popup-content h3 {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 40px;
}

.error-message {
    margin: 0 auto 20px;
    width: 1170px;
}

.form-content-buttons .form-cancel {
    color: rgba(111, 122, 146, 1);
}

.register-accept {
    margin: 0 !important;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color: var(--main-blue-color) !important;
}

.popup-content h1 {
    margin: 0 0 40px;
}

.multi-input-item {
    position: relative;
}

.multi-input-item svg {
    position: absolute;
    right: -6px;
    top: -6px;
    cursor: pointer;
}

.edit-logo-container a.edit-profile.edit-logo {
    display: none;
}

.edit-logo-container:hover a.edit-profile.edit-logo {
    display: flex;
}

.doc-create .media-field {
    flex-wrap: wrap;
}

.doc-create .hint {
    margin: 10px 0 0;
}

.doc-create .media-field .hint {
    margin-top: -50px;
}

textarea:focus, textarea:focus-visible {
    border: 2px solid var(--blue-color);
}

.added-form-field>.field {
    margin-bottom: 40px;
}
a.notification-btn span {
    background: #D23E58;
    width: 12px;
    height: 12px;
    display: flex;
    border-radius: 50%;
    color: #fff;
    font-size: 8px;
    align-items: center;
    justify-content: center;
    float: right;
}
input.input-text:focus-visible,
input.input-password:focus-visible,
input.input-date:focus-visible,
textarea:focus-visible {
    border: 2px solid var(--blue-color);
    outline: none;
}
.popup-content input, .popup-content textarea, .popup-content select {
    font-size: 14px;
}
.file-preview .media-preview {
    flex: 0 0 80px !important;
}

div#search-controller-results {
    position: absolute;
    top: 50px;
    background: #fff;
    border-radius: 8px;
    display: none;
    border: 1px solid rgba(203, 214, 236, 1);
    box-shadow: 0px 4px 25px 0px #181C4114;

    padding: 8px;
}
.search-result-item {
    display: flex;
    /* gap: 8px; */
    align-items: center;
    padding: 8px;
    justify-content: space-between;
    border-radius: 4px;
    transition: all 0.2s;


}
.search-result-item:hover{
    background: #EBF1FF;
}
.search-result-item:hover a.search-result-info{
    color: black;

}
.search-result-item .image {
    display: block;
    flex: 0 0 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
}

a.search-result-info {
    display: flex;
    gap: 8px;
    align-items: center;
    /* flex: 0 0 550px; */
    font-size: 14px;
    transition: all 0.2s;
    color: var(--forth-gray-color);

}

.search-result-item a.org-button-sites {
    padding: 4px 8px;
    text-align: center;
    font-size: 14px;
    line-height: 120%;
}
.inn-results {
    right: 0;
    left: 0;
    border-radius: 0 0 5px 5px;
    background: #fff;
    padding: 0;
    max-height: 545px;
    overflow-y: auto;
    display: none;
    height: max-content;
    position: absolute !important;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
    color: #000;
    z-index: 9999;
}

.inn-result {
    padding: 10px;
    border-bottom: 1px solid var(--blue15-color);
}

.inn-result:last-child {
    border: none;
}
.inn-result a {
    display: block;
    cursor: pointer;
    font-size: 13px;
}
.fpg-organization .inn-results{
    max-width: 812px;
}
.media-big .media-preview-container {
    padding: 15px;
    gap: 8px;
    flex-wrap: wrap;
    max-width: 70%;
}
.toggle {
    width: 28px;
    height: 16px;
    border: 2px solid var(--blue15-color);
    border-radius: 8px;
    padding: 1px;
}

.toggle-item span{
    display: inline-block;
    width: 77px;
}

.toggle div {
    background: #8A97B1;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
}

.toggle.enable div {
    margin-left: 12px;
    background: var(--main-blue-color);
}

.modal-content h3 {
    font-weight: 400;
    font-size: 16px;
    width: 300px;
    text-align: center;
    margin: 0 0 40px;
}

.modal-content {
    text-align: center;
}

.modal-content .button {
    margin: 10px auto;
}

.modal-content a.button.no-border-button.black.transparent-button {
    color: #000;
}
a.button.red-border-button {
    border: 1px solid #D23E58;
    background: transparent;
    color: #D23E58;
}
.social-input {
    display: flex;
    width: 100%;
    gap: 10px;
}

.social-input > div {
    flex: 1;
}

.social-input h4 {
    color: #6F7A92;
    font-weight: 500;
    margin: 4px 0 0;
}

.vk-list input[type="checkbox"] {
    margin: 0;
}

.field.social-field > label {
    align-items: start;
}

.field.social-field {
    margin-top: 35px;
}
.popup-content .error-message, .popup-content .success-message {
    width: 388px;
    margin: 0;
    color: #000;
}
svg {
    max-width: 100%;
    height: auto;
}
.img-error-svg{
    margin: 0;
}
.popup-content .error-message h2, .popup-content .success-message h2 {
    margin: 0;
}

.popup-content .error-message .text, .popup-content .success-message .text {
    color: var(--gray-color);
    margin: 16px 0;
}

.animation {
    height: 2px;
    background: var(--gray-color);
}

.animation > div {
    background: var(--blue-color);
    height: 2px;
    width: 0;
    transition: width 3s linear 0s;
}

.error-message .animation > div {
    background-color: var(--red-color);
}
.register-accept .button {
    width: 100%;
    color: #1d1d1d;
    font-size: 14px;
    margin-top: 24px;
}
.popup-message {
    position: fixed;
    bottom: 10px;
    z-index: 99999;
    background-color: #fff;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 5px 5px rgba(0,0,0,0.4);
    padding: 12px;
    border: 1px solid var(--blue15-color);
    width: 375px;
    transition: bottom 2s linear 1s;
}