:root {
    --trackway-very-dark-blue:  #091834; /*  */
    --trackway-dark-blue:       #0A337F; /*  */
    --trackway-blue:            #1258DC; /*  18,  88, 220 */
    --trackway-light-blue:      #6395F2; /*  99, 149, 242 */
    --trackway-very-light-blue: #DEE9FC; /*  */
}

.trackway-white
  {color:var(--trackway-very-dark-blue)!important;background-color:white!important}

.trackway-very-light-blue
  {color:var(--trackway-very-dark-blue)!important;
    background-color:var(--trackway-very-light-blue)!important}

.trackway-light-blue
  {color:var(--trackway-very-dark-blue)!important;
    background-color:var(--trackway-light-blue)!important}

.trackway-blue
  /*{color:var(--trackway-very-light-blue)!important;*/
  {color:white!important;
    background-color:var(--trackway-blue)!important}
.w3-button.trackway-blue:hover
  {color:white!important;background-color:var(--trackway-dark-blue)!important}


.trackway-dark-blue
  {color:var(--trackway-very-light-blue)!important;
    background-color:var(--trackway-dark-blue)!important}

.trackway-very-dark-blue
  {color:var(--trackway-very-light-blue)!important;
    background-color:var(--trackway-very-dark-blue)!important}
.trackway-very-dark-blue a
  {color:var(--trackway-light-blue)!important}

.trackway-black
  {color:white!important;background-color:black!important}


/* Text Color Classes */
.trackway-text-very-dark-blue { color: var(--trackway-very-dark-blue) !important; }
.trackway-text-dark-blue      { color: var(--trackway-dark-blue) !important; }
.trackway-text-blue           { color: var(--trackway-blue) !important; }
.trackway-text-light-blue     { color: var(--trackway-light-blue) !important; }
.trackway-text-very-light-blue{ color: var(--trackway-very-light-blue) !important; }
.trackway-text-white          { color: white !important; } /* Added for consistency if needed */

/* Border Color Classes */
.trackway-border-very-dark-blue { border-color: var(--trackway-very-dark-blue) !important; }
.trackway-border-dark-blue      { border-color: var(--trackway-dark-blue) !important; }
.trackway-border-blue           { border-color: var(--trackway-blue) !important; }
.trackway-border-light-blue     { border-color: var(--trackway-light-blue) !important; }
.trackway-border-very-light-blue{ border-color: var(--trackway-very-light-blue) !important; }
.trackway-border-white          { border-color: white !important; } /* Added for consistency if needed */





/*
.trackway-lightgray
{color:#203647!important;background-color:#F8F5F4!important}
.trackway-lightgrey
{color:#203647!important;background-color:#F8F5F4!important}
.trackway-darkblue
{color:#ffffff!important;background-color:#203647!important}

a { color: blue; text-decoration: none; }

#index #nav #bar #index, #services #nav #bar #services{
    font-weight: bold;
}
*/
.trackway-padding-8{padding-top:8px!important;padding-bottom:8px!important}
/* form */ 
.remark {
  display:none;
}

input[type=password], input[type=text], input[type=date], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}

label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}

input[type=submit] {
  background-color: var(--trackway-blue)!important;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
  width: 100%;
}

input[type=submit]:hover {
  background-color: var(--trackway-dark-blue)!important;
}