.color-76, .parent-color-76 .progress-line, .color-77, .parent-color-77 .progress-line, .color-78, .parent-color-78 .progress-line, .color-79, .parent-color-79 .progress-line, .color-80, .parent-color-80 .progress-line, .color-81, .parent-color-81 .progress-line, .color-82, .parent-color-82 .progress-line, .color-83, .parent-color-83 .progress-line, .color-84, .parent-color-84 .progress-line, .color-85, .parent-color-85 .progress-line, .color-86, .parent-color-86 .progress-line, .color-87, .parent-color-87 .progress-line, .color-88, .parent-color-88 .progress-line, .color-89, .parent-color-89 .progress-line, .color-90, .parent-color-90 .progress-line, .color-91, .parent-color-91 .progress-line, .color-92, .parent-color-92 .progress-line, .color-93, .parent-color-93 .progress-line, .color-94, .parent-color-94 .progress-line, .color-95, .parent-color-95 .progress-line, .color-96, .parent-color-96 .progress-line, .color-97, .parent-color-97 .progress-line, .color-98, .parent-color-98 .progress-line, .color-99, .parent-color-99 .progress-line, .color-100, .parent-color-100 .progress-line {
    background-color: #23875c;
}
.color51, .parent-color51 .progress-line, .color-52, .parent-color-52 .progress-line, .color-53, .parent-color-53 .progress-line, .color-54, .parent-color-54 .progress-line, .color-55, .parent-color-55 .progress-line, .color-56, .parent-color-56 .progress-line, .color-57, .parent-color-57 .progress-line, .color-58, .parent-color-58 .progress-line, .color-59, .parent-color-59 .progress-line, .color-60, .parent-color-60 .progress-line, .color-61, .parent-color-61 .progress-line, .color-62, .parent-color-62 .progress-line, .color-63, .parent-color-63 .progress-line, .color-64, .parent-color-64 .progress-line, .color-65, .parent-color-65 .progress-line, .color-66, .parent-color-66 .progress-line, .color-67, .parent-color-67 .progress-line, .color-68, .parent-color-68 .progress-line, .color-69, .parent-color-69 .progress-line, .color-70, .parent-color-70 .progress-line, .color-71, .parent-color-71 .progress-line, .color-72, .parent-color-72 .progress-line, .color-73, .parent-color-73 .progress-line, .color-74, .parent-color-74 .progress-line, .color-75, .parent-color-75 .progress-line {
    background-color: #2fb559;
}
.color-26, .parent-color-26 .progress-line, .color-27, .parent-color-27 .progress-line, .color-28, .parent-color-28 .progress-line, .color-29, .parent-color-29 .progress-line, .color-30, .parent-color-30 .progress-line, .color-31, .parent-color-31 .progress-line, .color-32, .parent-color-32 .progress-line, .color-33, .parent-color-33 .progress-line, .color-34, .parent-color-34 .progress-line, .color-35, .parent-color-35 .progress-line, .color-36, .parent-color-36 .progress-line, .color-37, .parent-color-37 .progress-line, .color-38, .parent-color-38 .progress-line, .color-39, .parent-color-39 .progress-line, .color-40, .parent-color-40 .progress-line, .color-41, .parent-color-41 .progress-line, .color-42, .parent-color-42 .progress-line, .color-43, .parent-color-43 .progress-line, .color-44, .parent-color-44 .progress-line, .color-45, .parent-color-45 .progress-line, .color-46, .parent-color-46 .progress-line, .color-47, .parent-color-47 .progress-line, .color-48, .parent-color-48 .progress-line, .color-49, .parent-color-49 .progress-line, .color-50, .parent-color-50 .progress-line {
    background-color: #d4c52b;
}
.color-1, .parent-color-1 .progress-line, .color-2, .parent-color-2 .progress-line, .color-3, .parent-color-3 .progress-line, .color-4, .parent-color-4 .progress-line, .color-5, .parent-color-5 .progress-line, .color-6, .parent-color-6 .progress-line, .color-7, .parent-color-7 .progress-line, .color-8, .parent-color-8 .progress-line, .color-9, .parent-color-9 .progress-line, .color-10, .parent-color-10 .progress-line, .color-11, .parent-color-11 .progress-line, .color-12, .parent-color-12 .progress-line, .color-13, .parent-color-13 .progress-line, .color-14, .parent-color-14 .progress-line, .color-15, .parent-color-15 .progress-line, .color-16, .parent-color-16 .progress-line, .color-17, .parent-color-17 .progress-line, .color-18, .parent-color-18 .progress-line, .color-19, .parent-color-19 .progress-line, .color-20, .parent-color-20 .progress-line, .color-21, .parent-color-21 .progress-line, .color-22, .parent-color-22 .progress-line, .color-23, .parent-color-23 .progress-line, .color-24, .parent-color-24 .progress-line, .color-25, .parent-color-25 .progress-line {
    background-color: #be2229;
}
.margin-bottom-10{margin-bottom:10px;}
.margin-bottom-20{margin-bottom:20px;}
.margin-0{margin:0px!important;}
.display-flex{display: flex;}
.align-items-center{align-items:center;}
.no-radius {border-radius: 0px!important;}
.height-12 {height: 12px!important;}
.height-16 {height: 16px!important;}
.height-18 {height: 18px!important;}
.width-100 {width: 100%!important;}
.fw-100 {font-weight: 100!important;}
.fw-200 {font-weight: 200!important;}
.fw-300 {font-weight: 300!important;}
.fw-400 {font-weight: 400!important;}
.fw-500 {font-weight: 500!important;}
.fw-600 {font-weight: 600!important;}
.fw-700 {font-weight: 700!important;}
.fw-800 {font-weight: 800!important;}
.fw-900 {font-weight: 900!important;}
.font-size-45{font-size:45px!important; line-height: 60px!important;}
.font-size-35{font-size:35px!important; line-height: 54px!important;}
.font-size-27{font-size:27px!important; line-height: 38px!important;}
.font-size-24{font-size:24px!important; line-height: 34px!important;}
.font-size-22{font-size:22px!important; line-height: 30px!important;}
.font-size-20{font-size:20px!important; line-height: 28px!important;}
.font-size-18{font-size:18px!important; line-height: 26px!important;}
.font-size-16{font-size:16px!important; line-height: 24px!important;}
.font-size-14{font-size:14px!important; line-height: 22px!important;}
.font-size-13{font-size:13px!important; line-height: 30px!important;}

.number-score {
    display: inline-block;
    width: 30px;
}
.sr-section {
    background: #fff;
    height: 1100px;
    overflow: hidden;
    max-width: 1000px;
    border-radius: 5px;
}
.sr-section .sr-title {
    font-family: Open Sans, sans-serif;
    padding: 25px 45px;
    font-size: 32px;
    font-weight: 600 !important;
    color: #fff;
    position: relative;
    background: #7030a0;
}
.sr-13-bold {
    font-size: 13px!important;
    color: #000!important;
    font-weight: 600!important;
    line-height: 20px;
}
.sr-14-normal {
    font-size: 14px!important;
    font-weight: 500!important;
}
.sr-16-normal {
    font-size: 16px!important;
    font-weight: 500!important;
}
.sr-22-bold{
    font-size: 22px!important;
    color: #000!important;
    font-weight: 600!important;
    line-height: 2px;
    margin-right: 3px;
}
.sr-section > * {
    font-size: 13px;
    font-weight: 600;
}
.sr-content > p, .sr-content .sr-body-content-section {
    padding: 8px 35px!important;
}
.sr-content > p {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
.rs-row {
    display: flex;
}
.rs-row .rs-relationship {
    width: 35%;
    padding-left: 20px;
}
.rs-row .rs-column {
    width: calc(100%/6);
    line-height: 1 !important;
}
.rs-row .rs-nominated, .rs-row .rs-completed {
    width: 20%;
}
.rs-row .rs-completion-rate {
    width: 25%;
}
.rs-row .rs-com-1 {
    width: 50%;
}
.rs-row .rs-com-2 {
    width: 25%;
}
.rs-row .rs-com-3 {
    width: 25%;
}
.rs-row .rs-com-1, .rs-row .rs-com-2 {
    padding-right: 20px;
}
.rs-row .rs-com-2 {
    padding-left: 20px;
}
.rs-row .rs-det-1 {
    width: 45%;
}
.rs-row .rs-det-3 {
    width: 55%;
}
.rs-row.th-row:first-child {
    background: #f1f1f1;
}
.rs-row.th-row > div {
    padding: 10px 15px;
    font-weight: 600!important;
}
.rs-row.td-row {
    border-bottom: 1px #e0e0e0 solid;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}
.rs-row.td-row:last-child {
    border-bottom: 0px transparent solid;
    margin-bottom: 0px;
}
.rs-row.td-row > div {
    padding: 10px;
}
.rs-det-1 .question-title {
    line-height: 22px;
}
.color-grey{
    color: #939393;
}
.color-purple{
    color: #541a6c;
}
.color-green{
    color: #00b050;
}
.bg-purple{
    background: #7030a0;
}
.bg-white{
    background: #fff;
}
.bg-black{
    background: #000;
}
.bg-grey{
    background: #f2f2f2;
}
.competency-summary .competency-title, .competency-summary .competency-roles {
    width: 38%;
    margin-right: 2%;
    word-break: break-word;
}
.competency-summary .competency-progress, .competency-summary .competency-roles-progress {
    width: 60%;
}
.competency-summary .competency-roles-progress .progress-line-section, .detail-table{
    position: relative;
}
.detail-table:before {
    left: 45%;
    content: "";
    height: 100%;
    background: #e0e0e0;
    width: 1px;
    position: absolute;
}
.competency-summary .competency-roles-progress .progress-line-section:before {
    content: "Self";
    position: absolute;
    right: calc(100% + 20px);
    font-weight: 700;
    font-style: italic;
    top: 45%;
    transform: translate(0, -55%);
    color: #4a4a4a;
}
.detail-table .progress-line-section {
    position: relative;
    margin-left: 120px;
}
.detail-table .progress-line-section:before {
    content: "Self";
    position: absolute;
    right: calc(100% + 20px);
    font-weight: 700;
    font-style: italic;
    top: 45%;
    transform: translate(0, -55%);
    color: #541a6c;
    font-size: 16px;
}
.competency-summary .competency-roles-progress .progress-line-section.role-manager:before, .detail-table .role-manager:before{
    content: "Manager";
}
.competency-summary .competency-roles-progress .progress-line-section.role-subordinate:before, .detail-table .role-subordinate:before{
    content: "Subordinate";
}
.competency-summary .competency-roles-progress .progress-line-section.role-peer:before, .detail-table .role-peer:before{
    content: "Peer";
}
.competency-summary .competency-roles-progress .progress-line-section .number-score {
    position: absolute;
    top: 45%;
    transform: translate(0, -55%);
    left: calc(100% + 10px);
}
.competency-content > span {
    display: block;
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px;
}
.competency-content > span:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #939393;
    top: 7px;
    left: 0;
}
.circle-letter {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #3c3193;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    margin-right: 5px;
}
.rs-row.rs-row-border {
    margin-top: 10px;
    margin-bottom: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
    background: #f2f2f2;
    border: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}
.rs-row.rs-row-border.completed {
    background: #2fb559;
    color: #fff;
}
.progress-line-box {
    width: 100px;
    height: 6px;
    display: inline-block;
    background: #cccccc;
    border-radius: 5px;
    margin-right: 5px;
    overflow: hidden;
    position: relative;
}
.rs-det-3 .progress-line-box {
    width: calc(100% - 45px);
}
.progress-line {
    height: 100%;
    display: block;
}
.competency-summary .sr-body-content .sr-body-content-section {
    background: #f8f9fa;
    padding: 20px 70px 20px 50px !important;
}
.sr-body-content .sr-body-content-section:nth-child(2n) {
    background: #f2f2f2;
}
.user-strengths {
    display: flex;
    align-items: center;
}
.right-part.image-part {
    text-align: right;
}

.user-strengths.improvement, .user-strengths.blind-spots {
    flex-direction: row-reverse;
}
.user-strengths .image-part {
    width: 33%;
    position: relative;
    z-index: 2;
    height: 870px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.user-strengths .list-part {
    width: 67%;
    position: relative;
    z-index: 1;
    height: 870px;
}
.user-strengths .image-part img {
    max-height: 100%;
    max-width: 250px;
}
.user-strengths.hidden-strengths .left-part, .user-strengths.hidden-strengths .right-part,
.user-strengths.blind-spots .left-part, .user-strengths.blind-spots .right-part{
    height: 790px;
}
.question-list {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 100%;
}
.question-list .question-item {
    display: flex;
    align-items: center;
    padding-right: 30px;
}
.left-part.list-part .question-item {
    flex-direction: row-reverse;
    padding-left: 30px;
    padding-right: 0px;
}
.question-item .question-score {
    width: 40px;
    margin-right: 10px;
    background: #508e2c;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    position: relative;
}
.question-score:before {
    position: absolute;
    content: "";
    width: 20px;
    right: calc(100% + 20px);
    height: 2px;
    background: #508e2c;
    top: 50%;
    transform: translate(0px, -50%);
}
.left-part.list-part .question-item .question-score:before {
    content: "";
    left: calc(100% + 20px);
}
.user-strengths.improvement .left-part.list-part .question-item .question-score:before, .user-strengths.improvement .left-part.list-part .question-item .question-score{
    background: #ff6622;
}
.user-strengths.hidden-strengths .left-part.list-part .question-item .question-score:before, .user-strengths.hidden-strengths .left-part.list-part .question-item .question-score{
    background: #004f80;
}
.user-strengths.blind-spots .left-part.list-part .question-item .question-score:before, .user-strengths.blind-spots .left-part.list-part .question-item .question-score:before{
    background: #454545;
}
.hidden-strengths .question-item .question-score, .blind-spots .question-item .question-score {
    background: transparent;
    width: 0;
}
.question-item .question-info {
    width: calc(100% - 50px);
    padding-left: 10px;
    line-height: normal;
}
.left-part.list-part .question-item .question-info {
    padding-right: 20px;
}
.hidden-strengths .question-item .question-info, .blind-spots .question-item .question-info{
    width: calc(100% - 10px);
}
.question-info .question-name {
    font-size: 12px;
}
.question-info .competency-name {
    font-size: 15px;
    margin-top: 5px;
    font-style: italic;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.average-scores {
    display: flex;
    margin-top: 10px;
}
.average-scores .self-score {
    margin-right: 25px;
}
.average-scores .your-rating, .average-scores .other-rating {
    margin-right: 10px;
}
.average-scores .self-score .progress-line-section, .average-scores .others-score .progress-line-section {
    display: flex;
    align-items: center;
}
.average-scores .your-rating {
    color: #23875c;
}
.average-scores .other-rating {
    color: #be2229;
}
.float-score {
    position: absolute;
    color: #fff;
    left: 5px;
    top: 50%;
    transform: translate(0px, -50%);
    font-size: 12px;
}
.feedback-main {
    padding: 20px 0px 30px 0px;
    border-top: 2px #d8d8d8 solid;
    border-bottom: 2px #d8d8d8 solid;
}
.feedback-list {
    padding: 5px 35px;
}
.fb-title {
    font-family: Open Sans, sans-serif!important;
    font-weight: 500!important;
    font-size: 24px!important;
}
.fb-value-item {
    display: flex;
    background: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    align-items: center;
}
.fb-value-item .fb-avatar {
    width: 40px;
    margin-right: 20px;
}
.fb-value-item img {
    max-width: 100%;
}
.fb-value-item .fb-answer {
    width: calc(100% - 60px);
    position: relative;
}
.detail-box {
    margin: 5px 35px;
    border: 1px #e0e0e0 solid;
    border-radius: 15px 15px 5px 5px;
    overflow: hidden;
}
.detail-box .detail-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px 5px 15px;
    border-bottom: 1px #e0e0e0 solid;
    background-image: linear-gradient(to right, #d295ff, #7030a0);
    color: #fff;
}
.detail-title h4 {
    font-family: Open Sans, sans-serif;
    font-weight: 600!important;
    font-size: 22px;
    letter-spacing: 0.5px;
    margin: 0px!important;
    padding: 0px!important;
}
.detail-title .detail-Average {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    background: #2fb559;
    width: 60px;
    text-align: center;
    border-radius: 5px;
    padding: 3px 3px 5px 3px;
    line-height: normal;
}