@charset "UTF-8";
@font-face {
  font-family: 'poppins-regular';
  src: url('fonts/poppins.regular.ttf')  format('truetype'); 
}
@font-face {
  font-family: 'poppins-light';
  src: url('fonts/poppins.light.ttf')  format('truetype'); 
}
@font-face {
  font-family: 'montserrat';
  src: url('fonts/montserrat.ttf')  format('truetype'); 
}
.h1, .h2, .h3, h1, h2, h3 {
    font-family: "poppins-regular", serif;
}
.darkgrey{
  color:#444343;
}
.green{
  color:#769649
}
.orange{
  color:#EB923F;
}
.red {
  color:#B42E29;
}
body {
  font-family: 'poppins-regular', 'montserrat', sans-serif;
  font-size: 16px;
  line-height: 1.8;
  color: #444343;
  background-color: #ffffff;
}
.tblpages {
  display: inline-block;
  padding: 0;
  margin: 8px 0;
}
.tblpages li {display: inline;}
.tblpages li a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border:1px solid #ddd;
	border-radius: 5px;
	margin:0 4px;
}

.tblpages li a:hover {transition: background-color .3s;}

.tblpages li:first-child a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.tblpages li:last-child a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.tblpages li a.active {
  background-color: #4CAF50;
  color: white;
  border:1px solid #4CAF50;
}
ul.tblpages li a:hover:not(.active) {background-color: #ddd;}
ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
}
ul.breadcrumb li {display: inline;}
ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 100;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content {
  top:50vh;
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  
}

.ask-content {
  top:50vh;
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width:fit-content;
  box-sizing:unset;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.chk1 {height:auto; width:15px;}
.tbl0, .tbl0 td { 
  border-collapse: collapse;  border: 0px solid black !important; 
  width:auto !important; 
  margin:0px !important; 
  padding:0px !important; 
}
.tbl02 { 
  border-collapse: collapse;  border: 0px solid black !important; 
  width:auto !important; 
  margin:0px !important; 
}
.tbl02 td {
  border: 0px solid black !important; 
  padding:5px !important; 
}
.tbl02 th {
  border: 0px solid black !important; 
  padding:5px 20px 5px 20px;
  vertical-align:top;
}
.tbl3 { border-collapse: collapse;  border-bottom: 1px solid #ddd; }
.tbl3 thead { display: block;  background-color: #333; color: black; }
.tbl3 th { padding: 8px 10px; border: 1px solid #ddd; box-sizing: border-box;  }
.tbl3 td { padding: 8px 10px;  border: 1px solid #ddd; box-sizing: border-box; }
.tbl3 tbody { display: block; max-height: 300px; overflow-y: scroll }

.tbl4 { 
  border-collapse: collapse;  border: 0px solid black !important; 
  width:100% !important; 
  margin:10px !important; 
}
.tbl4 td {
  border: 0px solid black !important; 
  padding:5px !important; 
  text-align:center;
}

.tblselect tr:hover {
    background-color: #e2e2e2 !important;
}

.tblselect tr:hover td {
    background-color: #e2e2e2 !important; 
}
.form-control {
  padding:5px !important;
  height:50px !important;
}
.btn {
  padding: 7px !important;
}
.form-control {
  height:45px !important;
}
.bg-theme-colored1{
  background-color: #769649 !important;
}
.menuzord-container {
  background-color:#ffffff;
}
footer#footer {
  background-color: #769649;
  color:#000;
}

#top-primary-nav .menuzord-menu > li > a, #top-primary-nav-clone .menuzord-menu > li > a {
    background-color: #ffffff;
}
#top-primary-nav .menuzord-menu > li > a:hover{
    color: #B42E29;
}