.app-header {
    height: auto !important;
}
.app {
    background-color: #f1f1f1 !important;
}
.nav-item .bi {
    font-size: 20px;
    height: 20px;
    width: 20px;
}

.nav-item .bi-chevron-down {
    font-size: 14px;
    height: 14px;
    width: 14px;
}
.btn .bi {
    position: unset;
    top: 0px !important;
}

.app-nav .submenu-arrow {
    top: auto !important;
}

.app-nav .nav-link {
    padding: 1rem 1rem;
    padding-left: 3rem;
}

.app-nav .nav-link.submenu-toggle.active {
    background-color: #edfdf6 !important;
}

input::placeholder {
    color: #b4b4b4 !important;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 0.5em !important;
}
.dataTables_info {
    float: left;
}
#file-export-datatable_length {
    float: left;
}
#file-export-datatable_filter {
    float: right;
}

#file-export-datatable_filter input {
    height: 15px !important;
    box-shadow: none !important;
}
.dt-buttons {
    position: relative !important;
    left: 2% !important;
}
.dt-buttons button {
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
}

/* Select2 CSS -------------------------------------------------------------------------------------------------- */
.select2-search__field:focus-visible {
    outline: 1px solid;
}
.select2-selection__clear {
    position: absolute !important;
    right: 15px !important;
    font-size: 20px !important;
    line-height: 32px !important;
    margin-right: 15px !important;
}

.select2-selection__clear:hover {
    color: red;
}

.select2-container .select2-selection--single {
    border-color: #7987a1c4;
    padding: 0px;
    font-size: 16px;
    height: 40px;
}

.select2-container--open .select2-dropdown--above,
span.select2-dropdown.select2-dropdown--below {
    border: 1px solid #e7e9ed !important;
}

.select2-search--dropdown .select2-search__field {
    border: 1px solid #e7e9ed !important;
}
.select2-search--dropdown .select2-search__field:focus-visible {
    outline: 0 !important;
}

.modal .select2-container .select2-selection--single {
    border-color: #e7e9ed;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #e7e9ed !important;
}

.select2-selection--single {
    border-radius: 5px !important;
    height: 2.5rem !important;
    display: flex;
    align-items: center;
}

.select2-selection__placeholder {
    color: black !important;
    display: flex;
    align-items: center;
}

.swal2-input {
    box-sizing: border-box;
    width: 87% !important;
    height: auto !important;
    padding: 10px !important;
    font-size: 16px;
}

.input-group .select2-selection--single {
    border-bottom: 3px solid skyblue !important;
    border-radius: 10px 0px 0px 10px !important;
    height: 2.5rem !important;
    display: flex;
    align-items: center;
}
.input-group .select2-selection__rendered,
.select2-selection__rendered {
    display: flex !important;
    padding-left: 20px !important;
}
.input-group .select2-selection__placeholder {
    color: black !important;
    height: 2.5rem !important;
    display: flex;
    align-items: center;
}

.select2-selection__rendered {
    line-height: 35px !important;
}

.select2-selection__arrow b {
    border-width: 6px 6px 0 6px !important;
}

.select2-selection__arrow {
    top: 5px !important;
    right: 8px !important;
}

.select2-results__option:hover {
    background-color: #f3f3f3;
}

.select2-results__option {
    border-top: 1px solid #e7e9ed !important;
    border-bottom: 1px solid #e7e9ed !important;
    margin-top: -1px !important;
}


#bank_id_td .select2-selection--single {
    border: 0px solid !important;
    border-radius: 0px !important;
    height: 35px !important;
    display: flex;
    align-items: center;
}

.cycle_td .select2-selection--single {
    height: 35px !important;
}
.cycle_td .select2-selection__placeholder {
    height: 31px !important;
}
.cycle_td .select2-selection__arrow {
}

#bank_id_td .select2-selection {
    border: 0px !important;
}

#bank_id_td .select2-selection__rendered {
    padding: 0px 8px !important;
}