body {
	font-family: 'Lato', sans-serif, "verdana", Georgia, Serif;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Lato', sans-serif;
    letter-spacing: 5px;
}
.page-heading {
    
	text-align: center;
    
	padding-top: 28px;
    
	padding-bottom: 28px;
    
	background: #E7E7EA;

}


.page-heading h1 {
    
	margin-bottom: 0%;
    
	color:#010101;
	font-size: 40px;
    	font-family: "Paralucent", "Tahoma";
    	line-height: 65px;
    	font-weight: bold;
	letter-spacing:0px;
}
.w3-top {
	background-color:#ffffff;
}
.w3-content {
	margin:0px !important;
	max-width:2000px !important;
}
.jobtitle_alpha_disabled {
	color:#999999;
	font-weight:bold;
}

    div {
      font-size:14px !important;
      font-family: Arial;
    }

    .mainContainer {
      max-width:620px;
      min-width:475px;
      margin:auto;
    }

    .container {
      display: grid;
      grid-template-columns: 100px auto 80px;
      gap: 2px;
      background-color: #000000;
      padding: 2px 2px 0px 2px;
      max-width:800px;
    }

    .containerLast {
      padding: 2px 2px 2px 2px;
    }

    .container div {
      background-color: #f1f1f1;
      text-align: center;
      padding: 8px 5px;
      font-size: 30px;
    }

    .containerResults div {
      background-color: #ffffff !important;
    }
  
    .gridItemWide {
      grid-column-start: 2;
      grid-column-end: 4;
      min-width:262px;
    }

    .gridText {
      margin:auto;
    }

    .gridHead {
      font-weight: bold;
    }
    
    .gridcol1 {
      /* max-width:160px; */
      /* min-width:150px; */
    }

    .gridcol2 {
      /* max-width:400px; */
      min-width:200px;
    }

    .gridcol3 {
      /* max-width:60px; */
      min-width:40px;
    }

    .classTitle {
      width:290px;
    }

    .classSeries {
      width:290px;
    }

    .classGrade {
      width:290px;
    }

    .alphaLayout {
      padding:0px !important;
      margin:auto;
	  line-height:2;
    }