#boniz-logo{
    width: 252px;
}
.slider-bullet--active{
    flex-grow: unset;
}
.payment-type,.custom-center{
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    width: 100%;
}
.cursor-pointer{
    cursor: pointer;
}
.excel-icon{
    width: 24px;
    height: 24px;
    margin-top: 3px;
}
.rmdp-input{
    min-height: 48px;
    width: 100%;
    border-radius: var(--radius-2xl) !important;
    background-color: var(--color-white);
    --tw-outline-style: none;
    outline-style: none;
    padding: calc(var(--spacing) * 3) !important;
    border:0 !important;
}
.ml-1 {
    margin-left: calc(var(--spacing) * 1);
}

.v-hidden{
    visibility:hidden;
}
.single-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.max-width-89{
    max-width: 89%;
}
.bg-red-50{
    background: #FFEBEE;
}
.bg-red,.bg-red-500{
    background: #FF4D50;
}
/*.bg-success-50{*/
/*    background: #28C770;*/
/*}*/
/*.text-success-50{*/
/*    color: #28C770;*/
/*}*/
.notification-container{
    position: relative;
}
.notification-count{
    background: #FF4D50;
    width: 14px;
    height: 14px;
    font-size: 10px;
    text-align: center;
    color: white;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    right: -2px;
}


.pt-3px{
    padding-top: 3px;
}
div:where(.swal2-container) h2:where(.swal2-title){
    font-size: 22px !important;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){
    font-size: 14px !important;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){
    font-size: 14px !important;
}
.swal2-toast h2:where(.swal2-title){
    font-size: 14px !important;

}


/**
 * Main wrapper
 */
.select-search-container {
    --select-search-background: #fff;
    --select-search-border: #dce0e8;
    --select-search-selected: #000;
    --select-search-text: #000;
    --select-search-subtle-text: #6c6f85;
    --select-search-inverted-text: var(--select-search-background);
    --select-search-highlight: #eff1f5;
    --select-search-font: 'Dana-Regular', sans-serif;

    direction: rtl;
    width: 100%;
    position: relative;
    color: var(--select-search-text);
    box-sizing: border-box;
    text-align: right;
}

@supports (font-variation-settings: normal) {
    .select-search-container {
        --select-search-font: 'Inter var', sans-serif;
    }
}

body.is-dark-mode .select-search-container {
    --select-search-background: #000;
    --select-search-border: #313244;
    --select-search-selected: #89b4fa;
    --select-search-text: #fff;
    --select-search-subtle-text: #a6adc8;
    --select-search-highlight: #1e1e2e;
}

body.is-light-mode .select-search-container {
    --select-search-background: #fff;
    --select-search-border: #dce0e8;
    --select-search-selected: #dce0e8;
    --select-search-text: #000;
    --select-search-subtle-text: #6c6f85;
    --select-search-highlight: #eff1f5;
}

.select-search-container *,
.select-search-container *::after,
.select-search-container *::before {
    box-sizing: inherit;
}

.select-search-input {
    position: relative;
    z-index: 1;
    display: block;
    height: 48px;
    width: 100%;
    padding: 0 40px 0 16px;
    background: var(--select-search-background);
    /*border: 2px solid var(--select-search-border);*/
    color: var(--select-search-text);
    border-radius: 3px;
    outline: none;
    font-size: 16px;
    text-align: left;
    text-overflow: ellipsis;
    line-height: 48px;
    letter-spacing: 0.01rem;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
}

.select-search-is-multiple .select-search-input {
    margin-bottom: -2px;
}

.select-search-is-multiple .select-search-input {
    border-radius: 3px 3px 0 0;
}

.select-search-input::-webkit-search-decoration,
.select-search-input::-webkit-search-cancel-button,
.select-search-input::-webkit-search-results-button,
.select-search-input::-webkit-search-results-decoration {
    -webkit-appearance:none;
}

.select-search-input[readonly] {
    cursor: pointer;
}

.select-search-is-disabled .select-search-input {
    cursor: not-allowed;
}

.select-search-container:not(.select-search-is-disabled).select-search-has-focus .select-search-input,
.select-search-container:not(.select-search-is-disabled) .select-search-input:hover {
    border-color: var(--select-search-selected);
}

.select-search-select {
    background: var(--select-search-background);
    box-shadow: 0 .0625rem .125rem rgba(0, 0, 0, 0.15);
    overflow: auto;
    max-height: 360px;
}

.select-search-container:not(.select-search-is-multiple) .select-search-select {
    position: absolute;
    z-index: 2;
    top: 58px;
    right: 0;
    left: 0;
    border-radius: 3px;
    display: none;
}

.select-search-container:not(.select-search-is-multiple).select-search-has-focus .select-search-select {
    display: block;
}

.select-search-has-focus .select-search-select {
    border-color: var(--select-search-selected);
}

.select-search-options {
    list-style: none;
    text-align: right;
    direction: rtl;
}

.select-search-option,
.select-search-not-found {
    display: block;
    height: 42px;
    width: 100%;
    padding: 0 16px;
    background: var(--select-search-background);
    border: none;
    outline: none;
    color: var(--select-search-text);
    font-size: 16px;
    text-align: right;
    letter-spacing: 0.01rem;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
}

.select-search-option:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background: transparent !important;
}

.select-search-is-highlighted,
.select-search-option:not(.select-search-is-selected):hover {
    background: var(--select-search-highlight);
}

.select-search-is-selected {
    font-weight: bold;
    color: var(--select-search-selected);
}

.select-search-group-header {
    font-size: 12px;
    text-transform: uppercase;
    background: var(--select-search-border);
    color: var(--select-search-subtle-text);
    letter-spacing: 0.1rem;
    padding: 10px 16px;
}

.select-search-row:not(:first-child) .select-search-group-header {
    margin-top: 10px;
}

.select-search-row:not(:last-child) .select-search-group-header {
    margin-bottom: 10px;
}


.select-search-input{
    width: 100%;
    direction: rtl;
    text-align: right;
    text-indent: 0;
    min-height: 48px;
    border-radius: var(--radius-2xl);
    --tw-outline-style: none;
    outline-style: none;
    padding: calc(var(--spacing) * 3);
    appearance: none;
    background: url(data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.5682%207.8545C14.8327%208.07623%2014.8675%208.47043%2014.6457%208.73498L11.5772%2012.3961C10.7625%2013.3682%209.2386%2013.3682%208.42388%2012.3962C8.42386%2012.3962%208.4239%2012.3962%208.42388%2012.3962L5.35444%208.73505C5.13268%208.47053%205.16733%208.07633%205.43185%207.85456C5.69636%207.6328%206.09057%207.66746%206.31234%207.93197L9.38178%2011.5931C9.69688%2011.9691%2010.3041%2011.9692%2010.6192%2011.5932L13.6877%207.93204C13.9094%207.66749%2014.3036%207.63278%2014.5682%207.8545Z%22%20fill%3D%22%23ACB0B9%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: 10px 14px;
    position: relative;
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    color: var(--color-gray-500);
    background-color: var(--color-white);

}
.custom-logout-btn {
    height: 20px;
}
.border-red{
    border-color:#FF4D50;
}
.investment-title{
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    text-align: right;
}
.investment-description{
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    text-align: right;
    color: var(--color-gray-500);
}
.bg-white{
    background: white!important;
}
.text-blue{
    color:#257CFF;
}
.link{
    text-decoration: underline;
    color:#257CFF;
    margin:10px;
    display: block;
    text-align: center;
}
.text-white{
    color:white !important;
}
.pattern-list{
    display: flex;
    flex-wrap: wrap;
}
.pattern-list li{
    margin:10px;
}
.pattern-container{
    max-height: 300px;
    overflow-y: scroll;
}
div[contenteditable='true']{
    color:black;
}