.submit-button svg:not(.default),
.submit-button span {
    display: none;
}

.submit-button.cursor-not-allowed svg {
    display: none;
}

.submit-button.cursor-not-allowed svg:not(.default),
.submit-button.cursor-not-allowed span {
    display: flex;
}

.text-danger {
    white-space: normal;
    word-break: keep-all;
    line-break: strict;
}

.admin-search input[type="search"] {
    border-color: var(--color-disabled);
    border-radius: 2px;
    font-size: 1rem !important;
    font-weight: 400 !important;
    color: var(--color-neutral-grey) !important;
    line-height: normal !important;

    height: 2.5rem;
    width: 100%;
    border-width: 1px;

    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
.admin-search input[type="search"]:focus {
    border-color: #2081f1 !important;
}

.table-info-search {
    margin-bottom: 15px !important;
}

.dataTables_length label {
    font-size: 1rem;
    color: #6e7e90;
    line-height: normal;
    margin-right: 5px;
}
.search-rounded {
    border-radius: 0 2px 2px 0 !important;
}

.top {
    display: none;
}

.datatable-top {
    display: flex;
    justify-content: end;
    margin: 25px 20px 0 0;
}

.custom-datatable-input {
    border-radius: 2px !important;
    border: none !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    color: var(--color-neutral-grey) !important;
}
.custom-datatable-wrapper input[type="search"]:focus {
    border-color: #2081f1 !important;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.2);
    outline: none !important;
}

.dataTables_length select:focus {
    border-color: #4da6ff !important;
}

.dataTables_length select option:checked {
    background-color: #e3edf7 !important;
    color: #000;
}

@media (max-width: 767px) {
    .view-page-top {
        margin-top: 10px !important;
    }
}

@media (max-width: 822px) and (min-width: 768px) {
    .custom-filled_registration-btn {
        font-size: 16px;
        width: 85px;
    }

    .custom-filled_login-btn {
        font-size: 16px;
        width: 45px;
    }

    .custom-nav-gap {
        gap: 10px;
    }

    .custom-en-lan {
        font-size: 14px;
        padding-block: 0;
    }

    .custom-bn-lan {
        font-size: 14px;
        padding-block: 0;
    }

    .custom-logo-width {
        width: 13%;
    }

    .custom-nav-width {
        width: 70%;
    }
}

@media (max-width: 1023px) and (min-width: 768px) {
    .custom-nav-gap {
        height: 80px !important;
    }
}