#toast-container > div{
    box-shadow: none !important;
}
.a-btn{
    cursor: pointer;
}
body a{
    text-decoration: none;
    color: var(--main-color);
}
.text-primary{
    color: var(--main-color) !important;
}
body .btn-primary {
    border-color: var(--main-color) !important;
    background-color: var(--main-color) !important;
    color: #fff !important;
}
body .btn-primary:hover{
    box-shadow: 0 8px 25px -8px var(--main-color) !important;
}
body .btn-primary:focus, body .btn-primary:active, body .btn-primary.active {
    color: #fff;
    background-color: var(--main-color) !important;
}
body .form-control:focus{
    border-color: var(--main-color) !important;
}
body .form-control:focus:valid, body .form-control:focus.is-valid {
    box-shadow: 0 3px 10px 0 rgba(237, 58, 120, 0.1);
}
.input-group:not(.bootstrap-touchspin):focus-within .form-control, .input-group:not(.bootstrap-touchspin):focus-within .input-group-text {
    border-color: var(--main-color) !important;
}
html .pace .pace-progress{
    background: var(--main-color) !important;
}
body .page-item.active .page-link {
    background-color: var(--main-color) !important;
}
body .page-item.next-item .page-link:active, body .page-item.next-item .page-link:hover, body .page-item.prev-item .page-link:active, body .page-item.prev-item .page-link:hover {
    background-color: var(--main-color) !important;
}
body .main-menu.menu-light .navigation > li.active > a, body .main-menu.menu-light .navigation > li ul .active{
    background: linear-gradient(118deg, var(--main-color), rgba(237, 58, 120, 0.7));
    box-shadow: 0 0 10px 1px rgba(237, 58, 120, 0.7);
}
.dropdown-item:hover, .dropdown-item:focus {
    color: var(--main-color);
    background-color: rgba(237, 58, 120, 0.12);
}
.form-check-primary .form-check-input:checked {
    border-color: var(--main-color);
    background-color: var(--main-color);
}
.form-check-primary .form-check-input:not(:disabled):checked, .form-check-primary .form-check-input:not(:disabled):focus {
    border-color: var(--main-color);
    box-shadow: 0 2px 4px 0 rgba(237, 58, 120, 0.4);
}
body .bg-secondary, body .bg-primary{
    background-color: var(--main-color) !important;
}
.bg-light-primary{
    background: rgba(237, 58, 120, 0.12) !important;
    color: var(--main-color) !important;
}
body .modal-backdrop{
    z-index: 1055;
}