/**************************************************** Phase2-section ****************************************************/
/**************************************************** Phase2-section ****************************************************/
/* /Common css*/
.toolkit-right-area .lightkGray {
  background-color: #bbbbbb;
}
.phase2-heading {
  width: 100%;
  height: 40px;
  background-color: #007ac2;
  font-size: 20px;
  font-family: "Gotham-Medium", sans-serif;
  color: #fff;
  padding: 5px 10px;
  text-transform: uppercase;
}

.phase2-heading span {
  font-family: "GothamBold", sans-serif;
}

.phase2-title {
  font-size: 20px;
  color: #fff;
  text-align: left;
  font-family: "Gotham-Medium", sans-serif;
  padding: 5px 0;
  margin-bottom: 0px;
  float: left;
  text-transform: uppercase;
}
.collapse-title1 {
  font-size: 20px;
  color: #fff;
  text-align: left;
  font-family: "Gotham-Medium", sans-serif;
  padding: 5px 0;
  margin-bottom: 0px;
  float: left;
}
p.phase2-title span {
  letter-spacing: 2px;
}
/* //Common css*/
.phase2 {
  background-color: #fff;
  height: auto;
}

.phase2-H {
  background-color: #fff;
  height: 4000px;
}

#kpi1_object form {
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  width: 100%;
  height: 490px;
  overflow: hidden;
  background-color: #4cadaf;
  border-radius: 10px;
  padding-top: 5px;
}

#kpi1_object input {
  display: none;
}

#kpi1_object input:checked + label,
#kpi1_object label:hover {
  background: #4cadaf;
  border: none;
  color: white;
}

#kpi1_object label {
  cursor: pointer;
  float: left;
  width: 45px;
  height: 481px;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #4cadaf;
  border: none;
}

#kpi1_object label span {
  font-family: "Gotham-Medium", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  color: #fff;
  text-align: center;
  letter-spacing: 1.2px;
  writing-mode: tb-rl;
  transform: rotate(180deg);
}

#kpi1_object label:last-child {
  margin-right: 0;
}

#kpi1_object article {
  width: 0;
  height: auto;
  overflow: hidden;
  -webkit-transition: width 0.25s linear, opacity 0.2s linear;
  transition: width 0.25s linear, opacity 0.3s linear;
  position: relative;
  top: 0px;
  margin-bottom: 0;
  padding: 0;
  margin-right: 10px;
  opacity: 0;
  float: left;
}

#kpi1_object div:last-child article {
  margin-right: 0;
}

#kpi1_object div > input:checked ~ article {
  width: 94.39%;
  opacity: 1;
}

.HT_label,
.CYT_label,
.HT2_label {
  position: relative;
  z-index: 2;
}

.h428_div {
  height: 481px;
}

#kpi1_object .open-window {
  width: 10px;
  height: 481px;
  background-color: #377172;
  float: left;
}

#kpi1_object .open-window .arrow-right {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #3d7277;
  position: relative;
  top: 50%;
  left: 10px;
  z-index: 1;
}

#kpi1_object article table {
  width: 100%;
}

#kpi1_object article table thead th {
  word-break: break-all;
  background-color: #3f8789;
  border-bottom: 5px solid #4cadaf;
  padding: 5px;
  text-align: center;
  line-height: normal;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 14px;
  color: #fff;
  font-weight: normal;
}

#kpi1_object article table thead th:nth-child(1),
#kpi1_object article table tbody tr td:nth-child(1) {
  text-align: left;
  padding: 8px 10px;
}

#kpi1_object article table tbody tr td {
  word-break: break-all;
  border: 1px solid #4cadaf;
  text-align: center;
  line-height: normal;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 16px;
  color: #a5a7aa;
  font-weight: normal;
  height: 30px;
  border-left: 1px solid #3d7277;
}

#kpi1_object article table tbody tr:nth-child(odd) {
  background-color: #171717;
}

#kpi1_object article table tbody tr:nth-child(even) {
  background-color: #171717;
}

.table-scroll-content1 {
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
}

#kpi2_object .table-scroll-content1 {
  height: 481px;
}

#kpi1_object .table-scroll-content1 {
  height: 481px;
}
#kpi1_object thead,
#kpi3_object thead,
#kpi2_object thead {
  display: table;
  width: calc(100% - 10px);
}
#kpi1_object tbody,
#kpi3_object tbody,
#kpi2_object tbody {
  display: block;
  width: 100%;
  overflow-y: scroll;
  height: 444px;
}
#kpi1_object tbody tr,
#kpi3_object tbody tr,
#kpi2_object tbody tr {
  display: table;
  width: 100%;
}

.table-scroll-content1 thead tr th:nth-child(1),
.table-scroll-content1 tbody tr td:nth-child(1) {
  width: 70%;
}

.table-scroll-content1 thead tr th:nth-child(2),
.table-scroll-content1 thead tr th:nth-child(3),
.table-scroll-content1 thead tr th:nth-child(4),
.table-scroll-content1 tbody tr td:nth-child(2),
.table-scroll-content1 tbody tr td:nth-child(3),
.table-scroll-content1 tbody tr td:nth-child(4) {
  width: 10%;
}

.historical-table-scroll {
  width: 100%;
  height: 481px;
}

.historical-table-scroll thead tr th:nth-child(1),
.historical-table-scroll tbody tr td:nth-child(1) {
  width: 70%;
}

.historical-table-scroll thead tr th:nth-child(2),
.historical-table-scroll thead tr th:nth-child(3),
.historical-table-scroll thead tr th:nth-child(4),
.historical-table-scroll tbody tr td:nth-child(2),
.historical-table-scroll tbody tr td:nth-child(3),
.historical-table-scroll tbody tr td:nth-child(4) {
  width: 10%;
}

.vertical-tab {
  width: 100%;
  height: 160px;
  cursor: pointer;
}

.vertical-tab h4 {
  font-family: "Gotham-Medium", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  color: #fff;
  letter-spacing: 1.2px;
  writing-mode: tb-rl;
  transform: rotate(180deg);
  height: 100%;
  margin: 0px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.kpi-tab-content {
  width: 2%;
  float: left;
  height: 481px;
}

.kpi-tab-content1 {
  width: 98%;
  float: left;
  height: 481px;
  border-right: 1px solid #4cadaf;
}
#kpi3_object .kpi-tab-content1 {
  border-right: 1px solid #cb8b37;
}

#kpi-tab2-content,
#kpi-tab1-content,
#kpi-tab8-content,
#kpi-tab7-content,
#kpi-tab4-content,
#kpi-tab5-content {
  display: none;
}

#kpi-tab3 {
  background-color: #377172;
}

#kpi-tab9 {
  background-color: #377172;
}

#kpi-tab6 {
  background-color: #835d2a;
}

#kpi-tab2,
#kpi-tab1 {
  background-color: #377172;
  border-top: 1px solid #171717;
}

#kpi-tab5,
#kpi-tab4 {
  background-color: #835d2a;
  border-top: 1px solid #171717;
}

#kpi-tab8,
#kpi-tab7 {
  background-color: #377172;
  border-top: 1px solid #171717;
}

/* Track */
.table-scroll-content1 tbody::-webkit-scrollbar-track,
#kpi1_object tbody::-webkit-scrollbar-track,
#kpi3_object tbody::-webkit-scrollbar-track,
#kpi2_object tbody::-webkit-scrollbar-track {
  background: #f1f1f1;
}
/* Handle */
.table-scroll-content1 tbody::-webkit-scrollbar-thumb,
#kpi1_object tbody::-webkit-scrollbar-thumb,
#kpi3_object tbody::-webkit-scrollbar-thumb,
#kpi2_object tbody::-webkit-scrollbar-thumb {
  background: #c1c1c1;
}

/*object2*/
#kpi2_object form {
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  width: 100%;
  height: 490px;
  overflow: hidden;
  border-radius: 10px;
  background-color: #4cadaf;
  padding-top: 5px;
}

#kpi2_object input {
  display: none;
}

#kpi2_object input:checked + label,
#kpi2_object label:hover {
  background: #4cadaf;
  border: none;
  color: #fff;
}

#kpi2_object label {
  cursor: pointer;
  float: left;
  width: 45px;
  height: 481px;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #4cadaf;
  border: 0;
}

#kpi2_object label span {
  font-family: "GothamBold", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  color: #fff;
  text-align: center;
  letter-spacing: 1.2px;
  writing-mode: tb-rl;
  transform: rotate(180deg);
}

#kpi2_object label:last-child {
  margin-right: 0;
}
#kpi2_object article {
  width: 0;
  height: auto;
  overflow: hidden;
  -webkit-transition: width 0.25s linear, opacity 0.2s linear;
  transition: width 0.25s linear, opacity 0.3s linear;
  position: relative;
  top: 0px;
  margin-bottom: 0;
  padding: 0;
  margin-right: 10px;
  opacity: 0;
  float: left;
}

#kpi2_object div:last-child article {
  margin-right: 0;
}

#kpi2_object div > input:checked ~ article {
  width: 94.39%;
  opacity: 1;
}

#kpi2_object .open-window {
  width: 10px;
  height: 481px;
  background-color: #3d7277;
  float: left;
}

#kpi2_object .open-window .arrow-right {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #3d7277;
  position: relative;
  top: 50%;
  left: 10px;
  z-index: 1;
}

#kpi2_object article table {
  width: 100%;
}

#kpi2_object article table thead th {
  background-color: #3f8789;
  border-bottom: 5px solid #4cadaf;
  padding: 5px;
  word-break: break-all;
  text-align: center;
  line-height: normal;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
}

#kpi2_object article table thead th:nth-child(1),
#kpi2_object article table tbody tr td:nth-child(1) {
  text-align: left;
  padding: 8px 10px;
}

#kpi2_object article table tbody tr td {
  word-break: break-all;
  border: 1px solid #4cadaf;
  border-left: 1px solid #3d7277;
  text-align: center;
  line-height: normal;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 16px;
  color: #a5a7aa;
  font-weight: normal;
  height: 30px;
}

#kpi2_object article table tbody tr:nth-child(odd) {
  background-color: #171717;
}

#kpi2_object article table tbody tr:nth-child(even) {
  background-color: #171717;
}

#kpi1_object_B .VerdunGreen {
  background-color: #171717;
}

#kpi1_object_B .d-arrow {
  color: #4cadaf;
}

#kpi1_object_A .LightBlue {
  background-color: #171717;
}

#kpi1_object_A .LightBlue h2 {
  background-color: #4cadaf;
  border-radius: 10px;
}

#kpi2_object2 h2 {
  background-color: #4cadaf;
  border-radius: 10px;
}

#kpi1_object_A .LightBlue card {
  background-color: #171717;
}

.kpi_object_I1 {
  background-color: #171717;
}

#kpi1_object_A .d-arrow {
  color: #4cadaf;
}

/*object3*/
#kpi3_object form {
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  width: 100%;
  height: 490px;
  overflow: hidden;
  border-radius: 10px;
  background-color: #cb8b37;
  padding-top: 5px;
}

#kpi3_object input {
  display: none;
}

#kpi3_object input:checked + label,
#kpi3_object label:hover {
  background: #cb8b37;
  border: solid 1px #cb8b37;
  color: white;
}

#kpi3_object label {
  cursor: pointer;
  float: left;
  width: 45px;
  height: 481px;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #cb8b37;
  border: 1px solid #cb8b37;
}
#kpi3_object label span {
  font-family: "GothamBold", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  color: #fff;
  text-align: center;
  letter-spacing: 1.2px;
  writing-mode: tb-rl;
  transform: rotate(180deg);
}

#kpi3_object label:last-child {
  margin-right: 0;
}
#kpi3_object article {
  width: 0;
  height: auto;
  overflow: hidden;
  -webkit-transition: width 0.25s linear, opacity 0.2s linear;
  transition: width 0.25s linear, opacity 0.3s linear;
  position: relative;
  top: 0px;
  margin-bottom: 0;
  padding: 0;
  margin-right: 10px;
  opacity: 0;
  float: left;
}

#kpi3_object div:last-child article {
  margin-right: 0;
}

#kpi3_object div > input:checked ~ article {
  width: 94.39%;
  opacity: 1;
}

#kpi3_object .open-window {
  width: 10px;
  height: 481px;
  background-color: #835d2a;
  float: left;
}

#kpi3_object .open-window .arrow-right {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #cb8b37b5;
  position: relative;
  top: 50%;
  left: 10px;
  z-index: 1;
}

#kpi3_object article table {
  width: 100%;
}

#kpi3_object article table thead th {
  word-break: break-all;
  background-color: #9e6e2f;
  border-bottom: 5px solid #cb8b37;
  padding: 5px;
  text-align: center;
  line-height: normal;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
}

#kpi3_object #Purpal_FirstTable table thead th:nth-child(1),
#kpi3_object #Purpal_FirstTable table tbody tr td:nth-child(1) {
  text-align: left;
  padding: 8px 10px;
}

#kpi3_object article table tbody tr td {
  word-break: break-all;
  border: 1px solid #cb8b37;
  border-left: 1px solid #d4913ab8;
  text-align: center;
  line-height: normal;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 16px;
  color: #a5a7aa;
  font-weight: normal;
  height: 30px;
}

#kpi3_object #Purpal_SecondTable table tbody tr td {
  padding: 5px 0px;
}

#kpi3_object article table tbody tr:nth-child(odd) {
  background-color: #171717;
}

#kpi3_object article table tbody tr:nth-child(even) {
  background-color: #171717;
}

@media (max-width: 1199px) {
  .kpi-tab-content {
    width: 4%;
  }

  .kpi-tab-content1 {
    width: 96%;
  }

  #phase2_II_Toolkit .I1-attendees-txt {
    width: 58% !important;
  }
}

.table-scroll-content3 {
  position: absolute;
  width: 100%;
  left: 0px;
  height: 481px;
  top: 0px;
}

#Purpal_SecondTable thead th,
#Purpal_SecondTable tbody td {
  width: 7.33%;
}

#Purpal_FirstTable .table-scroll-content3 thead th:nth-child(1),
#Purpal_FirstTable .table-scroll-content3 tbody td:nth-child(1) {
  width: 70%;
}

#Purpal_FirstTable .table-scroll-content3 thead th:nth-child(2),
#Purpal_FirstTable .table-scroll-content3 thead th:nth-child(3),
#Purpal_FirstTable .table-scroll-content3 thead th:nth-child(4),
#Purpal_FirstTable .table-scroll-content3 tbody td:nth-child(2),
#Purpal_FirstTable .table-scroll-content3 tbody td:nth-child(3),
#Purpal_FirstTable .table-scroll-content3 tbody td:nth-child(4) {
  width: 10%;
}

#Purpal_FirstTable tbody::-webkit-scrollbar-thumb:hover,
#Purpal_SecondTable tbody::-webkit-scrollbar-thumb:hover {
  background: #555;
}

#kpi1_object_C .PurpalBg {
  background-color: #171717;
}

#kpi3_object3 h2 {
  background-color: #cb8b37;
  border-radius: 10px !important;
}

#kpi1_object_C .d-arrow {
  color: #cb8b37;
}

/********* Vision-objective-banner-section ********/
.phase2-banner {
  background-image: url("../images/vision-objectives-home1.png");
  width: 100%;
  min-height: calc(100vh - 353px);
  background-size: 85%;
  background-repeat: no-repeat;
  background-position: center;
  border-top-left-radius: 40px;
  border-bottom-right-radius: 40px;
  margin: 35px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.phase2-m-auto {
  margin: 0 auto;
}

.phase2-banner h1 {
  font-family: "GothamBold", sans-serif;
  font-size: 55px;
  color: #4cacae;
  text-align: center;
  white-space: pre-line;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  text-overflow: ellipsis;
  max-width: 1380px;
  margin: 0 auto;
}

.phase2-banner .i1-logo {
  border: 1px solid #fff;
  width: 2px;
  height: 100px;
  margin: 0 35px;
  float: left;
}

.phase2-banner .center-logo {
  margin: 20px 0px;
  display: flex;
  justify-content: center;
}

@media (min-width: 1600px) and (max-width: 1900px) {
  .phase2-banner h1 {
    font-size: 40px;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  .phase2-banner h1 {
    font-size: 30px;
  }
}

/********* safety-team-section ********/
.phase2-I3 .addteam_photo {
  width: 100%;
  height: 378px;
  background-color: #333333;
  margin: 20px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 5px;
}

.phase2-I3 .addteam_photo h1 {
  font-family: "Gotham-Medium", sans-serif;
  font-size: 30px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  padding-top: 10px;
}

.phase2-I3 .team-rules-section {
  height: 378px;
  margin: 20px 0px;
  border: 1px solid #4cadaf;
  border-width: 1px 3px 3px 3px;
  border-radius: 10px;
}

.phase2-I3 .team-rules-section .team-header {
  width: 100%;
  padding: 5px 10px;
  background-color: #4cadaf;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-family: "Gotham-Medium", sans-serif;
  border-radius: 7px 7px 0 0;
}

.phase2-I3 .team-rules-section table {
  width: 100%;
}

.phase2-I3 .team-rules-section table tr td {
  border: 1px groove #4cadaf;
  height: 41px;
}

.phase2-I3 .team-rules-section table tr td:nth-child(1) {
  width: 6%;
  padding: 0px 10px;
  text-align: center;
}

.phase2-I3 .team-rules-section table tr td:nth-child(2) {
  width: 96%;
  padding: 0px 10px;
}

.phase2-I3 .team-rules-section table tr td span {
  font-size: 16px;
  color: #4cacae;
  word-break: break-all;
}

.phase2-I3 .team-rules-section table tr td p {
  font-size: 16px;
  color: #a5a6aa;
  text-align: left;
  margin-bottom: 0px;
  word-break: break-all;
  font-family: "Gotham-Medium", sans-serif;
}

.phase2-I3 .team-rules-section table tbody {
  height: 336px;
  overflow-y: auto;
  display: block;
  border-radius: 0 0 10px 10px;
}

.phase2-I3 .team-rules-section table tbody tr {
  width: 100%;
  display: table;
}

/* /add team photo*/
#phase2_team_C form {
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 15px;
}

#phase2_team_C input {
  display: none;
}

#phase2_team_C input:checked + label,
#phase2_team_C label:hover {
  background: #044768;
  border: solid 1px rgba(0, 0, 0, 0.15);
  color: white;
}

#phase2_team_C label {
  cursor: pointer;
  float: left;
  width: 45px;
  height: 400px;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #044768;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

#phase2_team_C label span {
  font-family: "GothamBold", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  color: #fff;
  text-align: center;
  letter-spacing: 1.2px;
  writing-mode: tb-rl;
  transform: rotate(180deg);
}

#phase2_team_C label:last-child {
  margin-right: 0;
}

#phase2_team_C article {
  width: 0;
  height: auto;
  overflow: hidden;
  -webkit-transition: width 0.25s linear, opacity 0.2s linear;
  transition: width 0.25s linear, opacity 0.3s linear;
  position: relative;
  top: 0px;
  margin-bottom: 0;
  padding: 0;
  margin-right: 10px;
  opacity: 0;
  float: left;
}

#phase2_team_C div > article {
  margin-right: 0;
}

#phase2_team_C div > input:checked ~ article {
  width: 92.4%;
  opacity: 1;
}

@media (min-width: 1200px) and (max-width: 1890px) {
  #phase2_team_C div > input:checked ~ article {
    width: 89%;
    opacity: 1;
  }
}

@media (max-width: 1199px) {
  #phase2_team_C div > input:checked ~ article {
    width: 86%;
    opacity: 1;
  }
}

#phase2_team_C .open-window {
  width: 10px;
  height: 400px;
  background-color: #085e7f;
  float: left;
}

#phase2_team_C .open-window .arrow-right {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #085e7f;
  position: relative;
  top: 50%;
  left: 10px;
  z-index: 1;
}

#phase2_team_C article table {
  width: 99.4%;
  height: 400px;
  border: 1px solid #085e7f;
}

#phase2_team_C article table thead th {
  background-color: #8facbb;
  border: 1px solid #085e7f;
  padding: 5px;
  word-break: break-all;
  text-align: center;
  line-height: normal;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 20px;
  color: #085e7f;
  font-weight: bold;
}

#phase2_team_C article table tbody tr td {
  word-break: break-all;
  border: 1px solid #085e7f;
  text-align: left;
  padding: 5px 20px;
  line-height: normal;
  font-family: "MyriadPro-Regular", sans-serif;
  font-size: 16px;
  color: #000;
  font-weight: normal;
}

#phase2_team_C article table tbody tr:nth-child(odd) {
  background-color: #cedae0;
}

#phase2_team_C article table tbody tr:nth-child(even) {
  background-color: #8facbb;
}

.table-scroll-content4 {
  position: absolute;
  width: 100%;
  left: 10px;
}

.table-scroll-content4 thead {
  display: table;
  width: calc(100% - 17px);
}

.table-scroll-content4 tbody {
  display: block;
  max-height: 361px;
  overflow-y: scroll;
}

.table-scroll-content4 tbody tr {
  display: table;
  box-sizing: border-box;
  width: 100%;
}

.table-scroll-content4 thead th:nth-child(1),
.table-scroll-content4 thead th:nth-child(2),
.table-scroll-content4 tbody td:nth-child(1),
.table-scroll-content4 tbody td:nth-child(2) {
  width: 20%;
}

.table-scroll-content4 thead th:nth-child(3),
.table-scroll-content4 tbody td:nth-child(3) {
  width: 15%;
}

.table-scroll-content4 thead th:nth-child(4),
.table-scroll-content4 tbody td:nth-child(4) {
  width: 45%;
}

/* //add team photo*/

/******************* /I.4 ********************/
#phase2_i4_vision .VerdunGreen {
  background-color: #4cadaf;
  border-radius: 10px !important;
}

#phase2_i4_vision .d-arrow {
  color: #4cadaf;
}

.table-scroll-contentI4,
.table-scroll-contentI4A {
  position: absolute;
  width: 100%;
  left: 10px;
}

.table-scroll-contentI4 thead,
.table-scroll-contentI4A thead {
  display: table;
  width: calc(100% - 17px);
}

.table-scroll-contentI4 tbody,
.table-scroll-contentI4A tbody {
  display: block;
  max-height: 370px;
  overflow-y: scroll;
}

.table-scroll-contentI4 tbody tr,
.table-scroll-contentI4A tbody tr {
  display: table;
  box-sizing: border-box;
  width: 100%;
}

.table-scroll-contentI4 thead th:nth-child(1),
.table-scroll-contentI4 tbody td:nth-child(1) {
  width: 25%;
}

.table-scroll-contentI4 thead th:nth-child(2),
.table-scroll-contentI4 tbody td:nth-child(2) {
  width: 7%;
}

.table-scroll-contentI4 thead th:nth-child(3),
.table-scroll-contentI4 tbody td:nth-child(3) {
  width: 68%;
}

.table-scroll-contentI4A thead th:nth-child(1),
.table-scroll-contentI4A tbody td:nth-child(1) {
  width: 7%;
}

.table-scroll-contentI4A thead th:nth-child(2),
.table-scroll-contentI4A tbody td:nth-child(2) {
  width: 25%;
}

.table-scroll-contentI4A thead th:nth-child(3),
.table-scroll-contentI4A tbody td:nth-child(3) {
  width: 68%;
}
/******************* //I.4 ********************/

/******************* /II.1-KPIs Tracking ********************/
#phase2_II1 .custom-col9,
#phase2_II2 .custom-col9,
#phase2_III1 .custom-col9,
#phase2_III3 .custom-col9,
#phase2_III4 .custom-col9,
#phase2_III5 .custom-col9,
#phase2_III6 .custom-col9,
#phase2_III7 .custom-col9,
#phase2_II3 .custom-col9,
#sp2col4-RH .custom-col9 {
  width: 75%;
}

#phase2_II1 .custom-col3,
#phase2_II2 .custom-col3,
#phase2_III1 .custom-col3,
#phase2_III3 .custom-col3,
#phase2_III4 .custom-col3,
#phase2_III5 .custom-col3,
#phase2_III6 .custom-col3,
#phase2_III67.custom-col3,
#phase2_II3 .custom-col3,
#sp2col4-RH .custom-col3 {
  width: 25%;
}

#phase2_II1 .nav-tabs {
  border-bottom: 1px solid #a6a8ab;
}

#phase2_II1 .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  border-color: #a6a8ab #a6a8ab #fff;
}

#phase2_II1 .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: #a6a8ab #a6a8ab #fff;
  border-radius: 0px;
}

#phase2_II1 .nav-pl-tab {
  padding-left: 40px;
}

#phase2_II1 li .nav-link span {
  width: 30px;
  height: 5px;
  display: block;
}

#phase2_II1 li .nav-link p {
  font-family: "MyriadPro-Regular", sans-serif;
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0px;
}

#phase2_II1 .span-bg1 {
  background-color: #c61e2b;
}

#phase2_II1 .p-color1 {
  color: #c61e2b;
}

#phase2_II1 .span-bg2 {
  background-color: #cc8c37;
}

#phase2_II1 .p-color2 {
  color: #cc8c37;
}

#phase2_II1 .span-bg3 {
  background-color: #afafaf;
}

#phase2_II1 .p-color3 {
  color: #afafaf;
}

#phase2_II1 .span-bg4 {
  background-color: #4b97bc;
}

#phase2_II1 .p-color4 {
  color: #4b97bc;
}

#phase2_II1 .span-bg5 {
  background-color: #046ea3;
}

#phase2_II1 .p-color5 {
  color: #046ea3;
}

#phase2_II1 .span-bg6 {
  background-color: #000000;
}

#phase2_II1 .p-color6 {
  color: #000000;
}

#phase2_II1 li .nav-link {
  padding: 10px 25px 0px;
}

#phase2_II1 .kpi-tracking-area {
  border: 1px solid #007ac1;
  height: calc(100vh - 144px);
  width: 23.8%;
  position: fixed;
  background-color: #fff;
}

#phase2_II1 h1.II1-heading {
  font-family: "MyriadPro-Regular", sans-serif;
  font-size: 26px;
  color: #231f20;
  text-transform: uppercase;
  text-align: center;
}

#phase2_II1 h1.II1-heading span {
  font-family: "Gotham-Medium", sans-serif;
}

#phase2_II1 .w-16 {
  width: 20%;
  text-align: center;
}

#phase2_II1 .w-10 {
  width: 10%;
  text-align: center;
}

#phase2_II1 .w-16 span {
  font-family: "MyriadPro-Regular", sans-serif;
  text-align: center;
  font-size: 26px;
  color: #231f20;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}

#phase2_II1 .w-16 p {
  word-break: break-all;
  font-family: "GothamBold", sans-serif;
  font-size: 36px;
  text-align: center;
  margin-bottom: 0;
}

.phase2_II1_Yellow {
  color: #cc8c37;
}

.phase2_II1_Red {
  color: #c61e2b;
}

.phase2_II1_Gray {
  color: #afafaf;
}

.phase2_II1_Nevyblue {
  color: #4b97bc;
}

.phase2_II1_Blue {
  color: #046ea3;
}

.phase2_II1_Black {
  color: #000000;
}

#phase2_II1 .after-border:after {
  content: "- - -";
  color: #044768;
}

#phase2_II1 .after-border {
  margin-top: 15px;
}

#phase2_II1 .svg-img-Width {
  width: 50%;
}

#phase2_II1 .logo-bottom {
  width: 100%;
  position: absolute;
  bottom: 0px;
  text-align: center;
}

.phase2-calc-W {
  background-color: #fff;
  border-radius: 15px;
}

.phase2-calc-W1 {
  background-color: #171717;
  border-radius: 15px;
}

#phase2_II1 .tab-content {
  padding: 15px;
}
/******************* //II.1-KPIs Tracking ********************/
/******************* /II.2-safety-pillar-board ********************/
#phase2_II2 .kpi-tracking-area {
  border: 1px solid #007ac1;
  height: calc(100vh - 144px);
  width: 23.8%;
  position: fixed;
  background-color: #fff;
}

#phase2_II2 h1 {
  font-family: "MyriadPro-Regular", sans-serif;
  text-align: center;
  font-size: 26px;
  color: #231f20;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}

#phase2_II2 h2 {
  font-family: "GothamBold", sans-serif;
  font-size: 54px;
  text-align: center;
  margin-bottom: 0;
}

.Phase2_II2_blue {
  color: #007ac1;
}

.Phase2_II2_yellow {
  color: #faaf40;
}

#phase2_II2 .logo-bottom {
  width: 100%;
  position: absolute;
  bottom: 0px;
  text-align: center;
}
/******************* //II.2-safety-pillar-board ********************/
/******************* /III.1-safety-pillar-board ********************/
#phase2_III1 .kpi-tracking-area {
  border: 1px solid #007ac1;
  height: calc(100vh - 144px);
  width: 23.8%;
  position: fixed;
  background-color: #fff;
}

#phase2_III1 h1 {
  font-family: "MyriadPro-Regular", sans-serif;
  text-align: center;
  font-size: 26px;
  color: #231f20;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}

#phase2_III1 h2 {
  font-family: "GothamBold", sans-serif;
  font-size: 54px;
  text-align: center;
  margin-bottom: 0;
}

#phase2_III1 h1.II1-heading span {
  font-family: "Gotham-Medium", sans-serif;
}

.Phase2_III1_blue {
  color: #007ac1;
}

#phase2_III1 .logo-bottom {
  width: 100%;
  position: absolute;
  bottom: 0px;
  text-align: center;
}

.phase2-calc-W .py-24 {
  padding: 24px 15px;
}
/******************* //III.1-safety-pillar-board ********************/
/******************* /III.2-safety-pillar-board ********************/
#phase2_III2 .kpi-tracking-area {
  border: 1px solid #007ac1;
  height: calc(100vh - 144px);
  width: 19%;
  position: fixed;
  background-color: #fff;
}

#phase2_III2 h1 {
  font-family: "MyriadPro-Regular", sans-serif;
  text-align: center;
  font-size: 26px;
  color: #231f20;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 0;
}

#phase2_III2 h1.II1-heading span {
  font-family: "Gotham-Medium", sans-serif;
}

#phase2_III2 .logo-bottom {
  width: 100%;
  position: absolute;
  bottom: 0px;
  text-align: center;
}

#phase2_III2 h5 {
  float: left;
  width: 75%;
  font-family: "MyriadPro-Regular", sans-serif;
  text-align: right;
  font-size: 18px;
  color: #231f20;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}

#phase2_III2 h5:after {
  content: "- - - -";
  color: #044768;
  margin-left: 10px;
}

#phase2_III2 h6 {
  float: left;
  width: 25%;
  color: #007ac1;
  font-family: "GothamBold", sans-serif;
  font-size: 30px;
  text-align: left;
  position: relative;
  top: -10px;
  left: 5px;
}

#phase2_III2 .ptb-24 {
  padding: 24px 0px;
}

.kpi-subtitle-I {
  font-size: 15px;
  color: #fff;
  text-align: left;
  font-family: "GothamBold", sans-serif;
  padding: 0.375rem 15px;
  margin-bottom: 0px;
  float: left;
  text-transform: uppercase;
  background-color: #62a0d7;
  width: 100%;
  height: auto;
}
/******************* //III.2-safety-pillar-board ********************/
/******************* /III.3-safety-pillar-board ********************/
#phase2_III3 .kpi-tracking-area {
  border: 1px solid #007ac1;
  height: calc(100vh - 144px);
  width: 23.8%;
  position: fixed;
  background-color: #fff;
}

#phase2_III3 h1 {
  font-family: "MyriadPro-Regular", sans-serif;
  text-align: center;
  font-size: 26px;
  color: #231f20;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}

#phase2_III3 h2 {
  font-family: "GothamBold", sans-serif;
  font-size: 54px;
  text-align: center;
  margin-bottom: 0;
}

#phase2_III3 h1.II1-heading span {
  font-family: "Gotham-Medium", sans-serif;
}

#phase2_III3 .logo-bottom {
  width: 100%;
  position: absolute;
  bottom: 0px;
  text-align: center;
}
/******************* //III.3-safety-pillar-board ********************/
/******************* /III.4/5/6-safety-pillar-board ********************/
#phase2_III4 .kpi-tracking-area,
#phase2_III5 .kpi-tracking-area,
#phase2_III6 .kpi-tracking-area {
  border: 1px solid #007ac1;
  height: calc(100vh - 144px);
  width: 23.8%;
  position: fixed;
  background-color: #fff;
}

#phase2_II3 .kpi-tracking-area {
  border: 1px solid #007ac1;
  border-width: 0 1px 1px 1px;
  height: calc(100vh - 218px);
  width: 23.8%;
  position: fixed;
  background-color: #fff;
}

#phase2_III4 h1,
#phase2_III5 h1,
#phase2_III6 h1,
#phase2_III7 h1,
#phase2_II_Toolkit h1 {
  font-family: "MyriadPro-Regular", sans-serif;
  text-align: center;
  font-size: 26px;
  color: #231f20;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}

#phase2_II_Toolkit .custom-col2 .kpi-minilaptop-scroll1 h2.countNumber {
  font-family: "GothamBold", sans-serif;
  font-size: 54px;
  color: #007ac1;
  text-align: center;
  margin-bottom: 0;
}

#phase2_III4 h2,
#phase2_III5 h2,
#phase2_III6 h2,
#phase2_III7 h2 {
  font-family: "GothamBold", sans-serif;
  font-size: 54px;
  text-align: center;
  margin-bottom: 0;
}

#phase2_III4 h1.II1-heading span,
#phase2_III5 h1.II1-heading span,
#phase2_III6 h1.II1-heading span,
#phase2_III7 h1.II1-heading span,
#phase2_II_Toolkit h1.II1-heading span {
  font-family: "Gotham-Medium", sans-serif;
}

#phase2_III4 .logo-bottom,
#phase2_III5 .logo-bottom,
#phase2_III6 .logo-bottom,
#phase2_II_Toolkit .logo-bottom,
#phase2_II3 .logo-bottom {
  width: 100%;
  position: absolute;
  bottom: 0px;
  text-align: center;
}

.Phase2_II3_blue,
.Phase2_II4_blue,
.Phase2_II5_blue,
.Phase2_II6_blue,
.Phase2_II7_blue,
.Phase2_blue_txt {
  color: #007ac1;
}

.Phase2_II4_yellow,
.Phase2_II5_yellow,
.Phase2_II6_yellow,
.Phase2_yellow_txt {
  color: #faaf40;
}
/******************* //III.4/5/6-safety-pillar-board ********************/
/******************* /III.7-safety-pillar-board ********************/
#phase2_III7 .kpi-tracking-area {
  border: 1px solid #007ac1;
  height: calc(100vh - 144px);
  width: 23.8%;
  position: fixed;
  background-color: #fff;
}

#phase2_III7 .w-10 {
  width: 10%;
  text-align: center;
}

#phase2_III7 .w-20 {
  width: 20%;
  text-align: center;
  align-self: center;
}

#phase2_III7 .w-30 {
  width: 30%;
  text-align: center;
}

#phase2_III7 .w-40 {
  width: 40%;
  text-align: center;
}

#phase2_III7 .w-30 span,
#phase2_III7 .w-40 span {
  font-family: "MyriadPro-Regular", sans-serif;
  text-align: center;
  font-size: 20px;
  color: #231f20;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}

#phase2_III7 .w-30 p,
#phase2_III7 .w-40 p {
  word-break: break-all;
  font-family: "GothamBold", sans-serif;
  font-size: 36px;
  text-align: center;
  margin-bottom: 0;
}

.phase2_III7_Yellow {
  color: #cc8c37;
}

.phase2_III7_Red {
  color: #c61e2b;
}

.phase2_III7_Gray {
  color: #afafaf;
}

.phase2_III7_Nevyblue {
  color: #4b97bc;
}

.phase2_III7_Blue {
  color: #046ea3;
}

.phase2_III7_Black {
  color: #000000;
}

#phase2_III7 .after-border:after {
  content: "- - -";
  color: #044768;
}

#phase2_III7 .after-border {
  margin-top: 15px;
}

#phase2_III7 .svg-img-Width {
  width: 50%;
}

#phase2_III7 .logo-bottom {
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
}
/******************* /III.7-safety-pillar-board ********************/

/*=============/ii2-safety-pillar-board======*/

#year_select .nav-tabs {
  border-bottom: 1px solid #a6a8ab;
}

#year_select .tab-content {
  padding: 15px;
}

#year_select .pn-ProductNav_Wrapper {
  position: relative;
  padding: 0 11px;
}

#year_select .pn-ProductNav {
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  position: relative;
}

#year_select .js .pn-ProductNav {
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
#year_select .js .pn-ProductNav::-webkit-scrollbar {
  display: none;
}

#year_select .pn-ProductNav_Contents {
  float: left;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

#year_select .pn-ProductNav_Contents-no-transition {
  transition: none;
}

#year_select .pn-ProductNav_Link {
  text-decoration: none;
  color: #a6a8ab;
  font-size: 20px;
  font-family: "MyriadPro-Regular", sans-serif;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

#year_select .pn-ProductNav_Link + .pn-ProductNav_Link {
  margin-left: 11px;
  padding-left: 11px;
  border-left: 1px solid #eee;
}

#year_select .pn-ProductNav_Link[aria-selected="true"] {
  color: #111;
}

#year_select .pn-Advancer {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  padding: 0;
  border: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  transition: opacity 0.3s;
}

#year_select .pn-Advancer:focus {
  outline: 0;
}

#year_select .pn-Advancer:hover {
  cursor: pointer;
}

#year_select .pn-Advancer_Left {
  left: 0px;
  font-size: 25px;
  padding: 0 5px;
  width: 35px;
}

[data-overflowing="both"] ~ .pn-Advancer_Left,
[data-overflowing="left"] ~ .pn-Advancer_Left {
  opacity: 1;
}

#year_select .pn-Advancer_Right {
  right: 0px;
  font-size: 25px;
  padding: 0 5px;
  width: 35px;
}

#year_select [data-overflowing="both"] ~ .pn-Advancer_Right,
[data-overflowing="right"] ~ .pn-Advancer_Right {
  opacity: 1;
}

#year_select .pn-Advancer_Icon {
  width: 20px;
  height: 44px;
  fill: #bbb;
}

#year_select ul li:first-child {
  padding-left: 30px;
}

/*=============//ii2-safety-pillar-board======*/

/********************** /II2-shearo tf matrix **********************/
#TF_matrix .border-b {
  border-bottom: 2px solid #126782;
}

h4.TF-matrix {
  font-family: "GothamBold", sans-serif;
  font-size: 40px;
  color: #126782;
  text-align: left;
  text-transform: uppercase;
}

#TF_matrix .matrix-img {
  width: 13%;
}

#TF_matrix .matrix-txt {
  width: 87%;
  align-self: center;
}

h4.TF-matrix span {
  font-family: "Gotham-Medium", sans-serif;
}

#TF_matrix .matrix-workshop {
  width: 89%;
  height: auto;
  border: 1px solid #126782;
  position: relative;
  left: 30px;
}

#TF_matrix .H-workshop {
  background-color: #126782;
  width: 100%;
  padding: 5px;
  font-size: 20px;
  text-align: center;
  font-family: "GothamBold", sans-serif;
  color: #fff;
  text-transform: uppercase;
}

#TF_matrix .matrix-triangle {
  width: 100%;
  height: 10px;
  background-color: #19859e;
}

#TF_matrix .arrow-down {
  width: 0;
  height: 0;
  border-top: 10px solid #19859e;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  position: relative;
  top: 10px;
  left: 50%;
}

#TF_matrix .width11 {
  width: 12.5%;
  height: 140px;
  border: 1px solid #126782;
  padding: 10px;
  display: flex;
  justify-content: center;
}

#TF_matrix .width11:nth-child(even) {
  background-color: #d0dfe4;
}

#TF_matrix .width11:nth-child(odd) {
  background-color: #95bac6;
}

#TF_matrix .width11 span {
  font-family: "MyriadPro-Regular", sans-serif;
  vertical-align: text-bottom;
  height: 100%;
  font-size: 20px;
  color: #4d4d4d;
  writing-mode: tb-rl;
  transform: rotate(180deg);
}

#TF_matrix .align-end-txt {
  padding-bottom: 10px;
  align-self: flex-end;
}

.tf1-tf5-matrix .card .darkgreen-bg {
  background-color: #4cadaf;
  border-radius: 10px !important;
}

.eveTheme .tf1-tf5-matrix .card .darkgreen-bg{
  background-color: #1c94ce;
}

.tf1-tf5-matrix .card .card-header .btn {
  display: flex;
  align-items: center;
}

.tf1-tf5-matrix .card .darkgreen-color {
  color: #4cadaf;
}

.eveTheme  .tf1-tf5-matrix .card .darkgreen-color {
  color: #1c94ce;
}

.matrix-table {
  position: absolute;
  width: 100%;
  left: 10px;
}

.matrix-table thead th:nth-child(1),
.matrix-table tbody td:nth-child(1) {
  width: 50%;
}

.matrix-table tbody td:nth-child(2),
.matrix-table tbody td:nth-child(3),
.matrix-table tbody td:nth-child(4),
.matrix-table tbody td:nth-child(5),
.matrix-table tbody td:nth-child(6),
.matrix-table tbody td:nth-child(7),
.matrix-table tbody td:nth-child(8),
.matrix-table tbody td:nth-child(9) {
  width: 5.55%;
}
/*//matrix-object1C*/
#phase2_III2 .custom-col10 {
  width: 80%;
}

#phase2_III2 .custom-col2 {
  width: 20%;
}
/*/matrix-object2C*/

.tf1-tf5-matrix .card .yellow-bg {
  background-color: #cb8b37;
  border-radius: 10px !important;
}

.tf1-tf5-matrix .card .darkyellow-color {
  color: #cb8b37;
}

.matrix-table1 {
  position: absolute;
  width: 100%;
  left: 10px;
}

.matrix-table1 thead th:nth-child(1),
.matrix-table1 tbody td:nth-child(1) {
  width: 50%;
}

.matrix-table1 tbody td:nth-child(2),
.matrix-table1 tbody td:nth-child(3),
.matrix-table1 tbody td:nth-child(4),
.matrix-table1 tbody td:nth-child(5),
.matrix-table1 tbody td:nth-child(6),
.matrix-table1 tbody td:nth-child(7),
.matrix-table1 tbody td:nth-child(8),
.matrix-table1 tbody td:nth-child(9) {
  width: 5.55%;
}
/*//matrix-object2C*/
/*/matrix-object3C*/
#phase2_what2 {
  margin: 1rem 0rem !important;
}

#phase2_what2 form {
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  width: 100%;
  height: auto;
  overflow: hidden;
}

#phase2_what2 input {
  display: none;
}

#phase2_what2 input:checked + label,
#phase2_what2 label:hover {
  background: #0ba083;
  border: solid 1px rgba(0, 0, 0, 0.15);
  color: white;
}

#phase2_what2 label {
  cursor: pointer;
  float: left;
  width: 45px;
  height: 600px;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #0ba083;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

#phase2_what2 label span {
  font-family: "GothamBold", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  color: #fff;
  text-align: center;
  letter-spacing: 1.2px;
  writing-mode: tb-rl;
  transform: rotate(180deg);
}

#phase2_what2 label:last-child {
  margin-right: 0;
}

#phase2_what2 article {
  width: 0;
  height: auto;
  overflow: hidden;
  -webkit-transition: width 0.25s linear, opacity 0.2s linear;
  transition: width 0.25s linear, opacity 0.3s linear;
  position: relative;
  top: 0px;
  margin-bottom: 0;
  padding: 0;
  margin-right: 10px;
  opacity: 0;
  float: left;
}

#phase2_what2 div:last-child article {
  margin-right: 0;
}

#phase2_what2 div > input:checked ~ article {
  width: 93%;
  opacity: 1;
}

@media (min-width: 1200px) and (max-width: 1890px) {
  #phase2_what2 div > input:checked ~ article {
    width: 90%;
    opacity: 1;
  }
}

@media (max-width: 1199px) {
  #phase2_what2 div > input:checked ~ article {
    width: 89%;
    opacity: 1;
  }
}

#phase2_what2 .open-window {
  width: 10px;
  height: 600px;
  background-color: #14c6a4;
  float: left;
}

#phase2_what2 .open-window .arrow-right {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #14c6a4;
  position: relative;
  top: 50%;
  left: 10px;
  z-index: 1;
}

#phase2_what2 article table {
  width: 98%;
  border: 1px solid #0ba083;
}

#phase2_what2 article table thead th {
  background-color: #92d3c7;
  border: 1px solid #0ba083;
  padding: 5px;
  word-break: break-all;
  text-align: center;
  line-height: normal;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 20px;
  color: #0ba083;
}

#phase2_what2 article table thead th:nth-child(1),
#phase2_what2 article table tbody tr td:nth-child(1) {
  text-align: left;
  padding: 5px 10px;
}

#phase2_what2 article table tbody tr td {
  word-break: break-all;
  border: 1px solid #0ba083;
  text-align: center;
  line-height: normal;
  font-family: "MyriadPro-Regular", sans-serif;
  font-size: 16px;
  color: #000;
  font-weight: normal;
}

#phase2_what2 article table tbody tr:nth-child(odd) {
  background-color: #cfeae5;
}

#phase2_what2 article table tbody tr:nth-child(even) {
  background-color: #92d3c7;
}

.matrix-table2 {
  position: absolute;
  width: 99%;
  left: 10px;
}

.matrix-table2 thead {
  display: table;
  width: calc(100% - 17px);
}

.matrix-table2 tbody {
  display: block;
  max-height: 561px;
  overflow-y: scroll;
}

.matrix-table2 tbody tr {
  display: table;
  box-sizing: border-box;
  width: 100%;
}
/*//matrix-object3C*/
#phase2_table_map .map-box {
  width: 100%;
  height: 600px;
  border: 1px solid #0ba083;
}

#phase2_table_map {
  margin: 1rem 0rem;
  padding-left: 0px;
}

#phase2_table_map .map-heading {
  background: #0ba083;
  width: 45px;
  height: 600px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 1px rgba(0, 0, 0, 0.15);
}

#phase2_table_map .map-heading span {
  font-family: "GothamBold", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  color: #fff;
  text-align: center;
  letter-spacing: 1.2px;
  writing-mode: tb-rl;
  transform: rotate(180deg);
}

#phase2_table_map .matrix-chart {
  width: 93%;
}

#phase2_table_map .matrix-chart .map-title {
  width: 100%;
  height: 40px;
  background-color: #92d3c7;
}
/*/matrix-object2C*/

.matrix-table3 {
  position: absolute;
  width: 100%;
  left: 10px;
}

.matrix-table3 thead th:nth-child(1),
.matrix-table3 tbody td:nth-child(1) {
  width: 50%;
}

.matrix-table3 tbody td:nth-child(2),
.matrix-table3 tbody td:nth-child(3),
.matrix-table3 tbody td:nth-child(4),
.matrix-table3 tbody td:nth-child(5),
.matrix-table3 tbody td:nth-child(6),
.matrix-table3 tbody td:nth-child(7),
.matrix-table3 tbody td:nth-child(8),
.matrix-table3 tbody td:nth-child(9) {
  width: 5.55%;
}
/*//matrix-object2C*/
/*/matrix-object-SkyBg*/
#phase2_where1:nth-child(2),
#phase2_where1:nth-child(3),
#phase2_when1:nth-child(2) {
  margin: 1rem 0rem !important;
}

#phase2_what3,
#phase2_what4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.matrix-table4,
.matrix-table5 {
  position: absolute;
  width: 100%;
  left: 10px;
}

.matrix-table4 thead th:nth-child(1),
.matrix-table4 tbody td:nth-child(1),
.matrix-table5 thead th:nth-child(1),
.matrix-table5 tbody td:nth-child(1) {
  width: 50%;
}

.matrix-table4 tbody td:nth-child(2),
.matrix-table4 tbody td:nth-child(3),
.matrix-table4 tbody td:nth-child(4),
.matrix-table4 tbody td:nth-child(5),
.matrix-table4 tbody td:nth-child(6),
.matrix-table4 tbody td:nth-child(7),
.matrix-table4 tbody td:nth-child(8),
.matrix-table4 tbody td:nth-child(9) {
  width: 5.55%;
}

.matrix-table5 tbody td:nth-child(2),
.matrix-table5 tbody td:nth-child(3),
.matrix-table5 tbody td:nth-child(4),
.matrix-table5 tbody td:nth-child(5),
.matrix-table5 tbody td:nth-child(6),
.matrix-table5 tbody td:nth-child(7),
.matrix-table5 tbody td:nth-child(8),
.matrix-table5 tbody td:nth-child(9) {
  width: 5.55%;
}

.matrix-table6,
.matrix-table7 {
  position: absolute;
  width: 100%;
  left: 10px;
}

.matrix-table6 thead th:nth-child(1),
.matrix-table6 tbody td:nth-child(1),
.matrix-table7 tbody td:nth-child(1) {
  width: 50%;
}

.matrix-table6 tbody td:nth-child(2),
.matrix-table6 tbody td:nth-child(3),
.matrix-table6 tbody td:nth-child(4),
.matrix-table6 tbody td:nth-child(5),
.matrix-table6 tbody td:nth-child(6),
.matrix-table6 tbody td:nth-child(7),
.matrix-table6 tbody td:nth-child(8),
.matrix-table6 tbody td:nth-child(9) {
  width: 5.55%;
}

.matrix-table7 tbody td:nth-child(2),
.matrix-table7 tbody td:nth-child(3),
.matrix-table7 tbody td:nth-child(4),
.matrix-table7 tbody td:nth-child(5),
.matrix-table7 tbody td:nth-child(6),
.matrix-table7 tbody td:nth-child(7),
.matrix-table7 tbody td:nth-child(8),
.matrix-table7 tbody td:nth-child(9) {
  width: 5.55%;
}

.matrix-table8 {
  position: absolute;
  width: 100%;
  left: 10px;
}

.matrix-table8 thead th:nth-child(1),
.matrix-table8 tbody td:nth-child(1) {
  width: 50%;
}

.matrix-table8 tbody td:nth-child(2),
.matrix-table8 tbody td:nth-child(3),
.matrix-table8 tbody td:nth-child(4),
.matrix-table8 tbody td:nth-child(5),
.matrix-table8 tbody td:nth-child(6),
.matrix-table8 tbody td:nth-child(7),
.matrix-table8 tbody td:nth-child(8),
.matrix-table8 tbody td:nth-child(9) {
  width: 5.55%;
}

.matrix-table9 {
  position: absolute;
  width: 100%;
  left: 10px;
}

.matrix-table9 thead th:nth-child(1),
.matrix-table9 tbody td:nth-child(1) {
  width: 50%;
}

.matrix-table9 tbody td:nth-child(2),
.matrix-table9 tbody td:nth-child(3),
.matrix-table9 tbody td:nth-child(4),
.matrix-table9 tbody td:nth-child(5),
.matrix-table9 tbody td:nth-child(6),
.matrix-table9 tbody td:nth-child(7),
.matrix-table9 tbody td:nth-child(8),
.matrix-table9 tbody td:nth-child(9) {
  width: 5.55%;
}
/*//matrix-object-red*/
/********************** //II2-shearo tf matrix **********************/
/**************************** /II-Toolkit **************************/
#phase2_II_Toolkit .kpi-tracking-area {
  border: 1px solid #007ac1;
  height: calc(100vh - 144px);
  width: 19%;
  position: fixed;
  background-color: #fff;
}

#phase2_II_Toolkit .custom-col10 {
  width: 80%;
}

#phase2_II_Toolkit .custom-col2 {
  width: 20%;
}

#phase2_II_Toolkit .check-list {
  padding: 25px 0px;
}

#phase2_II_Toolkit .check-list h2 {
  font-family: "GothamBold", sans-serif;
  font-size: 25px;
  color: #231f20;
  text-align: right;
}

#phase2_II_Toolkit .check-list h3 {
  font-family: "MyriadPro-Regular", sans-serif;
  font-size: 22px;
  color: #231f20;
  text-align: right;
}
/*checkbox*/
.check-list label {
  margin-bottom: 0px;
}

#phase2_II_Toolkit .check-list input[type="checkbox"] {
  border: 2px solid #a7a9ac !important;
  -webkit-appearance: initial;
  appearance: initial;
  width: 20px;
  height: 20px;
  position: relative;
  top: 5px;
  cursor: pointer;
  float: left;
  margin-left: 10px;
}

#phase2_II_Toolkit .check-list input[type="checkbox"]:focus {
  outline: none;
}

#phase2_II_Toolkit .check-list input[type="checkbox"]:checked:after {
  content: "";
  left: 4px;
  top: 0px;
  width: 8px;
  height: 13px;
  border: solid #050705;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
}

.phase2-ii2-btn {
  margin-top: -5px;
}

.phase2-print-icon {
  float: right;
}

.phase2-print-btn {
  float: right;
  margin: 10px 0px;
  cursor: pointer;
  background-color: #007ac2;
  border-radius: 0px;
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 22px;
}

.phase2-print-btn i {
  line-height: 40px;
}
/*collapse*/
#phase2_II_Toolkit h1.collapse-heading {
  font-family: "GothamBold", sans-serif;
  font-size: 20px;
  color: #fff;
  text-align: left;
  float: left;
  margin-bottom: 0px;
  text-transform: none;
  width: 96%;
}

#phase2_II_Toolkit p.collapse-title {
  font-size: 15px;
  color: #fff;
  text-align: left;
  font-family: "Gotham-Medium", sans-serif;
  margin-bottom: 0px;
  float: left;
  padding: 0;
  display: inline-flex;
  width: 96%;
}
.darkgreenBg-darrow {
  color: #4cadaf;
  width: 20px;
  height: 20px;
  background-color: #fff;
  float: left;
  text-align: center;
  line-height: 18px;
  margin-right: 10px;
  border-radius: 5px;
}
.offlight-darrow {
  color: #62a0d7;
  width: 20px;
  height: 20px;
  background-color: #fff;
  float: left;
  text-align: center;
  line-height: 18px;
  margin-right: 10px;
  border-radius: 5px;
}

#phase2_II_Toolkit .offlight-blue {
  background-color: #62a0d7;
}
/*collaspe*/
p.II-kpi-p {
  font-family: "Gotham-Medium", sans-serif;
  font-size: 15px;
  color: #676767;
  text-align: left;
  margin-bottom: 0px;
}

#phase2_II_Toolkit .pT1rem {
  padding-top: 1rem;
}

#phase2_II_Toolkit .mB1rem {
  margin-bottom: 1rem;
}

#phase2_II_Toolkit .darkGray {
  background-color: #5d5d5e;
}

.darkgray-darrow {
  color: #fff;
  width: 20px;
  height: 20px;
  background-color: #3b3b3a;
  float: left;
  text-align: center;
  line-height: 18px;
  margin-right: 10px;
  border-radius: 5px;
}

.phase2-closeI {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  float: right;
  cursor: pointer;
  background-color: #3b3b3a;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.phase2-inner-b {
  border: 1px solid #5e5e5e;
  width: 100%;
  margin: 16px 0px;
  border-radius: 10px;
}

h3.inner-collapse-txt {
  width: 50%;
  padding: 7px 0px;
  float: left;
  font-size: 14px;
  color: #676767;
  font-family: "Gotham-Medium", sans-serif;
  margin-bottom: 0px;
  letter-spacing: 0.1px;
}

.II-month-reporting,
.I-month-reporting {
  position: relative;
  width: 50%;
}

.II-border-b {
  border-bottom: 1px solid #ccc;
  width: 100%;
}

.II-txt-reporting {
  width: 50%;
  float: right;
}

.limeBg-darrow {
  color: #0db108;
  width: 20px;
  height: 20px;
  background-color: #fff;
  float: left;
  text-align: center;
  line-height: 18px;
  margin-right: 10px;
  border-radius: 5px;
}
.OrangeBg-darrow {
  color: #cb8b37;
  width: 20px;
  height: 20px;
  background-color: #fff;
  float: left;
  text-align: center;
  line-height: 18px;
  margin-right: 10px;
  border-radius: 5px;
}
#phase2_II_Toolkit .limeBg {
  background-color: #0db108;
}
#phase2_II_Toolkit .OrangeBg {
  background-color: #cb8b37;
}
.yellowBg-darrow {
  color: #efd518;
  width: 20px;
  height: 20px;
  background-color: #fff;
  float: left;
  text-align: center;
  line-height: 18px;
  margin-right: 10px;
  border-radius: 5px;
}

#phase2_II_Toolkit .yellowBg {
  background-color: #efd518;
}

.phase2-sortI {
  width: 20px;
  height: 20px;
  background-color: #b9b9ba;
  line-height: 20px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  float: left;
  cursor: pointer;
}

.phase2-sortI .triangle-up:after {
  position: relative;
  left: 4px;
  top: 3px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
}

.phase2-sortI .triangle-down:after {
  position: relative;
  top: 5px;
  left: 4px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #ffffff;
}

#phase2_II_Toolkit .collapse-title span.collapse-title-span1 {
  text-align: left;
  width: 70%;
}

#phase2_II_Toolkit .collapse-title span.collapse-title-span2 {
  text-align: right;
  width: 30%;
}

h6.tbl-head {
  font-family: "Gotham-Medium", sans-serif;
  color: #676767;
  font-size: 14px;
  text-align: left;
  margin-bottom: 0px;
  display: inline-block;
}

#phase2_II_Toolkit .intial-radio {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  font-family: "Gotham-Medium", sans-serif;
  color: #676767;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: 15px;
}

#phase2_II_Toolkit .intial-radio input {
  position: absolute;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

#phase2_II_Toolkit .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  border: 2px solid #5d5d5e;
  border-radius: 50%;
  margin-top: 0px;
}

#phase2_II_Toolkit .intial-radio input:checked ~ .checkmark {
  background-color: #4cadaf;
  border-color: #4cadaf;
}

#phase2_II_Toolkit .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

#phase2_II_Toolkit .intial-radio input:checked ~ .checkmark:after {
  display: block;
}

.II2-compliance-tbl {
  width: 100%;
}

.II2-compliance-tbl thead tr {
  background-color: #bbbbbb;
}

.II2-compliance-tbl thead tr th {
  font-size: 15px;
  font-family: "Gotham-Medium", sans-serif;
  font-weight: normal;
  color: #3b3b3a;
  text-align: center;
  word-break: break-all;
  padding: 10px;
}

.II2-compliance-tbl thead tr th:nth-child(1) {
  text-align: left;
  width: 45%;
}

.II2-compliance-tbl thead tr th:nth-child(2),
.II2-compliance-tbl thead tr th:nth-child(3),
.II2-compliance-tbl thead tr th:nth-child(4),
.II2-compliance-tbl thead tr th:nth-child(5),
.II2-compliance-tbl thead tr th:nth-child(6),
.II2-compliance-tbl thead tr th:nth-child(7) {
  width: 9.16%;
}

.II2-compliance-tbl tbody tr td:nth-child(2),
.II2-compliance-tbl tbody tr td:nth-child(3),
.II2-compliance-tbl tbody tr td:nth-child(4),
.II2-compliance-tbl tbody tr td:nth-child(5),
.II2-compliance-tbl tbody tr td:nth-child(6),
.II2-compliance-tbl tbody tr td:nth-child(7) {
  width: 9.16%;
  padding: 10px 0px 0px;
  text-align: center;
}

.II2-compliance-tbl tbody tr td:nth-child(1) {
  width: 45%;
  font-size: 14px;
  font-family: "Gotham-Medium", sans-serif;
  color: #676767;
  text-align: left;
  word-break: break-all;
  padding: 10px 10px 0px;
}

.II2-compliance-tbl thead {
  display: table;
  width: 100%;
}

.II2-compliance-tbl tbody {
  display: block;
  width: 100%;
}

.II2-compliance-tbl tbody tr {
  display: table;
  box-sizing: border-box;
  width: 100%;
}

#phase2_II_Toolkit input {
  padding-left: 5px;
}
/**************************** //II-Toolkit **************************/
/**************************** //I-Toolkit **************************/
#phase2_II_Toolkit .iToolkit-tasklist {
  border: 1px solid #007ac1;
  height: calc(100vh - 144px);
  width: 19%;
  position: fixed;
  background-color: #fff;
}

.iToolkit-tasklist .py-17 {
  padding: 24px 17px;
}

.I1-mission-box {
  width: 50%;
  height: auto;
  border: 1px solid #5d5d5e;
  margin: 16px 0px 0px;
}

.I1-preview-box {
  width: 50%;
  height: auto;
  border: 1px solid #5d5d5e;
  margin: 16px 0px 0px;
}

.I1-mission-box .tbrl-mission-txt,
.I1-preview-box .tbrl-preview-txt {
  width: 6%;
  height: 100%;
  background-color: #5d5d5e;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 0px;
}

.I1-mission-box .tbrl-mission-txt p,
.I1-preview-box .tbrl-preview-txt p {
  writing-mode: tb-rl;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  transform: rotate(180deg);
  margin-bottom: 0px;
}

.I1-mission-box .I-kpi-txtarea {
  width: 94%;
  height: 100%;
  font-family: "MyriadPro-Regular", sans-serif;
  font-size: 20px;
  color: #231f20;
  text-align: left;
  margin-bottom: 0px;
  float: left;
  padding: 15px;
  border: none;
}

.I1-preview-box img {
  width: 100%;
  padding: 15px;
}

#phase2_II_Toolkit .i-img {
  width: 20px;
  position: relative;
  top: 0px;
  left: 5px;
}

h3.input-txt {
  padding: 7px 0px;
  margin-right: 10px;
  float: left;
  font-size: 14px;
  color: #676767;
  font-family: "Gotham-Medium", sans-serif;
  margin-bottom: 0px;
  letter-spacing: 0.1px;
}

.I-txt-object {
  width: 85%;
  float: left;
}

.phase2-I1-b {
  border: 1px solid #5e5e5e;
  width: 99.2%;
  margin: 16px auto 0px;
}

.phase2-sortI1 {
  width: 20px;
  height: 20px;
  background-color: #62a0d7;
  line-height: 20px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  float: left;
  cursor: pointer;
  position: absolute;
  top: 16px;
  left: 0;
}

.phase2-sortI1 .triangle-up:after {
  position: relative;
  left: 4px;
  top: 3px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
}

.phase2-sortI1 .triangle-down:after {
  position: relative;
  top: 5px;
  left: 4px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #ffffff;
}

.phase2-closeI1 {
  width: 20px;
  height: 20px;
  background-color: #62a0d7;
  line-height: 20px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  float: right;
  cursor: pointer;
  position: relative;
  left: 15px;
  top: 15px;
}

#I1_safetyTeam1C .team-photo,
#I1_safetyTeam1C .team-roster {
  width: 100%;
  height: 38px;
  background-color: #4cadaf;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 8px;
}

#I1_safetyTeam1C .kpiI-upload-photo {
  width: 100%;
  height: 260px;
  border: 1px solid #5d5d5e;
  margin-top: 10px;
  border-radius: 10px;
  text-align: center;
  line-height: 260px;
  overflow: hidden;
}

#I1_safetyTeam1C .team-roster-b {
  border: 1px solid #5e5e5e;
  width: 100%;
  margin: 10px;
}

#I1_safetyTeam1C .I-team-name input {
  width: 100%;
  margin: 10px 0px;
}

#I1_safetyTeam1C .I-team-name {
  position: relative;
  width: 95%;
}

#I1_safetyTeam1C .I-team-nameClose {
  width: 5%;
  height: 20px;
  background-color: #4cadaf;
  line-height: 20px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  float: right;
  cursor: pointer;
  position: absolute;
  right: -18px;
  top: 0px;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
}

.offgray-darrow {
  color: #b9b9ba;
  width: 20px;
  height: 20px;
  background-color: #fff;
  float: left;
  text-align: center;
  line-height: 18px;
  margin-right: 10px;
  border-radius: 5px;
}

#phase2_II_Toolkit .offlight-gray {
  background-color: #b9b9ba;
}

.I-assessment-toolkit {
  width: 100%;
}

.I-assessment-toolkit thead tr th:nth-child(1) {
  width: 40%;
}

.I-assessment-toolkit thead tr th:nth-child(2),
.I-assessment-toolkit thead tr th:nth-child(3),
.I-assessment-toolkit thead tr th:nth-child(4),
.I-assessment-toolkit thead tr th:nth-child(5),
.I-assessment-toolkit thead tr th:nth-child(6) {
  width: 12%;
}

.I-assessment-toolkit tbody tr td:nth-child(2),
.I-assessment-toolkit tbody tr td:nth-child(3),
.I-assessment-toolkit tbody tr td:nth-child(4),
.I-assessment-toolkit tbody tr td:nth-child(5),
.I-assessment-toolkit tbody tr td:nth-child(6) {
  width: 12%;
}

.I-assessment-toolkit thead tr th {
  font-family: "MyriadPro-Regular", sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #231f20;
  text-align: center;
  word-break: keep-all;
}

.I-assessment-toolkit tbody tr td {
  font-family: "Gotham-Medium", sans-serif;
  font-size: 15px;
  color: #231f20;
  text-align: center;
  word-break: break-all;
  padding: 5px 0px;
}

.I-assessment-toolkit tbody tr td:nth-child(1) {
  text-align: left;
  width: 40%;
}

.I-assessment-toolkit .firstTd-head {
  font-family: "MyriadPro-Regular", sans-serif !important;
  text-decoration: underline;
  font-size: 18px;
  font-weight: 400;
}

.I-assessment-toolkit thead {
  display: table;
  width: 100%;
}

.I-assessment-toolkit tbody {
  display: block;
  width: 100%;
}

.I-assessment-toolkit tbody tr {
  display: table;
  box-sizing: border-box;
  width: 100%;
}

h3.I1-meeting-txt,
h3.I1-concerns-txt {
  padding: 7px 0px;
  float: left;
  font-size: 14px;
  color: #231f20;
  font-family: "GothamBold", sans-serif;
  margin-bottom: 0px;
  letter-spacing: 0.1px;
}

#phase2_II_Toolkit .I1-meeting-txtArea {
  width: 70%;
  float: left;
  margin-left: 10px;
}

#phase2_II_Toolkit .I1-meeting-txtArea1 {
  width: 84%;
  float: left;
  margin-left: 10px;
}

#phase2_II_Toolkit .I1-attendees {
  width: 30%;
  margin-left: 10px;
  float: left;
}

#phase2_II_Toolkit .I1-attendees-txt {
  width: 73%;
  float: left;
  margin-left: 10px;
}

.phase2-closeI2 {
  width: 20px;
  height: 20px;
  background-color: #b9b9ba;
  line-height: 20px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  float: right;
  cursor: pointer;
  position: relative;
  top: 15px;
  right: -15px;
}

.phase2-sortI2 {
  width: 20px;
  height: 20px;
  background-color: #b9b9ba;
  line-height: 20px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  float: left;
  cursor: pointer;
  position: relative;
  top: 15px;
  left: -15px;
}

.phase2-sortI2 .triangle-up:after {
  position: relative;
  left: 4px;
  top: 3px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
}

.phase2-sortI2 .triangle-down:after {
  position: relative;
  top: 5px;
  left: 4px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #ffffff;
}

.phase2-agenda-b {
  border: 1px solid #5e5e5e;
  width: 99.2%;
  margin: 16px auto;
}

.toolkit-t1 h3.agenda-input {
  width: 8%;
  padding: 7px 0px;
  margin-right: 10px;
  float: left;
  font-size: 14px;
  color: #231f20;
  font-family: "GothamBold", sans-serif;
  margin-bottom: 0px;
  letter-spacing: 0.1px;
}

.toolkit-t1 .I-agenda-Itext {
  width: 90%;
  float: left;
}

#I1_innerIN_collapse3C .intial-radio {
  margin-top: 5px;
  margin-bottom: 0px !important;
}

.logo-bottom .ehs-logo {
  width: 115px;
  height: 115px;
}

.logo-bottom .wcm-logo {
  width: 100px;
  height: 100px;
  position: relative;
  top: -2px;
}

#I2_objective_1A .intial-radio {
  margin-left: 5px;
}

.I1-concerns-selctO {
  width: 60%;
  float: left;
  margin-left: 10px;
}

.I1-concerns-selctO1 {
  width: 45%;
  float: left;
  margin-left: 9.8px;
}

.I1-concerns-selctO2 {
  width: 35%;
  float: left;
  margin-left: 10px;
}

.I1-endMeeting {
  width: 89%;
  float: left;
  margin-left: 10px;
}

.I2-co-goal-tracking {
  width: 50%;
  padding: 15px 0.5rem;
}

.I2-co-goal-tracking h3.input-txt {
  margin-right: 5px;
}

.I2-co-goal-tracking .I2-co-txt {
  padding: 7px 0px;
  margin-right: 10px;
  float: left;
  font-size: 14px;
  color: #676767;
  font-family: "Gotham-Medium", sans-serif;
  margin-bottom: 0px;
  letter-spacing: 0.1px;
}

.img-content .t1-img-txt-content {
  width: 100%;
  height: 116px;
  overflow-y: scroll;
  padding: 15px 0px 0px;
  display: grid;
  align-items: center;
}

.t1-dflex-I1 {
  display: flex;
  justify-content: center;
}

.t1-img-txt-content {
  overflow: auto;
}

/**************************** //I-Toolkit **************************/
/***************************** prakashbhai ************************************/
/*=============/safety_pillar_board_altemates======*/
/*/object1*/
#sp2_spb_altemates {
  padding-right: 0px;
}

#sp2_spb_altemates form {
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  width: 100%;
  height: auto;
  overflow: hidden;
}

#sp2_spb_altemates input {
  display: none;
}

#sp2_spb_altemates input:checked + label,
#sp2_spb_altemates label:hover {
  background: #044768;
  border: solid 1px rgba(0, 0, 0, 0.15);
  color: white;
}

#sp2_spb_altemates label {
  cursor: pointer;
  float: left;
  width: 45px;
  height: 337px;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #044768;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

#sp2_spb_altemates label span {
  font-family: "GothamBold", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  color: #fff;
  text-align: center;
  letter-spacing: 1.2px;
  writing-mode: tb-rl;
  transform: rotate(180deg);
}

#sp2_spb_altemates label:last-child {
  margin-right: 0;
}

#sp2_spb_altemates article {
  width: 0;
  height: auto;
  overflow: hidden;
  -webkit-transition: width 0.25s linear, opacity 0.2s linear;
  transition: width 0.25s linear, opacity 0.3s linear;
  position: relative;
  top: 0px;
  margin-bottom: 0;
  padding: 0;
  margin-right: 10px;
  opacity: 0;
  float: left;
}

#sp2_spb_altemates div:last-child article {
  margin-right: 0;
}

#sp2_spb_altemates div > input:checked ~ article {
  width: 92.73%;
  opacity: 1;
}

@media (min-width: 1200px) and (max-width: 1890px) {
  #sp2_spb_altemates div > input:checked ~ article {
    width: 91%;
    opacity: 1;
  }
}

@media (max-width: 1199px) {
  #sp2_spb_altemates div > input:checked ~ article {
    width: 90%;
    opacity: 1;
  }
}

#sp2_spb_altemates .open-window {
  width: 10px;
  height: 337px;
  background-color: #085e7f;
  float: left;
}

#sp2_spb_altemates .open-window .arrow-right {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #085e7f;
  position: relative;
  top: 50%;
  left: 10px;
  z-index: 1;
}

#sp2_spb_altemates article table {
  width: 99.4%;
  border: 1px solid #085e7f;
}

#sp2_spb_altemates article table thead th {
  background-color: #8facbb;
  border: 1px solid #085e7f;
  padding: 5px;
  word-break: break-all;
  text-align: center;
  line-height: normal;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 20px;
  color: #085e7f;
}

#sp2_spb_altemates article table thead th:nth-child(1),
#sp2_spb_altemates article table tbody tr td:nth-child(1) {
  padding: 5px 10px;
}

#sp2_spb_altemates article table tbody tr td {
  height: 30px;
  word-break: break-all;
  border: 1px solid #085e7f;
  line-height: normal;
  font-family: "MyriadPro-Regular", sans-serif;
  font-size: 16px;
  color: #000;
  font-weight: normal;
  padding: 5px 10px;
}

#sp2_spb_altemates article table tbody tr:nth-child(odd) {
  background-color: #cedae0;
}

#sp2_spb_altemates article table tbody tr:nth-child(even) {
  background-color: #8facbb;
}

#sp2_spb_altemates .table-scroll-content1 {
  position: absolute;
  width: 100%;
  left: 10px;
}

#sp2_spb_altemates .table-scroll-content1 thead th:nth-child(1),
#sp2_spb_altemates .table-scroll-content1 thead th:nth-child(2) {
  width: 35%;
}

#sp2_spb_altemates .table-scroll-content1 thead th:nth-child(3) {
  width: 30%;
}

#sp2_spb_altemates .table-scroll-content1 tbody td:nth-child(1),
#sp2_spb_altemates .table-scroll-content1 tbody td:nth-child(2) {
  width: 35%;
}

#sp2_spb_altemates .table-scroll-content1 tbody td:nth-child(3) {
  width: 30%;
}
/*//object1*/

/*/object2*/
#sp2_spb_altemates2 {
  padding-left: 0px;
}

#sp2_spb_altemates2 form {
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  width: 100%;
  height: auto;
  overflow: hidden;
}

#sp2_spb_altemates2 input {
  display: none;
}

#sp2_spb_altemates2 input:checked + label,
#sp2_spb_altemates label:hover {
  background: #044768;
  border: solid 1px rgba(0, 0, 0, 0.15);
  color: white;
}

#sp2_spb_altemates2 label {
  cursor: pointer;
  float: left;
  width: 45px;
  height: 337px;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #044768;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

#sp2_spb_altemates2 label span {
  font-family: "GothamBold", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  color: #fff;
  text-align: center;
  letter-spacing: 1.2px;
  writing-mode: tb-rl;
  transform: rotate(180deg);
}

#sp2_spb_altemates2 label:last-child {
  margin-right: 0;
}

#sp2_spb_altemates2 article {
  width: 0;
  height: auto;
  overflow: hidden;
  -webkit-transition: width 0.25s linear, opacity 0.2s linear;
  transition: width 0.25s linear, opacity 0.3s linear;
  position: relative;
  top: 0px;
  margin-bottom: 0;
  padding: 0;
  opacity: 0;
  float: left;
}

#sp2_spb_altemates2 div:last-child article {
  margin-right: 0;
}

#sp2_spb_altemates2 div > input:checked ~ article {
  width: 92.82%;
  opacity: 1;
}

@media (min-width: 1200px) and (max-width: 1890px) {
  #sp2_spb_altemates2 div > input:checked ~ article {
    width: 91%;
    opacity: 1;
  }
}

@media (max-width: 1199px) {
  #sp2_spb_altemates2 div > input:checked ~ article {
    width: 90%;
    opacity: 1;
  }
}

#sp2_spb_altemates2 .open-window {
  width: 10px;
  height: 337px;
  background-color: #085e7f;
  float: left;
}

#sp2_spb_altemates2 .open-window .arrow-right {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #085e7f;
  position: relative;
  top: 50%;
  left: 10px;
  z-index: 1;
}

#sp2_spb_altemates2 article .table-scroll-content_altemates1 table {
  width: 100%;
  border: 1px solid #085e7f;
}

#sp2_spb_altemates2 article table thead th {
  width: 5.83%;
  background-color: #8facbb;
  border: 1px solid #085e7f;
  padding: 5px;
  word-break: break-all;
  text-align: center;
  line-height: normal;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 20px;
  color: #085e7f;
}

#sp2_spb_altemates2 article table thead th:last-child,
#sp2_spb_altemates2 article table tbody tr .sme_last_td {
  width: 30%;
}

#sp2_spb_altemates2 article table tbody tr td {
  width: 5.83%;
  height: 30px;
  word-break: break-all;
  text-align: center;
  border: 1px solid #085e7f;
  line-height: normal;
  font-family: "MyriadPro-Regular", sans-serif;
  font-size: 16px;
  color: #000;
  font-weight: normal;
  padding: 5px 10px;
}

#sp2_spb_altemates2 article table tbody tr:nth-child(odd) {
  background-color: #cedae0;
}

#sp2_spb_altemates2 article table tbody tr:nth-child(even) {
  background-color: #8facbb;
}

#sp2_spb_altemates2 .table-scroll-content_altemates1 {
  position: absolute;
  width: 100%;
  left: 10px;
}
/*//object2*/
/*/Object 3*/
#sp2_spb_altemates3 {
  padding-right: 0px;
}

#sp2_spb_altemates3 form {
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  width: 100%;
  height: auto;
  overflow: hidden;
}

#sp2_spb_altemates3 input {
  display: none;
}

#sp2_spb_altemates3 input:checked + label,
#sp2_spb_altemates label:hover {
  background: #044768;
  border: solid 1px rgba(0, 0, 0, 0.15);
  color: white;
}

#sp2_spb_altemates3 label {
  cursor: pointer;
  float: left;
  width: 45px;
  height: 337px;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #044768;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

#sp2_spb_altemates3 label span {
  font-family: "GothamBold", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  color: #fff;
  text-align: center;
  letter-spacing: 1.2px;
  writing-mode: tb-rl;
  transform: rotate(180deg);
}

#sp2_spb_altemates3 label:last-child {
  margin-right: 0;
}

#sp2_spb_altemates3 article {
  width: 0;
  height: auto;
  overflow: hidden;
  -webkit-transition: width 0.25s linear, opacity 0.2s linear;
  transition: width 0.25s linear, opacity 0.3s linear;
  position: relative;
  top: 0px;
  margin-bottom: 0;
  padding: 0;
  opacity: 0;
  float: left;
}

#sp2_spb_altemates3 div:last-child article {
  margin-right: 0;
}

#sp2_spb_altemates3 div > input:checked ~ article {
  width: 84.9%;
  opacity: 1;
}

@media (min-width: 1200px) and (max-width: 1890px) {
  #sp2_spb_altemates3 div > input:checked ~ article {
    width: 91%;
    opacity: 1;
  }
}

@media (max-width: 1199px) {
  #sp2_spb_altemates3 div > input:checked ~ article {
    width: 90%;
    opacity: 1;
  }
}

#sp2_spb_altemates3 .open-window {
  width: 10px;
  height: 337px;
  background-color: #085e7f;
  float: left;
}

#sp2_spb_altemates3 .open-window .arrow-right {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #085e7f;
  position: relative;
  top: 50%;
  left: 10px;
  z-index: 1;
}

#sp2_spb_altemates3 article .table-scroll-content_altemates1 table {
  width: 100%;
  border: 1px solid #085e7f;
}

#sp2_spb_altemates3 article table thead th {
  width: 5.83%;
  background-color: #8facbb;
  border: 1px solid #085e7f;
  padding: 5px;
  word-break: break-all;
  text-align: center;
  line-height: normal;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 20px;
  color: #085e7f;
}

#sp2_spb_altemates3 article table thead th:last-child,
#sp2_spb_altemates3 article table tbody tr .sme_last_td {
  width: 30%;
}

#sp2_spb_altemates3 article table tbody tr td {
  width: 5.83%;
  height: 30px;
  word-break: break-all;
  border: 1px solid #085e7f;
  line-height: normal;
  font-family: "MyriadPro-Regular", sans-serif;
  font-size: 16px;
  color: #000;
  font-weight: normal;
  padding: 5px 10px;
}

#sp2_spb_altemates3 article table tbody tr:nth-child(odd) {
  background-color: #cedae0;
}

#sp2_spb_altemates3 article table tbody tr:nth-child(even) {
  background-color: #8facbb;
}

#sp2_spb_altemates3 .table-scroll-content_altemates1 {
  position: absolute;
  width: 100%;
  left: 10px;
}
/*//Object 3*/

/*/object4*/
#sp2_spb_altemates4 {
  padding-left: 0px;
}

#sp2_spb_altemates4 form {
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  width: 100%;
  height: auto;
  overflow: hidden;
}

#sp2_spb_altemates4 input {
  display: none;
}

#sp2_spb_altemates4 input:checked + label,
#sp2_spb_altemates label:hover {
  background: #044768;
  border: solid 1px rgba(0, 0, 0, 0.15);
  color: white;
}

#sp2_spb_altemates4 label {
  cursor: pointer;
  float: left;
  width: 45px;
  height: 337px;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #044768;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

#sp2_spb_altemates4 label span {
  font-family: "GothamBold", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  color: #fff;
  text-align: center;
  letter-spacing: 1.2px;
  writing-mode: tb-rl;
  transform: rotate(180deg);
}

#sp2_spb_altemates4 label:last-child {
  margin-right: 0;
}

#sp2_spb_altemates4 article {
  width: 0;
  height: 638px;
  overflow: hidden;
  -webkit-transition: width 0.25s linear, opacity 0.2s linear;
  transition: width 0.25s linear, opacity 0.3s linear;
  position: relative;
  top: 0px;
  margin-bottom: 0;
  padding: 0;
  opacity: 0;
  float: left;
}

#sp2_spb_altemates4 div:last-child article {
  margin-right: 0;
}

#sp2_spb_altemates4 div > input:checked ~ article {
  width: 94.2%;
  opacity: 1;
}

.toolkit-t1 .dropdown-btn {
  width: 69% !important;
  margin-left: 10px;
  float: left;
}

@media (min-width: 1200px) and (max-width: 1890px) {
  #sp2_spb_altemates4 div > input:checked ~ article {
    width: 91%;
    opacity: 1;
  }
}

@media (max-width: 1199px) {
  #sp2_spb_altemates4 div > input:checked ~ article {
    width: 90%;
    opacity: 1;
  }
}

#sp2_spb_altemates4 .open-window {
  width: 10px;
  height: 337px;
  background-color: #085e7f;
  float: left;
}

#sp2_spb_altemates4 .open-window .arrow-right {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #085e7f;
  position: relative;
  top: 50%;
  left: 10px;
  z-index: 1;
}

#sp2_spb_altemates4 article .table-scroll-content_altemates1 table {
  width: 100%;
  border: 1px solid #085e7f;
}

#sp2_spb_altemates4 article table thead th {
  width: 2.7%;
  background-color: #8facbb;
  border: 1px solid #085e7f;
  padding: 5px;
  word-break: break-all;
  text-align: center;
  line-height: normal;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 20px;
  color: #085e7f;
}

#sp2_spb_altemates4 article table thead .sp2_profiency_th {
  width: 8%;
}

#sp2_spb_altemates4 article table thead th:last-child,
#sp2_spb_altemates4 article table tbody tr .sme_last_td {
  width: 21.7%;
  vertical-align: top;
}

#sp2_spb_altemates4 article table tbody tr .sme_last_td p {
  text-align: left;
  padding-left: 18px;
}

#sp2_spb_altemates4 article table tbody tr td {
  width: 2.7%;
  height: 30px;
  word-break: break-all;
  text-align: center;
  border: 1px solid #085e7f;
  line-height: normal;
  font-family: "MyriadPro-Regular", sans-serif;
  font-size: 16px;
  color: #000;
  font-weight: normal;
  padding: 5px 10px;
}

#sp2_spb_altemates4 article table tbody tr .sp2_wcmbc_td {
  background-color: #cedae0;
}

#sp2_spb_altemates4 article table tbody tr .sp2_ehs_td {
  background-color: #8facbb;
}

#sp2_spb_altemates4 .table-scroll-content_altemates1 {
  position: absolute;
  width: 100%;
  left: 10px;
}

#sp2_spb_altemates4 article table tbody .sp2_sme_stdrd td {
  height: 300px;
  white-space: nowrap;
}

#sp2_spb_altemates4 article table tbody .sp2_sme_stdrd td > div {
  transform: translate(1px, 138px) rotate(270deg);
  width: 17px;
}
/*//object4*/

/*/object5*/
#sp2_spb_altemates5 {
  padding-right: 0px;
}

#sp2_spb_altemates5 form {
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  width: 100%;
  height: auto;
  overflow: hidden;
}

#sp2_spb_altemates5 input {
  display: none;
}

#sp2_spb_altemates5 input:checked + label,
#sp2_spb_altemates label:hover {
  background: #044768;
  border: solid 1px rgba(0, 0, 0, 0.15);
  color: white;
}

#sp2_spb_altemates5 label {
  cursor: pointer;
  float: left;
  width: 45px;
  height: 337px;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #044768;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

#sp2_spb_altemates5 label span {
  font-family: "GothamBold", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  color: #fff;
  text-align: center;
  letter-spacing: 1.2px;
  writing-mode: tb-rl;
  transform: rotate(180deg);
}

#sp2_spb_altemates5 label:last-child {
  margin-right: 0;
}

#sp2_spb_altemates5 article {
  width: 0;
  height: auto;
  overflow: hidden;
  -webkit-transition: width 0.25s linear, opacity 0.2s linear;
  transition: width 0.25s linear, opacity 0.3s linear;
  position: relative;
  top: 0px;
  margin-bottom: 0;
  padding: 0;
  opacity: 0;
  float: left;
}

#sp2_spb_altemates5 div:last-child article {
  margin-right: 0;
}

#sp2_spb_altemates5 div > input:checked ~ article {
  width: 85%;
  opacity: 1;
}

@media (min-width: 1200px) and (max-width: 1890px) {
  #sp2_spb_altemates5 div > input:checked ~ article {
    width: 91%;
    opacity: 1;
  }
}

@media (max-width: 1199px) {
  #sp2_spb_altemates5 div > input:checked ~ article {
    width: 90%;
    opacity: 1;
  }
}

#sp2_spb_altemates5 .open-window {
  width: 10px;
  height: 337px;
  background-color: #085e7f;
  float: left;
}

#sp2_spb_altemates5 .open-window .arrow-right {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #085e7f;
  position: relative;
  top: 50%;
  left: 10px;
  z-index: 1;
}

#sp2_spb_altemates5 article .table-scroll-content_altemates1 table {
  width: 100%;
  border: 1px solid #085e7f;
}

#sp2_spb_altemates5 article table thead th {
  width: 2.7%;
  background-color: #8facbb;
  border: 1px solid #085e7f;
  padding: 5px;
  word-break: break-all;
  text-align: center;
  line-height: normal;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 20px;
  color: #085e7f;
}

#sp2_spb_altemates5 article table thead .sp2_profiency_th {
  width: 8%;
}

#sp2_spb_altemates5 article table thead th:last-child,
#sp2_spb_altemates5 article table tbody tr .sme_last_td {
  width: 21.7%;
  vertical-align: top;
}

#sp2_spb_altemates5 article table tbody tr .sme_last_td p {
  text-align: left;
  padding-left: 18px;
}

#sp2_spb_altemates5 article table tbody tr td {
  width: 2.7%;
  height: 30px;
  word-break: break-all;
  text-align: center;
  border: 1px solid #085e7f;
  line-height: normal;
  font-family: "MyriadPro-Regular", sans-serif;
  font-size: 16px;
  color: #000;
  font-weight: normal;
  padding: 5px 10px;
}

#sp2_spb_altemates5 article table tbody tr:nth-child(odd) {
  background-color: #cedae0;
}

#sp2_spb_altemates5 article table tbody tr:nth-child(even) {
  background-color: #8facbb;
}

#sp2_spb_altemates5 .table-scroll-content_altemates1 {
  position: absolute;
  width: 100%;
  left: 10px;
}

#sp2_spb_altemates5 article table tbody .sp2_sme_stdrd td {
  height: 300px;
  white-space: nowrap;
}

#sp2_spb_altemates5 article table tbody .sp2_sme_stdrd td > div {
  transform: translate(1px, 138px) rotate(270deg);
  width: 17px;
}
/*//object5*/
/*/object6*/
#sp2_spb_altemates6 {
  padding-left: 0px;
}

#sp2_spb_altemates6 form {
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  width: 100%;
  height: auto;
  overflow: hidden;
}

#sp2_spb_altemates6 input {
  display: none;
}

#sp2_spb_altemates6 input:checked + label,
#sp2_spb_altemates label:hover {
  background: #044768;
  border: solid 1px rgba(0, 0, 0, 0.15);
  color: white;
}

#sp2_spb_altemates6 label {
  cursor: pointer;
  float: left;
  width: 45px;
  height: 337px;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #044768;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

#sp2_spb_altemates6 label span {
  font-family: "GothamBold", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  color: #fff;
  text-align: center;
  letter-spacing: 1.2px;
  writing-mode: tb-rl;
  transform: rotate(180deg);
}

#sp2_spb_altemates6 label:last-child {
  margin-right: 0;
}

#sp2_spb_altemates6 article {
  width: 0;
  height: auto;
  overflow: hidden;
  -webkit-transition: width 0.25s linear, opacity 0.2s linear;
  transition: width 0.25s linear, opacity 0.3s linear;
  position: relative;
  top: 0px;
  margin-bottom: 0;
  padding: 0;
  opacity: 0;
  float: left;
}

#sp2_spb_altemates6 div:last-child article {
  margin-right: 0;
}

#sp2_spb_altemates6 div > input:checked ~ article {
  width: 97%;
  opacity: 1;
}

@media (min-width: 1200px) and (max-width: 1890px) {
  #sp2_spb_altemates6 div > input:checked ~ article {
    width: 91%;
    opacity: 1;
  }
}

@media (max-width: 1199px) {
  #sp2_spb_altemates6 div > input:checked ~ article {
    width: 90%;
    opacity: 1;
  }
}

#sp2_spb_altemates6 .open-window {
  width: 10px;
  height: 337px;
  background-color: #085e7f;
  float: left;
}

#sp2_spb_altemates6 .open-window .arrow-right {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #085e7f;
  position: relative;
  top: 50%;
  left: 10px;
  z-index: 1;
}

#sp2_spb_altemates6 article .table-scroll-content_altemates1 table {
  width: 100%;
  border: 1px solid #085e7f;
}

#sp2_spb_altemates6 article table thead th {
  width: 2.7%;
  background-color: #8facbb;
  border: 1px solid #085e7f;
  padding: 5px;
  word-break: break-all;
  text-align: center;
  line-height: normal;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 20px;
  color: #085e7f;
}

#sp2_spb_altemates6 article table thead .sp2_profiency_th {
  width: 8%;
}

#sp2_spb_altemates6 article table thead th:last-child,
#sp2_spb_altemates6 article table tbody tr .sme_last_td {
  width: 21.7%;
  vertical-align: top;
}

#sp2_spb_altemates6 article table thead th:first-child {
  width: 1%;
}

#sp2_spb_altemates6 article table tbody tr .sme_last_td p {
  text-align: left;
  padding-left: 18px;
}

#sp2_spb_altemates6 article table tbody tr td {
  width: 1%;
  height: 30px;
  word-break: break-all;
  text-align: left;
  border: 1px solid #085e7f;
  line-height: normal;
  font-family: "MyriadPro-Regular", sans-serif;
  font-size: 16px;
  color: #000;
  font-weight: normal;
  padding: 5px 10px;
}

#sp2_spb_altemates6 article table tbody tr td:first-child {
  text-align: center;
}

#sp2_spb_altemates6 article table tbody tr:nth-child(odd) {
  background-color: #cedae0;
}

#sp2_spb_altemates6 article table tbody tr:nth-child(even) {
  background-color: #8facbb;
}

#sp2_spb_altemates6 .table-scroll-content_altemates1 {
  position: absolute;
  width: 100%;
  left: 10px;
}

#sp2_spb_altemates6 article table tbody .sp2_sme_stdrd td {
  height: 300px;
  white-space: nowrap;
}

#sp2_spb_altemates6 article table tbody .sp2_sme_stdrd td > div {
  transform: translate(1px, 138px) rotate(270deg);
  width: 17px;
}
/*//object6*/

/*/object7*/
#sp2_spb_altemates7 {
  padding-right: 0px;
}

#sp2_spb_altemates7 form {
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  width: 100%;
  height: auto;
  overflow: hidden;
}

#sp2_spb_altemates7 input {
  display: none;
}

#sp2_spb_altemates7 input:checked + label,
#sp2_spb_altemates label:hover {
  background: #044768;
  border: solid 1px rgba(0, 0, 0, 0.15);
  color: white;
}

#sp2_spb_altemates7 label {
  cursor: pointer;
  float: left;
  width: 45px;
  height: 337px;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #044768;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

#sp2_spb_altemates7 label span {
  font-family: "GothamBold", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  color: #fff;
  text-align: center;
  letter-spacing: 1.2px;
  writing-mode: tb-rl;
  transform: rotate(180deg);
}

#sp2_spb_altemates7 label:last-child {
  margin-right: 0;
}

#sp2_spb_altemates7 article {
  width: 0;
  height: auto;
  overflow: hidden;
  -webkit-transition: width 0.25s linear, opacity 0.2s linear;
  transition: width 0.25s linear, opacity 0.3s linear;
  position: relative;
  top: 0px;
  margin-bottom: 0;
  padding: 0;
  opacity: 0;
  float: left;
}

#sp2_spb_altemates7 div:last-child article {
  margin-right: 0;
}

#sp2_spb_altemates7 div > input:checked ~ article {
  width: 92.7%;
  opacity: 1;
}

@media (min-width: 1200px) and (max-width: 1890px) {
  #sp2_spb_altemates7 div > input:checked ~ article {
    width: 91%;
    opacity: 1;
  }
}

@media (max-width: 1199px) {
  #sp2_spb_altemates7 div > input:checked ~ article {
    width: 90%;
    opacity: 1;
  }
}

#sp2_spb_altemates7 .open-window {
  width: 10px;
  height: 337px;
  background-color: #085e7f;
  float: left;
}

#sp2_spb_altemates7 .open-window .arrow-right {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #085e7f;
  position: relative;
  top: 50%;
  left: 10px;
  z-index: 1;
}

#sp2_spb_altemates7 article .table-scroll-content_altemates1 table {
  width: 100%;
  border: 1px solid #085e7f;
}

#sp2_spb_altemates7 article table thead th {
  width: 2.7%;
  background-color: #8facbb;
  border: 1px solid #085e7f;
  padding: 5px;
  word-break: break-all;
  text-align: center;
  line-height: normal;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 20px;
  color: #085e7f;
}

#sp2_spb_altemates7 article table thead .sp2_profiency_th {
  width: 8%;
}

#sp2_spb_altemates7 article table thead th:last-child,
#sp2_spb_altemates7 article table tbody tr .sme_last_td {
  width: 21.7%;
  vertical-align: top;
}

#sp2_spb_altemates7 article table thead th:first-child {
  width: 1%;
}

#sp2_spb_altemates7 article table tbody tr .sme_last_td p {
  text-align: left;
  padding-left: 18px;
}

#sp2_spb_altemates7 article table tbody tr td {
  width: 1%;
  height: 30px;
  word-break: break-all;
  text-align: left;
  border: 1px solid #085e7f;
  line-height: normal;
  font-family: "MyriadPro-Regular", sans-serif;
  font-size: 16px;
  color: #000;
  font-weight: normal;
  padding: 5px 10px;
}

#sp2_spb_altemates7 article table tbody tr td:first-child {
  text-align: center;
}

#sp2_spb_altemates7 article table tbody tr:nth-child(odd) {
  background-color: #cedae0;
}

#sp2_spb_altemates7 article table tbody tr:nth-child(even) {
  background-color: #8facbb;
}

#sp2_spb_altemates7 .table-scroll-content_altemates1 {
  position: absolute;
  width: 100%;
  left: 10px;
}

#sp2_spb_altemates7 article table tbody .sp2_sme_stdrd td {
  height: 300px;
  white-space: nowrap;
}

#sp2_spb_altemates7 article table tbody .sp2_sme_stdrd td > div {
  transform: translate(1px, 138px) rotate(270deg);
  width: 17px;
}
/*//object7*/

/*/object8*/
#sp2_spb_altemates8 {
  padding-left: 0px;
}

#sp2_spb_altemates8 form {
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  width: 100%;
  height: auto;
  overflow: hidden;
}

#sp2_spb_altemates8 input {
  display: none;
}

#sp2_spb_altemates8 input:checked + label,
#sp2_spb_altemates label:hover {
  background: #044768;
  border: solid 1px rgba(0, 0, 0, 0.15);
  color: white;
}

#sp2_spb_altemates8 label {
  cursor: pointer;
  float: left;
  width: 45px;
  height: 337px;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #044768;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
#sp2_spb_altemates8 label span {
  font-family: "GothamBold", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  color: #fff;
  text-align: center;
  letter-spacing: 1.2px;
  writing-mode: tb-rl;
  transform: rotate(180deg);
}

#sp2_spb_altemates8 label:last-child {
  margin-right: 0;
}

#sp2_spb_altemates8 article {
  width: 0;
  height: auto;
  overflow: hidden;
  -webkit-transition: width 0.25s linear, opacity 0.2s linear;
  transition: width 0.25s linear, opacity 0.3s linear;
  position: relative;
  top: 0px;
  margin-bottom: 0;
  padding: 0;
  opacity: 0;
  float: left;
}

#sp2_spb_altemates8 div:last-child article {
  margin-right: 0;
}

#sp2_spb_altemates8 div > input:checked ~ article {
  width: 96.25%;
  opacity: 1;
}

@media (min-width: 1200px) and (max-width: 1890px) {
  #sp2_spb_altemates8 div > input:checked ~ article {
    width: 91%;
    opacity: 1;
  }
}

@media (max-width: 1199px) {
  #sp2_spb_altemates8 div > input:checked ~ article {
    width: 90%;
    opacity: 1;
  }
}

#sp2_spb_altemates8 .open-window {
  width: 10px;
  height: 337px;
  background-color: #085e7f;
  float: left;
}

#sp2_spb_altemates8 .open-window .arrow-right {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #085e7f;
  position: relative;
  top: 50%;
  left: 10px;
  z-index: 1;
}

#sp2_spb_altemates8 article .table-scroll-content_altemates1 table {
  width: 100%;
  border: 1px solid #085e7f;
}

#sp2_spb_altemates8 article table thead th {
  width: 2.7%;
  background-color: #8facbb;
  border: 1px solid #085e7f;
  padding: 5px;
  word-break: break-all;
  text-align: center;
  line-height: normal;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 20px;
  color: #085e7f;
}

#sp2_spb_altemates8 article table thead th:first-child {
  width: 5%;
}

#sp2_spb_altemates8 article table thead th:nth-child(4) {
  width: 4%;
}

#sp2_spb_altemates8 article table tbody tr .sme_last_td p {
  text-align: left;
  padding-left: 18px;
}

#sp2_spb_altemates8 article table tbody tr td {
  width: 1%;
  height: 30px;
  word-break: break-all;
  text-align: center;
  border: 1px solid #085e7f;
  line-height: normal;
  font-family: "MyriadPro-Regular", sans-serif;
  font-size: 16px;
  color: #000;
  font-weight: normal;
  padding: 5px 10px;
}

#sp2_spb_altemates8 article table tbody tr td:first-child {
  text-align: center;
}

#sp2_spb_altemates8 article table tbody tr:nth-child(odd) {
  background-color: #cedae0;
}

#sp2_spb_altemates8 article table tbody tr:nth-child(even) {
  background-color: #8facbb;
}

#sp2_spb_altemates8 .table-scroll-content_altemates1 {
  position: absolute;
  width: 100%;
  left: 10px;
}

#sp2_spb_altemates8 article table tbody .sp2_sme_stdrd td {
  height: 300px;
  white-space: nowrap;
}

#sp2_spb_altemates8 article table tbody .sp2_sme_stdrd td > div {
  transform: translate(1px, 138px) rotate(270deg);
  width: 17px;
}
/*//object8*/

/*=============//safety_pillar_board_altemates======*/
/*=============/safety_pillar_board_main======*/
.spb_pillar_board_main .phase2-heading {
  width: 100%;
  height: auto;
  background-color: transparent;
  font-size: 15px;
  font-family: "Gotham-Medium", sans-serif;
  color: #fff;
  padding: 5px 10px;
  text-transform: uppercase;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}

.spb_pillar_board_main .phase2-title {
  background-color: #4cadaf;
  border-radius: 8px;
  font-size: 12px;
  color: #fff;
  text-align: left;
  font-family: "Gotham-Medium", sans-serif;
  padding: 0.375rem 10px;
  margin-bottom: 0px;
  text-transform: uppercase;
  float: none;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.spb_pillar_board_main .phase2-title_IV6 {
  font-size: 12px;
  color: #fff;
  text-align: left;
  font-family: "GothamBold", sans-serif;
  margin-bottom: 0px;
  float: left;
  text-transform: uppercase;
}

.spb_pillar_board_main .spb_vision_tracking {
  width: 50%;
  float: left;
}

.spb_pillar_board_main .claim-blue {
  background-color: #87bcdf;
  width: 98%;
  height: auto;
  padding: 0px 5px;
  margin: 1px 1px 1px 2px;
}

.spb_pillar_board_main .spb_analysis_reactive {
  width: 33.33%;
  float: left;
}

.spb_pillar_board_main .spb_planning_result {
  width: 50%;
  float: left;
}

.spb_pillar_board_main .vision_I_1,
.spb_pillar_board_main .vision_I_2,
.spb_pillar_board_main .vision_I_3 {
  width: 98%;
  /* height: 112px; */
  margin: 0px 1px 1px 2px;
  padding: 10px;
  text-align: center;
}

.spb_pillar_board_main .vision_I_4 {
  width: 98%;
  height: 280px;
  margin: 0px 1px 1px 2px;
  padding: 10px;
  text-align: center;
}

.spb_pillar_board_main .rate_hostory_II_1,
.spb_pillar_board_main .rate_hostory_II_2 {
  width: 98%;
  /* height: 112px; */
  margin: 0px 1px 1px 2px;
  padding: 10px;
}

.spb_pillar_board_main .rate_hostory_II_3 {
  width: 98%;
  height: 425px;
  margin: 0px 1px 1px 2px;
  padding: 10px;
}

.spb_pillar_board_main .spb_analysis_III_1,
.spb_pillar_board_main .spb_analysis_III_2 {
  width: 100%;
  /* height: 112px; */
  padding: 10px;
  margin: 1px 1px 1px 2px;
}

.spb_pillar_board_main .spb_analysis_III_3 {
  width: 98%;
  /* height: 112px; */
  padding: 10px;
  margin: 1px 1px 1px 2px;
}

.spb_pillar_board_main .spb_analysis_preventive {
  width: 33.33%;
  float: left;
}

.spb_pillar_board_main .spb_analysis_preventive .spb_analysis_III_4,
.spb_pillar_board_main .spb_analysis_preventive .spb_analysis_III_5 {
  width: 100%;
  /* height: 112px; */
  padding: 10px;
  margin: 1px 1px 1px 2px;
}

.spb_pillar_board_main .spb_analysis_preventive .spb_analysis_III_6 {
  width: 98%;
  /* height: 112px; */
  padding: 10px;
  margin: 1px 1px 1px 2px;
}

.spb_pillar_board_main .spb_analysis_proactive {
  width: 99.4%;
}

.spb_analysis_proactive .claim-blue {
  width: 100%;
}

.spb_analysis_proactive .spb_analysis_III_7 {
  width: 100%;
  height: 215px;
  padding: 10px;
  margin: 1px 1px 1px 2px;
}

.spb_planning_result .spb_analysis_IV_1 {
  width: 100%;
  /* height: 112px; */
  padding: 10px;
  margin: 1px 1px 1px 2px;
}

.spb_planning_result .spb_analysis_IV_2 {
  width: 98%;
  /* height: 112px; */
  padding: 10px;
  margin: 1px 1px 1px 2px;
}

.spb_planning_result .spb_analysis_IV_3 {
  width: 100%;
  /* height: 112px; */
  padding: 10px;
  margin: 1px 1px 1px 2px;
  text-align: center;
}

.spb_planning_result .spb_analysis_IV_4 {
  width: 98%;
  height: 400px;
  padding: 10px;
  margin: 1px 1px 1px 2px;
}

.spb_planning_result .spb_analysis_IV_5 {
  width: 100%;
  height: 108px;
  padding: 10px;
  margin: 1px 1px 1px 2px;
}

.spb_planning_result .spb_analysis_IV_6 {
  width: 98%;
  height: 102px;
  padding: 10px;
  margin: 1px 1px 1px 2px;
}

/*/Modal images*/
.KPI_pillarboard_img {
  width: 100%;
  height: 100px;
  text-align: center;
}

.KPI_pillarboard_img a{
  display: inline-block;
  height: 100%;
}

.KPI_pillarboard_img a img{
  height: 100% !important;
}

/* The Modal (background) */
.spb_pillar_board_main .modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.9);
}

.spb_pillar_board_main .modal-content {
  margin: auto;
  display: block;
  width: 60%;
}

.spb_pillar_board_main .modal_box {
  position: absolute;
  width: 80%;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.spb_pillar_board_main #caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 40px;
}

/* Add Animation */
.spb_pillar_board_main .modal-content,
#caption {
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(0);
  }

  to {
    -webkit-transform: scale(1);
  }
}

@keyframes zoom {
  from {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

/* The Close Button */
.spb_pillar_board_main .close {
  position: absolute;
  left: 60%;
  top: 0%;
  right: 35px;
  color: #fff;
  font-size: 27px;
  font-weight: bold;
  transition: 0.3s;
  z-index: 1;
  opacity: 1;
}

.spb_pillar_board_main .close:hover,
.spb_pillar_board_main .close:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  opacity: 1 !important;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
  .spb_pillar_board_main .modal-content {
    width: 100%;
  }
}

@media (min-width: 1600px) {
  .spb-custom-col {
    width: 23%;
    padding: 0;
  }

  .spb-custom-col1 {
    width: 42.5%;
    padding: 0;
  }

  .spb-custom-col2 {
    width: 11.5%;
    padding: 0;
  }

  .spb-custom-col3 {
    width: 23%;
    padding: 0;
  }
}

@media (max-width: 1599px) {
  .spb-custom-col {
    width: 100%;
    padding: 0;
  }

  .spb-custom-col1 {
    width: 100%;
    padding: 0;
  }

  .spb-custom-col2 {
    width: 30%;
    padding: 0;
  }

  .spb-custom-col3 {
    width: 70%;
    padding: 0;
  }

  .spb_vision_tracking_box {
    width: 50%;
    display: inline-block;
  }
}

@media (max-width: 1199px) {
  .spb_pillar_board_main .spb_analysis_III_1,
  .spb_pillar_board_main .spb_analysis_III_2,
  .spb_pillar_board_main .spb_analysis_preventive .spb_analysis_III_4,
  .spb_pillar_board_main .spb_analysis_preventive .spb_analysis_III_5,
  .spb_planning_result .spb_analysis_IV_1,
  .spb_planning_result .spb_analysis_IV_3,
  .spb_planning_result .spb_analysis_IV_5 {
    width: 98%;
  }

  .spb_analysis_new1,
  .spb_analysis_new2 {
    width: 98% !important;
  }
}
/*=============//safety_pillar_board_main======*/
/***************************** prakashbhai ************************************/
@media (min-width: 320px) and (max-width: 1199px) {
  .custom-col3,
  .custom-col2 {
    display: none;
    width: 35% !important;
    position: fixed;
    z-index: 999;
    right: 27px;
    top: 0%;
    margin-top: 160px;
    transition: all 0.5s;
  }

  .custom-col9,
  .custom-col10 {
    width: 100% !important;
  }

  .phase2-ipadbar {
    width: 35px;
    height: 35px;
    background-color: #007ac2;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 35px;
    position: absolute;
    top: 0%;
    right: 0px;
    margin-top: 63px;
    cursor: pointer;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }

  .phase2-ipadbar1 {
    width: 35px;
    height: 35px;
    background-color: #4cadaf;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 35px;
    position: absolute;
    top: 0%;
    right: 0px;
    margin-top: 8px;
    cursor: pointer;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }

  .kpi-tracking-area,
  .iToolkit-tasklist {
    height: 470px !important;
    width: 35% !important;
    width: -webkit-fill-available !important;
    width: -moz-available !important;
    position: unset !important;
    padding-bottom: 24px;
  }

  .custom-ipadcol-12 {
    width: 100%;
    position: fixed;
    right: 0;
    z-index: 1040;
  }

  #Purpal_SecondTable thead,
  .table-scroll-content4 thead,
  .table-scroll-contentI4 thead,
  .table-scroll-contentI4A thead,
  .matrix-table thead,
  .matrix-table1 thead,
  .matrix-table3 thead,
  .matrix-table4 thead,
  .matrix-table5 thead,
  .matrix-table6 thead,
  .matrix-table7 thead,
  .matrix-table8 thead,
  .matrix-table9 thead,
  .matrix-table2 thead {
    width: 100%;
  }

  #phase2_team_C article table tbody tr td,
  #phase2_i4_vision article table tbody tr td {
    padding: 5px;
  }

  #phase2_i4_vision article table {
    width: 98.9%;
  }

  h4.TF-matrix {
    font-size: 30px;
  }

  #phase2_table_map .matrix-chart {
    width: 90%;
  }

  .spb_pillar_board_main .phase2-title {
    font-size: 15px;
  }
  /*iceberg*/
  .iceberg-bgimg .ice-tf-txt1 {
    font-size: 13px !important;
    left: 0px !important;
  }

  .ice-dashed-border {
    width: 100% !important;
    left: 0px !important;
  }

  .ice-solid-border {
    width: 100% !important;
    left: 0px !important;
  }

  .iceberg-bgimg .ice-round1 {
    right: 20px !important;
  }

  .iceberg-bgimg .ice-round {
    left: 20px !important;
  }

  .iceberg-bgimg .ice-w20-mix {
    left: 0px !important;
  }

  .iceberg-bgimg {
    padding: 0 15px;
  }

  .kpi-minilaptop-scroll {
    overflow-y: scroll;
    height: 313px;
  }

  .kpi-minilaptop-scroll1 {
    overflow-y: scroll;
    height: 313px;
  }

  #phase2_II_Toolkit .kpi-minilaptop-scroll1 {
    overflow-y: scroll;
    height: 280px;
  }
}

@media (min-width: 1200px) {
  .phase2-ipadbar {
    display: none;
  }

  .phase2-ipadbar1 {
    display: none;
  }

  .custom-col3,
  .custom-col2 {
    display: block !important;
  }

  #phase2_II1 .kpi-minilaptop-scroll {
    overflow-y: auto;
    height: calc(100vh - 300px);
  }

  #phase2_II2 .kpi-minilaptop-scroll {
    overflow-y: auto;
    height: calc(100vh - 300px);
  }

  #phase2_III2 .kpi-minilaptop-scroll {
    overflow-y: auto;
    height: calc(100vh - 300px);
  }

  #phase2_III4 .kpi-minilaptop-scroll,
  #phase2_III5 .kpi-minilaptop-scroll,
  #phase2_III6 .kpi-minilaptop-scroll {
    overflow-y: auto;
    height: calc(100vh - 300px);
  }

  #phase2_II_Toolkit .kpi-minilaptop-scroll {
    overflow-y: auto;
    height: calc(100vh - 345px);
  }

  #phase2_II_Toolkit .kpi-minilaptop-scroll1 {
    overflow-y: auto;
    height: calc(100vh - 345px);
  }

  #phase2_III3 .kpi-minilaptop-scroll,
  #phase2_III1 .kpi-minilaptop-scroll {
    overflow-y: auto;
    height: calc(100vh - 300px);
  }

  #phase2_III7 .kpi-minilaptop-scroll {
    overflow-y: auto;
    height: calc(100vh - 300px);
  }
}

@media (min-width: 1200px) and (max-width: 1799px) {
  #phase2_team_C article table,
  #phase2_i4_vision article table {
    width: 99%;
  }

  #phase2_II1 h1.II1-heading,
  #phase2_II2 h1,
  #phase2_III2 h1 {
    font-size: 18px;
  }

  #phase2_II1 .w-16 span {
    font-size: 18px;
  }

  #phase2_II2 h2 {
    font-size: 45px;
  }

  h4.TF-matrix {
    font-size: 30px;
  }

  #phase2_table_map .matrix-chart {
    width: 90%;
  }

  #phase2_III4 h1,
  #phase2_III5 h1,
  #phase2_III6 h1,
  #phase2_III7 h1,
  #phase2_II_Toolkit h1,
  #phase2_III3 h1,
  #phase2_III7 .w-30 span,
  #phase2_III7 .w-40 span,
  #phase2_III1 h1 {
    font-size: 18px;
  }

  #phase2_III4 h2,
  #phase2_III5 h2,
  #phase2_III6 h2,
  #phase2_III7 h2,
  #phase2_III1 h2 {
    font-size: 45px;
  }

  #phase2_II_Toolkit .check-list h2 {
    font-size: 18px;
  }

  #phase2_II_Toolkit .check-list h3 {
    font-size: 15px;
  }

  #phase2_III7 .w-30 p,
  #phase2_III7 .w-40 p {
    font-size: 22px;
  }

  /*iceberg*/
  .iceberg-bgimg .ice-tf-txt1 {
    font-size: 13px !important;
    left: 0px !important;
  }

  .ice-dashed-border {
    width: 100% !important;
    left: 0px !important;
  }

  .ice-solid-border {
    width: 100% !important;
    left: 0px !important;
  }

  .iceberg-bgimg .ice-round1 {
    right: 20px !important;
  }

  .iceberg-bgimg .ice-round {
    left: 20px !important;
  }

  .iceberg-bgimg .ice-w20-mix {
    left: 0px !important;
  }

  .iceberg-bgimg {
    padding: 0 15px;
  }

  .kpi-tab-content {
    width: 3%;
  }

  .kpi-tab-content1 {
    width: 97%;
  }

  #phase2_III7 .after-border {
    margin-top: 5px;
  }

  #phase2_II_Toolkit .custom-col2 .kpi-minilaptop-scroll1 h2.countNumber {
    font-size: 40px;
  }

  .byarea_analysis_txt h6 {
    font-size: 22px !important;
  }
}

#phase2_II_Toolkit .pt-24 {
  padding-top: 24px;
}

@media (max-width: 1799px) {
  h3.inner-collapse-txt {
    width: 100%;
  }

  .kpit2-date {
    width: 100% !important;
  }

  .II-txt-reporting,
  .II-month-reporting,
  #phase2_II_Toolkit .HABC_txt {
    width: 100%;
    float: left;
  }

  .sme-assigned-dropdown .multiselect-dropdown .dropdown-btn {
    width: 100% !important;
    margin-left: 0px;
  }

  .toolkit-t1 h3.agenda-input {
    width: 15%;
  }

  .toolkit-t1 .I-agenda-Itext {
    width: 80%;
  }

  .I1-concerns-selctO,
  .I1-concerns-selctO1,
  .I1-concerns-selctO2,
  .I1-endMeeting,
  #phase2_II_Toolkit .I1-meeting-txtArea1,
  #phase2_II_Toolkit .I1-meeting-txtArea {
    width: 100%;
    margin-left: 0;
  }

  .toolkit-t1 .i4-meeting-date {
    width: 100% !important;
    margin-left: 0px !important;
  }

  .toolkit-t1 .i4_TDC_cale1,
  .toolkit-t1 .i4_cale1 {
    top: 43px !important;
    right: 21px !important;
  }
}

/*iceberg*/

.iceberg-bgimg .ice-w14 {
  width: 14%;
}

.iceberg-bgimg .ice-w5 {
  width: 5%;
  align-self: center;
}

.iceberg-bgimg .ice-w33 {
  width: 33%;
  align-self: center;
}

.iceberg-bgimg .ice-w20 {
  width: 20%;
  align-self: center;
  position: relative;
}

.iceberg-bgimg .ice-w14 .ice-head {
  font-family: "MyriadPro-Regular", sans-serif;
  text-align: center;
  font-weight: normal;
  font-size: 20px;
  color: #126782;
}

.iceberg-bgimg .pt150 {
  padding-top: 150px;
}

.iceberg-bgimg .ice-text-box {
  width: 130px;
  margin: 15px auto;
  padding: 0px;
  border-radius: 25px;
  background-color: #fff;
  font-size: 36px;
  font-family: "GothamBold", sans-serif;
  text-align: center;
}

.ice-dashed-border {
  border: 1px dashed #fff;
  margin-top: 8px;
  width: 125px;
  position: relative;
  left: -28px;
}

.ice-solid-border {
  border: 1px solid #fff;
  margin-top: 8px;
  width: 498px;
  position: relative;
  left: -28px;
}

.iceberg-bgimg .ice-blue {
  color: #007ac1;
}

.iceberg-bgimg .ice-darkblue {
  color: #7fbce0;
}

.iceberg-bgimg .ice-gray {
  color: #d0d2d3;
}

.iceberg-bgimg .ice-yellow {
  color: #faaf40;
}

.iceberg-bgimg .ice-red {
  color: #ec1c24;
}

.iceberg-bgimg .po-relative {
  position: relative;
}

.iceberg-bgimg .ice-round {
  border: 2px solid #fff;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  position: absolute;
  top: -4px;
  left: 0;
}

.iceberg-bgimg .ice-round1 {
  border: 2px solid #fff;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  position: absolute;
  top: -4px;
  right: 0;
}

.iceberg-bgimg .ice-round2 {
  border: 2px solid #fff;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  position: absolute;
  top: -4px;
  right: 0px;
}

.ice-solid-border1 {
  border: 1px solid #fff;
  width: 100%;
}

.iceberg-bgimg .ice-tf-txt {
  font-family: "GothamBold", sans-serif;
  font-size: 30px;
  text-align: right;
  text-transform: uppercase;
}

.iceberg-bgimg .ice-tf-txt1 {
  font-family: "Gotham-Medium", sans-serif;
  font-size: 18px;
  color: #fff;
  text-align: right;
  padding-top: 10px;
  position: relative;
  top: -37px;
  left: -28px;
}

.iceberg-bgimg .ice-w20-mix {
  position: relative;
  left: -29px;
  top: -30px;
}

.iceberg-bgimg .ice-pAbsulate {
  position: absolute;
  top: -12px;
  width: 100%;
}

.iceberg-bgimg .ice-ptext {
  font-family: "MyriadPro-Regular", sans-serif;
  text-align: right;
  font-weight: normal;
  font-size: 18px;
  color: #0c8caa;
  margin-top: 45px;
}

.phase2-injured-chart p {
  font-size: 28px;
}

/*injured*/
.phase2-injured-chart .injured-relative {
  position: relative;
}

.phase2-injured-chart .injured-absulate {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}

.phase2-injured-chart .inner-injured-relative {
  width: 100%;
  height: 100%;
  position: relative;
  max-width: 1508px;
  margin: 0 auto;
}

.phase2-injured-chart .injured-head {
  position: absolute;
  background-color: #333333;
  width: 9%;
  height: 6%;
  border-radius: 10px;
  left: 19%;
  top: 22.3%;
  font-size: 1.5vw;
  text-align: center;
  font-family: "GothamBold", sans-serif;
  color: #4cadaf;
  display: flex;
  justify-content: center;
}

.phase2-injured-chart .injured-neck {
  position: absolute;
  background-color: #333333;
  width: 9%;
  height: 6%;
  border-radius: 10px;
  left: 21.5%;
  top: 34.5%;
  font-size: 1.5vw;
  text-align: center;
  font-family: "GothamBold", sans-serif;
  color: #4cadaf;
  display: flex;
  justify-content: center;
}

.phase2-injured-chart .injured-shoulder {
  position: absolute;
  background-color: #333333;
  width: 9%;
  height: 6%;
  border-radius: 10px;
  left: 24%;
  top: 46.8%;
  font-size: 1.5vw;
  text-align: center;
  font-family: "GothamBold", sans-serif;
  color: #4cadaf;
  display: flex;
  justify-content: center;
}

.phase2-injured-chart .injured-hand {
  position: absolute;
  background-color: #333333;
  width: 9%;
  height: 6%;
  border-radius: 10px;
  left: 24%;
  top: 59.5%;
  font-size: 1.5vw;
  text-align: center;
  font-family: "GothamBold", sans-serif;
  color: #4cadaf;
  display: flex;
  justify-content: center;
}

.phase2-injured-chart .injured-leg {
  position: absolute;
  background-color: #333333;
  width: 9%;
  height: 6%;
  border-radius: 10px;
  left: 21.5%;
  top: 71.8%;
  font-size: 1.5vw;
  text-align: center;
  font-family: "GothamBold", sans-serif;
  color: #4cadaf;
  display: flex;
  justify-content: center;
}

.phase2-injured-chart .injured-feet {
  position: absolute;
  background-color: #333333;
  width: 9%;
  height: 6%;
  border-radius: 10px;
  left: 19%;
  top: 84.5%;
  font-size: 1.5vw;
  text-align: center;
  font-family: "GothamBold", sans-serif;
  color: #4cadaf;
  display: flex;
  justify-content: center;
}

.phase2-injured-chart .injured-other {
  position: absolute;
  background-color: #333333;
  width: 9%;
  height: 6%;
  border-radius: 10px;
  left: 10%;
  top: 53%;
  font-size: 1.5vw;
  text-align: center;
  font-family: "GothamBold", sans-serif;
  color: #4cadaf;
  display: flex;
  justify-content: center;
}

.phase2-injured-chart .injured-eyes {
  position: absolute;
  background-color: #333333;
  width: 9%;
  height: 6%;
  border-radius: 10px;
  left: 72%;
  top: 22.3%;
  font-size: 1.5vw;
  text-align: center;
  font-family: "GothamBold", sans-serif;
  color: #4cadaf;
  display: flex;
  justify-content: center;
}

.phase2-injured-chart .injured-back {
  position: absolute;
  background-color: #333333;
  width: 9%;
  height: 6%;
  border-radius: 10px;
  left: 70%;
  top: 34.5%;
  font-size: 1.5vw;
  text-align: center;
  font-family: "GothamBold", sans-serif;
  color: #4cadaf;
  display: flex;
  justify-content: center;
}

.phase2-injured-chart .injured-arm {
  position: absolute;
  background-color: #333333;
  width: 9%;
  height: 6%;
  border-radius: 10px;
  left: 67.5%;
  top: 46.6%;
  font-size: 1.5vw;
  text-align: center;
  font-family: "GothamBold", sans-serif;
  color: #4cadaf;
  display: flex;
  justify-content: center;
}

.phase2-injured-chart .injured-wrist {
  position: absolute;
  background-color: #333333;
  width: 9%;
  height: 6%;
  border-radius: 10px;
  left: 67%;
  top: 59.5%;
  font-size: 1.5vw;
  text-align: center;
  font-family: "GothamBold", sans-serif;
  color: #4cadaf;
  display: flex;
  justify-content: center;
}

.phase2-injured-chart .injured-torso {
  position: absolute;
  background-color: #333333;
  width: 9%;
  height: 6%;
  border-radius: 10px;
  left: 70%;
  top: 72%;
  font-size: 1.5vw;
  text-align: center;
  font-family: "GothamBold", sans-serif;
  color: #4cadaf;
  display: flex;
  justify-content: center;
}

.phase2-injured-chart .injured-ankle {
  position: absolute;
  background-color: #333333;
  width: 9%;
  height: 6%;
  border-radius: 10px;
  left: 72%;
  top: 84.5%;
  font-size: 1.5vw;
  text-align: center;
  font-family: "GothamBold", sans-serif;
  color: #4cadaf;
  display: flex;
  justify-content: center;
}

.phase2-injured-chart p {
  margin-bottom: 0px;
  display: flex;
  align-self: center;
}

.preview-img-area {
  width: 94%;
  height: 100%;
  display: inline-block;
  padding: 10px;
  text-align: center;
  background-color: #171717;
}

.preview-img-area .img-content {
  background-image: url("../../../../../../assets/images/vision-objectives-home.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 178px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  position: relative;
}

.preview-img-area span {
  text-align: center;
  color: #ffffff;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 18px;
  padding: 0 10px;
  white-space: pre-line;
}

.logo-ehs-wcm img {
  width: 110px !important;
  padding: 0 !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.logo-ehs-wcm .bRight {
  border-right: 1px solid #fff;
}

/*II2-Kpi Tracking*/
#phase2_II1 ul.rateHistoryfilter {
  list-style: none;
  border-bottom: 1px solid #a6a8ab;
  float: left;
  width: 100%;
}

#phase2_II1 ul.rateHistoryfilter li {
  display: inline;
}

#phase2_II1 ul.rateHistoryfilter li label {
  color: #adadad;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: all 0.2s;
  padding: 10px 16px 0px;
  cursor: pointer;
  margin-bottom: -1px;
  margin-right: 4px;
}

#phase2_II1 ul.rateHistoryfilter li input[type="checkbox"]:checked + label {
  background-color: #ffffff;
  border-top: 1px solid #a6a8ab;
  border-right: 1px solid #a6a8ab;
  border-left: 1px solid #a6a8ab;
  color: #adadad;
  transition: all 0.2s;
}

#phase2_II1 ul.rateHistoryfilter li input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}

#phase2_II1 ul.rateHistoryfilter li label p {
  font-family: "MyriadPro-Regular", sans-serif;
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0px;
}

#phase2_II1 ul.rateHistoryfilter li label .tf-box {
  width: 30px;
  height: 5px;
  display: block;
}

/*media-query*/
@media (max-width: 1199px) {
  #Purpal_SecondTable table thead th {
    padding: 5px 0px !important;
    font-size: 18px !important;
  }
}

.kpi-save-btn-fix {
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
  box-shadow: 0px 2px 2px #ccc;
  background-color: #fff;
}

.kpit2-date {
  width: 50%;
  float: left;
  position: relative;
}

.t2-cal1 {
  right: 5px;
}

.pos_rel {
  position: relative;
  z-index: 1000;
}

.pos_fix {
  position: fixed;
}

.matrix-table4A {
  position: absolute;
  width: 100%;
  left: 10px;
}

.matrix-table4A thead th:nth-child(1),
.matrix-table4A tbody td:nth-child(1) {
  width: 50%;
}

.matrix-table4A tbody td:nth-child(2),
.matrix-table4A tbody td:nth-child(3),
.matrix-table4A tbody td:nth-child(4),
.matrix-table4A tbody td:nth-child(5),
.matrix-table4A tbody td:nth-child(6),
.matrix-table4A tbody td:nth-child(7),
.matrix-table4A tbody td:nth-child(8),
.matrix-table4A tbody td:nth-child(9) {
  width: 5.55%;
}

.v-objective1-2 {
  margin-top: 1.5rem;
  padding-bottom: 0px;
}

@media (min-width: 1800px) {
  .toolkit-t1 .II-txt-reporting,
  .toolkit-t1 .II-month-reporting,
  .toolkit-t1 .I-month-reporting {
    width: 65% !important;
    float: left;
    margin-left: 10px;
  }

  .toolkit-t1 h3.inner-collapse-txt {
    width: auto;
  }
}

.i4-MR-closeI1 {
  width: 20px;
  height: 20px;
  background-color: #62a0d7;
  line-height: 20px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  float: right;
  cursor: pointer;
  position: absolute;
  right: -20px;
  top: 0px;
}

.toolkit-t1 .i4-meeting-date {
  width: 72%;
  float: left;
  margin-left: 10px;
}

.toolkit-t1 .i4_cale1 {
  right: 23px;
  top: 13px;
}

.toolkit-t1 .i4_TDC_cale1 {
  top: 13px;
  right: 21px;
}

@media (min-width: 1440px) and (max-width: 1899px) {
  #phase2_II_Toolkit .I1-attendees-txt {
    width: 62%;
  }
}

@media (min-width: 1200px) and (max-width: 1366px) {
  #phase2_II_Toolkit .I1-attendees-txt {
    width: 52%;
  }
}

@media (max-width: 1499px) {
  .phase2-injured-chart p {
    font-size: 26px;
  }
}

@media (max-width: 1366px) {
  .phase2-injured-chart p {
    font-size: 21px;
  }
}

@media (max-width: 1199px) {
  .phase2-injured-chart p {
    font-size: 20px;
  }
}

@media (max-width: 1080px) {
  .phase2-injured-chart p {
    font-size: 18px;
  }
}

/*********************************** incident map ***********************************************/
@media (max-width: 1899px) {
  .incident-relative-map img.img-fluid {
    max-width: none;
    height: unset;
  }

  .incident-relative-map img.w-100 {
    width: unset;
  }

  .I2-co-goal-tracking .I2-co-txt {
    width: 100%;
  }
}

.incident-relative-map {
  position: relative;
}

.tooltip_map {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: transparent;
  top: 0px;
}

.incident-point-I {
  width: 70px;
  height: 70px;
}

.incident-map1 {
  position: absolute;
  right: 24%;
  top: 14%;
  z-index: 100;
}

.incident-map2 {
  position: absolute;
  right: 20%;
  top: 14%;
}

.incident-map3 {
  position: absolute;
  right: 16%;
  top: 14%;
}

.incident-map4 {
  position: absolute;
  right: 12%;
  top: 14%;
}

.incident-map5 {
  position: absolute;
  right: 8%;
  top: 14%;
}

.pinTracker1 {
  position: absolute;
  top: -45px;
  left: -15px;
  z-index: 0;
}

.pinTracker2 {
  position: absolute;
  top: -45px;
  left: 25px;
  z-index: 0;
}

.pinTracker3 {
  position: absolute;
  top: -45px;
  left: 65px;
  z-index: 0;
}

.pinTracker4 {
  position: absolute;
  top: -55px;
  left: 50px;
  z-index: 0;
}

.pinTracker5 {
  position: absolute;
  top: -60px;
  left: -25px;
  z-index: 0;
}

.pinTracker6 {
  position: absolute;
  top: -60px;
  left: -10px;
  z-index: 0;
}

.pinTracker7 {
  position: absolute;
  top: -60px;
  left: -25px;
}

.pinTracker8 {
  position: absolute;
  top: -60px;
  left: 16px;
}

.pinTracker9 {
  position: absolute;
  top: -60px;
  left: 57px;
}

.pinTracker10 {
  position: absolute;
  top: -45px;
  left: 123px;
  z-index: 1;
}

.pinTracker11 {
  position: absolute;
  top: -45px;
  left: 155px;
  z-index: 1;
}

.pinTracker12 {
  position: absolute;
  top: -50px;
  left: -25px;
  z-index: 1;
}

.pinTracker13 {
  position: absolute;
  top: -50px;
  left: -5px;
  z-index: 2;
}

.pinTracker14 {
  position: absolute;
  top: 82%;
  left: 26%;
  z-index: 3;
}

.pinTracker15 {
  position: absolute;
  top: 82%;
  left: 27%;
  z-index: 4;
}

.pinTracker16 {
  position: absolute;
  top: 78%;
  left: 43%;
}

.pinTracker17 {
  position: absolute;
  top: -60px;
  left: -30px;
  z-index: 1;
}

.pinTracker18 {
  position: absolute;
  top: -60px;
  left: 0px;
  z-index: 2;
}

.pinTracker19 {
  position: absolute;
  top: -50px;
  left: 0%;
  z-index: 1;
}

.pinTracker20 {
  position: absolute;
  top: -50px;
  left: -15px;
  z-index: 1;
}

.pinTracker21 {
  position: absolute;
  top: -50px;
  left: 0px;
  z-index: 2;
}

.pinTracker22 {
  position: absolute;
  top: -45px;
  left: 185px;
  z-index: 1;
}

.pinTracker23 {
  position: absolute;
  top: -60px;
  left: -12px;
  z-index: 1;
}

.pinTracker24 {
  position: absolute;
  top: -60px;
  left: 43px;
  z-index: 2;
}

.pinTracker25 {
  position: absolute;
  top: -60px;
  left: 98px;
  z-index: 3;
}

.pinTracker26 {
  position: absolute;
  top: 78%;
  left: 49%;
  z-index: 1;
}

.pinTracker27 {
  position: absolute;
  top: -60px;
  left: -15px;
  z-index: 1;
}

.pinTracker28 {
  position: absolute;
  top: 75%;
  left: 20%;
  z-index: 1;
}

.pinTracker29 {
  position: absolute;
  top: -60px;
  left: 0px;
  z-index: 1;
}

.pinTracker30 {
  position: absolute;
  top: -60px;
  left: -3px;
  z-index: 1;
}

.pinTracker31 {
  position: absolute;
  top: -55px;
  left: -25px;
  z-index: 0;
}

.pinTracker32 {
  position: absolute;
  top: -60px;
  left: 25px;
  z-index: 1;
}

.pinTracker33 {
  position: absolute;
  top: -60px;
  left: 45px;
  z-index: 2;
}

.pinTracker34 {
  position: absolute;
  top: -60px;
  left: 60px;
  z-index: 3;
}

.pinTracker35 {
  position: absolute;
  top: -54px;
  left: -25px;
  z-index: 0;
}

.pinTracker36 {
  position: absolute;
  top: -65px;
  left: -12px;
  z-index: 0;
}

.pinTracker37 {
  position: absolute;
  top: -50px;
  left: -25px;
  z-index: 1;
}

.pinTracker38 {
  position: absolute;
  top: -50px;
  left: -5px;
  z-index: 2;
}

.pinTracker39 {
  position: absolute;
  top: -50px;
  left: -25px;
  z-index: 0;
}

.pinTracker40 {
  position: absolute;
  top: -50px;
  left: -30px;
  z-index: 1;
}

.pinTracker41 {
  position: absolute;
  top: -55px;
  left: -30px;
  z-index: 0;
}

.pinTracker42 {
  transform: rotate(-30deg);
  position: absolute;
  top: -48px;
  left: -33px;
  z-index: 1;
}

.pinTracker43 {
  transform: rotate(-30deg);
  position: absolute;
  top: -53px;
  left: -15px;
  z-index: 1;
}

.pinTracker44 {
  position: absolute;
  top: -45px;
  left: -29px;
  z-index: 1;
}

.pinTracker45 {
  transform: rotate(61deg);
  position: absolute;
  top: -15px;
  left: 15px;
  z-index: 1;
}

.pinTracker46 {
  transform: rotate(60deg);
  position: absolute;
  top: 10px;
  left: 20px;
  z-index: 1;
}

.pinTracker47 {
  position: absolute;
  top: -20px;
  left: 0px;
  z-index: 1;
}

.pinTracker48 {
  position: absolute;
  top: -50px;
  left: -25px;
  z-index: 1;
}

.pinTracker49 {
  position: absolute;
  top: -60px;
  left: -15px;
  z-index: 2;
}

.pinTracker50 {
  position: absolute;
  top: -60px;
  left: 25px;
  z-index: 2;
}

.pinTracker51 {
  position: absolute;
  top: -50px;
  left: -25px;
  z-index: 0;
}

.pinTracker52 {
  position: absolute;
  top: -60px;
  left: -30px;
  z-index: 1;
}

.pinTracker53 {
  position: absolute;
  top: -62px;
  left: 120px;
  z-index: 0;
}

.pinTracker54 {
  position: absolute;
  top: -60px;
  left: -25px;
  z-index: 1;
}

.incident-point-I1 {
  width: 35px;
  height: 70px;
  position: relative;
}

span.pintag {
  font-size: 10px;
  text-align: center;
  font-weight: bold;
  font-family: "Gotham-Medium", sans-serif;
  line-height: 0;
  color: #fff;
}

p.pintag {
  font-size: 8px;
  color: rgb(255, 255, 255);
  text-align: center;
  font-weight: bold;
  font-family: "Gotham-Medium", sans-serif;
  margin-bottom: 0px;
  line-height: 0;
  letter-spacing: 1px;
}

.pinTrackTxt1 p.pintag:nth-child(2) {
  font-size: 16px;
  color: rgb(255, 255, 255);
  text-align: center;
  font-weight: bolder;
  font-family: "Gotham-Medium", sans-serif;
  margin-bottom: 0px;
  line-height: 1.7;
}

.pinTrackTxt1 {
  position: absolute;
  top: 0px;
  left: -2px;
  width: 39px;
  height: 39px;
  background-color: transparent;
  border-radius: 100%;
  text-align: center;
  padding: 12px 0;
}

.close-box {
  margin: 10px 0 0;
  text-align: center;
}

.close-box input[type="checkbox"] {
  border: 2px solid #333333 !important;
  -webkit-appearance: initial;
  appearance: initial;
  width: 25px;
  height: 25px;
  position: relative;
  top: -8px;
  cursor: pointer;
  background-color: #333333;
  border-radius: 10px;
}

.close-box input[type="checkbox"]:focus {
  outline: none;
}

.close-box input[type="checkbox"]:checked:after {
  content: "x";
  left: 5px;
  top: -6px;
  position: absolute;
  font-size: 20px;
  color: #fff;
}

.tooltip_map .gray-txt {
  color: #909293;
}

.tooltip_map .blue-txt,
.tooltip_map .dBlue-txt {
  color: #046ea3;
}

.tooltip_map .red-txt {
  color: #6b3333;
}

.tooltip_map .yellow-txt {
  color: #fff;
}

/*********************************** incident map ***********************************************/
.td_scroll {
  height: 19px;
  overflow-y: auto;
  -ms-overflow-style: none;
}

.td_scroll::-webkit-scrollbar {
  width: 2px;
}

.td_scroll::-webkit-scrollbar-track {
  background: transparent;
}

.td_scroll::-webkit-scrollbar-thumb {
  background: #ccc;
}

.td_scroll::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}

.t1-img-txt-content::-webkit-scrollbar-track {
  background: transparent;
}

.t1-img-txt-content::-webkit-scrollbar-thumb {
  background: #ccc;
}

.t1-img-txt-content::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}

.divKPIChart {
  height: 400px;
  width: 100%;
}
.vision-objective-One-Two .kpi-tab-content1::-webkit-scrollbar-track,
.vision-objective-One-Two .table-scroll-content1::-webkit-scrollbar-track,
.vision-objective-One-Two .table-scroll-content3::-webkit-scrollbar-track,
.phase2-I3 .team-rules-section table tbody::-webkit-scrollbar-track,
.agenda-I-scrollY::-webkit-scrollbar-track,
.accslide_howWCChart table tbody::-webkit-scrollbar-track,
.accslide_Mmin table tbody::-webkit-scrollbar-track,
.accslide_MminChart table tbody::-webkit-scrollbar-track,
.health-safety-tbody-mainScroll::-webkit-scrollbar-track,
.smat-analysis-tbody-mainScroll::-webkit-scrollbar-track,
.risk-prioritization-tbody-mainScroll::-webkit-scrollbar-track,
.single-agenda-tbody::-webkit-scrollbar-track,
.project-badges .plapro_tbody::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border-radius: 0px;
}

.vision-objective-One-Two .kpi-tab-content1::-webkit-scrollbar-thumb,
.vision-objective-One-Two .table-scroll-content1::-webkit-scrollbar-thumb,
.vision-objective-One-Two .table-scroll-content3::-webkit-scrollbar-thumb,
.phase2-I3 .team-rules-section table tbody::-webkit-scrollbar-thumb,
.agenda-I-scrollY::-webkit-scrollbar-thumb,
.accslide_howWCChart table tbody::-webkit-scrollbar-thumb,
.accslide_Mmin table tbody::-webkit-scrollbar-thumb,
.accslide_MminChart table tbody::-webkit-scrollbar-thumb,
.health-safety-tbody-mainScroll::-webkit-scrollbar-thumb,
.smat-analysis-tbody-mainScroll::-webkit-scrollbar-thumb,
.risk-prioritization-tbody-mainScroll::-webkit-scrollbar-thumb,
.single-agenda-tbody::-webkit-scrollbar-thumb,
.project-badges .plapro_tbody::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: #c1c1c1;
}

.custom-col-chart {
  width: 74%;
  text-align: center;
}

.custom-col-chart-content,
.tf1-tf5-left-content {
  /* width: 25%; */
  text-align: center;
}

.custom-col-chart-content h3,
.tf1-tf5-left-content h3 {
  font-family: "Gotham-Medium", sans-serif;
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
}
.custom-col-chart-content .nav-pills .nav-link.active,
.custom-col-chart-content .nav-pills .show > .nav-link,
.tf1-tf5-left-content .nav-pills .nav-link.active,
.tf1-tf5-left-content .nav-pills .show > .nav-link {
  background-color: #4cadaf;
}
.eveTheme .custom-col-chart-content .nav-pills .show > .nav-link,
.eveTheme .custom-col-chart-content .nav-pills .nav-link.active,
.eveTheme .tf1-tf5-left-content .nav-pills .nav-link.active,
.eveTheme .tf1-tf5-left-content .nav-pills .show > .nav-link {
  background-color: #1c94ce;
}
.custom-col-chart-content .nav-item,
.tf1-tf5-left-content .nav-item {
  width: 50%;
  margin: 0 auto;
}
.custom-col-chart-content .nav-pills .nav-link,
.tf1-tf5-left-content .nav-pills .nav-link {
  border-radius: 10px;
  background-color: #333333;
  color: #fff !important;
  margin: 0 5px 10px;
  padding: 5px 15px;
  text-transform: uppercase;
  font-size: 16px;
  font-family: "Gotham-Medium", sans-serif;
}
.custom-col-chart-content ul,
.tf1-tf5-left-content ul {
  width: 50%;
  margin: 0 auto;
}
.custom-col-chart-content h1,
.tf1-tf5-left-content h1 {
  font-family: "Gotham-Medium", sans-serif;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}
.custom-col-chart-content .totaleventconinn {
  margin-bottom: 10px;
}
.custom-col-chart-content h2,
.tf1-tf5-left-content h2 {
  font-family: "Gotham-Medium", sans-serif;
  font-size: 30px;
  text-align: center;
  margin-bottom: 0;
}
.custom-col-chart-content .evntext,
.tf1-tf5-left-content .evntext {
  color: #1c94ce;
}
.custom-col-chart-content .greentext,
.tf1-tf5-left-content .greentext {
  color: #4cadaf;
}
.eveTheme .custom-col-chart-content .greentext,
.eveTheme .tf1-tf5-left-content .greentext {
  color: #1c94ce;
}
.custom-col-chart-content .orangetext,
.tf1-tf5-left-content .orangetext {
  color: #cb8b37;
}
.custom-col-chart-content .yellowtext,
.tf1-tf5-left-content .yellowtext {
  color: #e2e229;
}
.custom-col-chart-content .redtext,
.tf1-tf5-left-content .redtext {
  color: #bf0000;
}

.toolkit-calc-w {
  background-color: #f9f9f9;
  height: calc(100vh - 155px);
  max-height: max-content;
  border-radius: 15px;
  overflow: hidden;
}

.tollkit-header h4 {
  font-family: "Gotham-Medium", sans-serif;
  font-size: 20px;
  color: #3b3b3a;
  text-align: left;
  margin-bottom: 0px;
  padding: 15px;
}

.toolkit-left-area,
.toolkit-left-area-slide2,
.toolkit-left-area-slide3,
.toolkit-left-area-slide4 {
  width: 20%;
  background-color: #e7f1f1;
  padding: 15px;
  text-align: center;
  border-right: 1px solid #a6a8ab;
  margin: 5px 0;
  height: calc(100vh - 259px);
  overflow-y: auto;
}

.toolkit-left-area h4,
.toolkit-left-area h2,
.toolkit-left-area-slide2 h4,
.toolkit-left-area-slide2 h2,
.toolkit-left-area-slide3 h4,
.toolkit-left-area-slide3 h2,
.toolkit-left-area-slide4 h4,
.toolkit-left-area-slide4 h2 {
  font-family: "Gotham-Medium", sans-serif;
  font-size: 20px;
  color: #3b3b3a;
  text-transform: uppercase;
}

.toolkit-left-area h3,
.toolkit-left-area-slide2 h3,
.toolkit-left-area-slide3 h3,
.toolkit-left-area-slide4 h3 {
  font-family: "GothamBold", sans-serif;
  font-size: 45px;
  color: #4cadaf;
}

.toolkit-left-area .py-12,
.toolkit-left-area-slide2 .py-12,
.toolkit-left-area-slide3 .py-12,
.toolkit-left-area-slide4 .py-12 {
  padding: 12px 0px;
}

.toolkit-right-area {
  width: 80%;
  padding: 0px 80px 0px 30px;
  text-align: left;
  margin: 5px 0;
  height: calc(100vh - 259px);
  overflow-y: auto;
  background-color: #f9f9f9;
}

.toolkit-right-area .card {
  background-color: #f9f9f9;
}

.toolkit-save-btn-fix {
  float: right;
  cursor: pointer;
  background-color: #4cadaf;
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 22px;
  position: fixed;
  z-index: 1000;
  border-radius: 8px;
}

.main-header-toolkit2 {
  background-color: #4cadaf;
  padding: 10px 15px;
  border-radius: 8px;
  position: relative;
}

.main-header-toolkit2 h2 {
  font-family: "Gotham-Medium", sans-serif;
  font-size: 16px;
  color: #fff;
}

.main-header-toolkit2 .addnew-icon {
  font-size: 22px;
  top: 50%;
  transform: translate(0, -50%);
}

#phase2_II_Toolkit .swiper-slide {
  padding-bottom: 0px;
}
.toolkit-save-btn-absulate {
  position: absolute;
  right: 0px;
}
.eve_headerrogbg.pillartopbarwithtxt {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 15px;
  padding-left: 15px;
}
.pillartopbarwithtxt h3 {
  font-family: "Gotham-Medium", sans-serif;
  font-size: 20px;
  color: #fff;
  text-align: left;
  margin-bottom: 0px;
  padding: 8px 8px 8px 8px;
}
.pillar_riskprorpagination .ngx-pagination {
  margin-bottom: 0;
  padding-left: 0;
}
.pillar_riskprorpaginationmain .pillar_riskprorpagination .ngx-pagination a {
  color: #fff;
  border-radius: 3px;
}
.pillar_riskprorpaginationmain
  .pillar_riskprorpagination
  .ngx-pagination
  a:hover {
  color: #000;
}

.calendar {
  z-index: 9;
}

.columnsbottom-wrapper.callistviewcolumnscolor-wrapper .ngx-pagination a {
  color: #fff;
  border-radius: 3px;
}
.columnsbottom-wrapper.callistviewcolumnscolor-wrapper
  .ngx-pagination
  a:hover {
  color: #000;
}


@media (min-width: 1900px) {
  .divKPIChart {
    min-height: 680px !important;
    width: 100%;
    padding-bottom: 15px;
    height: auto !important;
  }
}

input[type="number"] {
  -moz-appearance: textfield;
}

@media (max-width: 1199px) {
  #phase2_II1 h1,
  #phase2_II2 h1,
  #phase2_II1 .w-16 span,
  #phase2_III1 h1,
  #phase2_III3 h1,
  #phase2_III2 h1,
  #phase2_III4 h1,
  #phase2_III5 h1,
  #phase2_III6 h1,
  #phase2_III7 h1,
  #phase2_II_Toolkit h1,
  #phase2_II_Toolkit .check-list h2 {
    font-size: 20px !important;
  }

  #phase2_II2 h2,
  #phase2_III1 h2,
  #phase2_III3 h2,
  #phase2_III4 h2,
  #phase2_III5 h2,
  #phase2_III6 h2,
  #phase2_III7 h2 {
    font-size: 42px;
  }

  #phase2_III7 .w-30 p,
  #phase2_III7 .w-40 p {
    font-size: 25px;
  }

  #phase2_III7 .after-border {
    margin-top: 10px;
  }

  #phase2_II_Toolkit .check-list h3 {
    font-size: 18px;
  }

  #phase2_II_Toolkit .check-list {
    padding: 15px 0px;
  }

  #phase2_II_Toolkit .phase2-ipadbar {
    margin-top: 135px;
  }

  #phase2_II_Toolkit .custom-col2 {
    margin-top: 225px;
  }

  #phase2_II_Toolkit .custom-col2 .kpi-minilaptop-scroll1 h2.countNumber {
    font-size: 40px;
  }

  .byarea_analysis_txt h6 {
    font-size: 25px !important;
  }
}

.toolkit-t1 .II-kpi-p span {
  color: #044768;
}

.pn-ProductNav_Wrapper {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0;
  background-color: #fff;
  z-index: 999;
  padding: 0.5rem 11px !important;
}

.RH-filter-fixed {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 999;
  padding: 0.5rem 0px !important;
  margin: 0;
}

#year_select #myTab > li:last-child {
  margin-right: 30px;
}

.fixed-chart-header {
  position: sticky;
  top: 0;
  z-index: 999;
}

.Standard-Associated {
  padding: 0px;
  width: 35%;
}

.Standard-Associated1 {
  padding: 0px;
  width: 65%;
}

@media (min-width: 1200px) and (max-width: 1749px) {
  .Standard-Associated {
    padding: 0px;
    width: 100%;
  }

  .Standard-Associated1 {
    padding: 0px;
    width: 100%;
    margin-top: 7px;
  }
}
/***************************************************02-01-2020*/
@media (max-width: 1599px) {
  .phase2-calc-W .py-24 {
    padding: 15px;
  }
}

.pinTrackTxt2 {
  position: absolute;
  top: -4px;
  left: -2px;
  width: 39px;
  height: 39px;
  background-color: transparent;
  border-radius: 100%;
  text-align: center;
  padding: 12px 0;
}

@media (min-width: 1200px) and (max-width: 1365px) {
  .RR-action-lastfileld {
    width: 100%;
    padding: 0px 15px;
  }

  .RR-action-lastfileld1 {
    width: 100%;
  }

  .RR-action-lastfileld .font-15px-bold h3 {
    text-align: left;
  }

  .Standard-Associated1 .multiselect-dropdown .dropdown-btn .selected-item {
    font-size: 12px !important;
  }
}

.left_vertical_green_label {
  background-color: #4cadaf;
  border: 0px !important;
}
.right_vertical_green_label {
  background-color: #4cadaf;
  border: 0px !important;
}

.round-box {
  border: 5px solid #4cadaf;
  border-radius: 10px;
}

/* .SG-TEMP-PERM {
  width: 32%;
} */

.SG-TEMP-PERM h2 {
  font-size: 20px;
  font-family: "Gotham-Medium", sans-serif;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
}

.SG-TEMP-PERM p {
  word-break: break-all;
  font-family: "Gotham-Medium", sans-serif;
  font-size: 36px;
  text-align: center;
  color: #4cadaf;
}

.SG-TEMP-PERM-red {
  color: #c51e2b !important;
}
.SG-TEMP-PERM-yellow {
  color: #cb8b37 !important;
}
.SG-TEMP-PERM-gray {
  color: #afafaf !important;
}

.SG-TEMP-PERM-lightblue {
  color: #4b97bc !important;
}

.SG-TEMP-PERM-darkblue {
  color: #046ea3 !important;
}
.table-main-border {
  border: 3px solid #4cadaf;
  background-color: #4cadaf;
  border-width: 3px 3px 3px 0px;
  border-radius: 10px;
  overflow: hidden;
  height: calc(100vh - 298px);
}
.analysis-find-box select {
  text-transform: uppercase;
}
.phase2-heading1 {
  width: 100%;
  height: auto;
  font-size: 20px;
  font-family: "GothamBold", sans-serif;
  color: #fff;
  padding: 20px 30px 15px;
  text-transform: uppercase;
}
.pillar_memberassetfield .multiselect-dropdown .dropdown-btn {
  background-color: #fff;
}
.pillar_riskprorpagination .ngx-pagination {
  margin-bottom: 0;
  padding-left: 0;
}

.pillar_riskprorpaginationmain .pillar_riskprorpagination .ngx-pagination a {
  color: #fff;
}
@media (min-width: 1366px) and (max-width: 1439px) {
  #kpi2_object div > input:checked ~ article {
    width: 91.8%;
    opacity: 1;
  }
  #kpi1_object div > input:checked ~ article {
    width: 91.8%;
    opacity: 1;
  }
  #kpi3_object div > input:checked ~ article {
    width: 91.8%;
    opacity: 1;
  }
}

@media (min-width: 1440px) and (max-width: 1599px) {
  #kpi2_object div > input:checked ~ article {
    width: 92.3%;
    opacity: 1;
  }
  #kpi1_object div > input:checked ~ article {
    width: 92.3%;
    opacity: 1;
  }
  #kpi3_object div > input:checked ~ article {
    width: 92.3%;
    opacity: 1;
  }
}

@media (min-width: 1600px) and (max-width: 1890px) {
  #kpi2_object div > input:checked ~ article {
    width: 93.1%;
    opacity: 1;
  }
  #kpi1_object div > input:checked ~ article {
    width: 93.1%;
    opacity: 1;
  }
  #kpi3_object div > input:checked ~ article {
    width: 93.1%;
    opacity: 1;
  }
}
@media (min-width: 1280px) and (max-width: 1365px) {
  #kpi2_object div > input:checked ~ article {
    width: 91.25%;
    opacity: 1;
  }

  #kpi1_object div > input:checked ~ article {
    width: 91.25%;
    opacity: 1;
  }

  #kpi3_object div > input:checked ~ article {
    width: 91.25%;
    opacity: 1;
  }
}
@media (min-width: 1200px) and (max-width: 1279px) {
  #kpi2_object div > input:checked ~ article {
    width: 90.7%;
    opacity: 1;
  }

  #kpi1_object div > input:checked ~ article {
    width: 90.7%;
    opacity: 1;
  }

  #kpi3_object div > input:checked ~ article {
    width: 90.7%;
    opacity: 1;
  }
}
@media (max-width: 1199px) {
  #kpi2_object div > input:checked ~ article {
    width: 89.5%;
    opacity: 1;
  }

  #kpi1_object div > input:checked ~ article {
    width: 89.5%;
    opacity: 1;
  }

  #kpi3_object div > input:checked ~ article {
    width: 89.5%;
    opacity: 1;
  }
}
@media (max-width: 1079px) {
  #kpi3_object div > input:checked ~ article {
    width: 88.5% !important;
    opacity: 1;
  }

  #kpi2_object div > input:checked ~ article {
    width: 88.5% !important;
    opacity: 1;
  }

  #kpi1_object div > input:checked ~ article {
    width: 88.5% !important;
    opacity: 1;
  }
}

/*==============================/SMAT Calender================================*/
.SmatcalenderThemeBG {
  background-color: #f7f7f8;
}

.swiper-containerCalender .swiper-button-next,
.swiper-containerCalender .swiper-button-prev {
  top: 34px;
}
.swiper-containerCalender .swiper-button-next:after,
.swiper-containerCalender .swiper-button-prev:after {
  display: none;
}
.swiper-containerCalender .swiper-button-next i,
.swiper-containerCalender .swiper-button-prev i {
  font-size: 30px;
  font-weight: 900;
  color: #fff;
}
.swiper-containerCalender .swiper-button-next.swiper-button-disabled i,
.swiper-containerCalender .swiper-button-prev.swiper-button-disabled i {
  opacity: 1;
  color: #5e5e5e !important;
}
.swiper-containerCalender
  .swiper-wrapper
  .swiper-slide
  .EmployeeAssignedSmat:nth-child(n + 4) {
  margin-top: 0px;
}
.swiper-containerCalender .swiper-slide:nth-child(odd) .AssignedEmployeeDetail {
  background-color: #333333;
}
.swiper-containerCalender .swiper-slide {
  height: auto !important;
  overflow-y: visible;
  overflow-x: visible;
}

.swiper-containerCalender .swiper-slide:last-child .progress3,
.swiper-containerCalender .swiper-slide:last-child .progressGraybrdr {
  width: 50%;
}
.swiper-containerCalender .swiper-slide:last-child .progressDottedRight,
.swiper-containerCalender .swiper-slide:last-child .progressright {
  display: none;
}
/*==============================//SMAT Calender================================*/
.safetyTheme.addmembermodalfooter .btn-primary {
  background: #4cadaf !important;
  border-color: #4cadaf;
}
.safetyTheme.addmembermodal
  .multiselect-item-checkbox
  input[type="checkbox"]
  + div:before {
  color: #4cadaf;
  border: 2px solid #4cadaf;
}

.safetyTheme.addmembermodal
  .multiselect-item-checkbox
  input[type="checkbox"]:checked
  + div:before {
  background: #4cadaf;
}
ngb-datepicker.dropdown-menu {
  z-index: 9999;
}