body {
  max-width: 100vw;

}

/* Scroll Bar */
/* width */
::-webkit-scrollbar {
  width: 10px;
  cursor: pointer !important;
}

/* Track */
::-webkit-scrollbar-track {
  background: #064A60;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #87A937;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background-color: #a7c957;
}

/* end scroll bar */

/* Search Bar */


.inputfloat {
  position: absolute;
  right: 0;
  /* adjust as needed */
  left: 0;
  top: -28px;
  /* Adjust as needed to get the number that will keep it above the menu */
  z-index: 999;
  /* Whatever number that keeps it above the menu */

}

.input-group {
  border: 5px solid #064A60;

}





.form-control:focus {
  border: none;

  box-shadow: none !important;
}

.modal-dialog {
  margin-top: 20%;
}

.modal-content {
  border: none;
  background-color: transparent;


}



.modal-body .inputfloat {
  position: static;
  top: 0px;


}

.modal-backdrop.show {
  opacity: .7;
}

.fa-exclamation-circle {
  color: #ff4654 !important;
}


.modal-header {
  background-color: transparent;
  border-bottom: none;
  margin-bottom: 10px;
}

.modal-title {
  color: white;
  font-family: aglet-slab, sans-serif;
  font-weight: Bold;
  font-size: 1.3rem;
}

.close {
  text-shadow: none;
  color: white;
  opacity: 1;
}

.modal-body {
  background-color: transparent;
  padding: 0;
  margin-top: 0;
}

/* .modal-backdrop {
  z-index: -1;
} */


.modalb-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none
}

.modalb-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .3rem;
  outline: 0
}

.modalb-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef
}

.modalb-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000
}

.modalb-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem
}

.modalb-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem
}


.form-control {
  font-family: quasimoda, sans-serif;
  font-size: 1.7vw;
  font-weight: bold;
  color: #064A60 !important;
}

.input-group-text {
  background-color: white;
  border: none;
}

.input-group button {
  background-color: white;
  color: #064A60;
}

.input-group button:hover {
  background-color: white;
  color: #a7c957;
}

/* end search bar */

.offcanvas-header {
  display: none;
}

.dropdown-menu {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border: none !important;
  background-color: #f8f9fa !important;
  padding: 0 0;
}

.fa-bars {
  color: white;
  opacity: 1;
}




.container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;

}

.group {
  width: 100%;
  margin-bottom: 50px;

}


.row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.col {
  padding-left: 0;
  padding-right: 0;
}

.navbar-brand {
  padding-left: 1.5%;
}

.logo {
  max-width: 85px !important;
}

.hrgreen {
  border: 1px solid #a7c957
}

.redtext {
  color: red;
  font-weight: bold;
}

.header-title {
  font-size: 1.5rem;
  font-weight: bold;
  color: #284b63;
  border-left: 3px solid;
}

.header-title2 {
  font-size: .8rem;
  font-weight: bold;
  color: #284b63;
}

.btn {
  background-color: #064A60;
  color: #a7c957;
  font-family: quasimoda, sans-serif;

}

.btn:hover {
  color:  #e9ecef!important;
  background-color: #086788;
  
}



.navbtn {
  background-color: #064A60;
  border: #064A60;
  color: #a7c957;
  max-height: 36px;
}

.jumboheading {
  letter-spacing: .4rem;
  font-weight: 600;
  font-family: aglet-slab, sans-serif;
  font-size: 2.3rem;
  color: #064A60;
  border-bottom: 1px solid #a7c957;
  text-transform: uppercase;
}

.bg-infolight {
  background-color: #EBFDFF;
 
}

.bg-green {
  background-color: #a7c957a7 !important;
 
}

.bg-primary {
  background-color: #064A60 !important;
 
}

.staff {
  border-radius: 50%;
  max-height: 200px;
}

.badge-primary {
  background-color: #086788;
}


.nav-link {
  color: #086788;
  font-weight: bold;
  cursor: pointer;
}

.nav-link:hover {
  color: #064A60 !important;
}

.nav-link:active {
  color: #064A60 !important;
}

.uppernav .nav-link {
  color: #a7c957;
}

.uppernav .nav-link:hover {
  color: #87A937 !important;
}

.side-title {
  color: grey;
  font-weight: bold;
  cursor: pointer;
}

.side-title:hover {
  color: grey;
  font-weight: bold;
  text-decoration: none !important;
}


.card-title a {
  color: #a7c957;
  margin-bottom: none;
}

.card-titleb {
  color: #a7c957;
  margin-bottom: none;
  
  font-weight: bold;
  font-size: 1.5rem;
}

.card-titleb:hover {
  color: white !important;
  cursor: pointer;
  
  
}

button,
textarea,
input,
select,
a {

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     -webkit-tap-highlight-color: transparent;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
      user-select: none;
  
}

.card-titleb:active {
  color: white !important;

}





.nav-linkb {
  color: #f8f9fa;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
  font-family: quasimoda, sans-serif;

}

.nav-linkb:hover {
  color: #a7c957;
  text-decoration: none;
}

.footertitle {
  /* letter-spacing: .2rem; */
  font-weight: bold;
  color: #a7c957;
  font-family: aglet-slab, sans-serif;

}

p a {
  font-weight: bold;
  
  cursor: pointer;
  color: #a7c957
}

p a:hover {
  font-weight: bold;
 
  cursor: pointer;
  color: #87A937
}

a:hover {
  color: #086788 !important;
  text-decoration: none;
}

.heading {
  letter-spacing: .4rem;
  font-weight: 600;
  font-family: aglet-slab, sans-serif;
  font-size: 1.5rem;
  color: #064A60;
  border-bottom: 1px solid #a7c957;
  text-transform: uppercase;
  text-decoration: none;
}

a .heading {
  letter-spacing: .4rem;
  font-weight: 600;
  font-family: aglet-slab, sans-serif;
  font-size: 1.5rem;
  color: #064A60;
  border-bottom: 1px solid #a7c957;
  text-transform: uppercase;
  text-decoration: none !important;
}

a .heading:hover {
  letter-spacing: .4rem;
  font-weight: 600;
  font-family: aglet-slab, sans-serif !important;
  font-size: 1.5rem;
  color: #a7c957;
  border-bottom: 1px solid #a7c957;
  text-transform: uppercase;
  text-decoration: none !important;
}
a .heading:active {
  letter-spacing: .4rem;
  font-weight: 600;
  font-family: aglet-slab, sans-serif;
  font-size: 1.5rem;
  color: #064A60 !important;
  border-bottom: 1px solid #a7c957;
  text-transform: uppercase;
  text-decoration: none !important;
}

.dropdown-item {
  white-space: normal;
  border-bottom: 1px solid #a7c957;
  color: #086788;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: bold;
  background: linear-gradient(to right, #a7c957 50%, #f8f9fa 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
}

.dropdown-item:hover {
  white-space: normal;
  border-bottom: 1px solid #a7c957;
  color: #284b63;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: bold;
  background-position: left bottom;
}



.dropdown-itemc {
  white-space: normal;
  border-bottom: 1px solid #a7c957;
  color: #086788;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: .8rem;
  font-weight: bold;
  background: linear-gradient(to right, #a7c957 50%, #f8f9fa 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
}

.dropdown-itemc:hover {
  white-space: normal;
  border-bottom: .8px solid #a7c957;
  color: #284b63;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: .8rem;
  font-weight: bold;
  background-position: left bottom;
}



.carousel-indicators {

  bottom: 8%;

}


.carousel-item {
  max-height: 800px !important;


}

.carousel-indicators>li {
  width: 15px;
  height: 15px;
  border-radius: 50%;
}

.carousel-caption {
  position: absolute;
  right: 30%;
  bottom: 20%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: left;
 
  
}







.carousel-caption h2 {
  font-weight: 600;
  font-family: aglet-slab, sans-serif;
  font-size: 3vw;
  color: white;
  text-shadow: 2px 2px 8px black;

}

.carousel-caption h5 {
  letter-spacing: .4rem;
  font-weight: 600;
  font-family: aglet-slab, sans-serif;
  font-size: 1.5vw;
  color: #a7c957;
  text-shadow: 2px 2px 8px black;

}

.carousel-caption p {
  font-size: 85%;

}

.blink {
  animation: blink 2s steps(5, start) infinite;
  -webkit-animation: blink 1s steps(5, start) infinite;
}
@keyframes blink {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink {
  to {
    visibility: hidden;
  }
}

@media (max-width: 1200px) {

  
  
  .offcanvas-header {
    display: block;
  }

  .offcanvas-header {
    padding-left: 0;

  }

  .offcanvas-header .btn {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 8px;
    padding-left: 8px;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #a7c957;
    border: 1px solid #a7c957;
    visibility: visible !important;
  }

  .navbar-collapse {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #f8f9fa;
    transition: visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
  }

  .navbar-collapse.show {
    visibility: visible;
    transform: translateX(-100%);
  }

  .navbar-toggler {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 8px;
    padding-left: 8px;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #a7c957;
    border: 1px solid #a7c957;
    visibility: visible !important;
  }

  .navbar-toggler:active {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 8px;
    padding-left: 8px;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #a7c957;
    border: 1px solid #a7c957;
    visibility: visible !important;
  }


}


@media (min-width: 992px) {
  .navbar-expand-lg .navbar-toggler {
    display: block;
  }


}

/* ============ only desktop view ============ */
@media all and (min-width: 992px) {
  .navbar .nav-item .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    margin-top: 0;
  }

  .navbar .nav-item:hover .nav-link {
    color: #064A60;
  }

  .navbar .dropdown-menu.fade-down {
    top: 80%;
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
  }

  .navbar .dropdown-menu.fade-up {
    top: 180%;
  }

  .navbar .nav-item:hover .dropdown-menu {
    transition: .3s;
    opacity: 1;
    visibility: visible;
    top: 100%;
    transform: rotateX(0deg);
  }

  .title-header {
    font-weight: 600;
    font-family: aglet-slab, sans-serif;
    font-size: 1.3rem;
    color: #064A60;
  }

  .jumboheading {
    letter-spacing: .4rem;
    font-weight: 600;
    font-family: aglet-slab, sans-serif;
    font-size: 2.3rem;
    color: #064A60;
    border-bottom: 1px solid #a7c957;
    text-transform: uppercase;
  }


}


/* ============ desktop view .end// ============ */

@media (max-width: 650px) {
  .carousel-caption h2 {

    font-size: 4vw;


  }

  .carousel-caption h5 {

    font-size: 2.5vw;


  }

  .carousel-indicators>li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
  }
  .jumboheading {
    letter-spacing: .4rem;
    font-weight: 600;
    font-family: aglet-slab, sans-serif;
    font-size: 6vw;
    color: #064A60;
    border-bottom: 1px solid #a7c957;
    text-transform: uppercase;
  }
}

.card {
  background-color: #f8f9fa;
  border: none;
}

.quicklink {
  background-color: #064A60;
  color: #a7c957
}

.quicklink .card-title {
  color: #a7c957;
  margin-bottom: none;
}

.quicklink .card-body {
  padding: 30px 30px 30px 30px;
}

.title {
  font-weight: 600;
  font-family: aglet-slab, sans-serif;
  font-size: 1.3rem;
  color: #064A60;
}

.title-link {
  font-weight: 600;
  font-family: aglet-slab, sans-serif;
  font-size: 1.3rem;
  color: #064A60;
  text-decoration: none;
 }

.title-link:hover{
  font-weight: 600;
  font-family: aglet-slab, sans-serif;
  font-size: 1.3rem;
  color: #a7c957;
 text-decoration: none;
 
}

.title-warning {
  font-weight: 600;
  font-family: aglet-slab, sans-serif;
  font-size: 1.3rem;
  color: #721c24;
}

h2,
.title {
  cursor: pointer;
}

.title .collasped {
  cursor: pointer;
}

.title-header {
  font-weight: 600;
  font-family: aglet-slab, sans-serif;
  font-size: 1rem;
  color: #064A60;
}

a .navbar-brand .title {
  font-weight: 600;
  font-family: aglet-slab, sans-serif;
  font-size: 1.3rem;
  color: #086788;
}

a .navbar-brand .title:hover {
  font-weight: 600;
  font-family: aglet-slab, sans-serif;
  font-size: 1.3rem;
  color: #a7c957 !important;
  text-decoration: none !important;
}

.bulletlist li {
  list-style-type: disc !important;
}

.titleb {
  font-weight: 600;
  font-family: aglet-slab, sans-serif;
  font-size: 1.3rem;
  color: #064A60;
  padding: 15px;
  background-color: lightgray;
}

.list-styled {
  list-style-type: circle !important;
}

.border-light {
  border-color: lightgrey !important;
}

.card-title {
  font-weight: 600;
  font-family: aglet-slab, sans-serif;
  font-size: 1.3rem;
  color: #064A60;
}

.card-text {
  font-family: quasimoda, sans-serif;

}

.list-group-item {
  background-color: #f8f9fa;
  color: #086788;
  font-family: quasimoda, sans-serif;
}





/*footer*/



.col_white_amrc {
  color: #FFF;
}

footer {
  width: 100%;
  background-color: #064A60;
  min-height: 250px;
  padding: 10px 0px 25px 0px;
}

.pt2 {
  padding-top: 40px;
  margin-bottom: 20px;
}

footer p {
  font-size: 13px;
  color: #CCC;
  padding-bottom: 0px;
  margin-bottom: 8px;
}

.mb10 {
  padding-bottom: 15px;
}

.footer_ul_amrc {
  margin: 0px;
  list-style-type: none;
  font-size: 14px;
  padding: 0px 0px 10px 0px;
}

.footer_ul_amrc li {
  padding: 0px 0px 5px 0px;
}

.footer_ul_amrc li a {
  color: #CCC;
}

.footer_ul_amrc li a:hover {
  color: #fff;
  text-decoration: none;
}

.fleft {
  float: left;
}

.padding-right {
  padding-right: 10px;
}

.footer_ul2_amrc {
  margin: 0px;
  list-style-type: none;
  padding: 0px;
}

.footer_ul2_amrc li p {
  display: table;
}

.footer_ul2_amrc li a:hover {
  text-decoration: none;
}

.footer_ul2_amrc li i {
  margin-top: 5px;
}

.bottom_border {
  border-bottom: 1px solid #323f45;
  padding-bottom: 20px;
}

.foote_bottom_ul_amrc {
  list-style-type: none;
  padding: 0px;
  display: table;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
}

.foote_bottom_ul_amrc li {
  display: inline;
}

.foote_bottom_ul_amrc li a {
  color: #999;
  margin: 0 12px;
}

.social_footer_ul {


  list-style-type: none;
}

ul {
  list-style-type: none;
}



.social_footer_ul li {
  padding-left: 20px;
  padding-top: 10px;
  float: left;
}

.social_footer_ul li a {
  color: #CCC;
  border: 1px solid #CCC;
  padding: 8px;
  border-radius: 50%;
}

.social_footer_ul li i {
  width: 20px;
  height: 20px;
  text-align: center;
}


/*---------------TABLE STYLES----------------*/
table {
  border-collapse: collapse;
}

table th,
table td {
  padding: 5px 10px;
}

table th {
  background: #064a60;
  color: #a7c957;
}

table tr:nth-child(odd) {
  background: #edf0e8;
}