.theme-2{
    --color-primary: 47 123 245;
    --color-primary-light: 227 235 255;
}

.login:after {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    margin-top: -5px;
    margin-bottom: 0px;
    margin-left: -13%;
    width: 57%;
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-radius: 34%;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-light) / var(--tw-bg-opacity));
    border-radius: 0px 50px 50px 0px;
}

.requied{
	--tw-text-opacity: 1;
    color: rgb(var(--color-danger) / var(--tw-text-opacity));
}

.select2-container--default
    .select2-results__option--highlighted[aria-selected] {
    background-color: rgb(
        var(--color-primary) / var(--tw-bg-opacity)
    ) !important;
    color: white;
}
.select2-selection {
    border-radius: 0.375rem;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-slate-200) / var(--tw-border-opacity)) !important;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-property: color, background-color, border-color,
        text-decoration-color, fill, stroke, opacity, box-shadow, transform,
        filter, backdrop-filter, -webkit-text-decoration-color,
        -webkit-backdrop-filter;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    height: 38px !important;
    padding-top: 5px !important;
    background-color: var(--color-input-background) !important;
}
.select2-dropdown,.select2-search__field {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-slate-200) / var(--tw-border-opacity)) !important;
}

.select2-container {
    width: 100% !important;
    /* z-index: 99999; */
    z-index: 99;
}

.image-placeholder {
    border-radius: 50%;
    font-size: 22px;
    font-weight: bold;
    color: #2f7bf5;
    background: #E3EBFF;
}
.placeholder-text{
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
}

.bg-primary-light{
    --tw-border-opacity: 1;
    background-color:  rgb(var( --color-primary-light) / var(--tw-border-opacity)) !important;
}

.currentPage{
    background-color:  rgb(var( --color-primary) / var(--tw-border-opacity)) !important;
}