:root {
    --bs-font-sans-serif:  "Att Aleck Sans";
}
@font-face {
    font-family: 'ATT Aleck Sans';
    src: url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Light.eot');
    src: url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Light.eot?#iefix') format('embedded-opentype'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Light.woff2') format('woff2'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Light.woff') format('woff'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Light.ttf') format('truetype'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Light.svg#ATTAleckSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ATT Aleck Sans';
    src: url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-BlackItalic.eot');
    src: url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-BlackItalic.woff2') format('woff2'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-BlackItalic.woff') format('woff'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-BlackItalic.ttf') format('truetype'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-BlackItalic.svg#ATTAleckSans-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;

}

@font-face {
    font-family: 'ATT Aleck Sans';
    src: url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Medium.eot');
    src: url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Medium.woff2') format('woff2'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Medium.woff') format('woff'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Medium.ttf') format('truetype'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Medium.svg#ATTAleckSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'ATT Aleck Sans';
    src: url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-BoldItalic.eot');
    src: url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-BoldItalic.woff2') format('woff2'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-BoldItalic.woff') format('woff'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-BoldItalic.ttf') format('truetype'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-BoldItalic.svg#ATTAleckSans-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;

}

@font-face {
    font-family: 'ATT Aleck Sans';
    src: url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-MediumItalic.eot');
    src: url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-MediumItalic.woff2') format('woff2'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-MediumItalic.woff') format('woff'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-MediumItalic.ttf') format('truetype'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-MediumItalic.svg#ATTAleckSans-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;

}

@font-face {
    font-family: 'ATT Aleck Sans';
    src: url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Bold.eot');
    src: url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Bold.woff2') format('woff2'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Bold.woff') format('woff'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Bold.ttf') format('truetype'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Bold.svg#ATTAleckSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'ATT Aleck Sans';
    src: url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-ThinItalic.eot');
    src: url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-ThinItalic.woff2') format('woff2'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-ThinItalic.woff') format('woff'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-ThinItalic.ttf') format('truetype'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-ThinItalic.svg#ATTAleckSans-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;

}

@font-face {
    font-family: 'ATT Aleck Sans';
    src: url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Regular.eot');
    src: url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Regular.woff2') format('woff2'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Regular.woff') format('woff'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Regular.ttf') format('truetype'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Regular.svg#ATTAleckSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'ATT Aleck Sans';
    src: url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Italic.eot');
    src: url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Italic.woff2') format('woff2'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Italic.woff') format('woff'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Italic.ttf') format('truetype'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Italic.svg#ATTAleckSans-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;

}

@font-face {
    font-family: 'ATT Aleck Sans';
    src: url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-LightItalic.eot');
    src: url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-LightItalic.woff2') format('woff2'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-LightItalic.woff') format('woff'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-LightItalic.ttf') format('truetype'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-LightItalic.svg#ATTAleckSans-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;

}

@font-face {
    font-family: 'ATT Aleck Sans';
    src: url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Thin.eot');
    src: url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Thin.eot?#iefix') format('embedded-opentype'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Thin.woff2') format('woff2'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Thin.woff') format('woff'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Thin.ttf') format('truetype'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Thin.svg#ATTAleckSans-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'ATT Aleck Sans';
    src: url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Black.eot');
    src: url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Black.eot?#iefix') format('embedded-opentype'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Black.woff2') format('woff2'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Black.woff') format('woff'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Black.ttf') format('truetype'),
        url('{{ STATIC_URL }}fonts/aleck/ATTAleckSans-Black.svg#ATTAleckSans-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;

}

#dataTable_wrapper .toolbar .dataTables_length {
  float: left;
}

#dataTable_wrapper .toolbar .trialTypeFilter {
    margin-bottom: 16px;
}

.dataTable th {
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap; 
}
.dataTable {
  font-size: 14px;
  white-space: nowrap; 
}
div.dataTables_wrapper {
    width: 100%;
    margin: 0 auto;
}
tr.clickableDataRow {
  cursor:  pointer;
}
  
.table-hover > tbody > tr.clickableDataRow:hover {
  background-color: rgba(15, 15, 15, 0.09);
}

th.dt-center, td.dt-center { text-align: center; }

.lb-bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(0, 26, 255, var(--bs-bg-opacity)) !important;
}
.lb-bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(5, 5, 47, var(--bs-bg-opacity)) !important;
}
.lb-alert{
  --bs-bg-opacity: 1;
  background-color: rgba(202, 255, 0, var(--bs-bg-opacity)) !important;
}

.lb-border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) !important;
  border-top-color: rgba(0, 26, 255) !important;
}
.lb-border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(0, 26, 255, var(--bs-bg-opacity)) !important;
}