@charset "UTF-8";
:root {
  --bs-custom-primary: #00A399;
  --bs-custom-light-primary: #F2F7F7;
  --bs-custom-light-green: #85AF9A;
}

.bg-custom-primary {
  background-color: var(--bs-custom-primary);
  color: var(--bs-white);
}

.text-custom-primary {
  color: var(--bs-custom-primary);
}

.bg-custom-light-primary {
  background-color: var(--bs-custom-light-primary) !important;
}

.bg-custom-light-green {
  background-color: var(--bs-custom-light-green) !important;
}

/* ---------- Custom variables font ---------- */
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot");
  src: url("../fonts/icomoon.eot") format("embedded-opentype"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  display: inline-flex;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-paperclip-3 .path1:before {
  content: "\e927";
  opacity: 0.4;
}

.icon-paperclip-3 .path2:before {
  content: "\e928";
  margin-left: -1em;
}

.icon-target-1 .path1:before {
  content: "\e929";
}

.icon-target-1 .path2:before {
  content: "\e92a";
  margin-left: -1em;
}

.icon-target-1 .path3:before {
  content: "\e92b";
  margin-left: -1em;
}

.icon-folder-connection:before {
  content: "\e924";
}

.icon-paperclip-2:before {
  content: "\e925";
}

.icon-presention-chart:before {
  content: "\e926";
}

.icon-d-cube-scan:before {
  content: "\e912";
}

.icon-menu-board:before {
  content: "\e913";
}

.icon-calculator:before {
  content: "\e914";
}

.icon-document-text .path1:before {
  content: "\e915";
  opacity: 0.4;
}

.icon-document-text .path2:before {
  content: "\e916";
  margin-left: -1em;
}

.icon-document-text .path3:before {
  content: "\e917";
  margin-left: -1em;
}

.icon-document-text .path4:before {
  content: "\e918";
  margin-left: -1em;
}

.icon-task-square .path1:before {
  content: "\e919";
  opacity: 0.4;
}

.icon-task-square .path2:before {
  content: "\e91a";
  margin-left: -1em;
}

.icon-task-square .path3:before {
  content: "\e91b";
  margin-left: -1em;
}

.icon-task-square .path4:before {
  content: "\e91c";
  margin-left: -1em;
}

.icon-task-square .path5:before {
  content: "\e91d";
  margin-left: -1em;
}

.icon-layer:before {
  content: "\e91e";
}

.icon-receipt-2 .path1:before {
  content: "\e91f";
  opacity: 0.4;
}

.icon-receipt-2 .path2:before {
  content: "\e920";
  margin-left: -1em;
}

.icon-receipt-2 .path3:before {
  content: "\e921";
  margin-left: -1em;
}

.icon-receipt-2 .path4:before {
  content: "\e922";
  margin-left: -1em;
}

.icon-receipt-2 .path5:before {
  content: "\e923";
  margin-left: -1em;
}

.icon-abstract-45 .path1:before {
  content: "\e910";
}

.icon-abstract-45 .path2:before {
  content: "\e911";
  margin-left: -1em;
  opacity: 0.3;
}

.icon-note-2:before {
  content: "\e90f";
}

.icon-security-time:before {
  content: "\e900";
}

.icon-folder-2:before {
  content: "\e901";
}

.icon-clock:before {
  content: "\e902";
}

.icon-profile-2user:before {
  content: "\e903";
}

.icon-video:before {
  content: "\e904";
}

.icon-report:before {
  content: "\e905";
}

.icon-dashboard:before {
  content: "\e906";
}

.icon-call-calling .path1:before {
  content: "\e907";
}

.icon-call-calling .path2:before {
  content: "\e908";
  position: absolute;
  right: 0;
}

.icon-call-calling .path3:before {
  content: "\e909";
  position: absolute;
  right: 0;
  opacity: 0.4;
}

.icon-call-calling .path4:before {
  content: "\e90a";
  position: absolute;
  right: 0;
}

.icon-list:before {
  content: "\e90b";
}

.icon-import:before {
  content: "\e90c";
}

.icon-export:before {
  content: "\e90d";
}

.icon-building:before {
  content: "\e90e";
}

.custom-gray-color {
  color: #757575 !important;
}

.custom-bg-gray-color {
  background-color: #757575 !important;
}

.ki-key {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
}

.Review-statistics .nav.nav-pills .nav-link.active span {
  color: #fff !important;
}

.ki-cd .path2:before {
  opacity: 1 !important;
}

.nav-line-tabs-V2 .nav-link.active {
  color: #000 !important;
}

/*========================================
/* Shawahid platform
========================================*/
/* .Shawahid-Plan{
    .description{
        flex-grow: 1;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
} */
.three-row {
  flex-grow: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.one-row {
  flex-grow: 1;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/*========================================
/* sidebar menu
========================================*/
.menu .menu-item .menu-icon {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/*========================================
/* Statistics Card
========================================*/
.Statistics-card .icon,
.risk-Statistics .icon {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.Statistics-card .icon.First,
.risk-Statistics .icon.First {
  background-color: rgba(0, 102, 94, 0.14);
}
.Statistics-card .icon.Second,
.risk-Statistics .icon.Second {
  background-color: rgba(229, 146, 86, 0.14);
}
.Statistics-card .icon.Third,
.risk-Statistics .icon.Third {
  background-color: rgba(1, 103, 151, 0.14);
}
.Statistics-card .icon.Fourth,
.risk-Statistics .icon.Fourth {
  background-color: rgba(161, 53, 37, 0.14);
}
.Statistics-card .icon.Fifth,
.risk-Statistics .icon.Fifth {
  background-color: rgba(0, 163, 153, 0.14);
}
.Statistics-card .icon.Sixth,
.risk-Statistics .icon.Sixth {
  background-color: rgba(185, 131, 70, 0.14);
}
.Statistics-card .icon img,
.risk-Statistics .icon img {
  width: 60%;
}

/*========================================
/* Checklist Progress Card
========================================*/
.Checklist-Progress table tbody .progress {
  width: 60%;
  height: 10px;
  background: transparent;
}
.Checklist-Progress table tbody .percent {
  width: 50px;
}
.Checklist-Progress table .progress {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.Checklist-Progress table .progress .progress-bar {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

/*========================================
/* الاهداف (OKRs) Page
========================================*/
#Okrs-card .card .First-width {
  width: 40%;
}
#Okrs-card .card .Second-width {
  width: 20%;
}
#Okrs-card .card .Third-width {
  width: 20%;
}
#Okrs-card .card .Fourth-width {
  width: 20%;
}
#Okrs-card .accordion.accordion-icon-toggle,
#Okrs-card .collapse {
  position: relative;
}
#Okrs-card .accordionb-box {
  position: relative;
  border: 1px solid #F1F1F2;
  padding: 10px;
  margin: 20px;
  border-radius: 10px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
}
#Okrs-card .accordionb-box .collapse::before {
  position: absolute;
  top: -10px;
  left: 4.78rem;
  width: 1px;
  height: calc(100% - 2.25rem);
  content: "";
  background-color: rgba(231, 234, 243, 0.7);
}
#Okrs-card .accordionb-box .accordionb-row {
  position: relative;
}
#Okrs-card .accordionb-box .accordionb-row::before {
  position: absolute;
  bottom: 40px;
  left: 62px;
  width: 20px;
  height: 1px;
  content: "";
  background-color: rgba(231, 234, 243, 0.7);
}
#Okrs-card .collapse.level-2::before {
  content: "";
  position: absolute;
  display: block;
  top: -50px;
  left: 6rem;
  width: 1px;
  height: calc(100% + 0.3rem);
  background-color: rgba(231, 234, 243, 0.7);
}
#Okrs-card .collapse.level-2 .accordionb-row {
  position: relative;
}
#Okrs-card .collapse.level-2 .accordionb-row::before {
  content: "";
  position: absolute;
  display: block;
  bottom: 47px;
  left: 80px;
  width: 25px;
  height: 1px;
  background-color: rgba(231, 234, 243, 0.7);
}
#Okrs-card .progress_bar .pro-bar {
  background: #F9F9F9;
  position: relative;
}
#Okrs-card .progress_bar .progress-bar-inner {
  display: block;
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: width 1s linear 0s;
}
#Okrs-card .progress_bar .progress-bar-inner::before {
  content: "";
  background-color: #F9F9F9;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  right: -10px;
  top: 0px;
  z-index: 1;
}
#Okrs-card .progress_bar .progress-bar-inner::after {
  content: "";
  width: 20px;
  height: 20px;
  background-color: inherit;
  border-radius: 50%;
  position: absolute;
  right: -15px;
  top: -5px;
}

.text-chart {
  position: relative;
}
.text-chart .donut-inner {
  transform: translate(0, 145px);
  text-align: center;
}

/*========================================
/* report section
========================================*/
.report-section {
  /*     .Administrative-leadership-Horizontal {
          .progress {
              position: absolute;
              left: 40%;
              top: 0;
              width: 35px;
              height: 100%;
              background: rgba(0, 102, 94, 0.1) !important;
              overflow: visible !important;
          }
          .progress-bar {
              position: absolute;
              bottom: 0;
              width: 100%;
              overflow: visible !important;
          }
      }
   */
}
.report-section .card.card-xl-stretch {
  box-shadow: none !important;
}
.report-section .hero-banner-one .bgi-no-repeat {
  height: calc(100vh - 50px);
}
.report-section .hero-banner-one .card-content .box {
  position: relative;
  top: -150px;
  right: -25px;
}
.report-section .hero-banner-one .card-content .box::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 250px;
  top: 0;
  left: -5px;
  background-color: var(--bs-primary) !important;
}
.report-section .Evaluation-scores .hero-card {
  background: #008752;
}
.report-section .Evaluation-scores .gray-card {
  background: #949599;
}
.report-section .Evaluation-scores .warning-card {
  background: #D5AA36;
}
.report-section .Evaluation-scores .card.light-warning {
  border: 1px solid #D5AA36;
}
.report-section .Evaluation-scores .card.light-warning .card-footer {
  background-color: rgba(213, 170, 54, 0.1);
}
.report-section .Administrative-leadership .tab-1 .card-hero .btn-V1 {
  position: relative;
  bottom: -1px;
  background-color: rgb(242, 247, 247);
  border-color: #00665E !important;
}
.report-section .Administrative-leadership .tab-1 .content {
  background-color: rgb(242, 247, 247);
  border-color: #00665E !important;
}
.report-section .Administrative-leadership .tab-2 .card-hero .btn-V1 {
  position: relative;
  bottom: -1px;
  background-color: rgb(255, 248, 229);
  border-color: #F2C75B !important;
  margin-left: 45px;
}
.report-section .Administrative-leadership .tab-2 .content {
  background-color: rgb(255, 248, 229);
  border-color: #F2C75B !important;
}
.report-section .Administrative-leadership .progress {
  position: absolute;
  left: 40%;
  top: 0;
  width: 35px;
  height: 100%;
  background: rgba(0, 102, 94, 0.1) !important;
  overflow: visible !important;
}
.report-section .Administrative-leadership .progress-bar {
  position: absolute;
  bottom: 0;
  width: 100%;
  overflow: visible !important;
}
.report-section .Opportunities-improvement .border-number {
  border: 1px solid #fff;
  padding: 5px 15px;
  border-radius: 50%;
}
.report-section .Maturity-level .progress {
  position: absolute;
  left: 40%;
  top: 0;
  width: 35px;
  height: 100%;
  background: rgba(0, 102, 94, 0.1) !important;
  overflow: visible !important;
}
.report-section .Maturity-level .progress-bar {
  position: absolute;
  bottom: 0;
  width: 100%;
  overflow: visible !important;
}

@media print {
  .report-section > div {
    page-break-after: always;
  }
}
.no-bordered td:first-child,
.no-bordered th:first-child {
  border-right: none !important;
}
.no-bordered td:last-child,
.no-bordered th:last-child {
  border-left: none !important;
}
.no-bordered tr:last-child {
  border-bottom: none;
}

/*  (OKRs) Page RTL  ================ */
html[dir=rtl] body .comment-user-side p svg {
  transform: rotate(180deg);
}
html[dir=rtl] #Okrs-card .accordionb-box .collapse::before {
  right: 4.78rem;
  left: auto;
}
html[dir=rtl] #Okrs-card .accordionb-box .accordionb-row::before {
  right: 62px;
  left: auto;
}
html[dir=rtl] #Okrs-card .collapse.level-2::before {
  right: 6rem;
  left: auto;
}
html[dir=rtl] #Okrs-card .collapse.level-2 .accordionb-row {
  position: relative;
}
html[dir=rtl] #Okrs-card .collapse.level-2 .accordionb-row::before {
  right: 80px;
  left: auto;
}
html[dir=rtl] #Okrs-card .progress_bar .progress-bar-inner {
  right: 0;
  left: auto;
}
html[dir=rtl] #Okrs-card .progress_bar .progress-bar-inner::before {
  left: -10px;
  right: auto;
}
html[dir=rtl] #Okrs-card .progress_bar .progress-bar-inner::after {
  left: -15px;
  right: auto;
}
html[dir=rtl] .option-row.inline-option-row {
  left: 0;
  right: auto;
}

.apexcharts-legend-marker {
  margin: 5px !important;
}

.apexcharts-canvas {
  direction: ltr !important;
}

.text-one-line {
  flex-grow: 1;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

ul {
  list-style: none;
}

em {
  font-style: normal;
}

.new-card-int {
  margin-bottom: 20px;
  border-radius: 10px;
  border: 1px solid #f1f1f2;
  padding: 15px;
  background-color: #fff;
}

.nci-head {
  display: flex;
  justify-content: space-between;
}
.nci-head div span {
  color: #00665e;
}
.nci-head div h4 {
  color: #000919;
  font-weight: 600;
}
.nci-head ul {
  display: flex;
  align-items: center;
}
.nci-head ul li {
  margin-inline-start: 1vw;
}
.nci-head ul li a {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f6f6f6;
  border-radius: 3px;
}
.nci-head ul li a img {
  width: 15px;
}

.nci-bod p {
  color: #757575;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  height: 40px;
}

.calnd-c {
  display: flex;
  align-items: center;
}

.calendar-item {
  height: 50px;
  margin-bottom: 10px;
  flex: 1;
  display: flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px dashed #EAEAEA;
}
.calendar-item:nth-child(2) {
  margin-inline-start: 10px;
}
.calendar-item img {
  margin-inline-end: 10px;
}
.calendar-item div span {
  color: #9f9f9f;
}
.calendar-item div h6 {
  font-size: 12px;
}

.nci-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.under-contract {
  display: flex;
  align-items: center;
}
.under-contract p {
  color: #FF7A00;
  margin-bottom: 0;
}
.under-contract span {
  margin-inline-end: 7px;
  color: #757575;
}

.linked {
  display: flex;
  align-items: center;
}
.linked img {
  margin-inline-end: 7px;
}

.end-year {
  display: flex;
  flex: 1;
  justify-content: space-between;
}
.end-year span {
  color: #000 !important;
}

.box-card {
  border: 1px solid #f1f1f2;
  border-radius: 10px;
  padding: 15px;
  background: #fff;
}

.m-title {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.m-title img {
  width: 25px;
  margin-inline-end: 10px;
}
.m-title h4 {
  margin-bottom: 0;
}

.card-data h5 {
  padding-inline-start: 3px;
  font-weight: 600;
}
.card-data .cd-img {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.card-data .cd-img img {
  width: 23px;
  height: 23px;
  margin-inline-end: 10px;
}
.card-data .cd-img i {
  font-size: 25px;
}
.card-data .cd-img > span {
  margin-inline-start: 10px;
  font-size: 15px;
}
.card-data .cd-img p {
  width: 100%;
  color: #757575;
  margin-bottom: 0px;
}
.card-data .cd-img a {
  display: block;
  color: #85AF9A;
  text-decoration: underline !important;
}

.box-row-title {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 4px;
  background: #fff;
  border-radius: 5px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.box-row-title img {
  rotate: 90deg;
}
.box-row-title h6 {
  font-weight: 600;
}
.box-row-title.t1 {
  border-top: 2px solid #00BF8C;
}
.box-row-title.t2 {
  border-top: 2px solid #85AF9A;
}
.box-row-title.t3 {
  border-top: 2px solid #E28FFF;
}
.box-row-title.t4 {
  border-top: 2px solid #BF9500;
}
.box-row-title.t5 {
  border-top: 2px solid #0086BF;
}
.box-row-title.t6 {
  border-top: 2px solid #82BF00;
}
.box-row-title.t7 {
  border-top: 2px solid #009DBF;
}

.box-main-row {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 4px;
  background: #fff;
  border-radius: 5px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  min-height: 90px;
}
.box-main-row div > span {
  color: #85AF9A;
}
.box-main-row div h6,
.box-main-row div a {
  color: #000;
  display: block;
  font-size: 13px;
  font-weight: 600;
  width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-inline-end: 15px;
}
.box-main-row img {
  width: 15px;
}
.box-main-row a.btn {
  display: flex;
  justify-content: space-between;
}
.box-main-row .form-check {
  margin-bottom: 10px;
  margin-inline-start: 10px;
}

.with-add {
  position: relative;
}
.with-add .foot-add {
  height: 25px;
  background-color: #FBFBFB;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
}
.with-add .foot-add div {
  display: flex;
  align-items: center;
}
.with-add .foot-add span {
  color: #00665E;
}
.with-add .foot-add button {
  background-color: transparent;
  border: 0;
}
.with-add .foot-add button i {
  color: #f1416c;
}

.foot-add {
  height: 25px;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 4px;
  width: 100%;
  border-radius: 5px 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 15px 10px;
}
.foot-add div {
  display: flex;
  align-items: center;
}
.foot-add span {
  color: #00665E;
}

.row-exp {
  height: 100%;
  position: relative;
}

.item-delete {
  position: absolute;
  width: 40px;
  height: 40px;
  background-color: #ffebec;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  inset-inline-start: -50px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
  border: 0;
  cursor: pointer;
}
.item-delete button {
  background-color: transparent;
}
.item-delete i {
  font-size: 16px;
  padding: 0;
  color: #fe3a46 !important;
}

.col-xl .with-add:last-child {
  margin-bottom: 0;
}

.add-item {
  height: 60px;
  background-color: #fff;
  margin-top: 40px;
  margin-bottom: 30px;
  border: 2px dashed #EAEAEA;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.add-item img {
  width: 20px;
  margin-inline-end: 5px;
}
.add-item span {
  font-size: 17px;
}

.scroll-V {
  padding-bottom: 30px;
  /* width */
}
.scroll-V::-webkit-scrollbar {
  height: 10px;
}

.input-add {
  height: 30px;
  margin-inline-end: -10px;
  display: block;
  font-size: 13px;
}
.input-add:disabled {
  background-color: transparent;
  border: 0;
}

.card-coll {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 4px;
  border-radius: 10px;
  margin-bottom: 20px;
}

.card-coll-header {
  border: 1px solid #f1f1f2;
  border-radius: 10px 10px 0 0;
  padding: 15px;
  background: #fff;
}
.card-coll-header .form-check label {
  color: #000;
  font-weight: 600;
}

.card-coll-body {
  border: 1px solid #f1f1f2;
  border-radius: 0 0 10px 10px;
  padding: 15px;
  background: #fff;
  border-top: 0;
}

.card-coll-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-coll-header .open {
  cursor: pointer;
}

.cc-h-title-action {
  display: flex;
  align-items: center;
}
.cc-h-title-action .add-o {
  cursor: pointer;
  margin-inline-end: 10px;
}
.cc-h-title-action .add-o i {
  font-size: 20px;
}

.cc-h-title {
  display: flex;
  align-items: center;
  position: relative;
}
.cc-h-title img {
  margin-inline-end: 10px;
}
.cc-h-title i {
  margin-inline-start: 10px;
  font-size: 21px;
  color: #b3d1cf;
}
.cc-h-title i span {
  color: #00665e;
}
.cc-h-title span {
  font-weight: 600;
}
.cc-h-title::after {
  content: "";
  position: absolute;
  display: block;
  width: calc(100% + 15px);
  height: 2px;
  background: #00665E;
  bottom: -15px;
  right: -5px;
}

.card-grid-list ul {
  display: flex;
  margin-bottom: 20px;
  padding-right: 0;
}
.card-grid-list ul li {
  height: 45px;
  max-width: 150px;
  color: #fff;
  margin-inline-end: 15px;
  border-radius: 5px;
  line-height: 45px;
  text-align: center;
  flex: 1;
  font-weight: 600;
}
.card-grid-list ul li.arrow {
  max-width: 120px;
  position: relative;
}
.card-grid-list ul li.arrow::after {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  background-color: #fff;
  -webkit-clip-path: polygon(100% 15%, 60% 50%, 100% 85%);
          clip-path: polygon(100% 15%, 60% 50%, 100% 85%);
  position: absolute;
  right: -1px;
  top: 50%;
  transform: translateY(-50%);
}

.b0 {
  background: #00665E;
}

.b1 {
  background-color: #85AF9A;
}

.b2 {
  background-color: #ABAEB7;
}

.b3 {
  background-color: #392E72;
}

.b4 {
  background-color: #7B30C9;
}

.b5 {
  background-color: #20C082;
}

.b6 {
  background-color: #00B2B4;
}

.b7 {
  background-color: #EAEAEA;
  color: #000 !important;
}

.card-grid-item {
  display: flex;
}

.b-grid-box-open {
  margin-inline-end: 15px;
  border-radius: 10px 10px;
  padding: 15px;
  background: #fff;
  max-width: 150px;
  border: 1px solid #f1f1f2;
  height: 120px;
  width: 100%;
}
.b-grid-box-open div {
  display: flex;
  align-items: center;
}
.b-grid-box-open div img {
  margin-inline-end: 10px;
  rotate: 180deg;
  cursor: pointer;
}
.b-grid-box-open div h5 {
  font-size: 13px;
  white-space: nowrap;
}

.status-active {
  margin: auto;
  margin-top: 10px;
  width: 55px;
  height: 55px;
  background-color: #edf7ee;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.status-active h6 {
  margin-bottom: 0;
  color: #48b452;
}
.status-active span {
  color: #48b452;
}

.b-grid-box-list {
  margin-inline-end: 15px;
  max-width: 150px;
  width: 100%;
}
.b-grid-box-list ul {
  border-radius: 5px;
  padding-right: 0;
  border: 1px solid #f1f1f2;
  width: 100%;
}
.b-grid-box-list ul li {
  border-bottom: 1px solid #f1f1f2;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #757575;
  font-weight: 600;
}
.b-grid-box-list ul li:nth-child(3) {
  border-bottom: 0px solid #f1f1f2;
}

.b-grid-box-list {
  margin-inline-end: 15px;
  max-width: 150px;
  width: 100%;
}
.b-grid-box-list ul {
  border-radius: 5px;
  padding-right: 0;
  border: 1px solid #f1f1f2;
  width: 100%;
}
.b-grid-box-list ul li {
  border-bottom: 1px solid #f1f1f2;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #757575;
  font-weight: 600;
}
.b-grid-box-list ul li:nth-child(3) {
  border-bottom: 0px solid #f1f1f2;
}

.b-grid-box-status {
  margin-inline-end: 15px;
  max-width: 825px;
  width: 100%;
}
.b-grid-box-status > ul {
  border-radius: 5px;
  padding-right: 0;
  border: 1px solid #f1f1f2;
  width: 100%;
}
.b-grid-box-status > ul > li {
  border-bottom: 1px solid #f1f1f2;
  height: 40px;
  position: relative;
  display: flex;
  align-items: center;
}
.b-grid-box-status > ul > li:nth-child(3) {
  border-bottom: 0px solid #f1f1f2;
}
.b-grid-box-status > ul > li .d-menu {
  width: 120px;
}
.b-grid-box-status > ul > li ul {
  margin-inline-end: 15px;
  margin-inline-start: 15px;
  flex: 1;
  width: 100%;
  border-top: 2px dashed #F1F1F2;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-right: 0;
  margin-bottom: -10px;
  position: relative;
}
.b-grid-box-status > ul > li ul::after {
  content: "";
  display: flex;
  height: 10px;
  position: absolute;
  width: 10px;
  background-color: #fff;
  right: 0;
  display: block;
  top: -5%;
  transform: translateY(-50%);
  width: 80px;
}
.b-grid-box-status > ul > li ul::before {
  content: "";
  display: flex;
  height: 10px;
  position: absolute;
  width: 10px;
  background-color: #fff;
  left: 0;
  display: block;
  top: -5%;
  transform: translateY(-50%);
  width: 80px;
}
.b-grid-box-status > ul > li ul li {
  margin-top: -10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: block;
  background: #fff;
  border: 1px solid #BDBDBD;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.b-grid-box-status > ul > li ul li span {
  border: 1px solid #BDBDBD;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  display: block;
}
.b-grid-box-status > ul > li ul li.done {
  position: relative;
}
.b-grid-box-status > ul > li ul li.done::after {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background: url(../../../media/custom/done.svg) no-repeat center center;
  background-size: cover;
  position: absolute;
  z-index: 5;
}
.b-grid-box-status > ul > li ul li.done span {
  border-color: transparent;
}

.d-menu {
  padding-inline-end: 10px;
  display: flex;
  justify-content: flex-end;
}
.d-menu > a {
  padding: calc(0.55rem - 2px) calc(1.25rem + 1px) !important;
}

.box-test {
  border: 1px solid #ccc;
  height: 100%;
}

.box-test2 {
  border: 1px solid #ccc;
  margin-top: 10px;
}
.box-test2:nth-child(1) {
  margin-top: 10px;
}

.scroll-V {
  overflow-x: auto;
}
.scroll-V .row {
  flex-wrap: nowrap;
  padding-inline-start: 40px;
}
.scroll-V .box-main-row,
.scroll-V .box-row-title {
  min-width: 350px;
}

.calendar-content .nav-tabs {
  border-radius: 7px;
  overflow: hidden;
  display: inline-flex;
  border-bottom: 0 !important;
}
.calendar-content .nav-tabs a {
  background-color: #F6F6F6;
  border: 1px solid #000;
  padding: 10px 25px !important;
  margin: 0 !important;
  border-radius: 0;
  color: #757575 !important;
}
.calendar-content .nav-tabs a:hover {
  background-color: #F6F6F6;
}
.calendar-content .nav-tabs a.active {
  color: #fff !important;
  background-color: #00665E !important;
}
.calendar-content .form-check-input:checked {
  background-color: #00665E !important;
  border-color: #00665E !important;
}
.calendar-content .form-check-label {
  color: #000;
}

html[dir=rtl] [type=tel],
html[dir=rtl] [type=url],
html[dir=rtl] [type=email],
html[dir=rtl] [type=number] {
  direction: rtl;
}

.h-color {
  height: 43px;
}

.btn-save {
  display: flex;
  align-items: center;
  justify-content: end;
}
.btn-save .btn {
  margin-inline-start: 15px;
}
.btn-save a {
  color: #000;
}
.btn-save .btn-success {
  background-color: #00665E !important;
  border-color: #00665E !important;
}
.btn-save .btn-success:hover {
  background-color: #00665E !important;
  border-color: #00665E !important;
}

.calendar-modal .modal-header {
  background-color: #F1F1F2;
  padding: 0px 10px;
  font-size: 16px;
}
.calendar-modal .modal-header .btn {
  color: #000;
}

.no-data {
  min-height: 400px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card-meet {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  border: 1px solid #F1F1F2;
  background-color: #fcfcfc;
  border-radius: 8px;
  margin-bottom: 10px;
}
.card-meet:last-child {
  margin-bottom: 0;
}

.card-meet-info {
  flex: 1;
  display: flex;
  align-items: center;
}
.card-meet-info .cmi-number {
  padding-inline-end: 10px;
  min-width: 80px;
  border-inline-end: 1px dashed #EAEAEA;
}
.card-meet-info .cmi-number p {
  text-align: center;
}
.card-meet-info .cmi-number .n {
  margin: auto;
  margin-bottom: 10px;
  width: 30px;
  height: 30px;
  background-color: #F0F2F7;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #000;
  border-radius: 5px;
}

.n-time {
  display: flex;
  align-items: center;
  justify-content: center;
}
.n-time i {
  font-size: 25px;
  color: #00665e;
}
.n-time > span {
  color: #9f9f9f;
}

.cmi-info {
  padding-inline-start: 10px;
}
.cmi-info h6 {
  font-weight: 600;
}

.sta-us {
  padding-right: 0;
}
.sta-us li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.sta-us li i {
  margin-inline-end: 7px;
  font-size: 18px;
  color: #00665E;
}
.sta-us li span {
  margin-inline-end: 4px;
  font-size: 14px;
  color: #9F9F9F;
}
.sta-us li p {
  margin-bottom: 0;
  font-size: 14px;
}
.sta-us li p.wiat {
  color: #FF7A00;
}
.sta-us li p.decl {
  color: #FE3A46;
}
.sta-us li p.done {
  color: #48B452;
}

.start-nog {
  display: flex;
  cursor: pointer;
  align-items: center;
}
.start-nog i {
  font-size: 19px !important;
  margin-inline-end: 5px;
  color: #00665E !important;
}
.start-nog span {
  font-size: 15px;
  color: #00665E;
}
.start-nog.stop i,
.start-nog.stop span {
  color: #FE3A46 !important;
}
.start-nog.done i,
.start-nog.done span {
  color: #48B452 !important;
}

.add-sub {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.add-sub i {
  color: #9F9F9F;
  margin-inline-end: 5px;
}
.add-sub span {
  font-weight: 600;
}

.card-add-sub {
  border: 1px solid #F0F2F7;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.card-add-sub .cas-h {
  padding: 10px;
  border-bottom: 1px solid #F0F2F7;
}
.card-add-sub .cas-h .form-check-label {
  font-weight: 600;
  color: #000;
}
.card-add-sub .cas-b {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cas-b-name h6 span {
  font-weight: 400;
}

.basic-information .nav-line-tabs .nav-item .nav-link.active,
.basic-information .nav-line-tabs .nav-item.show .nav-link,
.basic-information .nav-line-tabs .nav-item .nav-link:hover:not(.disabled) {
  background-color: transparent;
  border: 0;
  border-bottom: 3px solid #00665e;
  transition: color 0.2s ease;
}
.basic-information .nav {
  padding: 10px 10px 0 10px;
  background-color: #fff;
}
.basic-information .nav li a {
  color: #000 !important;
  font-weight: 600;
}

.hiddenRow {
  padding: 0 !important;
}

.b-tabel {
  background-color: #fff;
}
.b-tabel .table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-bg-type: #fff !important;
}
.b-tabel .btn > i {
  padding-left: 0;
}
.b-tabel tr td,
.b-tabel tr tr {
  border: 1px solid #EAEAEA !important;
  background-color: #fff;
}

html[dir=rtl] [type=tel],
html[dir=rtl] [type=url],
html[dir=rtl] [type=email],
html[dir=rtl] [type=number] {
  direction: rtl;
}

.h-color {
  height: 43px;
}

.btn-save {
  display: flex;
  align-items: center;
  justify-content: end;
}
.btn-save .btn {
  margin-inline-start: 15px;
}
.btn-save a {
  color: #000;
}
.btn-save .btn-success {
  background-color: #00665E !important;
  border-color: #00665E !important;
}
.btn-save .btn-success:hover {
  background-color: #00665E !important;
  border-color: #00665E !important;
}

.calendar-modal .modal-header {
  background-color: #F1F1F2;
  padding: 0px 10px;
  font-size: 16px;
}
.calendar-modal .modal-header .btn {
  color: #000;
}

.no-data {
  min-height: 400px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.basic-information .nav-line-tabs .nav-item .nav-link.active,
.basic-information .nav-line-tabs .nav-item.show .nav-link,
.basic-information .nav-line-tabs .nav-item .nav-link:hover:not(.disabled) {
  background-color: transparent;
  border: 0;
  border-bottom: 3px solid #00665e;
  transition: color 0.2s ease;
}

.basic-information .nav {
  padding: 10px 10px 0 10px;
  background-color: #fff;
}

.basic-information .nav li a {
  color: #000 !important;
  font-weight: 600;
}

.hiddenRow {
  padding: 0 !important;
}

.b-tabel {
  background-color: #fff;
}

.b-tabel .table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-bg-type: #fff !important;
}

.b-tabel .btn > i {
  padding-left: 0;
}

.b-tabel tr td,
.b-tabel tr tr {
  border: 1px solid #EAEAEA !important;
  background-color: #fff;
}

.event {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 150px;
  bottom: 3px;
  left: calc(50% - 1.5px);
  content: " ";
  display: block;
  background: #3d8eb9;
}

.event.busy {
  background: #f64747;
}

.calendar-content .nav-tabs {
  border-radius: 7px;
  overflow: hidden;
  display: inline-flex;
  border-bottom: 0 !important;
}

.calendar-content .nav-tabs a {
  background-color: #f6f6f6;
  border: 1px solid #000;
  padding: 10px 25px !important;
  margin: 0 !important;
  border-radius: 0;
  color: #757575 !important;
}

.calendar-content .nav-tabs a:hover {
  background-color: #f6f6f6;
}

.calendar-content .nav-tabs a.active {
  color: #fff !important;
  background-color: #00665e !important;
}

.calendar-content .form-check-input:checked {
  background-color: #00665e !important;
  border-color: #00665e !important;
}

.calendar-content .form-check-label {
  color: #000;
}

html[dir=rtl] [type=tel],
html[dir=rtl] [type=url],
html[dir=rtl] [type=email],
html[dir=rtl] [type=number] {
  direction: rtl;
}

.h-color {
  height: 43px;
}

.btn-save {
  display: flex;
  align-items: center;
  justify-content: end;
}

.btn-save .btn {
  margin-inline-start: 15px;
}

.btn-save a {
  color: #000;
}

.btn-save .btn-success {
  background-color: #00665e !important;
  border-color: #00665e !important;
}

.btn-save .btn-success:hover {
  background-color: #00665e !important;
  border-color: #00665e !important;
}

.calendar-modal .modal-header {
  background-color: #f1f1f2;
  padding: 0px 10px;
  font-size: 16px;
}

.calendar-modal .modal-header .btn {
  color: #000;
}

.no-data {
  min-height: 400px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}


.list-of-action {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.list-of-action li {
  margin-inline-end: 25px;
}
.list-of-action li a {
  background-color: #F9F9F9;
  display: block;
  padding: 7px 15px;
  border-radius: 8px;
  color: #000;
}

.item-bis {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.item-bis label {
  color: #000;
}
.item-bis .list-of-action li:last-child {
  margin-inline-end: 0;
}

.ib-check {
  display: flex;
  align-items: center;
}
.ib-check span {
  margin-inline-end: 10px;
}

.item-bis1 .card-coll-header {
  border-radius: 10px;
}
.item-bis1 .list-of-action li:last-child {
  margin-inline-end: 0;
}

.done .form-check label {
  text-decoration: line-through;
}

.add-item-pln {
  background-color: #fff !important;
  border-color: #dededd !important;
}
.add-item-pln span i {
  color: var(--bs-gray-600) !important;
}

.rev-list {
  display: flex;
}
.rev-list button {
  margin-inline-start: 10px;
}

.form-select2 .select2-container .select2-selection--single {
  background-color: var(--bs-gray-100);
  height: 35px;
  border: 1px solid var(--bs-gray-100);
}

.form-item-add .flex-1 {
  flex: 1;
  margin-inline-end: 10px;
}
.form-item-add .flex-1 input {
  width: 100%;
}

.box-prop {
  padding: 15px;
  background-color: #fcfcfc;
  border: 1px dashed #e1e3ea;
  border-radius: 10px;
  margin-bottom: 20px;
}
.box-prop h6 {
  font-size: 14px;
  color: #757575;
  margin-bottom: 5px;
}
.box-prop div {
  display: flex;
  align-items: center;
}
.box-prop div img {
  width: 25px;
  margin-inline-end: 3px;
}
.box-prop div span {
  font-size: 16px;
  font-weight: 600;
}

.danger-item {
  margin-bottom: 20px;
}
.danger-item div {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.danger-item div img {
  margin-inline-end: 5px;
}

.n-list-item {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 7px;
  background-color: #fcfcfc;
  border: 1px solid #f1f1f2;
}
.n-list-item h5 {
  margin-bottom: 0;
}
.n-list-item span {
  font-weight: 600;
  width: 30px;
  height: 30px;
  background: #f0f2f7;
  margin-inline-end: 10px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-group a.btn-icon {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.draft {
  color: #757575 !important;
}

.under-review {
  color: #FFBE00 !important;
}

.accredited {
  color: #48B452 !important;
}

.finished {
  color: #0099FF !important;
}

.rejection {
  color: #FE3A46 !important;
}

.icon-f {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 5px;
  background: #f3f8f4;
  border-radius: 5px;
}

.icon-f i {
  font-size: 19px;
}

.documents-badge i.ki-duotone.ki-left.fs-2x.text-primary {
  font-size: 1.5rem !important;
}

.tabe-control li i {
  margin: 0 5px;
  margin-inline-start: 0;
}

.add-btn-f {
  box-shadow: 0px 5px 12px rgba(167, 167, 167, 0.5098039216) !important;
  padding: 10px 20px !important;
  font-size: 14px;
  border-radius: 22px;
}
.add-btn-f i {
  margin: 0 5px;
  margin-inline-end: 0;
}

.bg-light.h-100.p-2.rounded.cr-round {
  height: 250px !important;
}
.bg-light.h-100.p-2.rounded.cr-round .h-125px {
  height: 175px !important;
}

.statistics_ h3.h3 {
  font-size: 14px;
}

.nav-line-tabs .nav-item .nav-link.active,
.nav-line-tabs .nav-item.show .nav-link,
.nav-line-tabs .nav-item .nav-link:hover:not(.disabled) {
  border-bottom: unset;
}

.m-c {
  color: #757575;
  font-size: 14px !important;
  margin-top: 8px;
}

.sm-t {
  font-size: 14px !important;
  font-weight: 600 !important;
}

.main-card-c {
  padding: 15px;
  background-color: #fff;
  border: 1px solid #F1F1F2;
  border-radius: 10px;
  margin-bottom: 20px;
}

.main-card-c-headr {
  margin-bottom: 10px;
  text-align: center;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #F1F1F2;
}
.main-card-c-headr img {
  width: 120px;
  -o-object-fit: contain;
     object-fit: contain;
}

.c-date-c .mc-date {
  margin-inline-end: 10px;
}

.mc-date {
  margin-bottom: 10px;
  background-color: #f5f5f5;
  padding: 10px;
  display: inline-flex;
  align-items: flex-end;
  border-radius: 8px;
}
.mc-date img {
  width: 20px;
  margin-inline-end: 7px;
}
.mc-date span {
  margin-inline-end: 7px;
  font-weight: 600;
  font-size: 12px;
}

.main-card-c-body h4 {
  font-size: 16px;
}
.main-card-c-body p {
  font-size: 13px;
  color: #757575;
}

.main-card-c-foot {
  margin-top: 10px;
  border-top: 2px solid #F1F1F2;
  padding-top: 10px;
}
.main-card-c-foot ul {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  padding-inline-start: 0;
}
.main-card-c-foot ul li {
  padding-inline-end: 10px;
}
.main-card-c-foot ul li a {
  display: flex;
  align-items: center;
  padding: 10px 10px;
  border-radius: 7px;
  background: #f6f6f6;
}
.main-card-c-foot ul li a img {
  width: 18px;
}
.main-card-c-foot ul li a span {
  font-weight: 500;
  font-size: 13px;
  color: #757575;
  margin-inline-start: 10px;
}

.box-rp-data {
  border: 1px solid #f1f1f2;
  border-radius: 10px;
  background: #fff;
  padding: 15px;
}

.brd {
  display: flex;
  align-items: center;
}
.brd img {
  margin-inline-end: 10px;
}

.brd-f {
  display: flex;
  align-items: flex-end;
}
.brd-f span {
  font-size: 30px;
  font-weight: 600;
  margin-inline-end: 10px;
  color: #00665e;
}
.brd-f p {
  color: #757575;
  font-size: 15px;
}

.card-framework {
  background: #FFF;
  border-radius: 6px;
  box-shadow: 0px 2px 8px #EAEAEA;
}

.sub-drwp-tr {
  padding-inline-start: 15px;
}

.l-tabel span {
  font-weight: 600;
}

.header-f {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #EAEAEA;
  cursor: pointer;
  height: 50px;
}
.header-f.active i.fa-solid.fa-sort-down.down-icon {
  transform: rotate(0deg) !important;
  -webkit-transform: rotate(0deg) !important;
  -moz-transform: rotate(0deg) !important;
  -ms-transform: rotate(0deg) !important;
  -o-transform: rotate(0deg) !important;
}
.header-f .result-framework {
  display: flex;
  align-items: center;
  justify-content: start;
}
.header-f .result-framework em {
  color: #00665E;
  font-size: 16px;
  font-weight: 500;
  margin-inline-end: 5px;
}
.header-f .result-framework.framework-header {
  width: 45%;
  padding: 10px;
  padding-inline-start: 25px;
}
.header-f .result-framework.framework-header.nm-custum-w {
  width: 60%;
}
.header-f .result-framework.framework-header.fr-custum-w {
  width: 30%;
}
.header-f .result-framework.framework-header i.fa-solid.fa-sort-down.down-icon {
  color: #9F9F9F;
  transform: rotate(90deg);
}
.header-f .result-framework.framework-header span {
  margin: 0 10px;
  color: #000919;
  font-size: 14px;
  font-weight: 600;
}
.header-f .result-framework.Continue-header, .header-f .result-framework.criteria-header, .header-f .result-framework.date-header {
  width: 11%;
  padding: 10px 0;
}
.header-f .result-framework.Continue-header.ch-custum-w, .header-f .result-framework.Continue-header.crh-h-custum-w, .header-f .result-framework.Continue-header.dh-custum-w, .header-f .result-framework.criteria-header.ch-custum-w, .header-f .result-framework.criteria-header.crh-h-custum-w, .header-f .result-framework.criteria-header.dh-custum-w, .header-f .result-framework.date-header.ch-custum-w, .header-f .result-framework.date-header.crh-h-custum-w, .header-f .result-framework.date-header.dh-custum-w {
  width: 10%;
  height: 100%;
}
.header-f .result-framework.Continue-header.ch-custum-w.Applicable, .header-f .result-framework.Continue-header.crh-h-custum-w.Applicable, .header-f .result-framework.Continue-header.dh-custum-w.Applicable, .header-f .result-framework.criteria-header.ch-custum-w.Applicable, .header-f .result-framework.criteria-header.crh-h-custum-w.Applicable, .header-f .result-framework.criteria-header.dh-custum-w.Applicable, .header-f .result-framework.date-header.ch-custum-w.Applicable, .header-f .result-framework.date-header.crh-h-custum-w.Applicable, .header-f .result-framework.date-header.dh-custum-w.Applicable {
  background: #50CD89;
}
.header-f .result-framework.Continue-header.ch-custum-w.Applicable span, .header-f .result-framework.Continue-header.crh-h-custum-w.Applicable span, .header-f .result-framework.Continue-header.dh-custum-w.Applicable span, .header-f .result-framework.criteria-header.ch-custum-w.Applicable span, .header-f .result-framework.criteria-header.crh-h-custum-w.Applicable span, .header-f .result-framework.criteria-header.dh-custum-w.Applicable span, .header-f .result-framework.date-header.ch-custum-w.Applicable span, .header-f .result-framework.date-header.crh-h-custum-w.Applicable span, .header-f .result-framework.date-header.dh-custum-w.Applicable span {
  color: #fff !important;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 500;
}
.header-f .result-framework.Continue-header.ch-custum-w.not-Applicable, .header-f .result-framework.Continue-header.crh-h-custum-w.not-Applicable, .header-f .result-framework.Continue-header.dh-custum-w.not-Applicable, .header-f .result-framework.criteria-header.ch-custum-w.not-Applicable, .header-f .result-framework.criteria-header.crh-h-custum-w.not-Applicable, .header-f .result-framework.criteria-header.dh-custum-w.not-Applicable, .header-f .result-framework.date-header.ch-custum-w.not-Applicable, .header-f .result-framework.date-header.crh-h-custum-w.not-Applicable, .header-f .result-framework.date-header.dh-custum-w.not-Applicable {
  background: #F1416C;
}
.header-f .result-framework.Continue-header.ch-custum-w.not-Applicable span, .header-f .result-framework.Continue-header.crh-h-custum-w.not-Applicable span, .header-f .result-framework.Continue-header.dh-custum-w.not-Applicable span, .header-f .result-framework.criteria-header.ch-custum-w.not-Applicable span, .header-f .result-framework.criteria-header.crh-h-custum-w.not-Applicable span, .header-f .result-framework.criteria-header.dh-custum-w.not-Applicable span, .header-f .result-framework.date-header.ch-custum-w.not-Applicable span, .header-f .result-framework.date-header.crh-h-custum-w.not-Applicable span, .header-f .result-framework.date-header.dh-custum-w.not-Applicable span {
  color: #fff !important;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 500;
}
.header-f .result-framework.Continue-header.ch-custum-w.not-specified, .header-f .result-framework.Continue-header.crh-h-custum-w.not-specified, .header-f .result-framework.Continue-header.dh-custum-w.not-specified, .header-f .result-framework.criteria-header.ch-custum-w.not-specified, .header-f .result-framework.criteria-header.crh-h-custum-w.not-specified, .header-f .result-framework.criteria-header.dh-custum-w.not-specified, .header-f .result-framework.date-header.ch-custum-w.not-specified, .header-f .result-framework.date-header.crh-h-custum-w.not-specified, .header-f .result-framework.date-header.dh-custum-w.not-specified {
  background: #F5F5F5;
}
.header-f .result-framework.Continue-header.ch-custum-w.not-specified span, .header-f .result-framework.Continue-header.crh-h-custum-w.not-specified span, .header-f .result-framework.Continue-header.dh-custum-w.not-specified span, .header-f .result-framework.criteria-header.ch-custum-w.not-specified span, .header-f .result-framework.criteria-header.crh-h-custum-w.not-specified span, .header-f .result-framework.criteria-header.dh-custum-w.not-specified span, .header-f .result-framework.date-header.ch-custum-w.not-specified span, .header-f .result-framework.date-header.crh-h-custum-w.not-specified span, .header-f .result-framework.date-header.dh-custum-w.not-specified span {
  color: #757575 !important;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 500;
}
.header-f .result-framework.Continue-header.ch-custum-w .select_box, .header-f .result-framework.Continue-header.crh-h-custum-w .select_box, .header-f .result-framework.Continue-header.dh-custum-w .select_box, .header-f .result-framework.criteria-header.ch-custum-w .select_box, .header-f .result-framework.criteria-header.crh-h-custum-w .select_box, .header-f .result-framework.criteria-header.dh-custum-w .select_box, .header-f .result-framework.date-header.ch-custum-w .select_box, .header-f .result-framework.date-header.crh-h-custum-w .select_box, .header-f .result-framework.date-header.dh-custum-w .select_box {
  width: 95%;
}
.header-f .result-framework.Continue-header.ch-custum-w .select_box.Applicable-select select, .header-f .result-framework.Continue-header.crh-h-custum-w .select_box.Applicable-select select, .header-f .result-framework.Continue-header.dh-custum-w .select_box.Applicable-select select, .header-f .result-framework.criteria-header.ch-custum-w .select_box.Applicable-select select, .header-f .result-framework.criteria-header.crh-h-custum-w .select_box.Applicable-select select, .header-f .result-framework.criteria-header.dh-custum-w .select_box.Applicable-select select, .header-f .result-framework.date-header.ch-custum-w .select_box.Applicable-select select, .header-f .result-framework.date-header.crh-h-custum-w .select_box.Applicable-select select, .header-f .result-framework.date-header.dh-custum-w .select_box.Applicable-select select {
  background: #50CD89;
}
.header-f .result-framework.Continue-header.ch-custum-w .select_box.Partially-select select, .header-f .result-framework.Continue-header.crh-h-custum-w .select_box.Partially-select select, .header-f .result-framework.Continue-header.dh-custum-w .select_box.Partially-select select, .header-f .result-framework.criteria-header.ch-custum-w .select_box.Partially-select select, .header-f .result-framework.criteria-header.crh-h-custum-w .select_box.Partially-select select, .header-f .result-framework.criteria-header.dh-custum-w .select_box.Partially-select select, .header-f .result-framework.date-header.ch-custum-w .select_box.Partially-select select, .header-f .result-framework.date-header.crh-h-custum-w .select_box.Partially-select select, .header-f .result-framework.date-header.dh-custum-w .select_box.Partially-select select {
  background: #FFC700;
}
.header-f .result-framework.Continue-header.ch-custum-w .select_box.not-Applicable-select select, .header-f .result-framework.Continue-header.crh-h-custum-w .select_box.not-Applicable-select select, .header-f .result-framework.Continue-header.dh-custum-w .select_box.not-Applicable-select select, .header-f .result-framework.criteria-header.ch-custum-w .select_box.not-Applicable-select select, .header-f .result-framework.criteria-header.crh-h-custum-w .select_box.not-Applicable-select select, .header-f .result-framework.criteria-header.dh-custum-w .select_box.not-Applicable-select select, .header-f .result-framework.date-header.ch-custum-w .select_box.not-Applicable-select select, .header-f .result-framework.date-header.crh-h-custum-w .select_box.not-Applicable-select select, .header-f .result-framework.date-header.dh-custum-w .select_box.not-Applicable-select select {
  background: #F1416C;
}
.header-f .result-framework.Continue-header.ch-custum-w .select_box.not-specified-select select, .header-f .result-framework.Continue-header.crh-h-custum-w .select_box.not-specified-select select, .header-f .result-framework.Continue-header.dh-custum-w .select_box.not-specified-select select, .header-f .result-framework.criteria-header.ch-custum-w .select_box.not-specified-select select, .header-f .result-framework.criteria-header.crh-h-custum-w .select_box.not-specified-select select, .header-f .result-framework.criteria-header.dh-custum-w .select_box.not-specified-select select, .header-f .result-framework.date-header.ch-custum-w .select_box.not-specified-select select, .header-f .result-framework.date-header.crh-h-custum-w .select_box.not-specified-select select, .header-f .result-framework.date-header.dh-custum-w .select_box.not-specified-select select {
  color: #48B452 !important;
  background: whitesmoke;
  border: 1px solid #EAEAEA;
}
.header-f .result-framework.Continue-header.ch-custum-w .select_box select, .header-f .result-framework.Continue-header.crh-h-custum-w .select_box select, .header-f .result-framework.Continue-header.dh-custum-w .select_box select, .header-f .result-framework.criteria-header.ch-custum-w .select_box select, .header-f .result-framework.criteria-header.crh-h-custum-w .select_box select, .header-f .result-framework.criteria-header.dh-custum-w .select_box select, .header-f .result-framework.date-header.ch-custum-w .select_box select, .header-f .result-framework.date-header.crh-h-custum-w .select_box select, .header-f .result-framework.date-header.dh-custum-w .select_box select {
  border-radius: 7px;
  color: #fff;
}
.header-f .result-framework.control-header {
  width: 22%;
  padding: 10px 0;
  display: flex;
  align-items: center;
}
.header-f .result-framework.control-header.co-h-custum-w {
  width: 10%;
  height: 100%;
}
.header-f .result-framework.control-header.co-h-custum-w.Partially {
  background: #FFC700;
}
.header-f .result-framework.control-header.co-h-custum-w.Partially span {
  color: #fff !important;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 500;
}
.header-f .result-framework.control-header.co-h-custum-w .select_box {
  width: 95%;
}
.header-f .result-framework.control-header.co-h-custum-w .select_box.Partially-select select {
  background: #FFC700;
}
.header-f .result-framework.control-header.co-h-custum-w .select_box select {
  border-radius: 7px;
  color: #fff;
}
.header-f .result-framework.control-header .icons-f {
  padding: 5px 7px;
  margin: 0 5px;
  background: #F6F6F6;
  border-radius: 6px;
}
.header-f .result-framework.control-header .icons-f span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  cursor: pointer;
}
.header-f .result-framework.framework-r {
  padding: 10px;
}
.header-f .result-framework.framework-r i.fa-solid.fa-sort-down.down-icon {
  color: #9F9F9F;
  transform: rotate(90deg);
}
.header-f .result-framework.framework-r span {
  color: #000919;
  font-size: 14px;
  font-weight: 600;
  margin: 0 10px;
}
.header-f .result-framework.framework-name {
  width: 60%;
  padding: 10px;
  padding-inline-start: 25px;
}
.header-f .result-framework span {
  /*             color: #757575;
              font-size: 11px; */
}
.header-f .result-framework span.sm-text {
  color: #757575;
  font-size: 11px;
  font-weight: 400;
  margin: 0 5px;
}
.header-f .result-framework em.exclamation-mark i {
  color: #85AF9A;
  transform: rotate(180deg);
}
.header-f .responsible-person,
.header-f .Standard-case {
  width: 20%;
  padding: 10px;
}
.header-f .responsible-person.br-col,
.header-f .Standard-case.br-col {
  border-right: 1px solid #EAEAEA;
}
.header-f .responsible-person span,
.header-f .Standard-case span {
  color: #757575;
  font-size: 12px;
  font-weight: 400;
}
.header-f .responsible-person span img,
.header-f .Standard-case span img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.header-f .responsible-person span span,
.header-f .Standard-case span span {
  color: #313131;
  font-size: 12px;
  font-weight: 500;
  margin: 0 5px;
}
.header-f .responsible-person span span.no_one_,
.header-f .Standard-case span span.no_one_ {
  color: #9F9F9F !important;
}
.header-f .title-h span {
  color: #000919;
  font-size: 14px;
  font-weight: 600;
}
.header-f .title-h span.Underway {
  color: #FFBE00;
  font-size: 12px;
}
.header-f .title-h span.new_ {
  color: #09F;
  font-size: 12px;
}
.header-f .title-h span.finished {
  color: #50CD89;
  font-size: 12px;
}
.header-f .title-h span.canceled {
  color: #FE3A46;
  font-size: 12px;
}

.title-card {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 10px;
  border-bottom: 0.766px solid #F1F1F2;
}
.title-card span {
  color: #000919;
  font-size: 18px;
  font-weight: 500;
  margin: 0 5px;
}

.col-lgevaluation-card {
  height: 65px;
  border-bottom: 0.766px solid #F1F1F2;
}
.col-lgevaluation-card .name_eva {
  padding: 10px;
  background: #50CD89;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  font-weight: 600;
}
.col-lgevaluation-card .name_eva.the-name_ {
  background: #F9F9F9;
  color: #000;
}
.col-lgevaluation-card .name_eva.Modified-points {
  background: rgba(254, 58, 70, 0.1);
  color: #FE3A46;
}
.col-lgevaluation-card .rate-eva {
  padding: 10px;
  height: 100%;
}
.col-lgevaluation-card .rate-eva label {
  margin-bottom: 0;
  color: #757575;
  font-size: 14px;
}
.col-lgevaluation-card .rate-eva .progress-eva {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.col-lgevaluation-card .rate-eva .progress-eva .progress {
  width: 90%;
  background: #F6F6F6;
}
.col-lgevaluation-card .rate-eva .progress-eva span {
  color: #50CD89;
  font-size: 14px;
  font-weight: 700;
}
.col-lgevaluation-card .rate-eva .progress-eva .progress-bar {
  background-color: #50CD89;
  background: #50CD89;
}
.col-lgevaluation-card .rate-eva .points-eva {
  display: flex;
  align-items: center;
  height: 100%;
  color: #FE3A46;
  font-weight: 700;
}
.col-lgevaluation-card .total-point-eva {
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 16px;
  font-weight: 600;
}

.progresslgevaluation-card {
  padding: 10px;
}
.progresslgevaluation-card .progress {
  border-radius: 15px;
}
.progresslgevaluation-card .progress .progress-bar {
  background-color: #50CD89;
  background: #50CD89;
  text-align: end;
  border-radius: 10px;
  padding: 0 15px;
}
.progresslgevaluation-card .update-rate {
  display: flex;
  align-items: center;
  justify-content: end;
  margin: 20px 0;
}
.progresslgevaluation-card .update-rate .select-rate select {
  border: 1px solid #F1F1F2;
  margin: 0 10px;
}
.progresslgevaluation-card .update-rate .update-btn {
  background: #00BF8C;
  padding: 8px 15px;
  border-radius: 30px;
  color: #fff;
  margin-inline-start: 10px;
  cursor: pointer;
}

.mission-title {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mission-title .misstion-tag,
.mission-title .mission-details {
  display: flex;
  align-items: center;
}
.mission-title .misstion-tag .start-mission span,
.mission-title .mission-details .start-mission span {
  border-radius: 5px;
  background: #00BF8C;
  padding: 10px 18px;
  font-size: 14px;
  color: #fff;
  margin: 0 10px;
  margin-inline-start: 0;
}
.mission-title .misstion-tag .tag-name span,
.mission-title .mission-details .tag-name span {
  border-radius: 20px;
  background: #AF9FE7;
  padding: 6px 15px;
  color: #fff;
  margin: 0 20px;
}
.mission-title .misstion-tag .tag-icon img,
.mission-title .mission-details .tag-icon img {
  width: 17px;
  height: 17px;
}
.mission-title .misstion-tag .user-img_ img,
.mission-title .mission-details .user-img_ img {
  width: 30px;
  height: 30px;
  margin: 0 20px;
}
.mission-title .misstion-tag .sm-menu i,
.mission-title .mission-details .sm-menu i {
  font-size: 20px;
  color: #9F9F9F;
  margin: 0 10px;
}

.mission-coments {
  margin: 20px 0;
  display: flex;
  align-items: center;
}
.mission-coments .select-comment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-radius: 6px;
  background: #F8F8F8;
  padding: 20px;
}
.mission-coments .select-comment span.com-mission {
  color: #000919;
  margin: 0 10px;
  margin-inline-start: 0;
  font-weight: 500;
}
.mission-coments .select-comment span.add-mission {
  border-radius: 8px;
  background: #00BF8C;
  padding: 4px 25px;
  color: #fff;
}

.th-coment-card {
  margin: 20px;
  border: 1px solid var(--Gray-Gray-200, #F1F1F2);
  padding: 30px;
  border-radius: 10px;
}
.th-coment-card .sm-card-comnt {
  padding: 20px 0;
  border-bottom: 1px solid #F1F1F2;
}
.th-coment-card .sm-card-comnt.replay_ {
  padding-inline-start: 40px;
}
.th-coment-card .sm-card-comnt .head-comment {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.th-coment-card .sm-card-comnt .head-comment .name-img-com {
  display: flex;
  align-items: center;
  justify-content: start;
}
.th-coment-card .sm-card-comnt .head-comment .name-img-com img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.th-coment-card .sm-card-comnt .head-comment .name-img-com .name-details {
  margin: 0 10px;
}
.th-coment-card .sm-card-comnt .head-comment .name-img-com .name-details span {
  display: block;
  color: #3F4254;
  font-size: 14px;
  font-weight: 600;
  padding: 5px 0;
}
.th-coment-card .sm-card-comnt .head-comment .name-img-com .name-details em {
  color: #A1A5B7;
  padding: 5px 0;
  font-size: 14px;
  font-weight: 500;
}
.th-coment-card .sm-card-comnt .head-comment span.edit-com em {
  color: #00665E;
  font-size: 14px;
  cursor: pointer;
  margin: 0 10px;
}
.th-coment-card .sm-card-comnt .head-comment span.sub-men i {
  color: #9F9F9F;
}
.th-coment-card .sm-card-comnt p {
  color: #3F4254;
  font-size: 12px;
  margin: 10px 0;
  line-height: 30px;
}
.th-coment-card .sm-card-comnt span.sm_replay_ {
  display: flex;
  justify-content: end;
  font-size: 18px;
  font-weight: 600;
  color: #00665E;
  cursor: pointer;
}
.th-coment-card .add-ur-replay {
  margin: 10px 0;
  display: flex;
  justify-content: space-between;
}
.th-coment-card .add-ur-replay textarea {
  width: 80%;
  padding: 10px;
  border: unset;
  height: 50px;
  color: #9F9F9F;
}

.w-lif-balance {
  padding: 20px;
}
.w-lif-balance .header-w-l {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0 40px 0;
}
.w-lif-balance .header-w-l .bred-c {
  display: flex;
  align-items: center;
}
.w-lif-balance .header-w-l .bred-c span a {
  color: #818181;
  font-size: 14px;
  margin: 0 5px;
  font-weight: 600;
}
.w-lif-balance .header-w-l .bred-c em {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  margin: 0 5px;
}
.w-lif-balance .header-w-l .back-sec img {
  width: 20px;
  height: 20px;
}
.w-lif-balance .detail-w-l-balance h3 {
  margin-bottom: 30px;
  font-weight: 600;
}
.w-lif-balance .detail-w-l-balance .all-details-l-balance {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 10px 0;
}
.w-lif-balance .detail-w-l-balance .all-details-l-balance .stutas-details {
  width: 20%;
  font-weight: 600;
  color: #000919;
  font-size: 14px;
}
.w-lif-balance .detail-w-l-balance .all-details-l-balance .result-details {
  color: #000919;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
}
.w-lif-balance .detail-w-l-balance .all-details-l-balance .result-details.success_ {
  color: #50CD89;
}
.w-lif-balance .detail-w-l-balance .all-details-l-balance .result-details.user_img_ img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
}
.w-lif-balance .detail-w-l-balance .all-details-l-balance .result-details span {
  padding: 0 10px;
}
.w-lif-balance .detail-w-l-balance .document_l_balance {
  padding: 20px 0;
}
.w-lif-balance .detail-w-l-balance .document_l_balance span {
  color: #000;
  font-size: 16px;
  padding: 10px 0;
  display: block;
  font-weight: 500;
}
.w-lif-balance .detail-w-l-balance .document_l_balance .the-pdf-attachment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 5px;
  background: #FCFCFC;
  padding: 15px;
}
.w-lif-balance .detail-w-l-balance .document_l_balance .the-pdf-attachment .attach-name {
  display: flex;
  align-items: center;
}
.w-lif-balance .detail-w-l-balance .document_l_balance .the-pdf-attachment .attach-name img {
  width: 30px;
  height: 30px;
}
.w-lif-balance .detail-w-l-balance .document_l_balance .the-pdf-attachment .attach-name span {
  color: #000;
  font-size: 14px;
  padding: 0 20px;
}
.w-lif-balance .detail-w-l-balance .document_l_balance .the-pdf-attachment .danload-attach img {
  width: 35px;
  height: 35px;
}
.w-lif-balance .detail-w-l-balance .description-l-balance p {
  color: #313131;
  font-size: 12px;
  padding: 5px 0;
}
.w-lif-balance .detail-w-l-balance .description-l-balance .set-edite {
  display: flex;
  justify-content: end;
}
.w-lif-balance .detail-w-l-balance .description-l-balance .set-edite span {
  border-radius: 5px;
  background: var(--ffbe-00, #FFBE00);
  padding: 10px 20px;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}

.address_box {
  padding: 20px;
}
.address_box .address-card {
  border-radius: 8px;
  border: 1px solid #F1F1F2;
  background: #FFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
  padding: 20px;
  margin: 10px 0;
}
.address_box .address-card .title_sec {
  color: #000;
  font-weight: 500;
  display: flex;
  align-items: center;
  padding-bottom: 20px;
}
.address_box .address-card .title_sec span {
  padding: 0 10px;
}
.address_box .address-card p {
  color: #757575;
  font-size: 12px;
}

.main-card-c-foot-btn {
  display: flex;
  align-items: center;
  gap: 10px;
}
.main-card-c-foot-btn a {
  border: 1px solid #eaeaea;
  border-radius: 8px;
  display: block;
  flex: 1;
  padding: 10px 10px 13px 10px;
  color: #000;
  font-weight: 600;
  text-align: center;
}
.main-card-c-foot-btn a.active {
  background-color: #00665e !important;
  color: #fff;
  border: 1px solid #00665e;
}

div:hover {
  scrollbar-color: #6e6f72 transparent;
}

.notific-numb {
  position: absolute;
  top: -18px;
  left: -9px;
  width: 20px;
  height: 20px;
  background: #f1416c;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.notific-numb span {
  color: #fff !important;
  font-size: 12px;
}

.save-btn- {
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: end;
  margin-bottom: 5px;
}
.save-btn- span {
  background: #056360;
  padding: 8px 20px;
  border-radius: 10px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 8px;
  display: block;
}
.save-btn- span i {
  color: #fff;
}

.bk-color-g {
  background: #00665E !important;
}

.text-g-color {
  color: #000 !important;
}

.empty-case-img {
  margin: 0 auto;
  width: 600px;
  height: 400px;
}

button.btn.btn-sm.btn-primary.new-evidence {
  background: #247b72;
  width: -moz-max-content !important;
  width: max-content !important;
  padding: 8px 15px !important;
}

.nav-line-tabs .nav-item .nav-link.active {
  color: #000 !important;
}

.nav-line-tabs .nav-item .nav-link {
  color: #99a1b7 !important;
}

.card-side-bar {
  border-radius: 6px;
  box-shadow: 0px 2px 8px #EAEAEA;
  padding: 10px;
}

.sm-search-box {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
  border: 1px solid #F1F1F2;
  padding: 10px;
  border-radius: 10px;
}
.sm-search-box input {
  border: unset;
}

.form-side {
  padding: 10px;
}
.form-side .fr-control {
  border-radius: 8px;
  border: 1px solid var(--Stroke, #F1F1F2);
  background: var(--ffffff, #FFF);
  padding: 5px;
  margin: 10px 0;
}
.form-side .fr-control.active {
  border-radius: 8px;
  border: 0.5px solid #50CD89;
  background: #F6FCF9;
}
.form-side .fr-control.active .active-img-control {
  display: block !important;
}
.form-side .fr-control.active .img-control {
  display: none;
}
.form-side .fr-control.active input.form-check-input {
  opacity: 1 !important;
}
.form-side .fr-control .control-check-box .form-check {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  cursor: pointer;
}
.form-side .fr-control .control-check-box label.form-check-label {
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
}
.form-side .fr-control .control-check-box label.form-check-label .fr-cont-img img {
  width: 35px;
  height: 35px;
}
.form-side .fr-control .control-check-box label.form-check-label .fr-cont-img.fr-user-img img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.form-side .fr-control .control-check-box label.form-check-label .active-img-control {
  display: none;
}
.form-side .fr-control .control-check-box label.form-check-label span {
  padding: 0 10px;
  color: #000;
  font-weight: 500;
}
.form-side .fr-control .control-check-box label.form-check-label ._name_mail {
  padding: 0 10px;
}
.form-side .fr-control .control-check-box label.form-check-label ._name_mail span {
  display: block;
}
.form-side .fr-control .control-check-box label.form-check-label ._name_mail em {
  font-size: 10px;
  color: #9F9F9F;
}
.form-side .fr-control .control-check-box input.form-check-input {
  left: 10px;
  margin: 0;
  opacity: 0;
  accent-color: #48b452;
}

.name-det-side {
  display: flex;
  align-items: center;
}
.name-det-side .title-details {
  padding: 0 10px;
}
.name-det-side .title-details h4 {
  color: #000919;
  font-size: 16px;
  font-weight: 600;
}
.name-det-side .title-details span {
  color: #757575;
  font-size: 12px;
}
.name-det-side img {
  width: 40px;
  height: 40px;
}
.name-det-side img.p-user-img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.rating-details {
  border-bottom: 1px solid #F1F1F2;
  padding-bottom: 20px;
  margin-bottom: 10px;
}
.rating-details .rating-progress label {
  color: #757575;
}
.rating-details .rating-progress em {
  color: #757575;
  font-size: 12px;
}
.rating-details .rating-progress .progress_rate {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rating-details .rating-progress .progress_rate .progress {
  width: 80%;
  height: 1.7rem;
}
.rating-details .rating-progress .progress_rate .progress .progress-bar {
  background-color: #48B452;
}
.rating-details .rating-progress .progress_rate .total-progress {
  width: 15%;
}
.rating-details .rating-progress .progress_rate .total-progress span {
  background: #e9ecef;
  padding: 5px;
  border-radius: 6px;
}

.frm-filter {
  display: flex;
  align-items: center;
  justify-content: start;
}
.frm-filter .filter-details-name select {
  width: 100px;
  border: 1px solid #F5F5F5;
  padding: 5px;
  border-radius: 10px;
  color: #9F9F9F;
  height: 40px;
}
.frm-filter .filter-search {
  border: 1px solid #F5F5F5;
  padding: 5px;
  border-radius: 10px;
  color: #9F9F9F;
  height: 40px;
  margin-inline-start: 5px;
}
.frm-filter .filter-search input {
  border: unset;
}

.all-filter.sort-bay {
  display: flex;
  align-items: center;
}
.all-filter.sort-bay .sort-bay span {
  color: #727975;
}
.all-filter.sort-bay .sort-status {
  width: 35%;
  border: 1px solid #F5F5F5;
  padding: 5px;
  border-radius: 10px;
  color: #9F9F9F;
  height: 40px;
  margin-inline-start: 10px;
}
.all-filter.sort-bay .sort-status select {
  border: unset;
}

.tabe-title {
  padding: 0 30px 10px 30px;
  padding-inline-start: 0;
  color: #9F9F9F;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  cursor: pointer;
}
.tabe-title.active {
  color: #000;
}
.tabe-title.active::before {
  content: "";
  position: absolute;
  width: 90%;
  height: 2px;
  bottom: -10px;
  right: -5px;
  background: #00665E;
}

._sec_tabs {
  display: none;
}
._sec_tabs.active {
  display: block;
}

.Project_tab_details {
  border-radius: 10px;
  border: 1px solid #F0F2F7;
  background: #FFF;
  padding: 20px 5px;
}
.Project_tab_details .all-details-tab {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
}
.Project_tab_details .all-details-tab .ta-name-stuts {
  padding: 0 10px;
  display: flex;
  align-items: center;
}
.Project_tab_details .all-details-tab .ta-name-stuts.stuts_ h4 {
  color: #FFBE00;
}
.Project_tab_details .all-details-tab .ta-name-stuts img {
  width: 40px;
  height: 40px;
}
.Project_tab_details .all-details-tab .ta-name-stuts .d-data {
  padding: 0 10px;
}
.Project_tab_details .all-details-tab .ta-name-stuts .d-data span {
  color: #9F9F9F;
  font-size: 12px;
}
.Project_tab_details .all-details-tab .ta-name-stuts .d-data h4 {
  color: #000919;
  font-size: 14px;
}

.details-objctive {
  display: flex;
  align-items: center;
  justify-content: start;
  border-bottom: 1px solid rgba(175, 175, 175, 0.3607843137);
}
.details-objctive span {
  padding: 10px;
  width: 20%;
  text-align: start;
  color: #757575;
  font-size: 14px;
}
.details-objctive em {
  padding: 10px;
  width: 80%;
  text-align: start;
  border-inline-start: 1px solid rgba(175, 175, 175, 0.3607843137);
  color: #000919;
  font-size: 14px;
}

._review_ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px;
}
._review_ span {
  color: #000919;
  font-size: 14px;
  font-weight: 600;
}
._review_ span em {
  color: #9F9F9F;
}
._review_ .add-n-review button {
  border-radius: 5px;
  background: #00665E;
  color: #fff;
  padding: 5px 10px;
  border: unset;
  cursor: pointer;
}

.card-review {
  padding: 10px;
  margin: 10px;
  border-radius: 8px;
  border: 1px solid var(--Stroke, #F1F1F2);
  background: #FFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
}
.card-review .review-desc {
  padding: 10px 0 15px 0;
  border-bottom: 1px solid #F1F1F2;
  margin-bottom: 15px;
}
.card-review .review-desc label {
  color: #757575;
  font-size: 14px;
}
.card-review .review-desc p {
  color: #757575;
  font-size: 14px;
}
.card-review .footer-r-card span {
  color: #000;
  font-size: 14px;
  font-weight: 600;
}
.card-review .footer-r-card .foooter-details-r-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card-review .footer-r-card .foooter-details-r-card span {
  color: #FFC700;
  font-size: 14px;
  font-weight: 500;
}
.card-review .footer-r-card .foooter-details-r-card .show-details_ button {
  border-radius: 5px;
  background: #F9F9F9;
  border: unset;
  padding: 10px 15px;
  color: #000;
  font-weight: 500;
}

.Attachments-c {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  background: #FAFAFA;
  padding: 10px;
  margin: 10px 0;
}
.Attachments-c .Attachments-name {
  display: flex;
  align-items: center;
  justify-content: start;
}
.Attachments-c .Attachments-name img {
  width: 40px;
  height: 40px;
}
.Attachments-c .Attachments-name .pdf-name {
  padding-inline-start: 10px;
}
.Attachments-c .Attachments-name .pdf-name h4 {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  padding: 5px 0;
}
.Attachments-c .Attachments-name .pdf-name span {
  color: #757575;
  font-size: 12px;
}
.Attachments-c .Attachments-det-sec img {
  width: 40px;
  height: 40px;
  margin-inline-start: 10px;
  cursor: pointer;
}

.Attachments-sec-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.Attachments-sec-footer .Attachments-sort-by span {
  color: #83808E;
  font-size: 14px;
}
.Attachments-sec-footer .Attachments-sort-by select {
  width: 65px;
  border-radius: 8px;
  border: 1px solid #F1F1F2;
  background: #FFF;
  margin-inline-start: 20px;
}

.Attachments-pagination li.page-item {
  margin: 0 5px;
}
.Attachments-pagination li.page-item.active a.page-link {
  background: #00665E;
  color: #fff;
}
.Attachments-pagination li.page-item a.page-link {
  width: 35px;
  height: 35px;
  border-radius: 7.778px;
  border: 0.875px solid #F1F1F2;
  background: #FFF;
  color: #000;
  font-weight: 500;
}

.comment-card {
  border-radius: 10px;
  border: 1px solid #F1F1F2;
  background: #FFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
  padding: 10px;
  margin: 10px;
  display: flex;
  align-items: start;
}
.comment-card .c-user-img img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.comment-card .com-details {
  padding-inline-start: 10px;
}
.comment-card .com-details .c-user-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0 10px 0;
}
.comment-card .com-details .c-user-text strong {
  color: #3F4254;
  font-size: 14px;
}
.comment-card .com-details .c-user-text em.comment-time {
  color: #9F9F9F;
  font-size: 12px;
}
.comment-card .com-details a.user-mail {
  color: #0C74EE;
  font-size: 14px;
  font-weight: 500;
}
.comment-card .com-details .com-details p {
  font-size: 12px;
  font-weight: 500;
}

.add-comment form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 20px 5px 20px;
  border-top: 1px solid #F1F1F2;
  margin-top: 30px;
}
.add-comment form textarea {
  width: 90%;
  padding: 10px;
  border: unset;
  height: 50px;
  font-size: 14px;
  color: #9F9F9F;
  font-weight: 400;
}
.add-comment form button {
  background: unset;
  border: unset;
  cursor: pointer;
}

.timeline-sec {
  display: flex;
}
.timeline-sec:last-child .timeline-line:after {
  display: none;
}
.timeline-sec .timeline-line {
  width: 50px;
  position: relative;
}
.timeline-sec .timeline-line:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: #00665E;
  border-radius: 50%;
  right: 10px;
  z-index: 1;
}
.timeline-sec .timeline-line:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  border: 1px dashed #9F9F9F;
  right: 18px;
}
.timeline-sec .timeline-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #FCFCFC;
  padding: 20px;
  width: calc(100% - 50px);
}
.timeline-sec .timeline-card .tml-text h4 {
  color: #000;
  font-size: 14px;
  padding: 5px 0 5px 0;
  font-weight: 600;
}
.timeline-sec .timeline-card .tml-text span {
  color: #9F9F9F;
  font-size: 12px;
}
.timeline-sec .timeline-card .text-by span {
  border-radius: 6px;
  background: rgba(0, 102, 94, 0.05);
  padding: 10px 15px;
  color: #00665E;
  font-size: 14px;
  font-weight: 600;
}

.comment-user-side {
  position: relative;
  width: 60%;
}
.comment-user-side p {
  border-radius: 11px;
  background: #F8F8F8;
  padding: 20px;
  font-size: 14px;
  font-weight: 500;
  position: relative;
}
.comment-user-side p svg {
  position: absolute;
  bottom: -2px;
  right: -7px;
}
.comment-user-side em {
  text-align: end;
  display: block;
  color: rgba(0, 0, 0, 0.77);
  font-size: 12px;
  margin: 5px 0;
}

.comment-owner-side {
  position: relative;
  width: 60%;
  margin: 20px 0;
}
.comment-owner-side p {
  border-radius: 11px;
  background: #00665E;
  padding: 20px;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  color: #fff;
}
.comment-owner-side p svg {
  position: absolute;
  bottom: -2px;
  left: -7px;
}
.comment-owner-side em {
  text-align: end;
  display: block;
  color: rgba(0, 0, 0, 0.77);
  font-size: 12px;
  margin: 5px 0;
}

span.count-ms {
  border-radius: 50%;
  background: #FE3A46;
  width: 30px;
  height: 30px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Accordion-tab {
  border: 1px solid #F1F1F2;
  background: #FFF;
  border-radius: 6px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
}
.Accordion-tab.active .Accordion-table {
  display: block;
}
.Accordion-tab.active .icon-dawn {
  transform: rotate(180deg);
}
.Accordion-tab .Accordion-table {
  display: none;
}
.Accordion-tab .Accordion-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  margin-bottom: 10px;
  padding: 10px;
}
.Accordion-tab .Accordion-row .Accordion-title {
  display: flex;
  align-items: center;
  width: 55%;
  cursor: pointer;
}
.Accordion-tab .Accordion-row .Accordion-title img {
  width: 40px;
  height: 40px;
}
.Accordion-tab .Accordion-row .Accordion-title .title-l {
  padding-inline-start: 15px;
}
.Accordion-tab .Accordion-row .Accordion-title .title-l h4 {
  color: #000919;
  font-size: 18px;
  padding-bottom: 5px;
}
.Accordion-tab .Accordion-row .Accordion-title .title-l span {
  color: #9F9F9F;
  font-size: 14px;
}
.Accordion-tab .Accordion-row .all-details-Accordion {
  display: flex;
  align-items: center;
  width: 45%;
  justify-content: space-between;
}
.Accordion-tab .Accordion-row .all-details-Accordion .Accordion-details {
  display: flex;
  align-items: center;
}
.Accordion-tab .Accordion-row .all-details-Accordion .Accordion-details .ta-name-stuts {
  display: flex;
  align-items: center;
}
.Accordion-tab .Accordion-row .all-details-Accordion .Accordion-details .ta-name-stuts img {
  width: 40px;
  height: 40px;
}
.Accordion-tab .Accordion-row .all-details-Accordion .Accordion-details .ta-name-stuts .d-data {
  padding: 0 10px;
}
.Accordion-tab .Accordion-row .all-details-Accordion .Accordion-details .ta-name-stuts .d-data span {
  color: #9F9F9F;
  font-size: 12px;
}
.Accordion-tab .Accordion-row .all-details-Accordion .Accordion-details .ta-name-stuts .d-data h4 {
  color: #000919;
  font-size: 14px;
}
.Accordion-tab .Accordion-row .all-details-Accordion .icon-dawn {
  color: #9F9F9F;
  cursor: pointer;
}

.option-row {
  display: flex;
  align-items: center;
  padding-inline-start: 20px;
}
.option-row .option-img- img {
  width: 30px;
  height: 30px;
  margin: 0 5px;
  cursor: pointer;
}

.ac-table-sec {
  padding: 10px;
}
.ac-table-sec table {
  border-radius: 5px;
  border: 1px dashed #E1E3EA;
}
.ac-table-sec table tr.head-table {
  border-bottom: 1px solid #F1F1F2;
}
.ac-table-sec table tr.head-table th {
  padding: 10px;
  color: #000919;
  font-size: 14px;
  font-weight: 500;
}
.ac-table-sec table tr.body-tabel td {
  padding: 10px;
  border-bottom: 1px solid #F1F1F2;
}
.ac-table-sec table tr.body-tabel td.undefined {
  background: rgba(255, 190, 0, 0.1);
}
.ac-table-sec table tr.body-tabel td.undefined select {
  color: #E0A700;
  font-weight: 500;
}
.ac-table-sec table tr.body-tabel td.Exceeded-target {
  background: rgba(72, 180, 82, 0.1);
}
.ac-table-sec table tr.body-tabel td.Exceeded-target select {
  color: #48B452;
  font-weight: 500;
}
.ac-table-sec table tr.body-tabel td.Below-target {
  background: rgba(254, 58, 70, 0.1);
}
.ac-table-sec table tr.body-tabel td.Below-target select {
  color: #FE3A46;
  font-weight: 500;
}
.ac-table-sec table tr.body-tabel td span {
  color: #000919;
  font-size: 14px;
  font-weight: 500;
  padding: 0 5px;
}
.ac-table-sec table tr.body-tabel td .time-acc span {
  display: block;
}
.ac-table-sec table tr.body-tabel td em {
  color: #757575;
  font-size: 12px;
}
.ac-table-sec table tr.body-tabel td .condition-s {
  display: flex;
  align-items: center;
}
.ac-table-sec table tr.body-tabel td .condition-s select {
  border: unset;
  background: inherit;
  width: 90%;
  display: flex;
  align-items: center;
}
.ac-table-sec table tr.body-tabel td .Indicator-name {
  display: flex;
  align-items: center;
}
.ac-table-sec table tr.body-tabel td .Indicator-name img {
  width: 20px;
  height: 20px;
}
.ac-table-sec table tr.body-tabel td .Indicator-name strong {
  padding-inline-start: 10px;
  color: #00665E;
}

.card-side-bar {
  background: #FFF;
  border-radius: 6px;
  box-shadow: 0px 2px 8px #EAEAEA;
  padding: 10px;
}

.rating-details {
  border-bottom: 1px solid #F1F1F2;
  padding-bottom: 20px;
  margin-bottom: 10px;
}
.rating-details .rating-progress label {
  color: #757575;
}
.rating-details .rating-progress em {
  color: #757575;
  font-size: 12px;
}
.rating-details .rating-progress .progress_rate {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rating-details .rating-progress .progress_rate .progress {
  width: 80%;
  height: 1.7rem;
}
.rating-details .rating-progress .progress_rate .progress .progress-bar {
  background-color: #48B452;
}
.rating-details .rating-progress .progress_rate .total-progress {
  width: 15%;
}
.rating-details .rating-progress .progress_rate .total-progress span {
  background: #e9ecef;
  padding: 5px;
  border-radius: 6px;
}

.name-det-side {
  display: flex;
  align-items: center;
}
.name-det-side .title-details {
  padding: 0 10px;
}
.name-det-side .title-details h4 {
  color: #000919;
  font-size: 16px;
  font-weight: 600;
}
.name-det-side .title-details span {
  color: #757575;
  font-size: 12px;
}
.name-det-side img {
  width: 40px;
  height: 40px;
}
.name-det-side img.p-user-img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.tabe-title {
  padding: 0 30px 10px 30px;
  padding-inline-start: 0;
  color: #9F9F9F;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  cursor: pointer;
}
.tabe-title.active {
  color: #000;
}
.tabe-title.active::before {
  content: "";
  position: absolute;
  width: 90%;
  height: 2px;
  bottom: -10px;
  right: -5px;
  background: #00665E;
}

.desc-kpi {
  margin-top: 20px;
}
.desc-kpi span {
  color: #757575;
  font-size: 14px;
  padding-bottom: 10px;
  display: block;
  font-weight: 500;
}
.desc-kpi p {
  color: #000919;
  font-size: 14px;
}

.kpi-In,
.bg-Indicator {
  width: 48%;
}
.kpi-In .kpi-In-detils,
.bg-Indicator .kpi-In-detils {
  padding: 15px 30px;
  margin: 5px;
  border-radius: 12px;
  background: #FCFCFC;
}
.kpi-In .kpi-In-detils span,
.bg-Indicator .kpi-In-detils span {
  display: block;
  color: #757575;
}
.kpi-In .kpi-In-detils em,
.bg-Indicator .kpi-In-detils em {
  color: var(--Gray-Gray-900, #181C32);
  font-weight: 500;
  display: flex;
  align-items: center;
}

.bg-Indicator img {
  width: 100%;
  height: 100%;
}

._sec_tabs {
  display: none;
}
._sec_tabs.active {
  display: block;
}

.Project_tab_details {
  border-radius: 10px;
  border: 1px solid #F0F2F7;
  background: #FFF;
  padding: 20px 5px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
}
.Project_tab_details .all-details-tab {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
}
.Project_tab_details .all-details-tab .ta-name-stuts {
  padding: 0 10px;
  display: flex;
  align-items: center;
}
.Project_tab_details .all-details-tab .ta-name-stuts.stuts_ h4 {
  color: #FFBE00;
}
.Project_tab_details .all-details-tab .ta-name-stuts img {
  width: 40px;
  height: 40px;
}
.Project_tab_details .all-details-tab .ta-name-stuts .d-data {
  padding: 0 10px;
}
.Project_tab_details .all-details-tab .ta-name-stuts .d-data span {
  color: #9F9F9F;
  font-size: 12px;
}
.Project_tab_details .all-details-tab .ta-name-stuts .d-data h4 {
  color: #000919;
  font-size: 14px;
}

.details-objctive {
  display: flex;
  align-items: center;
  justify-content: start;
  border-bottom: 1px solid rgba(175, 175, 175, 0.3607843137);
}
.details-objctive span {
  padding: 10px;
  width: 20%;
  text-align: start;
  color: #757575;
  font-size: 14px;
}
.details-objctive em {
  padding: 10px;
  width: 80%;
  text-align: start;
  border-inline-start: 1px solid rgba(175, 175, 175, 0.3607843137);
  color: #000919;
  font-size: 14px;
}

.kpi-t-n {
  padding: 15px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #F1F1F2;
}
.kpi-t-n img {
  width: 20px;
  height: 20px;
}
.kpi-t-n h4 {
  font-size: 16px;
  color: #000919;
  padding-inline-start: 10px;
}

.kpi-dt {
  padding: 15px;
}
.kpi-dt .sec-kpi-t span {
  display: block;
  color: #000;
  font-size: 16px;
  padding: 10px 0;
  font-weight: 500;
}
.kpi-dt .sec-kpi-t .kpi-owner {
  border-radius: 7px;
  border: 1px solid #EAEAEA;
  background: #FFF;
  padding: 8px 10px;
  display: flex;
}
.kpi-dt .sec-kpi-t .kpi-owner.stuts_target {
  border-radius: 7px;
  border: 1px solid #48B452;
  background: #EDF7EE;
}
.kpi-dt .sec-kpi-t .kpi-owner.stuts_target select {
  background: #EDF7EE;
  color: #48B452;
}
.kpi-dt .sec-kpi-t .kpi-owner img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.kpi-dt .sec-kpi-t .kpi-owner select {
  display: flex;
  align-items: center;
  width: 90%;
  justify-content: space-between;
  border: unset;
  font-size: 14px;
}
.kpi-dt .sec-kpi-t input {
  font-size: 14px;
  border-radius: 7px;
  border: 1px solid #EAEAEA;
  background: var(--ffffff, #FFF);
  padding: 8px 10px;
  width: 100%;
}
.kpi-dt .sec-kpi-t em {
  color: #9F9F9F;
}

.pro-card {
  border-radius: 10px;
  border: 1px solid #F1F1F2;
  background: #FFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
  position: relative;
  overflow: hidden;
}
.pro-card .header-card {
  position: relative;
  padding: 20px;
  color: #fff;
}
.pro-card .header-card:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 170px;
  background: #06748C;
  top: 0;
  left: 0;
  z-index: 0;
}
.pro-card .header-card:after {
  content: "";
  background-image: url("../../../media/custom/sm-layer.svg");
  left: 0;
  position: absolute;
  top: 30px;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}
.pro-card .header-card label {
  font-size: 12px;
  z-index: 1;
  position: relative;
}
.pro-card .header-card h4 {
  font-size: 14px;
  padding-bottom: 10px;
  z-index: 1;
  position: relative;
}
.pro-card .header-card .pro-user-details {
  display: flex;
  align-items: center;
  z-index: 1;
  position: relative;
}
.pro-card .header-card .pro-user-details img {
  width: 45px;
  height: 45px;
}
.pro-card .header-card .pro-user-details .pro-name-sc {
  padding-inline-start: 10px;
}
.pro-card .header-card .pro-user-details .pro-name-sc span {
  font-size: 12px;
}
.pro-card .header-card .pro-user-details .pro-name-sc h5 {
  font-size: 14px;
}
.pro-card .sm-label {
  border-radius: 8px;
  border: 1px dashed #EAEAEA;
  background: #FFF;
  width: 90%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  z-index: 1;
  position: relative;
  padding: 10px;
  overflow: hidden;
}
.pro-card .sm-label img {
  width: 30px;
  height: 30px;
}
.pro-card .sm-label .details-label {
  padding-inline-start: 10px;
}
.pro-card .sm-label .details-label span {
  display: block;
  color: #313131;
  font-size: 14px;
  font-weight: 600;
}
.pro-card .sm-label .details-label em {
  color: #9F9F9F;
  font-size: 12px;
}
.pro-card .pro-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}
.pro-card .pro-card-footer .stutes-details strong {
  color: #FFBE00;
}
.pro-card .pro-card-footer .stutes-details span {
  color: #9F9F9F;
}

.option-row {
  display: flex;
  align-items: center;
  padding-inline-start: 20px;
}
.option-row .option-img- img {
  width: 30px;
  height: 30px;
  margin: 0 5px;
  cursor: pointer;
}

.text-area-card {
  position: relative;
}
.text-area-card h5 {
  color: #000;
  font-size: 16px;
  padding: 10px 0;
}
.text-area-card textarea {
  width: 100%;
  padding: 20px;
  border-radius: 7px;
  border: 1px solid #EAEAEA;
  background: #FFF;
  color: var(--000000, #000);
  font-size: 14px;
}
.text-area-card span {
  border-radius: 7px;
  border: 1px solid #EAEAEA;
  background: #F0F2F7;
  padding: 10px;
  display: block;
  color: #000919;
  font-size: 14px;
}
.text-area-card .Indicator-name {
  display: flex;
  align-items: center;
  padding-top: 10px;
}
.text-area-card .Indicator-name img {
  width: 20px;
  height: 20px;
}
.text-area-card .Indicator-name strong {
  padding-inline-start: 10px;
  color: #00665E;
}

.accordion-button {
  font-size: 14px;
}
.accordion-button img {
  width: 20px;
  height: 20px;
}
.accordion-button::after {
  margin-left: 0 !important;
  position: absolute;
}

.body-header img {
  width: 40px;
  height: 40px;
}
.body-header .body-name {
  padding-inline-start: 10px;
}
.body-header .body-name span {
  color: #9F9F9F;
  font-size: 12px;
}

.desc-details span {
  color: #9F9F9F;
  font-size: 16px;
  margin: 10px 0;
  display: block;
}
.desc-details p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
}
.desc-details p em {
  display: block;
  color: #00A399;
  text-decoration: underline;
  cursor: pointer;
}

.col-detils img {
  width: 40px;
}
.col-detils .caender-details {
  padding-inline-start: 10px;
}
.col-detils .caender-details span {
  color: #9F9F9F;
  font-size: 14px;
}
.col-detils .caender-details h5 {
  color: #313131;
  font-size: 14px;
}

.progress-box {
  border-inline-start: 1px solid #EAEAEA;
  padding-inline-start: 20px;
}
.progress-box .progress {
  height: 20px;
  display: block;
  width: 85%;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.progress-box .progress .progress-bar {
  background-color: #48B452;
  height: 100%;
}
.progress-box span {
  display: block;
  font-size: 14px;
  padding-bottom: 5px;
  color: #9F9F9F;
}
.progress-box em {
  background: #e9ecef;
  padding: 0px 7px;
  margin: 0 5px;
  height: 20px;
  font-size: 14px;
  display: flex;
  align-items: center;
}

.add-items-btn a {
  background: #E59256;
  padding: 5px 10px;
  border-radius: 6px;
  color: #fff;
  font-size: 16px;
}

.empty-case {
  text-align: center;
}

.option-row {
  display: flex;
  align-items: center;
  padding-inline-start: 20px;
}
.option-row.inline-option-row {
  position: absolute;
  right: 0;
  left: auto;
  top: 15px;
}
.option-row .option-img- img {
  width: 30px;
  height: 30px;
  margin: 0 5px;
  cursor: pointer;
}

.title-side span {
  display: flex;
  align-items: center;
  padding: 5px 0;
}
.title-side span img {
  width: 15px;
  height: 15px;
}
.title-side span small {
  color: #00A399;
  display: flex;
  padding-inline-start: 7px;
}
.title-side span small em {
  color: #757575;
}

.card-body-acc {
  border: 1px dashed #F1F1F2;
}

.text-check label.form-check-label {
  color: #757575;
  font-size: 14px;
}
.text-check span {
  padding-inline-end: 5px;
  font-size: 14px;
  position: relative;
  top: 4px;
  font-weight: 500;
}
.text-check .form-check-input {
  background-color: #F1F1F2;
  border-color: #F1F1F2;
  position: relative;
  margin: 0;
  margin-inline-end: 10px;
}
.text-check .form-check-input:checked {
  background-color: #50CD89;
  border-color: #50CD89;
}

.add-n-row input {
  width: 90%;
  border: 1px solid #EAEAEA;
  padding: 10px 15px;
  border-radius: 10px;
  font-size: 14px;
}
.add-n-row button {
  background: #00A399;
  width: 8%;
  padding: 8px;
  border: unset;
  border-radius: 10px;
  color: #fff;
}

.control-card span {
  color: #757575;
  font-size: 14px;
  padding-bottom: 10px;
  display: block;
}
.control-card h5 {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 20px;
}
.control-card .card-n-control {
  padding-top: 50px;
}
.control-card .card-n-control .name-con-card {
  display: flex;
  align-items: center;
}
.control-card .card-n-control .name-con-card img {
  width: 40px;
  height: 40px;
}
.control-card .card-n-control .name-con-card .title_name {
  padding-inline-start: 10px;
}
.control-card .card-n-control .name-con-card .title_name span {
  color: #757575;
  font-size: 14px;
  padding-bottom: 0;
}
.control-card .card-n-control .name-con-card .title_name h6 {
  font-size: 14px;
}
.control-card hr {
  color: #EAEAEA;
}
.control-card .control-card span {
  color: #757575;
  font-size: 14px;
  padding-bottom: 10px;
  display: block;
}
.control-card .control-card h5 {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  padding-bottom: 20px;
}
.control-card .card-n-control {
  padding-top: 50px;
}
.control-card .name-con-card {
  display: flex;
  align-items: center;
}
.control-card .name-con-card img {
  width: 40px;
  height: 40px;
}
.control-card .title_name {
  padding-inline-start: 10px;
}
.control-card .title_name span {
  color: #757575;
  font-size: 14px;
  padding-bottom: 0;
}
.control-card .title_name h6 {
  font-size: 14px;
}
.control-card hr {
  color: #EAEAEA;
}

.show-all-details a {
  display: flex;
  align-items: center;
  background: #F6F6F6;
  padding: 10px;
  margin: 10px 0;
  justify-content: center;
  border-radius: 6px;
  cursor: pointer;
}
.show-all-details a :not(i) span {
  padding: 0 5px;
}

.administration-header {
  position: relative;
  width: 100%;
  height: 240px;
  background-image: url("../../../../assets/media/custom/Frame 1410124187.svg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 20px;
  color: #fff;
  overflow: hidden;
  border-radius: 10px;
}
.administration-header span {
  font-size: 14px;
  padding-bottom: 5px;
  display: block;
}
.administration-header h5 {
  padding: 20px 0 30px 0;
  color: #fff;
}
.administration-header .partiner-details img {
  width: 40px;
  height: 40px;
}
.administration-header .partiner-details .sm-partiner-name {
  padding: 0 10px;
}
.administration-header .partiner-details .sm-partiner-name span {
  font-size: 12px;
}
.administration-header .partiner-details .sm-partiner-name h6 {
  font-size: 14px;
  color: #fff;
}

.sm-card-administration {
  width: 90%;
  margin: -25px auto 0 auto;
}
.sm-card-administration .tab_name.p-3 {
  margin-inline-start: 0;
}

.Possibilities-d .card-body:before {
  content: "";
  position: absolute;
  width: 500px;
  height: 70%;
  left: 0;
  bottom: 0;
  background-image: url("../../../media/custom/bg-layer.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.Possibilities-d .card-body.main-control:before {
  background-image: unset;
  visibility: hidden;
}
.Possibilities-d .card-header {
  border-bottom: unset;
  display: flex;
  align-items: center;
}
.Possibilities-d .card-header span {
  padding: 0 5px;
}
.Possibilities-d p {
  padding-bottom: 20px;
  font-size: 14px;
}

.Possibilities-d .card-body > a {
  color: #00A399;
  text-decoration: underline !important;
  font-weight: 500;
}

.top-title {
  display: flex;
  align-items: center;
}
.top-title img {
  width: 30px;
  height: 30px;
}
.top-title .d-top-title {
  padding: 0 10px;
}
.top-title .d-top-title span {
  color: #9F9F9F;
  font-size: 14px;
  padding: 5px 0;
  display: block;
}
.top-title .d-top-title h5 {
  font-size: 16px;
}

.dec-d {
  padding: 20px 0 10px 0;
}
.dec-d span {
  color: #9F9F9F;
  font-size: 16px;
}
.dec-d p {
  font-size: 14px;
}
.dec-d a {
  color: #E59256;
}

.Sub-criteria-d {
  display: flex;
  align-items: center;
  padding: 0 20px;
}
.Sub-criteria-d:first-child {
  padding-inline-start: 0;
}
.Sub-criteria-d img {
  width: 40px;
  height: 40px;
}
.Sub-criteria-d .title-Sub-criteria {
  padding: 0 10px;
}
.Sub-criteria-d .title-Sub-criteria span {
  color: #9F9F9F;
  font-size: 14px;
  padding: 5px 0;
  display: block;
}
.Sub-criteria-d .title-Sub-criteria h6 {
  color: #313131;
  font-size: 16px;
}

.list-files img {
  width: 40px;
  height: 40px;
}
.list-files .files-d {
  padding: 0 10px;
}
.list-files .files-d span {
  color: #9F9F9F;
  font-size: 14px;
}
.list-files .files-d h5 {
  font-size: 16px;
  padding: 5px 0;
}

.info-circle img {
  width: 25px;
  height: 25px;
}
.info-circle span {
  font-size: 14px;
  padding: 0 5px;
  color: #9F9F9F;
}

.breadcrumb-list span {
  padding: 0 5px;
}

tr.table-header {
  background: rgba(245, 245, 245, 0.6509803922);
}

.des-head .form-check label {
  color: #000;
  font-size: 14px;
}

th span {
  font-weight: 600;
}

tr.table-body {
  border-bottom: 1px solid #EAEAEA;
}

tr.table-body td:last-child,
tr.table-body td:nth-child(2) {
  border-inline-start: 1px solid #EAEAEA;
}

.desc-col {
  width: 60%;
}

td.upload-stutes,
td.stutes-col {
  width: 20%;
}

.des-stutes img {
  width: 20px;
  height: 20px;
  margin-inline-end: 5px;
}

.des-stutes span {
  color: #959497;
  font-size: 14px;
}

tr.table-body.body-t td:first-child {
  width: -moz-max-content;
  width: max-content;
}

.selected-c {
  padding: 0 5px;
}
.selected-c span {
  color: #FE3A46;
  font-size: 14px;
}
.selected-c span em {
  color: #9F9F9F;
}

.cancel-select {
  background: #F1F1F2;
  padding: 5px 10px;
  margin: 0 5px;
  border-radius: 5px;
}
.cancel-select a {
  color: #4B5675;
  text-decoration: none !important;
  font-size: 14px;
}

.cancel-all-select {
  background: #FE3A46;
  padding: 5px 10px;
  margin: 0 5px;
  border-radius: 5px;
}
.cancel-all-select a {
  color: #ffffff;
  text-decoration: none !important;
  font-size: 14px;
}

.table-description {
  margin-top: 20px;
}

.select-control .add-items-btn a {
  color: #fff !important;
  font-size: 14px;
  text-decoration: none !important;
}
.select-control .add-items-btn a img {
  width: 15px;
  height: 15px;
}

.des-show-details button:after {
  display: none;
}

.add-evaluation span {
  color: #9F9F9F;
}

.des-stutes strong {
  display: block;
  font-size: 16px;
  color: #016797;
  padding-bottom: 5px;
}

ul.points-list {
  list-style: auto;
}

ul.points-list li {
  padding: 3px;
}

.banger-dec {
  border-radius: 6px;
}
.banger-dec ul li {
  list-style: disc;
}
.banger-dec p,
.banger-dec li {
  font-weight: 600;
  line-height: 25px;
}

.tr-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.tr-title .tr-name img {
  width: 17px;
  height: 13px;
  margin: 0 5px;
}
.tr-title .tr-name i {
  color: #BDBDBD;
  transform: rotate(90deg);
}
.tr-title:hover .tr-icon {
  opacity: 1;
  visibility: visible;
  transition: 0.3s ease-in-out;
}
.tr-title em.tr-icon {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-in-out;
}
.tr-title em.tr-icon span {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3.906px;
  background: rgba(0, 102, 94, 0.2);
  color: #00665E;
}

.thr-drwp {
  border-right: 1px solid #F5F5F5;
  padding: 0 10px;
}

.dr-tr-dawn {
  margin: 0 10px;
}

.tr-title.active .tr-name i {
  transform: rotate(0deg);
}/*# sourceMappingURL=custom-style.css.map */