/* ==========================================================================
   1. ROOT VARIABLES & GLOBAL OVERRIDES
   ========================================================================== */

html, body {
  margin: 0;
  min-height: 100%;
  background-color: #F1F4F5 !important;
}

body {
  color:#464644;
  font: 13px font-tahoma, Helvetica, sans-serif;
}

/* Base Link State Reset */
a, a:link, a:active, a:visited, a:hover {
  text-decoration: none;
  color: inherit;
}


/* ==========================================================================
   STRUCTURAL LAYOUT COMPONENTS
   ========================================================================== */

main {
  min-height: 100vh;
  margin: 0;
  margin-top: 4%;
  padding: 1%;
}

.main-nav {
  background-color: #204059 !important;
}

.bo-main-nav {
  background-color: #204059 !important;
  font-size: 16px;
  margin: 0;
  padding: 0;
}



header{
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: rgb(119, 118, 123);
  margin-bottom: 1%;
}

footer {
  margin:0;
  padding:0;
  width:100%;		
  color: white; 
  background-color: #204059!important;
  margin-top: 1%;
  margin-bottom: 0;
  padding: 1%;
}


/* ==========================================================================
   BACKGROUND UTILITIES
   ========================================================================== */
.bg-gray-1 { background-color:#e9ecef !important;}
.bg-gray-2 { background-color:#dee2e6 !important;}
.bg-gray-3 { background-color:#d3d3d3 !important;}
.bg-gray-4 { background-color:#bebec0 !important;}
.bg-gray-5 { background-color:#6c757d !important;}
.bg-gray-6 { background-color:#495057 !important;}

.bg-blue-1 { background-color:#d7e3fc !important; }
.bg-blue-2 { background-color:#59C8FA !important;}
.bg-blue-3 { background-color:#30A2DB !important; }
.bg-blue-4 { background-color:#9B5FA6 !important; }
.bg-blue-5 { background-color:#2a6f97 !important; }
.bg-blue-6 { background-color:#014f86 !important; }


.bg-orange-1 { background-color:#EE6725; }
.bg-orange-2 { background-color:#DEB053; }

.bg-red-1 { background-color:#E01E36; }
.bg-green-1 { background-color:#56A746 }
.bg-body {background-color: #F1F4F5 !important;}
.bg-none {background-color: transparent!important;}


/* ==========================================================================
   TYPOGRAPHY & TEXT UTILITIES
   ========================================================================== */

/* Font Families */
.font-tahoma { font-family: tahoma; }
.font-georgia { font-family: georgia; }


/* Custom Font Sizes */
.fs-8 { font-size: 8px; }
.fs-10 { font-size: 10px; }
.fs-12 { font-size: 12px; }
.fs-14 { font-size: 14px; }
.fs-16 { font-size: 16px; }
.fs-18 { font-size: 18px; }
.fs-22 { font-size: 22px; }
.fs-32 { font-size: 32px; }

/* Text Alignment & Direction */
.text-justify { text-align: justify; }
.rtl { direction: rtl; }
.ltr { direction: ltr; }


/* ==========================================================================
   TEXT COLORS & DECORATIONS
   ========================================================================== */
.text-nav { color: rgb(168, 208, 249) !important; font-weight:bold;}
.text-title { color: #874644 !important; }
.text-silver { color: silver !important; }
.text-gray-5 {color:#6c757d !important;}
.text-orange { color: #FF8000 !important; }
.text-gold { color: #FCCD04 !important; }
.text-red { color: red; }
.text-red-dark { color: #8B0000 !important; }
.text-blue { color: blue !important; }
.text-blue-dark { color: #162f48 !important; }
.text-blue-sky { color: #1699d6 !important; }
.text-black { color: black !important; }
.text-shadow { text-shadow: 2px 1px #bbbbbb !important; }
.text-error {color:#FFFFFF; background-color: #8B0000; font-weight: bold !important;}

/* ==========================================================================
   Buttons:
   ========================================================================== */
.btn-default {
	  --bs-btn-bg: #014f86;
	  --bs-btn-border-color: #066C7A;
	  --bs-btn-color: #FFFFFF;
	  /* Brightened slightly for interactive feedback */
	  --bs-btn-hover-color: #FFFFFF;
	  --bs-btn-hover-bg: #055864;
	  --bs-btn-hover-border-color: #055864;
	  --bs-btn-active-bg: #044b55;
	  --bs-btn-active-border-color: #044b55;
	  /* Focus rings */
	  --bs-btn-focus-shadow-rgb: 6, 108, 122;
}  
   

/* ==========================================================================
   OBJECT LAYOUT UTILITIES
   ========================================================================== */
.mxw-200 { max-width: 200px; }
.mxw-300 { max-width: 300px; }
.mxw-400 { max-width: 400px; }
.mxw-600 { max-width: 600px; }
.mxw-700 { max-width: 700px; }

/* ==========================================================================
   TABLES
   ========================================================================== */
   /* Custom Standalone Table Configuration Base */
   .table1-striped {
       width: 100%;
       margin-bottom: 1rem;
       color: #464644 !important;           /* Body text color */
       vertical-align: top;
       border: 1px solid #D3D3D3 !important;    /* Table borders color */
       background-color: #F1F4F5 !important;/* Default background */
   }

   /* 1. Header Configurations */
   .table1-striped thead th {
       background-color:#CADCEE !important;
       color: #003300 !important;
       border-bottom: 2px solid #D3D3D3 !important;
       padding: 0.75rem;
       text-align: inherit;
   }

   /* 2. Cell Borders & Padding Layout mapping */
   .table1-striped th,
   .table1-striped td {
       padding: 0.75rem;
   }

   /* 3. Striped Rows Logic (Odd vs Even Overrides) */
   /* Odd Rows configuration */
   .table1-striped > tbody > tr:nth-of-type(odd) > * {
       background-color: #FFFFFF !important;
       color: #464644 !important;
   }

   /* Even Rows configuration */
   .table1-striped > tbody > tr:nth-of-type(even) > * {
       background-color: #EAEBEC !important;
       color: #464644 !important;
   }

/*================================================================
/* Custom Table 2 Standalone Package */
.table2-striped {
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: #D3D3D3 !important;    /* Clean neutral borders */
    background-color: #FFFFFF !important;
}

/* 1. Header Configurations (Teal Theme) */
.table2-striped thead th {
    background-color:#2a6f97 !important; /* Custom Teal Hex */
    color: #FFFFFF !important;            /* Clean white header text */
    border-bottom: 2px solid #D3D3D3 !important;
    padding: 0.75rem;
    text-align: inherit;
}

/* 2. Cell Outlines & Spacing */
.table2-striped th,
.table2-striped td {
    padding: 0.75rem;
    border: 1px solid #D3D3D3 !important;
}

/* 3. Striped Alternation Logic (Odd vs Even Patterns) */
/* Odd Rows Configuration */
.table2-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: #FFFFFF !important;  /* Pure White */
    color: #464644 !important;
}

/* Even Rows Configuration */
.table2-striped > tbody > tr:nth-of-type(even) > * {
    background-color:#F1F4F5 !important;  /* Soft Soft Blue Tint */
    color: #464644 !important;
}