.input-group-text { border-color: transparent }
.page-link, .form-select, .form-control, .alert, .breadcrumb, .nav-segment, .bg-light-blue { box-shadow: 0 5px 10px 0 rgba(28,24,25,.1); border: 1px solid #f0f0f0; }
.input-group .form-control { box-shadow: none; }
.input-group, .js-quill { box-shadow: 0 5px 10px 0 rgba(28,24,25,.1); border-radius: 6px; border-top-right-radius: 0px; border-top-left-radius: 0px; }
/* .input-group, .js-quill { box-shadow: 0 5px 10px 0 rgba(28,24,25,.1); border: 1px solid #f0f0f0; } */
.breadcrumb, .bg-light-blue { border: 1px solid #f0f0f0; }
.nav-segment .nav-link.active { background: #6527AC; }
.link-secondary { color: #787878; }
.bg-soft-primary { background: #f0f0f0!important; }
.bg-light-blue { background: #fff; }
.navbar-brand > span { height: 22px; }
.nav-segment .nav-link.active { background: #6527AC; color: #fff !important; }
.bg-light { background-color: #fbfbfb!important; }
.nav-segment { background-color: #fff; }
.navbar-brand img { width: 32px; }
.navbar-brand > span { font-family: 'Montserrat', sans-serif; font-weight: 900; }

body { padding: 0 calc(20px - (100vw - 100%)) 0 0 !important; }

/* banners */
.header-banner-link .object-fit-cover { border-radius: 10px; border: 1px solid #f0f0f0; }

:root { --bs-body-bg: #fbfbfb; }
.table { --bs-table-striped-bg: #fff!important; }

/* .navbar .nav-item:hover>.nav-link { color: #601bb3 } */
.navbar .nav-item:hover>.nav-link { color: #ffffff }
h1 { font-weight: 600!important; }

.nav-link.active > .main-tabs-circle { background-color: #fff; color: #6527AC; }
.bg-soft-info { background: #6527AC!important; color: #fff; }
.bg-soft-info * { color: #fff!important; }
.bg-grey-transparent { background: #8b8b8b12!important; }
.avatar-letter { background-color: #6527AC!important; }
/* .avatar:not(img) { color: #fff; } */
/* a.navbar-brand { color:#6527AC; } */

.dropdown-item:not(:last-child) { margin-bottom: 0; }

.dropdown-item { border-radius: 0; }

/* new

/* ---- chosen design to bootstrap ---- */
.chosen-container { border-radius: .3125rem; font-size: 1rem; line-height: 1.5; width: 100%; }
.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-choices { border-color: rgba(140, 152, 164, .25); box-shadow: 0 0 1rem 0 rgba(140, 152, 164, .25); outline: 0; }
.chosen-container .chosen-drop { border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; }
.chosen-container.chosen-container-single .chosen-single { height: 42px; padding: .6125rem 3rem .6125rem 1rem; border: 0.0625rem solid rgba(33,50,91,.1); line-height: 18px; box-shadow: 0 5px 10px 0 rgba(28,24,25,.1); background-color: #fff; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%2371869d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"); background-position: right 1rem center; background-repeat: no-repeat; background-size: 16px 12px; }
.chosen-container.chosen-container-single .chosen-single div b { background-position: 100% 50%; }
.chosen-container-single .chosen-single div { display: none; }
.chosen-container-single .chosen-search input[type=text] { border: 1px solid #dddddd; }
.chosen-container { min-width: 200px !important; }
/* ---- end chosen design to bootstrap ---- */


/* for dev visualisation */
.in-dev { color: black; background: rgba(255, 0, 0, 0.1)!important }
.in-dodev { color: black; background: rgba(255, 251, 0, 0.1)!important }
/* for dev visualisation */

.swal2-html-container {  font-size: 1rem!important; margin: 1em 1em 0.3em!important;  }
.offcanvas { visibility: visible; }
.task-info p { margin: 0px!important; }
.swal2-popup.swal2-toast .swal2-title { margin: 1em 1em!important; }
.swal2-html-container { margin: 0.5em 0.5em!important; }

/* Стили для input с возможностью очистки */
.clearable { background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 13.59L15.59 17l-3.59-3.59L8.41 17 7 15.59 10.59 12 7 8.41 8.41 7l3.59 3.59L15.59 7 17 8.41 13.41 12 17 15.59z"/></svg>') no-repeat right 10px center; background-size: 14px 14px; padding-right: 30px; }
.clearable.has-value:hover { cursor: pointer; }
.clearable.has-value:hover::after { content: " "; }
/* end Стили для input с возможностью очистки */

.file-attachment { padding-bottom: 8px; font-size: 16px; }
.file-attachment button { height: 20px; width: 20px; text-align: center; color: red; outline: none; background: transparent; border: none; }

.ql-editor { background: #fff; border-radius: 10px; border-top-right-radius: 0px; border-top-left-radius: 0px; }
/* .input-group-text { box-shadow: 0 5px 10px 0 rgba(28,24,25,.1); } */
.collapse-toggle-btn { box-shadow: 0 5px 10px 0 rgba(28,24,25,.1); border: 1px solid #f0f0f0; margin-bottom: 10px; }

/* .collapse:not(.task-hidden, .task-row, .task-content, .task-info, .task-review-content, .task-decline-content, .task-tip-content, #infoUpdateCollapse, #descCollapse, #infoCollapse, :is(#createTask *, #editTask *)), .collapsing:not(.task-hidden, .task-row, .task-content, .task-info, .task-review-content, .task-decline-content, .task-tip-content, #infoUpdateCollapse, #descCollapse, #infoCollapse, :is(#createTask *, #editTask *)) { background: #fff; word-break: break-all; } */
.task-review-content form, .task-decline-content form { width: 100%; }
#infoUpdateCollapse .border, #descCollapse .border, #infoCollapse .border { background: #fff; }

.collapsing { opacity:.01; transition: all .3s ease; margin: 0!important; padding: 0!important; }
.collapse { opacity:1; transition: all .5s ease; }
input[type="checkbox"] { border: 1px solid #b4b4b4!important; }
input:disabled, select:disabled { background-color: #8b8b8b12!important; border: 1px solid #e4e4e4!important; }
input[type="checkbox" i]:disabled { background-color: #8b8b8b12!important; border: 1px solid #848484!important; }
.form-control:disabled, .form-control[readonly] { background-color: #fff; }

#delayedStart, #delayedStop { max-width:350px; }

.task-colorize {
    background: linear-gradient(90deg, rgba(245, 238, 255, 0.00) 0%, #F5EEFF 8%, rgba(245, 238, 255, 0.00) 70%);
    background: linear-gradient(90deg, rgba(245, 238, 255, 0.00) 0%, #eddfff 8%, rgba(245, 238, 255, 0.00) 70%);
    background: linear-gradient(90deg, rgba(245, 238, 255, 0.00) 0%, rgba(182, 142, 234, 0.73) 8%, rgba(245, 238, 255, 0.00) 70%);
}

.message-user {
    /* border: 1px solid #f0f0f0; */
    border: 2px solid #6527ac;
    box-shadow: 0 5px 10px 0 rgba(28,24,25,.1);
}

.message-unread {
    /* background: linear-gradient(90deg, rgba(245, 238, 255, 0.00) 0%, #eddfffba 30%, rgba(245, 238, 255, 0.00) 100%); */
    background: linear-gradient(270deg, rgba(253,251,255,1) 0%, rgba(245,238,255,1) 100%);
}

.spec-icons i:not(.spec-icons i:last-child) {
    margin-right: 5px;
}

/* alerts */
.alert-danger, .alert-info, .alert-warning, .alert-success { color: black }
.alert-danger:before { background-color: #F15D49; }
.alert-info:before { background-color: #00B5EC; }
.alert-warning:before { background-color: #FFA51B; }
.alert-success:before { background-color: #27AC65; }
.alert-light:before { background-color: #6527AC; }
.alert:before { border-radius: 5px; content: ""; height: 60%; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 5px; }
.no-before-alert:before { height: 0!important; width: 0px!important; }
/* end alerts */

/* backgrounds */
.tooltip-inner { background: #000; max-width: 40vw!important; }
/* end backgrounds */

/* loading */
.loading { position: relative; }
.loading:after { content: ''; position: absolute; left: 50%; top: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px; border-radius: 50%; border: 2px solid #ccc; border-top-color: #333; animation: spin 1s ease-in-out infinite; }
.file-label-attachment.loading:after { top: 68%; width: 25px; height: 25px; }

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* end loading */

.author-task-buttons button span, .author-task-buttons a span {
    display: inline-block;
    opacity: 0;
    max-width: 0;
    /* overflow: hidden; */
    white-space: nowrap;
    transition: opacity 1s, max-width 1s ease, transform 1s ease;
    transform: scale(0);
}

.author-task-buttons button:hover span, .author-task-buttons a:hover span {
    opacity: 1;
    max-width: 125px; /* Указываете максимальную ширину, которую может занять текст */
    transform: scale(1);
}

.author-task-buttons button, .author-task-buttons a {
    padding-right: 0!important;
    overflow: hidden;
    transition: padding-right 1s ease;
    min-width: 35px;
}

.author-task-buttons button:hover, .author-task-buttons a:hover {
    padding-right: 10px!important;
}

.ql-editor img, .task-check-description img, .task-description img, .chatInConversation img:not(.avatar-img) {
    max-width: 50%!important;
}

.task-work-accept-item .accordion-button {
    padding: 0.4rem 0.75rem;
}


button.swal2-confirm {
    background-color: #27AC65 !important;
    border: none !important;
    color:#fff !important;
}

button.swal2-confirm:hover {
    background-color: #1DA25B;
    box-shadow: 0px 4px 11px #1da25b57;
    border: none;
    color:#fff;
}

button.swal2-confirm:focus {
    background-color: #1DA25B !important;
    box-shadow: none !important;
    border: none !important;
    color:#fff !important;
}


button .swal2-cancel{
    background-color: #6e7881 !important;
    border: none !important;
    color:#fff !important;
}

button .swal2-cancel:hover {
    background-color: #636c74;
    box-shadow: 0px 4px 11px #636c746e;
    border: none;
    color:#fff;
}
button .swal2-cancel:focus {
    background-color: #636c74  !important;
    box-shadow: none  !important;
    border: none  !important;
    color:#fff  !important;
}

.text-warning { color: #FFB653!important; }

.text-dark[href]:hover { color: #6527AC!important }
/* a[target="_blank"]:hover { color: #562093!important } */


/*orders visualisations*/
.order-checking-active {
    display: inline-block;
    animation: wave 1s ease-in-out infinite;
}

@keyframes wave {
    0%, 60%, 100% { transform: translateY(0); }
    20% { transform: translateY(-5px); }
    40% { transform: translateY(5px); }
}
/*end orders visialisations*/

.header-switch .form-check-input { background-color: #7E40C7; }
.form-switch .form-check-input { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23C6A5F2'/%3E%3C/svg%3E")!important; }
.header-switch .form-check-input:checked { background-color: #C6A5F2; }
.form-switch .form-check-input:checked { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%237E40C7'/%3E%3C/svg%3E")!important; }

.header-notifications .nav-link { border-bottom: 0.0625rem solid #f0f0f0!important; border-top: 0.0625rem solid #f0f0f0!important; }
.header-notifications .nav-link:hover { color: #562093; border-bottom: 0.0625rem solid #56209042!important; border-top: 0.0625rem solid #56209042!important; }

/* treasures */
#trcards-container {
    position: relative;
    /* width: 460px; */
    width: 28rem;
    /* height: 310px; */
    height: 19rem;
    margin: 0 auto;
}

.trcard {
    position: absolute;
    /* width: 140px;
    height: 140px; */
    width: 8.7rem;
    height: 8.7rem;
    margin: 10px;
    cursor: pointer;
    transition: transform 0.6s, left 0.6s, top 0.6s;
    transform-style: preserve-3d;
}

.trcard-content {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    color: white;
    font-weight: 600 !important;
}

.trcard-front {
    /* background-color: #C6A5F2; */
    background: linear-gradient(222deg, rgba(73, 35, 115, 1) 0%, rgba(143, 89, 205, 1) 52%, rgba(73, 35, 115, 1) 100%);
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    text-align: center;
    font-weight: 800;

    border: 1px solid #f0f0f0;
    border-radius: 5px;

    padding: 0 5px;
}

.card-award .trcard-front {
    background: linear-gradient(222deg, rgba(214, 172, 0, 1) 0%, rgb(249 232 159) 52%, rgba(214, 172, 0, 1) 100%);
}

.card-award .trcard-content {
    color: #000;
    font-weight: 800 !important;
}

.trcard-back {
    background-color: #6527AC;
    color: #fff;
    transform: rotateY(180deg);
    background-image: url('../img/chest_back-card-2.svg');
    border-radius: 5px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-origin: content-box;
    padding: 10%;
    position: relative;
}

.trcard-back:hover::after {
    content: 'Перевернуть';
    position: absolute;
    left: 50%;
    top: 85%;
    transform: translate(-50%, -50%);

    color: #fff;
    font-size: 16px;
    font-weight: 600;
    z-index: 1;
}

.trcard-back:hover {
    animation: caseingOpacityAnimate 2s linear infinite;
    background-size: 5.5rem;
    background-image: url('../img/chest_back-card.svg');
}


.trcard.trflipped {
    transform: rotateY(180deg);
}

.treasures-image {
    /* height: 315px; */
    height: 20rem;
    /* width: 570px; */
    width: 28.5rem;
    /* padding: 0 70px 0 0px; */
    padding: 0 1rem 0 0px;
}

.treasures-cases {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media(max-width: 525px) {
    .treasures-image {
        width: 24.5rem;
    }

    .trcards-container {
        width: 24.5rem;
    }

    .trcard {
        width: 7.5rem;
        height: 7.5rem;
    }

    .card-block-mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .width-45-mob {
        width: 45% !important;
    }
}

@media(max-width: 992px) {
    .treasures-cases {
        flex-direction: column;
    }

    .treasure-case {
        margin: 5px!important;
        width: 15rem;
    }

    .task-row-balls svg { width: 18px }

    .spec-icons, .spec-type { border: none!important }
}

.treasure-case {
    border: 2px solid #6527AC;
    border-radius: 5px;
    padding: 0.5rem 2rem;
    font-weight: 700;
    margin: 0 0.5rem;
    box-shadow: 0 5px 10px 0 rgba(28,24,25,.1);
    cursor: pointer;
    transition: all .1s ease-in;
}

.treasure-case:hover {
    border: 2px solid #9d61e1;
    color: #6527AC;
}

.treasure-case.active {
    border: 2px solid #9d61e1;
    background: #9d61e1;
    color: #fff;
}

@keyframes loadingOpacityAnimate {
    0%, 100% { opacity: 0.4; }
    50% { opacity: 0.2; }
}

@keyframes caseingOpacityAnimate {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.loadingOpacityAnimate {
    animation: loadingOpacityAnimate 1s linear infinite;
}
/* end treasures */

#selectedCountiesAndCities .fa-times { cursor: pointer; }

.task-sorting.active { background: #e9e9e9; }

blockquote {
    position: relative;
    padding: 20px 45px;
    margin: 20px 0;
    background: #ececec;
    border-left: 5px solid #ccc;
    font-style: italic;
    border-radius: 5px;
}

blockquote span {
    background: transparent!important;
}

blockquote:before {
    content: "\f10d"; /* Используйте код символа иконки Font Awesome */
    font-family: 'Font Awesome 5 Pro'; /* Указываем шрифт Font Awesome */
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 20px; /* Размер иконки */
    color: #ccc; /* Цвет иконки */
}

blockquote p {
    margin: 0; /* Убираем стандартные отступы */
}

.forum-topic-do-buttons {
    justify-content: space-between;
}

.icon-forum-category {
    color: #6527AC;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    background: #ffffff;
    border: 1px solid #f0f0f0;
    padding: 25px;
    border-radius: 15px;
}

.news-card {
    box-shadow: 0 5px 10px 0 rgba(28,24,25,.1); border: 1px solid #f0f0f0;
}

.admin-single-task-geo .fa-times {
    display: none!important;
}

.admin-task-status div {
    height: 20px;
    line-height: 12px;
    border-radius: 50px;
}

.admin-task-status div span {
    visibility: hidden;
    opacity: 0;
    max-width: 5px;
    overflow: hidden;
    transition: max-width .5s ease, opacity .5s linear;
}

.admin-task-status:hover div span {
    visibility: visible;
    max-width: 200px; /* или другое большое значение, которое подходит под ваш контент */
    opacity: 1;
}

.tooltip-inner { text-align: left; }
.all-cities { margin-bottom: 0.25rem!important; }
.vip-badge { background: #FFA51B!important; }

:root,
[data-bs-theme=light] {
    --bs-success-rgb: 39, 172, 101;
    --bs-danger-rgb: 241, 93, 73;
    --bs-warning-rgb: 255, 182, 83;
}



.tasks-row-buttons .text-primary .far {
    color: rgb(var(--bs-body-color-rgb))!important;
}
.tasks-row-buttons .text-primary .fas {
    color: #FFA51B!important;
}
.tasks-row-buttons .hover-color-primary:hover .far {
    color: #FFA51B!important;
    fill: #FFA51B!important;
}
.task-hide-btn {
    color: rgb(var(--bs-body-color-rgb))!important;
}
.task-hide-btn:hover {
    color: rgb(var(--bs-danger-rgb))!important;
}

.text-fw-6 {
    font-weight: 600;
}

.breadcrumb {
    background-color: #ffffff !important;
}

.white-n-shadow {
    background-color: #ffffff !important;
    box-shadow: 0 5px 10px 0 rgba(28,24,25,.1);
}

.table {
    border-radius: 0.5rem;
    box-shadow: 0px 1px 5px 0 rgba(28,24,25,.1);
}

.table-responsive-rad_sh_bg {
    border-radius: 0.5rem !important;
    box-shadow: 0px 1px 5px 0 rgba(28,24,25,.1) !important;
    background: #fff;
}

.bord-lt {
    border-radius: 0.5rem 0rem 0rem 0rem;
}

.bord-rt {
    border-radius: 0rem 0.5rem 0rem 0rem;
}

.bord-lt-rt {
    border-radius: 0.5rem 0.5rem 0rem 0rem;
}

.bord-rb {
    border-radius: 0rem 0rem 0.5rem 0rem;
}

.bord-lb {
    border-radius: 0rem 0rem 0rem 0.5rem;
}

.bord-lb-rb {
    border-radius: 0rem 0rem 0.5rem 0.5rem;
}

.alert-pt {
    padding-top: 1.2rem !important;
}

.br_img-news {
    border-radius: 0.5rem 0rem 0rem 0rem;
}

@media (max-width: 768px) {
    .br_img-news {
    border-radius: 0.5rem 0.5rem 0rem 0rem;
    }
}

.news-btn {
    text-transform: uppercase;
    font-size: 0.75rem;
}

@media (max-width: 500px) {
    .comment-full {
        flex-direction: column !important;
    }

    .comment-side-info {
    flex-direction: row !important;
    margin-left: 0.5rem !important;
    justify-content: flex-end;
    gap: 10px;
    }

    .comment-side-date {
    margin-bottom: 0px !important;
    text-wrap: nowrap;
    }

    .comment-side-buttons {
    align-items: flex-start !important;
    justify-content: flex-end;
    }
}

.minus-margin-border {
    margin-bottom: -.0625rem;
}

.avatar-sm {
    min-width: 2.5rem;
}

.comment-min-w {
    width: 75%;
}

@media (max-width: 550px){
    .comment-min-w {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .d-button-me {
        margin-right: 0px !important;
    }
}

.avatar:not(img) {
    background-color: transparent !important;
}

.table-thead-bordered>:not(:last-child)>:last-child>* {
    border-top: none!important;
    border-bottom: none!important;
}

@media (max-width: 1200px) {
.g-04r {
    gap: 0.4rem;
}
}

@media (max-width: 992px) {
    .flex-col-mx992 {
        flex-direction: column !important;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .col-50-100 {
        width: 50% !important;
    }

    .col-25-50 {
        width: 25% !important;
    }
}

@media (max-width: 768px) {
    .col-50-100 {
        width: 100% !important;
    }

    .col-25-50 {
        width: 50% !important;
    }
}


@media (max-width: 992px) {
.zayavka-counters {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 5px;
    column-gap: 10px;
}
}

@media (max-width: 768px) {
    .mob-gap_task-spec a{
        margin-bottom: 0.6rem;
        margin-top: 0.2rem;
        font-weight: 500;
    }
}

.blue-col {
    background-color: #00B5EC;
    border: none;
    color:#fff;
}

.blue-col:hover {
    background-color: #00A1D8;
    box-shadow: 0px 4px 11px #00a2d862;
    border: none;
    color:#fff;
}

.blue-col:focus {
    background-color: #00A1D8;
    box-shadow: none;
    border: none;
    color:#fff;
}

.yellow-col {
    background-color: #FFB653;
    border: none;
    color:#fff;
}

.yellow-col:hover {
    background-color: #EBA23F;
    box-shadow: 0px 4px 11px #eba33f65;
    border: none;
    color:#fff;
}

.yellow-col:focus {
    background-color: #EBA23F;
    box-shadow: none;
    border: none;
    color:#fff;
}

.red-col {
    background-color: #F15D49;
    border: none;
    color:#fff;
}

.red-col:hover {
    background-color: #DD4935;
    box-shadow: 0px 4px 11px #dd49355d;
    border: none;
    color:#fff;
}

.red-col:focus {
    background-color: #DD4935;
    box-shadow: none;
    border: none;
    color:#fff;
}

.green-col {
    background-color: #27AC65;
    border: none;
    color:#fff;
}

.green-col:hover {
    background-color: #1DA25B;
    box-shadow: 0px 4px 11px #1da25b57;
    border: none;
    color:#fff;
}

.green-col:focus {
    background-color: #1DA25B;
    box-shadow: none;
    border: none;
    color:#fff;
}

.gray-red-col {
    background-color: #677788;
    border: none;
    color:#fff;
}

.gray-red-col:hover {
    background-color: #DD4935;
    box-shadow: 0px 4px 11px #dd49355d;
    border: none;
    color:#fff;
}

.gray-red-col:focus {
    background-color: #DD4935;
    box-shadow: none;
    border: none;
    color:#fff;
}


.lh-27 {
    line-height: 1.6875rem;
}

@media (max-width: 768px) {
    .m-col {
        flex-direction: column !important;
    }

    .m-row-group_buttons {
    flex-direction: row;
    display: flex;
    gap: 1rem;
    width: 100%;
    }

    .m-row-team_buttons {
    flex-direction: row;
    display: flex;
    gap: 1rem;
    row-gap: 0rem;
    width: 100%;
    flex-wrap: wrap;
    }

    .m-width-80 {
    width: 80% !important;
    }
}

@media (max-width: 992px) {
.order-team_tasks {
    order: 1;
    text-align: start !important;
    width: 80%;
}
}

.icon-forum-category {
    background: #faf5ff;
    border: none;
}

/* убираем нижнюю границу у последнего элемента таблицы в форуме */
table.table-lch-no_border tbody tr:last-child {
    border-bottom: none !important;
}

.comments-list div:last-child {
    border-bottom: none !important;
}

.adm-news-table-no_border tbody tr:last-child {
    border-bottom: none !important;
}

.adm-table-no_border tbody tr:last-child {
    border-bottom: none !important;
}

.footer-bg_sh {
    background-color: #e6dcf2 !important;
    box-shadow: 0 5px 10px 0 rgba(28,24,25,.1);
}

@media (min-width: 992px) {
    .se-padding-table {
        padding-left: 1rem !important;
    }

    .ee-padding-table {
        padding: 0.5rem 1rem 0.5rem 0.5rem !important;
    }
}

.text-yellow-col {
    color: #EBA23F !important;
}

.text-red-col {
    color: #DD4935;
}

.text-dark-col {
    color: #1e2022;
}

.text-green-col{
    color: #27AC65;
}

.text-blue-col {
    color: #00B5EC;
}

.text-purple-col {
    color:#6527AC;
}

.text-yellow-hover,.text-blue-hover,.text-red-hover,.text-green-hover, .text-purple-hover {
    color: #677788 !important;
    transition: color 0.15s ease;
}

.text-yellow-hover:hover {
    color: #EBA23F !important;
}

.text-red-hover:hover {
    color: #DD4935 !important;
}

.text-blue-hover:hover {
    color: #00A1D8 !important;
}

.text-green-hover:hover{
    color: #1DA25B !important;
}

.text-purple-hover:hover {
    color: #562093 !important;
}

@media (max-width: 768px){
    .new-finance_direction-row {
        flex-direction: row !important;
}
}

.bg-unread-alert {
    background: linear-gradient(270deg, rgba(253,251,255,1) 0%, rgba(245,238,255,1) 100%) !important;
}

.bg-read-alert {
    background-color: #f5f5f5;
}

.anketa-hover-color {
    transition: color 0.3s ease;
}

.anketa-hover-color:hover {
    background-color: #9d61e1 !important;
    color: white !important;
    box-shadow: 0 2px 3px 1px rgb(198 165 242 / 35%);
}

.role-block-bg_sh {
    background-color: #ffffff !important;
    box-shadow: 0px 0px 10px 0 rgba(28,24,25,.1);
}

.navbar .header-dropdown-menu a:hover {
    color: #562093;
}

.dropd-button-sh_finance .btn-primary:hover {
    box-shadow: 0 2px 6px rgba(100,39,172,.35);
}

.fw-500 {
    font-weight: 500;
}

.fw-500-hov600 {
    font-weight: 500;
}

.fw-500-hov600:hover {
    font-weight: 600;
}

@media (max-width: 768px) {
.dropdpdown-text-mob {
    font-size: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
}

.referal-trackers-bg_sh {
    background-color: white !important;
    box-shadow: 0 2px 5px 0 rgba(28,24,25,.1);
}

.white-bg-only {
    background-color: white !important;
}

.table-danger tbody tr:last-child .r-bord-rb{
    border-radius: 0rem 0rem 0.5rem 0rem
}

.table-danger tbody tr:last-child .l-bord-lb{
    border-radius: 0rem 0rem 0rem 0.5rem;
}

.table-success tbody tr:last-child .r-bord-rb{
    border-radius: 0rem 0rem 0.5rem 0rem
}

.table-success tbody tr:last-child .l-bord-lb{
    border-radius: 0rem 0rem 0rem 0.5rem;
}

.table-points-history tbody tr:last-child .r-bord-rb{
    border-radius: 0rem 0rem 0.5rem 0rem
}

.table-points-history tbody tr:last-child .l-bord-lb{
    border-radius: 0rem 0rem 0rem 0.5rem;
}

.table-treasury-history tbody tr:last-child .r-bord-rb{
    border-radius: 0rem 0rem 0.5rem 0rem
}

.table-treasury-history tbody tr:last-child .l-bord-lb{
    border-radius: 0rem 0rem 0rem 0.5rem;
}

.table-notifications tbody tr:last-child .r-bord-rb{
    border-radius: 0rem 0rem 0.5rem 0rem
}

.table-notifications tbody tr:last-child .l-bord-lb{
    border-radius: 0rem 0rem 0rem 0.5rem;
}

.table-admin-urers-bord tbody tr:last-child .l-bord-lb{
    border-radius: 0rem 0rem 0rem 0.5rem;
}

.table-admin-urers-bord tbody tr:last-child .r-bord-rb{
    border-radius: 0rem 0rem 0.5rem 0rem
}


.ico-footer-bg {
    background-color: #F5EEFF;
    color: #6527AC;
    transition: color 0.3s ease;
    transition: background-color 0.3s ease;
}

.ico-footer-bg:hover {
    background-color: #6527AC;
    color: #fff;
}

.gray-color {
    color:#787878
}

@media (max-width: 768px) {
.mob-overflow-a {
    overflow: auto;
}
}

.avatar-conversation_minw {
    min-width: 3.15rem;
}

.chat-main div:last-child{
    border-bottom: none !important;
}

.times-red-hover:hover {
    color: #DD4935 !important;
}

.star-yellow-hover:hover {
    color: #EBA23F !important;
}

.complaint-counter-bg {
    background-color: #fff;
    color: #000;
}

.accordeon-card-bg_sh {
    box-shadow: 0 0px 10px 0 rgba(28,24,25,.1);
    background: #fbfbfb;
}

/* иконка+название блока настроек фильтра */
.base-color-hover {
    background-color: #6527AC;
    transition: background-color 0.25s ease;
    color: #fff;
}

#tasks-all button:hover .base-color-hover{
    background-color: #562093;
    box-shadow: 0 3px 8px rgba(100,39,172,.35);
}

.text-base-color_hover{
    color: #1e2022;
    transition: color 0.25s ease;
}

#tasks-all button:hover .text-base-color_hover:hover {
    color: #562093;
}

.cicle_counter-yellow-bg {
    background-color: #FFB653;
}

.cicle_counter-green-bg {
    background-color: #27AC65;
}

.cicle_counter-grey-bg {
    background-color: #677788;
}

.box-shadow_regular {
    box-shadow: 0px 1px 5px 0 rgba(28,24,25,.1)
}

.bg-light-purple {
    background-color: #F5EEFF;
}

.task-page-badges {
    color: #6527AC;
    border: 2px solid #6527AC;
    font-weight: 600 !important;
}

.profile-report-ico_border {
    border: 2px solid #677788;
    transition: border 0.15s ease;
}

.profile-report-ico_border:hover {
    border: 2px solid #EBA23F;
}

.bg-dark-orange {
    background-color: #EBA23F;
}

@media (max-width: 1199px) {
    .m_t-row {
        flex-direction: row !important;
    }
}

@media (max-width: 1199px) {
    .m_t-col {
        flex-direction: column !important;
    }
}
@media (min-width: 1199px) {
    .your-rank-whide_pc {
        width: 55%
    }
}

.your-rank-bg {
    background-color: #ccf4ed !important;
    font-weight: 500 !important;
}

.bg-blue_light {
    background-color: #00b5ec29 !important;
}

.t-danger_head-color {
    background-color: #dd9cae !important;
}

.t-success_head-color {
    background-color: #7bd3c4 !important;
}

@media (max-width: 768px) {
    .g-2r-mob {
        gap: 2rem;
    }
    .flex-wrap-m {
        flex-wrap: wrap;
    }
}

.td-maxw-500 {
    max-width: 500px;
}

.td-minw-250 {
    min-width: 250px;
}

::-moz-selection{
    background-color:rgba(100,39,172,.1);
    color:#562093
}

::selection{
    background-color:rgba(100,39,172,.1);
    color:#562093;
}

.star-before-col i.text-primary{
    color:#EBA23F !important;
}

@media (max-width: 1199px) {
    .conversation-none_mob {
        display: none;
    }
}

.bg-gray-col {
    background-color: #f5f5f5 !important;
}

@media (max-width: 768px) {
    .m-row-comment-buttons {
        flex-direction: row !important;
        gap: 0.8rem;
    }
}

.vertical-align-table {
    vertical-align: middle;
}


/* .task-hovered:hover {
    box-shadow: inset 0 0 3px #6527ac;
    border-radius: 0.5rem;
    background: linear-gradient(0deg, #6527ac1f 0%, transparent 70%);
} */

.task-hovered:hover {
    box-shadow: 0 2px 5px #6527ac1f;
    border-radius: 0.5rem;
    border-color: transparent !important;
    background: linear-gradient(90deg, #8331e129 0%, transparent 70%);
}

.task-content-hover:hover {
    padding: 5px;
}

.nav-support-color,.nav-balance-color, .nav-news-color{
    color:#f3eaff;
    transition: color 0.3s;
}

.nav-support-color i{
    color: #1DA25B;
}

.nav-support-color:hover{
    color: #2fcf79 !important;
}

.nav-support-color:hover i{
    color: #2fcf79 !important;
}

.nav-support-color:focus {
    color: #ffffff !important;
}

.nav-news-color i{
    color: #00A1D8;
}

.nav-news-color:hover i{
    color: #00A1D8 !important;
}

.nav-news-color:hover{
    color: #00A1D8 !important;
}

.nav-news-color:focus {
    color: #ffffff !important;
}

.nav-balance-color i {
    color: #EBA23F;
}

.nav-balance-color:hover i{
    color: #EBA23F !important;
}

.nav-balance-color:hover{
    color: #EBA23F !important;
}

.nav-balance-color:focus {
    color: #ffffff !important;
}

.bg-nav-new {
    background: linear-gradient(180deg, #562093, #9d67d9);
    box-shadow: 0 2px 5px #562093;
}

.nav-link_new-color {
    color: #f3eaff;
}

.nav-link_new-color:hover {
    color: #ffffff !important;
}

.nav-link_new-color:focus {
    color: #ffffff !important;
}

.navbar {
    padding-top: 0 !important;
}

.nav-circle {
    background-color: white !important;
    color: #6527AC !important;
}

.dropdown-menu_new-color {
    background: linear-gradient(0deg, #562093, #9d67d9) !important;
}

.navbar .header-dropdown-menu a {
    color: #ffffff !important;
}

.navbar .header-dropdown-menu a:hover {
    color: #ffffff !important;
}

.dropdown-toggle-header_finance:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white'%3E%3Cpath d='M12.72 15.78a.75.75 0 0 1-.53.22h-.38a.77.77 0 0 1-.53-.22l-5.13-5.14a.5.5 0 0 1 0-.71l.71-.71a.49.49 0 0 1 .7 0L12 13.67l4.44-4.45a.5.5 0 0 1 .71 0l.7.71a.5.5 0 0 1 0 .71Z'/%3E%3C/svg%3E");
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    content: "";
    display: inline-block;
    height: 1rem;
    margin-left: auto;
    padding-left: 1.25rem;
    width: 1rem
}

.nav-minify {
    transition: font-size 0.35s ease, height 0.35s ease;
    height: 66px;
}

.header-min_height {
    height: 46px;
}

.header-min_fs14 {
    font-size: 14px !important;
}

.glow-text {
    text-shadow: none;
    transition: text-shadow 0.3s ease-in-out;
}

.glow-text:hover {
    text-shadow: 0 0 1px #ffffaf8f, 0 0 5px #ffffaf8f, 0 0 10px #ffffaf8f;
}

.glow-text:focus {
    text-shadow: 0 0 1px #ffffaf8f, 0 0 5px #ffffaf8f, 0 0 10px #ffffaf8f;
}

.brand-minify {
    transition: font-size 0.35s ease, height 0.35s ease, width 0.35s ease;
}

.brand-minify-style span{
    font-size: 18px !important;
    height: 18px !important;
}

.brand-minify-style img {
    width: 20px !important;
}


.brand-minify-adm-style .title-minify{
    font-size: 18px !important;
    height: 18px !important;
}

.brand-minify-adm-style img {
    width: 20px !important;
}

.dropdown_minify-style {
    margin-top: 0 !important;
}

.text-blue_subtext {
    color: #00b5ec96;
    /* color: #00A1D8; */
    transition: 0.35s color ease;
}

.text-blue_subtext:hover {
    color: #00A1D8;
}

.text-green_subtext {
    color: #27ac6596;
    /* color: #1DA25B; */
    transition: 0.35s color ease;
}

.text-green_subtext:hover {
    color: #1DA25B;
}

.text-yellow_subtext {
    color: #ffb75398;
    /* color: #EBA23F; */
    transition: 0.35s color ease;
}

.text-yellow_subtext:hover {
    color: #EBA23F;
}

.text-red_subtext {
    color: #f15d499a;
    transition: 0.35s color ease;
}

.text-red_subtext:hover {
    color: #DD4935;
}

.dropdown-bg-hov {
    background-color: transparent;
    transition: background-color 0.35s ease;
}

.dropdown-bg-hov:hover {
    background-color: #f5eeff;
}

.about-task_dropdown-bg {
    background-color: #ffbd5342 !important;
}

.tasks-header_main {
    background-color: #e6dcf2;
    border-radius: 0.5rem 0.5rem 0rem 0rem;
}

.wip-price-style {
    padding: 0.5rem 0.5rem !important;
    margin: 0rem 0.5rem;
    /* background-color: #2fcf79; */
    background-color: #02b757;
    border-radius: 0.5rem;
    color: #ffffff;
    font-size: 1rem;
}

.standart-price-style {
    padding: 0.5rem 0.5rem !important;
    margin: 0rem 0.5rem;
    /* background-color: #82d1ec; */
    background-color: #059dd7;
    border-radius: 0.5rem;
    color: #ffffff;
    font-size: 1rem;
}

.task-table-item_color_hover {
    transition: padding 0.35s ease;
}

.task-table-item_color_hover:hover {
    background: linear-gradient(90deg, #8331e129 0%, transparent 70%);
    padding: 0.95rem;
}

.quill-min-h-forum .ql-editor {
    height: 500px;
    overflow: auto;
}

@media (max-width:756px) {
    .footer-mob_copyright-width {
        width: 100% !important;
    }

    .footer-mob_copyright {
        flex-direction: column;
    }
}

.category-select img {
    max-width: 6.5vw;
    transition: max-width 0.5s ease;
}

.social-select img {
    max-width: 5.5vw;
    transition: max-width 0.5s ease;
}

.category-select .d-flex {
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.social-select .d-flex {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.category-select .category:hover .card, .social-select .social:hover .card {
    background-color: #ffffff;
    box-shadow: 0 .375rem 1.5rem 0 rgba(140,152,164,0.425);
    transition: all .3s;
}

.category-select .category:hover img {
    max-width: 5vw;
}

.category-select .category:hover {
    cursor: pointer;
}

.social-select .social:hover img {
    max-width: 4.5vw;
}

.category-select .category.selected .card, .social-select .social.selected .card {
    background-color: #ffffff;
    border: 2px solid #9d67d9;
    box-shadow: 0 .375rem 1.5rem 0 rgba(140,152,164,0.425);
    transition: all .3s;
}

.category-select .category.selected h5, .social-select .social.selected h5 {
    font-size: 1.1rem;
    transition: all .3s;
}

.category-select .category.selected img {
    max-width: 5.5vw;
    margin-right: 2.3rem!important;
    transition: all .3s;
}

.social-select .social.selected img {
    max-width: 4.5vw;
    transition: all .3s;
}

.category-select-text {
    height: 100%;
    align-self: start;
}

.hove-scale {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.hov-scale:hover {
    transform: scale(0.95);
}

@media(max-width: 1199px) {
    .category-select .card-body {
        flex-direction: column !important;
        gap: 1.3rem;
        padding: 1rem !important;
    }

    .card {
        height:100%;
        width: 100%;
    }

    .card .card-body {
        padding: 1rem !important;
    }

    .category-select img {
        max-width: 20vw !important;
    }

    .social-select img {
        max-width: 80px !important;
    }
}

@media(max-width: 768px) {
    .social-select .mob-col {
        width: 50% !important;
    }
}

.editWallet:hover{
    cursor:pointer;
}

.ql-align-center {
    text-align: center;
}
