/*
 * MISCELLANEOUS BASE STYLES
*/

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI Light"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2) format("woff2"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff) format("woff"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf) format("truetype");
    font-weight: 100;
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI Semilight"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2) format("woff2"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff) format("woff"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf) format("truetype");
    font-weight: 200;
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2) format("woff2"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff) format("woff"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf) format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI Bold"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2) format("woff2"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff) format("woff"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf) format("truetype");
    font-weight: 600;
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI Semibold"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2) format("woff2"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff) format("woff"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf) format("truetype");
    font-weight: 700;
}

@font-face {
    font-family: 'SegoeUI-Historic';
    src: url('fonts/fonts/segoe/segoe-ui-historic.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'SegoeUI-Italic';
    src: url('fonts/fonts/segoe/segoe-ui-italic.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'SegoeUI-SemiBold-Italic';
    src: url('fonts/fonts/segoe/segoe-ui-semi-bold-italic.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('fonts/fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('fonts/fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('fonts/fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Montserrat-Light';
    src: url('fonts/fonts/Montserrat/Montserrat-Light.ttf') format('truetype');
    font-weight: 100;
}

html {
    height: 97% !important;
}

body {
    position: static !important;
    top: 0px !important;
    padding-top: 10px;
    margin: 0px 10px;
    font-family: SegoeUI,"Segoe UI",Arial,Helvetica,sans-serif !important;
    font-weight: 400;
    font-size: 11pt;
}

    body.newBody {
        margin: 0;
        background-position: left top;
        background-color: #666666;
        background-image: url(bodyBkgnd.gif);
        background-repeat: repeat-x;
        cursor: default;
    }

body, .defaultType {
    color: #333333;
}

    body.popup {
        margin: 0px;
        padding: 0px;
    }

.pad-left-6rem {
    padding-left: 6rem;
}

.pad-bottom-1rem {
    padding-bottom: 1rem;
}

.pad-vertical-2rem {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.pad-horizontal-1rem {
    padding-left: 1rem;
    padding-right: 1rem;
}

.flex {
    display: flex;
    flex-direction: row;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.display-flex {
    display: flex !important;
}

.display-none {
    display: none !important;
}

.display-block {
    display: block !important;
}

.vertical-align-text-bottom {
    vertical-align: text-bottom !important;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.pad-10 {
    padding: 10px;
}

.pad-20 {
    padding: 20px;
}

.pad-0 {
    padding: 0 !important;
}

.ft-size-16 {
    font-size: 16px;
}

.m-0 {
    margin: 0 !important;
}

.mt-30 {
    margin-top: 30px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-20 {
    margin-top: 20px
}

.mt-18 {
    margin-top: 18px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-5 {
    margin-top: 5px;
}

.mt-3 {
    margin-top: 3px;
}

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

.margin-right-8 {
    margin-right: 8px;
}

.mr-35 {
    margin-right: 35px;
}

.mr-15 {
    margin-right: 15px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-5 {
    margin-bottom: 5px;
}

.ml-5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-15 {
    margin-left: 15px;
}
.ml-30{
    margin-left:30px;
}
.w-100 {
    width: 100%;
}

.w-95 {
    width: 95%;
}

.w-55 {
    width: 55%;
}

.w-50 {
    width: 50%;
}

.w-45 {
    width: 45%;
}

.w-40 {
    width: 40%;
}

.w-35 {
    width: 35%;
}

.w-33-3 {
    width: 33.33%;
}

.w-24 {
    width: 24%;
}

.w-22 {
    width: 22%;
}

.w-21 {
    width: 21%;
}

.w-20 {
    width: 20%;
}

.w-5 {
    width: 5%;
}

.w-4 {
    width: 4%;
}

.w-1 {
    width: 1%;
}

.list-not-found {
    padding: 10px;
    text-align: center;
    line-height: normal;
}

.p-0 {
    padding: 0 !important;
}

.p-30 {
    padding: 30px !important;
}

.pt-8 {
    padding-top: 8px;
}

.pr-5 {
    padding-right: 5px;
}

.pr-12 {
    padding-right: 12px;
}

.pt-7 {
    padding-top: 7px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-10 {
    padding-right: 10px;
}

.pl-10 {
    padding-left: 10px;
}

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

.pb-1 {
    padding-bottom: 1px !important;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-12 {
    padding-bottom: 12px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pl-5 {
    padding-left: 5px;
}

.valign-top {
    vertical-align: top;
}

.no-wrap {
    white-space: nowrap;
}

.none-block {
    display: none;
}

.d-inline-block {
    display: inline-block;
}

.line-height-normal {
    line-height: normal;
}

.text-transform-uppercase {
    text-transform: uppercase;
}

.bold {
    font-weight: bold;
}

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

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

.table-cell {
    display: table-cell;
}

.valign-middle {
    vertical-align: middle !important;
}

.italic {
    font-style: italic;
}

.text-align-center {
    text-align: center;
}
.text-align-right{
    text-align:right;
}
.pointer {
    cursor: pointer !important;
}

.no-border {
    border: none !important;
}

.dark-grey {
    color: #ADADAD !important;
}

.text-wrap-normal {
    white-space: normal !important;
}

.word-break {
    word-break: break-word !important;
}

.justify-space-between {
    justify-content: space-between;
}

.white {
    color: #ffffff !important;
}

/* Miscellaneous Tooltip Styles */
.helpIcon {
    color: #25A0DA;
    font-size: 18px;
}

.ptooltip-block {
    padding: 0px 5px 0px 5px;
}

.template-help-icon {
    color: #004b7b !important;
    font-size: inherit !important;
}
.tooltip-gray-small {
    font-size: small;
    color: #e0e0e0;
}

/*  End Miscellaneous Tooltip Styles  */
/*  ===================================  END MISCELLANEOUS BASE STYLES   ============================== */

/*  ===================================  Settings UserControl Content  ============================== */

img.alignleft {
    float: left;
    clear: right;
    margin-right: 5px;
}

img.alignright {
    float: right;
    clear: left;
    margin-left: 5px;
}

.titleline {
    font-weight: 400;
    font-size: 16px;
}

    .titleline p {
        padding-top: 5px;
    }

.setting_desc {
    clear: both;
    font-size: smaller;
}

.setting_prompt p {
    font-weight: bold;
}



/*  =================================  End Settings UserControl Content  ============================= */

.panelBackground {
    background-color: #F6F6F6 !important;
}

.unauthorized {
    background: repeating-linear-gradient(45deg, #F6F6F6, #F6F6F6 80px, #FFF 80px, #FFF 160px);
    border: solid 2px #FF0000;
}

.grid_unauthorized,
.grid_unauthorized tr {
    background: repeating-linear-gradient(45deg, #ffF0F0, #ffF0F0 40px, #FFF 40px, #FFF 80px);
}

    .grid_unauthorized,
    .grid_unauthorized td {
        border-top: solid 1px #ff0000 !important;
        border-bottom: solid 1px #ff0000 !important;
    }

        .grid_unauthorized,
        .grid_unauthorized td:first-child {
            border-left: solid 1px #ff0000 !important;
        }

            .grid_unauthorized,
            .grid_unauthorized td:last-child {
                border-right: solid 1px #ff0000 !important;
            }

.authorizedChild {
    /*background: repeating-linear-gradient(45deg, #F6F6F6, #F6F6F6 80px, #FFF 80px, #FFF 160px);*/
    /*border: solid 1px #00C000; */
}

.gridBorders {
    border-bottom: solid 1px #a0a0a0 !important;
}


.horizontalRule {
    background-image: url(horizontalRule.gif);
    background-repeat: repeat-x;
    height: 1px;
    margin: 15px 0px;
}

.halfHorizontalRule {
    background-image: url(horizontalRule.gif);
    background-repeat: repeat-x;
    height: 1px;
    margin: 7px 0px;
}

.quarterHorizontalRule {
    background-image: url(horizontalRule.gif);
    background-repeat: repeat-x;
    height: 1px;
    margin: 3px;
}

.solidHorizontalRule {
    border-top: solid 1px #C0C0C0;
    height: 1px;
    margin: 15px 0px;
}

.halfSolidHorizontalRule {
    border-top: solid 1px #C0C0C0;
    height: 1px;
    margin: 7px 0px;
}

.quarterSolidHorizontalRule {
    border-top: solid 1px #C0C0C0;
    height: 1px;
    margin: 3px 0px;
}

/*
 * LINK STYLES
 */

a, a.grayLink {
    color: #333333;
    text-decoration: underline;
}

    a.lightGrayLink {
        color: #C0C0C0;
        text-decoration: underline;
    }

    a.grayHoverLink:link {
        color: #333333;
        text-decoration: none;
    }

    a.grayHoverLink:hover {
        color: #333333;
        text-decoration: underline;
    }

    a.grayHoverLink:active {
        color: #333333;
        text-decoration: none;
    }

    a.grayHoverLink:visited {
        color: #333333;
        text-decoration: none;
    }

    a.lightGrayHoverLink:link {
        color: #C0C0C0;
        text-decoration: none;
    }

    a.lightGrayHoverLink:hover {
        color: #C0C0C0;
        text-decoration: underline;
    }

    a.lightGrayHoverLink:active {
        color: #C0C0C0;
        text-decoration: none;
    }

    a.lightGrayHoverLink:visited {
        color: #C0C0C0;
        text-decoration: none;
    }



div.shortLinkButton /*CHECKED*/ {
    width: 90px;
    height: 22px;
    background-color: #E0E0E0;
    border: solid 1px #C0C0C0;
    display: table-cell;
    display: inline-block;
}

    div.shortLinkButton a /*CHECKED*/ {
        display: block;
        width: 75px;
        height: 18px;
        padding-left: 15px;
        padding-top: 4px;
        color: #333333;
        font-size: 8pt;
        text-align: left;
        text-decoration: none;
    }

        div.shortLinkButton a:hover /*CHECKED*/ {
            text-decoration: underline;
        }






/*
 * INPUT CONTROL STYLES
 */

.button {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
}

.textbox {
    color: #333333;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
    border: solid 1px #C0C0C0;
}

.textboxlink {
    color: #333333;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
    border: solid 1px #C0C0C0;
    cursor: pointer;
}

.textboxWatermark {
    color: #999999;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
}

span.shorterButton /* CHECKED */ {
    width: 70px;
    height: 22px;
    background-color: #E0E0E0;
    border: solid 1px #C0C0C0;
    display: table-cell;
    display: inline-block;
}

    span.shorterButton a /*CHECKED*/ {
        display: block;
        width: 55px;
        height: 18px;
        padding-left: 15px;
        padding-top: 4px;
        color: #333333;
        font-size: 8pt;
        text-align: left;
        text-decoration: none;
    }

span.shortButton a:hover /*CHECKED*/ {
    text-decoration: underline;
}

span.shortButton /*CHECKED*/ {
    width: 90px;
    height: 22px;
    background-color: #E0E0E0;
    border: solid 1px #C0C0C0;
    display: table-cell;
    display: inline-block;
}

    span.shortButton a /*CHECKED*/ {
        display: block;
        width: 75px;
        height: 18px;
        padding-left: 15px;
        padding-top: 4px;
        color: #333333;
        font-size: 8pt;
        text-align: left;
        text-decoration: none;
    }

        span.shortButton a:hover /*CHECKED*/ {
            text-decoration: underline;
        }

span.longButton /*CHECKED*/ {
    width: 180px;
    height: 22px;
    background-color: #E0E0E0;
    border: solid 1px #C0C0C0;
    display: table-cell;
    display: inline-block;
}

    span.longButton a /*CHECKED*/ {
        display: block;
        width: 165px;
        height: 18px;
        padding-left: 15px;
        padding-top: 4px;
        color: #333333;
        font-size: 8pt;
        text-align: left;
        text-decoration: none;
    }

        span.longButton a:hover /*CHECKED*/ {
            text-decoration: underline;
        }

/* --------------------------------------------------- UC:Button ---------------------------------------------------- */

a.redbtn {
    background: transparent url('/_media/images/grey_buttons_a.png') no-repeat scroll top right;
    display: block;
    float: left;
    height: 22px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

    a.redbtn span {
        background: transparent url('/_media/images/grey_buttons_span.png') no-repeat;
        display: block;
        line-height: 12px;
        padding: 5px 0 5px 18px;
    }

    a.redbtn:active {
        background-position: right -22px;
        outline: none; /* hide dotted outline in Firefox */
    }

        a.redbtn:active span {
            background-position: 0 -22px;
            padding: 6px 0 4px 18px; /* push text down 1px */
        }

a.greenbtn {
    background: transparent url('/_media/images/grey_buttons_a.png') no-repeat scroll top right;
    display: block;
    float: left;
    height: 22px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

    a.greenbtn span {
        background: transparent url('/_media/images/grey_buttons_span.png') no-repeat;
        background-position: 0 -88px;
        display: block;
        line-height: 12px;
        padding: 5px 0 5px 18px;
    }

    a.greenbtn:active {
        background-position: right -111px;
        outline: none; /* hide dotted outline in Firefox */
    }

        a.greenbtn:active span {
            background-position: 0 -111px;
            padding: 6px 0 4px 18px; /* push text down 1px */
        }

a.bluebtn {
    background: transparent url('/_media/images/grey_buttons_a.png') no-repeat scroll top right;
    float: left;
    height: 22px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

    a.bluebtn span {
        background: transparent url('/_media/images/grey_buttons_span.png') no-repeat;
        background-position: 0 -44px;
        display: block;
        line-height: 12px;
        padding: 5px 0 5px 18px;
    }

    a.bluebtn:active {
        background-position: right -67px;
        outline: none; /* hide dotted outline in Firefox */
    }

        a.bluebtn:active span {
            background-position: 0 -67px;
            padding: 6px 0 4px 18px; /* push text down 1px */
        }
/* ----------------------------------------------------------------- end UC:Button ---------------------------------------- */

/*
 * GROUP BOX STYLES
 */

div.grayGroupBox {
    border-left: solid 1px #C0C0C0;
    border-top: solid 1px #C0C0C0;
    border-right: solid 1px #999999;
    border-bottom: solid 1px #999999;
}

    div.grayGroupBox div.pwHeader {
        background-color: #E0E0E0;
        background-image: url(horizontalGradientBar.gif);
        background-position: left top;
        background-repeat: repeat-x;
        padding: 4px 10px;
        color: #666666;
        font-family: Tahoma, Arial, Helvetica, Sans-Serif;
        font-size: 8pt;
        font-weight: bold;
        text-align: left;
    }

    div.grayGroupBox div.pwContent {
        border-top: solid 1px #999999;
        padding: 15px 10px;
    }

.simpleGroupBox div.pwHeader {
    background-color: Transparent;
    background-image: none;
    border: none;
    margin: 0;
    padding: 5px 0;
    color: #666666;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 8pt;
    font-weight: bold;
    line-height: normal;
    text-align: left;
}

.simpleGroupBox div.pwContent {
    border: none;
    margin: 0;
    padding: 0;
}

div.h2GroupBox {
    margin-top: 10pt;
}

    div.h2GroupBox div.pwHeader {
        background-color: Transparent;
        background-image: none;
        border: none;
        border-bottom: solid 1px #999999;
        padding: 4px 2px;
    }

    div.h2GroupBox h2 {
        margin: 0;
        padding: 0;
        color: #666666;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 10pt;
        font-weight: bold;
        line-height: normal;
        text-align: left;
    }

    div.h2GroupBox div.pwContent {
        border: none;
        margin: 10pt 0 0 10pt;
    }

div.h3GroupBox {
    margin-top: 10pt;
}

.h3GroupBox div.pwHeader {
    background-color: #E0E0E0;
    background-image: url(horizontalGradientBar.gif);
    background-repeat: repeat-x;
    border-left: solid 1px #C0C0C0;
    border-top: solid 1px #C0C0C0;
    border-right: solid 1px #999999;
    border-bottom: solid 1px #999999;
    padding: 4px;
}

.h3GroupBox h3 {
    margin: 0;
    padding: 0;
    color: #666666;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 8pt;
    font-weight: bold;
    line-height: normal;
    text-align: left;
}

.h3GroupBox div.pwContent {
    border: none;
    margin: 10pt 0 0 10pt;
}

div.h4GroupBox {
    margin-top: 10pt;
}

.h4GroupBox div.pwHeader {
    padding: 4px 2px;
}

.h4GroupBox div.pwHeader {
    background-color: Transparent;
    background-image: none;
    border: none;
    padding: 0;
}

.h4GroupBox h4 {
    margin: 0;
    padding: 0;
    color: #666666;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 8pt;
    font-weight: bold;
    line-height: normal;
    text-align: left;
}

.h4GroupBox div.pwContent {
    border: none;
    margin: 5pt 0 0 10pt;
}


/*
 * DATA GRID STYLES
 */


th.primaryGridHeader, tr.primaryGridHeader td /*CHECKED*/ {
    border-bottom: solid 1px #999999;
    padding: 3px 10px;
    color: #666666;
    font-weight: bold;
    font-variant: small-caps;
    text-align: left;
    white-space: nowrap;
    vertical-align: bottom;
}

    th.primaryGridHeader a, tr.primaryGridHeader a /*CHECKED*/ {
        color: #666666;
        text-decoration: none;
    }

        th.primaryGridHeader a:hover, tr.primaryGridHeader a:hover /*CHECKED*/ {
            text-decoration: underline;
        }

tr.primaryGridFooter td /*CHECKED*/ {
    border-top: solid 2px #999999;
    padding: 4px 10px;
}

tr.primaryGridItem td /*CHECKED*/ {
    background-color: #FFFFFF;
    border-bottom: solid 1px #E0E0E0;
    border-top: solid 1px #E0E0E0;
    padding: 4px 10px;
    color: #333333;
    font-weight: normal;
    text-align: left;
    /*	white-space: nowrap; */
    vertical-align: top;
}

tr.primaryGridSelectableItem td /*CHECKED*/ {
    background-color: #FFFFFF;
    border-bottom: solid 1px #E0E0E0;
    border-top: solid 1px #E0E0E0;
    padding: 4px 10px;
    cursor: pointer;
    color: #333333;
    font-weight: normal;
    text-align: left;
    /*	white-space: nowrap; */
    vertical-align: top;
}

tr.primaryGridEditItem td /*CHECKED*/ {
    background-color: #FFFFFF;
    border-bottom: solid 1px #E0E0E0;
    border-top: solid 1px #E0E0E0;
    padding: 4px 10px;
    color: #333333;
    font-weight: bold;
    text-align: left;
    /*	white-space: nowrap; */
    vertical-align: top;
}

tr.primaryGridActionItem td, td.primaryGridActionItem /*CHECKED*/ {
    background-color: #FFFFFF;
    border-bottom: solid 1px #E0E0E0;
    border-top: solid 1px #E0E0E0;
    padding: 4px 0px 4px 8px !important;
    color: #333333;
    font-weight: normal;
    text-align: left;
    /*	white-space: nowrap; */
    vertical-align: top;
}

tr.primaryGridAltItem td /*CHECKED*/ {
    background-color: #F2F2F2;
    border-bottom: solid 1px #E0E0E0;
    border-top: solid 1px #E0E0E0;
    padding: 4px 10px;
    color: #333333;
    font-weight: normal;
    text-align: left;
    /*	white-space: nowrap; */
    vertical-align: top;
}

tr.primaryGridAltSelectableItem td /*CHECKED*/ {
    background-color: #F2F2F2;
    border-bottom: solid 1px #E0E0E0;
    border-top: solid 1px #E0E0E0;
    padding: 4px 10px;
    cursor: pointer;
    color: #333333;
    font-weight: normal;
    text-align: left;
    /*	white-space: nowrap; */
    vertical-align: top;
}

tr.primaryGridAltActionItem td /*CHECKED*/ {
    background-color: #F2F2F2;
    border-bottom: solid 1px #E0E0E0;
    border-top: solid 1px #E0E0E0;
    padding: 4px 0 4px 8px !important;
    color: #333333;
    font-weight: normal;
    text-align: left;
    /*	white-space: nowrap; */
    vertical-align: top;
}

tr.primaryGridPager td /*CHECKED*/ {
    color: #666666;
    font-weight: bold;
    text-align: left;
    white-space: normal;
}

tr.primaryGridPager a /*CHECKED*/ {
    color: #666666;
    font-weight: bold;
}

th.secondaryGridHeader /*CHECKED*/ {
    background-image: url(horizontalRule.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    color: #666666;
    font-weight: bold;
    padding: 1px 15px;
    vertical-align: bottom;
    white-space: nowrap;
}

    th.secondaryGridHeader a /*CHECKED*/ {
        color: #333333;
        text-decoration: none;
    }

        th.secondaryGridHeader a:hover /*CHECKED*/ {
            text-decoration: underline;
        }

tr.secondaryGridHeader td /*CHECKED*/ {
    background-image: url(horizontalRule.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    color: #666666;
    font-weight: bold;
    padding: 1px 15px;
    vertical-align: bottom;
    white-space: nowrap;
}

tr.secondaryGridHeader a /*CHECKED*/ {
    color: #333333;
    text-decoration: none;
}

    tr.secondaryGridHeader a:hover /*CHECKED*/ {
        text-decoration: underline;
    }

tr.secondaryGridItem td /*CHECKED*/ {
    background-color: Transparent;
    padding: 1px 15px;
    /*	white-space: nowrap; */
}

tr.secondaryGridAltItem td /*CHECKED*/ {
    background-color: Transparent;
    padding: 1px 15px;
    /*	white-space: nowrap; */
}

table.gridItemTable td {
    border: none;
    margin: 0;
    padding: 0;
}



.aspDataGridHeader {
}

.aspDataGridItem {
    background-color: #FFFFFF;
}

.aspDataGridAlternatingItem {
    background-color: #E0E0E0;
}

.aspDataGridPager {
    background-color: #C0C0C0;
    font-weight: bold;
}


.aspDataGridLightHeader td {
    background-image: url(horizontalRule.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    padding: 1px 8px 1px 2px;
}

.aspDataGridLightItem td {
    background-color: #FFFFFF;
    padding: 1px 4px 1px 2px;
}

.aspDataGridLightAlternatingItem td {
    background-color: #FFFFFF;
    padding: 1px 4px 1px 2px;
}


/*
 * FORM ELEMENTS
 */

.viewLabel, .formLabel {
    padding: 1px 0px;
    line-height: 1.2em;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.viewValue, .formValue {
    padding: 1px 0px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.viewValueMultiline, .formValueMultiline {
    padding: 1px 0px;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    white-space: normal;
}




.viewHorzLabel /*CHECKED*/ {
    height: 1.1em;
    overflow: visible;
    padding: 3px 0px;
    font-weight: normal;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
}

.viewHorzTopAlignedLabel /*CHECKED*/ {
    height: 1.1em;
    overflow: visible;
    padding: 3px 0px;
    font-weight: normal;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
}

.viewHorzValue /*CHECKED*/ {
    height: 1.1em;
    overflow: visible;
    padding: 3px 0px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

    .viewHorzValue a /*CHECKED*/ {
        font-weight: normal;
    }

.viewHorzMultilineValue /*CHECKED*/ {
    padding: 3px 0px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    white-space: normal;
}

.viewHorzSpacer /*CHECKED*/ {
    width: 1.5em;
}

.editLabel {
    padding: 1px 0px;
    line-height: 1.2em;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.editValue {
    padding: 1px 0px;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.editValueMultiline {
    padding: 1px 0px;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    white-space: normal;
}

.editVertLabel /*CHECKED*/ {
    padding: 2px 0px !important;
    font-weight: bold;
    text-align: left;
    vertical-align: bottom;
    white-space: nowrap;
}

.editVertValue /*CHECKED*/ {
    padding: 2px 0px !important;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.editVertMultilineValue /*CHECKED*/ {
    padding: 2px 0px !important;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    white-space: normal;
}

.editVertSpacer /*CHECKED*/ {
    height: 1.3em !important;
}


.editHorzLabel {
    height: 2em;
    overflow: visible;
    padding: 1px 0px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

.setting_prompt .editHorzLabel {
    width: 90px;
}

.editHorzTopAlignedLabel {
    height: 2em;
    overflow: visible;
    padding: 1px 0px;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.editHorzValue {
    height: 2em;
    overflow: visible;
    padding: 1px 0px;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

.editHorzMultilineValue {
    height: 2em;
    overflow: visible;
    padding: 1px 0px;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    white-space: normal;
}

.editHorzSpacer {
    padding: 0 0.5em;
}

.errorText {
    color: Red;
    font-weight: bold;
}

    .errorText a, .errorText a:link, .errorText a:hover, .errorText a:active, .errorText a:visited {
        color: Red;
        font-weight: bold;
        text-decoration: underline;
    }

.validatorText {
    color: Red;
    font-weight: bold;
}

    .validatorText a, .validatorText a:link, .validatorText a:hover, .validatorText a:active, .validatorText a:visited {
        color: Red;
        font-weight: bold;
        text-decoration: underline;
    }


/*
 * PAGE STYLES
 */

.pageFrame {
    background-color: #C0C0C0;
    border-left: solid 1px #999999;
    border-right: solid 1px #999999;
}

.pagePane {
    background-color: #FFFFFF;
    border: solid 1px #666666;
}

.borderedPagePane {
    background-color: #FFFFFF;
    border-left: solid 1px #C0C0C0;
    border-top: solid 1px #C0C0C0;
    border-right: solid 1px #999999;
    border-bottom: solid 1px #999999;
}

.rightPagePaneShadow {
    background-color: #C0C0C0;
    background-image: url(pagePaneShadow_R.gif);
    background-position: left top;
    background-repeat: repeat-y;
}

.bottomPagePaneShadow {
    background-color: #C0C0C0;
    background-image: url(pagePaneShadow_B.gif);
    background-position: left top;
    background-repeat: repeat-x;
}

/*
 * LEFT NAV MENU STYLES
 */

.leftNavPaneExpanded {
    background-color: #F2F2F2;
    background-image: url(leftNavBkgnd.gif);
    background-position: left top;
    background-repeat: repeat-x;
    border: solid 1px #666666;
}




div.loginStatus {
    padding: 4px;
    text-align: left;
}

div.leftNavMenu {
    padding: 6px;
    text-align: left;
}

    div.leftNavMenu .header {
    }

    div.leftNavMenu ul.linkList {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    div.leftNavMenu a:link, div.leftNavMenu a:visited {
        color: #333333;
        text-decoration: none;
    }

    div.leftNavMenu a:active, div.leftNavMenu a:hover {
        color: #333333;
        text-decoration: underline;
    }

    div.leftNavMenu .horizontalRule {
        margin: 5px 0px;
    }


/*
 * MAIN CONTENT AREA STYLES
 */

.workAreaPane {
    background-color: #F2F2F2;
    background-image: url(workAreaBkgnd.gif);
    background-position: left top;
    background-repeat: repeat-x;
    border: solid 1px #666666;
}

.signinWorkAreaPane {
    background-image: url(body.jpg);
    /*	background-position:0px 0px; */
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    border: solid 1px #666666;
    border-bottom: none;
}

.breadCrumbList {
    background-color: #EFEFEF;
    padding: 5px;
    text-align: left;
}

div.contentMasthead {
}

div.contentHeader {
    padding: 12px;
    border-top: solid 1px #999999;
}

    div.contentHeader img.headerImage {
        padding-right: 10px;
    }

    div.contentHeader h1 {
        margin: 0;
        padding: 0 0 3px 0;
        line-height: normal;
    }

    div.contentHeader .title {
        font-family: Arial, Helvetica, Sans-Serif;
        font-weight: bold;
        font-size: 10pt;
    }

    div.contentHeader .subTitle {
        font-family: Tahoma, Arial, Helvetica, Sans-Serif;
        font-weight: normal;
        font-size: 8pt;
    }

    div.contentHeader .description {
    }

div.workAreaHeader {
    background-color: #FFFFFF;
    border-bottom: solid 1px #C0C0C0;
    padding: 20px 0px 0px 0px;
}


div.tabbedWorkAreaHeader {
    padding: 5px 10px 0px;
}


div.tabbedWorkAreaHeader2 {
    background-image: url(header.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color: #FFFFFF;
    padding: 24px 30px 0px 30px;
}

div.workAreaTitle /*CHECKED*/ {
    padding-bottom: 15px;
}

    div.workAreaTitle img.workAreaIcon /*CHECKED*/ {
        margin-right: 10px;
    }

    div.workAreaTitle h1 /*CHECKED*/ {
        margin: 0;
        padding: 0 0 3px 0;
        line-height: normal;
    }

    div.workAreaTitle .siteName /*CHECKED*/ {
    }

    div.workAreaTitle .title /*CHECKED*/ {
        font-family: Arial, Helvetica, Sans-Serif;
        font-weight: bold;
        font-size: 12pt;
    }

    div.workAreaTitle .subTitle /*CHECKED*/ {
        font-family: Arial, Helvetica, Sans-Serif;
        font-weight: normal;
        font-size: 11pt;
    }

    div.workAreaTitle .description /*CHECKED*/ {
    }

div.workAreaTabStrip /*CHECKED*/ {
    margin-left: -15px;
}

div.workAreaBkgnd {
    padding: 0 30px 10px 30px;
}

div.workAreaFocusPane {
    background-color: #FFFFFF;
    border: solid 1px #C0C0C0;
    zoom: 100%; /* IE6 Hack */
}

.workAreaFocusPane div.workAreaFocusHeader {
    background-color: #054c7b;
    background-image: url(horizontalGradientBar_blue.gif);
    background-position: top left;
    background-repeat: repeat-x;
    padding: 6px 15px;
    zoom: 100%; /* IE6 Hack */
}

div.workAreaFocusPane div.workAreaFocusHeader h2 {
    color: #FFFFFF;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12pt;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

div.workAreaFocusPane .workAreaFocusContents {
    padding: 15px 20px;
}




div.contentMenuItem {
    padding: 12px 0px 12px 0px;
}

    div.contentMenuItem img.menuItemImage {
        padding-right: 5px;
        border: none;
    }

    div.contentMenuItem h1 {
        margin: 0;
    }

    div.contentMenuItem A {
        text-decoration: none;
    }

    div.contentMenuItem .title {
        font-family: Arial, Helvetica, Sans-Serif;
        font-weight: bold;
        font-size: 8pt;
    }

    div.contentMenuItem .subTitle {
        font-family: Tahoma, Arial, Helvetica, Sans-Serif;
        font-weight: normal;
        font-size: 8pt;
    }

    div.contentMenuItem .description {
    }

div.simpleContentPane {
    background-color: #FFFFFF;
    border-top: solid 1px #999999;
    padding: 15px;
}

div.outerBorderedContentPane {
    background-color: #E0E0E0;
    background-image: url(horizontalGradientBar.gif);
    background-position: top left;
    background-repeat: repeat-x;
    padding: 16px 6px 6px 6px;
}

div.innerBorderedContentPane {
    background-color: #FFFFFF;
    border-left: solid 1px #C0C0C0;
    border-top: solid 1px #C0C0C0;
    border-right: solid 1px #EFEFEF;
    border-bottom: solid 1px #EFEFEF;
}

div.outerTabbedBorderedContentPane {
    background-color: #ECECEC;
    border-left-color: #BCBCBC;
    border-left-style: solid;
    border-left-width: 1px;
    padding: 5px 5px 5px 5px;
}

div.innerTabbedBorderedContentPane {
    background-color: #FFFFFF;
    border-left: solid 1px #BCBCBC;
    border-top: solid 1px #BCBCBC;
    border-right: solid 1px #EFEFEF;
    border-bottom: solid 1px #EFEFEF;
}

.standardContentMargin {
    margin: 15px;
}



.modalBackground {
    background-color: #C0C0C0;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.tabbedOpaqueDiv {
    background: rgb(0, 0, 0) transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(255,255,255,0.93); /* RGBa with opacity */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D0FFFFFF, endColorstr=#D0FFFFFF); /* For IE 5.5 - 7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D0FFFFFF, endColorstr=#D0FFFFFF)"; /* For IE 8*/
    padding: 20px;
    -moz-border-radius: 0px 0px 8px 0px;
    -webkit-border-radius: 0px 0px 8px 0px;
    border-radius: 0px 0px 8px 0px;
    -moz-box-shadow: 3px 3px 5px #aaa;
    -webkit-box-shadow: 3px 3px 5px #aaa;
    box-shadow: 3px 3px 5px #aaa;
    border: thin solid #828282;
}


.toolbar {
    background-color: #fff;
    /*	background-image: url(horizontalGradientBar.gif);
	background-position: left top;
	background-repeat: repeat-x;
*/
    padding: 5px;
    border: solid 1px #C0C0C0;
}

.roundcont {
    width: 100%;
    background-color: #f2f2f2;
}

    .roundcont p {
        margin: 0 10px;
    }

.roundtop {
    background: url(/_media/images/corners/f2f2f2/tr.gif) no-repeat top right;
}

.roundbottom {
    background: url(/_media/images/corners/f2f2f2/br.gif) no-repeat top right;
}

img.corner {
    width: 15px;
    height: 15px;
    border: none;
    display: block !important;
}

/*  Drop Shadow Stuff */
.wrap1, .wrap2, .wrap3 {
    display: inline-table;
    /* \*/ display: block; /**/
}

.wrap1 {
    width: 100%;
    float: left;
    background: url(dropshadow/shadow.gif) right bottom no-repeat;
}

.wrap2 {
    background: url(dropshadow/corner_bl.gif) -4px 100% no-repeat;
}

.wrap3 {
    padding: 0 8px 8px 0;
    background: url(dropshadow/corner_tr.gif) 100% -4px no-repeat;
}

    .wrap3 img {
        /*  display:block; 
  border:1px solid #ccc;
  border-color:#efefef #ccc #ccc #efefef;
*/
    }

/* End Drop Shadow Stuff */



/*  Drop Shadow Stuff */
.wrap1_dark, .wrap2_dark, .wrap3_dark {
    display: inline-table;
    /* \*/ display: block; /**/
}

.wrap1_dark {
    width: 100%;
    float: left;
    background: url(dropshadow/shadow_dark.gif) right bottom no-repeat;
}

.wrap2_dark {
    background: url(dropshadow/corner_bl_dark.gif) -4px 100% no-repeat;
}

.wrap3_dark {
    padding: 0 8px 8px 0;
    background: url(dropshadow/corner_tr_dark.gif) 100% -4px no-repeat;
}

.wrap3 img {
    /*  display:block; 
  border:1px solid #ccc;
  border-color:#efefef #ccc #ccc #efefef;
*/
}

/* End Drop Shadow Stuff */

/* --------------------------------------------------- Telerik Stuff -------------------------------------------------------*/

.rgMasterTable {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif !important;
    font-weight: normal !important;
    font-size: medium !important;
    line-height: 34px !important;
}

.riTextBox {
    line-height: normal !important;
}


.RadForm_MetroTouch.rfdCheckbox input[type="checkbox"],
.RadForm_MetroTouch .rfdCheckboxUnchecked {
    background: url('/_telerik_skins/images/unchecked_checkbox.png') no-repeat !important;
}

    .RadForm_MetroTouch.rfdCheckbox input[type="checkbox"][disabled],
    .RadForm_MetroTouch.rfdCheckbox input[type="checkbox"][disabled]:hover,
    .RadForm_MetroTouch .rfdInputDisabled.rfdCheckboxUnchecked {
        background: url('/_telerik_skins/images/unchecked_checkbox_disabled.png') no-repeat !important;
    }

    .RadForm_MetroTouch.rfdCheckbox input[type="checkbox"]:checked,
    .RadForm_MetroTouch .rfdCheckboxChecked {
        background: url('/_telerik_skins/images/checked_checkbox.png') no-repeat !important;
    }


    .RadForm_MetroTouch.rfdCheckbox input[type="checkbox"][disabled]:checked,
    .RadForm_MetroTouch.rfdCheckbox input[type="checkbox"][disabled]:checked:hover {
        background: url('/_telerik_skins/images/checked_checkbox_disabled.png') no-repeat !important;
    }

    .RadForm_MetroTouch.rfdCheckbox input[type="checkbox"]:hover:checked {
        background: url('/_telerik_skins/images/checked_checkbox.png') no-repeat !important;
    }

    .RadForm_MetroTouch.rfdCheckbox input[type="checkbox"]:hover {
        background: url('/_telerik_skins/images/unchecked_hover_checkbox.png') no-repeat !important;
    }

.RadForm_MetroTouch.rfdRadio input[type="radio"]:not(.rbBasic),
.RadForm_MetroTouch .rfdRadioUnchecked {
    background: url('/_telerik_skins/images/unchecked_checkbox.png') no-repeat !important;
}

.RadForm_MetroTouch.rfdRadio input[type="radio"]:checked:not(.rbBasic),
.RadForm_MetroTouch .rfdRadioChecked {
    background: url('/_telerik_skins/images/checked_checkbox.png') no-repeat !important;
}



.RadForm_MetroTouch.rfdRadio input[type="radio"]:not(.rbBasic),
.RadForm_MetroTouch.rfdRadio input[type="radio"]:checked:not(.rbBasic),
.RadForm_MetroTouch.rfdCheckbox input[type="checkbox"],
.RadForm_MetroTouch.rfdCheckbox input[type="checkbox"]:checked,
.RadForm_MetroTouch.rfdCheckbox input[type="checkbox"]:hover,
.RadForm_MetroTouch.rfdCheckbox input[type="checkbox"]:hover:checked,
.RadForm_MetroTouch.rfdCheckbox input[type="checkbox"][disabled],
.RadForm_MetroTouch.rfdCheckbox input[type="checkbox"][disabled]:checked,
.RadForm_MetroTouch.rfdCheckbox input[type="checkbox"][disabled]:hover,
.RadForm_MetroTouch.rfdCheckbox input[type="checkbox"][disabled]:checked:hover {
    background-position: 0px 3px !important;
    background-size: 20px 16px !important;
    height: 22px !important;
    line-height: 22px !important;
    padding-left: 22px !important;
}


.RadForm_MetroTouch .rfdCheckboxUnchecked,
.RadForm_MetroTouch .rfdCheckboxChecked,
.RadForm_MetroTouch .rfdCheckboxUnchecked.rfdInputDisabled,
.RadForm_MetroTouch .rfdCheckboxChecked.rfdInputDisabled,
.RadForm_MetroTouch .rfdRadioUnchecked,
.RadForm_MetroTouch .rfdRadioChecked,
.RadForm_MetroTouch .rfdRadioUnchecked.rfdInputDisabled,
.RadForm_MetroTouch .rfdRadioChecked.rfdInputDisabled {
    background-position: 0px 6px !important;
    background-size: 20px 16px !important;
    height: 22px !important;
    line-height: 22px !important;
    padding-left: 22px !important;
}

/*
 * EVENTS PAGE
 */
.event-description a {
    color: #004b7b;
    font-weight: bold;
}

.event-left-align {
    text-align: left;
    font-size: medium;
}

.event-validatorText {
    position: absolute;
    top: 10px;
}

.event-price-border {
    border-left: 1px solid #e2e2e2 !important;
    border-right: 1px solid #e2e2e2 !important;
}

/*
 * CREDIT CARD CONTROL
 */
.cardcontrol-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

    .cardcontrol-container .form-control {
        height: 36px;
        border: 1px solid #e6e6e6;
        font-size: 16px;
    }

    .cardcontrol-container input::placeholder {
        color: #bbb;
        font-style: italic;
        font-weight: 300;
    }

    .cardcontrol-container input:hover::placeholder {
        color: #333;
        font-style: italic;
        font-weight: 300;
    }

    .cardcontrol-container .card-type {
        background-image: url(../_media/images/cards.png);
        background-position: 3px 8px !important;
        background-size: 40px 252px; /* 89 x 560 */
        background-repeat: no-repeat;
        padding-left: 48px !important;
    }

    .cardcontrol-container .card_visa {
        background-position: 3px -20px !important;
    }

    .cardcontrol-container .card_visa_electron {
        background-position: 3px -49px !important;
    }

    .cardcontrol-container .card_mastercard {
        background-position: 3px -78px !important;
    }

    .cardcontrol-container .card_maestro {
        background-position: 3px -106px !important;
    }

    .cardcontrol-container .card_discover {
        background-position: 3px -137px !important;
    }

    .cardcontrol-container .card_amex {
        background-position: 3px -166px !important;
    }

    .cardcontrol-container .card_diner {
        background-position: 3px -194px !important;
    }

    .cardcontrol-container .card_jcb {
        background-position: 3px -223px !important;
    }

    .cardcontrol-container .card_unknown {
        background-position: 3px 8px !important;
    }
/*
 * SIGNUP-SUCESS PAGE
 */
.signup-success {
    width: 100%;
}

    .signup-success .image-section,
    .signup-success .button-section,
    .signup-success .link-section {
        margin: 30px auto;
        display: table;
    }

        .signup-success .image-section .image-items {
            display: inline-block;
            text-align: center;
            padding: 0 15px;
            vertical-align: middle;
        }

            .signup-success .image-section .image-items img {
                width: 100%;
                object-fit: contain;
            }

    .signup-success .button-section {
        margin: 20px auto 8px auto;
        text-align: center;
    }

        .signup-success .button-section .dark-blue-button {
            font-family: "Segoe UI",Arial,Helvetica,sans-serif;
            line-height: 1.5;
            background-color: #014B7C !important;
            border-radius: 4px;
            font-weight: 600;
            padding: 12px 30px !important;
            font-size: 1.3em !important;
            color: #FFFFFF;
            background-color: #25A0DA;
            border-color: #666666;
            box-shadow: 3px 3px 5px #ccc;
            text-decoration: none;
            border-width: 1px;
            min-height: 1.41666667em;
            box-sizing: border-box;
            display: inline-block;
            position: relative;
            border-style: solid;
            cursor: pointer;
            vertical-align: top;
            white-space: nowrap;
        }

            .signup-success .button-section .dark-blue-button:hover {
                background-color: #014B7C !important;
            }

    .signup-success .link-section .link-section {
        margin: 0 auto 30px auto;
        text-align: center;
    }

        .signup-success .link-section .link-section a {
            color: #004b7b !important;
        }
/*
 * SIGNUP-PURCHASE PAGE
 */
.signup-purchase-sidebar .label {
    margin-bottom: 3px;
    margin-top: 6px;
    font-weight: bold;
}

.signup-purchase-sidebar .label-value, .signup-payment-total .label-value {
    font-size: 10.5pt;
    color: #333;
}

.redColorText {
    color: red;
}

.signup-purchase__payment-info {
    margin-top: 20px;
}

.signup-purchase-sidebar .list-style {
    margin: 0;
    color: #333;
}

.tbUtiliesPopup img {
    display: block;
    width: 100%;
    height: auto;
}

.signup-purchase-sidebar .list-style li {
    margin-top: 8px;
}

.signup-purchase__payment-info .outerMultiPage, .subscription_billing_info .outerMultiPage {
    border: 1px solid #dddddd;
    padding: 20px;
}

.bank-account {
    display: flex;
}

.bank-account-details,
.bank-account-helper-image {
    flex: 1;
}

.bank-account-details {
    margin-right: 30px;
}

    .bank-account-details .label {
        margin-top: 10px;
        margin-bottom: 2px;
    }

    .bank-account-details select.form-control {
        height: 36px;
        border: 1px solid #e6e6e6;
        font-size: 16px;
    }

    .bank-account-details input {
        padding: 2px 8px !important;
    }

        .bank-account-details input::placeholder {
            color: #bbb;
            font-style: italic;
            font-weight: 300;
        }

.customer_info_details .lnkTitle {
    float: left;
    position: relative;
}

.customer_info_details .btnEditCustomer {
    float: right;
    position: relative;
}

.update-payment-info {
    width: 900px;
}

    .update-payment-info .outerMultiPage {
        border: 1px solid #dddddd;
        padding: 20px;
    }

    .update-payment-info .bank-account {
        margin-top: 15px;
    }

    .update-payment-info .update-payment-btn {
        text-align: center;
        margin-top: 10px;
    }

.update-notification-payment-info {
    width: 900px;
}

    .update-notification-payment-info .card-info-block {
        height: 330px;
        display: table;
        width: 100%;
    }

    .update-notification-payment-info .outerMultiPage {
        border: 1px solid #dddddd;
        padding: 20px;
    }

    .update-notification-payment-info .bank-account {
        margin-top: 15px;
    }

    .update-notification-payment-info .update-payment-btn {
        text-align: center;
        margin-top: 10px;
        display: table;
        width: 100%;
    }

.activate-charge {
    display: none;
}

.btn-notify-popup {
    padding: 10px 25px !important;
    border-radius: 3px;
    font-size: 18px !important;
}

.begin-subscription {
    color: #19a9da;
    text-decoration: none;
}

.div-failed-charges-label {
    text-align: center;
    margin-top: 10px;
    color: #585858;
    font-size: 13px;
}

.customer_info_details .lnkNameStyle {
    width: 65%;
    float: left;
    position: relative;
    white-space: pre-wrap;
}

.customer_info_details .customer-info-table td {
    white-space: nowrap;
}

.rgNotes tr td:first-child {
    white-space: nowrap;
}

.customer_info_details .edit-customer-btn-block {
    width: 35%;
    float: left;
    position: relative;
}

.multiEmailAddress .racEmptyMessage {
    font: italic 100 16px "Segoe UI", Arial, Helvetica, sans-serif !important;
    color: rgb(187, 187, 187) !important;
    text-indent: 0px !important;
    opacity: 1 !important;
}

.multiEmailAddress .racHovered .racEmptyMessage {
    color: #333 !important;
}

.multiEmailAddress .racRemoveTokenLink {
    text-decoration: none;
}

.multiEmailAddress .racToken {
    line-height: 28px;
    vertical-align: top;
}

.RadAutoCompleteBox .racInput {
    text-indent: 0px !important;
}

.lblActivationLink {
    font-weight: bold;
}

.begin-sub-note-text {
    color: gray;
    padding-left: 10px;
    padding-top: 3px;
    font-size: 11px;
}

.pass-usage-detail-link {
    cursor: pointer;
}

.pass-usage-tooltip {
    margin-top: 4px;
}
/*
 * ADD - EDIT NOTE POPUP
 */
.noborder {
    border: none !important;
}

#tblAddEditNote .RadUpload .ruBrowse {
    width: 105px !important;
}

#tblAddEditNote .RadUpload .ruAdd {
    width: 190px !important;
}

#tblAddEditNote .reLeftVerticalSide {
    padding: 0px !important;
}

/*
 * ADD Worker
 */
.search-integration-worker-link-section {
    margin: 15px 0px;
    text-align: center;
}

/*
 * QR Code
 */
.qr-main {
    height: auto;
    max-width: 400px;
    margin: auto auto;
    box-shadow: 00px 00px 60px #000;
}

    .qr-main .qr-logo-section {
        background-color: white;
        padding: 20px 0px 10px 0px;
        text-align: center;
    }

    .qr-main .qr-security-code-section {
        padding-bottom: 10px;
        font-size: 15px;
        font-weight: 400;
        border-bottom: 1px solid #ccc;
        text-align: center;
        color: #24292e;
    }

    .qr-main .qr-security-code {
        font-size: 30px;
        font-weight: bolder;
        color: #24292e;
    }

    .qr-main .qr-bar-code {
        padding: 10px 0px;
        font-size: 15px;
        border-bottom: 1px solid #ccc;
        text-align: center;
        font-weight: 400;
        color: #24292e;
    }

    .qr-main .qr-bar-code-text {
        padding: 10px 0px;
        font-size: 15px;
        border-bottom: 1px solid #ccc;
        text-align: center;
        font-weight: 700;
        color: #3e4347;
    }

    .qr-main .qr-content-section {
        padding: 10px;
        font-size: 14px;
        border-bottom: 1px solid #ccc;
        text-align: center;
        color: #24292e;
        font-weight: 400;
    }

    .qr-main .qr-default-logo {
        padding-top: 10px;
        text-align: center;
    }
/*
 * Send Invitation
 */
.send-invitation-link {
    margin: 3px 0px;
}
/*
 * Invitation Set Login Account UI
 */
.invitation-web-link {
    color: #88BF40;
    font-weight: 400;
    text-decoration: none;
}
/*
    *Advance Notification
*/
.notification-highlight {
    background-color: #e0e0e0;
    width: 1170px;
    display: table;
    vertical-align: middle;
    color: #333;
}

.notification-section {
    width: 81.2%;
    padding: 20px 0px 20px 30px;
    display: inline-block;
    vertical-align: middle;
}

.notification-section-block {
    width: 33.33%;
    float: left;
    position: relative;
}

.notification-section-block-content {
    width: 250px;
    font-size: 12pt;
    text-align: center;
    font-weight: bold;
}

.notification-greater-than-three-block {
    width: 16%;
    /*float: left;*/
    position: relative;
    font-size: 12pt;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}

.notification-greater-than-three-block-content {
    border: 1px solid #eeeeee;
    background-color: #ffffff;
    width: 100px;
    text-align: center;
    /*top: 35px;*/
    padding: 20px 20px;
    position: relative;
    border-radius: 5px;
    text-decoration: none;
    display: block;
}

.notify-highlight-btn {
    margin-top: 20px;
}

.notification-btn {
    color: #004b7b;
    text-decoration: none;
}

.notification-video-thumbnail {
    height: 150px;
    width: 250px;
    object-fit: cover;
    margin-bottom: 10px;
    border-radius: 10px;
}

.notification-content {
    margin-top: 15px;
    color: #666;
    font-size: 15px;
    padding: 0px 10px 0px 0px;
}

lightboxcontainer {
    width: 100%;
    text-align: left;
}

.lightbox {
    width: 100%;
    float: left;
}

    .lightbox iframe {
        min-height: 390px;
    }

#html5-watermark {
    display: none !important;
}

.html5lightbox {
    position: relative;
    display: inline-block;
    height: 150px;
    width: 250px;
}

    .html5lightbox img {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        cursor: pointer;
    }


.font-icon-play {
    position: relative;
    top: 25%;
    left: 40%;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.3);
    width: 45px;
    height: 45px;
    z-index: 1;
    cursor: pointer;
}

.play-icon {
    color: #fff;
    position: absolute;
    top: 34%;
    left: 38%;
}

/*Surveys*/

.surveys .RadDropDownTree RadDropDownTree_MetroTouch {
    z-index: 999;
}

.surveys .SideBar {
    width: 260px;
}

.surveys .RadTreeView_MetroTouch .rtIn {
    width: 250px;
    white-space: pre-wrap;
}

.survey-control {
    width: 100%;
}

    .survey-control .tbOption {
        position: absolute;
    }

    .survey-control .block_container {
        width: 100%;
        margin-top: 10px;
        display: inline-block;
    }

    .survey-control .radio-space {
        width: 30%;
        margin-bottom: 15px;
        display: inline-block;
    }

    .survey-control .check-space {
        width: 30%;
        margin-bottom: 15px;
        display: inline-block;
    }

    .survey-control .survey-required {
        font-size: 13px;
    }

    .survey-control .survey-events-disabled {
        pointer-events: none;
        cursor: no-drop;
        color: #afafaf !important;
    }

    .survey-control .title-section-left {
        width: 80%;
        text-align: left;
        float: left;
    }

    .survey-control .title-section-right {
        text-align: right;
        width: 20%;
        float: right;
    }

    .survey-control .survey-title-heading {
        font-family: Arial;
        font-weight: bold;
        font-size: 12pt;
        color: #666666;
        margin-bottom: 5px;
    }

    .survey-control .optional-block {
        display: block;
    }

    .survey-control .margin-top-10 {
        margin-top: 10px;
    }

    .survey-control .optional-block-section {
        text-align: right;
        width: 25%;
        float: right;
    }

    .survey-control .text-block {
        width: 100%;
        text-align: left;
        float: left;
    }

.div-save-question-modal-block {
    margin: 30px 10px 10px 10px;
    text-align: right;
}

.survey-question-add-edit-block {
    margin-top: 20px;
    margin-left: 10px;
}

    .survey-question-add-edit-block .block_container {
        width: 100%;
        margin-top: 10px;
        display: inline-block;
    }

    .survey-question-add-edit-block .rg-grid-no-option-block {
        padding: 10px;
        text-align: center;
    }

    .survey-question-add-edit-block .block-left {
        width: 75%;
        text-align: left;
        float: left;
    }

    .survey-question-add-edit-block .block-right {
        text-align: right;
        width: 25%;
        float: right;
    }

    .survey-question-add-edit-block .add-new-option-link {
        width: 100%;
        padding-bottom: 5px;
        text-align: right;
    }

    .survey-question-add-edit-block .rg-grid {
        width: 100%;
        height: 220px;
        overflow-x: hidden;
        overflow-y: auto;
    }

.rg-survey-question-options .rgSelectedRow {
    color: #333 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}

    .rg-survey-question-options .rgSelectedRow a {
        color: #333 !important;
    }

    .rg-survey-question-options .rgSelectedRow .rgDragCol, .rg-survey-question-options .rgSelectedRow > td {
        border: none !important;
    }

.survey-questions-block {
    padding: 20px;
}

    .survey-questions-block .SurveyQuestionList {
        padding: 0px;
        line-height: 22px;
    }

.rg-survey-questions .rgDragCol, .rg-survey-questions .rgSelectedRow .rgDragCol {
    vertical-align: top;
}

.rg-survey-questions .rgSelectedRow > td {
    border: none !important;
}


.rg-survey-questions .rgDragCol {
    border-top: 1px solid #E0E0E0 !important;
    border-bottom: 1px solid #E0E0E0 !important;
}

.rg-survey-questions .rgSelectedRow {
    color: #333 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}

    .rg-survey-questions .rgSelectedRow .rgDragCol {
        border: none;
    }

    .rg-survey-questions .rgDrag, .rg-survey-questions .rgSelectedRow .rgDrag {
        background-color: #afafaf !important;
        background-image: none !important;
        -webkit-mask-image: url(../../_media/images/arrows-alt.svg) !important;
        mask-image: url(../../_media/images/arrows-alt.svg) !important;
        width: 18px !important;
        height: 18px !important;
        margin-top: 25px !important;
        margin-left: 10px !important;
    }

.survey-questions-block .SurveyQuestionList {
    border-left: none !important;
}

.survey-history {
    border-color: #E0E0E0;
    border-width: 1px;
    border-style: Solid;
    padding: 20px;
}

    .survey-history .search-row-one .search-column {
        padding-right: 15px;
    }

    .survey-history .search-row-two {
        margin-bottom: 20px;
    }

        .survey-history .search-row-two table {
            display: inline-block;
        }

        .survey-history .search-row-two .search-column-first {
            padding-right: 15px;
        }

        .survey-history .search-row-two .search-column {
            padding-right: 10px;
        }

.rg-survey-response .rgMasterTable {
    border-spacing: 0px !important;
}

.rg-survey-response .rgRow td {
    vertical-align: top !important;
}

.rg-survey-response .rgAltRow td {
    background-color: #ffffff !important;
}

.rg-survey-response .rgHeader {
    background-color: #25a0da !important;
    color: #fff !important;
    text-align: center !important;
}

.rg-survey-response .question-section {
    background-color: #E0E0E0;
    padding: 5px 10px;
}

    .rg-survey-response .question-section td {
        background-color: transparent !important;
    }

.rg-survey-response .answer-section td {
    background-color: transparent !important;
}

.rg-survey-response .answer-section {
    background-color: #FFFFFF;
    padding: 5px 10px;
}

.survey-tree {
    margin-top: 10px;
}

.survey-history-link {
    cursor: pointer;
}

.photo-approval-section .RadTile_MetroTouch .rtilePeekContent {
    background: none !important;
}

.profile-link-hide {
    text-decoration: none;
    cursor: default;
}

.profile-link-visible {
    text-decoration: underline;
    cursor: pointer;
}

.profile-tab-icon {
    width: 20px;
}

.search-block-customer {
    display: inline-block;
    width: 100%;
    padding-top: 10px;
}

    .search-block-customer .search-inline-section:first-child {
        float: left;
        position: relative;
        padding-left: 0px;
    }

    .search-block-customer .search-inline-acc-merge-search {
        float: left;
        position: relative;
        padding-left: 0px;
    }

    .search-block-customer .search-inline-section {
        padding-left: 10px;
        float: left;
        position: relative;
    }

.search-block-customer-inactive {
    display: inline-block;
    width: 100%;
    padding: 5px 0px 15px 0px;
}

/** Express Hub Settings Page **/

.config-password-wrapper {
    padding-bottom: 0.7rem;
    margin-bottom: 7px;
    font-size: 24px;
}

    .config-password-wrapper .label {
        color: #000;
        padding-left: 5px;
    }

    .config-password-wrapper .value {
        color: #004B7B;
        font-weight: 600;
    }

/* LRP Page Customer and admin*/
.payment-info-lrp {
    margin-top: 10px;
    color: #666666;
}

    .payment-info-lrp .title-section {
        font-weight: bold;
        font-size: 19px;
    }

        .payment-info-lrp .title-section .lrp-payment-icon {
            font-size: 20px;
            color: #666666;
        }

        .payment-info-lrp .title-section .lrp-payment-header-text {
            margin-left: 10px;
        }

    .payment-info-lrp .note-section {
        margin-top: 10px;
        margin-left: 20px;
        font-size: 13px;
        font-style: italic;
        text-align: left;
    }

    .payment-info-lrp .payment-method-section {
        margin-top: 10px;
        text-align: center;
    }

        .payment-info-lrp .payment-method-section .title {
            font-weight: 700;
        }

        .payment-info-lrp .payment-method-section .content {
            font-weight: 300;
            font-size: 13px;
            margin-top: 0px;
        }


/* Admin top right menu styles*/
.admin-top-menu-right-block {
    float: right;
    white-space: nowrap;
    width: 200px;
}

    .admin-top-menu-right-block .admin-top-menu-hover {
        height: 20px;
        min-width: 150px;
        text-align: center;
        display: block;
    }

        .admin-top-menu-right-block .admin-top-menu-hover .hover-content {
            color: #c0c0c0;
        }

    .admin-top-menu-right-block .menu-block {
        text-align: center;
    }

    .admin-top-menu-right-block .menu-content {
        display: inline-block;
    }

        .admin-top-menu-right-block .menu-content .menu-link {
            padding-right: 3px;
            padding-top: 30px;
        }

        .admin-top-menu-right-block .menu-content .menu-icon {
            color: #a0a0a0;
        }
/* End admin top right menu styles*/
.recent-view-customers-grid {
    border: 0 !important;
    padding-left: 0;
}

    .recent-view-customers-grid .rgHeader {
        display: none;
    }

    .recent-view-customers-grid .rgMasterTable {
        font-size: 12px !important;
        border: 0 !important;
        line-height: 25px !important;
    }

    .recent-view-customers-grid .rgRow, .recent-view-customers-grid .rgAltRow {
        background-color: #ffffff !important;
    }

        .recent-view-customers-grid .rgRow > td:first-child, .recent-view-customers-grid .rgAltRow > td:first-child {
            padding-left: 0px !important;
        }

        .recent-view-customers-grid .rgRow > td, .recent-view-customers-grid .rgAltRow > td {
            padding-top: 0px !important;
            padding-bottom: 0px !important;
        }

    .recent-view-customers-grid .grid-link {
        text-decoration: none !important;
        cursor: pointer;
    }

    .recent-view-customers-grid .no-records {
        width: 100%;
        text-align: center;
    }

.recent-view-customer-header-text {
    margin-bottom: 5px;
    padding-bottom: 3px;
    border-bottom: 2px solid #25a0da;
}
/* Merge Account*/
.rgsearch-merge-account thead {
    display: none;
}

.rgsearch-merge-account .rgRow td {
    padding: 0;
}

.rgMergeAccount .rgRow td, .rgMergeAccount .rgAltRow td {
    padding: 0 !important;
}

.rgsearch-merge-account .rgAltRow td {
    padding: 0;
}

.rgMergeAccount .rgMasterTable {
    line-height: normal !important;
    font-size: 14px !important;
    font-family: SegoeUI,'Segoe UI',Arial,Helvetica,sans-serif !important;
}

.rgsearch-merge-account .rgAltRow, .rgMergeAccount .rgAltRow {
    background-color: #ffffff !important;
}

.rgsearch-merge-account .rgRow:first-child {
    border-spacing: 0;
}

.rgsearch-merge-account .rgRow td:first-child, .rgsearch-merge-account .rgAltRow td:first-child, .rgMergeAccount .rgRow td:first-child, .rgMergeAccount .rgAltRow td:first-child {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.rgMergeAccount .rgSelectedRow {
    background-color: #fff !important;
    border: none !important;
    color: #333 !important;
}

    .rgMergeAccount .rgSelectedRow > td {
        border-color: #fff !important;
    }

.merge-account-search {
    border-collapse: separate;
    border-color: #b9b9b9;
    margin-top: 20px;
    line-height: normal;
    font-family: SegoeUI,'Segoe UI',Arial,Helvetica,sans-serif !important;
    width: 100%;
}

    .merge-account-search .merge-account-search-block-1 {
        width: 12.5%;
        text-align: center;
    }

        .merge-account-search .merge-account-search-block-1 img {
            width: 100px;
            height: 100px;
            top: 2px;
            position: relative;
        }

        .merge-account-search .merge-account-search-block-1 .merge-account-search-block-1-title {
            display: block;
            padding: 7px;
            background-color: #323232;
            color: #C4C4C4;
            font-weight: bold;
        }

    .merge-account-search .merge-account-search-block-2 {
        width: 75%;
        border-right: 0 !important;
        border-left: 0 !important;
        padding: 20px !important;
        vertical-align: top;
    }

        .merge-account-search .merge-account-search-block-2 .merge-account-search-block-2-name {
            color: #004b7b;
            font-size: 18px;
            font-weight: bold;
        }

.merge-account-search-block-2-email-phone {
    display: table;
    width: 100%;
    margin-top: 10px;
    font-size: 16px;
    color: #777777;
}

.merge-account-search-block-2-email {
    display: table-cell;
    width: 40%;
}

.merge-account-search-block-2-phone {
    display: table-cell;
    width: 30%;
}

.merge-account-search-block-2-location {
    width: 100%;
    margin-top: 10px;
    display: table;
    font-size: 16px;
    color: #777777;
}

.merge-account-search-block-2-location-block {
    display: table-cell;
    width: 100%;
}

.merge-account-search-block-3 {
    border-left: 0 !important;
    text-align: right;
}

.merge-select-btn {
    margin-right: 30px;
}

.rgsearch-merge-account td {
    border: 1px solid #c0c0c0;
}

.merge-account-search-list-title {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #070707
}

.account-merge-section {
    display: inline-block;
    width: 100%
}

.account-merge-label-block {
    float: left;
    position: relative;
    width: 12%;
}

.account-merge-left-block {
    float: left;
    position: relative;
    width: 39%
}

.account-merge-left-arrow {
    float: left;
    position: relative;
    /* padding-left: 3%; */
    width: 5%;
}

.account-merge-right-block {
    float: left;
    position: relative;
    width: 39%
}

.account-merge-right-arrow {
    float: left;
    position: relative;
    width: 5%;
}

.account-merge-block-title {
    display: inline-block;
    color: #666666;
    font-weight: bold;
}

.account-merge-block-show-diff {
    display: inline-block;
    color: #666666;
}

.acc-selected-grid {
    margin-top: 5px;
}

.account-merge-left-block .acc-selected-grid {
    margin-top: 20px;
}

.acc-grid-main {
    font-family: SegoeUI,'Segoe UI',Arial,Helvetica,sans-serif !important;
    margin-top: 10px;
    font-size: 15px;
    line-height: normal;
}

.show-blue-merge-person .rgMasterTable, .rg-acccount-merge .rgMasterTable {
    line-height: normal !important;
}

.show-blue-merge-person tr:nth-child(2) td, .rg-acccount-merge tr:nth-child(2) td {
    border-bottom: 0 !important;
}

.show-blue-merge-person tr:nth-child(3) td, .rg-acccount-merge tr:nth-child(3) td {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.show-blue-merge-person tr td:nth-child(3), .rg-acccount-merge tr td:nth-child(3) {
    border-top: 0 !important;
    border-bottom: 0 !important;
    padding-right: 0 !important;
}

.show-blue-merge-person tr td:nth-child(5), .rg-acccount-merge tr td:nth-child(5) {
    border-top: 0 !important;
    border-bottom: 0 !important;
    padding-left: 0 !important;
}

.show-blue-merge-person .merge-title, .rg-acccount-merge .merge-title {
    font-weight: bold;
    font-size: 15px !important;
}

.show-blue-merge-person .merge-section, .rg-acccount-merge .merge-section {
    font-size: 13px;
    font-weight: bold;
}

.show-blue-merge-person .right-success, .show-blue-merge-person .left-success, .rg-acccount-merge .right-success, .rg-acccount-merge .left-success {
    pointer-events: auto;
    background-color: #014880;
}

.show-blue-merge-person .right-notsuccess, .show-blue-merge-person .left-notsuccess, .rg-acccount-merge .right-notsuccess, .rg-acccount-merge .left-notsuccess {
    pointer-events: none;
    background-color: #777;
}

.profile-image-block {
    margin: auto;
    margin-top: 20px;
    width: 120px;
    border: 1px solid #c0c0c0;
    position: relative;
}

    .profile-image-block img {
        height: 120px;
        width: 120px;
    }

    .profile-image-block .image-caption-section {
        text-align: center;
        padding: 10px;
        background-color: #014880;
        color: #bccfde
    }

.profile-name-section {
    margin: 10px 0;
    text-align: center;
    color: #014880;
    font-weight: bold;
}

.merge-checkbox {
    float: right;
    display: inline-block;
    margin-right: 10px;
}

.btn-hidden-merge {
    visibility: hidden;
    padding: 0;
    margin: 0;
    border: none;
    display: contents;
}

.rgsearch-merge-account tfoot {
    display: none;
}

.merge-differ-content {
    color: #777 !important;
    font-weight: 500 !important;
}

.merge-same-content {
    color: #bbb !important;
}

.merge-strike-content {
    color: #bbb !important;
    text-decoration: line-through;
}

.rg-acccount-merge input[type=text] {
    border: 1px solid #c0c0c0 !important;
    padding: 2px 3% 1px 3% !important;
    height: 30px;
    width: 94% !important;
}

.search-block-duplicate-person table {
    border: none !important;
}

.rg-acccount-merge tr td .search-block-duplicate-person .rcbArrowCell {
    border: 0 !important;
}

.rg-acccount-merge tr td .search-block-duplicate-person .rcbInputCell {
    vertical-align: top !important;
    padding: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.image-search-block {
    display: inline-block;
    width: 100%;
    margin: 0 20px;
}

.account-merge-section .image-block {
    display: inline-block;
    width: 95%;
}

.account-merge-section .search-text-box {
    display: inline-block;
    float: left;
    width: 80%;
}

.account-merge-section .merge-search-btn {
    display: inline-block;
    width: 10%;
}

.account-merge-section .merge-lookup-search {
    color: #004b7b;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
}

.account-merge-section .duplicate-head-section-one {
    display: inline-block;
    float: left;
    font-weight: bold;
    font-size: 15px;
}

.account-merge-section .duplicate-head-section-two {
    display: inline-block;
    float: right;
}

.account-merge-section .merge-check-box {
    display: inline-block;
    width: 5%;
    float: right
}

.account-merge-section .merge-arrow-anchor {
    cursor: pointer;
    top: 4px;
    position: relative;
}

.show-blue-merge-person tr td:nth-child(2) {
    border-left: 3px solid #25a0da !important;
    border-right: 3px solid #25a0da !important;
}

.show-blue-merge-person tr:last-child td:nth-child(2) {
    border-bottom: 3px solid #25a0da !important;
}

.show-blue-merge-person tr:first-child td:nth-child(2) {
    border-color: #25a0da !important;
    color: #fff !important;
    background-color: #25a0da !important;
    padding: 15px 0px !important;
    text-align: center !important;
    font-size: 15px;
    font-weight: bold;
}

.rg-acccount-merge tr:first-child td:nth-child(2) {
    border-color: #e9e9e9 !important;
    background-color: #e9e9e9 !important;
    padding: 15px 0px !important;
    text-align: center !important;
    font-size: 15px;
    font-weight: bold;
}

.account-merge-section .merge-save-block {
    text-align: right;
    margin: 15px 15px 0 0;
}

.account-merge-section .merge-back-btn {
    margin-left: 20px;
    margin-bottom: 10px;
}

.merge-heading-row td {
    border-bottom: 2px solid #c0c0c0 !important;
    border-top: 0 !important;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    padding: 4px 10px 3px 10px;
}

.merge-content-row td {
    border: thin solid #c0c0c0 !important;
    border-top: 0 !important;
    padding: 4px 10px 3px 15px;
}

.merge-content-row:first-child td:nth-child(1), .merge-content-row:first-child td:nth-child(3), .merge-content-row:first-child td:nth-child(5) {
    border-bottom: 0 !important;
}

.show-blue-merge-person tr td:first-child, .rg-acccount-merge tr td:first-child {
    border-left: 0 !important;
    padding: 7px 0px 7px 10px;
}

.show-blue-merge-person tr:first-child td, .rg-acccount-merge tr:first-child td {
    border: 0 !important;
    border-bottom: 2px solid #c0c0c0 !important;
}

.show-blue-merge-person tr:last-child td:first-child, .rg-acccount-merge tr:last-child td:first-child {
    border-bottom: 0 !important;
}

/*Confirm Merge Modal*/
.confirm-merge-modal {
    min-width: 400px;
}

    .confirm-merge-modal .merge-title-block {
        font-size: 15px;
        font-weight: bold;
        margin: 30px 0 10px 0px;
        text-align: center
    }

    .confirm-merge-modal .modal-button-block {
        text-align: center;
        margin-top: 50px;
    }

        .confirm-merge-modal .modal-button-block .cancel-btn-block {
            display: inline-block;
        }

        .confirm-merge-modal .modal-button-block .success-btn-block {
            display: inline-block;
            margin-left: 20px;
        }

    .confirm-merge-modal .merge-modal-note {
        font-size: 13px;
        text-align: center
    }

.sites-id-style {
    font-size: 12px;
    color: #999;
    font-weight: 300;
}

/*** GROUP TAB STYLES ****/
.group-page .group-page-table {
    width: 100%;
    padding: 0;
    border-spacing: 0;
    padding-top: 10px;
}

    .group-page .group-page-table .SideBar {
        min-width: 240px !important;
    }

.add-group-btn {
    color: #004b7b !important;
    font-weight: bold !important;
    border-color: #25a0da !important;
    border-width: 2px !important;
}

    .add-group-btn .fa-plus {
        color: #88bf40;
    }

.rg-group-members th.rgSorted, .rg-roster-members th.rgSorted {
    background-color: #004b7b !important;
}

.rg-group-members .rgMasterTable .rgSelectedCell, .rg-group-members .rgSelectedRow, .rg-group-members td.rgEditRow .rgSelectedRow, .rg-group-members .rgSelectedRow td.rgSorted,
.rg-roster-members .rgMasterTable .rgSelectedCell, .rg-roster-members .rgSelectedRow, .rg-roster-members td.rgEditRow .rgSelectedRow, .rg-roster-members .rgSelectedRow td.rgSorted {
    background: #004b7b !important;
    border-color: #004b7b !important;
}


.rg-group-members th.rgCheck, .rg-roster-members th.rgCheck {
    /*border-color: #004b7b!important;*/
    /*background: #004b7b!important;*/
}

.rg-group-members, .rg-group-members .rgSelectedRow > td, .rg-roster-members, .rg-roster-members .rgSelectedRow > td {
    border-color: #004b7b !important;
}

    .rg-group-members .rgHeader, .rg-roster-members .rgHeader {
        border-bottom: 1px solid #e6e6e6 !important;
    }

    .rg-group-members .header-text-left, .rg-roster-members .header-text-left {
        float: left;
    }

    .rg-group-members .header-text-right, .rg-roster-members .header-text-right {
        float: right;
    }

.edit-group-filter {
    padding: 20px 15px 10px 20px;
    border-bottom: thin solid #c0c0c0;
}

    .edit-group-filter .first-column {
        width: 40%;
        vertical-align: top;
        font-weight: 700;
    }

    .edit-group-filter .second-column, .edit-group-filter .third-column {
        width: 30%;
        vertical-align: top;
        font-weight: 700;
    }

    .edit-group-filter .first-column .tt-error-message {
        margin-top: 2px;
    }

    .edit-group-filter .tool-tip-icon {
        font-size: 11pt;
        color: #004b7b;
    }

.rg-smart-filters {
    border-top: none !important;
    border-bottom: none !important;
}

    .rg-smart-filters .SmartFilterList {
        padding: 0px;
        line-height: 22px;
    }

.filter-smart-group .divSmartGroupOptions {
    padding-bottom: 20px;
}

.filter-smart-group .filter-add-block {
    width: 100%;
    background-color: #F2F2F2;
    border: 1px solid #C0C0C0;
}

    .filter-smart-group .filter-add-block .filter-add-block-table {
        width: 100%;
        border-spacing: 0;
        outline: none;
        margin: 0;
        padding: 10px 10px 10px 14px;
    }

.filter-smart-group .filter-save-button-block {
    width: 100%;
    display: block;
    border: 1px solid #C0C0C0;
    text-align: right;
    padding: 20px 0px 20px 0px;
}

    .filter-smart-group .filter-save-button-block .copy-smart-group-btn {
        text-align: right;
        display: inline-block;
    }

    .filter-smart-group .filter-save-button-block .save-smart-group-btn {
        text-align: right;
        display: inline-block;
        width: 260px;
    }

.group-member-section {
    padding-bottom: 0 !important;
}

    .group-member-section .member-search-btn-block {
        margin: 10px 0 15px 0;
        text-align: right;
    }

    .group-member-section .left-block {
        width: 40%;
        max-width: 300px;
        vertical-align: top;
    }

    .group-member-section .center-block {
        width: 150px;
        text-align: center;
    }

    .group-member-section .right-block {
        width: 40%;
        vertical-align: top;
    }

.group-add-edit-btn-block {
    margin: 25px 0px;
    display: inline-block;
    width: 100%;
}

.group-panel-not-available {
    padding: 0;
    border: 0;
    border-spacing: 0;
    width: 100%;
}

.not-available-block {
    text-align: left;
    padding: 10px;
}

.member-search-control .member-search-row {
    white-space: nowrap;
    vertical-align: middle;
}

    .member-search-control .member-search-row .member-search-block1 {
        display: inline-block;
    }

/**** ROSTER TAB STYLES *****/
.roster-page .roster-page-table {
    width: 100%;
    padding: 0;
    border-spacing: 0;
    padding-top: 10px;
}

.roster-member-section .add-edit-roster-section .first-row-column,
.roster-member-section .add-edit-roster-section .second-row-column {
    vertical-align: top;
    font-weight: 700;
}

.roster-member-section {
    padding-bottom: 0 !important;
}

    .roster-member-section .member-search-btn-block {
        margin: 10px 0;
        text-align: right;
    }

    .roster-member-section .left-block {
        width: 40%;
        max-width: 300px;
        vertical-align: top;
    }

    .roster-member-section .center-block {
        width: 150px;
        text-align: center;
    }

    .roster-member-section .right-block {
        width: 40%;
        vertical-align: top;
    }

.rg-roster-member-search th.rgSorted {
    background-color: #707070 !important;
}

.rg-roster-member-search .rgMasterTable .rgSelectedCell, .rg-roster-member-search .rgSelectedRow, .rg-roster-member-search td.rgEditRow .rgSelectedRow, .rg-roster-member-search .rgSelectedRow td.rgSorted {
    background: #707070 !important;
    /*border-color: #004b7b!important;*/
}

.roster-member-section fieldset {
    margin-left: 0px !important;
    margin-right: 0px !important;
    /*padding:0px!important;*/
}

.fieldSetHide legend {
    display: none !important;
}

.fieldSetHide {
    border: none !important;
    padding: 0 !important;
}

.roster-member-section .filter-save-button-block {
    width: 100%;
    display: block;
    text-align: right;
    padding: 15px 0px 0px 0px;
}

    .roster-member-section .filter-save-button-block .save-smart-group-btn {
        text-align: right;
        display: inline-block;
        width: 260px;
    }

.roster-add-btn-block {
    margin: 25px 0px;
    display: inline-block;
    width: 100%;
}

.label-type-roster {
    color: #999;
    font-size: 10pt;
    float: right;
}
/*.rg-roster-member-search th.rgCheck {
    border-right-color: #707070!important;
    background: #707070!important;
}*/
.rg-roster-member-search, .rg-roster-member-search .rgSelectedRow > td {
    border-color: #707070 !important;
}

    .rg-exclude-roster-members .header-text-left, .rg-roster-member-search .header-text-left {
        float: left;
    }

    .rg-exclude-roster-members .header-text-right, .rg-roster-member-search .header-text-right {
        float: right;
    }

.rg-exclude-roster-members .rgMasterTable {
    border-spacing: 0px !important;
}

.hidden-push-button {
    visibility: hidden !important;
    padding: 0 !important;
    line-height: 0 !important;
    width: 0 !important;
    height: 0 !important;
    display: inline !important;
    border: none;
    margin: 0 !important;
    border-spacing: 0 !important;
}

.link-roster {
    border: none !important;
    background: none !important;
    font-size: 16px !important;
    text-decoration: underline !important;
    color: #333 !important;
}

    .link-roster.rbSelected {
        color: #333 !important;
    }

    .link-roster:focus {
        box-shadow: none !important;
    }

/* Reports tab-->Account Notes styles*/

.notes-bottom-export-link {
    margin: 10px 0px 5px;
}

/**** HEADER SEARCH STYLES ****/

.appurl-search-link {
    text-decoration: none;
    font: normal 12px "Segoe UI",Arial,Sans-serif;
}

.icon-app-search {
    font-size: 12px;
}

.app-search-dropdown {
    width: 300px !important;
    margin-top: 3px !important;
}

    .app-search-dropdown .rcbScroll {
        height: auto;
        max-height: 250px;
        overflow: scroll;
    }

#divAppSearch .RadComboBox_MetroTouch .rcbInputCell {
    border-color: #d5d3d3;
    font-family: SegoeUI, "Segoe UI", Arial, Helvetica, sans-serif;
}

.app-search-dropdown .rcbHovered {
    background-color: #f0f0f0 !important;
    border-bottom: dashed 1px #999 !important;
}

.app-search-dropdown .rcbList li {
    padding: 3px 3px 0px 0px !important;
    cursor: pointer;
}

.app-search-list-table {
    width: 100%;
    padding-left: 10px;
    line-height: normal;
}

    .app-search-list-table .app-icon {
        margin-left: 3px;
        width: 20px;
        font-size: 18px;
    }

    .app-search-list-table .app-icon-block {
        padding-top: 2px;
    }

    .app-search-list-table .app-content {
        padding-left: 10px;
        line-height: normal;
    }

        .app-search-list-table .app-content .app-heading {
            font-weight: bold;
            font-size: 13px;
            text-align: left;
        }

        .app-search-list-table .app-content .show-app-search-section-title {
            margin-top: 5px;
            color: #88bf40;
            font-size: 12px;
            font-weight: normal;
            text-align: left;
        }

        .app-search-list-table .app-content .hide-app-search-section-title {
            display: none;
        }

        .app-search-list-table .app-content .app-description {
            margin: 5px 0px;
            font-size: 11px;
            text-align: left;
        }

.header-app-search-container {
    position: relative;
    display: flex;
    flex-direction: column;
}

.app-search-division {
    position: absolute;
    right: 0;
    top: -16px;
}

.header-app-search-icon {
    position: absolute;
    right: 6px;
    top: -10px;
    padding-right: 0px;
    padding-top: 0px;
}

.app-search-combo-block .rcbInputCell {
    padding-right: 30px !important;
}

.app-search-combo-block .rcbSlide {
    overflow: visible !important;
}

.app-search-dropdown .rcbItem {
    border-bottom: dashed 1px #999 !important;
}

.app-search-dropdown .rcbMoreResults {
    pointer-events: none !important;
}

    .app-search-dropdown .rcbMoreResults a {
        display: none !important;
    }

.app-search-dropdown-hide {
    display: none !important;
}

/**** SIGNUP PAGES COMMON STYLING *****/
.signup-section-title {
    font-weight: bold;
    color: #08578b;
    font-size: 18px;
    margin-top: 15px;
}

.signup-account-row {
    margin-top: 20px;
    font-weight: bold;
}

.signup-account-row-last {
    margin-top: 10px;
    font-weight: bold;
}

    .signup-account-row-last .btn-section {
        text-align: right;
    }

.signup-block .rtsUL {
    margin-bottom: 0 !important;
}

.signup-tooltip {
    padding: 0px 5px 0px 5px;
}

/* SIGNUP WELCOME STYLING*/
.signup-welcome {
    padding-bottom: 10px;
}

    .signup-welcome .signup-welcome-container {
        vertical-align: middle;
        white-space: normal;
    }

    .signup-welcome .signup-welcome-content .content-block {
        margin-top: 15px;
    }

    .signup-welcome .signup-welcome-address-block {
        padding: 15px 20px;
    }

.signup-welcome-button-section {
    text-align: center;
    margin-top: 30px;
    display: inline-block;
    width: 100%;
}

.signup-welcome-btn {
    width: 250px;
    padding: 7px 15px !important;
}

/* SIGNUP ACCOUNT -- LOGIN ALREADY STYLING*/

.signup-account-login-already-section {
    text-align: center;
    height: 350px;
}

    .signup-account-login-already-section .content-block {
        color: #08578b;
        font-size: 23px;
        font-weight: bold;
    }

        .signup-account-login-already-section .content-block .label-block {
            color: #545454;
            font-size: 16px;
            font-weight: bold;
        }

    .signup-account-login-already-section .use-sign-in-block {
        margin-top: 28px;
    }

    .signup-account-login-already-section .logout-btn-block {
        margin-top: 40px;
    }


/* SIGNUP ACCOUNT ---- CREATE & EXIST ACCOUNT STYLING*/
.signup-exist-account-block {
    padding-bottom: 20px;
}

.signup-create-account-block .error-terms-block {
    display: block;
    color: red;
}

.signup-create-account-block .terms-block {
    display: flex;
}

.signup-logout-button {
    text-decoration: none;
    border: 2px solid #cdcdcd;
    border-radius: 10px;
    cursor: pointer;
    color: #0E0E0E;
    font-weight: bold;
    font-size: 16px;
    padding: 7px 15px 8px 15px;
    background-color: #f6f6f6;
}

    .signup-logout-button:hover {
        background-color: #f1f1f1;
    }

.signup-organization-captcha div {
    width: 100% !important;
}

.account-next-step {
    font-weight: 500;
}

/*SIGNUP BLUE SIDEBAR STYLING*/
.signup-account-creation-container, .signup-organization-sidebar, .signup-product-sidebar {
    margin-bottom: 20px;
    display: inline-block;
    background-color: #dfecf3a8;
    border-radius: 10px;
    padding: 14px 20px 20px;
}

.signup-purchase-sidebar {
    margin-bottom: 20px;
    display: inline-block;
    background-color: #dfecf3a8;
    border-radius: 10px;
    width: 100%;
}

    .signup-purchase-sidebar .sidebar {
        padding: 14px 20px 20px;
        display: block;
    }

    .signup-purchase-sidebar .heading-block-margin {
        margin-bottom: 20px;
    }

    .signup-account-creation-container .heading-block, .signup-organization-sidebar .heading-block, .signup-product-sidebar .heading-block, .signup-purchase-sidebar .heading-block {
        color: #08578b;
        padding-left: 5px;
        font-size: 19px;
        font-weight: bold;
    }

.signup-account-creation-container .content-block {
    margin-top: 20px;
    padding-left: 5px;
    font-weight: bold;
}

    .signup-account-creation-container .content-block ul {
        margin: 0;
        padding: 0 0 0 10px;
    }

        .signup-account-creation-container .content-block ul li {
            margin-top: 20px;
        }

            .signup-account-creation-container .content-block ul li li {
                margin-top: 10px;
            }

.signup-organization-sidebar .content-block, .signup-product-sidebar .content-block {
    margin-top: 20px;
    padding-left: 5px;
}

.signup-product-sidebar .content-title, .signup-organization-sidebar .content-title, .signup-product-sidebar .content-title {
    font-weight: bold;
}

.signup-purchase-sidebar .lbl-total-top {
    margin-top: 15px;
}

.signup-purchase-sidebar .lbl-total-btm {
    margin: 10px 0 0 30px;
    font-size: 13px;
    color: #333;
}

.signup-account-note {
    text-align: right;
    color: #333333;
    font-size: 12px;
}

.signup-optional {
    font-weight: 200;
    font-size: 12px;
    font-style: italic;
}

.cardcontrol-container .label-credit-card-form {
    margin-bottom: 4px;
    display: block;
}

.signup-purchase__payment-info .cardcontrol-container .label-credit-card-form, .signup-purchase__payment-info .bank-account-details .label {
    font-weight: bold;
}

/* RESPONSIVE SIGNUP MASTER*/
.master-container-responsive {
    border: solid 1px #999;
    background-color: rgba(255,255,255,.8);
    max-width: 1300px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto auto;
    padding-top: 0px;
}

    .master-container-responsive .appfooter {
        height: 70px;
    }

/* SIGNUP -- TABS STYLING*/
.signup-nav-tab .rtsLink {
    color: #333333 !important;
    font-size: 16px;
    font-weight: lighter;
}

.signup-nav-tab .rtsSelected .rtsLink {
    color: #fff !important;
    font-size: 16px;
}

.signup-nav-tab .rtsDisabled .rtsLink {
    color: #000 !important;
    font-size: 16px;
}

.signup-nav-tab .rtsUL {
    margin-bottom: 0 !important;
}

/**** RESET PASSWORD POPUP STYLING *****/
.reset-password-sidebar-container {
    margin-bottom: 20px;
    display: inline-block;
    background-color: #dfecf3a8;
    border-radius: 10px;
    padding: 14px 20px 20px;
}

    .reset-password-sidebar-container .heading-block {
        color: #08578b;
        padding-left: 5px;
        font-size: 16px;
        font-weight: bold;
        width: 100%;
    }

    .reset-password-sidebar-container .content-block {
        margin-top: 20px;
        font-size: 14px;
    }

.reset-password-right-block .row {
    margin-top: 20px;
    display: block;
    width: 100%;
    font-weight: bold;
}

/* POPUP OVERLAY STYLING*/
.TelerikModalOverlay {
    width: 100% !important;
}

/****  CUSTOMER CUSTOM GENDER TAB  ****/
.setting-section {
    padding-bottom: 1.5rem;
}

    .setting-section .setting-title {
        color: #666666;
        font-size: 18px;
        font-family: Arial;
        font-weight: bold;
        padding-bottom: 0.3rem;
    }

        .setting-section .setting-title .setting-title-icon {
            margin-right: 5px;
        }

    .setting-section .input-control {
        margin-left: 1.6rem !important;
    }

        .setting-section .input-control label {
            font-size: 15px !important;
        }

    .setting-section .riTextBox {
        height: 24px !important;
    }

/****  LRP CONTROL STYLES  ****/

.lrp-section-note {
    padding-bottom: 25px;
}

/***** BROADCAST EMAIL - ADDITIONAL RECIPIENTS ********/
.addRecipients .riSingle.error {
    border: 1px solid red !important;
}

.addRecipients .riSingle {
    border: 1px solid #e0e0e0 !important;
}

/*** WORKAREA HEADER HELPER TEXT STYLING ***/
.header-support-number {
    padding-top: 5px;
    text-align: right;
    font-size: 11px;
}

.header-request-link {
    text-align: right;
    font-size: 11px;
}

.header-co-brand {
    color: #C0C0C0;
    white-space: nowrap;
}
/*** CHECKIN PROGRAM, TEMPLATES STYLING***/
.disabled-checkin-link {
    color: #a0a0a0;
}

.disabled-client-label {
    border: none;
    white-space: nowrap;
    padding: 3px 0px 0px 5px;
    line-height: normal;
    font-size: 12px;
    color: #999;
    text-align: left;
}

.RadButton.rbDisabled.start-checkin {
    pointer-events: none;
}
/*** CLIENT NOT DETECTED POPUP STYLING**/
.noclient-popup-container {
    width: 600px;
}

    .noclient-popup-container .header-title-icon {
        font-size: 64px;
        color: #E00000
    }

    .noclient-popup-container .header-title {
        font-size: 32px;
        color: #E00000;
        white-space: nowrap
    }

    .noclient-popup-container .header-desc {
        padding-bottom: 15px;
    }

.noclient-popup-main {
    position: relative;
}

.disabled-warning-noclient-btm-link {
    font-size: 12px;
    color: #a0a0a0;
    position: relative;
    top: 22px;
    text-align: center;
}

    .disabled-warning-noclient-btm-link a {
        color: #a0a0a0 !important;
    }

.noclient-popup-main .noclient-popup-content {
    padding: 20px;
    border: solid 1px #c0c0c0;
    border-top: none;
}

.noclient-content-icon-block {
    font-size: 32px;
    padding-right: 15px;
}

.noclient-content-title-block {
    font-size: 18px;
}

.client-reenable-tooltip .rtWrapper td.rtWrapperContent {
    padding: 3px !important;
}


/***** ADD NEW WORKER POPUP STYLING ********/
.add-worker-container {
    display: flex;
}

.contact-card-section {
    flex: 1.5;
}

.add-worker-admin-section {
    flex: 1;
    vertical-align: top;
    padding-left: 10px;
}

    .add-worker-admin-section .header {
        font-family: Arial;
        font-weight: bold;
        font-size: 12pt;
        color: #666666;
        margin-bottom: 5px;
    }

        .add-worker-admin-section .header .icon {
            margin-right: 5px;
        }

.add-worker-type {
    padding-bottom: 12px;
}

.add-admin .input-controls {
    padding-bottom: 7px;
}

.add-admin .no-login {
    color: #666666 !important;
}

.send-invitation-notification-wrapper {
    border: 1px solid rgb(153, 153, 153);
    width: auto;
    z-index: 99999;
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    box-shadow: rgb(119, 119, 119) 7px 7px 17px;
    background-color: rgb(136, 191, 64);
    font-size: 12px;
    margin: 0px auto;
    display: none;
    padding: 10px;
}

    .send-invitation-notification-wrapper .notification-container {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .send-invitation-notification-wrapper .icon-severity {
        margin-right: 5px;
    }

.button-wrapper {
    display: flex;
    justify-content: end;
}

#RadToolTipWrapper_rttAddAdminUser td.rtWrapperContent {
    padding: 0;
}

/***** CLIENT INSTALL STYLING ********/
.client-section-title {
    margin-top: 20px;
    font-weight: 700;
}

.client-section-content {
    margin-top: 10px;
    margin-bottom: 30px;
}

.client-section-italic {
    font-style: italic;
}

.client-image-container {
    margin-top: 20px;
    display: flex;
    text-align: center;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

    .client-image-container .client-image-section {
        margin-left: 50px;
        display: flex;
    }

        .client-image-container .client-image-section:first-child {
            margin-left: 0;
        }

.zoom-image {
    height: 150px;
    width: 170px;
    border: 1px solid #ddd;
    position: relative;
    cursor: pointer;
}

.zoom-enlarge-image {
    transform: scale(2.5);
    z-index: 4;
}

.client-wrapper {
    position: relative;
    cursor: pointer;
}

.client-number-section {
    z-index: 1;
    position: absolute;
    top: 40%;
    left: 45%;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    background-color: #25a0da;
    color: white;
    font-size: 20px;
    text-align: center;
}

.client-install-warning-note {
    color: #ff0000;
    font-style: italic;
    font-weight: 700;
}

/***** UPGRADE CLIENT POPUP STYLING ********/
.update-client-modal-main {
    width: 800px;
    font-family: 'Segoe UI',Arial,Helvetica,sans-serif
}

.update-client-Modal-container {
    padding: 20px;
    font-size: 16px;
}

.update-client-Modal-warning {
    background-color: #FF5151;
    color: white;
    padding: 10px;
    line-height: 1.2;
}

.update-client-modal-link {
    color: #004b7b;
}

/*** DISABLE PMM TAB STYLING ***/
.disable-pmm-section {
    padding: 0 10px
}

.disable-btn-section {
    margin: 50px 0 15px 0;
    text-align: center
}

/*** UPDATE CLIENT WARNING CHECKIN TEMPLATES, PROGRAMS STYLING***/
.update-client-warning-main {
    border: 3px solid #25a0da;
    border-top: 0;
    display: none;
    padding: 10px;
}

.update-client-warning {
    background-color: #ff2601;
    color: white;
    padding: 10px;
    line-height: 1.2;
}

.update-client-warning-title {
    margin-top: 5px;
    font-size: 12pt;
    font-weight: 700;
    text-decoration: underline;
}

/*** PRIVATE MEDICAL INFO STYLING***/
.private-medical-info {
    background: repeating-linear-gradient(45deg, #FFFFF0, #FFFFF0 80px, #FFF 80px, #FFF 160px);
}

.medical-info-note {
    color: #9e9f9f;
    /*margin-top:10px;*/
}

/*** CUSTOMER LOYALTY PROGRAM STYLING*/
.customer-loyalty {
    border: 2px dashed red;
    display: flex;
    flex-direction: column;
    padding: 5px;
    margin-top: 10px;
}

.customer-loyalty-section {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center; /* padding: 5px; */ /* padding-bottom: 0; */
}

.customer-loyalty-wrapper {
    flex: 0.5;
}

.customer-loyalty-label {
    font-weight: bold;
}

.customer-loyalty-content {
    color: red;
    font-weight: bold;
}

.customer-loyalty-banner {
    margin: 0 20px;
    background-color: #25a0da;
    color: #fff;
    font-size: 19px;
    padding: 9px 15px;
    border-radius: 5px;
    font-weight: bold;
}

.customer-loyalty-level .recent-upgrade {
    color: red;
    font-weight: bold;
}

.header-title-section {
    display: flex;
    justify-content: space-between;
}

.loyalty-section, .no-loyalty-section {
    font-size: 16px;
    color: #000;
}

    .loyalty-section a, .no-loyalty-section .loyalty-link {
        color: #004b7b;
        text-decoration: none;
        font-weight: bold;
    }

.customer-loyalty-level {
    min-width: 225px;
    max-width: 500px;
    align-content: center;
    text-align: right;
    font-size: 16px;
}

.crossed-text {
    position: relative;
    display: inline-block;
    margin-right: 25px;
}

    .crossed-text span {
        position: relative;
    }

    .crossed-text::before {
        content: '';
        position: absolute;
        left: 20%;
        top: 16px;
        width: 28px;
        height: 3px; /* Thickness of the line */
        background-color: red; /* Line color */
        transform: rotate(-30deg); /* Angle of the line */
        transform-origin: left center;
        z-index: 1; /* Place it behind the text */
    }
/***END CUSTOMER LOYALTY PROGRAM STYLING***/
/*** PROGRAM OPTIONS SETTINGS STYLING**/
.program-options {
    margin-top: 40px;
}

.program-options-content-section {
    padding: 0px !important;
    margin: 0px 5px 5px 0px;
}

.program-options-title-wrapper {
    padding: 10px;
    padding-bottom: 20px;
    border-top: solid 1px #C0C0C0;
}

.program-options-title {
    font-family: Arial;
    font-weight: bold;
    font-size: 12pt;
    color: #666666;
    margin-bottom: 5px
}

.program-options-description {
    color: #666666
}

.program-options-content-wrapper {
    padding: 10px 10px 20px 20px;
    background-color: #F2F2F2;
    border-top: solid 1px #C0C0C0;
}

.program-options-content-noborder-wrapper {
    padding: 10px 10px 20px 20px;
    background-color: #F2F2F2;
}

.program-options-no-records {
    vertical-align: middle;
    text-align: center;
    padding: 5px;
}

.add-new-cam-wrapper {
    padding-bottom: 5px;
}

.no-record-webcam-wrapper {
    vertical-align: middle;
    margin: 5px;
    border: solid 1px #f0c0c0;
    background-color: #FFF0F0;
    padding: 5px;
}

.custom-logo-container {
    margin: 0 auto;
    width: 670px;
}

.voip-client-type-wrapper {
    padding: 20px 0px 0px 10px;
}

.max-field-bype-wrapper {
    padding: 20px 0px 0px 0px;
}

.custom-gender-content-wrapper {
    padding: 10px 10px 20px 20px;
}

.program-options-save-btn-wrapper {
    padding: 10px;
    padding-right: 0px;
}
/*** END PROGRAM OPTIONS SETTINGS STYLING**/

/*** CHECKIN OPTIONS SETTINGS STYLING ***/
.checkin-options-title-wrapper {
    padding: 10px;
    padding-bottom: 20px;
    border-top: solid 1px #C0C0C0;
}

.checkin-options-title {
    font-family: Arial;
    font-weight: bold;
    font-size: 12pt;
    color: #666666;
    margin-bottom: 5px
}

.checkin-options-description {
    color: #666666
}

.checkin-options-content-wrapper {
    padding: 10px 10px 40px 20px;
    border-top: solid 1px #C0C0C0;
    background-color: #F2F2F2;
}
/*** END CHECKIN OPTIONS SETTINGS STYLING ***/

/*** CHECK IN TAB > QR CODE POPUP STYLING ***/

.qrcode-container {
    min-width: 475px;
}

    .qrcode-container .account-creation-qrcode {
        display: block !important;
    }

    .qrcode-container .title {
        color: #88bf40;
        font-size: 24px;
    }

    .qrcode-container .title-desc {
        color: #333;
        font-size: larger;
    }

    .qrcode-container .account-creation-qrcode img {
        height: 300px;
        width: 300px;
    }

    .qrcode-container .clipboard-container {
        display: table;
    }

        .qrcode-container .clipboard-container > span,
        .qrcode-container .clipboard-container > button {
            display: table-cell;
        }

        .qrcode-container .clipboard-container > button {
            width: 36px;
            height: 36px;
            font-size: 1rem;
        }
/*** END CHECK IN TAB > QR CODE POPUP STYLING ***/

/*** PROMOTE LOCATIONS STYLING ***/
.promote-location .children-search-btn {
    margin: 10px 3px 15px 3px;
    text-align: right;
}

.promote-location-save-button {
    margin: 20px 0 15px 0;
    text-align: right;
}

.promote-location-list {
    margin-top: 24px;
}

.disable-promote-row {
    pointer-events: none !important;
    color: #7f7f7f !important;
    text-decoration: line-through !important;
    text-decoration-color: #7f7f7f !important;
    background-color: #FFF;
    cursor: none;
    font-family: Arial;
}

    .disable-promote-row input {
        /*color: #7f7f7f !important;*/
        text-decoration: line-through !important;
        /*text-decoration-color: #7f7f7f !important;*/
    }

    .disable-promote-row a {
        color: #7f7f7f !important;
        font-family: Arial;
        text-decoration: none;
    }

.promote-admin-search-btn {
    margin: 10px 3px 15px 3px;
    text-align: right;
}

    .promote-admin-search-btn div {
        display: inline-block;
    }

.promote-search-control {
    margin-bottom: 20px;
}

    .promote-search-control .promote-date-filter-row {
        white-space: nowrap;
        vertical-align: bottom;
    }

.promote-search-datepicker {
    width: 100% !important;
}

.promote-history-search-button {
    margin-top: 18px;
    text-align: right;
}

    .promote-history-search-button .search-history-btn {
        display: inline-block;
    }

    .promote-history-search-button .reset-history-btn {
        display: inline-block;
    }

.promote-export-link, .promote-history-link {
    margin-top: 11px;
    margin-bottom: 6px;
}

.promote-history-no-records {
    text-align: center;
    padding: 20px;
}
/*** END PROMOTE LOCATIONS STYLING***/

/*** PEOPLE TAB > DETAIL POPUP NOTES SECTION STYLING ***/
.wrap-text-notes {
    width: 120px;
    word-break: break-all; /* Forces the line break on long words */
    overflow-wrap: break-word;
}
/*** END PEOPLE TAB > DETAIL POPUP NOTES SECTION STYLING ***/

/*** EVENT REGISTRATION REGISTRANTS STYLING ***/
.registrants-custom-field-value {
    font-size: 12px;
}

.registrants-custom-field-name {
    text-align: right;
    font-size: 12px;
}

.registrants-scrollbar-textarea {
    overflow: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: none !important;
}

    /* For WebKit browsers */
    .registrants-scrollbar-textarea::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
    }
/*** END EVENT REGISTRATION REGISTRANTS STYLING ***/


/*** REPORTS STYLING***/
.reports-grid {
    outline: none;
    border: none !important;
}

.reports-grid-list {
    outline: none;
}

    .reports-grid-list .reports-table, .reports-grid .reports-table {
        border: none !important;
        line-height: normal;
        padding: 5px;
        width: 100%;
    }

    .reports-grid-list .reports-table-title-column, .reports-grid .reports-table-title-column {
        border: none;
        white-space: nowrap;
        width: 100%;
    }

    .reports-grid-list .reports-table-action-column, .reports-grid .reports-table-action-column {
        border: none;
        white-space: nowrap;
        font-size: small;
        text-align: right;
    }

    .reports-grid-list .reports-table-description, .reports-grid .reports-table-description {
        font-size: small;
    }

.reports-grid .no-record-wrapper {
    text-align: center;
    margin: 5px;
    padding: 5px;
}

.reports-grid-list .report-title, .reports-grid .report-title {
    font-weight: bold;
    text-decoration: none;
}
/***END REPORTS STYLING***/

/*** PEOPLE  WORKERS TAB STYLING ***/
.volunteer-request-container {
    display: flex;
    justify-content: center;
}

    .volunteer-request-container div {
        display: inline;
    }

    .volunteer-request-container .reject-icon {
        top: -0.5px;
        position: relative;
    }

    .volunteer-request-container .reject-button {
        background-color: #D80000 !important;
        border-color: #D80000 !important;
        color: #FFFFFF !important;
        border-radius: 50% !important;
        width: 14px;
        height: 14px;
        text-align: center;
        font-size: 8pt;
    }

    .volunteer-request-container .accept-button {
        background-color: #82B63D !important;
        border-color: #82B63D !important;
        color: #FFFFFF !important;
        border-radius: 50% !important;
        width: 14px;
        height: 14px;
        text-align: center;
        font-size: 8pt;
    }
/*** END PEOPLE  WORKERS TAB STYLING ***/

/*** VOLUNTEEER INFO POPUP STYLING ***/
.volunteer-info-popup {
    width: 600px;
}

.volunteer-info-container {
    margin-top: 30px;
}

    .volunteer-info-container .volunteer-info-title {
        font-weight: bold;
        margin-bottom: 10px;
        color: #6b6666;
        font-size: 16px
    }

    .volunteer-info-container .organization-section {
        display: flex;
        flex-direction: row;
        flex: 1;
    }

    .volunteer-info-container .organization-input-wrapper {
        display: flex;
        flex-direction: column;
        flex: 0.8;
    }

    .volunteer-info-container .organization-btn-wrapper {
        display: flex;
        flex-direction: column;
        flex: 0.4;
        margin-left: 50px;
    }

.disabled-send-volunteer-btn {
    color: darkgrey !important;
    /*text-shadow: rgba(0,0,0,0.29) 0px 3px 6px;*/
    background-color: lightgray !important;
    border-color: lightgray !important;
}

.disable-customer {
    color: #d3d3d3 !important;
}
/*** END VOLUNTEEER INFO POPUP STYLING ***/

/*** ADMIN CUSTOMER  NOTE STYLING ***/
.note-container {
    width: 100%;
    border: 1px solid #ddd;
    background-color: #fdfdfd;
    padding: 15px;
    box-sizing: border-box;
}

.note-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.note-title {
    font-weight: bold;
    font-size: 16px;
    color: #333;
}

.note-actions {
    display: flex;
    gap: 10px;
}

.note-content {
    overflow-x: auto;
}

/*** ADMIN CUSTOMER  NOTE STYLING END ***/

/*** PEOPLE DETAIL POPUP > TEXT MESSAGING > SEND SMS STYLING ***/
.send-sms-text-box-container {
    width: 450px;
}

    .send-sms-text-box-container .send-sms-label {
        text-align: left;
    }

.send-test-sms-container {
    margin: 20px 0px 0px 10px;
}
/*** END PEOPLE DETAIL POPUP > TEXT MESSAGING > SEND SMS STYLING ***/
/*** LRP HISTORY STYLING ***/
.lrp-tracking-code-wrapper {
    line-break: anywhere;
    overflow-wrap: break-word;
}
/*** END LRP HISTORY STYLING ***/

/*** PEOPLE DETAIL POPUP > MESSAGING HISTORY TAB STYLING  ***/
.message-history-icon {
    filter: brightness(0) invert(0); /* Converts to black */
    height: 16px;
    width: 16px;
    position: relative;
    top: 3px;
}

.rtsSelected .message-history-icon {
    color: #fff;
    filter: invert(1) brightness(2); /* Converts to white */
}

.disabled-export-excel-btn {
    color: darkgrey !important;
    /*text-shadow: rgba(0,0,0,0.29) 0px 3px 6px;*/
    background-color: lightgray !important;
    border-color: lightgray !important;
}

.message-history-title-container {
    display: flex;
    flex-direction: row;
    width: 100%;
}

    .message-history-title-container .message-history-title-section {
        display: flex;
        flex-direction: column;
        flex: 1;
        padding: 10px 0 10px 10px;
    }

    .message-history-title-container .message-history-export-section {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 150px;
        align-items: center;
    }

.message-history-grid {
    outline: none;
}

.message-history-message-column {
    width: 40% !important;
    line-break: anywhere;
    overflow-wrap: break-word;
}

.message-history-title-icon {
    width: 26px;
    height: 26px;
    fill: currentColor;
}
/*** END PEOPLE DETAIL POPUP > MESSAGING HISTORY TAB STYLING  ***/

/***ADMIN LIST STYLING***/
.admin-list-name-wrap {
    overflow-wrap: break-word;
    line-break: anywhere;
    width: 150px;
}
/***END ADMIN LIST STYLING***/

/***ADMIN > PHCONSOLE TAB STYLING***/
.server-container legend {
    text-transform: capitalize !important;
}

.server-overview-container {
    display: flex;
    flex-direction: row;
    flex: 1;
    align-items: flex-start;
    justify-content: space-between;
    padding: 10px;
}

.connected-printhubs-tile {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    background-color: #5CB85C;
    width: 23em;
    color: #ffffff !important;
    padding: 10px;
    font-size: 16px;
    font-weight: bold
}

.server-status-container,
.device-count-container {
    flex: 1;
}

    .server-status-container .stautus-grid.RadGrid .rgHeader,
    .server-status-container .stautus-grid.RadGrid .rgRow,
    .server-status-container .stautus-grid.RadGrid .rgAltRow {
        font-size: 15px !important;
    }

    .device-count-container .row {
        display: flex;
        flex-direction: row;
        flex: 1;
        align-items: center;
    }

        .device-count-container .row .blue-push-button.RadButton_MetroTouch.rbButton {
            border-color: #666666;
            color: #fff;
            background-color: #25A0DA;
            padding: 8px 6px;
            line-height: 1.5;
            font-size: 16px;
        }

            .device-count-container .row .blue-push-button.RadButton_MetroTouch.rbButton:hover {
                background-color: #2089BA !important
            }

.restart-server-container {
    margin-top: 30px;
}
/***END ADMIN > PHCONSOLE TAB STYLING***/

/*** VIDEO LIGHT BOX STYLING***/
.video-lightbox {
    position: relative;
    display: flex;
    height: 110px;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
}

    .video-lightbox img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        cursor: pointer;
        border: 2px solid #25a0da;
        border-radius: 15px;
    }

.vs-lightbox {
    position: relative;
    display: inline-block;
    height: 120px;
    width: 180px;
}

    .vs-lightbox img {
        position: absolute;
        top: 52%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        cursor: pointer;
        border: 2px solid #25a0da;
        border-radius: 15px;
    }

.video-container .vs-lightbox {
    width: 300px;
    height: 100px
}

.vs-video-thumbnail {
    height: 110px;
    width: 160px;
    object-fit: cover;
    margin-bottom: 10px;
    border-radius: 10px;
}

.video-container .vs-play-icon {
    left: 42%
}

.vs-play-icon {
    position: relative;
    top: 19%;
    left: 37%;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.3);
    width: 45px;
    height: 45px;
    z-index: 1;
    cursor: pointer;
}

.install-lightbox {
    position: relative;
    display: inline-block;
    height: 110px;
    width: 160px;
}

    .install-lightbox img {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        cursor: pointer;
        border: 2px solid #25a0da;
        border-radius: 15px;
    }

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

    .promote-video .video-title {
        text-align: left;
    }
/***END VIDEO LIGHT BOX STYLING***/

/***EDIT SUBSCRIPTION STYLING***/
.cancellation-note {
    margin-top: 5px !important;
}
/***END EDIT SUBSCRIPTION STYLING***/


/*** RESET PASSWORD STYLING***/


.reset-pwd-screen-container {
    height: 500px;
    width: 740px;
    margin: auto auto;
}
/*** END RESET PASSWORD STYLING***/

/***EDIT SUBSCRIPTION STYLING***/
.cancellation-note {
    margin-top: 5px !important;
}
/***END EDIT SUBSCRIPTION STYLING***/

/**APP HEADER STYLING**/
.appheader-logo {
    margin-top: 17px;
}

    .appheader-logo img {
        width: 190px;
    }

.appheader-container {
    padding-right: 0px !important;
}

.appheader-right-container {
    text-align: right;
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.appheader-tooltip-wrapper {
    position: relative;
    text-align: center;
    width: 100%;
}

.appheader-tooltip {
    color: #c0c0c0;
    position: absolute;
    width: 100%;
}

.appheader-search-container {
    display: inline-block;
    position: relative;
    margin-right: 5px;
}

.appheader-admin-link {
    padding-right: 3px;
    padding-top: 30px;
}

.appheader-nav-tab .rtsLink {
    color: #333333 !important;
    font-size: 16px;
    font-weight: lighter;
}

.appheader-icon {
    color: #a0a0a0;
}

.appheader-nav-tab .rtsSelected .rtsLink {
    color: #fff !important;
    font-size: 16px;
}

.appheader-nav-tab .rtsUL {
    margin-bottom: 0 !important;
}

.scheduler-tab-responsive.rtsTxt {
    font: 100 16px "Segoe UI",Arial,Helvetica,sans-serif !important;
    line-height: 0.95 !important;
}

.scheduler-tab-responsive .rbText {
    display: block !important;
}

.appheader-navigation .cornerRibbon .small {
    right: -31px !important;
    top: -13px !important;
}

.appheader-mobile-text {
    display: none;
}

nav {
    flex-grow: 1;
}

.nav-links {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    list-style: none;
    margin-top: 30px;
}

    .nav-links li {
        display: flex;
        align-items: center;
        text-align: left;
    }


.menu-toggle {
    display: none;
    flex-direction: row;
    cursor: pointer;
    text-align: right;
    justify-content: flex-end;
}
/**END APP HEADER STYLING**/
/**EVENT REGISTRATION STYLING ***/
.eventreg-error-container {
    margin-bottom: 10px;
    border: solid 1px #C0C0C0;
    background-color: #FFFFFF;
    padding: 5px;
}

.eventreg-error-section {
    margin-left: 5px;
    margin-right: 20px;
    display: flex;
    flex-direction: row;
    flex: 1;
    align-items: center;
}

.eventreg-error-icon-wrapper {
    padding: 5px 15px;
    display: flex;
    flex-direction: column;
}

.eventreg-error-content-wrapper {
    white-space: normal;
    display: flex;
    flex-direction: column;
}

.eventreg-error-icon {
    font-size: 132px;
}

.eventreg-error-title {
    font-weight: bold;
    margin-bottom: 5px;
}

.eventreg-error-content-title {
    font-weight: bold;
    margin-bottom: 5px;
}

.event-reg-layout .lbl-event-location {
    white-space: normal;
}

.event-mobile-label {
    display: none;
}
.event-add-child-btn-section{
    height:100%;
    position:relative;
}
.event-add-child-btn-section {
    height: 100%;
}

.event-add-child-btn-flex {
    display: flex;
    flex-direction: column;
    min-height: 100%; /* critical */
    height: 100%;
}
.medical-alergy-wrapper{
    height:90px!important;
}

.event-add-child-btn-wrapper {
    margin-top: auto; /* Pushes button to bottom */
    text-align: left;
    padding-top: 10px;
}

.custom-field-section-title-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.custom-field-required-label {
    font-size: 14px;
    margin-top: 15px;
}

.event-reg-custom-label{
    width:40%;
    display:inline-block;
    
}

.event-reg-custom-textbox {
    width: 55%;
    display: inline-block;
    margin-left: 5px;
    vertical-align:top;
}

.event-custom-field-list {
    outline: none;
}

    .event-custom-field-list .rgRow > td, .event-custom-field-list .rgAltRow > td {
        border: none !important;
    }

.event-reg-custom-field-no-record {
    vertical-align: middle;
    text-align: center;
    padding: 5px;
}

.event-reg-expiration-wrapper {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
}

.event-reg-expiration-month {
    display: inline-block;
    margin-right: 3px;
    position: relative;
    width: 50px
}

.event-reg-expiration-devider {
    display: inline-block;
    margin: 0 3px;
    position: relative;
}

.event-reg-expiration-year {
    display: inline-block;
    margin-left: 3px;
    position: relative
}

.event-reg-reqexpval{
    position: absolute;
}

.event-reg-button-section {
    display: table;
    width: 100%;
    margin-top: 10px;
}

.event-reg-button-container {
    display: table-row;
}

.event-reg-button-left-wrapper {
    display: table-cell;
    text-align: left;
}

.event-reg-button-right-wrapper {
    display: table-cell;
    text-align: right;
}

.event-reg-button-defer {
    display: inline-block;
}

.event-reg-button-next {
    display: inline-block;
    margin-left: 10px;
}

.event-reg-country .rfdSelect_MetroTouch {
    width: 100% !important;
}

.event-reg-layout .viewHorzLabel, .event-reg-layout .viewHorzValue {
    height: auto !important;
    white-space: normal;
}

.event-reg-layout .event-description > :first-child {
    margin-top: 0;
    padding-top: 0;
}



.event-reg-layout .event-description img, .event-registration-view-table .event-description img {
    max-width: 100%;
}
/**END EVENT REGISTRATION STYLING**/
/*** CUSTOMER SELECTOR STYLING ***/
.customer-selector-display-section {
    height: 17px;
    vertical-align: middle;
    line-height: 17px;
    cursor: pointer;
    padding: 0px 2px 0px 2px;
    text-align: left;
}

.customer-selector-dropdown-section {
    position: relative;
}

.customer-selector-dropdown-wrapper {
    display: none;
    position: absolute;
    margin-top: 15px;
    margin-right: -150px;
    margin-left: -100px;
    z-index: 999999;
    background-color: transparent;
}
/*** END CUSTOMER SELECTOR STYLING ***/
/*** LANGUAGE SELECTOR STYLING ***/
.responsive-header-container .language-selector-display-section {
    text-align: left;
}

.language-selector-display {
    line-height: 17px;
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    color: #eee;
    border-radius: 2px;
    cursor: pointer;
    padding: 0px 2px 0px 2px;
    height: 17px;
    background-color: #999;
    display: inline-block;
}

.language-selector-dropdown-wrapper {
    display: none;
    position: absolute;
    margin-top: 15px;
    margin-left: -230px;
    z-index: 999999;
    background-color: #ffffff;
    text-align:left;
}
.responsive-no-tab-header .language-selector-dropdown-wrapper {
    display: none;
    position: absolute;
    margin-top: 15px;
    right: 10px;
    z-index: 999999;
    background-color: #ffffff;
    text-align: left;
}
/*** END LANGUAGE SELECTOR STYLING ***/
/***HEADER TOP NAVBAR STYLING***/
.header-navigation {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}
/*** END HEADER TOP NAVBAR STYLING***/

/***PAGE FOOTER STYLING***/
.responsive-footer-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 5px 9px;
    gap: 10px;
}

.responsive-div-links {
    text-align: left;
    flex: 1 1 auto;
}

.responsive-footer-copyright {
    text-align: right;
    flex: 1 1 auto;
}
/***END PAGE FOOTER STYLING***/

/***EMAIL CONFIRMATION RADWINDOW STYLING***/
.event-reg-responsive-modal #RadWindowWrapper_EmailConfirmation {
    position: fixed!important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    width: 500px !important;   
}

.email-confirmation-container {
    padding: 10px 5px;
}

.email-confirmation-alert-label-container {
    padding-bottom: 50px;
}

.email-confirmation-alert-label {
    font-size: 13pt;
}

.email-confirmation-button-container {
    display: flex;
    justify-content: flex-end;
    align-items:flex-end;
}

.email-confirmation-button-group {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
}

.email-confirmation-button-cell {
    padding: 5px;
    display: flex;
    align-items: center;
}

/***END EMAIL CONFIRMATION RADWINDOW STYLING***/
/***TERMS AND CONDITION RADWINDOW STYLING***/
.event-reg-responsive-modal #RadWindowWrapper_TOUWindow {
    position: absolute !important;
    top: 10% !important;
    left: 50% !important;
    transform: translate(-50%, 0) !important;
    margin: 0 !important;
    width: 500px !important; 
}
/***TERMS AND CONDITION RADWINDOW STYLING***/
/*** VOLUNTEER SCHEDULING STYLING***/
/** COMMON STYLING **/
.profile-photo {
    width: 40px;
    height: 40px;
    display: block;
    object-fit: cover;
    border-radius: 50%;
    margin: auto;
}

.volunteer-name {
    color: #88BF40;
    font-family: SegoeUI;
    font-weight: bold;
    font-weight: 400;
    text-decoration: none;
}

.content-header {
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
    padding: 0 10px 10px;
    border-bottom: 1px solid rgba(112, 112, 112, 0.3);
}

.back-icon-wrapper {
    display: inherit;
    margin-right: 20px;
    flex: 0.01;
}

.back-icon.RadButton {
    font-size: 17pt !important;
}

    .back-icon.RadButton.RadButton_MetroTouch.rbButton {
        border-color: transparent;
        color: #88BF40;
        background-color: transparent;
    }

    .back-icon.RadButton .rbIconOnly:before {
        font-family: Font Awesome 5 Free !important;
    }

.event-title {
    color: #000000;
    font-family: SegoeUI;
    font-weight: 400;
    font-size: 16pt;
    flex: 1
}

.header-button-wrapper {
    justify-content: flex-end;
    display: inherit;
}

.vs-circle-blue-box {
    background-color: #26A0DD;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
}

.vs-circle-border-box {
    background-color: #ffffff;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #26A0DD;
}

.vs-error-wrapper {
    display: flex;
    flex-direction: row;
    margin: 0 15px;
}

.vs-error-label {
    color: red !important;
    font-size: 14px;
    font-weight: bold;
}

.linearBackground {
    background-image: linear-gradient(180deg, #E5F0F9, #FFFFFF);
}

.green-button {
    color: #FFFFFF;
    background-color: #88BF40;
    border-color: #999999;
    box-shadow: 3px 3px 5px #ccc;
    vertical-align: unset;
}

.white-background {
    background-color: #FFFFFF;
}

.section-header-view {
    background-color: #085E94;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .section-header-view .section-title {
        color: #FFFFFF;
        font-size: 18px;
        font-family: 'SegoeUI-Historic';
        padding-left: 20px;
    }

.section-repeat-occurence {
    justify-content: flex-start !important;
}

    .section-repeat-occurence .section-title {
        padding-left: 10px !important;
        line-height: 15px;
    }



.transparent-button {
    border-color: transparent !important;
    background-color: transparent !important;
}

.green-chevron-right {
    color: #88BF40 !important;
}

.bg-alice-blue {
    background: #E5F0F9 !important;
}

.volunteerSchedule .RadScheduler_Metro .rsMonthView .rsTodayCell {
    border-top: 4px solid #1181d7 !important;
    background-image: linear-gradient(106deg, #cce7fb, #FFFFFF) !important;
}

    .volunteerSchedule .RadScheduler_Metro .rsMonthView .rsTodayCell .rsDateBox a, .volunteerSchedule .RadScheduler_Metro .rsMonthView .rsTodayCell.rsAptCreate .rsDateBox a {
        font-weight: 600;
    }

.vs-switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
}

    .vs-switch input {
        opacity: 0;
    }

    .vs-switch .slider {
        position: absolute;
        cursor: pointer;
        top: 1px;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #BDBDBD;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .vs-switch .slider:before {
            position: absolute;
            content: "";
            height: 22px;
            width: 22px;
            left: -2px;
            bottom: 0px;
            top: -1.5px;
            background-color: #88BF40;
            -webkit-transition: .4s;
            transition: .4s;
        }

    .vs-switch input:checked + .slider {
        background-color: #ADD1EE;
    }

    .vs-switch input:focus {
        border: 1px solid #cccccc;
    }

        .vs-switch input:focus + .slider {
            box-shadow: 0 0 1px #2196F3;
        }

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

    /* Rounded sliders */
    .vs-switch .slider.round {
        border-radius: 34px;
        height: 20px;
        width: 40px;
        border: 1px solid #cccccc;
    }

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

.event-title-wrapper {
    display: flex;
    flex-direction: row;
}

.event-title-section {
    display: flex;
    flex: 1;
}

    .event-title-section table {
        display: flex !important;
        flex: 1;
    }

.event-title-video-section {
    display: flex;
    text-align: left;
    justify-content: center;
    align-items: center;
    /* TODO - to be removed with new */
    padding: 0 15px;
}

.beta-users-subtext {
    position: relative;
    top: 5px;
}

.event-feedback-section {
    display: flex;
    text-align: left;
    justify-content: center;
    align-items: center;
}

.feedback-btn {
    border-color: #25a0da;
    color: #fff;
    background-color: #25a0da;
    font-size: 16px;
    margin-bottom: 2px;
    font-weight: 700;
    text-decoration: none;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 19px;
    font-family: SegoeUI;
    padding: 0 30px;
}

.tab-content-with-border {
    display: flex;
    background-color: #fff;
    border: thin solid #c0c0c0;
    box-shadow: 2px 2px 3px #ddd;
    flex-direction: column;
}

.filter-dropdown.RadDropDownList_MetroTouch .rddlFocused,
.filter-dropdown.RadDropDownList_MetroTouch .rddlInner {
    border-color: #085E94 !important;
    background-color: #085E94 !important;
    color: #ffffff;
    font-family: SegoeUI;
    font-weight: 700;
}

.filter-dropdown.RadDropDownList_MetroTouch .rddlIcon,
.filter-dropdown.RadDropDownList_MetroTouch .rddlHovered .rddlIcon,
.filter-dropdown.RadComboBox_MetroTouch .rcbArrowCell a {
    background-position: -110px -58px;
}

.filter-dropdown.RadComboBox_MetroTouch .rcbReadOnly .rcbInputCell,
.filter-dropdown.RadComboBox_MetroTouch .rcbArrowCell {
    border-color: #085E94 !important;
    background-color: #085E94 !important;
    color: #ffffff;
}

.filter-dropdown.RadComboBox_MetroTouch .rcbReadOnly .rcbInput,
.filter-dropdown.RadComboBox_MetroTouch .rcbHovered .rcbReadOnly .rcbInput {
    color: #ffffff;
    font-family: SegoeUI !important;
    font-weight: 700 !important;
}

.request-button {
    width: 180px;
    text-shadow: rgba(0,0,0,0.29) 0px 3px 6px;
    background-color: #FFFFFF;
    border: 2px solid #707070;
    border-radius: 4px;
    font: normal 16px Segoe UI Historic;
    padding: 10px 0 !important;
}

.schedule-button,
.save-schedule-button {
    width: 180px;
    color: #FFFFFF;
    text-shadow: rgba(0,0,0,0.29) 0px 3px 6px;
    background-color: #88BF40;
    border-radius: 4px;
    border: 1px solid transparent;
    font: normal 16px Segoe UI Historic;
    padding: 10px 0 !important;
}

.save-schedule-button {
    width: 230px !important;
}

.schedule-validate-button {
    width: 250px;
    color: #FFFFFF;
    text-shadow: rgba(0,0,0,0.29) 0px 3px 6px;
    background-color: #88BF40;
    border-radius: 4px;
    border: 1px solid transparent;
    font: normal 16px Segoe UI Historic;
    padding: 10px 0 !important;
}

.role-name {
    font-size: 16px;
    font-family: SegoeUI !important;
    font-weight: 400;
    color: #000000 !important;
}

.RadInput_MetroTouch .vs-numeric-textbox a {
    border-color: transparent;
}

.RadInput_MetroTouch .vs-numeric-textbox.riTextBox {
    border-right: transparent;
}

.disabledButton {
    height: 55px;
    width: 180px;
    color: darkgrey !important;
    /*text-shadow: rgba(0,0,0,0.29) 0px 3px 6px;*/
    background-color: lightgray !important;
    border-radius: 4px;
    border: 0px solid #707070;
    font: normal 18px Segoe UI Historic !important;
}
/** END COMMON STYLING **/
/** SCHEDULER TAB STYLING **/
.scheduler-tab.rbButton {
    border-width: 0px;
    box-shadow: none !important;
}

.scheduler-tab.rtsTxt {
    font: 100 16px "Segoe UI",Arial,Helvetica,sans-serif !important;
    line-height: 2.5 !important;
}

.scheduler-tab .rbText {
    display: inline-block !important;
}

.RadTabStrip_MetroTouch .rtsSelected .RadButton_MetroTouch.rbButton.scheduler-tab,
.RadTabStrip_MetroTouch .rtsSelected:hover .RadButton_MetroTouch.rbButton.scheduler-tab {
    color: #ffffff !important;
}

.RadButton_MetroTouch.rbButton.rbSelected.scheduler-tab {
    color: #000;
}
/** END SCHEDULER TAB STYLING**/
/*** GROUPS & ROLES STYLING***/
.scheduler-group-main-header {
    display: flex;
    flex: 1;
    flex-direction: row;
    border-bottom: 1px solid rgba(112, 112, 112, 0.31)
}

.scheduler-group-sub-header {
    display: flex;
    flex: 1;
    flex-direction: row;
    border-bottom: 1px solid rgba(112, 112, 112, 0.31);
    padding: 10px 10px 10px 0;
}

.scheduler-group-bottom-btn-block {
    display: flex;
    flex: 1;
    border-bottom: 1px solid rgba(112, 112, 112, 0.31);
    padding: 10px;
}

.scheduler-group-title {
    flex: 1;
    padding-left: 10px;
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #000000;
    font-size: 18px;
    justify-content: start;
    align-items: center;
    line-height: 20px;
    font-family: 'SegoeUI';
    font-weight: 400;
}

.scheduler-group-sub-header .button-section {
    display: flex;
    flex: 2;
    justify-content: flex-end;
    align-items: center;
}

.scheduler-group-bottom-btn-block .button-section-bottom {
    display: flex;
    flex: 2;
    justify-content: flex-end;
    align-items: flex-end;
}

.scheduler-group-title-icon-block {
    flex: 1;
    padding-right: 10px;
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: flex-end;
    align-items: center;
}

    .scheduler-group-title-icon-block a {
        color: #085E94;
        font-size: 22px;
    }

.scheduler-group-main-content {
    display: flex;
    flex: 1;
    flex-direction: row;
    min-height: 400px;
}

.scheduler-group-tabs-section {
    display: flex;
    flex: 0.2;
    flex-direction: column;
    border-right: 3px solid #1C97DD !important;
    background-color: #f9f9f9;
}

.scheduler-group-tabs-content-section {
    display: flex;
    flex: 0.8;
    flex-direction: column;
}

.scheduler-groups-left-block {
    height: max-content;
}

    .scheduler-groups-left-block .rtsLevel {
        width: 100%;
    }

    .scheduler-groups-left-block .rtsUL {
        display: flex !important;
        justify-content: flex-start;
        flex-direction: column;
        width: 100%;
    }

        .scheduler-groups-left-block .rtsUL .rtsLink {
            display: flex !important;
            justify-content: flex-start;
        }


.schedule-group-icon-tabs {
    vertical-align: middle;
    font-size: 20px !important;
    padding-right: 5px;
}

.schedule-group-icon-tabs-text {
    font-family: 'SegoeUI-Historic';
}

.schedule-group-icon-tabs.inactive {
    color: #004681;
}

.schedule-group-content-header {
    display: flex;
    padding: 10px;
}

    .schedule-group-content-header .label-section {
        display: flex;
        flex: 1;
        font-family: 'SegoeUI';
        font-weight: 600;
        font-style: italic;
        align-items: center;
        color: #000000;
    }

    .schedule-group-content-header .button-section {
        display: flex;
        flex: 2;
        justify-content: flex-end
    }

    .schedule-group-content-header .schedule-group-button {
        padding: 7px 25px !important;
        font-size: 15px !important;
        font-family: 'SegoeUI-Historic';
    }

span.schedule-group-button.rbLinkButton:active, span.schedule-group-button.rbLinkButton:focus {
    background-color: #88BF40 !important;
    border-color: #999999 !important;
}

.schedule-group-content-header .schedule-group-button:last-child {
    margin-left: 15px;
}

.schedule-group-content {
    display: flex;
    flex: 1;
    flex-direction: row
}

.rg-groups-roles .rgRow, .rg-groups-roles .rgSelectedRow.rgRow {
    background-color: #E5F0F9;
}

.rg-groups-roles .rgAltRow, .rg-groups-roles .rgSelectedRow.rgAltRow {
    background-color: #FFFFFF !important;
}

    .rg-groups-roles .rgRow td, .rg-groups-roles .rgAltRow td {
        padding-top: 3px !important;
    }

.rg-groups-roles .number-roles-label {
    color: #88BF40 !important;
    font-family: 'SegoeUI-Historic';
    font-size: 16px;
    text-decoration: none;
}

.rg-groups-roles .group-icon-section {
    display: flex;
    align-items: center;
}

.rg-groups-roles .group-icon {
    color: #ADADAD;
    font-size: 18px;
}

.rg-groups-roles .role-group-name {
    font-family: 'SegoeUI-Historic';
    font-size: 16px;
    margin-left: 5px;
}

.create-new-group-btn-text {
    top: 1px;
    position: relative;
}

.group-roles-label-icon {
    color: #88BF40;
    height: 18px;
    width: 18px;
    display: flex;
}

.rg-groups-roles .group-name, .rg-groups-roles .role-name, .rg-volunteer-document .document-name {
    font-family: 'SegoeUI';
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}

.rg-groups-roles .roles-list-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}

span.RadButton_MetroTouch.vs-close-btn {
    background-color: #ffffff !important;
    border-color: #707070 !important;
    border-radius: 3px;
    color: #000000 !important;
    font-family: SegoeUI-Historic;
    padding: 7px 40px !important;
    font-size: 16px;
}

.vs-section-wrapper {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex: 1;
    padding: 10px 0;
    color: #000000;
    font-size: 16px;
    font-family: 'SegoeUI';
    font-weight: 600;
    background-color: #ffffff;
    text-align: center;
    display: flex;
}

.assign-roles-header-wrapper {
    display: flex;
    flex-direction: row;
    padding-right: 10px;
    border-bottom: 1px solid #dddddd;
}

    .assign-roles-header-wrapper .label-section {
        display: flex;
        flex-direction: column;
        flex: 0.9;
    }

    .assign-roles-header-wrapper .add-roles-info-section {
        display: flex;
        flex-direction: column;
        flex: 0.1;
        justify-content: center;
        align-items: flex-end;
        font-size: 20px;
        color: #085E94;
    }

        .assign-roles-header-wrapper .add-roles-info-section a {
            font-size: 20px;
            color: #085E94;
        }
/***  INFO MODAL STYLING***/
.info-modal-main {
    width: 450px;
}

    .info-modal-main .btn-section {
        text-align: center;
        margin-top: 50px;
    }

.info-modal-instruction-text {
    font-family: 'SegoeUI';
    font-size: 16px;
    font-weight: 600;
    color: #085E94;
    text-align: left;
}

.info-modal-icon {
    color: #1AAC10;
    font-size: 71px;
    width: 71px;
    height: 71px;
}

.info-modal-schedule-text {
    font-family: 'SegoeUI';
    font-size: 35px;
    font-weight: bold;
    color: #000000
}

.info-modal-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.info-modal-example-text {
    font-family: 'SegoeUI';
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    text-align: left;
}

.info-modal-content-text {
    font-family: 'SegoeUI';
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    text-align: left;
}

    .info-modal-content-text ul {
        margin: 10px 0 0 0;
    }

        .info-modal-content-text ul li {
            text-align: left;
        }

.info-modal-bottom-text {
    font-size: 16px;
    font-family: SegoeUI-Italic;
    color: #000000;
    text-align: left;
}
/*** END INFO MODAL STYLING***/

/*** MODAL STYLING***/
.volunteer-modal-main {
    width: 300px;
    display: inline-block;
    padding-top: 10px;
}

    .volunteer-modal-main .modal-wrapper, .volunteer-modal-main .modal-Section-wrapper {
        display: flex;
        flex: 1;
        flex-direction: row;
        width: 100%
    }

    .volunteer-modal-main .modal-content-section, .volunteer-modal-main .modal-field-section {
        display: flex;
        flex: 1;
        flex-direction: column
    }

    .volunteer-modal-main .modal-label-wrapper {
        display: flex;
        flex: 1;
        flex-direction: row;
        color: #000000;
        font-family: 'SegoeUI-Historic'
    }

    .volunteer-modal-main .modal-content-wrapper {
        display: flex;
        flex: 1;
        flex-direction: row;
        margin-top: 3px;
    }


.RadForm_MetroTouch.RadForm .modal-wrapper .riTextBox.vs-text-box {
    padding-right: 4px !important;
    padding-left: 4px !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
    background-color: #ffffff !important;
    font-family: 'SegoeUI-Historic';
}

span.RadButton_MetroTouch.add-edit-group-btn {
    padding: 7px 25px !important;
    font-size: 15px !important;
    font-family: 'SegoeUI-Historic';
    display: flex !important;
    flex: 1 !important;
    justify-content: center;
    border-radius: 3px;
}

.add-edit-group-btn.delete-group-btn {
    background-color: #D80000;
}

.add-edit-group-btn.reset-group-btn {
    background-color: #FFFFFF;
    border: 1px solid #707070 !important;
}

.volunteer-modal-main .modal-btn-section {
    display: flex;
    flex: 1;
    margin-top: 15px;
}

    .volunteer-modal-main .modal-btn-section > div {
        display: flex !important;
        flex: 0.5 !important;
    }

        .volunteer-modal-main .modal-btn-section > div:nth-child(2) {
            margin-left: 20px;
        }

.volunteer-modal-main .disabled-group-name {
    color: #000 !important;
    background-color: #ffffff !important;
    border-color: #dddddd !important;
    font-weight: bold !important;
    opacity: 1 !important;
}
/***END MODAL STYLING***/

/*** END GROUPS & ROLES STYLING***/

/** EVENTS VIEW STYLING */

.tabContent {
    margin: 10px auto;
}

.volunteerSchedule .content-header {
    padding-left: 10px;
    padding-right: 10px;
}

.volunteerSchedule .RadTabStrip_MetroTouch {
    line-height: normal !important;
}

.volunteerSchedule .RadTabStripTop_MetroTouch .rtsLevel {
    border: none;
}

.volunteerSchedule .RadTabStrip .rtsUL {
    border: 1px solid #26A0DD;
}

.volunteerSchedule .RadTabStrip .rtsLevel .rtsTxt {
    text-transform: uppercase;
    font-size: 10pt;
    margin-bottom: 2px;
    font-weight: 700;
}

.volunteerSchedule .RadTabStripTop_MetroTouch .rtsLevel1 {
    border-bottom-color: transparent;
}

/** CALENDAR HEADER **/
.volunteerSchedule .calendarHeader {
    border-top: 1px solid #DAE5F0;
    display: flex;
    flex-direction: row;
    padding: 10px;
}

    .volunteerSchedule .calendarHeader .navSection {
        display: flex;
        flex-direction: inherit;
        align-items: center;
        flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
    }

        .volunteerSchedule .calendarHeader .navSection .selectedDate {
            font-size: 18px;
            font-family: SegoeUI;
            font-weight: 600;
            color: #000;
        }

        .volunteerSchedule .calendarHeader .navSection .navIcon {
            font-size: large;
        }

        .volunteerSchedule .calendarHeader .navSection .RadButton_Default.rbButton {
            border-color: transparent;
            color: #88BF40;
            background-color: transparent;
            background-image: none;
        }

    .volunteerSchedule .calendarHeader .legends {
        display: flex;
        align-items: center;
        font-family: SegoeUI;
        color: #000;
        font-size: 15px;
        flex: 0.9;
        -ms-flex: 0.9;
        -webkit-flex: 0.9;
    }

        .volunteerSchedule .calendarHeader .legends .title {
            font-weight: 600;
            padding: 0 5px;
        }


        .volunteerSchedule .calendarHeader .legends .label {
            font-size: 13px;
            margin-left: 3px;
        }

        .volunteerSchedule .calendarHeader .legends .upcomingEvent,
        .volunteerSchedule .calendarHeader .legends .draftEvent,
        .volunteerSchedule .calendarHeader .legends .completedEvent {
            padding: 0 8px;
            display: flex;
            align-items: center;
        }

        .volunteerSchedule .calendarHeader .legends .dot {
            height: 12px;
            width: 12px;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            display: inline-block;
        }

        .volunteerSchedule .calendarHeader .legends .upcomingEvent .dot {
            background-color: #26A0DD;
        }

        .volunteerSchedule .calendarHeader .legends .draftEvent .dot {
            background-color: #DF8DE7;
        }

        .volunteerSchedule .calendarHeader .legends .completedEvent .dot {
            background-color: #CBDBEA;
        }

    .volunteerSchedule .calendarHeader .searchInput {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

        .volunteerSchedule .calendarHeader .searchInput .RadSearchBox {
            border: 1px solid rgba(0,0,0,0.2);
            line-height: 1.78;
            width: 100%;
        }

            .volunteerSchedule .calendarHeader .searchInput .RadSearchBox .rsbInner:before {
                font-family: 'Font Awesome 5 Free';
                content: "\f002";
                display: inline-block;
                vertical-align: middle;
                font-weight: 900;
                padding: 0 5px;
                font-size: large;
                color: #085E94;
            }

            .volunteerSchedule .calendarHeader .searchInput .RadSearchBox .rsbEmptyMessage {
                color: #085E94;
                opacity: 0.56;
                filter: alpha(opacity=56); /* Fix for IE8 */
            }

    .volunteerSchedule .calendarHeader .schedulerView {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex: 0.5;
        -ms-flex: 0.5;
        -webkit-flex: 0.5;
    }

        .volunteerSchedule .calendarHeader .schedulerView .RadComboBox_MetroTouch {
            border: 1px solid rgba(0,0,0,0.2);
            width: 100%;
        }

            .volunteerSchedule .calendarHeader .schedulerView .RadComboBox_MetroTouch .rcbArrowCell a {
                background-position: -61px -58px;
            }

/** END CALENDAR HEADER**/

/** EVENTS CALENDAR VIEW */

.volunteerSchedule .RadScheduler_Metro .view-link {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.volunteerSchedule .RadScheduler_Metro .imgCircleDollarSign {
    width: 16px;
}

/* Background image for draft event */
.RadScheduler_Metro .Draft .rsAptContent,
.RadScheduler_Metro .Draft .rsAptMid .rsAptIn,
.RadScheduler_Metro .Draft .rsAptMid,
.RadScheduler_Metro .Draft .rsAptOut {
    background-image: url('../_media/images/bg_draft_event.png') !important;
    background-size: cover;
}

/* MONTH VIEW */
.volunteerSchedule .RadScheduler_Metro .rsMonthView .rsHorizontalHeaderTable {
    width: 100% !important;
}

.volunteerSchedule .RadScheduler_Metro .rsHorizontalHeaderTable th {
    background-color: #E5F0F9;
    border-color: transparent;
    padding: 8px 0;
}

    .volunteerSchedule .RadScheduler_Metro .rsHorizontalHeaderTable th div {
        color: #085E94;
        font-family: 'Montserrat-Bold';
        text-transform: uppercase;
        font-size: 9pt;
    }

.volunteerSchedule .RadScheduler_Metro .rsHorizontalHeaderWrapper {
    background-color: #E5F0F9;
    border-color: #D5E2EE;
}

.RadScheduler_Metro a, .RadScheduler_Metro input, .RadScheduler_Metro select, .RadScheduler_Metro textarea {
    color: inherit !important;
}

.volunteerSchedule .RadScheduler_Metro .rsMonthView .rsContentTable {
    width: 100% !important;
}

.volunteerSchedule .RadScheduler_Metro .rsMonthView .rsContentScrollArea {
    overflow-x: hidden !important;
}

.volunteerSchedule .RadScheduler_Metro .rsMonthView .rsContentTable td {
    border-color: #D5E2EE;
    border-style: solid;
    background-image: linear-gradient(106deg, #E5F0F9, #FFFFFF);
    border-top: 4px solid transparent;
}

.volunteerSchedule .RadScheduler_Metro .rsMonthView .rsSelectedSlot {
    background: transparent;
}

.volunteerSchedule .RadScheduler_Metro .rsMonthView .rsDateBox {
    background-image: linear-gradient(106deg, #E5F0F9, #FFFFFF);
    background-color: transparent;
    border: none;
    padding: 10px;
}

    .volunteerSchedule .RadScheduler_Metro .rsMonthView .rsDateBox a {
        color: #000;
        font-family: SegoeUI;
        font-weight: 700;
    }

        .volunteerSchedule .RadScheduler_Metro .rsMonthView .rsDateBox a:hover {
            text-decoration: none;
        }

.volunteerSchedule .RadScheduler_Metro .rsMonthView .rsAptCreate .rsDateBox {
    background-image: linear-gradient(106deg, #E5F0F9, #FFFFFF);
    background-color: transparent;
    border: none;
    padding: 10px;
}

    .volunteerSchedule .RadScheduler_Metro .rsMonthView .rsAptCreate .rsDateBox a {
        color: #000;
        font-family: SegoeUI;
        font-weight: 700;
    }

        .volunteerSchedule .RadScheduler_Metro .rsMonthView .rsAptCreate .rsDateBox a:hover {
            text-decoration: none;
        }

.volunteerSchedule .RadScheduler_Metro .rsMonthView .rsContentTable .rsOtherMonth .rsDateBox a {
    color: #cccccc;
    pointer-events: none;
}

/* DAY VIEW */
.volunteerSchedule .RadScheduler_Metro .rsVerticalHeaderTable {
    background-color: #E5F0F9;
}

    .volunteerSchedule .RadScheduler_Metro .rsVerticalHeaderTable th {
        color: #085E94;
        border: none;
        font-family: 'Montserrat-Light';
        font-size: 10pt;
    }

.volunteerSchedule .RadScheduler .rsVerticalHeaderTable div {
    text-align: center;
}

.volunteerSchedule .RadScheduler .rsAmPm {
    display: block;
    text-transform: uppercase;
    padding-top: 4px;
    padding-right: 2px;
    font-size: 6pt;
    font-family: 'Montserrat-SemiBold';
}

.volunteerSchedule .RadScheduler_Metro .rsSelectedSlot, .RadScheduler_Metro .rsAptCreate.rsSelectedSlot {
    background: #FFF;
    background-color: #FFF;
}

.volunteerSchedule .RadScheduler_Metro .rsContentTable .rsAlt td {
    border-color: #D5E2EE;
    border-bottom-style: solid;
}

.volunteerSchedule .RadScheduler_Metro .rsNonWorkHour {
    background-color: #FFF;
}

.volunteerSchedule .RadScheduler_Metro .rsContentTable td {
    border-bottom-style: none;
}

.volunteerSchedule .RadScheduler .rsContent.rsDayView .rsApt .rsAptContent .eventContent {
    height: 100%;
    position: relative;
    word-break: break-word;
    overflow: hidden;
}

    .volunteerSchedule .RadScheduler .rsContent.rsDayView .rsApt .rsAptContent .eventContent .eventName {
        position: absolute;
        bottom: 2px;
        left: 2px;
        color: white;
    }

    .volunteerSchedule .RadScheduler .rsContent.rsDayView .rsApt .rsAptContent .eventContent .eventDuration {
        position: absolute;
        bottom: 2px;
        right: 2px;
        color: white;
    }

    .volunteerSchedule .RadScheduler .rsContent.rsDayView .rsApt .rsAptContent .eventContent .eventNameForWeek {
        color: white;
    }

    .volunteerSchedule .RadScheduler .rsContent.rsDayView .rsApt .rsAptContent .eventContent .eventDurationForWeek {
        color: white;
    }

    .volunteerSchedule .RadScheduler .rsContent.rsDayView .rsApt .rsAptContent .eventContent .eventDetails {
        display: flex;
        flex: 1;
        align-items: flex-end;
        word-break: break-word;
        color: white;
        padding-bottom: 2px;
    }

.volunteerSchedule .RadScheduler .rsContent.rsDayView .rsApt.completed-events .rsAptContent .eventContent .eventDetails {
    color: #000000 !important;
}

.volunteerSchedule .RadScheduler .rsContent.rsDayView .rsApt .rsAptContent .eventContent .eventDetailsUnPaid {
    position: relative;
    top: 2px;
    left: 2px;
    word-break: break-word;
    color: white;
}

.volunteerSchedule .RadScheduler .rsContent.rsDayView .rsApt.completed-events .rsAptContent .eventContent .eventDetailsUnPaid {
    color: #000000 !important;
}

.volunteerSchedule .RadScheduler .rsContent.rsDayView .rsSelectedSlot {
    background-color: transparent;
}


/* WEEK VIEW*/
.volunteerSchedule .RadScheduler_Metro .rsSpacerCell {
    background-color: #E5F0F9;
    border: none;
}

.volunteerSchedule .RadScheduler .rsContent.rsWeekView .rsHorizontalHeaderWrapper .rsDateHeader {
    background-color: #E5F0F9;
    border: none;
}

.volunteerSchedule .RadScheduler .rsContent.rsWeekView .rsHorizontalHeaderWrapper a.rsDateHeader {
    color: #085E94;
    text-transform: uppercase;
    font-family: 'Montserrat-Bold';
    font-size: 9pt;
}

    .volunteerSchedule .RadScheduler .rsContent.rsWeekView .rsHorizontalHeaderWrapper a.rsDateHeader:hover {
        text-decoration: none;
    }

.volunteerSchedule .RadScheduler .rsContent.rsWeekView .rsSunCol,
.volunteerSchedule .RadScheduler .rsContent.rsWeekView .rsSatCol,
.volunteerSchedule .RadScheduler .rsContent.rsDayView .rsSunCol,
.volunteerSchedule .RadScheduler .rsContent.rsDayView .rsSatCol {
    background-color: #FFF;
}

.volunteerSchedule .RadScheduler .rsContent.rsWeekView .rsApt .rsAptContent .eventContent {
    height: 100%;
    position: relative;
    overflow: hidden;
}

    .volunteerSchedule .RadScheduler .rsContent.rsWeekView .rsApt .rsAptContent .eventContent .eventDetails {
        display: flex;
        flex: 1;
        align-items: flex-end;
        word-break: break-word;
        color: white;
        padding-bottom: 2px;
    }

.volunteerSchedule .RadScheduler .rsContent.rsWeekView .rsApt.completed-events .rsAptContent .eventContent .eventDetails {
    color: #000000 !important;
}

.volunteerSchedule .RadScheduler .rsContent.rsWeekView .rsApt .rsAptContent .eventContent .eventDetailsUnPaid {
    position: relative;
    top: 2px;
    left: 2px;
    word-break: break-word;
    color: white;
}

.volunteerSchedule .RadScheduler .rsContent.rsWeekView .rsApt.completed-events .rsAptContent .eventContent .eventDetailsUnPaid {
    color: #000000 !important;
}
/** END EVENTS CALENDAR VIEW */
/** START LISTVIEW STYLING **/
.volunteerSchedule .listView .RadTabStrip_MetroTouch {
    line-height: 2.5 !important;
}

.volunteerSchedule .listView .RadTabStripTop_MetroTouch .rtsLevel {
    border: none;
}

.volunteerSchedule .listView .RadTabStrip .rtsUL {
    border: none;
}

.volunteerSchedule .listView .RadTabStrip .rtsLevel .rtsTxt {
    text-transform: none;
    font-size: 16px;
    font-family: SegoeUI;
    font-weight: 600;
}

.volunteerSchedule .listView .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected {
    color: #333;
    border-bottom: 4px solid #26A0DD !important;
    background-color: transparent;
}

.volunteerSchedule .listView .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
    border: none;
    background-color: transparent;
}

.volunteerSchedule .listView .radGrid {
    outline: none;
}

    .volunteerSchedule .listView .radGrid .rgAltRow {
        background: transparent;
    }

    .volunteerSchedule .listView .radGrid .rgRow TD {
        padding: 0px !important;
        border-bottom: 1px solid #707070;
    }

    .volunteerSchedule .listView .radGrid .rgAltRow TD {
        padding: 0px !important;
        border-bottom: 1px solid #707070;
    }

    .volunteerSchedule .listView .radGrid .list-event-name-wrapper {
        display: flex;
        flex-direction: row;
    }

    .volunteerSchedule .listView .radGrid .upcomingEventNameIndicator {
        display: flex;
        flex-direction: column;
        background-color: #26A0DD;
        width: 10px;
        margin-top: 5px;
    }

    .volunteerSchedule .listView .radGrid .upcomingEventNameDraftIndicator {
        display: flex;
        flex-direction: column;
        background-color: #DF8DE7;
        width: 10px;
        margin-top: 5px;
    }

    .volunteerSchedule .listView .radGrid .upcomingEventName {
        display: flex;
        margin-left: 10px;
        margin-right: 20px;
        font-size: 16px;
        font-family: 'Segoe UI SemiBold';
        flex-direction: column;
        line-height: 20px;
        margin-top: 10px;
        margin-bottom: 10px;
        flex: 1;
    }

    .volunteerSchedule .listView .radGrid .completedEventName {
        display: inline-block;
        margin-left: 10px;
        margin-right: 20px;
        margin-top: 10px;
        margin-bottom: 10px;
        color: #085E94;
        font-size: 16px;
        line-height: 20px;
        font-family: 'Segoe UI SemiBold';
    }

.volunteerSchedule .listView .eventsDate {
    text-transform: none;
    font-size: 14px;
    font-family: 'SegoeUI-Historic';
}

.volunteerSchedule .listView .eventsVolunteerPercentageText {
    text-transform: none;
    font-size: 16px;
    font-family: 'SegoeUI-Italic';
}

.volunteerSchedule .listView .eventsVolunteerPercentageValue {
    font-family: 'SegoeUI-SemiBold-Italic';
}

.volunteerSchedule .listView .radGrid .noRecordTemplate {
    text-align: center;
    padding: 20px;
}

.volunteerSchedule .listView .RadMenu_Silk .rmRootGroup {
    border-width: 0px !important;
    border-style: none !important;
    border-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.volunteerSchedule .listView .RadMenu_Silk .rmRootLink.rmFocused,
.RadMenu_Silk .rmRootLink.rmSelected,
.RadMenu_Silk .rmRootLink.rmExpanded {
    background-color: transparent !important;
    background-image: none !important;
}

.volunteerSchedule .listView .RadMenu_Silk .rmRootLink:hover {
    background: none !important;
    background-image: none !important;
}

.volunteerSchedule .listView .RadMenu_Silk .rmGroup .rmLink {
    color: #000;
    font-size: 15px;
    font-family: SegoeUI;
}

    .volunteerSchedule .listView .RadMenu_Silk .rmGroup .rmLink:hover {
        background: #98989825;
    }

.volunteerSchedule .listView .chevronIcon {
    color: #88BF40;
}
/** END LISTVIEW STYLING **/
/** END EVENTS VIEW STYLING */

/** EVENT VOLUNTEERS STYLING **/
/* ACCORDION HEADER */
.panelbarHeader {
    background-color: #26A0DD !important;
    border-color: #FFFFFF !important;
    color: #FFFFFF !important;
    font-family: SegoeUI !important;
    font-weight: 700 !important;
    font-size: 12pt !important;
}

    .panelbarHeader.rpHeaderTemplate {
        cursor: pointer;
    }

    .panelbarHeader label {
        color: #FFFFFF !important;
        font-family: SegoeUI !important;
        font-weight: 700 !important;
        font-size: 12pt !important;
    }

.allocated-volunteers-panel .panelbarHeader {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 5px 15px;
}

.eventVolunteers.setting_prompt_btm {
    padding: 10px 0 !important;
}

.eventVolunteers .RadPanelBar .rpExpandHandle {
    float: left;
    background-position: -110px -61px;
}

.eventVolunteers .RadPanelBar_MetroTouch .rpExpanded .rpExpandHandle {
    background-position: -110px -11px;
}

.eventVolunteers .RadPanelBar_MetroTouch .rpRootLink .rpExpandHandle,
.eventVolunteers .RadPanelBar_MetroTouch .rpRootLink .rpExpandHandle.rpExpandHandleHovered {
    border-color: #FFFFFF;
}

.allocated-volunteers-panel {
    border-bottom: 4px solid #085E94;
}

    .allocated-volunteers-panel .role-shift-wrapper {
        display: flex;
        flex-direction: row;
    }
/* DATE FILTER*/
.eventVolunteers .dateFilter.RadComboBox_MetroTouch .rcbReadOnly .rcbInputCell,
.eventVolunteers .dateFilter.RadComboBox_MetroTouch .rcbArrowCell {
    background-color: #26A0DD !important;
    border-color: #26A0DD !important;
}

.eventVolunteers .dateFilter.RadComboBox_MetroTouch .rcbReadOnly .rcbInput {
    color: #FFFFFF;
    font-family: SegoeUI !important;
    font-weight: 700 !important;
    text-align: right;
}

.eventVolunteers .dateFilter.RadComboBox_MetroTouch .rcbArrowCell a {
    background-position: -111px -58px;
}
/* ACCORDION CONTENT */
.eventVolunteers .RadPanelBar_MetroTouch .rpTemplate {
    padding: 0;
}

.eventVolunteers .panel-bar-content {
    line-height: normal;
    display: table;
    width: 100%;
}

.eventVolunteers .RadGrid_MetroTouch {
    border-color: transparent;
}

    .eventVolunteers .RadGrid_MetroTouch .rgRow > td,
    .eventVolunteers .RadGrid_MetroTouch .rgAltRow > td {
        padding: 0 !important;
        border-bottom: 1px solid #ffffff;
    }

    .eventVolunteers .RadGrid_MetroTouch .rgAltRow {
        background: #E5F0F9;
    }

        .eventVolunteers .RadGrid_MetroTouch .rgRow a,
        .eventVolunteers .RadGrid_MetroTouch .rgAltRow a {
            color: #88BF40;
        }

.eventVolunteers .RadListBox_MetroTouch .rlbGroup,
.eventVolunteers .RadListBox_MetroTouch .rlbItem.rlbHovered {
    border-color: transparent;
    background-color: transparent;
}

.eventVolunteers .RadListBox .rlbTemplate {
    width: 200px;
}

.eventVolunteers .RadListBox_MetroTouch .rlbItem {
    padding: 0px !important;
}

.eventVolunteers .allocated-status-indicator {
    background: #2BC276;
}

.eventVolunteers .pending-status-indicator {
    background: #F1C826;
}

.eventVolunteers .rejected-status-indicator {
    background: #C22B2B;
}

.eventVolunteers .role-name {
    opacity: 0.5;
}

.eventVolunteers .role-italic {
    font-family: SegoeUI-Italic !important;
    font-weight: 400;
}

.eventVolunteers .no-record {
    text-align: center;
    width: 100%;
}

.eventVolunteers .RadButton .rbPrimaryIcon {
    margin: 0;
}

.eventVolunteers .accept-button.RadButton.rbButton span.rbIcon:before,
.eventVolunteers .reject-button.RadButton.rbButton span.rbIcon:before {
    font: 20px/1 "WebComponentsIcons";
}

.eventVolunteers .reject-button {
    background-color: #D80000 !important;
    border-color: #D80000 !important;
    color: #FFFFFF !important;
    border-radius: 50% !important;
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 15pt;
}

.eventVolunteers .accept-button {
    background-color: #82B63D !important;
    border-color: #82B63D !important;
    color: #FFFFFF !important;
    border-radius: 50% !important;
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 15pt;
}

.eventVolunteers .remove-icon {
    color: #D80000 !important;
    font-size: 12pt !important;
}

    .eventVolunteers .reject-button.RadButton .rbIcon,
    .eventVolunteers .accept-button.RadButton .rbIcon,
    .eventVolunteers .remove-icon.RadButton .rbIcon {
        width: 20px;
        height: 20px;
    }

    .eventVolunteers .remove-icon.RadButton.rbButton span.rbIcon:before {
        font: 18px/1 "WebComponentsIcons";
    }

.eventVolunteers .info-icon.RadButton .rbIcon {
    width: 25px;
    height: 25px;
    vertical-align: -8px;
}

.eventVolunteers .info-icon.RadButton .rbCustomIcon {
    background-size: 25px;
}

.eventVolunteers .volunteers-grid-section {
    display: flex;
    flex-direction: row
}

    .eventVolunteers .volunteers-grid-section .volunteer-name-wrapper {
        display: flex;
        flex: 0.40;
        align-items: center;
    }

    .eventVolunteers .volunteers-grid-section .volunteer-role-wrapper {
        display: flex;
        flex: 0.40;
        align-items: center;
    }

    .eventVolunteers .volunteers-grid-section .volunteer-button-wrapper {
        display: flex;
        flex: 0.20;
        align-items: center;
        justify-content: flex-end;
        padding-right: 10px;
    }
/** END EVENT VOLUNTEERS STYLING **/
/** EVENT ROLE VOLUNTEERS STYLING **/
.allocated-volunteers-panel .role-content {
    display: flex !important;
}

.chart-data,
.allocated-volunteers-data {
    flex: 0.5;
    -webkit-flex: 0.5;
    -moz-box-flex: 0.5;
    -ms-flex: 0.5;
}

.role-title {
    color: #000;
    font-family: SegoeUI;
    font-weight: 600;
    font-size: 16px;
    padding-bottom: 10px;
}

.chart-volunteers-divider {
    width: 100%;
    outline: none;
    margin-left: -1px;
    margin-top: -2px;
}

    .chart-volunteers-divider table {
        width: 100%;
        table-layout: auto;
        height: 100%;
    }

        .chart-volunteers-divider table tr td {
            text-align: left;
        }

            .chart-volunteers-divider table tr td .height {
                height: 100%
            }

            .chart-volunteers-divider table tr td .width {
                width: 1%
            }
/** END EVENT ROLE VOLUNTEERS STYLING **/
/** START SCHEDULE VOLUNTEER VIEW STYLING */
.scheduleVolunteer .volunteerProfileImage {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    display: block;
    width: 40px;
    height: 40px;
}

.scheduleVolunteer .assigned-roles-text {
    color: rgba(0,0,0,0.5);
    font-family: 'SegoeUI-Italic';
}

.scheduleVolunteer .disabled-volunteer-name-text {
    color: rgba(0,0,0,0.5);
}

.scheduleVolunteer .volunteerProfileLinkDiv {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-right: 18px
}

.scheduleVolunteer .volunteerProfileLink {
    color: #88BF40 !important;
}

    .scheduleVolunteer .volunteerProfileLink a {
        color: #88BF40 !important;
        pointer-events: auto;
    }
/*.scheduleVolunteer .disabledButton {
    height: 55px;
    width: 180px;
    color: darkgrey;
    text-shadow: rgba(0,0,0,0.29) 0px 3px 6px;
    background-color: lightgray;
    border-radius: 4px;
    border: 0px solid #707070;
    font: normal 18px Segoe UI Historic;
}*/
.scheduleVolunteer .eventDropDown {
    flex: 1;
    color: white;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    font: normal 16px Segoe UI Historic !important;
}

    .scheduleVolunteer .eventDropDown .rcbEmptyMessage {
        font: normal 16px Segoe UI Historic !important;
    }

.scheduleVolunteer .eventTitleLabel {
    display: flex;
    flex: 1;
    flex-direction: row;
    padding: 15px 15px 10px 15px;
}

.scheduleVolunteer {
    display: flex;
    flex: 1;
    flex-direction: column;
}


    .scheduleVolunteer .eventDropDownDiv {
        display: flex;
        width: 50%;
        margin: 0px 15px 15px 15px
    }


    .scheduleVolunteer .filterSettingTitleDiv {
        display: flex;
        flex: 1;
        flex-direction: row;
        padding: 12px 15px 14px 15px;
        align-content: center;
        background-color: rgba(38, 160, 221, 1);
    }

    .scheduleVolunteer .filterSettingDiv {
        display: flex;
        flex: 1;
        flex-direction: row;
        margin-right: 85px;
        padding: 0px 15px 22px 15px;
        gap: 26px;
    }

    .scheduleVolunteer .filterDiv {
        display: flex;
        flex: 0.3;
        flex-direction: column
    }

    .scheduleVolunteer .filter-label-wrapper {
        padding-bottom: 10px;
    }

    .scheduleVolunteer .filterLabel {
        font-size: 16px;
        font-family: 'Segoe UI Historic';
        font-weight: normal;
        color: #000000;
    }

    .scheduleVolunteer .filterTitleLabel {
        font-size: 16px;
        font-family: 'Segoe UI Historic';
        font-weight: bold;
        color: #ffffff;
    }

    .scheduleVolunteer .volunteer-note-text {
        font-size: 16px;
        font-family: 'SegoeUI';
        font-style: italic;
        font-weight: bold;
        color: #000000;
    }

    .scheduleVolunteer .volunteerSearchDiv {
        display: flex;
        flex: 1;
        align-items: center;
        height: 52px;
        background-color: #085E94;
    }

    .scheduleVolunteer .volunteerSearchInput {
        display: flex;
        flex: 0.4;
        flex-direction: row;
        align-items: center;
        height: 36px;
        padding: 7px 13px 7px 13px;
        line-height: 1.78;
    }

    .scheduleVolunteer .volunteerSearchBox {
        border: 1px solid rgba(0,0,0,0.2);
    }

        .scheduleVolunteer .volunteerSearchBox .rsbInner:before {
            font-family: 'Font Awesome 5 Free';
            content: "\f002";
            display: inline-block;
            vertical-align: middle;
            font-weight: 900;
            padding: 0 5px;
            font-size: large;
            color: #085E94;
        }

        .scheduleVolunteer .volunteerSearchBox .rsbEmptyMessage {
            color: #085E94;
            opacity: 0.56;
            filter: alpha(opacity=56); /* Fix for IE8 */
            font-style: normal !important;
        }

    .scheduleVolunteer .recordsDiv {
        padding: 19px 15px 15px 15px;
        display: flex;
        justify-content: space-between;
        flex: 1;
        flex-direction: row;
        border-bottom: 1px solid rgba(112, 112, 112, 0.31);
    }

    .scheduleVolunteer .recordsColumnDiv {
        display: flex;
        flex: 1;
        flex-direction: column
    }

        .scheduleVolunteer .recordsColumnDiv .records-column-row {
            display: flex;
            flex-direction: row
        }

    .scheduleVolunteer .recordsSeeAllDiv {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .scheduleVolunteer .volunteerRadGrid td {
        border: 0px !important;
    }

    .scheduleVolunteer .volunteerRadGrid .rgRow, .scheduleVolunteer .volunteerRadGrid .rgSelectedRow.rgRow {
        background-color: #E5F0F9;
    }

    .scheduleVolunteer .volunteerRadGrid .rgAltRow, .scheduleVolunteer .volunteerRadGrid .rgSelectedRow.rgAltRow {
        background-color: #FFFFFF !important;
    }

    .scheduleVolunteer .volunteerRadGrid .rgAltRow, .scheduleVolunteer .volunteerRadGrid .rgSelectedRow.rgAltRow {
        background-color: #FFFFFF !important;
    }


    .scheduleVolunteer .volunteerRadGrid .disable-rad-grid-row td {
        border-bottom: 1px solid #ffffff !important;
    }

    .scheduleVolunteer .volunteerRadGrid .rgRow.disable-rad-grid-row,
    .scheduleVolunteer .volunteerRadGrid .rgAltRow.disable-rad-grid-row {
        background: #D9D9D9 !important;
        pointer-events: none;
    }

    .scheduleVolunteer .volunteerListDiv {
        display: flex;
        flex: 1;
        flex-direction: row;
        border-bottom: 1px solid rgba(112, 112, 112, 0.31)
    }

    .scheduleVolunteer .volunteerListEmptyDiv {
        width: 100%;
        text-align: center;
    }

    .scheduleVolunteer .volunteerButtonDiv {
        display: flex;
        flex: 1;
        flex-direction: row;
        margin: 10px;
        gap: 26px
    }

    .scheduleVolunteer .notesMainDiv {
        width: 863px;
        height: 488px;
    }

    .scheduleVolunteer .noteButtonDiv {
        display: flex;
        flex: 1;
        flex-direction: row;
        align-content: start;
        margin-top: 10px;
        gap: 26px
    }

    .scheduleVolunteer .summaryButtonDiv {
        display: flex;
        width: 100%;
        position: fixed;
        background-color: white;
        flex: 1;
        flex-direction: row;
        align-content: start;
        margin-top: 10px;
        padding-top: 10px;
        gap: 26px
    }

    .scheduleVolunteer .titleDiv {
        display: flex;
        flex: 1;
        flex-direction: row;
        padding: 15px;
        border-bottom: 1px solid rgba(112, 112, 112, 0.31)
    }

    .scheduleVolunteer .titleLabel {
        font-size: 22px;
        font-family: 'Segoe UI';
        color: #000000;
    }

    .scheduleVolunteer .list-view {
        outline: none;
    }

.list-view.RadGrid_MetroTouch .rgAltRow {
    background: #ffffff;
}

.scheduleVolunteer .summaryMainDiv {
    padding-bottom: 80px;
}

.scheduleVolunteer .list-view-item {
    display: flex;
    width: 155px;
    flex-direction: column;
    padding: 5px 11px 8.5px 11px;
    margin: 6px 15px 6px 15px;
    background-color: #E1EFCF;
    border: 1px solid #C8DBAF;
    border-radius: 5px;
    float: left;
}

.scheduleVolunteer .RadGrid {
    border-width: 0px !important;
    border-color: transparent !important;
}

.scheduleVolunteer .list-view-name {
    font-size: 18px;
    font-family: 'Segoe UI';
    color: #000000;
    font-weight: 600;
}

.scheduleVolunteer .list-view-role {
    font-size: 16px;
    font-family: 'Segoe UI';
    color: #000000;
    font-style: italic;
}


.scheduleVolunteer .list-view-row-div {
    margin: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    width: 100%;
    background-color: #085E94;
}

.scheduleVolunteer .list-view-row-header-date {
    margin: 8px 14px 8px 14px;
    font-size: 18px;
    font-family: 'Segoe UI';
    color: #ffffff;
}

.scheduleVolunteer .list-view-row-header-time {
    margin: 8px 14px 8px 14px;
    font-size: 18px;
    font-family: 'Segoe UI';
    color: #ffffff;
    font-style: italic;
}

.scheduleVolunteer .circle-image {
    width: 40px;
    height: 40px;
}
/** END SCHEDULE VOLUNTEER VIEW STYLING */
/** SUMMARY SCREEN STYLING **/
.summary-wrapper {
    position: relative;
}

.summary-buttons-wrapper {
    position: absolute;
    padding-left: 8px;
    padding-right: 8px;
    bottom: 0;
}
/** END SUMMARY SCREEN STYLING **/

/** UPCOMING EVENT DETAILS **/
.edit-icon {
    color: #1C97DD !important;
    font-size: 26pt !important;
    margin-right: 10px;
    padding: 0 10px !important;
    display: flex !important;
}

.content-details {
    border-top: 5px solid #26A0DD;
    display: flex;
    flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    -moz-box-flex: 1;
    padding-top: 10px;
}

.event-section {
    flex: 0.4;
    -webkit-flex: 0.4;
    -ms-flex: 0.4;
    -moz-box-flex: 0.4;
    flex-direction: column;
    display: inherit;
    padding: 0 12px;
}

.role-section {
    flex: 0.6;
    -webkit-flex: 0.6;
    -ms-flex: 0.6;
    -moz-box-flex: 0.6;
}

.event-details-wrapper {
    display: flex;
    flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    -moz-box-flex: 1;
    flex-direction: column;
}

.event-time-title {
    font-family: SegoeUI !important;
    font-weight: 600 !important;
}

.event-date-time-wrapper {
    height: 88px;
    overflow: auto;
    display: inherit;
}

    .event-date-time-wrapper.RadListBox_MetroTouch .rlbGroup {
        border-color: transparent !important;
    }

    .event-date-time-wrapper.RadListBox .rlbItem {
        padding-left: 0;
    }

.event-date {
    font-family: SegoeUI;
    font-weight: 700;
}

.event-time {
    font-family: SegoeUI;
    font-weight: 400;
}

.volunteers-link {
    color: #88BF40;
    font-family: SegoeUI;
    font-weight: 400;
    text-decoration: underline;
}

.group-filter-header {
    background-color: #085E94;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.percentageCount {
    font-family: 'SegoeUI-Italic' !important;
    font-weight: 400;
    color: #ffffff !important;
    font-size: 12pt;
    padding-right: 10px !important;
}

.vs-radgrid .staff-count {
    font-size: 12pt;
    font-family: 'SegoeUI-Italic' !important;
    font-weight: 400;
    float: right;
}

.vs-radgrid .chervron-wrapper {
    height: 100%;
    vertical-align: middle;
}

.view-volunteers-link.RadButton .rbText {
    display: inline-block !important;
    color: #88BF40;
    font-size: 16px;
    text-decoration: underline;
}

.view-volunteers-link.rbButton {
    padding-left: 0;
}

.role-name.capacity-full, .staff-count.capacity-full {
    color: #ccc !important;
}

/***VOLUNTEER REQUEST DETAIL STYLING***/
.setting_prompt_btm.volunteer-details {
    padding: 10px 0;
}

.volunteer-detail-wrapper {
    display: flex;
    flex-direction: row;
    padding: 0 20px 10px;
}

    .volunteer-detail-wrapper .profile-image-section {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding-right: 20px;
    }

    .volunteer-detail-wrapper .profile-name-section {
        display: flex;
        flex-direction: column;
        flex: 0.7;
        justify-content: center;
        align-items: flex-start;
        font-family: SegoeUI;
        font-weight: 600;
        font-size: 18px;
        color: #000000;
    }

    .volunteer-detail-wrapper .profile-status-section {
        display: flex;
        flex-direction: column;
        flex: 0.3;
        border-radius: 9px;
        justify-content: center;
        background-color: #F6ECAB;
        padding: 15px 20px;
    }

        .volunteer-detail-wrapper .profile-status-section .status-label {
            display: flex;
            flex-direction: row;
            flex: 0.3;
            color: #909090;
            font-family: SegoeUI-Historic;
            font-size: 16px;
        }

        .volunteer-detail-wrapper .profile-status-section .status {
            display: flex;
            flex-direction: row;
            flex: 0.3;
            color: #000000;
            font-family: SegoeUI;
            font-weight: 600;
            font-size: 16px;
        }

.volunteer-details .volunteer-profile-photo {
    width: 70px;
    height: 70px;
    display: block;
    object-fit: cover;
    border-radius: 50%;
}

.volunteer-details .event-detail-wrapper {
    display: flex;
    flex-direction: row;
    padding: 20px;
    border-top: 5px solid #26A0DD;
    background-color: #E5F0F9;
}

.volunteer-details .event-detail-section {
    display: flex;
    flex-direction: column;
}

.volunteer-details .event-name {
    display: flex;
    flex-direction: row;
    color: #000000;
    font-family: SegoeUI;
    font-weight: 600;
    font-size: 18px;
}

.volunteer-details .recommendation-wrapper {
    display: flex;
    flex-direction: row;
    color: #000000;
    font-family: SegoeUI;
    font-size: 16px;
    margin-top: 5px;
    font-weight: normal;
}

.volunteer-details .recommend-volunteer-name {
    color: #000000;
    font-family: SegoeUI;
    font-weight: 700;
    font-size: 16px;
    margin-left: 3px;
}

.volunteer-details .recommend-icon {
    color: #555;
    top: 5px;
    position: relative;
    margin-right: 3px;
}

.volunteer-details .event-dates {
    display: flex;
    flex-direction: row;
    color: #000000;
    font-family: SegoeUI-Historic;
    font-size: 16px;
}

.volunteer-details .event-location-wrapper {
    display: flex;
    flex-direction: row;
    padding: 20px;
}

.volunteer-details .event-location {
    display: flex;
    flex-direction: row;
    color: #000000;
    font-family: SegoeUI;
    font-size: 16px;
    font-weight: 700;
}

.volunteer-details .volunteer-shift-times {
    padding: 20px;
}

.volunteer-details .btn-container {
    display: flex;
    flex-direction: column;
    flex: 0.3;
}

.volunteer-details .button-section-center {
    display: flex;
    flex: 2;
    justify-content: flex-end;
    align-items: center;
}

.event-shift-time-wrapper {
    height: 190px;
    overflow: auto;
    display: inherit;
}

    .event-shift-time-wrapper .rlbGroup {
        border: none !important;
    }
/***END VOLUNTEER REQUEST DETAIL STYLING***/
/**END UPCOMING EVENT DETAILS**/
/*** VOLUNTEER PROFILE STYLING ***/
/*** ROLES AND EXPERIENCE STYLING ***/
.rg-volunteer-document .vs-label-name {
    color: #000000;
    font-family: SegoeUI;
}


.vs-profile-role .button-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 20px 10px;
}
/*** END ROLES AND EXPERIENCE STYLING ***/
/*** DOCUMENT STYLING ***/
.vs-fileupload-main {
    min-height: 350px;
}

.RadUpload.vs-fileupload .ruFakeInput {
    margin-right: 0 !important;
    border: 2px solid #000000 !important;
    border-right: 1px solid #000000 !important;
    color: #000000;
    height: 33px !important;
}

.RadUpload_MetroTouch.vs-fileupload .ruButton {
    border: 2px solid #000000 !important;
    border-left: 1px solid #000000 !important;
    color: #000000;
    font-family: 'SegoeUI-Historic';
    background-color: #DFDFDF;
    height: 36px;
    line-height: 32px;
}

.RadUpload_MetroTouch.vs-fileupload .ruRemove {
    border: 0 !important;
    color: #000000;
    font-family: 'SegoeUI-Historic';
    background-color: #FFFFFF;
    height: 36px;
}

.vs-uploadbtn {
    border-radius: 3px;
    padding: 5px 25px !important;
}

.vs-fileupload-wrapper {
    display: flex;
    flex-direction: row;
    flex: 1;
    padding: 10px;
}

    .vs-fileupload-wrapper .upload-file-section {
        display: flex;
        flex-direction: column;
    }

    .vs-fileupload-wrapper .upload-btn-section {
        display: flex;
        flex-direction: column;
        margin-left: 20px;
    }

.vs-fileupload-main .vs-delete-icon {
    color: #D80000;
}

.vs-fileupload-main .vs-document-link {
    color: #88BF40;
    margin-left: 5px;
}

.rg-volunteer-document {
    outline: none;
    border: 0;
}

    .rg-volunteer-document .rgRow {
        background-color: #FFFFFF;
    }

    .rg-volunteer-document .rgAltRow {
        background-color: #F5F5F5 !important;
    }

        .rg-volunteer-document .rgRow td, .rg-volunteer-document .rgAltRow td {
            padding-top: 3px !important;
        }

    .rg-volunteer-document .rgHeader {
        color: #514D4D !important;
        font-weight: 700 !important;
        font-family: SegoeUI;
    }

    .rg-volunteer-document a {
        color: #88BF40 !important;
    }

/***END DOCUMENT STYLING***/
/***VOLUNTEER REVIEWS STYLING***/

.rg-volunteer-reviews {
    outline: none;
    border: 0;
}

    .rg-volunteer-reviews .rgRow, .rg-volunteer-reviews .rgAltRow {
        background-color: #FFFFFF !important;
    }

        .rg-volunteer-reviews .rgRow td, .rg-volunteer-reviews .rgAltRow td {
            border-bottom: 1px solid #D9D9D9 !important;
            padding: 10px !important;
        }

    .rg-volunteer-reviews .notes-wrapper {
        line-height: 25px;
    }

    .rg-volunteer-reviews .notes-label {
        font-family: SegoeUI;
        color: #000000;
        font-size: 16px;
    }

    .rg-volunteer-reviews .notes-value {
        color: #085E94;
        font-size: 16px;
        margin-left: 5px;
        font-family: SegoeUI;
        font-weight: 700;
    }

    .rg-volunteer-reviews .feedback-wrapper {
        opacity: 0.7;
        margin-top: 5px;
    }

    .rg-volunteer-reviews .description-text {
        font-size: 16px;
        color: #000000;
        font-family: 'SegoeUI-Italic';
        font-weight: 400;
    }

/***END VOLUNTEER REVIEWS STYLING***/

/***NOTIFICATION STYLING***/
.vs-notification-main {
    display: flex;
}

    .vs-notification-main .vs-notification-container {
        display: flex;
        flex: 1;
        flex-direction: column;
    }

    .vs-notification-main .vs-notification-wrapper {
        display: flex;
        flex-direction: row;
        flex: 1;
        border-bottom: 1px solid #EBE9EC;
        padding: 12px 10px;
    }

    .vs-notification-main .vs-notification-label-section {
        display: flex;
        flex-direction: column;
        flex: 0.2;
        font-family: 'SegoeUI-Historic';
        color: #000000;
        font-size: 15px;
    }

    .vs-notification-main .vs-notification-content-section {
        display: flex;
        flex-direction: column;
        flex: 0.8;
        justify-content: center
    }

    .vs-notification-main .vs-notification-frequency-wrapper {
        display: flex;
        flex-direction: row;
        flex: 1;
        padding: 12px 10px;
    }

    .vs-notification-main .vs-notification-method-wrapper {
        display: flex;
        flex-direction: row;
        flex: 1;
        margin-bottom: 50px;
        padding: 0 10px;
    }

    .vs-notification-main .vs-notification-dropdown {
        flex: 1;
        background-color: #FFFFFF;
        border: 1px solid #000000;
        color: #000000;
    }

        .vs-notification-main .vs-notification-dropdown .rcbInput {
            font-weight: 700 !important;
            font-family: SegoeUI;
            font-size: 16px;
            color: #000000 !important;
        }

        .vs-notification-main .vs-notification-dropdown .rcbDisabled {
            border-color: #e0dfdf;
        }
/***END NOTIFICATION STYLING***/
/***END VOLUNTEER PROFILE STYLING***/
/** START COMPLETE EVENT DETAILS STYLING **/
.complete-event-detail .title-view-data {
    display: inline-block;
    margin-left: 10px;
}

.complete-event-detail .title-view-child {
    display: inline;
    vertical-align: middle;
}

.complete-event-detail .title-view-icon-view {
    display: inline-grid;
}

.complete-event-detail .title-view-icon {
    width: 20px;
    height: 20px;
    color: #88BF40;
}

.complete-event-detail .title {
    display: inline-block;
}

.complete-event-detail .title-label {
    color: #000000;
    font-size: 22px;
    font-family: 'Segoe UI';
}

.complete-event-detail .sub-title-label {
    color: #000000;
    font-size: 16px;
    font-family: SegoeUI;
    font-weight: 600;
    padding-left: 25px;
}

.complete-event-detail .location-view-data {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
}

.complete-event-detail .location-view-data-label {
    color: #000000;
    font-size: 16px;
    font-family: 'Segoe UI SemiBold';
}

.complete-event-detail .volunteer-profile {
    display: inline-flex;
    vertical-align: middle;
    align-items: center;
}

.complete-event-detail .profile-view {
    display: inline;
    margin: 5px 10px;
}

.complete-event-detail .volunteer-name {
    display: inline;
    color: #000000;
    font-size: 18px;
    font-family: 'Segoe UI';
}

.complete-event-detail .volunteer-role {
    color: #00000050;
    font-size: 18px;
    font-family: 'SegoeUI-Italic';
}

.complete-event-detail .action-label {
    font-size: 18px;
    font-family: 'Segoe UI Historic';
}

.complete-event-detail .rad-grid {
    outline: none;
}

.complete-event-detail .action-icon {
    padding-right: 2px;
}

/** END COMPLETE EVENT DETAILS STYLING **/

/** START EDIT EVENT LOCATION STYLING **/
.edit-event-location-modal-wrapper {
    width: 580px;
    display: inline-block
}

.edit-event-location .title-label {
    display: flex;
    flex: 1;
    flex-direction: row;
    padding: 15px 15px 5px 15px;
}

.edit-event-location .filter-label {
    font-size: 16px;
    font-family: 'Segoe UI Historic';
    font-weight: normal;
    color: #000000;
}

.edit-event-location .multi-text-box {
    display: flex;
    flex-flow: row;
}

.edit-event-location .side-text-box {
    display: flex;
    flex-flow: column;
    width: 50%;
}

.edit-event-location .left-side-text-box {
    padding-right: 10px;
}

.edit-event-location .right-side-text-box {
    padding-left: 10px;
}

.edit-event-location .text-box-view {
    display: flex;
    width: 100%;
    padding: 0px 15px 0px 15px;
}

.edit-event-location .text-box {
    flex: 1;
    color: white;
    background-color: #FFFFFF;
    border: 1px solid #000000 !important;
    font: normal 16px Segoe UI Historic;
}

.edit-event-location .text-box-dropdown {
    flex: 1;
    border: 1px solid #000000 !important;
    font: normal 16px Segoe UI Historic;
    height: 36px;
}

.edit-event-location-button {
    width: 50%;
    padding: 15px 15px 0px 15px;
}
/** END EDIT EVENT LOCATION STYLING **/

/** START ADD EVENT STYLING **/
.add-event-tab {
    display: flex;
    flex: 1;
    flex-direction: row;
    min-height: 264px;
}

.add-event .title-wrapper {
    flex: 1;
    padding: 10px;
}

.add-event .title-wrapper-verticle-center {
    flex: 1;
    padding: 10px;
    margin-bottom: 0px;
}

.add-event-title {
    align-self: center;
}

.add-event .event-title-label {
    display: flex;
    flex: 1;
    flex-direction: row;
    padding: 15px 15px 5px 15px;
}

.add-event .event-text-box-div {
    display: flex;
    width: 50%;
    margin: 0px 15px 0px 15px;
}

.add-event .event-text-box {
    flex: 1;
    color: white;
    background-color: #FFFFFF;
    border: 1px solid #000000 !important;
    font: normal 16px Segoe UI Historic;
}

.add-event .location-view-data {
    padding-bottom: 10px;
    padding-left: 15px;
}

.add-event .location-view-data-label {
    color: #000000;
    font-size: 16px;
    font-family: 'Segoe UI SemiBold';
    flex: 0.9;
}

.add-event .schedule-group-icon-tabs-text_gray {
    color: #ADADAD;
}

.add-event .edit-icon {
    color: #88BF40 !important;
    font-size: 24pt !important;
    /*margin-right: 10px;
    padding: 0 10px !important;*/
    margin-right: 0;
    padding: 0px 0px 0px 10px !important;
    display: flex !important;
}

.add-event .delete-icon {
    color: #D80000 !important;
    font-size: 24pt !important;
    margin-right: 10px;
    padding: 0 10px !important;
    display: flex !important;
}

.add-event .header-button-wrapper {
    align-self: center;
    justify-content: flex-end;
    flex: 0.1;
}

.add-event-content-wrapper {
    padding: 15px 0;
}

.add-event .RadTabStrip_MetroTouch .rtsSelected .RadLabel_MetroTouch.tab-info-check {
    color: #ffffff !important;
}

.add-event .RadTabStrip_MetroTouch .rtsDisabled,
.add-event .RadTabStrip_MetroTouch .rtsDisabled:hover {
    background-color: #e0e0e0 !important;
    color: #ADADAD !important;
}

.add-event .input-field-wrapper {
    display: flex;
    flex-direction: column;
    margin: 0 15px;
    gap: 10px
}

.add-event .input-label {
    font-size: 16px;
    font-family: 'Segoe UI Historic';
    font-weight: normal;
    color: #000000;
}

.add-event .event-field-gap {
    gap: 0;
}

.add-event .location-wrapper {
    /*justify-content: space-between;*/
    align-items: center;
}

.add-event .dropdown {
    width: 100%;
}

    .add-event .dropdown.RadDropDownList_MetroTouch .rddlFocused,
    .add-event .dropdown.RadDropDownList_MetroTouch .rddlInner {
        background-color: #ffffff;
        border-color: #000000;
    }

    .add-event .dropdown.RadDropDownList_MetroTouch .rddlIcon {
        background-position: -61px -58px;
    }

.add-event .RadComboBox_MetroTouch.dropdown {
    border: 1px solid #000000;
}

    .add-event .RadComboBox_MetroTouch.dropdown .rcbArrowCell a {
        background-position: -68px -58px;
    }

.add-event .border-bottom {
    border-bottom: 1px solid rgb(112, 112, 112, 0.31);
}

.add-event .same-day-requirement-wrapper {
    justify-content: flex-start;
    align-items: center;
    padding: 15px;
}

.add-event .checkbox-label {
    font-size: 16px;
    font-family: 'Segoe UI';
    font-weight: normal;
    font-style: italic !important;
    color: #000000;
}

.add-event .date-filter {
    justify-content: flex-end;
    align-items: center;
    margin: 0 15px 15px;
}

.add-event .button-wrapper {
    display: flex;
    flex-direction: row;
    padding: 15px 15px 0 15px;
    gap: 30px;
    justify-content: flex-start;
    align-items: center;
}
/** DATE TIME STYLING**/
.date-time .date-picker .RadInput_MetroTouch a {
    background-image: none !important;
}

.date-time .date-picker .RadInput a {
    text-indent: 0px !important;
}

.date-time .date-picker .RadInput input {
    flex: 1;
    padding-left: 10px;
    background-color: #FFFFFF;
    border-top: 1px solid #000000 !important;
    border-right: none !important;
    border-bottom: 1px solid #000000 !important;
    border-left: 1px solid #000000 !important;
    font: normal 16px Segoe UI Historic;
}

.date-time .date-picker-icon {
    color: #88BF40;
    font-size: 11pt;
    padding: 0;
    padding: 0 5px;
    vertical-align: sub;
}

.date-time .date-popup-button {
    border-top: 1px solid #000000 !important;
    border-right: 1px solid #000000 !important;
    border-bottom: 1px solid #000000 !important;
    border-left: none;
}

.date-time .time-wrapper {
    padding: 15px 0;
}

.btn-change-timing {
    width: 180px;
    font-size: 16px !important;
    text-align: left !important;
}

.duplicate-event .event-name {
    font: 700 18px Segoe UI;
}

.duplicate-event .event-timings-title {
    font: normal 18px Segoe UI Historic;
    /*padding-top: 25px;
    padding-bottom: 17px;*/
}

.event-time-wrapper {
    min-height: 31px;
    overflow: auto;
    display: inherit;
    max-height: 88px;
}

.RadListBox_MetroTouch.event-time-wrapper .rlbGroup {
    border-color: transparent !important;
}

.RadButton.rbCheckbox {
    display: flex;
    padding-left: 15px;
    padding-top: 0;
}

    .RadButton.rbCheckbox .rbIcon::before {
        font: 22px/1 "WebComponentsIcons";
        color: #FFFFFF;
    }

.duplicate-event .validation-message {
    color: #000000;
    font-size: 18px;
    font-family: 'Segoe UI SemiBold';
}

.duplicate-event .div-redbox {
    border: 1px solid #F26B6B;
    margin: 20px;
    margin-right: 40px;
    padding: 10px;
    padding-bottom: 20px
}

.duplicate-event .error-message {
    color: #FF0000;
    font-size: 18px;
    font-family: 'Segoe UI Historic';
}

.duplicate-event .error-icon {
    color: #FF0000;
    width: 30px;
    height: 30px;
    margin-right: 14px;
}

.duplicate-event .div-button {
    margin-left: 29px;
}

.duplicate-event .submit-button {
    width: 220px !important;
}

.duplicate-event .assign-same-volunteer {
    display: flex;
    flex-direction: row;
    margin: 15px 15px;
    gap: 10px
}
/** END DATE TIME STYLING**/
/** ASSIGN GROUPS ROLES STYLING**/
.group-filter-wrapper {
    flex: 0.3;
}

.group-roles-link-wrapper {
    justify-content: flex-end;
    flex: 0.6;
    display: flex;
    align-items: center;
}

.group-roles-link {
    color: #25a0da;
    font-size: 16px;
    font-family: SegoeUI;
    font-weight: 700;
}

.assign-groups-roles .assign-roles-wrapper {
    padding: 0 15px;
}

.assign-roles-grid.RadGrid_MetroTouch {
    border-color: #FFF;
}

    .assign-roles-grid.RadGrid_MetroTouch .rgHeader {
        background-color: #ffffff;
        border-bottom: 1px solid #e6e6e6;
        border-left: none;
    }

        .assign-roles-grid.RadGrid_MetroTouch .rgHeader,
        .assign-roles-grid.RadGrid_MetroTouch .rgHeader a {
            color: #000000;
            font-family: SegoeUI;
            font-weight: 700;
        }

.assign-roles-grid .group-name {
    font: 400 14px SegoeUI;
    color: #ADADAD;
}

.assign-roles-grid .RadInput {
    border: 1px solid #000000;
}

    .assign-roles-grid .RadInput a {
        padding: 0;
    }

.assign-roles-grid .RadInput_MetroTouch a,
.assign-roles-grid .RadInput_MetroTouch a:hover {
    border-color: #fff;
    background-color: #fff;
}

.assign-roles-grid.RadGrid_MetroTouch tr > td {
    border-bottom: 1px solid #D9D9D9;
}

.assign-roles-grid.RadGrid_MetroTouch tr:last-child > td {
    border-bottom: none;
}

/**END ASSIGN GROUPS ROLES STYLING**/
/** ADMIN NOTIFICATION  STYLING **/
.add-event-notification .notification-wrapper {
    padding: 0 15px 15px;
}

.add-event-notification .notification-label {
    font-size: 20px;
    font-family: 'Segoe UI';
    font-weight: 400;
    color: #ADADAD;
}

.add-event-notification .switch-wrapper {
    padding: 0 15px 15px;
}
/** END ADMIN NOTIFICATION STYLING **/

/** END ADD EVENT STYLING **/

/*** VOLUNTEER REPLACEMENT STYLING**/
.volunteer-replacement .section-header {
    background-color: #26A0DD;
    padding: 10px 15px;
}

    .volunteer-replacement .section-header .title {
        color: #ffffff;
        font-family: SegoeUI;
        font-weight: 700;
        font-size: 16px;
    }

    .volunteer-replacement .section-header .sub-title {
        color: #ffffff;
        font-family: SegoeUI;
        font-weight: 400;
        font-size: 16px;
    }

.rg-volunteer-replacement {
    outline: none;
    border: 0;
}

    .rg-volunteer-replacement .rgRow, .rg-volunteer-replacement .rgSelectedRow.rgRow {
        background-color: #E5F0F9;
    }

    .rg-volunteer-replacement .rgAltRow, .rg-volunteer-replacement .rgSelectedRow.rgAltRow {
        background-color: #FFFFFF !important;
    }

.volunteer-profile-container {
    display: flex;
    flex-direction: row;
    padding: 10px 0px 10px 15px;
}

    .volunteer-profile-container .profile-image-wrapper {
        display: flex;
        flex-direction: column;
        padding-right: 10px;
    }

    .volunteer-profile-container .profile-content-wrapper {
        display: flex;
        flex-direction: column;
    }

        .volunteer-profile-container .profile-content-wrapper .profile-replace-name-section {
            display: flex;
            flex-direction: row;
            font-size: 16px;
            line-height: 20px;
            color: #000000;
            font-family: SegoeUI
        }

        .volunteer-profile-container .profile-content-wrapper .profile-role-name-section {
            display: flex;
            flex-direction: row;
            font-size: 16px;
            line-height: 20px;
            color: #000000;
            opacity: 0.5;
            font-weight: 400;
            font-family: SegoeUI-Italic
        }

.recommendation-count {
    font-family: SegoeUI-SemiBold-Italic;
    font-weight: 400;
}

.volunteer-selected-profile {
    opacity: 0.5;
}

    .volunteer-selected-profile .profile-replace-name-section {
        text-decoration: line-through;
    }

    .volunteer-selected-profile .profile-role-name-section {
        text-decoration: line-through;
    }

.dropdown-replacement {
    border: 1px solid #000000;
}

.vs-replace-dropdown-wrapper {
    display: flex;
    flex: 1;
    flex-direction: column
}

.volunteer-replace-bottom-div {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 20px 0px 00px 0;
    border-top: 1px solid rgba(112,112,112,0.31);
    gap: 50px;
}

.volunteer-replace-btn-container {
    display: flex;
    flex-direction: row;
    gap: 18.5px
}

.RadButton_MetroTouch.update-invite-btn {
    padding: 8px 20px !important;
    font-size: 15px !important;
    font-family: 'SegoeUI-Historic';
    display: flex !important;
    flex: 1 !important;
    justify-content: center;
    border-radius: 3px;
}

/*** END VOLUNTEER SCHEDULING STYLING***/

/*** RESPONSIVE STYLING ***/
@media (max-width: 1090px) {
    /*RESPONSIVE SIGNUP RESIZE STYLING*/
    .signup-nav-tab .rtsLI {
        font-size: 13px;
    }

    .signup-nav-tab .rtsLink {
        padding: 0 5px;
    }


    .signup-nav-tab .rtsUL::-webkit-scrollbar {
        display: none;
        overflow-y: hidden;
        overflow-x: hidden;
    }

    .signup-block .rtsUL::-webkit-scrollbar {
        display: none;
        overflow-y: hidden;
        overflow-x: hidden;
    }

    /* Hide scrollbar for IE, Edge and Firefox */
    .signup-nav-tab .rtsUL {
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }

    .signup-block .rtsUL {
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }
    /***END RESPONSIVE SIGNUP RESIZE STYLING***/

    /***RESPONSIVE APP HEADER RESIZE STYLING***/
    .appheader-nav-tab .rtsLI {
        font-size: 13px;
    }

    .appheader-nav-tab .rtsLink {
        padding: 0 5px;
    }


    .appheader-nav-tab.rtsUL::-webkit-scrollbar {
        display: none;
        overflow-y: hidden;
        overflow-x: hidden;
    }

    /* Hide scrollbar for IE, Edge and Firefox */
    .appheader-nav-tab .rtsUL {
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }

    /***END RESPONSIVE APP HEADER RESIZE STYLING***/
    /**EVENT REGISTRATION RESPONSIVE STYLING ***/

    .eventreg-error-icon {
        font-size: 120px;
    }

    .eventreg-error-title {
        font-weight: bold;
        font-size: 16px;
    }

    .eventreg-error-content {
        font-size: 14px;
    }

    .event-children-grid {
        border: solid 1px #C0C0C0;
    }

    .event-children-receipt-list table, .event-reg-children-list table, .event-unreg-children-list table, .event-unreg-other-children-list table, .event-children-list table, .event-document-list table, .event-select-checkbox label {
        font-size: 13px !important;
    }

    .event-mobile-location {
        width: 150px !important;
    }

    .event-add-child-btn-section {
        position: relative;
        height: 100%;
        bottom: 0;
        text-align: right;
    }       

    .event-custom-filed-list table {
        font-size: 13px !important;
    }
    /**END EVENT REGISTRATION RESPONSIVE STYLING ***/
}


@media (max-width: 768px) {
    /*RESPONSIVE SIGNUP RESIZE STYLING*/
    .signup-account-row-last {
        margin-top: 0;
    }

    .signup-account-row {
        margin-top: 0;
    }

        .signup-account-row > div {
            margin-top: 15px;
        }

    .signup-account-row-last > div {
        margin-top: 15px;
    }

    .signup-purchase__billing-info {
        margin-top: 20px;
    }

    .signup-nav-tab .rtsLink {
        font-size: 14px !important;
    }

    .signup-account-login-already-section {
        text-align: center;
        height: 250px;
    }

    .signup-title-block .titleline {
        font-size: 22px;
    }

    .signup-title-block .setting_desc {
        font-size: 16px !important;
    }

    .signup-account-login-already-section .logout-btn-block {
        margin-top: 30px;
    }

    .account-next-step {
        width: 300px;
        font-size: 14px !important;
        white-space: pre-wrap !important;
    }

    .signup-logout-button {
        width: 300px;
        font-size: 14px !important;
        white-space: pre-wrap !important;
    }



    .signup-purchase__payment-info .bank-account {
        display: block;
    }

        .signup-purchase__payment-info .bank-account .bank-account-details {
            width: 100% !important;
        }

        .signup-purchase__payment-info .bank-account .bank-account-helper-image {
            width: 100% !important;
            margin-top: 10px;
        }

            .signup-purchase__payment-info .bank-account .bank-account-helper-image img {
                width: 100% !important;
            }
    /*END RESPONSIVE SIGNUP RESIZE STYLING*/
    /*RESPONSIVE RESET PASSWORD RESIZE STYLING*/
    .reset-pwd-logo {
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .reset-pwd-continue-button {
        width:100%;
        text-align: center;
        display: flex!important;
        justify-content: center;
    }

    .reset-pwd-logo img {
        width: 150px !important;
        margin: 0 auto 15px auto;
        display: block;
    }
    /* Full Width Button for mobile */
    .reset-full-width-btn  {
        width: 100% !important;
        text-align: center !important;
        display:flex!important;
        justify-content:center;

    }

    .reset-pwd-screen-container {
        width: 500px;
    }
    .reset-pwd-title {
        font-size: 18px !important;
        padding: 12px;
    }
    .reset-pwd-text {
        font-size: 15px!important;
    }
    
    /*END RESPONSIVE RESET PASSWORD RESIZE STYLING*/    

    /***RESPONSIVE APP HEADER RESIZE STYLING***/
    .appheader-logo img {
        width: 150px;
    }

    .appheader-nav-tab .rtsLink {
        font-size: 14px !important;
    }

    .scheduler-tab-responsive.rtsTxt {
        font-size: 14px !important;
        line-height: 1 !important;
    }

    .responsive-header-container .appheader-mobile-text {
        display: inline-block;
        cursor: pointer;
        color: #333333;
    }

    .appheader-tooltip {
        display: none;
    }

    nav {
        display: block;
    }

    .appheader.nav-menu {
        display: block;
        width: 100%;
    }

    .menu-toggle {
        display: flex;
    }

    .nav-links {
        flex-direction: row;
        background: transparent;
        display: none;
        padding: 0;
        margin: 0;
        margin-top: 20px;
    }

        .nav-links li {
            text-align: center;
            padding: 10px 0;
            border-top: 1px solid #eee;
        }

            .nav-links li a {
                text-decoration: none;
            }

        .nav-links.show {
            display: block;
        }

        .nav-links .nav-menu {
            display: block !important;
        }

    .appheader-bar-icon {
        font-size: 35px;
        margin-top: 15px;
        color: #a0a0a0;
    }

    .app-search-division {
        position: relative !important;
        top: 0;
    }

    .header-app-search-icon {
        top: 6px !important;
    }

    .app-search-dropdown {
        width: 100%;
    }

    .app-search {
        width: 100%;
    }

    .responsive-header-container .app-search-display {
        width: 250px !important;
    }

    .responsive-header-container .app-search-dropdown {
        width: 250px !important;
    }

    .responsive-header-container .header-support-number {
        text-align: left;
        font-size: 11px;
    }

    .responsive-header-container .header-request-link {
        text-align: left;
        font-size: 11px;
    }

    /***END RESPONSIVE APP HEADER RESIZE STYLING***/
    /**EVENT REGISTRATION RESPONSIVE STYLING ***/
    .eventreg-error-icon {
        font-size: 100px;
    }

    .eventreg-error-title {
        font-weight: bold;
        font-size: 14px;
    }

    .eventreg-error-content {
        font-size: 12px;
    }


    .event-document-list .rgRow > td, .event-document-list .rgAltRow > td {
        display: block;
        text-align: left;
        padding-left: 7px !important;
        margin: 10px 0 20px 7px !important;
    }

    .event-document-list .document-mobile-name {
        line-break: anywhere !important;
        overflow-wrap: break-word !important;
        display: block;
        text-align: left;
        white-space: normal !important;
    }

    .event-children-receipt-list table, .event-reg-children-list table, .event-unreg-children-list table, .event-children-list table, .event-document-list table, .event-select-checkbox label {
        font-size: 14px !important;
    }

    .event-children-list .rgRow > td, .event-children-list .rgAltRow > td {
        display: block;
        text-align: left;
    }

        .event-children-list tr > td:last-child {
            padding-bottom: 10px;
            border-top: 1px;
        }

    .event-children-receipt-list .rgRow > td, .event-children-receipt-list .rgAltRow > td {
        display: block;
        text-align: left;
    }

        .event-children-receipt-list .rgRow > td:last-child, .event-children-receipt-list .rgAltRow > td:last-child {
            padding-top: 10px;
            border-top: 1px;
        }

    .event-reg-children-list .rgRow > td, .event-reg-children-list .rgAltRow > td {
        display: block;
        text-align: left;
    }

    .event-reg-children-list tr > td:last-child {
        padding-bottom: 10px;
        border-top: 1px;
    }

    .event-unreg-children-list .rgRow > td, .event-unreg-children-list .rgAltRow > td {
        display: block;
        text-align: left;
    }

    .event-unreg-children-list tr > td:last-child {
        padding-bottom: 15px;
        border-top: 1px;
    }
    .event-unreg-other-children-list .rgRow > td, .event-unreg-other-children-list .rgAltRow > td {
        display: block;
        text-align: left;
    }

    .event-unreg-other-children-list tr > td:last-child {
        padding-bottom: 15px;
        border-top: 1px;
    }

    .event-mobile-column {
        display: none;
    }

    .event-mobile-label {
        font-weight: bold;
        display: inline-block;
        margin-right: 10px;
    }

    .event-mobile-location {
        width: 200px !important;
    }

    .event-reg-layout .tCol {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .event-reg-layout .viewHorzLabel {
        font-size: 14px !important;
    }

    .event-reg-layout .viewHorzValue {
        font-size: 14px !important;
        line-break: anywhere !important;
    }

    .event-reg-layout .titleline {
        font-size: 18px !important;
    }

    .event-reg-layout .setting_desc {
        font-size: 16px !important;
    }

    .event-custom-field-list table {
        font-size: 14px !important;
    }

    .event-custom-field-list .rgRow > td, .event-custom-field-list .rgAltRow > td {
        display: block;
        text-align: left;
        padding-left: 7px !important;
        margin: 10px 0 20px 7px !important;
    }

    .event-reg-addchild-form{
        margin-top:15px;
    }
    .medical-alergy-wrapper{
        height:auto!important;
    }
    .event-add-child-btn-wrapper {
        margin-top:0;
        text-align: left;
        margin-bottom: 15px;
    }
    .event-reg-button-right-wrapper.event-reg-btn-mobile {
        text-align:center;
    }

    .event-reg-btn-mobile .event-reg-button-next{
        margin-left:0px;
    }   

    .event-reg-title-block svg {
        font-size: 3em !important;
    }

    .event-reg-layout .event-description img {
        width: 90% !important;
    }
    /**END EVENT REGISTRATION RESPONSIVE STYLING ***/
    /**CUSTOMER SELECTOR RESPONSIVE STYLING ***/
    .responsive-header-container .customer-selector-dropdown-wrapper {
        position: relative;
        margin-top: 15px;
        margin-right: 0;
        margin-left: 0;
        z-index: 999999;
        background-color: transparent;
        width: 250px;
    }
    /**END CUSTOMER SELECTOR RESPONSIVE STYLING ***/

    /**LANGUAGE SELECTOR RESPONSIVE STYLING ***/
    .responsive-header-container .language-selector-dropdown-wrapper {
        position: relative;
        margin-top: 15px;
        margin-right: 0;
        margin-left: 0;
        z-index: 999999;
        width: 250px;
        text-align: left;
        padding:5px 5px 10px;
    }
    /**END Language SELECTOR RESPONSIVE STYLING ***/

    /***EMAIL CONFIRMATION RESPONSIVE RADWINDOW STYLING***/
    .email-confirmation-alert-label-container {
        padding-bottom: 30px;
    }    
    /***END EMAIL CONFIRMATION RESPONSIVE RADWINDOW STYLING***/
    /***TERMS AND CONDITION RESPONSIVE STYLING***/
    .event-reg-responsive-modal #RadWindowWrapper_TOUWindow {
        width: 500px !important;
    }

    /***END TERMS AND CONDITION RESPONSIVE STYLING***/

    /***PAGE FOOTER RESPONSIVE STYLING***/
    .responsive-div-links,
    .responsive-footer-copyright {
        flex: 1 1 100%;
        text-align: center;
    }
    /***END PAGE FOOTER RESPONSIVE STYLING***/
}

@media (max-width: 600px) {
    /*RESPONSIVE ADMIN AREA > PHCONSOLE STYLING*/
    .server-container {
        grid-template-columns: 1fr;
    }

        .server-container .header {
            text-align: left;
        }

        .server-container .item {
            text-align: left;
        }
    /*END RESPONSIVE ADMIN AREA > PHCONSOLE STYLING*/
    /***EMAIL CONFIRMATION RESPONSIVE RADWINDOW STYLING***/
    .event-reg-responsive-modal #RadWindowWrapper_EmailConfirmation {
        width: 90% !important;
    }
        .event-reg-responsive-modal #RadWindowWrapper_EmailConfirmation .rwTable .rwTitlebarControls em {
            font-size: 22px !important;
            width:150px!important;
        }
    /***END EMAIL CONFIRMATION RESPONSIVE RADWINDOW STYLING***/
}

@media (max-width: 500px) {
    /*RESPONSIVE SIGNUP RESIZE STYLING*/
    .signup-account-login-already-section {
        text-align: center;
        height: 200px;
    }

        .signup-account-login-already-section .content-block {
            font-size: 20px;
        }

        .signup-account-login-already-section .use-sign-in-block {
            margin-top: 15px;
        }

    .signup-title-block .fa-user {
        font-size: 40px !important;
    }

    .signup-title-block .fa-building {
        font-size: 40px !important;
    }

    .signup-title-block .fa-check-square {
        font-size: 40px !important;
    }

    .signup-title-block .titleline {
        font-size: 18px;
    }

    .signup-title-block .setting_desc {
        font-size: 14px !important;
    }

    .account-next-step {
        width: 280px;
        font-size: 12px !important;
        white-space: pre-wrap !important;
    }

    .signup-logout-button {
        width: 280px;
        font-size: 12px !important;
        white-space: pre-wrap !important;
    }

    .signup-account-login-already-section .logout-btn-block {
        margin-top: 25px;
    }
    /*END RESPONSIVE SIGNUP RESIZE STYLING*/

    /*RESPONSIVE RESET PASSWORD RESIZE STYLING*/
    .reset-password-continer {
        box-shadow: 10px 10px 20px #666;
    }
    .reset-pwd-screen-container {
        width: 300px;
    }
    .reset-pwd-title {
        font-size: 14px !important;
        padding: 10px;
    }
    .reset-pwd-text {
        font-size:15px;
    }
    .reset-pwd-form-wrapper {
        padding-left:0px !important;
        padding-right:0px !important;
    }
    /***END RESPONSIVE RESET PASSWORD RESIZE STYLING***/

    /***RESPONSIVE APP HEADER RESIZE STYLING***/

    .responsive-header-container .appheader-mobile-text {
        display: inline-block;
    }

    .appheader-logo img {
        width: 130px;
    }

    .appheader-bar-icon {
        font-size: 20px;
        margin-top: 15px;
        color: #a0a0a0;
    }

    /***END RESPONSIVE APP HEADER RESIZE STYLING***/

    /**EVENT REGISTRATION RESPONSIVE STYLING ***/

    .eventreg-error-icon {
        font-size: 90px;
    }

    .eventreg-error-title {
        font-weight: bold;
        font-size: 12px;
    }

    .eventreg-error-content {
        font-size: 11px;
    }

    .event-children-tab ul.rtsUL {
        margin-bottom: 0px !important;
    }

    .event-mobile-location {
        width: 150px !important;
    }
    .event-reg-title-block .titleline{
        font-size:20px!important;
    }
    .event-reg-title-block svg {
        font-size: 1.5em !important;
    }

    .event-reg-custom-label {
        width: 100%;
        display: block;
    }

    .event-reg-custom-textbox {
        width: 100%;
        display: block;
        margin-left: 0px;
    }
    /**END EVENT REGISTRATION RESPONSIVE STYLING ***/

    /***EMAIL CONFIRMATION RESPONSIVE RADWINDOW STYLING***/
    .event-reg-responsive-modal #RadWindowWrapper_EmailConfirmation {
        width: 80% !important;
        height:auto!important;
    }
        .event-reg-responsive-modal #RadWindowWrapper_EmailConfirmation .rwTable .rwTitlebarControls em {
            font-size: 22px !important;
            width: 130px !important;
        }
    .email-confirmation-button-cell .rbLinkButton {
        font-size: 16px;
    }

    .email-confirmation-alert-label {
        font-size: 16px;
    }
    /***END EMAIL CONFIRMATION RESPONSIVE RADWINDOW STYLING***/

    /***TERMS AND CONDITION RESPONSIVE STYLING***/
    .event-reg-responsive-modal #RadWindowWrapper_TOUWindow {
        width: 380px!important;
    }
        .event-reg-responsive-modal #RadWindowWrapper_TOUWindow .rwTable .rwTitlebarControls em {
            font-size: 22px !important;
            width: 130px !important;
        }
    /***END TERMS AND CONDITION RESPONSIVE STYLING***/
}

@media (max-width: 400px) {
    /*RESPONSIVE SIGNUP RESIZE STYLING*/
    .signup-purchase__payment-info .cardcontrol-container input.card-type {
        width: 200px !important;
    }
    /***END RESPONSIVE SIGNUP RESIZE STYLING***/

    /*** RESPONSIVE APP HEADER RESIZE STYLING ***/
    .responsive-header-container .app-search-display {
        width: 200px !important;
    }

    .responsive-header-container .app-search-dropdown {
        width: 200px !important;
    }

    /*END RESPONSIVE APP HEADER RESIZE STYLING*/

    /*RESPONSIVE RESET PASSWORD RESIZE STYLING*/
    .reset-pwd-screen-container {
        width: 250px;
    }
    .reset-pwd-title {
        font-size: 1px !important;
        padding: 8px;
    }
    .reset-pwd-text {
        font-size: 13px;
    }
    /*END RESPONSIVE RESET PASSWORD RESIZE STYLING*/


    /**EVENT REGISTRATION RESPONSIVE STYLING ***/

    .eventreg-error-icon {
        font-size: 75px;
    }

    .eventreg-error-title {
        font-weight: bold;
        font-size: 11px;
    }

    .eventreg-error-content {
        font-size: 11px;
    }

    .event-mobile-location {
        width: 100px !important;
    }

    .event-reg-button-container {
        display: block;
    }

    .event-reg-button-section {
        display: block;
    }

    .event-reg-button-container {
        display: flex;
        flex-direction: column;
    }

    .event-reg-button-right-wrapper {
        order: 1; /* comes first */
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .event-reg-button-left-wrapper {
        order: 2; /* comes second */
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 50px;
    }

    .event-reg-card-billing-country {
        max-width: 250px;
    }

    .custom-field-section-title-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .custom-field-required-label {
        margin-top: 10px;
        align-self: flex-start;
    }  

    /**END EVENT REGISTRATION RESPONSIVE STYLING ***/
    /**CUSTOMER SELECTOR RESPONSIVE STYLING ***/
    .customer-selector-dropdown-wrapper {
        width: 200px;
    }
    /**END CUSTOMER SELECTOR RESPONSIVE STYLING ***/
    /***EMAIL CONFIRMATION RESPONSIVE RADWINDOW STYLING***/
    .event-reg-responsive-modal #RadWindowWrapper_EmailConfirmation {
        width: 90% !important;
    }

        .event-reg-responsive-modal #RadWindowWrapper_EmailConfirmation .rwTable .rwTitlebarControls em {
            font-size: 13px !important;
            width: 100px !important;
        }

    .email-confirmation-button-container {
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }

    .email-confirmation-alert-label-container {
        padding-bottom: 20px;
    }

    .email-confirmation-button-group {
        display: flex;
        flex-direction: Column;
        gap: 10px;
        flex-wrap: wrap;
    }

    .email-confirmation-button-cell {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .email-confirmation-button-cell .rbLinkButton {
            font-size: 12px;
        }

    .email-confirmation-alert-label {
        font-size: 12px;
    }
    /***END EMAIL CONFIRMATION RESPONSIVE RADWINDOW STYLING***/

    /***TERMS AND CONDITION RESPONSIVE STYLING***/
    .event-reg-responsive-modal #RadWindowWrapper_TOUWindow {
        width: 270px !important;
    }

        .event-reg-responsive-modal #RadWindowWrapper_TOUWindow .rwTable .rwTitlebarControls em {
            font-size: 22px !important;
            width: 100px !important;
        }
    /***END TERMS AND CONDITION RESPONSIVE STYLING***/
}

@media (max-width: 320px) {
    /*** EVENT REGISTRATION RESPONSIVE STYLING ***/
    .event-reg-button-defer .rbLinkButton,
    .event-reg-button-next .rbLinkButton {
        padding:2px 5px;
        font-size:12px;
    }
    /** END EVENT REGISTRATION RESPONSIVE STYLING ***/
}