@import url('//fonts.googleapis.com/css?family=Montserrat:700, 400|Lato:700, 400|Roboto:700, 400');
* {
    margin: 0px;
    padding: 0px;
}

html {
    font-family: Arial, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    font-family: Arial, sans-serif;
    background-color: #555555;
}

.adminBanner {
    display: flex;
    gap: 12px;
    justify-content: right;
    padding: 6px 20px;
    background-color: #3998e8;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}
.adminBanner i.icon{
    display: inline-block;
}
    .adminBanner i.icon svg {
        height: 20px;
        width: 20px;
        fill: #fff;
    }
.adminBanner a {
    color: #fff;
    text-decoration: none;
}

.medcoMessage {
    position: relative;
    padding: 12px 12px 12px 40px;
    margin-bottom: 12px;
    font-weight: bold;
    background-color: #23366e;
    color: #fff;
}
    .medcoMessage ul {
        padding-left: 20px;
    }
    .medcoMessage .icon {
        position: absolute;
        left: 6px;
        top: 50%;
        margin-top: -12px;
        display: inline-block;
        line-height: 20px;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-color: #fff;
        background-image: url(/favicon.ico);
        background-size: 12px 12px;
        background-position: center center;
        background-repeat: no-repeat;
        color: #fff;
    }


/*Page Loading */
.loadedContent {
    display: none;
}
.contentLoading {
    display: grid;
    justify-content: center;
}
    .contentLoading .box {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .contentLoading .message {
        display: inline-block;
        font-family: Roboto, Arial, sans-serif;
        color: #b8b8b8;
        font-size: 1.25em;
    }
    .contentLoading .bubbles {
        display: inline-block;
        position: relative;
        width: 80px;
        height: 80px;
    }
        .contentLoading .bubbles div {
            position: absolute;
            top: 33px;
            width: 13px;
            height: 13px;
            border-radius: 50%;
            background: #23366e;
            animation-timing-function: cubic-bezier(0, 1, 1, 0);
        }
            .contentLoading .bubbles div:nth-child(1) {
                left: 8px;
                animation: lds-ellipsis1 0.6s infinite;
            }
            .contentLoading .bubbles div:nth-child(2) {
                left: 8px;
                animation: lds-ellipsis2 0.6s infinite;
            }
            .contentLoading .bubbles div:nth-child(3) {
                left: 32px;
                animation: lds-ellipsis2 0.6s infinite;
            }
            .contentLoading .bubbles div:nth-child(4) {
                left: 56px;
                animation: lds-ellipsis3 0.6s infinite;
            }

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}


/*
    Error, Confirmation, Warning, and Information messaging
*/
.messaging,
.pageMessaging{
    padding: 6px 0px;
}
    .messaging .message,
    .pageMessaging .message {
        position: relative;
        padding: 8px 8px 8px 38px;
        margin-bottom: 4px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        color: #fff;
        background: #888;
        font-size: 1em;
    }
        .messaging .message ul,
        .pageMessaging .message ul {
            list-style-type: none;
        }
            .messaging .message ul li,
            .pageMessaging .message ul li {
                padding: 0px 0px 0px 20px;
                background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path fill='%23fff' d='M22,15c0,0.256-0.098,0.512-0.293,0.707l-10,10c-0.286,0.286-0.716,0.372-1.09,0.217C10.243,25.77,10,25.404,10,25V5 c0-0.404,0.243-0.77,0.617-0.924c0.374-0.155,0.804-0.069,1.09,0.217l10,10C21.902,14.488,22,14.744,22,15z'></path></svg>");
                background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><circle fill='%23fff' cx='4' cy='4' r='4'/></svg>");
                background-size: 8px 8px;
                background-position: 4px center;
                background-repeat: no-repeat;
            }
        .messaging .message a,
        .pageMessaging .message a {
            font-weight: bold;
            color: #fff;
        }
        .messaging .message::after,
        .pageMessaging .message::after {
            content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='2 2 28 28'><path fill='%23000' opacity='.15' d='M 15 3 C 14.168432 3 13.456063 3.5067238 13.154297 4.2285156 L 2.3007812 22.947266 L 2.3007812 22.949219 A 2 2 0 0 0 2 24 A 2 2 0 0 0 4 26 A 2 2 0 0 0 4.140625 25.994141 L 4.1445312 26 L 15 26 L 25.855469 26 L 25.859375 25.992188 A 2 2 0 0 0 26 26 A 2 2 0 0 0 28 24 A 2 2 0 0 0 27.699219 22.947266 L 27.683594 22.919922 A 2 2 0 0 0 27.681641 22.917969 L 16.845703 4.2285156 C 16.543937 3.5067238 15.831568 3 15 3 z'></path><path fill='%23fff' d='M 13.787109 11.359375 L 16.212891 11.359375 L 16.011719 17.832031 L 13.988281 17.832031 L 13.787109 11.359375 z M 15.003906 19.810547 C 15.825906 19.810547 16.318359 20.252813 16.318359 21.007812 C 16.318359 21.748812 15.825906 22.189453 15.003906 22.189453 C 14.175906 22.189453 13.679688 21.748813 13.679688 21.007812 C 13.679688 20.252813 14.174906 19.810547 15.003906 19.810547 z'></path></svg>");
            position: absolute;
            left: 4px;
            top: 50%;
            margin-top: -15px;
            width: 30px;
            height: 30px;
        }
        .messaging .message.error,
        .pageMessaging .message.error {
            background-color: #f64b2f;
            color: #fff;
        }
            .messaging .message.error::after,
            .pageMessaging .message.error::after {
                content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='2 2 28 28'><path fill='%23fff' d='M 15 3 C 14.168432 3 13.456063 3.5067238 13.154297 4.2285156 L 2.3007812 22.947266 L 2.3007812 22.949219 A 2 2 0 0 0 2 24 A 2 2 0 0 0 4 26 A 2 2 0 0 0 4.140625 25.994141 L 4.1445312 26 L 15 26 L 25.855469 26 L 25.859375 25.992188 A 2 2 0 0 0 26 26 A 2 2 0 0 0 28 24 A 2 2 0 0 0 27.699219 22.947266 L 27.683594 22.919922 A 2 2 0 0 0 27.681641 22.917969 L 16.845703 4.2285156 C 16.543937 3.5067238 15.831568 3 15 3 z'></path><path fill='%23f64b2f' d='M 13.787109 11.359375 L 16.212891 11.359375 L 16.011719 17.832031 L 13.988281 17.832031 L 13.787109 11.359375 z M 15.003906 19.810547 C 15.825906 19.810547 16.318359 20.252813 16.318359 21.007812 C 16.318359 21.748812 15.825906 22.189453 15.003906 22.189453 C 14.175906 22.189453 13.679688 21.748813 13.679688 21.007812 C 13.679688 20.252813 14.174906 19.810547 15.003906 19.810547 z'></path></svg>");
            }
        .messaging .message.confirmation,
        .pageMessaging .message.confirmation {
            background-color: #2aa461;
            color: #fff;
        }
            .messaging .message.confirmation::after,
            .pageMessaging .message.confirmation::after {
                content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><circle fill='%23fff' cx='256' cy='256' r='230.4'></circle><path fill='%232aa461' d='M385.7,201.7L247.1,340.4 c-4.2,4.2-9.6,6.3-15.1,6.3c-5.5,0-10.9-2.1-15.1-6.3l-69.3-69.3c-8.3-8.3-8.3-21.8,0-30.2c8.3-8.3,21.8-8.3,30.2,0l54.3,54.3 l123.6-123.6c8.3-8.3,21.8-8.3,30.2,0C394.1,179.9,394.1,193.4,385.7,201.7L385.7,201.7z'></path></svg>");
            }
        .messaging .message.warning,
        .pageMessaging .message.warning {
            background-color: #f0f230;
            color: #555;
        }
            .messaging .message.warning::after,
            .pageMessaging .message.warning::after {
                content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='2 2 28 28'><path fill='%23fff' d='M 15 3 C 14.168432 3 13.456063 3.5067238 13.154297 4.2285156 L 2.3007812 22.947266 L 2.3007812 22.949219 A 2 2 0 0 0 2 24 A 2 2 0 0 0 4 26 A 2 2 0 0 0 4.140625 25.994141 L 4.1445312 26 L 15 26 L 25.855469 26 L 25.859375 25.992188 A 2 2 0 0 0 26 26 A 2 2 0 0 0 28 24 A 2 2 0 0 0 27.699219 22.947266 L 27.683594 22.919922 A 2 2 0 0 0 27.681641 22.917969 L 16.845703 4.2285156 C 16.543937 3.5067238 15.831568 3 15 3 z'></path><path fill='%23f0f230' d='M 13.787109 11.359375 L 16.212891 11.359375 L 16.011719 17.832031 L 13.988281 17.832031 L 13.787109 11.359375 z M 15.003906 19.810547 C 15.825906 19.810547 16.318359 20.252813 16.318359 21.007812 C 16.318359 21.748812 15.825906 22.189453 15.003906 22.189453 C 14.175906 22.189453 13.679688 21.748813 13.679688 21.007812 C 13.679688 20.252813 14.174906 19.810547 15.003906 19.810547 z'></path></svg>");
            }
            .messaging .message.warning a,
            .pageMessaging .message.warning a {
                font-weight: bold;
                color: #555;
            }
        .messaging .message.information,
        .pageMessaging .message.information {
            background-color: #dae8fa;
            background-color: #3998e8;
            color: #fff;
        }
            .messaging .message.information::after,
            .pageMessaging .message.information::after {
                content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'><circle fill='%23fff' cx='25' cy='25' r='22.5'></circle><path fill='%233998e8' d='M 25 11 A 3 3 0 0 0 22 14 A 3 3 0 0 0 25 17 A 3 3 0 0 0 28 14 A 3 3 0 0 0 25 11 z '></path> <path fill='%233998e8' d='M 21 21 L 21 23 L 22 23 L 23 23 L 23 36 L 22 36 L 21 36 L 21 38 L 22 38 L 23 38 L 27 38 L 28 38 L 29 38 L 29 36 L 28 36 L 27 36 L 27 21 L 26 21 L 22 21 L 21 21 z'></path> </svg>");
            }


/*Error Message Popup*/
#ErrorNotice {
    display: grid;
    align-content: flex-start;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9001;
    padding: 20px;
    background-color: #f3f4f2;
    background-color: rgb(243 244 242 / 0.85);
}
    #ErrorNotice .info {
        position: relative;
        display: grid;
        width: 100%;
        max-width: 640px;
        margin: 0px auto;
        padding: 16px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        overflow: hidden;
        -moz-box-shadow: 0px 0px 8px rgba(0,0,0,.5);
        box-shadow: 0px 0px 8px rgba(0,0,0,.5);
        -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,.5);
        background-color: #fff;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
    }
        #ErrorNotice .info h1 {
            padding-bottom: 6px;
            padding-right: 32px;
            margin-bottom: 18px;
            font-size: 1.5em;
            line-height: 1.5em;
            font-weight: normal;
            color: #212121;
            font-family: Montserrat, Arial, sans-serif;
            border-bottom: 1px solid #e5e6e3;
        }
        #ErrorNotice .info div {
            overflow: auto;
        }
            #ErrorNotice .info div ul {
                list-style-type: none;
            }
            #ErrorNotice .info div p,
            #ErrorNotice .info div li {
                padding: 6px 12px;
                background-color: #f64b2f;
                color: #fff;
                border-bottom: 1px solid #fff;
            }
            #ErrorNotice .info div ul li:last-child {
                border-bottom: 0px;
            }
            #ErrorNotice .info div a {
            }
    #ErrorNotice .closeIcon {
        position: absolute;
        top: 16px;
        right: 16px;
        padding: 0px;
        -webkit-appearance: none;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        cursor: pointer;
        border: 2px solid #f64b2f;
        background-color: #fff;
    }
        #ErrorNotice .closeIcon svg {
            vertical-align: bottom;
            height: 18px;
            width: 18px;
        }
            #ErrorNotice .closeIcon svg path {
                fill: #f64b2f;
            }
    #ErrorNotice .action {
        margin-top: 16px;
        padding-top: 16px;
        border-top-style: solid;
        border-top-width: 1px;
        border-color: #e5e6e3;
        text-align: center;
    }
/* limit hover events to mouse */
@media(pointer: fine) {
    #ErrorNotice .closeIcon {
        transition: background-color linear 200ms;
    }
        #ErrorNotice .closeIcon:hover {
            background-color: #f64b2f;
        }
            #ErrorNotice .closeIcon:hover path {
                fill: #fff;
            }
}



/*header Phone Number Bar*/
.quickContactBar {
    text-align: center;
    background-color: #555555;
}
    .quickContactBar .wrap{
        padding: 0px 16px;
    }
    .quickContactBar .method {
        display: block;
        color: #d9d9d9;
        font-family: Montserrat, Arial, sans-serif;
    }
        .quickContactBar .method a {
            font-weight: bold;
            text-decoration: none;
            color: #fff;
        }       
@media(min-width: 640px){
    .quickContactBar{
        height: 30px;
        line-height: 30px;
        text-align: right;
    }
        .quickContactBar .wrap{
            max-width: 1170px;
            margin: 0px auto;
        }
        .quickContactBar .method{
            display: inline-block;
            margin-left: 24px;
        }
}
/* limit hover events to mouse */
@media(pointer: fine) {
    .quickContactBar .method a {
        transition: color linear 200ms;
    }
        .quickContactBar .method a:hover {
            color: #d9d9d9;
        }
}



/* Header */
.header {
    overflow: hidden;
    background-color: #fff;
}
    .header .wrap{
        padding: 16px;
    }
    .header .containsLogo {
        text-align: center;
    }
    .header span {
        align-self: center;
        text-align: center;
    }
    .header .logo {
        width: 100%;
        max-width: 140px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .header h1 {
        align-self: center;
        text-align: center;
        font-size: 1.5em;
        line-height: 1.25em;
        font-weight: 400;
        font-family: Montserrat, Arial, Verdana, sans-serif;
    }
        .header h1 span {
            white-space: nowrap;
        }
    .header .accountActions {
        padding-top: 12px;
        text-align: right;
        width: 80px;
        margin: 0px auto;
    }
    .header nav {
        margin-top: -48px;
    }
        .header nav .toggle {
            display: block;
            position: relative;
            width: 30px;
            height: 28px;
            margin: 6px 6px 6px 16px;
            background-color: #555555;
            overflow: hidden;
            border: none;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            cursor: pointer;
            -webkit-appearance: none;
        }
            .header nav .toggle span {
                display: block;
                position: absolute;
                top: 13px;
                left: 8px;
                right: 8px;
                height: 2px;
                background-color: #ffffff;
            }
                .header nav .toggle span::before,
                .header nav .toggle span::after {
                    position: absolute;
                    display: block;
                    left: 0;
                    width: 100%;
                    height: 2px;
                    content: "";
                    -moz-transition-duration: 0.3s, 0.3s;
                    -webkit-transition-duration: 0.3s, 0.3s;
                    transition-duration: 0.3s, 0.3s;
                    -moz-transition-delay: 0.3s, 0s;
                    -webkit-transition-delay: 0.3s, 0s;
                    transition-delay: 0.3s, 0s;
                    background-color: #ffffff;
                }
                .header nav .toggle span::before {
                    top: -4px;
                    -moz-transition-property: top, transform;
                    -webkit-transition-property: top, transform;
                    transition-property: top, transform;
                }
                .header nav .toggle span::after {
                    bottom: -4px;
                    -moz-transition-property: bottom, transform;
                    -webkit-transition-property: bottom, transform;
                    transition-property: bottom, transform;
                }
        .header nav ul {
            display: none;
        }
            .header nav ul li {
                border-top-style: solid;
                border-top-width: 1px;
                border-top-color: #f3f4f2;
            }
                .header nav ul li a {
                    display: block;
                    position: relative;
                    padding: 6px 16px 10px 16px;
                    font-family: Montserrat, Arial, sans-serif;
                    font-size: 1.2em;
                    line-height: 1.2em;
                    font-weight: normal;
                    text-decoration: none;
                    color: #777;
                }
                    .header nav ul li a span {
                        position: relative;
                        z-index: 2;
                    }
                    .header nav ul li a i {
                        position: relative;
                        z-index: 2;
                        display: inline-block;
                        font-style: normal;
                        border-radius: 12px;
                        min-width: 20px;
                        text-align: center;
                        font-size: .75em;
                        height: 1.2em;
                        line-height: 1.2em;
                        font-weight: bold;
                        color: #fff;
                        background-color: #d55959;
                    }
                .header nav ul li:not(.current) a::after {
                    content: "";
                    position: absolute;
                    bottom: 0px;
                    left: 0px;
                    width: 100%;
                    display: block;
                    height: 0px;
                    transition: height ease-in-out 200ms;
                    background-color: #777;
                }
                .header nav ul li.current a {
                    padding: 0px;
                }
                    .header nav ul li.current a i {
                        color: #d55959;
                        background-color: #fff;
                    }
                    .header nav ul li.current a span {
                        position: static;
                        display: block;
                        padding: 6px 16px 10px 16px;
                        text-align: left;
                        color: #fff;
                        background-color: #777;
                    }
                    .header nav ul li.current a::after {
                        content: "";
                        position: absolute;
                        left: 0px;
                        top: 50%;
                        margin-top: -8px;
                        width: 100%;
                        display: block;
                        height: 0px;
                        width: 0px;
                        border-top: 8px solid transparent;
                        border-bottom: 8px solid transparent;
                        border-left: 8px solid #f3f4f2;
                    }
        /* expanded state, i.e. menu open */
        .header nav.expanded ul {
            display: block;
        }
        .header nav.expanded .toggle {
            background-color: #df1b23;
        }
            .header nav.expanded .toggle span {
                background: none;
            }
                .header nav.expanded .toggle span::before {
                    top: 0;
                    -ms-transform: rotate(45deg);
                    -moz-transform: rotate(45deg);
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                }
                .header nav.expanded .toggle span::after {
                    bottom: 0;
                    -ms-transform: rotate(-45deg);
                    -moz-transform: rotate(-45deg);
                    -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                }
                .header nav.expanded .toggle span::before,
                .header nav.expanded .toggle span::after {
                    -moz-transition-delay: 0s, 0.3s;
                    -webkit-transition-delay: 0s, 0.3s;
                    transition-delay: 0s, 0.3s;
                }
@media screen and (min-width: 640px) {
    .header nav ul li.current a::after {
        border-bottom: 8px solid #f3f4f2;
        border-left: 8px solid transparent;
    }
}
@media screen and (min-width: 690px) {
    .header {
        overflow: visible;
    }
        .header nav {
            margin-top: 0px;
        }
            .header nav ul,
            .header nav.expanded ul {
                max-width: 1170px;
                margin: 0px auto;
                list-style-type: none;
                display: flex;
                flex-direction: row;
                align-content: flex-end;
            }
                .header nav ul li {
                    border-top-width: 0px;
                }
                    .header nav ul li a {
                        padding: 6px 8px 10px 8px;
                    }
                    .header nav ul li.current a::after {
                        bottom: 0px;
                        left: 50%;
                        margin-left: -8px;
                        top: auto;
                        margin-top: 0;
                        border-right: 8px solid transparent;
                        border-left: 8px solid transparent;
                    }
            .header nav .toggle {
                display: none;
            }
        .header .wrap {
            max-width: 1170px;
            margin: 0px auto;
            display: grid;
            grid-gap: 16px;
            grid-template-columns: 1fr 120px;
        }
            .header .wrap .containsLogo {
                display: grid;
                grid-gap: 16px;
                grid-template-columns: 140px 1fr;
            }
        .header div {
            align-content: center;
            align-self: center;
        }
        .header .logo {
            width: 100%;
        }
        .header h1 {
            text-align: left;
        }
        .header .accountActions {
            padding-top: 0px;
            width: 100%;
        }
}
/* limit hover events to mouse */
@media(pointer: fine) {
    .header nav ul li:not(.current) a::after {
        transition: height ease-in-out 200ms;
    }
    .header nav ul li:not(.current) a:hover {
        color: #fff;
    }
        .header nav ul li:not(.current) a:hover::after {
            height: 100%;
        }
}




/* Content*/
.content {
    padding: 16px;
    background-color: #f3f4f2;
}
    .content .wrap{
        max-width: 1170px;
        margin: 0px auto;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 16px;
    }
    .content h2 {
    }
    .content .titleBar {
        padding-bottom: 16px;
        border-bottom: 1px solid #e5e6e3;
    }
        .content .titleBar h2 {
            font-size: 1.5em;
            line-height: 1.5em;
            font-weight: normal;
            color: #212121;
            font-family: Montserrat, Arial, sans-serif;
        }
        .content .titleBar.payment h2 {
            padding-right: 100px;
        }
    .content .sectionBar h3 {
        padding-bottom: 8px;
        margin-bottom: 16px;
        font-size: 1.25em;
        line-height: 1.25em;
        font-weight: normal;
        border-bottom: 1px solid #e5e6e3;
    }
    /*Content Left Column*/
    .content .summary {
        padding: 16px;
        background: #fff;
    }
        .content .summary .titleBar {
            position: relative;
            padding-right: 40px;
            border-bottom: 1px solid #e5e6e3;
        }
            .content .summary .titleBar a {
                position: absolute;
                top: 0px;
                right: 0px;
                padding: 8px 7.5px 9px 7.5px;
                width: 9px;
                height: 7px;
                line-height: 0px;
                text-align: center;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                text-decoration: none;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                border: 2px solid #b52c2c;
                background-color: #fff;
                color: #b52c2c;
            }
                .content .summary .titleBar a svg {
                    fill: #b52c2c;
                }
        .content .summary .collapsed .titleBar {
            margin-bottom: 0px;
            padding-bottom: 0px;
            padding-right: 40px;
            border-bottom-width: 0px;
        }
            .content .summary .collapsed .titleBar a {
                padding: 9px 7.5px 8px 7.5px;
                border: 2px solid #228b52;
                color: #228b52;
            }
                .content .summary .collapsed .titleBar a svg {
                    fill: #228b52;
                }
        .content .summary .titleBar .expand {
            display: none;
        }
        .content .summary .titleBar .collapse {
            display: block;
        }
        .content .summary .collapsed .titleBar .expand {
            display: block;
        }
        .content .summary .collapsed .titleBar .collapse {
            display: none;
        }
        .content .summary .collapsed .collapsible {
            display: none;
        }
        .content .summary .details {
            position: relative;
            padding-top: 20px;
            padding-bottom: 16px;
        }
            .content .summary .details table {
                width: 100%;
                border-collapse: collapse;
            }
                .content .summary .details table td,
                .content .summary .details table th {
                    padding: 6px 0px;
                    text-align: left;
                    font-size: 1.25em;
                    color: #555;
                    font-family: Roboto, Arial, sans-serif;
                }
            .content .summary .details a {
                font-weight: bold;
                color: #2aa461;
                font-family: Roboto, Arial, sans-serif;
                text-decoration: none;
            }
        .content .summary .action {
            padding-top: 12px;
            padding-bottom: 16px;
            text-align: center;
            border-top: 1px solid #e5e6e3;
        }
            .content .summary .action.noborder {
                padding-top: 0px;
                border-top: none;
                border-bottom: none;
            }
        .content .summary .icon {
            position: absolute;
            top: -16px;
            left: 0px;
            width: 32px;
            height: 32px;
            -moz-border-radius: 25%;
            border-radius: 25%;
            -webkit-border-radius: 25%;
            background-color: #dedede;
            margin: 0px 12px 12px 0px;
        }
            .content .summary .icon svg {
                float: left;
                width: 24px;
                height: 24px;
                margin: 4px;
                fill: #fff;
            }
        .content .summary .poster {
            width: 100%;
            text-align: center;
        }
            .content .summary .poster .vertical {
                display: none;
                width: 100%;
                position: relative;
                margin-top: 40px;
            }
            .content .summary .poster .horizontal {
                margin-top: 12px;
                width: 100%;
            }
            .content .summary .poster img {
                max-width: 100%;
            }
    /* Content Right Column*/
    .content .panel {
        padding: 16px;
        background: #fff;
    }
        .content .panel .action {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-around;
            grid-gap: 8px;
            padding-top: 16px;
            padding-bottom: 16px;
            border-top-style: solid;
            border-top-width: 1px;
            border-color: #e5e6e3;
        }
            .content .panel .action span {
                text-align: center;
            }
            .content .panel .action.top {
                padding-top: 0px;
                border-top: none;
                border-bottom-style: solid;
                border-bottom-width: 1px;
            }
            .content .panel .action.noborder {
                padding-top: 0px;
                padding-bottom: 0px;
                border-top: none;
                border-bottom: none;
            }
            .content .panel .action.reverse {
                flex-flow: row-reverse wrap;
            }
        .content .panel .backLinks {
            padding-bottom: 8px;
            padding-top: 8px;
            border-bottom-style: solid;
            border-bottom-width: 1px;
            border-color: #e5e6e3;
            overflow: hidden;
        }
            .content .panel .backLinks.noborder {
                border-bottom-width: 0px;
            }
        .content .panel .breadcrumbs {
            padding-bottom: 16px;
            padding-top: 0px;
        }
            .content .panel .breadcrumbs .link {
                font-family: Montserrat, Arial, sans-serif;
                margin-right: 6px;
                color: #228b52;
            }
                .content .panel .breadcrumbs .link::after {
                    content: " /";
                }
            .content .panel .breadcrumbs span {
                font-family: Montserrat, Arial, sans-serif;
                font-weight: bold;
                color: #555;
                margin-right: 6px;
                text-transform: uppercase;
            }
        .content .panel .info {
            position: relative;
            padding: 8px 8px 8px 38px;
            margin: 16px 0px;
            border-bottom-style: solid;
            border-bottom-width: 1px;
            border-color: transparent;
            background-color: #000;
            color: #fff;
            font-style: italic;
            font-size: 1em;
        }

    .content section {
        padding-bottom: 16px;
    }
@media (min-width: 768px) {
    .content .wrap {
        display: grid;
        grid-template-columns: 260px 1fr;
        grid-gap: 16px;
    }
    .content .titleBar {
        padding-bottom: 20px;
    }
    .content .summary .icon {
        top: -32px;
        width: 40px;
        height: 40px;
    }
        .content .summary .icon svg {
            width: 32px;
            height: 32px;
            margin: 4px;
        }
    .content .summary .collapsed .collapsible {
        display: unset;
    }
    .content .summary .titleBar,
    .content .summary .collapsed .titleBar {
        padding-bottom: 20px;
        margin-bottom: 12px;
        padding-right: 0px;
        border-bottom-width: 1px;
    }
        .content .summary .titleBar a,
        .content .summary .collapsed .titleBar a {
            display: none;
        }
    .content .summary .details {
        padding-top: 16px;
    }

    .content .summary .poster .horizontal {
        display: none;
    }
    .content .summary .poster .vertical {
        display: block;
    }
        .content .summary .poster .vertical:after {
            content: 'announcement';
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            margin-top: -28px;
            line-height: 24px;
            font-family: Roboto, Arial, sans-serif;
            color: #b8b8b8;
            font-size: 12px;
            text-align: center;
        }
}
/* limit hover events to mouse */
@media(pointer: fine) {
    .content .summary .titleBar a {
        transition: background-color linear 300ms;
    }
        .content .summary .titleBar a:hover {
            background-color: #b52c2c;
            color: #fff;
        }
            .content .summary .titleBar a:hover svg {
                fill: #fff;
            }
    .content .summary .collapsed .titleBar a:hover {
        background-color: #228b52;
        color: #fff;
    }
        .content .summary .collapsed .titleBar a:hover svg {
            fill: #fff;
        }
}



/* Footer */
.footer {
    padding-bottom: 80px;
    color: #d9d9d9;
    font-family: Montserrat, Arial, sans-serif;
}
    .footer .wrap {
        max-width: 1170px;
        padding: 16px;
        margin: 0px auto;
        display: grid;
        color: rgb(206,206,206);
        text-shadow: 0px 0px 2px rgba(0,0,0,.5);
    }
        .footer .wrap a {
            color: #fff;
            font-weight: bold;
            text-decoration: none;
        }
        .footer .wrap p.contact{
            text-align: right;
        }
        .footer .wrap p.copy{
            padding-top: 32px;
            align-self: end;
        }
@media (min-width: 768px) {
    .footer .wrap {
        grid-template-columns: 1fr 1fr;
    }
    .footer .wrap p:first-child{
        grid-column: 2;
        grid-row: 1;
    }
}



/* Notifications */
#Notice {
    display: grid;
    align-content: center;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9001;
    padding: 20px;
    background-color: #f3f4f2;
    background-color: rgb(243 244 242 / 0.85);
}
    #Notice .grid {
        position: relative;
        display: grid;
        width: 100%;
        max-width: 640px;
        margin: 0px auto;
        padding: 16px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-shadow: 0px 0px 8px rgba(0,0,0,.5);
        box-shadow: 0px 0px 8px rgba(0,0,0,.5);
        -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,.5);
        background-color: #fff;
        overflow: hidden;
    }
        #Notice .grid h1 {
            padding-bottom: 6px;
            padding-right: 32px;
            margin-bottom: 18px;
            font-size: 1.5em;
            line-height: 1.5em;
            font-weight: normal;
            color: #212121;
            font-family: Montserrat, Arial, sans-serif;
            border-bottom: 1px solid #e5e6e3;
        }
        #Notice .grid div {
            overflow: auto;
        }
            #Notice .grid div a.alert {
                color: #d55959;
            }
            #Notice .grid div ul {
                list-style-type: none;
            }
                #Notice .grid div ul li {
                    display: grid;
                    grid-template-columns: 1fr 80px;
                    grid-gap: 16px;
                    padding: 6px 12px;
                    background-color: #e5e6e3;
                    border-bottom: 1px solid #fff;
                }
                    #Notice .grid div ul li:last-child {
                        border-bottom: 0px;
                    }
            #Notice .grid div span {
                text-align: right;
            }
            #Notice .grid div a {
                color: #2aa461;
            }
    #Notice .closeIcon {
        position: absolute;
        top: 16px;
        right: 16px;
        padding: 0px;
        -webkit-appearance: none;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        cursor: pointer;
        border: 2px solid #b52c2c;
        background-color: #fff;
    }
        #Notice .closeIcon svg {
            vertical-align: bottom;
            height: 18px;
            width: 18px;
        }
            #Notice .closeIcon svg path {
                fill: #b52c2c;
            }
    #Notice .action {
        margin-top: 16px;
        padding-top: 16px;
        border-top-style: solid;
        border-top-width: 1px;
        border-color: #e5e6e3;
        text-align: center;
    }
/* limit hover events to mouse */
@media(pointer: fine) {
    #Notice .closeIcon {
        transition: background-color linear 200ms;
    }
        #Notice .closeIcon:hover {
            background-color: #b52c2c;
        }
            #Notice .closeIcon:hover path {
                fill: #fff;
            }
}



/* Components */
input[type=submit].button,
button.button,
input[type=button].button,
a.button {
    width: 100%;
    min-width: 200px;
    padding: 0px 12px;
    border: none;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    font-size: 12px;
    color: #fff;
    font-family: Roboto, Arial, sans-serif;
    height: 38px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    align-content: center;
    background-color: #2aa461;
    text-decoration: none;
}
    a.button {
        display:inline-block;
        line-height: 38px;
    }

        input[type=submit].button.border,
        button.button.border,
        input[type=button].button.border,
        a.button.border {
            border: 2px solid #228b52;
            background-color: #fff;
            color: #228b52;
            font-family: Lato, Arial, sans-serif;
        }

        input[type=submit].button.highlight,
        button.button.highlight,
        input[type=button].button.highlight,
        a.button.highlight {
            background-color: #2660b1;
        }

            input[type=submit].button.highlight.border,
            button.button.highlight.border,
            input[type=button].button.highlight.border,
            a.button.highlight.border {
                border: 2px solid #1b519d;
                background-color: #fff;
                color: #1b519d;
                font-family: Lato, Arial, sans-serif;
            }

        input[type=submit].button.logout,
        button.button.logout,
        input[type=button].button.logout,
        a.button.logout {
            background-color: #777;
        }

            input[type=submit].button.logout.border,
            button.button.logout.border,
            input[type=button].button.logout.border,
            a.button.logout.border {
                border: 2px solid #777;
                background-color: #fff;
                color: #777;
                font-family: Lato, Arial, sans-serif;
            }

        input[type=submit].button.cancel,
        button.button.cancel,
        input[type=button].button.cancel,
        a.button.cancel {
            background-color: #d55959;
        }

            input[type=submit].button.cancel.border,
            button.button.cancel.border,
            input[type=button].button.cancel.border,
            a.button.cancel.border {
                border: 2px solid #b52c2c;
                background-color: #fff;
                color: #b52c2c;
                font-family: Lato, Arial, sans-serif;
            }

    input[type=submit].button.small,
    button.button.small,
    input[type=button].button.small,
    a.button.small {
        width: 100%;
        min-width: 200px;
        padding: 0px 12px;
        border: none;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        border-radius: 100px;
        font-size: 12px;
        height: 28px;
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;
        -webkit-appearance: none;
    }
    a.button.small {
        line-height: 28px;
    }

input[type=submit].link,
input[type=button].link,
button.link,
a.link {
    width: auto;
    padding: 0px;
    border: none;
    font-size: 12px;
    line-height: 18px;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    color: #333;
    background-color: transparent;
    -webkit-appearance: none;
}

    input[type=submit].link.right,
    button.link.right,
    input[type=button].link.right,
    a.link.right {
        float: right;
    }

input[type=submit].button.fit,
button.button.fit,
input[type=button].button.fit,
a.button.fit {
    min-width: 50px;
}


input[type=submit].button:disabled,
button.button:disabled,
input[type=button].button:disabled,
a.button:disabled {
    background-color: #dedede;
}

input[type=submit].button.border:disabled,
button.button.border:disabled,
input[type=button].button.border:disabled,
a.button.border:disabled {
    border: 2px solid #dedede;
    background-color: #fff;
    color: #dedede;
    font-family: Lato, Arial, sans-serif;
}

/* limit hover events to mouse */
@media(pointer: fine) {
    input[type=submit].button,
    button.button,
    input[type=button].button,
    a.button {
        transition: background-color linear 300ms;
    }

        input[type=submit].button:not(:disabled):hover,
        button.button:not(:disabled):hover,
        input[type=button].button:not(:disabled):hover,
        a.button:not(:disabled):hover {
            background-color: #228b52;
            color: #fff;
        }

        input[type=button].button.highlight:not(:disabled):hover,
        button.button.highlight:not(:disabled):hover,
        input[type=submit].button.highlight:not(:disabled):hover,
        a.button.highlight:not(:disabled):hover {
            background-color: #1b519d;
            color: #fff;
        }

        input[type=button].button.cancel:not(:disabled):hover,
        button.button.cancel:not(:disabled):hover,
        input[type=submit].button.cancel:not(:disabled):hover,
        a.button.cancel:not(:disabled):hover {
            background-color: #b52c2c;
            color: #fff;
        }

    input[type=submit].link:hover,
    input[type=button].link:hover,
    button.link:hover,
    a.link:hover {
        text-decoration: underline;
    }
}