/*Pannel Sizes*/

.w250 {
    width: calc(258 * var(--vw));
    margin-right: calc(12 * var(--vw));
    float: var(--floatl);
}

.mt65 {
    margin-top: calc(65 * var(--vw));
}

.w1300 {
    width: calc(1300 * var(--vw))
}
/*End*/
.overview-header-title {
    width: calc(130 * var(--vw));
    margin-right: calc(33 * var(--vw));
    height: calc(50 * var(--vw));
    text-align: center;
    display: inline-block;
    position: relative;
    cursor: pointer;
    line-height: calc(57 * var(--vw));
}

.overview-header-container {
    height: calc(52 * var(--vw));
    overflow: hidden;
    margin-bottom: calc(16 * var(--vw)) !important;
    display: block;
    text-align: center;
    border-radius: calc(4 * var(--vw));
    border: calc(1 * var(--vw)) solid var(--woodsmoke-100, #E7E7E7);
    background: #FFF;
    padding: calc(0 * var(--vw)) calc(62 * var(--vw)) calc(0 * var(--vw)) calc(62 * var(--vw));
    width: 100%;
    /* margin: 0 auto; */
}

.project-main-info:last-child {
    margin-right: 0;
}

.overview-header-title.selected span {
    color: #000;
    font-weight: 700;
}

.overview-header-title span {
    font-family: Inter;
    font-size: calc(14 * var(--vw));
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    color: #6D6D6D;
}

.overview-header-title.selected {
    border-bottom: calc(2 * var(--vw)) solid #8A1538;
}

.overview-main-container {
    margin: 0 auto;
    width: calc(940 * var(--vw));
}

.project-main-info {
    border-radius: calc(4 * var(--vw));
    border: calc(1 * var(--vw)) solid var(--woodsmoke-100, #E7E7E7);
    background: #FFF;
    width: calc(33% - calc(11 * var(--vw)));
    height: calc(132 * var(--vw));
    display: inline-block;
    margin-right: calc(21 * var(--vw));
    margin-bottom: calc(16 * var(--vw));
    float: var(--floatl);
}

    .project-main-info img {
        display: block;
        margin-top: calc(16 * var(--vw));
        margin-left: calc(16 * var(--vw));
    }

    .project-main-info h2 {
        font-family: Inter;
        font-size: calc(32 * var(--vw));
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        margin-left: calc(16 * var(--vw));
        margin-top: calc(8 * var(--vw));
        display: block;
    }

    .project-main-info span.project-main-title {
        font-family: Inter;
        font-size: calc(10 * var(--vw));
        font-style: normal;
        font-weight: 500;
        line-height: 140%; /* calc(14 * var(--vw)) */
        text-transform: uppercase;
        margin-top: calc(4 * var(--vw));
        /* margin-left: calc(16 * var(--vw)); */
        color: #6D6D6D;
        display: block;
        float: var(--floatl);
        width: 100%;
    }

.nda-container {
    width: calc(50% - calc(10 * var(--vw)));
    display: inline-block;
    float: var(--floatl);
    margin-right: calc(20 * var(--vw));
}

.other-sector-container {
    width: calc(50% - calc(10 * var(--vw)));
    display: inline-block;
}

.nda-container-title {
    border-radius: calc(4 * var(--vw));
    border: calc(1 * var(--vw)) solid #EAEAEA;
    background: #FFF;
    padding: calc(8 * var(--vw)) calc(16 * var(--vw));
    height: calc(41 * var(--vw));
    margin-bottom: calc(8 * var(--vw))
}

    .nda-container-title h4 {
        color: #000;
        /* H4 */
        font-family: Inter;
        font-size: calc(17 * var(--vw));
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* calc(23.8 * var(--vw)) */
        float: var(--floatl);
    }

    .nda-container-title span {
        color: #8A1538;
        font-family: Inter;
        font-size: calc(12 * var(--vw));
        font-style: normal;
        font-weight: 500;
        line-height: 140%; /* calc(16.8 * var(--vw)) */
        text-decoration-line: underline;
        float: var(--floatr);
        cursor: pointer;
        line-height: calc(21 * var(--vw));
    }

.nda-container-type.box-small {
    width: calc(33.3% - calc(8 * var(--vw)));
    height: calc(81 * var(--vw));
    display: inline-block;
    margin-right: calc(12 * var(--vw));
    border-radius: calc(4 * var(--vw));
    border: calc(1 * var(--vw)) solid var(--woodsmoke-100, #E7E7E7);
    background: #FFF;
    padding: calc(8 * var(--vw)) calc(4 * var(--vw));
    margin-left: 0;
    float: var(--floatl);
    margin-bottom: calc(12 * var(--vw));
}

    .nda-container-type.box-small:last-child {
        margin-right: calc(0 * var(--vw)) !important;
    }

    .nda-container-type.box-small:nth-child(3n + 1) {
        margin-right: 0;
    }

.nda-container-type.box-large {
    width: 100%;
    height: calc(81 * var(--vw));
    display: inline-block;
    margin-right: calc(12 * var(--vw));
    border-radius: calc(4 * var(--vw));
    border: calc(1 * var(--vw)) solid var(--woodsmoke-100, #E7E7E7);
    background: #FFF;
    padding: calc(8 * var(--vw)) calc(4 * var(--vw));
    margin-left: 0;
    float: var(--floatl);
    margin-bottom: calc(12 * var(--vw));
}

.nda-container-type-title span {
    color: #949595;
    text-align: center;
    font-family: Inter;
    font-size: calc(12 * var(--vw));
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* calc(16.8 * var(--vw)) */
    display: block;
    margin: 0 auto;
}

.nda-container-type.box-small img {
    width: calc(24 * var(--vw));
    height: calc(24 * var(--vw));
    display: block;
    margin: 0 auto;
}

.nda-container-type-value span {
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: calc(14 * var(--vw));
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* calc(19.6 * var(--vw)) */
    display: block;
    margin: 0 auto;
}

.nda-container-type.box-large img {
    width: calc(24 * var(--vw));
    height: calc(24 * var(--vw));
    display: block;
    margin: 0 auto;
}

.other-sector-container-type {
    width: calc(25% - calc(9 * var(--vw)));
    float: var(--floatl);
    margin-right: calc(12 * var(--vw));
    border-radius: calc(4 * var(--vw));
    border: calc(1 * var(--vw)) solid var(--woodsmoke-100, #E7E7E7);
    background: #FFF;
    padding: calc(94 * var(--vw)) calc(4 * var(--vw));
    height: calc(267 * var(--vw));
    cursor: pointer;
}

    .other-sector-container-type:last-child {
        margin-right: 0;
    }

    .other-sector-container-type img {
        width: calc(24 * var(--vw));
        height: calc(24 * var(--vw));
        display: block;
        margin: 0 auto;
    }

.other-sector-container-title span {
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: calc(12 * var(--vw));
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    display: block;
    margin: 0 auto;
}

.other-sector-container-value span {
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: calc(14 * var(--vw));
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    display: block;
    margin: 0 auto;
}

.nda-container-type {
    cursor: pointer;
}

    .nda-container-type.box-small.selected {
        background: #A29475;
        color: white;
    }

        .nda-container-type.box-small.selected span {
            color: #fff;
        }

    .nda-container-type.box-large.selected {
        background: #A29475;
        color: white;
    }

        .nda-container-type.box-large.selected span {
            color: #fff;
        }

.other-sector-container-type.selected {
    background: #A29475;
    color: #fff;
}

    .other-sector-container-type.selected span {
        color: #fff;
    }

.nda-container-type.box-small:hover {
    background: #A29475;
    color: #FFF !important;
}


    .nda-container-type.box-small:hover .nda-container-type-title span {
        color: #FFF !important;
    }

    .nda-container-type.box-small:hover img.img-selected {
        fill: #FFF !important;
        filter: brightness(0) invert(1);
    }

.nda-container-type.box-large:hover {
    background: #A29475;
    color: #FFF !important;
}


    .nda-container-type.box-large:hover .nda-container-type-title span {
        color: #FFF !important;
    }

    .nda-container-type.box-large:hover img.img-selected {
        fill: #FFF !important;
        filter: brightness(0) invert(1);
    }



.other-sector-container-type:hover {
    background: #A29475;
    color: #FFF !important;
}


    .other-sector-container-type:hover .other-sector-container-title span {
        color: #FFF !important;
    }

    .other-sector-container-type:hover img.img-selected {
        fill: #FFF !important;
        filter: brightness(0) invert(1);
    }

.col7 {
    flex: 0 0 auto;
    width: 14.25%;
    margin: 0;
    padding-right: calc(12 * var(--vw)) !important;
    padding: 0;
}


h3.nda-main-container-title span {
    display: block;
}

.nda-main-container {
    border: calc(1 * var(--vw)) solid #ebebeb;
    box-shadow: calc(0 * var(--vw)) calc(2 * var(--vw)) calc(2 * var(--vw)) calc(0 * var(--vw)) rgba(26, 26, 26, 0.07);
    background: white;
    height: calc(483 * var(--vw));
    border-radius: calc(4 * var(--vw));
    padding: calc(16 * var(--vw)) calc(16 * var(--vw)) calc(8 * var(--vw)) calc(16 * var(--vw));
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: calc(15 * var(--vw));
}

span.nda-main-container-header img {
    width: calc(24 * var(--vw));
    height: calc(24 * var(--vw));
}

h3.nda-main-container-title {
    font-family: Inter;
    font-size: calc(24 * var(--vw));
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    color: #1A1A1A;
    cursor: pointer;
}

.w580 {
    width: calc(580 * var(--vw));
    float: var(--floatl);
}

.content.pr-60.wscroll-h {
    overflow-x: auto;
}

.strategy-general-info2 {
    margin-right: calc(27 * var(--vw));
    display: inline-block;
    border-radius: calc(30 * var(--vw));
    padding: calc(18 * var(--vw)) calc(28 * var(--vw));
    width: calc(79 * var(--vw));
    height: calc(80 * var(--vw));
    text-align: center;
}

    .strategy-general-info2.budget-percentage {
        background: #FBE4DD;
    }

    .strategy-general-info2.active-initiative {
        background: #F8FEEF;
    }

    .strategy-general-info2.overall-percentage {
        margin-right: calc(0 * var(--vw));
        background: #FBE4DD;
    }

.scroll-h {
    display: inline-flex;
}


span.status-total {
    border-right: calc(1 * var(--vw)) solid #c1bfbf;
    display: block;
    float: var(--floatl);
    padding-right: calc(5 * var(--vw));
    height: calc(15 * var(--vw));
    margin-left: calc(50% - calc(26 * var(--vw)));
}

span.status-ongoing {
    color: #85DA75;
    border-right: calc(1 * var(--vw)) solid #c1bfbf;
    display: block;
    float: var(--floatl);
    padding-left: calc(5 * var(--vw));
    padding-right: calc(5 * var(--vw));
    height: calc(15 * var(--vw));
}

span.status-planned {
    display: block;
    float: var(--floatl);
    padding-left: calc(5 * var(--vw));
    color: #FBBA20;
    height: calc(15 * var(--vw));
}

.nda-total {
    color: #FFF;
    background: rgba(0, 0, 0,0.5);
    border-radius: calc(4 * var(--vw));
    border: calc(1 * var(--vw)) solid #000;
}

.nda-ongoing {
    background: rgba(133, 218, 117,0.5);
    color: #000;
    border-radius: calc(4 * var(--vw));
    border: calc(1 * var(--vw)) solid rgb(133, 218, 117);
}

.nda-planned {
    background: rgba(251, 186, 32,0.4);
    color: #000;
    border-radius: calc(3 * var(--vw));
    border: calc(1 * var(--vw)) solid rgb(251, 186, 32);
}

.other-sector-container-title {
    min-height: calc(40 * var(--vw));
}

.main-overview-kpi .col7 {
    float: var(--floatl);
}

.main-overview-kpi h3.initiative-strategy-title {
    font-size: calc(13 * var(--vw));
    text-align: center;
    padding-top: calc(4 * var(--vw));
}

.main-overview-kpi span.strategy-header-icon {
    display: block;
    margin: 0 auto;
}

.main-overview-kpi {
}

    .main-overview-kpi .kpi-left-part {
        width: 100%;
        padding: 0 calc(10 * var(--vw));
        min-height: calc(55 * var(--vw)) !important;
        border: none !important;
        padding: 0 !important;
        text-align: center;
    }

        .main-overview-kpi .kpi-left-part span {
            display: contents;
            margin: 0;
        }

    .main-overview-kpi .initiative-strategy-container {
        padding: calc(6 * var(--vw));
    }

    .main-overview-kpi .kpi-right-part {
        width: 100%;
        padding: 0 calc(10 * var(--vw));
        background: none;
        border: none;
        min-height: calc(80 * var(--vw)) !important;
        padding-bottom: calc(5 * var(--vw));
        border-bottom: calc(1 * var(--vw)) solid #c3c3c3;
        border-radius: 0;
        margin-bottom: calc(12 * var(--vw));
    }

    .main-overview-kpi .current-kpis {
        width: calc(50% - calc(15 * var(--vw)));
        float: var(--floatl);
        position: relative;
        text-align: right;
    }

html.rtl .main-overview-kpi .current-kpis {
    text-align: left;
}

.main-overview-kpi .target-kpis {
    position: relative;
    float: var(--floatr);
    width: calc(50% - calc(15 * var(--vw)));
    border: 0;
    display: inline-block;
    margin-top: calc(22 * var(--vw));
}

.main-overview-kpi .initiative-strategy-container {
    height: calc(358 * var(--vw));
}

.comm-tab-container {
    overflow-x: auto;
}


.overview-sharable-content-container {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    float: var(--floatl);
}

.overview-body-container {
    display: inline-block;
    margin: 0;
    padding: 0;
    float: var(--floatl);
    width: 100%;
}

.main-overview-kpi .col7:last-child {
    padding-right: 0 !important;
}

.main-overview-kpi .col7:last-child {
    padding-right: 0 !important;
}

.milstone-group-title h4 {
    line-height: calc(40 * var(--vw));
    font-size: calc(18 * var(--vw));
    font-weight: 600;
    padding-left: calc(20 * var(--vw));
    border-top: calc(3 * var(--vw)) solid #3e3e3e;
    border-bottom: calc(1 * var(--vw)) solid #e3e3e3;
}

.milstone-group-info {
    background: #FFF;
    margin-bottom: calc(12 * var(--vw));
}

span.objective b {
    display: block;
    color: #000;
    margin-top: calc(3 * var(--vw));
}

.comm-pr {
    color: #8A1538 !important;
}

b.projecy-demo-title {
    color: #d79817 !important;
}

b.interactive-title {
    color: #0d4261 !important;
}

b.social-media-title {
    color: #aa5622 !important;
}

.b5 {
    bottom: calc(5 * var(--vw)) !important;
}

.project-status-legend-container.b5 {
    width: calc(100% - calc(61 * var(--vw)));
}
/*initiative dasboard*/
.initiative-strategy-project-details.st-init {
    width: calc(100% - calc(283 * var(--vw)));
}
/*end*/

/*project stage view*/

.w342 {
    width: calc(342 * var(--vw));
    float: var(--floatl);
    margin-right: calc(17 * var(--vw));
}

.col-lg-4.w342.last-c {
    margin: calc(0 * var(--vw)) !important;
}

.risks-part.w961 {
    width: calc(961 * var(--vw));
}

.activity-st.w1060 {
    height: calc(240 * var(--vw));
}

.w1244 {
    width: calc(1244 * var(--vw));
}

.w690 {
    width: calc(690 * var(--vw));
    float: var(--floatl);
    margin-right: calc(20 * var(--vw));
}

.w255 {
    width: calc(255 * var(--vw));
    float: var(--floatl);
    margin-right: calc(20 * var(--vw));
}

.w259 {
    width: calc(259 * var(--vw));
    float: var(--floatl);
    margin: calc(0 * var(--vw));
    display: block;
}


.col-lg-10.w1244 {
    /* height: calc(143 * var(--vw));*/
}
/*end*/
/*project details*/
.stakeholder-rightt-part {
    width: calc(72 * var(--vw));
    float: var(--floatr);
    margin-left: calc(6 * var(--vw));
}

.stk-init {
    background: #e8e8e8;
    border-radius: 50%;
    width: calc(36 * var(--vw));
    height: calc(36 * var(--vw));
    float: var(--floatr);
    /* border: calc(1 * var(--vw)) solid #d0d0d0; */
}

    .stk-init h4 {
        color: var(--secondary-color);
        text-align: center;
        line-height: calc(37 * var(--vw));
        font-size: calc(12 * var(--vw));
    }

.st-init-stakeholder {
    border: calc(1 * var(--vw)) solid var(--unnamed-color-ffffff);
    background: #E7E7E7 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 50%;
    width: calc(36 * var(--vw));
    height: calc(36 * var(--vw));
    float: var(--floatr);
    position: absolute;
    right: calc(21 * var(--vw));
    z-index: 1000;
    cursor: pointer;
    border: calc(1 * var(--vw)) solid #d0d0d0;
}

    .st-init-stakeholder h4 {
        color: #888888;
        font-size: calc(12 * var(--vw));
        line-height: calc(37 * var(--vw));
        text-align: center;
    }

.structure-stakeholder {
    height: calc(75 * var(--vw));
}

.stk-init.stk-1 {
    position: absolute;
    right: calc(49 * var(--vw));
    z-index: 800;
    cursor: pointer;
}

.stk-init.stk-2 {
    position: absolute;
    right: calc(34 * var(--vw));
    z-index: 801;
    cursor: pointer;
}




.card.main-overview-card.str-milstone-card {
    height: calc(285 * var(--vw)) !important;
}

.str-progress-card {
    height: calc(113 * var(--vw)) !important;
}

.approval-element-bottom-right {
    float: var(--floatl);
    position: relative;
}

.stk-init.approval-stak-1 {
    float: var(--floatl);
    /* width: calc(37 * var(--vw)); */
    /* height: calc(36 * var(--vw)); */
}

span.st-approval-name {
    float: var(--floatl);
    text-align: left;
    letter-spacing: calc(0 * var(--vw));
    color: #888888;
    opacity: 1;
    font: normal normal normal calc(14 * var(--vw))/calc(30 * var(--vw)) Inter;
    border-right: calc(2 * var(--vw)) solid #E7E7E7;
    padding-right: calc(18 * var(--vw));
    margin-right: calc(24 * var(--vw));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(190 * var(--vw));
}

html.rtl span.st-approval-name {
    border-right: calc(0 * var(--vw)) solid #E7E7E7;
    border-left: calc(0 * var(--vw)) solid #E7E7E7;
    text-align: right;
    padding-right: calc(0 * var(--vw));
    margin-right: calc(0 * var(--vw));
    padding-left: calc(18 * var(--vw));
    margin-left: calc(24 * var(--vw));
}

span.st-approval-value {
    text-align: left;
    letter-spacing: calc(0 * var(--vw));
    color: #888888;
    opacity: 1;
    font: normal normal normal calc(14 * var(--vw))/calc(30 * var(--vw)) Inter;
    border-right: calc(2 * var(--vw)) solid #E7E7E7;
    padding-right: calc(18 * var(--vw));
    margin-right: calc(24 * var(--vw));
}

html.rtl span.st-approval-value {
    text-align: right;
    border-right: calc(0 * var(--vw)) solid #E7E7E7;
    border-left: calc(2 * var(--vw)) solid #E7E7E7;
    padding-right: calc(0 * var(--vw));
    margin-right: calc(0 * var(--vw));
    padding-left: calc(18 * var(--vw));
    margin-left: calc(24 * var(--vw));
}

span.st-approval-date {
    text-align: left;
    letter-spacing: calc(0 * var(--vw));
    color: #888888;
    opacity: 1;
    font: normal normal normal calc(14 * var(--vw))/calc(30 * var(--vw)) Inter;
    border-right: calc(2 * var(--vw)) solid #E7E7E7;
    padding-right: calc(18 * var(--vw));
}

html.rtl span.st-approval-date {
    text-align: right;
    border-right: calc(0 * var(--vw)) solid #E7E7E7;
    border-left: calc(2 * var(--vw)) solid #E7E7E7;
    padding-right: calc(0 * var(--vw));
    padding-left: calc(18 * var(--vw));
}


.other-approval-element-bottom-left {
    float: var(--floatl);
    width: calc(421 * var(--vw));
    margin-right: calc(18 * var(--vw));
    margin-left: 9PX;
}

.stk-init.approval {
    width: calc(37 * var(--vw));
    height: calc(37 * var(--vw));
    float: var(--floatl);
}

    .stk-init.approval h4 {
        line-height: calc(37 * var(--vw));
    }

    .stk-init.approval img {
        position: absolute;
        top: 0;
        z-index: 999;
        left: calc(29 * var(--vw));
    }

.approver-user-r {
    float: var(--floatl);
    margin-left: calc(12 * var(--vw));
}

.approval-status {
    text-align: left;
    font: normal normal normal calc(12 * var(--vw))/calc(30 * var(--vw)) Inter;
    letter-spacing: calc(0 * var(--vw));
    color: #6D6D6D;
    text-transform: capitalize;
    opacity: 1;
    display: block;
    line-height: calc(19 * var(--vw));
}

html.rtl .approval-status {
    text-align: right;
}

span.approval-stak-name.approver-user {
    text-align: left;
    font: normal normal 900 calc(14 * var(--vw))/calc(30 * var(--vw)) Inter;
    letter-spacing: calc(0 * var(--vw));
    color: #1A1A1A;
    opacity: 1;
    display: block;
    width: calc(103 * var(--vw));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: calc(15 * var(--vw));
}

html.rtl span.approval-stak-name.approver-user {
    text-align: right;
}

.project-structure-title-l {
    float: var(--floatl);
    width: calc(100% - calc(250 * var(--vw)));
    border-right: calc(2 * var(--vw)) solid #e7e7e7;
    margin-right: calc(10 * var(--vw));
    height: calc(34 * var(--vw));
}

.show-arrange1 .project-structure-title-l {
    width: calc(100% - calc(145 * var(--vw)))
}

.project-structure-title-r {
    float: var(--floatl);
    margin-top: calc(-3 * var(--vw));
}

span.str-project-sd {
    text-align: left;
    font: normal normal normal calc(13 * var(--vw))/calc(30 * var(--vw)) Inter;
    letter-spacing: calc(0 * var(--vw));
    color: #888888;
    opacity: 1;
    display: block;
    line-height: calc(18 * var(--vw));
}

html.rtl span.str-project-sd {
    text-align: right;
}

span.str-project-ed {
    text-align: left;
    font: normal normal normal calc(13 * var(--vw))/calc(30 * var(--vw)) Inter;
    letter-spacing: calc(0 * var(--vw));
    color: #888888;
    opacity: 1;
    display: block;
    line-height: calc(20 * var(--vw));
}

html.rtl span.str-project-ed {
    text-align: right;
}

.stk-init.approval.approval-stak-2 {
    position: absolute;
    right: calc(82 * var(--vw));
    top: calc(0 * var(--vw));
    z-index: 10001;
}

.stk-init.approval.approval-stak-2 {
}

.stk-init.approval.approval-stak-1 {
    z-index: 10004;
    float: var(--floatr);
    position: absolute;
}

.stk-init.approval.approval-stak-1 {
}

.stk-init.approval.approval-stak-3 {
    position: absolute;
    float: var(--floatr);
    right: calc(62 * var(--vw));
    z-index: 10001;
}

.structure-milestone span {
    float: var(--floatl);
    border: 0 !important;
}

.str-milstone-timeline {
    display: block;
    float: var(--floatl);
    overflow-x: hidden;
    overflow-y: hidden !important;
    width: 100%;
    min-width: 100%;
    padding-bottom: 0;
}


.milstone-status {
    float: var(--floatr);
    width: auto;
    margin-bottom: 0;
    text-align: right;
    margin-top: calc(20 * var(--vw));
}


span.milstone-status-comp {
    border: calc(1 * var(--vw)) solid var(--completedColor);
    border-radius: calc(10 * var(--vw));
    opacity: 1;
    height: calc(18 * var(--vw));
    padding: 0 calc(10 * var(--vw));
    background: var(--unnamed-color-1ba800) 0% 0% no-repeat padding-box;
    background: var(--completedColorLight) 0% 0% no-repeat padding-box;
    opacity: 1;
    line-height: calc(18 * var(--vw));
    color: #1A1A1A;
    margin-left: calc(10 * var(--vw));
    float: var(--floatr);
    min-width: calc(80 * var(--vw));
    text-align: center;
}

span.milstone-status-pending {
    border: calc(1 * var(--vw)) solid var(--ontrackColor);
    border-radius: calc(10 * var(--vw));
    opacity: 1;
    height: calc(18 * var(--vw));
    padding: 0 calc(10 * var(--vw));
    background: var(--ontrackColorLight) 0% 0% no-repeat padding-box;
    opacity: 1;
    line-height: calc(18 * var(--vw));
    color: #1A1A1A;
    margin-left: calc(10 * var(--vw));
    float: var(--floatr);
    min-width: calc(80 * var(--vw));
    text-align: center;
}

span.milstone-status-notstarted {
    border: calc(1 * var(--vw)) solid var(--notstartedColor);
    border-radius: calc(10 * var(--vw));
    opacity: 1;
    height: calc(18 * var(--vw));
    padding: 0 calc(10 * var(--vw));
    background: var(--notstartedColorLight) 0% 0% no-repeat padding-box;
    opacity: 1;
    line-height: calc(18 * var(--vw));
    color: #1A1A1A;
    margin-left: 0;
    float: var(--floatr);
    min-width: calc(80 * var(--vw));
    text-align: center;
}

span.milstone-status-failed {
    border: calc(1 * var(--vw)) solid var(--delayedColor);
    border-radius: calc(10 * var(--vw));
    opacity: 1;
    height: calc(18 * var(--vw));
    padding: 0 calc(10 * var(--vw));
    background: var(--delayedColorLight) 0% 0% no-repeat padding-box;
    opacity: 1;
    line-height: calc(18 * var(--vw));
    margin-left: calc(10 * var(--vw));
    color: #1A1A1A;
    float: var(--floatr);
    min-width: calc(80 * var(--vw));
    text-align: center;
}

span.milstone-status-atrisk {
    border: calc(1 * var(--vw)) solid var(--atRiskColor);
    border-radius: calc(10 * var(--vw));
    opacity: 1;
    height: calc(18 * var(--vw));
    padding: 0 calc(10 * var(--vw));
    background: var(--atRiskColorLight) 0% 0% no-repeat padding-box;
    opacity: 1;
    line-height: calc(18 * var(--vw));
    color: #1A1A1A;
    float: var(--floatr);
    margin-left: calc(10 * var(--vw));
    min-width: calc(80 * var(--vw));
    text-align: center;
}

.card.main-overview-card.structure-last-card {
    height: calc(255 * var(--vw)) !important;
    position: relative;
}

.card.main-overview-card .card-body {
    padding: calc(20 * var(--vw));
    padding-top: 0;
}

/*end*/
.card.main-overview-card.invoice .other-approval-element-bottom-left {
    padding-left: calc(0 * var(--vw));
    margin-left: calc(0 * var(--vw));
    margin-top: calc(23 * var(--vw));
    height: calc(36 * var(--vw));
    border: none;
    width: 100%;
}

    .card.main-overview-card.invoice .other-approval-element-bottom-left span {
        border: none;
    }

        .card.main-overview-card.invoice .other-approval-element-bottom-left span.st-approval-value {
            float: var(--floatr);
            padding: 0;
            margin: 0;
            line-height: calc(21 * var(--vw));
        }

        .card.main-overview-card.invoice .other-approval-element-bottom-left span.st-approval-name {
            float: var(--floatl);
            text-align: left;
            padding: 0;
            margin: 0;
            width: auto;
            font-size: calc(14 * var(--vw));
            max-width: calc(100% - calc(68 * var(--vw)));
            line-height: calc(21 * var(--vw));
        }

html.rtl .card.main-overview-card.invoice .other-approval-element-bottom-left span.st-approval-name {
    text-align: right;
}

.card.main-overview-card.invoice span.st-approval-date {
    float: var(--floatr);
    padding: calc(0 * var(--vw));
    border: none;
}

.card.main-overview-card.invoice .approval-element-bottom-right {
    width: 100%;
}

.milestone-element-container span {
    float: none;
    font-size: calc(12 * var(--vw));
}

.approval-structure-project .e-label {
    font-size: calc(12 * var(--vw)) !important;
}


.approval-temp {
    font-weight: 500;
    margin-top: calc(10 * var(--vw));
    border-bottom: calc(1 * var(--vw)) solid #e3e3e3;
    margin-bottom: calc(5 * var(--vw));
}

.profile-img.p-approval-init .st-init-users {
    width: 100%;
    height: 100%;
}

.structure-vendor .ps-st-left {
    float: var(--floatr);
    width: calc(37 * var(--vw));
    height: calc(37 * var(--vw));
}

    .structure-vendor .ps-st-left .st-init-users {
        width: calc(37 * var(--vw));
        height: calc(37 * var(--vw));
    }

        .structure-vendor .ps-st-left .st-init-users h2 {
            line-height: calc(37 * var(--vw));
        }

.structure-vendor .st-name {
    width: calc(100% - calc(44 * var(--vw)));
    float: var(--floatl);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.project-stakeholder-right-part .profile-img.p-approval-init h4 {
    line-height: calc(37 * var(--vw));
    color: var(--secondary-color);
}

.structure-stakeholder .stk-init {
    border: calc(1 * var(--vw)) solid #d0d0d0;
}



.card.card-border.card-project .st-init-users {
    width: calc(32 * var(--vw));
    height: calc(32 * var(--vw));
}

.show-arrange1 .card.main-overview-card.structure-last-card {
    height: calc(285 * var(--vw)) !important;
}

.card.main-overview-card.structure-last-card.deliverables-main.full-height {
    height: calc(285 * var(--vw)) !important;
    overflow: hidden;
}

.group-name {
    --bs-table-accent-bg: #F6F6F6;
}

    .group-name i {
        padding-right: calc(10 * var(--vw));
    }

.project-current-progress b i {
    font-size: calc(8 * var(--vw));
}


.str-milstone-timeline:hover {
    overflow-x: hidden;
}