.btn-tealdk{background:#075E54 !important; color:white !important;}
.btn-tealdk:hover{background:#075E54; color:yellow !important; font-weight:bold;}
.bg-tealdk{background:#075E54; color:white;}
.bg-tealblack{background:#032f2a; color:white;}
.bg-yellow{background:#ffff00; color:black;  ;}
.bg-bluelt{background:#4169e1; color:black;}
.bg-blue{background:#000085; color:white;}
.bg-teal{background:#128C7E; color:white;}
.bg-red{background:#b22222   ; color:white;}
.bg-teallt{background:#0ca594    ; color:white;}
.text-teal{color:teal;}
.text-yellow{color:#ffff00 ;} 
.text-teal{color:teal;}
.bold{font-weight:bold;} 
.tophead{
	padding-left:10px;
	color:white;
	font-size:5rem;
	font-weight: lighter !important;
}
@media print {
    body * {
        visibility: hidden;
    }
				.not-print {visibility: hidden;}

    .printcontainer,
    .printcontainer * {
        visibility: visible;
    }

    .printcontainer {
        position: absolute;
        left: 0px; 
        top: 0px; 
    }
}














  .ey { width: 120px; border: 2px solid white; background:rgba(255,250,250,.5);} 
  .govt { width: 85px; border: 2px solid white; background:rgba(255,250,250,.5);} 
@media screen and (max-width: 700px) {

  .ey { width: 100px; } 
  .govt { width: 70px; } 
		.tophead {
	font-size:2rem;
	padding: 40px 20px;
  } 
}
@media screen and (max-width: 650px) {
  .ey { width: 80px; } 
  .govt { width: 60px; } 
}
@media screen and (max-width: 570px) {
  .ey { width: 60px; } 
  .govt { width: 45px; } 
}
@media screen and (max-width: 486px) {
  .ey { width: 40px; } 
  .govt { width: 30x; } 
			.tophead {
	font-size:1rem;
	padding: 0px 5px;
  } 
}
@media screen and (max-width: 390px) {
  .ey { width: 50px; } 
  .govt { width: 20x; } 
			.tophead {
	font-size:20px; 
  } 
}
@media screen and (max-width: 600px) {
  .tophead {
	font-size:2.5rem;
	padding: 40px 20px;
  } 
}


.bgbody
{
	background-image: url("Assets/bodybg.svg");
}
.index-div{
	width:300px; height:100px;box-shadow: rgba(0, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px; text-align:center;background-image: linear-gradient(to right, #0ca594 , #075E54);
  flex-direction: column; justify-content: center;display: flex;
}
.index-div a{ color:white;}
.index-div a:hover{text-decoration:none; color:white;}
.index-div:hover{background-image: linear-gradient(to right, #075E54 , #0ca594);box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;}