/* Minification failed. Returning unminified contents.
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(61,24): run-time error CSS1039: Token not allowed after unary operator: '-sqp-border'
(65,25): run-time error CSS1039: Token not allowed after unary operator: '-sqp-radius'
(67,23): run-time error CSS1039: Token not allowed after unary operator: '-sqp-font'
(68,35): run-time error CSS1039: Token not allowed after unary operator: '-sqp-transition'
(68,69): run-time error CSS1039: Token not allowed after unary operator: '-sqp-transition'
(72,24): run-time error CSS1039: Token not allowed after unary operator: '-sqp-border'
(76,25): run-time error CSS1039: Token not allowed after unary operator: '-sqp-radius'
(78,23): run-time error CSS1039: Token not allowed after unary operator: '-sqp-font'
(79,35): run-time error CSS1039: Token not allowed after unary operator: '-sqp-transition'
(79,69): run-time error CSS1039: Token not allowed after unary operator: '-sqp-transition'
(85,24): run-time error CSS1039: Token not allowed after unary operator: '-sqp-primary'
(106,15): run-time error CSS1039: Token not allowed after unary operator: '-sqp-space-2'
(110,15): run-time error CSS1039: Token not allowed after unary operator: '-sqp-space-3'
(114,15): run-time error CSS1039: Token not allowed after unary operator: '-sqp-space-4'
(124,28): run-time error CSS1039: Token not allowed after unary operator: '-sqp-surface'
(125,25): run-time error CSS1039: Token not allowed after unary operator: '-sqp-radius'
(126,22): run-time error CSS1039: Token not allowed after unary operator: '-sqp-shadow-md'
(131,19): run-time error CSS1039: Token not allowed after unary operator: '-sqp-space-5'
(136,17): run-time error CSS1039: Token not allowed after unary operator: '-sqp-primary'
(141,17): run-time error CSS1039: Token not allowed after unary operator: '-sqp-primary'
(152,17): run-time error CSS1039: Token not allowed after unary operator: '-sqp-danger'
(159,23): run-time error CSS1039: Token not allowed after unary operator: '-sqp-space-4'
(483,41): run-time error CSS1039: Token not allowed after unary operator: '-sqp-transition'
(483,75): run-time error CSS1039: Token not allowed after unary operator: '-sqp-transition'
(483,104): run-time error CSS1039: Token not allowed after unary operator: '-sqp-transition'
(484,33): run-time error CSS1039: Token not allowed after unary operator: '-sqp-transition'
(484,67): run-time error CSS1039: Token not allowed after unary operator: '-sqp-transition'
(484,96): run-time error CSS1039: Token not allowed after unary operator: '-sqp-transition'
(487,25): run-time error CSS1039: Token not allowed after unary operator: '-sqp-radius'
(494,23): run-time error CSS1039: Token not allowed after unary operator: '-sqp-font'
(498,22): run-time error CSS1039: Token not allowed after unary operator: '-sqp-primary'
(499,24): run-time error CSS1039: Token not allowed after unary operator: '-sqp-primary'
(503,26): run-time error CSS1039: Token not allowed after unary operator: '-sqp-primary-hover'
(504,28): run-time error CSS1039: Token not allowed after unary operator: '-sqp-primary-hover'
(505,26): run-time error CSS1039: Token not allowed after unary operator: '-sqp-shadow-sm'
(523,22): run-time error CSS1039: Token not allowed after unary operator: '-sqp-secondary-bg'
(524,17): run-time error CSS1039: Token not allowed after unary operator: '-sqp-primary'
(525,24): run-time error CSS1039: Token not allowed after unary operator: '-sqp-primary'
(531,26): run-time error CSS1039: Token not allowed after unary operator: '-sqp-primary'
 */

/* Design Tokens ------------------------------*/

:root {
    /* Brand palette (consolidated from scattered hex/named colors) */
    --sqp-primary: #1b4e81;
    --sqp-primary-hover: #008cba;
    --sqp-primary-dark: rgb(1, 53, 86);
    --sqp-accent: rgb(254, 223, 1);
    --sqp-danger: firebrick;

    /* Surfaces & text */
    --sqp-bg: rgb(243, 244, 245);
    --sqp-surface: #ffffff;
    --sqp-surface-alt: #f0f5fa;
    --sqp-text: rgb(60, 60, 60);
    --sqp-text-muted: rgb(69, 68, 70);
    --sqp-border: dimgray;
    --sqp-secondary-bg: rgb(237, 246, 255);

    /* Typography */
    --sqp-font: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;

    /* Spacing scale */
    --sqp-space-1: 5px;
    --sqp-space-2: 10px;
    --sqp-space-3: 15px;
    --sqp-space-4: 20px;
    --sqp-space-5: 25px;

    /* Shape, elevation, motion */
    --sqp-radius: 3px;
    --sqp-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12);
    --sqp-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);
    --sqp-transition: 0.2s ease;
}

/* Design Tokens ------------------------------*/

/* General ------------------------------------*/

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

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.text_align_center {
    text-align: center;
}

select {
    border-color: var(--sqp-border);
    border-width: 1px;
    padding: 3px 7px;
    border-style: solid;
    border-radius: var(--sqp-radius);
    font-size: 1em;
    font-family: var(--sqp-font);
    transition: border-color var(--sqp-transition), box-shadow var(--sqp-transition);
}

input {
    border-color: var(--sqp-border);
    border-width: 1px;
    padding: 3px 7px;
    border-style: solid;
    border-radius: var(--sqp-radius);
    font-size: 1em;
    font-family: var(--sqp-font);
    transition: border-color var(--sqp-transition), box-shadow var(--sqp-transition);
}

select:focus,
input:focus {
    outline: none;
    border-color: var(--sqp-primary);
    box-shadow: 0 0 0 2px rgba(27, 78, 129, 0.25);
}

/* General ------------------------------------*/

/* Layout & Polish Utilities ------------------*/

/* Vertical flex stack replaces float:left; clear:both stacking hacks */
.sqp-stack {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

    .sqp-stack > * {
        width: 100%;
    }

/* Consistent gap options based on the spacing scale */
.sqp-gap-2 {
    gap: var(--sqp-space-2);
}

.sqp-gap-3 {
    gap: var(--sqp-space-3);
}

.sqp-gap-4 {
    gap: var(--sqp-space-4);
}

/* Full-width form field */
.sqp-field {
    width: 100%;
}

/* Elevated white surface (card) */
.sqp-card {
    background-color: var(--sqp-surface);
    border-radius: var(--sqp-radius);
    box-shadow: var(--sqp-shadow-md);
    overflow: hidden;
}

.sqp-card-body {
    padding: var(--sqp-space-5);
}

/* Primary-colored heading / link helpers (replaces steelblue) */
.sqp-heading {
    color: var(--sqp-primary);
    font-weight: bold;
}

.sqp-link {
    color: var(--sqp-primary);
    font-weight: bold;
    text-decoration: none;
}

    .sqp-link:hover,
    .sqp-link:focus-visible {
        text-decoration: underline;
    }

.sqp-error-text {
    color: var(--sqp-danger);
    font-weight: bold;
}

/* Modern breakpoint (replaces deprecated max-device-width queries) */
@media only screen and (max-width: 1100px) {
    .sqp-card-body {
        padding: var(--sqp-space-4);
    }
}

/* Layout & Polish Utilities ------------------*/

/* Font ---------------------------------------*/


@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Me5g.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9vAA.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlvAA.woff) format('woff');
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* Font ---------------------------------------*/

.SchoolLogoImageWrap {
    position: relative;
    overflow: visible !important;
    height: 100%;
}

#accountSettingPickerMain {
    min-height: 100% !important;
    height: auto;
    position: relative;
    float: right;
    padding: 23px 10px 12px 0;
}

#CartIcon {
    float: right;
}

#cartPadding {
    padding: 24px 15px 24px 11px;
}

#CartTotal {
    margin-top: -3px;
}

.sqp-btn {
    -webkit-transition: background var(--sqp-transition), box-shadow var(--sqp-transition), color var(--sqp-transition); /* Safari */
    transition: background var(--sqp-transition), box-shadow var(--sqp-transition), color var(--sqp-transition);
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: var(--sqp-radius);
    border-width: 1px;
    border-style: solid;
    font-size: 17px;
    cursor: pointer;
    font-weight: 400;
    text-align: center;
    font-family: var(--sqp-font);
    padding: 9px 16px;
    width: 100%;
    color: #fff;
    background: var(--sqp-primary);
    border-color: var(--sqp-primary);
}

    .sqp-btn:hover {
        background: var(--sqp-primary-hover);
        border-color: var(--sqp-primary-hover);
        box-shadow: var(--sqp-shadow-sm);
    }

    .sqp-btn:focus-visible {
        outline: 3px solid rgba(0, 140, 186, 0.5);
        outline-offset: 2px;
    }

    .sqp-btn:disabled,
    .sqp-btn[disabled] {
        cursor: not-allowed;
        opacity: 0.55;
        box-shadow: none;
    }



.sqp-btn-nonprimary {
    background: var(--sqp-secondary-bg);
    color: var(--sqp-primary);
    border-color: var(--sqp-primary);
}



    .sqp-btn-nonprimary:hover {
        background: var(--sqp-primary);
        color: white;
    }




.newFont {
    font-family: Roboto;
}

label, input[type="radio"] {
    vertical-align: top;
}

@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}



body {
    font-family: Roboto;
}


.FormPrintButton {
    font-size: 11pt;
}


.modalBackground {
    background-color: #000000;
    filter: alpha(opacity=45);
    opacity: 0.45;
}

.page {
}

/****************************************/
/*Agreements**/

.Doc150 {
    max-height: 150px;
    overflow: auto;
    float: left;
    clear: both;
    border-style: solid;
    border-width: 1px;
    border-color: gray;
    width: 100%;
}

#PSingleSpace p {
    margin-top: 0;
    margin-bottom: 0;
}


/****************************************/
/* PageWrap */

#PageWrap {
    background: transparent;
}

#SubPageWrap {
    background: white;
}

/****************************************/
/*  SchoolImage   */
#SchoolImage {
    height: auto;
    width: 100%;
    clear: both;
    margin-top: 0px;
    font-size: xx-large;
    font-family: Roboto;
}

#SchoolImageFooter {
    /*height:45px;*/
    width: 100%;
    /*margin-top: 65px;*/
    font-size: small;
    text-align: left;
}

#CopyrightInfoFooter {
    background: transparent;
    font-size: large;
    font-family: Roboto;
    color: #6C6C6C;
    max-width: 960px;
    width: auto;
    font-weight: bold;
    margin-top: -12px;
    padding-bottom: 3px;
}

#RycorFooterImg {
    width: 180px;
    height: 49px;
}

.OutsitePadding {
    height: 20px;
}

/****************************************/
/*  AccountWrap   */

#AccountWrap {
    width: 100%;
}

/****************************************/
/*  Header   */

#HeaderWrap {
    width: 100%;
    background-color: white;
    float: left;
}

html.translated-ltr #HeaderWrap, html.translated-ltr #HeaderWrap { padding-top: 39px; }

#SchoolName {
    height: Auto;
    background: white;
    width: Auto;
    float: left;
    margin-top: 1px;
    font-size: xx-large;
}

.SiteMenuBar {
    height: Auto;
    width: Auto;
    float: right;
    margin-top: 3px;
    margin-right: 15px;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    color: white;
    font-family: "Driod SansX", Sans-Serif;
}

.SiteMenuBar.hover {
    height: Auto;
    background: white;
    width: Auto;
    float: right;
    margin-top: 3px;
    margin-right: 15px;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    color: #00ADEE;
    font-family: "Driod SansX", Sans-Serif;
}


#AccountMenuBar {
    height: Auto;
    background: white;
    width: Auto;
    float: right;
    clear: right;
    margin-top: 1px;
}

/****************************************/
/* Student Selector */


.linkRegular:visited {
    color: Blue;
    font-weight: bold;
}

.linkRegular {
    color: Blue;
}

    .linkRegular:hover {
        color: Blue;
    }

#AcctDueSelectorBar {
    float: left;
    text-align: center;
    clear: left;
    width: 100%;
}


.AcctDueSelectorItemSelected {
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: rgb(0, 162, 232);
    color: rgb(30,30,30);
    padding: 3px 10px;
    font-weight: 500;
    font-size: 11pt;
    font-family: Roboto;
    text-decoration: none;
}

.AcctDueSelectorItemNotSelected {
    border-bottom: 3px solid transparent;
    padding: 3px 10px;
    font-weight: 500;
    color: rgb(30, 30, 30);
    font-family: Roboto;
    font-size: 11pt;
    text-decoration: none;
}

.AcctDueSelectorItemNotSelected:hover {
    color: rgb(0, 162, 232);
}

.linkStatementPDF {
    color: rgb(30,30,30);
}

.linkStatementPDF:hover {
    color: white;
}


.printStatementIcon:hover + .linkStatementPDF {
    color: white;
}


/****************************************/
/* Student Demo Info */

#SelectedStuWrap {
    height: Auto;
    background: white;
    width: Auto;
    float: left;
    clear: left;
}

/****************************************/
/* AccountCenter */

#AccountCenterWrap {
    background: white;
    float: left;
    clear: left;
    margin-top: 20px;
}

#AccountCenterTitle {
    font-size: large;
    float: left;
    margin-right: 15px;
    font-family: Roboto;
}


#AccountCenterHistoryLink {
    float: left;
    font-size: small;
    background: transparent;
    text-align: center;
    padding-top: 7px;
    text-decoration: underline;
}


#AccountCenterSummary {
    float: left;
    clear: left;
}

#AccountCenterSummaryItems {
    float: left;
    clear: left;
}

.FeeRowEven {
    width: 100%;
    float: left;
    clear: left;
}

.FeeRowOdd {
    width: 100%;
    float: left;
    clear: left;
    background-color: #f0f5fa;
}

.FeeValue {
    width: 50px;
    float: right;
    margin-left: 15px;
    text-align: right;
}

.FeeText {
    width: auto;
    float: left;
}

/****************************************/
/* CartDetails */

#CartDetailsWrap {
    background: white;
    float: left;
    clear: left;
    margin-top: 25px;
    border-width: 1px;
    border-style: solid;
    border-color: Black;
}


/****************************************/


/****************************************/
/*  SchoolStore   */

#SchoolStoreOuterWrap {
    float: left;
    clear: left;
    height: auto;
    width: 100%;
    margin-top: 30px;
}


#SchoolStoreWrap {
    width: 100%;
    float: left;
}

#SchoolStoreTabs {
    width: 100%;
    float: left;
    height: auto;
    margin-right: 10px;
}

.SchoolStoreItems {
    float: left;
    height: auto;
}


/****************************************/
/* StoreItem */

.StoreItemWrapper {
    width: auto;
    height: auto;
    margin-top: 3px;
    float: left;
}

.Form {
    clear: left;
    float: left;
    width: auto;
}

.FormDetail {
    width: auto; /*700px*/
    height: auto;
    padding: 7px;
    padding-top: 3px;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
}

@media only screen and (max-device-width: 400px), (max-width: 400px) {
    .FormDetail {
        clear: left;
    }
}

.StoreItemWrapper1 {
    width: 100%;
    height: auto;
    float: left;
    clear: both;
    margin-top: 0px;
    margin-bottom: 5px;
}

.StoreItemWrapper2 {
    border: thin solid black;
    width: 100%;
    height: auto;
    float: left;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-right: 10px;
}


.LeftFloater {
    float: left;
    clear: left;
}

#AcctDueSelector1 {
    float: left;
    clear: left;
}

/*********************************************************/
/*  Form Details   */

 .signatureWidth {
    max-width: 600px;
    width:100vw;
 }

 @media only screen and (max-device-width: 640px), (max-width: 1100px) {

     .signatureWidth {
         width: calc(100vw - 45px);
         max-width: none;
     }

 }

 .rycorUploader.readOnly .fileNameList {
     display: block;
     width: 100%;
 }

/*********************************************************/
/*  Table   */

#AcctFees {
    float: left;
    clear: left;
    margin-top: 15px;
    margin-left: 15px;
    max-width: 600px;
}

#outerAC {
    float: left;
    clear: left;
}

.separatorx {
    float: left;
    clear: left;
    text-align: left;
    font-family: Roboto;
    font-size: 130%;
    font-style: italic;
    padding: 0px, 0px, 0px, 0px;
    padding-bottom: 5px;
}

.separatorFooter {
    height: auto;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 15px;
}

.separatorFooterFamily {
    height: auto;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 3px;
    background: white;
}

.separatorBarOnly {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}


table {
    text-align: center;
    width: 100%;
    font-family: Roboto;
}


.tableFamily {
    text-align: center;
    width: 100%;
    font-family: Roboto;
    margin-bottom: 1rem;
}


.tableCartDetails {
    text-align: center;
    font-family: Arial;
    font-size: 9pt;
}


tr.d0 {
    background-color: #f0f5fa;
}


tr.d1 {
    background-color: white;
}

tr.d1WebItem {
    background-color: lightYellow;
}


tr.d0rowhover {
    background-color: #f0f5fa;
}


tr.d1rowhover {
    background-color: white;
}

tr.d0rowhover:hover {
    background-color: lightYellow;
}


tr.d1rowhover:hover {
    background-color: lightYellow;
}



tr.FormHeader {
    background-color: lightyellow;
    font-weight: bold;
    color: black;
}

td.fn {
    text-align: left;
}

td.fnTR {
    text-align: right;
}

td.fnLIDesc {
    width: 150px;
    text-align: left;
    padding-left: 10px;
}

td.fnLITbl {
    text-align: left;
    padding-top: 0px;
}

tr.LIPmnt {
    background-color: rgba(0,200,0,0.2);
}

td.fnName {
    text-align: left;
}

td.PlanPmtDesc {
    text-align: left;
    min-width: 150px;
    font-size: 14px;
}

td.PlanPmtdue {
    vertical-align: middle;
    text-align: right;
    font-size: 14px;
}

td.PlanPmtDateDesc {
    text-align: left;
    min-width: 100px;
    font-size: 14px;
    padding-left: 30px;
}

td.dueCartName {
    vertical-align: middle;
    text-align: right;
    padding-left: 15px;
}

td.dueSubTtlCart {
    vertical-align: middle;
    text-align: right;
    padding-left: 15px;
    font-weight: bold;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 10px;
}

td.due {
    vertical-align: middle;
    text-align: right;
}

td.dueFmly {
    vertical-align: middle;
    text-align: right;
    font-weight: bold;
}

td.date {
    vertical-align: middle;
    min-width: 100px;
    padding-left: 20px;
}

td.btn {
    background-color: White;
    min-width: 83px;
    font-size: small;
}

.smallbtn {
    font-size: 8pt;
    margin-left: -5px;
}


td.btnInCart {
    background-color: #CCFFCC;
    min-width: 83px;
    font-size: 9pt;
}



th.dueOut {
    width: 75px;
    vertical-align: bottom;
    padding-bottom: 0px;
    margin-right: 10px;
    text-align: right;
    background-color: transparent;
}

.separatorBarOnly {
}

.dueCat {
    vertical-align: bottom;
    padding-bottom: 3px;
    text-align: right;
    background-color: transparent;
    color: dimGray;
}

.leftlbl {
    vertical-align: bottom;
    padding-bottom: 0px;
    margin-right: 10px;
    text-align: left;
    background-color: transparent;
}

#divFamilySummary {
    font-size: 11.5pt;
}

.tblHeader {
    vertical-align: bottom;
    padding-bottom: 0px;
    text-align: left;
    background-color: silver;
    color: white;
}

.flbl {
    vertical-align: middle;
    padding-right: 0px;
    text-align: right;
    background-color: transparent;
}

.fdue {
    vertical-align: middle;
    padding-left: 0px;
    text-align: right;
    background-color: transparent;
}


/*********************************************************/

.StoreSelectorItem {
    float: left;
    color: Black;
    text-align: center;
    font-weight: bold;
    font-family: Arial;
    font-size: 15px;
    min-width: 50px;
    outline: none;
    height: 20px;
    margin-top: 0px;
    padding-top: 5px;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    vertical-align: middle;
    background-color: White;
}


.StoreSelectorItem:hover {
    float: left;
    color: Black;
    text-align: center;
    font-weight: bold;
    font-family: Arial;
    font-size: 15px;
    min-width: 50px;
    height: 20px;
    margin-top: 0px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    outline: none;
    vertical-align: middle;
    text-decoration: none;
    background-color: lightYellow;
}

.StoreSelectorItemSelected {
    outline: none;
    height: 20px;
    margin-top: 0px;
    min-width: 50px;
    float: left;
    color: black;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-family: Arial;
    font-size: 15px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    background-color: powderblue;
}

.paymentInputWrapper {
    float: left;
    clear: both;
    margin-top: 10px;
    width: 100%;
}

.paymentCategories {
    font-size: 20px;
    font-weight: bold;
}

.cardGrp {
    margin-top: 15px;
}

.CardLabels {
    float: left;
    clear: left;
    width: 200px;
}

.CardInput {
    float: left;
    clear: both;
    margin-top: 10px;
}

.CardLabelsEFT {
    margin-top: 10px;
}

.CardInputEFT {
    margin-top: 5px;
}


.CheckoutOuterWrap {
    padding: 35px;
}

.ErrorMessage {
    float: left;
    margin-top: 10px;
    color: Red;
    font-weight: bold;
    clear: both;
}

@media only screen and (max-device-width: 400px), (max-width: 400px) {
    .CheckoutOuterWrap {
        padding: 0px;
        max-width: 100%;
    }

    .nomobile {
        display: none;
    }

    #PaymentDetails1_CancelConfirm {
        margin: 15px auto 0;
        float: none;
    }

    .payment_buttons_wrap {
        float: left;
        text-align: center;
        height: auto !important;
    }

    .payment_buttons_wrap .sqp-btn {
        display: inline-block;
        float: none;
    }

    #CartIcon {
        margin-top: 3px;
    }

    #cartPadding {
        padding: 7px 15px 0 11px !important;
    }

}



.payNowBtnCART {
    font-weight: bold;
    font-size: medium;
    background: green;
    width: 120px;
    float: right;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    color: White;
    text-decoration: none;
}


/* The container <div> - needed to position the dropdown content */
.dropdownRK {
    display: inline-block;
}


#SchooLogoBarHeight span:first-of-type {
    display: none !important;
}

#SchoolLogoImage {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 10px;
    height: 64px;
}

@media only screen and (max-device-width: 640px), (max-width: 1100px) {
    #SchoolLogoImage {
        max-width: 200px;
        height: auto;
        max-height: 55px;
    }
}

.sidenav .SchoolLogoImageWrap {
    height: auto;
}

/* Legal Docs */
body.legalDoc {
    font-family: "Arial";
    margin: 0;
}

.legalDoc main {
    max-width: 1200px;
    min-height: 75vh;
    margin: 1em auto;
}

.legalDoc h1, .legalDoc h2 {
    margin-top: 2em;
}

.legalDoc h1, .legalDoc h2, .legalDoc p, .legalDoc ul {
    margin-bottom: 1em;
}

.legalDoc li {
    margin-bottom: 0.5em;
}

.inprogress-loader {
    background: url(../Images/ajax-loader.gif) center top no-repeat;
}