/*!
 * dps v1.0.0
 * 
 * (c) 2019 
 */

/*
    General variables
*/
/*
    Header variables
*/
/* 
    Footer variables
*/
/*
    Button variables
*/
/*
    Material Input Boxes
*/
/*
    Tooltip colors
*/
/*
    Table colors
*/
/*
    Modal colors
*/
/*
    Ticket Details colors
*/
/*
    Pay Now colors
*/
/*
    Pay Now Success colors
*/
/*
    Contest colors
*/
/*
    Calendar colors
*/
/*
    Permits colors
*/
/*
    Media Queries
*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
/* line 1, SCSS/Shared/_typography.scss */
h1,
h2,
h3,
h4,
h5 {
    font-weight: 700;
}

/* line 9, SCSS/Shared/_typography.scss */
h1 {
    font-size: 1.9rem;
}

/* line 13, SCSS/Shared/_typography.scss */
h2 {
    font-size: 1.5rem;
    margin-bottom: 0rem;
}

/* line 18, SCSS/Shared/_typography.scss */
h3 {
    font-size: 1.25rem;
}

/* line 22, SCSS/Shared/_typography.scss */
h4 {
    font-size: 1.15rem;
}

.related-button-div {
    padding-bottom: 1rem;
    margin: auto;
    text-align: center;
}

@media (min-width: 768px) {
    .related-button-div {
        padding-right: 3rem;
        margin: auto;
        padding-bottom: 0rem;
    }
}

/* line 26, SCSS/Shared/_typography.scss */
.non-refundable-text {
/*    margin-top: 1rem;*/
    font-size: .85em;
    color: #4a4a4a;
}

.non-refundable-text-center {
    text-align: center;
    font-size: .85em;
    color: #4a4a4a;
}

@media (min-width: 992px) {
    /* line 26, SCSS/Shared/_typography.scss */
    .non-refundable-text {
        text-align: right;
        padding-right: 20px;
    }

    .non-refundable-text-center {
        text-align: center;
        padding-right: 5px;
        padding-left: 15px;
    }
}

/* This is a set for any input, label, dropdown that needs to be align right*/

/* line 1, SCSS/Shared/_input-fields.scss */
.material-text-field-right {
    
    position: relative;
    margin-top: 2.0rem;
}

/* line 5, SCSS/Shared/_input-fields.scss */
.material-text-field-right__input, .material-text-field-right__drop-down {
    text-align: right;
    background: none;
    color: #080f19;
    padding: 10px 0px 10px 5px;
    display: block;
    width: 100%;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #4a4a4a;
}

    /* line 16, SCSS/Shared/_input-fields.scss */
    .material-text-field-right__input:focus, .material-text-field-right__drop-down:focus {
        outline: none;
    }

        /* line 20, SCSS/Shared/_input-fields.scss */
        .material-text-field-right__input:focus ~ .material-text-field-right__label,
        .material-text-field-right__input--filled ~ .material-text-field-right__label, .material-text-field-right__drop-down:focus ~ .material-text-field-right__label,
        .material-text-field-right__drop-down--filled ~ .material-text-field-right__label {
            top: -14px;
            font-size: 12px;
        }

        /* line 26, SCSS/Shared/_input-fields.scss */
        .material-text-field-right__input:focus ~ .material-text-field-right__label, .material-text-field-right__drop-down:focus ~ .material-text-field-right__label {
            color: #007cad;
        }

        /* line 30, SCSS/Shared/_input-fields.scss */
        .material-text-field-right__input:focus ~ .material-text-field-right__ripple:before, .material-text-field-right__drop-down:focus ~ .material-text-field-right__ripple:before {
            width: 100%;
        }

    /* line 34, SCSS/Shared/_input-fields.scss */
    .material-text-field-right__input[type="password"], .material-text-field-right__drop-down[type="password"] {
        letter-spacing: 0.3em;
    }

/* line 39, SCSS/Shared/_input-fields.scss */
.material-text-field-right__drop-down {
    display: inline-block;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, white, white);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px);
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}

    /* line 61, SCSS/Shared/_input-fields.scss */
    .material-text-field-right__drop-down:focus {
        background-image: linear-gradient(45deg, #007cad 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #007cad 50%), linear-gradient(to right, white, white);
        background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
    }

    /* line 72, SCSS/Shared/_input-fields.scss */
    .material-text-field-right__drop-down:-moz-focusing {
        color: transparent;
        text-shadow: 0 0 0 #000;
    }

    /* line 77, SCSS/Shared/_input-fields.scss */
    .material-text-field-right__drop-down::-ms-expand {
        display: none;
    }

/* line 82, SCSS/Shared/_input-fields.scss */
.material-text-field-right__label {
    color: #4a4a4a;
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    
    left: 26px;
    top: 10px;
    -webkit-transition: 300ms ease all;
    transition: 300ms ease all;
}

/* line 93, SCSS/Shared/_input-fields.scss */
.material-text-field-right__ripple {
    position: relative;
    display: block;
    width: 100%;
}

    /* line 98, SCSS/Shared/_input-fields.scss */
    .material-text-field-right__ripple:before {
        content: '';
        height: 2px;
        width: 0;
        bottom: 0px;
        position: absolute;
        background: #007cad;
        -webkit-transition: 300ms ease all;
        transition: 300ms ease all;
        left: 0%;
    }

/* line 110, SCSS/Shared/_input-fields.scss */
.material-text-field-right__message {
    font-size: .6rem;
    padding-left: 5px;
    padding-top: 5px;
}

/* line 115, SCSS/Shared/_input-fields.scss */
.material-text-field-right__message--validation {
    font-size: .6rem;
    display: none;
}

/* line 120, SCSS/Shared/_input-fields.scss */
.material-text-field-right__message--regular {
    color: #4a4a4a;
    font-size: .6rem;
    display: inline;
}

/* line 130, SCSS/Shared/_input-fields.scss */
.material-text-field-right.material-error::after {
    color: #ba0000;
    content: "\f06a";
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    text-decoration: inherit;
    position: absolute;
    top: 10px;
    right: 0px;
    font-size: 1rem;
}

/* line 143, SCSS/Shared/_input-fields.scss */
.material-text-field-right.material-error .material-text-field-right__input,
.material-text-field-right.material-error .material-text-field-right__drop-down {
    padding-left: 1.7rem;
}

    /* line 147, SCSS/Shared/_input-fields.scss */
    .material-text-field-right.material-error .material-text-field-right__input:focus ~ .material-text-field-right__label,
    .material-text-field-right.material-error .material-text-field-right__drop-down:focus ~ .material-text-field-right__label {
        color: #ba0000;
    }

/* line 152, SCSS/Shared/_input-fields.scss */
.material-text-field-right.material-error .material-text-field-right__label,
.material-text-field-right.material-error .material-text-field-right__message--validation {
    color: #ba0000;
}

/* line 157, SCSS/Shared/_input-fields.scss */
.material-text-field-right.material-error .material-text-field-right__input,
.material-text-field-right.material-error .material-text-field-right__drop-down {
    border-color: #ba0000;
}

/* line 162, SCSS/Shared/_input-fields.scss */
.material-text-field-right.material-error .material-text-field-right__ripple {
    display: none;
}

/* line 167, SCSS/Shared/_input-fields.scss */
.material-text-field-right.material-error .material-text-field-right__message--validation {
    display: inline;
}

/* line 171, SCSS/Shared/_input-fields.scss */
.material-text-field-right.material-error .material-text-field-right__message--regular {
    display: none;
}

/* line 178, SCSS/Shared/_input-fields.scss */
.material-text-field-right.has-icon .material-text-field-right__input {
    padding-left: 1.7rem;
}

/* line 182, SCSS/Shared/_input-fields.scss */
.material-text-field-right.has-icon .material-text-field-right__drop-down {
    padding-right: 3.4rem;
}

/* line 186, SCSS/Shared/_input-fields.scss */
.material-text-field-right.has-icon .material-text-field-right__input + .material-text-field-right__icon {
    top: 14px;
    left: 4px;
}

/* line 191, SCSS/Shared/_input-fields.scss */
.material-text-field-right.has-icon .material-text-field-right__drop-down + .material-text-field-right__icon {
    top: 14px;
    right: 32px;
}

/* line 196, SCSS/Shared/_input-fields.scss */
.material-text-field-right.has-icon .material-text-field-right__icon {
    cursor: pointer;
    position: absolute;
    font-size: 1rem;
}

    /* line 201, SCSS/Shared/_input-fields.scss */
    .material-text-field-right.has-icon .material-text-field-right__icon:hover {
        color: #007cad;
    }

/* line 207, SCSS/Shared/_input-fields.scss */
.material-text-field-right.has-icon.material-error .material-text-field-right__input {
    padding-left: 3rem;
}

/* line 211, SCSS/Shared/_input-fields.scss */
.material-text-field-right.has-icon.material-error .material-text-field-right__drop-down {
    padding-right: 4.5rem;
}

/* line 215, SCSS/Shared/_input-fields.scss */
.material-text-field-right.has-icon.material-error .material-text-field-right__input + .material-text-field-right__icon {
    left: 24px;
}

/* line 219, SCSS/Shared/_input-fields.scss */
.material-text-field-right.has-icon.material-error .material-text-field-right__drop-down + .material-text-field-right__icon {
    right: 48px;
}
/* End of material-text-field-right*/

/* line 1, SCSS/Shared/_loading.scss */
.loading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50vh;
}

/* line 7, SCSS/Shared/_loading.scss */
.loading__text {
    color: #007cad;
    margin-bottom: .5rem;
}

/* line 12, SCSS/Shared/_loading.scss */
.loading__animation {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

    /* line 18, SCSS/Shared/_loading.scss */
    .loading__animation div {
        position: absolute;
        width: 4px;
        height: 4px;
        background: #007cad;
        border-radius: 50%;
        -webkit-animation: loading-default 1.2s linear infinite;
        animation: loading-default 1.2s linear infinite;
    }

        /* line 26, SCSS/Shared/_loading.scss */
        .loading__animation div:nth-child(1) {
            -webkit-animation-delay: 0s;
            animation-delay: 0s;
            top: 29px;
            left: 53px;
        }

        /* line 32, SCSS/Shared/_loading.scss */
        .loading__animation div:nth-child(2) {
            -webkit-animation-delay: -0.1s;
            animation-delay: -0.1s;
            top: 18px;
            left: 50px;
        }

        /* line 38, SCSS/Shared/_loading.scss */
        .loading__animation div:nth-child(3) {
            -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s;
            top: 9px;
            left: 41px;
        }

        /* line 44, SCSS/Shared/_loading.scss */
        .loading__animation div:nth-child(4) {
            -webkit-animation-delay: -0.3s;
            animation-delay: -0.3s;
            top: 6px;
            left: 29px;
        }

        /* line 50, SCSS/Shared/_loading.scss */
        .loading__animation div:nth-child(5) {
            -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s;
            top: 9px;
            left: 18px;
        }

        /* line 56, SCSS/Shared/_loading.scss */
        .loading__animation div:nth-child(6) {
            -webkit-animation-delay: -0.5s;
            animation-delay: -0.5s;
            top: 18px;
            left: 9px;
        }

        /* line 62, SCSS/Shared/_loading.scss */
        .loading__animation div:nth-child(7) {
            -webkit-animation-delay: -0.6s;
            animation-delay: -0.6s;
            top: 29px;
            left: 6px;
        }

        /* line 68, SCSS/Shared/_loading.scss */
        .loading__animation div:nth-child(8) {
            -webkit-animation-delay: -0.7s;
            animation-delay: -0.7s;
            top: 41px;
            left: 9px;
        }

        /* line 74, SCSS/Shared/_loading.scss */
        .loading__animation div:nth-child(9) {
            -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s;
            top: 50px;
            left: 18px;
        }

        /* line 80, SCSS/Shared/_loading.scss */
        .loading__animation div:nth-child(10) {
            -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s;
            top: 53px;
            left: 29px;
        }

        /* line 86, SCSS/Shared/_loading.scss */
        .loading__animation div:nth-child(11) {
            -webkit-animation-delay: -1s;
            animation-delay: -1s;
            top: 50px;
            left: 41px;
        }

        /* line 92, SCSS/Shared/_loading.scss */
        .loading__animation div:nth-child(12) {
            -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s;
            top: 41px;
            left: 50px;
        }

@-webkit-keyframes loading-default {
    0%, 20%, 80%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
    }
}

@keyframes loading-default {
    0%, 20%, 80%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
    }
}

/* line 115, SCSS/Shared/_loading.scss */
.loading-animation {
    height: 7vh;
}

.load-images-button-group {
    text-align: center;
    padding-top: 20px;
}

/* line 1, SCSS/Shared/_buttons.scss */
.button {
    text-transform: uppercase;
    padding: .3rem; /* 1.5rem;*/
    font-weight: 700;
    border: none;
    height: 100%;
}

/* line 8, SCSS/Shared/_buttons.scss */
.button--full-width {
    width: 100%;
}

/* line 12, SCSS/Shared/_buttons.scss */
.button--primary {
    color: #ffffff;
    background: #007cad;
}

    /* line 16, SCSS/Shared/_buttons.scss */
    .button--primary.button--disabled {
        background-color: #949494;
        color: #ffffff;
    }

/* line 22, SCSS/Shared/_buttons.scss */
.button--secondary {
    border: 1px solid #007cad;
    color: #007cad;
    background: #ffffff;
}

    /* line 27, SCSS/Shared/_buttons.scss */
    .button--secondary.button--disabled {
        border: none;
        color: #ffffff;
        background-color: #949494;
    }

/* line 34, SCSS/Shared/_buttons.scss */
.button--disabled {
    pointer-events: none;
}

.checkBoxInput {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}

.checkBoxHeader {
}

.checkBoxLabel {
    padding-left: 5px;
    padding-top: 8px;
}

.checkBoxTableRow {
    text-align: left;
    line-height: 24px;
    vertical-align: middle;
    font-size: 16px;
}

/* line 1, SCSS/Shared/_input-fields.scss */
.material-text-field {
    position: relative;
    margin-top: 2.0rem;
}

/* line 5, SCSS/Shared/_input-fields.scss */
.material-text-field__input, .material-text-field__drop-down {
    background: none;
    color: #080f19;
    padding: 10px 10px 10px 5px;
    display: block;
    width: 100%;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #4a4a4a;
}

    /* line 16, SCSS/Shared/_input-fields.scss */
    .material-text-field__input:focus, .material-text-field__drop-down:focus {
        outline: none;
    }

        /* line 20, SCSS/Shared/_input-fields.scss */
        .material-text-field__input:focus ~ .material-text-field__label,
        .material-text-field__input--filled ~ .material-text-field__label, .material-text-field__drop-down:focus ~ .material-text-field__label,
        .material-text-field__drop-down--filled ~ .material-text-field__label {
            top: -14px;
            font-size: 12px;
        }

        /* line 26, SCSS/Shared/_input-fields.scss */
        .material-text-field__input:focus ~ .material-text-field__label, .material-text-field__drop-down:focus ~ .material-text-field__label {
            color: #007cad;
        }

        /* line 30, SCSS/Shared/_input-fields.scss */
        .material-text-field__input:focus ~ .material-text-field__ripple:before, .material-text-field__drop-down:focus ~ .material-text-field__ripple:before {
            width: 100%;
        }

    /* line 34, SCSS/Shared/_input-fields.scss */
    .material-text-field__input[type="password"], .material-text-field__drop-down[type="password"] {
        letter-spacing: 0.3em;
    }

/* line 39, SCSS/Shared/_input-fields.scss */
.material-text-field__drop-down {
    display: inline-block;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, white, white);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px);
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}

    /* line 61, SCSS/Shared/_input-fields.scss */
    .material-text-field__drop-down:focus {
        background-image: linear-gradient(45deg, #007cad 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #007cad 50%), linear-gradient(to right, white, white);
        background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
    }

    /* line 72, SCSS/Shared/_input-fields.scss */
    .material-text-field__drop-down:-moz-focusing {
        color: transparent;
        text-shadow: 0 0 0 #000;
    }

    /* line 77, SCSS/Shared/_input-fields.scss */
    .material-text-field__drop-down::-ms-expand {
        display: none;
    }

/* line 82, SCSS/Shared/_input-fields.scss */
.material-text-field__label {
    color: #4a4a4a;
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 10px;
    -webkit-transition: 300ms ease all;
    transition: 300ms ease all;
}

/* line 93, SCSS/Shared/_input-fields.scss */
.material-text-field__ripple {
    position: relative;
    display: block;
    width: 100%;
}

    /* line 98, SCSS/Shared/_input-fields.scss */
    .material-text-field__ripple:before {
        content: '';
        height: 2px;
        width: 0;
        bottom: 0px;
        position: absolute;
        background: #007cad;
        -webkit-transition: 300ms ease all;
        transition: 300ms ease all;
        left: 0%;
    }

/* line 110, SCSS/Shared/_input-fields.scss */
.material-text-field__message {
    font-size: .6rem;
    padding-left: 5px;
    padding-top: 5px;
}

/* line 115, SCSS/Shared/_input-fields.scss */
.material-text-field__message--validation {
    font-size: .6rem;
    display: none;
}

/* line 120, SCSS/Shared/_input-fields.scss */
.material-text-field__message--regular {
    color: #4a4a4a;
    font-size: .6rem;
    display: inline;
}

/* line 130, SCSS/Shared/_input-fields.scss */
.material-text-field.material-error::after {
    color: #ba0000;
    content: "\f06a";
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    text-decoration: inherit;
    position: absolute;
    top: 10px;
    right: 0px;
    font-size: 1rem;
}

/* line 143, SCSS/Shared/_input-fields.scss */
.material-text-field.material-error .material-text-field__input,
.material-text-field.material-error .material-text-field__drop-down {
    padding-right: 1.7rem;
}

    /* line 147, SCSS/Shared/_input-fields.scss */
    .material-text-field.material-error .material-text-field__input:focus ~ .material-text-field__label,
    .material-text-field.material-error .material-text-field__drop-down:focus ~ .material-text-field__label {
        color: #ba0000;
    }

/* line 152, SCSS/Shared/_input-fields.scss */
.material-text-field.material-error .material-text-field__label,
.material-text-field.material-error .material-text-field__message--validation {
    color: #ba0000;
}

/* line 157, SCSS/Shared/_input-fields.scss */
.material-text-field.material-error .material-text-field__input,
.material-text-field.material-error .material-text-field__drop-down {
    border-color: #ba0000;
}

/* line 162, SCSS/Shared/_input-fields.scss */
.material-text-field.material-error .material-text-field__ripple {
    display: none;
}

/* line 167, SCSS/Shared/_input-fields.scss */
.material-text-field.material-error .material-text-field__message--validation {
    display: inline;
}

/* line 171, SCSS/Shared/_input-fields.scss */
.material-text-field.material-error .material-text-field__message--regular {
    display: none;
}

/* line 178, SCSS/Shared/_input-fields.scss */
.material-text-field.has-icon .material-text-field__input {
    padding-right: 1.7rem;
}

/* line 182, SCSS/Shared/_input-fields.scss */
.material-text-field.has-icon .material-text-field__drop-down {
    padding-right: 3.4rem;
}

/* line 186, SCSS/Shared/_input-fields.scss */
.material-text-field.has-icon .material-text-field__input + .material-text-field__icon {
    top: 14px;
    right: 4px;
}

/* line 191, SCSS/Shared/_input-fields.scss */
.material-text-field.has-icon .material-text-field__drop-down + .material-text-field__icon {
    top: 14px;
    right: 32px;
}

/* line 196, SCSS/Shared/_input-fields.scss */
.material-text-field.has-icon .material-text-field__icon {
    cursor: pointer;
    position: absolute;
    font-size: 1rem;
}

    /* line 201, SCSS/Shared/_input-fields.scss */
    .material-text-field.has-icon .material-text-field__icon:hover {
        color: #007cad;
    }

/* line 207, SCSS/Shared/_input-fields.scss */
.material-text-field.has-icon.material-error .material-text-field__input {
    padding-right: 3rem;
}

/* line 211, SCSS/Shared/_input-fields.scss */
.material-text-field.has-icon.material-error .material-text-field__drop-down {
    padding-right: 4.5rem;
}

/* line 215, SCSS/Shared/_input-fields.scss */
.material-text-field.has-icon.material-error .material-text-field__input + .material-text-field__icon {
    right: 24px;
}

/* line 219, SCSS/Shared/_input-fields.scss */
.material-text-field.has-icon.material-error .material-text-field__drop-down + .material-text-field__icon {
    right: 48px;
}

/* line 226, SCSS/Shared/_input-fields.scss */
textarea {
    resize: none;
}

    /* line 228, SCSS/Shared/_input-fields.scss */
    textarea ~ .validation-message-block {
        display: none;
        font-size: .6rem;
    }

.validation-message {
    color: #ba0000;
}

/* line 232, SCSS/Shared/_input-fields.scss */
textarea.has-error {
    margin-bottom: 0em;
    border-color: #ba0000;
}

    /* line 235, SCSS/Shared/_input-fields.scss */
    textarea.has-error ~ .validation-message-block {
        display: block;
        color: #ba0000;
        margin-bottom: 2em;
    }

/* line 2, SCSS/Shared/_file_upload.scss */
.file-upload-block .file {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 1rem;
}

/* line 9, SCSS/Shared/_file_upload.scss */
.file-upload-block .file__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* line 15, SCSS/Shared/_file_upload.scss */
.file-upload-block .file__size {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    padding-left: 10px;
}

    /* line 21, SCSS/Shared/_file_upload.scss */
    .file-upload-block .file__size div:first-child {
        margin-right: 15px;
    }

    /* line 25, SCSS/Shared/_file_upload.scss */
    .file-upload-block .file__size i {
        color: #949494;
        cursor: pointer;
        font-size: .8rem;
    }

/* line 32, SCSS/Shared/_file_upload.scss */
.file-upload-block .file__total {
    font-weight: 600;
}

/* line 37, SCSS/Shared/_file_upload.scss */
.file-upload-block .upload-validation {
    text-align: right;
    color: #ba0000;
}

/* line 1, SCSS/Shared/_tables.scss */
.dps-table {
    width: 100%;
    border-collapse: collapse;
    display: block;
    table-layout: fixed;
}

    /* line 6, SCSS/Shared/_tables.scss */
    .dps-table thead,
    .dps-table tbody {
        font-size: 0.9rem;
    }

    /* line 11, SCSS/Shared/_tables.scss */
    .dps-table thead,
    .dps-table tfoot {
        font-weight: 700;
    }

@media (min-width: 992px) {
    /* line 17, SCSS/Shared/_tables.scss */
    .dps-table th,
    .dps-table td:not(.boot-fee-text) {
/*        white-space: nowrap;*/
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

/* line 25, SCSS/Shared/_tables.scss */
.dps-table thead {
    background: #f3f3f3;
    vertical-align: bottom;
    color: #4a4a4a;
    display: none;
}

    /* line 31, SCSS/Shared/_tables.scss */
    .dps-table thead th {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        line-height: 1.3;
        word-wrap: break-word;
        white-space: normal;
    }

@media (min-width: 992px) {
    /* line 25, SCSS/Shared/_tables.scss */
    .dps-table thead {
        display: table-header-group;
    }
}

/* line 42, SCSS/Shared/_tables.scss */
.dps-table tbody {
    color: #080f19;
    display: block;
}

    /* line 46, SCSS/Shared/_tables.scss */
    .dps-table tbody tr {
        border-bottom: 1px solid #979797;
        line-height: 2rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        display: block;
    }

        /* line 53, SCSS/Shared/_tables.scss */
        .dps-table tbody tr td {
            display: block;
            padding-top: 0.2rem;
            padding-bottom: 0.2rem;
            vertical-align: top;
            position: relative;
            padding-left: 57%;
        }

            /* line 61, SCSS/Shared/_tables.scss */
            .dps-table tbody tr td:before {
                position: absolute;
                left: 0px;
                width: 54%;
                white-space: pre-wrap;
                font-weight: 700;
            }

            /* line 69, SCSS/Shared/_tables.scss */
            .dps-table tbody tr td:after {
                padding-left: 0.5rem;
            }

@media (min-width: 992px) {
    /* line 74, SCSS/Shared/_tables.scss */
    .dps-table tbody tr td {
        padding-left: 0%;
        display: table-cell;
    }
}

/* line 81, SCSS/Shared/_tables.scss */
.dps-table tbody tr:nth-child(1) {
    border-top: 1px solid #979797;
}

@media (min-width: 992px) {
    /* line 81, SCSS/Shared/_tables.scss */
    .dps-table tbody tr:nth-child(1) {
        border-top: none;
    }
}

@media (min-width: 992px) {
    /* line 46, SCSS/Shared/_tables.scss */
    .dps-table tbody tr {
        padding-top: 0rem;
        padding-bottom: 0rem;
        display: table-row;
    }
}

@media (min-width: 992px) {
    /* line 42, SCSS/Shared/_tables.scss */
    .dps-table tbody {
        display: table-row-group;
    }
}

/* line 101, SCSS/Shared/_tables.scss */
.dps-table tfoot {
    display: block;
    color: #4a4a4a;
}

@media (min-width: 992px) {
    /* line 101, SCSS/Shared/_tables.scss */
    .dps-table tfoot {
        display: table-row-group;
    }
}

@media (min-width: 992px) {
    /* line 111, SCSS/Shared/_tables.scss */
    .dps-table {
        display: table;
        table-layout: fixed;
    }
}

/* line 118, SCSS/Shared/_tables.scss */
.search-results-table {
    margin-top: 2rem;
}

@media (min-width: 992px) {
    /* line 34, SCSS/Shared/_mixin.scss */
    .search-results-table td:nth-child(1),
    .search-results-table th:nth-child(1) {
        width: 10%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .search-results-table td:nth-child(2),
    .search-results-table th:nth-child(2) {
        width: 15%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .search-results-table td:nth-child(3),
    .search-results-table th:nth-child(3) {
        width: 12%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .search-results-table td:nth-child(4),
    .search-results-table th:nth-child(4) {
        width: 12%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .search-results-table td:nth-child(5),
    .search-results-table th:nth-child(5) {
        width: 14%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .search-results-table td:nth-child(6),
    .search-results-table th:nth-child(6) {
        width: 12%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .search-results-table td:nth-child(7),
    .search-results-table th:nth-child(7) {
        width: 12%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .search-results-table td:nth-child(8),
    .search-results-table th:nth-child(8) {
        width: 13%;
    }
}

@media (min-width: 992px) {
    /* line 124, SCSS/Shared/_tables.scss */
    .search-results-table td,
    .search-results-table th {
        padding-right: 10px;
    }
        /* line 128, SCSS/Shared/_tables.scss */
        .search-results-table td:nth-child(1),
        .search-results-table th:nth-child(1) {
            padding-right: 0px;
        }
}

/* line 145, SCSS/Shared/_tables.scss */
.search-results-table tbody tr td:nth-of-type(1) {
    padding-left: 0%;
}

/* line 18, SCSS/Shared/_mixin.scss */
.search-results-table tbody tr td:nth-child(2):before {
    content: "Number";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .search-results-table tbody tr td:nth-child(2):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.search-results-table tbody tr td:nth-child(3):before {
    content: "Type";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .search-results-table tbody tr td:nth-child(3):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.search-results-table tbody tr td:nth-child(4):before {
    content: "Plate";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .search-results-table tbody tr td:nth-child(4):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.search-results-table tbody tr td:nth-child(5):before {
    content: "State";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .search-results-table tbody tr td:nth-child(5):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.search-results-table tbody tr td:nth-child(6):before {
    content: "Issue Date";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .search-results-table tbody tr td:nth-child(6):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.search-results-table tbody tr td:nth-child(7):before {
    content: "Status";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .search-results-table tbody tr td:nth-child(7):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.search-results-table tbody tr td:nth-child(8):before {
    content: "Amount Due";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .search-results-table tbody tr td:nth-child(8):before {
        content: "";
    }
}

/* line 155, SCSS/Shared/_tables.scss */
.search-results-table tbody tr td:not(.booted):nth-of-type(1):after {
    content: 'Select this ticket';
    color: #007cad;
}

/* line 160, SCSS/Shared/_tables.scss */
.search-results-table tbody tr td .open-details {
    cursor: pointer;
    color: #007cad;
}

/* line 165, SCSS/Shared/_tables.scss */
.search-results-table tbody tr td:after {
    font-weight: 700;
}

@media (min-width: 992px) {
    /* line 174, SCSS/Shared/_tables.scss */
    .search-results-table tbody tr td:not(.booted):nth-of-type(1):after {
        content: '';
    }
}

/* line 179, SCSS/Shared/_tables.scss */
.search-results-table tbody tr td.boot-fee-text {
    text-align: left;
    color: #ba0000;
    line-height: 1.6em;
}

@media (min-width: 992px) {
    /* line 179, SCSS/Shared/_tables.scss */
    .search-results-table tbody tr td.boot-fee-text {
        padding-left: 33px;
        padding-bottom: 10px;
    }
}

/* line 191, SCSS/Shared/_tables.scss */
.search-results-table tbody tr.has-boot-fee {
    border-bottom: none;
}

@media (min-width: 992px) {
    /* line 34, SCSS/Shared/_mixin.scss */
    .car-table-index td:nth-child(1),
    .car-table-index th:nth-child(1) {
        width: 15%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .car-table-index td:nth-child(2),
    .car-table-index th:nth-child(2) {
        width: 15%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .car-table-index td:nth-child(3),
    .car-table-index th:nth-child(3) {
        width: 20%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .car-table-index td:nth-child(4),
    .car-table-index th:nth-child(4) {
        width: 24%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .car-table-index td:nth-child(5),
    .car-table-index th:nth-child(5) {
        width: 12%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .car-table-index td:nth-child(6),
    .car-table-index th:nth-child(6) {
        width: 12%;
    }
}

@media (min-width: 992px) {
    /* line 205, SCSS/Shared/_tables.scss */
    .car-table-index th:nth-child(1),
    .car-table-index td:nth-child(1) {
        padding-left: 10px;
    }
    /* line 211, SCSS/Shared/_tables.scss */
    .car-table-index th:nth-child(6) {
        text-align: center;
    }
}

/* line 220, SCSS/Shared/_tables.scss */
.car-table-index tbody tr td:nth-of-type(6) {
    padding-left: 0%;
}

/* line 18, SCSS/Shared/_mixin.scss */
.car-table-index tbody tr td:nth-child(1):before {
    content: "License Plate";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .car-table-index tbody tr td:nth-child(1):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.car-table-index tbody tr td:nth-child(2):before {
    content: "State or Province";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .car-table-index tbody tr td:nth-child(2):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.car-table-index tbody tr td:nth-child(3):before {
    content: "Make";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .car-table-index tbody tr td:nth-child(3):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.car-table-index tbody tr td:nth-child(4):before {
    content: "Model";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .car-table-index tbody tr td:nth-child(4):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.car-table-index tbody tr td:nth-child(5):before {
    content: "Color";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .car-table-index tbody tr td:nth-child(5):before {
        content: "";
    }
}

/* line 230, SCSS/Shared/_tables.scss */
.car-table-index tbody tr td .remove-vehicle {
    cursor: pointer;
}

    /* line 233, SCSS/Shared/_tables.scss */
    .car-table-index tbody tr td .remove-vehicle .fa-times {
        color: #ba0000;
    }

@media (min-width: 992px) {
    /* line 233, SCSS/Shared/_tables.scss */
    .car-table-index tbody tr td .remove-vehicle .fa-times {
        color: #007cad;
    }
}

/* line 241, SCSS/Shared/_tables.scss */
.car-table-index tbody tr td .remove-vehicle .remove-vehicle-text {
    color: #ba0000;
}

@media (min-width: 992px) {
    /* line 241, SCSS/Shared/_tables.scss */
    .car-table-index tbody tr td .remove-vehicle .remove-vehicle-text {
        display: none;
    }
}


/* line 230, SCSS/Shared/_tables.scss */
.permits-table-index tbody tr td .cancel-order {
    cursor: pointer;
}

    /* line 233, SCSS/Shared/_tables.scss */
    .permits-table-index tbody tr td .cancel-order .fa-ban {
        color: #ba0000;
    }

@media (min-width: 992px) {
    /* line 233, SCSS/Shared/_tables.scss */
    .permits-table-index tbody tr td .cancel-order .fa-ban {
        color: #007cad;
    }
}

/* line 241, SCSS/Shared/_tables.scss */
.permits-table-index tbody tr td .cancel-order .cancel-order-text {
    color: #ba0000;
}

@media (min-width: 992px) {
    /* line 241, SCSS/Shared/_tables.scss */
    .permits-table-index tbody tr td .cancel-order .cancel-order-text {
        display: none;
    }
}

/*here*/
/* line 230, SCSS/Shared/_tables.scss */
.permits-table-index tbody tr td .purchase-order {
    cursor: pointer;
}

    /* line 233, SCSS/Shared/_tables.scss */
    .permits-table-index tbody tr td .purchase-order .fa-credit-card {
        color: #ba0000;
    }

@media (min-width: 992px) {
    /* line 233, SCSS/Shared/_tables.scss */
    .permits-table-index tbody tr td .purchase-order .fa-credit-card {
        color: #007cad;
    }
}

/* line 241, SCSS/Shared/_tables.scss */
.permits-table-index tbody tr td .purchase-order .purchase-order-text {
    color: #ba0000;
}

@media (min-width: 992px) {
    /* line 241, SCSS/Shared/_tables.scss */
    .permits-table-index tbody tr td .purchase-order .purchase-order-text {
        display: none;
    }
}

/* line 230, SCSS/Shared/_tables.scss */
.permits-table-index tbody tr td .renew-order {
    cursor: pointer;
}

    /* line 233, SCSS/Shared/_tables.scss */
    .permits-table-index tbody tr td .renew-order .fa-plus-square {
        color: #ba0000;
    }

@media (min-width: 992px) {
    /* line 233, SCSS/Shared/_tables.scss */
    .permits-table-index tbody tr td .renew-order .fa-plus-square {
        color: #007cad;
    }
}

/* line 241, SCSS/Shared/_tables.scss */
.permits-table-index tbody tr td .renew-order-text {
    color: #ba0000;
}

@media (min-width: 992px) {
    /* line 241, SCSS/Shared/_tables.scss */
    .permits-table-index tbody tr td .renew-order-text {
        display: none;
    }
}

@media (min-width: 992px) {
    /* line 219, SCSS/Shared/_tables.scss */
    .car-table-index tbody tr td {
        padding-right: 10px;
    }
        /* line 253, SCSS/Shared/_tables.scss */
        .car-table-index tbody tr td:nth-child(6) {
            padding-right: 0px;
        }
        /* line 257, SCSS/Shared/_tables.scss */
        .car-table-index tbody tr td:nth-child(6) {
            text-align: center;
        }
}

/* line 266, SCSS/Shared/_tables.scss */
.car-table-modal {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

@media (min-width: 992px) {
    /* line 34, SCSS/Shared/_mixin.scss */
    .car-table-modal td:nth-child(1),
    .car-table-modal th:nth-child(1) {
        width: 5%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .car-table-modal td:nth-child(2),
    .car-table-modal th:nth-child(2) {
        width: 15%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .car-table-modal td:nth-child(3),
    .car-table-modal th:nth-child(3) {
        width: 15%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .car-table-modal td:nth-child(4),
    .car-table-modal th:nth-child(4) {
        width: 20%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .car-table-modal td:nth-child(5),
    .car-table-modal th:nth-child(5) {
        width: 24%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .car-table-modal td:nth-child(6),
    .car-table-modal th:nth-child(6) {
        width: 12%;
    }
}

/* line 275, SCSS/Shared/_tables.scss */
.car-table-modal tbody tr td:nth-of-type(1) {
    padding-left: 0%;
    text-overflow: inherit;
}

@media (max-width: 991px) {
    /* line 284, SCSS/Shared/_tables.scss */
    .car-table-modal tbody tr td:not(.errorMessage):nth-of-type(1):after {
        content: 'Select this vehicle';
        font-weight: 700;
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.car-table-modal tbody tr td:nth-child(2):before {
    content: "License Plate";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .car-table-modal tbody tr td:nth-child(2):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.car-table-modal tbody tr td:nth-child(3):before {
    content: "State or Province";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .car-table-modal tbody tr td:nth-child(3):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.car-table-modal tbody tr td:nth-child(4):before {
    content: "Make";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .car-table-modal tbody tr td:nth-child(4):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.car-table-modal tbody tr td:nth-child(5):before {
    content: "Model";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .car-table-modal tbody tr td:nth-child(5):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.car-table-modal tbody tr td:nth-child(6):before {
    content: "Color";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .car-table-modal tbody tr td:nth-child(6):before {
        content: "";
    }
}

/* line 291, SCSS/Shared/_tables.scss */
.car-table-modal tbody tr td .remove-vehicle {
    cursor: pointer;
}

    /* line 294, SCSS/Shared/_tables.scss */
    .car-table-modal tbody tr td .remove-vehicle .fa-times {
        color: #ba0000;
    }

@media (min-width: 992px) {
    /* line 294, SCSS/Shared/_tables.scss */
    .car-table-modal tbody tr td .remove-vehicle .fa-times {
        color: #007cad;
    }
}

/* line 302, SCSS/Shared/_tables.scss */
.car-table-modal tbody tr td .remove-vehicle .remove-vehicle-text {
    color: #ba0000;
}

@media (min-width: 992px) {
    /* line 302, SCSS/Shared/_tables.scss */
    .car-table-modal tbody tr td .remove-vehicle .remove-vehicle-text {
        display: none;
    }
}

@media (min-width: 992px) {
    /* line 274, SCSS/Shared/_tables.scss */
    .car-table-modal tbody tr td {
        padding-right: 10px;
    }
        /* line 314, SCSS/Shared/_tables.scss */
        .car-table-modal tbody tr td:nth-child(6) {
            padding-right: 0px;
        }
        /* line 318, SCSS/Shared/_tables.scss */
        .car-table-modal tbody tr td:nth-of-type(1):after {
            content: '';
        }
}

/* line 328, SCSS/Shared/_tables.scss */
.permits-table.request-summary-table-modal, .permits-table.permits-table-modal {
    margin-top: 2rem;
}

@media (min-width: 992px) {
    /* line 34, SCSS/Shared/_mixin.scss */
    .permits-table.request-summary-table-modal td:nth-child(1),
    .permits-table.request-summary-table-modal th:nth-child(1), .permits-table.permits-table-modal td:nth-child(1),
    .permits-table.permits-table-modal th:nth-child(1) {
        width: 26%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .permits-table.request-summary-table-modal td:nth-child(2),
    .permits-table.request-summary-table-modal th:nth-child(2), .permits-table.permits-table-modal td:nth-child(2),
    .permits-table.permits-table-modal th:nth-child(2) {
        width: 15%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .permits-table.request-summary-table-modal td:nth-child(3),
    .permits-table.request-summary-table-modal th:nth-child(3), .permits-table.permits-table-modal td:nth-child(3),
    .permits-table.permits-table-modal th:nth-child(3) {
        width: 22%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .permits-table.request-summary-table-modal td:nth-child(4),
    .permits-table.request-summary-table-modal th:nth-child(4), .permits-table.permits-table-modal td:nth-child(4),
    .permits-table.permits-table-modal th:nth-child(4) {
        width: 22%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .permits-table.request-summary-table-modal td:nth-child(5),
    .permits-table.request-summary-table-modal th:nth-child(5), .permits-table.permits-table-modal td:nth-child(5),
    .permits-table.permits-table-modal th:nth-child(5) {
        width: 15%;
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.permits-table.request-summary-table-modal tbody tr td:nth-child(1):before, .permits-table.permits-table-modal tbody tr td:nth-child(1):before {
    content: "Permit Type";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .permits-table.request-summary-table-modal tbody tr td:nth-child(1):before, .permits-table.permits-table-modal tbody tr td:nth-child(1):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.permits-table.request-summary-table-modal tbody tr td:nth-child(2):before, .permits-table.permits-table-modal tbody tr td:nth-child(2):before {
    content: "Vehicle";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .permits-table.request-summary-table-modal tbody tr td:nth-child(2):before, .permits-table.permits-table-modal tbody tr td:nth-child(2):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.permits-table.request-summary-table-modal tbody tr td:nth-child(3):before, .permits-table.permits-table-modal tbody tr td:nth-child(3):before {
    content: "Start";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .permits-table.request-summary-table-modal tbody tr td:nth-child(3):before, .permits-table.permits-table-modal tbody tr td:nth-child(3):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.permits-table.request-summary-table-modal tbody tr td:nth-child(4):before, .permits-table.permits-table-modal tbody tr td:nth-child(4):before {
    content: "End";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .permits-table.request-summary-table-modal tbody tr td:nth-child(4):before, .permits-table.permits-table-modal tbody tr td:nth-child(4):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.permits-table.request-summary-table-modal tbody tr td:nth-child(5):before, .permits-table.permits-table-modal tbody tr td:nth-child(5):before {
    content: "Cost";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .permits-table.request-summary-table-modal tbody tr td:nth-child(5):before, .permits-table.permits-table-modal tbody tr td:nth-child(5):before {
        content: "";
    }
}

@media (min-width: 992px) {
    /* line 34, SCSS/Shared/_mixin.scss */
    .permits-table.permits-table-index td:nth-child(1),
    .permits-table.permits-table-index th:nth-child(1) {
        width: 24%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .permits-table.permits-table-index td:nth-child(2),
    .permits-table.permits-table-index th:nth-child(2) {
        width: 15%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .permits-table.permits-table-index td:nth-child(3),
    .permits-table.permits-table-index th:nth-child(3) {
        width: 15%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .permits-table.permits-table-index td:nth-child(4),
    .permits-table.permits-table-index th:nth-child(4) {
        width: 18%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .permits-table.permits-table-index td:nth-child(5),
    .permits-table.permits-table-index th:nth-child(5) {
        width: 18%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .permits-table.permits-table-index td:nth-child(6),
    .permits-table.permits-table-index th:nth-child(6) {
        width: 10%;
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.permits-table.permits-table-index tbody tr td:nth-child(1):before {
    content: "Permit Type";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .permits-table.permits-table-index tbody tr td:nth-child(1):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.permits-table.permits-table-index tbody tr td:nth-child(2):before {
    content: "Permit Number";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .permits-table.permits-table-index tbody tr td:nth-child(2):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.permits-table.permits-table-index tbody tr td:nth-child(3):before {
    content: "Vehicle";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .permits-table.permits-table-index tbody tr td:nth-child(3):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.permits-table.permits-table-index tbody tr td:nth-child(4):before {
    content: "Status";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .permits-table.permits-table-index tbody tr td:nth-child(4):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.permits-table.permits-table-index tbody tr td:nth-child(5):before {
    content: "Start";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .permits-table.permits-table-index tbody tr td:nth-child(5):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.permits-table.permits-table-index tbody tr td:nth-child(6):before {
    content: "End";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .permits-table.permits-table-index tbody tr td:nth-child(6):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.permits-table.permits-table-index tbody tr td:nth-child(7):before {
    content: "Cost";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .permits-table.permits-table-index tbody tr td:nth-child(7):before {
        content: "";
    }
}

@media (min-width: 992px) {
    /* line 366, SCSS/Shared/_tables.scss */
    .permits-table th:nth-child(1),
    .permits-table td:nth-child(1) {
        padding-left: 10px;
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.permits-table tbody tr td:nth-child(1):before {
    content: "Permit Type";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .permits-table tbody tr td:nth-child(1):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.permits-table tbody tr td:nth-child(2):before {
    content: "Vehicle";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .permits-table tbody tr td:nth-child(2):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.permits-table tbody tr td:nth-child(3):before {
    content: "Start";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .permits-table tbody tr td:nth-child(3):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.permits-table tbody tr td:nth-child(4):before {
    content: "End";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .permits-table tbody tr td:nth-child(4):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.permits-table tbody tr td:nth-child(5):before {
    content: "Cost";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .permits-table tbody tr td:nth-child(5):before {
        content: "";
    }
}

@media (min-width: 992px) {
    /* line 374, SCSS/Shared/_tables.scss */
    .permits-table tbody tr td {
        padding-right: 10px;
    }
        /* line 383, SCSS/Shared/_tables.scss */
        .permits-table tbody tr td:last-child {
            padding-right: 0px;
        }
}

/* line 1, SCSS/Shared/_header.scss */
.header {
    padding: .5rem 1rem;
    background: white;
}

/* line 5, SCSS/Shared/_header.scss */
.header--sticky {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

    /* line 12, SCSS/Shared/_header.scss */
    .header--sticky + * {
        padding-top: 80px;
    }

/* line 17, SCSS/Shared/_header.scss */
.header__buttons {
    display: none;
}

@media (min-width: 992px) {
    /* line 17, SCSS/Shared/_header.scss */
    .header__buttons {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

/* line 26, SCSS/Shared/_header.scss */
.header .navbar-toggler {
    outline: none;
    border: none;
}

    /* line 30, SCSS/Shared/_header.scss */
    .header .navbar-toggler .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 124, 173, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }

    /* line 35, SCSS/Shared/_header.scss */
    .header .navbar-toggler.collapsed .icon-bar:nth-of-type(1) {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    /* line 39, SCSS/Shared/_header.scss */
    .header .navbar-toggler.collapsed .icon-bar:nth-of-type(2) {
        width: 22px;
    }

    /* line 43, SCSS/Shared/_header.scss */
    .header .navbar-toggler.collapsed .icon-bar:nth-of-type(3) {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    /* line 48, SCSS/Shared/_header.scss */
    .header .navbar-toggler .icon-bar {
        width: 22px;
        height: 2px;
        background-color: #007cad;
        display: block;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        margin-top: 6px;
    }

        /* line 56, SCSS/Shared/_header.scss */
        .header .navbar-toggler .icon-bar:nth-of-type(1) {
            -webkit-transform: translateX(3px) rotate(45deg);
            transform: translateX(3px) rotate(45deg);
            -webkit-transform-origin: 0% 13%;
            transform-origin: 0% 13%;
        }

        /* line 64, SCSS/Shared/_header.scss */
        .header .navbar-toggler .icon-bar:nth-of-type(2) {
            width: 0;
        }

        /* line 68, SCSS/Shared/_header.scss */
        .header .navbar-toggler .icon-bar:nth-of-type(3) {
            -webkit-transform: translateX(3px) rotate(-45deg);
            transform: translateX(3px) rotate(-45deg);
            -webkit-transform-origin: -6% 90%;
            transform-origin: -6% 90%;
        }

/* line 80, SCSS/Shared/_header.scss */
.header .navbar-collapse a.nav-link {
    font-weight: 600;
    color: #007cad;
}

@media (min-width: 992px) {
    /* line 80, SCSS/Shared/_header.scss */
    .header .navbar-collapse a.nav-link {
        padding-right: 2.5rem;
        padding-left: 0rem;
    }
}

@media (min-width: 992px) {
    /* line 91, SCSS/Shared/_header.scss */
    .header .navbar-collapse .menu-logout {
        display: none !important;
    }
}

@media (min-width: 992px) {
    /* line 79, SCSS/Shared/_header.scss */
    .header .navbar-collapse {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

@media (min-width: 992px) {
    /* line 1, SCSS/Shared/_header.scss */
    .header {
        padding: .5rem 6rem;
    }
}

/* line 1, SCSS/Shared/_banner.scss */
.banner {
    margin-bottom: 2rem;
    height: 70px;
    width: 100%;
    background: url("header-banner.jpg");
    background-position: 20%, center;
}

@media (min-width: 992px) {
    /* line 1, SCSS/Shared/_banner.scss */
    .banner {
        background-size: cover;
    }
}

/* line 1, SCSS/Shared/_footer.scss */
.footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 0.65rem;
    margin-bottom: 2rem;
}

    /* line 9, SCSS/Shared/_footer.scss */
    .footer > * {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        text-align: center;
        margin-bottom: 1rem;
    }

@media (min-width: 768px) {
    /* line 9, SCSS/Shared/_footer.scss */
    .footer > * {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        text-align: unset;
        margin-bottom: 0rem;
    }
}

/* line 21, SCSS/Shared/_footer.scss */
.footer__links {
    padding-left: 0rem;
    list-style-type: none;
}

    /* line 25, SCSS/Shared/_footer.scss */
    .footer__links li {
        display: inline-block;
    }

        /* line 28, SCSS/Shared/_footer.scss */
        .footer__links li a {
            color: #0f4d90;
        }

            /* line 31, SCSS/Shared/_footer.scss */
            .footer__links li a:hover, .footer__links li a:active, .footer__links li a:focus {
                color: #1466be;
            }

        /* line 38, SCSS/Shared/_footer.scss */
        .footer__links li:not(:last-child) {
            margin-right: 10px;
        }

/* line 44, SCSS/Shared/_footer.scss */
.footer__copyright {
    color: #4a4a4a;
}

/* line 2, SCSS/Shared/_modal.scss */
#myModal #loadingModal {
    min-height: 50vh;
}

/* line 6, SCSS/Shared/_modal.scss */
#myModal #modalContent {
    padding-bottom: 2rem;
}

@media all and (-ms-high-contrast: none) and (min-width: 576px), (-ms-high-contrast: active) and (min-width: 576px) {
    /* line 12, SCSS/Shared/_modal.scss */
    #myModal .modal-dialog {
        max-width: 600px;
    }
}

@media all and (-ms-high-contrast: none) and (min-width: 768px), (-ms-high-contrast: active) and (min-width: 768px) {
    /* line 19, SCSS/Shared/_modal.scss */
    #myModal .modal-lg {
        max-width: 60%;
    }
}

/* line 27, SCSS/Shared/_modal.scss */
#myModal .modal__bottom-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-top: 3rem;
}

    /* line 33, SCSS/Shared/_modal.scss */
    #myModal .modal__bottom-buttons div:not(:first-child) {
        margin-left: 40px;
    }

    /* line 37, SCSS/Shared/_modal.scss */
    #myModal .modal__bottom-buttons .button--full-width {
        min-width: 100px;
    }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* line 37, SCSS/Shared/_modal.scss */
    #myModal .modal__bottom-buttons .button--full-width {
        min-width: 130px;
    }
}

/* line 46, SCSS/Shared/_modal.scss */
#myModal .modal-title-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .5rem;
}

    /* line 52, SCSS/Shared/_modal.scss */
    #myModal .modal-title-header .print {
        color: #007cad;
        cursor: pointer;
    }

/* line 58, SCSS/Shared/_modal.scss */
#myModal h4 {
    color: #4a4a4a;
}

/* line 62, SCSS/Shared/_modal.scss */
#myModal .ticket-details {
    font-size: .85rem;
}

/* line 65, SCSS/Shared/_modal.scss */
#myModal .ticket-details__label, #myModal .ticket-details__value {
    margin-top: 1rem;
}

/* line 70, SCSS/Shared/_modal.scss */
#myModal .ticket-details__label {
    font-weight: 700;
    color: #4a4a4a;
}

/* line 76, SCSS/Shared/_modal.scss */
#myModal .radio-selection,
#myModal .checkbox-selection {
    position: relative;
}

/* line 80, SCSS/Shared/_modal.scss */
#myModal .radio-selection__input, {
    top: 4px;
}

#myModal .checkbox-selection__input {
    position: absolute;
    top: 4px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* line 80, SCSS/Shared/_modal.scss */
    #myModal .radio-selection__input,
    #myModal .checkbox-selection__input {
        top: 7px;
    }
}

/* line 89, SCSS/Shared/_modal.scss */
#myModal .radio-selection__text,
#myModal .checkbox-selection__text {
    display: inline-block;
    padding-left: 20px;
}

/* line 93, SCSS/Shared/_modal.scss */
#myModal .radio-selection__text__heading,
#myModal .checkbox-selection__text__heading {
    font-weight: 700;
}

/* line 97, SCSS/Shared/_modal.scss */
#myModal .radio-selection__text p,
#myModal .checkbox-selection__text p {
    margin-bottom: .5rem;
}

/* line 103, SCSS/Shared/_modal.scss */
#myModal .small-label {
    color: #4a4a4a;
    font-size: .7rem;
}

/* line 110, SCSS/Shared/_modal.scss */
#myModal .payment-details.success > div {
    margin-bottom: 1rem;
}

/* line 115, SCSS/Shared/_modal.scss */
#myModal .payment-details__label {
    color: #4a4a4a;
    font-size: .7rem;
    margin-bottom: .2rem;
}

/* line 121, SCSS/Shared/_modal.scss */
#myModal .payment-details__value {
    font-size: 1rem;
}

/* line 126, SCSS/Shared/_modal.scss */
#myModal .sub-heading {
    font-size: 1.15rem;
    font-weight: 700;
}

/* line 131, SCSS/Shared/_modal.scss */
#myModal .total-due {
    font-size: 1.1rem;
    font-weight: 700;
}

/* line 135, SCSS/Shared/_modal.scss */
#myModal .total-due__amt {
    display: inline-block;
    padding-left: 10px;
}

/* line 141, SCSS/Shared/_modal.scss */
#myModal .convenience-fee {
    color: #4a4a4a;
    margin-top: .5rem;
}

/* line 146, SCSS/Shared/_modal.scss */
#myModal .more-information {
    font-size: .7rem;
}

/* line 149, SCSS/Shared/_modal.scss */
#myModal .more-information__heading, #myModal .more-information__body {
    margin-bottom: .7rem;
}

/* line 154, SCSS/Shared/_modal.scss */
#myModal .more-information__heading {
    font-weight: 700;
}

/* line 159, SCSS/Shared/_modal.scss */
#myModal .more-information__body--bold {
    font-weight: 700;
}

/* line 163, SCSS/Shared/_modal.scss */
#myModal .more-information__body--print {
    color: #007cad;
    cursor: pointer;
}

/* line 170, SCSS/Shared/_modal.scss */
#myModal .log-out-text {
    font-weight: 600;
}

/* line 1, SCSS/Shared/_section-box.scss */
.section-box {
    padding: 2rem;
    border: 1px solid #979797;
    margin-bottom: 3rem;
}

/* line 7, SCSS/Shared/_section-box.scss */
.section-box__header h2 {
    display: inline-block;
}

/* line 11, SCSS/Shared/_section-box.scss */
.section-box__header .has-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    /* line 15, SCSS/Shared/_section-box.scss */
    .section-box__header .has-icon i {
        cursor: pointer;
        padding-left: 8px;
        font-size: .9rem;
        color: #007cad;
    }

/* line 24, SCSS/Shared/_section-box.scss */
.section-box__notice {
    max-height: 230px;
    overflow: auto;
}

/* line 28, SCSS/Shared/_section-box.scss */
.section-box__notice--red {
    color: #ba0000;
}

/* line 34, SCSS/Shared/_section-box.scss */
.section-box__middle__header {
    font-weight: 600;
}

/* line 39, SCSS/Shared/_section-box.scss */
.section-box__search-results {
    margin-top: 3rem;
}

@media (min-width: 768px) {
    /* line 43, SCSS/Shared/_section-box.scss */
    .section-box__buttons {
        margin-top: 0rem;
    }
    /* line 47, SCSS/Shared/_section-box.scss */
    .section-box__buttons--flex-end {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
    /* line 51, SCSS/Shared/_section-box.scss */
    .section-box__buttons--flex-start {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
}

/* line 57, SCSS/Shared/_section-box.scss */
.section-box .contact-section {
    font-size: .8rem;
}

/* line 60, SCSS/Shared/_section-box.scss */
.section-box .contact-section--red {
    color: #ba0000;
}

/* line 65, SCSS/Shared/_section-box.scss */
.section-box .booted-result-section {
    font-size: .8rem;
}

/* line 69, SCSS/Shared/_section-box.scss */
.section-box .ticket-search-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    text-align: center;
}

.section-box .ticket-extrainformation-row {
    display: block;
}

@media (min-width: 768px) {
    /* line 69, SCSS/Shared/_section-box.scss */
    .section-box .ticket-search-row {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: left;
    }

    .section-box .ticket-extrainformation-row {
        display: flex;
    }
}

/* line 2, SCSS/Shared/_plugin_overrides.scss */
.tooltip.show {
    opacity: 1;
}

/* line 6, SCSS/Shared/_plugin_overrides.scss */
.tooltip-inner {
    font-size: 0.85em;
    color: #080f19;
    padding: 5px;
    background-color: #ffffff;
    border: 1px #bbbbbb solid;
    text-align: left;
}

    /* line 14, SCSS/Shared/_plugin_overrides.scss */
    .tooltip-inner:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        position: absolute;
    }

    /* line 24, SCSS/Shared/_plugin_overrides.scss */
    .tooltip-inner p {
        margin-bottom: 0.5rem;
    }

        /* line 27, SCSS/Shared/_plugin_overrides.scss */
        .tooltip-inner p:last-child {
            margin-bottom: 0;
        }

/* line 35, SCSS/Shared/_plugin_overrides.scss */
.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #bbbbbb !important;
}

/* line 43, SCSS/Shared/_plugin_overrides.scss */
.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #bbbbbb !important;
}

/* line 51, SCSS/Shared/_plugin_overrides.scss */
.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #bbbbbb !important;
}

/* line 59, SCSS/Shared/_plugin_overrides.scss */
.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: #bbbbbb !important;
}

/* line 67, SCSS/Shared/_plugin_overrides.scss */
.gallery .slick-arrow:before {
    color: #007cad;
}

/* line 71, SCSS/Shared/_plugin_overrides.scss */
.gallery .slick-slide {
    position: relative;
    margin: 10px;
}

    /* line 75, SCSS/Shared/_plugin_overrides.scss */
    .gallery .slick-slide .fa-search-plus,
    .gallery .slick-slide .fa-square {
        position: absolute;
        pointer-events: none;
    }

    /* line 81, SCSS/Shared/_plugin_overrides.scss */
    .gallery .slick-slide .fa-square {
        color: white;
        font-size: 17px;
        bottom: -1px;
        right: 0px;
    }

    /* line 88, SCSS/Shared/_plugin_overrides.scss */
    .gallery .slick-slide .fa-search-plus {
        color: #007cad;
        bottom: 1px;
        font-size: 12px;
        right: 1px;
    }

    /* line 96, SCSS/Shared/_plugin_overrides.scss */
    .gallery .slick-slide img {
        width: 100%;
    }

/* line 100, SCSS/Shared/_plugin_overrides.scss */
.gallery .slick-dots li button:before {
    color: #007cad;
}

/* line 105, SCSS/Shared/_plugin_overrides.scss */
.gallery .slick-active img {
    cursor: pointer;
}

/* line 114, SCSS/Shared/_plugin_overrides.scss */
.pika-single .is-selected .pika-button {
    background: #007cad !important;
}

/* line 118, SCSS/Shared/_plugin_overrides.scss */
.pika-single .pika-button:hover,
.pika-single .pika-row.pick-whole-week:hover .pika-button {
    background: #007cad !important;
}

/* line 2, SCSS/Shared/_contest.scss */
#contestTicket hr {
    border-top-color: #979797;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

/* line 8, SCSS/Shared/_contest.scss */
#contestTicket .scroll-section {
    border: 1px solid #979797;
    padding: .5rem 1rem;
    max-height: 231px;
    overflow-y: scroll;
    font-size: .71rem;
}

/* line 2, SCSS/Shared/_permits.scss */
#requestPermit .type-list {
    margin-top: .5rem;
}

    /* line 5, SCSS/Shared/_permits.scss */
    #requestPermit .type-list li {
        margin-bottom: .5rem;
    }

/* line 10, SCSS/Shared/_permits.scss */
#requestPermit .request-end-date {
    margin-top: 1.5rem;
}

/* line 13, SCSS/Shared/_permits.scss */
#requestPermit .request-end-date__label {
    margin-bottom: .5rem;
    font-size: 12px;
}

/* line 3, SCSS/Shared/_dispute.scss */
.dispute__header:not(:first-child) {
    margin-top: 5em;
}

/* line 7, SCSS/Shared/_dispute.scss */
.dispute__header:first-child {
    margin-top: 2em;
}

/* line 13, SCSS/Shared/_dispute.scss */
.dispute .dispute__form {
    padding-left: 40px;
    padding-right: 40px;
}

/* line 18, SCSS/Shared/_dispute.scss */
.dispute .dispute__bottom-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-top: 3rem;
}

    /* line 24, SCSS/Shared/_dispute.scss */
    .dispute .dispute__bottom-buttons div:not(:first-child) {
        margin-left: 40px;
    }

    /* line 28, SCSS/Shared/_dispute.scss */
    .dispute .dispute__bottom-buttons .button--full-width {
        min-width: 100px;
    }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* line 28, SCSS/Shared/_dispute.scss */
    .dispute .dispute__bottom-buttons .button--full-width {
        min-width: 130px;
    }
}

/* line 37, SCSS/Shared/_dispute.scss */
.dispute .confirmation--text {
    font-size: 1.33em;
    margin-bottom: 8em;
}

@media print {
    /* line 3, SCSS/Shared/_modal-print.scss */
    .modal-lg,
    .modal-dialog {
        max-width: 100%;
    }
    /* line 10, SCSS/Shared/_modal-print.scss */
    .non-print nav,
    .non-print .banner,
    .non-print .main-section,
    .non-print footer,
    .non-print .print {
        visibility: hidden !important;
        display: none !important;
    }
    /* line 20, SCSS/Shared/_modal-print.scss */
    .modal.toPrint {
        position: relative;
        overflow: hidden;
        width: 100%;
        margin-top: 40px;
    }
}

/* line 1, SCSS/Shared/_general.scss */
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.85rem;
    color: #080f19;
}

@media (min-width: 992px) {
    /* line 6, SCSS/Shared/_general.scss */
    body .container {
        max-width: 900px;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* line 6, SCSS/Shared/_general.scss */
    body .container {
        max-width: 1140px;
    }
}

/* line 16, SCSS/Shared/_general.scss */
body a {
    color: #007cad;
}

    /* line 19, SCSS/Shared/_general.scss */
    body a:active, body a:hover, body a:focus {
        color: #00a1e0;
    }

/* line 26, SCSS/Shared/_general.scss */
body h3.search-results-header {
    margin-bottom: 0em;
}

/* line 30, SCSS/Shared/_general.scss */
body .person-selected {
    font-size: 1.3em;
}

/* line 34, SCSS/Shared/_general.scss */
body .online-selected {
    font-size: 1.3em;
}

/* line 38, SCSS/Shared/_general.scss */
body p.online-selected-details-title {
    font-size: 0.85em;
    margin-bottom: 0.5em;
    color: #4a4a4a;
}

/* line 44, SCSS/Shared/_general.scss */
body p.person-selected-details-title {
    font-size: 0.85em;
    margin-bottom: 0.5em;
    color: #4a4a4a;
}

/* line 50, SCSS/Shared/_general.scss */
body .global-error-message {
    color: #ba0000;
    display: none;
}

    /* line 54, SCSS/Shared/_general.scss */
    body .global-error-message.show-error-message {
        display: block;
    }

/* line 59, SCSS/Shared/_general.scss */
body .red-text {
    color: #ba0000;
}

/* line 63, SCSS/Shared/_general.scss */
body input[type=number]::-webkit-inner-spin-button,
body input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* line 69, SCSS/Shared/_general.scss */
body input[type=number] {
    -moz-appearance: textfield;
}

/* line 73, SCSS/Shared/_general.scss */
body .display-xs {
    display: block;
}

@media (min-width: 576px) {
    /* line 73, SCSS/Shared/_general.scss */
    body .display-xs {
        display: none;
    }
}

/* line 81, SCSS/Shared/_general.scss */
body .display-sm-up {
    display: none;
}

@media (min-width: 576px) {
    /* line 81, SCSS/Shared/_general.scss */
    body .display-sm-up {
        display: block;
    }
}

/* line 89, SCSS/Shared/_general.scss */
body .center-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* line 94, SCSS/Shared/_general.scss */
body .fa-info-circle {
    color: #007cad;
    cursor: pointer;
}

/* line 99, SCSS/Shared/_general.scss */
body .total-amount {
    padding-top: 1rem;
    font-size: 1.13rem;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 20px;
}

body .amount-due-center {
    text-align: center;
    padding-top: 0.25rem;
    font-size: 1.00rem;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 20px;
    left: 5px;
    right: 5px;
}

body .payment-amount-center {
    text-align: left;
    padding-top: 0.25rem;
    font-size: 1.00rem;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 20px;
}

body .convenience-fee-center {
    padding-top: 0.25rem;
    font-size: 1.00rem;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 20px;
    left: 5px;
    right: 5px;
}

body .total-amount-center {
    padding-top: 1rem;
    font-size: 1.13rem;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 20px;
}

body .required-field-text {
    padding-top: 0.25rem;
    font-size: .85em;
    font-weight: 600;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 20px;
}

.pay-selected-message {
width:95%;
text-align:left;
margin-left: 30px; 

}

@media (min-width: 992px) {
    /* line 107, SCSS/Shared/_general.scss */
    body .total-amount__label {
        padding-right: 20px;
    }

    body .amount-due__label {
        padding-right: 20px;
    }

    body .payment-amount__label {
        padding-right: 20px;
    }

    body .convenience-fee__label {
        padding-right: 29px;
    }
}

@media (min-width: 992px) {
    /* line 99, SCSS/Shared/_general.scss */
    body .total-amount {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-right: 20px;
    }

    body .total-amount-center {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-right: 20px;
    }

    body .amount-due-center {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: flex-end;
        padding-right: 20px;
    }


    body .payment-amount-center {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-right: 20px;
    }

    body .convenience-fee-center {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: flex-end;
        padding-right: 20px;
        border-bottom: 1px solid #000;
        
    }

    body .required-field-text {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: flex-start;
        padding-right: 20px;
    }

}

/* line 119, SCSS/Shared/_general.scss */
body .cursor-pointer {
    cursor: pointer;
}

/* line 123, SCSS/Shared/_general.scss */
body textarea {
    width: 100%;
    height: 200px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    max-height: 200px;
    overflow-y: scroll;
}

/* This will allow a button to look like a hyperlink. */
.fakeLink {
    border: 0px;
    background-color: transparent;
    color: #007cad;
    cursor: hand;
    /*
		font-family: Open Sans,sans-serif;
    font-size: .85rem;    */
}

    .fakelink:hover {
        text-decoration: underline;
        color: red;
    }

/* CSS for new court info. */
.maintbl td, .maintbl th {
    border: 1px solid black;
    vertical-align: top;
    padding: 15px;
}


/* CSS for pay plan search results table. */
/* line 118, SCSS/Shared/_tables.scss */
.plan-search-results-table {
    margin-top: 2rem;
}

@media (min-width: 992px) {
    /* line 34, SCSS/Shared/_mixin.scss */
    .plan-search-results-table td:nth-child(1),
    .plan-search-results-table th:nth-child(1) {
        width: 10%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .plan-search-results-table td:nth-child(2),
    .plan-search-results-table th:nth-child(2) {
        width: 15%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .plan-search-results-table td:nth-child(3),
    .plan-search-results-table th:nth-child(3) {
        width: 12%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .plan-search-results-table td:nth-child(4),
    .plan-search-results-table th:nth-child(4) {
        width: 12%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .plan-search-results-table td:nth-child(5),
    .plan-search-results-table th:nth-child(5) {
        width: 14%;
    }
}

@media (min-width: 992px) {
    /* line 124, SCSS/Shared/_tables.scss */
    .plan-search-results-table td,
    .plan-search-results-table th {
        padding-right: 10px;
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.plan-search-results-table tbody tr td:nth-child(1):before {
    content: "Installment";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .plan-search-results-table tbody tr td:nth-child(1):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.plan-search-results-table tbody tr td:nth-child(2):before {
    content: "Current Due";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .plan-search-results-table tbody tr td:nth-child(2):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.plan-search-results-table tbody tr td:nth-child(3):before {
    content: "Due Date";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .plan-search-results-table tbody tr td:nth-child(3):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.plan-search-results-table tbody tr td:nth-child(4):before {
    content: "Plan Balance";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .plan-search-results-table tbody tr td:nth-child(4):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.plan-search-results-table tbody tr td:nth-child(5):before {
    content: "Plan Status";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .plan-search-results-table tbody tr td:nth-child(5):before {
        content: "";
    }
}

/* line 160, SCSS/Shared/_tables.scss */
.plan-search-results-table tbody tr td .open-details {
    cursor: pointer;
    color: #007cad;
}

/* line 165, SCSS/Shared/_tables.scss */
.plan-search-results-table tbody tr td:after {
    font-weight: 700;
}

/* line 179, SCSS/Shared/_tables.scss */
.plan-search-results-table tbody tr td.boot-fee-text {
    text-align: left;
    color: #ba0000;
    line-height: 1.6em;
}

@media (min-width: 992px) {
    /* line 179, SCSS/Shared/_tables.scss */
    .plan-search-results-table tbody tr td.boot-fee-text {
        padding-left: 33px;
        padding-bottom: 10px;
    }
}

/* line 191, SCSS/Shared/_tables.scss */
.plan-search-results-table tbody tr.has-boot-fee {
    border-bottom: none;
}


/* line 179, SCSS/Shared/_tables.scss */
.permits-table tbody tr td.boot-fee-text {
    text-align: left;
    color: #ba0000;
    line-height: 1.6em;
}

@media (min-width: 992px) {
    /* line 179, SCSS/Shared/_tables.scss */
    .permits-table tbody tr td.boot-fee-text {
        padding-left: 33px;
        padding-bottom: 10px;
    }
}

/* line 179, SCSS/Shared/_tables.scss */
.car-table-modal tbody tr td.boot-fee-text {
    text-align: left;
    color: #ba0000;
    line-height: 1.6em;
}

@media (min-width: 992px) {
    /* line 179, SCSS/Shared/_tables.scss */
    .car-table-modal tbody tr td.boot-fee-text {
        padding-left: 33px !important;
        padding-bottom: 10px;
    }
}

/* line 179, SCSS/Shared/_tables.scss */
.address-table-modal tbody tr td.boot-fee-text {
    text-align: left;
    color: #ba0000;
    line-height: 1.6em;
}

@media (min-width: 992px) {
    /* line 179, SCSS/Shared/_tables.scss */
    .address-table-modal tbody tr td.boot-fee-text {
        padding-left: 33px !important;
        padding-bottom: 10px;
    }
}


ul {
    margin: 0;
}

    ul.dashed {
        list-style-type: none;
    }

        ul.dashed > li {
            text-indent: -5px;
        }

            ul.dashed > li:before {
                content: "-";
                text-indent: -5px;
            }


.rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* These are the logo images that appear in credit card edit. Will display 98% of way to the right of edit. */
.discoverCardLogo {
    background: url('Discover.png') no-repeat 98%;
}

.masterCardLogo {
    background: url('MasterCard.png') no-repeat 98%;
}

.visaCardLogo {
    background: url('Visa.png') no-repeat 98%;
}

.amexCardLogo {
    background: url('AmericanExpress.png') no-repeat 98%;
}

.amexCardNotAcceptedLogo {
    background: url('AmericanExpressNotAccepted.png') no-repeat 98%;
}

.discoverCardNotAcceptedLogo {
    background: url('DiscoverNotAccepted.png') no-repeat 98%;
}

.roundCorners {
    border-radius: 25px;
    border: 2px solid #949494;
    padding: 20px;
}

.popupText {
    padding: 10px;
}

.addressSection {
    padding-left: 10px;
    padding-right: 10px;
    background-color: #F3F3F3 /*#F4F6F8*/;
}



@media (min-width: 992px) {
    .address-table-index td:nth-child(1),
    .address-table-index th:nth-child(1) {
        width: 20%;
    }

    .address-table-index td:nth-child(2),
    .address-table-index th:nth-child(2) {
        width: 60%;
    }

    .address-table-index td:nth-child(3),
    .address-table-index th:nth-child(3) {
        width: 10%;
    }

    .address-table-index td:nth-child(4),
    .address-table-index th:nth-child(4) {
        width: 10%;
    }
}

@media (min-width: 992px) {
    .address-table-index th:nth-child(1),
    .address-table-index td:nth-child(1) {
        padding-left: 10px;
    }

    .address-table-index th:nth-child(3) {
        text-align: center;
    }

    .address-table-index th:nth-child(4) {
        text-align: center;
    }
}

.address-table-index tbody tr td:nth-of-type(3) {
    padding-left: 0%;
}

.address-table-index tbody tr td:nth-of-type(4) {
    padding-left: 0%;
}

.address-table-index tbody tr td:nth-child(1):before {
    content: "Type";
}

@media (min-width: 992px) {
    .address-table-index tbody tr td:nth-child(1):before {
        content: "";
    }
}

.address-table-index tbody tr td:nth-child(2):before {
    content: "Address";
}

@media (min-width: 992px) {
    .address-table-index tbody tr td:nth-child(2):before {
        content: "";
    }
}

.address-table-index tbody tr td .remove-address {
    cursor: pointer;
}

    .address-table-index tbody tr td .remove-address .fa-times {
        color: #ba0000;
    }

@media (min-width: 992px) {
    .address-table-index tbody tr td .remove-address .fa-times {
        color: #007cad;
    }
}

.address-table-index tbody tr td .remove-address .remove-address-text {
    color: #ba0000;
}

@media (min-width: 992px) {
    .address-table-index tbody tr td .remove-address .remove-address-text {
        display: none;
    }
}

.address-table-index tbody tr td .edit-address {
    cursor: pointer;
}

    .address-table-index tbody tr td .edit-address .fa-edit {
        /*    color: #ba0000;*/
    }

@media (min-width: 992px) {
    .address-table-index tbody tr td .edit-address .fa-edit {
        color: #007cad;
    }
}

.address-table-index tbody tr td .edit-address .edit-address-text {
    /*    color: #ba0000;*/
}

@media (min-width: 992px) {
    .address-table-index tbody tr td .edit-address .edit-address-text {
        display: none;
    }
}

@media (min-width: 992px) {
    .address-table-index tbody tr td {
        padding-right: 10px;
    }

        .address-table-index tbody tr td:nth-child(3) {
            padding-right: 0px;
        }

        .address-table-index tbody tr td:nth-child(3) {
            text-align: center;
        }

        .address-table-index tbody tr td:nth-child(4) {
            padding-right: 0px;
        }

        .address-table-index tbody tr td:nth-child(4) {
            text-align: center;
        }
}

/* line 266, SCSS/Shared/_tables.scss */
.address-table-modal {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

@media (min-width: 992px) {
    /* line 34, SCSS/Shared/_mixin.scss */
    .address-table-modal td:nth-child(1),
    .address-table-modal th:nth-child(1) {
        width: 5%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .address-table-modal td:nth-child(2),
    .address-table-modal th:nth-child(2) {
        width: 20%;
    }
    /* line 34, SCSS/Shared/_mixin.scss */
    .address-table-modal td:nth-child(3),
    .address-table-modal th:nth-child(3) {
        width: 75%;
    }
}

/* line 275, SCSS/Shared/_tables.scss */
.address-table-modal tbody tr td:nth-of-type(1) {
    padding-left: 0%;
    text-overflow: inherit;
}

@media (max-width: 991px) {
    /* line 284, SCSS/Shared/_tables.scss */
    .address-table-modal tbody tr td:not(.errorMessage):nth-of-type(1):after {
        content: 'Select this address';
        font-weight: 700;
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.address-table-modal tbody tr td:nth-child(2):before {
    content: "Type";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .address-table-modal tbody tr td:nth-child(2):before {
        content: "";
    }
}

/* line 18, SCSS/Shared/_mixin.scss */
.address-table-modal tbody tr td:nth-child(3):before {
    content: "Address";
}

@media (min-width: 992px) {
    /* line 23, SCSS/Shared/_mixin.scss */
    .address-table-modal tbody tr td:nth-child(3):before {
        content: "";
    }
}

@media (min-width: 992px) {
    /* line 274, SCSS/Shared/_tables.scss */
    .address-table-modal tbody tr td {
        padding-right: 10px;
    }
        /* line 318, SCSS/Shared/_tables.scss */
        .address-table-modal tbody tr td:nth-of-type(1):after {
            content: '';
        }
}

.responsive {
    width: 100%;
    height: auto;
}

.FreezePaneOff {
    visibility: hidden;
    display: none;
    position: absolute;
    top: -100px;
    left: -100px;
}

.FreezePaneOn {
    position: fixed;
    top: 0px;
    left: 0px;
    visibility: visible;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #666;
    z-index: 999;
    opacity: 0.80;
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    padding-top: 20%;
}

.InnerFreezePane {
    text-align: center;
    width: 66%;
    background-color: #336699;
    color: White;
    font-size: x-large;
    border: dashed 2px #111;
    padding: 9px;
}

.popupBackground {
    display: none;
    height: auto;
    margin-left: 0;
    padding: 0;
    position: absolute;
    right: 0;
    z-index: 1000;
}

.popupDetail {
    padding: 20px 5%;
    margin: 0px;
    background: rgba(226,228,232,.95);
    text-align: left;
    border-radius: 5px;
    background: #d8dde3\0/;
    *background: #d8dde3;
    overflow-x: auto;
    overflow-y: hidden;
}


.scrollBox {
    border: solid 1px #999;
    background-color: #fff;
    width: 500px;
    height: 200px;
    overflow-y: scroll;
    margin-top: 2px;
}

#suggestionContainer {
    position: relative;
}

#suggestionBox {
    position: absolute;
    top: 5px;
    left: -3px;
    border: solid 1px #000;
    background-color: #fff;
    width: 100%;
    height: 250px;
    overflow-y: scroll;
    cursor: pointer;
    z-index: 10000 !important;
}

    #suggestionBox div {
        padding: 10px;
    }

        #suggestionBox div:hover {
            background-color: #06c;
            color: #fff;
        }

.tableLabel {
    text-align: right;
    padding-right: 7px;
    font-weight: bold;
    font-size: 1.0rem;
    width: 50%;
}

.tableData {
    text-align: left;
    padding-left: 7px;
    font-size: 1.0rem;
    width: 50%;
}

.amountTableTotalBox {
    border-style: solid;
}

.amountTableLabel {
    text-align: left;
    padding-left: 2px;
    font-weight: bold;
    font-size: 1.0rem;
    width: 75%;
}

.amountTableData {
    text-align: right;
    padding-right: 2px;
    font-size: 1.0rem;
    width: 25%;
}

.offerCodeIndicator {
    float: right;
    font-weight: bold;
    color: red;
}

@media (min-width: 992px) {
    .amountTableLabel {
        padding-left: 20px;
    }

    .amountTableData {
        padding-right: 20px;
    }
}

    @media print {
        /* Don't scroll for print - want to show everything. */
        .scrollTextDiv {
            overflow-y: visible;
        }

        /* Always show payment details when printing. */
        .payment-details {
            display: block !important;
        }

        /* Never show the payment details */
        .show-payment-details {
            display: none !important;
        }

        /* Don't print the buttons. */
        .button {
            display: none;
        }

        /* Hide close button too. */
        .close {
            display: none;
        }

        /* Hide the border when print. */
        .modal-content {
            border: 0px;
        }
    }

