* {box-sizing:border-box;}
html,body {color:#0A3409;margin:0;font-family:Lato,Arial,sans-serif;}
a, [id^=tlist] {color:#559E54;text-decoration:none;}
a:hover, [id^=tlist]:hover {color:#0A3409;text-decoration:underline;}
a[class*='plain']:hover {text-decoration:none;}
h2,h3,h4,h5 {margin-bottom:10px;line-height:1.375em;color:#0A3409;}
h2 {font-size:2em;font-weight:600;text-transform:uppercase;}
h3 {font-size:1.7em;font-weight:500;}
h4 {font-size:1.15em;font-weight:400;margin-top:5px;margin-bottom:5px;}
h5 {font-size:1.4em;font-weight:500;margin-top:6px;margin-bottom:6px;}
h1.min {font-size:1.75em;font-weight:600;margin: 12px 0px 6px;}
button,input,select,textarea{font:inherit;margin:0;}
img {max-width:100%;height:auto;}
label {white-space:nowrap;}
.container {max-width:1200px;margin:auto;padding:2px;/*border:1px dotted #808080;*/}
.row:before,.row:after,.container:after,.container:before {content:'';display:table;clear:both;}

[class*=col-] {width:100%;float:left;padding:0.4em;}
.col-2 {padding:0.3em;/*border:1px dotted #f00;*/}
.col-3,.col-6 {padding:0.2em;/*border:1px dotted #00f;*/}

.table,.tableAll{border-collapse:collapse;border-spacing:0;width:100%;display:table}
.tableAll{border:1px solid #ccc}
.bordered tr,.tableAll tr{border-bottom:1px solid #ddd}
.tableAll tr:nth-child(even){background-color:#f1f1f1}
.tableAll tr:nth-child(odd){background-color:#fff}
.hoverable tr:hover, th {background-color:#ccc}
.table td,.table th,.tableAll td,.tableAll th{padding:7px 5px;display:table-cell;text-align:left;vertical-align:top;}
.table th:first-child,.table td:first-child,.tableAll th:first-child,.tableAll td:first-child{padding-left:9px;}

.topimg {height:148px;background-image:url('../parts/home.jpg');background-size:cover;
  border:0px;padding-top:7px;text-align:center;margin-bottom:0;}

.nav {background-color:#0A3409;}
.topnav {position:relative;max-width:1200px;margin:auto;overflow:hidden;}
.topnav a {display:block;color:#e8e8e8;text-align:center;text-decoration:none;
  padding:9px 9px;font-size:1.15em;border:1px solid grey;border-width:1px 0 0 0;}
.topnav a:hover {background-color:#e8e8e8;color:#0A3409!important;}
.topnav a.active {background-color:#559E54;color:#0A3409;}
#home {display:block;width:50%;text-align:left;border:0;}
a.hambar {position:absolute;display:block;width:50%;right:0;top:0;text-align:right;padding:9px 9px;border:0;}
.topnav.toptog a[id^=menu] {display:none;}
.topnav a[id^=menuR] {color:#e8e8e8;}

.card {font-size:0.9em;margin:6px;border:1px solid #0A3409;border-radius:6px;}
.card:hover, .ocard:hover, .button0:hover {box-shadow: 0 6px 12px 0 rgba(0,0,0,0.3);}
.cardtop {color:#e8e8e8;background-color:#305A30;font-size:1.4em;text-align:center;padding:9px;
  border-style:inherit;border-color:inherit;border-width:0 0 1px 0;border-radius:6px 6px 0 0;}
.cardbody {background-color:white;font-size:1em;text-align:center;padding:4px;}
.cardbot {color:#305A30;background-color:#e8e8e8;font-size:0.9em;padding:8px;
  border-style:inherit;border-color:inherit;border-width:1px 0 0 0;border-radius:0 0 6px 6px;}

.ocard {font-size:0.9em;margin:6px;border:1px solid #D9EDF7;border-radius:6px;}
.ocardtop {color:#305A30;background-color:#D9EDF7;font-size:1.1em!important;padding:5px;
  border-style:inherit;border-color:inherit;border-width:0 0 1px 0;border-radius:6px 6px 0 0;}
.ocardbody {background-color:#fff;font-size:1em!important;padding:4px;font-size:0.9em;padding:5px;
  border-style:inherit;border-color:inherit;border-width:0;border-radius:0 0 6px 6px;}

.well {font-size:0.9em;margin:8px;padding:8px;border-radius:7px;color:#305A30;border:1px solid #E3E3E3;}
.well_reg {font-size:1em;margin:8px;padding:8px;border-radius:7px;color:#305A30;border:1px solid #E3E3E3;}
.well,.well_reg p {margin:0;padding:1px 2px;}
.well.divider {padding:0px;background-color:#f7f5e6;border:none;}

.grey {background-color:#F5F5F5;border-color:#E3E3E3;}
.cream {background-color:#f7f5e6;border-color:#e7e0b1;}
.pink {background-color:#fcc;border-color:#f99;}
.ltblue {background-color:#d9edf7;border-color:#d9edf7;}
.ltgreen {background-color:#e6ffe6;border-color:#cfc;}
.bg-ltgrey {background-color:#f1f1f1!important;}

.clearfix::after {content:"";clear:both;display:table;}
.pointer {cursor:pointer;}
.center {text-align:center!important;}
.right {text-align:right!important;}
.notbold {font-weight:normal;}
.floatright {float:right;}
.small {font-size:0.85em;}
.large {font-size: 1.2em;}
.regular {font-size:1.1em!important;margin:5px!important;}
.footer {background-color:#f7f5e6;}
.footnote {max-width:992px;margin:auto;text-align:center;padding:5px;font-size:0.9em;}
.olabel {padding-top:0;text-align:left;}
.inset {padding: 0 7% 0 7%;}
.insetsm {padding: 0 3% 0 3%;}
.insetqtr {padding: 0 20% 0 20%;}
.pad9 {padding:9px;}
.hidediv {display:none;}
.showdiv {display:inherit;}
.edged {padding:3px 5px;border-radius:5px;border-width:1px;border-style:solid;}

.badge {background-color:#808080;color:#fff;display:inline-block;
 padding-left:4px;padding-right:4px;text-align:center;border-radius:5px;}

button, .button {background-color:#4eb151;color:#e6ffe6;padding:8px 12px;border:2px solid #e6ffe6;border-radius:5px;
 text-align:center;text-decoration:none;display:inline-block;font-size:1.1em;margin:auto;cursor:pointer;}
button:hover, .button:hover {background-color:#e6ffe6;color:#4eb151;border-color:#4eb151;box-shadow: 0 6px 12px 0 rgba(0,0,0,0.3);}
.button {width:90%;margin-left:5%;}
a.button:hover {text-decoration:none;}
.button0,.button0:hover {font-size:0.85em;padding:3px 5px;color:#fff;border-color:#fff;}
.button1 {width:50%;background-color:#fff;color:#4eb151;border-color:#4eb151;float:right;}
.button1:hover {background-color:#4eb151;color:#fff;}
.button50c {width:50%;display:block;margin:8px auto;}
.button4 {width:90%;margin:4px auto;background-color:#f7f5e6;color:#305A30;border:1px solid grey;}
.button4:hover {background-color:#305A30;color:#f7f5e6;border-color:#ccc;}
.button5 {width:100%;float:none;display:block;margin:auto;margin-bottom:5px;margin-top:3px;
 padding:4px;border:1px solid #fff;border-radius:4px;font-size:1.1em;}
.dlButt {width:100%;display:block;float:none;}
.dlButt:disabled, .dlButt:disabled:hover {cursor:not-allowed;background-color:#f8f3ed;color:tan;border-color:tan;}
.buttmin {background:none;border:none;padding:0px;color:#305A30;}
.buttmin:hover {background:none;box-shadow:none;}
.buttcan {background:none;border:none;padding:0px;color:#f00;font-weight:bold;}
.buttcan:hover {background:none;box-shadow:none;color:#900}


.cardtop.login {font-size:1em;padding:2px;color:#305A30;background-color:#f1f1f1;border-width:0;}
.cardbot.login {font-size:1em;padding:6px;background-color:white;}


.g1{grid-area:head;}
.g2{grid-area:f1;}
.g3{grid-area:f2;}
.g4{grid-area:f3;}
.g5{grid-area:foot;}
.contactgrid{display:grid;grid:'head head' 'f1 f2' 'f3 f3' 'foot foot';grid-gap:20px;
 background-color:transparent;padding:5px;}
input[type=text], input[type=numeric], input[type=email], input[type="password"], select, textarea {
 width:100%;padding:9px;border:1px solid grey;border-radius:5px;resize:vertical;}
textarea {min-height:75px;}
input[type=text].share {display:inline;width:40px;padding:2px;}

.slideshow {position:relative;height:62px;overflow:hidden;}
.slide {position:absolute;width:100%;top:0;opacity:0;
padding:10px;text-align:center;font-style:italic;}
.dots{text-align:center;padding:7px 0 0 0;}
.dot{height:11px;width:11px;margin:0 7px;background-color:#333333;
border-radius:50%;display:inline-block;opacity:0.2;}
.slideshow div {animation:slideshow 49s infinite;}
@keyframes slideshow {15%{opacity:1;}30%{opacity:0;}}
.dots span {animation:dots 49s infinite;}
@keyframes dots {15%{opacity:1;}30%{opacity:0.2;}}
.slideshow div:nth-child(1),.dots span:nth-child(1){animation-delay:0s;}
.slideshow div:nth-child(2),.dots span:nth-child(2){animation-delay:7s;}
.slideshow div:nth-child(3),.dots span:nth-child(3){animation-delay:14s;}
.slideshow div:nth-child(4),.dots span:nth-child(4){animation-delay:21s;}
.slideshow div:nth-child(5),.dots span:nth-child(5){animation-delay:28s;}
.slideshow div:nth-child(6),.dots span:nth-child(6){animation-delay:35s;}
.slideshow div:nth-child(7),.dots span:nth-child(7){animation-delay:42s;}

.feat p, .feat div {font-size:1em;}
.feat p {line-height:1.2em;margin:0.4em 0.5em 0.2em 0.2em;
  display:inline-block;width:100%;vertical-align:top;}

.icon {stroke:currentColor;stroke-width:2;stroke-linecap:round;
 stroke-linejoin:round;fill:none;background-color:transparent;}
.jlogo {width:284px; height:133px; margin: auto; border: 1.5px solid white;}
.mlogo {width:179px; height:133px; margin: auto; border: 1.5px solid white;display:none;}
[id^='svgw'] {color:#0A3409;margin:auto;display:none;}
#btnmsg {color:#0A3409;font-size:1.2em;font-weight:bold;}

.svgbox {stroke:black;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;fill:none;}
.svgbox text {font:italic 4px sans-serif;stroke-width:0;fill:black;}
.svgbox circle, .svgbox line {stroke:#0094ff;}
.svgbox rect {stroke-width:0;fill:#cccccc;}

/*start from acexams*/
.klogodiv {position:relative;height:0;width:100%;padding:0;padding-bottom:30%;max-width:400px;}
.klogo {position:absolute;height:100%;width:100%;left:0;top:0;}
/*end from acexams*/

.info {padding-top:0;}
.red {color:#f00;}
.green {color:#0f0;}
.acegreen {color:#305A30;}
.midgreen {color:#559E54;}
.alert {background-color:#ffcccc!important;border:2px solid #f00!important;}
.chart {width:95%;height:250px;margin:auto;}
#apnb{color:#660;}

.ewayimg {float:right;width:40%;padding-top:8px;padding-left:20px;}
.paygrid {display:grid;grid-template-columns:97%;grid-gap:10px;padding:5px;}
.pay1{color:#305A30;}
.checkgrid{display:grid;grid-template-columns:38% 58%;grid-gap:10px;padding:5px;}
.ch1{grid-column:1;grid-row:auto;color:#559E54;text-align:right;}
.ch2{grid-column:2;grid-row:auto;}
.ch12{grid-column:1/3;grid-row:auto;}
.stage {font-size:1em;font-weight:300;padding:0px 0px 12px!important;}

@media screen and (min-width: 576px) {
  #home {display:block;float:left;width:15%;border:0;text-align:center;}
  .topnav a[id^=menu], .topnav.toptog a[id^=menu] {display:block;float:left;width:15%;border:0;}
  .topnav a[id^=menuR], .topnav.toptog a[id^=menuR] {float:right;}
  a.hambar {display:none;}
  .button3 {width:30%;}
  div.slideshow {height:45px;}
  [id^=chart] {height:300px;}
  .feat p {width:46%!important;}
  .paygrid {grid-template-columns:auto 170px 220px auto;}
  .pay1{grid-column:2;text-align:right;padding-top:10px;}
  .pay2{grid-column:3;}
  .pay3,.pay4,.pay5{grid-column:2/4;}
  .checkgrid {grid-template-columns:auto 170px 260px auto;}
  .ch1{grid-column:2;}
  .ch2{grid-column:3;}
  .ch12{grid-column:2/4;}
  h1.min {font-size:2em;font-weight:600;}
  .ewayimg {width:32%;}
  .stage {font-size:1.15em;font-weight:400;padding:0px 0px 16px!important;}
  .mlogo {display:inline;}
}

@media screen and (min-width: 768px) {
  .col-1 {width:100%;}
  .col-2 {width:50%;}
  .col-3 {width:33.33%;}
  .col-6 {width:66.66%;}
  div.slideshow {height:30px;}
  [id^=chart] {height:400px;}
  .info {padding-top:95px;}
  .jlogo {width:333px;height:156px;}
  .mlogo {width:208px;height:156px;}
  .topimg {height:170px;}
  .ewayimg {width:24%;}
  .klogodiv {padding-bottom:50%;max-width:300px;}
  .olabel {padding-top:12px;padding-right:15px;text-align:right;}
  .stage {font-size:1.25em;font-weight:500;padding:0px 0px 18px!important;}
}

@media only screen and (min-width: 992px) {
  .feat p {width:31%!important;}
  [id^=chart] {height:500px;}
}
