html{
    font-family:'Poppins', sans-serif;
}
table, th, td{
  font-size: 10pt;
}
td{
    vertical-align:middle;
}
 .table-responsive{
  padding:10px;
}
h3, h4, h2, h5 {
  font-family:'Poppins', sans-serif;
}
.card2 .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #40e664;
  border-color: #fcfdcd;
}
.card .card2 button.dt-button, div.dt-button, a.dt-button, input.dt-button {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin-left: .167em;
  margin-right: .167em;
  margin-bottom: .333em;
  padding: .5em 1em;
  border: 1px solid #35ca56;
  border-radius: 5px;
  cursor: pointer;
  font-size: .88em;
  line-height: 1.6em;
  color: #cb1010;
  white-space: nowrap;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background: linear-gradient(to bottom, rgb(206 255 221) 0%, rgb(95 255 136 / 48%) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(230, 230, 230, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)");
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  outline: none;
  text-overflow: ellipsis;
}
body{
  background:  #BBD5BE;
  margin:0;
  padding:20px;
  font-family:'Poppins', sans-serif;
  align-content: center;
}
hr{
  border-color:#EDFFEF;
  border-width:2px;
  border-style:solid none none;
  width:100%;
}
.logo{
 justify-content: center;
 display:flex;
 flex:1;
}
.navbar{
  margin:auto;
}

.card .row{
    display: flex;
    justify-content: space-evenly;
    align-items: stretch;
}

.card0 .row{
  display: flex;
  justify-content: space-evenly;
  align-items: stretch;
}

.card .row .locate{
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

label {
	display: inline-block;
	font-size: 13px;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.card{
  background:white;
  padding:30px;
  margin:10px 100px 10px 100px;
  border-radius: 10px;
  box-shadow: 0px 16px 31px rgba(0, 0, 0, 0.15);
  font-size:12pt;
  width:auto;
}
.card a{
      text-decoration: none;
      color:inherit;
}

.card0{
  background:white;
  padding:30px;
  margin:auto;
  margin-top:100px;
  border-radius: 10px;
  box-shadow: 0px 16px 31px rgba(0, 0, 0, 0.15);
  font-size:14pt;
  width:80%;
}
.card0 a{
      text-decoration: none;
      color:inherit;
}

.card2{
  background:#c2f3c2;
  padding:10px;
  margin:auto;
  border-radius: 5px;
  box-shadow: 0px 16px 31px rgba(0, 0, 0, 0.1);
  font-family:'Poppins', sans-serif;
  margin-bottom: 35px;
}

footer{
  text-align:center;
}

* {
  box-sizing: border-box;
}
input,select {
  display:block;
  width:100%;
  padding:10px;
  font-family:'Poppins', sans-serif;
  border-radius:5px;
  border-style:dotted;
  background-color: #fff;
}

element.style {
  margin-bottom: 3px;
}
select {
  word-wrap: normal;
}
button, select {
  text-transform: none;
}
button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
select {
  word-wrap: normal;
}
button, select {
  text-transform: none;
}
button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

*, ::after, ::before {
  box-sizing: border-box;
}
*, ::after, ::before {
  box-sizing: border-box;
}
* {
  box-sizing: border-box;
}

select:focus-visible {
  border-color:#28a745;
}
textarea {
  width:100%;
  padding:15px;
  border-radius:15px;
  border:0;
  box-shadow:4px 4px 10px rgba(0,0,0,0.06);
  height:150px;
}

.type-2 {
  background-color: #fafafa;
  border:0;
  box-shadow:0 0 4px rgba(0,0,0,0.3);
  transition: .3s box-shadow;
}
.type-2:hover {
  box-shadow:0 0 4px rgba(0,0,0,0.5);
}
.form_input{
	border:0px solid transparent;
	border-radius: 0;
	border-bottom: 1px solid #aaa;
	padding: 1em .5em .5em;
	padding-left: 2em;
	outline:none;
	margin:1.5em auto;
	transition: all .5s ease;
  text-align: center;
  width: 50%;
}
.form_input:focus{
	border-bottom-color: #28a745;
	box-shadow: 0 0 5px rgba(0,80,80,.4);
	border-radius: 4px;
}
.form-control {
  border:0px solid transparent;
	border-radius: 0;
	border-bottom: 1px solid #aaa;
  padding: 1em .5em .5em;
	padding-left: auto;
}
.form_control:focus{
	border-bottom-color: #28a745;
	box-shadow: 0 0 5px rgba(0,80,80,.4);
	border-radius: 4px;
}

.btn2{
  background-color: #34b33f; /* Green */
              border: none;
              width:100%;
              color: white;
              text-align: center;
              display: inline-block;
              cursor: pointer;
              border-radius:5px;
              font-size: 16px;
              padding:10px 15px;
              margin-bottom: 15px;
              font-family:'Poppins', sans-serif;
          }
          a:link { text-decoration: none; }
          a:visited { text-decoration: none; }
          a:hover { text-decoration: none; }
          a:active { text-decoration: none; }
          .btn2:hover, .btn2:focus{
	background-color: #0b562a;
	color:#fff;
}

.btn{
              border: none;
              color: rgb(46, 116, 64);
              text-align: center;
              display: inline-flex;
              cursor: pointer;
              font-size: 14px;
              margin-left: auto;
              margin-right: auto;
              margin-bottom: 15px;
              font-family:'Poppins', sans-serif;
          }
          /* .btn:hover, .btn:focus{
	background-color: #14c95f;
	color:#fff;
} */
          a:link { text-decoration: none; }
          a:visited { text-decoration: none; }
          a:hover { text-decoration: none; }
          a:active { text-decoration: none; }

.btn3{
            background-color: #28a745; /* Green */
                        border: none;
                        color: white;
                        text-align: center;
                        display: inline-block;
                        cursor: pointer;
                        width:50%;
                        font-size: 16px;
                        margin-left: auto;
                        margin-right: auto;
                        padding:10px 15px;
                        font-family:'Poppins', sans-serif;
                    }
                    a:link { text-decoration: none; }
                    a:visited { text-decoration: none; }
                    a:hover { text-decoration: none; }
                    a:active { text-decoration: none; }
                    .btn3:hover, .btn3:focus{
          	background-color: #0b562a;
          	color:#fff;
          }

          .btn4{
            background-color: #9e2516; /* Green */
                        border: none;
                        width:100%;
                        color: white;
                        text-align: center;
                        display: inline-block;
                        cursor: pointer;
                        border-radius:5px;
                        font-size: 16px;
                        padding:10px 15px;
                        font-family:'Poppins', sans-serif;
                    }
                    a:link { text-decoration: none; }
                    a:visited { text-decoration: none; }
                    a:hover { text-decoration: none; }
                    a:active { text-decoration: none; }
                    .btn4:hover, .btn4:focus{
            background-color: #db2b2b;
            color:#fff;
          }
 @media screen and (max-width:700px) {
  .card2{
    width:100%;
    margin:auto;
  }
 }
@media screen and (max-width:1300px) {
  .levels {
    display:grid;
    justify-content:space-around;
    text-align: center;
}
.card2{
  margin-bottom:10px;
}
.card{
  background:white;
  padding:30px;
  margin:auto;
  border-radius: 10px;
  box-shadow: 0px 16px 31px rgba(0, 0, 0, 0.15);
  font-size:14pt;
}
.card0{
  background:white;
  padding:30px;
  margin:auto;
  border-radius: 10px;
  box-shadow: 0px 16px 31px rgba(0, 0, 0, 0.15);
  font-size:14pt;
  width: auto;
  height: auto;
}
.card a{
      text-decoration: none;
      color:inherit;
}
/* .card div{
  text-align: center;
  -ms-align-items:center;
} */
.card2{
  width:90%;
}
.logo{
  width:auto;
}

.btn{
  margin-bottom: 15px;
}
.btn2{
  width:100%;
  margin-bottom: 15px;
}
.btn3{
  width:50%;
}
.btn4{
  width:100%;
}
}

@media screen and (max-width:500px) {
  .card2{
    width:100%;
  }
  .card .row{
    display: block;
    justify-content: space-evenly;
    align-items: normal;
  }
  input,select {
    width:100px;
  }
  .card0 .row{
    display: block;
    justify-content: space-evenly;
    align-items: normal;
  }
}