html, body {background-color:#fff; color:#000000;margin:0 0;font-size:12pt;line-height:18px;font-family:verdana, arial, helvetica;letter-spacing:0.03px;}
body.iframebox {background-color:#e5e5e5; color:#000000; font-size:12pt; font-family:verdana, arial, helvetica;}

p {color:#000000; font-size:12pt; font-family:verdana, arial, helvetica;}
table {border-collapse:collapse;}
td {color:#000000; font-size:12pt; font-family:verdana, arial, helvetica;padding:5px;border-spacing:0px;}
td.mini {color:#000000; font-size:8pt; font-family:verdana, arial, helvetica;padding:0px;border-spacing:0px;}
td.np {color:#000000; font-size:10pt; font-family:verdana, arial, helvetica;padding:0px;border-spacing:0px;}
td.ul {border-bottom: 1px solid #ddd;}
td.b {border: 1px solid #ddd; padding: 6px 10px;}
td.cb {border: 1px solid #ddd; padding: 6px 10px;text-align:center;}
td.redt {color:#FF0000;}
td.ulc {border-bottom: 1px solid #ddd;text-align:center;}
td.ulb {border-bottom: 1px solid #ddd;font-weight:bold;}
td.ulbr {border-bottom: 1px solid #ddd;font-weight:bold;text-align:right;}
td.ulbc {border-bottom: 1px solid #ddd;font-weight:bold;text-align:center;}
td.br {font-weight:bold;text-align:right;}
td.bl {font-weight:bold;text-align:left;}
td.bc {font-weight:bold;text-align:center;}
td.bcpad {font-weight:bold;text-align:center;color:#000000;font-size:12pt;line-height:18pt;font-family:verdana, arial, helvetica;padding:15px;border-spacing:30px;border-collapse: separate;}
td.va {vertical-align:top;}
th {font-weight:bold;font-size:14px;text-align:left;}
td.border_bottom {border-bottom:1pt solid black;cursor:pointer;color:#000000;font-size:12pt;line-height:18pt;font-family:verdana, arial, helvetica;}
td.bbpadw {border-bottom:1pt solid black;color:#000000;font-size:12pt;line-height:18pt;font-family:verdana, arial, helvetica;padding:15px;border-spacing:30px;border-collapse: separate;background-color:#ffffff;}
td.bbpadg {border-bottom:1pt solid black;color:#000000;font-size:12pt;line-height:18pt;font-family:verdana, arial, helvetica;padding:15px;border-spacing:30px;border-collapse: separate;background-color:#CBE2A2;}
tr.extrahigh {line-height:30px;}

a:link {color:#000000; font-size:12pt; font-family:verdana, arial, helvetica; text-decoration:underline;}
a:visited {color:#000000; font-size:12pt; font-family:verdana, arial, helvetica; text-decoration:underline;}
a:active {color:#000000; font-size:12pt; font-family:verdana, arial, helvetica; text-decoration:underline;}
a:hover {color:#FF0000; font-size:12pt; font-family:verdana, arial, helvetica; text-decoration:none;}
.mini {color:#000000; font-size:8pt; font-family:verdana, arial, helvetica;}
.header {color:#000000; font-size:12pt; font-weight:bold; font-family:verdana, arial, helvetica;}
.header_red {color:#FF0000; font-size:12pt; font-weight:bold; font-family:verdana, arial, helvetica;}
a.header:link {color:#000000; font-size:12pt; font-weight:bold; font-family:verdana, arial, helvetica; text-decoration:underline;}
a.header:visited {color:#000000; font-size:12pt; font-weight:bold; font-family:verdana, arial, helvetica; text-decoration:underline;}
a.header:active {color:#000000; font-size:12pt; font-weight:bold; font-family:verdana, arial, helvetica; text-decoration:underline;}
a.header:hover {color:#FF0000; font-size:12pt; font-weight:bold; font-family:verdana, arial, helvetica; text-decoration:none;}
.title {color:#FFFFFF; font-size:12pt; font-weight:bold; font-family:verdana, arial, helvetica; background-color:#333333;}
.whcontent {color:#FFFFFF; font-size:12pt; font-family:verdana, arial, helvetica;}
h3.importanterror{color:red;font-weight:bold;font-family:'Font Awesome 5 Free',Helvetica,Arial,Lucida,sans-serif;}
img{border:none;margin:0}
select,textarea,input,cfinput,cfselect {color:#000000; background-color:#EBEBEB; font-size:12pt; letter-spacing:1px; font-family:verdana;padding:.3em .4em;transition:all .3s ease;}
select:focus,textarea:focus,input:focus,cfinput:focus,cfselect:focus {color:#000000; background-color:#CBE2A2; font-size:12pt; letter-spacing:1px; font-family:verdana;padding:.3em .4em; box-shadow:0 0 0 2px #ABBF89;}

input.search,cfinput.search {color:#000000; background-color:#EBEBEB; font-size:10pt; letter-spacing:1px; font-family:verdana;padding:.3em .4em;transition:all .3s ease;}
input.search:focus,cfinput.search:focus{color:#000000; background-color:#CBE2A2; font-size:10pt; letter-spacing:1px; font-family:verdana;padding:.3em .4em; box-shadow:0 0 0 2px #ABBF89;}
input[type='text']{padding:.3em .4em}
input[type='password']{padding:.3em .4em}
input{padding:.3em .4em}
input[type='submit']{background-image:linear-gradient(75deg,#88a94f,#517118);color:black;border-radius: 6px;}
input[type='submit']:hover{background-image:linear-gradient(75deg,#88a94f,#517118);color:EBEBEB;border-radius: 6px;}
input[type='button']{background-image:linear-gradient(75deg,#88a94f,#517118);color:black;border-radius: 6px;}
input[type='button']:hover{background-image:linear-gradient(75deg,#88a94f,#517118);color:EBEBEB;border-radius: 6px;}

.pcontent {max-width:500px; margin: auto;}

#delbutton{background-image:linear-gradient(75deg,#EF4444,#701818);color:black;border-radius: 6px;}
#delbutton:hover{background-image:linear-gradient(75deg,#EF4444,#701818);color:EBEBEB;border-radius: 6px;}
#bluebutton{background-image:linear-gradient(75deg,#434EF0,#181E70);color:black;border-radius: 6px;}
#bluebutton:hover{background-image:linear-gradient(75deg,#434EF0,#181E70);color:EBEBEB;border-radius: 6px;}
#clearEvents{background-image:linear-gradient(75deg,#434EF0,#181E70);color:black;border-radius: 6px;}
#clearEvents:hover{background-image:linear-gradient(75deg,#434EF0,#181E70);color:EBEBEB;border-radius: 6px;}
#yellowbutton{background-image:linear-gradient(75deg,#ffff00,#cccc00);color:black;border-radius: 6px;}
#yellowbutton:hover{background-image:linear-gradient(75deg,#ffff00,#cccc00);color:EBEBEB;border-radius: 6px;}

.ctab {cursor:pointer;color:#000000;font-size:12pt;line-height:10pt;font-family:verdana, arial, helvetica;}
.nodelete {cursor:pointer;}
.buttonsubmits {background-color:#372f2b; border:none; color:white; padding:10px; text-align:center; text-decoration:none; display:inline-block; font-size:14px; margin:4px 2px; border-radius:8px; cursor:pointer;}
.buttonsubmits:hover {background-color:#4b4441; color:white;}

.opentimew{background:#fff;line-height:30px;cursor:pointer;}
.opentimew:hover{background:#CBE2A2;line-height:30px;cursor:pointer;}
.striketimew{background:#fff;line-height:30px;text-decoration-line: line-through;padding: 10px;cursor:pointer;}
.striketimew:hover{background:#CBE2A2;line-height:30px;text-decoration-line: line-through;padding: 10px;cursor:pointer;}
.opentimeg{background:#f2f2f2;line-height:30px;cursor:pointer;}
.opentimeg:hover{background:#CBE2A2;line-height:30px;cursor:pointer;}
.striketimeg{background:#f2f2f2;line-height:30px;text-decoration-line: line-through;padding: 10px;cursor:pointer;}
.striketimeg:hover{background:#CBE2A2;line-height:30px;text-decoration-line: line-through;padding: 10px;cursor:pointer;}
.opentimes{background:#CCFFCC;line-height:30px;cursor:pointer;}
.opentimes:hover{background:#CBE2A2;line-height:30px;cursor:pointer;}
.striketimes{background:#CCFFCC;line-height:30px;text-decoration-line: line-through;padding: 10px;cursor:pointer;}
.striketimes:hover{background:#CBE2A2;line-height:30px;text-decoration-line: line-through;padding: 10px;cursor:pointer;}
.strikecat{text-decoration-line: line-through;}

.page_titles{font-size:15px;margin-bottom:20px; width: 70%;}
.page_titles p {display: table; margin:0 auto; display: inline-block; zoom: 1; *display: inline;font-size:18px;line-height:30px;}
.pagetitle{font-size:26px;line-height:40px;font-weight:bold;margin:0;position:relative;top:4.6666666666667px}
.pagetitle{color:#30415f;font-weight:normal;letter-spacing:-1px;}

.pd_course_info_headers{font-size:20px;line-height:30px;font-weight:bold;margin:0;position:relative;top:4.6666666666667px;}
.pd_course_info_headers{color:#30415f;font-weight:normal;letter-spacing:-1px;}
.pd_course_description{font-size:16px;line-height:30px;margin:0;position:relative;top:4.6666666666667px;}
.pd_course_description{letter-spacing:-1px;}


.text-container {
    width: 90%; /* Adjust this value to control the width as a percentage of the parent container */
    max-width: 900px; /* Set a maximum width for the container, adjust as needed */
    margin: 0 0; /* Center the container horizontally on the page */
    padding: 0px; /* Add padding for spacing */
    border: 0px; /* Add a border for visual separation */
    box-sizing: border-box; /* Include padding and border within the width */
}
.text-container p {
    margin: 0; /* Remove default margin to ensure the text fits within the container */
	font-size:12px;
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 200px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  transition: all ease 1s;
  delay: 2000;
  autohide: false;
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 50%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}


*, *:after, *:before {box-sizing: border-box;}

.animenu__toggle {
  display: none;
  cursor: pointer;
  background-color: #111;
  border: 0;
  padding: 10px;
  height: 40px;
  width: 40px;
}
.animenu__toggle:hover {
  background-color: #6d9fb9;
}

.animenu__toggle__bar {
  display: block;
  width: 20px;
  height: 2px;
  background-color: #fff;
  transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);
}
.animenu__toggle__bar + .animenu__toggle__bar {
  margin-top: 4px;
}

.animenu__toggle--active .animenu__toggle__bar {
  margin: 0;
  position: absolute;
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(1) {
  transform: rotate(45deg);
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(2) {
  opacity: 0;
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(3) {
  transform: rotate(-45deg);
}

.animenu {
  display: block;
}
.animenu ul {
  padding: 0;
  list-style: none;
  font: 0 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.animenu li, .animenu a {
  display: inline-block;
  font-size: 12px;
}
.animenu a {
  color: #000;
  text-decoration: none;
}

.animenu__nav {
  background-color: #fff;
}
.animenu__nav > li {
  position: relative;
  border-right: 1px solid #444444;
}
.animenu__nav > li > a {
  padding: 5px 30px;
}
.animenu__nav > li:hover > ul {
  opacity: 1;
  visibility: visible;
  margin: 0;
}
.animenu__nav > li:hover > a {
  color: #000;
}
.animenu__nav > li:focus-within > ul {
  opacity: 1;
  visibility: visible;
  margin: 0;
}
.animenu__nav > li:focus-within > a {
  color: #fff;
}
.animenu__nav__hasDropdown:before {
  content: "";
  position: absolute;
  border: 4px solid transparent;
  border-bottom: 0;
  border-top-color: currentColor;
  top: 50%;
  margin-top: -2px;
  right: 10px;
}

.animenu__nav__dropdown {
  white-space: pre;
  min-width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  margin: 20px 0 0 0;
  background-color: #d7d7d7;
  transition: margin .15s, opacity .15s;
}
.animenu__nav__dropdown > li {
  width: 100%;
  border-bottom: 1px solid #515151;
}
.animenu__nav__dropdown > li:first-child > a:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  left: 1em;
  top: -6px;
  border: 6px solid transparent;
  border-top: 0;
  border-bottom-color: inherit;
}
.animenu__nav__dropdown > li:last-child {
  border: 0;
}
.animenu__nav__dropdown a {
  padding: 5px;
  width: 100%;
  border-color: #373737;
}
.animenu__nav__dropdown a:hover {
  background-color: #6d9fb9;
  border-color: #6d9fb9;
  color: #000;
}
.animenu__nav__dropdown a:focus-within {
  background-color: #6d9fb9;
  border-color: #6d9fb9;
  color: #000;
}

@media screen and (max-width: 767px) {
  .animenu__toggle {
    display: inline-block;
  }

  .animenu__nav,
  .animenu__nav__dropdown {
    display: none;
  }

  .animenu__nav {
    margin: 10px 0;
  }
  .animenu__nav > li {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #515151;
  }
  .animenu__nav > li:last-child {
    border: 0;
  }
  .animenu__nav > li:first-child > a:after {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    left: 1em;
    top: -6px;
    border: 6px solid transparent;
    border-top: 0;
    border-bottom-color: inherit;
  }
  .animenu__nav > li > a {
    width: 100%;
    padding: 10px;
    border-color: #111;
    position: relative;
  }
  .animenu__nav a:hover {
    background-color: #0186ba;
    border-color: #0186ba;
    color: #fff;
  }

  .animenu__nav__dropdown {
    position: static;
    background-color: #373737;
    margin: 0;
    transition: none;
    visibility: visible;
    opacity: 1;
  }
  .animenu__nav__dropdown > li:first-child > a:after {
    content: none;
  }
  .animenu__nav__dropdown a {
    padding-left: 20px;
    width: 100%;
  }
}
.animenu__nav--open {
  display: block !important;
}
.animenu__nav--open .animenu__nav__dropdown {
  display: block;
}

.search-box {
    position: relative;
}

#driverSearch {
    padding: 3px;
    width: 300px;
    border: 1px solid #ccc;
}

#searchResults {
    position: absolute;
    top: 100%;
    left: 0;
    width: 300px;   /* adjust width */
    background: #d7d7d7;
    border: 1px solid #ccc;
    z-index: 999;
}

#searchResults ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#searchResults li {
    display: block;        /* force vertical stacking */
    padding: 6px 10px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

#searchResults li:last-child {
    border-bottom: none;
}

#searchResults li a {
    text-decoration: none;
    color: #333;
    display: block;
    width: 100%;
}

#searchResults li:hover,
#searchResults li.highlight {
    background: #6d9fb9;
    color: #fff;
}

#searchResults li.highlight a {
    color: #fff;
}

}

.search-dropdown {
    list-style: none;
    margin: 0;
    padding: 0;
}

.search-dropdown li {
    padding: 5px;
}

.search-dropdown li a {
    text-decoration: none;
    color: #333;
    display: block;
}

.search-dropdown li:hover {
    background: #f0f0f0;
}
.search-dropdown li.highlight {
    background: #373737;
    color: white;
}
.search-dropdown li.highlight a {
    color: white;
}
.spinner {
    width: 20px;
    height: 20px;
    border: 3px solid #ccc;
    border-top: 3px solid #007bff;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    position: absolute;
    right: -30px; /* adjust to fit your layout */
    top: 5px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
#eventsTable td {
    padding: 6px 12px;
    cursor: pointer;
  }

  /* Highlight row if checkbox inside is checked */
  #eventsTable td.checked {
    background-color: gray;
    color: #fff;
  }
  #eventsTable label {
    display: block;
    cursor: pointer;
    width: 100%;
  }