@charset "UTF-8";

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

h1, h2 {
  margin: 2rem 0rem 2rem;
}

.text-color {
  color: #17af35
}

.title-color {
  color: #17af35
}

.black {
  color: #000
}

.black:hover {
  color: #47624d
}

.ilink {
  text-decoration : none;
  text-decoration : underline;
  color: black
}

.ilink:hover {
  text-decoration : none;
  color: black
}

.bg-header {
  background-color: #17af35
}

.bg-footer {
  background-color: #47624d
}

.fname {
  visibility: hidden;
}

.padding-col{
  margin-bottom: 28px;
  padding: 15px
}

.borderleft {
  border-left: 2px solid #000!important
}

.btn-outline-green {
  border-color: black;
  color: black;;
  background-color: #e8fcec
}

.btn-outline-green:hover{
  color: white;;
  background-color: #47624d;
  border-color: black
}


/* The container for checkbox * /
.ctn {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  / *font-size: 22px;* /
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/ * Hide the browser's default checkbox * /
.ctn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/ * Create a custom checkbox * /
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #e8fcec;
  border: 1px solid black;
  border-radius: 4px;
}

/ * On mouse-over, add a background color * /
.ctn:hover input ~ .checkmark {
 / * background-color: #17af35;* /
}

/ * When the checkbox is checked, add a background * /
.ctn input:checked ~ .checkmark {
  background-color: #47624d;
}

/ * Create the checkmark/indicator (hidden when not checked) * /
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/ * Show the checkmark when checked * /
.ctn input:checked ~ .checkmark:after {
  display: block;
}

/ * Style the checkmark/indicator * /
.ctn .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: 1px solid white;
  border-width: 0 3px 3px 0;
  border-radius: 4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.font-min {
  font-size: 8px;
}
*/

@media (prefers-color-scheme: dark) {
  body {
    background-color: var(--bs-dark);
    color: var(--bs-light)
  }

  .text-color {
    color: var(--bs-light)
  }
  
  .black {
    color: var(--bs-light)
  }

  .black:hover {
    color: #17af35
  }

  .ilink {
    color: var(--bs-light)
  }
  
  .ilink:hover {
    color: var(--bs-light)
  }
}