.form-control-without-caret .form-control {
    caret-color: transparent;
    cursor: pointer;
    color: var(--bs-body-bg);
}

/*########### MxSelect #############*/

.mx-select-item {
    width: fit-content;
    min-width: 100%;
}

.mx-select-item-container {
    position: relative;
}

.mx-select-item-icon {
    position: absolute;
    right: 10px;
    bottom: 3px;
    cursor: pointer;
}

.mx-select-item-disabled {
    pointer-events: none;
}

.mx-select-item .item-active {
    background: var(--bs-primary-bg-subtle);
}

.mx-select-item .dropdown-item:hover {
    background: var(--bs-primary-bg-subtle);
    color: unset;
}

.mx-select-item .dropdown-item {
    padding: 2px 5px;
}

.mx-select .dropdown-menu {
    gap: 0.1rem;
}

/*########### MxPager #############*/

.mx-pager {
    margin-right: 0px;
}

    .mx-pager ul {
        margin-bottom: 0;
    }

/*########## NavBar ##############*/

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    --bs-bg-opacity: 1;
}

.nav-link {
    border-radius: unset;
}

.nav-pills .nav-link {
    border-radius: unset;
}

.nav-underline .nav-link.active, .nav-underline .show > .nav-link {
    color: var(--bs-nav-underline-link-active-color);
    border-bottom-color: currentcolor;
    background-color: inherit;
}

/*########## MxInputDateTime ##############*/

.date-time-modal .modal-body {
    padding: 0 !important;
}

/*########## MxInputDateTime ##############*/

.pdf-modal .modal-dialog {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*########## MxInputDateTime ##############*/

.icon-round {
    border-radius: 50%;
}