.wrap > .container-fluid {
    padding: 60px 30px 20px;
}

.wrap > .container {
    padding-top: 60px;
}

/* Стиль строки (аналог .danger) */
.table > tbody > tr.purple > td,
.table > tbody > tr.purple > th,
.table > tfoot > tr.purple > td,
.table > tfoot > tr.purple > th,
.table > thead > tr.purple > td,
.table > thead > tr.purple > th {
    background-color: #f6c7f3; /* Ваш цвет */
}

.breadcrumb-top-fix {
    /* margin-top: 65px; */
}

#login-form {
    max-width: 570px;
    padding: 15px;
    margin: 0 auto;
}

.btn-gray {
    color: #333;
    background-color: #d9d9d9;
    border-color: #ccc;
}

.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active,
.open .dropdown-toggle.btn-gray {
    color: #333;
    background-color: #c9c9c9;
    border-color: #adadad;
}

.btn-gray:active,
.btn-gray.active,
.open .dropdown-toggle.btn-gray {
    background-image: none;
}


/* Основной стиль кнопки */
.btn-purple {
    color: #fff; /* Белый текст */
    background-color: #e262d8; /* Ваш цвет (#e262d8) */
    border-color: #d652cc; /* Чуть темнее для границы */
}

/* Состояния: hover, focus, active */
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active,
.open .dropdown-toggle.btn-purple {
    color: #fff;
    background-color: #d142c6; /* Темнее при наведении */
    border-color: #c132b6; /* Еще темнее граница */
}

/* Убирает градиент при нажатии */
.btn-purple:active,
.btn-purple.active,
.open .dropdown-toggle.btn-purple {
    background-image: none;
}

/* Стили для disabled-кнопки */
.btn-purple.disabled,
.btn-purple[disabled],
fieldset[disabled] .btn-purple,
.btn-purple.disabled:hover,
.btn-purple[disabled]:hover,
fieldset[disabled] .btn-purple:hover,
.btn-purple.disabled:focus,
.btn-purple[disabled]:focus,
fieldset[disabled] .btn-purple:focus,
.btn-purple.disabled:active,
.btn-purple[disabled]:active,
fieldset[disabled] .btn-purple:active,
.btn-purple.disabled.active,
.btn-purple[disabled].active,
fieldset[disabled] .btn-purple.active {
    background-color: #e262d8;
    border-color: #d652cc;
    opacity: 0.65; /* Полупрозрачность для disabled */
}

/* Стиль для badge внутри кнопки (если нужен) */
.btn-purple .badge {
    color: #e262d8;
    background-color: #fff;
}

.lms-hometask-empty {
    color: rgba(0, 0, 0, 0.3) !important;
}
.lms-hometask-accepted {
    color: #5cb85c !important;
}
.lms-hometask-unverified {
    color: #d9534f !important;
}
.lms-hometask-fix, .btn-note-isset {
    color: #f0ad4e !important;
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #337ab7;
    border-width: 3px;
}

.table > tbody > tr.working_off > td {
    background-color: #f4cbf1;
}

.table > tbody > tr > td.working_off {
    background-color: #f4cbf1;
}
.thumbnail > img, .thumbnail a > img {
    /* width: 107px;
    height: 107px; */
}

.change_reward > img {
    /*
    max-width: 106px;
    max-height: 106px; */
}

.square-image {
    aspect-ratio: 1 / 1;
    width: 100%; /* или фиксированная ширина */
    object-fit: cover; /* обрезает изображение */
}

.lms-hometask-empty {
    color: rgba(0, 0, 0, 0.3) !important;
}
.lms-hometask-accepted {
    color: #5cb85c !important;
}
.lms-hometask-unverified {
    color: #d9534f !important;
}
.lms-hometask-fix, .btn-note-isset {
    color: #f0ad4e !important;
}

.btn-orange {
    background-color: #b75331;
    border-color: #a04a2a;
    color: #fff;
}

.btn-orange:hover,
.btn-orange:focus {
    background-color: #9e4628;
    border-color: #8a3d22;
    color: #fff;
}

.btn-orange:active {
    background-color: #8a3d22;
    border-color: #7a3420;
}

.btn-custom {
    background-color: #b75331;
    border-color: #a04a2a;
    color: #fff;
}

.btn-custom:hover,
.btn-custom:focus{
    background-color: #bd6623;
    border-color: #a85a1f;
    color: #fff;
}

.popover {
    padding: 0;
    min-width: 290px;
}

.popover-content {
    padding: 0;
}

.parent-popover-menu {
    margin: 0;
    padding: 6px 0;
    list-style: none;
}

.parent-popover-menu li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
}

.parent-popover-menu li a:hover {
    background: #f5f5f5;
}

.parent-popover-menu .divider {
    height: 1px;
    margin: 6px 0;
    background: #e5e5e5;
}

.parent-popover-menu li a span {
    flex: 1;
}

.modal-backdrop.in {
    opacity: 1; /* Bootstrap обычно ставит 0.5 */
    background: rgba(255, 255, 255, 0.05); /* почти прозрачный фон */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}