[x-cloak] {
    display: none;
}

.page {
    min-height: 100vh;
}

.modal {
    display: unset;
}

.ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.fade {
    transition: opacity 0.15s linear;
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.right-0 {
    right: 0;
}

.top-0 {
    top: 0;
}

.z-index-99 {
    z-index: 99;
}

.header-p {
    text-transform: uppercase;
    margin-bottom: unset;
}

.select2-container--default .select2-selection--single {
    border: var(--tblr-border-width) solid var(--tblr-border-color) !important;
}

.select2-container .select2-selection--single {
    height: 36px !important;
}

.select2-container--default.select2-selection--single .select2-selection__rendered {
    line-height: 36px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px !important;
}

.select2.select2-container.select2-container--default {
    width: 100% !important;
}

.choices__inner {
    background-color: unset !important;
    border-radius: var(--tblr-border-radius) !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 4px 5px 3.75px !important;
}

/* .dropdown-select {
    position: absolute;
    z-index: 100;
    cursor: pointer;
    height: 200px;
    overflow: auto;
} */

.btn-search {
    background: #fff;
    border: var(--tblr-border-width) solid var(--tblr-border-color);
}

.btn-search:disabled {
    border: var(--tblr-border-width) solid var(--tblr-border-color);
    color: var(--tblr-muted);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: var(--tblr-bg-surface-secondary);
    opacity: 1;
}

.select-wrapper {
    position: relative;
    min-width: 300px;
    width: 100%;
}

.list-group {
    background: #fff;
}

.card-wrapper {
    background: #fff;
    padding: 10px;
    /* border: 1px solid #b5b5b5; */
    border: var(--tblr-border-width) solid var(--tblr-border-color);
    border-radius: 0 0 10px 10px;
    position: absolute;
    margin-top: -10px;
    z-index: 50;
    cursor: pointer;
    height: auto;
    width: 100%;
    overflow: hidden;
}

.card-wrapper input {
    margin-top: 10px;
}

.dropdown-select {
    margin-top: 20px;
    height: 200px;
    overflow: auto;
    user-select: none;
}

.list-group-item {
    padding: unset;
}

.list-group-item span {
    display: block;
    padding: var(--tblr-list-group-item-padding-y) var(--tblr-list-group-item-padding-x);
}

.dropdown-select span.selected {
    background-color: rgb(231, 244, 203);
}

.translate-x-0 {
    transform: translateX(0px);
}

.translate-y-0 {
    transform: translateY(0px);
}

.translate-x-px {
    transform: translateX(1px);
}

.translate-y-px {
    transform: translateY(1px);
}

.translate-x-1 {
    transform: translateX(0.25rem);
}

.translate-y-1 {
    transform: translateY(0.25rem);
}

.translate-x-2 {
    transform: translateX(0.5rem);
}

.translate-y-2 {
    transform: translateY(0.5rem);
}

.translate-x-3 {
    transform: translateX(0.75rem);
}

.translate-y-3 {
    transform: translateY(0.75rem);
}

.translate-x-4 {
    transform: translateX(1rem);
}

.translate-y-4 {
    transform: translateY(1rem);
}

.translate-x-5 {
    transform: translateX(1.25rem);
}

.translate-y-5 {
    transform: translateY(1.25rem);
}

.translate-x-6 {
    transform: translateX(1.5rem);
}

.translate-y-6 {
    transform: translateY(1.5rem);
}

.translate-x-7 {
    transform: translateX(1.75rem);
}

.translate-y-7 {
    transform: translateY(1.75rem);
}

.translate-x-8 {
    transform: translateX(2rem);
}

.translate-y-8 {
    transform: translateY(2rem);
}

.translate-x-9 {
    transform: translateX(2.25rem);
}

.translate-y-9 {
    transform: translateY(2.25rem);
}

.translate-x-10 {
    transform: translateX(2.5rem);
}

.translate-y-10 {
    transform: translateY(-2.5rem);
}

.translate-x-11 {
    transform: translateX(2.75rem);
}

.translate-y-11 {
    transform: translateY(2.75rem);
}

.translate-x-12 {
    transform: translateX(3rem);
}

.translate-y-12 {
    transform: translateY(3rem);
}

.translate-x-14 {
    transform: translateX(3.5rem);
}

.translate-y-14 {
    transform: translateY(3.5rem);
}

.translate-x-16 {
    transform: translateX(4rem);
}

.translate-y-16 {
    transform: translateY(4rem);
}

.translate-x-20 {
    transform: translateX(5rem);
}

.translate-y-20 {
    transform: translateY(5rem);
}

.translate-x-24 {
    transform: translateX(6rem);
}

.translate-y-24 {
    transform: translateY(6rem);
}

.translate-x-28 {
    transform: translateX(7rem);
}

.translate-y-28 {
    transform: translateY(7rem);
}

.translate-x-32 {
    transform: translateX(8rem);
}

.translate-y-32 {
    transform: translateY(8rem);
}

.translate-x-36 {
    transform: translateX(9rem);
}

.translate-y-36 {
    transform: translateY(9rem);
}

.translate-x-40 {
    transform: translateX(10rem);
}

.translate-y-40 {
    transform: translateY(10rem);
}

.translate-x-44 {
    transform: translateX(11rem);
}

.translate-y-44 {
    transform: translateY(11rem);
}

.translate-x-48 {
    transform: translateX(12rem);
}

.translate-y-48 {
    transform: translateY(12rem);
}

.translate-x-52 {
    transform: translateX(13rem);
}

.translate-y-52 {
    transform: translateY(13rem);
}

.translate-x-56 {
    transform: translateX(14rem);
}

.translate-y-56 {
    transform: translateY(14rem);
}

.translate-x-60 {
    transform: translateX(15rem);
}

.translate-y-60 {
    transform: translateY(15rem);
}

.translate-x-64 {
    transform: translateX(16rem);
}

.translate-y-64 {
    transform: translateY(16rem);
}

.translate-x-72 {
    transform: translateX(18rem);
}

.translate-y-72 {
    transform: translateY(18rem);
}

.translate-x-80 {
    transform: translateX(20rem);
}

.translate-y-80 {
    transform: translateY(20rem);
}

.translate-x-96 {
    transform: translateX(24rem);
}

.translate-y-96 {
    transform: translateY(24rem);
}

.translate-x-full {
    transform: translateX(100%);
}

.translate-y-full {
    transform: translateY(100%);
}

.pagination~ :parent {
    overflow-x: scroll;
}

.pagination {
    overflow-x: scroll;
    width: 200px;
}

/* page loader */

.page-center {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100%;
    display: block;
}

.fade-in-out {
    transition: opacity 0.3s ease-in-out;
    /* Adjust the transition properties as needed */
}

.loader-wrapper {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    display: block;
}

.loader-wrapper .bg-transparant {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.1;
}

.loader-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 200px;
}

/* create bongkaran container */

#searchResults {
    padding: 5px;
    /* min-height: 200px; */
    max-height: 400px;
}

.form-control[readonly] {
    /* cursor: pointer; */
    /* background: black;
     */
    background-color: var(--tblr-secondary-bg);
}

.input-icon-addon {
    left: unset;
    right: 0;
}

.clickable-item {
    cursor: pointer;
}

.btn:disabled:hover {
    cursor: not-allowed;
}

.uppercase {
    text-transform: uppercase;
}