:root {
  --basic-color: white;
  --basic-bg-color: green;
  --secondary-a-hover: #48c522;
  --basic-font: 19px;
  --secondery-font: 13px;
  --basic-font-family: Arial, Helvetica, sans-serif;
}


body {
  font-family: var(--basic-font-family);
  background-color: #daf5d4;
  background-color: #eeeeee;
  font-size:var(--basic-font);
}

a{
  color:black;
  text-decoration: none;
}

a:hover{
  color: var(--basic-bg-color);
  text-decoration: none;
}

.navbar {
  background-color:var(--basic-color);
  font-weight:bold;
  padding: 0px;
}

.nav-link:hover{
  background-color: #008000;
}


.navbar .navbar-brand {
  color: #008000;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: var(--basic-color);
}
.navbar .navbar-text {
  color: #008000;
}
.navbar .navbar-text a {
  color: var(--basic-color);
}
.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
  color: var(--basic-color); 
}
.navbar .navbar-nav .nav-link {
  color: #008000;
  border-radius: .25rem;
  margin: 0 0.25em;
}
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: var(--basic-color);
}
.navbar .navbar-nav .dropdown-menu {
  background-color: var(--basic-color);
  border-color: #008000;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item {
  color: #008000;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar .navbar-nav .dropdown-menu .dropdown-item.active {
  color: var(--basic-color);
  background-color: #008000;
}
.navbar .navbar-nav .dropdown-menu .dropdown-divider {
  border-top-color: #008000;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: var(--basic-color);
  background-color: #008000;
}
.navbar .navbar-toggle {
  border-color: #008000;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: #008000;
}
.navbar .navbar-toggle .navbar-toggler-icon {
  color: #008000;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #008000;
}
.navbar .navbar-link {
  color: #008000;
}
.navbar .navbar-link:hover {
  color: var(--basic-color);
}

@media (max-width: 575px) {
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #008000;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: var(--basic-color);
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: var(--basic-color);
    background-color: #008000;
  }
}

@media (max-width: 767px) {
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #008000;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: var(--basic-color);
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: var(--basic-color);
    background-color: #008000;
  }
}

@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #008000;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: var(--basic-color);
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: var(--basic-color);
    background-color: #008000;
  }
}

@media (max-width: 1199px) {
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #008000;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: var(--basic-color);
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: var(--basic-color);
    background-color: #008000;
  }
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #008000;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
  color: var(--basic-color);
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: var(--basic-color);
  background-color: #008000;
}


/* header  */
#header1{
  background: #008000;
  color: var(--basic-color);
  height:22px;
  font-size: var(--secondery-font);
  font-weight: bold;
}

#header1 a{
  text-decoration: none;
  color:white;
  margin-right: 10px;
  margin-left: 10px;
}

#header2{
  background: #333333;
  color: var(--basic-color);
  height:22px;
  font-size: var(--secondery-font);
  flex-wrap: nowrap;
  position: sticky;
  top:53px;
  z-index:1000;
}


/* .carousel-inner{ */
  /* width:100%; */
  /* max-height: 375px !important; */
/* } */


.carousel-inner a{
  color: white;
  text-decoration: none;
}

.carousel-caption {
  padding:20px;
  background: rgba(0, 0, 0, 0.35);
}


.carousel-caption a:hover{
  color:var(--basic-bg-color);
}


.card{
  /* margin-top:25px; */
  margin-bottom:25px;
}

.card a{
  text-decoration: none;
  color:black;
}

.card a:hover{
  color:var(--basic-bg-color);
}

.card-header{
  color:#444;
  /* background-color: #c7f5a1; */
  max-height:38px;
  border-bottom:solid 2px #125a02;
  border-right:solid 2px #125a02;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.card-body{
  border-left:solid 1px #c7f5a1;
  border-right:solid 1px #c7f5a1;
  border-bottom:solid 1px #c7f5a1;
}


.breadcrumb{
  font-size: var(--secondery-font);
}

.breadcrumb-item+.breadcrumb-item::before{
  content: ">";
  color: #408080;
  margin-left:5px;
}

.breadcrumb-item a{
  color: var(--secondary-a-hover);
  text-decoration: none;
}

.breadcrumb-item a:hover{
  color:var(--basic-bg-color);
  text-decoration: none;
}


.animate{
  transition: all 0.5s ease;
  }

 .d64{
   height:64px;
   width:64px;
 } 

 .footer{
   color: white;
   background-color: var(--basic-bg-color);
 }

 .footer a{
  color: white;
  margin:5px; 
}

.footer a:hover{
  color: var(--secondary-a-hover);
}

@media all and (max-device-width: 640px){
  .footer {
      font-size: 58%;
  }
}

.noselect{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}



#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.7);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#return-to-top i {
  color: #fff;
  margin: 0;
  position: relative;
  left: 16px;
  top: 13px;
  font-size: var(--basic-font);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
  color: #fff;
  top: 5px;
}

.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}

.rightScroll{
  height: 100%;
  overflow-y: scroll;
}

/*Remove the scrollbar from Chrome, Safari, Edge and IE*/
::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

* {
-ms-overflow-style: none !important;
}

.popover{
  max-width: 100%;
}

.popover-header{
  color: var(--basic-color);
  background-color:#333333;
  font-weight: bolder;
  font-family: var(--basic-font-family);
  ;
}

/* .arrow{
  background-color: #333333;
  color:#333333;
} */

/* 
.popover.bottom .arrow::before {
  border-bottom-color: red;
} */

.popover-body {
  color: var(--basic-color);
  background-color:var(--basic-bg-color);
  font-family: var(--basic-font-family);
}


.popover-body a{
  color: var(--basic-color);
  font-weight: bolder;
}

.popover-body a:hover{
  color:var(--secondary-a-hover);
}

.tooltip {
  font-family: var(--basic-font-family);
  font-weight: bold;
}