/* Joep additional styling begins */



.table td a {
  text-decoration: none;
  color: white;
}


/*

#Grid {
  height: 90%;
}#

.table {
  height: 100% !important;
  
}
 
.dataTables_wrapper {
  height: 100%;
}
*/
th {
  padding-bottom: 0px;
}

.dataTables_scrollHead {
  padding-bottom: 0px !important;
}
.dataTables_scrollBody {
  padding-top: 0px !important;
}

.item-title-late {
    
  background:-moz-linear-gradient(90deg, var(--theme-bg-title-1) 0%, var(--theme-bg-title-2) 100%); 
  background:-webkit-linear-gradient(90deg, var(--theme-bg-title-1) 0%, var(--theme-bg-title-2) 100%);
  background:linear-gradient(90deg, var(--theme-bg-title-1) 0%, var(--theme-bg-title-2) 100%);

  color: var(--theme-fg-cell-title);
  border-color: var(--theme-br-cell-title);
  border-width: 1px;
}


.data-cell-default-highlighted {
  font-weight: 500;
  animation: data-cell-default-highlighted-pulse-animation 60s infinite;
  
}
@keyframes data-cell-default-highlighted-pulse-animation {
  0% {
    background-color:var(--theme-inattentive-6);
  }
  50% {
    background-color: var(--theme-inattentive-4);
  }
  100% {
    background-color: var(--theme-inattentive-6);
  }
}


.data-cell-warning-text {
  color: #e9ecef !important; 
}

#contactTitle{
  font-family: Arial, Helvetica, sans-serif;
}

#contactText{
    resize: none;
    overflow-y: scroll;
}

#modalImg {
  height: 465px;
  width: 100vw;
  border-radius: 0px 4px 4px 0px;
}

#contactSubmitButton {
  background-color: #126360 !important;
  border-color: transparent;
}

#contactSubmitButton:hover {
  opacity: 0.9;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
  
}

#contactName:focus, #contactEmail:focus, #contactSelect:focus, #contactText:focus  {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
  border: 1px solid  rgba(0,0,0,0.24);
}

/* Joep additional styling ends */
:root {
  --Nav-W: 190px;
  --Nav-H: 200px;
  --Nav-D: 10px 5px;

  --Resource-Nav-W: 190px;
  --Resource-Nav-H: 180px;

  --grid-v-items4: 80px;
  --grid-h-items4: 60px;

  --Header-W2: 90px;
  --Header-W3: 128px;

  --Item-W1: 128px;

  --Font-Size-1: 2.0vw;
  --Font-Size-2: 1.9vw;
  --Font-Size-3: 1.8vw;
  --Font-Size-4: 1.7vw;
  --Font-Size-5: 1.6vw;
  --Font-Size-6: 1.5vw;
  --Font-Size-7: 1.4vw;
  --Font-Size-8: 1.3vw;
  --Font-Size-9: 1.2vw;
  --Font-Size-10: 1.175vw;
  --Font-Size-11: 1.150vw;
  --Font-Size-12: 1.050vw;
  --Font-Size-13: 1.025vw;
  --Font-Size-14: 1.0vw;
  --Font-Size-15: 0.9vw;
  
  --Font-Size-XL: 2.1vw;
  --Font-Size-XXL: 3.5vw;
  --Font-Size-XXXXL: 11.5vw;

}

/* #region  general */

.bg-base-dark {
  background-color: var(--theme-bg-content);
}

.bg-header {
  background-color: var(--theme-bg-bars);
}
.bg-footer {
  background-color: var(--theme-bg-bars);
}

.bg-light {
  background-color: var(--theme-bg-light);
}


.btn-footer {
  background-color: var(--theme-bg-footer-button);
  color: var(--theme-fg-footer-button);
}

.top-border {
  border-top-width: 1px;
  border-top-style: solid;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  background: transparent
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
    center/1em auto no-repeat;
  border: 0;
  border-radius: 0.25rem;
  opacity: 0.5;
}
.btn-close:hover {
  text-decoration: none;
  opacity: 0.75;
}
.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem;
  opacity: 1;
}
.btn-close:disabled,
.btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: 0.25;
}

.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%);
}
.btn-close {
  color: #000;
}

.btn-close:hover {
  color: #000;
}
.btn-close:focus {
  box-shadow: #0d6efd40;
}

.nav-w {
  width: var(--Nav-W) !important;
}

.nav-h {
  height: var(--Nav-H) !important;
}

.nav-d {
  margin: var(--Nav-D) !important;
}

.nav-item {

  transition: all .2s ease-in-out; 
}
.nav-item:hover {

  transform: scale(1.1); 
}
.nav-item:hover {

  transform: scale(1.1); 
}

.nav-item:hover .card-body { 
  background-color: var(--blue);
  color: var(--theme-fg-nav);
}

.nav-item-textarea { 
  background-color: var(--theme-bg-nav);
  color: var(--theme-fg-nav) !important;
}

 
.slider {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--theme-bg-nav-hover);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.card:hover .slider {
  height: 100%;
}

.slider-text {
  color: var(--theme-fg-nav-hover);
  font-size: 20px;
  position: absolute;
  top: 35%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


.grid-v-items4 {
  height: var(--grid-v-items4) !important;
}

.item-title-1 {
  font-size: var(--Font-Size-1) !important;
  margin: 0;
}

.item-value-1 {
  font-size: var(--Font-Size-1) !important;
  margin: 0;
}

.item-title-2 {
  font-size: var(--Font-Size-2) !important;
  margin: 0;
}

.item-value-2 {
  font-size: var(--Font-Size-2) !important;
  margin: 0;
}

.item-title-3 {
  font-size: var(--Font-Size-3) !important;
  margin: 0;
}

.item-value-3 {
  font-size: var(--Font-Size-3) !important;
  margin: 0;
}

.item-title-4 {
  font-size: var(--Font-Size-4) !important;
  margin: 0;
}

.item-value-4 {
  font-size: var(--Font-Size-4) !important;
  margin: 0;
}


.item-title-5 {
  font-size: var(--Font-Size-5) !important;
  margin: 0;
}

.item-value-5 {
  font-size: var(--Font-Size-5) !important;
  margin: 0;
}

.item-title-6 {
  font-size: var(--Font-Size-6) !important;
  margin: 0;
}

.item-value-6 {
  font-size: var(--Font-Size-6) !important;
  margin: 0;
}

.item-title-7 {
  font-size: var(--Font-Size-7) !important;
  margin: 0;
}

.item-value-7 {
  font-size: var(--Font-Size-7) !important;
  margin: 0;
}

.item-title-8 {
  font-size: var(--Font-Size-8) !important;
  margin: 0;
}

.item-value-8 {
  font-size: var(--Font-Size-8) !important;
  margin: 0;
}


.item-title-9 {
  font-size: var(--Font-Size-9) !important;
  margin: 0;
}

.item-value-9 {
  font-size: var(--Font-Size-9) !important;
  margin: 0;
}


.item-title-10 {
  font-size: var(--Font-Size-10) !important;
  margin: 0;
}

.item-value-10 {
  font-size: var(--Font-Size-10) !important;
  margin: 0;
}


.item-title-11 {
  font-size: var(--Font-Size-11) !important;
  margin: 0;
}

.item-value-11 {
  font-size: var(--Font-Size-11) !important;
  margin: 0;
}


.item-title-12 {
  font-size: var(--Font-Size-12) !important;
  margin: 0;
}

.item-value-12 {
  font-size: var(--Font-Size-12) !important;
  margin: 0;
}


.item-title-13 {
  font-size: var(--Font-Size-13) !important;
  margin: 0;
}

.item-value-13 {
  font-size: var(--Font-Size-13) !important;
  margin: 0;
}


.item-title-14 {
  font-size: var(--Font-Size-14) !important;
  margin: 0;
}

.item-value-14 {
  font-size: var(--Font-Size-14) !important;
  margin: 0;
}



.item-title-15 {
  font-size: var(--Font-Size-15) !important;
  margin: 0;
}

.item-value-15 {
  font-size: var(--Font-Size-15) !important;
  margin: 0;
}

.item-title-xl {
  font-size: var(--Font-Size-XL) !important;
  margin: 0;
}


.item-value-xl {
  font-size: var(--Font-Size-XL) !important;
  margin: 0;
}

.item-title-xxl {
  font-size: var(--Font-Size-XXL) !important;
  margin: 0;
}

.item-value-xxl {
  font-size: var(--Font-Size-XXL) !important;
  margin: 0;
}

.item-title-xxxxl {
  font-size: var(--Font-Size-XXXXL) !important;
  margin: 0;
}


.item-value-xxxxl {
  font-size: var(--Font-Size-XXXXL) !important;
  margin: 0;
}


.item-polygon-bar-container {
  position: relative;
}

.item-polygon-bar {
  width: 10px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  float:left;
}

.item-polygon-bar-1 {
  background-color: var(--nwas-polygon-1);
}
.item-polygon-bar-2 {
  background-color: var(--nwas-polygon-2);
}
.item-polygon-bar-3 {
  background-color: var(--nwas-polygon-3);
}
.item-polygon-bar-4 {
  background-color: var(--nwas-polygon-4);
}

.item-polygon-bar-4-pulse {
  animation: item-polygon-bar-4-pulse-animation 10s infinite;
}
@keyframes item-polygon-bar-4-pulse-animation {
  0% {
    background-color: var(--palette-red-900);
  }
  50% {
    background-color: var(--palette-red-800);
  }
  100% {
    background-color: var(--palette-red-900);
  }
}



.item-polygon-bar-5 {
  background-color: var(--nwas-polygon-5);
}
.item-polygon-bar-5 {
  background-color: var(--nwas-polygon-5);
}
.item-polygon-bar-6 {
  background-color: var(--nwas-polygon-6);
}
.item-polygon-bar-7 {
  background-color: var(--nwas-polygon-7);
}
.item-polygon-bar-8 {
  background-color: var(--nwas-polygon-8);
}
.item-polygon-bar-0 {
  background-color: var(--nwas-polygon-6);
}



.header-w2 {
  width: var(--Header-W2) !important;
}

.header-w3 {
  width: var(--Item-W1) !important;
}

.item-w1 {
  width: var(--Item-W1) !important;
}

.dash-nav:hover {
  border: 2px solid rgba(255, 255, 255, 1);
}

/* #endregion */

/* #region  Tables */
.table {
  border-color: var(--theme-table-border);
  border-width: 3px;
}

.table th  {
  padding: 8px;
}

.table td  {
  padding: 4px 3px 3px 3px;
}

.table .thead-dark th {
  background: -moz-linear-gradient(
    90deg,
    var(--theme-bg-table-header-1) 0%,
    var(--theme-bg-table-header-2) 100%
  ) !important;
  background: -webkit-linear-gradient(
    90deg,
    var(--theme-bg-table-header-1) 0%,
    var(--theme-bg-table-header-2) 100%
  ) !important;
  background: linear-gradient(
    90deg,
    var(--theme-bg-table-header-1) 0%,
    var(--theme-bg-table-header-2) 100%
  ) !important;
  color: var(--theme-fg-table-header) !important;

  font-size: var(--Font-Size-12) !important;
  border-color: var(--theme-table-border);
  border-width: 3px;
  border-radius: 4px;
}
/* font-size: var(--item-title-8) !important; --Font-Size-10 */

.table th .row {
  margin-bottom: 5px;
}

.table td {
  
  /* background-color: var(--theme-bg-cell-standard-2); */
  border-width: 1px;
  border-color: var(--theme-table-border);
  
  /* font-size: var(--Header-Title-F2) !important; */
  margin: 0;
  border-radius: 4px;
}

.table td a {
  display: block;
}

.table td a.callsign {
  color: var(--palette-black-600) !important;
}

table tbody tr:first-child th,
table tbody tr:first-child td {
  border-top: 5px;
  border-bottom: 5px;
}

table.table-bordered.dataTable th {
  border-bottom-width: 5px;
}

/* #endregion */

/* #region  Data Cells */

.data-cell {
  padding: 2px;
  border-color: var(--theme-br-cell);
  border-width: 1px;
}

.data-cell-standard {
  background: var(--theme-bg-cell-100);
  background: -moz-linear-gradient(
    top,
    var(--theme-bg-cell-100) 0%,
    var(--theme-bg-cell-200) 100%
  );
  background: -webkit-linear-gradient(
    top,
    var(--theme-bg-cell-100) 0%,
    var(--theme-bg-cell-200) 100%
  );
  background: linear-gradient(
    to bottom,
    var(--theme-bg-cell-100) 0%,
    var(--theme-bg-cell-200) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--theme-bg-cell-100)', endColorstr='var(--theme-bg-cell-200)',GradientType=0 );

  color: var(--theme-fg-cell) !important;
}

.item-loading {
  background: var(--theme-bg-cell-loading-1);
  background: linear-gradient(
    0deg,
    var(--theme-bg-cell-loading-1) 0%,
    var(--theme-bg-cell-loading-2) 100%
  );

  color: var(--theme-fg-cell-loading);
}

.row-title {
   
    background:-moz-linear-gradient(90deg, var(--theme-bg-row-1) 0%, var(--theme-bg-row-2) 100%); 
    background:-webkit-linear-gradient(90deg, var(--theme-bg-row-1) 0%, var(--theme-bg-row-2) 100%);
    background:linear-gradient(90deg, var(--theme-bg-row-1) 0%, var(--theme-bg-row-2) 100%);
	
	color: var(--theme-fg-row);
}

.row-active {
   
  background:-moz-linear-gradient(90deg, var(--theme-bg-active-1) 0%, var(--theme-bg-active-2) 100%); 
  background:-webkit-linear-gradient(90deg, var(--theme-bg-active-1) 0%, var(--theme-bg-active-2) 100%);
  background:linear-gradient(90deg, var(--theme-bg-active-1) 0%, var(--theme-bg-active-2) 100%);

  color: var(--theme-fg-active);
}

.row-waiting {
   
  background:-moz-linear-gradient(90deg, var(--theme-bg-waiting-1) 0%, var(--theme-bg-waiting-2) 100%); 
  background:-webkit-linear-gradient(90deg, var(--theme-bg-waiting-1) 0%, var(--theme-bg-waiting-2) 100%);
  background:linear-gradient(90deg, var(--theme-bg-waiting-1) 0%, var(--theme-bg-waiting-2) 100%);

  color: var(--theme-fg-waiting);
}

.item-title {
    
  background:-moz-linear-gradient(90deg, var(--theme-bg-title-1) 0%, var(--theme-bg-title-2) 100%); 
  background:-webkit-linear-gradient(90deg, var(--theme-bg-title-1) 0%, var(--theme-bg-title-2) 100%);
  background:linear-gradient(90deg, var(--theme-bg-title-1) 0%, var(--theme-bg-title-2) 100%);

  color: var(--theme-fg-cell-title);
  border-color: var(--theme-br-cell-title);
  border-width: 1px;
}
.item-title-old {
    
  background:-moz-linear-gradient(90deg, var(--palette-red-600) 0%, var(--palette-red-800) 100%); 
  background:-webkit-linear-gradient(90deg, var(--palette-red-600) 0%, var(--palette-red-800) 100%);
  background:linear-gradient(90deg, var(--palette-red-600) 0%, var(--palette-red-800) 100%);

  color: var(--theme-fg-cell-title);
  border-color: var(--theme-br-cell-title);
  border-width: 1px;
}
.item-standard {
    
    background:-moz-linear-gradient(90deg, var(--theme-bg-cell-standard-1) 0%, var(--theme-bg-cell-standard-2) 100%); 
    background:-webkit-linear-gradient(90deg, var(--theme-bg-cell-standard-1) 0%, var(--theme-bg-cell-standard-2) 100%);
    background:linear-gradient(90deg, var(--theme-bg-cell-standard-1) 0%, var(--theme-bg-cell-standard-2) 100%);
	
    color: var(--theme-fg-cell-standard);
    border-color: var(--theme-br-cell-standard);
    border-width: 1px;
}

.item-unavailable {
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c3e50+0,3498db+100;Gren+3D */
	background: var(--theme-bg-cell-unavailable-1); /* Old browsers */
	background: -moz-linear-gradient(top,  var(--theme-bg-cell-unavailable-1) 0%, var(--theme-bg-cell-unavailable-2) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  var(--theme-bg-cell-unavailable-1) 0%,var(--theme-bg-cell-unavailable-2) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  var(--theme-bg-cell-unavailable-1) 0%,var(--theme-bg-cell-unavailable-2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--theme-bg-cell-unavailable-1)', endColorstr='var(--theme-bg-cell-unavailable-2)',GradientType=0 ); /* IE6-9 */

	color: var(--theme-fg-cell-unavailable);
  border-color: var(--theme-br-cell-unavailable);
  border-width: 1px;

}

.item-identifier {
  background: var(--theme-bg-identifier-100) !important;
  background: -moz-linear-gradient(
    top,
    var(--theme-bg-identifier-100) 0%,
    var(--theme-bg-identifier-200) 100%
  ) !important;
  background: -webkit-linear-gradient(
    top,
    var(--theme-bg-identifier-100) 0%,
    var(--theme-bg-identifier-200) 100%
  ) !important;
  background: linear-gradient(
    to bottom,
    var(--theme-bg-identifier-100) 0%,
    var(--theme-bg-identifier-200) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--theme-bg-identifier-100)', endColorstr='var(--theme-bg-identifier-200)',GradientType=0 ) !important;

  color: var(--theme-fg-identifier) !important;
  border-color: var(--theme-br-identifier);
  border-width: 1px;
}

.item-inattentive {
  background: var(--theme-bg-inattentive-100) !important;
  background: -moz-linear-gradient(
    top,
    var(--theme-bg-inattentive-100) 0%,
    var(--theme-bg-inattentive-200) 100%
  ) !important;
  background: -webkit-linear-gradient(
    top,
    var(--theme-bg-inattentive-100) 0%,
    var(--theme-bg-inattentive-200) 100%
  ) !important;
  background: linear-gradient(
    to bottom,
    var(--theme-bg-inattentive-100) 0%,
    var(--theme-bg-inattentive-200) 100%
  ) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--theme-bg-identifier-100)', endColorstr='var(--theme-bg-identifier-200)',GradientType=0 ) !important;

  color: var(--theme-fg-inattentive) !important;
  border-color: var(--theme-br-inattentive);
  border-width: 1px;
}

.data-cell-warning-identifier {
  /*color: var(--palette-black-700) !important;*/
  color: var(--theme-fg-cell) !important;
  
  background-color: var(--palette-orange-highlighted);

  background: var(--palette-orange-highlighted);
  background: linear-gradient(
    145deg,
    var(--palette-orange-highlighted) 0%,
    var(--palette-orange-highlighted) 100%
  );

  /*animation: warning-pulse-left-bar 3s infinite;*/
}
@keyframes warning-pulse-left-bar {
  0% {
    border-left-color: var(--theme-warning-6);
  }
  50% {
    border-left-color: var(--palette-white-100);
  }
  100% {
    border-left-color: var(--theme-warning-6);
  }
}


.data-cell-warning-highlighted {
  font-weight: 500;
  animation: data-cell-warning-highlighted-pulse-animation 60s infinite;
}
@keyframes data-cell-warning-highlighted-pulse-animation {
  0% {
    background-color: var(--palette-orange-700);
  }
  50% {
    background-color: var(--palette-orange-700);
  }
  100% {
    background-color: var(--palette-orange-700);
  }
}

.data-cell-warning-instigator {
  color: var(--theme-warning-6);

  font-weight: 500;

  background-color: var(--theme-warning-6) !important;

   animation: data-cell-warning-instigator-pulse-animation 7s infinite; 
}

@keyframes data-cell-warning-instigator-pulse-animation {
  0% {
    color: var(--theme-warning-6);
  }
  20% {
    color: var(--theme-warning-5);
  }
  40% {
    color: var(--theme-warning-4);
  }
  60% {
    color: var(--theme-warning-4);
  }
  80% {
    color: var(--theme-warning-5);
  }
  100% {
    color: var(--theme-warning-6);
  }
}

.inattentive-icon {
    
    color: var(--theme-inattentive-3);

    --fa-secondary-opacity: 1;
    --fa-primary-color: var(--theme-inattentive-3);
    --fa-secondary-color: var(--theme-inattentive-5);
  }

.warning-icon {

   color: var(--palette-yellow-pop);

  --fa-secondary-opacity: 1;
  --fa-primary-color: var(--palette-yellow-pop);
  --fa-secondary-color: var(--palette-yellow-pop2);
}

.date-warning {
	color: var(--nwas-secondary-orange);
	font-weight: bold;

}


.data-cell-alert-identifier {
  color: var(--theme-fg-cell) !important;
  background-color: var(--theme-alert-5);

  background: var(--theme-alert-5);
  background: linear-gradient(
    145deg,
    var(--theme-alert-5) 0%,
    var(--theme-alert-4) 100%
  );

  /*animation: alert-pulse-left-bar 3s infinite;*/
}
@keyframes alert-pulse-left-bar {
  0% {
    border-left-color: var(--theme-alert-6);
  }
  50% {
    border-left-color: var(--palette-white-100);
  }
  100% {
    border-left-color: var(--theme-alert-6);
  }
}

.data-cell-alert-highlighted {
  font-weight: 500;
  animation: data-cell-alert-highlighted-pulse-animation 60s infinite;
  
}
@keyframes data-cell-alert-highlighted-pulse-animation {
  0% {
    background-color: var(--palette-red-700);
  }
  50% {
    background-color: var(--palette-red-700);
  }
  100% {
    background-color: var(--palette-red-700);
  }
}

.data-cell-alert-instigator {
  color: var(--theme-alert-6);
  

  font-weight: 500;

  /* animation: alert-pulse 7s infinite; */
}

@keyframes alert-pulse {
  0% {
    color: var(--theme-alert-6);
  }
  20% {
    color: var(--theme-alert-5);
  }
  40% {
    color: var(--theme-alert-4);
  }
  60% {
    color: var(--theme-alert-4);
  }
  80% {
    color: var(--theme-alert-5);
  }
  100% {
    color: var(--theme-alert-6);
  }
}

.alert-icon {

    color: var(--palette-orange-pop);

  --fa-secondary-opacity: 1;
  --fa-primary-color: var(--palette-orange-pop);
  --fa-secondary-color: var(--palette-orange-500);
}

.date-alert {
	color: var(--nwas-secondary-darkred);
	font-weight: bold;

}
/* #endregion */

/* #region pagination  */

ul.pagination li a {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
  background: var(--theme-pagination-bg-item-1); /* Old browsers */
  background: -moz-linear-gradient(
    top,
    var(--theme-pagination-bg-item-1) 0%,
    var(--theme-pagination-bg-item-2) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    var(--theme-pagination-bg-item-1) 0%,
    var(--theme-pagination-bg-item-2) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    var(--theme-pagination-bg-item-1) 0%,
    var(--theme-pagination-bg-item-2) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--theme-pagination-bg-item-1)', endColorstr='var(--theme-pagination-bg-item-2)',GradientType=0 ); /* IE6-9 */

  color: var(--theme-pagination-fg-item);
}

ul.pagination li.previous a,
ul.pagination li.next a {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
  background: var(--theme-pagination-bg-item-1); /* Old browsers */
  background: -moz-linear-gradient(
    top,
    var(--theme-pagination-bg-item-1) 0%,
    var(--theme-pagination-bg-item-2) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    var(--theme-pagination-bg-item-1) 0%,
    var(--theme-pagination-bg-item-2) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    var(--theme-pagination-bg-item-1) 0%,
    var(--theme-pagination-bg-item-2) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--theme-pagination-bg-item-1)', endColorstr='var(--theme-pagination-bg-item-2)',GradientType=0 ); /* IE6-9 */

  color: var(--theme-pagination-fg-item);
}

ul.pagination li.active a {
  background-color: var(--theme-pagination-bg-active) !important;
  color: var(--theme-pagination-fg-active);
}

ul.pagination li.disabled a {
  color: var(--theme-fg-disabled) !important;
}

/* #endregion */

/* #region  Wrapper */

#wrapper {
  overflow-x: hidden;
}

/* #endregion */

/* #region  Header */
.header-img {
  max-height: 90px;
  width: 80%;
  margin: 0px auto;
  height: auto;
  width: auto;
}

.header-button {
  padding: 0.175rem 0.55rem;
}

/* #endregion */

/* #region  Footer */

#footer {
  color: #ccc;
  font-size: 10px;
  border-top-width: 1px;
  border-top-style: ridge;
  border-top-color: #888;
  width: 100%;
  position: absolute;
  bottom: 0;
  align-self: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

#footer .left {
  float: left;
  padding-left: 5px;
}
#footer .right {
  float: right;
  padding-right: 5px;
}
#footer .right a {
  color: #888;
}
/* #endregion */

/* #region  Dashboard */

.dash-nav {
  background: -moz-linear-gradient(90deg, var(--theme-bg-nav-1) 0%, var(--theme-bg-nav-2) 100%);
  background: -webkit-linear-gradient(90deg, var(--theme-bg-nav-1) 0%, var(--theme-bg-nav-2) 100%);
  background: linear-gradient(90deg, var(--theme-bg-nav-1) 0%, var(--theme-bg-nav-2) 100%);

  color: var(--theme-fg-nav);
}
/* #endregion */

.allow-scroll {
  overflow:auto;
}

.arrivals-table td {
  border-width: 1px !important;
  border-radius: 0px !important;
}

.arrivals-cad-yellow {
  background-color: var(--palette-cad-yellow) !important;
  color: black;
  font-weight: bold;
}



.arrivals-cad-purple {
  background-color: var(--palette-cad-purple) !important;
  font-weight: bold;
}



.arrivals-cad-green {
  background-color: var(--palette-cad-green) !important;
  font-weight: bold;
}


.arrivals-location-title {
  font-size: var(--Font-Size-1) !important;
  margin: 0;
}