.btn-userOnboarding {
    font-size: 15px;
    font-weight: 700;
    color: white;
    background-color:  #001129;;
    border-color:  #001129;;
}

.btn-userOnboarding:hover {
    color: white;
    background-color:  #002A64;
    border-color:  #002A64;
}

.btn-userOnboarding:focus,
.btn-userOnboarding.focus {
    /* box-shadow: 0 0 0 .2rem rgba(91, 194, 194, 0.5) */
}

.btn-userOnboarding.disabled,
.btn-userOnboarding:disabled {
    color: #212529;
    background-color: #7cc;
    border-color: #5bc2c2
}

.btn-userOnboarding:not(:disabled):not(.disabled):active,
.btn-userOnboarding:not(:disabled):not(.disabled).active,
.show>.btn-userOnboarding.dropdown-toggle {
    color: white;
    background-color:  #3828a8;
    border-color:  #3828a8;
}

.btn-userOnboarding:not(:disabled):not(.disabled):active:focus,
.btn-userOnboarding:not(:disabled):not(.disabled).active:focus,
.show>.btn-userOnboarding.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(91, 194, 194, 0.5)
}

.btn-outline-userOnboarding {
    color: #7cc;
    background-color: transparent;
    background-image: none;
    border-color: #7cc
}

.btn-outline-userOnboarding:hover {
    color: #222;
    background-color: #8ad3d3;
    border-color: #7cc
}

.btn-outline-userOnboarding:focus,
.btn-outline-userOnboarding.focus {
    box-shadow: 0 0 0 .2rem rgba(119, 204, 204, 0.5)
}

.btn-outline-userOnboarding.disabled,
.btn-outline-userOnboarding:disabled {
    color: #7cc;
    background-color: transparent
}

.btn-outline-userOnboarding:not(:disabled):not(.disabled):active,
.btn-outline-userOnboarding:not(:disabled):not(.disabled).active,
.show>.btn-outline-userOnboarding.dropdown-toggle {
    color: #212529;
    background-color: #8ad3d3;
    border-color: #7cc
}

.btn-outline-userOnboarding:not(:disabled):not(.disabled):active:focus,
.btn-outline-userOnboarding:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-userOnboarding.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(119, 204, 204, 0.5)
}

.onboarding-progress-trigger {
    position: fixed;
    top: 348px;
    left: 14px;
    z-index: 1110;
    width: calc(var(--gnb-sidebar, 204px) - 28px);
    min-height: 48px;
    padding: 8px 10px;
    border: 1px solid rgba(142,185,255,.13);
    border-radius: 7px;
    background: rgba(11,33,61,.82);
    color: #e8edf5;
    cursor: pointer;
    text-align: left;
    box-shadow: none;
}

.onboarding-progress-trigger:hover,
.onboarding-progress-trigger:focus {
    background: rgba(16,41,67,.94);
    border-color: rgba(142,185,255,.24);
}

.onboarding-progress-trigger:hover .onboarding-progress-value,
.onboarding-progress-trigger:focus .onboarding-progress-value {
    background-color: #4f8df7;
}

.onboarding-progress-trigger:focus {
    outline: none;
}

.onboarding-progress-trigger:focus-visible {
    box-shadow: 0 0 0 3px rgba(70, 215, 255, 0.18);
}

.onboarding-progress-copy {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 7px;
}

.onboarding-progress-label {
    font-size: 13px;
    font-weight: 650;
    line-height: 1;
    color: #9fb0c6;
}

.onboarding-progress-percent {
    display: block;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    color: #ffffff;
}

.onboarding-progress-track {
    display: block;
    width: 100%;
    height: 4px;
    margin: 0;
    border-radius: 999px;
    background-color: rgba(130,152,180,.26);
    overflow: hidden;
}

.onboarding-progress-value {
    display: block;
    height: 100%;
    border-radius: 999px;
    background-color: #2f75e8;
}

/* The progress belongs to the navigation rail, not the entity page header.
   Subscription warnings no longer push it horizontally across the workspace. */
body.onboarding-progress-has-menu-warning .onboarding-progress-trigger {
    left: 14px;
    right: auto;
}

@media (max-width: 991px) {
    .onboarding-progress-trigger,
    body.onboarding-progress-has-menu-warning .onboarding-progress-trigger {
        top: 72px;
        left: auto;
        right: 18px;
        width: 124px;
        min-height: 42px;
        padding: 7px 9px;
        background: #ffffff;
        border-color: #dce5f0;
        color: #001129;
        box-shadow: 0 4px 14px rgba(15, 34, 64, .08);
    }

    .onboarding-progress-label { color: #64748b; }
    .onboarding-progress-percent { color: #001129; }
    .onboarding-progress-track { background-color: #e6eaf2; }
    .onboarding-progress-value { background-color: #0064ed; }
}

.progress.bgrColorChanged{
    background-color:rgba(0, 0, 0, 0.1)
}
.progress-bar.bgrColorChanged2{
    background-color:white;
}
/* once inside modal */
.progress.bgrColorChanged3{
    border-radius: 40px;
    background-color:#3047ec
}


.checkMark{
    color:#8391f4;
    font-size: 26px;
}
.lockot{
    color:#8391f4;
    font-size: 26px;
}
.circleIconStyle{
    color:#3047ec;
    font-size: 26px;
}
/* modal modification classess */

.myModalPosition{
    position: fixed;
    bottom: 110px;
    left: 34px;
    /* width:450px!important; */
}

.modalHeaderFontOpts{
    /* font-family: Montserrat,sans-serif; */
    font-size: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.modalHeaderFontOpts.adjustedFontColor{
    font-size: 28px;
    color: #001129;
    font-weight: bold;
}

.doneTask {
    opacity: 0.3;
    /* text-decoration: line-through; */
    /* font-weight: 700; */
}
.stepDesc{
    font-weight: normal;
}
.stepDescLocked{
    opacity: 0.6;
    font-weight: normal;
}

.cursorDefault{
    cursor: default;
}

.cursorDefault.disabled{
    pointer-events: none;
}
.noTopBorder{
    border-top:none;
}

.modal-open {
    overflow-y: scroll!important;
}

/* 2026-10-03 focused onboarding refresh: compact two-step survey + non-blocking checklist. */
.gn-onboarding-survey {
    box-sizing: border-box;
    max-width: 760px;
    margin: 0 auto;
    padding: 22px 30px 28px;
    color: #001129;
}

.gn-onboarding-progress {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
}

.gn-onboarding-progress__label {
    flex: 0 0 auto;
    color: #65748b;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.gn-onboarding-progress__track {
    display: block;
    flex: 1 1 auto;
    height: 4px;
    overflow: hidden;
    border-radius: 999px;
    background: #e7edf5;
}

.gn-onboarding-progress__value {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: #0064ed;
    transition: width .2s ease;
}

.gn-onboarding-panel {
    max-width: 660px;
    margin: 0 auto;
}

.gn-onboarding-panel--welcome {
    max-width: 570px;
    padding-top: 6px;
    text-align: center;
}

.gn-onboarding-founder-photo {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
}

.gn-onboarding-founder-name {
    margin-top: 10px;
    font-weight: 700;
}

.gn-onboarding-founder-role,
.gn-onboarding-kicker {
    color: #65748b;
    font-size: 13px;
}

.gn-onboarding-kicker {
    margin-bottom: 6px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.gn-onboarding-title {
    margin: 22px 0 10px;
    color: #001129;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;
}

.gn-onboarding-panel--profile .gn-onboarding-title {
    margin-top: 0;
}

.gn-onboarding-lead {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 600;
}

.gn-onboarding-copy {
    margin: 0 auto;
    color: #42526e;
    font-size: 15px;
    line-height: 1.55;
}

.gn-onboarding-copy--intro {
    margin: 0 0 22px;
}

.gn-onboarding-help {
    margin-top: 16px;
    color: #65748b;
    font-size: 14px;
}

.gn-onboarding-form-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px 20px;
}

.gn-onboarding-field--wide {
    grid-column: 1 / -1;
}

.gn-onboarding-field label {
    display: block;
    margin: 0 0 7px;
    color: #243650;
    font-size: 13px;
    font-weight: 700;
}

.gn-onboarding-field .dx-texteditor {
    min-height: 42px;
    border-color: #cfd8e6;
    border-radius: 6px;
    background: #fff;
}

.gn-onboarding-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 26px;
}

.gn-onboarding-panel--welcome .gn-onboarding-actions {
    justify-content: center;
}

.gn-onboarding-actions .dx-button {
    min-width: 118px;
}

/* Make the legacy onboarding checklist read like a compact task panel. */
#exampleModalCenter .modal-dialog {
    max-width: 560px;
}

#exampleModalCenter .modal-content {
    overflow: hidden;
    border: 1px solid #dce4ef;
    border-radius: 10px;
    box-shadow: 0 18px 48px rgba(0, 17, 41, .18);
}

#exampleModalCenter .modalHeaderFontOpts.adjustedFontColor {
    padding: 22px 24px 2px;
    font-size: 22px;
}

.onboarding-checklist-subtitle {
    margin: 0;
    padding: 0 24px 14px;
    color: #65748b;
    font-size: 13px;
}

#exampleModalCenter .modal-body {
    padding: 10px 18px 12px;
}

#exampleModalCenter .modalHeaderFontOpts {
    padding: 11px 12px;
    font-size: 14px;
    line-height: 1.4;
}

.onboarding-step-cta {
    margin-top: 5px;
    color: #0064ed;
    font-size: 13px;
    font-weight: 700;
}

#exampleModalCenter .modal-footer {
    padding: 10px 20px 18px;
}

@media (max-width: 767px) {
    .gn-onboarding-survey {
        padding: 18px 18px 24px;
    }

    .gn-onboarding-form-grid {
        grid-template-columns: 1fr;
    }

    .gn-onboarding-field--wide {
        grid-column: auto;
    }

    .gn-onboarding-title {
        font-size: 24px;
    }
}