:root {
    --esg-from-color: rgba(0,96,153,1);
    --esg-to-color: rgba(0,175,112,1);
    --menu-width:14vw;
    --menu-item-height: 1.6vh;
    --menu-sub-item-height: 1.2vw;
    --menu-item-color-selected: rgba(0,101,155,1);
    --menu-item-color-Unselected: #848484;
    --assessment-screen2-icon-height: 2.0vw;
    --esg-criterion-label-color: #48535f;
    --esg-criterion-group-color1: #00a195;
    --esg-criterion-group-color2: #bf9cbc;
    --esg-criterion-group-color3: #093651;
    --esg-color-exceptional: #007567;
    --esg-color-average: #ffb501;
    --esg-color-unexceptional: #e17d81;
    --esg-color-laggard: #cf333b;
    --esg-color-good: #43aa8b;
    --esg-color-materiality: #043d84;

}
@font-face {
    font-family: Manrope;
    src: url("Manrope-VariableFont_wght.ttf");
}

* {
font-family:Manrope;
}

html {
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}


/* width */
::-webkit-scrollbar {
    width: 10px;
    height:10px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #999999;
    border-radius: 10px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555555;
    }

body {

}
.esg-doughnut {
    background: linear-gradient(45deg, var(--esg-from-color),var(--esg-to-color));
    border-radius: 100px;
    height: 2.4vw;
    width: 2.4vw;
    padding: 0.5vw;
    box-shadow: 5px 5px 8px #888888;
}

.esg-inner-doughnut {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background: white;
    box-shadow: 4px 4px 8px #888888 inset;
}

.esg-circle {
    background: linear-gradient(45deg, var(--esg-from-color),var(--esg-to-color));
    border-radius: 100px;
    height: 1.8vw;
    width: 1.8vw;
    margin-left: 0.2vw;
    box-shadow: 5px 5px 8px #888888;
}

.esg-ResNovaePC {
    font-size:110%;
    font-weight:bold;
}

.esg-workspace {
    font-size: 80%;
    color: #a6a6a6;
}

.left-Container {
    position: relative;
    width: calc(100% - 8px);
    height: calc(100% - 16px);
    top: 8px;
    box-shadow: 5px 5px 18px #888888;
}

.right-Container {
    height: 90vh;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #ffffff;
    padding:1.5vw;
}

.right-logo-Container {
    background-color: #ffffff;
    height: 10vh;
    overflow: hidden;
    background-image: url(../images/logos.png);
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
}

.ml-1vw {
    margin-left:1vw;
}

.left {
    position:relative;
    background-color: white;
    width: 100%;
    height: 100%;
    padding-left: 0vw;
    padding-right: 0vw;
    padding-top: 1vw;
    overflow: hidden;
    box-shadow: 5px 10px 8px #888888;
}


.left-top-Container {
    padding: 0;
    margin: 0;
    height: 80%;
    overflow-y: auto;
}

.left-bottom-Container {
    position:relative;
    padding: 0;
    margin: 0;
    height: 20%;
    overflow:visible;
}

.elevated-Container {
    border-radius: 4px;
    background-color: white;
    /*box-shadow: 5px 5px 8px #888888;*/
    box-shadow: 0px 0px 4px #888888;
    z-index: 2;
}

.user-choices-container {
    position: absolute;
    width: 70%;
    left:15%;
    top: -4.0vw;
    visibility:hidden;
    overflow:hidden;
}

#userMenu {
    cursor:pointer;
}

#userMenu:hover > #userChoices {
    visibility:inherit;
}

.login-ms {

}
    .login-ms:hover {
        border: solid 1px #8896a9;
        cursor:pointer;
        border-radius:10px;
    }
    .user-choices-unselected {
        text-decoration: none;
        font-weight: bold;
        font-size: 90%;
        display: block;
        padding-left: 1vw;
        padding-top: 0.25vw;
        padding-bottom: 0.25vw;
        color: var(--menu-item-color-Unselected);
    }

    .user-choices-unselected:hover {
        background-image: linear-gradient(45deg, var(--esg-from-color) 0%, var(--esg-to-color) 100%);
        background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        color: transparent;
    }

.left-powered-by {
    color:var(--menu-item-color-Unselected);
    font-size:80%;
}

.left-hr {
    position:relative;
    width:30%;
    left:35%;
}




.login-container {
    padding:1rem;
    width: 30%;
    /*height: 55%;*/
    left: calc(35% - 0.5rem);
    top: 15%;
    max-height: 70%;
    border:1px solid rgba(100,100,100,0.3);
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    /*transition: background-color 600000s 0s, color 600000s 0s;*/
}

.inputBottomLine {
    outline: 0 !important;
    border-width: 0 0 1px !important;
    border-color: #8896a9 !important;
    background:rgba(255,255,255,1)!important;
    color:black;
}

    .inputBottomLine::-webkit-input-placeholder { /* Edge */
        color: #8896a9;
        font-size: 60%;
        font-weight: bold;
        background: rgba(0,0,0,0) !important;
    }

    .inputBottomLine:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #8896a9;
        font-size: 60%;
        font-weight: bold;
        background: rgba(0,0,0,0) !important;
    }

    .inputBottomLine::placeholder {
        color: #8896a9;
        font-size: 60%;
        font-weight: bold;
        background: rgba(0,0,0,0) !important;
    }

.login-sign-in {
    color: #47525e;
    font-weight:bold;
    font-size:150%;
    padding-top:1rem;
}
.login-welcome {
    font-size: 200%;
    color: #47525e;
    font-weight: bold;
    color: #1C4676;
}

.login-no-account {
    color: #8896a9;
    font-weight: bold;
    font-size: 70%;
    padding-top:1rem;
}

.login-sign-up {
    color: #06314c;
    font-weight: bold;
    font-size: 77%;
    padding-top: 1rem;
}


.w-15 {
    width: 15% !important;
}


.w-25 {
    width: 25%!important;
}

.w-20 {
    width: 20% !important;
}

.w-45 {
    width:45%!important;
}

.w-55 {
    width: 55% !important;
}

.w-30 {
    width: 30%;
}

.w-40 {
    width: 40%;
}

.w-50 {
    width: 50%;
}

.w-70 {
    width: 70%;
}

.w-80 {
    width: 80% !important;
}

.w-90 {
    width: 90%;
}
.w-95 {
    width: 95%;
}

.mw-70 {
    min-width:70%;
}

.h-50 {
    height:50%;
}


.default-input-nomargin {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    border-radius: 0 !important;
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
    margin-left: 0rem;
    background: rgba(0,0,0,0) !important;
}

    .default-input-nomargin:focus + label,
    input.default-input-nomargin:not(:placeholder-shown) + label {
        transform: translate(0, -2.00rem);
        font-size: 0.85rem;
        opacity: 1.0;
    }


.default-input {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    border-radius: 0 !important;
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
    margin-left:1rem;
    background: rgba(0,0,0,0) !important;
}
    .default-input:focus + label,
    input.default-input:not(:placeholder-shown) + label {
        transform: translate(0, -2.00rem);
        font-size: 0.85rem;
        opacity: 1.0;
    }

.default-dropdown {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    border-radius: 0 !important;
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
    margin-left: 1rem;
    background: rgba(0,0,0,0) !important;
}

.default-label {
    display: block;
    position: absolute;
    top: 0%;
    left:1rem;
    pointer-events: none;
    transition: 0.2s ease all;
    color: #8896a9;
    font-size: 0.85rem;
    font-weight: bold;
}

.common-container {
    position: absolute;
    background: rgba(255,255,255,0.9);
    border-radius: 1rem;
    padding-top: 1rem;
    padding-bottom: 2rem;
    overflow: auto;
}

.cancel-btn {
    color: #db5252;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #db5252;
    min-width: 200px;
    padding: 0.4rem;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
    background: white !important;
    transition: all 250ms linear;
    text-decoration: none;
}

.login-btn {
    color: white;
    border-radius: 5px;
    border-style: none;
    min-width: 200px;
    padding: 0.4rem;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
    background: linear-gradient(45deg, var(--esg-from-color) 0%, var(--esg-to-color) 100%) !important;
    transition: all 250ms linear;
    text-decoration: none;
}

    .login-btn:hover {


        text-decoration: none;
        filter: brightness(0.85);
        transition: all 250ms linear;
        color:white;
    }

    .login-btn:active {
        transform: translateY(4px);
    }

    .login-forgot-pass {
        position:relative;
        color: #8896a9;
        font-weight: bold;
        font-size: 77%;
    }

.floating-placeholder {
    display: block;
    position: absolute;
    top: 50%;
    pointer-events: none;
    transition: 0.2s ease all;
    color: #8896a9;
    font-size: 0.6rem;
    font-weight: bold;
}



.leftMenuItem {
    margin-left: 2vw;
    height: var(--menu-item-height);
    width: var(--menu-item-height);

    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: center;

    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
}

.leftMenuDashboard {
    mask-image: url(../images/dashboard.png);
    -webkit-mask-image: url(../images/dashboard.png);
}

.leftMenuESGPragmaticRating {
    mask-image: url(../images/ESGPragmaticRating.png);
    -webkit-mask-image: url(../images/ESGPragmaticRating.png);
}

.leftMenuESGPragmaticRatingOverview {
    mask-image: url(../images/Overview.png);
    -webkit-mask-image: url(../images/Overview.png);
}

.leftMenuESGSmartActionPlan {
    mask-image: url(../images/ESGSmartActionPlan.png);
    -webkit-mask-image: url(../images/ESGSmartActionPlan.png);
}

.leftMenuMyReports {
    mask-image: url(../images/MyReports.png);
    -webkit-mask-image: url(../images/MyReports.png);
}

.leftMenuMyFiles {
    mask-image: url(../images/MyFiles.png);
    -webkit-mask-image: url(../images/MyFiles.png);
}

.leftMenuUsefulResources {
    mask-image: url(../images/UsefulResources.png);
    -webkit-mask-image: url(../images/UsefulResources.png);
}

.leftMenuSettings {
    mask-image: url(../images/Settings.png);
    -webkit-mask-image: url(../images/Settings.png);
}

.leftMenuItemUnSelected {
    background-image: linear-gradient(45deg, var(--menu-item-color-Unselected), var(--menu-item-color-Unselected));
}

.leftMenuItemSelected {
    background-image: linear-gradient(45deg, var(--esg-from-color), var(--esg-to-color));
}

.leftMenuTextSelected {
    color:var(--menu-item-color-selected)!important;
}

.leftMenuTextUnSelected {
    color:var(--menu-item-color-Unselected)!important;
}

    .leftMenuTextUnSelected:hover {
        color: var(--menu-item-color-selected) !important;
    }

.leftMenuTextContainer {
    position: absolute;
    top: 0;
    display: inline-block;
/*    height: var(--menu-item-height);*/
    padding-left: 1.3vw;
}

.leftMenuText {
    text-align: left !important;
    font-size: 0.9vw !important;
    height: var(--menu-item-height);
    line-height: var(--menu-item-height);
    text-decoration: none;
    font-weight: bold;
}

    .leftMenuText:hover {
        background-color: white;
        color: #00639b;
    }

.leftMenuSubText {
    text-align: left !important;
    font-size: 0.8vw !important;
    height: var(--menu-sub-item-height);
    line-height: var(--menu-sub-item-height);
    text-decoration: none;
    font-weight: bold;
}

    .leftMenuSubText:hover {
        background-color: white;
        color: #00639b;
    }


.leftMenuRowUnSelected {
    border-left: solid;
    border-width: 4px;
    border-color: white;
}

.leftMenuRowSelected {
    border-left:solid;
    border-width:4px;
    border-color:var(--menu-item-color-selected);
}


.leftMenuSubItem {
    margin-left: 4vw;
    height: var(--menu-sub-item-height);
    width: var(--menu-sub-item-height);
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
}



.CompanyDetails-container {
    width: 60%;
    max-height: 85%;
    left: 5%;
    top: 10%;
    background:transparent;
}



.CompanyDetails-caption {
    color: #00639b;
    font-size:100%;
    margin-left:1rem;
}


.verify-container {
    width: 50%;
    max-height: 85%;
    left: 5%;
    top: 20%;
}

.activate-didnotreceive {
    color: #06344f;
    font-size:90%;
    text-decoration:underline;
}

.btn-activate {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem;
    color: white;
    background-color: #06344f;
    border-color: #06344f;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
}

.user-top {
    font-size: 80%;
    color: #525252;
    font-weight:bold;
}

.user-bottom {
    font-size: 70%;
    color:var(--menu-item-color-Unselected);
}

.right-header {
    height:6vh;
}

.right-icon {
    height:100%;
}

.right-Title {
    color:var(--menu-item-color-selected);
    font-size:2.5vh;
    line-height:5.5vh;
    font-weight:bold;
    display:inline-block;
    padding-left:1rem;
}

.dashboard-entitydata-Container {
    padding-left:0.2rem;
    margin-top:1rem;
    width:100%;
    position:relative;
}
.dashboard-entitydata-title {
    color: black;
    font-size: 100%;
    font-weight:bold;

}

.entity-data-edit-button {
    border-radius: 10px;
    background-color: #f2f2f2;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    position:absolute;
    right:0;
    text-align:center;
    width:5vw;
    cursor:pointer;
    bottom:0;
}
    .entity-data-edit-button:hover {
        text-decoration: none;
        filter: brightness(0.85);
        transition: all 250ms linear;
    }

    .entity-data-edit-text {
        text-decoration: none;
        font-weight: bold;
        background: linear-gradient(45deg, var(--esg-from-color), var(--esg-to-color));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.iconCommon {
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: linear-gradient(45deg, var(--esg-from-color), var(--esg-to-color));
}

.CompanyIconsWidth {
    width: 2vw;
    height: 2vw;
}

.CompanyIcon {
    mask-image: url(../images/Company.png);
    -webkit-mask-image: url(../images/Company.png);
}

.TaxIDIcon {
    mask-image: url(../images/taxid.png);
    -webkit-mask-image: url(../images/taxid.png);
}

.IndustryIcon {
    mask-image: url(../images/Industry.png);
    -webkit-mask-image: url(../images/Industry.png);
}

.NACEIcon {
    mask-image: url(../images/NACE.png);
    -webkit-mask-image: url(../images/NACE.png);
}

.CountryIcon {
    mask-image: url(../images/Country.png);
    -webkit-mask-image: url(../images/Country.png);
}

.entitydata-label {
    color:var(--menu-item-color-Unselected);
    font-size:80%;
}

.entitydata-value {
    color: #6b6b6b;
    font-size:100%;
}

.dashboard-esgChoices-Container {
    width:100%;
    min-height:19vh;
    padding:1vw;
    height:19vh;
    overflow-y:auto;
    cursor:pointer;
}
    .dashboard-esgChoices-Container:hover {
        box-shadow: 5px 5px 18px #888888;
    }

    .dashboard-esgChoices-Container:active {
        transform: translateY(4px);
    }

    .dashboard-esgchoices-header {
        font-size: 150%;
        font-weight: bold;
        color: var(--menu-item-color-selected);
        display: inline-block;
        line-height: 3vw;
        height: 3vw;
        position: absolute;
        top: 0;
    }

.dashboard-esgchoices-headerIcon {
    width: 3vw;
    height: 3vw;
    display: inline-block;
    margin-right: 1vw;
}

.dashboard-esgchoices-headerIcon-ESGPragmaticRating {
    background: url("/images/ESGPragmaticRating_big.png") no-repeat;
    background-size: cover;
}

.dashboard-esgchoices-headerIcon-ESGSmartActionPlan {
    background: url("/images/ESGSmartActionPlan_big.png") no-repeat;
    background-size: cover;
}

.dashboard-esgchoices-text {
    font-size: 80%;
    color: #6b6b6b;
}

.dashboard-search-text {
    font-size: 80%;
    text-decoration: none;
    display: inline-block;
    cursor:pointer;
    padding:1rem;
}


.dashboard-search_bordered {
    border: 1px solid #a5adb6!important;
    border-radius: 5px;
}

dashboard-search-text-unselected-border {
    color: var(--menu-item-color-Unselected);
    border: solid black 1px;
    background-color: transparent;
    display: inline-block;
}

.dashboard-search-text-unselected {
    color: var(--menu-item-color-Unselected);
    border: none;
    background-color: transparent;
    display: inline-block;
}

    .dashboard-search-text-unselected:hover {
        color: var(--menu-item-color-selected);
    }

.dashboard-search-text-selected {
    color: var(--menu-item-color-selected);
    font-weight: bold;
    border: none;
    background-color: transparent;
    display: inline-block;
    border-bottom: solid;
}

.dashboard-search-underline {
    border-bottom:solid;
    border-width:1px;
    border-color:var(--menu-item-color-Unselected);
}

.dashboard-search-no-results {
    font-size:100%;
    color:var(--menu-item-color-Unselected);
    padding-top:2rem;
    padding-left:2rem;
}


.ESGPragmaticRating-middle-header {
    font-size:100%;
    color:black;
    font-weight:bold;
    padding-left:1rem;
}

.ESGPragmaticRating-middle-results-notification {
    background-color: #f7f7f7;
    border-radius: 5px;
}
.ESGPragmaticRating-middle-results-image {
    height:6vh;
}

.ESGPragmaticRating-middle-results-text {
    color: #d9d9d9;
    font-weight:bold;
}

.ESGPragmaticRating-middle-results-text-bottom {
    display: flex;
    justify-content: center;
    align-items: end;
}

.ESGPragmaticRating-middle-results-notification-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:160%;
    font-weight:bold;
    color:var(--menu-item-color-selected);

}



.ESGPragmaticRating-middle-Start-Assessment {
    max-width: 13vw;
    text-decoration: none;
}

    .ESGPragmaticRating-middle-Start-Assessment:hover {
        color:white;
    }


.ESGPragmaticRating-assessment-text {
    color: var(--menu-item-color-Unselected);
    font-size: 90%;
    padding-left: 1rem;
}

.assessment1-Container-left {
    padding:1.5rem;
    min-height:300px;
    margin-right:2.0rem;
}

.assessment1-Container-middle {
    padding: 1.5rem;
    min-height: 300px;
    margin-right: 1.0rem;
    margin-left:1.0rem;
}

.assessment1-Container-right {
    padding: 1.5rem;
    min-height: 300px;
    margin-left: 2.0rem;
}

.assessment1-step-title {
    font-size:100%;
    font-weight:bold;
    color:var(--menu-item-color-Unselected);
}

.assessment1-step-subtitle {
    font-size: 100%;
    font-weight: bold;
    color: var(--menu-item-color-selected);
}

.assessment1-step1-image {
    max-height:14vh;
    max-width:100%;
}

.assessment1-step-text {
    color:var(--menu-item-color-Unselected);
    font-size:95%;
}

.assessment1-referenceyear-label {
    color:var(--menu-item-color-Unselected);
    font-size:80%;
    text-align:right;
}

.assessment1-start-button {
    text-decoration: none;
    padding-left: 2rem;
    padding-right: 2rem;
}

    .assessment1-start-button:hover {
        color:white;
    }


.assessment1-gdpr {
    color:var(--menu-item-color-Unselected);
    font-size:80%;
}

.assessment-header-image {
    height:15vh;
}


.assessment-screen2-icon {
    margin-left: 2vw;
    height: var(--assessment-screen2-icon-height);
    width: var(--assessment-screen2-icon-height);
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 30%
}

.assessment-screen2-icon-electricity {
    mask-image: url(../images/ElectricityIcon.png);
    -webkit-mask-image: url(../images/ElectricityIcon.png);
}

.assessment-screen2-icon-E4 {
    mask-image: url(../images/E4Icon.png);
    -webkit-mask-image: url(../images/E4Icon.png);
}

.assessment-screen2-icon-Firing {
    mask-image: url(../images/FiringIcon.png);
    -webkit-mask-image: url(../images/FiringIcon.png);
}

.assessment-screen2-icon-Natural-gas {
    mask-image: url(../images/naturalgasIcon.png);
    -webkit-mask-image: url(../images/naturalgasIcon.png);
}


.assessment-screen2-icon-text {
    display: inline-block;
    top: -25%;
    position: relative;
    color:var(--menu-item-color-selected);
    font-size:100%;
    padding-left:1rem;
}


.assessment-screen2-icon-E3 {
    mask-image: url(../images/E3Icon.png);
    -webkit-mask-image: url(../images/E3Icon.png);
}

.assessment-screen2-dropArea {
    background: #cce0eb;
    text-align: center;
    color: var(--menu-item-color-Unselected);
    padding: 1rem;
    border-radius: 5px;
}

.assessment-screen2-dropArea-icon {
    height: 60px;
    width: 60px;
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    mask-image: url(../images/Cloud.png);
    -webkit-mask-image: url(../images/Cloud.png);
    margin-left:calc(50% - 30px);
}

.active-drop {
    background: #77bafa !important;
    border: solid 2px blue !important;
    opacity: .5;
    color: black !important;
}



.backButtonNoArrow {
    box-shadow: 5px 5px 8px #888888;
    background-color: white;
    color: var(--menu-item-color-selected);
    font-size: 100%;
    border-radius: 5px;
    min-width: 100px;
    border-style: none;
    padding: 0.4rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    transition: all 250ms linear;
}

    .backButtonNoArrow:hover {
        text-decoration: none;
        filter: brightness(0.85);
        transition: all 250ms linear;
    }

    .backButtonNoArrow:active {
        transform: translateY(4px);
    }




.backButton {
    box-shadow: 5px 5px 8px #888888;
    background-color: white;
    color: var(--menu-item-color-selected);
    font-size: 100%;
    border-radius: 5px;
    min-width:200px;
    border-style: none;
    padding: 0.4rem;
    text-align: center;
    text-decoration:none;
    display:inline-block;
    transition: all 250ms linear;
}

    .backButton:before {
        content: "";
        width: 30px;
        height: 2px;
        background: var(--menu-item-color-selected);
        position: absolute;
        top: 0%;
        margin-top: -1px;
        left:1rem;
        top:50%;
        transition: all 0.3s ease;
    }

    .backButton:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 5px 5px 0px;
        border-color: transparent var(--menu-item-color-selected) transparent transparent;
        position: absolute;
        margin-top: -5px;
        left: 1rem;
        top: 50%;
    }

    .backButton:hover {
        text-decoration: none;
        filter: brightness(0.85);
        transition: all 250ms linear;
    }

    .backButton:active {
        transform: translateY(4px);
    }

.nextButton {
    color: white;
    border-radius: 5px;
    border-style: none;
    min-width: 200px;
    padding: 0.4rem;
    text-align: center;
    background: linear-gradient(45deg, var(--esg-from-color) 0%, var(--esg-to-color) 100%) !important;
    transition: all 250ms linear;
    box-shadow: 5px 5px 8px #888888;
    text-decoration:none;
    display:inline-block;
}
    .nextButton:before {
        content: "";
        width: 30px;
        height: 2px;
        background: white;
        position: absolute;
        top: 0%;
        margin-top: -1px;
        right: 1rem;
        top: 50%;
        transition: all 0.3s ease;
    }

    .nextButton:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 0px 5px 5px;
        border-color: transparent transparent transparent white;
        position: absolute;
        margin-top: -5px;
        right: 1rem;
        top: 50%;
    }
    .nextButton:hover {
        color:white;
        text-decoration: none;
        filter: brightness(0.85);
        transition: all 250ms linear;
    }

    .nextButton:active {

        transform: translateY(4px);
    }


.greenButton {
    color: white;
    border-radius: 5px;
    border-style: none;
    min-width: 200px;
    padding: 0.4rem;
    text-align: center;
    background: linear-gradient(45deg, var(--esg-from-color) 0%, var(--esg-to-color) 100%) !important;
    transition: all 250ms linear;
    box-shadow: 5px 5px 8px #888888;
    text-decoration: none;
    display: inline-block;
}

    .greenButton:hover {
        color: white;
        text-decoration: none;
        filter: brightness(0.85);
        transition: all 250ms linear;
    }

    .greenButton:active {
        transform: translateY(4px);
    }


    .IDPModalWait {
        margin-top:10%;
        margin-left:20%;
        height:60%;
        width:60%;
    }


.modalSmall {
    margin-top: 25vh;
    margin-left: 30%;
    height: 50vh;
    width: 40%;
    min-height: 360px;
    max-height: 600px;
}

.modalTiny {
    margin-top: 30vh;
    margin-left: 30%;
    height: 30vh;
    min-height:360px;
    max-height:400px;
    width: 40%;
}

.middleButton {
    box-shadow: 5px 5px 8px #888888;
    color: var(--esg-criterion-group-color1);
    font-size: 100%;
    border-radius: 5px;
    min-width: 200px;
    border-style: none;
    padding: 0.4rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    transition: all 250ms linear;



    background-color: white;
}

    .middleButton:before {
        content: "--------";
        color:transparent;
        position:relative;
        mask-size: 80%;
        mask-repeat: no-repeat;
        mask-position: center;
        -webkit-mask-size: 80%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: left;
        background-size: contain;
        background-position: left;
        background-repeat: no-repeat;
        mask-image: url(../images/save.png);
        -webkit-mask-image: url(../images/save.png);
        background-image: linear-gradient(45deg, var(--esg-from-color),var(--esg-to-color));
    }


    .middleButton:hover {
        text-decoration: none;
        filter: brightness(0.85);
        transition: all 250ms linear;
    }

    .middleButton:active {
        transform: translateY(4px);
    }



.whiteButton {
    box-shadow: 5px 5px 8px #888888;
    background-color: white;
    color: var(--menu-item-color-selected);
    font-size: 100%;
    border-radius: 5px;
    min-width: 200px;
    border-style: none;
    padding: 0.4rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    transition: all 250ms linear;
}

    .whiteButton:hover {
        text-decoration: none;
        filter: brightness(0.85);
        transition: all 250ms linear;
    }

    .whiteButton:active {
        transform: translateY(4px);
    }


    .stickyTable th {
        position: -webkit-sticky;
        position: sticky;
        color:var(--menu-item-color-selected);
        background-color: var(--esg-to-color);
        top: 0;
        z-index: 2;
    }

    .stickyTable th[scope=row] {
        position: -webkit-sticky;
        position: sticky;
        background-color:white;
        left: 0;
        z-index: 1;
    }


    .stickyTable th[scope=row] {
        vertical-align: top;
        color: inherit;
        background-color: white;
        background: linear-gradient(90deg, transparent 0%, transparent calc(100% - .05em), #d6d6d6 calc(100% - .05em), #d6d6d6 100%);
    }

    .stickyTable tr:nth-child(4n) {
        background: var(--menu-item-color-Unselected);
    }

    .stickyTable tr:nth-child(4n-1) {
        background: var(--menu-item-color-Unselected);
    }

.stickyTable tr:nth-child(4n-2) {
    background: #0D8E81;
}

.stickyTable tr:nth-child(4n-3) {
    background: #0D8E81;
}

input:required:focus {
    border: 1px solid red;
    outline: none;
}


.IDPWaitIcon {
    width:30%;
}

.IDPDialogHeader {
    font-size: 120%;
    font-weight: bold;
    color: black;
}

.IDPDialogCaption {
    font-size:90%;
    color:var(--menu-item-color-Unselected);
}

.IDPModalButtonContainer {
    position: relative;
    width: 200px;
    left: calc(50% - 100px);
}


.switch {
    position: absolute;
    display: inline-block;
    width: 2.2vw;
    height: 2.1vh;
    top: 0%;
    right: 10vw;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 1.4vh;
        width: 1.4vh;
        left: 0.2vw;
        bottom: 0.2vw;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background: linear-gradient(45deg, var(--esg-from-color),var(--esg-to-color));
}

input:focus + .slider {
    box-shadow: 0 0 1px var(--menu-item-color-Unselected);
}

input:checked + .slider:before {
    -webkit-transform: translateX(1.1vw);
    -ms-transform: translateX(1.1vw);
    transform: translateX(1.1vw);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }



.Assessment3SubText {
    font-size:80%;
    color:var(--menu-item-color-Unselected);
}

.Assessment3MandatoryText {
    font-size:80%;
    color:black;
    font-weight:bold;
}

.assessment-screen3-IDPType-header {
    font-size:90%;
    font-weight:bold;
    display:inline-block;
    margin-right:2rem;
    cursor:pointer;
    text-decoration:none;
}

    .assessment-screen3-IDPType-header:hover {
        color: var(--menu-item-color-selected);
    }

    .assessment-screen3-IDPType-header-selected {
        color: var(--menu-item-color-selected);
        border-bottom: solid;
        border-color: var(--menu-item-color-selected);
        border-width: 2px
    }

.assessment-screen3-IDPType-header-Unselected {
    color: var(--menu-item-color-Unselected);
}


.esg-criterion-group-label {
    font-size: 0.8vw;
    font-weight:bold;
    top:-15%;
}

.esg-criterion-group-category1 {
    color: var(--esg-criterion-group-color1);
}

.esg-criterion-group-category2 {
    color: var(--esg-criterion-group-color2);
}

.esg-criterion-group-category3 {
    color: var(--esg-criterion-group-color3);
}

.esg-criterion-label {
    font-size: 100%;
    color: var(--esg-criterion-label-color);
}

.esg-file-upload {
    /*white-space: nowrap;*/
    /*border: 1px solid red;*/ /*var(--esg-criterion-label-color)*/
    display: inline-block;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 1rem;
    padding-right: 1rem;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    color: var(--esg-criterion-label-color);
    font-size: 80%;
    background-color: white;

}


.esggradiantText {
    background: linear-gradient(to right, var(--esg-from-color) 0%, var(--esg-to-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

input[type="file"] {
    display: none;
}

.searchResultsRow {

}

    .searchResultsRow:hover {

    }
.searchResultsIcon {
    height:2vw;
}

.searchResultsText {
    font-size:80%;
    color:var(--menu-item-color-Unselected);
    line-height:2vw;
    text-decoration:none;
}

.settings-table-header {
    font-size:80%;
    font-weight:bold;
    text-align:center;
    background-color:white!important;
}

.wpx-50 {
    width:50px;
}
.wpx-70 {
    width: 70px;
}

.wpx-80 {
    width: 70px;
}
.wpx-100 {
    width: 100px;
}
.wpx-150 {
    width: 150px;
}
.wpx-200 {
    width: 200px;
}
.wpx-400 {
    width: 400px;
}

.wpx-600 {
    width: 600px;
}

.settings-table-row {
    font-size: 80%;
    font-weight: bold;
}

.settings-text-header {
    font-size:120%;
    font-weight:bold;
    color:black;
}


.default-radio-text {
    color: var(--esg-criterion-label-color);
    font-size: 80%;
    display: inline-block;
}

.default-radio {
    appearance: none;
    background-color: white;
    margin: 0;
    font: inherit;
    color: var(--esg-criterion-group-color1);
    width: 1.0em;
    height: 1.0em;
    border: 0.2em solid var(--esg-criterion-group-color1);
    border-radius: 50%;
    display: grid;
    place-content: center;
    cursor:pointer;
}

.default-radio::before {
    content: "";
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--esg-criterion-group-color1);
}

.default-radio:checked::before {
    transform: scale(1);
}

.form-check-input:checked {
    background-color: var(--esg-criterion-group-color1);
    border-color: var(--esg-criterion-group-color1);
}



.results-overview-doughnut {
    height: 10vh !important;
    width: 10vh !important;
    left: calc(50% - 8vh);
    position: relative;
}


.overlay-graph-services-text-overviewp3 {
    position: absolute;
    left: calc(50% - 3.5rem);
    top: 35%;
    font-weight: bold;
    font-size: 0.8rem;
    text-align: center;
}


.results-overview-chart-label {
    font-size:80%;
    font-weight:bold;
}

.colorE {
    color:var(--esg-criterion-group-color1);
}

.colorS {
    color: var(--esg-criterion-group-color2);
}

.colorG {
    color: var(--esg-criterion-group-color3);
}


.results-overview-ESG-graph {
    width:100%;
}

.results-overview-ESG-graph-total {
    color: #9dba74;
    font-size: 200%;
    font-weight: bold;
}

.bgE {
    background: var(--esg-criterion-group-color1);
}

.bgS {
    background: var(--esg-criterion-group-color2);
}

.bgG {
    background: var(--esg-criterion-group-color3);
}


.bgInactive {
    background: #d9d9d9;
}

.resultReportButton {
    color: white;
    border-radius: 5px;
    border-style: none;
    min-width: 200px;
    padding: 0.4rem;
    text-align: center;
    transition: all 250ms linear;
    box-shadow: 5px 5px 8px #888888;
    text-decoration: none;
    display: inline-block;
}

    .resultReportButton:hover {
        color: white;
        text-decoration: none;
        filter: brightness(0.85);
        transition: all 250ms linear;
    }

    .resultReportButton:active {
        transform: translateY(4px);
    }

.resultResportEsgIcon {
    height: 5vw;
    padding-right: 0vw;
    box-shadow: 5px 5px 5px #ccc;
    -moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    -khtml-box-shadow: 5px 5px 5px #ccc;
}


.report-esgsubcategory-header {
    font-size:100%;
    font-weight:bold;
}

.report-esgsubcategory-text {
    font-size: 0.8vw;
    line-height: 1.9vw;
}

.c-exceptional {
    color:var(--esg-color-exceptional);
}

.c-average {
    color: var(--esg-color-average);
}

.c-unexceptional {
    color: var(--esg-color-unexceptional);
}

.c-laggard {
    color: var(--esg-color-laggard);
}

.c-good {
    color: var(--esg-color-good);
}

.c-materiality {
    color: var(--esg-color-materiality);
}

.bgi-exceptional {
    background-image: linear-gradient(45deg, var(--esg-color-exceptional), var(--esg-color-exceptional));
}

.bgi-average {
    background-image: linear-gradient(45deg, var(--esg-color-average), var(--esg-color-average));
}

.bgi-unexceptional {
    background-image: linear-gradient(45deg, var(--esg-color-unexceptional), var(--esg-color-unexceptional));
}

.bgi-materiality {
    background-image: linear-gradient(45deg, var(--esg-color-materiality), var(--esg-color-materiality));
}

.report-analytic-text {
    font-size:0.8vw;
    color:var(--menu-item-color-Unselected);
    line-height:1.9vw;
}

.report-analytic-percentage {
    font-size: 0.8vw;
    line-height: 1.9vw;
}


.report-esgsubcategory-icon {
    height: 1.5vw;
    width: 1.5vw;
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
}

.bgiE {
    background-image: linear-gradient(45deg, var(--esg-criterion-group-color1), var(--esg-criterion-group-color1));
}

.bgiS {
    background-image: linear-gradient(45deg, var(--esg-criterion-group-color2), var(--esg-criterion-group-color2));
}

.bgiG {
    background-image: linear-gradient(45deg, var(--esg-criterion-group-color3), var(--esg-criterion-group-color3));
}


.IndexReportKeyIndicator {
    font-size: 70%;
    color: #176a65;
}

.myFiles-year {
    font-size: 90%;
    font-weight:bold;
    color: #0c635e;
}

.myFiles-downloadall {
    font-size:80%;
    color:var(--menu-item-color-Unselected);
    text-decoration:none;
}

.myFiles-row-text {
    font-size:80%;
    color:black;
}

.auditor-back {
    background-color: #cccec7;
    box-shadow: 4px 4px 8px #888888;
}

.idp-cell {
    border: 2px solid #009ee3;
    font-size:100%;
}

.idp-header {
    font-size:120%;
    font-weight:bold;
    color:var(--esg-color-exceptional);
}




















.stepText {
    color: #06344f;
    font-weight: bold !important;
}


.steps {
    min-height: 400px;
}

.AssessTabs {
    height: 81vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.hideAsset {
    height: 0 !important;
    overflow: hidden !important;
}


.hide {
    height: 0 !important;
    overflow: hidden !important;
    display: none;
}

.hide1 {
    height: 0 !important;
    overflow: hidden !important;
    display: none;
}

.hide2 {
    height: 0 !important;
    overflow: hidden !important;
    display: none;
}

.hide3 {
    height: 0 !important;
    overflow: hidden !important;
    display: none;
}

.hide4 {
    height: 0 !important;
    overflow: hidden !important;
    display: none;
}

.stepSelected {
    background-color: #00629a;
    height: 10px;
}

.stepUnSelected {
    background-color: #c4d7e3;
    height: 10px;
}

.inputWide {
    width: 400px !important;
}




.removeFile {
    color:red;
    cursor:pointer;
}


.showMinus {
    width: 40px!important;
    padding-left:1em;
    overflow: hidden !important;
}

.hideMinus {
    width: 0 !important;
    overflow: hidden !important;
}


.btn-login {
    color: #fff;
    background-color: #06344f;
    border-color: #06344f;
}

    .btn-login:hover {
        background-color: #00629a;
        border-color: #00629a;
    }

.btn:hover {
    color: #fff;
}


.plvw1 {
    padding-left: 1vw !important;
}

.prvw1 {
    padding-right: 1vw !important;
}

.mrvw1 {
    margin-right: 1vw !important;
}

.assetCircleText {
    font-size: 0.8vw;
    vertical-align: middle;
}


.cselected {
    color: #8de1c2;
    background-color: #06344f;
}

.cunselected {
    color: white;
    background-color: #06344f;
}

.vline {
    height: 1vw;
    border-left: 2px solid white;
    margin-left: 1.5vw !important;
}

.zeroW {
    width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    border:0!important;
    display:none!important;
}

.modal-dialog {
    top: 0; /*calc(20vh - 96px);*/ /*50vh - 96px*/
    margin: 2vw auto;
    height:calc(100% - 4vw);
}
.modal-body {
    padding:0.5rem;
}

.modal-dialog-big {
    max-width:96%;
    height:calc(100vh - 4vw);
}

.modal-content {
    height:100%;
}

.modal-header {
    border:none;
    padding:0.5rem;
}

.modal-footer {
    border: none;
}


.modal-content-error {
    min-width: 25vw;
    width: 25vw;
    height:25vh!important;
    /* height: 100vh
vh
; */
    left: 35%;
}



.modal-right-screen {
    left: 16.66%;
    top: 0;
    width: 83.34%;
    height: 100vh;
    background-color: rgba(125,125,125,0.3);
    backdrop-filter: blur(10px);
}

.modal-all-screen {
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(125,125,125,0.3);
    backdrop-filter: blur(10px);
}

.modal-content {
    border-radius:20px;
}

.c-Error {
    border: 1px solid red !important;
    background-color: #fff0f4!important;
}

.disable-scrollbars::-webkit-scrollbar {
    background: transparent!important; /* Chrome/Safari/Webkit */
/*    width: 0px;*/
}

.disable-scrollbars {
    /*scrollbar-width: none;*/ /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
}

.adjustRadioAndCheck {
    padding-left:6em!important;
}

.btnDark {
    background-color: #06344f!important;
    border-color: #06344f!important;
}

.auditorCheckbox {
    margin-top: 11%;
}

.auditGreen {
    /*background-color: #43aa8b !important;*/
    color: black;
    border: 1px solid black;
    /*border: 1px solid #43aa8b;*/
}

.hdivider {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #cbcbcb;
}

.IDPSuccess {
    font-weight: bold !important;
    font-style: italic !important;
    color: #43aa8b !important;
}

.IDPError {
    font-weight: bold !important;
    font-style: italic !important;
    color: #fa6163 !important;
}

.IDPDifferent {
    font-weight: bold !important;
    font-style: italic !important;
    color: #fa6163 !important;
}

.IDPCommentText {
    color: #5a6978 !important;
    font-weight: normal !important;
}

.loginbg {
    background: url("/images/background.png") no-repeat;
    background-size: cover;
}

.uploadedFile {
    border: 1px solid #c7c7c7 !important;
    border-radius: 5px;
    width: 200px;
    height: 38px;
    position:relative;
    text-align:left;
    display:inline-block;
}

.pdf {
    background-image: url("../images/pdf-icon.svg");
    background-repeat: no-repeat;
    background-position: 5%;
    background-size: auto 90%;
}

.png {
    background-image: url("../images/png-icon.svg");
    background-repeat: no-repeat;
    background-position: 5%;
    background-size: auto 90%;
}

.tif {
    background-image: url("../images/tiff-file-icon.svg");
    background-repeat: no-repeat;
    background-position: 5%;
    background-size: auto 90%;
}

.doc {
    background-image: url("../images/doc-icon.svg");
    background-repeat: no-repeat;
    background-position: 5%;
    background-size: auto 90%;
}

.gif {
    background-image: url("../images/gif-icon.svg");
    background-repeat: no-repeat;
    background-position: 5%;
    background-size: auto 90%;
}

.xls {
    background-image: url("../images/xls-icon.svg");
    background-repeat: no-repeat;
    background-position: 5%;
    background-size: auto 90%;
}

.rar {
    background-image: url("../images/rar-icon.svg");
    background-repeat: no-repeat;
    background-position: 5%;
    background-size: auto 90%;
}

.zip {
    background-image: url("../images/zip-icon.svg");
    background-repeat: no-repeat;
    background-position: 5%;
    background-size: auto 90%;
}

.uploadedFileInner {
    position: relative;
    display: inline-block;
    width: 64%;
    white-space: nowrap;
    overflow: hidden;
    left: 22%;
    line-height:34px;
    cursor:pointer;
}

.uploadedFileDelete {
    display: inline-block;
    position: absolute;
    right: 3%;
    width: 10%;
    height:100%;
    background-image: url("../images/delete.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 90% auto;
}

.nextStep {
    width: 80% !important;
}

.btnwhiteInside {
    outline: 1px solid #06344f;
    background-color: white;
    color: #06344f;
}

.darkBlue {
    color: #06344f;
}

.grayText {
    color: #a5adb6;
}

.inactiveText {
    color: #7F7F7F;
}
.selectValueContainer {
    position:relative;
    display:inline-block;
    background-color:white;
    border-radius:5px;
    padding:4px;
    height:60px;
    max-width:300px;
    min-width:100px;
    overflow-x:auto;
    overflow-y:hidden;
    cursor:pointer;
}

.auditorPreselectedValues {
    color: #5b6a79;
    font-weight:bold;
    width:100%;
    height:100%;
}

    .auditorPreselectedValues:hover {
        background-color:#acb2bb ;
        transition: background-color linear 0.5s;
    }

    .auditorValueLiteral {
        color: #acb2bb;
        font-weight: normal;
        position: absolute;
        bottom: 0;
    }


.Company-logo-upload {
    position: relative;
    white-space: nowrap;
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-left: 1.0rem;
    cursor: pointer;
    border-radius: 5px;
    width: 20%;
    height:60px;
    line-height:3rem;
    text-align: center;
    color: var(--esg-criterion-label-color);
    font-size: 85%;
    box-shadow: -1px -1px 6px 6px rgba(0,0,0,0.16);
    -webkit-box-shadow: -1px -1px 6px 6px rgba(0,0,0,0.16);
    -moz-box-shadow: -1px -1px 6px 6px rgba(0,0,0,0.16);
    background-image: url(../images/companylogo.png);
    background-size: contain;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-origin: content-box;
}

.Company-logo-upload-p3 {
    height: 60px;
    width:auto;
    padding-left:40px;
}
.Company-logo-upload-p3-icon {
    position:absolute;
    left:120px;
    bottom:0px;
    height:20px;
    width:20px;
    background-image: url(../images/Edit.png);
    background-size: auto 20px;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-origin: content-box;
    cursor:pointer;
}


.Company-supportdocument-upload-p1-icon {
    position: absolute;
    left: 10px;
    bottom: 0px;
    height: 20px;
    width: 20px;
    background-image: url(../images/Edit.png);
    background-size: auto 20px;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-origin: content-box;
    cursor: pointer;
}


    .Company-logo-upload-has-file {
        font-size: 100%;
    }
    .dashboard-reference-year {
        padding-left: 3rem;
        font-size: 160%;
        font-weight: bold;
        color: #595959;
    }

.dashboard-esgtracker-step {
    font-size: 120%;
    font-weight: bold;
    background: linear-gradient(to right, var(--esg-from-color) 0%, var(--esg-to-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.esg-tracker-start-image {
    position:relative;
    height:45vh;
    left:10%;
}

.exit {
    width: 170px;
    height: 30px;
    padding:4px;
    background-color:white;
    line-height: 22px;
    background-image: url(../images/exit.png);
    background-size: contain;
    background-origin: content-box;
    background-position: center left;
    background-repeat: no-repeat;
    background-origin: content-box;
    position: absolute;
    top: 12%;
    right: 5%;
    text-align: center;
    font-size: 100%;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: -1px -1px 10px #5555;
    cursor:pointer;
}
    .exit:hover {
        box-shadow: 2px 2px 10px #5555;
    }

.esg_icon {
    background-size: contain;
    background-origin: content-box;
    background-position: center left;
    background-repeat: no-repeat;
    background-origin: content-box;
}

.esgE {
    background-image: url(../images/ELogo.png);
}

.esgS {
    background-image: url(../images/SLogo.png);
}

.esgG {
    background-image: url(../images/GLogo.png);
}

.esg-tracker-icon {
    height:5.5vh;
}

.completed_notebook {
    height:10vh;
}

.ESGStatusDraft {
    background-color: #fff2cc;
    color: #c29408;
    padding: 0.2rem;
    border-radius: 6px;
}

.ESGStatusDraftAuditor {
    background-color: #D8D8D8;
    color: #444444;
    padding: 0.2rem;
    border-radius: 6px;
}

.ESGStatusSubmittedAuditor {
    background-color: #DC9127;
    color: #FFFFFF;
    padding: 0.2rem;
    border-radius: 6px;
}



.ESGStatusReview {
    background-color: #F7E1FF;
    color: #661599;
    padding: 0.2rem;
    border-radius: 6px;
}

.colorsMissing {
    background-color: #fff2cc;
    color: #BF9000;
}

.documentStatusMissing {
    background-color: #FFE6CC;
    color: #DD7B28;
    padding: 0.2rem;
    border-radius: 6px;
}

.colorsClarification {
    background-color: #FBE5D6;
    color: #C00000;
}

.documentStatusClarification {
    background-color: #FBE5D6;
    color: #C00000;
    position: relative;
    padding: 0.2rem;
    border-radius: 6px;
}


.ESGStatusSubmitted {
    background-color: #deebf7;
    color: #1c4676;
    position: relative;
    padding: 0.2rem;
    border-radius: 6px;
}

.ESGStatusClarification {
    background-color: #FBE5D6;
    color: #C00000;
    position: relative;
    padding: 0.2rem;
    border-radius: 6px;
}


.colorsSubmitted {
    background-color: #deebf7;
    color: #21655E;
}

.colorsRejected {
    background-color: #F37A1C;
    color: #FFFFFF;
}

.colorsVerified {
    background-color: #c9efeb;
    color: #21655E;
}


.documentStatusSubmitted {
    background-color: #deebf7;
    color: #21655E;
    position: relative;
    padding: 0.2rem;
    border-radius: 6px;
}

.documentStatusRejected {
    background-color: #F37A1C;
    color: #FFFFFF;
    position: relative;
    padding: 0.2rem;
    border-radius: 6px;
}

.documentStatusUnderReview {
    background-color: #e8d1f8;
    color: #63237b;
    position: relative;
    padding: 0.2rem;
    border-radius: 6px;
}

.documentStatusVerified {
    background-color: #c9efeb;
    color: #21655E;
    position: relative;
    padding: 0.2rem;
    border-radius: 6px;
}

.ESGStatusVerifiedContainer {
    background-color: #c9efeb;
    border-radius: 6px;
    display:inline;
}

.ESGStatusVerified {
    background: linear-gradient(to right, var(--esg-from-color) 0%, var(--esg-to-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0.2rem;
}

.colorsError {
    background-color: #FBE5D6;
    color: #C10202;
}

.colorsDraft {
    background-color: #fff2cc;
    color: #c29408;
}


.documentStatusError {
    background-color: #FBE5D6;
    color: #C10202;
    position: relative;
    padding: 0.2rem;
    border-radius: 6px;
}

.documentStatusDraft {
    background-color: #fff2cc;
    color: #c29408;
    position: relative;
    padding: 0.2rem;
    border-radius: 6px;
}


.button-white-linear {
    background: linear-gradient(to right, var(--esg-from-color) 0%, var(--esg-to-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0.2rem;
    border: none;
    white-space:normal;
}

.button-white-linear-reverse {
    background: linear-gradient(to left, var(--esg-from-color) 0%, var(--esg-to-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0.2rem;
    border: none;
}

.button-white-linear-reverse-p0 {
    background: linear-gradient(to left, var(--esg-from-color) 0%, var(--esg-to-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0.00rem;
    border: none;
}

.button-simple {
    padding: 0.2rem;
    border: none;
}

.buttonBorder {
    background-color: white;
    box-shadow: -1px -1px 10px #5555;
}


.esgmediumbutton {
    min-width: 80px;
    height: 30px;
    padding: 4px;
    line-height: 22px;
    top: 12%;
    right: 5%;
    text-align: center;
    font-size: 100%;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: -1px -1px 10px #5555;
    border-color: transparent;
    cursor: pointer;
    background: transparent;
    background: linear-gradient(to right, var(--esg-from-color) 0%, var(--esg-to-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

    .esgmediumbutton:hover {
        box-shadow: 2px 2px 10px #5555;
    }


.submissionsViewbutton {
/*    width: 140px;
    height: 30px;
    padding: 4px;
    line-height: 22px;
    top: 12%;
    right: 5%;
    text-align: center;
    font-size: 100%;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: -1px -1px 10px #5555;
    border-color: transparent;
    cursor: pointer;
    background: linear-gradient(to right, #19106c 0%, #3021b5 100%);
    color:white;*/
}

    .submissionsViewbutton:hover {
        box-shadow: 2px 2px 10px #5555;
    }


.esgmainbutton {
    width: 140px;
    height: 30px;
    padding: 4px;
    line-height: 22px;
    top: 12%;
    right: 5%;
    text-align: center;
    font-size: 100%;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: -1px -1px 10px #5555;
    border-color: transparent;
    cursor: pointer;
    background: transparent;
    background: linear-gradient(to right, var(--esg-from-color) 0%, var(--esg-to-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

    .esgmainbutton:hover {
        box-shadow: 2px 2px 10px #5555;
    }

.esgsmallbutton {
    width: 30px;
    height: 30px;
    padding: 4px;
    line-height: 22px;
    top: 12%;
    right: 5%;
    text-align: center;
    font-size: 100%;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: -1px -1px 10px #5555;
    border-color: transparent;
    cursor: pointer;
    background: transparent;
    background: linear-gradient(to right, var(--esg-from-color) 0%, var(--esg-to-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

    .esgsmallbutton:hover {
        box-shadow: 2px 2px 10px #5555;
    }




.esgdefaultbutton {
    min-width: 30px;
    height: 30px;
    padding: 4px;
    line-height: 22px;
    top: 12%;
    right: 5%;
    text-align: center;
    font-size: 100%;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: -1px -1px 10px #5555;
    border-color: transparent;
    cursor: pointer;
    background: transparent;
    background: linear-gradient(to right, var(--esg-from-color) 0%, var(--esg-to-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

    .esgdefaultbutton:hover {
        box-shadow: 2px 2px 10px #5555;
    }



.rightImageCommon {
    position: absolute;
    right: 0;
    top: 9vh;
    /*height:88vh;*/
    height: calc(100vh - var(--headerHeight));
    width: 30%;
    z-index: -2;
    background-size: cover;
    /*background-origin: content-box;*/
    background-position: top right;
    background-repeat: no-repeat;
    background-origin: content-box;
}

.rightImageE {
/*    position:absolute;
    right:0;
    top:9vh;*/
    /*height:88vh;*/
/*    height:100%;
    width:30vw;
    z-index:-2;*/
    background-image: url(../images/environmentBack.png);
/*    background-size: contain;*/
    /*background-origin: content-box;*/
/*    background-position: top right;
    background-repeat: no-repeat;
    background-origin: content-box;*/
}

.rightImageS {
/*    position: absolute;
    right: 0;
    top: 9vh;*/
    /* height: 88vh;*/
/*    height: 100%;
    width: 30vw;
    z-index: -2;*/
    background-image: url(../images/SocialBack.png);
/*    background-size: contain;*/
    /*background-origin: content-box;*/
/*    background-position: top right;
    background-repeat: no-repeat;
    background-origin: content-box;*/
}

.rightImageG {
/*    position: absolute;
    right: 0;
    top: 9vh;*/
    /*height: 88vh;*/
/*    height: 100%;
    width: 30vw;
    z-index: -2;*/
    background-image: url(../images/GovernanceBack.png);
/*    background-size: contain;*/
    /* background-origin: content-box;*/
/*    background-position: top right;
    background-repeat: no-repeat;
    background-origin: content-box;*/
}


.hideScrollbarContainer {
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
}

    .hideScrollbarContainer::-webkit-scrollbar {
        display: none; /* Safari and Chrome */
    }

.accordion-button:not(.collapsed) {
    font-weight: bold;
    color: black;
    background-color: transparent;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0);
}

.accordion-item {
    background-color: #fff;
    border: 0px solid rgba(0,0,0,.125);
}

.accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
}

.accordion-button {
    background-color:transparent;
}

.error_div {
    max-height:100px;
    overflow:auto;
}



.limitReachedImage {
    height:15vh;
}

.limitReachedText {
    font-size:120%;
}

.leftMargin {
    margin-left: 3rem !important;
}

.leftMargin4 {
    margin-left: 4rem !important;
}

.leftMargin6 {
    margin-left: 6rem !important;
}

.Tableheader {
    position: relative;
    padding-left: 0;
    padding-right: 10px!important;
    color: #a5adb6;
    /*    border-radius: 10px;
    -webkit-box-shadow: -10px 0px 13px -7px #888888, 10px 0px 13px -7px #888888, 10px 0px 11px -2px rgba(135,135,135,0);
    box-shadow: -10px 0px 13px -7px #888888, 10px 0px 13px -7px #888888, 10px 0px 11px -2px rgba(135,135,135,0);*/
}

.TableheaderNoPadding {
    position: relative;
    color: #a5adb6;
    /*    border-radius: 10px;
    -webkit-box-shadow: -10px 0px 13px -7px #888888, 10px 0px 13px -7px #888888, 10px 0px 11px -2px rgba(135,135,135,0);
    box-shadow: -10px 0px 13px -7px #888888, 10px 0px 13px -7px #888888, 10px 0px 11px -2px rgba(135,135,135,0);*/
}

.companyDetailsButton {
    border-width:1px;
    border-style:solid;
    border-radius: 6px;
    background-color: white;
    border-color: #a5adb6;
    width:100%;
    /*    -webkit-box-shadow: -10px 0px 13px -7px #888888, 10px 0px 13px -7px #888888, 10px 0px 11px -2px rgba(135,135,135,0);
    box-shadow: -10px 0px 13px -7px #888888, 10px 0px 13px -7px #888888, 10px 0px 11px -2px rgba(135,135,135,0);*/
}

.logoContainerForAuditor {
    width:200px;
    text-align:center;
}

.title-icon {
    height: 67px;
    padding-top:1rem;
}


.p2Tab-icon {
    height: 20px;
}


.paddingleft3rem {
    padding-left: 3rem !important;
}


.continueButtonSimple {

    border-radius: 5px;
    border-style: none;
    min-width: 80px;
    padding: 0.2rem;
    text-align: center;
    background:none;
    transition: all 250ms linear;

    text-decoration: none;
    display: inline-block;
}


.continueButton {
    margin-left:1rem;
    color: white;
    border-radius: 5px;
    border-style: none;
    min-width: 100px;
    padding: 0.2rem;
    text-align: center;
    background: linear-gradient(45deg, var(--esg-from-color) 0%, var(--esg-to-color) 100%) !important;
    transition: all 250ms linear;
    box-shadow: 5px 5px 8px #888888;
    text-decoration: none;
    display: inline-block;
}
/*
    .continueButton:before {
        content: "";
        width: 30px;
        height: 2px;
        background: white;
        position: absolute;
        top: 0%;
        margin-top: -1px;
        right: 1rem;
        top: 50%;
        transition: all 0.3s ease;
    }

    .continueButton:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 0px 5px 5px;
        border-color: transparent transparent transparent white;
        position: absolute;
        margin-top: -5px;
        right: 1rem;
        top: 50%;
    }
*/
    .continueButton:hover {
        color: white;
        text-decoration: none;
        filter: brightness(0.85);
        transition: all 250ms linear;
    }

    .continueButton:active {
        transform: translateY(4px);
    }


.tabChoice {
    border-top: none;
    border-left: none;
    border-right: none;
    border-width: 2px;
    background-color: transparent;
    border-bottom: none;
    border-color: var(--menu-item-color-Unselected);
    text-align: center;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    font-size:90%;
    line-height:1rem;
}

.tabChoicep2 {
    border-top: none;
    border-left: none;
    border-right: none;
    border-width: 2px;
    background-color: transparent;
    border-bottom: none;
/*    border-color: var(--menu-item-color-Unselected);*/
    text-align: center;
    font-size: 0.8rem;
    line-height: 1rem;
}

    .tabChoicep2:hover {
        color:white;
    }

.tabChoiceSelectedp2 {
    height:100%;
  /*  border-bottom: solid !important;*/
    /*padding-bottom: calc(5vh / 2.0 - var(--menu-width) / 16.0 / 2.0 - 1px) !important;*/
    /*padding-bottom: calc(var(--headerHeightp2) ) !important;*/
}

.tabChoiceSelected {
    border-bottom: solid !important;
    padding-bottom:4px;
    border-color: var(--esg-to-color);
}

.tabChoiceKPI {
    border-top: solid;
    /*border-left: solid;*/
    border-right: solid;
    border-bottom: solid;
    border-width: 1px;
    background-color: transparent;
    border-color: rgba(180,180,180,0.5);
    text-align: center;
    padding: 1rem;
    /*    padding-left: 1rem !important;
    padding-right: 1rem !important;*/
    font-size: 90%;
    /*line-height: 1rem;*/
}

.tabChoiceSelectedKPI {
    border-bottom: 3px solid var(--esg-to-color);
    background-color: #DEEBF7 !important;
    color: var(--esg-to-color);
    padding: 1rem;
}

.tabChoiceContainer {
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: transparent;
    border-bottom: solid;
    border-width: 1px;
    border-color: var(--menu-item-color-Unselected);
    width: auto;
    display: inline-block;
    white-space: nowrap;
    overflow-x:auto;
}


.tabChoiceContainerp2 {
    position: absolute;
    /*top: calc(5vh / 2.0 - var(--menu-width) / 16.0 / 2.0);
    height: calc(5vh - (5vh / 2.0 - var(--menu-width) / 16.0 / 2.0));*/
    top:0vh;
    height:5vh;
    left: 400px;
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: transparent;
    width: auto;
    display: inline-block;
    z-index: 1000;
}

.ESGDataTableResultsTextNoAlign {
    background-color: transparent;
    font-size: 0.8rem;
    border: none;
    width: 100%;
    word-wrap: break-word !important;
    word-break: break-word !important;
}

.ESGDataTableResultsText {
    background-color: transparent;
    font-size: 0.8rem;
    border: none;
    text-align: center;
    width: 100%;
    word-wrap: break-word !important;
    word-break: break-word !important;
}

.ESGDataTableResultsTextEditable {
    /*    border: solid !important;
    border-width: 1px !important;
    border-color: #dfa0bf !important;*/
    border: solid !important;
    border-width: 1px !important;
    border-color: #D5D5D5 !important;
    border-radius:5px;
    background-color:white;
    padding:5px;
}


.ESGDataTableResultsUrlText {
    font-size: 0.9rem;
}


.tableCellBorderOnly {
    border: 1px solid #ddd;
}

.tableCellBorderOnlyLeft {
    border-left: 1px solid #ddd;
}

.tableCellBorderOnlyRight {
    border-right: 1px solid #ddd;
}


.tableCellNoBorderAlignTop {
    display: flex;
    align-items:flex-start;
    text-align: center;
    justify-content: center;
}

.tableCellNoBorder {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.tableCellNoBorderAlignLeft {
    display: flex;
    align-items: center;
    text-align: left;
    justify-content: left;
}

.tableCellNoBorderAlignRight {
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: right;
}

.roundCorners {
    border-radius: 15px;
}

.tableCell {
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}


.tableCellColumn {
    flex-direction: column;
}


.ESGDataTableResultsTextType {
    background-color: #DADADA;
    font-size: 0.7rem;
    border: 1px solid #DADADA;
    border-radius: 6px;
    color: #848484;
    text-align: center;
    width: 90%;
    position: relative;
    padding: 0 !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
}



.ESGDataTableResultsCombo {
    position: relative;
    background-color: white !important;
    font-size: 0.8rem;
    height:100%;
    border: none;
    font-weight:bold;
    text-align: center;
    width: 100%;
    color: #888888;
}

    .ESGDataTableResultsCombo option:checked {
        color: #10699E!important;
        font-weight: bold;
        background-color: white;
    }
    .ESGDataTableResultsCombo option {
        background: white !important;
        color: #888888 !important;
    }
        .ESGDataTableResultsCombo option[value='-1'] {
            color: #10699E !important;
            font-weight: bold;
            background-color: white;
        }

.ESGDataTableResultsComboSelectedOption {
    color: #10699E !important;
    font-weight: bold;
    background-color: white;
}



.footer-email {
    position:absolute;
    bottom:3rem;
    right:1rem;
}

.ml-4rem {
    margin-left: 4rem!important;
}

.mr-4rem {
    margin-right: 4rem !important;
}

.inputNoBottomLine {
    outline: 0 !important;
    border-width: 0 0 0px !important;
    border-color: #8896a9 !important;
    background: rgba(0,0,0,0) !important;
    color: black;
}

    .inputNoBottomLine::-webkit-input-placeholder { /* Edge */
        color: #8896a9;
        font-size: 60%;
        font-weight: bold;
        background: rgba(0,0,0,0) !important;
    }

    .inputNoBottomLine:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #8896a9;
        font-size: 60%;
        font-weight: bold;
        background: rgba(0,0,0,0) !important;
    }

    .inputNoBottomLine::placeholder {
        color: #8896a9;
        font-size: 60%;
        font-weight: bold;
        background: rgba(0,0,0,0) !important;
    }

.auditorStatisticsContainer {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    border-radius: 6px;
    padding: 8px !important;
}
.auditorStatisticsHeaderText {
    font-size:100%;
    font-weight:bold;
    /*color:#1C4676;*/
}

.auditorStatisticsText {
    font-size: 120%;
    /*color: #1C4676;*/
    font-weight: bold;
}

.AuditorApprovebutton {
    /*width: 140px;*/
    min-height: 30px;
    min-width: 30px;
    padding: 4px;
    line-height: 22px;
    top: 12%;
    right: 5%;
    text-align: center;
    font-size: 90%;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: -1px -1px 10px #5555;
    border-color: transparent;
    cursor: pointer;
    background: transparent;
    background: linear-gradient(to right, var(--esg-from-color) 0%, var(--esg-to-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

    .esgmainbutton:hover {
        box-shadow: 2px 2px 10px #5555;
    }

.AuditorRequestbutton {
    /*width: 140px;*/
    min-height: 30px;
    min-width:30px;
    padding: 4px;
    color:red;
    line-height: 22px;
    top: 12%;
    right: 5%;
    text-align: center;
    font-size: 90%;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: -1px -1px 10px #5555;
    border-color: transparent;
    cursor: pointer;
    background:transparent;
    margin:3px;
}

.AuditorPartialApprovebutton {
    /*width: 140px;*/
    min-height: 30px;
    min-width: 30px;
    padding: 4px;
    color: blue;
    line-height: 22px;
    top: 12%;
    right: 5%;
    text-align: center;
    font-size: 90%;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: -1px -1px 10px #5555;
    border-color: transparent;
    cursor: pointer;
    background: transparent;
    margin: 3px;
}


.AuditorRejectbutton {
    /*width: 140px;*/
    min-height: 30px;
    min-width: 30px;
    padding: 4px;
    color: #F35A1C;
    line-height: 22px;
    top: 12%;
    right: 5%;
    text-align: center;
    font-size: 90%;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: -1px -1px 10px #5555;
    border-color: transparent;
    cursor: pointer;
    background: transparent;
}

.esgmainbutton:hover {
    box-shadow: 2px 2px 10px #5555;
}

.clarifyTextArea {
    width:100%;
    height:200px;
}

.consent {
    font-size: 80%;
    color: #8896a9;
}
    .consent a:link {
        color: #8896a9;
    }
    .consent a:link:visited {
        color: #8896a9;
    }

.loginImage {
    width:100%;
}

.menuhref {
    color: var(--menu-item-color-selected);
}
    .menuhref:visited {
        text-decoration: none;
    }

        .menuhref:link {
            text-decoration: none;
        }

    .CompanyHeaderName {
        font-size: 1.2rem;
        color: #00639B;
    }

.CompanyValueTextContainer {
    min-height:1rem;
}
.CompanyValueText {
    font-size:0.9rem;
}

.modal-body-container {
   /* max-height:70vh;*/
    overflow-y:auto;
}

.modal-content {
    min-width: 40vw;
}
.modal-dialog {
    min-width: 40vw;
}

.CompanyTabLogo {
    height: 20vh;
}

.sortButton {
    border:none;
    background:transparent;
    position:relative;
    padding:0;
}

.dirty {

}

.noevents {
    pointer-events:none;
}



.userMenu {
    position: absolute;
    right: 0%;
    top: 5vh;
    width:230px;
    border-radius: 10px;
    background-color: white;
    box-shadow: 5px 5px 8px #888888;
    z-index: 3000;
    transition: all 250ms linear;
    padding:1rem;
}


.user-empty {
    /*    background: linear-gradient(45deg, var(--esg-from-color),var(--esg-to-color));
    border-radius: 100px;*/
    background-image: url(../images/Menu.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 4.2vh;
    height: 4.2vh;
    position: absolute;
    /*right: calc(10% + 230px - 4.2vh);
    top: 3vh;*/
    /*z-index: 3;*/
    /*    box-shadow: 5px 5px 8px #888888;*/
    cursor: pointer;
    top:-1px;
}

.user-emptyp2 {
    /*    background: linear-gradient(45deg, var(--esg-from-color),var(--esg-to-color));
    border-radius: 100px;*/
    display: block;
    background-image: url(../images/Menu.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 2.8vh;
    height: 2.8vh;
    /*position: absolute;*/
    /*right: calc(10% + 230px - 4.2vh);
    top: 3vh;*/
    /*z-index: 3;*/
    /*    box-shadow: 5px 5px 8px #888888;*/
    cursor: pointer;
    /*    top: 0.4vh;
    left:30px;*/
}


  /*  .user-empty:hover {
        filter: brightness(0.85);
        transform: translateY(4px);
        transition: all 250ms linear;
    }*/
.user-info {
    position: absolute;
    width:140px;
    left: calc(4.6vh);
    top: 0.0vh;
    font-size: 80%;
    text-wrap:nowrap;
    overflow:hidden;
}


.user-containerp2 {
    position: relative;
    /*top: 0.0vh;*/
    cursor: pointer;
    height:100%;
    /*height: 4.2vh;*/
    background-color: transparent;
    z-index: 3;
}

.user-container {
    position: absolute;
    top: 3vh;
    right: calc(10% + 230px - 4.2vh - 140px);
    cursor: pointer;
    width: calc(4.2vh + 140px);
    height: 4.2vh;
    background-color: transparent;
    z-index: 3;
}

    .user-container:hover {
        filter: brightness(0.85);
        transform: translateY(4px);
        border-color: var(--menu-item-color-Unselected);
        border-width: 1px;
        border-style: solid;
        border-radius: 22px;
        transition: all 250ms linear;
        width: calc(4.2vh + 160px);
        right: calc(10% + 230px - 4.2vh - 160px);
    }

    .userMenuAnimationShow {
        -webkit-animation-name: cssuserMenuAnimationShow;
        -webkit-animation-duration: 1s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease;
        -webkit-animation-fill-mode: forwards;
    }

@-webkit-keyframes cssuserMenuAnimationShow {
    from {
        opacity: 0;
    }

    to {
        opacity: 1.0;
    }
}


.userMenuAnimationHide {
    -webkit-animation-name: cssuserMenuAnimationHide;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes cssuserMenuAnimationHide {
    from {
        opacity: 1.0;
    }

    to {
        opacity: 0.0;
        display:none;
    }
}


.usermenuicon {
    height:35px;
}

.usermenutext {
    font-size: 100%;
    font-weight:bold;
    line-height:35px;
    text-decoration: none;
    color: #5d5d5d;
}

    .usermenutext:hover {
        background: #a5adb6;
    }

.History-container {
    width: 100%;
    max-height: 85%;
    /*background: linear-gradient(180deg, white,#91E5E3);*/
    overflow-y: auto;
    position: relative;
}

.history_user_side_header {
    background-color: white;
    font-size: 100%;
}

.history_auditor_side_header {
    background-color: #ECF3FB;
    color: white;
    font-size: 100%;
}

.history_username_auditor_side {
    color: var(--menu-item-color-selected);
    font-size: 90%;
}

.history_username_user_side {
    color: #B9B9B9;
    font-size: 90%;
}

.history_date_user_side {
    color: #B9B9B9;
    font-size: 80%;
}

.history_date_auditor_side {
    color: var(--menu-item-color-selected);
    font-size: 80%;
}

.history_user_side {
    background-color: white;
    font-size: 80%;
    border-width: 1px;
    border-radius: 20px;
    border-style: solid;
    border-color: #EAEDF0;
    box-shadow: -1px -1px 10px #EAEDF0;
    padding:1rem;
    margin-left:1rem;

}
.history_auditor_side {
    background-color: #ECF3FB;
    color: #787878;
    font-size: 80%;
    border-width: 1px;
    border-radius: 20px;
    border-style: solid;
    border-color: #EAEDF0;
    box-shadow: -1px -1px 10px #EAEDF0;
    padding: 1rem;
    margin-right: 1rem;
}

/*    .history_auditor_side a:visited {
        color:white;
    }*/

    .history_user_side_title {
        background-color: white;
        font-size: 100%;
        font-weight: bold;
        font-style: italic;
        color:var(--menu-item-color-Unselected);
    }

.history_auditor_side_title {
    background-color: #ECF3FB;
    color: var(--menu-item-color-selected);
    font-size: 100%;
    font-weight: bold;
    font-style: italic;
}

.bottom-logo-Container {
    position: absolute;
    /*    background-color: #ffffff;*/
    width: 100vw;
    height: var(--footerHeight); /*5.775*/
    z-index: -1;
    top: calc(100vh - var(--footerHeight)); /*5.775*/
    overflow: hidden;
    background-size: 100vw calc(var(--footerHeight) * 0.805); /*contain*/
    background-position: top;
    background-repeat: no-repeat;
}

.bottom-logo-Container-animation {
    position: absolute;
    /*    background-color: #ffffff;*/
    width: 100vw;
    height: var(--footerHeightp2); /*5.775*/
    z-index: -1;
    top: calc(100vh - var(--footerHeightp2)); /*5.775*/
    overflow: hidden;
    background-size: 100vw calc(var(--footerHeightp2) * 0.805); /*contain*/
    background-position: top;
    background-repeat: no-repeat;
}

.bottom-logo-Containerp3 {
    position: absolute;
    /*    background-color: #ffffff;*/
    width: 100vw;
    height: var(--footerHeight); /*5.775*/
    z-index: 3;
    top: calc(100vh - var(--footerHeight)); /*5.775*/
    overflow: hidden;
    background-size: 100vw calc(var(--footerHeight) * 0.805); /*contain*/
    background-position: top;
    background-repeat: no-repeat;
}

.bottom-logo-Containerp3_1 {
    position: absolute;
        background-color: #ffffff;
    width: 100vw;
    height: 3.9vh; /*5.775*/
    z-index: 3;
    top: calc(100vh - 3.9vh); /*5.775*/
    overflow: hidden;

}



.bottom-logo-Container-Product1 {
    background-image: url(../images/wave.png);
}

.bottom-logo-Container-Product2 {
    background-image: url(../images/wave.png);
}

.bottom-logo-Container-white-Product2 {
    background-image: url(../images/wave-white.png);
}

.footer-bottom {
    position: absolute;
    width: 100vw;
    top: calc(var(--footerHeight) * 0.8);
    height: calc(var(--footerHeight) * 0.2);
    padding-left: 2rem;
    padding-top: calc(var(--footerHeight) * 0.1 - 11px);
}

.footer-bottom1 {
    position: absolute;
    width: 100vw;
    /*top: calc(var(--footerHeight) * 0.8);*/
    height: calc(var(--footerHeight) * 0.2);
    padding-left: 2rem;
    padding-top: calc(var(--footerHeight) * 0.1 - 11px);
}

.background-p3 {
    height: calc(100vh - var(--footerHeight) * 0.2);
    width: 100vw;
    top: 0;
    overflow: hidden;
    background-image: url(../images/background_p3.png);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

.background-wave-p3 {
    height: calc(100vh - var(--footerHeight) * 0.2);
    width: 100vw;
    top: 0;
    overflow: hidden;
    background-image: url(../images/wave.png);
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
}

.background-wave1-p3 {
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: inherit;
    background-image: url(../images/wave.png);
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
}


.CompanyDetails-container-p3 {
    width: 60%;
    height: calc(100vh - var(--footerHeight) * 0.2);
    left: 0%;
    top: 0%;
    background: white;
    padding-left: 2rem;
    padding-top: 2rem;
    position: absolute;
}

.simple-shadowed-button {
    font-size: 120%;
    font-weight: bold;
    background: linear-gradient(to right, var(--esg-to-color) 0%, var(--esg-to-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.simple-shadowed-button-container {
    width: 170px;
    height: 30px;
    padding: 4px;
    background-color: white;
    line-height: 22px;
    position: absolute;
    top: 12%;
    right: 5%;
    text-align: center;
    font-size: 100%;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: -1px -1px 10px #5555;
    cursor: pointer;
}

    .simple-shadowed-button-container:hover {
        box-shadow: 2px 2px 10px #5555;
    }



.login-btn-white {
    border-radius: 5px;
    border-style: none;
    min-width: 200px;
    padding: 0.4rem;
    text-align: center;
    margin: 1rem;
    background: white !important;
    transition: all 250ms linear;
    text-decoration: none;
    box-shadow: -1px -1px 10px #5555;
}

    .login-btn-white:hover {
        text-decoration: none;
        filter: brightness(0.85);
        transition: all 250ms linear;
        color: black!important;
    }


.blueText {
    color: var(--esg-to-color);
}

.blueTextImportant {
    color: var(--esg-to-color)!important;
}

.blueBorderImportant {
    border: 1px solid var(--esg-to-color);
}

.reportingSubCategorySelect {
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #a5adb6;
    text-align: center;
    margin-left:0.8rem;
    margin-right:0.8rem;
    background: white !important;
    transition: all 250ms linear;
    text-decoration: none;
    box-shadow: -1px -1px 10px #5555;
    font-size:80%;
    height:40px;
    line-height:38px;
    overflow:auto;
    font-weight:bold;
}

.ReportingContainer {
    width:100%;
    height:60vh;
    overflow-y:auto;
}

.ReportingCompanySetupLogo {
    width: 30px;
}

.disabled {
    opacity:0.5;
}

.menu-container {
    position: absolute;
    width: var(--menu-width);
    height: 100vh;
    /*background-color: #f4f4f4;*/
    background: linear-gradient(90deg, rgb(221,236,241) 0%, rgb(255,255,255));
    -webkit-box-shadow: 0px 0px 105px 45px rgba(255,255,255,0.9);
    -moz-box-shadow: 0px 0px 105px 45px rgba(255,255,255,0.9);
    box-shadow: 0px 0px 105px 45px rgba(255,255,255,0.9);
    box-shadow: 0px 0px 16px rgb(200,200,200);
    padding-right: 1vw;
    padding-top: 5vh;
    padding-bottom: 5vh;
    padding-left: 1vw;
    z-index: 1;
}

.menuP3-map {
    transition: all 0.5s ease-in-out;
}

.menuP3-map-open {
    background-color: white;
    z-index: 1;
    position: absolute;
    width: calc(100vw - var(--menu-width))!important;
    height: 100vh;
    top: 0px;
    left: var(--menu-width);
}

.menuP3-map-selected-company {
    background-color:rgba(255,255,0,100)!important;
}

.dropdown-stay-open {
    display: block !important;
}

.menuP3-map-closed {
    background-color: white;
    z-index: 1;
    position: absolute;
    width: calc(100vw - var(--menu-width)) !important;
    height: 100vh;
    top: 0px;
    left: var(--menu-width);
}

.menup3Companies_maximize {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:white;
    z-index:2;
}

.menu-logo {
    width: calc(var(--menu-width) - 7vw);
    left: 2.5vw;
    position: relative;
}

.menu-username {
    padding-left: 4%;
    height: 100%;
    width: auto;
   /* text-overflow: unset;*/ /*ellipsis;*/
    overflow: hidden;
    white-space: nowrap;
    transform: translateX(0%);
    transition: 2s ease-in-out;
}
    .menu-username:hover {
        /*text-overflow:unset;*/
        width: auto;
        transform: translateX(calc(-50%));
    }

    .menu-company-logo {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

.menu-company-text {
    font-weight: normal;
    font-size: 90%;
    /*height:30px;*/
    position: relative;
    width: 100%;
    padding-left: 10px;
    overflow:auto;
}

.menu-workspace-text {
    font-size: 80%;
    color: var(--menu-item-color-Unselected);
    position: relative;
    width: 100%;
    padding-left: 10px;
}

.menu-item-selected {
    border-radius: 5px;
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
    padding-right: 0.8vh;
    padding-left: 0.8vh;
    box-shadow: 0 0 10px 1px #F1F1F1;
    color: var(--menu-item-color-selected);
    font-weight: bold;
    font-size: max(calc(var(--menu-width) / 18.0), 14px);
    line-height: max(calc(var(--menu-width) / 16.0), 16px);
    background-color: #FEFEFE;
    cursor: pointer;
}
.menu-item-unselected {
    color: var(--menu-item-color-Unselected);
    padding: 0.8vh;
    font-weight: bold;
    font-size: max(calc(var(--menu-width) / 18.0), 14px);
    line-height: max(calc(var(--menu-width) / 16.0), 16px);
    cursor: pointer;
}

.menu-item-unselected-nohover {
    color: var(--menu-item-color-Unselected);
    padding: 0.8vh;
    font-weight: bold;
    font-size: max(calc(var(--menu-width) / 18.0), 14px);
    line-height: max(calc(var(--menu-width) / 16.0), 16px);
    cursor: pointer;
}

    .menu-item-unselected:hover {
        border-radius: 10px;
        background-color: #FEFEFE;
        color: var(--menu-item-color-selected);
    }

    .menu-item-unselected:link {
        text-decoration: none;
        color: var(--menu-item-color-Unselected);
    }



.menu-mask-item0 {
    -webkit-mask-image: url(../images/menuitem_0.png);
    mask-image: url(../images/menuitem_0.png);
}

.menu-mask-item1 {
    -webkit-mask-image: url(../images/menuitem_1.png);
    mask-image: url(../images/menuitem_1.png);
}

.menu-mask-item2 {
    -webkit-mask-image: url(../images/menuitem_2.png);
    mask-image: url(../images/menuitem_2.png);
}

.menu-mask-item3 {
    -webkit-mask-image: url(../images/menuitem_3.png);
    mask-image: url(../images/menuitem_3.png);
}

.menu-mask-item4 {
    -webkit-mask-image: url(../images/menuitem_4.png);
    mask-image: url(../images/menuitem_4.png);
}

.menu-mask-item5 {
    -webkit-mask-image: url(../images/menuitem_5.png);
    mask-image: url(../images/menuitem_5.png);
}

.menu-mask-item6 {
    -webkit-mask-image: url(../images/menuitem_6.png);
    mask-image: url(../images/menuitem_6.png);
}

.menu-mask-item7 {
    -webkit-mask-image: url(../images/menuitem_7.png);
    mask-image: url(../images/menuitem_7.png);
}

.menu-mask-item8 {
    -webkit-mask-image: url(../images/menuitem_8.png);
    mask-image: url(../images/menuitem_8.png);
}


.menu-item-icon-unselected-div {
    display: inline-block;
}

.menu-item-icon-selected-div {
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-composite: intersect;
    display: inline-block;
}

.menu-item-icon-selected {
    /*    background-image: linear-gradient(45deg, var(--esg-from-color) 0%, var(--esg-to-color) 100%);
    background-clip: border-box;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: border-box;*/

    color: transparent;
    height: calc(var(--menu-width) / 16.0);
    width: calc(var(--menu-width) / 16.0);
    margin-right: calc(var(--menu-item-height) / 6.0);
}

/*.menu-item-icon-selected {
    background-image: linear-gradient(45deg, var(--esg-from-color) 0%, var(--esg-to-color) 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    color: transparent;
    width: calc(var(--menu-width) / 16.0);
    margin-right: calc(var(--menu-item-height) / 6.0);
}*/

.menu-item-icon-unselected {
    width: calc(var(--menu-width) / 16.0);
    margin-right: calc(var(--menu-item-height) / 6.0);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
}

.selected-left-line {
    border-radius: 5px;
    position: absolute;
    left: -0.1vw;
    display: inline-block;
    width: 0.2vw;
    height: calc((max(calc(var(--menu-width) / 16.0), 16px) + 1.6vh) * 0.7);
    top: calc((max(calc(var(--menu-width) / 16.0), 16px) + 1.6vh) * 0.08);
    background: linear-gradient(45deg, var(--esg-from-color),var(--esg-to-color));
}

.menuhr {
    margin-top: 3vh;
    margin-bottom: 3vh;
    position: relative;
    width: 60%;
    left: 20%;
    height: 1px;
    background: var(--menu-item-color-Unselected);
}

.p3HeaderContainer {
    position: relative;
    height: 80px;
    padding-left:1.0rem;
   /* padding-top:0.5rem;*/
    box-shadow: 0 4px 6px -6px #222;
}

.p3BodyContainer {
    width:100%;
    height:calc(100% - 80px);
    overflow:hidden;
    padding:1rem;
}

.p3MainPage-container {
    position: absolute;
    width: calc(100vw - var(--menu-width));
    left: var(--menu-width);
    height: 100vh;
    background-color: white;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    background-size: 100vw calc(var(--footerHeight) * 0.8); /*contain*/
    background-position: bottom;
    background-repeat: no-repeat;
    background-image: url(../images/wave.png);
    overflow:auto;
}

.p3MainPageHeaderIconContainer {
    /*position: relative;*/
    /*top:-0.4vw;*/
    /*display: inline-block;*/
    /*line-height: max(calc(var(--menu-width) / 6.0), 1px);*/
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: left;
}

.p3MainPageHeaderIcon {
    position: relative;
    height: max(calc(var(--menu-width) / 10.0), 1px);
    filter: brightness(0) saturate(100%) invert(25%) sepia(86%) saturate(1572%) hue-rotate(178deg) brightness(92%) contrast(101%);
}

.filterBlue {
    filter: brightness(0) saturate(100%) invert(25%) sepia(86%) saturate(1572%) hue-rotate(178deg) brightness(92%) contrast(101%);
}

.p3MainPageHeaderText {
    position: relative;
    font-size: 20px; /* max(calc(var(--menu-width) / 12.0), 1px);*/
    line-height: max(calc(var(--menu-width) / 10.0), 1px);
    font-weight: bold;
    color: var(--menu-item-color-selected);
    display: inline-block;
    padding-left: 10px;
}

.Company-edit-icon {
    position: absolute;
    right: 10px;
    bottom: 10px;
    height: 20px;
    width: 20px;
    background-image: url(../images/Edit.png);
    background-size: auto 20px;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-origin: content-box;
    cursor: pointer;
}

.menuUserContainer {
    position:relative;
    height:4.5vh;
}

.dots3 {
    height:20px;
}

.dots3:hover {
    opacity:0.5;
}

.userMenup3 {
    position: absolute;
    left: calc(var(--menu-width) - 0.8vw);
    bottom: 10vh;
    border-radius: 10px;
    background-color: white;
    box-shadow: 5px 5px 8px #888888;
    z-index: 3;
    transition: all 250ms linear;
    padding: 2rem;
    white-space: nowrap;
}



.blur {
    backdrop-filter: blur(10px);
}

.blur4 {
    backdrop-filter: blur(4px);
}

.simple-Container {
    border-radius: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(180,180,180,0.5);
    z-index: 2;
}

.simple-ContainerNoBorder {
    border-radius: 10px;
    border-width: 1px;
/*    border-style: solid;*/
    border-color: none;
    z-index: 2;
}

.simple-Container1 {
    border-radius: 5px;
    backdrop-filter: blur(10px);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(180,180,180,0.5);
    z-index: 2;
}

.p3Action {
    /*    background-image: linear-gradient(45deg, var(--esg-from-color) 0%, var(--esg-to-color) 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    color: transparent;*/
/*    font-size: 110%;
    font-weight: bold;*/
    cursor: pointer;
    height: 6.6vh;
    width:100%;
    overflow-y:auto;
/*    line-height: 5vh;*/
    /*overflow-x: auto;*/
/*    overflow-y: hidden;*/
/*    white-space: nowrap;*/
    box-shadow: 0px 0px 4px #888888;
}

.p3ActionHeader {
    font-size: 90%;
    font-weight: bold;
    cursor: pointer;
}

.p3ActionText {
    font-size: 65%;
    cursor: pointer;
}

    .p3Action:hover {
        opacity:0.5;
    }

.p3ActionIcon {
    position: relative;
    top:0.5vh;
    height: 5.5vh;
}

.TabsContainer {
    width:100%;
    height:4vh;
    overflow-x:auto;
    margin-top:1vh;
}


.TabsItemNoHover {
    display: inline-block;
    line-height: 2.5vh;
    white-space: nowrap;
    padding-right: 2vw;
    min-width: 7vw;
    cursor: pointer;
}

.TabsItem {
    display: inline-block;
    line-height: 2.5vh;
    white-space: nowrap;
    padding-right: 2vw;
    min-width: 7vw;
    cursor: pointer;
}

    .TabsItem:hover {
        filter: brightness(0) saturate(100%) invert(25%) sepia(86%) saturate(1572%) hue-rotate(178deg) brightness(92%) contrast(101%);
        color: var(--menu-item-color-selected);
    }

    .TabsItemSelected {
        filter: brightness(0) saturate(100%) invert(25%) sepia(86%) saturate(1572%) hue-rotate(178deg) brightness(92%) contrast(101%);
        color: var(--menu-item-color-selected);
    }

.TabsItemUnSelected {
    filter: brightness(0) saturate(100%) invert(76%) sepia(45%) saturate(1%) hue-rotate(314deg) brightness(95%) contrast(92%);
    color: var(--menu-item-color-Unselected);
}


.filterGray {
    filter: brightness(0) saturate(100%) invert(76%) sepia(45%) saturate(1%) hue-rotate(314deg) brightness(95%) contrast(92%);
}

    .p3TabIcon {
        height: 2.0vh;
    }

.homeMainContainer {
    position:relative;
    width:100%;
    height:78vh;
    overflow-y:auto;
    padding:1rem;
}

.homeAuditorMainContainer {
    position: relative;
    width: 100%;
    height: 70vh;
    overflow-y: auto;
    padding: 1rem;
    margin-top:1rem;
}

.p3Listbox {
    color: var(--menu-item-color-selected);
    font-weight:bold;
    padding-left: 1.0rem;
    padding-right: 1.0rem;
}

.p3ListboxV2 {
    box-shadow: 0 0 10px 1px rgba(221, 221, 221, 0.5);
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 1);
    color: rgba(0, 99, 155, 1);
    font-size: 16px;
    padding: 2px 15px;
    border: none;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.p3ListboxV2 > select {
    cursor: pointer;
    color: rgba(0, 99, 155, 1);
    font-size: 16px;
    border: none;
    appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari */
    -moz-appearance: none; /* Firefox */
}

.p3ListboxV2 > select:focus {
    outline: none;
}

.p3ListboxV2 > img {
    height: 9px;
    width: 16px;
}

.p3HomeReportingOverviewItem {
    width: 100%;
    /*height: 200px;*/
    padding: 0.2rem;
    /*overflow: auto;*/
    overflow-y: visible !important;
}

.p3HomeReportingOverviewHeader {
    color:var(--menu-item-color-Unselected);
    font-size:80%;
}

.p3HomeReportingOverviewFooter {
    color: var(--menu-item-color-Unselected);
    font-size: 70%;
}


.ESGReportingStatusClarification {
    background-color: #FBE5D6;
    color: #C01900;
    padding: 0.2rem;
    border-radius: 6px;
    margin-top: 0.2rem;
}

.ESGReportingStatusUnavailable {
    background-color: #F1F1F1;
    color: black;
    padding: 0.2rem;
    border-radius: 6px;
    margin-top: 0.2rem;
}



.ESGReportingStatusMissing {
    background-color: #FFE6CC;
    color: #DD7B28;
    padding: 0.2rem;
    border-radius: 6px;
    margin-top: 0.2rem;
}


.ESGReportingStatusDraft {
    background-color: #fff2cc;
    color: #BF9000;
    padding: 0.2rem;
    border-radius: 6px;
    margin-top: 0.2rem;
}



.ESGReportingStatusReview {
    background-color: #F7E1FF;
    color: #661599;
    padding: 0.2rem;
    border-radius: 6px;
    margin-top: 0.2rem;
}

.ESGReportingStatusSubmitted {
    background-color: #deebf7;
    color: #1c4676;
    position: relative;
    padding: 0.2rem;
    border-radius: 6px;
    margin-top: 0.2rem;
}

.ESGReportingStatusVerified {
    background-color: #c9efeb;
    color: #21655E;
    position: relative;
    padding: 0.2rem;
    border-radius: 6px;
    margin-top: 0.2rem;
}

.HomeTeamMembersQuickSortContainer {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    display: inline-block;
    color:var(--menu-item-color-selected);
    font-size:90%;
    cursor:pointer;
}


.HomeTeamMembersQuickSortUnselected {
    color: var(--menu-item-color-Unselected);
}
.HomeTeamMembersQuickSortUnselected:hover {
    background-color: #DEEBF7;
}

.HomeTeamMembersQuickSortSelected {
    color: var(--menu-item-color-selected);
    background-color: #DEEBF7;
}

    .HomeTeamMembersQuickSortSelected:hover {
        background-color: var(--menu-item-color-Unselected);
    }

.HomeTeamMembersQuickSortCountUnselected {
    background-color: rgba(180,180,180,0.5);
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    color: var(--menu-item-color-Unselected);
}

.HomeTeamMembersQuickSortCountSelected {
    background-color: var(--menu-item-color-selected)!important;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    color: #DEEBF7;
}

.DataHubMainContainer {
    position: relative;
    width: 100%;
    height: calc(100% - 4vh - 1rem);
     overflow-y: auto; 
    padding: 0.0rem;
}

.p3MyData-Container {
    position: relative;
    height: calc(87vh - 312px);
    overflow-y: auto;
    backdrop-filter: blur(10px);
}

.TabItemUnderlinedUnselected {
    border-bottom: solid;
    border-width: 1px;
}

.TabItemUnderlinedSelected {
    border-bottom: solid;
    border-width: 2px;
}

.p3-documents-dropArea {
    background: white;
    text-align: center;
    color: var(--menu-item-color-Unselected);
    padding: 0.5rem;
    border-radius: 5px;
    border-width: 1px;
    border-color: var(--menu-item-color-selected);
    border-style: dashed;
    color: var(--menu-item-color-Unselected);
    cursor: pointer;
}


.p3-documents-dropArea-icon {
    height: 60px;
    width: 60px;
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: right;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: right;
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    mask-image: url(../images/Cloud.png);
    -webkit-mask-image: url(../images/Cloud.png);
    margin-left: calc(100% - 60px);
    background-image: linear-gradient(45deg, var(--esg-from-color), var(--esg-to-color));
}



.p3DocumentsIcon {
    height: 30px;
    width: 30px;
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: right;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: right;
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    background-image: linear-gradient(45deg, var(--esg-from-color), var(--esg-to-color));
}

.p3DocumentsText {
    color:var(--menu-item-color-Unselected);
    font-size:80%;
    line-height:30px;
}

.uploadedFilep3 {
    position: relative;
    border: 1px solid #c7c7c7 !important;
    border-radius: 5px;
    width: 100px;
    height: 20px;
    text-align: left;
    display: inline-block;
    font-size: 80%;
}

.uploadedFileInnerp3 {
    position: relative;
    display: inline-block;
    width: 64%;
    white-space: nowrap;
    overflow: hidden;
    left: 22%;
    line-height: 20px;
    cursor: pointer;
}

.quickFilterFrameworkContainerp3 {
    position: relative;
    display: inline-block;
    cursor: pointer;
}




.quickFilterFrameworkUnselected {
    color: var(--menu-item-color-Unselected);
}

    .quickFilterFrameworkUnselected:hover {
        background-color: #DEEBF7;
    }

.quickFilterFrameworkSelected {
    color: var(--menu-item-color-selected);
    background-color: #DEEBF7;
}

    .quickFilterFrameworkSelected:hover {
        background-color: var(--menu-item-color-Unselected);
    }


.SupplementaryDocuments-Container {
    height: 30vh;
    overflow-y: scroll;
    backdrop-filter: blur(10px);
}

.SupplementaryDocuments-Container-noidp {
    height: 63vh;
    overflow-y: scroll;
    backdrop-filter: blur(10px);
}

.SupplementaryDocuments-upload {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    background-image: linear-gradient(45deg, var(--esg-from-color) 0%, var(--esg-to-color) 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    color: transparent;
    font-size:90%;
    cursor:pointer;
    width:100px;
}

.p3Details {
    height: 25px;
    width: 25px;
    background-color: #bbb;
    border-radius: 50%;
    text-align:center;
    line-height:25px;
    cursor:pointer;
}

.p3Details:hover {
    opacity:0.5;
}

.supplementaryDocumentDetails-container {
    height:80vh;
}

.supplementaryDocumentDetails-icon {
    height:5vh;
}

.p3SupplementaryDocumentDetailsText {
    color: var(--menu-item-color-Unselected);
    font-size: 80%;
}

.p3SupplementaryDocumentDetailsText2 {
    color: #A4A4A4;
    font-size: 70%;
}

.p3SupplementaryDocumentDetailsdots3 {
    position:absolute;
    height: 1.5vh;
    opacity: 0.65;
    cursor: pointer;
    top:calc(50% - 0.75vh);
    right:1rem;
}
#DocumentFileOptions {
    opacity:0.0;
}

    #DocumentFileOptions:hover {
        opacity:1.0;
    }

    .p3SupplementaryDocumentDetailsdots3:hover + #DocumentFileOptions {
        opacity: 1;
    }



.commentInput {
    height: 30px;
    width: 100%;
    border-radius: 10px;
    border-color: #A4A4A4;
    border-width: 1px;
    border-style: solid;
    padding-left: 1rem;
/*    background-image: url(../images/send.svg);
    background-size: 15px;
    background-position: 99% center;
    background-repeat: no-repeat;*/
}
.dashboard-company-image {
    position:absolute;
    width: 4rem;
    max-height:4rem;
    left:1rem;
/*    top:1rem;*/
}
.dashboard-company-name {
    position:absolute;
    left:5.5rem;
    overflow-x: auto;
    display: inline-block;
    height:4rem;
    top:calc(0.0rem);
    width:calc(260px - 6rem);
}


.companyLogoContainer {
    position: absolute;
    top: 1rem;
    width: 260px;
    right: 1rem;
    text-align: center;
    height:4.0rem;
}

.companyLogoContainerp2 {
    position: absolute;
    top: 1rem;
    width: 260px;
    right: 50%;
    text-align: center;
    height: 6rem;
}

.p3DataHubESGFilterButton {
    position: relative;
    width: 50px;
    height: 60px;
    display: inline-block;
    margin: 3px;
    font-size: 42px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
}

.p3DataHubESGFilterButtonSelected {
    /*background: var(--menu-item-color-Unselected);*/
    box-shadow: 0px 0px 4px var(--menu-item-color-Unselected);
}
.p3DataHubESGFilterButtonBackE {

    color: #e3f2e8;
    background: linear-gradient( rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) ), url(../images/environmentBackSmall.png);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.p3DataHubESGFilterButtonBackESelected {
    color: #e3f2e8;
    background-image: url(../images/environmentBackSmall.png);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;

}

.p3DataHubESGFilterButtonBackS {
    color: #edd8f8;
    background: linear-gradient( rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) ), url(../images/SocialBackSmall.png);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.p3DataHubESGFilterButtonBackSSelected {
    color: #edd8f8;
    background-image: url(../images/SocialBackSmall.png);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.p3DataHubESGFilterButtonBackG {
    color: #c1cdd3;
    background: linear-gradient( rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) ), url(../images/GovernanceBackSmall.png);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.p3DataHubESGFilterButtonBackGSelected {
    color: #c1cdd3;
    background-image: url(../images/GovernanceBackSmall.png);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.p3DataHubESGFilterButtonSmallContainer {
    position: relative;
    display: inline-block;
    height:60px;
}

.p3DataHubESGFilterButtonSmall {
    /*    display:inline-block;
    position: relative;
    width: 70px;
    height: 60px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    cursor: pointer;*/
    position: absolute;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    word-break: break-word;
    cursor: pointer;
}

.p3DataHubESGFilterButtonAll {

    position: absolute;
    width: 40px;
    height: 50px;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    padding:5px;
}


.p3DataHubESGFilterButtonSmallClear {
    top: 3px;
    left: 0px;
}


.p3DataHubESGFilterButtonSmallPillars {
    top: 3px;
    left: 0px;
    width: 80px;
}

.p3DataHubESGFilterButtonSmallAll {
    top: 3px;
    left: 70px;
}

.p3DataHubESGFilterButtonSmallE {
    top: 3px;
    left: 115px;
}

.p3DataHubESGFilterButtonSmallS {
    top: 3px;
    left: 170px;
}

.p3DataHubESGFilterButtonSmallG {
    top: 3px;
    left: 225px;
}

.p3DataHubESGFilterButtonSmallLeft {
    top: 3px;
    left: 280px;
}
    .p3DataHubESGFilterButtonSmallRight {
        top:3px;
        left:335px;
    }


    .p3DataHubESGFilterButtonSmallBottom {
        margin-top: 2px;
    }





.p3ESGLabel {
    font-size:80%;
    color:var(--menu-item-color-Unselected);
}

.p3ESGExternalId {
    font-size: 80%;
    color: var(--menu-item-color-selected);
}

.p3ESGFrameworkLabel {
    font-size: 70%;
    color: white;
    background: linear-gradient(45deg, var(--esg-from-color),var(--esg-to-color));
    padding:2px;
    border-radius:6px;
}



.p3ReviewButton {
    display: inline-block;
    text-align:center;
}

.p3ESGVariableButton {
    cursor:pointer;
    margin-bottom:0.5rem!important;
    width:99%;
}

    .p3ESGVariableButton:hover {
        /*box-shadow: 5px 5px 8px #888888;*/
        opacity:0.5;
    }

.p3ESGVariableButtonSelected {
    border-color:var(--esg-from-color);
    border-width:2px;
}

.p3ESGVariableIcon {
    height: 30px;
}

.filterE {
    filter: brightness(0) saturate(100%) invert(35%) sepia(78%) saturate(3120%) hue-rotate(155deg) brightness(101%) contrast(102%);
}

.filterS {
    filter: brightness(0) saturate(100%) invert(85%) sepia(3%) saturate(2678%) hue-rotate(260deg) brightness(82%) contrast(80%);
}

.filterG {
    filter: brightness(0) saturate(100%) invert(15%) sepia(56%) saturate(1275%) hue-rotate(170deg) brightness(93%) contrast(95%);
}

.p3EditVariable-Container {
    height:100%;
    overflow-y:auto;
}


.p3ESGVariableIconOnEditScreen {
    height: 50px;
}


.p3ESGLabelOnEditScreen {
    font-size: 110%;
    font-weight:bold;
    color: var(--menu-item-color-selected);
}

.p3ESGLabelPillarTopicOnEditScreen {
    font-size: 90%;
    font-weight: bold;
    color: var(--menu-item-color-selected);
}

.p3ESGExternalIdOnEditScreen {
    font-size: 80%;
    color: var(--menu-item-color-selected);
}

.p3ESGCommentOnEditScreen {
    font-size: 80%;
    color: var(--menu-item-color-Unselected);
}

.buttonHistory {
    border-radius:10px;
    padding:5px;
}

.history-title-container {
    padding-left:1rem;
    font-size:1.4rem;
    font-weight:bold;
}

.history-title-icon {
    background-image: linear-gradient(45deg, var(--esg-from-color) 0%, var(--esg-to-color) 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    color: transparent;
}

.history-2022subid {
    font-size: 80%;
    color: #dfdfdf;
    padding-left:1rem;
}

.sessionTimeoutContainer {
    position:absolute;
    z-index:3;
    right:500px;
    top:17px;

}

.bottom-right-logo {
    bottom:0%;
    height:20%;
    position:absolute;
    right:1%;
}

.ESGContainer {
    width:70vw;
}


.animated-progress {
    width: 100%;
    height: 30px;
    border-radius: 5px;
    border: 1px solid #d8d8d8;
    overflow: hidden;
    position: relative;
    background-color: #d8d8d8;
}

    .animated-progress span {
        height: 100%;
        display: block;
        width: 0;
        color: white;
        font-weight: bold;
        line-height: 30px;
        position: absolute;
        text-align: end;
        padding-right: 5px;
        background-color: #1c4676;
    }

.rankSlider {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    display: flex;
    align-items: center;
}

    .rankSlider label {
        font-size: 24px;
        font-weight: 400;
        font-family: Open Sans;
        padding-left: 10px;
        color: black;
    }

    .rankSlider input[type="range"] {
        -webkit-appearance: none;
        width: 100%;
        height: 10px;
        /*background: #d8d8d8;*/
        background: linear-gradient(45deg, var(--esg-from-color),var(--esg-color-laggard));
        accent-color: #1c4676;
        border-radius: 1px !important;
    }

        .rankSlider input[type="range"]::-webkit-slider-thumb {
            -webkit-appearance: none;
            width: 0;
            height: 0;
            position:relative;
            top:5px;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 12px solid #1c4676;
            transition: background .3s ease-in-out;
        }


.overlay-graph-services-text {
    position: absolute;
    left: calc(43% - 1.0rem);
    top: 40%;
    font-weight: bold;
    font-size: 1rem;
}



.p3Radio

.p3radioNo {

}
.p3radioYes {

}
.p3radioContainer {
    padding-right: 4px;
    display:inline-block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 0px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


    .p3radioContainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.p3radioContainer:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.p3radioContainer input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.p3radioContainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.p3radioContainer .checkmark:after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.p3radioNA {
}

.colorLightGray {
    color: #a5adb6;
}

.multipleSelect {
    position: relative;
    background-color: white !important;
    font-size: 0.8rem;
    height: 100%;
    border: none;
    font-weight: bold;
    text-align: center;
    width: 100%;
}
    .multipleSelect option {
        margin: 0 !important;
        background-color: white;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .multipleSelect option:not(:checked) {
        background-color: white;
        color: black;
        text-shadow: none;
    }
        .multipleSelect option:checked {
            -webkit-text-fill-color: white;
            text-shadow: none;
            color: white;
            background: white linear-gradient(0deg, #a5adb6 0%, #a5adb6 100%);
        }

.p3QuickFilterButton {
    color: var(--esg-to-color);
    background-color: white;
    border-color: var(--esg-to-color);
    font-size:80%;
}

.p2QuickFilterButton {
    color: #444444;
    background-color: white;
    font-size: 80%;
}

.maxHeight200px {
    max-height: 200px;
    overflow-y: auto;
}

.socialMediaIcon {
    width:30px;
    padding-left:5px;
    padding-right:5px;
}

.ServicesDesclaimer {
    font-style: italic;
    font-size:55%;
    width:100%;
    height:5vh;
    overflow-y:auto;
}

.combo-icon-p3 {
    width:20px;
}

.archiveButton {
    color: #444444;
    cursor:pointer;
}

    .archiveButton:hover {
        background-color: #e6e6e6;
    }
.deleteButton {
    color:red;
    cursor:pointer;
}

    .deleteButton:hover {
        background-color: #e6e6e6;
    }


.p3ReportingCycleIcon {
    height: 20px;
}



.p3ComboRO {
    outline: 0 !important;
    border-width: 0 0 0px !important;
    border-color: #8896a9 !important;
    border-radius: 10px;
    padding: 0.1rem;
    background-color: #f6f5f5 !important;
    color: #8a8a8a;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

.p3Combo {
    outline: 0 !important;
    border-width: 0 0 0px !important;
    border-color: #8896a9 !important;
    border-radius: 10px;
    padding: 0.1rem;
    background-color: #f6f5f5 !important;
    color: #8a8a8a;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/drop_down.svg);
    background-size: 15px;
    background-position: 98% center;
    background-repeat: no-repeat;
    cursor:pointer;
}

    .p3Combo::-webkit-input-placeholder { /* Edge */
        color: #8a8a8a;
        font-size: 60%;
        font-weight: bold;
        background: #f6f5f5 !important;
    }

    .p3Combo:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #8a8a8a;
        font-size: 60%;
        font-weight: bold;
        background: #f6f5f5 !important;
    }

    .p3Combo::placeholder {
        color: #8a8a8a;
        font-size: 60%;
        font-weight: bold;
        background: #f6f5f5 !important;
    }

.p3ESGDataGovernanceHeaderText {
    position: relative;
    font-size: max(calc(var(--menu-width) / 12.0), 1px);
    /*line-height: max(calc(var(--menu-width) / 5.0), 1px);*/
    font-weight: bold;
    color: var(--menu-item-color-selected);
}

.p3ESGDataGovernanceSubHeaderText {
    position: relative;
    font-size: max(calc(var(--menu-width) / 16.0), 1px);
    /*line-height: max(calc(var(--menu-width) / 5.0), 1px);*/
    font-weight: bold;
    color: var(--menu-item-color-selected);
}

.grayOut {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
}

#AddNewFileContainerLogo {
    width: 15px;
    cursor: pointer;
}

    #AddNewFileContainerLogo:hover ~ #AddNewFileContainer {
        display: block;
    }

    #AddNewFileContainer {
        display:none;
        position: absolute;
        padding: 1rem;
        top: 16px;
    }

#AddNewFileContainer:hover {
    display:block;
}

.menuContainerButton {
    white-space: nowrap;
    text-align:center;
    padding:0.2rem;
    cursor:pointer;
    border-radius:10px;
}
    .menuContainerButton:hover {
        background-color: #a5adb6;
        font-weight:bold;
    }


.menuContainerButtonBorder {
    border: 1px solid #000;
    width:100%;
    border-radius:15px;
}

.rankPopUp {
    cursor: pointer;
    /*font-size: 30px;*/
    font-weight: bold;
}
    .rankPopUp:hover {
        transition: 0.2s ease all;
        font-size: 36px;
    }

.rankPopUpSmall {
    cursor: pointer;

}
.rankPopUpSmall:hover {
    font-weight: bold;
}

.investorIncludedCompanyRow {
    cursor:pointer;
}

    .investorIncludedCompanyRow:hover {
        background-color: #a5adb6;
    }

.InvestorDisclaimer {
    font-size: 60%;
    line-height: 0.8rem !important;
    font-style: italic;

}
.InvestorDisclaimer1 {
    position: absolute;
    padding: 1rem;
    top: calc(100vh - var(--footerHeight) * 0.7);
}
.benchmarkBodyContainer {
    height: calc(100vh - var(--headerHeight) - var(--footerHeight) - 18vh);
    overflow-y: scroll;
    overflow-x: hidden;
    backdrop-filter: blur(10px);
}

.p3CompanySetupStep2deleteButton {
    position: absolute;
    background-color: #ffdada;
    color: #a62b2b;
    width: 1.8vh;
    height: 1.8vh;
    top: 1.1vh;
    right: 0.5rem;
    border-radius: 14px;
    border: none;
    background-image: url("../images/delete.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70% auto;
}

.p3deleteButton {
    position: absolute;
    background-color: #ffdada;
    color: #a62b2b;
    width: 1.8vh;
    height: 1.8vh;
    border-radius: 14px;
    border: none;
    background-image: url("../images/delete.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70% auto;
}

.p3deleteButton1 {
    background-color: #ffdada;
    color: #a62b2b;
    width: 1.8vh;
    height: 1.8vh;
    border-radius: 14px;
    border: none;
    background-image: url("../images/delete.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70% auto;
}

.p3TextBox {
    color: #a5adb6;
    border: 1px solid #f2f2f2;
    box-shadow: 0px 0px 4px #f2f2f2;
    border-radius: 10px;
    padding-left: 1rem;
    margin-left: 1rem;
    width: calc(100% - 3rem - 40px);
    position: absolute;
    height: 70%;
    top: 15%;
}



    .p3TextBox:disabled {
        background-color: white;
        border: none;
        box-shadow: 0px 0px 0px #f2f2f2;
    }
.p3TextBoxContainer {
    border-radius: 10px;
    border: 1px solid #f2f2f2;
    box-shadow: 0px 0px 4px #f2f2f2;
    position: relative;
    height: 4vh;
}

.p3TextBoxContainerInit {
    position: relative;
    height: 4vh;
}

.documentRowp3 {
    cursor:pointer;
}

.documentRowp3:hover {
    border:2px solid black;
}

.globalWaitSpiner {
    background-image: url(../images/spinner2.gif);
    background-size:initial;
    background-position: center;
    background-repeat: no-repeat;
}



.globalWaitSpinerContain {
    background-image: url(../images/spinner2.gif);
    background-size:contain;
    background-position: center;
    background-repeat: no-repeat;
}

.homeActionsContainer {
    position: relative;
    width: 100%;
    height: 70vh;
    overflow-y: auto;

}

.dirtyDate {
    font-weight:bold;
    color:red;
}

.monitorContainer {
    position: relative;
    width: 100%;
    height: 55vh;
    overflow-y: auto;
}

.homeNotificationsContainer {
    position: relative;
    width: 100%;
}


#ttete {
    cursor: pointer;
}

    #ttete:hover~#ReviewMenuContainer {
        display: block;
    }
    #ttete:hover + #ReviewMenuContainer {
        display: block;
    }

#ReviewMenuContainer {
    display: none;
    position: absolute;
}

    #ReviewMenuContainer:hover {
        display: block;
    }



.ReviewMenuButton {
    white-space: nowrap;
    text-align: left;
    border:none;
    background-color:white;
    width:100%;
    padding: 0;
    cursor: pointer;
    border-radius: 5px;
    font-size:80%;
}

    .ReviewMenuButton:hover {
        background-color: #e5e5e5;
        font-weight: bold;
    }

.dropDownMenuReviewButton {
    min-width: 5rem;
}

.p3SubTitle {
    color: #00639B;
    font-size: 120%;
    font-weight:bold;
    text-decoration-line: underline;
}

.p3SubTitleText {
    color: #747474;
    font-size: 90%;
}

.p3MonitorIcon {
    height: 2.5vh;
}

.p3Monitor_EsgIcon {
    height: 30px;
    width: 30px;
    padding-right: 0vw;
    margin-left: 5px;
    margin-right: 5px;
    box-shadow: 0px 0px 5px #808080;
    -moz-box-shadow: 0px 0px 5px #808080;
    -webkit-box-shadow: 0px 0px 5px #808080;
    -khtml-box-shadow: 0px 0px 5px #808080;
}

.frameworkNoImage {
    background-color: #d9d9d9;
    color: #595959;
    padding:0.2rem;
    border-radius:5px;
    height:100%;
    font-size:80%;
}

.p3DateInput {
    border: none;
    background-color: #f5f5f5;
    color: #848484;
    border-radius: 5px;
    width: 88px;
}

    .p3DateInput:disabled {
        border: none;
        border-radius: 5px;
        width: 100px;
    }

.editableTextArea {
    min-height:300px!important;
    height: auto;
    border:none;
    transition: all 250ms linear;

}

    .editableTextArea:focus {
        /*width: 300px;*/
        /*min-height: 300px;*/
        overflow: auto;
        position: absolute;
        left: 0px;
        top: 0px;
        border-color: #848484 !important;
        border-width: 1px !important;
        border-radius: 10px;
        background-color: white;
        resize: both;
        box-shadow: 5px 5px 8px #848484;
        z-index: 2;
    }


.p3KPITopic {
    cursor: pointer;
    /*height: 6.6vh;*/
    width: calc(100% - 1rem);
    overflow-y: auto;
    box-shadow: 0px 0px 4px #888888;
}

    .p3KPITopic:hover {
        opacity: 0.5;
    }


.MonitorKPIValue {
    font-size:90%;
    font-weight:bold;
}

.p3MonitorKPIContainerItem {
    width: 100%;
    min-height: 15vh;
    padding: 0.2rem;
    overflow: auto;
}

.p3KPILabel {
    word-wrap:break-word;
    display:inline-block;
}


.kpi-line-graph {
    min-height:200px;
    /*height: 8vh !important;*/
    min-width:200px;
    /*width: 24vw;*/
    left: 0;
    position: relative;
}

.p3FinalizeGovernanceIcon {
    position: relative;
    margin-left:1rem;
    height: 1.5vh;
}

.HomeESGDataGovernanceContainer {
    height:60%;
    overflow-y:auto;
}

.sentActivationEmailIcon {
    height: 1.5vh;
}

.p3Submit {
    background-image: radial-gradient(circle at 92% 26%, #00AA7D 0%, #00A67F 52%, #00639B 109%);
    border-radius: 5px;
    color:white;
    border:none;
    font-weight:bold;
    width:150px;
}

.ClosedContainer {
    position:absolute;
    height:0px!important;
    overflow:hidden;
    transition: all 250ms;
}

.p3DocumentsEditName {
    font-size: 16px;
    font-weight: bold;
    padding: 0.2rem;
    box-shadow: 0px 0px 8px #888888;
}

.p3AdminNotificationsContainer {
    position:absolute;
    top:0.0rem;
    right:4rem;
    width:20%;
    z-index:5;
    background-color:transparent!important;
}



.companydetailsDepartment-container {
    width: 100%;
    max-height: 55vh;
    background: transparent;
    overflow-y:auto;
}

.centerModal {
    left:36%!important;
}

.halfModalHeight {
    height:50%!important;
}


.groupCompaniesSettingsContainer {

}

.groupCompaniesSettingsContainer:hover {
    background-color: white;
    border: none;
    border-radius: 10px;
    box-shadow: 0px 0px 4px #888888;
    cursor: pointer;
}

.groupCompaniesContainer {
    background-color: white;
    border: none;
    border-radius: 10px;
    box-shadow: 0px 0px 4px #888888;
    cursor: pointer;
}

.groupCompaniesContainer:hover {
    opacity:0.5;
}

.p3MandatoryRequirementIcon {
    height: 60px;
}

.p2difference {
    text-decoration: line-through;
    font-size:80%;
    color:red;
}

.dropdown-menu-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.buttonPressed {
    box-shadow: inset 0 0 5px grey;
    transform: translateY(2px);
}

.breakWord {
    word-wrap: break-word !important;
    word-break: break-word !important;
    white-space: normal!important;
}



.p3AssessmentValuesExtentedGroupDelete {

    background-color: #ffdada;
    color: #a62b2b;
    width: 1.8vh;
    height: 1.8vh;
    border-radius: 14px;
    border: none;
    background-image: url("../images/wired-gradient-38-error-cross-simple-hover-wobble (3).gif");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70% auto;
}

.teamMembersContainer {
    height: calc(100vh - var(--headerHeight) - var(--footerHeight) - 8vh);
    overflow-y: auto;
    overflow-x: hidden;
    backdrop-filter: blur(10px);
}

.p3GlobalAdminCompany-container {
    width: 100%;
    height: 70vh;
    overflow: auto;
}

.p3GlobalAdminCompanyRow {

}

.p3GlobalAdminCompanyRow:hover {
    border: 1px solid black;
    cursor:pointer;
}

.auditorStatisticsContainerP3 {
     margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    border-radius: 6px;
    padding: 8px !important;
}

.esgvariableDetailsPopupContainer {
    height:85vh;
    overflow-y:auto;
}

.ESGVariableDataValuesContainer {
    width:70%;
}

.ESGVariablesCommentsContainer {
    position: absolute;
    top: 0;
    left: 71%;
    width: 29%;
    height: 43vh;
    overflow-y:auto;
}

.ESGVariablesCommentsContainerInnerMaximized {
    height: 28.5vh;
    overflow-y: auto;
    word-wrap: break-word;
}

.ESGVariablesCommentsContainerInnerMinimized {
    height: 27.5vh;
    overflow-y: auto;
    word-wrap:break-word;
}

    .p3ValueBox {
        background-color: #f6f5f5 !important;
        border-radius: 15px;
        min-height: 35px !important;
    }
.p3ValueBoxNoHeight {
    background-color: #f6f5f5 !important;
    border-radius: 15px;

}

.p3-Checkbox {
    height: 15px;
    width: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #a5adb6;
    border-radius: 4px;
    outline: none;
    transition-duration: 0.3s;
    background-color: #a5adb6;
    cursor: pointer;
}

p3-Checkbox > input:checked {
    border: 1px solid #41B883;
    background-color: #34495E;
}

    p3-Checkbox > input:checked + span::before {
        content: '\2713';
        display: block;
        text-align: center;
        color: #41B883;
        position: absolute;
        left: 0.7rem;
        top: 0.2rem;
    }

p3-Checkbox > input:active {
    border: 2px solid #34495E;
}

.p3-Checkbox:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.p3-Checkbox input:checked ~ .p3-Checkbox:after {
    display: block;
    color: white;
}

.p3NotifyUnavailable {
    font-weight: bold;
    box-shadow: inset 0 0 5px grey;
    border-radius: 15px;
    padding: 0.5rem;
    transition: 0.2s ease all;
}

.hasNotification {
    border-radius: 5px;
    background: #f00;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 5px;
    right: 5px;
}

.notificationsWindow {
    position: absolute;
    left: calc(var(--menu-width) - 0.8vw);
    bottom: 4vh;
    border-radius: 10px;
    box-shadow: 5px 5px 8px #888888;
    z-index: 3;
    padding: 2rem;
    white-space: nowrap;
    transition: 0.6s ease all;
    overflow-y:auto;
}



.notificationWindowActive {
    width:600px;
    height:80vh;
}

.notificationWindowinActive {
    width: 30px;
    height: 10px;
}

.p3NotificationIcon {
    position: relative;
    top: 0.5vh;
    height: 2.75vh;
}

.weakPassword {
    background-color: #eeeeee;
    color: black;
    border-radius: 15px;
    border: 1px solid #cccccc;
    padding: 1rem;
    font-size: 90%;
}

.tutorialBody {
    height:59vh;
}

.youtubeHelpDiv {
    cursor:pointer;
    padding:1rem;
    border-radius:15px;
    font-weight:bold;
}

.youtubeHelpDiv:hover {

    background-color:lightgray;
}

.youtubeHelpDivSelected {
    background-color: lightslategray;
}

.p2tabmenuicon {
    height: calc(var(--menu-width) / 16.0);
}
.p2DashboardYearLabel {
    background-color: #D8D8D8;
    color: black;
    font-weight: bold;
    font-size: 100%;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    border-radius: 5px;
    cursor:pointer;
}

.P2KPIESGCategorySelector {
    cursor: pointer;
    min-height: 80px;
    border-radius: 5px;
    box-shadow: 0px 0px 8px #9A9A9A;
    line-height:15px;
}

.P2KPIESGCategorySelectorUnselected {
    background-color: #F3F3F3;
}

.P2KPIESGCategorySelectorSelected {
    background-color: white;
}

.companyEstablishmentCertificate {
    background: linear-gradient(to right, var(--esg-from-color) 0%, var(--esg-to-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-radius:10px;
}

.p2rightOverview {
    height: calc(100vh - var(--headerHeight) - var(--footerHeight) + 6.1vh);
}

.separator {
    height: 3px;
    width: 100px;
    margin-top:1rem;
    margin-bottom:1rem;
    background-color: #01639B;
}



.governanceTabs {
    padding: 0.2rem;
    border: none;
    background-color:white;
}

    .governanceTabs:hover {
        border-bottom: 3px solid var(--esg-to-color);
    }

.governanceTabsSelected {
    border-bottom: 3px solid var(--esg-to-color);
}

.multiSelected {
    background-color: #F5F5DC !important;
}

.frameworkCategorySpan {
    border: 1px solid #a5adb6;
    cursor: pointer;
}

    .frameworkCategorySpan:hover {
        background-color: #DEEBF7;
        color: #06679D!important;
    }

.frameworkCategorySpanUnselected {
    color: #a5adb6;
}

.frameworkCategorySpanSelected {
    background-color: #DEEBF7!important;
    color: #06679D !important;
}

#GroupTableCustomize {
    border-collapse: separate;
    border: solid #ddd 1px;
    border-radius: 6px;
    width:100%;
}

    #GroupTableCustomize td, #GroupTableCustomize th {
        border-left: solid #ddd 1px;
        border-top: solid #ddd 1px;
        padding: 8px;
        text-align: center;
        min-width:100px;
    }

    #GroupTableCustomize th {
        border-top: none;
    }

    #GroupTableCustomize td:first-child, #GroupTableCustomize th:first-child {
        border-left: none;
    }

.TrackerDownloadFolder {
    width: 170px;
    height: 30px;
    padding: 4px;
    background-color: white;
    line-height: 22px;
    position: absolute;
    top: 12%;
    right: 15%;
    text-align: center;
    font-size: 80%;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: -1px -1px 10px #5555;
    cursor: pointer;
}

    .TrackerDownloadFolder:hover {
        box-shadow: 2px 2px 10px #5555;
    }


.p2DashboardFrameworkContainer {
    position:absolute;
    display:inline-block;
    width:450px;
    height:220px;
}

.AIQuestion {
    font-size: 80%;
    position: relative;
    width: 78%;
    left: 20%;
    margin: 5px;
    padding: 5px;
    text-align: right;
    background: #E9F1F8;
}

.AIAnswer {
    font-size: 80%;
    position: relative;
    width: 78%;
    margin: 5px;
    padding: 5px;
    text-align: left;
}


.HistoryScoresSubmissionsHeader {
    background-color: #dbdbdb;
    color: #707070;
    padding:0.5rem;
    border-radius:10px;
}

.P2Actionsli {

}

    .P2Actionsli:hover {
        background-color: #deebf7;
    }

.fitImageToParent {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.redOutline {
    border: solid 1px red !important;
}

.geocodeResult {
    cursor:pointer;
}

.geocodeResult:hover {
    background-color:gray;
}