:root {
  --clrmain: #194F7B;
}

.zip-table .table-percentage {
  font-size: 13px;
  color: #ffa200;
  background-color: #fff5e5;
  border-radius: 10.5px;
  padding: 3px 6px;
  font-weight: 500;
  margin-left: 10px;
}

.bg_col {
  background-color: var(--clrmain);
  color: #fff;
}

.hide,
#hide2 {
  display: none;
}

.footer {
  padding: 8px 15px;
  display: block;
}

a {
  color: var(--clrmain);
}

.mylinks {
  padding: 5px 8px;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  color: #000;
  margin: 6px 0px;
  font-weight: 600;
  text-align: center;
}

.btn-primary {
  color: #ffffff;
  background-color: var(--clrmain);
  border-color: var(--clrmain);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #49247a;
  border-color: var(--clrmain);
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: var(--clrmain);
  border-color: var(--clrmain);
}

.btn-primary .badge {
  color: var(--clrmain);
  background-color: #ffffff;
}

.mylinks:hover {
  border: 1px solid var(--clrmain);
  color: var(--clrmain);
}

.codehap_border_bottom {
  border-bottom: 1px solid #f3f4f7;
  margin: 20px 0;
}

body {
  background-color: #f9fbfe;
}

.reset-anchor {
  color: #fff;
}

.pages_info form {
  display: inline-block;
}

.pages_info .col-9,
.pages_info .col-3 {
  border-top: 1px solid #f3f4f7;
  padding: 5px 2px;
}

.pages_info h3 {
  text-align: center;
  clear: both;
  display: block;
  overflow: hidden;
}

.done {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: green;
  color: white;
  text-align: center;
  padding: 8px;
  z-index: 999999999999;
}

.navbar-brand span {
  color: #000;
}

.navbar-brand svg {
  fill: var(--clrmain);
}

.navbar-brand span {
  color: var(--clrmain);
}

.reset-anchor:hover {
  color: #b191ff;
}

.nav-link {
  color: #211738;
}

.nav-link:hover {
  color: var(--clrmain);
}

a:hover {
  color: #00205b;
}

.pcol {
  color: #000;
}
.numex {
  font-size: 11px;
  color: grey;
  margin: 0 0 0 4px;
}
.navbarborder {
  border-bottom: 3px solid var(--clrmain);
}
.visuallyHidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.hamburger {
  width: 30px;
  height: 30px;
  position: relative;
}
.hamburger .bar {
  padding: 0;
  width: 30px;
  height: 4px;
  background-color: var(--clrmain);
  display: block;
  border-radius: 4px;
  transition: 0.4s ease-in-out;
  position: absolute;
}
.bar1 {
  top: 0;
}
.bar2,
.bar3 {
  top: 13.5px;
}
.bar3 {
  right: 0;
}
.bar4 {
  bottom: 0;
}
.hamburger3 .bar1,
.hamburger3 .bar4 {
  transform-origin: 5%;
}
.checkbox3:checked + label > .hamburger3 > .bar1 {
  transform: rotate(45deg);
  height: 3px;
  width: 42px;
}
.checkbox3:checked + label > .hamburger3 > .bar3 {
  transform: rotate(45deg);
  height: 3px;
  background-color: transparent;
}
.checkbox3:checked + label > .hamburger3 > .bar2 {
  transform: rotate(-45deg);
  height: 3px;
  background-color: transparent;
}
.checkbox3:checked + label > .hamburger3 > .bar4 {
  transform: rotate(-45deg);
  height: 3px;
  width: 42px;
}
.navbar-toggler {
  margin: 0;
  padding: 0;
  border: none;
}