@font-face {
    font-family: 'Poppins';
    src: url('../Fonts/Poppins-Regular.ttf');
    font-weight: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../Fonts/Poppins-Bold.ttf');
    font-weight: bold;
} 

html, body {
      margin:0;
      }
      
	 /* *
	  {
	  	outline: solid 1px;
	  }*/
	  	  
      .centered-content {
  
      width: 70%;
      margin: 0 auto;
      min-width: 1279px;
      }
	  
	  div.logo
	  {
	  	text-align: center;
		padding-top: 60px;
		padding-bottom: 40px;
	  }
      
      div.topichero h1, div.topichero h2, div.topichero h3, div.topichero h4 {
      text-align: center;
      margin: 0;
	  color: #4b4c4c;
     }
	 
	 nav.tab-bar
	 {
	 	padding-top: 20px;
		padding-bottom: 20px;
	 }

     div.topichero
	 {
	 	/*min-height: fit-content;*/
		height: 330px;
		margin-bottom: 4%;
	 }
	 
	 h1
     {
        padding-top: 0px;
        padding-bottom: 10px;
     }
	 
	 h1.Bold
{
	font-size: 1.5em;
	line-height: 1.2;
	margin: 0 0 7px;
	font-weight: 800;
}

	h2
{
	font-size: 24 px;
}

	h2.videoHeading
	{
		font-size: 18px;
		color: #475059;
		margin-left: 5%;
	}
	
	h3
     {
        padding-top: 0px;
        padding-bottom: 10px;
     }
	 
	 div.topichero h1
	{
	font-size: 36px;
	font-family: Arial, sans-serif;
	color: #3e3e3f;
	}
	
	div.topichero h2
	{
	font-size: 20px;
	font-family: Arial, sans-serif;
	padding: 0px 100px 0px 100px;
	line-height: 1.4;
	opacity: 0.69;
	font-weight: normal;
	}
	div.topichero h3
	{
	font-size: 36px;
	font-family: Arial, sans-serif;
	color: #3e3e3f;
	padding-top: 20px;
	}
	div.topichero h4
	{
	font-size: 20px;
	font-family: 'Poppins', Arial, Adobe Caslon, sans-serif;
	padding: 0px 100px 20px 100px;
	line-height: 1.4;
	opacity: 0.69;
	font-weight: normal;
	}
      .sectionHeading {
        margin: 1.5%;
        margin-top: 4%;
      }
      
      .pads {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      flex: 0 1 auto;
      justify-content: flex-start;
      padding: 10px 0px;
        }
      
      .padItem {
      position:relative;
      margin: 1.5% 1.5% 1.5% 1.5%;
      padding: 20px 40px 50px 0px;
      height: 250px;
      flex: 0 1 30%;
      text-align: left;
      overflow: visible;
	  max-width: 30%;
	  min-width: 350px;
	  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
      }
	  
	  .padItem:hover
      {
      	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25);
      	background-color: #fae0d969;
      	transform: translateY(-3px);
      	transition: all .25s ease-in-out;
      }
      
      .padItem img 
      {
        margin-top: 10px;   
      }

      p.padLabel
	{
		font: 20px Arial, sans-serif;
	}
	  
	  p.padLabel, p.padLabel + p
      {
        text-align: left;
      }

      p.padLabel + p
      {
        font-size: 13px;
      }

      .imagebox
      {
        width: 25%;
        height: 100%;
        float: left;
        margin: 0% 1% 0% 1%;
		padding-top: 10px;
      }

      p.padText {
      word-wrap: break-word;
      }
	  
	  /*div.padText
	  {
	  	width: 75%;
		height: 100%;
	  }
      */
	  
	  /*versionDropDown styles*/

.version-select
{
	display: inline-block;
	position: absolute;
	color: #ff5c39;
}

.version-select:after
{
	content: url('../Images/solid-down.png');
	position: absolute;
}

div.padItem
{
	overflow: visible;
}

div.versionList
{
	display: none;
	background-color: #ffffff;
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.25);
	width: fit-content;
	position: absolute;
	/*top: 25px;
	right: 210px;*/
	z-index: 1000;
	margin-top: 1%;
	border: solid 1px #b0bbc5;
	left: 86px;
	right: auto;
}
div.versionList.versionList1
{
	display: none;
	background-color: #ffffff;
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.25);
	width: fit-content;
	position: absolute;
	/*top: 25px;
	right: 210px;*/
	z-index: 1000;
	margin-top: 1%;
	border: solid 1px #b0bbc5;
	left: auto;
	right: auto;
}
div.versionList ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

/* kindly don't play around with the given block. This is used to equally divide the two hyperlink in time for example payers and providers */
.versionsContainer:not(:has(> .versionList)) {
 display: flex;
}

/* .nav-bar-grid{ */
	/* grid-template-columns: repeat(3, 1fr); */
    /* grid-template-rows: repeat(6, 1fr); */
    /* display: grid; */
    /* background-color: white; */
/* } */


/* .sub-menu:first-of-type { */
 /* display: grid; */
 /* grid-template-columns: repeat(2, 1fr); */
 /* background-color: white; */
 /* right: unset !important; */
/* } */

/* .sub-menu { */
 /* container-type: size; */
 /* container-name: navigation-container; */
/* } */
/* @container navigation-container (min-height: 400px) { */
 /* .sub-menu { */
	 /* display:grid; */
	 /* grid-template-columns: repeat(2, 1fr); /* Adjust layout */  */
	/* background-color: lightgray; /* Example change */   */
 /* } */
/* } */
.sub-menu{
	background-color: white;
}
div.versionList ul li
{
	list-style-type: none;
    text-align: left;
}

div.versionList ul li:last-child {
    border-bottom: none;
}

div.versionList ul li a {
    display: inline-block;
    width: 100%;
}

div.versionList ul li a:hover {
    background-color: #dce2e7;
}

.versionList-visible
{
	display: block !important;
	
}

	  
	 
      .versionsContainer
      {
        position: absolute;
        width:70%;
        left: 22%;
		top: 78%; 
      }
	  
	  .padLinksContainer
      {
        position: absolute;
        width:100%;
        padding-left: 25%;
        top: 75%;
      } 
	  
	  a.versionLink
	  {
	  	color: #ff5c39;
		margin-right: 5px;
		margin-left: 3%; 
	  }
	  
	  a.versionLink:hover
	  {
	   text-decoration: underline;
	  }
	  
	  a.oldVersionLink
	  {
	  	color: #ff5c39; 
		padding: 7px 25px 7px 7px; 
	  }

      a.linkFixed {
      display: inline-block;
	  /* removed this below width to keep the three links in equal spacing */
      /* width: 50%; */
      text-align: left;
      }
	  
	  a.linkFixed:after
      {
      	content: url('../Images/Path.png');
      	margin-left: 5px;
      }

      .pads-link
      {
        font-family: Arial;
        font-size: 13px;
        color: #ff5c39; 
        margin-top: 5px;
		margin-bottom: 5px;
		display: inline-block;  
      
      }
	        
      .pads-link:hover
      {
        text-decoration: underline;
      }
      
	  .docs-link
      {
        font-family: Arial;
        font-size: 18px;
        color: #ff5c39; 
        margin-top: 5px;
		display: contents;  
      
      }
      
      .docs-link:hover
      {
        text-decoration: underline;
      }
	  
	  p.docs
	  {
	  	font-size: 14px;
		margin-top: 0px;
	  }
      
      .productSection {
      margin-top: 1%;
      }
      
      .bottomItem
      {
        
        width: 26%;
        border: 1px solid transparent;
        margin: 4% 5% 5% 5%;
		
      }

      div.bottomItem h2, div.bottomItem p
      {
        text-align: left;
      }

      div.bottomItem p
      {
        font-size: 13px;
		display: inline-block;
    	width: 70%;
		margin-top: 10px;
		line-height: 1.5em;
      }

      .bottomItems {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      flex: 0 1 auto;
      justify-content: center;
	  border-top: dashed 1px #a6b0b6;
	  margin-top: 4%;
        }
		
	/*Video popup styling*/
	
	.MCTopicPopupContainer
		
	{
		margin: auto;
    padding-left: 40px;
    padding-right: 40px;
    width: 60%;
    border-radius: 3px;
  } 

  iframe.youtube-player_0
  {
    width: 90%;
    height: 90%;
    position: absolute;
    bottom: 20px;
    padding-top: 10px;
    margin-left: 5%;
    margin-right: 5%;
  }

  button.CloseTopicPopupButton.CloseTopicOuter
  {
    top: 10px;
    right: 50px;
  }

  button.CloseTopicPopupButton.CloseTopicInner
  {
    font-size: 40px;
  }

  button.CloseTopicPopupButton
  {
    color: #8d969f;
  }

  .CloseTopicPopupButtonContainer
  {
    width: 98%;
  }

  
  @media only screen and (max-width: 1600px)
  {
    .MCTopicPopupContainer
    
  {
    width: 90%;
    margin: auto;

  }
  }

  @media only screen and (max-width: 1279px)
  {
    .centered-content
    {
      width: 100%;
      min-width: 0px;
    }
	
	div.topichero h2
    {
    	padding: 0% 1% 0% 1%;
    	font-size: 20px;
    }
	
	.pads
    {
    	background-color: transparent;
    }

    
  }
 
/*CSS for Advanced Search Button*/
.nav-search-wrapper {
    display: flex;
	flex: 0 1 auto;
    padding: 4px;
	order: 3;
    width: 220px;
    height: 57px;
}

.search-bar .search-field {
	display: none;
}