/* Custom Divs */

.welcomeBanner{
  border:1px solid darkblue;
  color: darkblue;
  padding:15px;
  font-weight:bold;
  text-align: center;
  background-color: antiquewhite;
}

h2{
    padding-top:20px; 
    text-align: center !important;
}
.container-fluid{
  width:95%:
}

.pending{
  background-color: rgb(247, 215, 220);
}

.success-message,.messageSuccess{
  background-color: rgb(200, 248, 200);
  border:1px solid green;
  color:green;  
  padding:8px;
  text-align: center;
  width:99%;
}

.error-message,.messageError{
  background-color: rgb(247, 215, 220);
  border:1px solid red;
  color:red;
  padding:8px;
  text-align: center;
  width:99%;
}

a.btn {
  border:1px solid;
  padding:4px;
  border-radius:3px;
}
.btn-primary,.primary,.art-primary-btn:hover,submit{
  color:#1b2673;
}
.btn-primary:hover,.primary:hover{
  color:greenyellow;
}

.btn-home{
  background: #fff;
  color:blue;
  font-weight:bold;
}

.btn-home{
  background: #fff;
  color:blue;
  font-weight:bold;
}
#login_button, .art-primary-btn, .art-submit-btn, input[type="submit"] { 
    padding: 10px 20px; 
    border: 1px solid blue;  
    border-radius: 4px !important; 
    background-color: blue;
    color: #fff; 
    font-weight:bold;
    cursor: pointer; 
}
#login_button:hover,.art-primary-btn:hover, .art-submit-btn:hover,input[type="submit"]:hover { text-decoration: underline; font-weight:bold; }

.art-cancel-btn { padding: 10px 20px; 
    border: 1px solid #ba141a; 
    border-radius: 4px; 
    background-color: #ba141a;
    color: #fff;
    font-weight:bold;
    cursor: pointer;  
}
.art-cancel-btn:hover { text-decoration: underline; font-weight:bold;}

.art-form { max-width: 800px; margin: 20px auto; padding: 20px; border: 1px solid #ccc; border-radius: 5px; background-color: #f9f9f9; }
.art-form .row { margin-bottom: 15px; }
.art-form .col-md-6 { width: 50%; float: left; }
.art-form .col-12 { width: 100%; float: left; text-align: left;}
.art-form label { font-weight:bold; text-align:left;}
.art-form input[type="text"], .art-form input[type="password"] { width: 90%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; }
.text-center {
    margin:auto;
    text-align: center;
}



/* ── ART Admin Nav Bar ─────────────────────────────── */
#art-menu-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    background: linear-gradient(135deg, #1b2673 0%, #2d3e99 100%);
    padding: 0 16px;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 3px 10px rgba(27, 38, 115, 0.35);
}

.art-nav-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px;
    padding: 6px 0;
}

.art-nav-divider {
    width: 1px;
    height: 28px;
    background: rgba(255, 255, 255, 0.2);
    margin: 0 10px;
    flex-shrink: 0;
}

.art-nav-submit-label {
    color: rgba(255, 255, 255, 0.55);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 700;
    padding: 6px 8px;
    white-space: nowrap;
}

a.art-menu-option {
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    padding: 7px 13px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    transition: background 0.18s ease, color 0.18s ease;
    white-space: nowrap;
    margin: 0;
}

a.art-menu-option:hover {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    text-decoration: none;
}

a.art-menu-option.art-nav-active {
    background: rgba(255, 255, 255, 0.22);
    color: #ffffff;
    font-weight: 700;
}

a.art-menu-option.art-nav-add {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.25);
    font-size: 12px;
    padding: 5px 11px;
}

a.art-menu-option.art-nav-add:hover {
    background: rgba(255, 255, 255, 0.22);
}

a.art-menu-option.art-nav-submit {
    font-size: 12px;
    padding: 5px 10px;
}
/* ───────────────────────────────────────────────────── */


.art-table{
    border-collapse: collapse; 
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.art-table tbody tr,.art-table tr{
  border-bottom: 1px solid #dddddd;
}
.art-table-header th, .art-table-header td,.art-table-header th > a{
  background-color:#033272;
  padding: 10px 15px;
  color:white;
  text-align:left !important;
}
.art-table-header td{
  padding: 10px 15px;
  color:white;
  text-align:left;
}
.art-table td{
  padding: 5px 10px;
}