/* Minification failed. Returning unminified contents.
(1277,22): run-time error CSS1039: Token not allowed after unary operator: '-lh-color-primary-900'
(1278,48): run-time error CSS1039: Token not allowed after unary operator: '-lh-color-primary-800'
(1278,90): run-time error CSS1039: Token not allowed after unary operator: '-lh-color-primary-900'
(1279,86): run-time error CSS1039: Token not allowed after unary operator: '-lh-color-primary-800'
(1279,142): run-time error CSS1039: Token not allowed after unary operator: '-lh-color-primary-900'
(1280,51): run-time error CSS1039: Token not allowed after unary operator: '-lh-color-primary-800'
(1280,93): run-time error CSS1039: Token not allowed after unary operator: '-lh-color-primary-900'
(1281,46): run-time error CSS1039: Token not allowed after unary operator: '-lh-color-primary-800'
(1281,88): run-time error CSS1039: Token not allowed after unary operator: '-lh-color-primary-900'
(1282,47): run-time error CSS1039: Token not allowed after unary operator: '-lh-color-primary-800'
(1282,89): run-time error CSS1039: Token not allowed after unary operator: '-lh-color-primary-900'
(1283,49): run-time error CSS1039: Token not allowed after unary operator: '-lh-color-primary-800'
(1283,91): run-time error CSS1039: Token not allowed after unary operator: '-lh-color-primary-900'
(1284,49): run-time error CSS1039: Token not allowed after unary operator: '-lh-color-primary-800'
(1284,91): run-time error CSS1039: Token not allowed after unary operator: '-lh-color-primary-900'
(1291,21): run-time error CSS1039: Token not allowed after unary operator: '-lh-color-neutral-white'
(1309,22): run-time error CSS1039: Token not allowed after unary operator: '-mode-background-color'
(1310,17): run-time error CSS1039: Token not allowed after unary operator: '-mode-typography-text'
(1315,21): run-time error CSS1039: Token not allowed after unary operator: '-mode-typography-text'
(1319,36): run-time error CSS1030: Expected identifier, found '['
(1319,42): run-time error CSS1031: Expected selector, found '='
(1319,42): run-time error CSS1025: Expected comma or open brace, found '='
(1324,36): run-time error CSS1030: Expected identifier, found '['
(1324,42): run-time error CSS1031: Expected selector, found '='
(1324,42): run-time error CSS1025: Expected comma or open brace, found '='
(1543,26): run-time error CSS1039: Token not allowed after unary operator: '-lh-color-primary-900'
(1623,26): run-time error CSS1039: Token not allowed after unary operator: '-lh-color-primary-900'
 */
/* HTML5 Base 
======================================================================================================= */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

    audio:not([controls]) {
        display: none;
    }

[hidden] {
    display: none;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
    color: #222;
    font-family: "BlueRidgeSansVariable", Verdana, Helvetica, Arial, sans-serif;
}

body {
    margin: 0;
    color: #333;
    font: 0.875em/1.5em, "BlueRidgeSansVariable", Verdana, Helvetica, Arial, sans-serif;
    font-family: BlueRidgeSansVariable;
}

/* apply a natural box layout model to all elements, but allowing components to change */
html {
    box-sizing: border-box;
}

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

/* Links 
	------------------------------------------------------------------------ */
a {
    color: #0073ae;
}

    a:hover {
        color: #0068a8;
    }

    a:focus-visible {
        outline: solid 2px;
        outline-offset: 2px;
    }

/* Placeholder Text 
	------------------------------------------------------------------------ */
::-webkit-input-placeholder {
    color: #757575;
}

:-moz-placeholder {
    color: #757575;
}

::-moz-placeholder {
    color: #757575;
}

:-ms-input-placeholder {
    color: #757575;
}

.hasPlaceholder {
    color: #757575;
}

/* Text 
	------------------------------------------------------------------------ */
abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

hr {
    display: block;
    float: left;
    clear: both;
    margin: 1em 0;
    border: 0;
    border-top: 1px solid #ccc;
    padding: 0;
    width: 100%;
    height: 1px;
}

ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

pre,
code,
kbd,
samp {
    font-size: 1em;
    font-family: monospace, serif;
}

pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

    q:before,
    q:after {
        content: none;
    }

small {
    font-size: 85%;
    line-height: 1.5;
}

sub,
sup {
    position: relative;
    vertical-align: baseline;
    font-size: 70%;
    line-height: 0;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Headings 
	------------------------------------------------------------------------ */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-weight: 400;
    font-family: "BlueRidgeSansVariable", Verdana, Helvetica, Arial, sans-serif;
}

h1 {
    margin-top: 0;
    font-size: 2.14285714286em;
    line-height: 1.1;
}

h2 {
    margin-bottom: 0.25em;
    font-size: 1.71428571429em;
    line-height: 1.2;
}

h3 {
    margin-bottom: 0.25em;
    font-size: 1.38571428571em;
    line-height: 1.2;
    font-family: "BlueRidgeSansVariable", Verdana, Helvetica, Arial, sans-serif;
}

h4 {
    margin-bottom: 0.25em;
    font-size: 1.18571428571em;
    line-height: 1.2;
    font-family: "BlueRidgeSansVariable", Verdana, Helvetica, Arial, sans-serif;
}

/* Lists 
	------------------------------------------------------------------------ */
ul,
ol {
    margin: 1em 0;
    padding: 0 0 0 40px;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 0 1em;
}

nav ul,
nav ol {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}

/* Images 
	------------------------------------------------------------------------ */
img {
    border: 0;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

/* Forms 
	------------------------------------------------------------------------ */
form {
    margin: 0;
}

fieldset {
    margin: 0;
    border: 0;
    padding: 0;
}

label {
    display: block;
    cursor: pointer;
    color: #666;
    font-weight: bold;
    line-height: 2;
}

    label:not([for]) {
        cursor: text;
    }

legend {
    margin: 0 0 1em;
    border: 0;
    padding: 0;
    width: 100%; /*float: left;*/
    color: #006eaa;
    font: 700 1.25em/2 "BlueRidgeSansVariable", Verdana, Helvetica, Arial, sans-serif;
    white-space: normal;
}

    legend span {
        display: block;
        border-bottom: 1px dotted #999;
        width: 100%;
    }

    legend + p,
    legend + dl {
        clear: left;
        margin-top: 0;
    }

    legend + .section-description {
        clear: left;
        margin-top: 0;
        font-size: 85%;
        line-height: 1.5;
    }

        legend + .section-description p:first-child {
            margin-top: 0;
        }

.fieldset {
    clear: both;
    margin: 0 0 2em;
}

.field,
.fieldgroup {
    margin: 0 0 1em;
}

    .field.subfield {
        margin-left: 2em;
    }

button,
input,
select,
textarea {
    vertical-align: baseline;
    margin: 0;
    font-size: 100%;
}

button,
input {
    line-height: normal;
}

    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        cursor: pointer;
        -webkit-appearance: button;
        appearance: button;
    }

        button[disabled],
        input[disabled] {
            cursor: default;
        }

    input[type="text"],
    input[type="tel"],
    input[type="email"],
    input[type="password"],
    input[type="time"],
    textarea,
    select {
        border: 1px solid #d9d9d9;
        padding: 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

        input:focus,
        textarea:focus {
            background: #eff8fe;
        }

    input[type="text"],
    input[type="tel"],
    input[type="email"],
    input[type="password"],
    textarea,
    select {
        width: 100%;
    }

    input[type="checkbox"],
    input[type="radio"] {
        padding: 0;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-decoration,
        input[type="search"]::-webkit-search-cancel-button {
            -webkit-appearance: none;
        }

    input[type="checkbox"] + label,
    input[type="radio"] + label,
    input[type="checkbox"] + input[type="hidden"] + label,
    input[type="radio"] + input[type="hidden"] + label {
        display: inline;
        font-weight: normal;
    }

.checkboxes ul,
.radios ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.checkboxes .field,
.radios .field {
    margin: 0 0 0.5em;
}

textarea {
    vertical-align: top;
    overflow: auto;
    resize: vertical;
}

    textarea.full {
        height: 15em;
    }

input[type="submit"] {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e50191', endColorstr='#c20091',GradientType=0 );
    cursor: pointer;
    border: 1px solid #c10091;
    background: #e50191;
    background: -moz-linear-gradient(top, #e50191 0%, #c20091 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e50191), color-stop(100%, #c20091));
    background: -webkit-linear-gradient(top, #e50191 0%, #c20091 100%);
    background: -o-linear-gradient(top, #e50191 0%, #c20091 100%);
    background: -ms-linear-gradient(top, #e50191 0%, #c20091 100%);
    background: linear-gradient(to bottom, #e50191 0%, #c20091 100%);
    padding: 1em 1.5em 0.9em;
    width: 100%;
    color: #fff;
    font-weight: 700;
    line-height: 1;
    font-family: "BlueRidgeSansVariable", Verdana, Helvetica, Arial, sans-serif;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    input[type="submit"]:hover,
    input[type="submit"]:focus {
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd11a6', endColorstr='#e70192',GradientType=0 );
        border-color: #e70192;
        background: #fd11a6;
        background: -moz-linear-gradient(top, #fd11a6 0%, #e70192 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fd11a6), color-stop(100%, #e70192));
        background: -webkit-linear-gradient(top, #fd11a6 0%, #e70192 100%);
        background: -o-linear-gradient(top, #fd11a6 0%, #e70192 100%);
        background: -ms-linear-gradient(top, #fd11a6 0%, #e70192 100%);
        background: linear-gradient(to bottom, #fd11a6 0%, #e70192 100%);
    }

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.req {
    color: #cb2d3a;
}

.field small {
    display: block;
    padding: 0.5em 0 0;
    color: #757575;
}

    .field small.helpful-msg {
        margin: 0 0 1em;
        color: #000;
    }

span[data-date-type="datetime"] {
    display: inline;
    font-size: inherit;
    line-height: inherit;
}

input.input--lrg {
    width: 100% !important;
}

.radio-legend {
    font-size: 1rem;
}

/* Buttons 
	------------------------------------------------------------------------ */
div.buttons {
    float: left;
    margin: 1em 0;
    width: 100%;
}

    div.buttons.buttons--right {
        float: right;
        margin: 0;
        width: auto;
    }

    div.buttons a,
    div.buttons button,
    .buttons button {
        display: inline-block;
        margin: 0 0 0.5em;
        padding: 1em 1.5em 0.9em;
        width: 100%;
        color: #fff;
        font-weight: bold;
        line-height: 1;
        text-align: center;
        text-decoration: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

.buttons button {
    width: auto;
}

/* Primary */
a.button.primary,
button.button.primary {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e50191', endColorstr='#c20091',GradientType=0 );
    border: 1px solid #c10091;
    background: #e50191;
    background: -moz-linear-gradient(top, #e50191 0%, #c20091 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e50191), color-stop(100%, #c20091));
    background: -webkit-linear-gradient(top, #e50191 0%, #c20091 100%);
    background: -o-linear-gradient(top, #e50191 0%, #c20091 100%);
    background: -ms-linear-gradient(top, #e50191 0%, #c20091 100%);
    background: linear-gradient(to bottom, #e50191 0%, #c20091 100%);
}

    a.button.primary:hover,
    a.button.primary:focus,
    button.button.primary:hover,
    button.button.primary:focus {
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd11a6', endColorstr='#e70192',GradientType=0 );
        outline-color: #000;
        border-color: #e70192;
        background: #fd11a6;
        background: -moz-linear-gradient(top, #fd11a6 0%, #e70192 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fd11a6), color-stop(100%, #e70192));
        background: -webkit-linear-gradient(top, #fd11a6 0%, #e70192 100%);
        background: -o-linear-gradient(top, #fd11a6 0%, #e70192 100%);
        background: -ms-linear-gradient(top, #fd11a6 0%, #e70192 100%);
        background: linear-gradient(to bottom, #fd11a6 0%, #e70192 100%);
    }

/* Secondary */
a.button.secondary,
button.button.secondary {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089d0', endColorstr='#0075b1',GradientType=0 );
    border: 1px solid #0074b0;
    background: #0089d0;
    background: -moz-linear-gradient(top, #0089d0 0%, #0075b1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0089d0), color-stop(100%, #0075b1));
    background: -webkit-linear-gradient(top, #0089d0 0%, #0075b1 100%);
    background: -o-linear-gradient(top, #0089d0 0%, #0075b1 100%);
    background: -ms-linear-gradient(top, #0089d0 0%, #0075b1 100%);
    background: linear-gradient(to bottom, #0089d0 0%, #0075b1 100%);
}

    a.button.secondary:hover,
    a.button.secondary:focus,
    .fieldset.fileuploadset:focus-within a,
    button.button.secondary:hover,
    button.button.secondary:focus {
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ef1', endColorstr='#008ad2',GradientType=0 );
        outline-color: #000;
        border-color: #008ad2;
        background: #009ef1;
        background: -moz-linear-gradient(top, #009ef1 0%, #008ad2 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ef1), color-stop(100%, #008ad2));
        background: -webkit-linear-gradient(top, #009ef1 0%, #008ad2 100%);
        background: -o-linear-gradient(top, #009ef1 0%, #008ad2 100%);
        background: -ms-linear-gradient(top, #009ef1 0%, #008ad2 100%);
        background: linear-gradient(to bottom, #009ef1 0%, #008ad2 100%);
    }

.fieldset.fileuploadset:focus-within .fileinput-button {
    outline: 1px dotted #000;
    outline-offset: 1px;
    border-radius: 5px;
}

#upload-add {
    margin-bottom: inherit;
}
/* Green Create Buttons */
a.button.create,
button.button.create {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98b800', endColorstr='#708c00',GradientType=0 );
    border: 1px solid #708c00;
    background: #98b800;
    background: -moz-linear-gradient(top, #98b800 0%, #708c00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98b800), color-stop(100%, #708c00));
    background: -webkit-linear-gradient(top, #98b800 0%, #708c00 100%);
    background: -o-linear-gradient(top, #98b800 0%, #708c00 100%);
    background: -ms-linear-gradient(top, #98b800 0%, #708c00 100%);
    background: linear-gradient(to bottom, #98b800 0%, #708c00 100%);
}

    a.button.create:hover,
    a.button.create:focus,
    button.button.create:hover,
    button.button.create:focus {
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96b600', endColorstr='#98b800',GradientType=0 );
        outline-color: #000;
        border-color: #98b800;
        background: #96b600;
        background: -moz-linear-gradient(top, #96b600 0%, #98b800 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #96b600), color-stop(100%, #98b800));
        background: -webkit-linear-gradient(top, #96b600 0%, #98b800 100%);
        background: -o-linear-gradient(top, #96b600 0%, #98b800 100%);
        background: -ms-linear-gradient(top, #96b600 0%, #98b800 100%);
        background: linear-gradient(to bottom, #96b600 0%, #98b800 100%);
    }

/* Gray Buttons */
a.button.tertiary,
button.button.tertiary {
    position: relative;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eceaea',GradientType=0 );
    border: 1px solid #ccc;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #eceaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eceaea));
    background: -webkit-linear-gradient(top, #ffffff 0%, #eceaea 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #eceaea 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #eceaea 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #eceaea 100%);
    padding-left: 3em;
    color: #000;
}

button.button.tertiary {
    padding: 1em 1.5em 0.9em;
}

    a.button.tertiary:hover,
    a.button.tertiary:focus,
    button.button.tertiary:hover,
    button.button.tertiary:focus {
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f7f7', endColorstr='#eceaea',GradientType=0 );
        background: #f8f7f7;
        background: -moz-linear-gradient(top, #f8f7f7 0%, #eceaea 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f7f7), color-stop(100%, #eceaea));
        background: -webkit-linear-gradient(top, #f8f7f7 0%, #eceaea 100%);
        background: -o-linear-gradient(top, #f8f7f7 0%, #eceaea 100%);
        background: -ms-linear-gradient(top, #f8f7f7 0%, #eceaea 100%);
        background: linear-gradient(to bottom, #f8f7f7 0%, #eceaea 100%);
    }

/* Disabled Buttons */
a.button.disabled,
button.button.disabled {
    position: relative;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eceaea',GradientType=0 );
    cursor: default;
    border: 1px solid #ccc;
    background: #e0e0e0;
    background: -moz-linear-gradient(top, #ffffff 0%, #eceaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eceaea));
    background: -webkit-linear-gradient(top, #ffffff 0%, #eceaea 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #eceaea 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #eceaea 100%);
    background: linear-gradient(to bottom, #e0e0e0 0%, #eceaea 100%);
    color: #b0b0b0;
}

/* Approve/Deny Buttons */
a.button i {
    display: inline-block;
    position: absolute;
    top: 32%;
    left: 1em;
    width: 16px;
    height: 16px;
}

    a.button i.emblem-approve {
        background: url("../img/i_alert-success.png");
    }

    a.button i.emblem-deny {
        background: url("../img/i_cancel.png");
    }

    a.button i.emblem-void {
        background: url("../img/i_void.png");
    }

/* Toggle Button */
a.button.tertiary.toggle:not(.locked):not(.lock) {
    padding-left: 1.5em;
}

a.button.tertiary.toggle.toggleOff {
    margin-right: 4px;
}

a.button.tertiary.toggle.toggleOn {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d3d3', endColorstr='#eceaea',GradientType=0 );
    background: #d4d3d3;
    background: -moz-linear-gradient(top, #d4d3d3 0%, #eceaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d4d3d3), color-stop(100%, #eceaea));
    background: -webkit-linear-gradient(top, #d4d3d3 0%, #eceaea 100%);
    background: -o-linear-gradient(top, #d4d3d3 0%, #eceaea 100%);
    background: -ms-linear-gradient(top, #d4d3d3 0%, #eceaea 100%);
    background: linear-gradient(to bottom, #d4d3d3 0%, #eceaea 100%);
}

a.button.tertiary.toggle.toggleOff.lock i {
    background: url("../img/i_lock.png");
}

a.button.tertiary.toggle.toggleOn.locked i {
    background: url("../img/i_lock.png");
}

.button--appended {
    margin-left: 0.3125rem;
    padding: 0.5rem 0.75rem;
    height: 2.625rem;
}

    .button--appended span {
        border: none;
    }

/* Icons 
------------------------------------------------------------------------ */

@font-face {
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/BlueRidgeSansVariable.ttf") format("truetype"), url("../fonts/BlueRidgeSansVariable.woff") format("woff");
    font-family: "BlueRidgeSansVariable";
}

@font-face {
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/icomoon.eot?8dfvj3");
    src: url("../fonts/icomoon.eot?8dfvj3#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?8dfvj3") format("truetype"), url("../fonts/icomoon.woff?8dfvj3") format("woff"), url("../fonts/icomoon.svg?8dfvj3#icomoon") format("svg");
    font-family: "icomoon";
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icomoon" !important;
    speak: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 7px;
    color: #fff;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 1.375rem;
    line-height: 1;
    text-transform: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon--xs {
    font-size: 0.875rem;
}

.icon--sm {
    font-size: 1.125rem;
}

.icon--lg {
    font-size: 1.625rem;
}

.icon--xl {
    position: relative;
    top: -2px;
    vertical-align: middle;
    font-size: 1.875rem;
}

.icon--shif-45 {
    top: -2px !important;
    transform: rotate(45deg);
}

.icon-cross {
    top: 0 !important;
}

.icon-minus {
    top: -2px !important;
    vertical-align: middle;
}

    .icon-minus:before {
        content: "\e91f";
    }

.icon-bin:before {
    content: "\e91e";
}

.icon-search:before {
    content: "\e916";
}

.icon-alert:before {
    content: "\e917";
}

.icon-checkmark:before {
    content: "\e918";
}

.icon-waiting:before {
    content: "\e919";
}

.icon-cog:before {
    content: "\e913";
}

.icon-forbid:before {
    content: "\e90f";
}

.icon-cancel-circle:before {
    content: "\e900";
}

.icon-cross:before {
    content: "\e901";
}

.icon-circle-left:before {
    content: "\e902";
}

.icon-circle-down:before {
    content: "\e903";
}

.icon-circle-right:before {
    content: "\e904";
}

.icon-circle-up:before {
    content: "\e905";
}

.icon-plus-circle:before,
.wp-notes__new .icon-type:before {
    content: "\e906";
}

.icon-sort-asc:before {
    content: "\e91b";
}

.icon-sort-desc:before {
    content: "\e91c";
}

.icon-sort:before {
    content: "\e91d";
}

.icon-search-plus:before {
    content: "\e914";
}

.icon-check-circle-o:before {
    content: "\e915";
}

.icon-sign-out:before {
    content: "\e90c";
}

.icon-save:before,
.wp-notes__new-input.open + .wp-notes__new .icon-type:before {
    content: "\e90d";
}

.icon-line-chart:before {
    content: "\e907";
}

.icon-area-chart:before {
    content: "\e908";
}

.icon-bar-chart:before {
    content: "\e909";
}

.icon-pie-chart:before {
    content: "\e90a";
}

.icon-clock-o:before {
    content: "\e90b";
}

.icon-error:before {
    content: "\e91a";
}

.icon-menu:before {
    content: "\e912";
}

.icon-re-verify:before {
    content: "\e910";
}

.icon-check:before {
    content: "\e911";
}

.icon-redo:before {
    content: "\e90e";
}

/* Alerts 
	------------------------------------------------------------------------ */

/* Summary */
.alert {
    clear: both;
    margin: 0 0 2em;
    border: 1px solid #ffdc78;
    background: #fef3d0 url("../img/i_alert-default.png") no-repeat 1em 50%;
    padding: 1em 1em 1em 3em;
    color: #000;
}

.alert-success {
    border-color: #c8e45a;
    background-image: url("../img/i_alert-success.png");
    background-color: #f3f8db;
}

.alert-error,
.validation-summary-errors,
.alert-locked {
    margin: 0 0 2em;
    border: 1px solid #ff7d87;
    background: #ffdbdd url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23cb2d3a' d='M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zm0-192a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm0-192c-18.2 0-32.7 15.5-31.4 33.7l7.4 104c.9 12.6 11.4 22.3 23.9 22.3 12.6 0 23-9.7 23.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z'/%3e%3c/svg%3e") no-repeat 1em 50% / 1.1em;
    padding: 1em 1em 1em 3em;
}

.alert h3 {
    margin: 0;
}

.validation-summary-errors ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.alert-locked {
    border: 1px solid red;
    background: red url("../img/i_lock-white.png") no-repeat 1em 50%;
}

    .alert-locked * {
        color: #fff !important;
    }

/* Fields */
.field-validation-error {
    display: block;
    padding: 5px 0;
    color: #eb0000;
}

.input-validation-error {
    border-color: #eb0000 !important;
}

.info-box {
    border: 1px solid #bfe7fc;
    background: #eff8fe url("../img/i_alert-info.png") no-repeat 1em 50%;
}

/* Progressing Alerts */
.alerts .loader {
    margin: 0 auto;
    max-width: 260px;
    text-align: center;
}

    .alerts .loader img {
        max-width: 20%;
    }

/* Tables 
	------------------------------------------------------------------------ */
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

th,
td {
    padding: 0.313em;
}

th {
    border: 1px solid #d9d9d9;
    background: #333;
    color: #333;
    font-weight: bold;
}

    th a {
        color: #333;
    }

td {
    vertical-align: top;
    border: 1px solid #d9d9d9;
}

tr:nth-child(even) td {
    background: #f9f9f9;
}

    tr:nth-child(even) td a:not(.button) {
        color: #0074bd;
    }
/* Slightly darker hyperlink text to meet accessibility standards */
tr:hover td {
    background: #f3f3f3;
}

.table-no-hover tr:hover td {
    background: inherit;
}

.footable-detail-show td {
    background-color: #fff7df;
}

.table-no-hover.footable > tbody > tr:hover {
    background: inherit;
}

.table-no-hover.footable > tbody > tr:nth-child(even):hover td {
    background: #f9f9f9;
}

/* Sorts */
.sort,
.sort-asc,
.sort-desc {
    display: block;
    float: right;
    margin: 6px 0 0 12px;
    background: url("../img/footable/sorting_sprite.png") no-repeat;
    width: 12px;
    height: 10px;
    text-indent: -9000em;
}

.sort {
    background-position: -2px -3px;
}

.sort-desc {
    background-position: -2px -19px;
}

.sort-asc {
    background-position: -2px -36px;
}

/* Pagination */
.page-stats {
    float: left;
}

.page-size {
    float: right;
}

    .page-size > label {
        display: inline;
        margin-right: 5px;
        font-weight: normal;
    }

/* Chrome Frame (for IE6 or below) 
	------------------------------------------------------------------------ */
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    padding: 0.2em 0;
    color: black;
}

/* Wrappers/Layout 
======================================================================================================= */
.wrapper {
    margin: 0 5%;
    width: 90%;
}

.main-content {
    position: relative;
    padding-top: 20px;
}

.main-container,
.footer-container {
    position: relative;
    float: left;
    clear: both;
    width: 100%;
}

.main-menu {
    position: absolute;
    top: 0;
    left: -300px;
    z-index: 10;
    transition: left 0.25s ease-in-out;
    -webkit-transition: left 0.25s ease-in-out;
    -moz-transition: left 0.25s ease-in-out;
    -o-transition: left 0.25s ease-in-out;
}

    .main-menu nav {
        display: none;
    }

        .main-menu nav.multilevelpushmenu_wrapper {
            display: block;
        }

.mobile-menu .main-menu {
    left: 0;
}

.main-container:after {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 0;
    transition: opactiy 0.25s ease-in-out;
    background: rgba(0, 0, 0, 0.85);
    width: 0;
    height: 0;
    content: "";
    -webkit-transition: opactiy 0.25s ease-in-out;
    -moz-transition: opactiy 0.25s ease-in-out;
    -o-transition: opactiy 0.25s ease-in-out;
}

.mobile-menu .main-container:after {
    opacity: 1;
    width: 100%;
    height: 108%;
}

.toggle-primary {
    float: right;
    margin: 15px -5px 0 0;
    border: none;
    background: none;
    padding: 0;
}

    .toggle-primary img {
        width: 2rem;
        height: 2rem;
    }

/* Header
	------------------------------------------------------------------------ */
.header-container {
    position: relative;
    z-index: 10;
    background: #fff;
}

    .header-container .top-bar {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        padding-inline: 5%;
        width: 100%;
        height: 135px;
    }

    .header-container .brand {
        display: flex;
        align-items: flex-start;
        flex: 1;
        flex-direction: column;
        gap: 0.75rem;
    }

    .header-container .bcbsnc-logo {
        width: 270px;
        max-width: 100%;
    }

    .header-container .welcome {
        flex: 1;
        text-align: right;
    }

@media (max-width: 600px) {
    .header-container .top-bar {
        align-items: flex-start;
        padding-top: 42px;
    }

    .header-container .welcome {
        position: absolute;
        top: 0;
        left: 0;
        border-bottom: 1px solid #d9d9d9;
        background: #f3f3f3;
        padding-block: 5px;
        width: 100%;
        text-align: center;
    }
}

/* School Banner */
.school-banner {
    background: var(--lh-color-primary-900, #004c6c);
    background: -moz-linear-gradient(top, var(--lh-color-primary-800, #006894) 25%, var(--lh-color-primary-900, #004c6c) 75%);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, var(--lh-color-primary-800, #006894)), color-stop(100%, var(--lh-color-primary-900, #004c6c)) );
    background: -webkit-linear-gradient(top, var(--lh-color-primary-800, #006894) 25%, var(--lh-color-primary-900, #004c6c) 75%);
    background: -o-linear-gradient(top, var(--lh-color-primary-800, #006894) 25%, var(--lh-color-primary-900, #004c6c) 75%);
    background: -ms-linear-gradient(top, var(--lh-color-primary-800, #006894) 25%, var(--lh-color-primary-900, #004c6c) 75%);
    background: linear-gradient(to bottom, var(--lh-color-primary-800, #006894) 25%, var(--lh-color-primary-900, #004c6c) 75%);
    background: linear-gradient(to bottom, var(--lh-color-primary-800, #006894) 25%, var(--lh-color-primary-900, #004c6c) 75%);
    height: 60px;
    text-align: center;
}

    .school-banner .heading-text {
        margin: 0;
        color: var(--lh-color-neutral-white, #fff);
        font: 400 1.14285714286em/60px "BlueRidgeSansVariable", Verdana, Helvetica, Arial, sans-serif;
    }

/* Main Content 
	------------------------------------------------------------------------ */
.main-container {
    overflow-y: hidden;
}

/* Footer 
	------------------------------------------------------------------------ */
footer {
    position: relative;
}
/* Make outer footer container consume theme colors from inner <lh-footer> web component */
/* This allows the footer to dynamically inherit color variables from the BCBS Litehouse component library, ensuring consistent theming and easy integration with future design changes. */
.footer-container {
    background: var(--mode-background-color);
    color: var(--mode-typography-text);
    text-align: center;
}

    .footer-container a {
        color: var(--mode-typography-text);
    }

    .footer-container:has(lh-footer),
    .footer-container:has(lh-footer[theme="dark"]) {
        --mode-background-color: var(--lh-color-primary-900);
        --mode-typography-text: var(--lh-color-neutral-white);
    }

    .footer-container:has(lh-footer[theme="light"]) {
        --mode-background-color: var(--lh-color-neutral-white);
        --mode-typography-text: var(--lh-text-color);
    }

    .footer-container sub,
    .footer-container sup {
        font-size: 70%;
    }

footer th,
footer td,
.config-long-text thead th,
.config-long-text thead td {
    font-weight: bold !important;
}

footer th,
footer td,
.config-long-text th,
.config-long-text td {
    border: none !important;
    background: none;
    text-align: left;
}

footer tr:hover td,
.config-long-text tr:hover td {
    background: none;
}

/* Navigation/Menus 
======================================================================================================= */

/* Account Menu 
	------------------------------------------------------------------------ */
.account-menu-container {
    position: relative;
    flex: 0 0 auto;
}

.account-menu {
    position: absolute;
    top: auto;
    right: 0;
    z-index: 1;
    margin: 0;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    border-top-right-radius: 0;
    background: #f5f5f5;
    padding: 0;
    width: 300px;
    max-width: 85vw;
    overflow: hidden;
}

.account-menu__item {
    border-top: 1px solid #ccc;
}

    .account-menu__item:first-child {
        border: 0;
    }

    .account-menu__item:hover {
        background: #fff;
    }

.account-menu__action {
    display: block;
    appearance: none;
    border: 0;
    background: none;
    padding: 1em;
    width: 100%;
    color: #0074bd;
    text-align: left;
    text-decoration: none;
}

    .account-menu__action:focus {
        outline: 2px solid black;
        outline-offset: -2px;
        background: #fff;
    }

.account-menu-trigger {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    cursor: pointer;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    background: #f8f8f8;
    background: -moz-linear-gradient(top, #f8f8f8 0%, #ebebeb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #ebebeb));
    background: -webkit-linear-gradient(top, #f8f8f8 0%, #ebebeb 100%);
    background: -o-linear-gradient(top, #f8f8f8 0%, #ebebeb 100%);
    background: -ms-linear-gradient(top, #f8f8f8 0%, #ebebeb 100%);
    background: linear-gradient(to bottom, #f8f8f8 0%, #ebebeb 100%);
    width: 44px;
    height: 44px;
    font-size: 1em;
}

    .account-menu-trigger:hover,
    .account-menu-trigger:focus {
        background: #fbfbfb;
        background: -moz-linear-gradient(top, #fbfbfb 0%, #f5f5f5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #f5f5f5));
        background: -webkit-linear-gradient(top, #fbfbfb 0%, #f5f5f5 100%);
        background: -o-linear-gradient(top, #fbfbfb 0%, #f5f5f5 100%);
        background: -ms-linear-gradient(top, #fbfbfb 0%, #f5f5f5 100%);
        background: linear-gradient(to bottom, #fbfbfb 0%, #f5f5f5 100%);
    }

    .account-menu-trigger[aria-expanded="true"] {
        border-bottom-color: #f5f5f5;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        background: #fbfbfb;
        background: -moz-linear-gradient(top, #fbfbfb 0%, #f5f5f5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #f5f5f5));
        background: -webkit-linear-gradient(top, #fbfbfb 0%, #f5f5f5 100%);
        background: -o-linear-gradient(top, #fbfbfb 0%, #f5f5f5 100%);
        background: -ms-linear-gradient(top, #fbfbfb 0%, #f5f5f5 100%);
        background: linear-gradient(to bottom, #fbfbfb 0%, #f5f5f5 100%);
    }

/* Primary Menu 
	------------------------------------------------------------------------ */
nav.primary {
    margin: 0 0 2em;
    border: 1px solid #d9d9d9;
    overflow: hidden;
    font: 700 1em/1 "BlueRidgeSansVariable", Verdana, Helvetica, Arial, sans-serif;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    nav.primary h1 {
        position: absolute;
        top: 0;
        left: -9000em;
    }

    nav.primary li {
        border-top: 1px solid #d9d9d9;
        background: #f8f8f8;
    }

        nav.primary li:first-child {
            border: 0;
        }

    nav.primary a {
        display: block;
        position: relative;
        padding: 1.5em 3.57142857143em 1.5em 3em;
        color: #333;
        line-height: 1.2;
        text-decoration: none;
        text-transform: uppercase;
    }

        nav.primary a:after {
            position: absolute;
            top: 50%;
            right: 20px;
            margin: -8px 0 0;
            background: url("../img/i_right-arrow.png") no-repeat 0 0;
            width: 8px;
            height: 16px;
            content: "";
        }

    nav.primary i {
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 1em;
        margin-top: -8px;
        background: url("../img/sp_menu.png") no-repeat;
        width: 16px;
        height: 16px;
        line-height: 60px;
    }

    /* Hover */
    nav.primary li:hover {
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e5e5',GradientType=0 );
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #e8e5e5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e8e5e5));
        background: -webkit-linear-gradient(top, #ffffff 0%, #e8e5e5 100%);
        background: -o-linear-gradient(top, #ffffff 0%, #e8e5e5 100%);
        background: -ms-linear-gradient(top, #ffffff 0%, #e8e5e5 100%);
        background: linear-gradient(to bottom, #ffffff 0%, #e8e5e5 100%);
    }

    /* Default Icons */
    nav.primary i.icon-home {
        background-position: -12px -12px;
    }

    nav.primary i.icon-document {
        background-position: -12px -42px;
    }

    nav.primary i.icon-mail {
        background-position: -12px -72px;
    }

    /* Active Icons */
    nav.primary li.active {
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ef2', endColorstr='#0073ae',GradientType=0 );
        background: var(--lh-color-primary-900, #004c6c);
        background: -moz-linear-gradient(top, #009ef2 0%, #0073ae 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ef2), color-stop(100%, #0073ae));
        background: -webkit-linear-gradient(top, #009ef2 0%, #0073ae 100%);
        background: -o-linear-gradient(top, #009ef2 0%, #0073ae 100%);
        background: -ms-linear-gradient(top, #009ef2 0%, #0073ae 100%);
        background: linear-gradient(to bottom, #009ef2 0%, #0073ae 100%);
    }

        nav.primary li.active a {
            color: #fff;
        }

            nav.primary li.active a:after {
                display: none;
            }

        nav.primary li.active i.icon-home {
            background-position: -42px -12px;
        }

        nav.primary li.active i.icon-document {
            background-position: -42px -42px;
        }

        nav.primary li.active i.icon-mail {
            background-position: -42px -72px;
        }

/* Admin Submenu 
	-------------------------------------------------------------------------- */
nav.admin-submenu {
    margin: 0 0 3em;
    border: 1px solid #d9d9d9;
    width: 100%;
    overflow: hidden;
    font: 700 1em/1 "BlueRidgeSansVariable", Verdana, Helvetica, Arial, sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    nav.admin-submenu ul {
        float: left;
        width: 100%;
    }

    nav.admin-submenu li {
        float: left;
        border-top: 1px solid #d9d9d9;
        background: #f8f8f8;
        width: 100%;
        text-align: center;
    }

        nav.admin-submenu li:first-child {
            border: 0;
        }

    nav.admin-submenu a {
        display: block;
        padding: 1.5em 1em;
        color: #000;
        text-decoration: none;
    }

    /* Hover */
    nav.admin-submenu li:hover {
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e5e5',GradientType=0 );
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #e8e5e5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e8e5e5));
        background: -webkit-linear-gradient(top, #ffffff 0%, #e8e5e5 100%);
        background: -o-linear-gradient(top, #ffffff 0%, #e8e5e5 100%);
        background: -ms-linear-gradient(top, #ffffff 0%, #e8e5e5 100%);
        background: linear-gradient(to bottom, #ffffff 0%, #e8e5e5 100%);
    }

    nav.admin-submenu li.active {
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ef2', endColorstr='#0073ae',GradientType=0 );
        background: var(--lh-color-primary-900, #004c6c);
        background: -moz-linear-gradient(top, #009ef2 0%, #0073ae 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ef2), color-stop(100%, #0073ae));
        background: -webkit-linear-gradient(top, #009ef2 0%, #0073ae 100%);
        background: -o-linear-gradient(top, #009ef2 0%, #0073ae 100%);
        background: -ms-linear-gradient(top, #009ef2 0%, #0073ae 100%);
        background: linear-gradient(to bottom, #009ef2 0%, #0073ae 100%);
    }

        nav.admin-submenu li.active a {
            color: #fff;
        }

/* Breadcrumbs 
	------------------------------------------------------------------------ */
.breadcrumb {
    margin: 0 0 20px;
    border: 1px solid #d9d9d9;
    background-color: #eee;
    padding: 8px 15px;
    font-size: 0.85714285714em;
    list-style: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .breadcrumb > li {
        display: inline-block;
    }

        .breadcrumb > li > .divider {
            padding: 0 5px;
            color: #757575;
        }

    .breadcrumb > .active {
        color: #757575;
    }

    .breadcrumb.admin {
        border-top: 1px solid #d9d9d9;
        border-right: 0;
        border-bottom: 1px solid #d9d9d9;
        border-left: 0;
        background: none;
        padding-left: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

/* Contact Us 
======================================================================================================= */
section.contact {
    margin: 0 0 2em;
    border: 1px solid #d9d9d9;
    background: #f3f3f3;
    padding: 1em;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    section.contact h4 {
        margin: 0 0 1em;
        text-align: center;
    }

    section.contact p {
        float: left;
        margin: 0;
        width: 48%;
        font: 700 1em/1 "BlueRidgeSansVariable", Verdana, Helvetica, Arial, sans-serif;
        text-align: center;
    }

        section.contact p.last {
            float: right;
        }

    section.contact a {
        display: block;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089d0', endColorstr='#0075b1',GradientType=0 );
        background: #0089d0;
        background: -moz-linear-gradient(top, #0089d0 0%, #0075b1 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0089d0), color-stop(100%, #0075b1));
        background: -webkit-linear-gradient(top, #0089d0 0%, #0075b1 100%);
        background: -o-linear-gradient(top, #0089d0 0%, #0075b1 100%);
        background: -ms-linear-gradient(top, #0089d0 0%, #0075b1 100%);
        background: linear-gradient(to bottom, #0089d0 0%, #0075b1 100%);
        width: 100%;
        height: 100%;
        color: #fff;
        line-height: 44px;
        text-decoration: none;
        text-transform: uppercase;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    section.contact .visible-desktop {
        display: none;
    }

    /* Hover */
    section.contact a:hover {
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ef1', endColorstr='#008ad2',GradientType=0 );
        background: #009ef1;
        background: -moz-linear-gradient(top, #009ef1 0%, #008ad2 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ef1), color-stop(100%, #008ad2));
        background: -webkit-linear-gradient(top, #009ef1 0%, #008ad2 100%);
        background: -o-linear-gradient(top, #009ef1 0%, #008ad2 100%);
        background: -ms-linear-gradient(top, #009ef1 0%, #008ad2 100%);
        background: linear-gradient(to bottom, #009ef1 0%, #008ad2 100%);
    }

/* Pagination 
======================================================================================================= */
.pagination {
    margin: 20px 0;
}

    .pagination ul {
        display: inline-block;
        margin-bottom: 0;
        margin-left: 0;
        padding: 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }

        .pagination ul > li {
            display: inline;
        }

            .pagination ul > li > a,
            .pagination ul > li > span {
                float: left;
                border: 1px solid #dddddd;
                border-left-width: 0;
                background-color: #ffffff;
                padding: 4px 12px;
                line-height: 20px;
                text-decoration: none;
            }

                .pagination ul > li > a:hover,
                .pagination ul > li > a:focus,
                .pagination ul > .active > a,
                .pagination ul > .active > span {
                    background-color: #f5f5f5;
                }

        .pagination ul > .active > a,
        .pagination ul > .active > span {
            cursor: default;
            color: #333;
        }

        .pagination ul > .disabled > span,
        .pagination ul > .disabled > a,
        .pagination ul > .disabled > a:hover,
        .pagination ul > .disabled > a:focus {
            cursor: default;
            background-color: transparent;
            color: #757575;
        }

        .pagination ul > li:first-child > a,
        .pagination ul > li:first-child > span {
            border-left-width: 1px;
            -webkit-border-bottom-left-radius: 4px;
            border-bottom-left-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            border-top-left-radius: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-topleft: 4px;
        }

        .pagination ul > li:last-child > a,
        .pagination ul > li:last-child > span {
            -webkit-border-top-right-radius: 4px;
            border-top-right-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            border-bottom-right-radius: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomright: 4px;
        }

.pagination-centered {
    text-align: center;
}

.pagination-right {
    text-align: right;
}

/* Block List 
======================================================================================================= */
.block-list h1 {
    margin-top: 0;
    text-align: center;
}

.block-list h2 {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eceaea',GradientType=0 );
    margin: 0;
    border: 1px solid #ccc;
    border-bottom: 0;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #eceaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eceaea));
    background: -webkit-linear-gradient(top, #ffffff 0%, #eceaea 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #eceaea 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #eceaea 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #eceaea 100%);
    padding: 1em 1.5em;
    font-size: 1em;
    line-height: 1;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.block-list ul {
    margin: 0 0 1em;
    border: 1px solid #d9d9d9;
    padding: 0;
    overflow: hidden;
    list-style: none;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.block-list li {
    border-top: 1px solid #d9d9d9;
}

    .block-list li:first-child {
        border: 0;
    }

.block-list a {
    display: block;
    position: relative;
    padding: 1.5em 3.57142857143em 1.5em 1.5em;
    width: 100%;
    height: 100%;
    color: #333;
    line-height: 1.2;
    text-decoration: none;
}

    .block-list a:after {
        position: absolute;
        top: 50%;
        right: 20px;
        margin: -8px 0 0;
        background: url("../img/i_right-arrow.png") no-repeat 0 0;
        width: 8px;
        height: 16px;
        content: "";
    }

/* Hover */
.block-list li:hover {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e5e5',GradientType=0 );
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e8e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e8e5e5));
    background: -webkit-linear-gradient(top, #ffffff 0%, #e8e5e5 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #e8e5e5 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #e8e5e5 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #e8e5e5 100%);
}

/* Tabs 
======================================================================================================= */
.ui-tabs {
    position: relative;
    float: left;
    margin: 0 0 3em;
    width: 100%;
}

    .ui-tabs .ui-tabs-nav {
        position: relative;
        top: 1px;
        float: left;
        z-index: 2;
        margin: 0;
        padding: 0;
        width: 100%;
    }

        .ui-tabs .ui-tabs-nav li {
            position: relative;
            top: 0;
            float: left;
            margin: 1px 0.2em 0 0;
            border: 1px solid #d9d9d9;
            background: #f3f3f3;
            padding: 0;
            list-style: none;
            white-space: nowrap;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
            border-top-right-radius: 5px;
            border-top-left-radius: 5px;
        }

            .ui-tabs .ui-tabs-nav li a {
                float: left;
                padding: 0.5em 2em;
                color: #6e6e6e;
                font-weight: bold;
                text-decoration: none;
            }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active {
                border-bottom-color: #fff;
                background: #fff;
            }

                .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
                    color: #333;
                }

                .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
                .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
                .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
                    cursor: text;
                }

            .ui-tabs .ui-tabs-nav li a,
            .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
                cursor: pointer;
                outline: none;
            }

    .ui-tabs .ui-tabs-panel {
        display: block;
        float: left;
        border: 1px solid #d9d9d9;
        background: none;
        padding: 1.4em;
        width: 100%;
        -webkit-border-radius: 5px;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius: 5px;
        -moz-border-radius-topleft: 0;
        border-radius: 5px;
        border-top-left-radius: 0;
    }

/* Accessible Tabs 
======================================================================================================= */
.accessible-tabs .current-info {
    display: none;
}

.accessible-tabs .tabhead {
    position: absolute;
    left: -999em;
}

.accessible-tabs > ul,
.accessible-tabs > h2,
.accessible-tabs > div {
    display: none;
}
/* hide unstyled content */
.accessible-tabs .content > h2,
.accessible-tabs .content > div,
.accessible-tabs > .content {
    display: block;
}
/* display content */
.accessible-tabs .tabs-list {
    display: block;
    float: left;
    clear: both;
    margin: 0;
    border-radius: 5px 5px 0 0;
    padding: 0;
    width: 100%;
    list-style: none;
}

.accessible-tabs .content {
    float: left;
    clear: both;
    border: 1px solid #d9d9d9;
    border-top: none;
    border-radius: 0 0 5px 5px;
    padding: 10px 20px;
    width: 100%;
}

.accessible-tabs .tabbody > *:first-child {
    margin-top: 0;
}

.accessible-tabs .tabs-list li {
    position: relative;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    background: #f3f3f3;
}

    .accessible-tabs .tabs-list li.first {
        border-top: 1px solid #d9d9d9;
    }

    .accessible-tabs .tabs-list li a {
        display: block;
        padding: 5px 10px;
        color: #999;
        text-decoration: none;
    }

        .accessible-tabs .tabs-list li a:focus {
            outline-color: #009ef2; /*background: #009ef2; color: #ffffff;*/
            outline-style: dotted;
        }

    .accessible-tabs .tabs-list li.current a {
        color: #000;
    }

    .accessible-tabs .tabs-list li.current {
        background: #ffffff;
    }

.accessible-tabs .pagination {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .accessible-tabs .pagination a {
        display: block;
        position: relative;
        width: 60px;
        height: 25px;
    }

.accessible-tabs .previous a:before {
    display: block;
    position: absolute;
    top: 0;
    left: 20px;
    content: "prev";
}

.accessible-tabs .previous a span,
.accessible-tabs .next a span {
    position: absolute;
    left: -9999px;
}

.accessible-tabs .next,
.accessible-tabs .previous {
    display: block;
    float: left;
    text-align: center;
}

    .accessible-tabs .next a:before {
        display: block;
        position: absolute;
        top: 0;
        left: 20px;
        content: "next";
    }

/* Register - Login 
======================================================================================================= */
.forgot-password {
    display: block;
    margin-top: 1em;
}

#register-login #MiddleInitial {
    width: 15%;
}

#ZipCode,
#CompanyPostalCode {
    width: 22%;
}

/* Module Box 
======================================================================================================= */
.module-box-group {
    margin: 1em 0 2em;
}

.module-box {
    margin: 0 0 1em;
    border: 1px solid #d9d9d9;
    background: #f3f3f3;
    padding: 2em;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .module-box h3 {
        margin-top: 0;
        font-size: 1.5em;
    }

    .module-box .buttons {
        margin-bottom: 0;
    }

.module-box-group + div {
    clear: both;
}

/* Send Message 
======================================================================================================= */
.send-message {
    float: left;
    clear: both;
    margin: 2em 0;
    border: 1px solid #d9d9d9;
    background: #f3f3f3;
    padding: 1em;
    width: 100%;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .send-message h3 {
        margin-top: 0;
        padding: 0.25em 0;
        color: #666;
    }

    .send-message .buttons {
        margin: 0;
    }

/* Definition Table 
======================================================================================================= */
.definition-table {
    border: 1px solid #d9d9d9;
    border-top: 0;
    overflow: hidden;
    font-size: 12px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .definition-table dt {
        border-top: 1px solid #d9d9d9;
        background: #f3f3f3;
        padding: 1em;
        color: #333;
    }

    .definition-table dd {
        margin: 0;
        border-top: 1px solid #d9d9d9;
        padding: 1em;
        min-height: 46px;
    }

    .definition-table dt.indent {
        padding-left: 2em;
    }

/* Dependent Group 
======================================================================================================= */
.dependent-coverage-wrapper {
    clear: both;
}

.dependent-group {
    margin: 0 0 1em;
    border: 1px solid #d9d9d9;
    background: #f3f3f3;
    padding: 1em;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    border-radius: 5px;
}

    .dependent-group > h4 {
        margin: 0.5em 0;
    }

    .dependent-group .buttons {
        margin: 0;
    }

.button.remove-dependent {
    position: absolute;
    top: 14px;
    right: 14px;
    width: auto;
    font-size: 0.9em;
}

.dependent-group .dependent-edit-actions-container {
    display: grid;
    grid-template-columns: 1fr auto;
}

.button.dependent-action-button {
    font-size: 0.9em;
}

/* Alias Group 
======================================================================================================= */
.alias-wrapper {
    clear: both;
}

.alias-group {
    margin: 0 0 1em;
    border: 1px solid #d9d9d9;
    background: #f3f3f3;
    padding: 1em;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    border-radius: 5px;
}

    .alias-group > h4 {
        margin: 0.5em 0;
    }

    .alias-group .buttons {
        margin: 0;
    }

.button.remove-alias {
    position: absolute;
    top: 14px;
    right: 14px;
    width: auto;
    font-size: 0.9em;
}

/* Id Card Group 
======================================================================================================= */
.idCard-wrapper {
    clear: both;
}

.idCard-group {
    margin: 0 0 1em;
    border: 1px solid #d9d9d9;
    background: #f3f3f3;
    padding: 1em;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    border-radius: 5px;
}

    .idCard-group > h2 {
        margin: 0.5em 0;
        font-size: 1.18em;
    }

    .idCard-group .buttons {
        margin: 0;
    }

.button.remove-idCard {
    position: absolute;
    top: 14px;
    right: 14px;
    width: auto;
    font-size: 0.9em;
}

/* University Admin Search 
======================================================================================================= */
.university-admin-search h4 {
    margin: 0 0 0.7em;
}

.university-admin-search .alert.info-box {
    margin: 1em 0 0;
}

.university-admin-search .date-range p {
    font-weight: bold;
}

.university-admin-search .date-range label {
    display: none;
}

.university-admin-search .quicksearch {
    float: none;
    width: 132px;
}

.transaction-search-group {
    margin: 0 0 1em;
    border: 1px solid #d9d9d9;
    background: #f3f3f3;
    padding: 1em;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    border-radius: 5px;
}

.university-admin-search .date-range span:not(.date-format-label) {
    display: block;
    margin: 1em 0;
}

.search-results {
    float: left;
    width: 100%;
}

    .search-results h3 {
        margin: 1em 0;
    }

.search-headers {
    display: inline-flex;
    align-items: baseline;
}

    .search-headers a {
        margin-left: 11px;
    }

/* Search (Quick Search) 
======================================================================================================= */
form.quick-search-form {
    margin: 0 5px 0 5px;
}

h2.quicksearch {
    margin-bottom: 1em;
}

legend.quicksearch {
    margin-bottom: 0;
}

hr.quicksearch {
    margin-top: 0.5em;
    border: none;
    background-color: #0073ae; /* Modern Browsers */
    height: 3px;
    /* Set the hr color */
    color: #0073ae; /* old IE */
}

/* Admin - Student Account View 
======================================================================================================= */
.comments .add-comment {
    margin: 1.5em 0;
}

.add-comment textarea {
    height: 150px;
}

.student-details .student-type .alert {
    margin: 0 0 0.5em;
}

.secondary .transactions .buttons {
    margin-top: 0;
}

.secondary .transactions .button {
    width: 49%;
}

/* SB Admin Dashboard 
=========================================================================================================== */
.sbadmin-dash .search-university .alert {
    margin: 1em 0;
}

.sbadmin-dash .search-university select {
    width: 100%;
}

.reset-search {
    display: block;
    margin: 1em 0;
}

/* University Configuration 
=========================================================================================================== */
.university-config-error {
    margin: 1em 0 0;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 1em 0;
}

/* Configuration 
=========================================================================================================== */
.config-long-text {
    margin: 1em 0 0;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 1em 0;
}

/* Report Configuration 
=========================================================================================================== */
td.buttons {
    text-align: center;
}

    td.buttons a {
        display: inline-block;
        margin: 0 0 0.5em;
        padding: 1em 1.5em 0.9em;
        width: 100%;
        color: #fff;
        font-weight: bold;
        line-height: 1;
        text-align: center;
        text-decoration: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

.export-config-block {
    display: inline;
    float: left;
    clear: both;
    width: 100%;
}

    .export-config-block table {
        width: 100%;
    }

.export-available-fields,
.export-selected-fields {
    display: inline;
    float: left;
    width: 50%;
}

.export-selected-fields {
    margin: 1em 0 0;
}

    .export-selected-fields .sortable-list {
        border: 1px solid #d9d9d9;
        border-radius: 5px;
        padding: 0;
        min-height: 500px;
        list-style-type: none;
    }

        .export-selected-fields .sortable-list li {
            position: relative;
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e5e5',GradientType=0 );
            margin: 0.5em;
            border: 1px solid #d9d9d9;
            border-radius: 3px;
            background: #ffffff;
            background: -moz-linear-gradient(top, #ffffff 0%, #e8e5e5 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e8e5e5));
            background: -webkit-linear-gradient(top, #ffffff 0%, #e8e5e5 100%);
            background: -o-linear-gradient(top, #ffffff 0%, #e8e5e5 100%);
            background: -ms-linear-gradient(top, #ffffff 0%, #e8e5e5 100%);
            background: linear-gradient(to bottom, #ffffff 0%, #e8e5e5 100%);
            padding: 0.2em 1em 0.2em 2.5em;
            font-size: 0.9375em;
        }

            .export-selected-fields .sortable-list li span {
                display: block;
                position: absolute;
                top: 5px;
                left: 5px;
                background: url("../img/i_arrow-double.png") no-repeat;
                width: 16px;
                height: 16px;
            }

            .export-selected-fields .sortable-list li .close {
                display: block;
                position: absolute;
                top: 5px;
                right: 5px;
                background: url("../img/i_close-gray.png") no-repeat center center;
                width: 16px;
                height: 16px;
            }

    .export-selected-fields li.ui-state-highlight {
        border: 1px dashed #ccc;
        background: #fff;
        height: 1.5em;
        line-height: 1.2em;
    }

/* Enrollment 
=========================================================================================================== */
.enrollment-signature {
    padding-bottom: 1em;
}

.enrollment-signature-date {
    float: right;
    padding-left: 0.8em;
}

.enrollment-signature-date-title {
    font-weight: bold;
}

/* Enrollment Confirmation 
=========================================================================================================== */
.enrollment-confirmation-signature {
    display: table-row;
}

.enrollment-confirmation-signature-label {
    display: table-cell;
}

.enrollment-confirmation-signature-date {
    display: table-cell;
    padding-left: 0.8em;
    min-width: 8em;
}

/* Proofs of Coverage & Loss Of Coverage Files & Invoice Files 
=========================================================================================================== */
.proof-file-list {
    display: table;
    width: 100%;
}

    .proof-file-list a {
        color: #0073ae;
    }

.proof-file-item {
    display: table-row;
}

    .proof-file-item:nth-child(even) {
        background-color: lightgray;
    }
    /* For invoice list, start shading on odd children to let header and first row be unshaded */
    .proof-file-item.invoice-item:nth-child(even) {
        background-color: unset;
    }

    .proof-file-item.invoice-item:nth-child(odd) {
        background-color: lightgray;
    }

.proof-file-title {
    display: table-cell;
    padding: 0.5em;
    width: 300px;
    max-width: 300px;
    word-wrap: break-word;
}

.proof-file-links {
    display: table-cell;
    padding: 0.5em;
    text-align: right;
}

/* University Tasks 
=========================================================================================================== */
.message-close {
    border: none;
    background: url("../img/i_close-gray.png") no-repeat center center;
    width: 16px;
    height: 16px;
}

.inline-form {
    margin-top: 2em;
    background-color: #eeeeee;
    padding: 1em;
}

#task-added-message button.message-close,
#create-university-task-form button.message-close {
    float: right;
}

#create-university-task-form .helpful-msg {
    white-space: pre-wrap;
}

#create-university-task-form .buttons {
    float: none;
}

#task-queue-list .delete {
    border: none;
    background: url("../img/i_trash.png") no-repeat center center;
    width: 16px;
    height: 16px;
}

#task-queue-list .td-button {
    vertical-align: middle;
    text-align: center;
}

#task-queue-list td.sort-gripper {
    width: 16px;
}

#task-queue-list td.task-name {
    text-overflow: ellipsis;
    white-space: nowrap;
}

#task-completed-list .task-name {
    min-width: 22em;
}

#task-completed-list .pagination-record-count {
    float: right;
    margin-bottom: 1em;
}

#task-completed-list .expand-collapse {
    display: inline-block;
    border: none;
    background: url("../img/i_right-arrow.png") no-repeat center center;
    width: 16px;
    height: 16px;
}

    #task-completed-list .expand-collapse.expanded {
        transform: rotate(90deg);
        transform-origin-x: 50%;
        transform-origin-y: 50%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
    }

/* File Upload 
=========================================================================================================== */
.file-remove {
    position: relative;
    float: left;
    margin: 10px;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 10px;
}

    .file-remove p {
        margin: 0;
    }

    .file-remove span {
        margin-right: 24px;
        font-size: 11px;
    }

        .file-remove span.fileupload-filename {
            word-break: break-all;
        }

    .file-remove button {
        position: absolute;
        top: 10px;
        right: 10px;
        border: 0;
        background: url("../img/i_cancel.png") no-repeat center center;
        width: 21px;
        height: 21px;
        text-indent: -9999em;
    }

    .file-remove:hover canvas {
        opacity: 0.3;
    }

/* Message Center 
========================================================================================================= */
#email-template-content {
    margin: 2em 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 1.5em;
}

    #email-template-content h1 {
        font-size: 2em;
    }

    #email-template-content .user-data {
        margin: 1em 0;
    }

/* Modals 
======================================================================================================= */
#waiver-modal,
.modal {
    display: none;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
}

.ui-dialog {
    z-index: 10;
    margin: 10% auto;
    background: #fff;
    padding: 20px;
    max-width: 260px;
    text-align: center;
}

    .ui-dialog .loader img {
        width: 20%;
    }

.ui-dialog-title {
    display: block;
    color: #0073ae;
    font: 700 1.25em/2 "BlueRidgeSansVariable", Verdana, Helvetica, Arial, sans-serif;
}

.ui-dialog-titlebar-close {
    display: none;
}

.ui-dialog-buttonset button {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089d0', endColorstr='#0075b1',GradientType=0 );
    margin: 5px;
    outline: none;
    border: none;
    border-radius: 5px;
    background: #0089d0;
    background: -moz-linear-gradient(top, #0089d0 0%, #0075b1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0089d0), color-stop(100%, #0075b1));
    background: -webkit-linear-gradient(top, #0089d0 0%, #0075b1 100%);
    background: -o-linear-gradient(top, #0089d0 0%, #0075b1 100%);
    background: -ms-linear-gradient(top, #0089d0 0%, #0075b1 100%);
    background: linear-gradient(to bottom, #0089d0 0%, #0075b1 100%);
    padding: 10px 12px;
    color: #fff;
}

    .ui-dialog-buttonset button:last-child {
        margin-right: 0;
    }

.noclose .ui-dialog-titlebar {
    display: none;
}

/* Datepicker 
======================================================================================================== */

.ui-datepicker {
    display: none;
    border: 1px solid #d9d9d9;
    background: white;
    padding: 0.2em 0.2em 0;
    width: 17em;
    -moz-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: 0.2em 0;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

        .ui-datepicker .ui-datepicker-prev span,
        .ui-datepicker .ui-datepicker-next span {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            cursor: pointer;
            margin-top: -8px;
            margin-left: -8px;
            width: 16px;
            height: 16px;
            text-indent: -9999px;
        }

.ui-datepicker-prev span {
    background: url("../img/i_arrow-left.png") no-repeat;
}

.ui-datepicker-next span {
    background: url("../img/i_arrow-right.png") no-repeat;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    color: #666;
    font-weight: bold;
    line-height: 1.8em;
    text-align: center;
}

/* For accessibility (i.e. to allow tabbing-in) all datepickers are buttons  
   However we don't want the button styles to be applied, so this class clears the default button styles 
*/
.ui-datepicker-trigger {
    display: none;
    cursor: pointer;
    border: none;
    background: none;
    padding: 0;
}

    .ui-datepicker-trigger:focus {
        outline: auto;
    }

.ui-datepicker .ui-datepicker-title select {
    margin: 1px 0;
    font-size: 1em;
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}

.ui-datepicker table {
    margin: 0 0 0.4em;
    border-collapse: collapse;
    width: 100%;
    font-size: 0.9em;
}

.ui-datepicker th {
    border: 0;
    background: none;
    padding: 0.7em 0.3em;
    color: #999;
    text-align: center;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

    .ui-datepicker td span,
    .ui-datepicker td a {
        display: block;
        padding: 0.2em;
        color: rgb(122, 122, 122);
        text-align: center;
        text-decoration: none;
    }

        .ui-datepicker td a:hover {
            color: #000;
        }

.ui-datepicker .ui-datepicker-buttonpane {
    margin: 0.7em 0 0 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    background-image: none;
    padding: 0 0.2em;
}

    .ui-datepicker .ui-datepicker-buttonpane button {
        float: right;
        cursor: pointer;
        margin: 0.5em 0.2em 0.4em;
        padding: 0.2em 0.6em 0.3em 0.6em;
        width: auto;
        overflow: visible;
    }

        .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
            float: left;
        }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        margin: 0 auto 0.4em;
        width: 95%;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        right: auto;
        left: 2px;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
            .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

/* Retina Display Support 
======================================================================================================= */
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .alert {
        margin: 5px 0;
        background-image: url("../img/i_alert-default@2x.png");
        background-size: 16px 16px;
    }

    .alert-success {
        background-image: url("../img/i_alert-success@2x.png");
        background-size: 16px 16px;
    }

    .alert-error {
        background-image: url("../img/i_alert-error@2x.png");
        background-size: 16px 16px;
    }

    nav.primary a:after {
        background-image: url("../img/i_right-arrow@2x.png");
        background-size: 8px 16px;
    }

    nav.primary i {
        background: url("../img/sp_menu@2x.png");
        background-size: 600px 600px;
    }

    .sort,
    .sort-asc,
    .sort-desc {
        background-image: url("../img/footable/sorting_sprite@2x.png");
        background-size: 16px 48px;
    }

    .ui-datepicker-prev span {
        background: url("../img/i_arrow-left@2x.png");
        background-size: 16px 16px;
    }

    .ui-datepicker-next span {
        background: url("../img/i_arrow-right@2x.png");
        background-size: 16px 16px;
    }
}

/*Email Template Styles 
    =====================================================================================================*/
#email-template-content tr:nth-child(even) td {
    background: transparent;
}

#email-template-content td {
    vertical-align: none;
    border: none;
}

#email-template-content tr:hover td {
    background: transparent;
}

/* Icons 
    =====================================================================================================*/
.emblem-unlock {
    display: block;
    margin: 0 auto;
    background: url("../img/i_lock.png") no-repeat;
    width: 16px;
    height: 16px;
}

/* Non-Semantic Helper Classes 
======================================================================================================= */
.ir {
    display: block;
    border: 0;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    direction: ltr;
    text-align: left;
    text-indent: -999em;
}

    .ir br {
        display: none;
    }

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    position: absolute;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        position: static;
        margin: 0;
        width: auto;
        height: auto;
        overflow: visible;
    }

.invisible {
    visibility: hidden;
}

.group:before,
.group:after {
    display: table;
    content: "";
}

.group:after {
    clear: both;
}

.nonscrollable {
    overflow: hidden;
}

.text-left {
    text-align: left;
}

/* input overrides */
#__lpform_Username_icon,
#__lpform_NewAccountPassword_icon {
    display: none;
}

/* progress bar */
.searching {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    clear: both;
    z-index: 2;
    cursor: wait;
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
}

.button.primary.invalid-file-disabled:hover,
.button.primary.invalid-file-disabled:focus,
.button.primary.invalid-file-disabled {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccc', endColorstr='#ddd',GradientType=0 );
    border-color: #ccc;
    background: #ccc;
    background: -moz-linear-gradient(top, #ccc 0%, #ddd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ccc), color-stop(100%, #ddd));
    background: -webkit-linear-gradient(top, #ccc 0%, #ddd 100%);
    background: -o-linear-gradient(top, #ccc 0%, #ddd 100%);
    background: -ms-linear-gradient(top, #ccc 0%, #ddd 100%);
    background: linear-gradient(to bottom, #ccc 0%, #ddd 100%);
}

.invalid-file {
    color: #eb0000; /* Deeper red to meet accessibility/contrast standards for small text*/
}

.full-width {
    width: 100%;
}

/*helper classes*/
.flex-wrapper {
    display: flex;
    flex-wrap: wrap;
}

/* portal */
.blackout-period:first-of-type {
    padding-right: 10px;
}

/* Cell Phone Terms and Conditions*/
div.field.termsDiv {
    margin-right: 35px;
    margin-left: 35px;
}

hr.cellPhoneDivider {
    margin-top: 10px;
    margin-bottom: 35px;
    border: 0;
    border-bottom: 1px dotted #999;
}

/* Carrier Drop Down Configuration 
=========================================================================================================== */
.carrier-drop-down-order {
    display: inline;
    float: left;
    width: 50%;
}

.carrier-drop-down-order {
    margin: 1em 0 0;
}

    .carrier-drop-down-order .sortable-list {
        border: 1px solid #d9d9d9;
        border-radius: 5px;
        padding: 0;
        min-height: 500px;
        list-style-type: none;
    }

        .carrier-drop-down-order .sortable-list li {
            position: relative;
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e5e5',GradientType=0 );
            margin: 0.5em;
            border: 1px solid #d9d9d9;
            border-radius: 3px;
            background: #ffffff;
            background: -moz-linear-gradient(top, #ffffff 0%, #e8e5e5 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e8e5e5));
            background: -webkit-linear-gradient(top, #ffffff 0%, #e8e5e5 100%);
            background: -o-linear-gradient(top, #ffffff 0%, #e8e5e5 100%);
            background: -ms-linear-gradient(top, #ffffff 0%, #e8e5e5 100%);
            background: linear-gradient(to bottom, #ffffff 0%, #e8e5e5 100%);
            padding: 0.2em 1em 0.2em 2.5em;
            font-size: 0.9375em;
        }

            .carrier-drop-down-order .sortable-list li span {
                display: block;
                position: absolute;
                top: 5px;
                left: 5px;
                background: url("../img/i_arrow-double.png") no-repeat;
                width: 16px;
                height: 16px;
            }

            .carrier-drop-down-order .sortable-list li .close {
                display: block;
                position: absolute;
                top: 5px;
                right: 5px;
                background: url("../img/i_close-gray.png") no-repeat center center;
                width: 16px;
                height: 16px;
            }

    .carrier-drop-down-order li.ui-state-highlight {
        border: 1px dashed #ccc;
        background: #fff;
        height: 1.5em;
        line-height: 1.2em;
    }

/* Carrier Alias 
=========================================================================================================== */
.insurance-alias {
    margin-bottom: 2em;
}
/* Section Toggle Button*/
.btnSectionToggle {
    float: right;
    height: 2rem;
}

/* Carrier Drop Down Configuration 
=========================================================================================================== */
.carrier-drop-down-order {
    display: inline;
    float: left;
    width: 50%;
}

.btnSectionToggle span {
    margin: 0;
}

.carrier-drop-down-order {
    margin: 1em 0 0;
}

    .carrier-drop-down-order .sortable-list {
        border: 1px solid #d9d9d9;
        border-radius: 5px;
        padding: 0;
        min-height: 500px;
        list-style-type: none;
    }

        .carrier-drop-down-order .sortable-list li {
            position: relative;
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e5e5',GradientType=0 );
            margin: 0.5em;
            border: 1px solid #d9d9d9;
            border-radius: 3px;
            background: #ffffff;
            background: -moz-linear-gradient(top, #ffffff 0%, #e8e5e5 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e8e5e5));
            background: -webkit-linear-gradient(top, #ffffff 0%, #e8e5e5 100%);
            background: -o-linear-gradient(top, #ffffff 0%, #e8e5e5 100%);
            background: -ms-linear-gradient(top, #ffffff 0%, #e8e5e5 100%);
            background: linear-gradient(to bottom, #ffffff 0%, #e8e5e5 100%);
            padding: 0.2em 1em 0.2em 2.5em;
            font-size: 0.9375em;
        }

            .carrier-drop-down-order .sortable-list li span {
                display: block;
                position: absolute;
                top: 5px;
                left: 5px;
                background: url("../img/i_arrow-double.png") no-repeat;
                width: 16px;
                height: 16px;
            }

            .carrier-drop-down-order .sortable-list li .close {
                display: block;
                position: absolute;
                top: 5px;
                right: 5px;
                background: url("../img/i_close-gray.png") no-repeat center center;
                width: 16px;
                height: 16px;
            }

    .carrier-drop-down-order li.ui-state-highlight {
        border: 1px dashed #ccc;
        background: #fff;
        height: 1.5em;
        line-height: 1.2em;
    }

/* Carrier Alias 
=========================================================================================================== */
.insurance-alias {
    margin-bottom: 2em;
}

.btnSectionToggle span.icon-minus {
    vertical-align: top;
}

/* Tooltips */
/* https://inclusive-components.design/tooltips-toggletips/ */

.tooltip-container {
    position: relative;
}

.tooltip {
    position: absolute;
    top: -8px;
    left: 5px;
    margin: 5px;
    box-shadow: none;
    border: 0;
    border-radius: 100%;
    background: url(/img/i_alert-info.png);
    padding: 2px 5px;
    width: 16px;
    height: 16px;
    color: #fff;
    text-align: center;
}

.toggletip-bubble {
    position: absolute;
    bottom: 200%;
    left: 50%;
    z-index: 1;
    margin-left: -125px; /* Use half of the width (250/2 = 125), to center the tooltip */
    border: 3px;
    border-radius: 6px;
    background-color: #f7f3f3;
    padding: 8px 16px;
    width: 250px;
    max-height: 400px;
    overflow: auto;
    color: #000;
    text-align: left;
    -webkit-box-shadow: 5px 5px 5px 3px rgba(217, 217, 217, 0.75);
    -moz-box-shadow: 5px 5px 5px 3px rgba(217, 217, 217, 0.75);
    box-shadow: 5px 5px 5px 3px rgba(217, 217, 217, 0.75);
}

@media screen and (max-width: 440px) {
    .toggletip-bubble {
        display: flex;
        position: unset;
        bottom: unset;
        left: unset;
        margin-left: unset;
    }
}

.field > input[type="text"].toggletip-space,
select.toggletip-space {
    width: 95%;
}
/* Allow room for toggletips */
.field > input[type="text"].company-name,
select.company-name {
    width: 85%;
}
/* Allow room for insurance toggle */
select.company-name-dd {
    width: 80%;
}

@media screen and (max-width: 900px) {
    .field > input[type="text"].toggletip-space,
    select.toggletip-space {
        width: 95%;
    }
    /* Allow room for toggletips */
    .field > input[type="text"].company-name,
    select.company-name {
        width: 85%;
    }
    /* Allow room for insurance toggle */
    select.company-name-dd {
        width: 85%;
    }
}

/* Tooltips - Blacklisted Email*/
.tooltip.blacklisted-email {
    background: url(/img/i_alert-error.png);
}

.blacklisted-email > .toggletip-bubble {
    margin-left: 0px;
}

/* Waiver Verification Rules */

.waiver-verification-rule-indent {
    display: block;
    margin-bottom: 2em;
    padding-left: 1.5em;
    text-indent: -1.2em;
}

.no-waiver-rules {
    margin-bottom: 30px;
}

/* Id Cards*/
.insuranceIdCard {
    margin-bottom: 1.5em;
}

    .insuranceIdCard img {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    .insuranceIdCard hr.separator {
        border-top: 1px dotted #999;
    }

div.buttons.config-header-button {
    float: right;
    margin: 0;
    width: auto;
}

.ajax-search-results #search-results {
    border: none;
}

/* Job Queue Progress Bar */
.job-queue-progress-bar {
    position: relative;
    border: 1px solid #c8e45a;
    border-radius: 5px;
    width: 95%;
    height: 25px;
    overflow: hidden;
}

    .job-queue-progress-bar div {
        position: relative;
        background-color: #f3f8db;
        height: 100%;
        text-align: center;
    }

    .job-queue-progress-bar .progress-text {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        margin: 0 auto;
        background-color: transparent;
    }

#filter-container {
    display: grid;
    grid-template-columns: 1fr 11fr;
    grid-gap: 10px;
}

    #filter-container .buttons {
        margin: 0;
        width: auto;
    }

#filter-controls {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 20px;
}

.file-sharing-multi-select {
    overflow-y: auto;
}

.radio-button-container {
    margin: 0 10px 0 0;
}

.radio-button-label {
    margin: 0 0 0 6px;
}

.label-and-replacement-token-dropdown {
    display: grid;
    grid-template-columns: 66% 34%;
    margin-bottom: 10px;
}

#student-id-configuration-container {
    margin-bottom: 20px;
}

#student-id-prefix-container {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 100px;
    max-width: 600px;
}

.student-id-prefix {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
}

#student-id-add-prefix-button-container {
    float: none;
}

.gender-configuration {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 15px;
}

.denial-reason-configuration {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 15px;
}

.qualifying-life-event-configuration {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 15px;
}

    .qualifying-life-event-configuration .day-configuration-fields {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 15px;
        width: 108%;
    }

.dependent-qualifying-life-event-configuration {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 15px;
}

    .dependent-qualifying-life-event-configuration .day-configuration-fields {
        display: grid;
        grid-template-columns: 4fr 1fr 2fr 3fr;
        grid-gap: 15px;
        width: 108%;
    }

.university-configuration-display-in-list {
    width: 20%;
}

.school-logo-configuration-edit {
    margin: 0 0 1em;
    border: 1px solid #d9d9d9;
    background: #f3f3f3;
    padding: 1em;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    border-radius: 5px;
    width: 25%;
}

@media screen and (max-width: 1140px) and (min-width: 900px) {
    .school-logo-configuration-edit {
        width: 40%;
    }
}

@media screen and (max-width: 600px) {
    .school-logo-configuration-edit {
        width: 100%;
    }
}

.form-subfield-indent {
    margin-left: 2em;
}

.text-messaging-configuration {
    margin-top: 1em;
}

.qualifying-life-event-row {
    margin-bottom: 2em;
}

/* JQuery UI datePickers get the hasDatepicker class added automatically 
	Set position to relative and z-index to 1 so that JQuery UI will add 1 to the z-index (making the datepicker z-index: 2) 
	anbd make them show above elements with z-index: 1 (e.g. tabs)  
*/
input.hasDatepicker {
    position: relative;
    z-index: 1;
}

.environment-banner {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10000;
    background-color: chartreuse;
    width: 100%;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

.gender-configuration-second-row {
    display: grid;
    grid-template-columns: auto 1fr;
    justify-items: flex-end;
    width: 50%;
    grid-gap: 2rem;
}

.student-class-configuration {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 15px;
}

.student-class-configuration-second-row {
    display: grid;
    grid-template-columns: auto 1fr;
    justify-items: flex-end;
    width: 50%;
    grid-gap: 2rem;
}

.large-checkbox {
    transform: scale(1.25);
    margin-right: 1em;
}

.sortable__handle {
    position: absolute;
    top: 0;
    left: 0;
    cursor: move;
    background-color: #0073ae;
    width: 33px;
    height: 100%;
}

[class*="sortable__handle-dot-"] {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.2);
    width: 4px;
    height: 4px;
}

.sortable__handle-dot-1-1 {
    top: 13px;
    left: 10px;
}

.sortable__handle-dot-1-2 {
    top: 13px;
    left: 18px;
}

.sortable__handle-dot-2-1 {
    top: 21px;
    left: 10px;
}

.sortable__handle-dot-2-2 {
    top: 21px;
    left: 18px;
}

.sortable__handle-dot-3-1 {
    top: 29px;
    left: 10px;
}

.sortable__handle-dot-3-2 {
    top: 29px;
    left: 18px;
}

.sortable__handle-dot-4-1 {
    top: 37px;
    left: 10px;
}

.sortable__handle-dot-4-2 {
    top: 37px;
    left: 18px;
}

.sortable__handle-dot-5-1 {
    top: 45px;
    left: 10px;
}

.sortable__handle-dot-5-2 {
    top: 45px;
    left: 18px;
}

.enrollment-field-override-rule-configuration {
    display: grid;
    grid-template-columns: 1fr auto;
    margin-bottom: 0;
    margin-left: 33px;
    grid-gap: 15px;
}

    .enrollment-field-override-rule-configuration .field {
        margin: 0 0 0em;
    }

.enrollment-field-override-rule-custom-value-container {
    display: grid;
    grid-gap: 6em;
    grid-template-columns: 1fr 1fr;
    align-items: end;
    width: 40%;
}

.enrollment-field-override-rule-criteria-container {
    display: grid;
    grid-template-columns: 4fr 1fr 4fr 4fr 4fr;
    clear: both;
    margin-top: 1em;
    margin-left: 5%;
    grid-gap: 35px;
    width: 75%;
}

@media only screen and (max-width: 1300px) {
    .enrollment-field-override-rule-criteria-container {
        grid-template-rows: 4fr 4fr;
        grid-template-columns: 4fr 1fr 4fr;
    }
}

@media only screen and (max-width: 600px) {
    .enrollment-field-override-rule-criteria-container {
        grid-template-rows: 4fr 1fr 4fr 4fr 4fr;
        grid-template-columns: 1fr;
    }
}

.enrollment-field-override-rule-operator-symbol {
    display: flex;
    position: relative;
    left: -0.6em;
    justify-content: center;
    align-items: center;
    font-size: larger;
}

.semester-status-dashboard-subtype-buttons {
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    float: none !important;
    gap: 0.5em;
    width: 300px !important;
}

.insurance-id-card-container {
    display: flex;
    flex-flow: wrap;
    gap: 15px;
    margin-bottom: 20px;
}

.insurance-id-card-container {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 15px;
    justify-content: start;
}

@media (max-width: 1200px) {
    .insurance-id-card-container {
        display: flex;
        flex-flow: wrap;
        gap: 15px;
    }
}

.insurance-id-card {
    border: solid 1px black;
    border-radius: 25px;
    max-width: 400px;
    max-height: 400px;
}

#insurance-id-cards-legend {
    display: flex;
    justify-content: space-between;
}

#insurance-id-cards-link {
    width: auto;
    font-size: smaller;
}

h3[id$="not-offered-message"] {
    margin-top: 0px;
    color: red;
}

.pg-autocomplete-list {
    border-radius: 0 0 0.25rem 0.25rem;
    max-width: 100% !important;
}

    .pg-autocomplete-list div {
        padding: 0.35rem !important;
    }

#semester-configuration-title {
    color: #0073ae;
    font: 700 1.25em/2 "BlueRidgeSansVariable", Verdana, Helvetica, Arial, sans-serif;
}

.accessible-readonly-labels {
    display: block;
    color: #666;
    font-weight: bold;
    line-height: 2;
}

.batch-job-percent-change-threshold-reached-icon {
    display: inline-block;
    position: relative;
    top: 3px;
    margin-left: 10px;
    background-image: url("../img/i_alert-error@2x.png");
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
}

.status-and-last-login-container {
    display: flex;
    grid-gap: 5%;
}

.label-and-replacement-token-dropdown.update-eligibility-flags-job-eligibility-email {
    margin-bottom: 0px;
}

    .label-and-replacement-token-dropdown.update-eligibility-flags-job-eligibility-email .replacement-token-dropdown {
        width: 100%;
    }

.date-format-label {
    font-size: 90%;
}

.text-center {
    text-align: center;
}

/* Two-Factor Authentication */
.two-factor .qr-code {
    width: 150px;
}

.two-factor .field {
    margin-left: 10px;
}

.two-factor p,
.two-factor ol li {
    margin-bottom: 10px;
    font-size: large;
}

.two-factor .store-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 10px;
}

    .two-factor .store-buttons img {
        display: block;
        height: 40px;
    }

/* Session Timeout Dialog */
.timeout-dialog {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
	border: none;
	border-radius: 4px;
	background: #fff;
	padding: 1.25rem;
	width: 90%;
	max-width: 440px;
}

    .timeout-dialog::backdrop {
        background: rgba(0, 0, 0, 0.5);
    }

.timeout-dialog__title {
	margin: 0 0 1rem;
    font-weight: 400;
	font-size: 1.5rem;
}

.timeout-dialog__countdown {
    font-weight: 700;
}

.timeout-dialog__actions {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box;-moz-box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input,.iti input[type=tel],.iti input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,.2);background-color:#fff;border:1px solid #ccc;white-space:nowrap;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti__country-list--dropup{bottom:100%;margin-bottom:-1px}@media (max-width:500px){.iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.iti__country{padding:5px 10px;outline:0}.iti__dial-code{color:#999}.iti__country.iti__highlight{background-color:rgba(0,0,0,.05)}.iti__country-name,.iti__dial-code,.iti__flag-box{vertical-align:middle}.iti__country-name,.iti__flag-box{margin-right:6px}.iti--allow-dropdown input,.iti--allow-dropdown input[type=tel],.iti--allow-dropdown input[type=text],.iti--separate-dial-code input,.iti--separate-dial-code input[type=tel],.iti--separate-dial-code input[type=text]{padding-right:6px;padding-left:52px;margin-left:0}.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0}.iti--allow-dropdown .iti__flag-container:hover{cursor:pointer}.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover{cursor:default}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag{background-color:transparent}.iti--separate-dial-code .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--separate-dial-code .iti__selected-dial-code{margin-left:6px}.iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti--container:hover{cursor:pointer}.iti-mobile .iti--container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .iti__country-list{max-height:100%;width:100%}.iti-mobile .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-size:5652px 15px}}.iti__flag.iti__ac{height:10px;background-position:0 0}.iti__flag.iti__ad{height:14px;background-position:-22px 0}.iti__flag.iti__ae{height:10px;background-position:-44px 0}.iti__flag.iti__af{height:14px;background-position:-66px 0}.iti__flag.iti__ag{height:14px;background-position:-88px 0}.iti__flag.iti__ai{height:10px;background-position:-110px 0}.iti__flag.iti__al{height:15px;background-position:-132px 0}.iti__flag.iti__am{height:10px;background-position:-154px 0}.iti__flag.iti__ao{height:14px;background-position:-176px 0}.iti__flag.iti__aq{height:14px;background-position:-198px 0}.iti__flag.iti__ar{height:13px;background-position:-220px 0}.iti__flag.iti__as{height:10px;background-position:-242px 0}.iti__flag.iti__at{height:14px;background-position:-264px 0}.iti__flag.iti__au{height:10px;background-position:-286px 0}.iti__flag.iti__aw{height:14px;background-position:-308px 0}.iti__flag.iti__ax{height:13px;background-position:-330px 0}.iti__flag.iti__az{height:10px;background-position:-352px 0}.iti__flag.iti__ba{height:10px;background-position:-374px 0}.iti__flag.iti__bb{height:14px;background-position:-396px 0}.iti__flag.iti__bd{height:12px;background-position:-418px 0}.iti__flag.iti__be{height:15px;background-position:-440px 0}.iti__flag.iti__bf{height:14px;background-position:-460px 0}.iti__flag.iti__bg{height:12px;background-position:-482px 0}.iti__flag.iti__bh{height:12px;background-position:-504px 0}.iti__flag.iti__bi{height:12px;background-position:-526px 0}.iti__flag.iti__bj{height:14px;background-position:-548px 0}.iti__flag.iti__bl{height:14px;background-position:-570px 0}.iti__flag.iti__bm{height:10px;background-position:-592px 0}.iti__flag.iti__bn{height:10px;background-position:-614px 0}.iti__flag.iti__bo{height:14px;background-position:-636px 0}.iti__flag.iti__bq{height:14px;background-position:-658px 0}.iti__flag.iti__br{height:14px;background-position:-680px 0}.iti__flag.iti__bs{height:10px;background-position:-702px 0}.iti__flag.iti__bt{height:14px;background-position:-724px 0}.iti__flag.iti__bv{height:15px;background-position:-746px 0}.iti__flag.iti__bw{height:14px;background-position:-768px 0}.iti__flag.iti__by{height:10px;background-position:-790px 0}.iti__flag.iti__bz{height:14px;background-position:-812px 0}.iti__flag.iti__ca{height:10px;background-position:-834px 0}.iti__flag.iti__cc{height:10px;background-position:-856px 0}.iti__flag.iti__cd{height:15px;background-position:-878px 0}.iti__flag.iti__cf{height:14px;background-position:-900px 0}.iti__flag.iti__cg{height:14px;background-position:-922px 0}.iti__flag.iti__ch{height:15px;background-position:-944px 0}.iti__flag.iti__ci{height:14px;background-position:-961px 0}.iti__flag.iti__ck{height:10px;background-position:-983px 0}.iti__flag.iti__cl{height:14px;background-position:-1005px 0}.iti__flag.iti__cm{height:14px;background-position:-1027px 0}.iti__flag.iti__cn{height:14px;background-position:-1049px 0}.iti__flag.iti__co{height:14px;background-position:-1071px 0}.iti__flag.iti__cp{height:14px;background-position:-1093px 0}.iti__flag.iti__cr{height:12px;background-position:-1115px 0}.iti__flag.iti__cu{height:10px;background-position:-1137px 0}.iti__flag.iti__cv{height:12px;background-position:-1159px 0}.iti__flag.iti__cw{height:14px;background-position:-1181px 0}.iti__flag.iti__cx{height:10px;background-position:-1203px 0}.iti__flag.iti__cy{height:14px;background-position:-1225px 0}.iti__flag.iti__cz{height:14px;background-position:-1247px 0}.iti__flag.iti__de{height:12px;background-position:-1269px 0}.iti__flag.iti__dg{height:10px;background-position:-1291px 0}.iti__flag.iti__dj{height:14px;background-position:-1313px 0}.iti__flag.iti__dk{height:15px;background-position:-1335px 0}.iti__flag.iti__dm{height:10px;background-position:-1357px 0}.iti__flag.iti__do{height:14px;background-position:-1379px 0}.iti__flag.iti__dz{height:14px;background-position:-1401px 0}.iti__flag.iti__ea{height:14px;background-position:-1423px 0}.iti__flag.iti__ec{height:14px;background-position:-1445px 0}.iti__flag.iti__ee{height:13px;background-position:-1467px 0}.iti__flag.iti__eg{height:14px;background-position:-1489px 0}.iti__flag.iti__eh{height:10px;background-position:-1511px 0}.iti__flag.iti__er{height:10px;background-position:-1533px 0}.iti__flag.iti__es{height:14px;background-position:-1555px 0}.iti__flag.iti__et{height:10px;background-position:-1577px 0}.iti__flag.iti__eu{height:14px;background-position:-1599px 0}.iti__flag.iti__fi{height:12px;background-position:-1621px 0}.iti__flag.iti__fj{height:10px;background-position:-1643px 0}.iti__flag.iti__fk{height:10px;background-position:-1665px 0}.iti__flag.iti__fm{height:11px;background-position:-1687px 0}.iti__flag.iti__fo{height:15px;background-position:-1709px 0}.iti__flag.iti__fr{height:14px;background-position:-1731px 0}.iti__flag.iti__ga{height:15px;background-position:-1753px 0}.iti__flag.iti__gb{height:10px;background-position:-1775px 0}.iti__flag.iti__gd{height:12px;background-position:-1797px 0}.iti__flag.iti__ge{height:14px;background-position:-1819px 0}.iti__flag.iti__gf{height:14px;background-position:-1841px 0}.iti__flag.iti__gg{height:14px;background-position:-1863px 0}.iti__flag.iti__gh{height:14px;background-position:-1885px 0}.iti__flag.iti__gi{height:10px;background-position:-1907px 0}.iti__flag.iti__gl{height:14px;background-position:-1929px 0}.iti__flag.iti__gm{height:14px;background-position:-1951px 0}.iti__flag.iti__gn{height:14px;background-position:-1973px 0}.iti__flag.iti__gp{height:14px;background-position:-1995px 0}.iti__flag.iti__gq{height:14px;background-position:-2017px 0}.iti__flag.iti__gr{height:14px;background-position:-2039px 0}.iti__flag.iti__gs{height:10px;background-position:-2061px 0}.iti__flag.iti__gt{height:13px;background-position:-2083px 0}.iti__flag.iti__gu{height:11px;background-position:-2105px 0}.iti__flag.iti__gw{height:10px;background-position:-2127px 0}.iti__flag.iti__gy{height:12px;background-position:-2149px 0}.iti__flag.iti__hk{height:14px;background-position:-2171px 0}.iti__flag.iti__hm{height:10px;background-position:-2193px 0}.iti__flag.iti__hn{height:10px;background-position:-2215px 0}.iti__flag.iti__hr{height:10px;background-position:-2237px 0}.iti__flag.iti__ht{height:12px;background-position:-2259px 0}.iti__flag.iti__hu{height:10px;background-position:-2281px 0}.iti__flag.iti__ic{height:14px;background-position:-2303px 0}.iti__flag.iti__id{height:14px;background-position:-2325px 0}.iti__flag.iti__ie{height:10px;background-position:-2347px 0}.iti__flag.iti__il{height:15px;background-position:-2369px 0}.iti__flag.iti__im{height:10px;background-position:-2391px 0}.iti__flag.iti__in{height:14px;background-position:-2413px 0}.iti__flag.iti__io{height:10px;background-position:-2435px 0}.iti__flag.iti__iq{height:14px;background-position:-2457px 0}.iti__flag.iti__ir{height:12px;background-position:-2479px 0}.iti__flag.iti__is{height:15px;background-position:-2501px 0}.iti__flag.iti__it{height:14px;background-position:-2523px 0}.iti__flag.iti__je{height:12px;background-position:-2545px 0}.iti__flag.iti__jm{height:10px;background-position:-2567px 0}.iti__flag.iti__jo{height:10px;background-position:-2589px 0}.iti__flag.iti__jp{height:14px;background-position:-2611px 0}.iti__flag.iti__ke{height:14px;background-position:-2633px 0}.iti__flag.iti__kg{height:12px;background-position:-2655px 0}.iti__flag.iti__kh{height:13px;background-position:-2677px 0}.iti__flag.iti__ki{height:10px;background-position:-2699px 0}.iti__flag.iti__km{height:12px;background-position:-2721px 0}.iti__flag.iti__kn{height:14px;background-position:-2743px 0}.iti__flag.iti__kp{height:10px;background-position:-2765px 0}.iti__flag.iti__kr{height:14px;background-position:-2787px 0}.iti__flag.iti__kw{height:10px;background-position:-2809px 0}.iti__flag.iti__ky{height:10px;background-position:-2831px 0}.iti__flag.iti__kz{height:10px;background-position:-2853px 0}.iti__flag.iti__la{height:14px;background-position:-2875px 0}.iti__flag.iti__lb{height:14px;background-position:-2897px 0}.iti__flag.iti__lc{height:10px;background-position:-2919px 0}.iti__flag.iti__li{height:12px;background-position:-2941px 0}.iti__flag.iti__lk{height:10px;background-position:-2963px 0}.iti__flag.iti__lr{height:11px;background-position:-2985px 0}.iti__flag.iti__ls{height:14px;background-position:-3007px 0}.iti__flag.iti__lt{height:12px;background-position:-3029px 0}.iti__flag.iti__lu{height:12px;background-position:-3051px 0}.iti__flag.iti__lv{height:10px;background-position:-3073px 0}.iti__flag.iti__ly{height:10px;background-position:-3095px 0}.iti__flag.iti__ma{height:14px;background-position:-3117px 0}.iti__flag.iti__mc{height:15px;background-position:-3139px 0}.iti__flag.iti__md{height:10px;background-position:-3160px 0}.iti__flag.iti__me{height:10px;background-position:-3182px 0}.iti__flag.iti__mf{height:14px;background-position:-3204px 0}.iti__flag.iti__mg{height:14px;background-position:-3226px 0}.iti__flag.iti__mh{height:11px;background-position:-3248px 0}.iti__flag.iti__mk{height:10px;background-position:-3270px 0}.iti__flag.iti__ml{height:14px;background-position:-3292px 0}.iti__flag.iti__mm{height:14px;background-position:-3314px 0}.iti__flag.iti__mn{height:10px;background-position:-3336px 0}.iti__flag.iti__mo{height:14px;background-position:-3358px 0}.iti__flag.iti__mp{height:10px;background-position:-3380px 0}.iti__flag.iti__mq{height:14px;background-position:-3402px 0}.iti__flag.iti__mr{height:14px;background-position:-3424px 0}.iti__flag.iti__ms{height:10px;background-position:-3446px 0}.iti__flag.iti__mt{height:14px;background-position:-3468px 0}.iti__flag.iti__mu{height:14px;background-position:-3490px 0}.iti__flag.iti__mv{height:14px;background-position:-3512px 0}.iti__flag.iti__mw{height:14px;background-position:-3534px 0}.iti__flag.iti__mx{height:12px;background-position:-3556px 0}.iti__flag.iti__my{height:10px;background-position:-3578px 0}.iti__flag.iti__mz{height:14px;background-position:-3600px 0}.iti__flag.iti__na{height:14px;background-position:-3622px 0}.iti__flag.iti__nc{height:10px;background-position:-3644px 0}.iti__flag.iti__ne{height:15px;background-position:-3666px 0}.iti__flag.iti__nf{height:10px;background-position:-3686px 0}.iti__flag.iti__ng{height:10px;background-position:-3708px 0}.iti__flag.iti__ni{height:12px;background-position:-3730px 0}.iti__flag.iti__nl{height:14px;background-position:-3752px 0}.iti__flag.iti__no{height:15px;background-position:-3774px 0}.iti__flag.iti__np{height:15px;background-position:-3796px 0}.iti__flag.iti__nr{height:10px;background-position:-3811px 0}.iti__flag.iti__nu{height:10px;background-position:-3833px 0}.iti__flag.iti__nz{height:10px;background-position:-3855px 0}.iti__flag.iti__om{height:10px;background-position:-3877px 0}.iti__flag.iti__pa{height:14px;background-position:-3899px 0}.iti__flag.iti__pe{height:14px;background-position:-3921px 0}.iti__flag.iti__pf{height:14px;background-position:-3943px 0}.iti__flag.iti__pg{height:15px;background-position:-3965px 0}.iti__flag.iti__ph{height:10px;background-position:-3987px 0}.iti__flag.iti__pk{height:14px;background-position:-4009px 0}.iti__flag.iti__pl{height:13px;background-position:-4031px 0}.iti__flag.iti__pm{height:14px;background-position:-4053px 0}.iti__flag.iti__pn{height:10px;background-position:-4075px 0}.iti__flag.iti__pr{height:14px;background-position:-4097px 0}.iti__flag.iti__ps{height:10px;background-position:-4119px 0}.iti__flag.iti__pt{height:14px;background-position:-4141px 0}.iti__flag.iti__pw{height:13px;background-position:-4163px 0}.iti__flag.iti__py{height:11px;background-position:-4185px 0}.iti__flag.iti__qa{height:8px;background-position:-4207px 0}.iti__flag.iti__re{height:14px;background-position:-4229px 0}.iti__flag.iti__ro{height:14px;background-position:-4251px 0}.iti__flag.iti__rs{height:14px;background-position:-4273px 0}.iti__flag.iti__ru{height:14px;background-position:-4295px 0}.iti__flag.iti__rw{height:14px;background-position:-4317px 0}.iti__flag.iti__sa{height:14px;background-position:-4339px 0}.iti__flag.iti__sb{height:10px;background-position:-4361px 0}.iti__flag.iti__sc{height:10px;background-position:-4383px 0}.iti__flag.iti__sd{height:10px;background-position:-4405px 0}.iti__flag.iti__se{height:13px;background-position:-4427px 0}.iti__flag.iti__sg{height:14px;background-position:-4449px 0}.iti__flag.iti__sh{height:10px;background-position:-4471px 0}.iti__flag.iti__si{height:10px;background-position:-4493px 0}.iti__flag.iti__sj{height:15px;background-position:-4515px 0}.iti__flag.iti__sk{height:14px;background-position:-4537px 0}.iti__flag.iti__sl{height:14px;background-position:-4559px 0}.iti__flag.iti__sm{height:15px;background-position:-4581px 0}.iti__flag.iti__sn{height:14px;background-position:-4603px 0}.iti__flag.iti__so{height:14px;background-position:-4625px 0}.iti__flag.iti__sr{height:14px;background-position:-4647px 0}.iti__flag.iti__ss{height:10px;background-position:-4669px 0}.iti__flag.iti__st{height:10px;background-position:-4691px 0}.iti__flag.iti__sv{height:12px;background-position:-4713px 0}.iti__flag.iti__sx{height:14px;background-position:-4735px 0}.iti__flag.iti__sy{height:14px;background-position:-4757px 0}.iti__flag.iti__sz{height:14px;background-position:-4779px 0}.iti__flag.iti__ta{height:10px;background-position:-4801px 0}.iti__flag.iti__tc{height:10px;background-position:-4823px 0}.iti__flag.iti__td{height:14px;background-position:-4845px 0}.iti__flag.iti__tf{height:14px;background-position:-4867px 0}.iti__flag.iti__tg{height:13px;background-position:-4889px 0}.iti__flag.iti__th{height:14px;background-position:-4911px 0}.iti__flag.iti__tj{height:10px;background-position:-4933px 0}.iti__flag.iti__tk{height:10px;background-position:-4955px 0}.iti__flag.iti__tl{height:10px;background-position:-4977px 0}.iti__flag.iti__tm{height:14px;background-position:-4999px 0}.iti__flag.iti__tn{height:14px;background-position:-5021px 0}.iti__flag.iti__to{height:10px;background-position:-5043px 0}.iti__flag.iti__tr{height:14px;background-position:-5065px 0}.iti__flag.iti__tt{height:12px;background-position:-5087px 0}.iti__flag.iti__tv{height:10px;background-position:-5109px 0}.iti__flag.iti__tw{height:14px;background-position:-5131px 0}.iti__flag.iti__tz{height:14px;background-position:-5153px 0}.iti__flag.iti__ua{height:14px;background-position:-5175px 0}.iti__flag.iti__ug{height:14px;background-position:-5197px 0}.iti__flag.iti__um{height:11px;background-position:-5219px 0}.iti__flag.iti__un{height:14px;background-position:-5241px 0}.iti__flag.iti__us{height:11px;background-position:-5263px 0}.iti__flag.iti__uy{height:14px;background-position:-5285px 0}.iti__flag.iti__uz{height:10px;background-position:-5307px 0}.iti__flag.iti__va{height:15px;background-position:-5329px 0}.iti__flag.iti__vc{height:14px;background-position:-5346px 0}.iti__flag.iti__ve{height:14px;background-position:-5368px 0}.iti__flag.iti__vg{height:10px;background-position:-5390px 0}.iti__flag.iti__vi{height:14px;background-position:-5412px 0}.iti__flag.iti__vn{height:14px;background-position:-5434px 0}.iti__flag.iti__vu{height:12px;background-position:-5456px 0}.iti__flag.iti__wf{height:14px;background-position:-5478px 0}.iti__flag.iti__ws{height:10px;background-position:-5500px 0}.iti__flag.iti__xk{height:15px;background-position:-5522px 0}.iti__flag.iti__ye{height:14px;background-position:-5544px 0}.iti__flag.iti__yt{height:14px;background-position:-5566px 0}.iti__flag.iti__za{height:14px;background-position:-5588px 0}.iti__flag.iti__zm{height:14px;background-position:-5610px 0}.iti__flag.iti__zw{height:10px;background-position:-5632px 0}.iti__flag{height:15px;box-shadow:0 0 1px 0 #888;background-image:url(/js/libs/intl-tel-input/img/flags.png);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-image:url(/js/libs/intl-tel-input/img/flags@2x.png)}}.iti__flag.iti__np{background-color:transparent}