._frm-b1 {
    display: grid;
    grid-template-columns: repeat(60, minmax(1px, 1fr))
}

.b1-2 {
    grid-area: 1/1/78/61;
    min-height: 77px
}

.b1-5 {
    grid-area: 78/1/155/61;
    min-height: 77px
}

.b1-6 {
    grid-area: 155/1/232/61;
    min-height: 77px
}

.b1-3 {
    grid-area: 232/1/330/61;
    min-height: 98px
}

.b1-1 {
    grid-area: 330/1/384/61;
    min-height: 54px
}

.A1,
.BJ1 .opt-lbl-wrp,
.BL1 .option,
.Bh1 .chip-wrp {
    align-items: center
}

.B1 {
    border-radius: 11px !important
}

.C1 {
    color: #fff
}

.D1,
.BL1 .option,
.Bc1 .chip-clear-btn {
    cursor: pointer
}

.E1,
.BJ1 .opt-lbl-wrp,
.BL1 .option,
.Bh1 .chip-wrp,
.Bi1.multi-chip {
    display: flex
}

.F1,
.q1::placeholder,
.Aa1 * {
    font-family: inherit
}

.G1,
.Bg1 .chip-lbl {
    font-size: var(--text-4xl) !important
}

.H1 {
    justify-content: center
}

.I1,
.BW1:focus-visible,
.Bc1 .chip-clear-btn {
    outline: none
}

.J1 {
    width: 100%
}

.K1 {
    overflow: hidden
}

.L1 {
    display: block
}

.M1,
.Bc1 .chip-clear-btn {
    display: grid
}

.N1 {
    grid-template-rows: 0fr
}

.O1 {
    transition: all .3s
}

.P1 {
    background: transparent
}

.Q1 {
    padding: 7px 10px
}

.R1 {
    position: relative
}

.S1 {
    background-color: #ffe0e0
}

.T1 {
    border-color: #f2d9d9
}

.U1 {
    border-radius: 8px
}

.V1 {
    border-style: solid
}

.W1 {
    border-width: 1px
}

.X1 {
    color: #380000
}

.Y1,
.BH1 .opt-group-title,
.BL1 .option {
    font-size: var(--text-xs)
}

.Z1 {
    font-weight: 400
}

.a1 {
    margin: 5px 0 0 0
}

.b1 {
    padding: 10px
}

.c1 {
    border-color: #ababab !important
}

.d1 {
    border-style: solid !important
}

.e1 {
    border-width: 1px !important
}

.f1,
.Bc1 .chip-clear-btn {
    color: #242424 !important
}

.g1 {
    direction: inherit !important
}

.h1 {
    display: inline-block !important
}

.i1,
.Bg1 .chip-lbl {
    font-style: normal !important
}

.j1,
.Bg1 .chip-lbl {
    font-weight: 500 !important
}

.k1 {
    height: 40px
}

.l1 {
    line-height: 1.4 !important
}

.m1 {
    outline: none !important
}

.n1 {
    padding: 10px !important
}

.o1 {
    width: 100% !important
}

.p1::placeholder {
    color: #24242466 !important
}

.r1:disabled {
    background-color: #f2f2f2 !important
}

.s1:disabled {
    border-color: #f2f2f2 !important
}

.t1:disabled {
    color: #24242480 !important
}

.u1:disabled,
.y1:read-only,
.BH1 .opt-group-title {
    cursor: default
}

.v1:focus,
.x1:hover,
.Ar1:focus-within:not(.menu-open):not(.disabled),
.As1:hover:not(.menu-open):not(.disabled) {
    border-color: #0062ff !important
}

.w1:focus,
.Ar1:focus-within:not(.menu-open):not(.disabled) {
    box-shadow: 0 0 0 3px #0062ff4d !important
}

.z1,
.AZ1 p {
    margin: 0
}

.AA1 {
    background-color: none
}

.AB1,
.Bg1 .chip-lbl {
    color: #242424
}

.AC1 {
    font-size: var(--text-4xl)
}

.AD1,
.BO1 .selected-opt {
    font-weight: 500
}

.AE1 {
    margin: 0 0 5px 0
}

.AF1 {
    line-height: 12px
}

.Aw1::-webkit-search-cancel-button {
    display: none
}

.Ax1::-webkit-search-decoration {
    display: none
}

.Ay1::-webkit-search-results-button {
    display: none
}

.Az1::-webkit-search-results-decoration {
    display: none
}

.AG1 {
    display: none
}

.AH1 {
    height: 25px
}

.AI1 {
    outline: 0
}

.AJ1,
.Bc1 .chip-clear-btn {
    place-content: center
}

.AK1 {
    width: 15px
}

.AL1 {
    flex-direction: column
}

.AM1 {
    position: absolute
}

.AN1 {
    top: 50%
}

.AO1 {
    transform: translateY(-50%)
}

.AP1 {
    height: 100%
}

.AQ1,
.Bc1 .chip-clear-btn {
    padding: 0
}

.AR1 {
    margin: auto
}

.AS1 {
    border: 0
}

.AT1 {
    border-radius: 50% !important
}

.AU1 {
    height: 16px
}

.AV1 {
    padding: 0 !important
}

.AW1 {
    width: 16px
}

.AX1,
.BI1 .opt-icn {
    width: 25px
}

.AY1 {
    direction: ltr
}

.Aa1 * {
    box-sizing: border-box !important
}

.Ab1 {
    background: #0062ff;
    border-style: none;
    border-width: 0;
    box-shadow: 0 2px 4px -2px #0006;
    font-weight: 700;
    line-height: 1;
    margin: 0 0;
    padding: 13px 20px !important;
    transition: background-color .2s, transform .2s
}

.Ac1:active {
    transform: scale(0.95)
}

.Ad1:active:focus-visible {
    outline-offset: 0
}

.Ae1:disabled,
.An1.disabled .b1-6-dpd-wrp,
.BE1 .disable-on-max,
.BF1 .disabled-opt {
    cursor: not-allowed
}

.Ae1:disabled,
.BF1 .disabled-opt {
    opacity: .5
}

.Ae1:disabled,
.An1.disabled .b1-6-dpd-wrp,
.Aq1.readonly .b1-6-dpd-wrp,
.BE1 .disable-on-max,
.BF1 .disabled-opt,
.Bn1 {
    pointer-events: none
}

.Af1:focus-visible,
.BM1 .option:focus-visible {
    outline: 2px solid #0062ff
}

.Af1:focus-visible {
    outline-offset: 2px;
    transition: outline-offset .2s ease
}

.Ag1:hover {
    background-color: #0058e6 !important
}

.Ah1 {
    display: block !important;
    resize: vertical
}

.Ai1 {
    border: .5px solid #b3b3b3;
    border-radius: 5px;
    padding: 5px;
    right: 30px
}

.Aj1 {
    transition: transform .2s
}

.Ak1 {
    display: inline-block
}

.Al1 {
    transition: box-shadow 200ms
}

.BR1::-webkit-scrollbar-thumb {
    background-color: #d9d9d9;
    border-radius: 11px
}

.Am1 .placeholder-img {
    background-color: #d9d9d9;
    outline: 1px solid #e6e6e6
}

.An1.disabled .b1-6-dpd-wrp,
.Ao1.menu-open,
.Aq1.readonly .b1-6-dpd-wrp,
.BB1:focus {
    background-color: #fff
}

.An1.disabled .b1-6-dpd-wrp,
.Aq1.readonly .b1-6-dpd-wrp {
    border-color: #dedede;
    color: #8a8a8a
}

.Ao1.menu-open {
    border-color: #e6e6e6 !important;
    box-shadow: 0 1.2px 2.2px rgba(0, 0, 0, .032), 0 2.9px 5.3px rgba(0, 0, 0, .045), 0 5.4px 10px rgba(0, 0, 0, .054), 0 9.6px 17.9px rgba(0, 0, 0, .062), 0 18px 33.4px rgba(0, 0, 0, .073), 0 43px 80px #0000001a
}

.Ao1.menu-open,
.Bp1 {
    z-index: 999
}

.Ap1.menu-open .b1-6-dpd-down-btn {
    transform: rotate(180deg)
}

.At1 {
    background-color: transparent;
    box-sizing: border-box;
    min-height: 38px;
    padding: 4px 10px
}

.At1,
.BL1 .option {
    justify-content: space-between
}

.Au1 {
    left: 11px
}

.Av1 {
    background-color: #f2f2f2;
    border: none !important;
    border-radius: 10px !important;
    font-size: var(--text-4xl);
    height: 35px;
    padding: 0 35px
}

.Av1,
.Bc1 .chip-clear-btn {
    box-shadow: none
}

.BA1::placeholder {
    color: #24242480
}

.BB1:focus {
    box-shadow: 0 0 0 2px #0062ff inset
}

.BC1:focus~svg {
    color: #0062ff
}

.BD1 {
    margin: 0 0 2px 0 !important;
    overflow-y: auto;
    scrollbar-color: #d9d9d9 transparent !important;
    scrollbar-width: thin !important
}

.BE1 .disable-on-max,
.BF1 .disabled-opt {
    color: #e6e6e6 !important
}

.BE1 .disable-on-max {
    opacity: .8
}

.BG1 .opt-group-child {
    padding-left: 15px !important
}

.BH1 .opt-group-title {
    font-weight: 600;
    opacity: .7
}

.BI1 .opt-icn,
.Bb1 {
    -webkit-user-select: none;
    border-radius: 3px;
    user-select: none
}

.BI1 .opt-icn,
.Bb1,
.Bc1 .chip-clear-btn {
    height: 17px
}

.BI1 .opt-icn,
.BY1 {
    margin-right: 5px
}

.BJ1 .opt-lbl-wrp,
.Bh1 .chip-wrp,
.Bi1.multi-chip {
    gap: 5px
}

.BK1 .opt-not-found {
    list-style: none;
    margin: 5px;
    text-align: center
}

.BL1 .option {
    border-radius: 9px;
    margin: 2px 5px !important;
    padding: 8px 7px;
    text-align: left;
    transition: background .2s
}

.BM1 .option:focus-visible,
.BN1 .option:hover:not(.selected-opt):not(.opt-group-title),
.Bh1 .chip-wrp {
    background-color: #e6e6e6
}

.BO1 .selected-opt,
.BP1 .selected-opt:focus-visible {
    background-color: #0062ff
}

.BQ1::-webkit-scrollbar {
    width: 8px
}

.Bh1 .chip-wrp,
.Bs1 {
    border-radius: 11px
}

.BS1:not(.active-list) {
    display: none !important
}

.BT1 {
    margin: 5px 5px 0 5px
}

.BU1 {
    max-height: 0;
    min-height: auto
}

.BV1 {
    background: #bfbfbf !important;
    right: 8px
}

.BW1:focus-visible {
    box-shadow: 0 0 0 2px #0062ff
}

.BX1:hover {
    background: grey !important
}

.BY1 {
    background: transparent !important;
    right: 6px
}

.BZ1:focus-visible,
.Bd1 .chip-clear-btn:focus-visible {
    outline: 1.5px solid #0062ff
}

.Ba1:hover,
.Be1 .chip-clear-btn:hover {
    background-color: #d9d9d9 !important
}

.Bc1 .chip-clear-btn {
    background-color: #ccc !important;
    width: 17px
}

.Bc1 .chip-clear-btn,
.Bk1 {
    border: none;
    border-radius: 50%
}

.Bf1 .chip-icn {
    height: 13px;
    width: 13px
}

.Bh1 .chip-wrp {
    padding: 5px 8px
}

.Bi1.multi-chip {
    flex-wrap: wrap
}

.Bj1 {
    gap: 10px
}

.Bk1 {
    color: #999;
    right: 7px
}

.Bl1:focus,
.Bm1:hover {
    color: grey
}

.Bm1:hover {
    background: #e6e6e6
}

.Bn1 {
    height: 15px;
    stroke-width: 2
}

.Bo1 {
    background: rgba(0, 0, 0, .0)
}

.Bp1,
.Br1.deactive {
    height: 0;
    opacity: 0;
    visibility: hidden
}

.Bp1 {
    transition: opacity .4s;
    width: inherit
}

.Bq1.active {
    height: auto;
    margin-top: 10px;
    opacity: 1;
    visibility: visible
}

.Br1.deactive {
    margin-top: 0;
    transition: opacity .4s, visibility 0s ease-out .4s
}

.Bs1 {
    background: #bdffd4e8;
    border-color: #a9ffa3;
    box-shadow: 0 0 0 0 rgb(0 0 0 / 6%);
    padding: 5px 35px 5px 20px;
    word-break: break-all
}

.bf-form-msg,
.bf-form-msg.warning {
    background: #ffe8c3
}

.bf-form-msg {
    border-radius: 6px;
    color: #776f63;
    height: 0;
    margin: 6px 0;
    opacity: 0;
    overflow: hidden;
    padding: 5px 14px;
    transition: all .5s ease-out
}

.bf-form-msg.active {
    height: auto;
    opacity: 1;
    transition: all 1s ease-out
}

.bf-form-msg.error {
    background: #ffd0cb
}

.bf-form-msg.success {
    background: #c5f7dd
}

.bf-spinner {
    animation: bf-rotation 1s linear infinite;
    border-radius: 50%;
    border-right: 2px solid transparent;
    border-top: 2px solid;
    height: 15px;
    margin-left: 5px;
    width: 15px
}

.bit-form .d-none {
    display: none !important
}

.bit-form .v-hide {
    visibility: hidden !important
}

.btcd-fld-itm {
    transition: all .2s ease
}

.fld-hide {
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important
}

@keyframes bf-rotation {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}