html {
    overflow-y: scroll !important;
}

.kt-btn-primary {
    background-color: #f15825 !important;
}

.kt-btn-primary:hover {
    background-color: #d03e0d !important;
}

.kt-link, .dz-remove {
    color: #f15825 !important;
}

.kt-link:hover, .dz-remove:hover {
    color: #d03e0d !important;
}

.dz-remove > i {
    color: #f15825 !important;
}

.dz-remove:hover > i {
    color: #d03e0d !important;
    cursor: pointer !important
}

.form-error {
    font-size: 14px !important;
    color: #a94442 !important
}

.swal2-html-container {
    font-size: 15px !important;
}

.kt-switch {
    &:checked, &[aria-checked='true']
    {
        background-color: #f15825 !important
    }
}

.swal2-popup {
    padding: 50px !important
}

table.kt-table tbody tr:hover {
    background-color: transparent !important;
}

.kt-drawer {
    width: 300px !important;
}

@media (min-width: 768px) {
    .kt-drawer {
        width: 500px !important;
    }
}

@media (min-width: 1024px) {
    .kt-drawer {
        width: 700px !important;
    }
}

:is(.kt-menu-default .kt-menu-item .kt-menu-link:hover,.kt-menu-default .kt-menu-item .kt-menu-label:hover) .kt-menu-icon i {
    color: #f15825 !important;
}

.form-error {
    font-size: 13px !important;
    color: #a94442 !important;
}
.bg-primary {
    background-color: #f15825 !important;
}

tbody td {
    vertical-align: top !important
}

.tagify {
    height: auto !important;
}

.tagify__tag__removeBtn {
    border: 1px solid red; /* circle border in your brand color */
    border-radius: 50%; /* make it round */
    width: 18px; /* control size */
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: red; /* color of the X */
    background: transparent; /* no fill */
    font-size: 14px; /* X size */
    cursor: pointer;
}

.tagify__tag__removeBtn:hover {
    background: red; /* fill on hover */
    color: #fff; /* white X on hover */
}