body { margin:0px;
font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; font-family: "Montserrat", sans-serif; padding:0px; background:#6b90ba; }

h1 { font-size:32px; font-family: "Lato", sans-serif; font-weight: 400; font-style: normal; color:#0e1b05; }
h2 { font-size:24px; font-family: "Lato", sans-serif; font-weight: 400; font-style: normal; color:#0e1b05; }
h3 { font-size:20px; font-family: "Lato", sans-serif; font-weight: 400; font-style: normal; color:#3540ca; }
h4 { font-size:16px; font-family: "Lato", sans-serif; font-weight: 400; font-style: normal; color:#3540ca; }

a:link { text-decoration:none; color:#2222ff; font-weight:bold; }
a:visited { text-decoration:none; color:#2222ff; font-weight:bold; }
a:hover { color:#3540ca; }

.topblubanr { background:#3540ca; color:#fff; text-align:center; padding:5px 0px; }
.topwhtbanr { background:#fff; text-align:center; padding:10px 0px; margin-bottom:40px; }

.err { color:red; font-weight:bold; font-size:1.2em; }
.blkerr { border:1px #900 solid; padding:10px; margin:20px; font-weight:bold; color:#900; width:500px; text-align:center;}

#faq { background:#fff; }
.faqlabel { font-size:1.2em; color:#3540ca;  font-weight:bold; margin-top:20px; }
.faqlabel:hover { text-decoration:underline; cursor:pointer; }
.faqtext { margin-left:20px; display:none; }

       .banner {background-color: #60abff; color: white; padding: 10px 20px; text-align: center; 
	         position: relative; border-radius:4px; }
        .banner img {height: 50px; position: absolute; top: 5px; left: 20px;}

        .container {max-width: 780px; margin: auto; background-color: white; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
        .section {margin-bottom: 20px;}

        .clr_container { clear:left; max-width: 1000px; margin: auto; 
	              background-color: white; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1);}

        .title {color: #0e1b05; font-size: 20px; margin-bottom: 5px;}
        .htitle {color: #333333; font-size: 28px; font-weight:bold; margin-bottom: 5px;}
        .percentage-bar-container {background-color: #c4f9ff; border-radius: 5px; overflow: hidden; margin-top: 10px; text-align:left; }
        .percentage-bar {height: 20px; background-color: #3540ca; color: white; line-height: 20px; border-radius: 5px; padding: 0 5px; box-sizing: border-box; width: 0;}
        .maintbl {width: 100%; border-collapse: collapse; margin-top: 20px;}
        .maintbl th, td {text-align: left; padding: 8px; border: 1px solid #ddd;}
        .maintbl th {background-color: #007bff; color: white;}
        .maintbl tr:nth-child(even) {background-color: #f2f2f2;}
        .graph {text-align: center; margin-top: 20px;}
        #footer {margin-top: 120px; font-size: 14px; text-align:center; border-radius:5px; 
	         color: #999; padding:5px; border:1px #ddd solid; }
	#ftbl {  border:none; }
	#ftbl th { text-align:right; border:none; }
	#ftbl td { text-align:left; border:none; }
	.blubox { background:#3540ca; color:#ffffff;  border-radius:20px; padding-top:10px;padding-right:10px; }
	.bluboxhed { font-size:1.5em; font-weight:bold; color:#c4f9ff; text-align:left; margin:20px 0px 10px 20px; }
	.bluboxitm { width:90%; margin:20px;  }

	.whitebox { 
	  background: rgb(255,255,255);
	  background: linear-gradient(90deg, rgba(255,255,255,1) 46%, rgba(196,249,255,1) 65%);
	  color:#3540ca;  border-radius:20px; 
	  padding-top:10px;padding-right:10px; 
	  display: inline-flex; }
	.whiteboxreg { }
	.whiteboxparent { display: inline-flex; }
	.whiteboxhed { font-size:1.5em; font-weight:bold; color:#333333; text-align:left; margin:20px 0px 10px 20px; }

	.whiteboxitml {  width:50%; margin:20px;  }
	.whiteboxitmr {  width:50%; margin:20px;  }

	.leftbox { width:50%; background-color:white; }
	.dogleftbox { display: flex; justify-content: left; align-items: center; margin-left:-2%; width:30%; }
	.dogritebox { width:70%; color:#ffffff; padding:20px; background:#ffffff; color:#3540ca; }
	.ritebox { width:50%; color:#ffffff; padding:20px; background:#ffffff; color:#3540ca; }

	.abox { border:1px #ddd solid; width:80%; padding:10px; border-radius:4px; background-color:#eaeaea; }
	.lrgt { font-size:1.24em; }
	.smlt { font-size:0.74em; }
	.rimg { width:100%; position:relative; }
	.nomrk { list-style-type:none; }
        .ageblk { margin:10px 0px; }
        .agehdr { text-align:left; font-weight:bold; }
        .ageimg { text-align:center; }
	.agepred { margin:20px 0px 20px 50px; font-size:1.1em; color:#3540ca; font-weight:bold; }
	.agecent { margin:20px 0px 20px 10px; font-size:1.1em; color:#3540ca; font-weight:bold; }
	.snpstbl { max-width:760px; color:#0e1b05; }
        .snpstbl td { border:1px #3540ca solid; }	
	.resl { font-size: 0.8em; color:#3540ca; }
        #snpsdiv { width:100%; }
        .snpitm { float:left; width:220px; border:1px #3540ca solid; margin:5px; padding:5px; }
        .snpres { font-size:0.8em; float:top,left; color:#3540ca; font-weight:bold; }
        .snptxt { font-size:1.em; }
        .snpchr { font-size:0.74em; float:right; color:#3540ca; font-style:italic; }
        .notd { border:1px #333 solid;font-size:1.1em;color:#24bf39; float:right; padding:2px; }
	.notdlabel { font-size:1.2em; color:#24bf39; font-weight:bold; }
        .detc { border:1px #333 solid;font-size:1.1em;color:#e81042; float:right; padding:2px; }
	.detclabel { font-size:1.2em; color:#e81042; font-weight:bold; }

.pettbl { background:#fff; }
.pettbl td { border:none; }
.pettbl th { text-align:right; }
.faqarr { font-size:1.5em; }

.petupdbtn { border:1px #aaa solid; color:#3540ca; border-radius:5px; padding:0px 5px; text-align:center;  white-space:nowrap; }
.petupdbtn:hover { cursor:pointer; color:#5555da; }
.petupdblk { border-left:2px #aaa solid; padding:10px 40px 0px 0px;  display:none; }

.smlf { background:inherit; width:100px; margin:none; font-size:1.1em; color:#343; }
.medf { background:#fef; width:150px; }
.lrgf { background:#fff; width:300px; font-size:0.8em; }

.smlfu { background:inherit; width:100px; margin:none; border-left: none; 
         border-right: none; border-top: none; border-bottom:1px solid #ddd; }
.medfu { background:#fff; width:175px; font-size:1.2em; line-height:1.5em; border:1px solid #ddd; } 
         /* border-left: none; border-right: none; border-top: none;  */
.lrgfu { background:#fff; width:300px; font-size:1.2em; line-height:1.5em; border:1px solid #ddd; }

.dttf { width:120px; border:none; }
.chkf { width:50px; border:none; }
.numf { width:80px; border:none; }

.iwaiter { display:none; }
.err { padding:10px; margin:10px; color:#900; font-weight:bold; }
.msg { padding:10px; margin:10px; color:#3540ca; font-weight:normal; font-size:1.1em; }

.btn { font-family:'rob2'; border:2px #78d0FF solid; border-radius:10px; padding:10px; font-size:1.1em; font-weight:bold; color:#6090ca; }
.btn:hover { background:#fff; color:#78d0ff; cursor:pointer; }
.smlbtn { font-family:'rob2'; border:1px #78d0FF solid; border-radius:4px; padding:2px; font-size:.8em; font-weight:bold; color:#333; }
.smlbtn:hover { background:#fff; color:#bcea73; cursor:pointer; }

.bigbtn { font-family:'rob2'; border:1px #78d0FF solid; border-radius:5px; background:#eaeaea; padding:8px; font-size:20px; font-weight:bold; }
.bigbtn:hover { background:#fff; color:#bcea73; cursor:pointer; }