﻿@media screen {

.center { margin-left: auto !important; margin-right: auto !important;text-align: center; }
.right { position: relative; float: right; }
.left { position: relative; float: left; }
.clear { clear: both; }
.red { color: #f00; }
.bold { font-weight: bold !important; }
.top4 { top: 4px !important; }
.width2pc { width: 2% !important; }
.width49pc { width: 49% !important; }
.width50pc { width: 50% !important; }
.margintop10 { margin-top: 10px !important; }
.margintop60 { margin-top: 60px !important; }
.margintopminus5 { margin-top: -5px !important; }
.margintopminus8 { margin-top: -8px !important; }
.marginbottom10 { margin-bottom: 10px !important; }
.marginbottom30 { margin-bottom: 30px !important; }
.marginbottom40 { margin-bottom: 40px !important; }
.leftRelative94 { left: 94px; position: relative; }
.marginright10 { margin-right: 10px !important; }
.marginright20 { margin-right: 20px !important; }
.noMarginRight { margin-right: 0; }
.noMarginBottom { margin-bottom: 0 !important;}
.noFloat { float: none !important; }
.blackbordertop { border-top: 1px solid black; }
.leftThickBorder { border-left: 2px solid #aaa !important; }
    .rightThickBorder { border-right: 2px solid #aaa !important; }
    .greyBackground { background-color: #eeeeee !important;}
.hidden { display: none; }
.flex { display: flex; position: relative; float: left; width: 100%; }
.flexBasic { display: flex; }
.inline-block {display: inline-block !important; }
.ajaxLoader { width: 48px; height: 48px; }
.initialHeight { height: initial !important; }
.opacityHalf { filter: alpha(opacity=50) !important; -ms-opacity: .5 !important; opacity: .5 !important; }
.buttontextleft .rbDecorated { text-align: left !important; padding-left: 25px !important; }
.redButtonBold .rtbText { color: red; font-weight: bold; }
.leftMinus4 { left: -4px; position: relative; }
/* Links */
a { color: #1982d1; text-decoration: none; }
    a:focus,
    a:active,
    a:hover { text-decoration: underline; }
.button { background-color: #EEE; padding: 5px 15px; -ms-border-radius: 4px; border-radius: 4px; margin: 0 5px; color: #000; text-decoration: none; }
    .button:hover { text-decoration: none; color: #4184f3; }
.radButtonIcon input { padding-left: 20px !important; }
.yesNoToggle16 { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;min-height: initial !important; margin: 5px !important; }
a.blueUnderline { color: #1982d1 !important; text-decoration: underline !important; }

.threeunits { width: 50%; position: relative; float: left; -ms-flex: 1; flex: 1; }
.sixunits { width: 100%; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.sessionTimerWindow .rnTitleBarTitle { width: 100% !important; }
.sessionTimerWindow .continueSession { margin-top: 10px; height: auto !important; }
.sessionTimerWindow .infoIcon, .sessionTimerWindow .notificationContent { display: inline-block; zoom: 1; *display: inline; }
.sessionTimerWindow .infoIcon { width: 32px; height: 32px; margin: 0 10px ; vertical-align: top; }
.sessionTimerWindow .notificationContent { width: 160px; vertical-align: bottom; }

.rbGridCommandItem { background-color: initial !important; border: 0 !important; box-shadow: initial !important; height: initial !important; padding: 0 !important;}
    .rbGridCommandItem span { left: 0 !important; top: 0 !important; }

/* Message Box styles for Success/Failure/Error boxes */ .info, .success, .warning, .error, .validation, .waitinglist { border: 1px solid; margin: 10px 0; padding: 15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; max-width: 960px; }
.info ul, .success ul, .warning ul, .error ul, .validation ul, .waitinglist ul { margin: 0 0 0 2.5em; }
    .info { color: #00529B; background-color: #BDE5F8; background-image: url('../Images/Shared/Icons/32/info.png'); }
    .waitinglist { color: #00529B; background-color: #BDE5F8; background-image: url('../Images/SignUp.png'); }
    .success { color: #4F8A10; background-color: #DFF2BF; background-image: url('../Images/Shared/Icons/32/success.png'); }
    .warning { color: #9F6000; background-color: #FEEFB3; background-image: url('../Images/Shared/Icons/32/warning.png'); }
    .error { color: #D8000C; background-color: #FFBABA; background-image: url('../Images/Shared/Icons/32/error.png'); }

.trialbanner { margin: 10px auto; }

.progressoverlay { position: fixed; z-index: 98; width: 100%; height: 100%; margin: -15px; background-color: #ccc; -webkit-filter: alpha(opacity=80); -moz-filter: alpha(opacity=80); -o-filter: alpha(opacity=80); filter: alpha(opacity=80); -ms-opacity: 0.8; opacity: 0.8; }
.progressoverlayContent { z-index: 99; margin: 250px auto; width: 80px; height: 80px; }
    .progressoverlayContent h2 { font-size: 18px; font-weight: bold; color: #000; }
    .progressoverlayContent img { width: 55px; height: 55px; padding: 0 5px 5px 0; background-color: #fff; margin: 0 0 0 10px; }

/* Main Toolbar*/
.maintoolbar { /*height: 35px;*/ overflow: hidden; /*padding: 5px;*/ position: relative; z-index: 10; border-bottom: 1px solid #888; -webkit-box-shadow: 0 0 10px 3px #8B8D8f; -moz-box-shadow: 0 0 10px 3px #8B8D8f; -ms-box-shadow: 0 0 10px 3px #8B8D8f;box-shadow: 0 0 10px 3px #8B8D8f; }
.maintoolbar ul { width: 100%; }
.maintoolbar .toolbarImage .rtbWrap { padding: 0 !important;border: 0 !important;background-color: initial !important;}
.maintoolbar .toolbarButton { margin-top: 2px !important;}
.maintoolbar .toolbarButton .rtbWrap { padding: 6px 8px !important;}
.maintoolbar .toolbarButton .rtbIcon { margin-right: 3px !important;}
.maintoolbar .rtbOuter { padding: 2px 4px 2px 2px !important; }
.maintoolbar .loginStatus { display: block; height: 35px; left: -250px; margin-left: 50% !important; position: absolute; top: 0; width: 500px; text-align: center; z-index: 2; font-weight: 400; font-size: 14px;z-index: 0; /*line-height: 35px;*/ padding: 5px; }
.maintoolbar .loginStatus a { border: initial;background-color: initial !important; }
.maintoolbar .title { /*display: block; height: 35px;*/ left: 50%; margin-left: -250px !important; position: absolute; top: 0; width: 500px; text-align: center; z-index: 2; font-weight: 600; font-size: 20px;z-index: 0; /*line-height: 35px; padding: 5px;*/ }
.maintoolbar .title a { border: initial;background-color: initial !important; }
.maintoolbar .rtbDisabled { -ms-opacity: 1 !important; opacity: 1 !important; }
.maintoolbar .rtbDisabled .rtbWrap { border: none !important; background: none !important; -webkit-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; }


/* CTOGrid*/
.ctogrid { font-family: Tahoma; /*background-color: #fff !important;*/height: 100%; }
    .ctogrid H2 { margin: 0; padding: 0; color: #ffffff; height: 20px; line-height: 20px; font-size: 14px; }
    .ctogrid .mid { padding: 3px 0 0 0; }
    .ctogrid .datatable { width: 100%; color: #666; background-color: initial !important; }
        .ctogrid .datatable table { background-color: #fff !important;border-bottom: inherit !important; }
        .ctogrid .datatable thead tr th:first-child { border-left: initial; }
        .ctogrid .datatable TH { font-size: 12px; font-weight: bold !important; letter-spacing: 0; padding: 2px 4px; color: #333333; border-bottom: solid 2px #bbd9ee !important; } /*line-height: 1.4em;*/
            .ctogrid .datatable TH A { text-decoration: none; padding-right: 18px; color: #0066cc; }
        .ctogrid .datatable .row TD { font-size: 13px; padding: 3px 4px; border-bottom: solid 1px #bbd9ee; }
        .ctogrid .datatable .row:hover { background-color: #fffacd; color: #000; }
        .ctogrid .datatable .row TD.first { padding-left: 10px; }
        .ctogrid .datatable TH.first { padding-left: 10px; }
        .ctogrid .RadTreeList th { height: 20px !important; padding: 0 4px !important; }
    /* Data Pager Styles */
    .ctogrid TR.pager-row TD { border-top: solid 2px #bbd9ee; border-top: none; text-align: center; }
    .ctogrid .pager { font-family: arial,sans-serif; text-align: center; padding: 6px; font-size: 18px; }
        .ctogrid .pager SPAN.command,
        .ctogrid .pager SPAN.current,
        .ctogrid .pager A.command,
        .ctogrid TR.pager-row TD A { color: #5a90ce; padding: 0 5px; text-decoration: none; border: none; }
            .ctogrid .pager A.command:hover,
            .ctogrid TR.pager-row TD A:hover { border: solid 2px #408BB6; background-color: #59A5D1; color: #fff; padding: 0 3px; text-decoration: none; }
        .ctogrid .pager SPAN.current,
        .ctogrid TR.pager-row TD SPAN { border: none; font-weight: bold; color: #3e3e3e; padding: 0 6px; }
    .ctogrid TR.pager-row TABLE { height: 35px; margin: 0 auto 0 auto; }
    .ctogrid .icon { width: 25px; text-align: center !important;display: table-cell !important;position: initial !important; }
    .ctogrid .icon input { margin: 3px 0 -3px 0; }
    .ctogrid .icon img { margin: 3px 0 -3px 0; }
    .ctogrid .morelink { width: 100%; text-align: center; font-size: 14px; display: block; }
    .ctogrid .statusIcon { width: 20px;height: 20px; -ms-border-radius: 4px; border-radius: 4px;}
    .ctogrid .rgRow>td, .ctogrid .rgAltRow>td { height: 20px !important; padding: 4px !important; }
    .ctogrid .gridIconLabel { margin: 0 5px; }
    .ctogrid .RadAjaxPanel { height: 100%; }
    .ctogrid .RadGrid { height: 100%; }

    .ctogrid .rtlREdit { background-color: inherit !important; }
    .ctogrid .rtlEditForm table { font-size: inherit !important; }
    .ctogrid .RadTreeList_Bootstrap .rtlEditForm [type="text"] { margin-left: inherit !important; }
    .ctogrid .rgCommandTable { margin: 0 !important; }
    .ctogrid .rtlR > td, .ctogrid .rtlA > td { height: 20px !important; padding: 0 4px !important; border-width: 0 0 1px 1px; border-style: solid; border-color: #dedede !important; }
    .nofiltericons .RadGrid input.rgOptions { display: none; }

    .ctoTabs .ctoTab .ctogrid .rgSelectedRow a {
        color: white !important;
    }

.RadGrid .rgFilterRow span { width: 100% !important; display: table-cell !important; }
    .RadGrid .rgFilterRow input { width: 100% !important; border-radius: 4px !important; height: 32px !important;}

/* Forms */
.addEditForm { background: #FCFCFC; border: 1px solid #ECECEC; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; margin: 20px 0; padding: 40px; }
.ctoform { }
    .ctoform h2 { font-weight: bold; font-size: 16px; margin-bottom: 15px; }
    .ctoform h3 { font-weight: bold; font-size: 14px; }
    .ctoform .formlabel { font-size: 14px; width: 150px; text-align: right; margin-right: 10px; padding-right: 10px; display: inline-block; }
    .ctoform .fieldRadio { width: initial !important; margin: initial !important; }
    .ctoform .fieldRadio tr { border-bottom: initial !important; }
    .ctoform .fieldRadio td { padding: 5px 5px 0 0 !important; }
    .ctoform .fieldRadio label {display: inline-block;margin-right: 5px; font-size: 14px; }
    .ctoform .fieldTextArea { width: 100%; }
    .ctoform .fieldDate { width: 100%; }
    .ctoform .formvalidate { font-size: 12px; }
    .ctoform .multiline { font-size: 12px; padding: 6px 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .ctoform .buttons { width: 100%; text-align: center; padding: 15px; }
    .ctoform .profilebox { margin-right: 20px; background: #FCFCFC; border: 1px solid #ECECEC; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; margin-bottom: 20px; padding: 10px; }
    .ctoform .profilebox:last-child { margin-right: 0;}
    .ctoform .profilebox p { font-size: 14px; }
    .ctoform .profilebox textarea { width: 100%; padding: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100px;}
    .ctoform .profilebox .button { float: right; }
    .ctoform .profilebox .RadButton { float: right; margin: 10px 0 5px 5px; }
    .ctoform .profileField {display: flex; width: 100%; margin-bottom: 4px; }
        .ctoform .profileField .fieldLabel { width: 30% !important; text-align: right; display: inline-block; margin: auto 10px; font-size: 14px; padding-top: 1px; }
        .ctoform .profileField .fieldLabelNoWidth { width: initial !important; text-align: right; display: inline-block; margin: auto 10px; font-size: 14px;font-weight: bold; }
        .ctoform .profileField .fieldDataLabel { height: 14px;padding: 4px 0; text-align: left; display: inline-block; margin: auto 0; }
        .ctoform .fieldDataTextareaLabel {
                                             white-space: pre-wrap;       /* css-3 */
                                             white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
                                             white-space: -pre-wrap;      /* Opera 4-6 */
                                             white-space: -o-pre-wrap;    /* Opera 7 */
                                             word-wrap: break-word;       /* Internet Explorer 5.5+ */
                                         }
        .ctoform .profileField .RadInput { width: 60% !important; }
        .ctoform .profileField .noWidth .RadInput  { width: initial !important; }
        .ctoform .profileField .RadPicker { width: 60% !important; }
        .ctoform .profileField .RadPicker .RadInput { width: initial !important; }
        .ctoform .profileField select { -ms-border-radius: 5px; border-radius: 5px; border: 1px solid #DADADA; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; height: 35px; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 13px; }
        .ctoform .profileField .RadDropDownList { width: 60% !important; }
        .ctoform .profileField .RadComboBox { width: calc(60% - 37px) !important; }
        .ctoform .profileField .RadComboBox input { border: none !important; }
        .ctoform .profileField .RadComboBox .rcbEmptyMessage { padding: 0 0 0 6px !important;font-size: 14px !important;font-style: normal !important; }
        .ctoform .profileField .RadComboBox .radPreventDecorate { padding: 0 0 0 6px !important; font-size: 14px !important; }
        .ctoform .profilebox .comboClearButton { margin: 2px 0 0 5px !important; }

        .ctoform .profileFieldSplit {display: flex; width: 100%; margin-bottom: 4px; }
        .ctoform .profileFieldSplit .fieldLabel { width: 20% !important; text-align: right; display: inline-block; margin: auto 10px; font-size: 14px; padding-top: 1px; }
        .ctoform .profileFieldSplit .fieldLabelNoWidth { width: initial !important; text-align: right; display: inline-block; margin: auto 10px; font-size: 14px;font-weight: bold; }
        .ctoform .profileFieldSplit .fieldDataLabel { height: 14px;padding: 4px 0; text-align: left; display: inline-block; margin: auto 0; }
        .ctoform .profileFieldSplit .RadInput { width: 40% !important; }
        .ctoform .profileFieldSplit .RadInput .riTextBox:disabled { -ms-opacity: .5; opacity: .5; }
        .ctoform .profileFieldSplit .noWidth .RadInput  { width: initial !important; }
        .ctoform .profileFieldSplit .RadPicker { width: 40% !important; }
        .ctoform .profileFieldSplit .RadComboBox { width: 40% !important; }
        .ctoform .profileFieldSplit .RadPicker .RadInput { width: initial !important; }
        .ctoform .profileFieldSplit select { -ms-border-radius: 5px; border-radius: 5px; border: 1px solid #DADADA; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; height: 35px; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 13px; }
        .ctoform .profileFieldSplit .RadDropDownList { width: 40% !important; }

        .ctoform .profileFieldSplit .RadComboBox input { border: none !important; }
        .ctoform .profileFieldSplit .RadComboBox .rcbEmptyMessage { padding: 0 0 0 6px !important;font-size: 14px !important;font-style: normal !important; }
        .ctoform .profileFieldSplit .RadComboBox .radPreventDecorate { padding: 0 0 0 6px !important; font-size: 14px !important; }
        .ctoform .profileFieldSplit .fieldDescription { width: 30% !important; margin: 0 10px; font-size: 12px; display: flex; align-items: center;}
        .ctoform .profileFieldSplit .fieldWidth { width: 40% !important; }
        .ctoform .profilebox .profileFieldSplit .RadButton { float: left; margin: 10px 0 5px 5px; }

    .splitTransactionWrapper { max-width: 1400px; }
    .profileFieldLeftWrapper { float: left; width: 650px;}
    .profileFieldRightWrapper { float: left; width: 650px; margin-top: 80px;}

        /*.ctoform .profileField .RadPicker, .ctoform .profileField  .RadPicker .rcTable { width: 222px !important; } 
        .ctoform .profileField .RadPicker .riSingle, .ctoform .profileField .RadPicker input[type="text"] { width: 187px !important; }
    .ctoform .imageSelector .riSingle { width: 185px !important; }*/
    .ctoform input[type="email"], .ctoform input[type="text"], .ctoform input[type="password"] { -ms-border-radius: 5px; border-radius: 5px; border: 1px solid #DADADA; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; height: 35px; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 13px; }
    .ctoform textarea { -ms-border-radius: 5px; border-radius: 5px; border: 1px solid #DADADA; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 13px; color: #373737; font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .ctoform .slimText { height: 25px !important; }
    .ctoform .imageSelector .RadButton { margin: 0 !important; border: 1px solid #ccc !important; -ms-border-radius: 0 3px 3px 0 !important; border-radius: 0 3px 3px 0 !important; }
    .ctoform .imageSelectorWrap { display: inherit;width: 60% !important; }
    .ctoform .imageSelectorWrap .RadInput { width: 100% !important; }
    .ctoform .buddySelector .RadButton { margin: 2px 0 5px 5px !important; }
    .ctoform .buddySelector .fieldLabel { margin: 7px 10px auto 10px !important; }
    .validatorAsterisk { font-size: 20px; margin: 20px 0 0 5px; line-height: 5px; color: red; }




    /* DatePicker */
    .ctoDatePicker { }
    .ctoDatePickerImage { width: 32px;height: 32px;margin: 1px 0 0 5px;cursor: pointer;}

/*Group Finance Return*/
table.groupReturn { font-size: 13px; width: 720px !important; margin: 0 auto !important; border-spacing: 0; }
table.groupReturn th, td { padding: 0; }
table.groupReturn td { text-align: center; }
table.groupReturn .groupDetails { height: 30px;font-size: 15px;font-weight: bold;}
table.groupReturn tr.orange { background-color: antiquewhite; }
table.groupReturn tr.green { background-color: honeydew; }
table.groupReturn tr.purple { background-color: thistle; }
table.groupReturn .leftLabel { text-align: right !important; width: 250px; height: 30px; vertical-align: middle; }
table.groupReturn .rightLabel { text-align: left !important; width: 250px; height: 30px; vertical-align: middle; }
table.groupReturn .field { text-align: left !important; vertical-align: middle; padding-left: 30px; width: 220px; }
table.groupReturn .field .riSingle { margin-top: 5px; }
table.groupReturn .field .rddlInner { padding: 2px 22px 2px 5px !important }
table.groupReturn .fieldYtd { text-align: left !important; vertical-align: middle; padding-left: 30px; width: 160px; }
table.groupReturn .fieldYtd .riSingle { margin-top: 5px; }
table.groupReturn .previous { width: 100px; }
table.groupReturn .ytd { text-align: initial !important;vertical-align: middle; }
table.groupReturn .ytd b { width: 90px; display: inline-block; padding-left: 30px; text-align: center; }
table.groupReturn .total { font-weight: bold; }
table.groupReturn .italic { font-style: italic; }
table.groupReturn .code { width: 90px; color: red; vertical-align: middle; }
table.groupReturn .remittance { border-bottom: 2px solid black; margin-bottom: 10px; height: 30px; vertical-align: bottom;}
table.groupReturn .riTextBox:not(.gfrNotes) { height: 25px !important; margin-bottom: 5px !important; text-align: center; }
table.groupReturn .RadPicker .rcCalPopup { height: 23px !important; width: 23px !important; background-position: -14px -4214px !important; }
table.groupReturn .hiddenBox { background-color: initial !important; border: 0 !important; color: #000000 !important; -webkit-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; }

table.groupReturnSimple { font-size: 13px; margin: 5px !important; border-spacing: 0; }
    table.groupReturnSimple tr.orange { background-color: antiquewhite; }
    table.groupReturnSimple tr.green { background-color: honeydew; }
    table.groupReturnSimple tr.purple { background-color: thistle; }
    table.groupReturnSimple .leftLabel { text-align: right !important; width: 250px; height: 30px; vertical-align: middle; }
    table.groupReturnSimple .rightLabel { text-align: left !important; width: 250px; height: 30px; vertical-align: middle; }
    table.groupReturnSimple .field { text-align: left !important; vertical-align: middle; padding-left: 30px; width: 220px; }
        table.groupReturnSimple .field .rddlInner { padding: 2px 22px 2px 5px !important }
    table.groupReturnSimple .sectionTitle { text-decoration: underline; font-size: 16px; font-weight: bold; }
    table.groupReturnSimple .returnSectionBox { outline: thin solid; }
    table.groupReturnSimple .returnSectionBox td { padding: 5px; }

    .drillDownLink { position: relative; top: 5px; }
/* Login Form */
.login { text-align: center; font-size: 14px; }
    .login .inner { background: #FCFCFC; border: 1px solid #ECECEC; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; margin: 20px 0; padding: 40px; -moz-min-width: 455px; -ms-min-width: 455px; -o-min-width: 455px; -webkit-min-width: 455px; min-width: 455px; position: relative; text-align: center; }
    .login .form {display: inline-block;width: 250px; }
    .login .username { float: left; width: 250px; margin-bottom: 15px; }
    .login .password { float: left; width: 250px; margin-bottom: 15px; }
    .login .remember { float: left; width: 250px;text-align: left; }
    .login .submit { float: right; }
    .login .submit span { margin: 0 !important; }
    .login .form span { display: block; float: left; width: 250px;margin: 5px; }
    .login input[type="text"], .login input[type="password"] { font-size: 12px; width: 100%; }
    .login input[type="email"], .login input[type="text"], .login input[type="password"] { -ms-border-radius: 5px; border-radius: 5px; border: 1px solid #DADADA; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; height: 35px; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 13px; }
.assistance {margin: 10px; text-align: center; }
.loginFailureText { color: red; }

.passwordReset .formBox { float: left; width: 50%; }
.passwordReset .formBox .passwordField { margin: 10px; display: inline-block; }
.passwordReset .formBox .storePasswordButton { margin: 30px 0; display: inline-block; width: 100%; text-align: center; }
.passwordReset .infoBox { float: left; width: 50%; }
.passwordReset .passwordInfo { margin: 0 auto 20px auto; width:250px; padding:15px; background:#fefefe; font-size:.875em; -ms-border-radius:5px; border-radius:5px; border:1px solid #ddd; }
.passwordReset .passwordInfo h4 { margin:0 0 10px 0; padding:0; font-weight:normal; }
.passwordReset .passwordInfo .invalid { background:url(/Layout/Images/Shared/Icons/16/false.png) no-repeat 0 50%; padding-left:22px; line-height:24px; color:#ec3f41; }
.passwordReset .passwordInfo .valid { background:url(/Layout/Images/Shared/Icons/16/true.png) no-repeat 0 50%; padding-left:22px; line-height:24px; color:#3a7d34; }
.passwordReset .passwordInfo ul, .passwordReset .passwordInfo li { margin:0; padding:0; list-style-type:none; }

.renewalsWrapper { width: 970px;position: relative; }
.renewalsBox { background: #FCFCFC; border: 1px solid #ECECEC; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; margin-bottom: 20px; padding: 10px; }
    .renewalsBox .instruction { font-size: 16px;margin-bottom: 15px;}
.membershipLevels { width: 100%;text-align: center;margin-bottom: 20px;display: flex;justify-content: center;}
.membershipLevel { width: 200px;/*height: 250px;*/ display: inline-block; border: 2px solid #dadada;text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;padding: 10px;margin-right: 20px;}
.membershipLevel:last-child { margin-right: 0;}
    .membershipLevel .name { font-weight: bold; font-size: 18px; margin: 10px auto; }
    .membershipLevel .fee { font-weight: bold; font-size: 30px; margin: 5px auto; color: #000080; }
    .membershipLevel .descriptionWrapper { margin: 5px auto; height: 70px;display: table; }
    .membershipLevel .description { font-size: 12px; color: #888;display: table-cell;vertical-align: middle; }
    .membershipLevel .newRenewalDate { font-style: italic; margin: 5px auto; }
    .membershipLevelSelected { border: 2px solid #0066cc; background-color: #eee; }

.paymentTypes { width: 100%;text-align: center; }
.paymentType { display: inline-block; width: 150px; background: #ECECEC; border: 1px solid #ECECEC; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px;margin-right: 20px; border-radius: 3px; padding: 5px; cursor: pointer;}
.paymentType:last-child { margin-right: 0;}
.paymentTypeDetails { width: 700px;margin: 0 auto; }
.paymentTypeDetail { padding: 5px; }

/* Member Dual List */
.manageMemberListWrapper { display: flex; align-items: center; justify-content: center; }
.manageMemberListWrapper .memberList { float: left; width: 100% }
.manageMemberListWrapper .memberList .memberListInner { width: 100%; float: left; }
.manageMemberListWrapper .memberList .rlbButtonAreaRight { margin-right: -3px;border: 0 !important; }
.manageMemberListWrapper .memberList .memberSourceWrapper { width: 45%; float: left; }
.manageMemberListWrapper .memberList .memberSourceWrapper .RadListBox { width: 100% !important; }
    .manageMemberListWrapper .memberList .memberSourceWrapper .memberListLabel { width: 88% !important; }
.manageMemberListWrapper .memberList .memberDestinationWrapper { width: 37%;margin-left: 3px; float: left; }
.manageMemberListWrapper .memberList .memberDestinationWrapper .RadListBox { width: 100% !important; }
    .manageMemberListWrapper .memberList .memberSearch { float: left; margin-bottom: 5px; width: calc(100% - 35px) }
.manageMemberListWrapper .memberList .memberSearch .RadInput { width: calc(100% - 37px) !important; }
.manageMemberListWrapper .memberList .memberSearch .memberSearchCancel { float: none !important;margin: initial !important; }
.manageMemberListWrapper .memberList .memberSearchDestination { float: left; margin-bottom: 5px; width: 100% }
.manageMemberListWrapper .memberList .memberSearchDestination .RadInput { width: calc(100% - 37px) !important; }
.manageMemberListWrapper .memberList .memberSearchDestination .memberSearchCancel { float: none !important;margin: initial !important; }
.manageMemberListWrapper .memberList .memberListLabel { float: left;width: 100%; text-align: center;font-size: 12px;font-weight: bold;height: 20px;padding-top: 5px;}
.manageMemberListWrapper .memberList .manageMemberInfo {float: left; font-size: 12px; margin: 0; }
/* Member Triple List */
.manageMemberListWrapper .memberListWide { float: left; width: 100%; }
.manageMemberListWrapper .memberListWide .memberListInner {width: 100%; float: left; }
.manageMemberListWrapper .memberListWide .rlbButtonAreaRight { margin-right: -3px;border: 0 !important; }
.manageMemberListWrapper .memberListWide .memberSourceWrapper { width: 35%; float: left; }
.manageMemberListWrapper .memberListWide .memberSourceWrapper .RadListBox { width: 100% !important; float: left; }
.manageMemberListWrapper .memberListWide .memberSourceWrapper .memberListLabel { width: 88% !important; }
.manageMemberListWrapper .memberListWide .memberDestinationWrapper { width: 35%;margin-left: 3px; float: left; }
.manageMemberListWrapper .memberListWide .memberDestinationWrapper .RadListBox { width: 100% !important; float: left; }
.manageMemberListWrapper .memberListWide .memberDestinationWrapper .memberListLabel { width: 88% !important; }
.manageMemberListWrapper .memberListWide .memberWaitingListWrapper { width: 27%; float: left;margin-left: 3px; }
.manageMemberListWrapper .memberListWide .memberWaitingListWrapper .saveWaitingList { margin-bottom: 5px; }
.manageMemberListWrapper .memberListWide .memberWaitingListWrapper .RadListBox { width: 100% !important; float: left; }
.manageMemberListWrapper .memberListWide .memberSearch { float: left; margin-bottom: 5px; width: calc(100% - 35px) }
.manageMemberListWrapper .memberListWide .memberSearch .RadInput { width: calc(100% - 37px) !important; }
.manageMemberListWrapper .memberListWide .memberSearch .memberSearchCancel { float: none !important;margin: initial !important; }
.manageMemberListWrapper .memberListWide .memberSearchDestination { float: left; margin-bottom: 5px; width: calc(100% - 35px) }
.manageMemberListWrapper .memberListWide .memberSearchDestination .RadInput { width: calc(100% - 37px) !important; }
.manageMemberListWrapper .memberListWide .memberSearchDestination .memberSearchCancel { float: none !important;margin: initial !important; }
.manageMemberListWrapper .memberListWide .memberListLabel { float: left;width: 100%; text-align: center;font-size: 12px;font-weight: bold;height: 20px;padding-top: 5px;}
.manageMemberListWrapper .memberListWide .manageMemberInfo {float: left; font-size: 12px; margin: 0; }

.manageMemberListWrapper .RadListBox_Bootstrap .rlbSelected.rlbItem { color: #fff; background-color: #428bca !important; }
/*.rbClear { background-image: url(../../images/clear.png); background-position: center; background-repeat: no-repeat; }*/

.memberSummary { margin: 15px auto; width: 700px; height: 350px; overflow-y: auto; }

/* Email */
.emailBox { margin-bottom: 10px; border: 1px solid #ECECEC; -ms-border-radius: 3px; border-radius: 3px; padding: 10px; }
.emailBox .emailBoxLabel {font-size: 14px; width: 90px;display: inline-block;text-align: right; font-weight: bold; }
.emailBox .emailOptions { display: inline-block; }
.emailOptionsBox .emailBoxLabel { float: left; padding-top: 2px; }
.emailOptionsBox .emailCheckBox { position: relative;top: 2px;}
.emailOptionsBox .optionLabel { font-size: 14px;}
.emailFromBox { }
.emailFromBox .emailFromCombo { height: 34px; }
.emailFromOtherBox { margin: 10px 0 0 95px; }
.emailFromOtherBox .label { font-size: 14px; }
.emailFromOtherBox .RadInput { width: 180px !important; margin-right: 20px; }
.emailToBox { }
.emailToBox .emailBoxLabel {float: left; top: 4px;margin-right: 4px; position: relative; }
.emailToBox .RadDropDownList { margin-bottom: 10px; }
.emailToBox .manageMemberListWrapper { align-items: initial;justify-content: initial; }
.emailToBox .manageMemberInfo { display: inline-block; float: none !important; }
.emailToBox .postalLabelsPanel { width: 35px;float: right;position: relative;right: 0;top: -45px;}
.emailToBox .btnPostalLabels { width: 34px;margin: 2px;}
.emailToBox .warning { margin-left: 94px; }
.emailSubjectBox { }
.emailAttachmentsBox .RadAsyncUpload { margin-left: 94px; }
.emailAttachmentsBox .emailBoxLabel { float: left;margin: 8px 5px 0 0; }
.emailAttachmentsBox .allowed {float: left; position: relative; top: -30px;left: 170px;font-size: 12px; }
.emailContentBox { }
.emailContentBox .emailBoxLabel { float: left; margin: 8px 5px 0 0; position: absolute; }
.emailContentBox .emailTemplateSelect {width: 500px; float: left;position: absolute; left:120px}
.emailContentBox .contentEditorWrapper { width: 730px; font-size: 14px;position: relative;left: 93px;top: 50px;} /*height: 460px;*/
.emailContentBox .contentEditorWrapperNoTop { display: inline-block; width: 730px; font-size: 14px;position: relative;left: 93px;} /*height: 460px;*/
.emailButtonsBox { text-align: right; margin-bottom: 20px; }
.emailValidator { text-align: center; color: red; width: 20px; }
/*.contentBoxWrapper { display: flex; }*/
.ctoTab .emailBox .manageMemberListWrapper { margin-left: 94px; }
.ctoTab .contentEditorWrapper { width: 830px !important; }

.gfrNotes { height: 150px !important; }

div.RadWindow .rwControlButtons li a.customprintbutton {background: url('../Images/Shared/Icons/24/print.png'); background-position: 4px 4px; background-repeat: no-repeat; }
div.RadWindow .rwControlButtons li a.customprintbutton:hover {background: url('../Images/Shared/Icons/24/print.png'); background-position: 4px 4px; background-repeat: no-repeat; }
div.RadWindow .rwCommands span.customprintbutton {background: url(lightweight-sprite.png) no-repeat;}
div.RadWindow .rwCommands span.customprintbutton:hover{background: url(lightweight-sprite.png) 0 -20px no-repeat;}
div.RadWindow .rwCommandButton.customprintbutton::before{ display: none; content: ""; }

.RadTabStripTop_Bootstrap .rtsLevel1 .rtsSelected, .RadTabStripTop_Bootstrap .rtsLevel1 .rtsSelected:hover { border-bottom-width: 2px !important; }

/* Super Calendar */
table.SuperCalendarOuter { width: 100%; }
td.SuperCalendarOuter { text-align: center; font-family: Verdana, Arial; font-weight: bold; font-size: 14pt; color: #507cd1; }
table.SuperCalendar { width: 100%; height: 100%; text-align: left; border-collapse: collapse; font-family: Verdana; font-size: 0.8em; }
td.SuperCalendar { height: 80px; padding: 3px; background: #EFF3FB; border: 1px solid #000000; color: #000000; vertical-align: text-top; }
td.SuperCalendarNoEvent { padding: 3px; background: #BFBFBF; border: 1px solid #000000; color: #000000; vertical-align: text-top; }
td.SuperCalendarDayTitle { background: #507CD1; border: 1px solid #000000; text-align: center; color: #FFFFFF; font-weight: bold; width: 14%; font-size: 1.5em; }
td.SuperCalendarTitle { background: #507CD1; border: 1px solid #000000; text-align: center; color: #FFFFFF; font-weight: bold; width: 14%; }
td.todayCell { background-color: #ffe4b5; }
a.SuperCalendar { font-family: Verdana; font-size: 0.8em; }

    .calendarNav {
        color: black !important;
        height: 18px !important;
        line-height: normal !important;
        padding: 2px 6px 3px 6px !important;
        font-size: 11px !important;
        background-color: white !important;
        background-position: initial !important;
        background-repeat: initial !important;
    }

/* Groups and Events */
.groupEventToolbar { float: left; width: 100%; height: 42px; background-color: #f6f6f6; border: 1px solid #e8e8e8; -ms-border-radius: 3px; border-radius: 3px; margin-bottom: 15px; padding: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.toolbarBack { position: relative; float: left; }
.eventTitle { /*position: absolute; left: 50%; margin-left: -250px; width: 500px;*/ font-size: 18px; font-weight: bold; line-height: 35px; text-align: center; }
.groupTitle { /*position: absolute; left: 50%; margin-left: -250px; width: 500px;*/ font-size: 18px; font-weight: bold; line-height: 35px; text-align: center; }
.modalTitle { position: absolute; left: 50%; margin-left: -250px; width: 500px; font-size: 18px; font-weight: bold; line-height: 35px; text-align: center; }
.groupsEventsTitle { font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.emailShowButton { float: right; margin: -30px 0 15px 0; cursor: pointer; }

.groupEventbox { margin-right: 20px; background: #FCFCFC; border: 1px solid #ECECEC; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; margin-bottom: 20px; padding: 10px; }

.eventDetailsTable { margin: 0 auto 0 20px; font-size: 14px; width: 90%; clear: left; }
    .eventDetailsTable .mealIcon { position: relative; top: 3px; margin: 0 3px; }

.groupListingTabs .rtsLevel { margin-bottom: -1px !important; }
.groupListingTabs .rtsLI { width: 180px !important; }
.groupListing { background-color: #fff; border: 1px solid #ddd; -ms-border-radius: 5px; border-radius: 5px; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*.groupListingTable { width: 0 !important; margin: 5px !important; }*/
.groupListingTable td { width: 250px; font-size: 11px; border-top: 1px solid #ddd; padding: 6px 10px 6px 0; }
.groupSimpleDetails { font-size: 14px; }
.groupMeetings { width: 100%; height: 42px; background-color: #FCFCFC; border: 1px solid #e8e8e8; -ms-border-radius: 3px; border-radius: 3px; margin-bottom: 10px; padding: 7px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.groupMeetingItems { font-size: 14px; }
.groupLeadersEvents { float: left; clear: both; width: 100%; margin-top: 15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.groupLeaders { flex: 1; background: #FCFCFC; border: 1px solid #ECECEC; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; margin-right: 20px; margin-bottom: 20px; padding: 10px; }
    .groupLeaders table { margin-bottom: 0; }
.groupEvents { flex: 1; background: #FCFCFC; border: 1px solid #ECECEC; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; margin-bottom: 20px; padding: 10px; }
.groupContent { float: left; }
.eventContent { clear: both; }
.groupDetailsTable {}
.groupDetailsTable .meetingsLabel { width: 160px; font-weight: bold;}
.groupDetailsTable .spacerLine { width: 20px; }

.groupDetailsWindow { overflow-y: scroll !important; }
.groupDetailsWrapper { width: 650px; }

.groupReturnSummary th { text-align: center !important; font-size: 11px !important; }
    .groupReturnSummary th a { padding-right: 0 !important; }
.groupReturnSummary td { text-align: center !important; }
    .groupReturnSummary .rgMasterTable { margin: 0 !important;}
    /*Events*/
    .EvntAttJustMe {
        padding: 5px 0px 5px 0px;
        margin: 3px 0px 10px 0px;
        border: solid 1px #dfe5f0;
        text-align: left;
        width: 100%;
        overflow: auto; /* Do rounding (native in Firefox and Safari) */
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
    }
.EvntAttMePlusOne { padding: 5px 0px 5px 0px; border: solid 1px #dfe5f0; text-align: left; width: 100%; overflow: auto; /* Do rounding (native in Firefox and Safari) */ -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.EvntAttCant { padding: 5px 0px 5px 0px; margin: 3px 0px 10px 0px; border: solid 1px #dfe5f0; text-align: left; width: 100%; overflow: auto; /* Do rounding (native in Firefox and Safari) */ -webkit-border-radius: 10px; -moz-border-radius: 10px; }

.signupShowHideLink { text-decoration: underline; color: #1982d1; cursor: pointer; }

.updateProgressOverlay { position: relative; z-index: 98; top: 0; right: 0; bottom: 0; left: 0; margin: -15px; background-color: #ccc; -webkit-filter: alpha(opacity=80); -moz-filter: alpha(opacity=80); -o-filter: alpha(opacity=80); filter: alpha(opacity=80); -ms-opacity: 0.8; opacity: 0.8; }
.updateProgressContent { z-index: 99; margin: auto; width: 80px; height: 80px; }
    .updateProgressContent h2 { font-size: 18px; font-weight: bold; color: #000; }
    .updateProgressContent img { width: 55px; height: 55px; padding: 0 5px 5px 0; background-color: #fff; margin: 0 0 0 10px; }

.ctrlContentButtons { margin-bottom: 10px; text-align: right; }
.entry-content .RadEditor .reContentCell { border-top: 1px solid #ddd !important; border-bottom: 1px solid #ddd !important; border-left: 1px solid #ddd !important; }
.entry-content .RadEditor table { border: none; }
.entry-content .RadEditor td { border: none; }

.EvntSignUp { text-align: center; }
.signupbutton .rbPrimaryIcon {
    top: 25px !important;
}
.signupbutton input { font-size: 20px !important; font-weight: bold !important; }

/*.wrap { width: 1000px; }*/
.cfgContent { overflow: hidden; }
.clearfix { content: ''; clear: both; display: block; }
.thumbnailMode { float: right; }
.config { margin-left: 40px; }
.config, .galleries, .contentMode { float: left; }
.contentMode { margin-right: 20px; }

.reToolbar .InsertGallery { background-image: url('../images/addGallery.png') !important; }

table.groupFinanceSummary { font-size: 13px; width: 520px !important; margin: 0 auto !important; clear: both; }
    table.groupFinanceSummary td { text-align: center; }
    table.groupFinanceSummary .space { width: 20px; }
    table.groupFinanceSummary .leftLabel { text-align: right; width: 150px; height: 30px; vertical-align: middle; }
    table.groupFinanceSummary .hiddenBox { background-color: initial !important; border: 0 !important; color: #000000 !important; -webkit-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; text-align: center; }
    table.groupFinanceSummary .sessionFee { margin: -4px 0 0 0 !important; }

    table.groupFinanceSummary2 { font-size: 13px; width: 520px !important; margin: 0 auto !important; clear: both; }
    table.groupFinanceSummary2 td { text-align: center; }
    table.groupFinanceSummary2 .space { width: 20px; }
    table.groupFinanceSummary2 .leftLabel { text-align: right; width: 150px; height: 20px; vertical-align: middle; }
    table.groupFinanceSummary2 .hiddenBox { background-color: initial !important; border: 0 !important; color: #000000 !important; -webkit-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; text-align: center; }
    table.groupFinanceSummary2 .sessionFee { margin: -4px 0 0 0 !important; }
    table.groupFinanceSummary2 .riTextBox { padding: initial !important; }

    table.eventFinanceSummary {
        font-size: 13px;
        min-width: 700px !important;
        margin: 0 auto !important;
        clear: both;
    }
    table.eventFinanceSummary td { text-align: center; }
    table.eventFinanceSummary .space { width: 20px; }
    table.eventFinanceSummary .subTitle { text-align: left; height: 30px; font-size: 16px; font-weight: bold; color: #0066cc; text-align: center; vertical-align: middle; }
    table.eventFinanceSummary .leftLabel { text-align: right; width: 230px; height: 20px; vertical-align: middle; }
    table.eventFinanceSummary .hiddenBox { background-color: initial !important; border: 0 !important; color: #000000 !important; -webkit-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; text-align: center; }
    table.eventFinanceSummary .riTextBox { height: 25px !important; }
    table.eventFinanceSummary .entry-content table, .comment-content table { margin: 0 !important; }
    .eventFinanceGrid .rgHeaderDiv table { margin: 0 !important; }

    .actionReference {
        float: right;
        position: relative;
        margin-right: 30px;
    }
    .actionValue {
        float: right;
        position: relative;
        margin-right: 30px;
    }
    .actionPaymentType {
        float: right;
        position: relative;
        margin-right: 30px;
    }
    .actionDate {
        float: right;
        position: relative;
    }
    .actionEmail {
        float: right;
        position: relative;
    }
    .refundFeeOverride {
        float: right;
        position: relative;
        margin-right: 20px;
    }


    .smControlMultipage a {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .smControlMultipage a:focus, .smControlMultipage a:hover { -webkit-box-shadow: none; box-shadow: none; }
.smControlMultipage a img { -webkit-box-shadow: none; box-shadow: none; }


table.reconcileSummary .hiddenBox { background-color: initial !important; border: 0 !important; color: #000000 !important; -webkit-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; }

/* ListBox AutoSearch*/
.RadListBox span.rlbText em { background-color: #E5E5E5; font-weight: bold; font-style: normal; }

.PickerCssWidth, .PickerCssWidth .rcTable { width:400px !important; } 
.PickersContainer .RadPicker, .PickersContainer .RadPicker .rcTable { width:250px !important; } 

/*TELERIK FIXES*/
.reWrapper { height: auto !important; width: auto !important; }
.reToolbar:after { display: none !important; }
.reContentCell iframe { height: 100% !important; float: left !important; }
/* ReSharper disable once CssBrowserCompatibility */
.rbPrimaryIcon::before, .rbSecondaryIcon::before { content: "" !important; }
/* ReSharper disable once CssBrowserCompatibility */
/*.RadWindow .rwIcon::before { content: "" !important; }
.RadWindow .rwIcon { font-size: inherit !important; position: relative !important; }*/
.RadWindow .rwIcon { display: none !important; }

div.redWrapper .reToolWrapper .reSplitButton.reTool { height: 32px !important; }

.pageLastUpdated, .pageControlRoles, .menuRoles { font-size: 10px; font-style: italic; }

/* COOKIE NOTICE*/
#jquery-cookie-law-script, #jquery-cookie-law-script * { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
        #jquery-cookie-law-script {position: fixed;bottom: 0;left: 0;z-index: 999999;display: none;width: 100%;border-color: #202226;border-style: solid;border-top-width: 1px;background: rgba(50, 58, 69, 0.7);color: #F1F1F3;font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 12px;}
            #jquery-cookie-law-script.light {color: #1a1a1a;background: #fff;border-color: rgba(223,223,223,0.85);}
            #jquery-cookie-law-script.top {top: 0;bottom: auto;border-top-width: 0;border-bottom-width: 1px;}
            #jquery-cookie-law-script.absolute {position: absolute;}
            #jquery-cookie-law-script a {color: #3B89C7;}
            /* ---------- Cookie law main message ---------- */
            #jquery-cookie-law-script #cookie-law-container-box {background: rgba(32, 34, 38, 0.8);}
            #jquery-cookie-law-script.light #cookie-law-container-box {background: #F9FAFC;}
            #jquery-cookie-law-script #cookie-law-container {padding: 10px 20px;}
            #jquery-cookie-law-script #cookie-law-message {float: left;text-align: justify;}

        #jquery-cookie-law-script a.cookie-law-button {padding: 4px 8px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background-color: #3B89C7;color: #ffffff;text-decoration: none;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);-webkit-transition: 0.25s;-moz-transition: 0.25s;transition: 0.25s;}
            #jquery-cookie-law-script a.cookie-law-button:hover, #jquery-cookie-law-script a.cookie-law-button:focus {background-color: #3176AF;color: white;-webkit-transition: 0.25s;-moz-transition: 0.25s;transition: 0.25s;}
        #jquery-cookie-law-script a#cookie-law-button-more {margin-left: 10px;background: #7B8A8B;}
            #jquery-cookie-law-script a#cookie-law-button-more:hover, #jquery-cookie-law-script a#cookie-law-button-more:focus {background: #697677;}
        /* ---------- Cookie law more info ---------- */
        #jquery-cookie-law-script #cookie-law-more-info {display: none; background: rgba(50, 58, 69, 0.8);text-align: justify;}
        #jquery-cookie-law-script.light #cookie-law-more-info { background: #EAEDF1; border-top: 1px solid #F0F2F5;}
        #jquery-cookie-law-script #cookie-law-info-container {padding: 10px 20px;}
        #jquery-cookie-law-script #cookie-law-more-text {width: 85%;}
        #jquery-cookie-law-script #cookie-law-more-text-close { float: right; padding: 1px 10px; color: #fff; text-decoration: none; font-size: 10px;}
        #jquery-cookie-law-script.light #cookie-law-more-text-close { color: #3B89C7;}


.sm-Table-1 { border-collapse: collapse; border: solid 0px; font-family: Tahoma; }
    .sm-Table-1 tr.sm-TableHeaderRow-1 { border-width: 1.0pt 1.0pt 3.0pt 1.0pt; margin-top: 0in; margin-right: 0in; margin-bottom: 10.0pt; margin-left: 0in; line-height: 115%; font-size: 11.0pt; font-family: "Calibri", "sans-serif"; width: 119.7pt; background: #4F81BD; padding: 0in 5.4pt 0in 5.4pt; color: #FFFFFF; }
    .sm-Table-1 td.sm-TableHeaderFirstCol-1 { padding: 0in 5.4pt 0in 5.4pt; }
    .sm-Table-1 td.sm-TableHeaderLastCol-1 { padding: 0in 5.4pt 0in 5.4pt; }
    .sm-Table-1 td.sm-TableHeaderOddCol-1 { padding: 0in 5.4pt 0in 5.4pt; }
    .sm-Table-1 td.sm-TableHeaderEvenCol-1 { padding: 0in 5.4pt 0in 5.4pt; }
    .sm-Table-1 tr.sm-TableOddRow-1 { border-width: 1pt; color: #666666; font-size: 10pt; vertical-align: top; border-bottom-style: solid; border-bottom-color: #4F81BD; }
    .sm-Table-1 tr.sm-TableEvenRow-1 { color: #666666; font-size: 10pt; vertical-align: top; }
    .sm-Table-1 td.sm-TableFirstCol-1 { border-width: 1pt; border-color: #4F81BD; padding: 0in 5.4pt 0in 5.4pt; border-bottom-style: solid; border-left-style: solid; }
    .sm-Table-1 td.sm-TableLastCol-1 { border-width: 1pt; border-color: #4F81BD; border-bottom-style: solid; border-right-style: solid; padding: 0in 5.4pt 0in 5.4pt; }
    .sm-Table-1 td.sm-TableOddCol-1 { border-width: 1pt; border-color: #4F81BD; padding: 0in 5.4pt 0in 5.4pt; border-bottom-style: solid; }
    .sm-Table-1 td.sm-TableEvenCol-1 { border-width: 1pt; border-color: #4F81BD; padding: 0in 5.4pt 0in 5.4pt; border-bottom-style: solid; }
    .sm-Table-1 tr.sm-TableFooterRow-1 { color: #355C8C; background-color: #FFFFFF; font-size: 10pt; vertical-align: top; padding: 0in 5.4pt 0in 5.4pt; }
    .sm-Table-1 td.sm-TableFooterFirstCol-1 { border-width: 1pt; border-color: #4F81BD; border-bottom-style: solid; border-left-style: solid; padding: 0in 5.4pt 0in 5.4pt; }
    .sm-Table-1 td.sm-TableFooterLastCol-1 { border-width: 1pt; border-color: #4F81BD; border-bottom-style: solid; border-right-style: solid; padding: 0in 5.4pt 0in 5.4pt; }
    .sm-Table-1 td.sm-TableFooterOddCol-1 { border-width: 1pt; border-color: #4F81BD; border-bottom-style: solid; padding: 0in 5.4pt 0in 5.4pt; }
    .sm-Table-1 td.sm-TableFooterEvenCol-1 { border-width: 1pt; border-color: #4F81BD; border-bottom-style: solid; padding: 0in 5.4pt 0in 5.4pt; }
.sm-Table-2 { border-collapse: collapse; border: solid 0px; font-family: Tahoma; }
    .sm-Table-2 tr.sm-TableHeaderRow-2 { margin: 10px; padding: 10px; color: #3A4663 !important; text-align: left; font-size: 10pt; font-style: normal; font-family: Tahoma; text-transform: capitalize !important; font-weight: 600 !important; border-spacing: 10px; line-height: 11pt; vertical-align: top; }
    .sm-Table-2 td.sm-TableHeaderFirstCol-2 { padding: 0in 5.4pt 0in 5.4pt; color: #3a4663; font-weight: inherit; }
    .sm-Table-2 td.sm-TableHeaderLastCol-2 { padding: 0in 5.4pt 0in 5.4pt; color: #3a4663; font-weight: inherit; }
    .sm-Table-2 td.sm-TableHeaderOddCol-2 { padding: 0in 5.4pt 0in 5.4pt; color: #3a4663; font-weight: inherit; }
    .sm-Table-2 td.sm-TableHeaderEvenCol-2 { padding: 0in 5.4pt 0in 5.4pt; color: #3a4663; font-weight: inherit; }
    .sm-Table-2 tr.sm-TableOddRow-2 { color: #666666; vertical-align: top; font-size: 10pt; }
    .sm-Table-2 tr.sm-TableEvenRow-2 { color: #666666; vertical-align: top; font-size: 10pt; }
    .sm-Table-2 td.sm-TableFirstCol-2 { padding: 0in 5.4pt 0in 5.4pt; }
    .sm-Table-2 td.sm-TableLastCol-2 { padding: 0in 5.4pt 0in 5.4pt; }
    .sm-Table-2 td.sm-TableOddCol-2 { padding: 0in 5.4pt 0in 5.4pt; }
    .sm-Table-2 td.sm-TableEvenCol-2 { padding: 0in 5.4pt 0in 5.4pt; }
    .sm-Table-2 tr.sm-TableFooterRow-2 { color: #3a4663; font-weight: 500; font-size: 10pt; font-family: Tahoma; line-height: 11pt; }
    .sm-Table-2 td.sm-TableFooterFirstCol-2 { padding: 0in 5.4pt 0in 5.4pt; text-align: left; }
    .sm-Table-2 td.sm-TableFooterLastCol-2 { padding: 0in 5.4pt 0in 5.4pt; text-align: left; }
    .sm-Table-2 td.sm-TableFooterOddCol-2 { padding: 0in 5.4pt 0in 5.4pt; text-align: left; }
    .sm-Table-2 td.sm-TableFooterEvenCol-2 { padding: 0in 5.4pt 0in 5.4pt; text-align: left; }
}

.galleryWrapper { clear: both;}

/*! Gray v1.4.5 (https://github.com/karlhorky/gray) | MIT */
.grayscale{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}.grayscale.grayscale-fade{transition:filter .5s}@media screen and (-webkit-min-device-pixel-ratio:0){.grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s}}.grayscale.grayscale-fade:hover,.grayscale.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0)}.grayscale.grayscale-replaced{-webkit-filter:none;filter:none}.grayscale.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.grayscale.grayscale-replaced.grayscale-fade:hover>svg,.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0}
                                                                                                                                                                           /* Toast */


@media (max-width: 767px) {
    #jquery-cookie-law-script #cookie-law-message {width: 65%;}
}

@media (max-width: 480px) {
    #jquery-cookie-law-script #cookie-law-message { width: 50%;}
}

@media only screen and (max-width: 750px) {
    .maintoolbar .title {
        display: none !important;
    }

    .maintoolbar .loginStatus {
        display: none !important;
    }
}

/*FLASHING TEXT*/
.blinking { -webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -ms-animation-name: blinker; -o-animation-name: blinker; animation-name: blinker; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@media print {
    .groupEventToolbar { display:none; } 
    .maintoolbar { display:none; } 
    .RadButton { display:none !important; }
    .eventSignupTitle { display: none; }
    .viewMembersAttending  { display: none; }
    .eventTitle { font-size: 16px; font-weight: bold; margin-bottom: 20px; }
    .groupTitle { font-size: 16px; font-weight: bold; margin-bottom: 20px; }
    article.intro { background-color: white !important; }
    .groupsEventsTitle { font-size: 14px; font-weight: bold; }
    .groupLeadersEvents { display: block; clear: both; }
    .groupMeetings { display: block; clear: both; }
}

/*FONTS*/

@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: normal;
    src: url('/Fonts/DMSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */
         url('/Fonts/DMSans-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
    font-family: 'DM Sans Bold';
    font-style: normal;
    font-weight: normal;
    src: url('/Fonts/DMSans-Bold.woff') format('woff'), /* Pretty Modern Browsers */
         url('/Fonts/DMSans-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
}


@font-face {
    font-family: 'DM Sans Italic';
    font-style: normal;
    font-weight: normal;
    src: url('/Fonts/DMSans-Italic.woff') format('woff'), /* Pretty Modern Browsers */
        url('/Fonts/DMSans-Italic.ttf') format('truetype'); /* Safari, Android, iOS */
}


@font-face {
    font-family: 'DM Sans Medium';
    font-style: normal;
    font-weight: normal;
    src: url('/Fonts/DMSans-Medium.woff') format('woff'), /* Pretty Modern Browsers */
        url('/Fonts/DMSans-Medium.ttf') format('truetype'); /* Safari, Android, iOS */
}


@font-face {
    font-family: 'DM Sans Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: url('/Fonts/DMSans-MediumItalic.woff') format('woff'), /* Pretty Modern Browsers */
        url('/Fonts/DMSans-MediumItalic.ttf') format('truetype'); /* Safari, Android, iOS */
}


@font-face {
    font-family: 'DM Sans Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: url('/Fonts/DMSans-BoldItalic.woff') format('woff'), /* Pretty Modern Browsers */
        url('/Fonts/DMSans-BoldItalic.ttf') format('truetype'); /* Safari, Android, iOS */
}

.toast-title {
    font-weight: bold;
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

    .toast-message a,
    .toast-message label {
        color: #FFFFFF;
    }

        .toast-message a:hover {
            color: #CCCCCC;
            text-decoration: none;
        }

.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    -webkit-text-shadow: 0 1px 0 #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1;
}

    .toast-close-button:hover,
    .toast-close-button:focus {
        color: #000000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.4;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        filter: alpha(opacity=40);
    }

.rtl .toast-close-button {
    left: -0.3em;
    float: left;
    right: 0.3em;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-top-right {
    top: 12px;
    right: 12px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
    height: 100%;
    /*overrides*/
}

    #toast-container * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #toast-container > div {
        position: relative;
        pointer-events: auto;
        overflow: hidden;
        margin: 0 0 6px;
        padding: 15px 15px 15px 50px;
        width: 300px;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        background-position: 15px center;
        background-repeat: no-repeat;
        -moz-box-shadow: 0 0 12px #999999;
        -webkit-box-shadow: 0 0 12px #999999;
        box-shadow: 0 0 12px #999999;
        color: #FFFFFF;
        opacity: 0.8;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        filter: alpha(opacity=80);
    }

        #toast-container > div.rtl {
            direction: rtl;
            padding: 15px 50px 15px 15px;
            background-position: right 15px center;
        }

        #toast-container > div:hover {
            -moz-box-shadow: 0 0 12px #000000;
            -webkit-box-shadow: 0 0 12px #000000;
            box-shadow: 0 0 12px #000000;
            opacity: 1;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            filter: alpha(opacity=100);
            cursor: pointer;
        }

    #toast-container > .toast-info {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
    }

    #toast-container > .toast-error {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
    }

    #toast-container > .toast-success {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
    }

    #toast-container > .toast-warning {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
    }

    #toast-container.toast-top-center > div,
    #toast-container.toast-bottom-center > div {
        width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    #toast-container.toast-top-full-width > div,
    #toast-container.toast-bottom-full-width > div {
        width: 96%;
        margin-left: auto;
        margin-right: auto;
    }

.toast {
    background-color: #030303;
}

.toast-success {
    background-color: #51A351;
}

.toast-error {
    background-color: #BD362F;
}

.toast-info {
    background-color: #2F96B4;
}

.toast-warning {
    background-color: #F89406;
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000000;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }

        #toast-container > div.rtl {
            padding: 8px 50px 8px 8px;
        }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }

    #toast-container .rtl .toast-close-button {
        left: -0.2em;
        right: 0.2em;
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }

        #toast-container > div.rtl {
            padding: 8px 50px 8px 8px;
        }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }

    #toast-container .rtl .toast-close-button {
        left: -0.2em;
        right: 0.2em;
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }

        #toast-container > div.rtl {
            padding: 15px 50px 15px 15px;
        }
}

.membershipCashBalance .hiddenBox { background-color: initial !important; border: 0 !important; color: #000000 !important; -webkit-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; text-align: center; }