@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open Sans');

:root {
    --progress-stress-value: 100%;
    --disagree-value: 100%;
    --agree-value: 100%;
    --progress-purpose-value: 100%;
    --progress-belonging-value: 100%;
    --progress-growth-value: 100%;
    --progress-overlay-width-purpose: 100%;
    --progress-overlay-left-purpose: 40%;
    --progress-overlay-width-belonging: 100%;
    --progress-overlay-left-belonging: 40%;
    --progress-overlay-width-growth: 100%;
    --progress-overlay-left-growth: 40%;
}

html {
    /* font-size: 62.5%; */
    font-size: 14px;
    overflow: auto;
    scrollbar-width: none;
}

/* body {
    font-size: 1.6rem;
} */

body, html {
    height: 100%;
    /* width: 100%; */
    /* font-family: "Raleway", sans-serif !important; */
    font-family: "Open Sans" !important;
    scroll-behavior: smooth;
    scroll-snap-type: y proximity;
    overflow: visible !important;
}

/* Prevent scroll when modal is open */
body.modal-open {
    overflow: hidden !important;
}

.fs-1,.fs-2,.fs-3,
.display-1,.display-2,.display-3,.display-4,.display-5,.display-6 {
    font-family: "Raleway";
}

.btn-reload {
    --bs-btn-reload-color: #000;
    --bs-btn-reload-bg: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi%20bi-arrow-clockwise' viewBox='0%200%200%2016%2016'><path fill-rule='evenodd' d='M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2z'/><path d='M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466'/></svg>");
    --bs-btn-reload-opacity: 0.5;
    --bs-btn-reload-hover-opacity: 0.75;
    --bs-btn-reload-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-btn-reload-focus-opacity: 1;
    --bs-btn-reload-disabled-opacity: 0.25;
    --bs-btn-reload-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: var(--bs-btn-reload-color);
    background: transparent var(--bs-btn-reload-bg) center / 1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-reload-opacity);
}
.modal-header .btn-reload {
    padding: calc(var(--bs-modal-header-padding-y)* .5) calc(var(--bs-modal-header-padding-x)* .5);
    margin: calc(-.5* var(--bs-modal-header-padding-y)) calc(-.5* var(--bs-modal-header-padding-x)) calc(-.5* var(--bs-modal-header-padding-y)) auto;
    font-size: 1.75rem;
    font-weight: bolder;
}

.btn-fullscreen {
    --bs-btn-fullscreen-color: #000;
    --bs-btn-fullscreen-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-fullscreen' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5M.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5m15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5'/%3E%3C/svg%3E");
    --bs-btn-fullscreen-opacity: 0.5;
    --bs-btn-fullscreen-hover-opacity: 0.75;
    --bs-btn-fullscreen-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-btn-fullscreen-focus-opacity: 1;
    --bs-btn-fullscreen-disabled-opacity: 0.25;
    --bs-btn-fullscreen-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: var(--bs-btn-fullscreen-color);
    background: transparent var(--bs-btn-fullscreen-bg) center / 1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-fullscreen-opacity);
}
.modal-header .btn-fullscreen {
    padding: calc(var(--bs-modal-header-padding-y)* .5) calc(var(--bs-modal-header-padding-x)* .5);
    margin: calc(-.5* var(--bs-modal-header-padding-y)) calc(-.5* var(--bs-modal-header-padding-x)) calc(-.5* var(--bs-modal-header-padding-y)) auto;
    font-size: 1.25rem;
    font-weight: bolder;
}

.btn-minimise {
    --bs-btn-fullscreen-color: #000;
    --bs-btn-fullscreen-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-fullscreen-exit' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 0a.5.5 0 0 1 .5.5v4A1.5 1.5 0 0 1 4.5 6h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5m5 0a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 10 4.5v-4a.5.5 0 0 1 .5-.5M0 10.5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 6 11.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5m10 1a1.5 1.5 0 0 1 1.5-1.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0z'/%3E%3C/svg%3E");
    --bs-btn-fullscreen-opacity: 0.5;
    --bs-btn-fullscreen-hover-opacity: 0.75;
    --bs-btn-fullscreen-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-btn-fullscreen-focus-opacity: 1;
    --bs-btn-fullscreen-disabled-opacity: 0.25;
    --bs-btn-fullscreen-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: var(--bs-btn-fullscreen-color);
    background: transparent var(--bs-btn-fullscreen-bg) center / 1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-fullscreen-opacity);
}
.modal-header .btn-minimise {
    padding: calc(var(--bs-modal-header-padding-y)* .5) calc(var(--bs-modal-header-padding-x)* .5);
    margin: calc(-.5* var(--bs-modal-header-padding-y)) calc(-.5* var(--bs-modal-header-padding-x)) calc(-.5* var(--bs-modal-header-padding-y)) auto;
    font-size: 1.25rem;
    font-weight: bolder;
}

.min-h-0 {
    min-height: 0%;
}
.min-h-25 {
    min-height: 25%;
}
.min-h-50 {
    min-height: 50%;
}
.min-h-100 {
    min-height: 100%;
}

.voluntas-palette-1-text { color: #0C0050; }
.voluntas-palette-2-text { color: #342A82; }
.voluntas-palette-3-text { color: #6666FF; }
.voluntas-palette-4-text { color: #C5CBFF; }
.voluntas-palette-5-text { color: #FFFFFF; }
.voluntas-palette-6-text { color: #F2F2F2; }
.voluntas-palette-7-text, .voluntas-error-text { color: #F32B2C; }

.bg-voluntas-palette-1, table .bg-voluntas-palette-1 {
    background-color: #0C0050;
    color: #FFFFFF;
}
.bg-voluntas-palette-2, table .bg-voluntas-palette-2 {
    background-color: #342A82;
    color: #FFFFFF;
}
.bg-voluntas-palette-3, table .bg-voluntas-palette-3 {
    background-color: #6666FF;
    color: #FFFFFF;
}
.bg-voluntas-palette-4, table .bg-voluntas-palette-4 {
    background-color: #C5CBFF;
    color: #000000;
}
.bg-voluntas-palette-5, table .bg-voluntas-palette-5 {
    background-color: #FFFFFF;
    color: #000000;
}
.bg-voluntas-palette-6, table .bg-voluntas-palette-6 {
    background-color: #F2F2F2;
    color: #000000;
}
.bg-voluntas-palette-7 { 
    background-color: #F32B2C;
    color: #000000;
}

.btn-voluntas {
    background-color: #0C0050;
    color: #fff;
    border-width: 1px;
    box-shadow: 1px 1px 5px #cdcdcd;
    /* transform: scale(1); */
    /* transition: 0.5s; */
    float: right;
    margin: 1.5rem 1.5rem 1.5rem 0rem;
}
.btn-voluntas:hover {
    background-color: white;
    color: black;
    border: 1px solid #000;
    /* transform: scale(1.05); */
    /* transition: 0.5s; */
}

.btn-voluntas-login {
    background-color: #0C0050;
    color: #fff;
    border-width: 1px;
}
.btn-voluntas-login:hover {
    background-color: #f2f2f2;
    color: black;
    border: 1px solid #000;
}

.btn-voluntas-invert {
    background-color: #fff;
    color: #0c0050;
    border: 1px solid #000;
}
.btn-voluntas-invert:hover {
    background-color: #0c0050;
    color: #fff;
    border-width: 1px;
}

.btn-outline-voluntas {
    --bs-btn-color: #0C0050;
    --bs-btn-border-color: #0C0050;
    --bs-btn-hover-color: #0C0050;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #0C0050;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0C0050;
    --bs-btn-active-border-color: #0C0050;
    --bs-btn-focus-shadow-rgb: 112,112,112;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0C0050;
    --bs-btn-active-border-color: #0C0050;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0C0050;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0C0050;
    /* --bs-btn-focus-shadow-rgb: 33,37,41; */
    --bs-gradient: none;
    padding: 10px 20px;
    box-shadow: 1px 1px 2px rgb(112, 112, 112);
    font-size: 1rem;
}
.btn-outline-voluntas:hover {
    box-shadow: 1px 1px 12px #707070;
}
.btn-outline-voluntas:focus {
    box-shadow: 1px 1px 16px #707070;
}
.btn-outline-voluntas:active {
    box-shadow: 1px 1px 2px #707070;
}
.btn-outline-voluntas-active {
    color: #fff;
    background-color: #0C0050;
    border-color: #0C0050;
    box-shadow: 1px 1px 2px #707070;
    font-size: 1rem;
}

.btn-outline-voluntas-light {
    --bs-btn-color: #000;
    /* --bs-btn-border-color: #0c0050; */
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0c0050;
    --bs-btn-hover-border-color: #0c0050;
    --bs-btn-focus-color: #fff;
    --bs-btn-focus-bg: #0c0050;
    --bs-btn-focus-border-color: #fff;
    --bs-btn-focus-shadow-rgb: 112,112,112;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0c0050;
    --bs-btn-active-border-color: #0c0050;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #fff;
    /* --bs-btn-focus-shadow-rgb: 33,37,41; */
    --bs-gradient: none;
    box-shadow: 1px 1px 5px #707070;
    font-size: 1rem;
}

.row-span-2, #stress-factors-div.stretch {
    grid-row: span 2;
}
.custom-grid {
    display: grid;
    grid-template-rows: repeat(2, 1fr); /* Define two equal rows */
}

.modal-preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 20px;
}

.bg-overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000;
    z-index: 2;
    cursor: pointer;
}

#overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 1050;
    cursor: pointer;
}

.smooth-scroll-wrapper {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    overflow: hidden;
}

.onscreen-guide-div-border {
    border-width: 5px;
    border-style: solid;
    border-color: green;
}

.onsc-text {
    display: none;
    opacity: 0;
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
    color: white;
    font-size: 110%;
    text-align: center;
    width: 100%;
    height: 100%;
    border: 3px solid white;
    padding: 1rem;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,0.85);
    border-radius: 11px;
    transition: opacity 0.75s ease;
}
.onsc-text-fade {
    opacity: 1;
}
.ring-btn {
    transform: scale(1);
    animation: ring 1s infinite;
}
@keyframes ring {
    0% {
        width: 30px;
        height: 30px;
        opacity: 1;
    }
    50% {
        width: 30px;
        height: 30px;
        opacity: 0;
    }
    100% {
        width: 30px;
        height: 30px;
        opacity: 1;
    }
}

.rotate90 { transform: rotate(90deg); }
.rotate180 { transform: rotate(180deg); }
.rotate45 { transform: rotate(45deg); }

/* ANIMATIONS SECTION STARTS */
@keyframes color_change_palette {
    0% {
        background-color: #0C0050;
    }
    10% { 
        background-color: #342A82;
    }
    20% { 
        background-color: #6666FF;
    }
    30% { 
        background-color: #C5CBFF; 
        color: #000;
    }
    40% { 
        background-color: #F2F2F2;
        color: #000;
    }
    50% {
        background-color: #FFFFFF;
        color: #000;
    }
    60% {
        background-color: #F2F2F2;
        color: #000;
    }
    70% {
        background-color: #C5CBFF;
        color: #000;
    }
    80% {
        background-color: #6666FF;
    }
    90% {
        background-color: #342A82;
    }
    100% {
        background-color: #0C0050;
    }
}
/* ANIMATIONS SECTION ENDS */

/* Preloader */
#loaderx{
    background: linear-gradient(90deg, #0C0050 10%, #0C0050 90%);
    overflow: hidden;
    height: 100%;
    animation: changeColor 2s infinite linear;
    position: fixed;
    z-index: 1050;
    width: 100%;
}

.logo-loaderx {
    height: 160px;
    width: 160px;
    position: absolute;
    left: calc(50% - 25px);
    top: calc(50% - 90px);
    transform: scale(1);
    filter: brightness(0) invert(1);
    animation: 1.5s ease 0s infinite beat;
}
@keyframes beat {
    0%, 50%, 100% { transform: scale(1.5); }
    30%, 80% { transform: scale(1.38, 1.425); }
}

@keyframes changeColor {
    0% { background: #0C0050 }
    25% { background: #342A82 }
    75% { background: #342A82 }
    100% { background: #0C0050 }
}

.loadingx-text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 100%;
    height: 100px;
    line-height: 100px;
    span {
        display: inline-block;
        margin: 0 5px;
        color: #fff;
    }
    span:nth-child(n+1) {
        filter: blur(0px);
        animation: blur-text .75s infinite linear alternate;
    }
    span:nth-child(n+2) {
        filter: blur(0px);
        animation: blur-text .75s infinite linear alternate;
    }
    span:nth-child(n+3) {
        filter: blur(0px);
        animation: blur-text .75s infinite linear alternate;
    }
    span:nth-child(n+4) {
        filter: blur(0px);
        animation: blur-text .75s infinite linear alternate;
    }
    span:nth-child(n+5) {
        filter: blur(0px);
        animation: blur-text .75s infinite linear alternate;
    }
    span:nth-child(n+6) {
        filter: blur(0px);
        animation: blur-text .75s infinite linear alternate;
    }
    span:nth-child(n+7) {
        filter: blur(0px);
        animation: blur-text .75s infinite linear alternate;
    }
}

@keyframes blur-text {
    0% {filter: blur(0px);}
    100% {filter: blur(4px);}
}


/* #preloader {	
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    height:100%;
    display: none;
    background: rgba(0,0,0,0.6);
}
.center {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
}
.wave {
    width: 5px;
    height: 100px;
    background: linear-gradient(45deg, cyan, #fff);
    margin: 10px;
    animation: wave 1s linear infinite;
    border-radius: 20px;
}
.wave:nth-child(2) {
    animation-delay: 0.1s;
}
.wave:nth-child(3) {
    animation-delay: 0.2s;
}
.wave:nth-child(4) {
    animation-delay: 0.3s;
}
.wave:nth-child(5) {
    animation-delay: 0.4s;
}
.wave:nth-child(6) {
    animation-delay: 0.5s;
}
.wave:nth-child(7) {
    animation-delay: 0.6s;
}
.wave:nth-child(8) {
    animation-delay: 0.7s;
}
.wave:nth-child(9) {
    animation-delay: 0.8s;
}
.wave:nth-child(10) {
    animation-delay: 0.9s;
}

@keyframes wave {
    0% {
    transform: scale(0);
    }
    50% {
    transform: scale(1);
    }
    100% {
    transform: scale(0);
    }
}   */
/* Button Loader */
.rotating-border {  
    position: relative;
    overflow: hidden;
    display: inline-block;
    border-color: transparent;
}
.rotating-border::before {
    content: '';
    display: block;
    background: conic-gradient(red, yellow, lime, aqua, blue, magenta, red);;
    width: calc(103% * 1.41421356237);
    padding-bottom: calc(103% * 1.41421356237);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -2;
    animation: spin 5s linear infinite;
}
.rotating-border::after{
      /* content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-box-arrow-in-right fs-3' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M6 3.5a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 0-1 0v2A1.5 1.5 0 0 0 6.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-8A1.5 1.5 0 0 0 5 3.5v2a.5.5 0 0 0 1 0v-2z'/%3e%3cpath fill-rule='evenodd' d='M11.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H1.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3z'/%3e%3c/svg%3e"); */
      font-family: 'bootstrap-icons';
      content: '\F41F'; /* '\2192';*/
      color: #fff;
      position: absolute;
      inset: 3px;
      outline: 3px;
      background: #0c0050;
      z-index: 1;
      border-radius: 77px;
      padding: 0.4rem;
      /* animation: pan-right 0.5s infinite ease-in-out; */
      
}
@keyframes spin {
    from {transform: translate(-50%, -50%) rotate(0);}
    to   {transform: translate(-50%, -50%) rotate(360deg);}
}
@keyframes pan-right {
    0% { left: 0px; }
    50% { left: 10px; }
    100% { left: 0px; }
}

.click-loader .path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
}
.click-loader .path.line {
    stroke-dashoffset: 1000;
    -webkit-animation: dash .9s .35s ease-in-out forwards;
    animation: dash .9s .35s ease-in-out forwards;
}
.click-loader .path.check {
    stroke-dashoffset: -100;
    -webkit-animation: dash-check .9s .35s ease-in-out forwards;
    animation: dash-check .9s .35s ease-in-out forwards;
}
/* Button Loader */
.dot-stretching {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #9880ff;
    color: #9880ff;
    transform: scale(1.25, 1.25);
    animation: dot-stretching 2s infinite ease-in;
}
.dot-stretching::before, .dot-stretching::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
}
.dot-stretching::before {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #9880ff;
    color: #9880ff;
    animation: dot-stretching-before 2s infinite ease-in;
}
.dot-stretching::after {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #9880ff;
    color: #9880ff;
    animation: dot-stretching-after 2s infinite ease-in;
}

@keyframes dot-stretching {
    0% {
      transform: scale(1.25, 1.25);
    }
    50%, 60% {
      transform: scale(0.8, 0.8);
    }
    100% {
      transform: scale(1.25, 1.25);
    }
}
@keyframes dot-stretching-before {
    0% {
      transform: translate(0) scale(0.7, 0.7);
    }
    50%, 60% {
      transform: translate(-20px) scale(1, 1);
    }
    100% {
      transform: translate(0) scale(0.7, 0.7);
    }
}
@keyframes dot-stretching-after {
    0% {
      transform: translate(0) scale(0.7, 0.7);
    }
    50%, 60% {
      transform: translate(20px) scale(1, 1);
    }
    100% {
      transform: translate(0) scale(0.7, 0.7);
    }
}

.color-change-loader {
    animation: color_change_palette 3s infinite ease-in;
}
/* Preloader */

/* Modified BS Classes */
.btn {
    border-radius: 0.5rem;
}

.btn-outline-palette-3 {
    --bs-btn-color: #C5CBFF;
    --bs-btn-border-color: #C5CBFF;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #C5CBFF;
    --bs-btn-hover-border-color: #000;
    --bs-btn-focus-shadow-rgb: 33,37,41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #C5CBFF;
    --bs-btn-active-border-color: #000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #C5CBFF;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #C5CBFF;
    --bs-gradient: none;
    color: black;
}

.card {
    border-width: 0px;
    box-shadow: 1px 1px 5px #cdcdcd;
    border-radius: 11px;
}

.card-heading {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    text-align: start;
    font-family: "Raleway"
}

.card-sub-heading {
    font-size: 1rem;
    margin-bottom: 1rem;
    font-family: "Raleway";
} 

.col-2-5 {
    flex: 0 0 auto;
    width: 20%;      
}
.offset-2-5 {
    margin-left: 20%;
}

nav {
    border-width: 0px;
    box-shadow: 1px 1px 5px #cdcdcd;
    border-radius: 11px;
}

.form-check-input:checked {
    background-color: #342a82;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
    background-color: #342a82;
}

.form-img-upload-preview {
    padding: 0.5rem;
    border: 1px solid #dee2e6;
    aspect-ratio: 1;
    float: right;
}

/* Login Page */
.login-bg {
    background-image: url('../images/login-bg.png'), linear-gradient(180deg,rgba(12,0,80,0.5) 0%,rgba(12,0,80,0.5) 100%);
    /* background-blend-mode: overlay; */
    background-repeat: no-repeat,no-repeat;
    background-size: cover;
    /* object-fit: fill; */
}
.loginVideoParent {
    background: rgba(0, 0, 0, 0.5);
}
#loginVideoBg {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}

.login-card {
    width: 400px;
    border-radius: 25px;
    /* height: 330px; */
}

.card-blur {
    background-color: rgba(255, 255, 255, 0.5);
    line-height: 1;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.login-card > .card-body {
    padding: 20px 40px;
}

.add-client-card {
    border-radius: 11px;
    border: 2px dashed #cdcdcd;
    height: 100%;
    cursor: pointer;
}

.add-client-card div {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    color: #0c0050;
}

.add-client-card div i {
    color: #0c0050;
}

.client-card {
    display: flex;
    flex-direction: column;
    border-radius: 11px;
}

.client-card.client-unselected:hover {
    cursor: pointer;
    box-shadow: 1px 1px 5px #cdcdcd;
}

.client-card .card-body {
    position: relative;
    padding-top: 2.5rem;
    border-top: 3px solid #f2f2f2;
}

.client-card .badge-box {
    position: absolute; 
    top: -20px;
    left: 50%; 
    width: 100px; 
    height: 100px;
    margin-left: -50px; 
    text-align: center;
}

.select-client-btn {
    background: #f2f2f2;
    color: #342A82;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    line-height: 46px; 
    text-align: center; 
    font-size: 3rem;
    font-weight: 700;
    display: inline-block;
    border: 1px solid #f2f2f2;
}
.client-card.client-unselected .select-client-btn{
    background: #ececec;
    color: #cdcdcd;
    border: 1px solid #f2f2f2;
}

.client-card.client-unselected:hover .select-client-btn {
    background: #f2f2f2;
    color: #0c0050;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    line-height: 46px; 
    text-align: center; 
    font-size: 3rem;
    font-weight: 700;
    display: inline-block;
    border: 1px solid #f2f2f2;
}
.org-logo-img img {
    width: 100%;
}
#OrganisationInfoModal .row {
    max-height: 500px;
    overflow-y: auto;
}
.org-logo-img img {
    border-radius: 8px;
}

.remove-client-bin {
    position: absolute;
    right: 1rem;
    top: 1rem;
    font-size: 1.5rem;
    border: 0;
    display: none;
}

.client-card .card-img-top{
    width: auto!important;
    height: 25vh;
    object-fit: contain;
    background-color: #FFFFFF;
    padding: 1rem;
}

.search-ribbon {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.search-table {
    display: inline-block;
    position: relative;
    /* width: 25%; */
    width: 250px;
}

.search-table i {
    position: absolute;
    right: 1rem;
    top: 0;
    margin: 1px auto;
    font-size: 1.5rem;
    color: grey;
}

.client-table-search {
    width: 100%;
    padding: 0.5rem 0.5rem;
    border-radius: 11px;
    border: 1px solid grey;
}

.search-glass {
    cursor: pointer;
}

.table-accordion .accordion-toggle:not(.collapsed) i::before {
    transform: rotate(-180deg);
}

.row-highlight {
    background-color: #cdcdcd;
    color: #0c0050;
}

.report-card {
    min-height: 20rem;
}
.report-graph {
    width: 100%;
}
.report-tab {
    text-align: center;
    max-width: 50%;
    padding: 0.25rem 0.5rem;
    margin-left: 1rem;
    border-radius: 11px 11px 0 0 !important;
    position: absolute;
    bottom: 100%;
}
.report-card-btn {
    padding: 0.5rem 1rem;
    font-size: 1rem;
    font-weight: bold;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.tooltip-wrapper {
    display: inline;
}
.tooltip-wrapper .btn[disabled] {
    pointer-events: none;
}
.tooltip-wrapper.disabled {
    cursor: not-allowed;
}

.main {
    height: calc(100vh - 30px);
    width: 100%;
}

.clear { 
    clear: both; 
    height: 45px;
}

.card-redirect {
    text-decoration: none;
    color: inherit;
}

.text-justify {
    text-align: justify !important;
}

.top-10 { top: 10% !important; }
.top-25 { top: 25% !important; }
.top-40 { top: 40% !important; }
.top-60 { top: 60% !important; }
.top-75 { top: 75% !important; }
.top-80 { top: 80% !important; }
.top-90 { top: 90% !important; }

.w-10 { width: 10% !important; }
.w-20 { width: 20% !important; }
.w-30 { width: 30% !important; }
.w-40 { width: 40% !important; }
.w-60 { width: 60% !important; }
.w-70 { width: 70% !important; }
.w-80 { width: 80% !important; }
.w-90 { width: 90% !important; }

.voluntas-heading {
    font-family: 'Raleway';
}

/* Tabs */
.with-arrow .nav-link.active {
    position: relative;
}
  
.with-arrow .nav-link.active::after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #0C0050;
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
}
.lined .nav-link {
    border: none;
    border-bottom: 3px solid transparent;
    font-weight: bold;
    text-transform: uppercase;
    font-size: large;
}

.lined .nav-link:hover {
    border: none;
    border-bottom: 3px solid transparent;
    background-color: #D8D8D8;
}

.lined .nav-link.active {
    background: none;
    color: #555;
    border-color: #0C0050;
    font-weight: bold;
    text-transform: uppercase;
    font-size: large;
}

.nav-pills .nav-link {
    color: #555;
}
.nav-pills .nav-link.active {
    color: #fff;
    background-color: #0C0050;
}
/* Tabs */

/* Stats */
.stats {
    background: #e0eafc;
    border-radius: 50%;
    padding: 0.75rem;
}
.stats-card {
    transition: 0.5s;
}
.stats-card:hover {
    background-color: #0c0050;
    color: #ffffff;
    transition: 0.5s;
}
/* Stats */

/* Sidebar */
.sidebar {
    height: calc(100vh - 30px);
    width: 16%;
    position: fixed;
    z-index: 99;
    overflow-y: auto;
}
@media (max-width: 600px) {
    .sidebar {
        width: 100%;
    }
}
.sidebar-company-logo {
    margin: auto 0;
}
.hamburger-btn {
    background-color: transparent;
    cursor: pointer;
    border: 0;
    padding: 1rem 1.5rem;
}
.hamburger-btn i {
    font-size: 1.5rem;
    color: #FFF;
}
.sidebar-company-logo img, .navbar-brand img {
    width: 5vw;
    margin-left: 2vw;
    margin-right: 2vw;
}
.sidebar>.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #0c0050;
}
.sidebar .nav-pills .nav-link.active:hover {
    background-color: #312b55;
}
.sidebar .nav-pills .nav-link:hover {
    background-color: #d8d8d8;
}

#report-sidebar .nav-link {
    color: white;
    opacity: 1;
    font-size: 1.25rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
#report-sidebar .nav-link:hover {
    background-color: #0c0050;
    opacity: 0.8;
    font-size: 1.25rem;
}
/* Sidebar */

/* input {
    border: 1px solid transparent;
    border-radius: 50rem !important;
} */

#header {
    position: relative;
    z-index: auto;
}

#nav-user-dropdown .dropdown-menu {
    position: absolute;
    right: 0;
    left: auto;
    z-index: 1001;
}

.dropdown-menu {
    padding: 0;
}
.dropdown-item {
    padding: 1rem !important;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: #d8d8d8;
    color: #000;
}
.dropdown-item:active {
    background-color: #0c0050;
    color: #fff;
}

#stripe.animate {
    transform: translate(-90%);
    transition-property: transform;
    transition-duration: 5s;
}

#team-dataset_length select {
    padding: 0;
}

#team-dataset_length, #team-dataset_filter {
    margin-bottom: 1rem;
}

#reports-modal .modal-xl .modal-content {
    height: 90vh;
}

#surveyConfigModal .modal-dialog {
    transition: all 0.5s ease-in-out;
}

#surveyConfigModal .modal-fullscreen {
    max-width: 100vw;
    width: 100%;
    height: 100%;
    margin: 0;
}

/* Team Visualization */
#team-tree-diagram svg{
    display: block;
    margin: auto;
}

#team-tree-diagram .node circle{
    fill: #fff;
    stroke: steelblue;
    stroke-width: 3px;
}

#team-tree-diagram .node text{ font: 12px sans-serif; }

#team-tree-diagram .link{
    fill: none;
    stroke: #ccc;
    stroke-width: 2px;
}

/* Team Visualization */

/* DataTables */
.dataTables_scroll {
    border-top: 1px solid #d3d3d3;
}
.dataTables_paginate, .dataTables_info {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 50px;
    background-color: #F2F2F2;
    color: #000;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #CDCDCD;
    color: #000 !important;
    border: 1px solid transparent;

}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border-radius: 50px;
    background-color: #342A82;
    color: #FFFFFF !important;
}
.org-tab-tables thead tr {
    border: none;
}
.org-tab-tables th:first-child{
    border-radius:10px 0 0 10px;
}
.org-tab-tables th:last-child{
    border-radius:0 10px 10px 0;
}

/* Chart Tooltip */
div.tooltip-chart-preview {
    position: absolute;
    max-width: 75%;
    height: auto;
    padding: 10px;
    display: none;
    background-color: white;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
    pointer-events: none;
    z-index: 99;
    color: #000;
    text-align: justify;
}
div.tooltip-chart-preview-mr {
    width: auto;
}

div.tooltip-chart-preview p {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
}

.org-chart-report-btn {
    color: white;
    background-color: #0C0050;
    font-size: 1.25rem;
    opacity: 1;
    transition: 0.5s;
}

.org-chart-report-btn:hover {
    color: white;
    background-color: #0C0050;
    opacity: 0.8;
    transform: scale(1.05);
    transition: 0.5s;
}

.org-tooltip-desc {
    font-size: 1.25rem;
}

.tooltip-section {
    display: flex;
    font-weight: 700;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.view-report-btn-section {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

/* .tooltip-circle-chart {
    position: absolute;
    min-width: 250px; 
    max-width: 350px; 
    height: auto;
    padding: 10px;
    display: none;
    background-color: white;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
    z-index: 99;
    color: #000;
    text-align: justify;
} */
/* Chart Tooltip */

/* Flip Box */
.box-item {
    position: relative;
    -webkit-backface-visibility: hidden;
    width: 415px;
    margin-bottom: 35px;
    max-width: 100%;
}
  
.flip-box {
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    perspective: 1000px;
    -webkit-perspective: 1000px;
}
  
.flip-box-front, .flip-box-back {
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    height: 475px;
    -ms-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
    transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
    -webkit-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
  
.flip-box-front {
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background: #000000;
}

.flip-box-front img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    filter: brightness(0.5);
    object-fit: cover;
}
  
.flip-box:hover .flip-box-front {
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
  
.flip-box-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
  
.flip-box:hover .flip-box-back {
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-box .inner {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 60px;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
    
    transform: translateY(-50%) translateZ(60px) scale(.94);
    -webkit-transform: translateY(-50%) translateZ(60px) scale(.94);
    -ms-transform: translateY(-50%) translateZ(60px) scale(.94);
    top: 50%;
}

.flip-box-img {
    margin-top: 25px;
}
  
.flip-box-button {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    margin-top: 25px;
    padding: 10px;
    text-transform: uppercase;
    width: 120px;
    transition: 0.5s;
    text-decoration: none;
    text-align: center;
    margin-left: auto;
}

.flip-box-button:hover {
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 2px;
    color: #000;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    margin-top: 25px;
    padding: 10px;
    text-transform: uppercase;
    width: 120px;
    transition: 0.5s;
    text-decoration: none;
    text-align: center;
    margin-left: auto;
}

.delete-btn-flipbox {
    float: right;
    margin: 1rem;
}
/* Flip Box */

/* Watermark Text Background */
#watermark-background {
    position:absolute;
    bottom: 0;
    right: 0.75rem;
}

#watermark-bg-text {
    color: rgba(211, 211, 211, 0.25);
    font-size: 5rem;
    transform: rotate(330deg);
    -webkit-transform: rotate(330deg);
}
/* Watermark Text Background */

/* Multistep Form */
/* .multi-step-form {
    max-width: 90%;
    min-height: 500px;
    background-color: #ffffff;
    margin: 40px auto;
    padding: 40px;
    box-shadow: 0px 6px 18px rgb(0 0 0 / 9%);
    border-radius: 12px;
}
.multi-step-form .form-header {
    gap: 5px;
    text-align: center;
    font-size: .9em;
}
.multi-step-form .form-header .stepIndicator {
    position: relative;
    flex: 1;
    padding-bottom: 30px;
}
.multi-step-form .form-header .stepIndicator.active {
    font-weight: 600;
}
.multi-step-form .form-header .stepIndicator.finish {
    font-weight: 600;
    color: #009688;
}
.multi-step-form .form-header .stepIndicator::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 9;
    width: 20px;
    height: 20px;
    background-color: #d5efed;
    border-radius: 50%;
    border: 3px solid #ecf5f4;
}
.multi-step-form .form-header .stepIndicator.active::before {
    background-color: #a7ede8;
    border: 3px solid #d5f9f6;
}
.multi-step-form .form-header .stepIndicator.finish::before {
    background-color: #009688;
    border: 3px solid #b7e1dd;
}
.multi-step-form .form-header .stepIndicator::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 8px;
    width: 100%;
    height: 3px;
    background-color: #f3f3f3;
}
.multi-step-form .form-header .stepIndicator.active::after {
    background-color: #a7ede8;
}
.multi-step-form .form-header .stepIndicator.finish::after {
    background-color: #009688;
}
.multi-step-form .form-header .stepIndicator:last-child:after {
    display: none;
}
.multi-step-form input {
    width: 100%;
    font-size: 1em;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
}
.multi-step-form input:focus {
    border: 1px solid #009688;
    outline: 0;
}
.multi-step-form input.invalid {
    border: 1px solid #ffaba5;
}
.multi-step-form .step {
  display: none;
}
.multi-step-form .step .row {
    min-height: 300px;
}
.multi-step-form .form-footer{
    overflow:auto;
    gap: 20px;
    bottom: 2.5rem;
    display: flex;
    justify-content: center;
    margin-top: 3rem;
}
.multi-step-form .form-footer button{
    background-color: #0c0050;
    color: #ffffff;
    border: none;
    padding: 13px 30px;
    font-size: 1em;
    cursor: pointer;
    border-radius: 5px;
    width: 120px;
}
.multi-step-form .form-footer button:hover {
  opacity: 0.8;
} */
/* Multistep Form */

/* Drag and Drop */
#sortable1, #sortable2 {
    border: 1px solid #eee;
    width: 142px;
    min-height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    margin-right: 10px;
  }
  #sortable1 li, #sortable2 li {
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
    width: 120px;
  }

.list-group-item:first-child {
    border-top: 1px solid #d3d3d3;
}
.list-group-item {
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    padding: 0.5rem;
}
.list-group-item:hover {
    background-color: #f2f2f2;
}
.list-group-item:last-child {
    border-bottom: 1px solid #d3d3d3;
}

.draggable-list {
    width: 100%;
    margin-right: auto;    
    border: 2px solid #F2F2F2;
    padding: 1rem;
}

#survey-config-tabContent {
    max-height: 525px;
    overflow-y: auto;
    width: 100%;
    flex-grow: 1;
    padding-left: 1rem;
    padding-right: 1rem;
    border-width: 0px;
}

/* Drag and Drop */

/* Success/Fail SVG */
.process-final-step .path, #add-new-action-item-form .path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
}
.process-final-step .circle, #add-new-action-item-form .circle {
    -webkit-animation: dash .9s ease-in-out;
    animation: dash .9s ease-in-out;
}
.process-final-step .line, #add-new-action-item-form .line {
    stroke-dashoffset: 1000;
    -webkit-animation: dash .9s .35s ease-in-out forwards;
    animation: dash .9s .35s ease-in-out forwards;
}
.process-final-step .check, #add-new-action-item-form .check {
    stroke-dashoffset: -100;
    -webkit-animation: dash-check .9s .35s ease-in-out forwards;
    animation: dash-check .9s .35s ease-in-out forwards;
}

@-webkit-keyframes dash {
    0% {
      stroke-dashoffset: 1000;
    }
    100% {
      stroke-dashoffset: 0;
    }
}
  
@keyframes dash {
    0% {
      stroke-dashoffset: 1000;
    }
    100% {
      stroke-dashoffset: 0;
    }
}
  
@-webkit-keyframes dash-check {
    0% {
      stroke-dashoffset: -100;
    }
    100% {
      stroke-dashoffset: 900;
    }
}
  
@keyframes dash-check {
    0% {
      stroke-dashoffset: -100;
    }
    100% {
      stroke-dashoffset: 900;
    }
}
/* Success/Fail SVG */


/* Report View */
    /* Report Sidebar */
    .portal-sidebar {
        /* background-image: linear-gradient(196deg,#a1b6e6,#8393da,#717edd,#6663e0,#523fcf,#4a2eb1,#040447); */
        background-color: #342a82;
        border-radius: 0px 20px 20px 0px;
    }
    .report-sidebar {
        /* background-image: linear-gradient(196deg,#a1b6e6,#8393da,#717edd,#6663e0,#523fcf,#4a2eb1,#040447); */
        background-color: #342a82;
        border: 2px solid #f2f2f2;
        border-radius: 20px; /*0px 20px 20px 0px;*/
        height: auto;
        position: fixed;
        top: 50vh;
        left: 3vw;
        transform: translateY(calc(-50% + 4vh));
    }
    .report-sidebar .accordion-item, 
    .report-sidebar .accordion-header,
    .portal-sidebar .accordion-item, 
    .portal-sidebar .accordion-header {
        background-color: transparent;
        color: white;
    }
    .top-user-badge {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 0px 20px 20px 0px;
    }
    .top-user-badge hr {
        color: #fff;
        opacity: 0.75;
    }
    .flex-child-left-25 {
        flex: 25;
        text-align: center;
        border-right: 1px solid rgba(255,255,255,0.75);
        padding: 1.5rem 0rem;
    }
    .flex-child-right-75 {
        flex: 75;
        padding: 1.5rem 0rem;
    }
    .sidebar-user-name {
        font-size: 1.25rem;
        margin-left: 1rem;
    }
    .sidebar-user-company {
        font-size: 1.25rem;
        margin-left: 1rem;
    }
    #reports-sidebar-accordion .accordion-button {
        background-color: transparent;
        color: white;
    }

    #reports-sidebar-accordion .accordion-button::after {
        filter: brightness(0) invert(1);
        content: none;
    }
    #reports-sidebar-accordion .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        transform: rotate(-180deg);
    }

    #reports-sidebar-accordion .nav-item {
        margin: 0.15rem 0;
    }

    #reports-sidebar-accordion .nav-link {
        color: white;
        font-size: 1rem;
        transition: transform .2s;
    }

    #reports-sidebar-accordion .nav-link:hover {
        background-color: #0c0050;
        opacity: 0.8;
        font-size: 1rem;
        transform: scale(1.05);
    }

    #reports-sidebar-accordion .nav-link:active,
    #reports-sidebar-accordion .nav-link.active {
        background-color: #0c0050;
        font-size: 1rem;
        transform: scale(1.05);
        font-weight: 700;
    }

    #reports-sidebar-accordion button, #reports-sidebar-accordion .accordion-button {
        font-size: 1rem;
        /* border-radius: 0.375rem; */
    }
    
    #reports-sidebar-accordion button:focus, #reports-sidebar-accordion .accordion-button:focus {
        box-shadow: none;
    }

    #reports-sidebar-accordion button[aria-expanded="true"], #reports-sidebar-accordion .accordion-button[aria-expanded="true"] {
        font-weight: 700;
        box-shadow: none;
        margin-bottom: 0.15rem;
    }

    #flush-headingNestedOne .accordion-button::after, #flush-clientAdminHeading .accordion-button::after {
        content: "";
    }

    .reports-sidebar-logo {
        position: absolute;
        bottom: 1.5rem;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
        filter: brightness(0) invert(1);
    }
    
    #sidebar-download-report {
        margin: auto auto 6rem auto;
    }
    #resp-title {
        white-space: pre-wrap;
    }
    
    /* .return-switch:hover .user-side-icon,
    .return-switch .return-delphi {
        display: none;  
    }
    .return-switch:hover .return-delphi {
        display: inline;
    } */
    /* Report Sidebar */
    
    /* Report Main */
    #report-container {
        position: relative;
    }
    #report-container .navbar {
        border-radius: 0;
    }
    .report-navbar-breadcrumb {
        margin-left: 3vw !important;
    }
    .report-container {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        max-width: calc(100vw / 1.25);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        margin-right: auto;
        margin-left: auto;
        /* height: 100%; */
    }
    #report-hero-section {
        padding: 0 !important;
    }
    #reports-main .report-container section, #reports-main section .report-container {
        /* margin-top:5rem; */
        scroll-snap-align: start;
        padding-right: 1rem;
        padding-left: 1rem;
        /* height: 100vh; */
        padding-top: 5vw;
        /* height: 1px; */
        -ms-overflow-style: none;
        scrollbar-width: none;
        /* overflow-y: auto;
        overflow-x: hidden; */
    }
    #reports-main, #report-sidebar {
        display: flex;
        flex-direction: column;
    }
    /* #reports-main section::-webkit-scrollbar{
        display: none;
    } */
    .breadcrumb {
        font-family: "Raleway";
    }
    .breadcrumb-parent {
        text-decoration: none;
        color: black;
        font-weight: 600;
        font-size: 1.75rem;
    }
    .breadcrumb-children {
        text-decoration: none;
        color: black;
        vertical-align: middle;
        font-size: 1.75rem;
    }

    /* #nav-btn a {
        transition: 0.5s;
    }
    #nav-btn a:hover {
        display: inline-block;
        transition: 0.5s;
        transform: scale(1.2);
    }
    #nav-btn i {
        border-bottom: 2px solid transparent;
        padding: 5px;
    }
    #nav-btn i:hover {
        border-bottom: 2px solid black;
        padding: 5px;
    } */

    #dropdownReportSettings:not([aria-expanded="true"]) .cog:hover {
        animation: conti_rotation 2s infinite linear;
        display: inline-block;
    }
    @keyframes conti_rotation {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
    /* Hero Section Starts */
    .hero {
        height: 100vh;
        width: 100vw;
        background: linear-gradient(rgba(52, 42, 130, 0.8), rgba(52, 42, 130, 0.8)), url("../images/hero-bg.webp") center center;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        /* transform-origin: bottom;
        animation: hero-img-anim linear forwards;
        animation-timeline: view();
        animation-range: exit; */
    }
    .hero-head-text {
        margin: auto 10%;
        color: #fff;
    }
    .hero-separator {
        border: 3px solid white;
        opacity: 1;
    }
    .hero-company-name {
        font-size: 5rem;
    }
    #mwq-score-chart {
        width: 25vw;
        margin: auto;
        text-align: center;
    }
    /* Hero Section Ends */

    .welcome-text {
        font-size: 1.5rem;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .animate-icon {
        text-align: center;
        margin-left: 1rem;
    }
    #summary-best-worst-ques table tbody {
        font-size: 1rem;
    }
    .stats-score {
        font-size: 2rem;
        margin-bottom: 0;
        text-align: start;
        font-weight: 500;
    }
    .stats-score sup {
        font-size: 1rem;
        top: -1em;
        margin-left: 0.5rem;
    }
    .stats-title {
        font-size: 1.25rem;
        margin-bottom: 0.5rem;
        text-align: start;
    }
    .stats-icon {
        font-size: 3.5rem;
        margin-right: 1rem;
    }
    .meaning-curious {
        position: relative;
        top: 15%;
        z-index: 1;
    }
    .meaning-curious img {
        height: 75%;
    }
    .ext-link-text-btn {
        font-size: 1.5rem;
        margin: 1rem;
    }
    .superstrike-bar-polar {
        position: absolute;
        top: 5%;
        right: 13%;
        text-align: center;
    }
    .report-stats-card {
        padding: 0;
        min-height: 100%;
    }
    #report-stats-card-1 { 
        background-color: #FFFFFF;
        background-image: url('../images/bg-icons/Aktiv_4.svg');
        background-repeat: no-repeat;
        background-position: right;
    }
    #report-stats-card-2 { 
        background-color: #0C0050;
    }
    #report-stats-card-3 { 
        background-color: #342A82;
    }
    #report-stats-card-4 { 
        background-color: #6666FF;
    }
    #report-stats-card-5 { 
        background-color: #C5CBFF;
    }
    #report-stats-card-6 { 
        background-color: #FFFFFF;
    }
    .report-stats-light {
        transition: 0.5s;
        border-radius: 10px;
        color: #000000;
    }
    .report-stats-dark {
        transition: 0.5s;
        border-radius: 10px;
        color: #ffffff;
    }
    .shadow {
        filter: drop-shadow(0 0 5px rgba(0,0,0,0.5));
    }
    #summ-highlights-table tr, #summ-growth-areas-table tr {
        cursor: pointer;
    }
    /* .report-stats-light:hover, .report-stats-dark:hover {
        transition: 0.5s;
        transform: scale(1.05);
        cursor: pointer;
    } */
    .align-bottom-end {
        position: absolute;
        bottom: 0;
        right: 0px;
    }
    .report-breadcrumb-nav, #report-breadcrumb-nav {
        position: sticky;
        padding-top: 1rem;
        padding-bottom: 1rem;
        background-color: transparent;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    /* Report Main */

    /* Report Section 1-4 */
    .driver-section {
        height: 100vh;
    }
    .circular-chart-card {
        aspect-ratio: 1;
        border-radius: 50%;
        width: 80%;
    }
    .section-score {
        text-align: center;
        margin: 1rem auto;
    }
    .section-stats-cards {
        min-width: 9rem;
        padding: 1rem;
        min-height: 100%;
    }
    .section-accordion {
        box-shadow: 1px 1px 5px #d3d3d3;
    }
    .section-accordion .accordion-body {
        min-height: 100%;
    }

    #purpose-accordion .accordion-button:not(.collapsed),
    .voluntas-palette-1-accordion-button:not(.collapsed) {
        color: #FFFFFF;
        background-color: #0C0050;
    }

    #belonging-accordion .accordion-button:not(.collapsed),
    .voluntas-palette-2-accordion-button:not(.collapsed) {
        color: #FFFFFF;
        background-color: #342A82;
    }

    #leadership-accordion .accordion-button:not(.collapsed),
    #accordionClientSeparation .accordion-button:not(.collapsed),
    .voluntas-palette-3-accordion-button:not(.collapsed) {
        color: #000000;
        background-color: #C5CBFF;
    }

    #personal-growth-accordion .accordion-button:not(.collapsed),
    .voluntas-palette-4-accordion-button:not(.collapsed) {
        color: #FFFFFF;
        background-color: #6666FF;
    }
    
    .section-accordion .accordion-button::after {
        content: none;
    }
    .accordion-item-description-text {
        font-size: 1rem;
        text-align: justify;
    }
    .accordion-header-ribbon {
        font-size: 1.25rem;
        margin-bottom: 0.5rem;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .section-accordion-title {
        font-weight: 300;
        font-size: 1rem;
        vertical-align: middle;
    }
    .accordion-item-description-title {
        font-size: 1.25rem;
        font-weight: bolder;
    }
    .accordion-item-filter-label {
        font-size: 1rem;
    }
    .accordion-item-active {
        opacity: 0.5;
        cursor: pointer;
        filter: grayscale(1);
        stroke: #f2f2f2;
        stroke-width: 5px;
    }
    .fit-page {
        min-height: calc(100% - 75px);
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
    }
    .trophy-badge {
        filter: drop-shadow(1px 1px 5px #d3d3d3);
        min-width: 50%;
    }
    .section-accordion .form-check-input:checked {
        background-color: #0c0050;
        border-color: #0c0050;
    }
    .section-accordion .form-check-input:focus {
        box-shadow: 0 0 0 0.25rem rgba(12,0,80,.25);
    }
    .question-agreement, .question-disagreement, .question-neutral {
        cursor: pointer;
    }
    .windows-cards-disagree-bar {
        height: var(--disagree-value);
        width: 50px;
        background-color: white;
        position: absolute;
        bottom: 0;
        /* animation: animateBarDisagree 0.5s ease-in; */
    }
    @keyframes animateBarDisagree {
        0% {
            height: 0%;
        }
        100% {
            height: var(--disagree-value);
        }
    }
    .windows-cards-agree-bar {
        height: var(--agree-value);
        width: 50px;
        position: absolute;
        bottom: 0;
        /* animation: animateBarAgree 1s ease-in; */
    }
    @keyframes animateBarAgree {
        0% {
            height: 0%;
        }
        100% {
            height: var(--disagree-value);
        }
    }
    .bar-polar-chart-score {
        text-anchor: middle;
        dominant-baseline: text-before-edge;
        font-size: 3rem;
    }
    .bar-polar-chart-desc {
        font-size: 1.25rem;
        text-anchor: middle;
        dominant-baseline: text-before-edge;
    }
    .bar-polar-chart-score-270 {
        text-anchor: middle;
        dominant-baseline: text-before-edge;
        font-size: 4rem;
    }
    .bar-polar-chart-desc-270 {
        font-size: 1.5rem;
        text-anchor: middle;
        dominant-baseline: text-before-edge;
    }
    .bar-polar-hero-score {
        transform: translate(-10%, -20%) !important;
    }
    .bar-polar-hero-desc {
        transform: translate(-15%, 0%);
        text-align: center;
    }
    .bar-x-axis {
        font-family: 'Open Sans';
        font-size: 0.75rem;
    }
    .bar-y-axis {
        font-family: 'Open Sans';
        font-size: 0.75rem;
    }
    .bar-labels {
        font-family: 'Open Sans';
        font-size: 1rem;
    }
    .progress-purpose {
        width: 85%;
        height: 100%;
        -webkit-mask: linear-gradient(90deg,#0c0050 97%,#0000 0) 0/10%;
        background: linear-gradient(#0c0050 0 0) 0/0% no-repeat #ddd;
        animation: pd-anim 0.5s normal forwards steps(12);
        margin: auto;
    }
    @keyframes pd-anim {
        100% {background-size: var(--progress-purpose-value);}
    }
    .progress-belonging {
        width: 85%;
        height: 100%;
        -webkit-mask: linear-gradient(90deg, #342a82 97%,#0000 0) 0/10%;
        background: linear-gradient(#342a82 0 0) 0/0% no-repeat #ddd;
        animation: pd-anim1 0.5s normal forwards steps(12);
        margin: auto;
    }
    @keyframes pd-anim1 {
        100% {background-size: var(--progress-belonging-value);}
    }
    .progress-growth {
        width: 85%;
        height: 100%;
        -webkit-mask: linear-gradient(90deg,#C5CBFF 97%,#0000 0) 0/10%;
        background: linear-gradient(#C5CBFF 0 0) 0/0% no-repeat #ddd;
        animation: pd-anim2 0.5s normal forwards steps(12);
        margin: auto;
    }
    @keyframes pd-anim2 {
        100% {background-size: var(--progress-growth-value);}
    }
    .progress-title {
        position: absolute;
        transform: translate(1.5vw, 50%) rotate(270deg);
        transform-origin: 0 0;
        left: 0;
        bottom: 0;
        font-size: 1.5rem;
    }
    .progress-title-overlay-purpose {
        background-color: #BABFF1;
        opacity: 0.6;
        width: var(--progress-overlay-width-purpose);
        height: 120%;
        position: absolute;
        left: calc(8.5% + var(--progress-overlay-left-purpose)); /*40%*/
        top: -10%;
        margin: auto;
    }
    .progress-title-overlay-belonging {
        background-color: #BABFF1;
        opacity: 0.6;
        width: var(--progress-overlay-width-belonging);
        height: 120%;
        position: absolute;
        left: calc(8.5% + var(--progress-overlay-left-belonging)); /*40%*/
        top: -10%;
        margin: auto;
    }
    .progress-title-overlay-growth {
        background-color: #BABFF1;
        opacity: 0.6;
        width: var(--progress-overlay-width-growth);
        height: 120%;
        position: absolute;
        left: calc(8.5% + var(--progress-overlay-left-growth)); /*40%*/
        top: -10%;
        margin: auto;
    }
    .circle-number {
        width: 50px;
        height: 50px;
        display:inline-flex;
        align-items:center;
        justify-content: center;
        background-color:#FFF;
        border: 2px #6666FF solid;
        border-radius:50%;
        color:#000;
    }
    .btn-card {
        cursor: pointer;
        transition: 0.5s;
    }
    .btn-card:hover {
        transition: 0.5s;
        transform: scale(1.05);
    }
    .svg-width-flex {
        display: block;
        width: 100%;
    }
    .drivers-stats-blocks {
        font-size: 1rem;
    }
    .drivers-stats-numbers {
        font-size: 1.5rem;
        font-weight: bold;
    }
    .drivers-stats-values {
        font-size: 1.75rem;
        font-weight: bolder;
    }
    .trophy-badge-icons {
        display: inline-block;
        width: 40%;
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .accordion-item-description-text, .inspo-description {
        font-size: 1rem;
        text-align: justify;
    }

    /* Report Section 1 - 4 Media Queries */
    @media only screen and (min-width: 1367px) and (max-width: 1920px) and (orientation: landscape) {
        .accordion-header-ribbon {
            font-size: 1rem;
            margin-bottom: 0.25rem;
        }
        .accordion-item-description-title {
            font-size: 1rem;
        }
        .trophy-badge {
            min-width: 50%;
        }
        .fit-page {
            height: auto;
        }
        .svg-width-flex {
            max-width: 600px;
        }
        .drivers-stats-values {
            font-size: 1.75rem;
            font-weight: bolder;
        }
    }

    @media only screen and (min-width: 1280px) and (max-width: 1366px) and (orientation: landscape) {
        .accordion-header-ribbon {
            font-size: 1rem;
            margin-bottom: 0.25rem;
        }
        .accordion-item-description-title {
            font-size: 11px;
        }
        .trophy-badge {
            min-width: 50%;
        }
        .summ-stat-cards-bottom {
            min-height: 165px;
        }
        .trophy-badge-icons {
            display: inline-block;
            width: 40%;
            margin-left: 0.5rem;
            margin-right: 0.5rem;
        }
        .drivers-stats-values {
            font-size: 1.5rem;
            font-weight: bolder;
        }
    }

    @media only screen and (min-width: 1024px) and (max-width: 1279px) and (orientation: landscape) {
        .accordion-header-ribbon {
            font-size: 0.75rem;
            margin-bottom: 0.25rem;
            margin-top: 0.25rem;
        }
        .accordion-item-description-title {
            font-size: 1rem;
        }
        .trophy-badge {
            min-width: 25%;
        }
    }
    /* Report Section 1 - 4 Media Queries */

    /* Comments View */
    .gradient-custom {
        background: #4facfe;
        background: -webkit-linear-gradient(to bottom right, rgba(79, 172, 254, 1), rgba(0, 242, 254, 1));
        background: linear-gradient(to bottom right, rgba(79, 172, 254, 1), rgba(0, 242, 254, 1)) 
    }
    .offcanvas {
        border-radius: 11px 0 0 11px;
    }
    .offcanvas-body .card .row {
        min-height: 115px;
    }
    .comment-text {
        margin-bottom: 0.5rem;
        margin-right: 2rem;
        text-align: justify;
        cursor: pointer;
    }
    .chev-down-exp-comments {
        position: absolute;
        top: 50%;
        right: 1rem;
    }
    .text-truncate-container {
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #comments-filters {
        width: 100%;
        overflow:hidden;
    }
    .sticky-filter{
        position: sticky;
        top: 0;
        z-index: 1030; 
        background-color: white;
    }
    .vote-button {
        transition: transform 0.2s ease-in-out, color 0.2s ease-in-out;
    }
    .vote-button:hover {
        transform: scale(1.1); 
        color: #342A82;
    }
    .vote-button.disabled {
        border: 1px solid #A9A9A9;
        color: #A9A9A9;
        cursor: not-allowed;
    } 
    .vote-button.disabled:hover { 
        border: 1px solid #A9A9A9;
        color: white;
    }
    .d-inline-block .form-switch {
        display: inline-block;
        position: relative;
        width: 5rem; 
        height: 2.5rem;
        margin-left: 10px;
    }
    
    .d-inline-block .form-switch input {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 2;
    }
    .d-inline-block .slider {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #C5CBFF;
        border-radius: 34px;
        transition: 0.4s;
        display: flex;
        align-items: center;
        justify-content: flex-end; 
        padding: 0 10px;
        z-index: 1;
    }
    .d-inline-block .slider i {
        color: black;
        transition: color 0.4s;
        font-size: 1.5rem; 
    }
    
    .d-inline-block .slider:before {
        position: absolute;
        content: "";
        height: 2rem;
        width: 2rem;
        left: 3px;
        margin: auto;
        background-color: whitesmoke;
        border-radius: 50%;
        transition: 0.4s;
    }
    
    input:checked + .slider {
        background-color: #0C0050; 
        justify-content: flex-start;
        margin: auto;
    }
    
    input:checked + .slider i {
        color: white; 
    }
    
    input:checked + .slider:before {
        transform: translateX(36px); 
    }
    /* Comments View */

    /* Stress View */
    /* Matrix Table */
    .matrix-table {
        text-align: center;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        vertical-align: middle;
    }
    /* .matrix-table tbody th {
        width: 75px;
    } */
    .matrix-table td {
        width: 50px;
        height: 50px;
    }
    .matrix-table thead {
        border-top: 0px solid transparent;
    }
    .matrix-table th:first-child {
        border-left: 0px solid transparent;
    }
    .matrix-table th:last-child {
        border-right: 0px solid transparent;
    }
    .matrix-table tbody tr:last-child {
        border-bottom: 0px solid transparent;
    }
    .matrix-table tbody td:last-child {
        border-right: 0px solid transparent;
    }

    .stress-section {
        height: 100vh;
        display: flex;
        align-items: center;
    }
    .card-stress-box {
        height: calc(50% - 0.75rem);
        padding: 3% 5%;
    }
    .card-stress-box-expand {
        position: absolute;
        left: calc(50% - 0.75em);
        bottom: 1em;
        background: transparent;
        font-size: 1.5rem;
        text-align: center;
        aspect-ratio: 1;
        width: 3.5rem;
        color: #6666ff;
        padding: 0;
        animation: jumpInfinite 1s infinite;
    }
    .card-stress-box-collapse {
        position: relative;
        left: calc(50% - 0.75em);
        bottom: 0;
        background: transparent;
        font-size: 1.5rem;
        text-align: center;
        aspect-ratio: 1;
        width: 3.5rem;
        color: #6666ff;
        padding: 0;
        animation: jumpInfinite 1s infinite;
    }

    @keyframes jumpInfinite {
        0% {
          padding-top: 0;
        }
        50% {
          padding-top: 10px;
        }
        100% {
          padding-top: 0;
        }
    }
    .stress-stats-row {
        min-height: 25vh;
    }
    .stress-right {
        height: 100%;
        position: relative;
    }
    .stress-overlay-wrap{
        position: absolute;
        z-index: 2;
        display: none;
        padding: 3% 5%;
        width: 100%;
    }
    .stress-overlay-wrap-display{
        display: flex;
    }
    .stress-overlay-wrap>div {
        overflow: auto;
        scrollbar-width: none;
        padding: 0;
    }
    .stress-overlay-close {
        position: absolute;
        right: 12px;
        top: 12px;
        cursor:pointer;
    }
    .stress-section-score {
        padding: 1rem;
        /* margin-left: auto;
        margin-right: auto; */
        margin: 0;
    }
    .stress-section-score svg {
        padding: 0.5rem;
        margin: 0 !important;
    }
    .stess-chart-wrap{
        display: flex;
        justify-content: center;
    }
    .progress-stress {
        width: 100%;
        height: 100%;
        -webkit-mask: linear-gradient(90deg,#6B6FDE 97%,#0000 0) 0/10%;
        background: linear-gradient(#6B6FDE 0 0) 0/0% no-repeat #ddd;
        animation: p4 3s normal forwards steps(12);
        border-radius: 10px;
    }
    @keyframes p4 {
        100% {background-size: var(--progress-stress-value);}
    }
    .stress-cards-cont {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        overflow: auto;
    }
    .default-height {
      height: calc(100% - 3rem) !important;
    }
    .expanded-height {
        height: calc(100% - 5rem) !important;
    }
    .stress-cards-cont>div {
        width: 30%;
    }
    .expanded-layout {
        min-height: 100% !important;
    }
    .default-layout {
        min-height: 65% !important; 
    }
    .stress-video {
        min-height: 100%;
    }
    #org-hierarchy-chart svg {
        height: 100%;
    }

    @media only screen and (min-width: 1367px) and (max-width: 1920px) and (orientation: landscape) {
        .stress-matrix-row {
            min-height: 40vh;
        }
        .stress-stats-row {
            margin-top: 3rem;
        }
    }
    @media only screen and (min-width: 1024px) and (max-width: 1279px) and (orientation: landscape) {
        .stress-stats-row {
            min-height: 15vh;
        }
        .stress-right {
            height: auto;
            margin-top: 1.5rem;
        }
    }
    @media only screen and (min-width: 1024px) and (max-width: 1200px) and (orientation: landscape) {
        .stress-video-heading {
            font-size: smaller;
        }
        .battery-text{
            font-size: xx-small;
        }
        .stress-factors-heading{
            font-size: smaller;
        }
        .card-stress-box {
            height: calc(33% - 0.75rem) !important;
        }
    }
    @media only screen and (min-width: 1280px) and (max-width: 1366px) and (orientation: landscape) {
        .stress-stats-row {
            min-height: 15vh;
        }
        .stress-stats-subtitle {
            font-weight: 300;
        }
    }
    /* Stress View */
    
    /* Inspiration View */
    /* Carousel */
    .carousel-item {
        height: calc(100vh - 110px);
        border-radius: 1rem;
        transition: none;
    }
    .carousel-panel {
        text-align: center;
        background-color: #ffffff;
        color: #212529;
        width: 50%;
        height: 100%;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .carousel-control-prev {
        /* justify-content: start;
        margin-left: 2rem;
        width: 52%; */
        display: block;
        width: 5%;
    }
    .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-arrow-left-circle%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1%208a7%207%200%201%200%2014%200A7%207%200%200%200%201%208zm15%200A8%208%200%201%201%200%208a8%208%200%200%201%2016%200zm-4.5-.5a.5.5%200%200%201%200%201H5.707l2.147%202.146a.5.5%200%200%201-.708.708l-3-3a.5.5%200%200%201%200-.708l3-3a.5.5%200%201%201%20.708.708L5.707%207.5H11.5z%22%2F%3E%0A%3C%2Fsvg%3E");
        /* filter: drop-shadow(1px 1px 3px black); */
    }
    .carousel-control-next {
        /* justify-content: end;
        margin-right: 2rem;
        width: 52%; */
        display: block;
        width: 10%;
    }
    .carousel-control-next-icon {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-arrow-right-circle%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1%208a7%207%200%201%200%2014%200A7%207%200%200%200%201%208zm15%200A8%208%200%201%201%200%208a8%208%200%200%201%2016%200zM4.5%207.5a.5.5%200%200%200%200%201h5.793l-2.147%202.146a.5.5%200%200%200%20.708.708l3-3a.5.5%200%200%200%200-.708l-3-3a.5.5%200%201%200-.708.708L10.293%207.5H4.5z%22%2F%3E%0A%3C%2Fsvg%3E");
        /* filter: drop-shadow(1px 1px 3px black); */
    }
    .carousel-indicators [data-bs-target] {
        background-color: #000;
    }
    .carousel-indicators {
        left: 50%;
    }
    div.inspo-list-group {
        counter-reset: list-number;
    }
    div.inspo-list-group div {
        position: relative;
        margin-left: 3rem;
        margin-bottom: 1rem;
    }
    div.inspo-list-group div:not(.list-numbers):before{
        counter-increment: list-number;
        content: counter(list-number);
        position: absolute;
        margin-right: 10px;
        margin-bottom:10px;
        width:25px;
        height:25px;
        display:inline-flex;
        align-items:center;
        justify-content: center;
        font-size:1.25rem;
        background-color:#4028A5;
        border-radius:50%;
        color:#fff;
        left: -3rem;
    }
    div.inspo-list-group div.list-numbers:before{
        counter-increment: list-number;
        content: counter(list-number);
        position: absolute;
        width:25px;
        height:25px;
        display:inline-flex;
        align-items:center;
        justify-content: center;
        font-size:1.25rem;
        background-color:#4028A5;
        border-radius:50%;
        color:#fff;
        left: -3rem;
    }
    .circle-number-item {
        background-color: #0C0050;
        width:25px;
        height:25px;
        display:inline-flex;
        align-items:center;
        justify-content: center;
        border-radius:50%;
        color:#fff;
    }
    .carousel-panel .desc-row {
        height: calc(100% - 130px);
    }
    .list-numbers {
        margin-bottom: 1rem;
    }
    .inspo-title {
        font-weight: 300;
        vertical-align: middle;
        text-align: start;
    }
    .inspo-description {
        font-size: 1rem;
        text-align: justify;
        white-space: normal;
        word-wrap: break-word;
        word-break: break-word;
        height: 100%;
        overflow: auto;
        scrollbar-width: thin;
    }
    .slick_stress {
        cursor: pointer;
    }
    .slick-next:before, .slick-prev:before {
        color: #6666FF !important;
    }
    /* .slick-dots {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        padding: 0;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        transition: opacity .6s ease;
    } */
    /* Inspiration View */

    /* Org Chart */
    .org-chart-company-head {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        font-size: 2.5rem;
        font-weight:bold;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        text-align: center;
    }
    .org-chart-company-body {
        margin-left:1rem;
        margin-top:0.75rem;
        font-size:1.5rem;
    }
    /* Org Chart */
/* Report View */

.nav-tabs-org {
    border-bottom: none;
}
.nav-underline li {
    border-bottom: 1px solid #ececec;
    color: #342a82;
}
.nav-fill .nav-link {
    background-color: #f2f2f2;
    color: #342a82;
    border-radius: 11px 11px 0 0;
    border: 1px solid #cdcdcd;
    font-weight: 700;
}
/* .nav-fill li:first-child > a {
    border-radius: 11px 0 0 0;
}
.nav-fill li:last-child > a {
    border-radius: 0 11px 0 0;
} */
.nav-fill .nav-link:hover {
    background-color: #cdcdcd;
    color: #342a82;
}
.nav-fill .nav-link.active {
    background-color: #342a82;
    color: #fff;
}
.nav-tabs-org .nav-link {
    background-color: #F2F2F2;
    color: #0C0050;
}
.nav-tabs-org .nav-link.active {
    background-color: #342A82;
    color: #FFFFFF;
}
.tab-content {
    border: 1px solid #ececec;
}

.scrollable-div{
    overflow: auto;
    height: 75vh;
}
#compare-chart1-wrap{
    width: max-content;
    margin:0px auto;
    display:flex;
}
.mr-desc-subhead{
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.row-above-comp-table{
    display:flex;
    justify-content: end;
    align-items: center;
}
.mr-div-head {
    display: flex;
}


.mr-desc{
    font-size:1rem;
}

.mr-col1-wrap{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.mrlt-col1 label:after {
    content: '\2713';
    color: #fff;
    padding-left: 4px;
}
.mrlt-col1 input {
    display: none;
}

.mrlt-col1 label {
    width: 20px;
    height: 20px;
    margin: 5px 5px 0px 0px;
    border-radius: 20px;
    cursor:pointer;
    color: black;
}
.mrlt-col1 label.back_dark_purple {border: 1px #0C0050 solid; }
.mrlt-col1 label.back_purple {border: 1px #6666FF solid;}
.mrlt-col1 label.back_light_purple {border: 1px #C5CBFF solid;}


.mrlt-col1 input[type="checkbox"]:checked + label.back_dark_purple{
    background:#0C0050;
}
.mrlt-col1 input[type="checkbox"]:checked + label.back_purple{
    background:#6666FF;
}
.mrlt-col1 input[type="checkbox"]:checked + label.back_light_purple{
    background:#C5CBFF;
}

.mrlt-row:has(input[type="checkbox"]:not(:checked) ){
    color:grey;
}
.mr-waffle-head {
    padding: 0px 12px 6px;
    text-align: center;
    margin: auto;
}
#mr_stacked_chart .tick line{
    visibility:hidden;
  }
#mr_stacked_chart svg{
    width:100%;
}
.mr-least-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mr-least-row div {
    padding: 10px;
}
.mr-least-size {
    min-width: 2rem;
    height: 2rem;
    border-radius: 50%;
    /* margin-right: 1rem; */
}
.mr-least-desc {
    padding: 0.75rem 1.25rem;
    text-align: center;
    font-size: 1rem;
}
#mr-gauge svg {
    display:block;
    margin:auto;
}
#mr-gauge {
    width:90%;
    margin:auto;
}
.mrlt-row:nth-child(2n-1) .mrlt-col2 {
    background-color: #F2F2F2;
}
.mrlt-col2 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 3px 5px;
}
.mrlt-row {
    display: flex;
    align-items: center;
}

div.waffle-div-wrap svg {
    margin: auto;
    display: block;
}

.mr-label-table {
    max-width: 245px;
    margin: auto;
    margin-top: 10px;
}
.mr-check-text{
    width: 100%;
    cursor:pointer;
}
.mr-pending-head{
    font-size: 1.25rem;
    padding: 15px 25px;
}
.mr-pending-img img{
    max-height: 250px;
}
#gwe-score-wrap{
    width: 46%;
}
.gwe-h-small{
    height:30%;
}
.gwe-h-big{
    height:50%;
}
.gwe-enps-chart-wrap .row{
    align-items: center;
}
#enps-chart {
    width: 100px;
    height: 100px;
    margin: auto;
}
#gwe-stay-chart{
    width: 100%;
    margin:auto;
}
.tspan-bold{
    font-weight:bold;
}
.enpst-col1{
    width: 2rem;
    height: 1.75rem;
    border-radius: 50px;
    margin: 8px;
}
.enpst-dot-purple{
    background-color: #0c0050;
}
.enpst-dot-grey{
    background-color: #f2f2f2;
}
.enps-numerics-wrap .enpst-dot-grey{
    color: black;
}
.enpst-dot-blue{
    background-color: #66f;
}
.enpst-row {
    display: flex;
    align-items: center;
}

.enpst-col2 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 5px 10px;
    font-size: 1rem;
}
.enpst-row:nth-child(2n-1) .enpst-col2 {
    background-color: #F2F2F2;
}
.enps-table {
    width: 70%;
    min-width: 300px;
}
.qwe-enps-distri {
    width: 85%;
    margin: auto;
    display: flex;
}
.enps-numerics-wrap {
    width: 10%;
    text-align:center;
}
.enps-numerics-value {
    line-height: 40px;
    border-radius: 12px;
    color: white;
    margin: 0px 2px;
}
#gwe-comments, #stress-comments {
    max-height: 320px;
    overflow-y: auto;
}

.gwe-comment-wrap {
    margin: 10px 0px 30px;
    position:relative;
}
.gwe-comment-wrap:nth-child(2n):after {
    background-color: #F2F2F2;
    content: ' ';
    width: 26px;
    height: 26px;
    bottom: -12px;
    right: 20px;
    position: absolute;
    transform: rotate(45deg);
    z-index: 0;
}
.gwe-comment-wrap:nth-child(2n-1):after {
    background-color: #C5CBFF;
    content: ' ';
    width: 26px;
    height: 26px;
    bottom: -12px;
    left: 20px;
    position: absolute;
    transform: rotate(45deg);
    z-index: 0;
}

.gwe-comment-wrap:nth-child(2n) .gwe-comment-content {
    background-color: #F2F2F2;
}

.gwe-comment-wrap:nth-child(2n-1) .gwe-comment-content {
    background-color: #C5CBFF;
}


.gwe-comment-content {
    padding: 5px 30px 5px 10px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
}


.mr-gauge-wrapper div{
    max-width: 320px;
    margin:auto;
    text-align: center;
}
.mr-gauges-row{
    align-items: center;
    height: 100%;
}
.svg-text-fill-color-3{
    fill:#C5CBFF;
    color:#C5CBFF;
    font-weight: bold;
}
.svg-text-fill-color-2{
    fill:#6666FF;
    color:#6666FF;
    font-weight: bold;
}
.enps-numerics-key-label, .enps-numerics-value-label{
    padding-right: 1rem;
    text-align: right;
}
.enps-numerics-label-wrap{
    width: auto;
}
.enps-numerics-key, .enps-numerics-key-label, .enps-numerics-value-label {
    min-height: 40px;
    line-height: 40px;
}
.add-right-border-radius{
    border-radius: 0px 10px 10px 0px;
}
.up-down-arrows{
    font-weight: bold;
    margin-left: -18px;
}
.up-down-arrows:before{
    content: '\25BE';
    position: absolute;
    top: 3px;
    right: 6px;
}
.up-down-arrows:after{
    content: '\25B4';
    position: absolute;
    top: -3px;
    right: 6px;
}
#comp_table_wrap td, #comp_imp_table_wrap td {
    padding: 0.75rem;
}
tr[class$='HeaderRowStyle'] th {
    width: 10.5%;
    vertical-align: top;
}

tr[class$='HeaderRowStyle'] th:nth-child(1) {
    width: 2%;
}

th#comp_table_visible {
    width: 4%;
}

.comp_tableTableBodyStyle td{
    max-width: 10.5%;
}

.comp_tableTeamName, .comp_imp_tableTeamName{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.comptableicons div {
    padding: 0px 4px 0px 0px;
}
.comptableicons{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.compTableStyles{
    table-layout:fixed;
}
.comp-up-down-arrows:before{
    content: '\25BE';
    position: absolute;
    top: 9px;
    left: 9px;
}
.comp-up-down-arrows:after{
    content: '\25B4';
    position: absolute;
    top: 3px;
    left: 9px;
}
.comp-up-down-arrows{
    padding-left: 16px;
}
div[class$='_remove_eye'], div[class$='_add_row'], .comptableopen{
    cursor:pointer;
}
button#compEditBtn {
    border: 1px solid;
    margin: auto auto 1rem auto;
}
th[id$='_visible'], div[class$='_remove_eye'], .comptableopen {
    text-align: center;
}
span.comp_add_tname {
    margin: 0px 20px;
}

.comp_add_row {
    margin: 20px 20px 20px 0px;
}

#ns-panel{
    height: 70vh;
    border-radius: 10px;
    display: flex;
}
.ns-img{
    background-image: url('../images/login-bg.jpg');
    -webkit-transition: background-image 0.2s ease-in-out;
    transition: background-image 0.2s ease-in-out;
    width: 50%;
    background-size: cover;
    border-radius: 0px 10px 10px 0px;
}
.ns-content{
    background-color: #ffffff;
    border-radius: 10px 0px 0px 10px;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.ns1-label{
    width: 10px;
    margin-right: 6px;
}
.ns-steps .accordion-button::after{
    content:'';
    font-size: 10px;
    font-weight: bold;
    padding: 2px 3px;
    background-image: unset;
    border-radius:50%;
    border:1px solid #0C0050;
}
.ns-steps .accordion-button.ns-complete::after{
    content:'\2713';
    color:#fff;
    background-color:#0C0050;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    border:1px solid #C5CBFF;
    background:#C5CBFF;
    color:#454545;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
    border: 1px solid #0C0050;
    background: #0C0050;
    font-weight: normal;
    color: #ffffff;
}
.waffle-update {
    width: 80%;
    max-width: 300px;
    margin: auto;
}
.ns-steps .accordion-body {
    text-align: center;
}
.ns-step-action input {
    width: 70%;
}
.mrs-row{
    align-items: center;
}
.gwe_gauge_chart{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
    padding: 2rem;
}
.gwe_gauge_chart div{
    text-align: center;
}
#ns-datepicker{
    margin: auto;
    width: fit-content;
}
#ns-datepicker .ui-widget-header{
    background: unset;
}
#ns-datepicker .ui-widget.ui-widget-content{
    border:none;
}
.ong-dep-card.card {
    flex-direction: row;
    padding: 0.75rem;
    align-items: center;
}
.ong-head-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    min-height: 100px;
}
.ong-graph-div{
    min-height: 400px;
}
.ong-graph-div .card-body{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.ong-dep-icon i {
    font-size: 2rem;
    padding: 0.5rem 0.75rem 0.5rem 0rem;
}
.ong-btns {
    text-align: center;
}
.ong-cnt-head {
    transform-origin: 0 0;
    transform: rotate(-90deg);
    width: 42%;
    text-align: center;
    position: absolute;
    bottom: -20px;
    left: 0.25rem;
    border-bottom: 2px solid #f2f2f2;
}

.ong-cnt-wrap.card {
    position: relative;
    height: 48.5%;
}

.ong-cnt-num {
    padding-left: calc(0.25rem + 20px);
    line-height: 100px;
    font-size: 4rem;
    text-align: center;
}
.ong_comp{
    max-height: 62vh;
    overflow-y: auto;
}
.compl_comp {
    overflow-y: auto;
    max-height: 400px;
    position: relative;
}
#ong-gauge {
    align-items: center;
    justify-content: center;
}
#ong-gauge .accordion-item-description-text {
    text-align: center;
}
.table .ong_act_team{
    background-color: #F2F2F2;
    position:sticky;
    top: 66px;
    bottom:-2px;
    z-index: 5;
}
.ong_compTeamName, .compl_compTeamName{
    cursor:pointer;
}
.bi-send.close-rotate::before{
    transform: rotate(90deg);
}
.ong-ans-value{
    color:#F32B2C;
}


@keyframes growAndFade {
    0% {
      opacity: .25;
      transform: scale(0);
    }
    100% {
      opacity: 0;
      transform: scale(1);
    }
}
.ong-ans-ripple {
    position: relative;
}
.ong-circles {
    height: 4vmin;
    position: absolute;
    width: 4vmin;
    left: 10vw;
    bottom: 1vh;
}
    
.ong-circle1 {
    animation: growAndFade 3s infinite ease-out ;
    animation-delay: 0s;  
}
.ong-circle2 {
    animation: growAndFade 3s infinite ease-out ;
    animation-delay: 1s; 
}
.ong-circle3 {
    animation: growAndFade 3s infinite ease-out ;
    animation-delay: 2s;
}
.ong-circles div {
    background-color: #F32B2C;
    border-radius: 50%;
    height: 100%;
    opacity: 0;
    position: absolute;
    width: 100%;
}
.ong-card-num{
    font-size:1.75rem;
}
.ong-remind-hover{
    cursor:pointer;
}
.ong-chart-cont a, .compl-chart-cont a{
    color: unset;
    text-decoration: unset;
}
.sur-ong-tname{
    padding: 0.75rem;
}
.row.reports-stats-row a {
    text-decoration: none;
}
.ong_compHeaderStyle, .comp_tableHeaderStyle, .compl_compHeaderStyle{
    position: sticky;
    top: -1px;
    background-color: white;
}
#summary-best-worst-ques table td {
    font-size: 1rem;
}
#summary-best-worst-ques table td:nth-child(1) {
    width: 100%;
}
.row-above-comp-table #CompTableSearch {
    display: unset;
    width: unset;
}
#compare-chart2-wrap tbody, #compare-chart2-wrap td, #compare-chart2-wrap tfoot, #compare-chart2-wrap th, #compare-chart2-wrap thead, #compare-chart2-wrap tr:not(.org_team_row),
#ong_comp_wrap tbody, #ong_comp_wrap td, #ong_comp_wrap tfoot, #ong_comp_wrap th, #ong_comp_wrap thead, #ong_comp_wrap tr:not(.org_team_row), 
#comp-imp-wrap tbody, #comp-imp-wrap td, #comp-imp-wrap tfoot, #comp-imp-wrap th, #comp-imp-wrap thead, #comp-imp-wrap tr:not(.org_team_row){
    vertical-align: middle;
}
#compare-chart2-wrap .org_team_row, #ong_comp_wrap .org_team_row, #comp-imp-wrap .org_team_row  {
    border: 1px solid #0C0050;
    border-style: double;
}
#ong_comp_wrap, #comp_table_wrap, #comp_imp_table_wrap{
    vertical-align: middle;
}
.right-top-menu{
    display: flex;
    align-items: center;
}
.cs-truncate{
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cs-truncate-add{
    display: -webkit-box;
    line-height: 1.8;
}
.gwe-comment-wrap .cs-truncate-icon:after {
    content: '\F282';
    position: absolute;
    font-family:bootstrap-icons;
    bottom: 3px;
    right: 11px;
    width: 30px;
    text-align: right;
    cursor: pointer;
}
.gwe-comment-wrap:nth-child(2n-1) .cs-truncate-icon:after {
    background: #C5CBFF;
    background: linear-gradient(90deg, rgba(242,242,242,0) 0%, rgba(197,203,255,1) 30%, rgba(197,203,255,1) 100%);
}
.gwe-comment-wrap:nth-child(2n) .cs-truncate-icon:after {
    background: #C5CBFF;
    background: linear-gradient(90deg, rgba(242,242,242,0) 0%, #F2F2F2 30%, #F2F2F2 100%);
}
.gwe-comment-wrap .cs-truncate-icon-rotate:after{
    transform: rotate(180deg);
    text-align: left;
}
.gwe-comment-wrap:nth-child(2n-1) .cs-truncate-icon-rotate:after{
    background: linear-gradient(-90deg, rgba(242,242,242,0) 0%, rgba(197,203,255,1) 30%, rgba(197,203,255,1) 100%);
}
.gwe-comment-wrap:nth-child(2n) .cs-truncate-icon-rotate:after{
    background: linear-gradient(-90deg, rgba(242,242,242,0) 0%, #F2F2F2 30%, #F2F2F2 100%);
}
.arrange-ongoing-boxes{
    flex-direction: column;
    justify-content: space-between;
}
.arrange-ongoing-boxes .row:nth-child(1){
    height:30%;
}
.arrange-ongoing-boxes .row:nth-child(2){
    height:67%;
}
.icon-grey{
    filter: brightness(0) saturate(100%) invert(83%) sepia(0%) saturate(177%) hue-rotate(142deg) brightness(97%) contrast(81%);
}
.icon-blue{
    filter: brightness(0) saturate(100%) invert(8%) sepia(85%) saturate(2891%) hue-rotate(246deg) brightness(92%) contrast(124%);
}

/* Report Sidebar */

/* Error Pages */
.bg-img-vertical-updown {
    filter: brightness(0) invert(1);
    position: absolute;
    right: 0;
    top: 0;
    -webkit-animation: mover 25s infinite linear;
    animation: mover 25s infinite linear;
}

.bg-img-vertical-downup {
    filter: brightness(0) invert(1);
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-animation: reverse-mover 25s infinite linear;
    animation: reverse-mover 25s infinite linear;
}

@-webkit-keyframes reverse-mover {
    0% { transform: translateY(0%); }
    50% { transform: translateY(-10%); }
    100% { transform: translateY(0%); }
}
@keyframes reverse-mover {
    0% { transform: translateY(0%); }
    50% { transform: translateY(-10%); }
    100% { transform: translateY(0%); }
}

@-webkit-keyframes mover {
    0% { transform: translateY(0%); }
    50% { transform: translateY(10%); }
    100% { transform: translateY(0%); }
}
@keyframes mover {
    0% { transform: translateY(0%); }
    50% { transform: translateY(10%); }
    100% { transform: translateY(0%); }
}
/* Error Pages */

#report-home-4 img{
    height: 80%;
}

.svg-img-color-3{
    filter: invert(43%) sepia(19%) saturate(1838%) hue-rotate(200deg) brightness(102%) contrast(86%);
}
.nav-divider{
    width: 50%;
    margin-left: 50%;
    background: white;
    transform: translate(-50%, 0px);
    height: 1px;
    border-width: 0;
    opacity: 1;
}
.dc-hover-content{
    display: none;
}

#refresh-response-track-btn {
    float: right;
}
.div-circle{
    height: 10px;
    width: 10px;
    border-radius:100%;
}
.white-tooltip + .tooltip-arrow, .white-tooltip + .tooltip > .tooltip-inner , .white-tooltip, .white-tooltip.show{
    --bs-tooltip-bg: #fff;
    --bs-tooltip-color: #000;
    opacity: 1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
}

.voluntas-tooltip + .tooltip-arrow, .voluntas-tooltip + .tooltip > .tooltip-inner , .voluntas-tooltip, .voluntas-tooltip.show{
    --bs-tooltip-bg: #0C0050;
    --bs-tooltip-color: #FFFFFF;
    opacity: 1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
}

/* password_change_modal */

#changePasswordModal .modal-body {
    padding: 0;
}
#changePasswordModal .modal-content {
    width: calc(50% + 100px);
    margin-left: auto;
    margin-right: auto;
    border-radius: 11px;
}
#changePasswordModal .modal-top-section {
    background-color: #0c0050; 
    /* box-shadow: 2px 2px 5px #f2f2f2; */
    margin-top:auto;
    padding: 1rem;
    border-radius: 11px 11px 0 0;
}

/* Password Change Form validation */
.valid {
    color: green;
}
.valid:before {
    font-family: 'bootstrap-icons';
    content: "✔"; /*'\F633';*/
    margin-right: 10px;
}
.invalid {
    color: #F32B2C;
}
.invalid:before {
    font-family: 'bootstrap-icons';
    content: "✖"; /*'\F659';*/
    margin-right: 10px;
}


/* report-portal */
#tabs-report-portal{
    max-width: 1400px;
    margin: auto;
}

#report-cards .card-hearder{
    margin-left: 10px;
    margin-right: 10px;
    min-height: 57px;
}

#report-cards .report-viewreport-btn{
    display: flex;
    justify-content: end;
    align-items: center;
}

.reports-smallcards-text {
    font-size: calc(1rem - 1px);
}
.reports-smallcards-score{
    font-size: 1.25rem;
    font-weight: bold;
}

#dash-box {
    border: 2px dashed darkgray;
    min-height: 100%;
}

.truncate-hover {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.truncate-hover:hover {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    background-color: #f8f9fa; /* Optional for better visibility */
    padding: 5px; /* Optional for better visibility */
    border: 1px solid #ccc; /* Optional for better visibility */
    position: absolute; /* Needed to allow full text display without affecting layout */
    z-index: 1;
}


/* User My Profile */
#my-profile-cards {
    max-width: 1300px;
    display: flex;
    flex-direction: column;
    justify-content: center; 
    height: 90%;
    margin: 0 auto
}

#my-profile-cards .mp-card-row1{
    height: 100%;    
} 

#mp_team_count{
    font-size: 100px;
}

#my-profile-cards .mp-card-sm{
    height: calc(50% - 0.5rem);
}
#my-profile-cards .mp-card-sm:first {
    margin-bottom: 1rem;
}

/* Multi Step Form */
.multi-step-form-heading {
    text-transform: uppercase;
    color: #342a82;
    font-weight: normal;
    font-family: "Raleway";
}

.multi-step-form {
    text-align: center;
    position: relative;
    margin-top: 20px;
}

.form-card {
    text-align: left;
}

.multi-step-form fieldset:not(:first-of-type) {
    display: none;
}

.multi-step-form .action-button {
    width: 100px;
    background: #342a82;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 0px 10px 5px;
    float: right;
}

.multi-step-form .action-button[disabled] {
    background: #ececec;
    color: gray;
    pointer-events: none;
}
.multi-step-form .action-button[disabled]:hover {
    background: #ececec;
    color: gray;
    pointer-events: none;
}

.multi-step-form .action-button:hover,
.multi-step-form .action-button:focus {
    background-color: #311B92;
}

.multi-step-form .action-button-previous {
    width: 100px;
    background: #616161;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px 10px 0px;
    float: right;
}

.multi-step-form .action-button-previous:hover,
.multi-step-form .action-button-previous:focus {
    background-color: #000000;
}

.fs-title {
    font-size: 2rem;
    color: #342a82;
    margin-bottom: 15px;
    font-weight: normal;
    text-align: left;
    font-family: "Raleway";
}

.purple-text {
    color: #342a82;
    font-weight: normal;
}

.steps {
    font-size: 2rem;
    color: gray;
    margin-bottom: 1rem;
    font-weight: normal;
    text-align: right;
}

.fieldlabels {
    color: gray;
    text-align: left;
}

#multi-step-form-progressbar {
    margin-bottom: 2rem;
    overflow: hidden;
    color: lightgrey;
}

#multi-step-form-progressbar .active {
    color: #342a82;
}

#multi-step-form-progressbar li {
    list-style-type: none;
    font-size: 1rem;
    width: 20%;
    float: left;
    position: relative;
    font-weight: 400;
}

#multi-step-form-progressbar #ms-info:before {
    font-family: 'bootstrap-icons';
    content: "\F430";
}

#multi-step-form-progressbar #ms-upload:before {
    font-family: 'bootstrap-icons';
    content: "\F603";
}

#multi-step-form-progressbar #ms-validate:before {
    font-family: 'bootstrap-icons';
    content: "\F8B5";
}

#multi-step-form-progressbar #ms-mapping:before {
    font-family: 'bootstrap-icons';
    content: "\F471";
}

#multi-step-form-progressbar #ms-confirm:before {
    font-family: 'bootstrap-icons';
    content: "\F26A";
}

#multi-step-form-progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
    position: relative;
    z-index: 1;
}

#multi-step-form-progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: 0;
}

#multi-step-form-progressbar li.active:before,
#multi-step-form-progressbar li.active:after {
    background: #342a82;
}

.progress {
    height: 1.5rem;
}

.progress-bar {
    background-color: #342a82;
}

.fit-image {
    width: 100%;
    object-fit: cover;
}
#my-profile-cards .tm-icon{
    font-size: 5rem;
}
#my-profile-cards .user-icon, #my-profile-cards .manager-icon{
    font-size: 7rem;
}
#my-profile-cards .mp-card-row2{
    height: 100%;
}

.bi-pencil-square {
    cursor: pointer;
  }

.mp-teams-details{
    display: inline-flex; 
    align-items: center;
}

.username-card{
    display: inline-flex; 
    align-items: center;
}

.team-members-scroll {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 50vh;
}

.fix-height-70vh{
    height: 70vh;
}
.h-40{
    height:40%;
}
.h-60{
    height:60%;
}
.h-70{
    height:70%;
}
.h-30{
    height:30%;
}

.w-96{
    width:96%;
}

#actionItemsAdd .modal-dialog {
    --bs-modal-width: 70%;
}
.multi-step-action-items-add fieldset:not(:first-of-type){
    display: none;
}
.multi-step-action-items-add #multi-step-form-progressbar li{
    width: 25%;
}
.multi-step-action-items-add #multi-step-form-progressbar #ms-info:before {
    font-family: 'bootstrap-icons';
    content: "\F4B1";
}
.multi-step-action-items-add #multi-step-form-progressbar #ms-upload:before {
    font-family: 'bootstrap-icons';
    content: "\F546";
}

.multi-step-action-items-add #multi-step-form-progressbar #ms-validate:before {
    font-family: 'bootstrap-icons';
    content: "\F4CA";
}

.multi-step-action-items-add #multi-step-form-progressbar #ms-mapping:before {
    font-family: 'bootstrap-icons';
    content: "\F56B";
}

form#add-new-action-item-form input[type="radio"] {
    display: none;
}

form#add-new-action-item-form .ai-new-label-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

form#add-new-action-item-form label.ai-new-labels {
    width: 30%;
    margin: 10px;
    text-align: center;
    padding: 30px 10px;
    border: 1px solid grey;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

form#add-new-action-item-form input[type="radio"]:checked+label.ai-new-labels, form#add-new-action-item-form input[type="radio"]:checked+label.ai-new-action-statement {
    box-shadow: 4px 4px 6px #cdcdcd;
    border: 2px solid #F32B2C;
}

form#add-new-action-item-form .ai-new-label-group-attributes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

form#add-new-action-item-form .ai-new-label-group-attributes label.ai-new-labels {
    width: 15%;
    margin: 10px;
    text-align: center;
    padding: 30px 10px;
    border: 1px solid grey;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

#add-new-action-item-form .previous{
    float:unset;
    margin:unset;
}

#add-new-action-item-form .next{
    border-radius: 77px;
    background-color: var(--bs-btn-bg);
}
#add-new-action-item-form .next:active{
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
}
#add-new-action-item-form .next:disabled {
    background: white;
    color: #cdcdcd;
    border: 1px solid #cdcdcd;
}

.ai-new-action-statement, .ai-new-action-score{
    width: calc( 100% - 90px);
    border: 1px solid grey;
    border-radius: 6px;
    margin: 10px 20px 10px 0px;
    padding: 10px;
}

.ai-new-action-statement{
    cursor:pointer;
}

.ai-new-action-score{
    width: 50px;
    display: inline-block;
    text-align: center;
}
.ai-action {
    max-height: 100px;
    overflow: auto;
}
.ai-action-format-correct {
    white-space: pre-line;
}
.demo-ai-action {
    min-height: 100px;
}
.zero-ai-tems-wrap{
    margin-top:50px;
}
.ai-cumulative-col{
    box-shadow: 1px 1px 5px #cdcdcd !important;
    border-radius: 11px;
}
#ai-cumulative-view table{
    border-spacing: 12px 18px;
    border-collapse: separate;
}
#ai-cumulative-view table td:first-child {
    transform: translateX(-14px);
}
#ai-cumulative-view table td:last-child {
    transform: translateX(14px);
}
#ai-cumulative-table th {
    cursor: pointer;
}
#ai-successive-view{
    display: none;
}
.ai-cumulative-question:hover {
    box-shadow: 3px 3px 10px #cdcdcd !important;
    cursor:pointer;
}
.ai-action-theme-banner{
    border-bottom:1px solid #cdcdcd;
}
.up-down-arrows{
    font-weight: bold;
    margin-left: -18px;
}
.ai-sort-arrow-wrap{
    position: relative;
}
.ai-sort-arrows:before{
    content: '\25BE';
    position: absolute;
    top: 13px;
    transform: translate(-20px, 0px);
}
.ai-sort-arrows:after{
    content: '\25B4';
    position: absolute;
    transform: translate(-20px, 0px);
}
.ai-direction-arrow {
    position: absolute;
    transform: translate(-19px, 0px);
}

#ai-action-text{
    width:94%;
}

#nav-comp-tab .nav-link {
    background-color: #f2f2f2;
    color: #342a82;
    border-radius: 11px 11px 0 0;
    border: 1px solid #cdcdcd;
}
#nav-comp-tab .nav-link.active {
    background-color:#342a82;
    color: #cdcdcd;
}
#nav-comp-tab .nav-link{
    cursor: pointer;
}
.nav-tabs{
    border-bottom: none;
}

.card-disclaimer {
    position: absolute;
    right: 1rem;
    top: 1rem;
    font-size: 0.75rem;
    font-style: italic;
}
.ai-decorater-comma {
    position: absolute;
    top: -80px;
    left: 38%;
    font-size: 12rem;
    font-family: 'Brush Script MT', cursive;
}

/* Whistleblower Chart */
.wb-chart-choices {
    text-align: center;
    justify-content: center; 
    height: calc((100% / 5) - 1rem);
    min-height: 42px;
    margin-bottom: 0.5rem;
    /* font-weight: 600; */
}
.ob-factors-row {
    text-align: center;
    justify-content: center;
    height: calc((100% / 7) - 0.5rem);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
}
.ob-factors-row div,
.flex-full-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* Whistleblower Chart */

/* Heatmaps */
.chart-container {
    width: 100%;
    height: 0;
    padding-bottom: 75%; /* (height / width) * 100 = (300 / 400) * 100 = 75% */
    position: relative;
}
.chart-container svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* Heatmaps */

/* Virtues Page */
.virtue-card {
    text-align: center;
    width: 250px;
    background-color: yellow;
    color: #000;
    margin-left: 0.75rem;
    margin-right: 0.75rem;
}
.virtue-card:hover {
    text-align: center;
    width: 250px;
    background-color: black;
    color: #ffff00;
    margin-left: 0.75rem;
    margin-right: 0.75rem;
    transform: scale(1.05);
    transition: 0.5s;
}
.virtue-card.active {
    text-align: center;
    width: 250px;
    background-color: black;
    color: #ffff00;
    margin-left: 0.75rem;
    margin-right: 0.75rem;
}
.virtue-card p, .virtue-card span {
    text-align: center;
}
.virtue-div-question {
    font-size: 1rem;
    font-weight: 500;
    padding: 1rem;
    text-align: center;
    width: calc(100% - 1rem);
}
.bar-chart-virtues {
    display: flex;
    justify-content: center;
}
/* Virtues Page */

/* Video Player Styling */
::cue {
    font-family: "Raleway";
    background-color: rgba(0, 0, 0, 0.5);
    color: #f2f2f2;
    font-size: 75%;
    line-height: 0;
    opacity: 0.75;
}
.video-js .voluntas-logo {
    width: 40px;
    background: url("{% static 'images/logo.png' %}") center center no-repeat;
    filter: brightness(0) invert(1);
}
.vjs-text-track-cue > div {
    /* background: transparent!important; */
    background-color: rgba(0, 0, 0, 0.5) !important;
    /* text-shadow: 2px 0 black, -2px 0 black, 0 2px black, 0 -2px black,
                 1px 1px black, -1px -1px black, 1px -1px black, -1px 1px black; */
    font-family: "Raleway" !important;
    color: #F2F2F2;
    font-size: 75%;
    opacity: 1;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
    padding: 0.25rem 0.5rem;
    display: block !important;
}

.vjs-control-bar {
    background-color: rgba(0, 0, 0, 0.75);
}
.vjs-poster {
    display: none !important;
}
/* Video Player Styling */

/* Aesthetics */
.scroll-watcher {
    height: 3px;
    position: fixed;
    top: 4.5rem;
    z-index: 1000;
    background-color: #342A82;
    width: 100%;
    scale: 0 1;
    transform-origin: left;
    animation: scroll-watcher-anim linear;
    animation-timeline: scroll();
}
@keyframes scroll-watcher-anim {
    to {
        scale: 1 1;
    }
}
@keyframes hero-img-anim {
    25% {
        opacity: 1;
    }
    85%, 100% {
        opacity: 0;
        scale: 2;
    }
}

.shape1 {
    position: absolute;
    width: 12vw;
    top: 15%;
    right: 1vw;
    z-index: -1;
    opacity: 0.25;
}
.shape2 {
    position: absolute;
    width: 21vw;
    top: 22%;
    left: -5vw;
    z-index: -1;
    opacity: 0.25;
    transform: rotate(-50deg);
}
.shape3 {
    position: absolute;
    width: 18vw;
    top: 30%;
    right: 1vw;
    opacity: 0.25;
    z-index: -1;
}
.shape4 {
    position: absolute;
    width: 45vw;
    top: 46%;
    left: -15vw;
    z-index: -1;
    opacity: 0.25;
    transform: rotate(230deg);
    filter: grayscale(1);
}
.shape5 {
    position: absolute;
    width: 30vw;
    bottom: 1rem;
    right: 1vw;
    transform: scale(-1);
    z-index: -1;
    opacity: 0.25;
}
.shape6 {
    position: absolute;
    width: 28vw;
    bottom: 34%;
    right: 8rem;
    transform: scale(-1);
    z-index: -1;
    filter: grayscale(1) opacity(0.25);
    transform: rotate(19deg);
    opacity: 0.5;
}
#email_status_wrapper{
    max-height:400px;
    overflow-y:auto;
}
/* Aesthetics */

#accordionClientSeparation .accordion-button, #email_recipient_list .accordion-button{
    color: inherit;
    background-color: inherit;
    box-shadow: inherit;
    padding: 1rem;
}
.email-template-iframe{
    border:1px solid #dee2e6;
    border-radius:0.5rem;
}
#email_recipient_list .accordion-body{
    max-height: 350px;
    overflow-y: auto;
}
#recipient_list_body .accordion-body .form-check:nth-child(even) {
    background-color: #ececec;
}
#email_recipient_acc .accordion-body{
    max-height: 400px;
    overflow: auto;
}
#recipient_list_search {
    position: sticky;
    top: -13px;
}
div#recipient_list_container div {
    padding-left: 30px;
}

/* user activity log */
#activity-log-page.row{
    max-width: 100%;
}
.activity-log-div{
        min-height: 700px;
}
.card-title{
    font-size: 16px;
}
.activity-log-icon i {
    font-size: 2rem;
    padding: 0.5rem 0.75rem 0.5rem 0rem;
}
.activity-chart-cont {
    position: relative;
    width: 100%;
}
.scroll-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 35px;
    padding: 5px 10px;
    z-index: 10;
}
.scroll-left {
    left: 5px;
}
.scroll-right {
    right: 5px;
}
.scrollable-table {
    overflow-y: auto;
    max-height: 600px;
}
.TeamActTableStyles{
    table-layout:fixed;
    width: calc(99% - 2px);
    margin: auto;
}
.highlighted {
    background-color: rgb(197, 203, 255);
    color: #000000; 
}
.selected-tname{
    background-color: #342A82;
    color: #FFFFFF;
    width: fit-content;
    padding: 2px 10px;
}

/* Merge teams page */
#merge-teams-table .form-control, #merge-teams-table .form-select {
    height: 28px;  
    font-size: 1rem;  
    border: 1px solid #999;
    border-radius: 4px;
    color: #212529;
}
#merge-teams-table .input-group-text {
    border: 1px solid #dee2e6;
    border-left: none;
    height: 28px;
    color: #999;
}
.select2-container .select2-selection--single {
    text-align: left !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #212529 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 16px; 
    height: 100%; 
    position: relative; 
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none; 
}
.select2-container--default .select2-selection--single .select2-selection__arrow::before {
    content: ""; 
    display: block;
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 12px; 
    height: 12px; 
    pointer-events: none; /
}
#change-accordion .accordion-button:not(.collapsed) {
    color: #FFFFFF;
    background-color: #6666FF;
}
#change_q1 .card-button:hover {
    background-color: #0C0050;
    color: #fff;
    cursor: pointer;
}
.change-active-card {
    background-color: #0C0050;
    color: #fff;
    cursor: pointer;
}
#factors_container_0 .card{
    box-shadow:none;
}
#factors_container_0 {
    box-sizing: border-box;
    overflow-y: auto;
    transition: height 0.3s ease;
}
.change_gauge_chart{
    width: 80%;
    margin: auto;
}

#user-detail-container {
    padding: 1rem;
    border: 1px solid #dfe2e6;
    border-radius: 10px;
}

/* New Media Queries - June'24 */
/* Report Main */
/* XXL */
@media only screen and (min-width: 1400px) and (max-width: 1700px) {
    html {
        font-size: 12px;
    }
    .bar-polar-chart-score {
        font-size: 3rem;
    }
    .bar-polar-chart-desc {
        font-size: 1.5rem;
    }
    .meaning-curious {
        position: relative;
        top: 15%;
        z-index: 1;
    }
    .mrlt-col1 label:after {
        content: '\2713';
        color: #fff;
        padding-left: 4px;
        font-size: 1rem;
    }
    .card-heading {
        font-size: 1.25rem;
        font-family: "Raleway";
    }
    .card-sub-heading {
        font-size: 0.75rem;
    }
    .bar-x-axis {
        font-size: 1.25rem;
    }
    .bar-y-axis {
        font-size: 1.25rem;
    }
    .bar-labels {
        font-size: 1.25rem;
    }
    .bar-polar-chart-desc-270 {
        font-size: 1.75rem;
    }
    .stress-section-score {
        margin: 0;
    }
    .stress-factors {
        min-height: 100%;
    }
    .comptableicons {
        flex-wrap: inherit;
    }
    .reports-sidebar-logo {
        bottom: 0;
    }
}
/* XL */
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    html {
        font-size: 10px;
    }
    .bar-polar-chart-score {
        font-size: 4rem;
    }
    .bar-polar-chart-desc {
        font-size: 2rem;
    }
    .meaning-curious {
        position: relative;
        top: 15%;
        z-index: 1;
    }
    .mrlt-col1 label:after {
        content: '\2713';
        color: #fff;
        padding-left: 4px;
        font-size: 1.25rem;
    }
    .card-heading {
        font-size: 1.25rem;
    }
    .card-sub-heading {
        font-size: 0.75rem;
        margin-bottom: 0.5rem;
        font-family: "Raleway";
    }
    .bar-x-axis {
        font-size: 1.25rem;
    }
    .bar-y-axis {
        font-size: 1.25rem;
    }
    .bar-labels {
        font-size: 1.25rem;
    }
    .bar-polar-chart-score-270 {
        font-size: 5rem;
    }
    .bar-polar-chart-desc-270 {
        font-size: 1.75rem;
    }
    .stress-section-score {
        margin: 0;
    }
    .stress-factors {
        min-height: 100%;
    }
    .comptableicons {
        flex-wrap: inherit;
    }
    #comp_table_wrap td, #comp_imp_table_wrap td {
        padding: 0.5rem;
    }
    .ong-bottom {
        max-height: 430px;
    }
    .ong_comp {
        max-height: 400px;
    }
    .org-chart-company-body {
        font-size:1.75rem;
    }
    .reports-sidebar-logo {
        margin: 1rem auto;
        bottom: 0;
    }
}


.toggle-exclude{
    display: none !important;
}
.response_rate_filter{
    display: flex;
    align-items: baseline;
    font-size: 1.8rem;
}
#change_comp_cols{
    display: block;
    margin: auto;
    float: unset;
}
#comp_table_col_list input {
    margin: 7px;
}

/*Comp chart 4*/
.rectSvg {
    position: relative;
}
.textSvg {
    position: absolute;
    top: 0;
    left: 0;
}
[data-col-identifier="visible"], .comp_col_li_0 {
    display: none !important;
}
.comp4_headers {
    position: relative;
    cursor: pointer;
    text-transform: capitalize;
    vertical-align: middle;
}
.comp4_col_name{
    padding-left: 20px;
}
.comp4-up-down-arrows{
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
}
.comp4headerRow{
    position: sticky;
    top: -1px;
    z-index: 10;
    height: 70px;
    background-color: #C5CBFF;
    color: #000000;
}
.add_remove_cols_btn{
    font-size: 1.4rem;
}
[data-col-identifier="team_name"] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.ong_act_team [data-col-identifier="team_name"] {
    background-color: #f2f2f2 !important;
}
.compTableStyles td:not([data-col-identifier="team_name"]), .compTableStyles th {
    border-left: 2px solid rgba(0, 0, 0, 0.075) !important;
}
.rectSvg svg {
    overflow: visible;
}
tr.tableRowStyle td:nth-child(2) {
    position: sticky;
    left: -2px;
    background: #ffffff;
    z-index: 4;
}
.comp4headerRow th:nth-child(2) {
    position: sticky;
    left: -2px;
    background-color: #C5CBFF;
    z-index: 5;
}
.comp_col_mssg{
    width: fit-content;
}