@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
html {
  scroll-behavior: smooth;
}
body{
    background-image: url(../img/body_bg.jpg);
    background-position: center top;
    background-size: auto;
    overflow-x: hidden;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
/*header*/
#header-logo{
    height: 50px;
    width: auto;
}
#header-logo2{
    height: 50px;
    width: auto;
    display: none;
}
#header-loginlogo{
    height: 50px;
    width: auto;
     margin-left: auto;
    margin-right: auto;
}
#header-loginlogo2{
   height: 50px;
    width: auto;
    display: none;
     margin-left: auto;
    margin-right: auto;
}
#header_menu .btn-moea_orange:hover,
.btn-moea_orange.hover  {
    background-color: #FF582A !important;
}
#header_menu .btn-moea_light_green:hover,
.btn-moea_light_green.hover  {
    background-color: #348E83 !important;
}
#header_menu2 .btn-dark:hover,
.btn-moea_orange.hover  {
    background-color: #FF582A !important;
}
#header_menu2 .btn-moea_dark_green:hover,
.btn-moea_light_green.hover  {
    background-color: #348E83 !important;
}

#moea_menu .accordion-button::after {
  background-image: url("../img/arrow01.svg");
}
#moea_menu .accordion-button:not(.collapsed)::after {
  transform: none; /* Override default rotation */
  background-image: url("../img/arrow02.svg");
}
.moea_mobilemenu{
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    background-color: #397367;
    padding-left: 1.25rem;
    border-bottom: thin solid #FFFFFF;
    line-height: 3.5rem;
}
/*footer*/
.moea_footer_link{
    color: #FFF8B5;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s ease;
}
.moea_footer_link:hover{
    color: #1F453D;
    text-decoration: none;
    font-weight: bold;
}
.login_icon{
    height: 100px;    
}
.login_border{
    border-width: 8px!important;
}
.moea_indexmap_menu{
    height: 610px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #FFF3CD;
}
.moea_results :hover{
    background-color: #FFFCE5;
}
.moea_indexmap{
    height: auto;    
}
.moea_indexmap_menulink{
    text-decoration: none;
    color: #0D0D0D;
    display: block;
    border-bottom: thin solid #FFFFFF;
    line-height: 2.5rem;
    padding-left: 1.25rem;
    font-size: 1.25rem;
    background-color: #FFE9A5;
    transition: background-color 0.3s ease;
}
.moea_indexmap_menulink:hover,
.moea_indexmap_menulink.active {
    background-color: #FFD555;
}
.moea_indexmap_menulink2{
    text-decoration: none;
    color: #FF8360;
    display: block;
    border-bottom: thin solid #FFFFFF;
    line-height: 3.2rem;
    padding-left: 1.25rem;
    font-size: 1.3rem;
    background-color: #FFF3CD;
    transition: background-color 0.3s ease;
    font-weight: bold;
}
.moea_indexmap_menulink2:hover,
.moea_indexmap_menulink2.active {
    background-color: #FFD555;
}
#moea_map .accordion {
 --bs-accordion-btn-bg: #FFF3CD;
  --bs-accordion-active-bg: #FFE9A5;
  --bs-accordion-active-color: dark;
  --bs-accordion-bg: #FFE9A5;
  --bs-accordion-color: white;
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-btn-focus-border-color: unset;    
}
#moea_map .accordion-button:not(.collapsed) {
    box-shadow: none 0px;
    -webkit-box-shadow: none 0px;
}
#moea_map.accordion-flush .accordion-button {
  border-top: thin solid #FFFFFF;
}

#moea_map .accordion-flush .accordion-item:last-child .accordion-button.collapsed,
.accordion-flush .accordion-item:last-child .accordion-body {
    border-bottom: thin solid #FFFFFF;
}
.moea_arrow{
    color: #A8A8A8;    
}
.moea_arrow:hover{
    color: #64B6AC;   
}
.moea_arrow_active{
    color: #FF8360;   
}
/*pills1*/
#moea-tab1 .nav-link{
    border-radius: 0;
    border-bottom: thick solid #E9E9E9;
    margin-right: 0.5rem;
    font-weight: bold;
    font-size: 1.25rem;
}
#moea-tab1 .active{
    border-bottom: thick solid #0D6EFD;
    background-color: #FFFFFF;
    color: #0D6EFD;
}
#moea-tab2 .nav-link{
    border: thin solid #0D6EFD;
    margin-right: 0.5rem;
    font-weight: bold;
    margin-bottom: 0.5rem !important;
}
#moea-tab2 .nav-link:hover{
    border: thin solid #0D6EFD;
    color: #FFFFFF;
    background-color: #0D6EFD;
}
#moea-tab2 .active{
}
/*form*/
.accordion_delete{
    margin-top: -2rem;    
}
@media screen and (max-width:1400px){
}
@media screen and (max-width:1199px){
.moea_indexmap_menu{
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #FFF3CD;
}    
}
@media screen and (max-width:1024px){
.moea_indexmap_menu{
    height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #FFF3CD;
}        
}
@media screen and (max-width:992px){	
}
@media screen and (max-width:991.9px){   
}
@media screen and (max-width:767.99px){ 
.moea_indexmap_menu{
    height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #FFF3CD;
}      
}	
@media screen and (max-width:575.99px){	
#header-logo{
    height: 50px;
    width: auto;
    display: none;
}
#header-logo2{
    height: 50px;
    width: auto;
    display: block;
}
#header-loginlogo{
    height: 50px;
    width: auto;
    display: none;
     margin-left: auto;
    margin-right: auto;
}
#header-loginlogo2{
    height: 50px;
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}    
.moea_mobile_fs{
    font-size: 0.875rem !important;        
    }
}
@media screen and (max-width:320px){	
}

/*back top*/
.back-top {
    z-index: 99999;
    position: fixed;
    bottom: 15px;
    right: 15px;
    cursor: pointer;
    opacity: 0.6;
    filter: Alpha(opacity=50);
    width: 35px;
    height: 35px;
    background-color: #397367;
    background-size: 24px 24px;
    border-radius: 6px;
    box-shadow: 0px 0px 3px #ffffff;
    transform: translateY(0%);
    transition: all 0.2s linear;
    color: #FFFFFF;
    text-align: center;
    line-height: 35px;
    font-size: 2rem;
}

.back-top:hover {
  opacity: 1;
  filter: Alpha(opacity=80);
  box-shadow: 0px 0px 6px #ffffff;
}

.back-top.hide {
    opacity: 0;
    filter: Alpha(opacity=0);
    transform: translateY(150%);
}


/* moea-navbar */
#moea-navbar .nav-link {
    color: #212529;
    border-left: thick solid transparent;
    padding-left: 10px;
    border-radius: 0;
    font-weight: bold;
}
#moea-navbar .nav-link.active {
    color: #0d6efd;
    border-left: thick solid #0d6efd;
    padding-left: 10px;
    font-weight: bold;
    background-color: #F1F4FD;
}
#moea-navbar .nav-link:hover {
    color: #FF8360;
}