/*
 Theme Name:     Risk4Sea Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

a {
  color: #c00000;
}

a:hover {
  color: #002C42;
}

ol, .et_pb_text ol{
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 1vw;
}

.entry-content ol li ol{
	
}
/*----------------------BUTTONS--------------------------------- */
.et_pb_button, .et_pb_button_0 {

	border-radius: 10px!important;
	border:0px!important;
	opacity: 1!important;
	color:#fff!important;
	background:#C00000!important;
	font-size: 16px!important;
	padding: 8px 25px!important;
	text-transform: uppercase!important;
	
}

.et_pb_button:hover, .et_pb_button_0:hover {

	border-radius: 10px!important;
	border:0px!important;
	opacity: 1!important;
	color:#fff!important;
	background:#002C42!important;
	font-size: 16px!important;
	padding: 8px 25px!important;
	text-transform: uppercase!important;
	
}

.et_pb_button:after, .et_pb_button_0:after {
	display:none!important;
}

a.mega-menu-link:hover{color:#C00000!important;}


.high-color {
  background: red;
}

/*----------------------HEADER--------------------------------- */


.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li{margin-top:0px;}
#menu-item-244040{padding-right: 0px;
  padding-left: 0;}
  
#menu-item-244041{padding-right: 0;}

#menu-item-244040 a::after {
    content: '\2192'; /* This is the right arrow Unicode character */
    margin-left: 8px; /* Add some space between text and arrow */
    font-size: 16px; /* Adjust size of the arrow if necessary */
    display: inline-block;
}


/* City Colors */

.paris-color {
  stroke: #C345FC !important;
  fill: #C345FC !important;
}

.tokyo-color {
  stroke: #F321AB !important;
  fill: #F321AB !important;
}

.uscg-color {
  stroke: #45C3FC !important;
  fill: #45C3FC !important;
}

.indian-ocean-color {
  stroke: #45FC61 !important;
  fill: #45FC61 !important;
}

.black-sea-color {
  stroke: #FC4545 !important;
  fill: #FC4545 !important;
}

.abuja-color {
  stroke: #FCAD45 !important;
  fill: #FCAD45 !important;
}

.vina-del-mar-color {
  stroke: #FC45C3 !important;
  fill: #FC45C3 !important;
}

.mediterranean-color {
  stroke: #A1FC45 !important;
  fill: #A1FC45 !important;
}

.caribbean-color {
  stroke: #45FCA1 !important;
  fill: #45FCA1 !important;
}

.australia-color {
  stroke: #45A1FC !important;
  fill: #45A1FC !important;
}

.indonesia-color {
  stroke: #FCA145 !important;
  fill: #FCA145 !important;
}

.vietnam-color {
  stroke: #A145FC !important;
  fill: #A145FC !important;
}

/* Quarter Colors */

.q1-2023-color {
  stroke: #FFC107 !important;
  fill: #FFC107 !important;
}

.q2-2023-color {
  stroke: #03A9F4 !important;
  fill: #03A9F4 !important;
}

.q3-2023-color {
  stroke: #4CAF50 !important;
  fill: #4CAF50 !important;
}

.q4-2023-color {
  stroke: #E91E63 !important;
  fill: #E91E63 !important;
}

.q1-2024-color {
  stroke: #FF9800 !important;
  fill: #FF9800 !important;
}

.q2-2024-color {
  stroke: #00BCD4 !important;
  fill: #00BCD4 !important;
}

.q3-2024-color {
  stroke: #8BC34A !important;
  fill: #8BC34A !important;
}

/* Age Group Colors */

.age-0-5-years {
  stroke: #FF5733 !important;
  fill: #FF5733 !important;
}

.age-6-10-years {
  stroke: #33FF57 !important;
  fill: #33FF57 !important;
}

.age-11-15-years {
  stroke: #3357FF !important;
  fill: #3357FF !important;
}

.age-16-20-years {
  stroke: #F33FF5 !important;
  fill: #F33FF5 !important;
}

.age-20-years {
  stroke: #F3FF33 !important;
  fill: #F3FF33 !important;
}

/* Container for the donut charts */

.donut-charts-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;

  > div {
    flex: 1 1 200px;

    /* Adjust the width as necessary */
    max-width: 200px;

    /* Ensure the charts do not exceed this width */
  }
}

/* Style for each individual chart */

.donut-chart-label {
  margin-top: 10px;
  font-weight: bold;
}

/* Container for the charts to display them inline */

.charts-container {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

#horizontal-bar-chart, #stacked-bar-chart {
  width: 48%;

  /* Adjust the width as necessary */
  max-width: 600px;
  margin: 0 auto;
}

/* Adjust the chart titles to align the charts */

#horizontal-bar-chart .apexcharts-title-text, #stacked-bar-chart .apexcharts-title-text {
  margin-bottom: 10px;
  display: block;
  text-align: center;
}

#horizontal-bar-chart {
  width: 30%;
  max-width: 600px;
  margin: 0 auto;
}

#stacked-bar-chart {
  width: 70%;
  max-width: 600px;
  margin: 0 auto;
}

.portslist .et_pb_text_inner {
  overflow-y: auto !important;
}

table#challengingports {
  font-size: 14px;
}

/* -------------------------------- REPORT FORMS ------------------------------ */

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

.kpiTitle {
  font-size: 23px;
  font-weight: 500;
  line-height: 34.5px;
  color: #fff !important;
  margin-right: 20px;
}

.inline-form div{
margin: auto;
  align-content: center;
  display: flex;
  align-items: center;
}


.inline-form {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border: 2px solid #C00000;

  label {
    margin-right: 10px;
    color: #000;
	font-size: 16px;
  }

  select,   input[type="number"]{
    margin-right: 20px;
    padding: 8px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
    color: #002c42;
	font-size:14px;
  }

  input[type="submit"] {
    background: #C00000;
    border: none;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    cursor: pointer;

    &:hover {
      background: #002C42;
    }
  }
}

.reportForm input {
  color: #002c42;
  border-left: none;
  border-top: none;
  border-bottom: none;
  margin-right: 20px;
}

@media only screen and (max-width: 1280px) {
	.reportForm, .inline-form{display:block;}
	
}

/* ----------------------- POCRA RESULTS PAGE -------------------- */

/* Custom CSS for styling */

.blur-text {
  filter: blur(3px);
}

.blur-button {
  background: #9E9E9E;
  color: #fff;
  border-radius: 10px;
  text-align: center;
  filter: blur(3px);
}

.report-container {
  font-size: 14px;
  padding: 0;
  margin: 0;
  width: 100%;
  padding-top: 0px !important;
}

.report-header {
  background: #FFB017;
  width: 520px;
  margin: auto;
  margin-bottom: auto;
  border-radius: 10px;
  padding: 15px 10px 15px 40px;
  display: flex;
  gap: 10px;

  h3 {
    font-weight: 400;
  }

  .btn {
    margin-left: 15px;
    background: none;
    border: 1px solid #fff;
	padding: 7px 20px;
    border-radius: 5px;
    color: #fff;
  }
}

.report-container {
  .pocra_title {
    display: flex;
    align-items: center;
    padding: 10px 20px;

    .pocra-subtitle {
      color: #002C42;
      font-size: 20px;
      font-weight: 500;
      line-height: 29px;
    }
  }

  .psc_preparation_sample_xls {
    border: 4px solid #C00000;
    border-radius: 10px;
    padding: 10px 15px;
    position: absolute;
    width: 279px;
	right: 10px;
    top: 0px;
    background: #F3F3F3;

    .sample_title {
      color: #002C42;
      font-size: 20px;
      font-weight: 700;
      text-align: center;
      line-height: 29px;
      margin-bottom: 5px;
    }

    .sample_description {
      color: #002C42;
      font-size: 14px;
      text-align: center;
      line-height: 19px;
    }

    .sample_download {
      color: #C00000;
      text-align: center;
      display: flex;
      justify-content: center;

      /* This centers the content horizontally */
      align-items: center;

      /* This centers the content vertically within the flex container */
      line-height: 20px;
      cursor: pointer;
      margin-top: 5px;

      img {
        margin-right: 5px;
      }
    }
  }

  .pocra_info_details {
    margin-left: 15px;
    color: #C00000;
    font-weight: 700;
	font-size: 18px;
  }
}


@media screen and (max-width: 1024px) {
.psc_preparation_sample_xls{display:none;}
	
}
.pocra-report-button-container {
  display: flex;
  gap: 2px;

  /* Space between buttons */

  button {
    background-color: #9E9E9E;

    /* Gray background color */
    border: none;
    padding: 20px 20px;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
  }

  .pocra-button {
    background-color: #fff;
    color: #AAAAAA;
    border: 1px solid #AAAAAA;
  }

  .export-button {
    background-color: #9E9E9E;
    color: white;

    img {
      vertical-align: middle;
      margin-right: 5px;

      /* Space between icon and text */
    }
  }
}

.report-pocra-container{
	
	
	.bggreen {
		background-color: #92D050; 
		color: #fff; 
		font-weight: 600;
	}

	.bgyellow {
		background-color: #F7CA18; 
		color: #fff; 
		font-weight: 600;
	}

	.bgred {
		background-color: #D91E18; 
		color: #fff; 
		font-weight: 600;
	}

	.level {
		font-weight: bold; 
		padding: 5px;
		font-weight: 600;
	}
		
	
	
.section-header {
	background: #CFCFCF;
	color: #002C42;
}
    .blureffect-risk {
        background-color: grey !important;
        color: white; 
    }
.section-header .title{font-weight:700;}
  table {
    border: 0 !important;
    margin: 0 !important;
	.center-text{
		text-align:center;
	}
    .blue {
      color: #002C42;
    }
	.bgred{color:#fff;font-weight:700;background: #D91E18;}
	.blureffect {
		filter: blur(3px); 

	}

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

	.risk_color.low {
		font-size:10px;
		color: #fff;
      padding: 4px 10px;
      border-radius: 10px;
      width: 100%;
      display: block;
      text-align: center;
      background: #92D050;
    }
    .risk_color.medium {
		font-size:10px;
		color: #fff;
      padding: 4px 10px;
      border-radius: 10px;
      width: 100%;
      display: block;
      text-align: center;
      background: #F7CA18;

    }
    .risk_color.high {
		font-size:10px;
		color: #fff;
      padding: 4px 10px;
      border-radius: 10px;
      width: 100%;
      display: block;
      text-align: center;
      background: #D91E18;

    }
	.risk_color.grey {
		font-size:10px;
		color: #fff;
      padding: 4px 10px;
      border-radius: 10px;
      width: 100%;
      display: block;
      text-align: center;
      background: grey;

    }
  }

  tr td, thead th {
    padding: 0px 5px;
  }

  tr td {
    line-height: 21px;
    height: 35px;
  }

  thead tr th {
    background: #002C42;
    color: #fff;
    font-weight: 700px;
  }
  
   td:nth-child(1) {
		width: 38px;
	}

	 td:nth-child(2) {
		width: 330px;
	}

	 td:nth-child(3) {
		width: 425px;
	}
	
	 td:nth-child(4) {
		width: 87px;
	}

	td:nth-child(5) {
		width: 87px;
	}
	
	td:nth-child(6) {
		width: 255px;
	}

  .overal_psci_probability, .overal_port_call_risk_assessment {
    background: #D91E18;
    color: #fff;
    font-weight: 700px;
  }

  .overal_psci_severity_assesment {
    background: #92D050;
    color: #fff;
    font-weight: 700px;
  }

  .subheading {
    background: #CFCFCF;
    color: #002C42;
    font-weight: 700px;
  }
  
  .pocra_overall_table {
	  tr.bggreen{color:#fff;font-weight:700;background: #92D050;}
	  td:nth-child(1){
		width: 35px;
		}
	  td:nth-child(2) {
		width: 346px;
	}
	 td:nth-child(3) {
		text-align:center;
	}
  }
  
  .pocra_overall_table_status {
		tr.bgred{color:#fff;font-weight:700;background: #D91E18;}

		
	   	td:nth-child(1) {
			width: 35px;
		}
		td:nth-child(2) {
			width: 350px;
		}
		td:nth-child(3) {
			width:125px;
			text-align:right;
		}
		td:nth-child(4) {
			width:90px;
		}
		td:nth-child(5) {
			width:264px;
		}
		.level{
			background: #fff;
			  color: #000;
			  border-radius: 20px;
			  padding: 4px 8px;
		}
  }
  
}

.report-header {
  text-align: center;
  margin-bottom: 20px;

  h2 {
    margin-bottom: 10px;
  }
}

.table {
  thead th {
    background-color: #f1f1f1;
    border-top: 2px solid #dee2e6;
  }

  tbody tr td {
    vertical-align: middle;
  }
}

.high-risk {
  color: red;
}

.low-risk {
  color: green;
}

.yellow-pocra {
  background: #F7CA18;
  color: #fff;
  border-radius: 10px;
  text-align: center;
  font-size: 10px;
  line-height: 12px;
  padding: 8px;
}

.red-pocra {
  background: #D91E18;
  color: #fff;
  border-radius: 10px;
  text-align: center;
  font-size: 10px;
  line-height: 12px;
  padding: 8px;
}

.green-pocra {
  background: #92D050;
  color: #fff;
  border-radius: 10px;
  text-align: center;
  font-size: 10px;
  line-height: 12px;
  padding: 8px;
}

.button-container {
  text-align: center;
  margin-bottom: 20px;

  button {
    margin: 5px;
  }
}

.important_notes ol{padding-bottom: 0;}

/* -------------------------------- LEAFLET MAPS ------------------------------- */

.leaflet-popup-content {
  width: 550px !important;
}

.custom-popup {
  font-family: Arial, sans-serif;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 560px;

  /* Adjust width as needed */

  div {
    flex: 1;
    padding: 10px;

    &:last-child {
      margin-right: 0;
    }
  }

  .left-col {
    background: #F3F3F3;

    .subtitle {
      font-family: Lato;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      text-align: left;
      padding: 0px 10px 10px 0px;

      span {
        color: #C00000;
      }
    }
  }

  .right-col {
    padding: 0px 10px 10px 0px;

    .list-info {
      text-align: center;
      padding: 25px;
    }
	li{
		line-height:20px;
		font-size: 14px;
		text-align: left;
    }
	ul{
		margin-top: 15px;
    }
  }

  table {
    border: 0px;
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;

    tr td {

      border: 0px;
      padding: 4px 0px;

      &:first-child {
        color: #002C42;
      }

      &:nth-child(1) {
        color: #C00000;
		width: 35px;
      }
    }
  }

  .title {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.09px;
    text-align: left;
  }

  img {
    width: 161px;
  }

  .image-box {
    padding: 0px 0px 0px 10px;
    background: #F3F3F3;
    text-align: right;
  }

  h3 {
    margin-top: 0;
    font-size: 18px;
    color: #4C87B9;
    line-height: 26px;
  }

  p {
    margin: 0;
    font-size: 14px;
    color: #555;
    padding: 0;
  }

  a {
    display: block;
    margin-top: 10px;
    padding: 8px 10px;
    background-color: #C00000;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;

    &:hover {
      background-color: #0056b3;
    }
  }
}
.port_deficiency_profile_table tr td:nth-last-child(-n+4) {
    text-align: center;
}

.port_deficiency_profile_table  tr td:nth-child(1) { width: 0%;}

.port_deficiency_profile_table tr td:nth-child(2) {width: 6%;}

.port_deficiency_profile_table tr td:nth-child(3) { width: 25%;}

.port_deficiency_profile_table tr td:nth-child(4) {width: 20%;}

.port_deficiency_profile_table tr td:nth-child(5) {width: 15%;}

.port_deficiency_profile_table tr td:nth-child(6) {width: 9%;}

.port_deficiency_profile_table tr td:nth-child(7) { width: 9%;}

.port_deficiency_profile_table tr td:nth-child(8) {width: 7%;}

.port_deficiency_profile_table tr td:nth-child(9) {width: 76%;}



.port_deficiency_profile_table tr {
  td, th {
    padding: 0px 5px;
  }

  td {
    color: #2F353B;
  }

  .blue {
    color: #4C87B9;
  }

  &:nth-child(even) {
    filter: blur(5px);
  }
}

.port_deficiceny_profile_notes_title {
  font-size: 20px;
  font-weight: 500;
  line-height: 29.38px;
  text-align: left;
  color: #000;
  padding: 15px;
}

.port_deficiceny_profile_notes ol {
  font-family: Lato;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
  color: #2F353B;
  padding-bottom: 0;
}

/* Custom modal styles */

.custom-modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.custom-modal-content {
  background-color: #fff;
  margin: 10% auto;
  border: 6px solid #002c42;
  width: 80%;
  max-width: 1280px;
  border-radius: 8px;
  position: relative;
  height: 600px;
  overflow: hidden;
}

.custom-modal-close {
  color: #aaa;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;

  &:hover, &:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
}

.custom-modal-body {
  display: flex;
  flex-wrap: wrap;

  .image-content {
    flex: 3.5;
    padding: 20px;

    .excel_icon {
      width:60px;
      float: left;
    }
  }

  .image-content-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    z-index: 99;
    position: relative;
  }

  .text-content {
    background-color: #D4DFE4;
    flex: 1.5;

    p {
      font-size: 24px;
      line-height: 28px;
      color: #002C42;
      padding: 25px;
      margin-top: 85px;
    }

    .download_link {
      text-align: center;
      padding: 30px 0px;

      a {
        font-size: 24px;
        line-height: 29px;
        font-weight: 700;
        color: #4C87B9;
      }
    }

    .modal_yellow {
      background-color: #FFB017;
      color: #000;
      font-size: 30px;
      font-weight: 600;
      line-height: 36px;
      border-radius: 10px;
      margin: 20px;
      text-align: center;
      padding: 0px 20px 20px 20px;
	}

	.modal_yellow a{
	background: none;
      border: 2px solid #fff;
      padding: 14px 17px;
      border-radius: 5px;
      color: #fff;
      font-weight: 500;
      font-size: 16px;
	}
	
      p {
        margin-top: 0px;
		font-weight: 500;
      }

      button {
        background: none;
        border: 2px solid #fff;
        color: #fff;
        border-radius: 10px;
        padding: 20px;
        font-size: 15px;
        font-weight: 500;
        padding: 20px;
      }
    }
  }
}

#challenging_ports_list {
  border: 0;

  tr {
    th {
      font-size: 16px;
      line-height: 21px;
      color: #3F4254;
      font-weight: 500;
    }

    td {
      font-size: 14px;
      line-height: 20px;
      color: #7E8299;

      &.rank {
        text-align: center;
      }
    }
  }
}

.dropdown-text {
  font-size: 18px;
  line-height: 24px;
  color: #002C42;
}



.segment-dropdown {
  line-height: 24px;
  color: #C00000;
  border: 0;
  border-bottom: 1px solid;
}


    .port_deficiency_profile_subheader {
        display: block;
    }
     .port_deficiency_profile_subheader > div {
        flex-grow: 1; 
		}
		.col1 {
			flex-basis: 40%; /* 2/5 of the width */
			padding: 10px 25px;
		}
		.col2, .col3 {
			flex-basis: 25%;
			text-align: center; 
		}
		
		.col4{
			flex-basis: 12%;
			margin-top: 50px;
			font-size:16px;
		}
		.col1 div {
			text-align: left; 
		}
    .port_deficiency_profile_subheader > div:first-child {
        text-align: left;
    }
	
	.port_deficiency_profile_subheader .col2, .port_deficiency_profile_subheader .col3{
		background:#9E9E9E;
		border-radius:10px;
	}
	
	.port_deficiency_profile_subheader .col1 div{
		line-height: 19px;
	}
	.port_deficiency_profile_subheader .col1 .title{
		margin-bottom: 5px;
		color: #C00000;
		font-weight: 700;
		font-size: 18px;
	}
	
	
	.port_deficiency_profile_subheader .col2 .title, .port_deficiency_profile_subheader .col3 .title{
		background: #9E9E9E;
	  border-radius: 5px;
	  text-align: left;
	  line-height: 19px;
	  padding: 15px;
	  color:#4C87B9;
	}
	
	.port_deficiency_profile_subheader .col2{
		position: absolute;
		background: #F3F3F3;
		color: #002C42;
		font-size: 14px;
      text-align: center;
      line-height: 19px;
	  padding: 10px 30px;
	  border: 4px solid #C00000;
	  width: 280px;
	  right: 20px;
	  top: -60px;
	}
	.port_deficiency_profile_subheader .col2 .sample_description{
		margin-bottom: 10px;
	}	
	.port_deficiency_profile_subheader .col4 div{
		display: flex;
	}
	
	
	.port_deficiency_profile_subheader .col4 img{
		height: 20px;
	  margin-top: 8px;
	  margin-right: 5px;
	}
	.port_deficiency_profile_subheader .sample_download{
		color: #C00000;
		  gap: 5px;
		  display: flex;
		  justify-content: center;
		  align-items: center;
	}
	

@media screen and (max-width: 1024px) {
.port_deficiency_profile_subheader{display:none;}
	
}
	
/* BEST PERFORMERS	------------------------------------------------------- */

/* Container for the Best Performers List */
.best-performers-list {
    max-width: 100%;
    margin: 20px auto;
    padding: 0;
    list-style: none;
}

/* Each Performer Item */
.best-performer-item {
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
    background-color: #EEA10D; /* Orange color */
    padding: 2px;
    margin-bottom: 5px;
    border-radius: 5px;
    color: white;
    font-weight: 400;
    font-size: 14px; /* Responsive font size */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
}

.best-performer-item .manager-name{
	margin-right:20px;
	margin-left: 20px;
}

.best-performer-item .bench-tier{
	color: #002C42;

}


/* Specific Widths for Each Item */
.best-performer-item:nth-child(1) { width: 100%;}

.best-performer-item:nth-child(2) {width: 97%;}

.best-performer-item:nth-child(3) { width: 94%;}

.best-performer-item:nth-child(4) {width: 91%;}

.best-performer-item:nth-child(5) {width: 88%;}

.best-performer-item:nth-child(6) {width: 85%;}

.best-performer-item:nth-child(7) { width: 82%;}

.best-performer-item:nth-child(8) {width: 79%;}

.best-performer-item:nth-child(9) {width: 76%;}
.best-performer-item:nth-child(10) { width: 73%;}

/* Left-align items */
.best-performers-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}



/* Side by Side divs at best perfomers */
.side-by-side-1  {
	width: 32%;
  float: left;
  margin-right: 5px;
}

/* Best Performers Analytical Grid */
.best-performers-analytical-grid {
    width: 100%;
    overflow-x: auto;
    margin: 20px 0;
	height: 800px;
}

.best-performers-analytical-grid table {
    width: 100%;
    border:none!important;
    text-align: left;
}

.best-performers-analytical-grid th,
.best-performers-analytical-grid td {
    padding: 5px 15px!important;
	font-size:14px;
	border:none!important;
	color: #000;
}

.best-performers-analytical-grid th{
	padding: 5px!important;
}


.best-performers-analytical-grid td{
		align-items: center;	
		display: flex;

}
.best-performers-analytical-grid{
	
   td:nth-child(1), th:nth-child(1) {
		width: 50px;
	}

	 td:nth-child(2), th:nth-child(2) {
		width: 300px;
	}

	 td:nth-child(3), th:nth-child(3) {
		width: 140px;
	}
	
	 td:nth-child(4), th:nth-child(4) {
		width: 120px;
		justify-content: center;
	}

	td:nth-child(5), th:nth-child(5) {
		width: 100px;
		justify-content: center;
	}
	
	td:nth-child(6) , th:nth-child(6){
		width: 100px;
		justify-content: center;
	}
	
}

.best-performers-analytical-grid th {
    color: #000!important;
    font-weight: bold;
	
}

.best-performers-analytical-grid tr{
background-color: #fff;
  border: 1px solid #D4DFE4;
  border-radius: 10px;
  margin-bottom: 5px;
  display: flex;;
}

.best-performers-analytical-grid tbody tr:hover {
    background-color: #f1f1f1;
}


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

.bestPerformersForm .formTitle{
	font-size: 23px;
  font-weight: 500;
  line-height: 34.5px;
  color: #fff !important;
  margin-right: 20px;
}


.bestPerformersForm input {
  color: #ABADB1;
  border-left: none;
  border-top: none;
  border-bottom: none;
  margin-right: 20px;
}



/* ----------------------- NEGA MENU -------------------*/

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu{
	padding: 50px 10px;
	margin-top:29px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
}


#mega-menu-item-3218 ul li.mega-menu-item a.mega-menu-link::before,
#mega-menu-item-582 ul li.mega-menu-item a.mega-menu-link::before,
#mega-menu-item-2966 ul li.mega-menu-item a.mega-menu-link::before{
	background: #E0E5F0!important;
	padding: 7px 13px!important;
	border-radius: 10px!important;
	margin: -7px 15px 8px 0px !important;
}

/* ----------------------- SIDE BAR -------------------*/
.et_pb_sidebar_0{
	text-align: center;
	  padding: 0;
	  border-left: 1px solid #e0e5f0;
	  border-right: none;
}

.best-performers-dynamic-title{
	font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 31px;
  color: #000;
}

.best-performers-dynamic-title span{color: #C00000;}


@media (min-width: 981px) {
	.et_right_sidebar #content-area #left-area{
		padding-right: 20px;
		width: 72%;
	}

	.et_right_sidebar #content-area #sidebar {
		width: 320px;
		padding-left: 20px;
	}

	.et_right_sidebar #content-area .et_pb_widget  {
		width: 300px;
	}

	.et_right_sidebar  .container {
	  width: 95%;
	}

	 .et_pb_gutter.et_pb_gutters1.et_right_sidebar #main-content .container::before {
		right: 28% !important;
	  }
}

@media (max-width: 1315px) {
	
	.et_right_sidebar #content-area #left-area {
		width: 100%;
	  }
	  .et_right_sidebar #content-area #left-area .et_post_meta_wrapper{
		 text-align: center; 
	  }
	  
	   .et_pb_gutter.et_pb_gutters1.et_right_sidebar #main-content .container::before {
		display: none;
	  }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-5px);
    }
    60% {
        transform: translateY(-3px);
    }
}

#scroll-indicator {
    animation: bounce 2s infinite;
}


/* ------------------- POCRA SELECT2 ----------------------------- */

.select2, .select2-selection{width: 230px!important;border: none!important;}


/* Set font size for the Select2 placeholder */
.select2-container .select2-selection__placeholder {
    font-size: 14px !important;
}

/* Set font size for the options in the dropdown */
.select2-selection__placeholder, .select2-container .select2-results__option {
    font-size: 14px !important;
	color: #002c42 !important;
}

/* Set font size for the selected option (displayed in the input area) */
.select2-container .select2-selection__rendered {
    font-size: 14px !important;

}


/* Make the Select2 dropdown results wider */
.select2-container .select2-dropdown {
    width: auto !important; /* Set auto width, or use a specific value */
    min-width: 400px; /* Adjust this to make it wider */
}

/* Make the input field wider when dropdown is open */
.select2-container--open .select2-selection--single {
    width: auto !important; /* Set width to auto */
    min-width: 400px; /* Adjust this to the width you prefer */
}



/* ------------------- CHALLENGING PORTS MODAL ----------------------------- */
/* Modal background */
.xls-modal {
    display: none; 
    position: fixed;
    z-index: 9999; 
    padding-top: 60px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.3);
}

/* Modal content */
.xls-modal-content {
    background-color: #fefefe;
    margin: 5% auto;
    padding: 0;
	max-width: 1300px;
	border-radius: 10px;
	border: 6px solid #002c42;
}

/* Close button */
.xls-modal-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
	position: absolute;
	right: 20px;
	top: 10px;
}

/* Close button hover */
.xls-modal-close:hover,
.xls-modal-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


.port_deficiency_profile_modal .xls-modal-content{
	position:relative;
}

/* Container for columns */
.port_deficiency_profile_modal .modal-body {
    display: flex; 
    gap: 20px; 
    align-items: center;
	align-items: stretch;
}

/* Column 1: 60% width */
.port_deficiency_profile_modal .modal-body .col1 {
    width: 75%;
	flex-basis: 75%;
flex-direction: column;
}

.port_deficiency_profile_modal .modal-body .col1 .title{
    display: flex; /* Use flexbox for inline layout */
    gap: 20px; /* Optional: add space between columns */
	padding: 30px 0;
}

.port_deficiency_profile_modal .modal-body .col1 .title h2{
	 margin-top: auto;
	font-weight:700;
}

/* Column 2: 40% width */
.port_deficiency_profile_modal .modal-body .col2 {
    width: 25%;
	flex-basis: 25%;
	background:#D4DFE4;
	flex-direction: column;
	padding: 40px;
}

.port_deficiency_profile_modal .modal-body .col2 .description{
	margin-top: 80px;
	  text-align: left;
	  color: #002c42;
	  line-height: 28px;
}

.port_deficiency_profile_modal .modal-body .col2 .sample_download{
	margin: 30px 0px;
}

.port_deficiency_profile_modal .modal-body .col2 .report-header{
	display: block;
	width: auto;
	margin: 0;
	padding: 20px;
}


/* ------------------ PSCI WIKI - Knowledge base ------------------ */

.bpress-main ol{
  display: block;
  list-style-type: decimal;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}

.bpress-main ul {
  display: block;
  list-style-type: disc;
  margin-top: 1em;
  margin-bottom: 1 em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}

.bpress-main h1{
	font-family: Lato;
	font-size:36px;
	line-height:42px;
	color: #13172B;
	font-weight:600;
}

.bpress-main p{
	font-family: Lato;
	color: #002C42;
    font-size: 18px;
    line-height: 24px;
	font-weight: 400;
}

.bpress-post-link.show-icon a {
	font-family: Lato;
	font-weight:400;
}


.bpress-post-link.show-icon a {
  display: table-cell;
  width: 100%;
  color: #333;
}

h1.bpress-card-header, h2.bpress-card-header {
border-left: 5px solid #c00000;

}

.bpress-search-suggest ul li b {
  color: #c00000;
}

.bpress-search input.bpress-search-field.show-submit {
 font-weight:400;
  color: #13172B;
}

.bpress-card-footer {
  color: #c00000!important; 
}

.bpress-card-footer:hover {
  color: #002C42!important; 
}

.bpress-post-header{
  margin-bottom: 15px;
}

.bpress-post-header h1{

	font-family: Lato;
	font-size:36px;
	line-height:42px;
	color: #13172B;
	font-weight:600;
}

.bpress-crumbs li a {
  color: #c00000;
}

.bpress-crumbs li a:hover {
   color: #002C42!important;
}


.bpress-search-submit input[type="submit"]{
 color: #c00000;
}

.bpress-search-submit input[type="submit"]:hover{
color: #002C42!important; 
}


/* ------------------ INSIGHTS ------------------ */
.main_blog p {
	font-family: Lato;
	color: #002C42!improtant;
    font-size: 18px;
    line-height: 24px;
	font-weight: 400;
}

.main_blog .post-meta a{
	color: #c00000!important;
}

.main_blog .post-meta{
	margin: 10px 0px;
}

.main_blog h2{
	line-height: 35px;
}

.main_blog h2:hover{
	color: #c00000!important;
}

.et_pb_title_meta_container{
	margin-bottom: 5px;
}


/* ------------------ BLOG PAGINATION ------------------ */
.wp-pagenavi{
	text-align: center;
}

.wp-pagenavi a, .wp-pagenavi span {
  text-decoration: none;
  border: none;
  padding: 3px 5px;
  margin: 2px;
  color: #c00000;
}

.wp-pagenavi a:hover, .wp-pagenavi a:hover {
	color: #002C42!important;
}

.wp-pagenavi span.current {
  font-weight: bold;
  color: #002C42!important;
}


/* ------------------ TERMS OF US SIDEBAR ------------------ */
.terms_of_use_sidebar {
	text-align: left!important;
	padding: 0 30px;
}

#menu-terms-conditions-menu{
	text-align: left;
}

#menu-terms-conditions-menu li a:hover{
	color:#bf2026;
}

/* ------------------ LOGIN Free Trial Buttons ------------------ */
.login_header_button{margin-left: 10px!important;}

.login_header_button a{

	border: 2px solid #C00000!important;
	color: #fff!important;
	padding: 0px 20px!important;
	border-radius: 10px!important;
	color:#C00000!important;
	line-height: 34px!important;
}

.login_header_button a:hover{
	background: #C00000!important;
	border: 2px solid #C00000!important;
	padding: 0px 20px!important;
	border-radius: 10px!important;
	color:#fff!important;
	line-height: 34px!important;
}

.trial_header_button a{
	background: #C00000!important;
	border: 2px solid #C00000!important;
	padding: 0px 20px!important;
	border-radius: 10px!important;
	color:#fff!important;
	line-height: 34px!important;
}

.trial_header_button a:hover{
	background: #002C42!important;
	border: 3px solid #002C42!important;
	padding: 0px 20px!important;
	border-radius: 10px!important;
	color:#fff!important;
	line-height: 34px!important;
}
.trial_header_mobile_button{
	background: #c00000!important;
}

.trial_header_mobile_button a{
	color: #fff!important;
}

.trial_header_mobile_button a:hover{
	color: #fff!important;
}

.login_header_mobile_button{
	border: 2px solid #c00000!important;
}
.login_header_mobile_button a{
	color:#c00000!important;
}

/* ------------------ DIVI CAROUSEL STYLE ------------------ */


.slick-dots li.slick-active button{
	background: #c00000!important;
}

.blurb_carousel_home .et_pb_blurb {
	display: flex !important;
	  justify-content: center;
	  flex-direction: column;
	  margin: auto;
}



/* -------------------------------- GRAVITY FORMS STYLE ------------------------------- */
.gform-body input[type="text"],.gform-body textarea , .gform-body input[type="email"]{
  background: #eee;
  border: none;
  border-radius: 0;
  color: #999 !important;
  padding: 15px !important;
}

.gform-body .gfield_select{
background: #eee !important;
  border: none !important;
  border-radius: 0 !important;
  color: #999 !important;
  padding: 15px !important;
  max-height: 49px !important;
  margin-top: 12px !important;
}

.gform_wrapper .gform_footer input.button {
  color: #fff;
  background-color: #C00000;
  padding: 8px 25px !important;
  border-radius: 10px;
  font-size: 16px !important;
  text-transform: uppercase;
  cursor: pointer;
  border:none;
}



/* ----------------------- BLOG PAGE -------------------- */

@media screen and (min-width: 981px) {
  .blog-row .et_pb_salvattore_content .column.size-1of2 {
    width: 47%;
    margin-right: 3%;
  }
}

@media screen and (min-width: 981px) {
  .blog-row .et_pb_salvattore_content[data-columns]::before {
    content: '2 .column.size-1of2' !important;
  }
}

.blog-row .et_pb_post {
  border: 0;
  box-shadow: rgba(46,41,51,.08) 0 1px 2px, rgba(71,63,79,.08) 0 2px 4px;
  transition: transform 250ms cubic-bezier(.4,0,.2,1) 0s,box-shadow 250ms cubic-bezier(.4,0,.2,1) 0s;
}

.blog-row .et_pb_post:hover {
  transform: translateY(-.25rem);
  box-shadow: rgba(46,41,51,.08) 0 4px 8px, rgba(71,63,79,.16) 0 8px 16px;
}






@media screen and (max-width: 1280px) {
	.inline-form label{width: 112px!important;}
	.inline-form .select2{width: 85%!important;}
	.inline-form select{width: 79%!important;}
	.select2-container .select2-dropdown {
	  width: auto !important;
	  min-width: 200px;
	}

}


@media (max-width: 980px) {
  .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-start;
  }
}


/* --------- loading -------- */
        .loading-overlay {
   position: fixed; /* Fullscreen positioning */
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.9); /* Light semi-transparent background */
    display: none; /* Initially hidden */
    align-items: center;
    justify-content: center;
    z-index: 9999; /* Higher than typical Divi elements */
        }
        
        .pulsing-image {
            width: 160px; /* Adjust the size of the image */
            height: auto;
            animation: pulse 0.5s infinite;
        }
        
        /* Pulse Animation */
        @keyframes pulse {
            0%, 100% {
                transform: scale(1);
                opacity: 1;
            }
            50% {
                transform: scale(1.2); /* Scale up slightly */
                opacity: 0.7; /* Dim slightly */
            }
        }
		
.apexcharts-legend{left: 60px!important;}