.aiModalBackDrop {
    z-index: -1;
    opacity: 0.4;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000000;
}

.aiModalStatic {
    width: calc(100% - 400px) !important;
    left: calc(50% - (50% - 200px)) !important;
    display: none !important;
    position: fixed !important;
    background: transparent;
}
/* aiModalStaticRight = aiModalStatic + */
.aiModalStaticRight {
    width: calc(50% - 140px) !important;
    right: 0px !important;
    left: auto !important;
    top: 0px !important;
    padding: 0 0 0 20px !important;
}

.aiModalStaticRightCenter {
    width: 50% !important;
}
/* aiModalStaticLeft = aiModalStatic + */
.aiModalStaticLeft {
    width: calc(50% + 160px) !important;
    right: auto !important;
    left: 0 !important;
    padding: 0 20px 0 0px !important;
}

.aiModalStaticLeftCenter {
    width: 50% !important;
}


.aiModalStaticContent {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    background: white;
}

.aiModalStaticHeader {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: 24px 24px 24px 24px;
    border-bottom: 2px solid var(--bs-gray-200);
    height: 85px;
}

.ai-paragraph {
    color: #000 !important;
    font-family: Open Sans !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

.ai-control-header {
    color: #727272 !important;
    font-family: Poppins !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
}

.ai-description-small {
    color: #8B8D97 !important;
    text-align: center !important;
    font-family: Inter !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

.ai-upgrade-area {
    display: flex !important;
    width: 233px !important;
    padding: 23px 24px 23px 25px !important;
    margin-left: 32px !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 2px !important;
    border-radius: 8px !important;
    border: 1px solid #DDD !important;
    background: #304C80 !important;
}

.ai-upgrade-header {
    color: white !important;
    font-family: Poppins !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
}

.ai-upgrade-text {
    color: #FFF !important;
    font-family: Poppins !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

.ai-welcome-cloud {
    display: inline-flex !important;
    padding: 12px 18px !important;
    align-items: flex-start !important;
    gap: 10px !important;
    border-radius: 60px !important;
    border: 1px solid #DBDBDB !important;
    background: #FFF !important;
    color: #304C8D !important;
    font-family: Poppins !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
    margin-right: 12px !important;
    margin-bottom: 12px !important;
}

    .ai-welcome-cloud:hover {
        background-color: #EEF7FF !important;
    }

.ai-welcome-cloud-active {
    background-color: #304C8D !important;
    color: white !important;
}

    .ai-welcome-cloud-active:hover {
        background-color: #304C8D !important;
    }

.ai-menu-icon {
    margin-right: 12px !important;
    width: 24px !important;
    /*height: 24px !important;*/
}

.ai-menu-button {
    display: flex !important;
    width: 206px !important;
    height: 48px !important;
    padding: 12px 16px 12px 16px !important;
    align-items: center !important;
    border-radius: 60px !important;
}

.ai-menu-button-active {
    background: #F2F6FF !important;
}

.ai-menu-button-top {
    background: linear-gradient(264deg, #3A4A6F 0%, #0088FF 100%) !important;
    margin-top: 86px !important;
    margin-bottom: 24px !important;
    border-radius: 12px !important;
    color: white !important;
}

.ai-login-background {
    background-image: url(/Assets/img/welcome/signin.jpg);
    background-repeat: no-repeat !important;
    background-size: cover !important;
    /* align-items: center; */
    /* justify-content: center; */
    /* display: flex; */
    background-position: center !important;
    background-color: #efefef !important;
}

@media (min-width: 992px) {
    .col-p1 {
        flex: 0 0 auto;
        width: 1%
    }

    .col-p2 {
        flex: 0 0 auto;
        width: 2%
    }

    .col-p3 {
        flex: 0 0 auto;
        width: 3%
    }

    .col-p4 {
        flex: 0 0 auto;
        width: 4%
    }

    .col-p5 {
        flex: 0 0 auto;
        width: 5%
    }

    .col-p6 {
        flex: 0 0 auto;
        width: 6%
    }

    .col-p7 {
        flex: 0 0 auto;
        width: 7%
    }

    .col-p8 {
        flex: 0 0 auto;
        width: 8%
    }

    .col-p9 {
        flex: 0 0 auto;
        width: 9%
    }

    .col-p10 {
        flex: 0 0 auto;
        width: 10%
    }

    .col-p11 {
        flex: 0 0 auto;
        width: 11%
    }

    .col-p12 {
        flex: 0 0 auto;
        width: 12%
    }

    .col-p13 {
        flex: 0 0 auto;
        width: 13%
    }

    .col-p14 {
        flex: 0 0 auto;
        width: 14%
    }

    .col-p15 {
        flex: 0 0 auto;
        width: 15%
    }

    .col-p16 {
        flex: 0 0 auto;
        width: 16%
    }

    .col-p17 {
        flex: 0 0 auto;
        width: 17%
    }

    .col-p18 {
        flex: 0 0 auto;
        width: 18%
    }

    .col-p19 {
        flex: 0 0 auto;
        width: 19%
    }

    .col-p20 {
        flex: 0 0 auto;
        width: 20%
    }

    .col-p21 {
        flex: 0 0 auto;
        width: 21%
    }

    .col-p22 {
        flex: 0 0 auto;
        width: 22%
    }

    .col-p23 {
        flex: 0 0 auto;
        width: 23%
    }

    .col-p24 {
        flex: 0 0 auto;
        width: 24%
    }

    .col-p25 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-p26 {
        flex: 0 0 auto;
        width: 26%
    }

    .col-p27 {
        flex: 0 0 auto;
        width: 27%
    }

    .col-p28 {
        flex: 0 0 auto;
        width: 28%
    }

    .col-p29 {
        flex: 0 0 auto;
        width: 29%
    }

    .col-p30 {
        flex: 0 0 auto;
        width: 30%
    }

    .col-p31 {
        flex: 0 0 auto;
        width: 31%
    }

    .col-p32 {
        flex: 0 0 auto;
        width: 32%
    }

    .col-p33 {
        flex: 0 0 auto;
        width: 33%
    }

    .col-p34 {
        flex: 0 0 auto;
        width: 34%
    }

    .col-p35 {
        flex: 0 0 auto;
        width: 35%
    }

    .col-p36 {
        flex: 0 0 auto;
        width: 36%
    }

    .col-p37 {
        flex: 0 0 auto;
        width: 37%
    }

    .col-p38 {
        flex: 0 0 auto;
        width: 38%
    }

    .col-p39 {
        flex: 0 0 auto;
        width: 39%
    }

    .col-p40 {
        flex: 0 0 auto;
        width: 40%
    }

    .col-p41 {
        flex: 0 0 auto;
        width: 41%
    }

    .col-p42 {
        flex: 0 0 auto;
        width: 42%
    }

    .col-p43 {
        flex: 0 0 auto;
        width: 43%
    }

    .col-p44 {
        flex: 0 0 auto;
        width: 44%
    }

    .col-p45 {
        flex: 0 0 auto;
        width: 45%
    }

    .col-p46 {
        flex: 0 0 auto;
        width: 46%
    }

    .col-p47 {
        flex: 0 0 auto;
        width: 47%
    }

    .col-p48 {
        flex: 0 0 auto;
        width: 48%
    }

    .col-p49 {
        flex: 0 0 auto;
        width: 49%
    }

    .col-p50 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-p51 {
        flex: 0 0 auto;
        width: 51%
    }

    .col-p52 {
        flex: 0 0 auto;
        width: 52%
    }

    .col-p53 {
        flex: 0 0 auto;
        width: 53%
    }

    .col-p54 {
        flex: 0 0 auto;
        width: 54%
    }

    .col-p55 {
        flex: 0 0 auto;
        width: 55%
    }

    .col-p56 {
        flex: 0 0 auto;
        width: 56%
    }

    .col-p57 {
        flex: 0 0 auto;
        width: 57%
    }

    .col-p58 {
        flex: 0 0 auto;
        width: 58%
    }

    .col-p59 {
        flex: 0 0 auto;
        width: 59%
    }

    .col-p60 {
        flex: 0 0 auto;
        width: 60%
    }

    .col-p61 {
        flex: 0 0 auto;
        width: 61%
    }

    .col-p62 {
        flex: 0 0 auto;
        width: 62%
    }

    .col-p63 {
        flex: 0 0 auto;
        width: 63%
    }

    .col-p64 {
        flex: 0 0 auto;
        width: 64%
    }

    .col-p65 {
        flex: 0 0 auto;
        width: 65%
    }

    .col-p66 {
        flex: 0 0 auto;
        width: 66%
    }

    .col-p67 {
        flex: 0 0 auto;
        width: 67%
    }

    .col-p68 {
        flex: 0 0 auto;
        width: 68%
    }

    .col-p69 {
        flex: 0 0 auto;
        width: 69%
    }

    .col-p70 {
        flex: 0 0 auto;
        width: 70%
    }

    .col-p71 {
        flex: 0 0 auto;
        width: 71%
    }

    .col-p72 {
        flex: 0 0 auto;
        width: 72%
    }

    .col-p73 {
        flex: 0 0 auto;
        width: 73%
    }

    .col-p74 {
        flex: 0 0 auto;
        width: 74%
    }

    .col-p75 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-p76 {
        flex: 0 0 auto;
        width: 76%
    }

    .col-p77 {
        flex: 0 0 auto;
        width: 77%
    }

    .col-p78 {
        flex: 0 0 auto;
        width: 78%
    }

    .col-p79 {
        flex: 0 0 auto;
        width: 79%
    }

    .col-p80 {
        flex: 0 0 auto;
        width: 80%
    }

    .col-p81 {
        flex: 0 0 auto;
        width: 81%
    }

    .col-p82 {
        flex: 0 0 auto;
        width: 82%
    }

    .col-p83 {
        flex: 0 0 auto;
        width: 83%
    }

    .col-p84 {
        flex: 0 0 auto;
        width: 84%
    }

    .col-p85 {
        flex: 0 0 auto;
        width: 85%
    }

    .col-p86 {
        flex: 0 0 auto;
        width: 86%
    }

    .col-p87 {
        flex: 0 0 auto;
        width: 87%
    }

    .col-p88 {
        flex: 0 0 auto;
        width: 88%
    }

    .col-p89 {
        flex: 0 0 auto;
        width: 89%
    }

    .col-p90 {
        flex: 0 0 auto;
        width: 90%
    }

    .col-p91 {
        flex: 0 0 auto;
        width: 91%
    }

    .col-p92 {
        flex: 0 0 auto;
        width: 92%
    }

    .col-p93 {
        flex: 0 0 auto;
        width: 93%
    }

    .col-p94 {
        flex: 0 0 auto;
        width: 94%
    }

    .col-p95 {
        flex: 0 0 auto;
        width: 95%
    }

    .col-p96 {
        flex: 0 0 auto;
        width: 96%
    }

    .col-p97 {
        flex: 0 0 auto;
        width: 97%
    }

    .col-p98 {
        flex: 0 0 auto;
        width: 98%
    }

    .col-p99 {
        flex: 0 0 auto;
        width: 99%
    }

    .col-p100 {
        flex: 0 0 auto;
        width: 100%
    }
}

.col-p1-force {
    flex: 0 0 auto;
    width: 1%
}

.col-p2-force {
    flex: 0 0 auto;
    width: 2%
}

.col-p3-force {
    flex: 0 0 auto;
    width: 3%
}

.col-p4-force {
    flex: 0 0 auto;
    width: 4%
}

.col-p5-force {
    flex: 0 0 auto;
    width: 5%
}

.col-p6-force {
    flex: 0 0 auto;
    width: 6%
}

.col-p7-force {
    flex: 0 0 auto;
    width: 7%
}

.col-p8-force {
    flex: 0 0 auto;
    width: 8%
}

.col-p9-force {
    flex: 0 0 auto;
    width: 9%
}

.col-p10-force {
    flex: 0 0 auto;
    width: 10%
}

.col-p11-force {
    flex: 0 0 auto;
    width: 11%
}

.col-p12-force {
    flex: 0 0 auto;
    width: 12%
}

.col-p13-force {
    flex: 0 0 auto;
    width: 13%
}

.col-p14-force {
    flex: 0 0 auto;
    width: 14%
}

.col-p15-force {
    flex: 0 0 auto;
    width: 15%
}

.col-p16-force {
    flex: 0 0 auto;
    width: 16%
}

.col-p17-force {
    flex: 0 0 auto;
    width: 17%
}

.col-p18-force {
    flex: 0 0 auto;
    width: 18%
}

.col-p19-force {
    flex: 0 0 auto;
    width: 19%
}

.col-p20-force {
    flex: 0 0 auto;
    width: 20%
}

.col-p21-force {
    flex: 0 0 auto;
    width: 21%
}

.col-p22-force {
    flex: 0 0 auto;
    width: 22%
}

.col-p23-force {
    flex: 0 0 auto;
    width: 23%
}

.col-p24-force {
    flex: 0 0 auto;
    width: 24%
}

.col-p25-force {
    flex: 0 0 auto;
    width: 25%
}

.col-p26-force {
    flex: 0 0 auto;
    width: 26%
}

.col-p27-force {
    flex: 0 0 auto;
    width: 27%
}

.col-p28-force {
    flex: 0 0 auto;
    width: 28%
}

.col-p29-force {
    flex: 0 0 auto;
    width: 29%
}

.col-p30-force {
    flex: 0 0 auto;
    width: 30%
}

.col-p31-force {
    flex: 0 0 auto;
    width: 31%
}

.col-p32-force {
    flex: 0 0 auto;
    width: 32%
}

.col-p33-force {
    flex: 0 0 auto;
    width: 33%
}

.col-p34-force {
    flex: 0 0 auto;
    width: 34%
}

.col-p35-force {
    flex: 0 0 auto;
    width: 35%
}

.col-p36-force {
    flex: 0 0 auto;
    width: 36%
}

.col-p37-force {
    flex: 0 0 auto;
    width: 37%
}

.col-p38-force {
    flex: 0 0 auto;
    width: 38%
}

.col-p39-force {
    flex: 0 0 auto;
    width: 39%
}

.col-p40-force {
    flex: 0 0 auto;
    width: 40%
}

.col-p41-force {
    flex: 0 0 auto;
    width: 41%
}

.col-p42-force {
    flex: 0 0 auto;
    width: 42%
}

.col-p43-force {
    flex: 0 0 auto;
    width: 43%
}

.col-p44-force {
    flex: 0 0 auto;
    width: 44%
}

.col-p45-force {
    flex: 0 0 auto;
    width: 45%
}

.col-p46-force {
    flex: 0 0 auto;
    width: 46%
}

.col-p47-force {
    flex: 0 0 auto;
    width: 47%
}

.col-p48-force {
    flex: 0 0 auto;
    width: 48%
}

.col-p49-force {
    flex: 0 0 auto;
    width: 49%
}

.col-p50-force {
    flex: 0 0 auto;
    width: 50%
}

.col-p51-force {
    flex: 0 0 auto;
    width: 51%
}

.col-p52-force {
    flex: 0 0 auto;
    width: 52%
}

.col-p53-force {
    flex: 0 0 auto;
    width: 53%
}

.col-p54-force {
    flex: 0 0 auto;
    width: 54%
}

.col-p55-force {
    flex: 0 0 auto;
    width: 55%
}

.col-p56-force {
    flex: 0 0 auto;
    width: 56%
}

.col-p57-force {
    flex: 0 0 auto;
    width: 57%
}

.col-p58-force {
    flex: 0 0 auto;
    width: 58%
}

.col-p59-force {
    flex: 0 0 auto;
    width: 59%
}

.col-p60-force {
    flex: 0 0 auto;
    width: 60%
}

.col-p61-force {
    flex: 0 0 auto;
    width: 61%
}

.col-p62-force {
    flex: 0 0 auto;
    width: 62%
}

.col-p63-force {
    flex: 0 0 auto;
    width: 63%
}

.col-p64-force {
    flex: 0 0 auto;
    width: 64%
}

.col-p65-force {
    flex: 0 0 auto;
    width: 65%
}

.col-p66-force {
    flex: 0 0 auto;
    width: 66%
}

.col-p67-force {
    flex: 0 0 auto;
    width: 67%
}

.col-p68-force {
    flex: 0 0 auto;
    width: 68%
}

.col-p69-force {
    flex: 0 0 auto;
    width: 69%
}

.col-p70-force {
    flex: 0 0 auto;
    width: 70%
}

.col-p71-force {
    flex: 0 0 auto;
    width: 71%
}

.col-p72-force {
    flex: 0 0 auto;
    width: 72%
}

.col-p73-force {
    flex: 0 0 auto;
    width: 73%
}

.col-p74-force {
    flex: 0 0 auto;
    width: 74%
}

.col-p75-force {
    flex: 0 0 auto;
    width: 75%
}

.col-p76-force {
    flex: 0 0 auto;
    width: 76%
}

.col-p77-force {
    flex: 0 0 auto;
    width: 77%
}

.col-p78-force {
    flex: 0 0 auto;
    width: 78%
}

.col-p79-force {
    flex: 0 0 auto;
    width: 79%
}

.col-p80-force {
    flex: 0 0 auto;
    width: 80%
}

.col-p81-force {
    flex: 0 0 auto;
    width: 81%
}

.col-p82-force {
    flex: 0 0 auto;
    width: 82%
}

.col-p83-force {
    flex: 0 0 auto;
    width: 83%
}

.col-p84-force {
    flex: 0 0 auto;
    width: 84%
}

.col-p85-force {
    flex: 0 0 auto;
    width: 85%
}

.col-p86-force {
    flex: 0 0 auto;
    width: 86%
}

.col-p87-force {
    flex: 0 0 auto;
    width: 87%
}

.col-p88-force {
    flex: 0 0 auto;
    width: 88%
}

.col-p89-force {
    flex: 0 0 auto;
    width: 89%
}

.col-p90-force {
    flex: 0 0 auto;
    width: 90%
}

.col-p91-force {
    flex: 0 0 auto;
    width: 91%
}

.col-p92-force {
    flex: 0 0 auto;
    width: 92%
}

.col-p93-force {
    flex: 0 0 auto;
    width: 93%
}

.col-p94-force {
    flex: 0 0 auto;
    width: 94%
}

.col-p95-force {
    flex: 0 0 auto;
    width: 95%
}

.col-p96-force {
    flex: 0 0 auto;
    width: 96%
}

.col-p97-force {
    flex: 0 0 auto;
    width: 97%
}

.col-p98-force {
    flex: 0 0 auto;
    width: 98%
}

.col-p99-force {
    flex: 0 0 auto;
    width: 99%
}

.col-p100-force {
    flex: 0 0 auto;
    width: 100%
}

.bg-aiLightGray {
    background-color: #f4f5fa !important;
}

.bg-aiPurple {
    background-color: #304C8D !important;
}

.bg-aiDarkPurple {
    background-color: #3A4A6F !important;
}

.bg-aiLightPurple {
    background-color: #D48EFF !important;
}

.bg-aiButtonBlue {
    background-color: #3479E1 !important;
}

.bg-semi-transparent {
    background-color: #fffffff2 !important;
}

.text-aiPurple {
    color: #304C8D !important;
}

.text-aiDarkPurple {
    color: #3A4A6F !important;
}

.text-aiBlue {
    color: #3479E1 !important;
}


.threeDots {
    /*display: inline-block*/;
    /* overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;*/
}

.hideMe {
    display: none !important;
}

.collapseMe {
    visibility: collapse !important;
}