body {
  padding-top: 5rem;
  background-color: #F9F9F9;
}

._test {

    color: #00F000;

}

a:hover { cursor: pointer; }

#graph {
    display: none; 
}

pre {
    white-space: pre-wrap;       
    white-space: -moz-pre-wrap; 
    white-space: -pre-wrap;     
    white-space: -o-pre-wrap;    
    word-wrap: break-word;       
}



.main_nav_link{
    color: #efefef !important;
}

.main_nav_link.active{
    color: #ffffff !important;
    font-weight: bold !important;
}

.main_small_font{
    font-size: 0.6rem !important;
    font-weight: bold !important;
    color:#003247 !important;
}

/* CRITICAL SETTINGS - DO NOT MODIFY PARAMETERS WITHOUT STRICT SUPERVISION OTHERWISE SYSTEM WILL MALFUNCTION */
@keyframes pulsate {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
    transform: scale(1);
  }
  70% {
    -moz-box-shadow: 0 0 0 30px rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 30px rgba(204, 169, 44, 0);
    transform: scale(1.05);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    transform: scale(1);
  }
}

.logo_pulsate {
    transition: transform 0.3s ease;
}

.logo_pulsate:hover {
    animation: pulsate 0.6s ease-in-out;
}


.hx_update_error{
    display: none;

}

#password_generate{
    margin-right: 1em;
}

form label {
    font-weight : bold
}


/* */
.enhanced-card {
    background: white;
    border: none;
    border-radius: 16px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05), 0 10px 15px rgba(0, 0, 0, 0.1);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    transition: all 0.3s ease;
}

.enhanced-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.header_nav{
    background: linear-gradient(45deg, rgba(0, 50, 71,1.0) 0%, rgba(0, 50, 71,0.8) 100%);
}
.footer_bar{
    background: linear-gradient(45deg, rgba(0, 50, 71,0.0) 0%, rgba(0, 50, 71,0.1) 100%);
}