html {
    font-size:100%;
    width:100%;
}

body {
    color: #656566;
    font-weight: 400;
    box-sizing: border-box;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%; 
    width:100%;
}


 
section {
    display:block;
}

html,
button,
input,
select,
textarea {
    font-family: 'Fira Sans', Arial, Helvetica, sans-serif !important;
}


/*This adjusts anchor tags to account for the page header*/
:target:before {
    content: "";
    display: block;
    height: 50px; /* fixed header height*/
    margin: -50px 0 0; /* negative fixed header height */
}


* {
    box-sizing:border-box;
}

input:focus::-webkit-input-placeholder {
    opacity: 0;
}

.mdcheckbox input {
    width: 16px;
    height: 16px;
}

.fontfamily {
    font-family: 'Fira Sans', Arial, Helvetica, sans-serif !important;
}

/* Standard colors & customizations */
.textcolor-light {
    color: #a8a9ab;
}

.textcolor-regular {
    color: #656566;
}

.textcolor-dark {
    color: #3d3e3f;
}



.backcolor-system {
    background-color: #a7a8ac;
}

.backcolor-content {
    background-color: #e5e6e8;
}

.backcolor-light {
    background-color: #f7f7f7;
}

.backcolor-content-dark {
    background-color: #cacbcd;
}

.backcolor-footer {
    background-color: #414143; /*color used in footer item hover */
}

.backcolor-footer-dark {
    background-color: #333335;
}

.backcolor-page {
    background-color: #333335;
}


.pagetitlewhite::after {
    content: '';
    display: block;
    width: clamp(40px, 30%, 130px);
    height: 4px;
    margin-top: 0.5rem;
    background: white;
}



.textcolor90 {
    color: #e5e5e5;
}
.textcolor80 {
    color: #cccccc;
}
.textcolor70 {
    color: #b3b3b3;
}
.textcolor60 {
    color: #999999;
}
.textcolor50 {
    color: #808080;
}
.textcolor40 {
    color: #656566;
}
.textcolor30 {
    color: #4b4b4d;
}
.textcolor20 {
    color: #313133;
}
.textcolor10 {
    color: #18181a;
}


.backcolor95 {
    background: #f2f2f2;
}
.backcolor95alpha {
    background: rgba(242,242,242, 0.5);
}
.backcolor90 {
    background: #e5e5e5;
}
.backcolor80 {
    background: #cccccc;
}
.backcolor70 {
    background: #b3b3b3;
}
.backcolor60 {
    background: #999999;
}
.backcolor50 {
    background: #808080;
}
.backcolor40 {
    background: #656566;
}
.backcolor30 {
    background: #4b4b4d;
}
.backcolor20 {
    background: #313133;
}
.backcolor10 {
    background:#18181a;
}

.backgrad203020 {
    background-image: linear-gradient(90deg, #313133, #454547, #313133);
}

.backgrad9590 {
    background-image: linear-gradient(170deg, #fff, #cccccc);
}




@media print {
    .noprint {
    display: none !important;
    }

    .print {
        display:block !important;
    }

    .btn4accent {
        padding:1px !important;
    }

    .pagetitlewhite::after {
        height: 0px !important;
        margin-top: 0 !important;
    }
    .pagetitle::after {
        height: 0px !important;
        margin-top: 0 !important;
    }

    .backaccentdr {
        padding:0 0 1rem 0 !important;
    }

    .rtablescreener-cell-4 {       
        flex-grow:0 !important;
    }

    .rtablescreener {
        margin-top: 0 !important;
        min-height: initial !important;
        display: block !important;
        width: 100%;
        break-inside: avoid !important;
    }
    .rtablescreener-questioncell {
        padding:0 !important;
    }

    h1, h1 > span, h2, h3, h4, h5, h6 {
        break-after: avoid !important;
        break-before: avoid !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        page-break-before: initial;
    }

    h1 {
        font-size: 2.0rem !important;
    }

    h2 {
        font-size: 1.8rem !important;
    }

    h3 {
        font-size: 1.6rem !important;
    }

    h4 {
        font-size: 1.6rem !important;
    }

    h5 {
        font-size: 1.4rem !important;
    }

    h6 {
        font-size: 1.2rem !important;
    }

    .text-96 {
        font-size: 4rem !important
    }

    .text-72 {
        font-size: 3.3rem !important
    }

    .text-64 {
        font-size: 3rem !important;
    }

    .text-42 {
        font-size: 2.1rem !important;
    }

    .text-36 {
        font-size: 1.8rem !important;
    }

    .text-30 {
        font-size: 1.5rem !important;
    }

    .text-24 {
        font-size: 1.2rem !important;
    }

    .text-20 {
        font-size: 1.0rem !important;
    }

    .text-16 {
        font-size: 0.8rem !important;
    }

    .text-14 {
        font-size: 0.7rem !important;
    }

    .text-12 {
        font-size: 0.65rem !important;
    }

    .text-11 {
        font-size: 0.6rem !important;
    }

    .text-10 {
        font-size: 0.575rem !important;
    }

    .text-9 {
        font-size: 0.55rem !important;
    }


}

@media screen {
    
}



.exclamation::before {
    content: '\f071';
    font-family: 'Font Awesome 5 Pro';
    display: inline-block;
    margin-right: 0.5rem;
}

.rightarrow::after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\0020 \f0da";
    text-decoration: none !important;
    opacity:0.5;
}

.leftarrow::before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f0d9 \0020";
    text-decoration: none !important;
    opacity: 0.5;
}

.downarrow::after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\0020 \f0d7";
    text-decoration: none !important;
    opacity: 0.5;
}



.rightcheck::after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\0020 \f00c";
    text-decoration: none !important;
}

.microphone::after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f130";
    color: white;
}

.heroicon {
    font-size: 2.2rem;
    line-height: 1.35;
    letter-spacing: -.08rem;
    color: #b3b3b3;
}

.lefticon {
    display: inline-block;
    text-align: center;
    width: 1.8rem;
}

.boxshadow {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 4px 0px, rgba(0, 0, 0, 0.15) 0px 0px 0px 1px;
}

.opacity50 {
    filter:opacity(50%);
}


/* Buttons */

.smsselectrow:hover .smshoverwhite {
    color: white !important;
    transition: none;
}


.buttongrey {
    padding: 5px;
    border: 2px solid #cbcacc;
    border-radius: 6px;
    background-image: linear-gradient(180deg, #828589, #9a9b9f);
}

    .buttongrey:hover {
        border: 2px solid #929495;
        background-image: linear-gradient(180deg, #6b6b6e, #818385);
        cursor: pointer;
    }

.btn1 {
    box-sizing: border-box;
    border-radius: 1.625rem !important;
    display: inline-block;
    background-size: 400%;
    background-position-x: left;
    border: none;
    color: #FFFFFF !important;
    text-align: center;
    padding: 0.625rem 1rem;
    width: 200px;
    transition: all 0.3s;
    margin: 1rem 0 0.5rem 0;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 6px 12px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    text-shadow: 0px 2px 3px rgba(0,0,0,0.2);
}

    .btn1:hover {
        background-position-x: right !important;
        box-shadow: none;
    }

    .btn1 span {
        cursor: pointer;
        display: inline-block;
        position: relative;
        transition: 0.5s;
    }

        .btn1 span::after {
            font-family: "Font Awesome 5 Pro";
            font-weight: 900;
            content: "\f0da";
            position: absolute;
            opacity: 0;
            top: 0;
            right: -20px;
            transition: 0.5s;
        }

    .btn1:hover span {
        padding-right: 25px;
    }

        .btn1:hover span::after {
            opacity: 1 !important;
            right: 0;
        }

.btn1disabled input:disabled {
    box-sizing: border-box;
    border-radius: 1.625rem !important;
    display: inline-block;
    border: none;
    color: #FFFFFF !important;
    text-align: center;
    padding: 0.625rem 1rem;
    width: 200px;
    background: #ccc;
    transition: all 0.3s;
    margin: 1rem 0 0.5rem 0;
}



.btn2 {
    border-radius: 0.2rem !important;
    display: inline-block;
    background-size: 400%;
    background-position-x: left;
    border: none;
    color: #FFFFFF !important;
    text-align: center;
    padding: 0.625rem 1rem;
    width: 200px;
    transition: all 0.3s;
    margin: 1rem 0 0.5rem 0;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 6px 12px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    text-shadow: 0px 2px 3px rgba(0,0,0,0.2);
}

    .btn2:hover {
        background-position-x: right !important;
        box-shadow: none;
    }

    .btn2 span {
        cursor: pointer;
        display: inline-block;
        position: relative;
        transition: 0.5s;
    }

        .btn2 span::after {
            font-family: "Font Awesome 5 Pro";
            font-weight: 900;
            content: "\f0da";
            position: absolute;
            opacity: 0;
            top: 0;
            right: -20px;
            transition: 0.5s;
        }

    .btn2:hover span {
        padding-right: 25px;
    }

        .btn2:hover span::after {
            opacity: 1 !important;
            right: 0;
        }

.btn2disabled input:disabled {
    border-radius: 0.2rem !important;
    display: inline-block;
    border: none;
    color: #FFFFFF !important;
    text-align: center;
    padding: 0.625rem 1rem;
    width: 200px;
    background: #ccc;
    transition: all 0.3s;
    margin: 1rem 0 0.5rem 0;
}


.btn3 {
    border-radius: 0.4rem;
    border: none;
    display: inline-block;
    color: #FFFFFF !important;
    font-weight: 300;
    text-align: center;
    padding: 0.25rem 0.8rem;
    margin: 0.2rem 0;
    transition: 0.5s ease-in-out;
    text-shadow: 0px 2px 3px rgba(0,0,0,0.2);
}

.btn3disabled input:disabled {
    border-radius: 0.2rem;
    border:none;
    display: inline-block;
    color: #FFFFFF !important;
    text-align: center;
    padding: 0.2rem 0.8rem;
    margin: 0.2rem 0;
    background: #ccc !important;
    transition: 0.5s;
}

.btn3disabled input:disabled:hover {
    border: none !important;
    outline:none !important;

}

.btn3success {
    background-color: #4caa48;
}


    .btn3success:hover {
        background-color: #388036;
    }

.btn3warning {
    background-color: #bf2a22;
}


    .btn3warning:hover {
        background-color: #e7352a;
    }

/* Tables */
.rtable-system {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: solid 4px #d2d4d6;
}


.rtable-cell {
    box-sizing:border-box;
    width: 100%;
    border-bottom: solid 1px #d2d4d6;
    padding: 6px;
    text-align: center;
    overflow:hidden;
}



@media only screen and (max-width: 469px) {

    .rtable-collapse > .rtable-cell {
        display: block;
        width: 100% !important;
    }

    .rtable-collapse > .rtable-cell-foot {
        margin-bottom: 10px;
        border-bottom: solid 3px #d2d4d6;
    }


}

.rtable-2cols > .rtable-cell {width: 50%;}

.rtable-3cols > .rtable-cell {width: 33.33%;}

.rtable-4cols > .rtable-cell {width: 25%;}

.rtable-5cols > .rtable-cell {width: 20%;}

.rtable-6cols > .rtable-cell {width: 16.6%;}

.rtable-7cols > .rtable-cell {width: 14.2%;}

.rtable-8cols > .rtable-cell {width: 12.5%;}

.rtable-9cols > .rtable-cell {width: 11.1%;}




.rtablescreener {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    min-height:30px;
    border-bottom: solid 1px #d2d4d6;
    align-content:center;
    padding:4px
}

@media only screen and (max-width: 469px) {

    .rtablescreener-collapse > .rtablescreener-cell {
        display: block;
        width: 100%;
    }
    .rtablescreener-collapse > .rtablescreener-questioncell {
        display: block;
        width: 100% !important;
    }


    .rtablescreener-collapse > .rtablescreener-cell-4 {
        display: block;
        width: 25% !important;
    }
    .rtablescreener-collapse > .rtablescreener-cell-5 {
        display: block;
        width: 20% !important;
    }

    .rtablescreener-collapse > .rtablescreener-cell-foot {
        margin-bottom: 10px;
        border-bottom: solid 3px #d2d4d6;
    }
}







/* Text Handling ('a.linked' is in the theme CSS file) */
a:link {
    color: inherit;
    text-decoration: none;
    transition: all 0.5s;
}

    a:link:focus {
        outline: 2px solid;
    }


a:visited {
    color: inherit;
    text-decoration: none;
}

.linked-nobright:hover, .linked-nobright:focus {
    filter: brightness(100%) !important;
}

.linked-hover:hover, .linked-hover:focus {
    cursor: pointer;
    font-weight: bold !important;
}

.shadowhover:hover {
    box-shadow: 2px 2px 10px #ccc;
}


.underline {
    text-decoration: underline !important;
}

.bold {
    font-weight: 600 !important;
}

.thin {
    font-weight: 300 !important;
}

.normalweight {
    font-weight: 400 !important;
}

.italic {
    font-style:italic !important;
}

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

.left {
    text-align:left;
}

.right {
    text-align:right;
}

.wide100 {
    width:100%;
}

.white {
    color: white !important;
}

.condensed {
    font-family: 'Fira Sans Extra Condensed';
}

.ellipses-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.text-96 {
    font-size: 6rem
}
.text-72 {
    font-size: 4.5rem
}

.text-64 {
    font-size: 4rem;
}

.text-42 {
    font-size: 2.625rem;
}

.text-36 {
    font-size: 2.25rem;
}

.text-30 {
    font-size: 1.875rem;
}

.text-24 {
    font-size: 1.5rem;
}

.text-20 {
    font-size: 1.25rem;
}

.text-16 {
    font-size: 1rem;
}

.text-14 {
    font-size: 0.875rem;
}

.text-12 {
    font-size: 0.75rem;
}

.text-11 {
    font-size: 0.6875rem;
}

.text-10 {
    font-size: 0.625rem;
}

.text-9 {
    font-size: 0.5625rem;
}


p {
    text-indent: 0.625rem;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 300;
    page-break-before: always;
}

h1 {
    font-size: 3.6rem;
    line-height: 1.2;
    letter-spacing: -.1rem;
}

h2 {
    font-size: 3.2rem;
    line-height: 1.25;
    letter-spacing: -.1rem;
}

h3 {
    font-size: 2.6rem;
    line-height: 1.3;
    letter-spacing: -.1rem;
}

h4 {
    font-size: 2.2rem;
    line-height: 1.35;
    letter-spacing: -.08rem;
    font-weight: 900;
}

h5 {
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: -.05rem;
    font-weight:300;
}

h6 {
    font-size: 1.4rem;
    line-height: 1.2;
    letter-spacing: 0;
    font-weight: 300;
    margin-bottom: 0.1rem;
    margin-top:1rem;
}


dt {
    font-weight:bold;
}

dd {
    font-size:smaller;
    padding-bottom:10px;
    padding-top:4px;
    margin-left:20px;
}

dl.dldata dt {
    font-size: smaller;
    font-weight: 300 !important;
}

dl.dldata dd {
    font-size: 16px !important;
    padding-bottom: 10px;
    padding-top: 4px;
    margin: 0px 0 8px 0;
    border-bottom: 1px solid #e5e5e5;
}

dl.dldata dd:last-child {
    border-bottom: none;
}

ul {
    width: 100%;
    padding: 4px;
    margin: 0px 0px 10px 30px;
}

ol {

    padding: 4px;
    margin: 0px 0px 10px 30px;
}

.pointer:hover{
    cursor:pointer !important;
}

.textshadow {
    text-shadow: 1px 1px 4px #333;
}

.selectrow {
    padding: 4px;
    margin-top: 2px;
    margin-bottom: 2px;
    border-radius: 6px;
    border-bottom: solid 1px #eeeeee;
}

    .selectrow:hover {
        background-color: #efefef !important;
    }

.selectrow2 {

}

    .selectrow2:hover {
        background-color: #f2f2f2 !important;
    }

.flexrow {
    display:flex;
    flex-flow: row wrap;
}

.flexcolumn {
    display: flex;
    flex-flow: column wrap;
}


.numbercircle {
    display:inline-block;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border-color: transparent;
    color: white;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 24px;
    font-weight:bold;
}


.messagebubble {
    padding: 4px;
    line-height: 1.5;
    border-radius: 0.4rem;
    position: relative;
    margin: 0.2rem 0;
}

    .messagebubble::before {
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        border-left: 6px solid transparent !important;
        border-right: 6px solid ;
        border-top: 6px solid ;
        border-bottom: 6px solid transparent !important;
        left: -14px;
        top: 6px;
    }

    .messagebubble:after {
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        border-left: 6px solid transparent !important;
        border-right: 6px solid white !important;
        border-top: 6px solid white !important;
        border-bottom: 6px solid transparent !important;
        left: -9px;
        top: 8px;
    }


.warningtext {
    color: #e7352a !important;
    padding: 4px;
}

.warningbox {
    padding: 4px 0;
    box-shadow: 6px 0 0 #e7352a, -6px 0 0 #e7352a;
    color: white;
    font-weight: bold;
    background-color: #e7352a !important;
    line-height: 1.5;
    border-radius: 3px;
}

.warningborder {
    border-color: #e7352a !important;
}

.warningborder:before {
    border-color: #e7352a;
}

.warningbubble {
    padding: 0.25rem 0.75rem;
    color: white;
    font-weight: 600;
    background-color: #e7352a !important;
    line-height: 1.5;
    border-radius: 0.4rem;
    position: relative;
    margin: 0.2rem 0;
}

    .warningbubble::before {
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        border-left: 6px solid transparent;
        border-right: 6px solid #e7352a;
        border-top: 6px solid #e7352a;
        border-bottom: 6px solid transparent;
        left: -12px;
        top: 6px;
    }


.backwarningdrd {
    background-image: linear-gradient(90deg, #bf2a22, #e7352a, #bf2a22); /* Warning Color Dark, Regular, Dark */
}

.backwarningdr {
    background-image: linear-gradient( to bottom right, #bf2a22, #e7352a); /* Warning Color Dark, Regular */
}

.infobox {
    padding: 4px;
    color: #666666;
    background-color: #f5f5f5;
    line-height: 1.5;
    border-radius: 3px;
    box-shadow: 2px 2px 1px #ccc;
}


@media only screen and (max-width: 1144px) {
    .viewingas {
        position: fixed;
        top: 95px;
        right: 4px;
        margin-right: 6px;
        z-index: 99;
        transition: 0.3s ease-in-out;
    }
}
@media only screen and (min-width: 1145px) {
    .viewingas {
        position: fixed;
        top: 95px;
        right: 0;
        margin-right: calc((100vw - 1144px) / 2 + 10px);
        z-index: 99;
        transition: 0.3s ease-in-out;
    }
}

@media only screen and (max-width: 470px) {
    .viewingas {
        position: fixed;
        top: 93px;
        right: 0;
        margin-right: 10px;
        z-index: 99;
        transition: 0.3s ease-in-out;
    }
}


    .successtext {
        color: #4caa48; /* Success Color-Regular*/
        padding: 4px;
    }

    .successtext-dark {
        color: #388036; /* Success Color-Dark*/
        padding: 4px;
    }

.successbox {
    padding: 4px 0;
    box-shadow: 6px 0 0 #4caa48, -6px 0 0 #4caa48;
    padding: 0.25rem 0.75rem;
    color: white;
    font-weight: bold;
    background-color: #4caa48 !important;
    border-radius: 3px;
    position: relative;
}

    .successborder {
        border-color: #4caa48;
    }


@media print {
    .successbubble::before,
    .successbubblelarge::before,
    .warningbubble::before,
    .messagebubble::before,
    .infobubble::before,
    .infobubble-accent-light::before {
        border-color: none !important;
    }

    .successbubble,
    .successbubblelarge,
    .warningbubble,
    .messagebubble,
    .infobubble,
    .infobubble-accent-light {
        border: 2px solid #ccc;
    }


}

.infobubble {
    padding: 0.25rem 0.75rem;
    background: rgba(242,242,242, 0.5);
    line-height: 1.5;
    border-radius: 0.4rem;
    position: relative;
    word-break: break-word;
    margin: 0.2rem 0;
}

    .infobubble::before {
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        border-left: 6px solid transparent;
        border-right: 6px solid rgba(242,242,242, 0.5);
        border-top: 6px solid rgba(242,242,242, 0.5);
        border-bottom: 6px solid transparent;
        left: -12px;
        top: 12px;
    }

    .successbubble {
        padding: 0.25rem 0.75rem;
        color: white;
        font-weight: 600;
        background-color: #4caa48 !important;
        line-height: 1.5;
        border-radius: 0.4rem;
        position: relative;
        word-break: break-word;
        margin: 0.2rem 0;
    }

        .successbubble::before {
            content: "";
            width: 0px;
            height: 0px;
            position: absolute;
            border-left: 6px solid transparent;
            border-right: 6px solid #4caa48;
            border-top: 6px solid #4caa48;
            border-bottom: 6px solid transparent;
            left: -12px;
            top: 6px;
        }

    .successbubblelarge {
        padding: 1rem;
        color: white;
        font-weight: 600;
        background-color: #4caa48;
        line-height: 1.2;
        border-radius: 1rem;
        position: relative;
        word-break: break-word;
        margin: 0.2rem 0;
    }

        .successbubblelarge::before {
            content: "";
            width: 0px;
            height: 0px;
            position: absolute;
            border-left: 10px solid transparent;
            border-right: 10px solid #4caa48;
            border-top: 10px solid #4caa48;
            border-bottom: 10px solid transparent;
            left: -20px;
            top: 20px;
        }

    .btnsuccess {
        background-color: #4caa48;
        background-image: linear-gradient(135deg, #388036 15%, #4caa48, #4caa48, #388036 90% );
    }

    .successbutton [type="checkbox"] {
        display: none;
    }

        .successbutton [type="checkbox"] + label {
        }

        .successbutton [type="checkbox"]:checked + label {
            background-color: #4caa48 !important;
        }

    .backsuccessdrd {
        background-image: linear-gradient(90deg, #388036, #4caa48, #388036); /* Success Color Dark, Regular, Dark */
    }

    .backsuccessdr {
        background-image: linear-gradient( to bottom right, #388036, #4caa48); /* Success Color Dark, Regular */
    }

    .buttonsuccess {
        padding: 5px;
        border: 2px solid #daf2da;
        border-radius: 6px;
        background-image: linear-gradient(180deg, #4caa48, #388036);
    }

        .buttonsuccess:hover {
            border: 2px solid #daf2da;
            background-image: linear-gradient(180deg, #4caa48, #388036);
        }




    .regwarningtext {
        box-sizing: border-box;
        color: #e7352a !important;
    }

    .regwarningbox {
        box-sizing: border-box;
        padding: 4px;
        color: white;
        background-color: #e7352a;
        line-height: 1.5;
        border-radius: 3px;
    }

    .regwarningtext-light {
        color: #fa9691;
    }

    .regwarningtext-dark {
        color: #bf2a22;
    }

    .regwarningback {
        background-color: #e7352a;
    }

    .regwarningback-light {
        background-color: #fae2e1;
    }

    .regwarningback-dark {
        background-color: #bf2a22;
    }



    .regsuccesstext {
        box-sizing: border-box;
        color: #4caa48;
    }

    .regsuccesstext-light {
        color: #daf2da;
    }

    .regsuccesstext-dark {
        color: #388036;
    }

    .regsuccessback-light {
        background-color: #daf2da;
    }

    .regsuccessback-dark {
        background-color: #388036;
    }

    .regsuccessbox {
        box-sizing: border-box;
        padding: 4px;
        color: white;
        line-height: 1.5;
        background-color: #4caa48;
        border-radius: 3px;
    }

    .reginfobox {
        box-sizing: border-box;
        padding: 2px 4px 2px 4px;
        color: white;
        font-weight: bold;
        background-color: #ccc;
        border-radius: 3px;
    }


    .radinput {
        margin: 10px 0px 10px 0px;
        background-color: white !important;
        padding: 0.4rem 0.6rem !important;
        border: 1px solid #a7a8aa !important;
        font-size: 1rem !important;        
    }


    /* Telerik Overrides */

    .RadGrid_Bootstrap {
        font-family: 'Fira Sans', Arial, Helvetica, sans-serif !important;
        border-radius: 0 !important;
        border: none !important;
    }

    .RadInput_Bootstrap .riTextBox,
    .RadDropDownList_Bootstrap .rddlInner {
        border-color: #a7a8aa !important;
        border-radius: 0 !important;
        font-family: 'Fira Sans', Arial, Helvetica, sans-serif !important;
    }

    .RadInput_Bootstrap.RadInputFocused .riTextBox {
        box-shadow: none !important;
    }

    .RadGrid_Bootstrap .rgRow > td, .RadGrid_Bootstrap .rgAltRow > td {
        border-style: solid dotted solid none !important;
        border-color: #e5e5e5 #f2f2f2 #e5e5e5 none !important;
        border-width: 0 0 1px 1px !important;
        color: #333 !important;
        font-size: 0.9rem;
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .RadGrid_Bootstrap .rgPagerCell {
        font-family: 'Fira Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
        border-width: 1px 0 1px !important;
    }

    div.rgWrap.rgArrPart2,
    div.rgWrap.rgArrPart1 {
        border-width: 1px 1px 1px 1px;
        border-color: #ccc;
        border-style: solid;
    }

    .RadGrid .rgPagerCell .rgInfoPart {
        float: none !important;
    }

    .RadGrid_Bootstrap .rgFooter > td {
        border-width: 1px 0 1px 0 !important;
        background-color: #dedede !important;

        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .RadButton_Bootstrap.rbButton:focus {
        outline: 2px solid black !important;
    }

    span.RadButton_Bootstrap .rbDecorated {
        color: inherit !important;
    }


    .RadPicker .rcCalPopup, .RadPicker .rcTimePopup {
        display: block !important;
    }

    .RadGrid .t-font-icon.rgIcon.rgAddIcon:before,
    .RadGrid .t-font-icon.rgIcon.rgRefreshIcon:before,
    .RadGrid .t-font-icon.rgIcon.rgEditIcon:before,
    .RadGrid .t-font-icon.rgIcon.rgDelIcon:before,
    .RadGrid .t-font-icon.rgIcon.rgExpXLSIcon:before,
    .RadGrid .t-font-icon.rgIcon.rgExpPDFIcon:before {
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        font-size: 1rem;
    }

.RadGrid .t-font-icon.rgIcon.rgDelIcon:before {
    content: "\f2ed";
}

    .RadGrid .t-font-icon.rgIcon.rgEditIcon:before {
        content: "\f044";
    }

    .RadGrid .t-font-icon.rgIcon.rgRefreshIcon:before {
        content: "\f01e";
    }

    .RadGrid .t-font-icon.rgIcon.rgAddIcon:before {
        content: "\f0fe";
    }

    .RadGrid .t-font-icon.rgIcon.rgExpXLSIcon:before {
        content: "\f1c3";
    }

    .RadGrid .t-font-icon.rgIcon.rgExpPDFIcon:before {
        content: "\f1c1";
    }

    .RadGrid .rgCommandCellRight {
        float: left !important;
    }

    .RadGrid_Bootstrap .rgFilter {
        background-color: rgba(0,0,0,0) !important;
        margin-left:-25px !important;
    }




.RadGrid_Bootstrap .rgCommandCell,
.RadGrid_Bootstrap .rgGroupPanel { /* Colors managed in the theme file*/
    border: none !important;
    font-size: 0.8rem !important;
    background-color: white !important;
}

    .RadGrid_Bootstrap .rgActionButton:hover { /* Colors managed in the theme file*/
        background-color: white !important;
        border: none !important;
    }

    .RadGrid_Bootstrap .rgHeader,
    .RadGrid_Bootstrap th.rgResizeCol,
    .RadGrid_Bootstrap .rgHeaderWrapper {
        background-color: #efefef !important;
        color: #666 !important;
    }

    .RadGrid_Bootstrap .rgHeader {
        color: #666 !important;
        border: none !important;
        border-bottom: 1px solid #ccc !important;
        border-top: 1px solid #ccc !important;
        font-size: 0.9rem !important;
        line-height: 1 !important;
        font-family: 'Fira Sans Extra Condensed';
        padding: 0.5rem 0.5rem !important;
        
    }

        .RadGrid_Bootstrap .rgHeader a {
            text-decoration: underline !important;
        }


.RadGrid_Bootstrap .rgRow:hover, .RadGrid_Bootstrap .rgAltRow:hover {
    background-color: #e5e5e5 !important;
}

tr .rgFilterRow {
    text-align: center;
}



    .rddlPopup_Bootstrap .rddlItem {
        font-family: 'Fira Sans', Arial, Helvetica, sans-serif !important;
    }

    .RadCalendar {
        width: 100% !important;
    }

    html body .RadInput_Bootstrap .riTextBox, html body .RadInputMgr_Bootstrap {
        font-size: inherit !important;
    }

.RadComboBox .rcbInner,
.RadGrid_Bootstrap .rgInput,
.RadGrid_Bootstrap .rgEditRow > td > [type="text"],
.RadGrid_Bootstrap .rgEditForm td > [type="text"],
.RadGrid_Bootstrap .rgBatchContainer > [type="text"],
.RadGrid_Bootstrap .rgFilterBox {
    padding: 0.1rem 0.25rem !important;
}

.RadUpload_Bootstrap .ruSelectWrap .ruButton {
    border-radius: 0.4rem !important;
    border: none;
    display: inline-block;
    color: #FFFFFF !important;
    font-weight: 300;
    text-align: center;
    padding: 0.33rem 0.8rem !important;
    margin: 0.2rem 0 !important;
    transition: 0.5s ease-in-out;
    text-shadow: 0px 2px 3px rgba(0,0,0,0.2);
    height:2rem;
    cursor:pointer !important;
}


.worklist .RadGrid_Bootstrap .rgEditForm {
    padding: 0 !important;
    margin: -3px 0 1rem 0 !important;
    border: 4px solid;
}


.forminput {
    margin: 2px 0px 2px 0px;
    background-color: white !important;
    padding: 0.4rem 0.6rem !important;
    border: 1px solid #a7a8aa !important;
    font-size: 1rem !important;
    color: #333;
}

    .forminputthin {
        margin: 2px 0px 2px 0px;
        background-color: white !important;
        padding: 2px 4px !important;
        border: 1px solid #a7a8aa !important;
        font-size: 16px !important;
        height: unset !important;
    }

    .forminputthin-notextsize {
        margin: 2px 0px 2px 0px;
        background-color: white !important;
        padding: 5px !important;
        border: 1px solid #a7a8aa !important;
    }

    .miniinput {
        background-color: white !important;
        padding: 2px !important;
        border: 1px solid #a7a8aa !important;
        border-radius: 2px;
    }

    input[type="checkbox"] + label,
    input[type="radio"] + label {
        padding-left: 0.4rem;
        cursor: pointer;
    }

    input[type="checkbox"],
    input[type="radio"] {
        cursor: pointer;
    }


    /* Responsive Show/Hide Attributes */
/*Desktop Width*/
    @media only screen and (max-width: 1160px) {
        .fullwidthhide {
            display: none;
        }

        .fullflexcenter {
            justify-content: center !important;
        }

        .fullwidth {
            width: 100% !important;
        }
        .fullwidthnobottommargin {
            margin-bottom: 0 !important;
        }
    }

/*Mobile Width*/
    @media only screen and (max-width: 470px) {
        .mobilehide {
            display: none !important;
        }

        .mobileshow {
            display: block !important;
        }

        .mobileshowflex {
            display: flex !important;
        }



        .mobilefullwidth {
            width: 100% !important;
            flex-basis: 100% !important;
            max-width: none !important;
        }

        .mobilehalfwidth {
            width: 50% !important;
        }

        .mobileorderfirst {
            order: -1;
        }

        .mobile-border-right-hide {
            border-right: none !important;
        }

        .mobile-border-left-hide {
            border-left: none !important;
        }

        .mobilenoradius {
            border-radius: 0 !important;
        }

        .mobilenomargin {
            margin: 0 !important;
        }

        .mobilenobottompadding {
            padding-bottom: 0 !important;
        }

        .mobileleft {
           text-align:left !important;
        }

        .mobilebreadcrumbright {
            margin-left:0 !important;
            width:100%;
            border-top:1px solid #ccc;
            background-color: #f2f2f2 !important;
            padding:0.5rem;
        }
    }

    /*Tablet Width*/
    @media only screen and (max-width: 790px) {
        .tablethide {
            display: none !important;
        }

        .tabletshow {
            display: block !important;
        }

        .tabletshowflex {
            display: flex !important;
        }

        .tabletfullwidth {
            width: 100% !important;
            max-width: none !important;
            flex-basis: 100% !important;
        }

        .tabletnoradius {
            border-radius: 0 !important;
        }

        .tabletflexcenter {
            justify-content: center !important;
        }

        .tabletmargin {
            margin: 0 1.5vw 1rem 0 !important;
        }

        .tabletnotopmargin {
            margin-top:0 !important;
        }

        .tabletpadding {
            padding: 1rem 0 0 1.5vw !important;
        }
    }
    /* OR Div responsive design change (home page only) */
    @media only screen and (min-width: 558px) {
        .ORseperatorDiv {
            width: 20px;
            height: 280px;
            border-right: 1px solid lightgrey;
        }

        .ORseperatorSpan {
            position: relative;
            top: 130px;
            left: 10px;
            padding: 10px 0px 10px 0px;
            background-color: white;
        }
    }

    @media only screen and (max-width: 557px) {
        .ORseperatorDiv {
            width: 261px;
            height: 10px;
            border-bottom: 1px solid lightgrey;
            margin: 20px 0px 20px 0px;
        }

        .ORseperatorSpan {
            position: relative;
            top: 0px;
            left: 112px;
            padding: 10px;
            background-color: white;
        }
    }

    /* Header Items*/
    .headeritem {
        padding: 4px 8px 4px 8px;
        cursor: pointer;
    }



    /* Footer Items*/

    .footermenu {
        display: flex;
        flex-flow: row wrap;
    }

    .footeritem {
        font-size: 12px;
        padding: 4px 8px 4px 8px;
        border-right: 1px solid #868789;
    }

    .footeritem:last-child {
        border-right: 0;
    }

        .footeritem:hover {
            background-color: #ccc;
            color: #414143 !important;
        }

    .footerfeedback {
        box-sizing: border-box;
        color: white;
        border-radius: 0.5rem;
        align-self: center;
        margin-bottom: 5px;
        font-size: 1rem;
        padding: 0.5rem 1rem 0.5rem 1rem;
        border: solid 2px #414143;
        cursor: pointer;
    }

        .footerfeedback:hover {
            background-color: #656569;
            color: #ccc;
            border: solid 2px #ccc;
        }


@media only screen and (max-width: 761px) {

    .footermenu {
        flex-flow: column wrap;
    }

    .footeritem {
        width: 200px;
        padding: 5px;
        flex-grow: 1;
        text-align: center;
        border-bottom: 1px solid #868789;
        border-right: none;
    }

        .footeritem:hover {
            background-color: #ccc;
            color: #414143
        }
}



    /*Paypod Styling ('.paypod-title-label' is in the theme css) */
    .paypod-checkbox {
        display: none;
    }


    .paypod-content {
        height: 0;
        overflow: hidden;
        line-height: 0;
        background-color: #efefef;
        width: 300px;
    }

    /*Click functionality*/
    .paypod:checked + label {
        background-color: #efefef;
    }

    .paypod-checkbox:checked + label {
        background-color: #efefef;
    }

    .paypod-checkbox:checked ~ .paypod-content {
        -webkit-animation: slide-up 5s; /* Safari 4+ */
        -moz-animation: slide-up 5s; /* Fx 5+ */
        -o-animation: slide-up 5s; /* Opera 12+ */
        animation: slide-up 5s; /* IE 10+ */
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        line-height: inherit;
        overflow: visible;
        height:unset;
    }


    /* Pay Pod Menu Arrow Flip */
    .paypod-checkbox:checked + label .arrowflip {
        -ms-transform: rotate(180deg); /* IE 9 */
        -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
        transform: rotate(180deg);
    }



/*This is for the admin menu and has a similar section in the theme CSS files */
#cssmenu .has-submenu ul [id="AccountDetail1"] {
    background: #e5e5e5;
    border-bottom: 1px dotted #d2d3d5;
    border-left: 1px solid #cacbcd;
    border-right: 1px solid #cacbcd;
    border-top: none;
    font-size: 1rem;
    filter: none;
    display: block;
    line-height: 120%;
    padding: 10px;
    cursor: default;
}

#cssmenu .has-submenu ul [id="AccountDetail1"] a {
    background: none;
    border: none;
    font-size: 0.9rem;
    filter: none;
    display: block;
    line-height: 100%;
    padding: 0;
    text-decoration: underline;
    cursor: pointer;
}

#cssmenu .has-submenu ul [id="AccountDetail1"]:hover a,
#cssmenu .has-submenu ul [id="AccountDetail1"]:focus a {
    color: inherit;
    background: white; /* Customizable  */
}

    /*Accordion Menu*/
    .accordion2-checkbox {
        display: none;
    }

    .accordion2-title-label {
        cursor: pointer;
        display: block;
        padding: 10px;
    }

        .accordion2-title-label:hover {
            background-color: #f6f6f6;
        }

    .accordion2-content {
        height: 0;
        overflow: hidden;
        line-height: 0;
        background-color: white
    }

    /*Click functionality*/
    .accordion2:checked + label {
        background-color: #f6f6f6;
    }

    .accordion2-checkbox:checked + label {
        background-color: #f6f6f6;
    }

    .accordion2-checkbox:checked ~ .accordion2-content {
        -webkit-animation: slide-up 5s; /* Safari 4+ */
        -moz-animation: slide-up 5s; /* Fx 5+ */
        -o-animation: slide-up 5s; /* Opera 12+ */
        animation: slide-up 5s; /* IE 10+ */
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        line-height: inherit;
        overflow: visible;
        height: 100%;
    }


    /* Menu Arrow Flip */
    .accordion2-checkbox:checked + label .arrowflip {
        -ms-transform: rotate(180deg); /* IE 9 */
        -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
        transform: rotate(180deg);
    }

/* Menu Arrow Flip */
input:checked + label .arrowflip {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}



    /* The switch - the box around the slider */
    .switch {
        position: relative;
        display: inline-block;
        width: 44px;
        height: 20px;
        margin: 0px 4px 0px 4px;
    }

        /* Hide default HTML checkbox */
        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

    /* The slider ('input:checked" is in the theme css) */
    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .slider:before {
            position: absolute;
            content: "";
            height: 12px;
            width: 12px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }



    input:checked + .slider:before {
        -webkit-transform: translateX(22px);
        -ms-transform: translateX(22px);
        transform: translateX(22px);
    }

    /* Rounded sliders */
    .slider.round {
        border-radius: 10px;
    }

        .slider.round:before {
            border-radius: 50%;
        }



    /* Customize the label (the container) for Checkboxes */
    .checkcontainer {
        position: relative;
        padding-left: 16px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 20px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        /* Hide the browser's default checkbox */
        .checkcontainer input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

    /* Create a custom checkbox */
    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 16px;
        width: 16px;
        background-color: #eee;
        border: 1px solid #ccc;
    }

    /* On mouse-over, add a grey background color */
    .checkcontainer:hover input ~ .checkmark {
        background-color: #ccc;
    }



    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .checkcontainer input:checked ~ .checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .checkcontainer .checkmark:after {
        left: 5px;
        top: 1px;
        width: 4px;
        height: 8px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }






    /* The Radio container */
    .radiocontainer {
        display: block;
        position: relative;
        padding-left: 16px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 16px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        /* Hide the browser's default radio button */
        .radiocontainer input {
            position: absolute;
            display:none;
            cursor: pointer;
        }

    /* Create a custom radio button */
    .radiocheckmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 16px;
        width: 16px;
        background-color: #ddd;
        border-radius: 50%;
    }

    /* On mouse-over, add a grey background color */
    .radiocontainer:hover input ~ .radiocheckmark {
        background-color: #bbb;
    }

    /* When the radio button is checked, background color is in the THEME file */


    /* Create the indicator (the dot/circle - hidden when not checked) */
    .radiocheckmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the indicator (dot/circle) when checked */
    .radiocontainer input:checked ~ .radiocheckmark:after {
        display: block;
    }

    /* Style the indicator (dot/circle) */
    .radiocontainer .radiocheckmark:after {
        top: 6px;
        left: 6px;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: white;
    }





/* Password Check Styling*/

ul.passcheck {
    list-style: none;
}

    ul.passcheck li {
        font-size: 0.8rem;
        line-height: 1rem;
        padding: 0 0 0 0.1rem;
        position: relative;
    }

        ul.passcheck li:before {
            opacity: 1;
            text-shadow: none;
            color: #b3b3b3;
            content: "\f00d";
            left: -0.5rem;
            width: 0.5rem;
            position: relative;
            display: inline-block;
            font-family: 'Font Awesome 5 Pro';
            font-size: 0.6rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1rem;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 100ms ease-out;
            -moz-transition: -moz-transform 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 100ms ease-out;
            -ms-transition: -ms-transform 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 100ms ease-out;
            -o-transition: -o-transform 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 100ms ease-out;
            transition: transform 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 100ms ease-out;
            -webkit-transform: scale(1.3);
            -moz-transform: scale(1.3);
            -ms-transform: scale(1.3);
            -o-transform: scale(1.3);
            transform: scale(1.3);
            -webkit-backface-visibility: hidden;
        }

        ul.passcheck li.complete {
            color: green;
        }

            ul.passcheck li.complete:before {
                opacity: 1;
                color: green;
                content: "\f00c";
                -webkit-transform: scale(1.6);
                -moz-transform: scale(1.6);
                -ms-transform: scale(1.6);
                -o-transform: scale(1.6);
                transform: scale(1.6);
            }




    /* Menu Expander*/
    .expander {
        width: 100%;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        flex-flow: row wrap;
    }

        .expander label {
            cursor: pointer;
            display: block;
            padding-top: 2px;
        }

        .expander [type="checkbox"] {
            display: none;
        }

            .expander [type="checkbox"]:hover + label {
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

            .expander [type="checkbox"]:active + label {
            }

            .expander [type="checkbox"]:checked + label {
                font-weight: normal;
            }

            .expander [type="checkbox"]:checked:hover + label {
            }

            .expander [type="checkbox"]:checked ~ .expanded {
                display: block;
                width: 100%;
            }

            .expander [type="checkbox"] + label .flip {
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

            .expander [type="checkbox"]:checked + label .flip {
                transform: rotate(180deg);
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

            .expander [type="checkbox"] ~ .expanded {
                display: none;
            }






    .expander-flex {
        width: 100%;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        flex-flow: row wrap;
    }

        .expander-flex label {
            cursor: pointer;
            display: block;
            padding-top: 2px;
        }

        .expander-flex [type="checkbox"] {
            display: none;
        }

            .expander-flex [type="checkbox"]:hover + label {
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                filter: brightness(120%);
            }

            .expander-flex [type="checkbox"]:active + label {
                font-weight: bolder;
            }

            .expander-flex [type="checkbox"]:checked + label {
                font-weight: normal;
            }

            .expander-flex [type="checkbox"]:checked:hover + label {
            }

            .expander-flex [type="checkbox"]:checked ~ .expanded {
                display: flex;
                width: 100%;
            }

            .expander-flex [type="checkbox"] + label .flip {
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

            .expander-flex [type="checkbox"]:checked + label .flip {
                transform: rotate(180deg);
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

            .expander-flex [type="checkbox"] ~ .expanded {
                display: none;
            }



    /* Admin section special items */



    /* Safari 4.0 - 8.0 */
    @-webkit-keyframes example {
        from {
            margin-left: 100%;
        }

        to {
            margin-left: 0;
        }
    }

    /* Standard syntax */
    @keyframes example {
        from {
            margin-left: 100%;
        }

        to {
            margin-left: 0;
        }
    }


    /* Safari 4.0 - 8.0 */
    @-webkit-keyframes slidedown {
        from {
            height: 0;
        }

        to {
            height: auto;
        }
    }

    /* Standard syntax */
    @keyframes slidedown {
        from {
            height: 0;
        }

        to {
            height: auto;
        }
    }


    @keyframes swipe1 {
        from {
            margin-left: -50%;
        }

        to {
            margin-left: 0px;
        }
    }

    @keyframes swipe2 {
        from {
            margin-left: 50%;
        }

        to {
            margin-left: 0px;
        }
    }


    input + .clickflag {
        animation: swipe2 0.3s ease;
    }

        input + .clickflag:hover {
            cursor: pointer;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

    input:checked + .clickflag {
        animation: swipe1 0.3s ease;
        background-image: none;
        color: #e7352a; /* Warningtext color*/
    }



    input + .swipetgl {
        animation: swipe2 0.3s ease;
    }

    input:checked + .swipetgl {
        animation: swipe1 0.3s ease;
        background-image: none;
        background-color: green;
    }

        input:checked + .swipetgl::before {
            content: '\2714';
        }

    .swipetgl:hover {
        cursor: pointer;
    }






    input + .swipetgl2 {
    }

input:checked + .swipetgl2 {
    background-image: none;
    background-color: #4caa48;
    background-image: linear-gradient(to bottom right, #4caa48, #388036);
    color: white !important;
    border-color: #daf2da;
}

@media print {
    input:checked + .swipetgl2 {
        background-color: white;
        color: black !important;
        border-color: black;
        border-width:2px;
        border-radius:0;
    }

    input + .swipetgl2 {
        background-color: white;
        color: black !important;
        border-width: 0;

    }





}





    input + .swipetgl2-dark {
    }

    input:checked + .swipetgl2-dark {
        background-image: none;
        border-color: #388036;
        color: white !important;
        background-color: #388036;
        width: 44% !important;
    }

        input:checked + .swipetgl2-dark .clickshow {
            display: inline-block !important;
        }

        input:checked + .swipetgl2-dark .clickhide {
            display: none !important;
        }

    .swipetgl2-dark:hover {
        cursor: pointer;
    }



    input:checked ~ input + .swipetgl2-dark {
        display: block !important;
    }

    input ~ input + .swipetgl2-dark {
        display: none !important;
    }


    input:checked ~ input:checked + .swipetgl2-dark .clickshow {
        display: block !important;
    }

    input:checked ~ input:checked + .swipetgl2-dark .clickhide {
        display: none !important;
    }





    input ~ input ~ input:checked + .swipetgl3 {
        background-image: none;
        background-color: #4caa48;
        color: white !important;
        border-color: #daf2da;
    }

    input:checked ~ input ~ input + .swipetgl3 {
        display: block !important;
    }

    input ~ input ~ input + .swipetgl3 {
        display: none !important;
    }


    input:checked ~ input ~ input:checked + .swipetgl3 .clickshow {
        display: block !important;
    }

    input:checked ~ input ~ input:checked + .swipetgl3 .clickhide {
        display: none !important;
    }




    /* Admin Side Menu Styling*/

.sidemenu:hover {
    color: #666;
    cursor: pointer;
    background-color: #ccc !important; 
}

    .sidemenu:active {
        border: inherit !important;
    }


    .patientlist a.patientlistlink {
        background-color: #a8a9ab !important;
        color: white !important;
        cursor: pointer;
    }

        .patientlist a.patientlistlink:hover {
            background-color: #a8a9ab !important;
            color: #414143 !important;
            cursor: pointer;
        }

    .userlist a.userlistlink {
        background-color: #a8a9ab !important;
        color: white !important;
        cursor: pointer;
    }

        .userlist a.userlistlink:hover {
            background-color: #a8a9ab !important;
            color: #414143 !important;
            cursor: pointer;
        }

.invoicelookup a.invoicelookuplink {
    background-color: #a8a9ab !important;
    color: white !important;
    cursor: pointer;
}

    .invoicelookup a.invoicelookuplink:hover {
        background-color: #a8a9ab !important;
        color: #414143 !important;
        cursor: pointer;
    }

    .registration a.registrationlink {
        background-color: #a8a9ab !important;
        color: white !important;
        cursor: pointer;
    }

        .registration a.registrationlink:hover {
            background-color: #a8a9ab !important;
            color: #414143 !important;
            cursor: pointer;
        }

    .messages a.messageslink {
        background-color: #a8a9ab !important;
        color: white !important;
        cursor: pointer;
    }

        .messages a.messageslink:hover {
            background-color: #a8a9ab !important;
            color: #414143 !important;
            cursor: pointer;
        }

    .reports a.reportslink {
        background-color: #a8a9ab !important;
        color: white !important;
        cursor: pointer;
    }

        .reports a.reportslink:hover {
            background-color: #a8a9ab !important;
            color: #414143 !important;
            cursor: pointer;
        }

    .admin a.adminlink {
        background-color: #a8a9ab !important;
        color: white !important;
        cursor: pointer;
    }

        .admin a.adminlink:hover {
            background-color: #a8a9ab !important;
            color: #414143 !important;
            cursor: pointer;
        }

    .scheduling a.schedulinglink {
        background-color: #a8a9ab !important;
        color: white !important;
        cursor: pointer;
    }

        .scheduling a.schedulinglink:hover {
            background-color: #a8a9ab !important;
            color: #414143 !important;
            cursor: pointer;
        }




    /* New Patient Tooltip container */
    .newptooltip {
        position: relative;
        display: inline-block;
    }

        /* Tooltip text */
        .newptooltip .newptooltiptext {
            visibility: hidden;
            width: 200px;
            background-color: white;
            padding: 10px;
            border-radius: 6px;
            text-align: left;
            box-shadow: 1px 1px 3px grey;
            position: absolute;
            right: 5px;
            z-index: 1;
        }

        .newptooltip [type="checkbox"] {
            display: none;
        }

        .newptooltip label:hover {
            cursor: pointer;
        }

        .newptooltip [type="checkbox"]:checked ~ .newptooltiptext {
            visibility: visible;
        }


    /* Tooltip container */
    .tooltip {
        position: relative;
        display: inline-block;
    }

        /* Tooltip text */
        .tooltip .tooltiptext {
            visibility: hidden;
            background-color: white;
            padding: 10px;
            border-radius: 6px;
            text-align: left;
            box-shadow: 1px 1px 3px grey;
            /* Position the tooltip text - see examples below! */
            position: absolute;
            top: 30px;
            z-index: 1000;
        }

        .tooltip [type="checkbox"] {
            display: none;
        }

        .tooltip label:hover {
            font-weight: bold;
            cursor: pointer;
        }

        .tooltip [type="checkbox"]:checked ~ .tooltiptext {
            visibility: visible;
        }





    /* Filter Tooltip container */
    .filtertooltip {
        position: relative;
        display: inline-block;
    }

        /* Tooltip text */
        .filtertooltip .filtertooltiptext {
            visibility: hidden;
            width: 400px;
            background-color: white;
            padding: 10px;
            border-radius: 6px;
            text-align: left;
            box-shadow: 1px 1px 3px grey;
            /* Position the tooltip text - see examples below! */
            position: absolute;
            z-index: 1;
        }

        .filtertooltip [type="checkbox"] {
            display: none;
        }

        .filtertooltip label:hover {
            font-weight: bold;
            color: #3d3e3f;
        }

        .filtertooltip [type="checkbox"]:checked ~ .filtertooltiptext {
            visibility: visible;
        }



    /* Consents Tooltip container */
    .consentstooltip {
        position: relative;
        display: inline-block;
    }

        /* Notes Tooltip text */
        .consentstooltip .consentstooltiptext {
            visibility: hidden;
            background-color: white;
            padding: 10px;
            border-radius: 6px;
            text-align: left;
            box-shadow: 1px 1px 3px grey;
            /* Position the tooltip text - see examples below! */
            position: absolute;
            z-index: 1;
        }

        .consentstooltip [type="checkbox"] {
            display: none;
        }

        .consentstooltip label:hover {
            font-weight: bold;
            color: #3d3e3f;
        }

        .consentstooltip [type="checkbox"]:checked ~ .consentstooltiptext {
            visibility: visible;
        }




    /* Notes Tooltip container */
    .notetooltip {
        position: relative;
        display: inline-block;
    }

        /* Notes Tooltip text */
        .notetooltip .notetooltiptext {
            visibility: hidden;
            width: 200px;
            background-color: white;
            padding: 10px;
            border-radius: 6px;
            text-align: left;
            box-shadow: 1px 1px 3px grey;
            /* Position the tooltip text - see examples below! */
            position: absolute;
            z-index: 1;
        }

        /* Show the tooltip text when you mouse over the tooltip container */
        .notetooltip:hover .notetooltiptext {
            visibility: visible;
        }





    /* Send Tooltip container */
    .sendtooltip {
        position: relative;
        display: inline-block;
    }

        /* Send Tooltip text */
        .sendtooltip .sendtooltiptext {
            visibility: hidden;
            width: 200px;
            background-color: white;
            padding: 10px;
            border-radius: 6px;
            text-align: left;
            box-shadow: 1px 1px 3px grey;
            /* Position the tooltip text - see examples below! */
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1;
        }

        .sendtooltip [type="checkbox"] {
            display: none;
        }

        .sendtooltip label:hover {
            font-weight: bold;
            color: #3d3e3f;
            background-color: #ccc;
        }

        .sendtooltip [type="checkbox"]:checked ~ .sendtooltiptext {
            visibility: visible;
        }








    /* Checkin Update Tooltip container */
    .checkintooltip {
        position: relative;
        display: inline-block;
    }

        /* Send Tooltip text */
        .checkintooltip .checkintooltiptext {
            visibility: hidden;
            width: 300px;
            background-color: white;
            padding: 10px;
            border-radius: 6px;
            text-align: left;
            box-shadow: 1px 1px 3px grey;
            /* Position the tooltip text - see examples below! */
            position: absolute;
            z-index: 1;
        }

        /* Show the tooltip text when you mouse over the tooltip container */
        .checkintooltip:hover .checkintooltiptext {
            visibility: visible;
        }


    /* Customizable portions of .tabsr are in the individual theme files for each site*/

    .tabsr {
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
        width: 100%;
    }

        .tabsr [class^="tab"] [id^="div"] ~ label,
        .tabsr [class*=" tab"] [id*=" div"] ~ label {
            cursor: pointer;
            display: block;
            text-align: center;
            box-sizing: border-box;
            min-height: 40px;
            padding-top: 16px;
            width: 33.33333333%;
        }

        .tabsr [class^="tab"] [type="radio"],
        .tabsr [class*=" tab"] [type="radio"] {
            cursor: pointer;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            display: none;
            width: 33.33333333%;
            margin: 0;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        .tabsr [id="div3r1"] + [type="radio"]:checked ~ [id="div3r11"] {
            display: block;
            margin: 0;
            animation-name: example;
            animation-duration: 0.5s;
        }


        .tabsr [id="div3r2"] + [type="radio"]:checked ~ [id="div3r22"] {
            display: block;
            margin: 0;
            animation-name: example;
            animation-duration: 0.5s;
        }


        .tabsr [id="div3r3"] + [type="radio"]:checked ~ [id="div3r33"] {
            display: block;
            margin: 0;
            animation-name: example;
            animation-duration: 0.5s;
        }

        .tabsr [class^="tab"] [type="radio"] ~ [id*="div3r"],
        .tabsr [class*=" tab"] [type="radio"] ~ [id*="div3r"] {
            display: none;
            width: 100%;
            padding: 10px;
            margin-left: 100%;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        .tabsr .tab-3r {
            width: 100%;
            display: -webkit-flex;
            display: -moz-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            -moz-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            .tabsr .tab-3r [type="radio"] ~ div {
                width: 100%;
            }


    /* Sets header style based on scroll position. Uses JS in the Master page. */
    html:not([data-scroll='0']) [id="ReddeHead"] {
        padding: 0 !important;
        box-shadow: rgba(0,0,0,0.2) 0px 20px 20px -20px !important;
    }

    html:not([data-scroll='0']) [id="LogoHead"] {
        /*background-image: url(/images/CareSystem/logo-md.jpg); NO SET IN THEME CSS FILE*/
        background-size: contain !important;

        padding-top: 60px !important;
        height: 60px;
        padding-left: 190px;
        margin-left: 20px;
    }

    html:not([data-scroll='0']) [id="LabelUserBeingViewed"] {
        top: 64px !important;

    }

@media only screen and (max-width: 470px) {

    html:not([data-scroll='0']) [id="LabelUserBeingViewed"] {
        top: 94px !important;

    }
}





    /* Main Site Menu (several customizable components are in the theme css) */
    #cssmenu ul,
    #cssmenu li,
    #cssmenu span,
    #cssmenu a {
        margin: 0;
        padding: 0;
        position: relative;
        cursor: pointer;
    }

    #cssmenu {
        line-height: 1;
        margin: 0 auto;
        max-width: 1144px;
    }

        #cssmenu:after,
        #cssmenu ul:after {
            content: '';
            display: block;
            clear: both;
        }

        #cssmenu a {
            display: block;
            padding: 10px 10px;
            text-decoration: none;
        }

        #cssmenu ul {
            list-style: none;
        }

    #cssmenu {
        font-size: 0;
    }

        #cssmenu > li {
            display: inline-block;
            float: left;
            margin: 0;
        }

            #cssmenu > li > a {
                font-size: 1rem;
            }

            #cssmenu > li:first-child > a {
                border-radius: 5px 0 0 0;
                -moz-border-radius: 5px 0 0 0;
                -webkit-border-radius: 5px 0 0 0;
            }


        #cssmenu .has-submenu {
            z-index: 1;
        }

            #cssmenu .has-submenu:hover > ul,
            #cssmenu .has-submenu:focus > ul,
            #cssmenu .has-submenu:focus-within > ul {
                visibility: visible;
            }

            #cssmenu .has-submenu ul {
                visibility: hidden;
                position: absolute;
                width: 240px;
                top: 95%;
                right: 0;
                box-sizing: border-box;
                transition: 0.5s;
                box-shadow: rgba(0,0,0,0.4) 0px 3px 6px;
            }


                #cssmenu .has-submenu ul li {
                    *margin-bottom: -1px;
                }

        #cssmenu ul ul li:hover > a {
            color: #ffffff;
        }

        #cssmenu .has-submenu .has-submenu:hover > ul,
        #cssmenu .has-submenu .has-submenu:focus > ul {
            visibility: visible;
            transition: all 0.1s !important;
        }

        #cssmenu .has-submenu .has-submenu ul {
            visibility: hidden;
            position: absolute;
            right: 100%;
            top: 0;
            border-top: 3px solid #cacbcd;
            border-left: 2px solid #cacbcd;
            border-bottom: 3px solid #cacbcd;
            transition: all 0.1s !important;
        }

    @media only screen and (max-width: 470px) {

        #cssnav {
            order: -1;
        }

        #cssmenu li {
            position: initial !important;

        }

        #cssmenu {
            background: #313131;
            color: white !important;
            display: flex;
            flex-flow: row nowrap;
            padding: 0;
        }

            #cssmenu .menutopper {
                flex-grow: 1;
                width: unset !important;
                text-align: center;
                border-radius: 0;
                border: 1px solid #656565;
                background: #313131 !important;
            }

                #cssmenu .menutopper > a {
                    font-size: 14px !important;
                    padding: 5px 5px;

                }



            .menutopperlogin {
                width: 100%;
                text-align: center;
                border-radius: 0 !important;
                border: 1px solid #656565;
                margin:0 !important;

            }

            #cssmenu .has-submenu ul {
                visibility: hidden;
                position: absolute;
                width: 100%;
                top: 100%;
                right: 0;
                box-sizing: border-box;
                transition: 0.5s;
                box-shadow: rgba(0,0,0,0.4) 0px 3px 6px;
            }
    }



    .cssmenuitemcircle {
        display: inline-block;
        box-sizing: border-box;
        border: 3px solid #999;
        border-radius: 50%;
        width: 48px;
    }




    /* Accessibility Items*/

    .visually-hidden {
        position: absolute;
        left: -10000px;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden;
    }

    .focusable.visually-hidden:focus {
        position: relative;
        left: 0;
        padding: 1rem;
        width: auto;
        height: auto;
        overflow: auto;
    }





    /* Compatibility Items*/


    /*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

    img {
        border: 0; /* 1 */
        -ms-interpolation-mode: bicubic; /* 2 */
    }

    /*
 * Corrects overflow displayed oddly in IE9
 */

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

    /*
 * Corrects margin displayed oddly in IE6/7
 */

    form {
        margin: 0;
    }

    /*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

    button,
    input,
    select,
    textarea {
        font-size: 100%; /* 1 */
        margin: 0; /* 2 */
        vertical-align: baseline; /* 3 */
        *vertical-align: middle; /* 3 */
    }


    /*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

    button,
    input {
        line-height: normal; /* 1 */
    }

        /*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

        button,
        input[type="button"],
        input[type="reset"],
        input[type="submit"] {
            cursor: pointer; /* 1 */
            -webkit-appearance: button; /* 2 */
            *overflow: visible; /* 3 */
        }

            /*
 * Re-set default cursor for disabled elements
 */

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

        /*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */

        input[type="checkbox"],
        input[type="radio"] {
            box-sizing: border-box; /* 1 */
            padding: 0; /* 2 */
            *height: 13px; /* 3 */
            *width: 13px; /* 3 */
        }

        /*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

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

            /*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */

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

        /*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

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

    /*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

    textarea {
        overflow: auto; /* 1 */
        vertical-align: top; /* 2 */
    }

    /*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

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

        /*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */

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

    /*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

    [hidden] {
        display: none;
    }


    /* =============================================================================
   Base
   ========================================================================== */

    /*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */



    /* =============================================================================
   Tables
   ========================================================================== */

    /*
 * Remove most spacing between table cells
 */

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
}

    /* Sets browsers to all use the device-width*/
@-webkit-viewport {
    width: device-width
}

@-moz-viewport {
    width: device-width
}

@-ms-viewport {
    width: device-width
}

@-o-viewport {
    width: device-width
}

@viewport {
    width: device-width
}