.logo img{
    max-width: 100%;
}

.form-signin {
    background-color: #edeef0;
    text-align: center;
}

.bg-dark .nav>li.active>a, .bg-dark .nav>li:focus>a, .graph-svg-tip .nav>li.active>a, .graph-svg-tip .nav>li:focus>a {
    background-color: #990000;
}

.bg-dark .nav>li:hover>a, .graph-svg-tip .nav>li:hover>a {
    background-color: #666666;
}

dd {
    width: 90%;
}

dt {
    width: 90%;
}

.form-signin .logo img{
    max-width: 30%;
    /**
    display: none !important;
    visibility: hidden !important;
    **/
}

.form-label {
    text-align: left;
    white-space: unset;
}
.login-message {
    padding-bottom: 10px;
}

/*
.input-icon-addon {
    margin-top: 45px;
}
*/

.center {
    text-align: center;
}

.appId {
    font-size:   150%;
    font-weight: 800;
    color:  #adb5bd;
    text-align: center;
}

.appId-invert {
    font-size:   150%;
    font-weight: 800;
    color:  #222222;
    text-align: center;
}

.email-link a{
    font-size: 1.5em;
    font-weight: bold;
    color: #aa0000;
}

.bg-white a, .dropzone-wrapper .dz-preview a, .dropzone .dz-preview a, .editor-preview-side a {
    color: #aa0000;
}

.text-unset a {
    color: #EEEEEE;
}

.team-member{
    font-size: 1.5em;
}

.modal-content {
    position: relative;
    background: rgb(255, 255, 255) ; 
    opacity: 1;;
}

.ps-2 {
    padding-left: 1.5rem!important;
}

.p-3 {
    padding-left: 2rem!important;
    padding-right: 2rem!important;
}

.profilepic {
    width: 70%;
}

.status-icon {
    width: 75px;
}

.btn-modern {
  /* Layout & Spacing */
  display: inline-block;
  padding: 12px 20px;
  
  /* Modern Typography */
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  
  /* Sleek Visuals */
  background: linear-gradient(135deg, #6e8efb, #a777e3); /* Soft gradient */
  border: none;
  border-radius: 8px; /* Slightly rounded corners */
  cursor: pointer;
  
  /* Depth & Interaction */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Subtle shadow */
  transition: all 0.3s ease; /* Smooth transition */
  gap: 30px;
}

.btn-modern:hover {
  transform: translateY(-2px); /* Lift effect on hover */
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  filter: brightness(1.1);
}

.btn-modern:active {
  transform: translateY(0); /* Press down effect */
}

i, svg {
  margin-right: 8px; /* Adds space to the right of the icon */
}

/* Sleek Styling */

.legend {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    padding: 20px;
}

/* Modern Label lines as requested */
.form-group label {
    display: block;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 8px;
    margin-bottom: 12px;
    color: #4a5568;
    font-weight: 600 !important;
}

/* Tab styling for professional view */
.nav-tabs-alt .nav-link.active {
    border-bottom: 3px solid #6e8efb !important;
    font-weight: 700;
}

/* Target the label container in Orchid rows */
.form-group > label {
    font-weight: 700 !important;
    color: #2d3748 !important; /* Dark Slate */
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
}

/* Optional: adds a small blue dot before every title */
.form-group > label::before {
    content: '';
    width: 6px;
    height: 6px;
    background: #ffa201; /* Modern Indigo */
    border-radius: 50%;
    margin-right: 8px;
    display: inline-block;
}

/* Style the Title (left column) of Legend Sights */
.d2-grid > dt {
    font-weight: 700 !important;
    color: #2d3748 !important; /* Dark Slate */
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
}

.d2-grid > dt::before {
    content: '';
    width: 6px;
    height: 6px;
    background: #ffa201; /* Modern Indigo */
    border-radius: 50%;
    margin-right: 8px;
    display: inline-block;
}


.rounded-4 { border-radius: 1rem !important; }
.x-small { font-size: 0.75rem; }