@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");

@font-face {
    font-family: 'DroidArabicKufi';
    src: url("../fonts/DroidArabickufi/DroidArabicKufi.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'DroidArabicKufi';
    src: url("../fonts/DroidArabickufi/DroidArabicKufiBold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal
}

:root {
    --gold: #B68A35;
    --red: #D83731;
    --green: #3F8E50;
    --black: #1B1D21;
    --white: #FFFFFF;
    --udp-space: #171A53;
    --tra-blue: #002DC2;
    --ligt-blue: #00ABEB;
    --saffron-yellow: #F8C028;
    --salmon: #FF8561
}


.wizard .wizard-nav {
    border-bottom: 1px solid rgba(27, 29, 33, 0.2)
}

.wizard .wizard-nav .wizard-steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wizard .wizard-nav .wizard-steps .wizard-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wizard .wizard-nav .wizard-steps .wizard-step .wizard-label {
    position: relative;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
    text-align: center
}

.wizard .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon {
    width: 28px;
    height: 28px;
    border: 2px solid rgba(27, 29, 33, 0.2);
    border-radius: 50%;
    padding: 0px;
    color: rgba(27, 29, 33, 0.4)
}

.wizard .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon .svg-icon {
    display: none
}

.wizard .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon:before,
.wizard .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon:after {
    content: '';
    position: absolute;
    top: 14px;
    width: calc(50% - 14px);
    height: 2px;
    background-color: rgba(27, 29, 33, 0.2)
}

.wizard .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon:before {
    right: 0
}

.wizard .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon:after {
    left: 0 
}

.wizard .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
    font-size: 1rem;
    font-weight: 400;
    margin-top: .5rem;
    color: rgba(27, 29, 33, 0.4);
    text-align: right
}

.wizard .wizard-nav .wizard-steps .wizard-step:first-child .wizard-icon:before {
    width: calc((50% - 14px) / 2);
    right: calc((50% - 14px) / 2)
}

.wizard .wizard-nav .wizard-steps .wizard-step:last-child .wizard-icon:after {
    width: calc((50% - 14px) / 2);
    left: calc((50% - -110px) / 2) !important;
}

.wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon,
.wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon {
    background-color: #d1a334;
    border-color: #d1a334;
    color: #ffffff
}

.wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon:before,
.wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon:before {
    background-color: #d1a334
}

.wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-title,
.wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-title {
    color: #d1a334;
    font-weight: 500
}

.wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
    -webkit-box-shadow: 0 0 0 5px rgb(209 163 52 / 39%);
    box-shadow: 0 0 0 5px rgb(209 163 52 / 39%);
}

.wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon:after {
    background-color: #d1a334
}

.wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon>span:first-child {
    display: none
}

.wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .svg-icon {
    display: block;
    padding: 2px 0
}

.wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .svg-icon svg {
    width: 16px !important;
    height: 16px !important
}

.wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon .svg-icon svg path {
    stroke: #fff
}

.wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-title {
    opacity: 0.6
}

.wizard .wizard-content .wizard-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid rgba(27, 29, 33, 0.2)
}

.wizard [data-wizard-type="step-info"] {
    display: none
}

.wizard [data-wizard-type="step-info"][data-wizard-state="current"] {
    display: block
}

.wizard [data-wizard-type="step-content"] {
    display: none
}

.wizard [data-wizard-type="step-content"][data-wizard-state="current"] {
    display: block
}

.wizard [data-wizard-type="action-prev"] {
    display: none
}

.wizard [data-wizard-type="action-next"] {
    display: inline-block
}

.wizard [data-wizard-type="action-submit"] {
    display: none
}

.wizard[data-wizard-state="first"] [data-wizard-type="action-prev"] {
    display: none
}

.wizard[data-wizard-state="first"] [data-wizard-type="action-next"] {
    display: inline-block
}

.wizard[data-wizard-state="first"] [data-wizard-type="action-submit"] {
    display: none
}

.wizard[data-wizard-state="between"] [data-wizard-type="action-prev"] {
    display: inline-block
}

.wizard[data-wizard-state="between"] [data-wizard-type="action-next"] {
    display: inline-block
}

.wizard[data-wizard-state="between"] [data-wizard-type="action-submit"] {
    display: none
}

.wizard[data-wizard-state="last"] [data-wizard-type="action-prev"] {
    display: inline-block
}

.wizard[data-wizard-state="last"] [data-wizard-type="action-next"] {
    display: none
}

.wizard[data-wizard-state="last"] [data-wizard-type="action-submit"] {
    display: inline-block
}

.wizard[data-wizard-clickable="true"] .wizard-step {
    cursor: pointer
}

.wizard.wizard-primary .wizard-step[data-wizard-state="current"] .wizard-icon,
.wizard.wizard-primary .wizard-step[data-wizard-state="done"] .wizard-icon {
    background-color: #d1a334 !important;
    border-color: #d1a334 !important;
    color: #ffffff
}

.wizard.wizard-primary .wizard-step[data-wizard-state="current"] .wizard-icon:before,
.wizard.wizard-primary .wizard-step[data-wizard-state="done"] .wizard-icon:before {
    background-color: #d1a334 !important
}

.wizard.wizard-primary .wizard-step[data-wizard-state="current"] .wizard-title,
.wizard.wizard-primary .wizard-step[data-wizard-state="done"] .wizard-title {
    color: #d1a334 !important;
    font-weight: 500
}

.wizard.wizard-primary .wizard-step[data-wizard-state="current"] .wizard-icon {
    -webkit-box-shadow: 0 0 0 5px rgba(52, 75, 97, 0.2) !important;
    box-shadow: 0 0 0 5px rgba(52, 75, 97, 0.2) !important
}

.wizard.wizard-primary .wizard-step[data-wizard-state="done"] .wizard-icon:after {
    background-color: #d1a334 !important
}

.wizard.wizard-success .wizard-step[data-wizard-state="current"] .wizard-icon,
.wizard.wizard-success .wizard-step[data-wizard-state="done"] .wizard-icon {
    background-color: #3F8E50 !important;
    border-color: #3F8E50 !important;
    color: #ffffff
}

.wizard.wizard-success .wizard-step[data-wizard-state="current"] .wizard-icon:before,
.wizard.wizard-success .wizard-step[data-wizard-state="done"] .wizard-icon:before {
    background-color: #3F8E50 !important
}

.wizard.wizard-success .wizard-step[data-wizard-state="current"] .wizard-title,
.wizard.wizard-success .wizard-step[data-wizard-state="done"] .wizard-title {
    color: #3F8E50 !important;
    font-weight: 500
}

.wizard.wizard-success .wizard-step[data-wizard-state="current"] .wizard-icon {
    -webkit-box-shadow: 0 0 0 5px rgba(63, 142, 80, 0.2) !important;
    box-shadow: 0 0 0 5px rgba(63, 142, 80, 0.2) !important
}

.wizard.wizard-success .wizard-step[data-wizard-state="done"] .wizard-icon:after {
    background-color: #3F8E50 !important
}

.wizard.wizard-warning .wizard-step[data-wizard-state="current"] .wizard-icon,
.wizard.wizard-warning .wizard-step[data-wizard-state="done"] .wizard-icon {
    background-color: #F8C028 !important;
    border-color: #F8C028 !important;
    color: #ffffff
}

.wizard.wizard-warning .wizard-step[data-wizard-state="current"] .wizard-icon:before,
.wizard.wizard-warning .wizard-step[data-wizard-state="done"] .wizard-icon:before {
    background-color: #F8C028 !important
}

.wizard.wizard-warning .wizard-step[data-wizard-state="current"] .wizard-title,
.wizard.wizard-warning .wizard-step[data-wizard-state="done"] .wizard-title {
    color: #F8C028 !important;
    font-weight: 500
}

.wizard.wizard-warning .wizard-step[data-wizard-state="current"] .wizard-icon {
    -webkit-box-shadow: 0 0 0 5px rgba(248, 192, 40, 0.2) !important;
    box-shadow: 0 0 0 5px rgba(248, 192, 40, 0.2) !important
}

.wizard.wizard-warning .wizard-step[data-wizard-state="done"] .wizard-icon:after {
    background-color: #F8C028 !important
}

.wizard.wizard-danger .wizard-step[data-wizard-state="current"] .wizard-icon,
.wizard.wizard-danger .wizard-step[data-wizard-state="done"] .wizard-icon {
    background-color: #D83731 !important;
    border-color: #D83731 !important;
    color: #ffffff
}

.wizard.wizard-danger .wizard-step[data-wizard-state="current"] .wizard-icon:before,
.wizard.wizard-danger .wizard-step[data-wizard-state="done"] .wizard-icon:before {
    background-color: #D83731 !important
}

.wizard.wizard-danger .wizard-step[data-wizard-state="current"] .wizard-title,
.wizard.wizard-danger .wizard-step[data-wizard-state="done"] .wizard-title {
    color: #D83731 !important;
    font-weight: 500
}

.wizard.wizard-danger .wizard-step[data-wizard-state="current"] .wizard-icon {
    -webkit-box-shadow: 0 0 0 5px rgba(216, 55, 49, 0.2) !important;
    box-shadow: 0 0 0 5px rgba(216, 55, 49, 0.2) !important
}

.wizard.wizard-danger .wizard-step[data-wizard-state="done"] .wizard-icon:after {
    background-color: #D83731 !important
}

.wizard.wizard-gold .wizard-step[data-wizard-state="current"] .wizard-icon,
.wizard.wizard-gold .wizard-step[data-wizard-state="done"] .wizard-icon {
    background-color: #B68A35 !important;
    border-color: #B68A35 !important;
    color: #ffffff
}

.wizard.wizard-gold .wizard-step[data-wizard-state="current"] .wizard-icon:before,
.wizard.wizard-gold .wizard-step[data-wizard-state="done"] .wizard-icon:before {
    background-color: #B68A35 !important
}

.wizard.wizard-gold .wizard-step[data-wizard-state="current"] .wizard-title,
.wizard.wizard-gold .wizard-step[data-wizard-state="done"] .wizard-title {
    color: #B68A35 !important;
    font-weight: 500
}

.wizard.wizard-gold .wizard-step[data-wizard-state="current"] .wizard-icon {
    -webkit-box-shadow: 0 0 0 5px rgba(182, 138, 53, 0.2) !important;
    box-shadow: 0 0 0 5px rgba(182, 138, 53, 0.2) !important
}

.wizard.wizard-gold .wizard-step[data-wizard-state="done"] .wizard-icon:after {
    background-color: #B68A35 !important
}

.wizard.wizard-red .wizard-step[data-wizard-state="current"] .wizard-icon,
.wizard.wizard-red .wizard-step[data-wizard-state="done"] .wizard-icon {
    background-color: #D83731 !important;
    border-color: #D83731 !important;
    color: #ffffff
}

.wizard.wizard-red .wizard-step[data-wizard-state="current"] .wizard-icon:before,
.wizard.wizard-red .wizard-step[data-wizard-state="done"] .wizard-icon:before {
    background-color: #D83731 !important
}

.wizard.wizard-red .wizard-step[data-wizard-state="current"] .wizard-title,
.wizard.wizard-red .wizard-step[data-wizard-state="done"] .wizard-title {
    color: #D83731 !important;
    font-weight: 500
}

.wizard.wizard-red .wizard-step[data-wizard-state="current"] .wizard-icon {
    -webkit-box-shadow: 0 0 0 5px rgba(216, 55, 49, 0.2) !important;
    box-shadow: 0 0 0 5px rgba(216, 55, 49, 0.2) !important
}

.wizard.wizard-red .wizard-step[data-wizard-state="done"] .wizard-icon:after {
    background-color: #D83731 !important
}

.wizard.wizard-green .wizard-step[data-wizard-state="current"] .wizard-icon,
.wizard.wizard-green .wizard-step[data-wizard-state="done"] .wizard-icon {
    background-color: #3F8E50 !important;
    border-color: #3F8E50 !important;
    color: #ffffff
}

.wizard.wizard-green .wizard-step[data-wizard-state="current"] .wizard-icon:before,
.wizard.wizard-green .wizard-step[data-wizard-state="done"] .wizard-icon:before {
    background-color: #3F8E50 !important
}

.wizard.wizard-green .wizard-step[data-wizard-state="current"] .wizard-title,
.wizard.wizard-green .wizard-step[data-wizard-state="done"] .wizard-title {
    color: #3F8E50 !important;
    font-weight: 500
}

.wizard.wizard-green .wizard-step[data-wizard-state="current"] .wizard-icon {
    -webkit-box-shadow: 0 0 0 5px rgba(63, 142, 80, 0.2) !important;
    box-shadow: 0 0 0 5px rgba(63, 142, 80, 0.2) !important
}

.wizard.wizard-green .wizard-step[data-wizard-state="done"] .wizard-icon:after {
    background-color: #3F8E50 !important
}

.wizard.wizard-black .wizard-step[data-wizard-state="current"] .wizard-icon,
.wizard.wizard-black .wizard-step[data-wizard-state="done"] .wizard-icon {
    background-color: #1B1D21 !important;
    border-color: #1B1D21 !important;
    color: #ffffff
}

.wizard.wizard-black .wizard-step[data-wizard-state="current"] .wizard-icon:before,
.wizard.wizard-black .wizard-step[data-wizard-state="done"] .wizard-icon:before {
    background-color: #1B1D21 !important
}

.wizard.wizard-black .wizard-step[data-wizard-state="current"] .wizard-title,
.wizard.wizard-black .wizard-step[data-wizard-state="done"] .wizard-title {
    color: #1B1D21 !important;
    font-weight: 500
}

.wizard.wizard-black .wizard-step[data-wizard-state="current"] .wizard-icon {
    -webkit-box-shadow: 0 0 0 5px rgba(27, 29, 33, 0.2) !important;
    box-shadow: 0 0 0 5px rgba(27, 29, 33, 0.2) !important
}

.wizard.wizard-black .wizard-step[data-wizard-state="done"] .wizard-icon:after {
    background-color: #1B1D21 !important
}

.wizard.wizard-udp-space .wizard-step[data-wizard-state="current"] .wizard-icon,
.wizard.wizard-udp-space .wizard-step[data-wizard-state="done"] .wizard-icon {
    background-color: #171A53 !important;
    border-color: #171A53 !important;
    color: #ffffff
}

.wizard.wizard-udp-space .wizard-step[data-wizard-state="current"] .wizard-icon:before,
.wizard.wizard-udp-space .wizard-step[data-wizard-state="done"] .wizard-icon:before {
    background-color: #171A53 !important
}

.wizard.wizard-udp-space .wizard-step[data-wizard-state="current"] .wizard-title,
.wizard.wizard-udp-space .wizard-step[data-wizard-state="done"] .wizard-title {
    color: #171A53 !important;
    font-weight: 500
}

.wizard.wizard-udp-space .wizard-step[data-wizard-state="current"] .wizard-icon {
    -webkit-box-shadow: 0 0 0 5px rgba(23, 26, 83, 0.2) !important;
    box-shadow: 0 0 0 5px rgba(23, 26, 83, 0.2) !important
}

.wizard.wizard-udp-space .wizard-step[data-wizard-state="done"] .wizard-icon:after {
    background-color: #171A53 !important
}

.wizard.wizard-tra-blue .wizard-step[data-wizard-state="current"] .wizard-icon,
.wizard.wizard-tra-blue .wizard-step[data-wizard-state="done"] .wizard-icon {
    background-color: #002DC2 !important;
    border-color: #002DC2 !important;
    color: #ffffff
}

.wizard.wizard-tra-blue .wizard-step[data-wizard-state="current"] .wizard-icon:before,
.wizard.wizard-tra-blue .wizard-step[data-wizard-state="done"] .wizard-icon:before {
    background-color: #002DC2 !important
}

.wizard.wizard-tra-blue .wizard-step[data-wizard-state="current"] .wizard-title,
.wizard.wizard-tra-blue .wizard-step[data-wizard-state="done"] .wizard-title {
    color: #002DC2 !important;
    font-weight: 500
}

.wizard.wizard-tra-blue .wizard-step[data-wizard-state="current"] .wizard-icon {
    -webkit-box-shadow: 0 0 0 5px rgba(0, 45, 194, 0.2) !important;
    box-shadow: 0 0 0 5px rgba(0, 45, 194, 0.2) !important
}

.wizard.wizard-tra-blue .wizard-step[data-wizard-state="done"] .wizard-icon:after {
    background-color: #002DC2 !important
}

.wizard.wizard-light-blue .wizard-step[data-wizard-state="current"] .wizard-icon,
.wizard.wizard-light-blue .wizard-step[data-wizard-state="done"] .wizard-icon {
    background-color: #00ABEB !important;
    border-color: #00ABEB !important;
    color: #ffffff
}

.wizard.wizard-light-blue .wizard-step[data-wizard-state="current"] .wizard-icon:before,
.wizard.wizard-light-blue .wizard-step[data-wizard-state="done"] .wizard-icon:before {
    background-color: #00ABEB !important
}

.wizard.wizard-light-blue .wizard-step[data-wizard-state="current"] .wizard-title,
.wizard.wizard-light-blue .wizard-step[data-wizard-state="done"] .wizard-title {
    color: #00ABEB !important;
    font-weight: 500
}

.wizard.wizard-light-blue .wizard-step[data-wizard-state="current"] .wizard-icon {
    -webkit-box-shadow: 0 0 0 5px rgba(0, 171, 235, 0.2) !important;
    box-shadow: 0 0 0 5px rgba(0, 171, 235, 0.2) !important
}

.wizard.wizard-light-blue .wizard-step[data-wizard-state="done"] .wizard-icon:after {
    background-color: #00ABEB !important
}

.wizard.wizard-saffron-yellow .wizard-step[data-wizard-state="current"] .wizard-icon,
.wizard.wizard-saffron-yellow .wizard-step[data-wizard-state="done"] .wizard-icon {
    background-color: #F8C028 !important;
    border-color: #F8C028 !important;
    color: #ffffff
}

.wizard.wizard-saffron-yellow .wizard-step[data-wizard-state="current"] .wizard-icon:before,
.wizard.wizard-saffron-yellow .wizard-step[data-wizard-state="done"] .wizard-icon:before {
    background-color: #F8C028 !important
}

.wizard.wizard-saffron-yellow .wizard-step[data-wizard-state="current"] .wizard-title,
.wizard.wizard-saffron-yellow .wizard-step[data-wizard-state="done"] .wizard-title {
    color: #F8C028 !important;
    font-weight: 500
}

.wizard.wizard-saffron-yellow .wizard-step[data-wizard-state="current"] .wizard-icon {
    -webkit-box-shadow: 0 0 0 5px rgba(248, 192, 40, 0.2) !important;
    box-shadow: 0 0 0 5px rgba(248, 192, 40, 0.2) !important
}

.wizard.wizard-saffron-yellow .wizard-step[data-wizard-state="done"] .wizard-icon:after {
    background-color: #F8C028 !important
}

.wizard.wizard-salmon .wizard-step[data-wizard-state="current"] .wizard-icon,
.wizard.wizard-salmon .wizard-step[data-wizard-state="done"] .wizard-icon {
    background-color: #FF8561 !important;
    border-color: #FF8561 !important;
    color: #ffffff
}

.wizard.wizard-salmon .wizard-step[data-wizard-state="current"] .wizard-icon:before,
.wizard.wizard-salmon .wizard-step[data-wizard-state="done"] .wizard-icon:before {
    background-color: #FF8561 !important
}

.wizard.wizard-salmon .wizard-step[data-wizard-state="current"] .wizard-title,
.wizard.wizard-salmon .wizard-step[data-wizard-state="done"] .wizard-title {
    color: #FF8561 !important;
    font-weight: 500
}

.wizard.wizard-salmon .wizard-step[data-wizard-state="current"] .wizard-icon {
    -webkit-box-shadow: 0 0 0 5px rgba(255, 133, 97, 0.2) !important;
    box-shadow: 0 0 0 5px rgba(255, 133, 97, 0.2) !important
}

.wizard.wizard-salmon .wizard-step[data-wizard-state="done"] .wizard-icon:after {
    background-color: #FF8561 !important
}

.wizard.wizard-vertical .wizard-nav .wizard-steps {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.wizard.wizard-vertical .wizard-nav .wizard-steps .wizard-step {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wizard.wizard-vertical .wizard-nav .wizard-steps .wizard-step .wizard-label {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.5rem 0 !important
}

.wizard.wizard-vertical .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon {
    margin-left: 1.25rem
}

.wizard.wizard-vertical .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon:before,
.wizard.wizard-vertical .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon:after {
    width: 2px !important;
    height: calc(50% - 14px) !important;
    right: 14px
}

.wizard.wizard-vertical .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon:before {
    top: 0
}

.wizard.wizard-vertical .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon:after {
    bottom: 0;
    top: auto
}

@media (max-width: 599.98px) {
    .wizard .wizard-nav .wizard-steps {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .wizard .wizard-nav .wizard-steps .wizard-step {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .wizard .wizard-nav .wizard-steps .wizard-step .wizard-label {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 0;
        padding-left: 0
    }

    .wizard .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon {
        margin-left: 1.25rem
    }

    .wizard .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon:before,
    .wizard .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon:after {
        width: 2px !important;
        height: calc(50% - 14px) !important;
        right: 33px
    }

    .wizard .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon:before {
        top: 0
    }

    .wizard .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon:after {
        bottom: 0;
        top: auto
    }
}


.form-label {
    margin-bottom: .375rem;
    font-size: .88rem;
    font-weight: 400;
    color: rgba(27, 29, 33, 0.72)
}

.form-label.form-label-sm {
    font-size: .88rem
}

.form-label.form-label-lg {
    font-size: .94rem
}

.col-form-label {
    padding-top: calc(.65rem + 1px);
    padding-bottom: calc(.65rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
    color: rgba(27, 29, 33, 0.72)
}

.col-form-label-sm {
    padding-top: calc(.44rem + 1px);
    padding-bottom: calc(.44rem + 1px);
    font-size: .875rem
}

.col-form-label-lg {
    padding-top: calc(1rem + 1px);
    padding-bottom: calc(1rem + 1px);
    font-size: 1.125rem
}

.form-control {
    display: block;
    width: 100%;
    padding: .65rem 1rem;
    font-size: calc(1rem + 1px);
    font-weight: 400;
    line-height: 1.5;
    color: rgba(27, 29, 33, 0.72);
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid rgba(27, 29, 33, 0.32);
    border-radius: .42rem;
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease
}

.form-control i {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease
}

.form-control:hover:not(.btn-text),
.form-control:focus:not(.btn-text),
.form-control.focus {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease
}

.form-control:hover:not(.btn-text) i,
.form-control:focus:not(.btn-text) i,
.form-control.focus i {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease
}

.form-control.disabled,
.form-control:disabled {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease
}

.form-control.disabled i,
.form-control:disabled i {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease
}

.form-control:not(:disabled):not(.disabled):active:not(.btn-text),
.form-control:not(:disabled):not(.disabled).active,
.show>.form-control.dropdown-toggle {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease
}

.form-control:not(:disabled):not(.disabled):active:not(.btn-text) i,
.form-control:not(:disabled):not(.disabled).active i,
.show>.form-control.dropdown-toggle i {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease
}

.form-control[reedonly] {
    opacity: 0.54
}

.form-control:hover {
    border-color: #1B1D21
}

.form-control:active,
.form-control.active,
.form-control:focus,
.form-control.focus {
    border-color: #344b61;
    outline: 0;
    color: #1B1D21
}

.form-control.form-control-secondary {
    background-color: rgba(27, 29, 33, 0.1);
    border-color: rgba(27, 29, 33, 0.1);
    color: #1B1D21;
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease
}

.form-control.form-control-secondary::-moz-placeholder {
    color: #1B1D21;
    opacity: 1
}

.form-control.form-control-secondary:-ms-input-placeholder {
    color: #1B1D21
}

.form-control.form-control-secondary::-webkit-input-placeholder {
    color: #1B1D21
}

.form-control.form-control-secondary:hover {
    background-color: rgba(27, 29, 33, 0.16)
}

.form-control.form-control-secondary:active,
.form-control.form-control-secondary.active,
.form-control.form-control-secondary:focus,
.form-control.form-control-secondary.focus {
    background-color: rgba(52, 75, 97, 0.05);
    border-color: #344b61;
    color: #1B1D21;
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease
}

.form-control.form-control-secondary:visited {
    background-color: rgba(27, 29, 33, 0.07)
}

.form-group {
    margin-bottom: 1.2rem
}

.form-group:focus-within .form-label {
    color: #344b61
}

.disabled {
    opacity: 0.54
}

.disabled .form-control {
    cursor: not-allowed
}

.disabled .form-control:hover,
.disabled .form-control:active,
.disabled .form-control.active,
.disabled .form-control:focus,
.disabled .form-control.focus {
    border-color: rgba(27, 29, 33, 0.32)
}

.disabled .form-control.form-control-secondary:hover,
.disabled .form-control.form-control-secondary:active,
.disabled .form-control.form-control-secondary.active,
.disabled .form-control.form-control-secondary:focus,
.disabled .form-control.form-control-secondary.focus {
    background-color: rgba(27, 29, 33, 0.1);
    border-color: rgba(27, 29, 33, 0.1)
}

.form-control-sm {
    padding: .44rem .85rem;
    font-size: 1rem;
    font-weight: 400
}

.form-control-lg {
    padding: 1rem 1.5rem;
    font-size: 1.125rem;
    font-weight: 400
}

.validation-feedback {
    margin-top: .5rem;
    font-size: .9rem;
    font-weight: 400;
    color: rgba(27, 29, 33, 0.54);
    display: none
}

.form-text-helper {
    margin-top: .5rem;
    font-size: .9rem;
    font-weight: 400;
    color: rgba(27, 29, 33, 0.54)
}

.form-text-helper.form-text-helper-sm {
    font-size: .88rem
}

.form-text-helper.form-text-helper-lg {
    font-size: .94rem
}

.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: #3F8E50;
    padding-left: calc(1.5em + 1.3rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%233F8E50' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left calc(.375em + .325rem) center;
    background-size: calc(.75em + .65rem) calc(.75em + .65rem)
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
    border-color: #3F8E50
}

.was-validated .form-control:valid:invalid,
.was-validated .form-control:valid.is-invalid,
.was-validated .form-control:valid:valid,
.was-validated .form-control:valid.is-valid,
.form-control.is-valid:invalid,
.form-control.is-valid.is-invalid,
.form-control.is-valid:valid,
.form-control.is-valid.is-valid {
    color: #1B1D21
}

.was-validated .form-control:valid:invalid+.validation-feedback,
.was-validated .form-control:valid.is-invalid+.validation-feedback,
.form-control.is-valid:invalid+.validation-feedback,
.form-control.is-valid.is-invalid+.validation-feedback {
    display: block;
    color: #D83731
}

.was-validated .form-control:valid:valid+.validation-feedback,
.was-validated .form-control:valid.is-valid+.validation-feedback,
.form-control.is-valid:valid+.validation-feedback,
.form-control.is-valid.is-valid+.validation-feedback {
    display: block;
    color: #3F8E50
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: #D83731;
    padding-left: calc(1.5em + 1.3rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23D83731'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23D83731' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left calc(.375em + .325rem) center;
    background-size: calc(.75em + .65rem) calc(.75em + .65rem)
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
    border-color: #D83731
}

.was-validated .form-control:invalid:invalid,
.was-validated .form-control:invalid.is-invalid,
.was-validated .form-control:invalid:valid,
.was-validated .form-control:invalid.is-valid,
.form-control.is-invalid:invalid,
.form-control.is-invalid.is-invalid,
.form-control.is-invalid:valid,
.form-control.is-invalid.is-valid {
    color: #1B1D21
}

.was-validated .form-control:invalid:invalid+.validation-feedback,
.was-validated .form-control:invalid.is-invalid+.validation-feedback,
.form-control.is-invalid:invalid+.validation-feedback,
.form-control.is-invalid.is-invalid+.validation-feedback {
    display: block;
    color: #D83731
}

.was-validated .form-control:invalid:valid+.validation-feedback,
.was-validated .form-control:invalid.is-valid+.validation-feedback,
.form-control.is-invalid:valid+.validation-feedback,
.form-control.is-invalid.is-valid+.validation-feedback {
    display: block;
    color: #3F8E50
}

.checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    text-align: right;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 400;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 0
}

.checkbox>span {
    background-color: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: .28rem;
    margin-left: 1.25rem;
    border: 1px solid rgba(27, 29, 33, 0.32)
}

.checkbox>span:after {
    content: '';
    border-color: transparent;
    border-style: solid;
    border-width: 0 2px 2px 0 !important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -2px
}

.checkbox>input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.checkbox:hover>input:not([disabled])~span,
.checkbox>input:focus~span {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.checkbox>input:checked~span {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: none
}

.checkbox>input:checked~span:after {
    display: block
}

.checkbox.checkbox-disabled {
    opacity: 0.54;
    cursor: not-allowed
}

.checkbox>span {
    height: 1.25rem;
    width: 1.25rem;
    margin-left: 1.25rem
}

.checkbox>span:after {
    width: .25rem;
    height: .5rem
}

.checkbox.checkbox-lg>span {
    height: 1.5rem;
    width: 1.5rem;
    margin-left: 1.5rem
}

.checkbox.checkbox-lg>span:after {
    width: .3125rem;
    height: .625rem
}

.checkbox {
    margin-bottom: 1rem
}

.checkbox>span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.checkbox>input:focus~span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.checkbox>input:checked~span {
    background-color: #344b61;
    border-color: #344b61
}

.checkbox>input:checked~span:after {
    border-color: #fff
}

.checkbox.checkbox-primary>span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.checkbox.checkbox-primary>input:focus~span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.checkbox.checkbox-primary>input:checked~span {
    background-color: #344b61;
    border-color: #344b61
}

.checkbox.checkbox-primary>input:checked~span:after {
    border-color: #fff
}

.checkbox.checkbox-success>span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.checkbox.checkbox-success>input:focus~span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.checkbox.checkbox-success>input:checked~span {
    background-color: #3F8E50;
    border-color: #3F8E50
}

.checkbox.checkbox-success>input:checked~span:after {
    border-color: #fff
}

.checkbox.checkbox-warning>span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.checkbox.checkbox-warning>input:focus~span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.checkbox.checkbox-warning>input:checked~span {
    background-color: #F8C028;
    border-color: #F8C028
}

.checkbox.checkbox-warning>input:checked~span:after {
    border-color: #fff
}

.checkbox.checkbox-danger>span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.checkbox.checkbox-danger>input:focus~span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.checkbox.checkbox-danger>input:checked~span {
    background-color: #D83731;
    border-color: #D83731
}

.checkbox.checkbox-danger>input:checked~span:after {
    border-color: #fff
}

.checkbox.checkbox-gold>span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.checkbox.checkbox-gold>input:focus~span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.checkbox.checkbox-gold>input:checked~span {
    background-color: #B68A35;
    border-color: #B68A35
}

.checkbox.checkbox-gold>input:checked~span:after {
    border-color: #fff
}

.checkbox.checkbox-red>span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.checkbox.checkbox-red>input:focus~span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.checkbox.checkbox-red>input:checked~span {
    background-color: #D83731;
    border-color: #D83731
}

.checkbox.checkbox-red>input:checked~span:after {
    border-color: #fff
}

.checkbox.checkbox-green>span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.checkbox.checkbox-green>input:focus~span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.checkbox.checkbox-green>input:checked~span {
    background-color: #3F8E50;
    border-color: #3F8E50
}

.checkbox.checkbox-green>input:checked~span:after {
    border-color: #fff
}

.checkbox.checkbox-black>span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.checkbox.checkbox-black>input:focus~span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.checkbox.checkbox-black>input:checked~span {
    background-color: #1B1D21;
    border-color: #1B1D21
}

.checkbox.checkbox-black>input:checked~span:after {
    border-color: #fff
}

.checkbox.checkbox-udp-space>span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.checkbox.checkbox-udp-space>input:focus~span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.checkbox.checkbox-udp-space>input:checked~span {
    background-color: #171A53;
    border-color: #171A53
}

.checkbox.checkbox-udp-space>input:checked~span:after {
    border-color: #fff
}

.checkbox.checkbox-tra-blue>span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.checkbox.checkbox-tra-blue>input:focus~span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.checkbox.checkbox-tra-blue>input:checked~span {
    background-color: #002DC2;
    border-color: #002DC2
}

.checkbox.checkbox-tra-blue>input:checked~span:after {
    border-color: #fff
}

.checkbox.checkbox-light-blue>span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.checkbox.checkbox-light-blue>input:focus~span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.checkbox.checkbox-light-blue>input:checked~span {
    background-color: #00ABEB;
    border-color: #00ABEB
}

.checkbox.checkbox-light-blue>input:checked~span:after {
    border-color: #fff
}

.checkbox.checkbox-saffron-yellow>span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.checkbox.checkbox-saffron-yellow>input:focus~span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.checkbox.checkbox-saffron-yellow>input:checked~span {
    background-color: #F8C028;
    border-color: #F8C028
}

.checkbox.checkbox-saffron-yellow>input:checked~span:after {
    border-color: #fff
}

.checkbox.checkbox-salmon>span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.checkbox.checkbox-salmon>input:focus~span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.checkbox.checkbox-salmon>input:checked~span {
    background-color: #FF8561;
    border-color: #FF8561
}

.checkbox.checkbox-salmon>input:checked~span:after {
    border-color: #fff
}

.radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    text-align: right;
    cursor: pointer;
    font-size: 1rem;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 0
}

.radio>span {
    background-color: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 50%;
    margin-left: 1.25rem;
    border: 1px solid rgba(27, 29, 33, 0.32)
}

.radio>span:after {
    content: '';
    display: none;
    width: .75rem;
    height: .75rem;
    border-radius: 100% !important
}

.radio>input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.radio:hover>input:not([disabled])~span,
.radio>input:focus~span {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.radio>input:checked~span {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: none
}

.radio>input:checked~span:after {
    display: block
}

.radio.radio-disabled {
    opacity: 0.54;
    cursor: not-allowed
}

.radio>span {
    height: 1.25rem;
    width: 1.25rem;
    margin-left: 1.25rem
}

.radio>span:after {
    width: .75rem;
    height: .75rem
}

.radio.radio-lg>span {
    height: 1.5rem;
    width: 1.5rem;
    margin-left: 1.5rem
}

.radio.radio-lg>span:after {
    width: 1rem;
    height: 1rem
}

.radio {
    margin-bottom: 1rem
}

.radio>span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.radio>input:focus~span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.radio>input:checked~span {
    background-color: transparent;
    border-color: #344b61
}

.radio>input:checked~span:after {
    background-color: #344b61;
    border-color: #344b61
}

.radio.radio-primary>span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.radio.radio-primary>input:focus~span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.radio.radio-primary>input:checked~span {
    background-color: transparent;
    border-color: #344b61
}

.radio.radio-primary>input:checked~span:after {
    background-color: #344b61;
    border-color: #344b61
}

.radio.radio-success>span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.radio.radio-success>input:focus~span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.radio.radio-success>input:checked~span {
    background-color: transparent;
    border-color: #3F8E50
}

.radio.radio-success>input:checked~span:after {
    background-color: #3F8E50;
    border-color: #3F8E50
}

.radio.radio-warning>span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.radio.radio-warning>input:focus~span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.radio.radio-warning>input:checked~span {
    background-color: transparent;
    border-color: #F8C028
}

.radio.radio-warning>input:checked~span:after {
    background-color: #F8C028;
    border-color: #F8C028
}

.radio.radio-danger>span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.radio.radio-danger>input:focus~span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.radio.radio-danger>input:checked~span {
    background-color: transparent;
    border-color: #D83731
}

.radio.radio-danger>input:checked~span:after {
    background-color: #D83731;
    border-color: #D83731
}

.radio.radio-gold>span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.radio.radio-gold>input:focus~span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.radio.radio-gold>input:checked~span {
    background-color: transparent;
    border-color: #B68A35
}

.radio.radio-gold>input:checked~span:after {
    background-color: #B68A35;
    border-color: #B68A35
}

.radio.radio-red>span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.radio.radio-red>input:focus~span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.radio.radio-red>input:checked~span {
    background-color: transparent;
    border-color: #D83731
}

.radio.radio-red>input:checked~span:after {
    background-color: #D83731;
    border-color: #D83731
}

.radio.radio-green>span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.radio.radio-green>input:focus~span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.radio.radio-green>input:checked~span {
    background-color: transparent;
    border-color: #3F8E50
}

.radio.radio-green>input:checked~span:after {
    background-color: #3F8E50;
    border-color: #3F8E50
}

.radio.radio-black>span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.radio.radio-black>input:focus~span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.radio.radio-black>input:checked~span {
    background-color: transparent;
    border-color: #1B1D21
}

.radio.radio-black>input:checked~span:after {
    background-color: #1B1D21;
    border-color: #1B1D21
}

.radio.radio-udp-space>span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.radio.radio-udp-space>input:focus~span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.radio.radio-udp-space>input:checked~span {
    background-color: transparent;
    border-color: #171A53
}

.radio.radio-udp-space>input:checked~span:after {
    background-color: #171A53;
    border-color: #171A53
}

.radio.radio-tra-blue>span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.radio.radio-tra-blue>input:focus~span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.radio.radio-tra-blue>input:checked~span {
    background-color: transparent;
    border-color: #002DC2
}

.radio.radio-tra-blue>input:checked~span:after {
    background-color: #002DC2;
    border-color: #002DC2
}

.radio.radio-light-blue>span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.radio.radio-light-blue>input:focus~span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.radio.radio-light-blue>input:checked~span {
    background-color: transparent;
    border-color: #00ABEB
}

.radio.radio-light-blue>input:checked~span:after {
    background-color: #00ABEB;
    border-color: #00ABEB
}

.radio.radio-saffron-yellow>span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.radio.radio-saffron-yellow>input:focus~span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.radio.radio-saffron-yellow>input:checked~span {
    background-color: transparent;
    border-color: #F8C028
}

.radio.radio-saffron-yellow>input:checked~span:after {
    background-color: #F8C028;
    border-color: #F8C028
}

.radio.radio-salmon>span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.radio.radio-salmon>input:focus~span {
    background-color: transparent;
    border-color: rgba(27, 29, 33, 0.32)
}

.radio.radio-salmon>input:checked~span {
    background-color: transparent;
    border-color: #FF8561
}

.radio.radio-salmon>input:checked~span:after {
    background-color: #FF8561;
    border-color: #FF8561
}

.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group .input-group-prepend,
.input-group .input-group-append {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.input-group .input-group-prepend {
    margin-left: -1px
}

.input-group .form-control.is-valid+.input-group-append,
.input-group .form-control.is-invalid+.input-group-append {
    margin-right: 0
}

.input-group .input-group-prepend+.form-control.is-valid,
.input-group .input-group-prepend+.form-control.is-invalid {
    margin-right: 1px
}

.input-group i {
    line-height: 0;
    font-size: 1.3rem
}

.input-group i:after,
.input-group i:before {
    line-height: 0
}

.input-group .svg-icon {
    line-height: 0;
    margin: 0
}

.input-group.input-group-sm i {
    line-height: 0;
    font-size: 1rem
}

.input-group.input-group-lg i {
    line-height: 0;
    font-size: 1.4rem
}

.input-group.input-group-secondary {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: .42rem
}

.input-group.input-group-secondary.active,
.input-group.input-group-secondary.focus {
    background-color: #1B1D21;
    border-color: #344b61;
    color: #1B1D21;
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease
}

.input-group.input-group-secondary.input-group-sm {
    border-radius: .28rem
}

.input-group.input-group-secondary.input-group-lg {
    border-radius: .42rem
}

.input-group.input-group-secondary .input-group-prepend,
.input-group.input-group-secondary .input-group-append,
.input-group.input-group-secondary .input-group-text {
    border-color: rgba(27, 29, 33, 0.1);
    padding-top: 0;
    padding-bottom: 0
}

.input-group.input-group-secondary .input-group-prepend .btn-secondary,
.input-group.input-group-secondary .input-group-append .btn-secondary,
.input-group.input-group-secondary .input-group-text .btn-secondary {
    border: 0 !important
}

.input-group.input-group-secondary .input-group-prepend~.form-control {
    padding-right: 0 !important
}

.input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .65rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #1B1D21;
    text-align: center;
    white-space: nowrap;
    background-color: #e8e8e9;
    border: 1px solid rgba(27, 29, 33, 0.32);
    border-radius: .42rem
}

.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-prepend>.input-group-text,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.btn {
    padding: calc(1rem + -2px) 1.5rem;
    font-size: 1.125rem;
    border-radius: .42rem
}

.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-prepend>.input-group-text,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.btn {
    padding: calc(.44rem + 2px) .85rem;
    font-size: .875rem;
    border-radius: .28rem
}

.input-group>.input-group-prepend>.dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin: 0
}

.input-group>.input-group-append>.dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0
}

.input-group>:not(:first-child):not(.dropdown-menu) {
    margin-right: -1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>:not(:last-child):not(.dropdown-menu) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.input-group-prepend>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.input-group-append>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #1B1D21;
    text-align: right;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(27, 29, 33, 0.34);
    border-radius: .42rem;
    -webkit-box-shadow: 0 0.375rem 0.75rem rgba(27, 29, 33, 0.16);
    box-shadow: 0 0.375rem 0.75rem rgba(27, 29, 33, 0.16)
}

.dropdown-menu[data-bs-popper] {
    right: 0;
    margin-top: .125rem
}

.dropdown-menu.show {
    display: block
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #1B1D21;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #1B1D21;
    background-color: rgba(27, 29, 33, 0.2)
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #344b61
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #1B1D21;
    pointer-events: none;
    background-color: transparent
}

.dropup,
.dropend,
.dropdown,
.dropstart {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-left: .3em solid transparent;
    border-bottom: 0;
    border-right: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-right: 0
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-left: .3em solid transparent;
    border-bottom: .3em solid;
    border-right: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-right: 0
}

.dropend .dropdown-menu {
    top: 0;
    left: auto;
    right: 100%
}

.dropend .dropdown-menu[data-bs-popper] {
    margin-top: 0;
    margin-right: .125rem
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-left: 0;
    border-bottom: .3em solid transparent;
    border-right: .3em solid
}

.dropend .dropdown-toggle:empty::after {
    margin-right: 0
}

.dropend .dropdown-toggle::after {
    vertical-align: 0
}

.dropstart .dropdown-menu {
    top: 0;
    left: 100%;
    right: auto
}

.dropstart .dropdown-menu[data-bs-popper] {
    margin-top: 0;
    margin-left: .125rem
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: ""
}

.dropstart .dropdown-toggle::after {
    display: none
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-left: .3em solid;
    border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty::after {
    margin-right: 0
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0
}



.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-prepend>.input-group-text,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.btn {
    padding: calc(1rem + -2px) 1.5rem;
    font-size: 1.125rem;
    border-radius: .42rem
}

.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-prepend>.input-group-text,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.btn {
    padding: calc(.44rem + 2px) .85rem;
    font-size: .875rem;
    border-radius: .28rem
}