/*** Customize CSS ***************************************************************************/
/*=================================== Global-Styles =========================================*/
:root {
    --sms-default-blue: #0073E6;
    --sms-light-blue: #0073E6;
    --sms-dark-blue: #081D56;
    --sms-lightest-blue: #B3D9FF;
    --sms-default-black: #3c3d41;
    --sms-default-grey: #aaaaaa;
    --sms-default-font: 14px;
}
html, body {
    height: 100%;
    margin: 0;
}
* {
    font-family: 'Manrope', sans-serif !important;
    margin: 0;
    padding: 0;
    font-size: var(--sms-default-font);
    color: var(--sms-default-black);
}
@font-face {
    font-family: 'Manrope';
    src: url('../_font/Manrope/Manrope-VariableFont_wght.ttf') format('truetype');
    font-weight: 400; /* Adjust as needed */
    font-display: swap; /* Optional for better performance */
}

body {
    font-family: 'Manrope', sans-serif;
}

@font-face {
    font-family: 'materialicons-regular';
    src: url('../_material_icons/material_icons/materialicons-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Material Icons Outlined';
    src: url('../_material_icons/material_icons_outlined/materialiconsoutlined-regular.otf') format('truetype');
}

html {
    height: 100%;
}

body {
    overflow-y: visible !important;
    overflow-x: hidden !important;
    background-color: white;
    height: 100%;
    color: var(--sms-default-black);
}

div label, span {
    color: var(--sms-default-black);
    font-size: var(--sms-default-font);
}

a {
    color: var(--sms-default-blue);
    font-size: var(--sms-default-font);
}

.material-icons {
    font-family: 'materialicons-regular' !important;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.material-icons-outlined {
    font-family: 'Material Icons Outlined' !important;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

    .material-icons.md-white, .material-icons-outlined.md-white {
        color: #ffffff !important;
    }

    .material-icons.md-white-new, .material-icons-outlined.md-white-new {
        color: #ffffff !important;
    }

        .material-icons.md-white-new:hover, .material-icons-outlined.md-white-new:hover {
            color: var(--sms-default-black) !important;
        }

    .material-icons.md-default, .material-icons-outlined.md-default {
        color: var(--sms-default-black) !important;
    }

    .material-icons.md-grey-color, .material-icons-outlined.md-grey-color {
        color: #aaaaaa !important;
    }

    .material-icons.md-default:hover, .material-icons-outlined.md-default:hover {
        color: #3c3d41 !important;
    }

    .material-icons.md-grey-color:hover, .material-icons-outlined.md-grey-color:hover, .material-icons.default-grey:hover {
        color: var(--sms-default-blue) !important;
    }

.lbl-body-text {
    font-size: 15px !important;
    color: var(--sms-default-black) !important;
}

.lbl-heading-blue {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: var(--sms-default-blue) !important;
}

hr {
    max-width: 100%;
    width: 100%;
    border-color: #CCC !important;
    margin: 0;
}

.hr-grey {
    border-color: #e8edec !important;
}

::-ms-clear {
    display: none !important;
}
/* Webkit */
::-webkit-input-placeholder {
    color: #cacaca !important;
}
/* Firefox 4-18 */
:-moz-placeholder {
    color: #cacaca !important;
}
/* Firefox 19+ */
::-moz-placeholder {
    color: #cacaca !important;
}
/* IE10+ */
:-ms-input-placeholder {
    color: #999999 !important;
}

.red-asterisk {
    color: red !important;
}

select {
    font-size: 13px !important;
    height: 30px !important;
    box-shadow: none;
    padding: 0 25px 0 5px;
    border-color: #797979;
    background: url('../_images/img-arrow-down.png') right !important;
    background-position: 98% 10px !important;
    background-repeat: no-repeat !important;
    margin: 0 !important;
}

    select option {
        padding: 3px 0 3px 5px;
    }

div textarea, div.div-white-bg textarea {
    color: var(--sms-default-black);
    font-size: var(--sms-default-font);
    box-shadow: none !important;
    border-color: #d7d7d7;
    border-radius: 5px;
    height: 100px;
    background-color: #fff;
    margin: 0px;
}

div.div-white-bg textarea {
    border-color: #cccccc;
}

.RadComboBox_Bootstrap .rcbInput, .rcbEmptyMessage {
    font-size: 13px !important;
}

.RadComboBox_Bootstrap .rcbFocused .rcbInputCell {
    box-shadow: none !important;
}

.RadComboBox .rcbInput:focus {
    border: none !important;
}

.RadComboBox .rcbInput {
    padding-left: 5px !important;
}

input[type="text"], input[type="text"]:hover, input[type="text"]:focus, select:focus, input[type="password"], html body .RadInput_Bootstrap .riTextBox {
    color: var(--sms-default-black) !important;
    box-shadow: none;
    font-size: var(--sms-default-font);
    background-color: transparent;
    margin-bottom: 0 !important;
}

input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
    cursor: default !important;
}

[type="checkbox"], .div-main-form [type="file"], .div-main-form [type="radio"], input[type="text"], textarea, input[type="password"] {
    border-color: #d7d7d7;
    border-radius: 3px;
}

.btn-disable:disabled, .btn-disable:disabled:hover {
    background-color: rgba(242, 242, 242, 1) !important;
    color: rgb(152, 152, 154) !important;
    border-color: rgba(152, 152, 154, 1) !important;
}

.btn-show-link {
    border: none !important;
    background-color: #FFFFFF !important;
    color: #333 !important;
    cursor: pointer;
}

    .btn-show-link:hover {
        color: rgb(51, 51, 51) !important;
    }

.RadInput .riTextBox:disabled ~ a.riUp, .RadInput .riTextBox:disabled ~ a.riDown {
    pointer-events: none !important;
}

.img-business-logo {
    height: 60px !important;
}
/*---------------------------- Google Material Icon CSS ---------------------------*/
/*Rules for sizing the icon.*/
.material-icons.md-12 {
    font-size: 12px !important;
}

.material-icons.md-18, .material-icons-outlined.md-18 {
    font-size: 18px !important;
}

.material-icons.md-20 {
    font-size: 20px !important;
}

.material-icons.md-21, .material-icons.md-21.error {
    font-size: 21px !important;
}

.material-icons.md-22 {
    font-size: 22px !important;
}

.material-icons.md-24 {
    font-size: 24px !important;
}

.material-icons.md-28 {
    font-size: 28px !important;
}

.material-icons.md-32 {
    font-size: 32px !important;
}

.material-icons.md-36 {
    font-size: 36px !important;
}

.material-icons.md-40 {
    font-size: 40px !important;
}

.material-icons.md-48 {
    font-size: 48px !important;
}

.material-icons.md-55 {
    font-size: 55px !important;
}

.material-icons.md-white {
    color: #FFF;
}

.material-icons.md-black {
    color: var(--sms-default-black);
}

.material-icons.md-grey {
    color: #D7D7D7 !important;
}

    .material-icons.md-grey:hover {
        color: var(--sms-default-blue) !important;
    }

.material-icons.md-red {
    color: #E51937;
}
/*Rules for using icons as black on a light background.*/
.material-icons.md-dark {
    color: rgba(0, 0, 0, 0.54);
}

    .material-icons.md-dark.md-inactive {
        color: rgba(0, 0, 0, 0.26);
    }
/*Rules for using icons as white on a dark background.*/
.material-icons.md-light {
    color: rgba(255, 255, 255, 1);
}

    .material-icons.md-light.md-inactive {
        color: rgba(255, 255, 255, 0.3);
    }

.md-green {
    color: var(--sms-default-blue) !important;
}

.md-lnk-blue {
    color: var(--sms-default-blue) !important;
}
div.divEventReportFilter span.md-lnk-blue {
    color: var(--sms-default-blue) !important;
}
/**************************All Buttons****************************/
/**************************button primary****************************/
.button-primary, .rd-tax-uploader.RadUpload_Bootstrap .ruSelectWrap .ruButton, ruButton ruBrowse ruButtonHover, .input-add-cart:hover {
    background-color: #fff;
    border: solid 1px var(--sms-default-blue);
    border-radius: 3px !important;
    color: var(--sms-default-blue) !important;
    padding: 0px 20px !important;
    /*height: 25px !important;*/
    height: 36px !important;
    /* line-height: 23px !important;*/
    line-height: 33px !important;
    border-radius: 5px !important;
    cursor: pointer;
    font-size: var(--sms-default-font);
    text-align: center !important;
}

    .button-primary:hover, .rd-tax-uploader.RadUpload_Bootstrap .ruSelectWrap .ruButton.ruBrowse.ruButtonHover, .button-primary-selected, .input-add-cart {
        background-color: var(--sms-default-blue);
        color: #fff !important;
        border: solid 1px var(--sms-default-blue);
        padding: 0px 20px !important;
        /*height: 25px !important;*/
        height: 36px !important;
        /* line-height: 23px !important;*/
        line-height: 33px !important;
        border-radius: 5px !important;
        cursor: pointer;
        font-size: var(--sms-default-font);
        text-align: center !important;
    }

.button-primary-fill {
    cursor: pointer;
    color: #FFFFFF !important;
    background-color: var(--sms-default-blue) !important;
    border: solid 1px var(--sms-default-blue) !important;
    padding: 0px 20px !important;
    /*height: 25px !important;*/
    height: 36px !important;
    /* line-height: 23px !important;*/
    line-height: 33px !important;
    border-radius: 5px !important;
}

    .button-primary-fill:hover {
        color: var(--sms-default-blue) !important;
        background-color: #fff !important;
        border: solid 1px var(--sms-default-blue) !important;
    }

.button-primary.mrz {
    margin-right: 0 !important;
}

.button-primary.mtz {
    margin-top: 0 !important;
}
/**************************button disabled****************************/
.button-disabled {
    width: 125px;
    text-align: center;
    margin: 15px 15px 15px 0 !important;
    border: none;
    border-radius: 4px;
    /*height: 25px !important;*/
    height: 36px !important;
    /* line-height: 23px !important;*/
    line-height: 33px !important;
    padding: 0 10px !important;
    background-color: transparent;
    font-weight: bold;
    color: var(--sms-default-black);
}

    .button-disabled:hover {
        background-color: transparent;
        color: var(--sms-default-blue);
    }
/**************************button Red****************************/
.button-alert {
    display: inline-block;
    height: 25px !important;
    line-height: 24px !important;
    font-size: var(--sms-default-font) !important;
    font-weight: 400 !important;
    font-size: var(--sms-default-font) !important;
    border-radius: 4px !important;
    text-align: center !important;
    background-color: #FFF !important;
    padding: 0 10px !important;
    color: #fb5c5c !important;
    border: 1px solid #fb5c5c !important;
}

    .button-alert:hover {
        background-color: #fb5c5c !important;
        color: #fff !important;
        text-decoration: none !important;
    }

.button-alert-large {
    height: 40px !important;
    line-height: 40px !important;
}
/*************************Telerik buttons****************************/
/*************************Telerik button primary****************************/
.rb-primary.RadButton_Bootstrap.rbSkinnedButton {
    height: 36px !important;
    line-height: 33px !important;
    padding: 0 !important;
    background-color: #fff !important;
    border: none !important;
    border-radius: 5px !important;
}

.rb-primary.RadButton_Bootstrap .rbDecorated {
    height: 100% !important;
}

.rb-primary.RadButton_Bootstrap.rbSkinnedButton .rbDecorated {
    padding: 0 20px !important;
    border: 1px solid var(--sms-default-blue) !important;
    /*height: 25px !important;*/
    height: 36px !important;
    /* line-height: 23px !important;*/
    line-height: 33px !important;
    border-radius: 5px !important;
    background-color: #fff !important;
    color: var(--sms-default-blue) !important;
}

.rb-primary.RadButton_Bootstrap.rbSkinnedButton.rbHovered .rbDecorated {
    background-color: var(--sms-default-blue) !important;
    border: 1px solid var(--sms-default-blue) !important;
    color: #fff !important;
}

.rb-primary-small.RadButton_Bootstrap.rbSkinnedButton {
    height: 36px !important;
    line-height: 33px !important;
    padding: 0px !important;
}
/*************************Telerik button secondary****************************/
.rb-secondary.RadButton_Bootstrap.rbSkinnedButton {
    background-color: #fff !important;
    border: solid 1px var(--sms-default-blue) !important;
    box-shadow: none !important;
    padding: 0px 20px !important;
    /*height: 25px !important;*/
    height: 36px !important;
    /* line-height: 23px !important;*/
    line-height: 33px !important;
    border-radius: 5px !important;
}

span.RadButton_Bootstrap.rbSkinnedButton.rb-secondary .rbDecorated {
    /*height: 25px !important;*/
    height: 36px !important;
    /* line-height: 23px !important;*/
    line-height: 33px !important;
}

span.RadButton_Bootstrap.rbSkinnedButton .rbDecorated {
    color: var(--sms-default-blue) !important;
    font-size: var(--sms-default-font);
    line-height: normal;
}

span.RadButton_Bootstrap input:disabled:hover {
    background-color: var(--sms-default-blue) !important;
}

span.RadButton_Bootstrap.rbHovered.rb-secondary, span.RadButton_Bootstrap.rbSkinnedButton.rb-secondary-selected {
    background-color: var(--sms-default-blue) !important;
    border: solid 1px var(--sms-default-blue) !important;
    box-shadow: none !important;
}

span.RadButton_Bootstrap.rb-secondary-selected .rbDecorated {
    color: #fff !important;
}

span.RadButton_Bootstrap.rbHovered .rbDecorated {
    color: #fff !important;
    font-size: var(--sms-default-font);
}

span.RadButton_Bootstrap.rbSkinnedButton.rb-secondary .rbDecorated {
    font-size: var(--sms-default-font) !important;
    padding-right: 0px !important;
    text-align: center !important;
    display: inline-block !important;
}

.rb-secondary-small.RadButton_Bootstrap.rbSkinnedButton, span.rb-secondary-small .rbDecorated, span.RadButton_Bootstrap.rbSkinnedButton.rb-secondary-small .rbDecorated {
    /*height: 25px !important;*/
    height: 36px !important;
    /* line-height: 23px !important;*/
    line-height: 34px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.rb-secondary-fill.RadButton_Bootstrap.rbSkinnedButton {
    background-color: var(--sms-default-blue) !important;
    border: solid 1px var(--sms-default-blue) !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
    padding: 0px 20px !important;
    /*height: 25px !important;*/
    height: 36px !important;
    /* line-height: 23px !important;*/
    line-height: 34px !important;
    border-radius: 5px !important;
}

    .rb-secondary-fill.RadButton_Bootstrap.rbSkinnedButton.rbHovered {
        background-color: #FFFFFF !important;
        border: solid 1px var(--sms-default-blue) !important;
        color: #FFFFFF !important;
    }

        .rb-secondary-fill.RadButton_Bootstrap.rbSkinnedButton.rbHovered .rbDecorated {
            color: var(--sms-default-blue) !important;
        }

    .rb-secondary-fill.RadButton_Bootstrap.rbSkinnedButton.rb-secondary .rbDecorated {
        /*height: 25px !important;*/
        height: 36px !important;
        /* line-height: 23px !important;*/
        line-height: 34px !important;
    }

    .rb-secondary-fill.RadButton_Bootstrap.rbSkinnedButton .rbDecorated {
        color: #FFFFFF !important;
        font-size: var(--sms-default-font);
        line-height: normal;
        height: 100%;
    }

.btn-common-filter {
    color: #3c3d41 !important;
    background-color: #FFFFFF !important;
    border: 1px solid #3c3d41 !important;
    /*  outline: dashed 1px var(--sms-default-grey) !important;*/
    padding: 0px 20px !important;
    height: 36px !important;
    line-height: 34px !important;
    border-radius: 5px !important;
    font-size: 12px !important;
}

    .btn-common-filter:hover {
        background-color: #0073e60c !important;
        /* outline: solid 1px var(--sms-default-grey) !important;*/
    }

    .btn-common-filter .material-icons {
        float: left;
        font-size: 18px !important;
        color: #3c3d41 !important;
        margin: 4px 5px 0 0;
        line-height: 27px;
    }

    .btn-common-filter.btn-selected-filter {
        border: solid 1px var(--sms-default-blue) !important;
        background-color: #F3F8FE !important;
        color: var(--sms-default-blue) !important;
    }

        .btn-common-filter.btn-selected-filter .material-icons, .btn-common-filter.btn-selected-filter .material-icons-outlined {
            color: var(--sms-default-blue) !important;
        }
/*************************Telerik button accent****************************/
span.RadButton_Bootstrap.rbSkinnedButton.rb-accent {
    background-color: #fff !important;
    box-shadow: none !important;
    color: var(--sms-default-black) !important;
    font-weight: 500;
    width: 100%;
    font-size: 24px;
    height: 60px;
    border: 1px solid rgba(215, 215, 215, 1);
    border-radius: 4px;
    padding: 0px !important;
}

    span.RadButton_Bootstrap.rbSkinnedButton.rb-accent.rbHovered {
        border: 2px solid var(--sms-default-blue) !important;
    }

    span.RadButton_Bootstrap.rbSkinnedButton.rb-accent .rbDecorated {
        color: var(--sms-default-black) !important;
        text-align: center;
        font-weight: 400 !important;
        font-size: 20px;
        float: left;
        width: 100%;
        height: 60px;
    }
/*************************Telerik button disabled****************************/
span.RadButton_Bootstrap.rbSkinnedButton.rbDisabled.rb-disable {
    background-color: #ABABAB !important;
    color: #FFFFFF !important;
    border: 1px solid #ABABAB !important;
}

    span.RadButton_Bootstrap.rbSkinnedButton.rbDisabled.rb-disable .rbDecorated {
        color: #FFFFFF !important;
        font-weight: 900 !important;
    }
/*============================================ Short-Hands ========================================*/
.row {
    max-width: 100% !important;
}

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

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

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

.autowidth {
    width: auto !important;
}

.autoheight {
    height: auto !important;
}

.max-width {
    max-width: 100% !important;
}

.full-width {
    width: 100% !important;
}

.clear-right {
    clear: right !important;
}

.clear-left {
    clear: left !important;
}

.clear-both {
    clear: both !important;
}

.no-decoration {
    text-decoration: none !important;
}

.no-style {
    font-style: normal !important;
}

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

.linethrough {
    text-decoration: line-through !important;
}

.bg-none {
    background: none !important;
}

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

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

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

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

.font-500 {
    font-weight: 500 !important;
}

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

.font-normal {
    font-weight: normal !important;
}

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

.gray {
    color: var(--sms-default-black) !important;
}

.light-grey {
    color: #aaaaaa !important;
}

.dark-gray {
    color: #333333 !important;
}

a.dark-gray:hover {
    color: #333333 !important;
}

.zed-black {
    color: #000000 !important;
}

.black {
    color: var(--sms-default-black) !important;
}

.red {
    color: #EE2402 !important;
}

.mz {
    margin: 0 !important;
}

.mrz {
    margin-right: 0px !important;
}

.mrs {
    margin-right: 5px !important;
}

.mrxs {
    margin-right: 2px !important;
}

.mr-3 {
    margin-right: 3px !important;
}

.mr-8 {
    margin-right: 8px !important;
}

.mr-40 {
    margin-right: 40px !important;
}

.mrm {
    margin-right: 10px !important;
}

.mrl {
    margin-right: 15px !important;
}

.mrxl {
    margin-right: 20px !important;
}

.mrxxl {
    margin-right: 33px !important;
}

.mbz {
    margin-bottom: 0px !important;
}

.mbs {
    margin-bottom: 5px !important;
}

.mb-6 {
    margin-bottom: 6px !important;
}

.mb-7 {
    margin-bottom: 7px !important;
}

.mb-8 {
    margin-bottom: 8px !important;
}

.mbm {
    margin-bottom: 10px !important;
}

.mbl {
    margin-bottom: 15px !important;
}

.mbxl {
    margin-bottom: 20px !important;
}

.mbxxl {
    margin-bottom: 25px !important;
}

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

.mb-45 {
    margin-bottom: 45px !important;
}

.mlz {
    margin-left: 0px !important;
}

.mls {
    margin-left: 5px !important;
}

.ml-2 {
    margin-left: 2px !important;
}

.ml-3 {
    margin-left: 3px !important;
}

.ml-7 {
    margin-left: 7px !important;
}

.ml-m3 {
    margin-left: -3px !important;
}

.ml-m7 {
    margin-left: -7px !important;
}

.ml-27 {
    margin-left: 27px !important;
}

.ml-35 {
    margin-left: 35px !important;
}

.mlm {
    margin-left: 10px !important;
}

.mll {
    margin-left: 15px !important;
}

.mlxl {
    margin-left: 20px !important;
}

.ml-25 {
    margin-left: 25px !important;
}

.mlxxl {
    margin-left: 50px !important;
}

.mtz {
    margin-top: 0px !important;
}

.mtxs {
    margin-top: 2px !important;
}

.mt-2 {
    margin-top: 2px !important;
}

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

.mt-4 {
    margin-top: 4px !important;
}

.mt-6 {
    margin-top: 6px !important;
}

.mt-7 {
    margin-top: 7px !important;
}

.mt-8 {
    margin-top: 8px !important;
}

.mt-ns {
    margin-top: -7px !important;
}

.mt-9 {
    margin-top: 9px !important;
}

.mts {
    margin-top: 5px !important;
}

.mtm {
    margin-top: 10px !important;
}

.mt-12 {
    margin-top: 12px !important;
}

.mtl {
    margin-top: 15px !important;
}

.mt-16 {
    margin-top: 16px !important;
}

.mt-17 {
    margin-top: 17px !important;
}

.mt-23 {
    margin-top: 23px !important;
}

.mt-24 {
    margin-top: 24px !important;
}

.mtxl {
    margin-top: 20px !important;
}

.mtxxl {
    margin-top: 25px !important;
}

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

.mt-41 {
    margin-top: 41px !important;
}

.mt-33 {
    margin-top: 33px !important;
}

.mtxll {
    margin-top: 50px !important;
}

.pbs {
    padding-bottom: 10px !important;
}

.pbl {
    padding-bottom: 20px !important;
}

.pbxl {
    padding-bottom: 25px !important;
}
.pb-40 {
    padding-bottom: 40px !important;
}
.ptz {
    padding-top: 0px !important;
}

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

.prz {
    padding-right: 0px !important;
}

.prs {
    padding-right: 5px !important;
}

.prl {
    padding-right: 10px !important;
}

.prm {
    padding-right: 15px !important;
}

.plz {
    padding-left: 0px !important;
}

.plxl {
    padding-left: 20px !important;
}

.plxll {
    padding-left: 25px !important;
}

.plxxl {
    padding-left: 30px !important;
}
.pl-40 {
    padding-left: 40px !important;
}
.pl-50 {
    padding-left: 50px !important;
}

.prxxl {
    padding-right: 30px !important;
}

.prxl {
    padding-right: 20px !important;
}

.prlxl {
    padding-right: 25px !important;
}

.pls {
    padding-left: 5px !important;
}
.pl-3 {
    padding-left: 3px !important;
}
.pl-8 {
    padding-left: 8px !important;
}
.pll {
    padding-left: 15px !important;
}

.pllxl {
    padding-left: 25px !important;
}

.plm {
    padding-left: 10px !important;
}

.pls {
    padding-left: 5px !important;
}

.pbz {
    padding-bottom: 0px !important;
}

.pts {
    padding-top: 5px !important;
}

.ptxs {
    padding-top: 3px !important;
}

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

.ptm {
    padding-top: 10px !important;
}

.pt-11 {
    padding-top: 11px !important;
}

.pbm {
    padding-bottom: 10px !important;
}

.ptl {
    padding-top: 15px !important;
}

.ptxl {
    padding-top: 20px !important;
}

.ptxxl {
    padding-top: 30px !important;
}

.pz {
    padding: 0 !important;
}

.right {
    float: right !important;
}

.left {
    float: left !important;
}

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

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

.lh-32 {
    line-height: 32px !important;
}

.lhl {
    line-height: 30px !important;
}

.lhs {
    line-height: 20px !important;
}

.lhxs {
    line-height: 15px !important;
}

.lhxxl {
    line-height: 45px !important;
}

.lhm {
    line-height: 25px !important;
}

.lh-35 {
    line-height: 35px !important;
}

.lhxl {
    line-height: 40px !important;
}

.lh-none {
    line-height: normal !important;
}

.absolute {
    position: absolute !important;
}

.relative {
    position: relative !important;
}

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

.z-index {
    z-index: 1 !important;
}

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

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

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

.align-center {
    margin: 0 auto !important;
}

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

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

.inline {
    display: inline;
}

.flex {
    display: flex !important;
}

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

.align-txt-top {
    vertical-align: text-top !important;
}

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

.align-top {
    vertical-align: top !important;
}

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

.border-left {
    border-left: 1px solid #E4E4E4 !important;
}

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

.hide-item {
    display: none;
}

.font-grey {
    color: #aaaaaa !important;
}

.pointer {
    cursor: pointer !important;
}

.full-width {
    width: 100% !important;
}

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

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

.rotate-180 {
    transform: rotate(180deg);
}

.zero-background {
    background-position: 0px !important;
}

.wrd-wrap {
    word-break: break-all !important;
}

.border-radius-small {
    border-radius: 2px !important;
}

.word-bre
inpunt[type="button"].margin-auto {
    margin: 0 auto !important;
}

.color-transparent {
    color: transparent !important;
}

.blue-hover:hover {
    color: var(--sms-default-blue) !important;
}

.bg-grey {
    background-color: #F2F2F2;
}

.bg-transparent {
    background-color: transparent !important;
}

.cursor-default {
    cursor: default !important;
}

.cursor-not-allowed {
    cursor: not-allowed !important;
}

.btn-dummy {
    width: 120px;
    pointer-events: none;
    outline: none;
}

.color-blue {
    color: var(--sms-default-blue) !important;
}

.default-grey {
    color: var(--sms-default-grey) !important;
}

.color-dark-blue {
    color: var(--sms-dark-blue) !important;
}

.color-white {
    color: #ffffff !important;
}

.color-lightest-blue {
    color: var(--sms-lightest-blue) !important;
}

.help {
    cursor: help !important;
}

.text {
    cursor: text !important;
}

.half-width {
    width: 50% !important;
}

.width-25 {
    width: 25% !important;
}

.width-40 {
    width: 40% !important;
}

.width-60 {
    width: 60% !important;
}
.w-80 {
    width: 80% !important;
}
.w-90 {
    width: 90% !important;
}
/*-------------------need to discuss with puneet sir-------------------*/
.top-zero {
    top: 0px !important;
}

.top-65 {
    top: 65px !important;
}

.left-zero {
    left: 0px !important;
}

.right-zero {
    right: 0px !important;
}

.bottom-zero {
    bottom: 0px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.font-15 {
    font-size: 15px !important;
}

.font-18 {
    font-size: 18px !important;
}

.font-10 {
    font-size: 10px !important;
}

.font-12 {
    font-size: 12px !important;
}

.font-13 {
    font-size: 13px !important;
}

.font-14 {
    font-size: var(--sms-default-font) !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-17 {
    font-size: 17px !important;
}

.font-20 {
    font-size: 20px !important;
}

.font-22 {
    font-size: 22px !important;
}

.font-24 {
    font-size: 24px !important;
}

.font-28 {
    font-size: 28px !important;
}

.font-36 {
    font-size: 36px !important;
}

.font-32 {
    font-size: 32px !important;
}

.font-30 {
    font-size: 30px !important;
}

.font-72 {
    font-size: 72px !important;
}

::placeholder, .RadInput_Bootstrap .riTextBox.riEmpty {
    color: #cacaca !important;
    opacity: 1;
}

.RadInput_Bootstrap .riTextBox.riEmpty, font-normal {
    font-style: normal !important;
}

.light-blue {
    color: var(--sms-light-blue) !important;
}

.width-20 {
    width: 20px !important;
}

.width-65 {
    width: 65% !important;
}

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

:-ms-input-placeholder {
    color: #cacaca !important;
}

::-ms-input-placeholder {
    color: #cacaca !important;
}
/*------------------User Profile-------------------*/
.lbl-user-profile {
    color: var(--sms-default-blue) !important;
    border-bottom: 1px solid var(--sms-default-blue);
    width: 143px;
    float: left;
}

table tbody {
    border: none !important;
    background-color: white;
}

.RadComboBox .rcbInput.rcbEmptyMessage {
    color: #AAAAAA !important;
    font-style: normal !important;
    opacity: 1 !important;
}

.error-no-slot a {
    cursor: pointer;
    color: var(--sms-default-blue) !important;
}

    .error-no-slot a:hover {
        text-decoration: underline !important;
    }
/*-------------------Error-------------------*/
.error-alert {
    padding: 10px 10px 10px 30px;
    font-size: var(--sms-default-font) !important;
    color: red !important;
    background-color: white;
    border: solid 1px red;
    padding-right: 30px;
    border-radius: 3px;
    background-image: url('../_images/img-error.png');
    background-repeat: no-repeat;
    background-position: 5px 7px;
    width: 300px;
}

.required, .KidsEventsRequired, .divAgesRequired, .rblAttendancerequired, .rblKidsEventsRequired, .div-repeat-on, .requiredDiscount {
    position: relative;
}

    .required img.error, .KidsEventsRequired img.error, .divAgesRequired img.error, .rblAttendancerequired img.error,
    .rblKidsEventsRequired img.error, .div-repeat-on img.error, .requiredDiscount img.error {
        opacity: 0;
        position: absolute;
        top: 8px;
    }

    .required span.error, .KidsEventsRequired span.error, .divAgesRequired span.error, .rblAttendancerequired span.error,
    .rblKidsEventsRequired span.error, span.error, .div-repeat-on span.error, .divConfirm .error, .requiredDiscount .error {
        font-weight: 400;
        color: #EE2402;
        font-size: 13px !important;
        opacity: 0;
        font-style: normal !important;
        padding: 3px 0 0 0;
        position: relative;
    }

    .required .div-no-data {
        height: 6px !important;
    }

.required-field .div-no-data {
    height: auto !important;
}

.required-field input[type="text"] {
    float: left !important;
}

.required-field .RadInput_Bootstrap .riEmtpy, .required-field input[type="text"], .required-field textarea,
.required-field .RadComboBox_Bootstrap .rcbReadOnly .rcbInputCell, .required-field .RadComboBox_Bootstrap .rcbArrowCell, .div-repeat-on.required-field label,
.required-field input[type="password"], .required-field div.reContentArea, .required-field .rd-text-editor.RadEditor .reContentCell iframe, .required-field .rd-tax-uploader.RadUpload_Bootstrap .ruSelectWrap .ruButton {
    border-color: red !important;
}

.required-field .RadButton_Bootstrap .rbToggleRadio::before {
    color: red !important;
}

.required-field img.error, .required-field span.error {
    opacity: 1 !important;
}

.required-field-checkout input[type="text"], .required-field-attendee input[type="text"], .required-checkout-field-attendee .RadComboBox_Bootstrap .rcbReadOnly .rcbInputCell,
.required-checkout-field-attendee .RadComboBox_Bootstrap .rcbArrowCell, .required-field-checkout textarea {
    border-color: red !important;
}

.RadInput_Bootstrap .riTextBox.riEmpty.red-border, .RadInput_Bootstrap.riContSpinButtons .riTextBox.red-border {
    border-color: red !important;
}

.bdr-Red {
    width: 100%;
    border: 1px solid red !important;
    border-radius: 3px !important;
}

.div-recieve-email .RadInput_Bootstrap .riError {
    border-color: #cacaca !important;
}

label.errormessage, span.errormessage {
    color: #EE2402;
    font-size: 13px !important;
    line-height: 1.5;
}
/*----------------------------- header ------------------------------------*/
.div-customer-header {
    min-height: 72px;
    padding: 6px 0 4px;
}
.div-header-admin {
    background-color: #fff;
    z-index: 20;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 2px 2px 8px #ddd;
}

.div-header-admin-main {
    height: 72px;
    display: table;
    vertical-align: middle;
}

    .div-header-admin-main label {
        float: right;
        color: var(--sms-default-black);
    }

    .div-header-admin-main .material-icons {
        color: var(--sms-default-black);
    }

.div-header h1 {
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: var(--sms-default-black);
}

.lnk-show-action {
    float: right;
}

.lbl-head {
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    color: var(--sms-default-black);
}

.rts-main.rtsTop .rtsLevel1 .rtsSelected .rtsLink, .rts-main.rtsTop .rtsLevel1 .rtsHovered .rtsLink {
    border-color: transparent;
    border-bottom: solid 2px var(--sms-default-blue) !important;
    background-color: white;
    margin-bottom: 1px;
}

    .rts-main.rtsTop .rtsLevel1 .rtsSelected .rtsLink .rtsTxt, .rts-main.rtsTop .rtsLevel1 .rtsHovered .rtsLink .rtsTxt {
        color: var(--sms-default-black);
        font-weight: 600;
    }

.rts-main.rtsTop.RadTabStrip_Bootstrap .rtsLevel1 {
    display: inline-block !important;
    width: auto !important;
}

.rtsTop .rtsLevel1 .rtsUL .rtsLI:last-child span.rtsLink {
    margin-right: 0 !important;
}

.rts-main.rtsTop .rtsLink {
    padding: 5px 0px;
    margin: 0px 15px 0 0;
    font-size: 12px;
}

.rts-main.rtsTop .rtsLevel1 .rtsLink .rtsTxt {
    color: #aaaaaa;
    padding: 0px;
    font-weight: 600;
}

.div-header-dropdown-customer {
    position: absolute;
    right: 15px;
    top: 40px;
    min-width: 140px;
    background-color: #FFFFFF;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    box-shadow: 5px 5px 10px rgb(215 215 215 / 35%);
    z-index: 999;
}

    .div-header-dropdown-customer a {
        font-weight: 500;
        color: #7f7f7f !important;
        text-decoration: none !important;
        padding: 3px 5px;
        border: none;
        background: none;
        cursor: pointer;
        text-align: left;
    }

    .div-header-dropdown-customer span.material-icons-grey {
        margin: 0 !important;
        line-height: normal !important;
    }

.material-icons-grey {
    color: #7F7F7F !important;
}
.div-header-membership {
    position: absolute;
    left: 61%;
    top: 51px;
    min-width: 140px;
    background-color: #FFFFFF;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    box-shadow: 5px 5px 10px rgb(215 215 215 / 35%);
    z-index: 999;
    width:180px;
}
    .div-header-membership a {
        font-size:13px !important;
        font-weight: 400;
        color: #7f7f7f !important;
        text-decoration: none !important;
        padding: 3px 5px;
        border: none;
        background: none;
        cursor: pointer;
        text-align: left;
        border-bottom: solid 1px #d7d7d7;
        width:100%;
        text-align:center;
    }
    .div-header-dropdown-customer a:hover, .div-header-dropdown-customer a:hover .material-icons-grey,
    .div-header-membership a:hover {
        color: var(--sms-default-blue) !important;
    }

.lnk-header-arrow i:hover {
    color: var(--sms-default-blue) !important;
}
/*For Admin section header dropdown only*/
.div-header-dropdown-admin {
    position: fixed;
    height: 60px;
    width: 115px;
    z-index: 10000;
    box-sizing: content-box;
    background-color: rgba(255, 255, 255, 1);
    top: 60px;
    right: 36px;
    border: solid 1px #d7d7d7;
}

    .div-header-dropdown-admin a {
        color: #AAAAAA;
        text-decoration: underline;
        display: inline-block;
        width: 91%;
        text-align: center;
        padding: 5px 5px 0;
        margin: 0 !important;
        line-height: 20px;
        height: 25px;
    }

        .div-header-dropdown-admin a:hover {
            color: #fff;
            background-color: #7f7f7f;
        }

.div-header-notifications {
    position: fixed;
    top: 72px;
    right: 188px;
    width: 299px;
    height: 311px;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border: 1px solid rgba(215, 215, 215, 1);
}

    .div-header-notifications .border-bottom a {
        height: 25px;
    }

.div-notify-scroll {
    float: left;
    width: 100%;
    height: 283px;
    overflow-y: auto;
}

.div-container-notify {
    float: left;
    width: 100%;
    padding: 5px 10px;
    border-bottom: 1px solid #E4E4E4;
}

    .div-container-notify .lnk-clear-assign {
        cursor: pointer;
        float: right;
        font-size: 10px !important;
        border: none;
        background-color: #FFFFFF;
        text-decoration: underline;
    }

.lnk-count {
    position: absolute;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none;
    width: 22px;
    height: 22px;
    line-height: 22px;
    background-color: var(--sms-default-blue) !important;
    color: #FFFFFF !important;
    top: -11px !important;
    right: 17px !important;
    font-size: 10px !important;
}
/*------------------------------------ Left Navigation ------------------------------------*/
.div-left-nav {
   /* min-height: 400px;*/
}

    .div-left-nav .menu a {
        color: #fff;
        font-size: var(--sms-default-font);
        position: relative;
        text-align: left !important;
        padding: 0.4rem 1rem !important;
    }

        .div-left-nav .menu a span {
            color: #fff;
            margin-left: 50px;
            position: absolute;
            top: 15px;
        }

        .div-left-nav .menu a:hover, .div-left-nav .menu a:hover:after, .div-left-nav .menu a:hover span {
            color: #ffffff !important;
        }

    .div-left-nav h1 {
        font-weight: 600;
        font-style: normal;
        font-size: 28px;
        padding-left: 10%;
        color: var(--sms-default-blue) !important;
    }

#mainContainer {
    transition: padding-left .5s;
    padding: 90px 16px 16px 25px;
}
.sidenav {
    width: 170px;
    /*position: fixed;*/
    position:absolute;
    /*z-index: 38;*/
    z-index:19;
    top: 72px;
    left: 0;
    background-color: var(--sms-light-blue);
    border-right: 1px solid #d7d7d7;
    padding-bottom:10px;
    padding-top:10px;
}
    .sidenav a {
        padding: 0.1rem 1.2rem;
        text-decoration: none;
        font-size: 25px;
        color: #000000;
        display: block;
        transition: 0.3s;
    }

.close-nav {
    font-size: 40px;
    color: #fff !important;
    text-align: left;
}

    .close-nav:hover, .open-nav:hover {
        color: #FFF !important;
        background-color: var(--sms-light-blue);
    }

        .close-nav:hover span {
            color: #FFF !important;
        }

.open-nav {
    font-size: 30px;
    color: #fff !important;
    z-index: 20;
    width: 78px;
    text-align: left;
}

    .close-nav span, .open-nav span {
        font-size: 0.6em !important;
        color: #fff !important;
        position: relative;
        top: -3px;
        left: 23px;
    }

.list-left-menu li a.Events:after, .list-left-menu li a.Experiences:after, .list-left-menu li a.Products:after, .list-left-menu li a.Memberships:after, .list-left-menu li a.Customers:after, .list-left-menu li a.Staffing:after,
.list-left-menu li a.Financials:after, .list-left-menu li a.Settings:after, .list-left-menu li a.Media:after, .list-left-menu li a.Reports:after, .list-left-menu li a.Orders:after, .list-left-menu li a.GiftCards:after {
    font-family: 'Material Icons' !important;
    font-size: 30px !important;
    font-feature-settings: 'liga';
}
.list-left-menu li a.Dashboard:after {
    font-family: 'Material Icons Outlined' !important;
    font-size: 30px !important;
    font-feature-settings: 'liga';
}
.list-left-menu li a.Dashboard:after {
    content: "house";
}
.list-left-menu li a.Events:after {
    content: "event";
}
.list-left-menu li a.Experiences:after {
    content: "local_activity";
}
.list-left-menu li a.Products:after {
    content: "local_offer";
}
.list-left-menu li a.Memberships:after {
    content: "contacts";
}
.list-left-menu li a.GiftCards:after {
    content: "redeem";
}
.list-left-menu li a.Customers:after {
    content: "group";
}
.list-left-menu li a.Orders:after {
    content: "attach_money";
}
.list-left-menu li a.Staffing:after {
    content: "assignment_ind";
}
.list-left-menu li a.Financials:after {
    content: "content_paste";
}
.list-left-menu li a.Settings:after {
    content: "settings";
}
.list-left-menu li a.Media:after {
    content: "photo_camera";
}
.list-left-menu li a.Reports:after {
    content: "content_paste";
}
.show-span .div-left-nav .menu a span {
    display: inline;
}
/*------------------------------------ Footer ------------------------------------*/
.div-footer {
    text-align: center;
    padding: 10px 0;
}
/*------------------------------------ Default controls ------------------------------------*/
table.RadCalendarTimeView_Bootstrap tbody {
    padding: 10px;
    display: block;
}

.RadCalendarTimeView_Bootstrap th {
    border-bottom: none !important;
    background: white !important;
    text-align: left !important;
    padding: 0px !important;
}

table.RadCalendarTimeView_Bootstrap tbody tr {
    background-color: white !important;
}

    table.RadCalendarTimeView_Bootstrap tbody tr td {
        border-top: solid 1px #d7d7d7 !important;
    }

        table.RadCalendarTimeView_Bootstrap tbody tr td a {
            color: var(--sms-default-black) !important;
        }

.RadCalendarTimeView_Bootstrap.time-view-customer a {
    padding: 0 !important;
    color: var(--sms-default-black) !important;
}

.RadCalendarTimeView_Bootstrap.time-view-customer tr td, .RadCalendarTimeView_Bootstrap.time-view-customer tr td.rcHover {
    width: 210px !important;
}

.RadCalendarTimeView_Bootstrap.time-view-customer tr td {
    border-bottom: solid 1px #d7d7d7 !important;
    border-top: none !important;
}

.RadCalendarTimeView_Bootstrap.time-view-customer tr th.rcHeader {
    border-bottom: solid 1px #d7d7d7 !important;
}

.RadCalendarPopupShadows > .rcShadTR, .RadCalendarPopupShadows > .rcShadBL, .RadCalendarPopupShadows > .rcShadBR {
    background-image: none !important;
    display: none !important;
}

.RadPicker_Bootstrap .rcCalPopup, .RadPicker_Bootstrap .rcTimePopup {
    margin-left: 10px !important;
    border: none !important;
}

.RadPicker_Bootstrap td input.riTextBox {
    border-radius: 4px !important;
}

table.RadCalendar_Bootstrap caption {
    padding: 0px !important;
}

table.RadCalendar_Bootstrap table, .RadComboBox table {
    margin-bottom: 0px !important;
}

.RadCalendar .rcRow td, .RadCalendar .rcWeek th {
    border: solid 1px #d7d7d7 !important;
    border-left-width: 0px !important;
    border-top-width: 0px !important;
}

.RadCalendar .rcRow:last-child td {
    border-bottom-width: 0px !important;
}

.RadCalendar .rcRow td:last-child, .RadCalendar .rcWeek th:last-child {
    border-right-width: 0px !important;
}

.RadCalendar .rcRow td:first-child {
    border-top-width: 1px !important;
}

.RadCalendar_Bootstrap .rcTitlebar {
    border: none !important;
}

    .RadCalendar_Bootstrap .rcTitlebar .rcFastNext, .RadCalendar_Bootstrap .rcTitlebar .rcFastPrev {
        display: none !important;
    }

.RadCalendar_Bootstrap tr th:first-child {
    display: none !important;
}

.RadCalendar_Bootstrap tr {
    background-color: white !important;
}

.RadCalendar_Bootstrap .rcMain {
    padding: 10px !important;
    border: none !important;
}

.RadPicker_Bootstrap .rcCalPopup {
    background-image: url('../_images/img_datepicker_default.png') !important;
    background-position: 0px 5px !important;
    opacity: 0.8 !important;
}

    .RadPicker_Bootstrap .rcCalPopup.rcDisabled:hover {
        background-image: url('../_images/img_datepicker_default.png') !important;
        background-position: 0px 5px !important;
        cursor: default;
    }

.RadPicker_Bootstrap .rcTimePopup {
    background-image: url('../_images/img_timepicker_default.png') !important;
    background-position: 0px 5px !important;
    opacity: 0.8 !important;
}

    .RadPicker_Bootstrap .rcTimePopup.rcDisabled:hover {
        background-image: url('../_images/img_timepicker_default.png') !important;
        background-position: 0px 5px !important;
        cursor: default;
    }

    .RadPicker_Bootstrap .rcCalPopup:hover, .RadPicker_Bootstrap .rcTimePopup:hover {
        opacity: 1 !important;
    }

.RadCalendar .rcTitlebar .rcTitle {
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 15px !important;
}

.RadCalendar_Bootstrap .rcTitlebar .rcNext {
    background-image: url('../_images/img_caretright_default.png') !important;
    background-position: 5px 5px !important;
}

.RadCalendar_Bootstrap .rcTitlebar .rcPrev {
    background-image: url('../_images/img_caretleft_default.png') !important;
    background-position: 15px 5px !important;
}

table.RadCalendarTimeView_Bootstrap, .RadCalendarPopup .RadCalendar_Bootstrap {
    border-radius: 0px !important;
    box-shadow: none !important;
}

.RadCalendarPopup .RadCalendar_Bootstrap {
    border: solid 1px #d7d7d7;
}

.RadInput_Bootstrap a.riUp, .RadInput_Bootstrap a.riDown {
    border-left-width: 0 !important;
}

.rts-Default .rtsLink {
    padding: 0px 10px !important;
    background-color: transparent !important;
}

.rts-Default .rtsHovered .rtsLink, .rts-Default .rtsSelected .rtsLink, .rts-Default .rtsSelected {
    border-color: transparent !important;
}

.rts-Default.rtsTop .rtsLevel1 {
    border-bottom: none !important;
}

.rts-Default .rtsLevel1 .rtsLI {
    border-radius: 21px;
    cursor: pointer;
    margin-right: 20px;
    margin-bottom: 1px !important;
    padding: 0 !important;
    margin-bottom: 5px !important;
}

    .rts-Default .rtsLevel1 .rtsLI:last-child {
        margin-right: 0px;
    }

.rts-Default .rtsHovered.rtsLI .rtsTxt, .rts-Default .rtsSelected.rtsLI .rtsTxt {
    color: white !important;
}

.rts-Default .rtsLevel .rtsTxt {
    background-color: transparent;
    font-size: var(--sms-default-font);
    font-style: normal !important;
    font-weight: 500;
    position: relative;
    top: -1px;
}

.rts-Default.RadTabStrip_Bootstrap.rtsTop .rtsLevel1 .rtsLink {
    border-radius: 21px !important;
    border: none !important;
}

.rts-assignment.RadTabStrip_Bootstrap {
    width: 72%;
    float: left !important;
}

.rts-assignment .rtsLevel1 .rtsLI {
    width: 100%;
}

.rts-instructor.RadTabStripTop_Bootstrap .rtsLevel1 .rtsLink {
    float: left !important;
}

.RadTabStrip.rtsDisabled {
    cursor: default !important;
}

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

.RadGrid .rgMasterTable {
    margin: 0px !important;
}

.RadComboBox_Bootstrap .rcbFocused {
    border: none !important;
    box-shadow: none !important;
}
.new-bgclr-product .rg-registration-ticket.RadGrid_Bootstrap, .rg-registration-ticket.rg-registration.RadGrid_Bootstrap .rgRow > td, .rg-registration-ticket.rg-registration.rg-field.RadGrid_Bootstrap > .rgMasterTable .rgRow, .rg-registration-ticket.rg-registration.rg-field.RadGrid_Bootstrap > .rgMasterTable .rgAltRow, .rg-registration-ticket.rg-registration.RadGrid_Bootstrap .rgAltRow > td {
    background-color: #fafafa !important;
    border: none !important;
    box-shadow: none !important;
    padding: 10px 0 0 0 !important;
}
.new-bgclr-product .rg-registration-customer.RadGrid_Bootstrap, .rg-registration-customer.rg-registration.RadGrid_Bootstrap .rgRow > td, .rg-registration-customer.rg-registration.rg-field.RadGrid_Bootstrap > .rgMasterTable .rgRow, .rg-registration-customer.rg-registration.RadGrid_Bootstrap .rgAltRow > td {
    background-color: #f2f2f2 !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin:0 !important;
}
div .rg-registration-customer.rg-registration.RadGrid_Bootstrap .rgRow > td, div .rg-registration-customer.rg-registration.RadGrid_Bootstrap .rgAltRow > td {
    background-color: #ECF6FF !important;
    padding: 0 25px !important;
}
div .rg-registration-customer.rg-registration.RadGrid_Bootstrap tr:last-child > td {
    background-color: #ECF6FF !important;
    padding-bottom: 15px !important;
}
    .RadComboBox_Bootstrap .rcbReadOnly .rcbInputCell, .RadComboBox_Bootstrap .rcbFocused .rcbReadOnly .rcbInputCell, .RadComboBox_Bootstrap .rcbReadOnly .rcbArrowCell.rcbArrowCellRight {
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

.RadGrid_Bootstrap .rgAltRow .rgSorted, .RadGrid_Bootstrap .rgRow .rgSorted {
    background-color: white !important;
}
/********************Default Focus***************/
.div-default-focus .RadInput_Bootstrap .riFocused, .div-default-focus input[type="text"]:focus, .div-default-focus textarea:focus, .div-default-focus .RadComboBox_Bootstrap .rcbFocused,
.RadComboBox_Bootstrap .rcbFocused .rcbReadOnly .rcbInputCell, .RadComboBox_Bootstrap .rcbFocused .rcbArrowCell, .div-default-focus input[type="password"]:focus {
    border-color: var(--sms-default-blue) !important;
    box-shadow: none !important;
}

.div-default-focus .rbToggleRadioChecked::before, .div-default-focus .rbToggleRadioChecked + span {
    color: var(--sms-default-blue) !important;
}

.div-default-focus input:checked + .slider {
    background-color: var(--sms-default-blue);
    height: 20px;
}
/***************Checkbox slider*****************************/
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    margin-bottom: 0 !important;
}

    .switch input {
        opacity: 0;
        height: auto !important;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #d7d7d7;
    -webkit-transition: .4s;
    transition: .4s;
    height: 20px;
}

.pointer-none .slider:before {
    background-color: #BFBFBF;
}

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

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}
/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }
/* Small Slider */
.switch-small {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 15px;
}

    .switch-small input {
        opacity: 0;
    }

.slider-small {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #d7d7d7;
    -webkit-transition: .4s;
    transition: .4s;
    height: 15px;
}

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

input:focus + .slider-small {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider-small {
    background-color: var(--sms-default-blue);
    height: 15px;
}

    input:checked + .slider-small:before {
        -webkit-transform: translateX(var(--sms-default-font));
        -ms-transform: translateX(var(--sms-default-font));
        transform: translateX(var(--sms-default-font));
    }
/* Rounded slider-small */
.slider-small.round {
    border-radius: 34px;
}

    .slider-small.round:before {
        border-radius: 50%;
    }
/***************Checkbox button*****************************/
.chkbutton {
    position: relative;
    display: inline-block;
}

    .chkbutton input {
        opacity: 0;
        position: absolute;
    }

    .chkbutton span input {
        opacity: 0;
        position: absolute;
    }

    .chkbutton i {
        color: #d7d7d7;
        font-size: 22px;
        vertical-align: middle;
    }

    .chkbutton input:checked + i, .chkbutton input:hover + i {
        color: var(--sms-default-blue) !important;
        font-family: 'Material Icons' !important;
    }

    .chkbutton input:hover, .chkbutton input:hover + i {
        cursor: pointer;
    }

        .chkbutton input:checked + label i, .chkbutton input:hover + label i {
            color: var(--sms-default-blue);
            font-family: 'Material Icons' !important;
        }

.div-dashboard .div-tabs label span.radio-check, .div-dashboard .div-tabs label span.radio-uncheck:hover {
    font-size: 22px !important;
    color: var(--sms-default-blue) !important;
    font-family: 'Material Icons' !important;
}

.div-dashboard .div-tabs label span.radio-uncheck {
    font-size: 22px !important;
    color: #d7d7d7 !important;
    font-family: 'Material Icons Outlined' !important;
}

.lbl-check-error {
    width: 270px;
}

    .lbl-check-error span {
        font-weight: 400;
        color: #EE2402;
        font-size: 13px !important;
        float: left;
        width: 85%;
        position: relative;
        top: 4px;
    }

.divDiscountAmount .sign-dollar {
    top: 10px !important;
    left: 0.8% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.chkbutton .material-icons {
    color: #FFFFFF !important;
    background-color: #D7D7D7 !important;
    border-radius: 50%;
    font-size: 20px !important;
}

.chkbutton input:checked + .material-icons {
    color: var(--sms-default-blue) !important;
    background-color: #FFFFFF !important;
    border-radius: 50%;
    font-size: 24px !important;
}

.chkbutton input:checked:hover + .material-icons {
    background-color: transparent !important;
    color: var(--sms-default-blue) !important;
    border-radius: 50%;
    font-size: 24px !important;
}

.chkbutton.pointer-none input:checked + .material-icons {
    color: var(--sms-default-blue) !important;
    background-color: #FFFFFF !important;
    font-size: 24px !important;
}
/*************Event-Tabs******************/
.div-dashboard {
    border: solid 1px #D7D7D7;
    min-height: 360px;
    border-radius: 7px;
    padding-top: 4px;
}

    .div-dashboard .div-tabs {
        padding: 20px 0px !important;
        color: var(--sms-default-black);
    }

        .div-dashboard .div-tabs h1, .div-dashboard .div-tabs h1 span {
            font-size: var(--sms-default-font) !important;
            font-style: normal !important;
            font-weight: 600 !important;
        }

        .div-dashboard .div-tabs span.spnoptional {
            font-style: italic !important;
            font-size: 13px !important;
        }

        .div-dashboard .div-tabs label, .div-modal span, .div-dashboard .div-tabs label span {
            font-size: var(--sms-default-font) !important;
            font-style: normal !important;
            color: var(--sms-default-black) !important;
        }

        .div-dashboard .div-tabs .RadRadioButtonList .RadButton {
            margin-top: 5px;
        }

            .div-dashboard .div-tabs .RadRadioButtonList .RadButton .rbText {
                font-style: normal;
                font-size: var(--sms-default-font) !important;
                color: var(--sms-default-black);
                margin-top: 2px;
                margin-left: 5px;
            }

            .div-dashboard .div-tabs .RadRadioButtonList .RadButton .rbIcon::before {
                display: inline-block;
                font-size: 22px !important;
                color: #aaa;
            }

.div-tabs input[type=number], .div-tabs input[type=text], .RadInput_Bootstrap.riSingle .riTextBox {
    height: 40px !important;
    margin: 0;
}

    .RadInput_Bootstrap.riSingle .riTextBox.rt-details {
        height: 25px !important;
    }

.div-event-type.medium-offset-3 {
    margin-left: 29.2% !important;
}

.icon-edit-blue {
    font-size: var(--sms-default-font) !important;
    background-color: var(--sms-default-blue);
    border-radius: 50%;
    padding: 3px;
    color: #FFF !important;
    text-align: center;
    line-height: normal !important;
}
/********************** Events Tabs Navigation ****************/
.rts-navigation .rtsLevel1 .rtsSelected {
    border-color: transparent !important;
}

.rts-navigation .rtsLevel1 .rtsLink:hover {
    background-color: transparent !important;
    border-color: transparent !important;
}

.rts-navigation .rtsUL {
    width: 100%;
    border-bottom: none !important;
}

.rts-navigation .rtsLevel1 .rtsLI {
    width: 20%;
}

.rts-navigation .rtsLink .lblTabText {
    width: 70%;
    text-align: left;
    color: var(--sms-default-black);
    font-size: var(--sms-default-font);
    font-weight: 600 !important;
    opacity: .6 !important;
    margin: 9px 5px 1px 10px !important;
}

.rts-navigation.RadTabStripTop_Bootstrap .rtsLevel1 .rtsLink {
    display: inline-block;
    width: 100%;
}

.rts-navigation .rtsLink i {
    color: #d7d7d7;
}

    .rts-navigation .rtsLink i::after, .rts-navigation .rtsprevioustab i::after {
        content: 'check_circle_outline' !important;
        font-family: 'Material Icons Outlined' !important;
        font-style: normal !important;
        font-size: 24px !important;
        font-feature-settings: 'liga';
    }

.rts-navigation .rtsprevioustab .lblTabText, .rts-navigation .rtsprevioustab i {
    color: var(--sms-default-black);
}

.rts-navigation .rtsprevioustab .lblTabText {
    border-bottom: solid 1px var(--sms-default-black) !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    opacity: 1 !important;
}

.rts-navigation .rtsLevel1 .rtsSelected i::after {
    content: 'edit' !important;
    font-family: 'Material Icons' !important;
    font-style: normal !important;
    font-size: var(--sms-default-font) !important;
    background-color: var(--sms-default-blue) !important;
    border-radius: 50% !important;
    padding: 3px !important;
    color: #FFF !important;
    position: relative;
    top: 9px;
    font-feature-settings: 'liga';
}
/********************Event Profile*******************/
.div-profile {
    width: 55% !important;
}

.rts-Events .rtsLink {
    padding: 0px 10px !important;
    background-color: transparent !important;
}

    .rts-Events .rtsHovered .rtsLink, .rts-Events .rtsSelected .rtsLink,
    .rts-Events .rtsSelected, .rts-Events .rtsLink:hover, .rts-card .rtsHovered .rtsLink, .rts-card .rtsSelected .rtsLink,
    .rts-card .rtsSelected, .rts-card .rtsLink:hover {
        border-color: transparent !important;
    }

.rts-Events.rtsTop .rtsLevel1 {
    border-bottom: none !important;
}

.rts-Events .rtsLevel1 .rtsLI {
    border-radius: 21px;
    cursor: pointer;
    margin-right: 20px;
    margin-bottom: 1px;
    padding: 0px 15px 2px;
}

    .rts-Events .rtsLevel1 .rtsLI:last-child {
        margin-right: 0px;
    }

.rts-Events li.rtsLI {
    border: solid 1px var(--sms-default-blue);
}

    .rts-Events li.rtsLI:nth-child(2) {
        border: solid 1px var(--sms-default-blue);
    }

    .rts-Events li.rtsLI:nth-child(3) {
        border: solid 1px var(--sms-default-blue);
    }

.rts-Events .rtsHovered, .rts-Events .rtsSelected {
    background-color: var(--sms-default-blue) !important;
}

    .rts-Events .rtsHovered:nth-child(2), .rts-Events .rtsSelected:nth-child(2) {
        background-color: var(--sms-default-blue) !important;
    }

    .rts-Events .rtsHovered:nth-child(3), .rts-Events .rtsSelected:nth-child(3) {
        background-color: var(--sms-default-blue) !important;
    }

    .rts-Events .rtsHovered.rtsLI .rtsTxt, .rts-Events .rtsSelected.rtsLI .rtsTxt {
        color: white !important;
    }

.rts-Events .rtsLevel .rtsTxt {
    background-color: transparent;
    font-style: normal;
}

.rts-Events .rtsLI .rtsTxt {
    color: var(--sms-default-blue);
}

.rts-Events .rtsLI:nth-child(2) .rtsTxt {
    color: var(--sms-default-blue);
}

.rts-Events .rtsLI:nth-child(3) .rtsTxt {
    color: var(--sms-default-blue);
}

.spnimagedescription {
    font-style: normal;
    font-size: 13px;
    color: #aaa;
}

.div-image-upload .btnUpload {
    border-radius: 3px;
    cursor: pointer;
    background-color: white;
    color: var(--sms-default-blue);
    width: 200px;
    height: 30px;
    border: solid 1px var(--sms-default-blue);
}

    .div-image-upload .btnUpload:hover {
        background-color: var(--sms-default-blue);
        color: #ffffff;
    }

.div-image-upload .RadGrid_Bootstrap {
    border: none !important;
}

.div-image-upload .RadGrid .rgRow, .div-image-upload .RadGrid .rgAltRow {
    background-color: white !important;
}

    .div-image-upload .RadGrid .rgRow td, .div-image-upload .RadGrid .rgAltRow td {
        background-color: white !important;
        padding: 12px 10px !important;
    }

.RadGrid_Bootstrap td.gtc-image {
    border: none !important;
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
    height: 200px;
    margin-top: 25px;
    background-color: white;
}

    .RadGrid_Bootstrap td.gtc-image.gtc-top-align {
        vertical-align: top !important;
    }

.div-image-upload .RadGrid_Bootstrap textarea {
    height: 133px !important;
    width: 200px;
}

.div-image-upload .RadGrid_Bootstrap .rb-image input:checked + label {
    color: var(--sms-default-blue);
}

.div-image-upload .RadGrid_Bootstrap .rb-image label {
    font-size: var(--sms-default-font);
    color: #aaa;
}

.div-image-upload .RadGrid_Bootstrap td a {
    position: absolute;
    bottom: 5px;
    left: 10px;
    color: var(--sms-default-blue);
    font-size: var(--sms-default-font);
    font-weight: 500;
    text-decoration: underline;
}

.div-image-upload .RadUpload_Bootstrap {
    width: 100%;
    border: dashed 2px #7E9FF4;
    height: 70px;
    text-align: center;
    line-height: 70px;
}

.div-image-upload .RadUpload .ruFileWrap.ruStyled {
    padding-bottom: 5px !important;
    padding-left: 5px !important;
}

.div-image-upload .RadUpload .ruSelectWrap {
    margin-top: 21px !important;
}

.div-outer-upload {
    background-color: #f9f9f9;
    padding: 20px;
    float: left;
    width: 100%;
    margin-top: 20px;
}

.div-image-upload .RadUpload .ruSelectWrap:before {
    content: "Drag files here or";
    color: var(--sms-default-black) !important;
    font-size: 16px !important;
}

.div-image-upload .RadUpload_Bootstrap .ruSelectWrap .ruFakeInput {
    display: none;
}

.div-image-upload .RadUpload_Bootstrap .ruSelectWrap .ruButton {
    padding: 0px !important;
    border: none !important;
    color: var(--sms-default-blue) !important;
    background: none !important;
    text-align: left;
    font-size: 16px !important;
    cursor: pointer !important;
}

.RadUpload .ruStyled .ruFileInput {
    cursor: pointer !important;
}

    .RadUpload .ruStyled .ruFileInput::-webkit-file-upload-button {
        cursor: pointer;
    }

.div-image-upload .RadUpload_Bootstrap .ruSelectWrap .ruFocused {
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}

.div-image-upload tr .rgExpandCol {
    display: none !important;
}
/*****************Schedule Tab Class series grid*************************/
.div-classseries .lnk-adddate {
    color: var(--sms-default-blue);
    background-color: white;
    border: solid 1px var(--sms-default-blue);
    text-transform: uppercase;
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
    width: 160px;
    display: inline-block;
    border-radius: 5px;
}

    .div-classseries .lnk-adddate i {
        color: var(--sms-default-blue);
        vertical-align: text-top;
        font-size: 13px;
        padding: 2px 2px 0 0;
    }

    .div-classseries .lnk-adddate:hover {
        color: white;
        background-color: var(--sms-default-blue);
        border: solid 1px var(--sms-default-blue);
    }

        .div-classseries .lnk-adddate:hover i {
            color: white;
        }

.div-classseries .RadGrid, .div-classseries .tbl-dates {
    border: none !important;
    padding-left: 0px !important;
}

.RadGrid_Bootstrap.tbl-classseries .rgRow > td, .RadGrid_Bootstrap.tbl-classseries .rgAltRow > td {
    padding-left: 0px !important;
}

.div-classseries .tbl-dates {
    padding: 0px !important;
    background-color: white !important;
}

.div-numeric .RadInput_Bootstrap .riTextBox {
    border: none !important;
}

.div-numeric .RadInput_Bootstrap.riSingle .riLabel {
    font-size: 13px !important;
    color: #aaa !important;
    width: 40px !important;
}

.div-numeric .RadInput_Bootstrap {
    border: solid 1px #ccc;
    border-radius: 3px;
    width: 105px !important;
}

.chk-repeat-on input {
    display: none;
}

.chk-repeat-on td {
    padding: 0px;
    display: inline-block;
    margin-right: 10px;
}

.chk-repeat-on label {
    border: solid 1px #aaa;
    height: 40px;
    width: 40px;
    border-radius: 3px;
    color: #aaa;
    margin: 0px;
    line-height: 40px;
    text-align: center
}
/*****************Event Pricing******************************/
.rg-events {
    border: none !important;
}

    .rg-events .spnTagLine {
        font-size: var(--sms-default-font) !important;
        font-weight: 600;
        font-style: normal !important;
        float: left;
        width: 100%;
        margin: 5px 0px 2px 0px;
    }

    .rg-events .spnavailableinstructor {
        font-size: var(--sms-default-font) !important;
        font-style: normal !important;
    }

    .rg-events .spnTagLineDetails {
        font-style: italic !important;
        color: var(--sms-default-black);
        font-size: 12px !important;
        float: left;
        width: 100%;
        margin-bottom: 5px;
    }

    .rg-events .lblDiscountAmount {
        font-style: normal !important;
        font-size: var(--sms-default-font) !important;
    }

    .rg-events .lblAddOnDescription {
        font-style: normal !important;
        font-size: 12px !important;
    }

    .rg-events table {
        line-height: 1 !important;
        margin: 0px !important;
        border: solid 1px #dedede !important;
    }

        .rg-events table.border-none {
            border: none !important;
        }

    .rg-events th.rgHeader, .RadGrid_Bootstrap .rgHeader a {
        background-color: white !important;
        border-left: none !important;
        border-right: 1px solid #dedede !important;
        color: var(--sms-default-black) !important;
        font-size: var(--sms-default-font) !important;
        line-height: 20px;
    }

    .rg-events.rg-bdr th.rgHeader {
        border-bottom: 1px solid #dedede !important;
    }

.RadGrid_Bootstrap .rgHeader a {
    border: none !important;
}

.rg-events th.rgHeader:last-child {
    border-right: none !important;
}

.rg-events th.rgHeader.no-right-border {
    border-right: 0 !important;
}

.rg-events .rgRow, .rg-events .rgAltRow, .tbl-enrollment tbody tr {
    background-color: white !important;
}

.tbl-enrollment {
    border-spacing: 0 !important;
}

table.tbl-enrollment thead {
    border: none !important;
}

table.tbl-enrollment.mbm {
    margin-bottom: 10px !important;
}

table.tbl-enrollment thead tr th {
    font-weight: 400;
    border-bottom: 1px solid #dedede !important;
    padding: 10px !important;
}

.rg-events .rgRow > td, .rg-events .rgAltRow > td, .tbl-enrollment tbody tr td, .rg-events tr.MyRowClassBackground td {
    border-width: 0 !important;
    border-bottom: 1px solid #dedede !important;
    padding: 10px !important;
    background-color: white !important;
}

    .rg-events .rgRow > td.pz, .rg-events .rgAltRow > td.pz {
        padding: 0 !important;
    }

.rg-events tr:last-child > td {
    border-bottom-width: 0px !important;
}

.rg-events.rg-order-history table tr td {
    padding-left: 7px !important;
    padding-right: 7px !important;
}

.rg-events.rg-order-history td .lnk-paid {
    color: var(--sms-default-black) !important;
    cursor: default !important;
}

    .rg-events.rg-order-history td .lnk-paid:hover {
        color: var(--sms-default-black) !important;
    }

.tbl-event-view.tbl-enrollment {
    border-collapse: collapse;
}

    .tbl-event-view.tbl-enrollment tbody tr {
        border-top: 1px solid #dedede !important;
    }

        .tbl-event-view.tbl-enrollment tbody tr td.td-value, .tbl-event-view.tbl-enrollment tbody tr td.td-reg {
            border-bottom: none !important;
        }

        .tbl-event-view.tbl-enrollment tbody tr.tr-expand {
            border: none !important;
        }
/********************Admin************************/
.div-instructor i, .div-search i {
    display: block;
    line-height: 20px;
    left: 3px;
    color: #aaa;
    top: 5px;
}

.div-tabs .div-instructor input[type=text], .div-search input[type=text] {
    height: 30px !important;
    text-indent: 20px;
    width: 250px !important;
    padding-top: 0;
    padding-bottom: 0;
    float: left;
    line-height: 30px;
}

    .div-search input[type=text]:focus {
        border-color: #ccc !important;
    }

.rts-pink-tab li.rtsLI, .rts-blue-tab li.rtsLI, .rts-green-tab li.rtsLI {
    background-color: var(--sms-default-blue) !important;
    width: auto;
    cursor: default !important;
}

.rts-instructor .rtsLevel1 .rtsUL {
    border-bottom-width: 0 !important;
}

.rts-instructor li.rtsLI .rtsLink:hover {
    border-color: transparent;
}

.rts-instructor li.rtsLI span.lblTabText, span.lblTabText {
    color: #fff;
    font-size: 12px;
    margin: 0px 5px 1px 5px !important;
    cursor: default;
    background-color: transparent;
}

.rts-instructor li.rtsLI .rtsLink:hover span.lblTabText, .rts-instructor div.rtsIn:hover span.lblTabText {
    cursor: pointer !important;
    background-color: transparent !important;
}

.rts-instructor .lnkRemove, .lnkRemove {
    background-image: url('../_images/img-cancel-white.png');
    background-size: 10px;
    float: right;
    background-repeat: no-repeat;
    font-size: 20px;
    height: 18px;
    width: 18px;
    background-position: center;
    cursor: pointer;
}

.rts-instructor li.rtsLI i {
    color: #fff;
    font-size: var(--sms-default-font);
    font-weight: bold;
    vertical-align: text-top;
}

.div-outer-instructor .RadGrid .rgPager .rgAdvPart {
    display: none;
}
/*****************Event Dashboard**********************/
.rg-dashboard {
    border: none !important;
}

    .rg-dashboard table {
        margin: 0px !important;
        border: solid 1px #dedede !important;
        border-top: none !important;
    }

        .rg-dashboard table.rcTable {
            border: none !important;
        }

    .rg-dashboard .rgHeader {
        background-color: #fff !important;
        border-top: solid 1px #dedede !important;
    }

        .rg-dashboard .rgHeader a, .rg-dashboard .rgHeader {
            font-weight: 400;
            font-size: var(--sms-default-font);
            color: var(--sms-default-black) !important;
        }

            .rg-dashboard .rgHeader:nth-child(4) {
                border-left: 1px solid #dedede !important;
            }

    .rg-dashboard .rgRow > td, .rg-dashboard .rgAltRow > td {
        border-width: 0 0 1px 0 !important;
        background-color: #FFFFFF !important;
    }

    .rg-dashboard .rgAltRow {
        background-color: transparent !important;
    }

        .rg-dashboard .rgRow > td *, .rg-dashboard .rgAltRow > td * {
            color: var(--sms-default-black);
            font-size: var(--sms-default-font);
        }

        .rg-dashboard .rgRow > td .lbl-date, .rg-dashboard .rgAltRow > td .lbl-date {
            font-weight: 600;
            color: var(--sms-default-black) !important;
            font-size: var(--sms-default-font);
        }

    .rg-dashboard.RadGrid_Bootstrap .rgHeader.th-left-border-none {
        border-left: none !important;
    }

.lbl-time {
    font-size: var(--sms-default-font);
}

.rg-dashboard .rgRow > td .chkbutton input + label i, .rg-dashboard .rgAltRow > td .chkbutton input + label i {
    color: #d7d7d7;
    font-size: 22px;
}

.rg-dashboard .rgRow > td .chkbutton input:checked + label i, .rg-dashboard .rgAltRow > td .chkbutton input:checked + label i,
.rg-dashboard .rgRow > td .chkbutton input:hover + label i, .rg-dashboard .rgAltRow > td .chkbutton input:hover + label i {
    color: var(--sms-default-blue);
    font-size: 22px;
    font-family: 'Material Icons' !important;
}

.rg-dashboard .rgRow > td a, .rg-dashboard .rgAltRow > td a {
    color: var(--sms-default-blue) !important;
}

    .rg-dashboard .rgRow > td a.lnk-grid-underline, .rg-dashboard .rgAltRow > td a.lnk-grid-underline {
        color: var(--sms-default-black) !important;
        text-decoration: underline !important;
    }

        .rg-dashboard .rgRow > td a.lnk-grid-underline:hover, .rg-dashboard .rgAltRow > td a.lnk-grid-underline:hover {
            color: var(--sms-default-blue) !important;
        }

.rg-dashboard.RadGrid .rgPagerCell {
    border-top: 0 !important;
}

span.EventTypeSingle {
    background-color: var(--sms-default-blue) !important;
    color: #fff !important;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 10px;
    white-space: normal;
    text-align: left;
    display: inline-block;
}

span.EventTypeSeries {
    background-color: var(--sms-default-blue) !important;
    color: #fff !important;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 10px;
    white-space: normal;
    text-align: left;
    display: inline-block;
}

span.EventTypeParty {
    background-color: var(--sms-default-blue) !important;
    color: #fff !important;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 10px;
    white-space: normal;
    text-align: left;
    display: inline-block;
}

.btn-reminder, .btn-reminder:hover {
    height: 20px !important;
    line-height: 19px !important;
    font-size: 12px !important;
}

span.EventTypeDefault {
    background-color: var(--sms-default-blue) !important;
    color: #fff !important;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 10px;
    white-space: normal;
    text-align: left;
    display: inline-block;
}

.rw-default.rw-long-notes .RadInput_Bootstrap .riTextBox.riEmpty, .rw-default.rw-long-notes .RadInputFocused, .rw-default.rw-long-notes .riFocused, .rw-default.rw-long-notes .RadInputHovered, .rw-default.rw-long-notes .riHover, .rw-default.rw-long-notes .RadInput_Bootstrap.riSingle .riTextBox {
    height: 108px !important;
    line-height: normal !important;
}

.lbl-copy-series-date {
    float: left;
    margin-bottom: 5px;
    font-weight: 700 !important;
    min-width: 250px;
    margin-right: 0px;
}

.lbl-copy-series-time {
    float: left;
    margin-bottom: 5px;
    margin-right: 10px;
    width: 75%;
}
/*--------------Events Dashboard Tab Strip---------------------------*/
.rts-dashboard .rtsLevel1 li.rtsLI {
    width: 135px !important;
    text-align: center;
    margin: 15px 15px 15px 0 !important;
    padding: 3px 0 !important;
}

.rts-dashboard .rtsLevel1 li.rts-past {
    border: solid 1px var(--sms-default-blue) !important;
}

    .rts-dashboard .rtsLevel1 li.rts-past .rtsTxt {
        color: var(--sms-default-blue);
    }

    .rts-dashboard .rtsLevel1 li.rts-past:hover, .rts-dashboard .rtsLevel1 li.rts-past.rtsSelected {
        background-color: var(--sms-default-blue);
        border-color: var(--sms-default-blue) !important;
    }

.rts-dashboard .rtsLevel1 li.rts-upcoming {
    border: solid 1px var(--sms-default-blue) !important;
}

    .rts-dashboard .rtsLevel1 li.rts-upcoming .rtsTxt {
        color: var(--sms-default-blue);
    }

    .rts-dashboard .rtsLevel1 li.rts-upcoming:hover .rtsTxt, .rts-dashboard .rtsLevel1 li.rts-upcoming.rtsSelected .rtsText {
        color: #fff;
    }

    .rts-dashboard .rtsLevel1 li.rts-upcoming:hover, .rts-dashboard .rtsLevel1 li.rts-upcoming.rtsSelected {
        background-color: var(--sms-default-blue);
        border-color: var(--sms-default-blue) !important;
    }

.rts-dashboard .rtsLevel1 li.rts-past:hover .rtsTxt, .rts-dashboard .rtsLevel1 li.rts-past.rtsSelected .rtsText {
    color: #fff;
}

.rts-dashboard .rtsLevel1 li.rts-all {
    border: solid 1px var(--sms-default-blue) !important;
}

    .rts-dashboard .rtsLevel1 li.rts-all .rtsTxt {
        color: var(--sms-default-blue);
    }

    .rts-dashboard .rtsLevel1 li.rts-all:hover .rtsTxt, .rts-dashboard .rtsLevel1 li.rts-all.rtsSelected .rtsText {
        color: #fff;
    }

    .rts-dashboard .rtsLevel1 li.rts-all:hover, .rts-dashboard .rtsLevel1 li.rts-all.rtsSelected {
        background-color: var(--sms-default-blue);
        border-color: var(--sms-default-blue) !important;
    }

.RadTabStrip_Bootstrap.rtsDisabled.rtsTop .rtsLevel1 .rtsSelected .rtsLink, .RadTabStrip_Bootstrap.rtsDisabled.rtsTop .rtsLevel1 .rtsLink {
    cursor: default !important;
}

.rts-dashboard {
    width: auto !important;
    float: left;
}

.rblAttendance.RadRadioButtonList .RadButton .rbText {
    padding-left: 0 !important;
}
/*----------Modal Design Dashboard ------*/
.div-default-model {
    padding-bottom: 15px;
}

    .div-default-model span.lbl-event-title {
        font-size: 16px;
        font-weight: 400;
        float: left;
    }

    .div-default-model span {
        font-size: var(--sms-default-font);
        font-weight: 400;
    }

    .div-default-model i span {
        font-style: italic;
        font-size: 12px;
        line-height: 21px;
        display: inline-block;
    }

    .div-default-model p {
        margin-bottom: 10px !important;
    }

    .div-default-model .RadInput_Bootstrap .riTextBox.riEmpty {
        font-style: normal !important;
    }

    .div-default-model .RadPicker_Bootstrap .rcCalPopup:hover {
        background-color: #fff !important
    }

.div-default-header a {
    font-size: var(--sms-default-font);
    color: var(--sms-default-blue) !important;
    font-weight: 500 !important;
}

.div-default-header .lbl-default-title {
    color: var(--sms-default-blue) !important;
    font-weight: 500;
}

.div-event-prices span {
    width: 50%;
    display: inline-block;
    margin-bottom: 10px;
}

    .div-event-prices span:nth-child(2n+1) {
        width: 30%;
    }

.div-event-price span:nth-child(even) {
    font-size: 12px !important;
}

.ui-dialog .ui-dialog-title {
    font-size: 16px !important;
    background-color: transparent;
    font-weight: 400 !important;
}

.ui-draggable .ui-dialog-titlebar {
    background-color: transparent !important;
    border: none !important;
}

.medium-4.custom-width, .small-4.custom-width {
    width: 32% !important;
}

.medium-6.custom-width, .small-6.custom-width {
    width: 47% !important;
}

.div-default-line {
    float: left;
    background-color: var(--sms-default-black);
    height: 20px !important;
    width: 1px;
    margin: 5px 0 0 0;
}

.lbl-event-address {
    font-weight: 400 !important;
    line-height: 16px !important;
    float: left !important;
    width: 100% !important;
}

.div-class-series span {
    font-style: normal;
    font-size: 15px;
    margin-top: 5px;
    float: left;
    margin-right: 5px;
    width: 100%;
}

.semibold span {
    font-weight: 600;
}
/*--------------Events Dashboard Button------------------*/
.lnk-dashboard, .lnk-dashboard:hover {
    font-weight: 600;
    font-style: normal;
    font-size: 13px;
    color: var(--sms-default-black);
    line-height: 31px;
    margin-top: 15px;
}

    .lnk-dashboard:hover {
        color: rgb(51,51,51);
        text-decoration: underline;
        cursor: pointer;
    }

.lnk-grid-dashboard, .lnk-date-dashboard {
    width: 40px;
    height: 25px;
    border: 1px solid #3c3d41;
    text-align: center;
    border-radius: 21px;
    color: #3c3d41 !important;
}

.lnk-selected-grid-dashboard, .lnk-selected-date-dashboard {
    width: 40px;
    height: 25px;
    text-align: center;
    border-radius: 21px;
    border: 1px solid var(--sms-default-blue);
    color: var(--sms-default-blue) !important;
    background-color: #F3F8FE !important;
}

.lnk-grid-dashboard:hover, .lnk-date-dashboard:hover {
    background-color: #0073e60c;
}

.lnk-grid-dashboard .material-icons, .lnk-selected-grid-dashboard .material-icons {
    font-weight: 600 !important;
}

.lnk-grid-dashboard .material-icons, .lnk-date-dashboard .material-icons {
    color: #3c3d41 !important;
}

.lnk-grid-dashboard .material-icons, .lnk-date-dashboard .material-icons, .lnk-selected-grid-dashboard .material-icons, .lnk-selected-date-dashboard .material-icons {
    font-size: 18px !important;
    margin-top: 4px !important;
}

.lbl-eventtype {
    font-weight: 400;
    font-style: italic;
    font-size: 12px !important;
    color: #aaaaaa !important;
    float: left;
    width: 100%;
    line-height: 12px;
    margin-top: 3px !important;
}

.rcb-filter {
    height: 20px;
}
/*****************Customer Dashboard*************************/
.div-attendee span:last-child {
    float: right;
}

.rg-dashboard .rgRow > td .lnk-customer, .rg-dashboard .rgAltRow > td .lnk-customer, .rg-events a.lnk-customer {
    font-size: var(--sms-default-font);
    color: var(--sms-default-black) !important;
    text-decoration: underline !important;
}

    .rg-dashboard .rgRow > td .lnk-customer:hover, .rg-dashboard .rgAltRow > td .lnk-customer:hover, .rg-events a.lnk-customer:hover {
        text-decoration: underline !important;
    }

.lnk-products-event:hover {
    text-decoration: underline !important;
}

.lnk-products-event.lnk-inactive-product, .lnk-products-event.lnk-inactive-product:hover {
    text-decoration: none !important;
    color: var(--sms-default-blue) !important;
}

.rg-events a.lnk-gift:hover {
    color: var(--sms-default-blue) !important;
}

.div-customer-view a {
    font-size: var(--sms-default-font);
    color: var(--sms-default-blue) !important;
    text-decoration: underline !important;
}

    .outer-lbl-event:hover > .lbl-event-location.no-decoration, .div-customer-view a.no-decoration {
        text-decoration: none !important;
    }

.div-customer-view span {
    font-size: var(--sms-default-font);
}

.div-customer-view .div-repeater span {
    font-size: var(--sms-default-font);
    margin-bottom: 5px;
}

.div-customer-view .div-repeater .medium-6 span.lbl-item-name {
    width: 100%;
    border-top: solid 1px #CCCCCC;
    margin-top: -1px;
    padding-top: 10px;
}

.div-customer-view p {
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 5px;
}

.div-repeater {
    border: solid 1px #D7D7D7;
    border-radius: 5px;
    margin-top: 10px !important;
    display: flex !important;
}

.div-repeater-new-account {
    margin: 0 !important;
    border-radius: 0 !important;
}

    .div-repeater-new-account:first-child {
        border-top-left-radius: 3px !important;
        border-top-right-radius: 3px !important;
    }

    .div-repeater-new-account:last-child {
        border-bottom-left-radius: 3px !important;
        border-bottom-right-radius: 3px !important;
    }

.div-customer-view label {
    font-size: var(--sms-default-font) !important;
    line-height: 25px;
}

.div-brd-customer {
    border-right: 1px solid #D7D7D7;
}

.lnk-add i {
    font-size: 34px;
    width: 34px;
    height: 30px;
    color: var(--sms-default-black) !important;
}

.lnk-add:hover i {
    width: 34px;
    height: 30px;
    color: var(--sms-default-blue) !important;
}

.dd-filter.RadComboBoxDropDown_Bootstrap .rcbList .rcbItem input[type="checkbox"],
.dd-filter.RadComboBoxDropDown_Bootstrap .rcbList .rcbHovered input[type="checkbox"] {
    margin-top: 0 !important;
    margin-right: 5px !important;
}

.dd-filter.RadComboBoxDropDown_Bootstrap .rcbItem, .dd-filter.RadComboBoxDropDown_Bootstrap .rcbHovered {
    padding: 3px 12px 3px 5px !important;
}

.dd-party.RadComboBoxDropDown_Bootstrap .rcbScroll {
    min-height: 70px !important;
}

.div-search-filter {
    position: relative;
    float: right;
    min-width: 220px;
    margin: 10px 20px 0 0;
}

    .div-search-filter a {
        position: absolute;
        left: 10px;
        top: 10px;
    }

    .div-search-filter input[type="text"] {
        padding-left: 40px;
    }
/*Telerik Footer override for all over the application*/
.RadGrid .t-font-icon, .RadTreeList .t-font-icon, .RadCalendar .t-font-icon {
    background-color: transparent !important;
}

.RadGrid_Bootstrap .rgPagerCell, .RadGrid_Bootstrap table tfoot, .RadGrid_Bootstrap .rgPagerCell .rgNumPart a:hover, .RadGrid_Bootstrap .rgPagerCell .rgPagerButton:hover, .RadGrid_Bootstrap .rgPagerCell .rgActionButton:hover {
    background-color: transparent !important;
}

    .RadGrid_Bootstrap .rgPagerCell .rcbExpanded, .RadGrid_Bootstrap .rgPagerCell .rcbHovered, .RadGrid_Bootstrap .rgPagerCell .rcbFocused {
        background-color: transparent !important;
        box-shadow: none !important;
        border: solid 1px #ccc !important;
    }

.RadGrid_Bootstrap tr.rgPager .rgPageFirst, .RadGrid_Bootstrap tr.rgPager .rgPageLast {
    display: none !important;
}

.RadGrid_Bootstrap .rgPagerCell .NextPrevAndNumeric {
    line-height: 30px !important;
    text-align: right;
}

.RadGrid_Bootstrap tr.rgPager .rgPagePrev {
    background-image: url(../_images/img-arrow-left.png) !important;
    background-repeat: no-repeat !important;
    background-size: 17px 9px !important;
    background-position: center !important;
    border: none !important;
    padding: 1px !important;
}

.RadGrid_Bootstrap tr.rgPager .rgPageNext {
    background-image: url(../_images/img-arrow-right.png) !important;
    background-repeat: no-repeat !important;
    background-size: 17px 9px !important;
    background-position: center !important;
    border: none !important;
    padding: 1px !important;
}

.RadGrid .rgPagerCell {
    padding: 8px 4px 4px 4px !important;
}

    .RadGrid .rgPagerCell .rgPagePrev .rgIcon:before, .RadGrid .rgPagerCell .rgPageNext .rgIcon:before {
        content: none !important;
    }

.RadGrid_Bootstrap .rgPagerCell .rgNumPart a {
    height: 32px !important;
    line-height: 32px !important;
    border: none !important;
    color: var(--sms-default-black) !important;
    background-color: transparent !important;
    font-size: var(--sms-default-font) !important;
    font-weight: 400 !important;
}

.RadGrid_Bootstrap .rgPagerCell .rgActionButton {
    width: 25px !important;
    height: 32px !important;
    line-height: 32px !important;
}

.rgPagerCell input[type=text] {
    height: 20px !important;
    line-height: 20px !important;
}

.rg-infinite .rgPagerCell input[type=text] {
    height: 34px !important;
    line-height: 34px !important;
}

.rg-infinite.RadGrid_Bootstrap .rgHeader {
    border-bottom: none !important;
}

.rg-infinite .rgHeaderDiv {
    margin-right: 0px !important;
    border-left: 1px solid #dedede !important;
}

.rg-infinite.rg-dashboard .rgRow > td:nth-child(2), .rg-infinite.rg-dashboard .rgAltRow > td:nth-child(2) {
    border-left: 1px solid #dedede !important;
}

.rg-infinite.RadGrid_Bootstrap .rgAltRow > td {
    background-color: #fff !important;
}

.rg-infinite.rg-dashboard table.rgClipCells {
    border: none !important;
}

.rg-infinite.RadGrid .rgPagerCell .rgNumPart a:hover {
    border: none !important;
}

.rg-infinite.RadGrid_Bootstrap .rgPagerCell .rgNumPart span {
    padding: 0px !important;
}

.rg-infinite.RadGrid_Bootstrap .rgPagerCell .rgPageFirst:hover, .rg-infinite.RadGrid_Bootstrap .rgPagerCell .rgPagePrev:hover, .rg-infinite.RadGrid_Bootstrap .rgPagerCell .rgPageNext:hover, .rg-infinite.RadGrid_Bootstrap .rgPagerCell .rgPageLast:hover, .rg-infinite.RadGrid_Bootstrap .rgPagerCell .rgPagerButton:hover, .rg-infinite.RadGrid_Bootstrap .rgPagerCell .rgNumPart a:hover {
    background-color: #fff !important;
}

.rg-infinite.rg-order-infinite.rg-dashboard td.rgPagerCell {
    border: 1px solid #dedede !important;
}

.rg-infinite.rg-order-infinite.rg-dashboard.RadGrid .rgPagerCell .NextPrevNumericAndAdvanced .rgAdvPart {
    padding: 0 51px !important;
}

.rg-order-infinite .RadInput .riTextBox {
    padding: 0px !important;
    text-align: center !important;
}

.RadGrid_Bootstrap .rgPagerCell .rgArrPart1, .RadGrid_Bootstrap .rgPagerCell .rgArrPart2 {
    font-size: var(--sms-default-font) !important;
}

.RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {
    color: #337ab7 !important;
}

.RadGrid .rgPagerCell .rgNumPart a {
    padding: 2px 2px !important;
}

.RadComboBox .rcbActionButton .p-icon {
    background-repeat: no-repeat !important;
    background-image: url('../_images/img-sort-down.png');
    background-position: center center !important;
    background-size: 9px !important;
    background-position-y: 7px !important;
}

.RadGrid .rgPagerCell .p-i-arrow-60-down::before, .rcbActionButton .p-i-arrow-60-down::before {
    content: "" !important;
}

.rg-dashboard .rgRow > td a.row-blue, .rg-dashboard .rgAltRow > td a.row-blue, .lbl-blue-title, .md-blue {
    color: var(--sms-default-blue) !important;
    font-size: var(--sms-default-font) !important;
    font-weight: 600;
}

.rg-dashboard .rgRow > td a.row-green, .rg-dashboard .rgAltRow > td a.row-green, .lbl-green-title, .md-green {
    color: var(--sms-default-blue) !important;
    font-size: var(--sms-default-font) !important;
    font-weight: 600;
}

    .md-green.material-icons {
        font-size: 24px !important;
    }

.RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {
    font-weight: 600 !important;
    font-size: var(--sms-default-font) !important;
    color: var(--sms-default-blue) !important;
}

.RadGrid .rgPagerCell .rgNumPart a {
    border: solid 1px #fff !important;
    border-radius: 2px !important;
}

    .RadGrid .rgPagerCell .rgNumPart a:hover {
        border: solid 1px var(--sms-default-black) !important;
        border-radius: 2px !important;
    }

.RadGrid_Bootstrap .rgAltRow .rgSorted, .RadGrid_Bootstrap .rgRow .rgSorted {
    background-color: transparent;
}

.rts-events-scheduler.RadScheduler_Bootstrap .rsHeader {
    z-index: 1;
}

    .rts-events-scheduler.RadScheduler_Bootstrap .rsHeader .rsPrevDay,
    .rts-events-scheduler.RadScheduler_Bootstrap .rsHeader .rsPrevDay:hover {
        background-position: -9px -112px;
        padding: 0 12px;
        height: 28px;
        width: auto;
        background-color: transparent;
    }

    .rts-events-scheduler.RadScheduler_Bootstrap .rsHeader .rsNextDay:hover,
    .rts-events-scheduler.RadScheduler_Bootstrap .rsHeader .rsNextDay {
        background-position: -9px -161px;
        padding: 0 12px;
        height: 28px;
    }
/****************************Event Scheduler****************************/
.rts-events-scheduler {
    height: auto !important;
}

    .rts-events-scheduler .rsContent {
        border: none !important;
        height: auto !important;
    }

    .rts-events-scheduler .rsContentScrollArea {
        overflow-y: hidden !important;
        height: auto !important;
    }

.rts-color .rsMonthView .e-single, .rts-color .rsDayView .e-single, .rts-color.RadScheduler_Bootstrap .e-single .rsAptContent {
    background-color: #E6F6F3 !important;
}

    .rts-color .rsMonthView .e-single:hover, .rts-color .rsDayView .e-single:hover, .rts-color.RadScheduler_Bootstrap .e-single:hover .rsAptContent {
        background-color: #83D1C4 !important;
    }

.rts-color .rsMonthView .e-class, .rts-color .rsDayView .e-class, .rts-color.RadScheduler_Bootstrap .e-class .rsAptContent {
    background-color: #E4DCE5 !important;
}

    .rts-color .rsMonthView .e-class:hover, .rts-color .rsDayView .e-class:hover, .rts-color.RadScheduler_Bootstrap .e-class:hover .rsAptContent {
        background-color: #78517C !important;
    }

.rts-color .rsMonthView .e-party, .rts-color .rsDayView .e-party, .rts-color.RadScheduler_Bootstrap .e-party .rsAptContent {
    background-color: #FCE4DC !important;
}

    .rts-color .rsMonthView .e-party:hover, .rts-color .rsDayView .e-party:hover, .rts-color.RadScheduler_Bootstrap .e-party:hover .rsAptContent {
        background-color: rgba(241, 121, 80, 1) !important;
    }

.rts-events-dashboard .rsMonthView .e-single, .rts-events-dashboard .rsDayView .e-single {
    background-color: #CCDAFC !important;
}

    .rts-events-dashboard .rsDayView .e-single .rsAptOut {
        border-left: solid 4px var(--sms-default-blue) !important;
    }

.rts-events-dashboard .rsMonthView .e-class, .rts-events-dashboard .rsDayView .e-class {
    background-color: #CCDAFC !important;
}

    .rts-events-dashboard .rsDayView .e-class .rsAptOut {
        border-left: solid 4px var(--sms-default-blue) !important;
    }

.rts-events-dashboard .rsMonthView .e-party, .rts-events-dashboard .rsDayView .e-party {
    background-color: #CCDAFC !important;
}

    .rts-events-dashboard .rsDayView .e-party .rsAptOut {
        border-left: solid 4px var(--sms-default-blue) !important;
    }

.rts-events-dashboard .rsMonthView .e-single:hover, .rts-events-dashboard .rsDayView .e-single:hover {
    background-color: var(--sms-default-blue) !important;
    cursor: pointer !important;
}

.rts-events-dashboard .rsMonthView .e-class:hover, .rts-events-dashboard .rsDayView .e-class:hover {
    background-color: var(--sms-default-blue) !important;
    cursor: pointer !important;
}

.rts-events-dashboard .rsMonthView .e-party:hover, .rts-events-dashboard .rsDayView .e-party:hover {
    background-color: var(--sms-default-blue) !important;
    cursor: pointer !important;
}

    .rts-events-dashboard .rsMonthView .e-single:hover span, .rts-events-dashboard .rsMonthView .e-class:hover span, .rts-events-dashboard .rsMonthView .e-party:hover span, .rts-events-dashboard .rsDayView .e-single:hover span, .rts-events-dashboard .rsDayView .e-class:hover span, .rts-events-dashboard .rsDayView .e-party:hover span {
        color: white !important;
    }

.rts-events-dashboard .rsAptContent {
    background-color: transparent !important;
    border-width: 0 !important;
    padding: 5px 2px !important;
}

.rts-events-dashboard.RadScheduler .rsAptContent span {
    font-size: var(--sms-default-font) !important;
}

.rts-events-dashboard.RadScheduler .rsHeader, .rts-hide-delete.RadScheduler .rsHeader {
    z-index: 8 !important;
}

.rts-hide-delete.RadScheduler .rsContentTable td.rsNonWorkHour .rsWrap {
    z-index: 19 !important;
}

.rts-events-scheduler.RadScheduler .rsInnerFix {
    margin-right: 0px !important;
}

.rts-events-scheduler .rsContentTable td {
    background-color: white !important;
    position: relative !important;
}

.rts-events-scheduler .rsContentTable .rsDateWrap {
    position: absolute;
    bottom: 0px;
    width: 50%;
    right: 0px;
    height: 20px !important;
}

    .rts-events-scheduler .rsContentTable .rsDateWrap .rsDateBox {
        right: 5px;
        position: absolute;
        font-size: var(--sms-default-font) !important;
        color: var(--sms-default-black) !important;
    }

.rts-events-scheduler .rsHeader, .rts-events-scheduler .rsTopWrap {
    border-width: 0 !important;
    background-color: white !important;
}

.rts-events-scheduler .rsHorizontalHeaderTable th {
    border-color: #d7d7d7 !important;
    background-color: white !important;
}

    .rts-events-scheduler .rsHorizontalHeaderTable th div {
        font-weight: 400 !important;
        font-size: 16px !important;
        color: var(--sms-default-black) !important;
        text-transform: uppercase !important;
    }

.rts-events-scheduler th:last-child, .rts-events-scheduler td:last-child {
    border-right: none !important;
}

.rts-events-scheduler tr.rsLastRow td {
    border-bottom: none !important;
}

.rts-events-scheduler .rsContentTable td {
    border-color: #d7d7d7 !important;
    border-bottom-style: solid !important;
}

.rts-events-scheduler .rsHorizontalHeaderWrapper, .rts-events-scheduler table tbody tr:nth-child(2n) {
    background-color: transparent !important;
}

.div-calender-view .lnk-months {
    transform: rotate(90deg) !important;
    font-size: 25px;
}

.div-calender-view .lbl-months {
    vertical-align: top;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    color: #555555;
    line-height: 25px;
}

.lnk-clear {
    color: var(--sms-default-black) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
    display: inline-block;
}

    .lnk-clear:hover {
        text-decoration: underline !important;
        color: var(--sms-default-blue) !important;
        cursor: pointer;
    }

.lnk-reset {
    font-size: 15px !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
    display: inline-block;
    color: #aaaaaa !important;
}

    .lnk-reset:hover {
        color: var(--sms-default-blue) !important;
        text-decoration: underline !important;
        cursor: pointer;
    }

.rbcRepeatOn.RadComboBox .rcbInput {
    height: 38px !important;
}
/***************************Conditional buttons***************************/
.row-blue, .lbl-blue-title, .md-blue {
    color: var(--sms-default-blue) !important;
}

.row-green, .lbl-green-title, .md-green {
    color: var(--sms-default-blue) !important;
}

.rg-dashboard .rgRow > td input, .rg-dashboard .rgAltRow > td input,
.rg-events .rgRow > td input, .rg-events .rgAltRow > td input {
    background-color: #fff;
    border: solid 1px var(--sms-default-blue);
    border-radius: 3px;
    width: 45%;
    color: var(--sms-default-blue);
    height: 30px;
    cursor: pointer;
    font-size: 13px;
}

.rg-events .rgRow > td .div-search input.txt-search.text {
    cursor: text !important;
}

.rg-dashboard .rgRow > td input:hover, .rg-dashboard .rgAltRow > td input:hover,
.rg-events .rgRow > td input:hover, .rg-events .rgAltRow > td input:hover {
    background-color: var(--sms-default-blue);
    color: #fff;
    border: solid 1px var(--sms-default-blue);
    border-radius: 3px;
    width: 45%;
    height: 30px;
    cursor: auto;
    font-size: 13px;
}
/*----------------Used for Modal Pop Up---------------*/
.rg-events .rgRow > td .lnk-events, .rg-events .rgAltRow > td .lnk-events {
    color: var(--sms-default-black) !important;
    font-weight: 400 !important;
    text-decoration: underline;
}

    .rg-events .rgRow > td .lnk-events:hover, .rg-events .rgAltRow > td .lnk-events:hover {
        text-decoration: underline;
        color: var(--sms-default-blue) !important;
    }

.lbl-default-blue {
    width: 125px !important;
    text-align: center;
    margin: 15px 15px 15px 0 !important;
    background-color: var(--sms-default-blue);
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px !important;
    float: left;
    color: #fff;
}

.RadGrid_Bootstrap .rgEditRow > td {
    background-color: #fff !important;
}

.rg-events .rgRow > td .lnk-bold-events, .rg-events .rgAltRow > td .lnk-bold-events {
    font-weight: 600 !important;
}
/************Admin Section**************/
.div-categories {
    float: left;
    margin-right: 10px;
    background-color: var(--sms-default-blue);
    padding: 5px;
    border-radius: 3px;
}

    .div-categories span.lblTabText {
        font-size: 13px !important;
        line-height: 20px !important;
    }

.div-refund-event {
    width: 370px !important;
}

    .div-refund-event .div-categories label.lblTabText, .div-refund-event .div-categories span.lblTabText {
        font-size: 12px !important;
        color: #fff !important;
        line-height: 20px !important;
    }

    .div-refund-event .lbl-increase-icon {
        color: #fff !important;
        float: left;
        line-height: 19px;
    }

    .div-refund-event div [type="text"] {
        width: 10% !important;
        height: 30px !important;
        border-radius: 4px !important;
        border: 1px solid var(--sms-default-grey) !important;
        float: left;
        margin-right: 5px !important;
        padding: 0.5rem !important;
        text-align: right !important;
        line-height: 16px !important;
    }

    .div-refund-event div .lbl-day {
        float: left;
        font-size: 14px !important;
        line-height: 17px !important;
        margin-right: 4px !important;
    }

        .div-refund-event div .lbl-day.lhs {
            line-height: 20px !important;
        }

    .div-refund-event .rb-secondary-small.RadButton_Bootstrap.rbSkinnedButton,
    .div-refund-event span.rb-secondary-small .rbDecorated,
    .div-refund-event span.RadButton_Bootstrap.rbSkinnedButton.rb-secondary-small .rbDecorated {
        height: 20px !important;
        line-height: 20px !important;
        min-width: 76px !important;
        padding: 0 !important;
        font-size: 14px !important;
        border-radius: 3px !important;
    }

    .div-refund-event span.RadButton_Bootstrap.rbSkinnedButton.rb-secondary .rbDecorated {
        font-size: 14px !important;
        margin-top: -1px !important;
    }
/************View Instructor design**************/
.rts-instructor-alphabet.RadTabStripTop_Bootstrap .rtsLevel1 .rtsLink {
    padding: 10px 8px 10px 8px;
}

.rts-instructor-alphabet.RadTabStrip .rtsLevel1 .rtsTxt {
    font-size: 16px !important;
}

    .rts-instructor-alphabet.RadTabStrip .rtsLevel1 .rtsTxt:hover {
        color: var(--sms-default-blue) !important;
    }

.rts-instructor-alphabet.RadTabStrip_Bootstrap .rtsLevel1 .rtsLink:hover {
    background-color: transparent !important;
    border-color: transparent !important;
}

.rts-instructor-alphabet.RadTabStrip_Bootstrap .rtsDisabled .rtsTxt:hover {
    color: var(--sms-default-black) !important;
}

.div-instructor-view .dataGroup {
    background-color: #fff !important;
    padding: 0px !important;
    margin-bottom: 0px !important;
}

.div-instructor-view .rlvI {
    height: auto !important;
    width: 249px !important;
    min-height: 176px !important;
}

    .div-instructor-view .rlvI .category {
        padding: 10px !important;
    }

        .div-instructor-view .rlvI .category a {
            font-size: var(--sms-default-font) !important;
            color: var(--sms-default-black) !important;
        }

            .div-instructor-view .rlvI .category a:hover {
                color: var(--sms-default-blue) !important;
            }

        .div-instructor-view .rlvI .category span.font-12 {
            font-size: 12px !important;
            color: var(--sms-default-black) !important;
        }

        .div-instructor-view .rlvI .category span {
            font-size: var(--sms-default-font) !important;
            font-weight: 500;
            color: var(--sms-default-blue) !important;
        }

.div-instructor-view .RadProgressBar_Bootstrap.rpbHorizontal {
    height: 5px !important;
    border-radius: 0px !important;
    box-shadow: none !important;
}

    .div-instructor-view .RadProgressBar_Bootstrap .rpbStateSelected, .div-instructor-view.RadProgressBar_Bootstrap.rpbHorizontal .rpbStateSelected {
        background-color: var(--sms-default-blue) !important;
        border-color: var(--sms-default-blue) !important;
    }

.div-instructor-view .RadProgressBar_Bootstrap > .rpbLabelWrapper {
    border: none !important;
}

.div-instructor-view .rlvI .category span.black {
    color: var(--sms-default-black) !important;
}

.div-instructor-view .dataGroup fieldset legend {
    font-size: 22px !important;
    margin: 0px 4px 0px 4px !important;
    font-weight: normal !important;
    border: none !important;
}

.div-instructor-view .dataGroup fieldset {
    padding: 0px !important;
}

.div-edit-token {
    height: 36px;
    line-height: 32px;
    /*width: 100%;*/
    border: 1px solid var(--sms-default-grey) !important;
    border-radius: 5px !important;
    background-color: #FFFFFF;
}

.RadInput_Bootstrap .riTextBox.riEmpty.rt-event-token, .riFocused.rt-event-token, .RadInput_Bootstrap.riSingle .riTextBox.rt-event-token {
    color: var(--sms-default-blue);
    height: 22px !important;
    line-height: 22px !important;
    vertical-align: top;
    font-size: var(--sms-default-font) !important;
    font-style: normal !important;
    position: relative !important;
    border: none !important;
    border-radius: 5px !important;
    background-color: #FFFFFF !important;
    padding: 0 0 0 5px !important;
}

span.rt-event-token.RadButton_Bootstrap.rbSkinnedButton {
    border: none !important;
    background-color: transparent;
    padding: 0 !important;
    height: 25px !important;
}

    span.rt-event-token.RadButton_Bootstrap.rbSkinnedButton:hover {
        background-color: transparent !important;
    }

    span.rt-event-token.RadButton_Bootstrap.rbSkinnedButton:active {
        box-shadow: none !important;
    }

#ctl00_ContentPlaceHolder3_ctl00_ContentPlaceHolder3_LocationAndHours_rdbtnSaveZipCodesPanel {
    display: inline !important;
}

span.rt-event-token.rt-location-cancel.RadButton_Bootstrap.rbSkinnedButton {
    position: absolute;
    right: 40px;
}

span.rt-event-token.rt-location-ok.RadButton_Bootstrap.rbSkinnedButton {
    position: absolute;
    right: 20px;
}

span.rt-event-token.RadButton_Bootstrap .rbCancel {
    background-image: url('../_images/img-close-grey.png') !important;
    background-size: 8px !important;
    height: 8px !important;
    width: 8px !important;
    background-position: center !important;
    top: 10px !important;
}

span.rt-event-token.RadButton_Bootstrap .rbOk {
    background-image: url('../_images/img-save-grey.png') !important;
    background-size: 10px !important;
    height: 10px !important;
    width: 10px !important;
    background-position: center !important;
    top: 9px !important;
}

span.rt-event-token.RadButton_Bootstrap .rbCancel:hover {
    background-image: url('../_images/img-cross-blue.png') !important;
    background-size: 8px !important;
    height: 8px !important;
    width: 8px !important;
    background-position: center !important;
    top: 10px !important;
}

span.rt-event-token.RadButton_Bootstrap .rbOk:hover {
    background-image: url('../_images/img-update-blue.png') !important;
    background-size: 10px !important;
    height: 10px !important;
    width: 10px !important;
    background-position: center !important;
    top: 9px !important;
}

span.rt-event-token.RadButton_Bootstrap .rbDecorated.rbPrimary {
    padding: 0 0 0 20px !important;
}
/****************Radschedular Instructor****************/
.rs-instructor.RadScheduler .rsDateHeader {
    font-weight: 400;
    font-style: normal;
    color: var(--sms-default-black);
    text-align: center;
    font-size: var(--sms-default-font);
    text-transform: uppercase !important;
}

.rs-instructor .rsVerticalHeaderTable tbody, .rts-events-dashboard .rsDayView .rsVerticalHeaderTable tbody {
    background-color: white;
}

.rs-instructor .rsContentTable td, .rts-events-dashboard .rsDayView .rsContentTable td {
    border-color: #F2F2F2 !important;
}

.rs-instructor .rsVerticalHeaderTable div, .rs-instructor .rsVerticalHeaderTable div .rsAmPm, .rts-events-dashboard .rsDayView .rsVerticalHeaderTable div, .rts-events-dashboard .rsDayView .rsVerticalHeaderTable div .rsAmPm {
    font-size: 12px !important;
    color: var(--sms-default-black) !important;
    text-align: right;
    top: 0px !important;
}

.rts-events-dashboard .rsDayView .rsAptContent span {
    font-size: 15px !important;
    font-weight: 500 !important;
}

    .rts-events-dashboard .rsDayView .rsAptContent span:hover {
        text-decoration: underline !important;
    }

.rs-instructor .rsHorizontalHeaderTable th, .rs-instructor .rsContentTable td, .rts-events-dashboard .rsDayView .rsHorizontalHeaderTable th, .rts-events-dashboard .rsDayView .rsContentTable td {
    border-width: 0 0px 1px 0 !important;
}

.rs-instructor.RadScheduler .rsAptSimple .rsAptContent span, .rts-events-dashboard .rsDayView .rsAptSimple .rsAptContent span {
    font-weight: 600;
    font-size: 12px !important;
}

.rs-instructor .rsAptSimple .rsAptContent {
    padding: 4px 5px !important;
}

.rs-instructor .rsHeader ul, .rs-instructor .rsArrowTop, .rts-events-dashboard .rsArrowTop {
    display: none;
}

.rs-instructor .rsVerticalHeaderTable th:last-child, .rts-events-dashboard .rsDayView .rsVerticalHeaderWrapper {
    border-right: solid 1px #d7d7d7 !important;
}

.rts-events-scheduler .rsDayView {
    border-top: solid 1px #d7d7d7 !important;
}

.rts-events-scheduler th:last-child, .rts-events-scheduler td:last-child
.rs-instructor .rs-single-content, .rs-instructor .rs-class-content, .rs-instructor .rs-party-content {
    border: solid 1px white;
    border-radius: 5px;
}

.rts-events-scheduler th:last-child {
    border-radius: 0px;
}

.rs-instructor .rsApt:hover {
    background: var(--sms-default-blue) !important;
    cursor: pointer;
}

    .rs-instructor .rsApt:hover span {
        color: white !important;
    }

.rs-instructor .rs-single-content:hover *, .rs-instructor .rs-class-content:hover * {
    color: white !important;
}

.rs-instructor.RadScheduler .rsHeader a.rsDatePickerActivator, .RadScheduler .rsHeader p em {
    display: none !important;
    width: 0px !important;
}

.rs-instructor.RadScheduler_Bootstrap .rsHeader {
    position: relative;
    border-color: #d7d7d7 !important;
}

.rs-instructor.RadScheduler .rsHeader p {
    width: 30%;
    margin-left: 35% !important;
}

    .rs-instructor.RadScheduler .rsHeader p a:hover {
        background-color: transparent !important;
    }

.rs-instructor.RadScheduler_Bootstrap .rsHeader .rsNextDay {
    float: right !important;
}

.rs-instructor.RadScheduler_Bootstrap .rsHeader h2 {
    padding: 0 !important;
    width: 26%;
    float: left;
    position: relative;
    right: 28%;
    font-weight: 600 !important;
    font-size: var(--sms-default-font) !important;
    color: #555555;
    text-align: center;
}

.rs-instructor.RadScheduler_Bootstrap .rsHeader ul a {
    border-color: var(--sms-default-blue) !important;
    background-color: transparent !important;
    width: 50px !important;
}

    .rs-instructor.RadScheduler_Bootstrap .rsHeader ul a:hover {
        border-color: var(--sms-default-blue) !important;
        background-color: var(--sms-default-blue) !important;
    }

.rs-instructor.RadScheduler_Bootstrap .rsHeader ul span {
    color: var(--sms-default-blue) !important;
}

.rs-instructor.RadScheduler_Bootstrap .rsHeader ul a:hover span {
    color: #fff !important;
}

.rs-instructor.RadScheduler_Bootstrap .rsHeader ul em {
    border-color: var(--sms-default-blue) !important;
    color: #fff !important;
    background-color: var(--sms-default-blue) !important;
    width: 50px !important;
}

.rs-instructor.RadScheduler_Bootstrap .rsHeader .rsNextDay, .rs-instructor.RadScheduler_Bootstrap .rsHeader .rsPrevDay {
    border-color: #fff !important;
}

.rs-instructor.RadScheduler_Bootstrap .rsApt {
    width: auto !important;
    position: relative !important;
    left: unset !important;
    height: auto !important;
    top: 0 !important;
}

.rs-instructor.RadScheduler .rsAptMid, .rs-instructor.RadScheduler .rsAptIn, .rs-instructor.RadScheduler .rsAptContent {
    position: relative !important;
    overflow: visible !important;
}
/************Ajax Buttons**************/
.button-ajax div.RadAjaxPanel {
    display: inline-block !important;
    width: 30%;
    margin-right: 15px;
}

.button-ajax div.HideRadAjaxPanel {
    display: none !important;
    width: 0;
    margin-right: 0;
}

.button-cancel-ajax div.RadAjaxPanel {
    float: left !important;
}

.button-update-ajax, .div-update-ajax div.RadAjaxPanel, .button-update-ajax div {
    display: inline-block !important;
    width: auto;
}
/************Commen Link button images**************/
.lnk-delete {
    width: 34px !important;
    height: 30px !important;
    float: left;
}

    .lnk-delete:hover {
        width: 34px !important;
        height: 30px !important;
        float: left;
        color: var(--sms-default-blue);
    }

.lnk-edit {
    width: 34px !important;
    height: 30px !important;
    float: left;
}

    .lnk-edit:hover {
        color: var(--sms-default-blue);
        width: 34px !important;
        height: 30px !important;
        float: left;
    }

.lnk-close {
    width: 34px !important;
    height: 30px !important;
    float: left;
}

    .lnk-close:hover {
        color: var(--sms-default-blue);
        width: 34px !important;
        height: 30px !important;
        float: left;
    }

.lnk-close-cross {
    width: 34px !important;
    height: 30px !important;
    display: inline-block;
    font-weight: 900 !important;
}

    .lnk-close-cross:hover {
        color: var(--sms-default-blue);
        width: 34px !important;
        height: 30px !important;
        display: inline-block;
    }
/**********************Payment Success*****************************/
table.chk-payment tbody tr {
    background-color: transparent !important;
}

.chk-payment td {
    padding: 0px;
    margin-bottom: 10px;
    display: flex;
}

.chk-payment input {
    float: left;
    margin: 0px 5px 0 0;
    height: 20px;
}

.chk-payment label {
    float: left;
    margin: 0px;
    padding: 0px;
    line-height: 20px;
    width: 95%;
    text-align: left;
}

.div-subheader {
    background-color: var(--sms-default-blue);
    padding: 20px 30px;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 20px !important;
    position: absolute;
    left: 0px;
    width: 100%;
}

    .div-subheader a {
        color: #ffffff !important;
        font-weight: 600 !important;
        font-style: normal !important;
        font-size: 20px !important;
    }

        .div-subheader a:hover {
            color: #a30014 !important;
            text-decoration: underline;
        }

.rcbPartyAddOns {
    float: left;
    width: 93%;
}
/*For customer sign In page*/
body.div-customerSignIn {
    height: 100%;
    margin: 0;
    background: #AAAAAA;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
/*For Order History Page*/
.div-orderHistory .div-customer-view a {
    font-size: var(--sms-default-font);
    color: var(--sms-default-blue) !important;
}

.div-orderHistory span.lh-normal span {
    float: left;
    line-height: normal;
    margin-top: 15px;
}

.divRegistrationInfo .RadComboBox .rcbInput {
    height: 38px !important;
    line-height: 38px !important;
}

.div-customer-view .rg-dashboard .rgHeader a {
    text-decoration: none !important;
}

.div-customer-view .rg-dashboard .rgHeader:nth-child(4) {
    border-left: 1px solid #dedede !important;
}

.div-customer-familymember span {
    float: left;
    line-height: 25px;
}

.div-customerhistory {
    border: solid 1px rgba(215, 215, 215, 1);
    border-radius: 3px;
    padding: 15px 3%;
}
/*Check Out*/
.divcheckout .slider.selected:before, .spnCustomParty.selected:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}

.divcheckout .slider.selected, .spnCustomParty.selected {
    background-color: var(--sms-default-blue);
    height: 20px;
}

.divcheckout .rgNoRecords {
    display: none;
}

.divcheckout .required-field .StripeElement--empty {
    border: solid 1px red;
}

input[type="text"] {
    background-color: #ffffff !important;
}

.divPartyGuestForm .required span.error {
    height: 20px;
}

.divPartyGuestForm a:hover {
    text-decoration: underline !important;
}

.rbl-payment-type {
    float: left;
    width: 100%;
    margin-bottom: 0 !important;
}

    .rbl-payment-type tbody {
        background-color: #D4E7FA !important;
    }

    .rbl-payment-type tr td {
        background-color: #D4E7FA !important;
        padding: 0 !important;
    }

    .rbl-payment-type input[type='radio'] {
        float: left;
        margin: 0;
        height: 20px;
    }

        .rbl-payment-type input[type='radio'] + label {
            float: left;
            margin: 0 0 0 3px;
            line-height: 21px;
        }

        .rbl-payment-type input[type='radio']:checked + label {
            color: var(--sms-default-blue) !important;
        }

.lbl-info-popup {
    width: 150px;
    height: 50px;
    font-size: 12px;
    font-style: italic;
    color: var(--sms-default-black) !important;
    border: 1px solid rgb(215, 215, 215);
    border-radius: 5px;
    background-color: #fbfbfb !important;
    line-height: 15px;
    text-align: center;
    padding: 2px;
    position: absolute;
    top: 0;
    right: 101%;
    display: none;
}

.info-deposit:hover + .lbl-info-popup {
    display: inline;
}

.div-left-space-checkout {
    padding-left: 11.5% !important;
}

.div-party-deposit .RadGrid_Bootstrap, .div-party-deposit .RadGrid_Bootstrap tr td {
    border: none !important;
    background-color: #D4E7FA;
    padding: 0 !important;
}

.div-order-summary {
    width: 30% !important;
    background-color: #D4E7FA;
    padding: 27px 15px;
    box-shadow: 3px 3px 5px rgb(0 0 0 / 35%);
}

.div-left-seventy {
    width: 70% !important;
    padding-right: 2% !important;
}

    .div-left-seventy .div-white-bg {
        width: 80% !important;
        margin-top: 15px;
    }

    .div-left-seventy .img-small-thumbnail {
        display: inline-block;
        max-width: 80px !important;
    }

.div-left-hundred {
    width: 100% !important;
}

.div-net-pay {
    background-color: #FFFFFF;
    float: left;
    width: 100%;
    margin-top: 10px;
}
/*On page positive relative working*/
.div-PrivatePartyRequestForm .required img.error {
    position: initial;
}

.div-PrivatePartyRequestForm .chk-filter [type="radio"] {
    margin-bottom: 0px;
}

.div-PrivatePartyRequestForm .RadComboBox .rcbInput {
    height: 38px !important;
    line-height: 38px !important;
}

.div-PrivatePartyRequestForminput[type="text"] {
    height: 40px !important;
}

.div-storedashboard .RadComboBox .rcbInput {
    height: 24px !important;
    line-height: 24px !important;
    padding: 0 !important;
}

.divViewDetails .slider.selected:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}

.divViewDetails .slider.selected {
    background-color: var(--sms-default-blue);
    height: 20px;
}
/************Default Window design**************/
.rw-default.RadWindow .rwCorner, .RadWindow .rwFooterCenter {
    display: none !important;
}

.rw-default.RadWindow_Bootstrap td.rwWindowContent {
    padding: 10px 15px 10px 15px !important;
}

.rw-default .RadInput_Bootstrap .riTextBox.riEmpty, .rw-default .RadInputFocused, .rw-default .riFocused, .rw-default .RadInputHovered, .rw-default .riHover, .rw-default .RadInput_Bootstrap.riSingle .riTextBox {
    height: 40px !important;
    line-height: 40px !important;
    font-style: normal !important;
    border-radius: 3px !important;
}

    .rw-default .RadInput_Bootstrap .riTextBox.riEmpty .ri-default, .rw-default .RadInputFocused .ri-default, .rw-default .riFocused .ri-default, .rw-default .RadInputHovered .ri-default, .rw-default .riHover .ri-default, .rw-default .RadInput_Bootstrap.riSingle .riTextBox.ri-default {
        height: 136px !important;
        width: 100% !important;
        float: left !important;
    }

.rw-default .riFocused, .rw-default .RadInputFocused {
    border-color: var(--sms-default-blue) !important;
}

.rbl-default .RadButton.rbRadioButton .rbIcon {
    color: var(--sms-default-black) !important;
    line-height: 40px !important;
}

.rw-fixed {
    position: fixed !important;
    top: 140px !important;
}

.dd-fixed-update {
    position: fixed !important;
    top: 284px !important;
}

.rbl-default .RadRadioButton.RadButton .rbText {
    font-size: var(--sms-default-font) !important;
    color: var(--sms-default-black);
    font-weight: normal;
    padding: 0 !important;
    line-height: 38px;
}

.rbl-default.rbVerticalList .RadButton {
    line-height: 30px !important;
    padding: 0 0 5px 0 !important;
}

.rbl-default-horizontal.rbVerticalList .RadButton {
    float: left;
    width: 45%;
    text-align: left;
}

.rbl-allow-usage .RadRadioButton.RadButton .rbText {
    line-height: 28px !important;
}

.rbl-allow-usage .RadButton.rbRadioButton .rbIcon {
    line-height: 30px !important;
}

.RadComboBox .rcbInput, .rcb-guest.RadComboBox_Bootstrap .rcbReadOnly .rcbInputCell {
    height: 40px !important;
    line-height: 40px !important;
    color: var(--sms-default-black) !important;
    font-size: var(--sms-default-font) !important;
}

.rcb-guest.RadComboBox .rcbInput {
    height: 24px !important;
    line-height: 24px !important;
    color: #fff !important;
    font-size: var(--sms-default-font) !important;
    background-color: var(--sms-default-blue) !important;
    width: auto !important;
    padding-left: 5px !important;
}

.RadComboBoxDropDown .rcbCheckBox {
    top: 0px !important;
}

.rcb-addOns label {
    float: left !important;
}

.ui-button .ui-icon {
    display: none;
}

.ui-button-icon-space::after {
    content: "\E3E7";
    font-family: "Material Icons";
    display: block;
    position: absolute;
    right: 100%;
    font-size: 20px;
    color: rgb(255, 112, 62);
}

.header-login {
    display: table;
    margin: 0 auto 20px;
    width: 100%;
    padding: 15px 0;
    vertical-align: middle;
    border-bottom: 1px solid #D7D7D7;
}

    .header-login label {
        font-size: 20px;
        font-weight: 600;
        color: var(--sms-default-black);
        vertical-align: middle;
        display: inline-block;
        margin-top: 10px !important;
    }

    .header-login span {
        font-size: 16px;
        font-weight: 600;
        color: var(--sms-default-black);
        display: inline-block;
        line-height: 16px;
    }

.div-login {
    display: table;
    margin: 0 auto;
    width: 24%;
}

    .div-login p {
        text-align: center;
        font-size: 20px;
        margin-bottom: 10px;
    }

    .div-login label {
        font-size: 15px;
        font-weight: 400;
        color: var(--sms-default-black);
    }

.lnk-blue-telerik {
    font-size: var(--sms-default-font) !important;
    font-weight: 600 !important;
    color: var(--sms-default-blue) !important;
    text-decoration: underline !important;
    cursor: pointer !important;
}

.lnk-blue-finance.RadButton_Bootstrap.rbButton {
    border: none !important;
}

.lnk-blue-finance.lnk-blue-telerik.RadButton .rbText {
    text-decoration: none !important;
}

.ui-widget-content a.lnk-blue-telerik {
    font-size: var(--sms-default-font) !important;
    font-weight: 600 !important;
    color: var(--sms-default-blue) !important;
    text-decoration: underline !important;
    cursor: pointer !important;
}

.lnk-blue-telerik.RadButton_Bootstrap.rbButton {
    padding: 0 !important;
    border-radius: 0 !important;
    margin-top: 3px !important;
    border: none !important;
}

    .lnk-blue-telerik.RadButton_Bootstrap.rbButton.rbHovered, .lnk-blue-telerik.RadButton_Bootstrap.rbButton.rbSelected {
        background: none !important;
        box-shadow: none !important;
        border: none !important;
    }

.lnk-blue-telerik.RadButton .rbText {
    font-size: var(--sms-default-font) !important;
    font-weight: 400 !important;
    color: var(--sms-default-blue) !important;
    text-decoration: underline !important;
}

.lnk-blue-telerik.font-12.RadButton .rbText {
    font-size: 12px !important;
}

.div-login .RadInput_Bootstrap .riTextBox.riEmpty, .div-login .RadInput_Bootstrap .riTextBox {
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    color: var(--sms-default-black) !important;
}

.div-login-admin, .div-forgot-pwd {
    float: left;
    width: 100%;
    min-height: 430px;
}

    .div-forgot-pwd .error-image {
        background-position: left top !important;
        line-height: 25px !important;
        text-indent: initial !important;
        padding-left: 25px !important;
    }
/**********Admin panel************/
.rg-location table.rgMasterTable {
    position: relative;
}

    .rg-location table.rgMasterTable .rgExpandCol {
        width: 0;
        height: 0;
        padding: 0 !important;
    }

.rg-location th.rgExpandCol, .rg-location td.rgExpandCol {
    border: none !important;
    border-bottom: 1px solid #dedede !important;
}

.rg-location.RadGrid_Bootstrap .rgExpand, .rg-location.RadGrid_Bootstrap .rgCollapse {
    display: none;
}

.rg-location.RadGrid .rgDetailTable {
    border-collapse: collapse !important;
}

.rg-location table.rgMasterTable td {
    background-color: white !important;
}

.rg-location .rgHeader {
    border-left: none !important;
}

.rg-location table tr.rg-pager table {
    border: none !important;
}

.gtv-locationhours thead {
    border: none !important;
}

.rg-location table.rgMasterTable td.rgExpandCol + td:last-child {
    padding: 0px !important;
}

.gtv-locationhours .rgRow, .gtv-locationhours .rgAltRow {
    display: table-cell !important;
    width: 14% !important;
    border: none !important;
}

table.gtv-locationhours {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}

.gtv-locationhours td, .gtv-locationhours .rgHeader {
    background-color: white !important;
    border: none !important;
}

.rg-location th.rgExpandCol, .rg-location td.rgExpandCol {
    border: none !important;
    border-bottom: 1px solid #dedede !important;
}

.rg-events table.gtv-locationhours td {
    border-bottom: none !important;
}

.rg-location table tr:last-child table.gtv-locationhours {
    border-bottom: none !important;
}

.div-tabs-instructor {
    float: left;
    /* position: absolute;
    top: 10px;
    z-index: 10;
    right: 15px;*/
    width: 100%;
}

.rw-hours.RadWindow .rwTitleRow, .rw-hours.RadWindow .rwBodyLeft, .rw-hours.RadWindow .rwBodyRight, .rw-hours.RadWindow .rwFooterLeft, .rw-hours.RadWindow .rwFooterRight {
    display: none !important;
}

.rw-hours.RadWindow_Bootstrap td.rwWindowContent {
    padding: 0px !important;
    border: 1px solid #d7d7d7 !important;
}

.rw-hours.RadWindow_Bootstrap {
    left: 390px !important;
    top: 51px !important;
    width: 800px !important;
}

input[type="text"].txt-hours {
    height: 20px !important;
    padding: 0 3px !important;
}

.rg-upcoming-events table {
    border: none !important;
}

.rg-upcoming-events.RadGrid_Bootstrap tr {
    margin-bottom: 10px;
    display: block;
    border-radius: 5px;
    cursor: pointer !important;
}

    .rg-upcoming-events.RadGrid_Bootstrap tr.rgPager {
        display: table-row;
    }

.rg-upcoming-events.RadGrid .rgPagerCell .rgPagerLabel {
    color: var(--sms-default-black) !important;
    cursor: default;
}

.rg-upcoming-events.RadGrid .rgPagerCell .rgNumPart a {
    text-decoration: none !important;
}

.rg-instructor-list .rgRow > td, .rg-instructor-list .rgAltRow > td {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.rg-dashboard.rg-instructor-list .rgHeader:nth-child(4) {
    border-left: 1px solid #dedede !important;
}

.rg-dashboard.rg-instructor-list .rgHeader:nth-child(4) {
    border-left: 1px solid #dedede !important;
}

.rg-upcoming-events.RadGrid_Bootstrap tr td {
    padding: .5rem .625rem !important;
}

.rg-upcoming-events.RadGrid_Bootstrap tr.rg-event-blue {
    background-color: #E6EFF2 !important;
}

.rg-upcoming-events tr.rg-event-blue td span {
    color: var(--sms-default-blue) !important;
}

.rg-upcoming-events.RadGrid_Bootstrap tr.rg-event-purpule {
    background-color: #E6EFF2 !important;
}

.rg-upcoming-events tr.rg-event-purpule td span {
    color: var(--sms-default-blue) !important;
}

.rg-upcoming-events.RadGrid_Bootstrap tr.rg-event-pink {
    background-color: #E6EFF2 !important;
}

.rg-upcoming-events tr.rg-event-pink td span {
    color: var(--sms-default-blue) !important;
}

.rg-upcoming-events.RadGrid_Bootstrap tr.rg-event-blue:hover, .rg-upcoming-events.RadGrid_Bootstrap tr.rg-event-blue-selected {
    background-color: var(--sms-default-blue) !important;
}

.rg-upcoming-events.RadGrid_Bootstrap tr.rg-event-purpule:hover, .rg-upcoming-events.RadGrid_Bootstrap tr.rg-event-purpule-selected {
    background-color: var(--sms-default-blue) !important;
}

.rg-upcoming-events.RadGrid_Bootstrap tr.rg-event-pink:hover, .rg-upcoming-events.RadGrid_Bootstrap tr.rg-event-pink-selected {
    background-color: var(--sms-default-blue) !important;
}

.rg-upcoming-events tr:hover td span, .rg-upcoming-events tr.rg-event-pink-selected td span, .rg-upcoming-events tr.rg-event-blue-selected td span, .rg-upcoming-events tr.rg-event-purpule-selected td span {
    color: #fff !important;
    background-color: transparent;
}

.rg-upcoming-events.RadGrid_Bootstrap .rgSelectedRow td {
    background: transparent !important;
}

.rg-upcoming-events.RadGrid_Bootstrap .rgPagerCell {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.rg-upcoming-events.RadGrid .rgPagerCell .NextPrevAndNumeric .rgAdvPart {
    padding-right: 2px !important;
}

.rg-upcoming-events.RadGrid .rgPagerCell .rgPagerLabel {
    margin-right: 5px !important;
}

.lnk-date-instructor {
    width: 34px;
    height: 30px;
    width: 28px;
}

.rw-default .RadInput_Bootstrap .riTextBox.riEmpty.rt-default, .rw-default .RadInputFocused.rt-default, .rw-default .riFocused.rt-default, .rw-default .RadInputHovered.rt-default, .rw-default .riHover.rt-default, .rw-default .RadInput_Bootstrap.riSingle .riTextBox.rt-default {
    height: 70px !important;
    line-height: normal !important;
}

table.rbl-default-main tbody td {
    padding: 0 !important;
}

.rbl-default-main [type=radio] {
    margin: 0px !important;
    height: 30px;
    float: left;
}

    .rbl-default-main [type=radio] + label[for] {
        line-height: 30px !important;
        float: left !important;
        font-size: var(--sms-default-font) !important;
        font-weight: 400 !important;
        color: rgb(170, 170, 170) !important;
    }

table.rbl-default-main tbody tr:nth-child(even), table.rbl-default-main tbody {
    background-color: transparent !important;
}

.rg-recurring .rgNoRecords td {
    border: none !important;
}
/*----------------------Admin Event Hours Window--------------------------*/
.rg-event-hours.RadGrid_Bootstrap {
    border: none;
}

    .rg-event-hours.RadGrid_Bootstrap .rgRow > td, .rg-event-hours.RadGrid_Bootstrap .rgAltRow > td, .rg-event-hours.RadGrid_Bootstrap .rgEditRow > td {
        padding: 5px 5px;
        border: none;
        background: none;
    }

    .rg-event-hours.RadGrid_Bootstrap .rgRow [type='text'], .rg-event-hours.RadGrid_Bootstrap .rgAltRow [type='text'], .rg-event-hours.RadGrid_Bootstrap .rgEditForm [type='text'] {
        height: 32px !important;
        line-height: 30px !important;
    }

    .rg-event-hours.RadGrid_Bootstrap .rgAltRow {
        background: none !important;
    }

    .rg-event-hours.RadGrid_Bootstrap th {
        display: none;
    }

    .rg-event-hours.RadGrid_Bootstrap .RadPicker {
        width: 88%;
        float: left;
    }

        .rg-event-hours.RadGrid_Bootstrap .RadPicker .RadInput {
            width: 100%;
            overflow: visible;
        }

        .rg-event-hours.RadGrid_Bootstrap .RadPicker .rcSelect {
            overflow: visible;
            position: relative;
            height: 32px;
            float: left;
            top: 0;
            right: 0;
        }

    .rg-event-hours.RadGrid_Bootstrap tr:first-child.rgRow > td {
        padding-bottom: 35px !important;
    }

.rg-event-hours.RadInput_Bootstrap.RadInputFocused .riTextBox,
.rg-event-hours.RadInput_Bootstrap.RadInputFocused .riContentWrapper, .rg-event-hours.RadPicker_Bootstrap .RadInputFocused, .RadInput_Focused_Bootstrap {
    box-shadow: none;
}

.rg-event-hours.RadGrid_Bootstrap .rgRow [type="text"], .rg-event-hours.RadGrid_Bootstrap .rgAltRow [type="text"], .rg-event-hours.RadGrid_Bootstrap .rgEditForm [type="text"] {
    float: left;
    width: 67%;
    height: 32px !important;
}

.rg-event-hours .RadPicker_Bootstrap .rcTimePopup {
    background-size: 15px !important;
    background-position: 0 10px !important;
}

.rw-default .rg-event-hours .RadInputFocused, .rw-default .rg-event-hours .RadInputHovered {
    height: auto !important;
    line-height: normal !important;
}

.rg-event-hours .RadInput_Bootstrap a, .rg-event-hours .RadInput_Bootstrap.RadInputDisabled a:hover, .rg-event-hours .RadInput_Bootstrap.RadInputDisabled a:active {
    background-color: transparent !important;
}

.rg-event-hours .RadGrid_Bootstrap .rgMasterTable {
    padding-top: 15px;
}

.rg-event-hours .contentDate {
    font-style: italic;
    float: left;
    line-height: 32px;
}

.rg-event-hours .RadRadioButton.RadButton .rbText, .rg-event-hours .RadCheckBox.RadButton .rbText {
    padding: 0px !important;
    font-size: var(--sms-default-font);
    color: var(--sms-default-black);
}

.rg-event-hours .RadButton .rbIcon::before, .rg-event-hours .RadButton_Bootstrap .rbToggleCheckboxChecked {
    color: var(--sms-default-black);
}

.rg-event-hours .lbl-weekday {
    font-size: 15px;
}

.lbl-apply-all {
    float: left;
    position: absolute;
    top: 44px;
    width: 156px;
    left: 8px;
}

    .lbl-apply-all input {
        float: left;
        margin: 0;
        height: 20px;
    }

    .lbl-apply-all [type=checkbox] + label {
        float: left;
        line-height: 20px !important;
    }

.lbl-week-date {
    font-weight: 400;
    padding-right: 5px;
    float: right;
    line-height: 30px;
}

.lnk-close-week {
    position: absolute;
    top: 0px;
    right: 0px;
}

.tbl-week {
    float: left;
    width: 100%;
    margin-bottom: 0 !important;
}

    .tbl-week td {
        width: 45%;
        padding: 0;
    }

        .tbl-week td + td {
            width: 45%;
        }

            .tbl-week td + td + td {
                width: 10%;
            }

.div-week-assignment {
    float: left;
    width: 100%;
    border-bottom: solid 1px #F2F2F2;
    padding-bottom: 3px;
    margin-top: 10px;
    margin-bottom: 3px;
}

    .div-week-assignment span {
        color: var(--sms-default-black);
        font-weight: 400;
        font-style: normal;
        font-size: var(--sms-default-font);
    }

.div-create-user-pwd .RadButton_Bootstrap .rbToggleCheckboxChecked, .div-create-user-pwd .RadButton_Bootstrap .rbToggleCheckboxFilled,
.div-create-user-pwd .RadButton_Bootstrap .rbToggleRadioChecked {
    color: var(--sms-default-blue) !important;
}

.div-create-user-pwd .RadButton.rbCheckBox .rbIcon, .div-create-user-pwd .RadButton.rbToggleButton .rbIcon, .div-create-user-pwd .RadButton.rbRadioButton .rbIcon {
    margin: 0 5px 0 0;
    color: #BBBBBB;
}

.div-create-user-pwd .RadRadioButton.RadButton, .div-create-user-pwd .RadCheckBox.RadButton {
    width: 100%;
    float: left;
    text-align: left;
}

.div-create-user-pwd .RadButton .rbToggleRadioChecked:before {
    height: 19px;
    line-height: 19px;
}

.div-create-user-pwd .RadRadioButton.RadButton .rbText {
    color: var(--sms-default-black);
    padding: 0 0 0 5px;
}

.radio-toolbar {
    float: left;
    margin: 0px;
}

    .radio-toolbar input[type="radio"] {
        opacity: 0;
        position: fixed;
        width: 0;
    }

    .radio-toolbar [type=radio] + label {
        margin-left: 0px;
    }

    .radio-toolbar label {
        display: inline-block;
        background-color: #fff;
        border: 1px solid var(--sms-default-blue);
        border-radius: 4px;
        padding: 0;
        height: 30px;
        line-height: 30px;
        float: left;
        width: 200px;
        text-align: center;
        color: var(--sms-default-blue);
    }

        .radio-toolbar label:hover {
            background-color: var(--sms-default-blue);
            color: #ffffff;
        }

    .radio-toolbar input[type="radio"]:checked + label {
        background-color: var(--sms-default-blue);
        color: #ffffff;
        height: 32px;
        line-height: 30px;
    }

    .radio-toolbar [type=checkbox] + label[for], .radio-toolbar [type=radio] + label[for] {
        height: 32px;
        line-height: 30px;
    }

.hr-createuser {
    margin: 0;
    float: left;
    width: 50%;
    border-bottom: solid 3px var(--sms-default-blue) !important;
}

.div-dob .RadPicker_Bootstrap .rcCalPopup:hover, .div-dob .RadPicker_Bootstrap .rcTimePopup:hover {
    background-color: transparent !important;
}

.div-dob .RadInput_Bootstrap .riTextBox {
    font-weight: 400 !important;
    color: var(--sms-default-black) !important;
}

.error-image {
    background: url('../_images/img-error.png')no-repeat left !important;
    float: left;
    text-indent: 29px;
}

.error-icon {
    background: url('../_images/img-error.png')no-repeat !important;
    float: left;
    text-indent: 29px;
}

.color-green {
    color: #69AA00 !important;
}

.lbl-schedule .rdpbox table {
    border: none !important;
}

.img-edit::before {
    content: 'create' !important;
    font-family: 'Material Icons' !important;
    font-size: 22px !important;
    color: #aaa;
    float: left;
    margin-top: 3px;
    margin-right: 15px;
}

.img-update:before {
    content: 'check' !important;
    font-family: 'Material Icons' !important;
    font-size: 22px !important;
    color: #aaa;
    float: left;
    margin-top: 3px;
    font-weight: bolder;
}

.img-cancel:before {
    content: 'close' !important;
    font-family: 'Material Icons' !important;
    font-size: 22px !important;
    color: #aaa;
    float: left;
    margin-top: 3px;
    font-weight: bolder;
    margin-right: 15px;
}

.lbl-schedule {
    margin-left: -22% !important;
    width: 100% !important;
    float: left !important;
}

.RadGrid .rgSortAscIcon:before {
    content: "" !important;
    background-image: url('../_images/img-sort-up.png') !important;
    height: 17px;
    width: 10px;
    background-repeat: no-repeat;
    float: left;
    background-position: center;
}

.RadGrid .rgSortDescIcon:before {
    content: "" !important;
    background-image: url('../_images/img-sort-down.png') !important;
    height: 12px;
    width: 10px;
    background-repeat: no-repeat;
    float: left;
    background-position: center;
}

.RadGrid .rgHeader .t-button {
    height: 10px !important;
    width: 10px;
    float: right;
}

.RadGrid .t-font-icon {
    height: 20px !important;
}

.rbCancel:before, .rbOk:before {
    content: "" !important;
}

.lnk-down {
    width: 34px !important;
    height: 30px !important;
    background: url('../_images/img-expend.png') no-repeat;
    float: right;
    background-position: center;
}

    .lnk-down:hover {
        width: 34px !important;
        height: 30px !important;
        float: right;
        background: url('../_images/img-expend-blue.png') no-repeat;
        background-position: center;
    }

.LocationExpand .lnk-down {
    transform: rotate(180deg) !important;
}

.LocationCollapse .lnk-down {
    transform: rotate(0deg) !important;
}

.rg-events.rg-discounts table {
    border: none !important;
}

.rg-events.rg-discounts th.rgHeader {
    border-top: 1px solid #dedede !important;
}

    .rg-events.rg-discounts th.rgHeader:first-child {
        border-top-left-radius: 3px !important;
        padding-left: 8px !important;
    }

    .rg-events.rg-discounts th.rgHeader:last-child {
        border-top-right-radius: 3px !important;
    }

    .rg-events.rg-discounts th.rgHeader:first-child, .rg-events.rg-discounts.RadGrid .rgAltRow > td:first-child, .rg-events.rg-discounts.RadGrid .rgRow > td:first-child {
        border-left: 1px solid #dedede !important;
    }

    .rg-events.rg-discounts th.rgHeader.rg-border, .rg-events.rg-discounts.RadGrid .rgAltRow > td.rg-border, .rg-events.rg-discounts.RadGrid .rgRow > td.rg-border {
        border-left: 1px solid #dedede !important;
        border-top-left-radius: 3px !important;
    }

    .rg-events.rg-discounts th.rgHeader:last-child, .rg-events.rg-discounts.RadGrid .rgAltRow > td:last-child, .rg-events.rg-discounts.RadGrid .rgRow > td:last-child {
        border-right: 1px solid #dedede !important;
    }

.rg-discounts.RadGrid .rgPagerCell .NextPrevAndNumeric .rgAdvPart {
    padding-right: 0px !important;
}

.rg-discounts.RadGrid .rgPagerCell .RadComboBox {
    margin: 0px !important;
}

.rg-discounts.RadGrid td.rgPagerCell {
    padding-right: 0px !important;
    padding-left: 20px !important;
}

.rg-events table .rg-payout-history table {
    border: none !important;
}

.rg-payout-history.RadGrid_Bootstrap {
    border: none !important;
}

    .rg-payout-history.RadGrid_Bootstrap .rgHeader {
        background-color: #fff !important;
        border: none !important;
        border-right: 1px solid #dedede !important;
        border-top: 1px solid #dedede !important;
        border-bottom: 1px solid #dedede !important;
        padding: 10px 10px !important;
        font-size: 12px !important;
        color: var(--sms-default-black) !important;
    }

        .rg-payout-history.RadGrid_Bootstrap .rgHeader:last-child {
            border-right: none !important;
        }

    .rg-payout-history.RadGrid_Bootstrap .rgRow > td, .rg-payout-history.RadGrid_Bootstrap .rgAltRow > td, .rg-payout-history.RadGrid_Bootstrap .rgEditRow > td {
        border: none !important;
        background-color: #fff !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        border-bottom: 1px solid #dedede !important;
        padding-top: 15px !important;
        padding: 15px 10px !important;
    }
/*------------Photo library----------------------*/
.div-tabs .div-library input[type="text"] {
    height: 30px !important;
    line-height: 28px !important;
    color: #aaa;
}

.chk-image input {
    display: none;
}

.div-list-library .div-list-library-items {
    width: 20%;
    display: inline-block !important;
    position: relative;
    border: 3px solid #dedede;
    background-color: #fff !important;
    text-align: center;
    float: left;
}

    .div-list-library .div-list-library-items .div-img-list {
        display: inline-block;
        width: 100%;
        height: 136px;
        position: relative;
        overflow: hidden;
    }

        .div-list-library .div-list-library-items .div-img-list img {
            height: 100%;
        }

.div-photo-container {
    height: 305px;
    overflow-y: auto;
}

.icon-status-event {
    color: var(--sms-default-blue) !important;
    position: relative;
    left: 2px;
}

.chk-img-select tbody tr {
    width: 20%;
    display: inline-block !important;
    position: relative;
    background-color: #fff !important;
    text-align: center;
    float: left;
}

.chk-image.chk-img-select td {
    display: inline-block;
    border: 3px solid #dedede;
    width: 100%;
    height: 136px;
    position: relative;
    overflow: hidden;
    margin: 0 !important;
}

.chk-image.chk-img-select label {
    width: 100% !important;
}

.chk-image tr, table.chk-image tbody tr:nth-child(2n) {
    float: left;
    background-color: white;
}

.chk-image td {
    padding: 0px;
    display: inline-block;
    margin-right: 5px;
    margin-top: 10px;
}

.chk-image img {
    height: 200px;
    width: 200px;
}

.chk-image label {
    border: solid 1px transparent;
    height: 140px;
    width: 190px;
    margin: 0px !important;
    position: relative;
}

.chk-image input:checked + label {
    border: solid 1px var(--sms-default-blue);
}

    .chk-image input:checked + label span:last-child {
        opacity: 0.5 !important;
    }

.chk-image input + label .imgCheck i {
    color: var(--sms-default-blue);
    line-height: 1px;
    position: absolute;
    top: 15px;
    left: 0px;
    display: none;
}

.chk-image input:checked + label .imgCheck i {
    line-height: 1px;
    position: absolute;
    top: 15px;
    left: 0px;
    display: block !important;
}

.lnk-blue-success.RadButton_Bootstrap.rbButton {
    padding: 0 !important;
    border-radius: 0 !important;
    margin-top: 10px !important;
    border: none;
}

    .lnk-blue-success.RadButton_Bootstrap.rbButton.rbHovered, .lnk-blue-success.RadButton_Bootstrap.rbButton.rbSelected {
        background: none !important;
        box-shadow: none !important;
    }

.lnk-blue-success.RadButton .rbText {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: var(--sms-default-blue) !important;
    text-decoration: none !important;
}

.div-error-restrict label {
    float: left;
    width: auto;
    line-height: 35px;
    color: rgb(238, 36, 2);
    font-size: var(--sms-default-font);
}

.div-error-restrict {
    float: left;
    width: 75%;
    border: solid 1px rgb(238, 36, 2);
    border-radius: 3px;
    padding: 10px 5px;
}

.lbl-payout {
    color: var(--sms-default-black) !important;
    margin-left: 10px;
}

.RadPicker_Bootstrap .rcCalPopup:hover, .RadPicker_Bootstrap .rcTimePopup:hover {
    background-color: transparent !important;
}

.RadGrid_Bootstrap .rgHeader, .RadGrid_Bootstrap .rgRow > td, .RadGrid_Bootstrap .rgAltRow > td {
    padding: 10px 15px !important;
}

    .RadGrid_Bootstrap .rgHeader.rg-item-bdr {
        border-left: none !important;
    }

.rts-Product li.rtsLI {
    border: solid 1px var(--sms-default-blue);
    width: 150px;
    text-align: center;
}

.rts-Product .rtsHovered, .rts-Product .rtsSelected {
    background-color: var(--sms-default-blue) !important;
    color: #fff !important;
}

.rts-Product .rtsLI .rtsTxt {
    color: var(--sms-default-blue);
}

div .lbl-create-login {
    color: var(--sms-default-blue) !important;
}

.RadComboBox_Bootstrap .rcbArrowCell a {
    background: url(../_images/img-sort-down.png) !important;
    background-repeat: no-repeat !important;
    height: 10px !important;
    width: 22px !important;
    float: left;
    background-position: center center !important;
}

.bdr-right {
    border-right: 1px solid #d3d3d3 !important;
}

.lbl-instructors {
    line-height: 30px;
}

/*********Pager design*********/
.RadGrid .rgPagerCell .rgPagerLabel {
    font-size: var(--sms-default-font) !important;
    font-weight: normal;
}

.RadGrid .rgPagerCell .NextPrevAndNumeric .rgAdvPart {
    float: right !important;
    font-size: var(--sms-default-font) !important;
}

.RadGrid .rgPagerCell .NextPrevAndNumeric .rgInfoPart {
    display: none !important;
}

.RadDataPager_Silk {
    display: none !important;
}
/*=========================Error page=================================*/
.div-error {
    border: 1px solid black;
    margin: 10% auto 0;
    padding: 3% 4% 3% 4%;
    width: 45%;
}

    .div-error span {
        margin: 0 0 3% 0 !important;
        float: left;
    }

    .div-error h3 {
        font-size: 28px !important;
        margin: 0 0 3% 0 !important;
    }

.lnk-error {
    color: #0B5286;
    font-size: 13px;
    text-decoration: underline;
    margin: 1.3% 0 0 0;
}
/*******customer dashboard********/
.rts-customer .rtsLevel1 .rtsSelected .rtsLink, .rts-customer .rtsLevel1 .rtsHovered .rtsLink {
    border-color: transparent !important;
    background-color: white !important;
    margin-bottom: 1px;
}

.rts-customer.rtsTop .rtsLevel1 {
    border-bottom-width: 0;
}

.rts-customer .rtsLevel1 .rtsLink span {
    font-weight: 600 !important;
}

.rts-customer .rtsLevel1 .rtsHovered .rtsLink span, .rts-customer .rtsLevel1 .rtsSelected .rtsLink span {
    color: var(--sms-default-blue) !important;
}

.rg-cust-dashboard {
    border: 1px solid #d7d7d7 !important;
    border-radius: 0 !important;
    background-color: white !important;
}

    .rg-cust-dashboard.RadGrid_Bootstrap .rgHeader {
        border: 1px solid #d7d7d7 !important;
        border-top: none !important;
        border-left: none !important;
        font-weight: 500 !important;
    }

        .rg-cust-dashboard.RadGrid_Bootstrap .rgHeader a, .rg-cust-dashboard.RadGrid_Bootstrap .rgHeader,
        .rg-cust-dashboard table.rgMasterTable tr .rgHeader.rgGroupCol {
            background-color: var(--sms-default-blue) !important;
            color: #FFF !important;
        }

            .rg-cust-dashboard.RadGrid_Bootstrap .rgHeader:last-child {
                border-right: none !important;
            }

    .rg-cust-dashboard table.rgMasterTable tr .rgGroupCol {
        padding: 0 !important;
        border: none !important;
        background-color: #FFF !important;
        border-bottom: 1px solid #dedede !important;
    }

    .rg-cust-dashboard.RadGrid table.rgMasterTable tr .rgGroupCol .t-button {
        display: none !important;
    }

    .rg-cust-dashboard .rgGroupHeader td, .rg-cust-dashboard .rgRow, .rg-cust-dashboard .rgAltRow {
        background-color: white !important;
    }

    .rg-cust-dashboard.RadGrid_Bootstrap .rgRow, .rg-cust-dashboard.RadGrid_Bootstrap .rgAltRow {
        height: 46px !important;
    }

        .rg-cust-dashboard.RadGrid_Bootstrap .rgRow:hover td, .rg-cust-dashboard.RadGrid_Bootstrap .rgAltRow:hover td {
            background-color: var(--sms-lightest-blue) !important;
            cursor: pointer;
        }

    .rg-cust-dashboard .rgRow > td, .rg-cust-dashboard .rgAltRow > td {
        border-width: 0 0px 1px 0px !important;
    }

    .rg-cust-dashboard tr td a {
        color: var(--sms-default-blue);
    }

    .rg-cust-dashboard .rgGroupHeader td {
        color: var(--sms-default-blue);
        padding: 10px 13px !important;
    }

    .rg-cust-dashboard.RadGrid .rgPagerCell .rgWrap {
        display: inline-block;
        float: none;
    }

.div-view-list-cal a {
    margin-left: 10px !important;
    text-align: center;
    padding: 0 4px;
    width: auto !important;
    height: 36px;
}

    .div-view-list-cal a span {
        color: #3c3d41 !important;
        float: left;
        margin-right: 5px;
        margin-top: 3px !important;
    }

        .div-view-list-cal a span.material-icons {
            color: #3c3d41 !important;
            float: left;
            margin-right: 5px;
            margin-top: 4px !important;
        }

.lnk-selected {
    float: left;
    width: auto !important;
    border: 1px solid var(--sms-default-blue) !important;
    background-color: #F3F8FE !important;
    border-radius: 5px;
    height: 26px;
}

.div-view-list-cal a.lnk-selected span {
    color: var(--sms-default-blue) !important;
    float: left;
    height: 25px;
    text-align: center;
    font-size: 18px !important;
    width: auto !important;
}

.div-view-list-cal a.lnk-selected span {
    font-size: 12px !important;
}

    .div-view-list-cal a.lnk-selected span.material-icons {
        color: var(--sms-default-blue) !important;
        float: left;
        font-size: 18px !important;
        border: none !important;
        height: auto !important;
        margin-top: 4px !important;
    }

.div-view-list-cal span {
    color: var(--sms-default-black) !important;
}

.rg-cust-dashboard .rgRow > td input, .rg-cust-dashboard .rgAltRow > td input {
    background-color: #fff;
    border: solid 1px var(--sms-default-blue);
    border-radius: 3px;
    width: 150px;
    color: var(--sms-default-blue);
    height: 30px;
    cursor: pointer;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 30px !important;
}

    .rg-cust-dashboard .rgRow > td input:hover, .rg-cust-dashboard .rgAltRow > td input:hover {
        background-color: var(--sms-default-blue);
        color: #FFFFFF;
    }

.rg-cust-dashboard.RadGrid .rgHeader .t-button.rgSortDesc {
    margin-top: 5px !important;
}

.rg-cust-dashboard.RadGrid .rgHeader .t-button.rgSortAsc {
    margin-top: 3px !important;
}

table.chk-filter {
    margin-bottom: 0;
}

    table.chk-filter tbody tr td {
        padding: 0px;
        background-color: white;
        border: none !important;
    }

    table.chk-filter tbody td label {
        font-size: var(--sms-default-font);
        font-weight: 400;
    }

    table.chk-filter [type="checkbox"], table.chk-filter [type="radio"] {
        margin: 0;
        height: 30px;
        float: left;
    }

    table.chk-filter [type=checkbox] + label[for], table.chk-filter [type=radio] + label[for] {
        line-height: 30px;
        float: left;
    }

.chk-all [type="checkbox"] {
    margin: 0px !important;
    margin-left: 3px !important;
    height: 30px;
    float: left;
}

.chk-all label {
    line-height: 30px;
    float: left;
}

#rgInstructors .NextPrevAndNumeric {
    float: right;
}

.sign-dollar {
    position: absolute;
    bottom: 9px;
    padding-left: 10px;
    color: #aaa !important;
    padding-right: 7px;
    text-indent: 0px;
    margin-right: 10px;
}

.sign-percente {
    position: absolute;
    top: 10px;
    color: #aaa !important;
    left: 13%;
}

.sign-Price {
    right: 42px;
}

.required-field input.add-on-right[type="text"], .add-on-right {
    float: right !important;
}

.error-schedule {
    width: 270px;
    position: absolute;
    right: 0px;
    top: 50px;
    z-index: 1;
    background-color: white;
    border: solid 1px red;
    border-radius: 3px;
    padding: 5px 5px 5px 30px;
    color: #EE2402;
    font-size: var(--sms-default-font) !important;
    background-image: url('../../_images/img-error.png');
    background-repeat: no-repeat;
    background-position: 3px 3px;
}

.sign-dollar-price {
    position: absolute;
    padding-left: 10px;
    color: #aaa !important;
    padding-right: 7px;
    text-indent: 0px;
    margin-right: 10px;
    top: 10px;
    left: 143px;
}

.div-cart {
    background-color: #FFFFFF;
}

    .div-cart span i {
        color: var(--sms-default-grey);
    }

.div-checkout {
    padding: 30px 40px !important;
}

.div-checkout-heading {
    padding: 0px 40px !important;
}

.div-checkout .RadInput_Bootstrap a.riUp {
    top: 5px !important;
}

.rg-cart.RadGrid_Bootstrap .rgHeader {
    border: none !important;
    padding: 0px !important;
    background-color: #FFFFFF !important;
}

.rg-cart.RadGrid_Bootstrap {
    border: none !important;
}

    .rg-cart.RadGrid_Bootstrap .rgRow > td, .rg-cart.RadGrid_Bootstrap .rgAltRow > td, .rg-cart.RadGrid_Bootstrap .rgEditRow > td {
        border: none !important;
        border-bottom: 1px solid rgba(215, 215, 215, 1) !important;
        background-color: #FFFFFF !important;
        font-size: var(--sms-default-font) !important;
        padding-left: 0px !important;
        padding-right: 10px !important;
        vertical-align: top !important;
    }

    .rg-cart.RadGrid_Bootstrap .row-highlight > td {
        background-color: #9EBDD5 !important;
    }

    .rg-cart.RadGrid_Bootstrap .row-normal > td {
        background-color: #FFFFFF !important;
    }

    .rg-cart.RadGrid_Bootstrap .rgFooter td {
        border: none !important;
        background-color: #FFFFFF !important;
    }

    .rg-cart.RadGrid_Bootstrap .rgRow > td.td-cart-price, .rg-cart.RadGrid_Bootstrap .rgAltRow > td.td-cart-price,
    .rg-cart.RadGrid_Bootstrap .rgHeader.td-cart-price {
        padding-right: 40px !important;
    }

.div-cart-footer {
    float: left;
    width: 100%;
    padding: 5px 10px 5px 5px;
    background-color: #FFFFFF;
}

    .div-cart-footer .button-primary, .div-cart-footer .rb-primary {
        box-shadow: rgb(0 0 0 / 35%) 2px 2px 5px;
    }
/**************************** Order Details ****************************/
.tbl-order-payment {
    border: 1px solid rgba(215, 215, 215, 1);
}

    .tbl-order-payment tr td {
        background-color: #F2F2F2 !important;
        padding-top: 10px !important;
        padding-bottom: 15px !important;
    }

    .tbl-order-payment .button-primary {
        background-color: #F2F2F2 !important;
        padding: 0 15px !important;
    }

        .tbl-order-payment .button-primary:hover {
            background-color: var(--sms-default-blue) !important;
        }

    .tbl-order-payment span img {
        width: 35px !important;
    }

.lbl-head-order {
    font-weight: 700;
    font-size: 16px !important;
    color: rgba(0, 0, 0, 0.34901960784313724) !important;
    margin-bottom: 5px;
}

.lbl-mail-sent {
    float: left;
    width: 100%;
    text-align: center;
    vertical-align: top;
}

.tbl-order-payment tr td div .lbl-mail-sent span, .tbl-order-payment tr td div .lbl-mail-sent i {
    color: #797979 !important;
    float: none !important;
    display: inline-block !important;
    line-height: 22px !important;
    vertical-align: top;
}

.div-order-item-detail {
    border: 1px solid #d7d7d7 !important;
    margin: 3px 0 0;
    padding: 2px 0 5px;
    border-radius: 3px !important;
}

    .div-order-item-detail table:first-child tr td hr {
        border: none !important;
        margin: 0 !important;
    }

.div-customer-order {
    display: table;
    margin: 15px auto;
    padding: 10px 0;
    width: 100%;
    border-radius: 3px;
    border-top: none;
}

.lbl-charge-tip span {
    float: right !important;
}

    .lbl-charge-tip span img {
        cursor: pointer !important;
    }

.div-event-data {
    float: left;
    width: 100%;
}

.bg-clr-lbl {
    background-color: #fff !important;
    border-radius: 3px !important;
    width: 220px !important;
    height: 40px !important;
    font-size: var(--sms-default-font) !important;
    font-weight: 600 !important;
    padding-left: 30px !important;
    padding-top: 8px !important;
}

.bg-clr-blue {
    background-color: #fff !important;
    border-radius: 3px !important;
    width: 220px !important;
    height: 40px !important;
    line-height: 38px !important;
    font-size: var(--sms-default-font) !important;
    padding-left: 15px !important;
}

.div-ready-pickup .bg-clr-blue {
    padding-left: 0 !important;
}

.div-order-detail table td .div-ready-pickup .bg-clr-blue label, .div-order-detail table td .div-ready-pickup .bg-clr-blue span {
    float: none !important;
    display: inline-block !important;
    margin-right: 0 !important;
}
/**************************** Product****************************/
.div-product-info {
    text-align: center;
    margin: 5px 0 15px;
    float: left;
    width: 100%;
}

    .div-product-info span {
        display: inline-block;
        width: 100%;
        font-weight: 400;
        color: var(--sms-default-black);
        font-size: var(--sms-default-font);
        line-height: 15px !important;
    }

.dataGroup a:nth-child(4n+4) {
    margin-right: 0px;
}

.category {
    float: left;
    width: 250px;
}

.lnk-make-default {
    display: inline-block;
    width: 96px;
    height: 24px;
    line-height: 22px;
    border-radius: 4px;
    border: 1px solid var(--sms-default-blue) !important;
    font-size: 12px;
    color: var(--sms-default-blue) !important;
    text-align: center;
    margin: 2px 0 0 10px;
}

    .lnk-make-default:hover {
        background-color: var(--sms-default-blue) !important;
        color: #FFFFFF !important;
    }

.lnk-class-selected {
    background-color: #fff !important;
    box-shadow: none !important;
    color: var(--sms-default-black) !important;
    font-weight: 500;
    width: 100%;
    font-size: 20px;
    height: 60px;
    border: 2px solid var(--sms-default-black);
    border-radius: 5px !important;
    padding: 0px !important;
    margin-right: 10px;
    cursor: pointer;
}

    .lnk-class-selected:hover {
        border: 2px solid var(--sms-default-blue);
    }

.btn-class-customer {
    background-color: #fff !important;
    box-shadow: none !important;
    color: var(--sms-default-black) !important;
    width: 100%;
    font-size: 20px;
    height: 60px;
    border: 1px solid rgba(215, 215, 215, 1);
    border-radius: 5px !important;
    padding: 0px !important;
    margin-right: 10px;
    cursor: pointer;
}

    .btn-class-customer:hover {
        border: 2px solid var(--sms-default-blue);
    }

.lnk-remove-item {
    color: #aaa;
    text-decoration: underline;
    border: none;
    background-color: transparent;
    font-size: var(--sms-default-font);
    float: left;
    cursor: pointer !important;
}

    .lnk-remove-item:hover {
        color: var(--sms-default-blue) !important;
    }

.div-product-block div.RadAjaxPanel {
    display: inline-block !important;
}

.btn-product-view-upload {
    width: 100% !important;
    height: 38px !important;
    line-height: 38px !important;
    padding: 0 10px !important;
    white-space: normal !important;
    margin: 15px 0 0 0 !important;
}

    .btn-product-view-upload:hover {
        width: 100% !important;
        height: 38px !important;
        line-height: 38px !important;
        padding: 0 10px !important;
        white-space: normal !important;
        margin: 15px 0 0 0 !important;
    }

.btn-edit-quantity {
    background-color: var(--sms-default-blue);
    border-radius: 3px;
    color: rgba(255, 255, 255, 0.996) !important;
    padding: 0 3px !important;
}

.ui-widget-content .div-back-stock a {
    color: var(--sms-default-blue);
}

    .ui-widget-content .div-back-stock a:hover {
        color: #FFFFFF;
    }
/***************************Data Pager****************************/
.RadDataPager_Bootstrap {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 5px 0;
}

.RadDataPager .rdpWrap {
    float: none !important;
    display: inline-block;
}

.div-store-paging .RadDataPager .rdpWrap:nth-child(3n) {
    text-align: right;
}

.RadDataPager .rdpPagePrev .rdpIcon:before, .RadDataPager .rdpPageNext .rdpIcon:before {
    display: none;
}

.RadDataPager_Bootstrap .rdpPagePrev, .RadDataPager_Bootstrap .rdpPagePrev:hover {
    background-color: transparent !important;
    background-image: url(../_images/img-arrow-left.png) !important;
    background-repeat: no-repeat !important;
    background-size: 17px 9px !important;
    background-position: center !important;
    border: none !important;
    padding: 5px 12px !important;
    border: solid 1px white !important;
    border-radius: 2px;
    margin-right: 5px !important;
}

.RadDataPager_Bootstrap .rdpPageNext, .RadDataPager_Bootstrap .rdpPageNext:hover {
    background-color: transparent !important;
    background-image: url(../_images/img-arrow-right.png) !important;
    background-repeat: no-repeat !important;
    background-size: 17px 9px !important;
    background-position: center !important;
    border: none !important;
    padding: 5px 12px !important;
    border: solid 1px white !important;
    border-radius: 2px;
    margin-left: 5px !important;
}

.RadDataPager_Bootstrap .rdpNumPart a, .RadDataPager_Bootstrap .rdpNumPart a:hover {
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    background: none !important;
    width: auto !important;
    border: solid 1px #fff !important;
    color: var(--sms-default-black) !important;
}

    .RadDataPager_Bootstrap .rdpNumPart a.rdpCurrentPage, .RadDataPager_Bootstrap .rdpNumPart a.rdpCurrentPage:hover {
        background: none !important;
        color: var(--sms-default-blue) !important;
        border: none !important;
    }

    .RadDataPager_Bootstrap .rdpPagePrev:hover, .RadDataPager_Bootstrap .rdpPageNext:hover,
    .RadDataPager_Bootstrap .rdpNumPart a:hover {
        border: solid 1px #d7d7d7 !important;
    }

.RadDataPager .rdpWrap .pager, .RadDataPager .rdpPagerLabel, .RadDataPager .rdpWrap span {
    font-weight: 400;
    font-style: normal;
    font-size: var(--sms-default-font);
    color: var(--sms-default-black);
}

.RadDataPager .rdpWrap .pager {
    display: inline-block;
    vertical-align: middle;
}

.RadDataPager span.rdpPagerLabel {
    margin: 0 5px 0px 0px !important;
}

.RadDataPager .rdpWrap .pager .content-pipe {
    margin: 0 10px;
}

.lbl-cartcount {
    position: absolute;
    right: 0px;
    top: 3px;
    background-color: var(--sms-default-blue);
    border-radius: 50%;
    width: 20px;
    text-align: center;
    color: white !important;
    line-height: 20px;
    font-size: 12px !important;
}

.rtsCheckOutRout .rtsLevel1 .rtsUL {
    border: none !important;
}

.rtsCheckOutRout .rtsLevel1 li:first-child .rtsLink {
    padding-left: 0px;
}

.rtsCheckOutRout .rtsLevel1 li .rtsTxt {
    font-weight: 400;
    font-size: var(--sms-default-font);
    color: var(--sms-default-black);
}

.rtsCheckOutRout .rtsLevel1 li .rtsLink:hover {
    background-color: transparent;
    border-color: transparent;
}
/*******Customer Account********/
.lnk-cutomer-account {
    color: var(--sms-default-black) !important;
    font-size: var(--sms-default-font) !important;
    font-weight: normal !important;
    margin-bottom: 5px !important;
    float: left;
}

    .lnk-cutomer-account:hover {
        color: var(--sms-default-blue) !important;
    }

.rg-cart.RadGrid_Bootstrap .rgFooter td {
    font-size: var(--sms-default-font) !important;
    font-weight: normal;
    padding: 7px 0px 7px 0px;
    text-align: right;
}

    .rg-cart.RadGrid_Bootstrap .rgFooter td.td-total {
        text-align: center;
    }

    .rg-cart.RadGrid_Bootstrap .rgFooter td span.td-totalAmount {
        text-align: center !important;
        font-size: var(--sms-default-font) !important;
        width: 100% !important;
        display: inline-block;
    }

.StripeElement {
    box-sizing: border-box;
    height: 40px;
    padding: 10px 12px;
    border: 1px solid rgba(215, 215, 215, 1);
    border-radius: 3px;
    width: 80%;
}

.StripeElement--focus {
    border: solid 1px rgba(2, 69, 238, 1);
}

.RadInput_Bootstrap .riTextBox.rt-phone {
    height: 40px !important;
    border-radius: 3px !important;
}

.div-registration label {
    font-weight: 400 !important;
    font-size: var(--sms-default-font) !important;
}

    .div-registration label.semibold {
        font-weight: 600 !important;
    }

    .div-registration label.font-10 {
        font-size: 10px !important;
    }

.rts-checkout.RadTabStrip_Bootstrap .rtsLink, .rts-checkout.RadTabStrip_Bootstrap .rtsLink:hover,
.rts-checkout.RadTabStrip_Bootstrap .rtsLevel1 .rtsLink, .rts-checkout.RadTabStrip_Bootstrap .rtsLevel1 .rtsLink:hover,
.rts-checkout.RadTabStrip_Bootstrap .rtsLink .rtsTxt, .rts-checkout.RadTabStrip_Bootstrap .rtsHovered {
    padding: 0px !important;
    font-size: 20px;
    font-weight: 400;
    color: #DEDEDE;
    background: none !important;
    border: none !important;
}

.rts-checkout.RadTabStrip_Bootstrap .tab-order-details .rtsTxt {
    color: var(--sms-default-black);
}

.rts-checkout.RadTabStrip_Bootstrap .tab-confirm-pay .rtsTxt span {
    color: #DEDEDE;
}

.rts-checkout.RadTabStrip .rtsLI {
    width: 140px;
}

.rts-checkout.RadTabStripTop_Bootstrap .rtsLevel1 .rtsLI, .rts-checkout.RadTabStrip_Bootstrap .rtsLink .rtsTxt {
    line-height: 36px;
}

.rts-checkout.RadTabStrip_Bootstrap .rtsLI.tab-your-cart .rtsTxt, .rts-checkout.RadTabStrip_Bootstrap .rtsLI.tab-order-passed .rtsTxt {
    color: var(--sms-default-black) !important;
}

.rts-checkout.RadTabStrip_Bootstrap .rtsSelected .rtsTxt, .rts-checkout.RadTabStrip_Bootstrap .rtsLI.tab-order-passed.rtsSelected .rtsTxt,
.rts-checkout.RadTabStrip_Bootstrap .rtsLI.tab-order-selected .rtsTxt {
    color: var(--sms-default-black) !important;
    font-weight: 600 !important;
}

.rts-checkout.RadTabStrip_Bootstrap .rtsHovered .rtsTxt {
    font-weight: 600 !important;
    color: var(--sms-default-black) !important;
}

.rts-checkout.RadTabStrip .rtsSeparator, .rts-checkout.RadTabStrip .rtsSeparator.rtsHovered {
    height: 2px;
    width: 120px;
    background-color: var(--sms-default-blue) !important;
    position: relative;
    top: 49px;
}

.rts-checkout.RadTabStrip_Bootstrap .rtsSelected, .rts-checkout.RadTabStrip_Bootstrap .rtsSelected * {
    cursor: default !important;
    color: var(--sms-default-blue) !important;
}

.div-registration .span-optional {
    font-style: italic;
}

.div-button-customer-registration {
    float: left;
    width: 80%;
    text-align: center;
}

.rts-checkout.RadTabStrip_Bootstrap .rtsLevel1 .rtsUL, .rts-checkout.RadTabStrip_Bootstrap .rtsLevel1 {
    border: none;
}

.lnk-view-events {
    color: var(--sms-default-blue) !important;
    font-size: var(--sms-default-font) !important;
    font-weight: 600 !important;
    margin-top: 2px !important;
    float: left !important;
    line-height: 21px !important;
}

.div-line {
    width: 2px;
    display: inline-block;
    border: 1px solid var(--sms-default-black);
    height: 20px;
    margin: 0px 10px;
}

.rg-details.RadGrid_Bootstrap .rgAltRow > td {
    background-color: #fff !important;
}

.rg-details.RadGrid_Bootstrap .rgRow > td, .rg-details.RadGrid_Bootstrap .rgAltRow > td, .rg-details.RadGrid_Bootstrap .rgEditRow > td, .rg-details.RadGrid_Bootstrap {
    border: none !important;
    padding-left: 0px !important;
}

.div-cart-products {
    min-height: 100px;
    height: auto;
    position: relative;
    width: 70%;
}

    .div-cart-products span {
        margin-top: 5px;
    }

.rg-cart-details.RadGrid_Bootstrap .rgRow:first-child > td, .rg-cart-details.RadGrid_Bootstrap .rgAltRow:first-child > td {
    border-top: 1px solid #d7d7d7 !important;
}

.rg-cart-details.RadGrid_Bootstrap .rgRow > td, .rg-cart-details.RadGrid_Bootstrap .rgAltRow > td {
    padding: 15px 10px !important;
}

.rg-cart-details.RadGrid_Bootstrap .rgHeader {
    height: 1px !important;
}

.rts-card .rtsLevel1 .rtsLI {
    width: 84%;
    height: 168px;
}

    .rts-card .rtsLevel1 .rtsLI .rtsLink:hover {
        border: 2px solid var(--sms-default-blue) !important;
    }

.rts-card.RadTabStrip .rtsTxt {
    font-size: 20px !important;
    font-weight: 600 !important;
    padding: 22px 0px;
}

.rts-card.RadTabStrip .rtsUL {
    text-align: center;
}

.rts-card .RadTabStrip_Bootstrap {
    border: none !important;
}

.rts-card .rtsLevel1 {
    border-bottom-width: 0px !important;
    padding-bottom: 2px;
}

    .rts-card .rtsLevel1 .rtsHovered .rtsLink {
        background-color: transparent !important;
    }
/************************* Promotions ********************************/
.chk-item-type, .chk-item-category {
    float: left;
    width: 100%;
    padding-left: 25px;
    margin-bottom: 5px;
}

    .chk-item-type [type=checkbox], .chk-item-category [type=checkbox] {
        float: left;
        margin: 0 !important;
        height: 20px !important;
    }

        .chk-item-type [type=checkbox] + label, .chk-item-category [type=checkbox] + label {
            float: left;
            margin: 0 0 0 5px !important;
            line-height: 21px !important;
        }

table.chk-item-category tr td {
    padding: 0 0 0 5px !important;
    width: 50%;
    vertical-align: top;
}

.chk-item-category [type=checkbox] + label {
    width: 89% !important;
}

.chk-item-event tbody tr:nth-child(even) {
    background-color: transparent !important;
}

.radio-container {
    float: left;
    position: relative;
    margin-bottom: 5px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .radio-container input + label {
        position: relative;
        padding-left: 22px;
        margin-left: 3px !important;
    }
    /* Hide the browser's default radio button */
    .radio-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }
/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #ffffff;
    border-radius: 50%;
    border: 1px solid var(--sms-default-black);
}
/* On mouse-over, add a grey background color */
.radio-container:hover input + label .checkmark {
    background-color: #ffffff;
}
/* When the radio button is checked, add a blue background */
.radio-container input:checked + label .checkmark {
    background-color: #ffffff;
    border: 1px solid var(--sms-default-blue);
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark small {
    content: "";
    position: absolute;
    display: none;
}
/* Show the indicator (dot/circle) when checked */
.radio-container input:checked + label .checkmark small {
    display: block;
}
/* Style the indicator (dot/circle) */
.radio-container .checkmark small {
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--sms-default-blue);
}

.divDiscountType .RadButton .rbIcon::before {
    font: 21px/1 "WebComponentsIcons" !important;
}

.divDiscountType .rbl-default .RadButton.rbRadioButton .rbIcon {
    line-height: 50px !important;
    margin: 0 8px 0 0;
}

.div-minimum-order {
    float: left;
    width: 100%;
}

    .div-minimum-order [type="checkbox"] {
        float: left;
        height: 15px;
    }

        .div-minimum-order [type="checkbox"] + label {
            float: left;
            line-height: 17px;
            margin: 0 0 0 3px !important;
        }

    .div-minimum-order section {
        width: 218px;
        height: 68px;
        background-color: #DADADA;
        border-radius: 5px;
        float: left;
        padding: 5px;
        line-height: normal;
        text-align: center;
        position: absolute;
        z-index: 3;
        left: 160px;
        top: 25px;
        opacity: 0;
        visibility: hidden;
        transition: visibility 0s, opacity 0.5s linear;
    }

    .div-minimum-order span {
        position: relative;
        left: 2px;
        bottom: 2px;
    }

        .div-minimum-order span:hover ~ section {
            visibility: visible;
            opacity: 1;
        }
/****************************Common header****************************/
.div-header-user {
    position: relative;
}

    .div-header-user span {
        font-weight: 600;
        color: var(--sms-default-black);
        margin: 0 0px 0 15px;
        float: left;
        line-height: 44px;
    }

.div-img-user {
    display: inline-block;
    vertical-align: middle;
    width: 33px;
    height: 33px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 7px;
    border: 1px solid #f2f2f2;
}

    .div-img-user img {
        display: table-cell;
        vertical-align: middle;
    }

.lnk-header-arrow i {
    font-size: 30px;
    float: right;
    margin-top: 7px;
    margin-right: 10px;
}

.rg-credit-card.RadGrid_Bootstrap .rgHeader {
    display: none !important;
}

.rg-credit-card.RadGrid_Bootstrap .rgRow:first-child td {
    border-top-width: 1px;
}

.rg-credit-card.RadGrid_Bootstrap .rgAltRow > td, .rg-credit-card table tbody tr:nth-child(even), .rbl-stripe tbody tr:nth-child(even) {
    background-color: #fff !important;
}

.rg-credit-card.RadGrid_Bootstrap {
    border: none !important;
}

    .rg-credit-card.RadGrid_Bootstrap .rgRow > td, .rg-credit-card.RadGrid_Bootstrap .rgAltRow > td, .rg-credit-card.RadGrid_Bootstrap .rgEditRow > td {
        padding: 15px 0px !important;
    }

.tbl-myclass {
    float: left;
    border: none;
    margin-top: 10px;
}

    .tbl-myclass td {
        padding: 0px;
        border: none;
        background: none;
        display: table-cell;
        vertical-align: bottom;
    }

    .tbl-myclass div {
        border-left: solid 1px var(--sms-default-black);
        height: 30px;
        margin-left: 11px;
        color: transparent;
        margin-top: -5px;
        float: left;
    }

        .tbl-myclass div.div-myclass-disableborder {
            border-left: solid 1px var(--sms-default-black) !important;
        }

    .tbl-myclass tbody tr:nth-child(2n) {
        background: none;
        border: none;
    }

    .tbl-myclass td.td-content-myclass {
        font-weight: 400;
        font-size: 16px;
        color: var(--sms-default-black);
        padding-left: 8px;
    }

    .tbl-myclass .disable td.td-content-myclass {
        font-weight: 400;
        font-size: 16px;
        color: var(--sms-default-black);
        padding-left: 8px;
    }

    .tbl-myclass .enable .firstCell span {
        background-image: url('../_images/img_check_completed.png');
        float: left;
        margin-top: -3px;
        height: 20px;
        width: 20px;
    }

    .tbl-myclass tr.disable, .tbl-myclass tr.enable {
        margin-top: -10px !important;
        display: block !important;
    }

    .tbl-myclass .disable .firstCell span {
        background-image: url('../_images/img_check_incomplete.png');
        float: left;
        margin-top: -3px;
        height: 20px;
        width: 20px;
    }

    .tbl-myclass .disable span {
        color: var(--sms-default-black);
    }

.required-field img.error.img-error {
    position: initial
}

.rts-card.RadTabStrip .rtsTxt span {
    width: 100%;
    display: inline-block;
    line-height: normal !important;
    font-size: 15px !important;
    margin-top: 30px;
    font-weight: 400;
}

.rts-card.RadTabStrip .rtsLevel1 .rtsLink {
    height: 168px;
    display: inline-block;
    border-radius: 5px !important;
    border: 1px solid #cccccc !important;
    width: 100%;
}

.rts-card.RadTabStrip .rtsLevel1 .rtsSelected .rtsLink {
    border: 2px solid var(--sms-default-blue) !important;
}

.div-customer-create-user-pwd .RadButton_Bootstrap .rbToggleCheckboxChecked, .div-customer-create-user-pwd .RadButton_Bootstrap .rbToggleCheckboxFilled, .div-customer-create-user-pwd .RadButton_Bootstrap .rbToggleRadioChecked {
    color: var(--sms-default-blue) !important;
}

.rcMycard.RadCheckBox.RadButton .rbText {
    font-size: var(--sms-default-font) !important;
    padding-left: 10px !important;
}

.rts-hide-delete .rsApt .rsAptDelete {
    display: none;
}

.rgEventScheduleDetails td {
    padding: 5px 0px;
}

.div-enable label {
    color: #EE2402 !important;
    line-height: normal !important;
    margin-top: 15px !important;
}

span.RadButton_Bootstrap.rbSkinnedButton.rb-enable {
    background-color: #FFFFFF !important;
    border: solid 1px #EE2402 !important;
    box-shadow: none !important;
    padding-right: 20px;
    padding-left: 20px;
    color: #EE2402 !important;
}

span.RadButton_Bootstrap.rbHovered.rb-enable {
    background-color: #EE2402 !important;
    border: solid 1px #EE2402 !important;
    box-shadow: none !important;
}

span.RadButton_Bootstrap.rbSkinnedButton.rb-enable .rbDecorated {
    font-size: var(--sms-default-font) !important;
    color: #EE2402 !important;
}

span.RadButton_Bootstrap.rbSkinnedButton.rb-enable.rbHovered .rbDecorated {
    font-size: var(--sms-default-font) !important;
    color: #ffffff !important;
}

.rb-enable.RadButton_Bootstrap.rbSkinnedButton, span.rb-enable .rbDecorated {
    height: 30px !important;
    line-height: 30px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.rg-events .rgRow > td input.txt-search, .rg-events .rgAltRow > td .div-search input.txt-search.text {
    border: 1px solid rgb(170, 170, 170) !important;
    color: rgb(170, 170, 170) !important;
}

    .rg-events .rgRow > td input.txt-search:hover, .rg-events .rgAltRow > td .div-search input.txt-search.text:hover {
        border: 1px solid rgb(170, 170, 170) !important;
        cursor: default !important;
        background-color: transparent !important;
        color: rgb(170, 170, 170) !important;
    }

.close-material i {
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 24px !important;
}

.color-grey {
    color: var(--sms-default-black);
}

.rg-location table tbody tr:nth-child(even) {
    background: none !important;
}

.div-user-info {
    display: table-cell;
    vertical-align: middle;
}
/***************************Rad window border****************************/
.rw-border.RadWindow_Bootstrap .rwContentRow, .RadWindow_Bootstrap .rwContent {
    border: 1px solid var(--sms-default-blue) !important;
    border-radius: 3px !important;
    display: inline-block !important;
    margin: 0;
    background: #ffffff !important;
    width: 100%;
    padding: 1px !important;
}

input:disabled:hover {
    background-color: #e6e6e6 !important;
    color: var(--sms-default-blue) !important;
}

.rw-position.RadWindow_Bootstrap {
    left: 900px !important;
    top: 10px !important;
}

.rw-border table tbody tr:nth-child(even), .rw-border table tbody,
.rw-border.RadWindow .rwWindowContent {
    background: none !important;
}

.rw-border.RadWindow_Bootstrap {
    background: none !important;
    border: none !important;
}

.lnk-close-arrow {
    position: absolute;
    right: -3px;
    top: -2px;
}

    .lnk-close-arrow i {
        font-size: 30px !important;
    }

.lbl-eventenroll span {
    font-size: 10px !important;
    font-weight: 600 !important;
}

.rcb-instructor.RadComboBox .rcbInput {
    height: 30px !important;
    line-height: 30px !important;
}

.div-event-main {
    position: relative !important;
    min-height: 448px !important;
}

.div-event-inner {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.div-event-main {
    position: relative !important;
    min-height: 448px !important;
}

.div-event-inner {
    position: absolute;
    bottom: 0;
    width: 100%;
}
/***************************View Cart****************************/
.rg-cart-table tr td.item-title {
    padding-left: 10px !important;
}

.rg-cart-table tr td.item-price {
    padding-right: 10px !important;
    padding-top: 15px !important;
}

.rg-cart-table.RadGrid table.rgMasterTable tr .rgExpandCol {
    display: none;
}

.rg-cart-table.RadGrid_Bootstrap .rgDetailTable {
    border: none !important;
    background-color: #FFFFFF !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(215, 215, 215, 1) !important;
    padding-bottom: 10px;
}

.rg-cart-table table tbody td {
    padding: 0 !important;
}

.rg-cart-table table tbody tr:nth-child(even) {
    background-color: transparent;
}

.rg-cart-table.RadGrid_Bootstrap .rgDetailTable .rgRow > td, .rg-cart-table.RadGrid_Bootstrap .rgDetailTable .rgAltRow > td, .rg-cart-table.RadGrid_Bootstrap .rgDetailTable .rgEditRow > td {
    border: none !important;
    font-size: var(--sms-default-font) !important;
    padding-top: 10px 0 !important;
}

.rg-cart-table.RadGrid_Bootstrap .rgRow > td.padding-top, .rg-cart-table.RadGrid_Bootstrap .rgAltRow > td.padding-top, .rg-cart-table.RadGrid_Bootstrap .rgEditRow > td.padding-top {
    padding-top: 27px !important;
}

.rg-cart-table.RadGrid_Bootstrap .rgRow > td, .rg-cart-table.RadGrid_Bootstrap .rgAltRow > td, .rg-cart-table.RadGrid_Bootstrap .rgEditRow > td {
    border: none !important;
    background-color: #F5F5F5 !important;
    font-size: var(--sms-default-font) !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 12px !important;
}

.rg-cart-table.RadGrid_Bootstrap tbody .rgRow:first-child > td {
    padding-top: 0px !important;
}

    .rg-cart-table.RadGrid_Bootstrap tbody .rgRow:first-child > td.padding-top {
        padding-top: 15px !important;
    }

.rg-cart-table.RadGrid_Bootstrap tr td > .RadGrid_Bootstrap {
    float: left;
    width: 100%;
    border: none !important;
    border-bottom: 1px solid #D7D7D7 !important;
    padding-bottom: 10px;
    background-color: #F5F5F5 !important;
    border-radius: 0 !important;
}

    .rg-cart-table.RadGrid_Bootstrap tr td > .RadGrid_Bootstrap .button-primary {
        height: 25px !important;
        line-height: 23px !important;
        width: 100px;
        margin-right: 15px;
    }

.rg-cart-table.RadGrid_Bootstrap .rgRow [type="text"], .RadGrid_Bootstrap .rgAltRow [type="text"] {
    height: 40px;
}

.div-white-bg {
    background-color: #FFFFFF;
    padding: 15px 20px 15px 15px;
}

table tfoot td {
    font-weight: normal;
}

.div-attendes {
    width: 54% !important;
}

.div-instructordisable {
    width: 46% !important;
    border-left: 1px solid #D7D7D7;
}

table.RadCalendarTimeView_Bootstrap tbody tr td a:hover, table.RadCalendarTimeView_Bootstrap tbody tr td.rcHover a, .RadCalendar td.rcHover a {
    color: var(--sms-default-blue) !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

table.RadCalendarTimeView_Bootstrap tbody tr td.rcSelected a, .RadCalendar td.rcSelected a, .RadCalendar td.rcSelected a:hover {
    color: white !important;
    background-color: var(--sms-default-blue) !important;
    border-color: transparent !important;
    border-radius: 0px !important;
}

.RadPicker_Bootstrap .rcCalPopup:hover, .RadPicker_Bootstrap .rcTimePopup:hover {
    background-color: white !important;
    color: var(--sms-default-blue) !important
}

.RadCalendar_Bootstrap .rcTitlebar .rcNext:hover {
    background-image: url('../_images/img_caretright_series.png') !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

.RadCalendar_Bootstrap .rcTitlebar .rcPrev:hover {
    background-image: url('../_images/img_caretleft_series.png') !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

.RadInput_Bootstrap .riFocused, input[type="text"]:focus, textarea:focus, .rcbFocused, .RadComboBox_Bootstrap .rcbFocused,
.RadComboBox_Bootstrap .rcbFocused .rcbReadOnly .rcbInputCell, .RadComboBox_Bootstrap .rcbFocused .rcbArrowCell {
    border-color: var(--sms-default-blue) !important;
    box-shadow: none !important;
}

.div-numeric .RadInput_Bootstrap.RadInputFocused {
    border-color: var(--sms-default-blue) !important;
}

.rts-navigation .rtsSelected .lblTabText {
    color: var(--sms-default-blue) !important;
    border-bottom: solid 1px var(--sms-default-blue) !important;
    font-weight: 600;
    opacity: 1 !important;
}

.rts-navigation .rtsSelected.rtsDisabled {
    opacity: 1 !important;
}

.RadButton_Bootstrap .rbToggleRadioChecked::before, .RadButton_Bootstrap .rbToggleRadioChecked + span {
    color: var(--sms-default-blue) !important;
}

input:checked + .slider {
    background-color: var(--sms-default-blue);
    height: 20px;
}

.rts-Tab li.rtsLI {
    border: solid 1px var(--sms-default-blue);
    width: 195px;
}

.rts-Tab .rtsHovered, .rts-Tab .rtsSelected {
    background-color: var(--sms-default-blue) !important;
}

.rts-Tab .rtsLI .rtsTxt {
    color: var(--sms-default-blue);
}

.rg-events .spnDiscountAmount {
    font-style: normal !important;
    color: var(--sms-default-black);
}

.rts-instructor li.rtsLI {
    background-color: var(--sms-default-blue);
    padding: 0px !important;
    width: auto;
    cursor: default !important;
}

.chk-repeat-on input:checked + label, .chk-repeat-on label:hover {
    background-color: var(--sms-default-blue);
    border: solid 1px var(--sms-default-blue);
    color: #fff;
}

.img-edit:hover::before, .img-cancel:hover::before, .img-update:hover::before {
    color: var(--sms-default-blue) !important;
}

.div-instructor-view .RadDataPager_Bootstrap .rdpPageFirst, .div-instructor-view .RadDataPager_Bootstrap .rdpPageLast {
    display: none !important;
}

.rdp-store-dashboard.RadDataPager_Bootstrap .rdpPageNext, .rdp-store-dashboard.RadDataPager_Bootstrap .rdpPageNext:hover {
    margin: 0 !important;
}

.div-small-input {
    float: left;
    width: 100%;
}

.tbl-blue-row {
    border-spacing: 0 !important;
}

    .tbl-blue-row tr td {
        width: 100% !important;
    }

        .tbl-blue-row tr td > span {
            width: 100%;
            background-color: var(--sms-default-blue);
            border-radius: 3px;
            padding: 0 5px !important;
            margin-top: 6px !important;
        }

        .tbl-blue-row tr td span {
            font-size: 12px !important;
            color: rgba(255, 255, 255, 0.996) !important;
        }

            .tbl-blue-row tr td span.material-icons {
                font-size: var(--sms-default-font) !important;
                position: relative;
                top: 3px;
                left: 4px;
            }

span.RadButton_Bootstrap input:disabled:hover {
    background-color: transparent !important;
}

.rt-event-tooltip.RadToolTip .rtWrapper td.rtWrapperContent {
    width: 100% !important;
    padding: 0px !important;
}

.rt-event-tooltip div img {
    text-align: center !important;
    height: 122px !important;
    width: 214px !important;
}

.rt-event-tooltip table tbody tr:nth-child(even) {
    background-color: #fff !important;
}

.rt-event-tooltip.RadToolTip_Bootstrap {
    border: 1px solid #d7d7d7 !important;
    border-radius: 5px !important
}

.rg-history.RadGrid, .rg-history.RadGrid .rgMasterTable, .rg-history.RadGrid .rgMasterTable tr td {
    border: none !important;
    padding: 0 !important;
    background-color: #FFFFFF;
}

    .rg-history.RadGrid .rgMasterTable tr td {
        padding-bottom: 10px !important;
    }

.lbl-increase-box {
    float: left;
    width: 46px;
    height: 13px;
    line-height: 12px;
    background-color: rgba(0, 128, 0, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 128, 0, 1);
    border-radius: 5px;
    font-weight: 700 !important;
    font-size: 10px !important;
    text-align: center;
    color: rgba(255, 255, 255, 0.996078431372549);
    margin: 3px 12px 0 0 !important;
}

.logDeleted {
    float: left;
    width: 46px;
    height: 13px;
    line-height: 12px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    font-weight: 700 !important;
    font-size: 10px !important;
    text-align: center;
    color: rgba(255, 255, 255, 0.996078431372549);
    margin-right: 15px !important;
    background-color: rgba(237, 41, 57, 1) !important;
    border-color: rgba(237, 41, 57, 1) !important;
    margin: 3px 12px 0 0 !important;
}

input.txtProductName[type="text"] {
    font-weight: 600 !important;
    font-size: 20px !important;
    color: var(--sms-default-blue) !important;
    width: auto !important;
    width: 100% !important;
}

.lnk-stock-log {
    font-weight: 600;
    font-style: italic;
    color: #333 !important;
}

    .lnk-stock-log:hover {
        color: var(--sms-default-blue) !important;
    }

.rg-store.RadGrid_Bootstrap .rgFooter td {
    border-top: 1px solid #d7d7d7 !important;
    border-left: none !important;
    background-color: #fff !important;
    padding: 10px !important;
}

    .rg-store.RadGrid_Bootstrap .rgFooter td:first-child {
        text-align: right !important;
    }

table.rbl-common {
    margin: 0 !important;
}

    table.rbl-common.align-center {
        margin: 0 auto !important;
    }

    table.rbl-common tbody td {
        padding: 0 !important;
    }

.rbl-common [type=radio] {
    margin: 0px !important;
    height: 30px;
    float: left;
}

    .rbl-common [type=radio] + label[for] {
        line-height: 30px !important;
        float: left !important;
        font-size: var(--sms-default-font) !important;
        font-weight: 400 !important;
        color: #333333 !important;
    }

.div-radio-list .rbl-common [type=radio] + label[for], .div-radio-list .chk-filter [type=checkbox] + label[for] {
    line-height: 30px !important;
}

table.rbl-common tbody tr:nth-child(even), table.rbl-common tbody {
    background-color: transparent !important;
}

.lbl-checked-waiver [type=checkbox] {
    margin: 0 1px !important;
    position: relative;
    top: 2px;
}

.rbl-common.rbl-refund-options [type=radio] + label[for], .div-radio-list .rbl-common.rbl-refund-options [type=radio] + label[for] {
    line-height: 24px !important;
}

.rbl-common.rbl-refund-options [type=radio], .div-radio-list .rbl-common.rbl-refund-options [type=radio] {
    height: 22px !important;
}

.lbl-terms {
    float: left;
    line-height: 25px;
    width: 90%;
    margin-left: 26px;
    margin-top: 2px;
    font-size: 16px;
}
/****************************Stripe****************************/
.rbl-stripe [type=radio] {
    margin: 0px !important;
}

.lbl-active-stripe {
    font-size: var(--sms-default-font) !important;
    color: #06D8F0 !important;
    font-style: italic;
}

.div-personal-details h1 {
    color: var(--sms-default-black) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin: 5px 0 10px 0;
    float: left;
}

.div-stripe-update p {
    font-size: var(--sms-default-font) !important;
    color: var(--sms-default-black) !important;
}

.div-stripe-update h5 {
    font-size: 18px !important;
    color: var(--sms-default-black) !important;
}

.rcb-event-dates.RadComboBox .rcbInput {
    height: 20px !important;
    line-height: 20px !important;
}

.rcb-event-dates.RadComboBox_Bootstrap .rcbInner, .rcb-event-dates.RadComboBox_Bootstrap table {
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.rcb-event-dates.RadComboBox_Bootstrap .rcbActionButton,
.rcb-event-dates.RadComboBox_Bootstrap .rcbReadOnly .rcbInputCell,
.rcb-event-dates.RadComboBox_Bootstrap .rcbReadOnly .rcbArrowCell.rcbArrowCellRight {
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.rcb-event-dates.RadComboBox_Bootstrap .rcbHovered .rcbActionButton,
.rcb-event-dates.RadComboBox_Bootstrap .rcbExpanded .rcbActionButton,
.rcb-event-dates.RadComboBox_Bootstrap .rcbFocused .rcbActionButton {
    padding: 0 !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
}

.dd-event-date {
    box-shadow: none !important;
}

    .dd-event-date ul li {
        padding: 0 !important;
    }

    .dd-event-date.RadComboBoxDropDown_Bootstrap .rcbHovered {
        background-color: #ffffff !important;
    }

.enter-schedule th.rgHeader, table.enter-schedule thead {
    border: none !important;
}

.rg-events table.enter-schedule {
    border: none !important;
    border-bottom: 1px solid #dedede !important;
}

.lbl-business-name {
    font-weight: 600 !important;
    padding: 0 7px;
    font-size: 32px !important;
    color: #A7232C !important;
    margin-top: 8px;
    display: inline-block !important;
}

.div-revenu .RadAjaxPanel {
    display: inline-block !important;
}

.dd-event-date.RadComboBoxDropDown_Bootstrap .rcbDisabled {
    opacity: 1 !important;
}

.dd-event-date.RadComboBoxDropDown_Bootstrap .rcbScroll {
    padding-left: 5px !important;
}

.lbl-canceled-class {
    color: #F00 !important;
    float: right;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    margin: 7px 0px 0 0 !important;
}

    .lbl-canceled-class.mtl {
        margin-top: 15px !important;
    }

.lnk-cancel-registration {
    float: right;
    color: #333333 !important;
    text-decoration: underline !important;
    margin: 7px 4px 0 0 !important;
    text-align: right !important;
}

.rg-bank-details.RadGrid_Bootstrap, .rg-bank-details.RadGrid_Bootstrap tr td {
    border: none !important;
    background-color: #ffffff !important;
}

    .rg-bank-details.RadGrid_Bootstrap tr td {
        padding: 15px !important;
        border-bottom: 1px solid #E8EDEC !important;
    }

.lbl-error-user {
    position: absolute;
    top: 52px;
    left: 33px;
}

.rg-dashboard .rgRow > td a.lnk-account, .rg-dashboard .rgAltRow > td a.lnk-account {
    color: var(--sms-default-black) !important;
    font-size: var(--sms-default-font) !important;
    text-decoration: underline;
}

.div-right-stick-img {
    width: 450px !important;
    float: right;
    background-color: #ffffff;
}

    .div-right-stick-img .RadGrid {
        border: none !important;
    }

        .div-right-stick-img .RadGrid tr:first-child td {
            margin-top: 0px !important;
        }

    .div-right-stick-img.div-image-upload .RadGrid tr td {
        padding: 5px !important;
        margin-top: 15px !important;
        background-color: #ffffff !important;
    }

    .div-right-stick-img .RadGrid .rgNoRecords {
        display: none;
    }

.div-refund-policy, .div-refund-policy div {
    float: left;
    width: 100%;
}

    .div-refund-policy div [type="text"] {
        width: 65px !important;
        float: left;
        margin-right: 5px !important;
        padding: 0 !important;
        text-align: center !important;
    }

    .div-refund-policy div .lbl-day {
        float: left;
        line-height: 40px !important;
        margin-right: 4px !important;
    }

    .div-refund-policy div .error {
        position: relative !important;
        top: auto !important;
        left: auto !important;
    }

.lbl-policy-limit {
    float: left;
    margin-left: -10px;
    margin-right: 4px;
}

.lnk-remove-attendee {
    position: absolute;
    right: 67px;
    top: 15px;
}

.lbl-quntity-error {
    float: left !important;
    width: 100% !important;
    color: #EE2402 !important;
    padding: 0 20px !important;
}

    .lbl-quntity-error img {
        margin-top: -2px;
    }

.div-options-delivery table, .div-options-delivery table tr td {
    border: none !important;
    padding: 0 !important;
    font-size: 20px !important;
    border-spacing: 0 !important;
    background-color: #FFFFFF !important;
    margin-bottom: 0px !important;
}

.div-show-notify {
    position: relative;
    top: 230px;
    right: 50px;
}

.rw-border-blue.RadWindow_Bootstrap .rwTable {
    border: 1px solid #797979 !important;
    margin-bottom: 0px !important;
}

.cbl-event-date input[type=checkbox] {
    float: left !important;
}

    .cbl-event-date input[type=checkbox] + label {
        float: left !important;
        width: 92%;
        margin: 0 0 0 5px !important;
        line-height: 13px !important;
    }

.position-delete-draft {
    top: -32px;
    position: absolute;
    right: 155px;
}

.div-img-spot img {
    height: 139px;
    width: 261px;
    position: relative;
}

.div-inner-img-spot {
    position: absolute;
    top: 5px;
    right: 10px;
    text-align: center;
}

.divPopUpProject {
    margin: 0px !important;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(215, 215, 215);
    border-radius: 5px;
    padding: 3px;
    z-index: 2;
    width: 210px;
    float: left;
    position: absolute;
    top: 23px;
}

    .divPopUpProject span:first-child {
        width: 100%;
        font-weight: 700;
        margin: 0 !important;
    }

    .divPopUpProject span:nth-child(2) {
        width: 100% !important;
        margin: 0px !important;
    }
/*****Change window  border color *****/
.ui-widget.ui-widget-content {
    border: 1px solid var(--sms-default-blue) !important;
}

.lbl-sold-out-grey {
    width: 92px;
    color: var(--sms-default-black) !important;
    text-align: center;
    margin-top: 5px !important;
    display: inline-block;
}

.lbl-bottom-spacing {
    min-height: 165px !important;
    float: left;
    width: 100%;
}

.lnkPopUp {
    margin: 0 0 0 5px;
}

.divPopUpProject span {
    float: left;
    width: 100%;
    margin-bottom: 0 !important;
}

.txt-discount + span img.error {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    padding: 0 !important;
}

.txt-discount + span {
    line-height: 25px !important;
}

.rw-fixed.RadWindow_Bootstrap {
    position: fixed !important;
    top: 90px !important;
}

.lbl-event-date {
    position: absolute;
    left: 0;
    top: 6px;
}

.lbl-event-line {
    display: -webkit-box;
    max-width: 200px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.lbl-sold-out {
    position: absolute;
    top: 98px;
    text-align: center;
    color: #fff;
    width: 100%;
    left: 0;
    padding: 10px;
    font-size: 21px;
    background-color: #333333;
    opacity: 0.4;
    font-weight: 700;
}

.div-Show {
    position: absolute;
    width: 24%;
    z-index: 13 !important;
    text-align: center;
    background-color: #fff;
    height: auto;
    top: 110px;
    left: 469px;
    padding: 12px;
    border: 1px solid #d7d7d7;
    border-radius: 7px;
}

.lnk-product-search {
    position: absolute;
    left: 7px;
    top: 10px;
}

.div-store-search {
    position: relative;
    float: right;
    width: 60%;
}

    .div-store-search i.material-icons {
        position: absolute;
        top: 5px;
        right: 20px;
        color: #999 !important;
        cursor: pointer;
    }

    .div-store-search input[type="text"] {
        border-radius: 0 !important;
        padding-left: 0 !important;
        border: none !important;
        border-bottom: solid 1px #797979 !important;
    }

.div-list-products .div-inner-list-items {
    width: 24%;
    display: inline-block !important;
    position: relative;
    /*border-bottom: 1px solid #dedede;*/
    background-color: #ffffff !important;
    /*border-right: 1px solid #dedede;*/
    text-align: center;
    padding: 10px 15px;
    float: left;
    box-shadow: rgba(0, 0, 0, 0.35) 2px 2px 5px;
    margin: 0.5%;
}

.div-inner-list-items .rlvI {
    width: 100%;
}
/* Selects every 4th child */
.div-list-products a:nth-child(4n) .div-inner-list-items {
    /* styles here */
    margin-right: 0 !important;
}
.div-list-products .div-inner-list-items:nth-child(4n+0) {
    border-right: none;
}

.div-item-detail {
    width: 100%;
    display: inline-block;
    text-align: left;
    padding-top: 10px;
    min-height: 54px;
}

    .div-item-detail span {
        color: #3c3d41 !important;
        text-transform: uppercase !important;
    }

.lbl-rental-fee {
    float: left;
    font-size: 18px;
    color: #4d4d4d;
    font-weight: 700;
}

.lbl-price {
    float: right;
    font-size: 13px !important;
    color: #aaaaaa;
    font-weight: 400 !important;
    line-height: 25px;
}
/****************************Customer Scheduler****************************/
.div-store-dashboard {
    margin: 25px 0 0;
    padding: 0 !important;
    overflow: hidden;
}

.div-event-img-wrap {
    float: left;
    width: 100%;
    text-align: center;
}

    .div-event-img-wrap img {
        margin-top: 5px !important;
        color: var(--sms-default-black) !important;
    }

.rs-customer-cal.RadScheduler_Bootstrap {
    height: auto !important;
}

.rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHeader {
    background-color: #FFFFFF !important;
}

    .rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHeader h2 {
        font-size: 36px !important;
        color: var(--sms-default-blue) !important;
        font-weight: 600 !important;
        width: 450px !important;
        padding: 0 !important;
        text-align: center;
        margin: 2px auto !important;
        text-transform: uppercase !important;
        letter-spacing: 5px;
    }

.rs-customer-cal.RadScheduler_Bootstrap .rsHeader .rsDatePickerActivator {
    display: none !important;
}

.rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHeader p {
    z-index: 1 !important;
    position: relative !important;
    width: 510px !important;
    float: none !important;
    margin: 0 auto !important;
}

.rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHeader .rsPrevDay, .rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHeader .rsPrevDay:hover {
    position: absolute !important;
    left: 0 !important;
    /* background-image: url('../_images/img-grey-arrow-prev.png');*/
    background-image: url('../_images/img-black-arrow-left.png') !important;
    background-size: 17px 28px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border: none !important;
    background-color: #FAFAFA !important;
}

    .rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHeader .rsPrevDay:hover {
        background-image: url('../_images/img-blue-arrow-prev.png') !important;
    }

.rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHeader .rsNextDay, .rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHeader .rsNextDay:hover {
    position: absolute !important;
    right: 0 !important;
    /*background-image: url('../_images/img-grey-arrow-next.png');*/
    background-image: url('../_images/img-black-arrow-right.png') !important;
    background-size: 17px 28px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border: none !important;
    background-color: #FAFAFA !important;
}

    .rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHeader .rsNextDay:hover {
        background-image: url('../_images/img-blue-arrow-next.png') !important;
    }

.rs-customer-cal.RadScheduler .rsMonthView .rsWrap {
    /*height: 130px !important;*/
    margin-bottom: 1px !important;
}

.rs-customer-cal.rs-staffing.RadScheduler .rsMonthView .rsWrap {
    height: 125px !important;
    margin-bottom: 1px !important;
}

.rs-customer-cal.rs-staffing.RadScheduler_Bootstrap .rsHeader h2 {
    padding-left: 114px !important;
}

.rs-staffing.RadScheduler_Bootstrap .rsHeader ul a {
    color: var(--sms-default-blue) !important;
    border-color: var(--sms-default-blue) !important;
}

    .rs-staffing.RadScheduler_Bootstrap .rsHeader ul a span {
        color: var(--sms-default-blue) !important;
    }

.rs-staffing.RadScheduler_Bootstrap .rsHeader ul li.rsSelected em,
.rs-staffing.RadScheduler_Bootstrap .rsHeader ul li a:hover {
    border-color: var(--sms-default-blue) !important;
    background-color: var(--sms-default-blue) !important;
    color: #FFFFFF !important;
}

    .rs-staffing.RadScheduler_Bootstrap .rsHeader ul li a:hover span {
        color: #FFFFFF !important;
    }

.rs-customer-cal.RadScheduler .rsMonthView .rsWrap.rsDateWrap {
    height: 40px !important;
    text-align: right !important;
}

    .rs-customer-cal.RadScheduler .rsMonthView .rsWrap.rsDateWrap .rsDateBox {
        padding-right: 3px !important;
    }

.rs-customer-cal.RadScheduler .rsMonthView .rsApt {
    height: 100% !important;
}

.rs-customer-cal.RadScheduler_Bootstrap .rsAptContent {
    border: none !important;
    padding: 0 0 5px !important;
    background-color: #FFFFFF !important;
    cursor: pointer;
}

    .rs-customer-cal.RadScheduler_Bootstrap .rsAptContent span {
        font-size: 12px !important;
    }

    .rs-customer-cal.RadScheduler_Bootstrap .rsAptContent:hover {
        background-color: var(--sms-default-blue) !important;
    }

        .rs-customer-cal.RadScheduler_Bootstrap .rsAptContent:hover span {
            color: #ffffff !important;
        }

.rs-customer-cal.RadScheduler .rsContentTable td {
    background-color: #fff !important;
}

.rs-customer-cal.RadScheduler_Bootstrap .rsApt .rsAptContent .div-type-time-banner {
    background-color: var(--sms-light-blue) !important;
}
/*For sold out events*/
.rs-customer-cal.RadScheduler_Bootstrap .rsApt.e-sold-out .rsAptContent {
    background-color: #EAEAEB !important;
}

    .rs-customer-cal.RadScheduler_Bootstrap .rsApt.e-sold-out .rsAptContent span.lbl-cal-event-title,
    .rs-customer-cal.RadScheduler_Bootstrap .rsApt.e-sold-out .rsAptContent span.lbl-cal-event-spot,
    .rs-customer-cal.RadScheduler_Bootstrap .rsApt.e-sold-out .rsAptContent:hover span.lbl-cal-purchase {
        color: var(--sms-default-black) !important;
    }

    .rs-customer-cal.RadScheduler_Bootstrap .rsApt.e-sold-out .rsAptContent .div-type-time-banner {
        background-color: var(--sms-default-grey) !important;
    }

.rs-customer-cal.RadScheduler .rsMonthView .rsApt.e-blank {
    pointer-events: none !important;
    opacity: 0 !important;
}

.rs-customer-cal.RadScheduler_Bootstrap .rsDayView .rsApt.e-blank {
    pointer-events: none !important;
    opacity: 0 !important;
}

.rs-customer-cal.RadScheduler_Bootstrap .rsDateHeader {
    font-size: 28px !important;
    color: #7f7f7f !important;
    font-weight: 400 !important;
}

.rs-customer-cal.RadScheduler a.rsDateHeader:hover {
    text-decoration: none !important;
}

.rs-customer-cal.RadScheduler_Bootstrap .rsMonthView .rsApt {
    border-radius: 5px !important;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 45%) !important;
    height: auto !important;
    float: left !important;
    display: contents;
}

.rs-customer-cal.RadScheduler_Bootstrap .rsDayView .rsApt {
    border-radius: 5px !important;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 45%) !important;
    float: left !important;
}

.rs-customer-cal.RadScheduler_Bootstrap .rsDayView .lbl-cal-event-title {
    min-height: unset !important;
}

.rs-customer-cal.RadScheduler_Bootstrap .rsMonthView .rsShowMore {
    color: var(--sms-default-blue) !important;
    padding: 10px 0 5px !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    height: 30px !important;
}

.rs-customer-cal.RadScheduler_Bootstrap .rsHorizontalHeaderTable th {
    background-color: var(--sms-default-blue) !important;
    border: none !important;
    padding: 0px !important;
}

    .rs-customer-cal.RadScheduler_Bootstrap .rsHorizontalHeaderTable th div {
        font-weight: 400 !important;
        color: #98989A !important;
        font-size: 14px !important;
        text-transform: uppercase !important;
    }

.div-type-time-banner {
    padding: 1px 5px 0 !important;
    border-radius: 5px 5px 0 0 !important;
}

    .div-type-time-banner span {
        color: #FFFFFF !important;
        line-height: 20px !important;
        float: left;
    }

.lbl-cal-event-title {
    float: left;
    width: 100%;
    text-align: center;
    min-height: 50px;
}

.lbl-cal-event-time {
    float: right;
    font-weight: 700;
    text-align: right;
    border-radius: 13px;
}

.rs-customer-cal.RadScheduler_Bootstrap .rsAptContent span.lbl-cal-event-time {
    font-size: 12px !important;
    color: #FFFFFF !important;
    float: right;
}

.lbl-cal-event-spot {
    float: left;
    color: #999 !important;
    font-weight: 700 !important;
    margin-top: 5px !important;
    width: 100%;
    text-align: center;
}

.lbl-cal-purchase {
    text-decoration: underline !important;
    float: right;
    margin-top: 5px !important;
    width: 100%;
    text-align: center;
}

.div-link-box {
    display: inline-block;
    width: 100%;
    padding: var(--sms-default-font) 18px;
    border-radius: 4px;
    border: 1px #ddd solid;
    background-color: #fff;
}

    .div-link-box a {
        color: var(--sms-default-blue) !important;
        text-decoration: underline !important;
    }

        .div-link-box a:hover {
            color: #A7232C !important;
        }

.rdp-store-dashboard.RadDataPager .rdpWrap .pager {
    display: none !important;
}

.divClassSeries {
    width: auto;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    padding: 5px;
    position: absolute;
    background-color: #fff;
    left: 0px;
    top: 3px;
}

.div-event-gallery .div-inner-boxes {
    width: 24%;
    display: inline-block !important;
    position: relative;
    /*border-bottom: 1px solid #C1C1C1;*/
    background-color: #ffffff !important;
    /*border-right: 1px solid #C1C1C1;*/
    text-align: center;
    padding: 11px;
    float: left;
    min-height: 363px;
    box-shadow: rgba(0, 0, 0, 0.35) 2px 2px 5px;
    margin: 0.5%;
}
.div-inner-boxes .rlvI {
    width: 100%;
}
/* Selects every 4th child */
.div-event-gallery a:nth-child(4n) .div-inner-boxes {
    /* styles here */
    margin-right: 0 !important;
}
.div-event-gallery .div-inner-boxes:nth-child(4n+0) {
    border-right: none;
}

.div-event-gallery .div-img-product img {
    width: auto !important;
    height: 100% !important;
    max-width: 256px !important;
}

.div-gallery-box-data {
    max-width: 288px;
    margin: 0 auto;
}

.div-event-gallery .div-item-detail {
    padding-top: 5px !important;
    min-height: 50px !important;
    max-width: 256px;
}

    .div-event-gallery .div-item-detail span {
        height: 45px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
    }

.gallery-fade {
    color: var(--sms-default-grey) !important;
    font-weight: 600 !important;
}

.lbl-event-price {
    font-weight: 700;
    font-size: 13px;
    float: left;
    line-height: 20px;
}

.lbl-event-type {
    color: var(--sms-default-grey);
    font-size: 12px;
    float: right;
    line-height: 20px;
}

.lbl-event-spot {
    float: left;
    font-weight: 700;
}

    .lbl-event-spot span.material-icons {
        width: 18px;
        font-size: var(--sms-default-font) !important;
        position: relative;
        top: 1px;
    }

    .lbl-event-spot.font-600 {
        font-weight: 600 !important;
    }

.lnk-add-cart {
    float: right;
    text-decoration: underline;
}
/****************************Store****************************/
.rdp-store-dashboard.RadDataPager .RadComboBox {
    margin-right: 0 !important;
}

.rdp-store-dashboard.RadDataPager .RadComboBox_Bootstrap .rcbFocused {
    border: 1px solid #ccc !important;
    background: #FFFFFF !important;
}

.rdp-store-dashboard.RadDataPager .RadComboBox .rcbInner {
    padding: 4px 2em 4px 10px !important;
}

.div-info-spot {
    float: left;
    margin-left: 30px;
}

    .div-info-spot label {
        line-height: 15px !important;
        margin-top: 10px;
    }

        .div-info-spot label:first-child span {
            float: left;
            width: 15px;
            height: 15px;
            background-color: #CCDFE4;
            margin-right: 10px;
        }

        .div-info-spot label:last-child span {
            float: left;
            width: 15px;
            height: 15px;
            background-color: #B2B2B2;
            margin-right: 10px;
        }

.div-order-detail table td label, .div-order-detail table td span {
    float: left;
    line-height: 25px !important;
    margin-right: 5px;
}

    .div-order-detail table td label.lh-20, .div-order-detail table td span.lh-20 {
        line-height: 20px !important;
    }

div.div-order-detail br {
    clear: both !important;
}

.lbl-soldout {
    color: var(--sms-default-black) !important;
    font-weight: 600 !important;
}

.div-description-customer {
    height: 100vh;
    display: table;
    color: #FFFFFF;
    margin: 0 auto;
}

    .div-description-customer div {
        vertical-align: middle;
        display: table-cell;
        height: auto;
        text-align: center;
        width: 300px;
    }

    .div-description-customer label {
        text-align: center;
        color: #FFF !important;
        margin: 0px;
        font-size: var(--sms-default-font);
    }

.div-Registration-customer label {
    color: #333 !important;
    font-size: var(--sms-default-font) !important;
}

.div-Registration-customer {
    display: table;
    height: 90vh;
    margin: 5vh auto;
    background-color: white;
    border-radius: 10px;
    padding: 0px 17%;
    vertical-align: middle;
    position: relative;
}

.div-password-customer .RadButton.rbDisabled {
    opacity: 1 !important;
}

.div-create-user-pwd .RadButton.rbDisabled {
    opacity: 1 !important;
}

.div-password-customer {
    position: absolute;
    background-color: #fff;
    width: 285px;
    height: 200px;
    padding: 15px 27px;
    border-radius: 8px;
    box-shadow: 1px 1px 10px 2px #ccc;
    top: 20px;
    left: -308px;
    z-index: 2;
}

    .div-password-customer label {
        color: var(--sms-default-blue) !important
    }

.arrow {
    border: solid #fff;
    border-width: 0 8px 8px 0;
    display: inline-block;
    padding: 5px;
    box-shadow: 0px 0px 7px -6px #ccc;
    position: absolute;
    right: -9px;
}

.right-arrow {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.div-Registration-customer > div {
    vertical-align: middle;
    display: table-cell;
}

.div-Registration-customer input[type=checkbox] + label {
    font-size: var(--sms-default-font) !important;
}

.div-Registration-customer .RadComboBox input[type=text] {
    margin-bottom: 0px !important;
}

.div-Registration-customer input[type=text], .div-Registration-customer input[type=password] {
    margin-bottom: 15px;
    height: 40px !important;
    color: var(--sms-default-black);
}

a.lnk-password {
    cursor: pointer !important;
    font-size: var(--sms-default-font) !important;
    font-weight: 600 !important;
    color: #333 !important;
}

    a.lnk-password:hover {
        border-bottom: 2px solid #333 !important;
    }

.div-Registration-customer input.cls-validate[type=text], .div-Registration-customer input.cls-validate[type=password] {
    margin-bottom: 15px;
}

a.chk-team:hover {
    font-weight: 600 !important;
    text-decoration: underline !important;
}

a.chk-team {
    color: rgba(112, 66, 191, 1) !important;
    font-size: var(--sms-default-font) !important;
    float: left;
    line-height: 15px;
    margin-left: 5px !important;
    cursor: pointer;
    text-decoration: underline !important;
}

.img-tick {
    position: absolute;
    left: 46%;
    top: 37%;
}

.img-ring {
    opacity: 0.6;
}
/*------------------------Gift Card--------------------------*/
.div-card-type {
    float: left;
    width: 84%;
    text-align: left !important;
}

.div-inner-card-type {
    float: left;
    width: 100%;
}

.div-gift-card {
    float: left;
    width: 100%;
    padding: 2% 10% !important;
}

    .div-gift-card img, .div-gift-card-demo img {
        border-radius: 5px !important;
    }

.div-gift-card-demo {
    float: left;
    width: 100%;
    text-align: center;
    border: 1px solid #d7d7d7 !important;
    padding: 20px 20px 30px;
    margin: 25px 0;
}
/*------------------------Roaster Email--------------------------*/
.div-order-detail table {
    margin-bottom: -4px !important;
    float: left;
    width: 100%;
    border-collapse: collapse;
}

    .div-order-detail table tr td {
        vertical-align: top;
        padding: 0 10px;
    }

        .div-order-detail table tr td:last-child {
            border-left: 1px solid #d7d7d7;
        }

table.tbl-top-order-info tr td {
    border: 1px solid #d7d7d7;
    padding-top: 7px;
    border-bottom: 0;
}

.div-compose-email table.tbl-compose {
    border-spacing: 0 !important;
}

    .div-compose-email table.tbl-compose tr {
        background-color: #FFFFFF !important;
    }

        .div-compose-email table.tbl-compose tr td.td-compose {
            background-color: #FFF !important;
        }

            .div-compose-email table.tbl-compose tr td.td-compose:first-child {
                padding-left: 0 !important;
            }

            .div-compose-email table.tbl-compose tr td.td-compose:last-child {
                padding-right: 0 !important;
            }

        .div-compose-email table.tbl-compose tr:nth-child(3) td:first-child {
            border: none;
            vertical-align: top;
        }

.lnk-white {
    height: 25px !important;
    line-height: 24px !important;
    font-size: var(--sms-default-font);
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px !important;
    display: inline-block;
    font-weight: 600;
}

    .lnk-white:hover {
        color: var(--sms-default-blue);
        background-color: #fff;
    }

.div-compose-email table input[type=text] {
    height: 25px !important;
}

.div-compose-email .RadInput_Bootstrap.riSingle .riTextBox {
    height: 32px !important;
}

.div-compose-email .rbl-common [type=radio] + label[for] {
    line-height: 25px !important;
}

.div-compose-email .rbl-common [type=radio] {
    height: 25px !important;
}

.div-compose-email hr {
    border-color: var(--sms-default-black) !important;
}

.re-compose.RadEditor table.reBottomTable {
    margin-bottom: 0 !important;
}

.div-select-attendee {
    float: left;
    width: 100%;
    border-bottom: 1px solid var(--sms-default-grey);
}

.div-show-attendee-list {
    border: 1px solid #E8E8E9;
    border-radius: 5px;
    padding: 15px;
    width: 638px;
    background-color: #FFFFFF;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.34901960784313724);
    position: absolute;
    z-index: 10 !important;
}

.div-show-schedule-option {
    border: 1px solid #E8E8E9;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 5px;
    background-color: #F5F5F5;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.34901960784313724);
    position: absolute;
    top: 65px;
    right: 0;
}
/****************************filter popup***************************/
.div-filter-popup {
    float: left;
    background-color: #FFFFFF !important;
}

    .div-filter-popup div {
        float: left;
    }

    .div-filter-popup table.chk-filter tr td {
        background-color: #F2F2F2;
    }

    .div-filter-popup table.chk-filter tbody td label {
        font-size: var(--sms-default-font) !important;
    }

    .div-filter-popup table.chk-filter [type=checkbox] + label[for] {
        line-height: 21px !important;
    }

    .div-filter-popup table.chk-filter [type=checkbox] {
        height: 21px !important;
    }

    .div-filter-popup .RadComboBox table td.rcbInputCell, .div-filter-popup .RadComboBox table td.rcbArrowCell,
    .div-filter-popup .RadComboBox_Bootstrap .rcbFocused {
        border-radius: 0 !important;
    }

    .div-filter-popup .RadComboBox .rcbInput {
        height: 38px !important;
        line-height: 38px !important;
    }

    .div-filter-popup span {
        color: #FFFFFF !important;
    }

    .div-filter-popup .button-primary-small {
        font-weight: 400 !important;
        box-shadow: 2px 2px 5px rgb(0 0 0 / 35%);
    }

        .div-filter-popup .button-primary-small:hover {
            color: var(--sms-default-black) !important;
            background-color: rgba(222,222,222,1) !important;
        }

    .div-filter-popup .lnk-clear {
        color: var(--sms-default-blue) !important;
        font-weight: 400 !important;
        font-size: var(--sms-default-font) !important;
    }

        .div-filter-popup .lnk-clear:hover {
            color: var(--sms-default-black) !important;
        }

    .div-filter-popup .RadComboBox_Bootstrap {
        box-shadow: 1px 1px 5px rgb(0 0 0 / 35%);
    }

.lnk-filter-sort {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--sms-default-blue) !important;
    margin: 5px 0 0 0;
}

    .lnk-filter-sort i {
        position: relative;
        top: 9px;
        left: 0px;
        color: var(--sms-default-blue) !important;
    }

.div-check-space .required span.error-party {
    visibility: hidden;
}

.div-check-space .required.required-field span.error-party {
    visibility: visible;
}

.required span.error-party {
    color: #EE2402;
    padding: 3px 0 0 0;
    font-size: 13px;
}

.div-check-space .required span.error {
    display: none;
}

.div-check-space .required.required-field span.error {
    display: inline;
}

.panel-series span {
    font-size: 20px !important;
}

.panel-series div {
    margin-left: 37px !important;
}

.inactive-grey {
    color: #AAAAAA !important;
    font-style: italic !important;
    margin-top: 3px !important;
    float: left;
}

.md-grey {
    color: #AAAAAA !important;
}

span.RadButton_Bootstrap.rbSkinnedButton.lnk-forgot {
    border: none !important;
    /*    position: absolute;
    left: 10px;
    top: 15px;*/
}

    span.RadButton_Bootstrap.rbSkinnedButton.lnk-forgot .rbDecorated {
        font-size: var(--sms-default-font) !important;
    }

span.RadButton_Bootstrap.rbSkinnedButton:hover.lnk-forgot, span.RadButton_Bootstrap.rbHovered.lnk-forgot .rbDecorated {
    background-image: none !important;
    background-color: transparent !important;
    color: var(--sms-default-blue) !important;
    box-shadow: none !important;
}

.div-order-breakdown label {
    min-width: 50%;
    text-align: right;
    margin: 0 !important;
}

.pointer-none {
    pointer-events: none !important;
    opacity: .5 !important;
}

.rcb-disabled input:disabled:hover {
    background-color: transparent !important;
    color: var(--sms-default-black) !important;
}

.lbl-upcoming-class {
    width: 100%;
    float: left;
    border: 1px solid #d7d7d7;
    padding: 15px;
    border-radius: 5px;
    font-size: var(--sms-default-font);
}

.rmt-phone {
    height: 40px !important;
}

.div-family-space .required span.error {
    height: 22px;
}

.div-family-space .required.required-field span.error {
    height: auto;
}

.rw-img-library.RadWindow_Bootstrap {
    position: fixed !important;
    top: 50px !important;
}

.hide-body-scroll {
    overflow-y: hidden !important;
}
/*------------------------------------ Report Section ------------------------------------*/
.div-report {
    border: 1px solid #d7d7d7 !important;
    border-radius: 3px;
    padding: 10px;
    float: left;
    width: 100%;
}

.chk-table-width tbody tr td {
    width: 30%;
}
/*------------------------------------ Birthday Party ------------------------------------*/
.div-info {
    border: solid 1px #f1f1f1;
    padding: 5px;
    border-radius: 5px;
    line-height: 10px;
    background-color: white;
    z-index: 1;
    top: 20px;
    left: 0px;
}

    .div-info a {
        margin-top: -3px;
        margin-right: -4px;
    }

.txt-occurrence.RadInput_Bootstrap a.riUp, .RadInput_Bootstrap a.riDown, .RadInput_Bootstrap a.riUp, .RadInput_Bootstrap a.riDown {
    width: 23px !important;
}

.RadInput_Bootstrap.riSingle .riTextBox.txt-occurrence {
    height: 30px !important;
}

.RadInput_Bootstrap.riContSpinButtons .riTextBox.txt-occurrence {
    padding: 0 0 0 2px !important;
}

.rs-time-slot.RadScheduler .rsContentScrollArea, .rs-time-slot.RadScheduler .rsContentWrapper {
    height: auto !important;
}

.rs-time-slot.rs-customer-cal.RadScheduler_Bootstrap .rsAptContent {
    background-color: #fff !important;
    cursor: default !important;
    padding: 2px !important;
}

    .rs-time-slot.rs-customer-cal.RadScheduler_Bootstrap .rsAptContent:hover span {
        color: var(--sms-default-black) !important;
    }

.rs-time-slot.RadScheduler .rsContentTable {
    height: 100% !important;
}

.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td {
    border-bottom: 1px solid #d7d7d7 !important;
}

.rs-time-slot.rs-customer-cal.RadScheduler .rsMonthView .rsWrap {
    height: 34px !important;
}

.rs-time-slot.RadScheduler_Bootstrap .rsHeader, .rs-staffing.RadScheduler_Bootstrap .rsHeader {
    background-color: #ffffff !important;
}

.rs-time-slot.RadScheduler_Bootstrap .rsHeader {
    z-index: 1;
}

    .rs-time-slot.RadScheduler_Bootstrap .rsHeader h2, .rs-staffing.RadScheduler_Bootstrap .rsHeader h2 {
        padding: 0 !important;
        font-size: 28px !important;
        color: #555555 !important;
        text-transform: capitalize !important;
        letter-spacing: 1px !important;
        width: 250px !important;
        margin: 0 auto !important;
        text-align: center !important;
        font-weight: 600 !important;
    }

    .rs-time-slot.RadScheduler_Bootstrap .rsHeader p, .rs-staffing.RadScheduler_Bootstrap .rsHeader p {
        z-index: 1 !important;
        position: relative !important;
        float: none !important;
        margin: 0 auto !important;
        width: 300px !important;
    }

    .rs-time-slot.RadScheduler_Bootstrap .rsHeader .rsPrevDay, .rs-time-slot.RadScheduler_Bootstrap .rsHeader .rsPrevDay:hover,
    .rs-time-slot.RadScheduler_Bootstrap .rsHeader .rsNextDay, .rs-time-slot.RadScheduler_Bootstrap .rsHeader .rsNextDay:hover,
    .rs-staffing.RadScheduler_Bootstrap .rsHeader .rsPrevDay, .rs-staffing.RadScheduler_Bootstrap .rsHeader .rsPrevDay:hover,
    .rs-staffing.RadScheduler_Bootstrap .rsHeader .rsNextDay, .rs-staffing.RadScheduler_Bootstrap .rsHeader .rsNextDay:hover {
        background-color: #FFFFFF !important;
        position: absolute !important;
        border: none !important;
    }

        .rs-time-slot.RadScheduler_Bootstrap .rsHeader .rsPrevDay, .rs-time-slot.RadScheduler_Bootstrap .rsHeader .rsPrevDay:hover,
        .rs-staffing.RadScheduler_Bootstrap .rsHeader .rsPrevDay, .rs-staffing.RadScheduler_Bootstrap .rsHeader .rsPrevDay:hover {
            left: 0 !important;
        }

        .rs-time-slot.RadScheduler_Bootstrap .rsHeader .rsNextDay, .rs-time-slot.RadScheduler_Bootstrap .rsHeader .rsNextDay:hover,
        .rs-staffing.RadScheduler_Bootstrap .rsHeader .rsNextDay, .rs-staffing.RadScheduler_Bootstrap .rsHeader .rsNextDay:hover {
            right: 0 !important;
        }

.rs-time-slot.RadScheduler_Bootstrap .rsDateHeader {
    pointer-events: none !important;
    cursor: default !important;
}

.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td.cell-disabled {
    opacity: 0.5 !important;
}

.rs-time-slot.RadScheduler_Bootstrap .rsMonthView .rsApt {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.div-float-base div {
    float: left;
}

.div-float-base.required span.error, .requiredDiscount span.error, .divDiscountUsage span.error {
    display: none;
}

.div-float-base.required-field span.error, .requiredDiscount.required-field span.error,
.divDiscountUsage.required-field span.error {
    display: inline;
}

.div-info-container {
    float: left;
    position: relative;
    margin: 8px 0 0 8px;
}

    .div-info-container article, .rg-scheduling.RadGrid_Bootstrap .th-info-hover article {
        width: 218px;
        height: 54px;
        padding: 3px;
        line-height: 15px;
        text-align: center;
        background-color: #EBF2FA;
        box-sizing: border-box;
        border: 1px solid rgba(215, 215, 215, 1);
        border-radius: 5px;
        position: absolute;
        left: 26px;
        top: -14px;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s, opacity 0.5s linear;
        z-index: 1;
    }

.rg-scheduling.RadGrid_Bootstrap .th-info-hover article {
    height: 174px !important;
    padding: 10px !important;
}

.div-info-container span:hover ~ article, .rg-scheduling.RadGrid_Bootstrap .th-info-hover span:hover ~ article {
    visibility: visible;
    opacity: 1;
}

.rg-scheduling.RadGrid_Bootstrap .th-info-hover span:hover ~ article {
    height: auto !important;
}

.rg-scheduling.RadGrid_Bootstrap, .rg-scheduling.RadGrid_Bootstrap table {
    border: none !important;
}

    .rg-scheduling.RadGrid_Bootstrap .rgRow > td, .rg-scheduling.RadGrid_Bootstrap .rgAltRow > td, .rg-scheduling.RadGrid_Bootstrap .rgHeader, .rg-scheduling.RadGrid_Bootstrap .rgFooter td, .rg-scheduling.RadGrid_Bootstrap .rgEditRow > td {
        border: none !important;
        background-color: #FFFFFF !important;
        padding: 5px 10px 5px 0 !important;
    }

    .rg-scheduling.RadGrid_Bootstrap .rgHeader, .rg-scheduling.RadGrid_Bootstrap .material-icons.md-grey {
        color: #9E9E9E !important;
    }

        .rg-scheduling.RadGrid_Bootstrap .material-icons.md-grey:hover {
            color: var(--sms-default-blue) !important;
        }

    .rg-scheduling.RadGrid_Bootstrap tr td span {
        width: 100%;
        height: 30px;
        background-color: #f2f2f2;
        display: inline-block;
        border-radius: 5px;
        font-size: 16px;
        line-height: 30px;
        padding: 0px 5px 0 0;
        margin-right: 30px !important;
    }

    .rg-scheduling.RadGrid_Bootstrap .RadPicker_Bootstrap .rcTimePopup {
        margin-left: 5px !important;
        width: 25px !important;
    }

    .rg-scheduling.RadGrid_Bootstrap .RadInput_Bootstrap.riSingle .riTextBox {
        height: 30px !important;
    }

    .rg-scheduling.RadGrid_Bootstrap .RadPicker .RadInput.riSingle {
        padding-right: 0 !important
    }

    .rg-scheduling.RadGrid_Bootstrap .RadPicker table.rcTable td {
        padding: 0 !important
    }

    .rg-scheduling.RadGrid_Bootstrap .RadPicker {
        width: 100% !important;
    }

    .rg-scheduling.RadGrid_Bootstrap .th-info-hover span {
        margin-left: 2px !important;
    }

.btn-save-calendar-changes, .btn-save-calendar-changes:hover {
    height: 36px !important;
    line-height: 33px !important;
    white-space: normal !important;
    padding: 0 !important;
    text-align: center;
}

.rs-time-slot.RadScheduler_Bootstrap .RadInput_Bootstrap a.riDown {
    background-position: -18px -68px !important;
}

.rs-time-slot.RadScheduler_Bootstrap .RadInput_Bootstrap a.riUp {
    background-position: -18px -16px !important;
}

.rs-time-slot.RadScheduler_Bootstrap .RadInput_Bootstrap a.riUp, .rs-time-slot.RadScheduler_Bootstrap .RadInput_Bootstrap a.riDown {
    width: 15px !important;
    padding: 0 !important;
}

.rs-time-slot.RadScheduler_Bootstrap .RadInput_Bootstrap {
    float: right !important;
}

.rs-time-slot.RadScheduler_Bootstrap .rsHorizontalHeaderTable th div {
    color: #ffffff !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}

.rs-time-slot.RadScheduler_Bootstrap .rsHorizontalHeaderTable th {
    padding: 0 !important;
}
/*.rs-time-slot.RadScheduler .rsMonthView .rsWrap.rsLastWrap {margin-bottom:10px !important;}*/
.div-guest-total {
    margin: 0 auto;
    display: table;
    width: 280px;
}
/***************************IE browser****************************/
@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .rw-default .RadComboBox .rcbInput {
        line-height: normal !important;
    }

    .RadComboBox .rcbInput {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .div-search input[type=text] {
        line-height: 28px !important;
    }

    .lbl-event-line {
        max-height: 60px !important;
    }
}
/***************************FireFox****************************/
@-moz-document url-prefix() {
    .div-radio-list .rbl-common [type=radio] + label[for], .div-radio-list .chk-filter [type=checkbox] + label[for], .div-radio-list .chk-all label {
        line-height: 30px !important;
    }

    #ctl00_ContentPlaceHolder3_ViewEvent_thRegistration.colunm-none {
        display: none;
    }
}
/*************************Responsive CSS (for mobile view)****************************/
@media only screen and (max-device-width: 640px) {
    .div-dashboard .div-tabs .chk-inactive input[type="checkbox"] {
        margin: 0 !important;
        height: 15px !important;
        float: left;
        width: 10% !important;
    }

        .div-dashboard .div-tabs .chk-inactive input[type="checkbox"] + label {
            margin: 0 15px 0 0 !important;
            line-height: 15px !important;
            float: left;
            width: 82% !important;
        }
    #mySidenav{
        padding-top:15px !important;
        width:58px !important;
    }
    .div-left-nav .menu a span {
        display: none !important;
    }
    .icon-left-arrow.line-height-mobile {
        line-height: 27px !important;
    }
    .div-qrcode {
        position: relative !important;
        top: 0px !important;
        left: 5px !important;
        right: 20px !important;
        text-align: center;
    }
    .rs-customer-cal.RadScheduler_Bootstrap{
        margin-top: 50px !important; 
    }
    .list-view-img {
        width: 55px !important;
    }
    .list-view-img + span{
        text-align: left !important;
    }
    .mobile-align {
        line-height: 20px;
        margin-left: -6px !important;
    }
    .main-qr {
        top: 45px;
        position: absolute;
        left: 0px;
    }
    .qr-close {
        top: 3px;
        position: absolute;
        right: -3px;
    }
    .no-scroll {
        overflow: hidden !important;   
        touch-action: none;
    }
    .mobile-width-qr{
        width: 100% !important;
    }

    .rg-locationevent.RadGrid_Bootstrap {
        overflow-x: scroll !important;
        width: auto !important;
    }
    .div-scroll-flex {
        flex-direction: column;
    }
    .rs-customer-cal.rs-customer-dashboard.rs-update.RadScheduler_Bootstrap .rsHeader .rsNextDay, .rs-customer-cal.rs-customer-dashboard.rs-admin-cal.RadScheduler_Bootstrap .rsHeader .rsNextDay {
        right: 0px !important;
    }

    html, body {
        height: 100% !important;
    }

    .rts-event-type .rtsLevel1 .rtsLI {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    .button-ajax div.RadAjaxPanel, .button-primary, span.RadButton_Bootstrap.rbSkinnedButton.rb-secondary-mobile, .button-primary-mobile:hover, .button-primary-selected, .button-update-ajax div, .btn-class-customer, .lnk-class-selected, .rb-primary-small.RadButton_Bootstrap.rbSkinnedButton, .rb-secondary.RadButton_Bootstrap.rbSkinnedButton {
        width: auto !important;
        padding: 0 20px !important;
        margin-bottom: 10px !important;
    }

    .mobile-product.button-ajax div.RadAjaxPanel {
        padding: 0 10px !important;
    }

    .div-event-gallery .div-inner-boxes {
        width: 98.5% !important;
        margin-bottom: 15px !important;
    }

    .gallery-view {
        padding-top: 0px !important;
    }

    .rb-width.RadButton_Bootstrap.rbSkinnedButton {
        width: 38% !important;
    }

    .div-header-admin-main a img {
        margin-top: 0px !important;
        margin-left: 0px !important;
    }

    .div-header-notifications {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 12 !important;
        position: absolute;
    }

    .mobile-none br, .div-password-customer, .mobile-none {
        display: none !important;
    }

    .div-brd-customer {
        margin-bottom: 0 !important;
    }

    .div-list-products .div-inner-list-items {
        width: 98.5% !important;
        margin-bottom: 15px !important;
    }

    .btn-class-customer {
        width: 100% !important;
    }

    .screen-width {
        width: 100% !important;
    }

    .width-50-mobile {
        width: 50% !important;
    }

    .width-40-mobile {
        width: 40% !important;
    }

    .small-offset-1 {
        margin-left: 0px !important;
    }

    .div-dashboard .div-tabs {
        width: 100% !important;
        margin: 0px !important;
        padding: 5px 10px !important;
        overflow-x: auto !important;
    }

    .rs-customer-cal.rs-staffing.RadScheduler_Bootstrap .rsHeader h2 {
        padding-left: 0px !important;
    }

    .div-event-type.medium-offset-3.event-margin {
        margin-left: 4.2% !important;
    }

    .mobile-prz {
        padding-right: 0px !important;
    }

    .mobile-prm {
        padding-right: 10px !important;
    }
    .mobile-fullwidth .riSingle{
        width:100% !important;
    }
    .mobile-plz {
        padding-left: 0px !important;
    }

    .mobile-pbs {
        padding-bottom: 5px !important;
    }
    .mobile-mb-75{
        margin-bottom: 75px !important;
    }
    .mobile-mtxl, span.mobile-mtxl {
        margin-top: 20px !important;
    }

    .mobile-clear-both {
        clear: both !important;
    }

    .mobile-grid-order {
        width: 150% !important;
        overflow-x: auto !important;
    }

    .mobile-lhs {
        line-height: 20px !important;
    }

    .mobile-mlm {
        margin-left: 10px !important;
    }

    .mobile-mbm {
        margin-bottom: 10px !important;
    }
    .mobile-mtm {
        margin-top: 10px !important;
    }
    .mobile-mtm {
        margin-top: 10px !important;
    }

    .mobile-mrm {
        margin-right: 10px !important;
    }

    .mobile-mtl {
        margin-top: 15px !important;
    }

    .mobile-mt-75 {
        margin-top: 75px !important;
    }

    .mobile-ptl {
        padding-top: 15px !important
    }
    .mobile-icon{
        left: 6px !important;
    }

    .mobile-plm, .div-customer-registration .columns.mobile-plm {
        padding-left: 10px !important;
    }

    .mobile-pz, .div-cart.mobile-pz {
        padding: 0px !important;
    }
    div.bg-faded-blue{
        height: auto !important
    }
    .rs-time-slot .btn-copy {
        position: absolute !important;
        top: -45px !important;
        left: 3px !important;
    }


    .mobile-padding-10, .div-sign-in.div-Registration-customer {
        padding: 10px !important;
    }

    .btn-experience {
        top: 226px !important;
        right: 37px !important;
    }
    .mobile-padding-15 {
        padding: 15px !important;
    }

    .mobile-pr-15 {
        padding-right: 15px !important;
    }

    .mobile-lhl {
        line-height: 20px !important;
    }
    /*.mobile-lhs { line-height: 10px !important;}*/
    .mobile-mbz {
        margin-bottom: 0px !important;
    }

    .mobile-ptxs {
        padding-top: 3px !important;
    }

    .mobile-pll {
        padding-left: 15px !important;
    }

    .mobile-ptm {
        padding-top: 10px !important;
    }

    .mobile-mll {
        margin-left: 15px !important;
    }

    .div-login {
        width: 85% !important;
    }

    .mobile-fullwidth, div.div-align {
        width: 100% !important;
    }

    .mobile-mz {
        margin: 0px !important;
    }

    .mobile-mtz {
        margin-top: 0px !important;
    }

    .mbl-left {
        float: left !important;
    }
    .lbl-publish{
        width: unset !important;
    }

    .div-mobile-account {
        width: 80% !important;
        margin-left: 40px !important;
    }

    .rts-customer.RadTabStrip .rtsLink {
        padding: 4px 10px !important;
    }
    /*.rts-customer .rtsLevel1 .rtsLink span { font-size: 13px !important;line-height: 34px !important;}*/
    .rts-card .rtsLevel1 .rtsLI {
        width: 100% !important;
    }
    /*vb:New changes for customer calendar mobile view (display vertically aligned events in full-width)*/
    .rs-customer-cal.RadScheduler .rsHorizontalHeaderTable {
        display: none !important;
    }

    .rs-customer-cal.RadScheduler .rsMonthView .rsWrap, .rs-customer-cal.RadScheduler .rsMonthView .rsContentWrapper {
        height: auto !important;
    }

        .rs-customer-cal.RadScheduler .rsMonthView .rsWrap.rsDateWrap {
            height: 25px !important;
            padding-top: 10px !important;
        }

    .rs-customer-cal.RadScheduler .rsMonthView .rsAptMid, .rs-customer-cal.RadScheduler .rsMonthView .rsAptIn,
    .rs-customer-cal.RadScheduler .rsMonthView .rsAptContent, .rs-customer-cal.RadScheduler .rsMonthView .rsApt,
    .dd-filter {
        position: static !important;
    }

    .rs-customer-cal.RadScheduler .rsContentTable td {
        width: 100% !important;
        float: left !important;
    }

    .rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsTopWrap .rsHeader h2 {
        /*width: 100% !important;*/
        position: relative !important;
        text-align: center !important;
        /*left: auto !important;*/
        letter-spacing: normal !important;
        padding: 0 !important;
        width: 230px !important;
        left: 16% !important;
    }

    .rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHeader p {
        width: 100% !important;
    }

    .lbl-cal-event-title {
        min-height: 25px !important;
    }

    .rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHeader h2 {
        font-size: 20px !important;
        margin: 1px auto !important;
    }

        .rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHeader h2 > i {
            font-size: 20px !important;
        }

    div.rs-admin-cal.rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap div.rsHeader h2 {
        font-size: 14px !important;
        width: 200px !important;
        left: 8% !important;
    }

        div.rs-admin-cal.rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap div.rsHeader h2 > i {
            font-size: 14px !important;
        }

    .div-filter-popup .RadComboBox_Bootstrap {
        width: 100% !important;
    }

    .mobile-width tbody tr, div.div-img-container, div.div-img-container.admin-img-container, .div-img-container {
        width: 100% !important;
    }

    .div-staffing-image-wrap .div-img-container img {
        width: 100% !important;
        height: auto !important;
    }

    .div-card-type {
        width: 100% !important;
        margin-top: 20px;
    }

    .map-mobile, .small-12 {
        width: 100% !important;
    }

    .div-dashboard {
        float: left;
        width: 100% !important;
        padding-bottom: 15px;
    }

    .div-link-box {
        margin-bottom: 10px !important;
    }

    .div-description-customer {
        height: auto !important;
        padding: 15px 0px !important;
    }
    .divViewDetails .medium-4.small-6{
        width: 50% !important;

    }
    .div-Registration-customer {
        height: auto !important;
        padding: 20px 0px !important;
    }

    .div-mobile-grid {
        overflow-x: auto !important;
        float: left;
        width: 100%;
    }

    .div-repeater-mobile {
        display: block !important;
    }

        .div-repeater-mobile .medium-8 {
            padding-left: 0 !important;
        }

    .div-cart {
        padding: 5px !important; /*overflow-x:auto !important;*/
    }

        .div-cart.div-checkout {
            padding: 5px !important;
            overflow-x: unset !important;
        }

            .div-cart.div-checkout .rg-cart-details.RadGrid .rgMasterTable {
                overflow-x: auto !important;
            }

    .div-checkout {
        padding: 5px !important;
    }

    .div-cart-products {
        width: 69% !important;
    }

    .rg-cart .riSingle {
        width: 60px !important;
        margin-left: 2px !important;
    }

    .div-order-detail table td {
        padding: 0 !important;
        width: 50% !important;
    }

    .rg-store {
        width: 100% !important;
    }

    .pll-mobile {
        padding-left: 20px !important;
    }

    .plxl-mobile {
        padding-left: 30px !important;
    }

    .plm-mobile {
        padding-left: 10px !important;
    }

    .div-header-user span {
        margin-left: 5px !important;
    }

        .div-header-user span.font-20 {
            font-size: 20px !important;
        }

    .rg-cart.RadGrid_Bootstrap .rgFooter td span.td-totalAmount {
        width: 80px !important;
    }

    .div-header-admin {
        position: static !important;
    }

    .div-footer table tr td:nth-child(1) {
        width: 50% !important;
    }

    .div-footer table tr td:nth-child(2) {
        width: 40% !important;
    }

    .div-footer table tr td:nth-child(3) {
        display: none !important;
    }

    .div-mobile-grid #ctl00_ContentPlaceHolder3_LocationAndHours_rgEventDashBoard {
        width: 670px !important;
    }

    .rd-text-editor.Bootstrap.RadEditor .reNoBorder div.reContentArea {
        padding: 2px 10px 2px 8px !important;
    }

    .sidenav {
        position: static !important;
        float: left !important;
        width: 58px !important;
    }

    .div-left-nav {
        padding-top: 0 !important;
    }

    .open-nav {
        position: static !important;
        display: none !important;
    }

    .list-left-menu li a {
        background-position-x: 16px !important;
    }

    .div-customer-view {
        overflow-x: auto !important;
    }

        .div-customer-view .columns {
            padding: 0 !important;
        }

    #mainContainer {
        padding: 15px !important;
        float: left !important;
        width: 83% !important;
    }

    .div-search-filter {
        float: left !important;
        min-width: initial !important;
        margin: 0 0 10px 0 !important;
        width: 80% !important;
    }

    .mobile-search-filter {
        position: relative !important;
        top: 10px;
        right: 0;
        width: 100% !important;
    }

    .div-attendes, .div-outer-instructor {
        width: 100% !important;
        overflow-x: auto !important;
    }

    .div-instructordisable {
        width: 100% !important;
        border-left: none !important;
    }

    .rts-assignment.RadTabStrip_Bootstrap, .rts-checkout.RadTabStrip .rtsLI {
        width: auto !important;
    }

    .rts-assignment.RadTabStrip_Bootstrap, .autowidth-mobile {
        width: auto !important;
    }

    .rts-Default .rtsLevel1 .rtsLI {
        margin-bottom: 10px !important;
    }

    .div-tabs-instructor {
        position: relative !important;
        width: 100% !important;
        left: 0px;
    }

    .div-instructor-view .rlvI {
        width: 232px !important;
        min-height: 176px !important;
    }

    .div-library {
        padding: 0 !important;
    }

    .div-list-library .div-list-library-items {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    .div-attendes, .div-instructordisable {
        float: left !important;
        width: 100% !important;
    }
        /*.div-attendes .rg-upcoming-events tr td span {width: auto !important;}*/
        .div-attendes .rg-upcoming-events tr td {
            padding: .5rem 0.5em !important;
        }

    .rts-assignment.RadTabStrip_Bootstrap {
        width: 50% !important;
    }

    .ui-widget.ui-widget-content {
        width: 92% !important;
        left: 2% !important;
    }

    .button-ajax div.RadAjaxPanel {
        margin-right: 0 !important;
    }

    div.modal div.modal-dialogdiv.modal-content, .width-98-mobile {
        width: 98% !important;
    }

    .mobile-margin-top {
        margin-top: 15px !important;
    }

    .width-30-mobile {
        width: 30% !important;
    }

    .width-70-mobile {
        width: 70% !important;
    }

    .width-65-mobile {
        width: 65% !important
    }
    .mobile-auto-height {
        height:auto !important;
    }
    div.RadWindow_Bootstrap, .rw-center.RadWindow_Bootstrap {
        width: 96% !important;
        left: 2% !important;
    }

    .rw-center.RadWindow_Bootstrap {
        top: 220px !important;
    }

    .RadWindow_Bootstrap .RadTouchExtender {
        width: 100% !important;
        overflow-y: auto !important;
        height: auto !important;
    }

    .div-event-prices span, .div-event-prices span:nth-child(2n+1) {
        width: 50%;
    }

    .mobile-rz {
        right: 0px !important;
    }

    .mobile-lz {
        left: 0px !important;
    }

    .rts-navigation .rtsLevel1 .rtsLI {
        width: 200px !important;
    }

    .div-store-search i.material-icons {
        right: -7px !important;
    }

    .div-store-search {
        width: 100% !important;
    }

        .div-store-search input[type="text"] {
            width: 100% !important;
        }

    .error-no-slot, .mobile-relative {
        position: relative !important;
    }

    .rg-cart.RadGrid_Bootstrap .rgRow > td, .rg-cart.RadGrid_Bootstrap .rgAltRow > td, .rg-cart.RadGrid_Bootstrap .rgEditRow > td, .rg-cart.RadGrid_Bootstrap .rgHeader, .rg-cart.RadGrid_Bootstrap .rgFooter td {
        padding: 7px 5px !important;
    }

    .rg-cart.RadGrid_Bootstrap tr td .columns, .rg-cart.RadGrid_Bootstrap tr td .columns * {
        text-align: left !important;
    }

    .rg-cart.RadGrid_Bootstrap tr td .txt-right-mobile, .rg-cart.RadGrid_Bootstrap tr td .txt-right-mobile label {
        text-align: right !important;
    }

    .lbl-total-txt-mobile {
        min-width: 70px !important;
    }

    .div-customer-header, .rs-customer-cal.RadScheduler_Bootstrap .rsHeader, .rs-customer-cal.RadScheduler_Bootstrap .rsHorizontalHeaderWrapper, .div-filter-popup {
        position: static !important;
        z-index: unset !important;
    }

    .rs-customer-cal.RadScheduler .rsTopWrap .rsContent.rsMonthView, .rs-customer-cal.RadScheduler .rsTopWrap .rsContent.rsDayView {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .rs-customer-cal.RadScheduler .rsContentScrollArea {
        height: initial !important;
    }

    .rs-customer-cal.rs-customer-dashboard.RadScheduler .rsMonthView .rsWrap,
    .rs-customer-cal.rs-customer-dashboard.RadScheduler .rsContentWrapper {
        height: auto !important;
    }

    .rts-blue-circle.RadTabStrip .rtsLink .rtsTxt {
        font-size: 12px !important;
        font-weight: 600 !important;
    }

    .rts-blue-circle.RadTabStrip .rtsLink {
        padding: 5px !important;
    }

        .rts-blue-circle.RadTabStrip .rtsLink .rtsTxt span {
            display: none !important;
        }

    .div-list-view-header {
        position: static !important;
        padding: 0 !important;
        border: none !important;
    }

    .div-reset-mobile div {
        clear: initial !important;
    }

    .div-reset-mobile a.lnk-clear {
        color: #FFFFFF !important;
    }

    .div-filter-popup {
        box-shadow: none !important;
        width: 100% !important;
        padding: 5px 0 !important;
    }

    .rg-cust-dashboard.RadGrid_Bootstrap {
        margin-top: 0 !important;
    }

    .div-customer-registration .columns, .div-customer-registration table tr td, .div-left-space-checkout,
    .div-item-info-checkout .div-left-space-checkout {
        padding: 0 !important;
    }


    .div-customer-registration .RadComboBox table tr td.rcbInputCellLeft {
        padding-left: 5px !important;
    }

    .div-customer-registration .row {
        margin: 0 !important;
    }

    .lbl-blue-circle {
        display: none !important;
    }

    .speech-box {
        margin: 25px 0 0 !important;
    }

    .mobile-left, .rbl-payment-type {
        float: left !important;
    }

    .rts-checkout.RadTabStrip .rtsSeparator {
        width: 35px !important;
    }

    .rts-checkout.RadTabStrip_Bootstrap .rtsLI .rtsLink .rtsTxt {
        font-size: 16px !important;
    }

    .divcheckout .columns, .divcheckout .RadGrid_Bootstrap tr > td {
        padding: 0 !important;
    }

    .divcheckout .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .divcheckout .rg-cart .riSingle, .div-left-seventy, .div-white-bg, .div-left-seventy .div-white-bg {
        width: 100% !important;
    }

    .div-white-bg {
        margin-top: 15px !important;
    }

    .rg-cart-details.RadGrid .rgMasterTable {
        width: 150% !important;
    }

    .rcb-party-theme tr td {
        padding-left: 0 !important;
    }

    .custom-tabs ul {
        margin-left: 0 !important;
    }

        .custom-tabs ul li {
            font-size: 15px !important;
            width: auto !important;
        }

            .custom-tabs ul li.line-separator, .custom-tabs ul li.line-default-separator {
                width: 20px !important;
            }

            .custom-tabs ul li span.material-icons {
                font-size: 22px !important;
            }

    .mobile-width-90, .chk-mobile [type=checkbox] + label[for] {
        width: 90% !important;
    }

    .link-show-menu-mobile {
        display: inline-block !important;
        float: right;
        color: var(--sms-default-blue) !important;
    }

    .div-menu-mobile {
        display: none;
        background-color: #FFFFFF;
        position: absolute;
        height: 330px;
        z-index: 25;
        top: 83px;
        border: 1px solid #797979;
        right: 2px;
        left: 2px;
        box-shadow: 2px 2px 3px #ccc;
        border-radius: 0 0 10px 10px;
    }

    .rts-mobile.rtsHorizontal .rtsLI {
        width: 100% !important;
        border-bottom: 1px solid #f2f2f2 !important;
        padding-left: 15px !important;
    }

    .rts-mobile.RadTabStrip .rtsLink {
        padding: 10px !important;
    }

    .mobile-width-500 {
        width: 500px !important
    }
    .mobile-position{
        top:0 !important;
        right:0 !important;
    }
    /*stripe account section*/
    .mobile-radio-btn input {
        float: left !important;
        height: 30px !important;
    }

    .mobile-radio-btn label, .div-check-new label {
        width: 80% !important;
        float: left !important;
        margin-right: 0px !important;
        margin-bottom: 5px !important;
    }

    .tbl-stripe table tbody td {
        float: left !important;
        width: 100% !important;
    }

    div.mbl-img-product img {
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
    }

    .mobile-div-order {
        width: 628px !important;
    }

    .div-order-text tr td {
        padding-right: 10px !important;
    }

    .mbl-prm {
        padding-right: 10px !important;
    }

    .chk-table-width tbody tr td {
        width: 100%;
        display: inline-table;
    }

    div.mbl-width span.riSingle, .button-ajax.button-ajax-left.mobile-flex div.RadAjaxPanel {
        width: 100% !important;
    }

    .party-grid-width, .rw-update-guest table tbody tr td .RadTouchExtender {
        width: 365px !important;
    }

    .mobile-pls {
        padding-left: 5px !important;
    }

    .tooltip-tag, .event-tooltip {
        width: 100% !important;
        left: 1px !important;
        top: 40px !important;
        position: absolute !important;
    }

    .mobile-grid-width {
        width: 655px !important;
    }

    .mobile-right, div.discount-right input[type="text"] {
        float: right !important;
    }

    .sign-percente {
        left: 85% !important;
    }

    .divDiscountAmount .sign-dollar {
        left: 40% !important;
        top: 10px !important;
    }

    table.rbl-theme-price td [type=radio] + label[for], .div-minimum-order [type="checkbox"] + label {
        width: 80% !important;
    }

    .mobile-tooltip {
        display: none !important;
        float: left !important;
    }

    .lbl-close-icon span img {
        margin-right: 20px !important;
    }

    .rts-pending-instructor.RadTabStrip_Bootstrap {
        width: 100% !important;
        float: left !important;
        margin: 0px !important;
    }

    .rts-pending-instructor .rtsLink {
        padding-left: 0px !important;
    }

    .rw-border.RadWindow_Bootstrap .rwContentRow, .RadWindow_Bootstrap .rwContent {
        width: auto !important;
    }

    .lbl-waitlist-info, div-waitlist-info, .lbl-roster-info, .lbl-addon-info, .mobile-info {
        display: none;
    }

    .mbl-event-error {
        top: 80px !important;
        left: 0 !important;
    }

    .mobile-text-width span {
        width: 90% !important;
        float: left !important;
    }

    .rg-scheduling.RadGrid_Bootstrap table tr td {
        width: 33% !important;
    }

    .rdtxt-width span {
        width: 100% !important;
    }

        .rdtxt-width span.absolute {
            width: auto !important;
        }

    .mobile-float-none div {
        float: none !important;
    }

    .mobile-plxl {
        padding-left: 25px !important;
    }

    .rw-min-height {
        min-height: 55px !important;
    }

    .div-header-dropdown-admin {
        position: absolute;
        top: 45px;
        right: 15px;
    }

    .div-search-instructor input[type=text] {
        width: 238px !important;
    }

    .rs-calender-mobile.RadScheduler_Bootstrap {
        width: 100% !important;
        overflow-x: auto !important;
    }

        .rs-calender-mobile.RadScheduler_Bootstrap .rsHeader h2 {
            font-size: 16px !important;
            width: 100% !important;
        }

        .rs-calender-mobile.RadScheduler_Bootstrap .rsHeader p, .rs-calender-mobile.RadScheduler .rsContentScrollArea {
            width: 100% !important;
        }

        .rs-calender-mobile.RadScheduler_Bootstrap .rsTopWrap {
            width: 100% !important;
        }

    .rs-calender-icons.RadScheduler_Bootstrap .rsHeader .rsPrevDay, .rs-calender-icons.RadScheduler_Bootstrap .rsHeader .rsNextDay {
        top: 10px !important;
    }

    .filter-icon-mobile span {
        left: -12% !important;
        top: 5px;
    }

    .rs-customer-font.rs-customer-dashboard.RadScheduler_Bootstrap .rsTopWrap .rsHeader h2 {
        font-size: 20px !important;
    }

    .chk-payment label {
        width: 90% !important;
    }

    .dd-filter.RadComboBoxDropDown_Bootstrap .rcbScroll {
        overflow: auto !important;
    }

    .rw-img-library.RadWindow_Bootstrap td.rwWindowContent > div {
        width: 100% !important;
    }

    .tab-rw-window.RadWindow_Bootstrap .rwContent {
        width: 100% !important;
    }

    table.rbl-roster-mail tr:first-child td input[type="radio"]:checked + label {
        padding-bottom: 120px !important;
    }

    .mobile-rw-height.RadWindow .rwWindowContent > div {
        height: auto !important;
    }

    .mobile-mlz {
        margin-left: 0px !important;
    }

    .mobile-rbl-common [type=radio] + label[for] {
        line-height: 24px !important;
        width: 20% !important;
    }

    .mobile-lbl-left > [type=checkbox] + label[for] {
        line-height: 13px !important;
        float: left !important;
    }

    .mobile-lbl-left > input[type=checkbox] {
        float: left !important;
    }

    div.rdp-mobile-pager.RadDataPager .rdpWrap {
        white-space: normal !important;
    }

    div.div-cart-mobile {
        overflow-x: auto !important;
    }

    .btn-save-calendar-changes, .btn-save-calendar-changes:hover {
        width: 90% !important;
    }

    .RadAutoCompleteBoxPopup_Bootstrap {
        width: auto !important;
    }

    .RadComboBoxDropDown .rcbCheckAllItems, .RadComboBoxDropDown .rcbCheckAllItemsHovered {
        border: none !important;
    }

    .RadComboBoxDropDown.rcbAutoWidth {
        width: 208px !important;
    }

    .div-outer-upload {
        padding: 3px !important;
    }

    div.div-card {
        width: 330px !important;
    }

    .btn-Calendar {
        position: relative !important;
        right: unset !important;
        top: unset !important;
    }

    .mobile-mts {
        margin-top: 5px !important;
    }

    div div.div-fields > input[type="text"], div div.div-fields .RadComboBox_Bootstrap, div div.div-fields textarea {
        width: 100% !important;
    }

    div.div-right-border {
        border-right: none !important;
    }

    .div-right-border [type=checkbox] + label {
        display: inline !important;
    }

    .div-purchase label.lbl-purchase {
        margin-top: 2px !important;
        margin-left: 5px !important;
    }

    span.mobile-font-30 {
        font-size: 30px !important;
    }

    .mobile-lbl-width {
        width: 80px !important;
    }
    .rb-primary.rb-disable.mobile-fullwidth.RadButton_Bootstrap.rbSkinnedButton .rbDecorated {
        width: 100% !important;
    }

    .mobile-lnk-edit {
        width: 20px !important;
        height: 20px !important;
    }

    .mbl-left-0 {
        left: 0 !important;
    }

    .mbl-left-5 {
        left: 5px !important;
    }

    .mobile-edit-width {
        width: 955px !important;
    }

    .div-remaining-balance {
        text-align: left !important;
    }

    .div-mobile-grid .mobile-width-120 table.rgMasterTable {
        width: 120% !important;
    }

    .mobile-word-wrap {
        word-break: break-word !important;
        float: left !important;
    }

    .mobile-text-right {
        text-align: right !important;
    }

    span.drp-icons, span.icondata {
        left: 14px !important;
        top: 60% !important;
    }

    div.rcb-field-type.RadComboBox_Bootstrap {
        width: 100% !important;
    }

    div div .rd-grid-padding.RadGrid_Bootstrap .rgRow > td:first-child, div div .rd-grid-padding.RadGrid_Bootstrap .rgAltRow > td:first-child {
        width: 27% !important;
        padding-left: 0px !important;
    }

    .mobile-width-60, div div .rd-grid-event.RadGrid_Bootstrap .rgRow > td:nth-child(2), div div .rd-grid-event.RadGrid_Bootstrap .rgAltRow > td:nth-child(2) {
        width: 60% !important;
    }

    div div .rd-grid-event.RadGrid_Bootstrap .rgRow > td:last-child, div div .rd-grid-event.RadGrid_Bootstrap .rgAltRow > td:last-child {
        width: 5% !important;
    }

    .mobile-width-15 {
        width: 15% !important;
    }

    .div-dashboard .div-tabs [type="checkbox"] {
        width: 10% !important;
        float: left !important;
        margin-top: 5px !important;
    }

        .div-dashboard .div-tabs [type="checkbox"] + label {
            width: 100% !important;
            float: right !important;
            margin: 0px !important
        }

    div .width-35.rd-text-editor .reEmptyMessage {
        width: 65% !important;
    }

    .mobile-lh-20 {
        line-height: 20px !important;
    }

    .div-customer-header .img-business-logo, .div-header-admin .img-business-logo {
        height: 40px !important;
    }

    .rg-upcoming-events table {
        width: 150% !important;
    }

    .mobile-grid-order-remaining {
        width: 250% !important;
        overflow-x: auto !important;
    }

    .div-notfication-container:hover .div-contact-support {
        display: none;
    }

    div .rs-lbl.rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHeader .rsPrevDay, div .rs-lbl.rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHeader .rsNextDay {
        line-height: 32px !important;
        height: 26px !important;
    }

    .rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHeader .rsPrevDay, .rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHeader .rsPrevDay:hover, .rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHeader .rsNextDay, .rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHeader .rsNextDay:hover {
        background-size: 10px 18px !important;
    }

    span.drp-icons {
        line-height: 17px !important;
        height: 28px !important;
    }

    .text-ellipsis {
        float: left !important;
        width: 100% !important;
        text-align: left;
    }

    table.rbl-event-view tr td {
        width: 100% !important;
        margin: 0 0 15px 0 !important;
    }

    table.rbl-select-event tr td {
        min-height: 170px !important;
        background-size: 75% !important;
    }

    table.rbl-event-view.radio-btn [type=radio] ~ span.material-icons-outlined {
        margin: 0 0 0 10px !important;
    }

    .btn-setting.rb-secondary.RadButton_Bootstrap.rbSkinnedButton {
        width: 100% !important;
        padding: 0 5px !important;
    }

    .div-refund-policy div {
        padding: 0 5px !important;
    } 

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

    .div-dashboard .div-gift-credit div span.material-icons {
        margin-right: 5px !important;
    }

    .div-filter-window {
        width: 70% !important;
    }

        .div-filter-window.new-width {
            width: 65% !important;
        }

        .div-filter-window.divStaffingFilter {
            width: 90% !important;
            top: 50px !important;
        }

    .div-tab-connect {
        display: none;
    }

    .create-event:hover, .create-event-tab.RadTabStrip_Bootstrap li.rtsLI .rtsLink span.create-event {
        width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
        font-size: 16px !important;
    }

    .create-event-tab .rtsLevel .rtsUL li.rtsLI {
        width: 90px !important;
        margin-right: 10px !important;
    }

    div.create-event-tab.RadTabStrip_Bootstrap {
        padding: 10px !important;
    }

    table.rbl-product-btn.rbl-product-type.rbl-event-type.mobile-btn tbody tr td,
    table.rbl-product-btn.rbl-product-type.mobile-btn tbody tr td:first-child, table.rbl-product-btn.rbl-product-type.mobile-btn tbody tr td:last-child {
        width: 100% !important;
        float: left;
        margin-bottom: 10px;
    }

        table.rbl-product-btn.rbl-product-type.mobile-btn tbody tr td:first-child label,
        table.rbl-product-btn.rbl-product-type.mobile-btn tbody tr td:last-child label {
            width: 100% !important;
        }

    .mobile-flex {
        display: flex;
        flex-direction: column-reverse;
        gap: 10px;
    }

    .mobile-row {
        flex-direction: row-reverse !important;
    }

    .div-notfication-container {
        width: auto !important;
    }

    .div-refund-policy, .div-refund-policy div {
        width: 100% !important;
    }

    .scrolled > a > img, .transform-img > a > img {
        position: static !important;
        height: 40px !important;
        transform: unset !important;
    }

    .div-banner, div.rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap div.rsHeader p {
        position: static !important;
    }

    .elevator-container {
        height: 100px !important;
    }

    div.div-filter-popup {
        height: 100px !important;
        background-color: #f9f9f9 !important;
    }

    div.div-filter-popup {
        padding: 10px 10px 5px 5px !important;
        height: auto !important;
    }

    .scroll-list .div-list-header {
        margin-top: 0px !important;
        padding-right: 0 !important;
    }

        .scroll-list .div-list-header.div-calendar-filter-top {
            position: static !important;
        }

    .list-view-img + span {
        width: 150px;
        word-break: break-all;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .rs-customer-scheduler.rs-time-slot.RadScheduler_Bootstrap .rsContentTable tr td {
        width: 12.5vw !important;
        height: 50px !important;
    }

    .rs-customer-scheduler.rs-customer-cal.rs-time-slot.RadScheduler_Bootstrap a.rsDateHeader {
        font-size: 14px !important;
    }

    .list-event-filter .scroll-list-view, .div-refund-policy.refund-icon span:nth-child(odd), .div-refund-policy.refund-icon span:nth-child(even) {
        width: 100% !important;
    }

    .list-event-filter .div-list-view-header label, .div-list-view-header label {
        line-height: normal !important;
    }

    .mobile-list-grid {
        width: 900px !important;
    }
    .mobile-list-grid.div-new-width {
        width: unset !important;
    }

    .div-left-seventy .img-small-thumbnail {
        max-width: 100% !important;
    }

    .div-search-filter input[type="text"] {
        width: 250px !important;
        text-overflow: ellipsis;
    }

    div.div-scroll-check table td label {
        width: 80% !important;
    }

    .div-create-account > label + div {
        width: 70% !important;
    }

    .rbl-common.rbl-width tbody tr td [type=radio] + label[for], .rbl-common.rbl-width tbody tr:first-child td [type=radio] + label[for] {
        width: 88% !important;
    }

    .rcb-mobile.RadComboBox_Bootstrap {
        width: 335px !important;
    }

    .div-hide-events {
        padding: 20px 15px !important;
    }
    .rs-time-slot #lblView {
        display: none;
    }

    .rs-time-slot .btn-copy {
        position: absolute;
        top: 15px;
        left: 5px;
    }

    .div-dashboard .div-tabs {
        padding: 0 !important;
    }

    .create-event-tab.RadTabStrip_Bootstrap.rtsTop .rtsLevel1 .rtsLink P {
        font-size: 12px;
    }

    .lnk-user-grey.flex {
        display: inline !important;
        float: left;
    }

        .lnk-user-grey.flex > div {
            float: left;
        }

    .event-button .rbBlock {
        top: 0 !important;
        left: 8px !important;
    }

    .rg-event-timeline {
        position: static !important;
    }

    div.div-event-update {
        height: auto !important;
    }

    .div-refund-policy.refund-icon span:nth-child(even) {
        margin-bottom: 15px;
    }

    div.new-bgclr-product.mobile-fullwidth, .div-waitlist-clr.mobile-fullwidth {
        width: 100% !important;
    }

   div span.icon-arrow {
        top: -26px !important;
        left: 4px !important;
    }
    .mdl-evnt-publish {
        width: 98% !important;
        left: 0 !important;
        right: 0;
        transform: translate(1%, 25%) !important;
    }

    .rb-publish.RadButton_Bootstrap.rbButton {
        width: 120px !important;
    }

    .product-tooltip.registration-tooltip, i.material-icons ~ .tooltip-tag.registration-tooltip.price-tooltip, div.product-tooltip, div.div-registration-info article {
        left: 0 !important;
        right: 0;
        top: 30px !important;
        width: 224px !important;
    }

    div.div-registration-info article {
        left: -120px !important;
    }

    .div-add-time.divtoaddtimeslot {
        left: 30px !important;
    }

    div.admin-time-slot.rs-time-slot.RadScheduler_Bootstrap .rsMonthView .rsApt .rsAptContent .div-addtime-slot {
        width: 95% !important;
    }

    div.admin-time-slot.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td {
        height: auto !important;
    }

    .input-refund-amount.input-amount.rnt-input .rntbox {
        width: 90px !important;
    }

    div.rg-customer-details.RadGrid_Bootstrap tr {
        width: 100% !important;
    }

    .rg-cart.RadGrid_Bootstrap tr td .columns .btn-add-attendee {
        text-align: center !important;
    }

    .divcheckout {
        width: 100% !important;
    }

    div.div-inner-container div, div.div-inner-container div:last-child, div.div-inner-container div:nth-child(5), div.div-inner-container div:nth-child(6),
    div.div-viewwrap.div-view-container div, div.div-viewwrap.div-view-container div:nth-child(2), div.div-viewwrap.div-view-container div:nth-child(4),
    div.div-viewwrap.div-view-container div:first-child, div.div-viewwrap.div-view-container div:nth-child(3) {
        width: 100% !important;
    }

    .div-mobile-grid-check {
        float: left;
        width: 100%;
        overflow-x: auto;
    }

        .div-mobile-grid-check section {
            float: left;
            width: 200%;
        }

    .rs-customer-scheduler.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td.slot-available {
        position: relative;
    }

    .rs-scheduler-height.rs-time-slot.rs-customer-cal.RadScheduler .rsMonthView .rsWrap.rsLastWrap {
        position: absolute;
        top: 5px;
        z-index: 99;
        right: 0px;
    }

    .div-absolute-footer {
        position: unset !important;
    }

    .div-login-section h3 {
        font-size: 24px !important;
    }

    .mobile-order-layout.div-order-detail table td {
        width: 100% !important;
        display: inline-block;
    }

    .mobile-order-layout.div-order-detail .button-primary, span.rb-secondary.rb-cancel-event.btn-cancel-red {
        width: 220px !important;
    }

    .mobile-order-layout.div-order-detail table tr td:last-child {
        border-left: 0 !important;
    }

    .mobile-order-width .div-event-data, .m-w-80 {
        width: 80% !important;
    }

    .mobile-customer-view.div-customer-view {
        overflow: unset !important;
    }

    .div-view-list-cal a {
        width: 36px !important;
    }

        .div-view-list-cal a.lnk-selected span.material-icons {
            width: 25px !important;
        }

    .div-assign-member .w-5 {
        width: 10% !important;
    }

    .div-assign-member .w-95 {
        width: 80% !important;
    }

    .div-staffing-header a.button-primary {
        width: 100% !important;
    }

    .mbl-break-one br {
        display: none;
    }

    .rs-update .rsDayView table tbody tr:nth-child(even) {
        background-color: transparent;
    }

    .rw-order.rw-auto-height.RadWindow_Bootstrap, .rw-order.rw-border.RadWindow_Bootstrap .rwContentRow,
    .rw-order.rw-default.RadWindow_Bootstrap td.rwWindowContent {
        width: 350px !important;
    }

    .mobile-filter.div-filter-window {
        width: 65% !important;
        left: 10% !important;
        top: 24% !important;
    }
    .mobile-filter.div-filter-window.divStatusFilter{ left: 4% !important;
        top: 14% !important;}
    .rw-staffing.RadWindow_Bootstrap.rw-default {
        width: 95% !important;
        left: 10px !important;
    }

    .rw-events.rw-border.RadWindow_Bootstrap .rwContentRow {
        width: 350px !important;
        overflow: scroll;
    }

    .rw-events .RadGrid_Bootstrap.rg-events {
        width: 1050px !important;
    }

    .div-page-select [type=checkbox]:checked + label, .mobile-w-85 {
        width: 85% !important;
    }

    .div-dashboard .div-tabs .rbl-default.RadRadioButtonList .RadButton .rbIcon::before {
        line-height: 40px !important;
    }

    div.discount-right input[type="text"] {
        width: 63% !important;
    }

    div.div-view-field div:first-child, div.div-view-field div:nth-child(3), div.dd-view-field .RadComboBox,
    div.div-view-field div:nth-child(2), div.div-view-field div:nth-child(4) {
        width: 100% !important;
    }

    .lbl-blue-title + #lblErrormsg {
        position: unset !important;
        margin-bottom: 5px !important;
    }
    div.m-w-99{ width: 99% !important;}
    .divStaffFilter.div-filter-window{
        left: 20% !important;
    }
 
    /***********************************************************************************/
}
/* Media for mobile closing */
/************************** Only for Tablet view ***************************/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .div-qrcode {
        position: relative !important;
        top: -22px !important;
        left: unset !important;
        text-align: center !important;
        right: unset !important;
    }
    .tab-text-left {
        text-align:left !important;
    }
    .tab-text-right {
        text-align: right !important;
    }
    .main-qr {
        top: 43px;
        position: absolute;
        left: -3px;
    }

    .qr-close {
        top: 3px;
        position: absolute;
        right: -3px;
    }
    html, body {
        height: 100% !important;
    }
    table.rbl-product-btn.rbl-product-type.rbl-event-type tbody tr td span input[type="radio"]:checked + label[for], table.rbl-product-btn.rbl-product-type.rbl-event-type tbody tr td span input[type="radio"] + label[for] {
        width: 100% !important;
    }

    table.rbl-product-btn.rbl-product-type.rbl-event-type tbody tr {
        display: grid;
    }

       div table.rbl-product-btn.rbl-product-type.rbl-event-type tbody tr td {
            width: 100% !important;
            margin-bottom: 10px;
        }
    .mobile-grid-order {
        width: 150% !important;
        overflow-x: auto !important;
    }
    .mobile-auto-height {height:auto !important;}
    .mobile-ptxs {
        padding-top: 3px !important;
    }

    .div-card-type {
        width: 100% !important;
        margin-top: 20px;
    }

    .rg-store {
        width: 100% !important;
    }

    .rs-customer-cal.rs-customer-dashboard.RadScheduler .rsContentWrapper {
        height: auto !important;
    }

    .rw-min-height {
        min-height: 55px !important;
    }

    .mobile-edit-width {
        width: 955px !important;
    }

    .speech-box {
        right: -16px !important;
    }

    .div-password-visibility .toggle-password > .material-icons {
        right: 3px !important;
    }

    .div-login {
        width: 55% !important;
    }

    .div-report {
        height: 191px !important;
    }

    .rs-customer-cal.RadScheduler_Bootstrap .rsAptContent span, .div-type-time-banner span {
        font-size: 10px !important;
    }

    .rw-position-tablet.RadWindow.rwShadow {
        left: 111px !important;
    }

    .rs-customer-event .lbl-cal-event-spot {
        padding: 0px !important;
        text-align:left !important;
    }

    .lnk-cart-events {
        margin-right: 10px !important;
    }

    .div-description-customer {
        height: auto !important;
    }

    .div-mobile-grid {
        overflow-x: auto !important;
        float: left;
        width: 100%;
    }

    .rb-secondary-fill.RadButton_Bootstrap.rbSkinnedButton .rbDecorated {
        width: 100% !important;
    }

    .div.div-left-seventy, div.div-order-summary, .rg-dashboard.RadGrid_Bootstrap {
        width: 100% !important;
    }

    .div-filter-popup {
        width: 100% !important;
    }

    .view-header-none, .tablet-none {
        display: none !important;
    }

    .div-event-gallery .div-inner-boxes {
        width: 48% !important;
        margin: 1% !important;
    }
    .div-list-products .div-inner-list-items {
        width: 48% !important;
        margin: 1% !important;
    }
    .div-filter-popup {
        padding: 13px 0 !important;
        border-bottom: none !important;
    }

    .tab-ajax.button-ajax.button-ajax-left div.RadAjaxPanel {
        width: auto !important;
    }

    .rs-customer-cal.RadScheduler_Bootstrap .rsHeader { /* top: 188px !important;*/
        padding: 10px 0 !important;
    }

    .rts-customer.RadTabStrip .rtsLink {
        padding: 10px !important;
    }

    .button-primary, .tab-width-auto, .rb-secondary.RadButton_Bootstrap {
        width: auto !important;
    }

    .rg-cart-table tr td.item-title .img-small-thumbnail {
        max-width: 50px !important;
    }

    .tab-width-40 {
        width: 40% !important;
    }

    .tab-plm {
        padding-left: 15px !important;
    }

    .tab-plxl {
        padding-left: 30px !important;
    }

    .tab-mt-15 {
        margin-top: 15px !important;
    }

    .rts-blue-circle.RadTabStrip .rtsTxt {
        font-size: 17px !important;
    }

        .rts-blue-circle.RadTabStrip .rtsTxt span {
            left: 56px !important;
        }

    .tab-btn {
        width: 50px !important;
    }

    .tab-font-18 {
        font-size: 18px !important;
    }

    div.tab-mlm {
        margin-left: 10px !important;
    }

    div.tab-ml-5 {
        margin-left: 5px !important;
    }

    .speech-box {
        width: 65% !important;
    }

    .tab-font-14 {
        font-size: var(--sms-default-font) !important;
    }

    .tab-pl-6 {
        padding-left: 6px !important;
    }

    .tab-chk-all label {
        width: 85% !important;
    }

    .div-left-border {
        border: none !important;
    }

    #ctl00_ContentPlaceHolder3_Promotions_rntMinimumAmount_wrapper, #ctl00_ContentPlaceHolder3_Promotions_rntMaximumNoOfUses_wrapper {
        width: 58% !important;
    }

    .RadGrid .rgClipCells .rgHeader {
        overflow: visible !important;
    }

    div.tab-plz {
        padding-left: 0 !important;
    }

    .rd-btn-width.rb-secondary.RadButton_Bootstrap.rbSkinnedButton {
        width: 50% !important;
    }

    .rb-width.rb-secondary.RadButton_Bootstrap.rbSkinnedButton {
        width: 60% !important;
    }

    .tab-width {
        width: 70% !important;
    }

    .tab-width-85 {
        width: 85% !important;
    }

    .tab-width-15 {
        width: 15% !important;
    }

    .info-checkoutremaining {
        margin-right: 2px !important;
    }

    .tab-pz {
        padding: 0 !important;
    }

    .tab-prz {
        padding-right: 0 !important;
    }

    .tab-width-90 {
        width: 90% !important;
    }

    .tab-mtz {
        margin-top: 0 !important;
    }

    .tab-mbz {
        margin-bottom: 0 !important;
    }

    .tab-right {
        float: right !important;
    }

    .tab-padding {
        padding: 0 10px !important;
    }

    .tab-mtm {
        margin-top: 10px !important;
    }

    .rs-admin-cal.RadScheduler_Bootstrap .rsHeader {
        top: 0px !important;
        padding: 10px 0 !important;
    }

    .rs-admin-cal.RadScheduler .rsContent.rsMonthView {
        padding-top: 0px !important;
    }

    table tbody td.tbl-width {
        width: 50% !important;
    }

    table tbody td.tbl-btn {
        width: 45% !important;
    }

    .tab-width-100 {
        width: 100% !important;
    }

    .width-67.new-bgclr-product.tab-width-100, .width-30.new-bgclr-product.tab-width-100, .width-48.tab-width-100 {
        width: 100% !important;
    }

    .tab-mbm {
        margin-bottom: 15px !important;
    }

    .div-add-event.medium-offset-3 {
        margin-left: 12.2% !important;
    }

    .tab-event-btn {
        width: 35% !important;
        margin: auto;
    }

        .tab-event-btn .rtsLI {
            margin-top: 15px !important;
        }

    .div-tab-grid {
        overflow-x: auto !important;
        float: left;
        width: 100% !important;
    }

    .tab-float-none.rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsTopWrap .rsHeader p, .tab-float-none.rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsTopWrap .rsHeader h2 {
        float: none !important;
    }

    .max-fullwidth.div-img-container img, .max-fullwidth.div-img-product img {
        max-width: 100% !important;
    }

    div.div-img-container, div.div-img-container.admin-img-container {
        width: 100% !important;
    }

    .div-staffing-image-wrap .div-img-container img {
        width: 100% !important;
        height: auto !important;
    }

    .tab-div-family-space .required span.error {
        height: 22px;
    }

    .tab-div-family-space .required.required-field span.error {
        height: auto;
    }

    .tab-mtxl {
        margin-top: 20px !important;
    }

    .tab-mts {
        margin-top: 5px !important;
    }

    .rw-width.RadWindow_Bootstrap {
        left: 15px !important;
    }

        .rw-width.RadWindow_Bootstrap .rwContentRow {
            width: 76% !important;
        }

    .rts-navigation .rtsLink .lblTabText {
        float: none !important;
    }

    .rts-navigation .rtsLevel1 .rtsSelected i::after {
        top: 0 !important;
    }

    .tbl-grid-width {
        width: 890px !important;
    }

    .tab-plr-10 {
        padding: 0 10px !important;
    }

    .tab-width-20 {
        width: 20% !important
    }

    .tab-mlz {
        margin-left: 0px !important
    }

    .rs-customer-cal.RadScheduler_Bootstrap .rsMonthView .rsShowMore {
        height: 35px !important
    }

    .span-hr-line {
        width: 30% !important
    }

    .btn-save-calendar-changes, .btn-save-calendar-changes:hover {
        width: auto !important;
    }

    .rg-scheduling.RadGrid_Bootstrap table tr td:nth-child(2), .rg-scheduling.RadGrid_Bootstrap table tr td:nth-child(3) {
        width: 20% !important;
    }

    .rg-scheduling.RadGrid_Bootstrap table tr td:last-child {
        width: 60% !important;
    }

    .tab-mt-90 {
        margin-top: 90px !important;
    }

    .tab-width-58 {
        width: 58% !important;
    }

    .tab-mrz {
        margin-right: 0px !important
    }

    .tab-mrm {
        margin-right: 10px !important
    }

    .tab-left {
        float: left !important;
    }

    div.tab-full-width span.riSingle, .tab-full-width {
        width: 100% !important;
    }

    .tab-rw-window.RadWindow.rwShadow, .width-80 {
        width: 80% !important;
    }

    .rbtnSaveClose {
        width: 190px !important;
    }

    .divDiscountAmount .sign-dollar {
        left: 120px !important;
    }

    div.div-right-border {
        border-right: none !important;
    }

    .div-left-seventy .div-white-bg.tab-width-100 {
        width: 100% !important;
    }

    div.div-align {
        width: 260px !important;
    }

    .rts-events-tab .rtsLink {
        margin: 0px 15px 0 0 !important;
    }

    .rbl-select-event tr td, .rbl-event-view tr td {
        margin-bottom: 15px !important;
    }

    .div-customer-header .img-business-logo, .div-header-admin .img-business-logo {
        height: 60px !important;
    }

    .div-customer-header, .rs-customer-cal.RadScheduler_Bootstrap .rsHeader, .rs-customer-cal.RadScheduler_Bootstrap .rsHorizontalHeaderWrapper, .div-filter-popup {
        position: static !important;
        z-index: unset !important;
    }

    div.transform-img > a > img {
        top: 10px !important;
        height: 60px !important;
        left: 4% !important;
        transform: unset !important;
    }

    div .lnk-cart-events, div .lbl-WaitList, .rs-customer-cal.RadScheduler_Bootstrap .rsAptContent .div-type-time-banner .lnk-cart-events {
        padding: 2px 10px !important;
    }

    div.rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap div.rsHeader h2 {
        width: 80% !important;
    }

    div.rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap div.rsHeader h2, div.rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHeader h2 > i {
        font-size: 26px !important;
    }

    div.rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHeader .rsNextDay, div.rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHeader .rsNextDay:hover {
        right: 0 !important;
    }

    div.div-event-update {
        height: auto !important;
    }

    .scroll-list .div-list-header.div-calendar-filter-top {
        top: 50px !important;
    }

    .scrolled > a > img, .transform-img > a > img {
        position: static !important;
        height: 40px !important;
        transform: unset !important;
    }

    div.div-filter-popup {
        padding: 10px 10px 5px 5px !important;
        height: auto !important;
        background-color: #fff !important;
    }

    .scroll-list .div-list-header {
        margin-top: 0px !important;
        padding-right: 0 !important;
    }

        .scroll-list .div-list-header.div-calendar-filter-top, .list-event-filter .scroll-list-view {
            position: static !important;
        }

    .list-view-img + span {
        width: 105px;
        word-break: break-all;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .tab-w-74 {
        width: 74% !important;
    }

    .rs-customer-cal.rs-lbl.RadScheduler_Bootstrap .rsMonthView .rsShowMore:hover span {
        float: left !important;
    }

    div.div-cart-products {
        width: 60% !important;
    }

    .scroll-list .div-list-header, div.div-list-view-header {
        background-color: #fff !important;
    }

    .list-event-filter .div-list-view-header label {
        line-height: 30px !important;
    }

    .list-event-filter .scroll-list-view {
        width: auto !important;
    }

    .tab-w-150 {
        width: 150px !important;
    }

    .div-repeater .div-img-product {
        width: 100px !important;
    }

    div.div-img-product {
        width: 150px !important;
    }

    .rs-time-slot .btn-copy {
        position: absolute;
        top: 15px;
        left: 5px;
    }
    
    .rs-customer-scheduler.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td {
        height: 50px !important;
        width: 50px !important;
    }

    div.rs-customer-cal.rs-scheduler-height.RadScheduler_Bootstrap {
        width: 100% !important;
    }

        div.rs-customer-cal.rs-scheduler-height.RadScheduler_Bootstrap .rsContentScrollArea {
            width: 360px !important;
        }

    .rcb-mobile.RadComboBox_Bootstrap {
        width: 290px !important;
    }
    .tab-w-99{ width: 99% !important;}
    .btn-add-product{
        width: 140px !important;
    }
    .tab-event-width .medium-12{ width: 100% !important;}
    .rs-customer-cal.RadScheduler_Bootstrap .rsAptContent span.lbl-cal-event-time {
        font-size:9px !important;
        padding:0 !important;
    }
    div .rs-customer-cal.rs-customer-dashboard .lbl-cal-event-title, div .div-type-time-banner {
        padding: 0 !important;
    }
    div .rs-customer-event .lblBooked {
        padding: 2px 10px !important;
    }
    /**********************************************************************/
}

/*************************Screen Size 110 and above****************************/
@media screen and ( min-width:1025px ) and ( max-width: 1280px ) {
    body .div-customerSignIn .required span.error {
        font-size: 9px !important;
    }
}

@media screen and ( max-width: 1024px ) {
    body.div-customerSignIn .medium-8, body.div-customerSignIn .medium-4, body.div-customerSignIn .medium-6, body.div-customerSignIn .medium-5, body.div-customerSignIn .medium-7 {
        width: 100% !important;
    }

    .divViewDetails .medium-8, .divViewDetails .medium-4, .divViewDetails .medium-6, .divViewDetails .medium-10 {
        width: 100% !important;
    }

    .divViewDetails .div-event-details {
        padding: 0px 10px !important;
    }
}
/*************************Telerik alert secondary****************************/
.rb-alert.RadButton_Bootstrap.rbSkinnedButton {
    background-color: #fff !important;
    border: solid 1px #fb5c5c !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    padding: 1px 40px !important;
    height: 36px !important;
    line-height: 33px !important;
    color: #fb5c5c !important;
}

span.RadButton_Bootstrap.rbSkinnedButton.rb-alert .rbDecorated {
    color: #fb5c5c !important;
}

span.RadButton_Bootstrap.rbHovered.rb-alert, span.RadButton_Bootstrap.rbSkinnedButton.rbHovered.rb-alert .rbDecorated, span.RadButton_Bootstrap.rb-alert.rb-delete-draft {
    background-color: #fb5c5c !important;
    color: #fff !important;
    box-shadow: none !important;
}

    span.RadButton_Bootstrap.rbHovered .rbDecorated, span.RadButton_Bootstrap.rb-alert.rb-delete-draft .rbDecorated {
        color: #fff !important;
        font-size: var(--sms-default-font);
    }

span.RadButton_Bootstrap.rbSkinnedButton.rb-alert .rbDecorated {
    font-size: var(--sms-default-font) !important;
    padding-right: 0px !important;
    font-weight: 500 !important;
    text-align: center !important;
    display: inline-block !important;
}

.color-hightlight {
    background-color: #add8e6 !important;
}
/*------------ Image Container for application -------------*/
/*Large Image*/
.div-img-container {
    width: 400px !important;
    height: auto !important;
    overflow: hidden;
}

    .div-img-container img {
        width: 100% !important;
        height: auto !important;
    }
    /*For admin event and product details pages, set 300px due to less space*/
    .div-img-container.admin-img-container {
        width: 300px !important;
        margin: 0 auto !important;
    }
/*For staffing page, here old browse functionality is working*/
.div-staffing-image-wrap .div-img-container img {
    width: 300px !important;
    height: 300px !important;
}
/*Thumbnail Image*/
.div-img-product {
    display: inline-block;
    width: 180px;
    height: auto;
    position: relative;
    margin-top: 15px;
    overflow: hidden;
}

    .div-img-product img {
        width: 100% !important;
        height: auto !important;
    }
/*Small Thumbnail Image (Checkout page, Order History)*/
.img-small-thumbnail {
    display: inline-block;
    width: 100px !important;
}
/**************************Party Theme***************************/
.rw-scroll.RadWindow_Bootstrap td.rwWindowContent {
    padding-right: 0px !important;
}

.rb-delete.RadButton_Bootstrap.rbSkinnedButton {
    background-color: #fff !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0px 0px !important;
    height: 40px !important;
    line-height: 38px !important;
    color: var(--sms-default-black) !important;
    width: 70px;
}

.div-collapsed-checkbox table.chk-filter [type="checkbox"] {
    height: 16px !important;
}

    .div-collapsed-checkbox table.chk-filter [type="checkbox"] + label[for] {
        line-height: 16px !important;
    }

span.RadButton_Bootstrap.rbSkinnedButton.rb-delete .rbDecorated {
    height: 40px !important;
    line-height: 38px !important;
}

span.RadButton_Bootstrap.rb-delete-selected .rbDecorated {
    color: #fff !important;
}

span.RadButton_Bootstrap.rbSkinnedButton.rb-delete .rbDecorated,
span.RadButton_Bootstrap.rbSkinnedButton.rb-delete.rbHovered .rbDecorated {
    font-size: 15px !important;
    padding-right: 0px !important;
    font-weight: 600 !important;
    text-align: right !important;
    display: inline-block !important;
    color: var(--sms-default-black) !important;
    text-decoration: underline !important;
    background: url(../_images/img-delete-grey.png) no-repeat;
    /* background-size: 150px 20px; */
    background-position: 0 11px !important;
    width: 100%;
    float: left;
}

span.RadButton_Bootstrap.rbSkinnedButton.rb-delete.rbHovered .rbDecorated {
    color: var(--sms-default-blue) !important;
    padding-right: 5px;
    background: url('../_images/img-delete-blue.png') no-repeat;
}

tr.MyRowClassBackground td span b {
    margin-bottom: 5px !important;
    display: inline-block;
}

tr.MyRowClass td span, tr.MyRowClass td span b {
    color: #EE2402 !important;
}

.rg-events tr.MyRowClassSelected td {
    background-color: #D2DEFC !important;
}

.rg-events tr.MyRowClass td {
    border-width: 0 !important;
    border-bottom: 1px solid #dedede !important;
    padding: 10px !important;
}

.rg-events tr.MyRowClassBackground td {
    border-width: 0 !important;
    border-bottom: 1px solid #dedede !important;
    padding: 10px !important;
    background-color: #FFC8C8 !important;
}

.info-checkoutremaining {
    float: left;
    margin-right: 5px;
    font-style: normal !important;
    cursor: default;
}

.div-customer-view label.lbl-promo-code {
    min-width: 49% !important;
    font-size: 12px !important;
    line-height: normal !important;
}

table.tbl-charge tr td {
    width: 33.3% !important;
    background-color: #FBFBFB !important;
    vertical-align: top;
}

    table.tbl-charge tr td:last-child, table.tbl-charge tr td:nth-child(2) {
        text-align: right;
    }

tr.row-active-black td span {
    color: var(--sms-default-black);
}

tr.row-active-grey td span {
    color: #B6B6B6 !important;
}

tr.row-active-black, tr.row-active-grey {
    background-color: #FFF !important;
}

    tr.row-active-black td, tr.row-active-grey td {
        border-bottom: 1px solid #D7D7D7 !important;
    }

.chk-inactive {
    margin-top: 10px !important;
}

    .chk-inactive input[type="checkbox"] {
        margin: 0 !important;
        height: 15px !important;
        float: left;
    }

        .chk-inactive input[type="checkbox"] + label {
            margin: 0 15px 0 5px !important;
            line-height: 15px !important;
            float: left;
        }

.rg-staffing-series.RadGrid_Bootstrap .rgRow:hover td, .rg-staffing-series.RadGrid_Bootstrap .rgAltRow:hover td {
    background-color: #d7d7d7 !important;
}
.rg-staffing-series.RadGrid_Bootstrap{
    margin:0 !important;
}
table.rbl-theme-price {
    margin: 0 !important;
}

    table.rbl-theme-price td {
        padding: 0 !important;
    }

    table.rbl-theme-price tr:first-child td:first-child {
        padding-bottom: 20px !important;
    }

    table.rbl-theme-price tr:first-child td {
        padding: 0 0 5px 0 !important;
    }

div table.price-mtl tr:first-child td {
    padding: 5px 0 18px 0 !important;
}

table.rbl-theme-price td input[type=radio] {
    float: left;
    height: 30px;
    margin: 0 !important;
}

    table.rbl-theme-price td input[type=radio]:checked + label[for] {
        color: var(--sms-default-blue) !important;
    }

table.rbl-theme-price td [type=radio] + label[for] {
    float: left;
    line-height: 30px !important;
    margin: 0 0 0 3px !important;
}
/*vb: New changes for customer calendar autoheight events*/
.rs-customer-cal.rs-customer-dashboard.RadScheduler .rsMonthView .rsWrap, .rs-customer-cal.rs-customer-dashboard.RadScheduler .rsContentWrapper {
    height: auto !important;
}

    .rs-customer-cal.rs-customer-dashboard.RadScheduler .rsMonthView .rsWrap.rsDateWrap {
        height: 25px !important;
        padding-top: 10px !important;
    }

.rs-customer-cal.rs-customer-dashboard.RadScheduler .rsMonthView .rsAptMid,
.rs-customer-cal.rs-customer-dashboard.RadScheduler .rsMonthView .rsAptIn,
.rs-customer-cal.rs-customer-dashboard.RadScheduler .rsMonthView .rsAptContent,
.rs-customer-cal.rs-customer-dashboard.RadScheduler .rsMonthView .rsApt {
    position: static !important;
    overflow: visible !important;
    border-radius: 6px !important;
}

.rs-customer-cal.rs-customer-dashboard.RadScheduler .rsMonthView .rsApt {
    margin: 3px !important;
    border-radius: 5px !important;
    width: 97% !important;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 45%);
}

.rs-customer-cal.rs-customer-dashboard .lbl-cal-event-title {
    min-height: initial !important;
    margin-top: 5px;
    padding: 0 8px !important;
    box-sizing: border-box;
}

.rs-customer-cal.rs-customer-dashboard .lbl-cal-event-spot {
    color: var(--sms-default-black) !important;
}

    .rs-customer-cal.rs-customer-dashboard .lbl-cal-event-spot span.material-icons {
        width: 18px;
        font-size: var(--sms-default-font) !important;
        position: relative;
        top: 1px;
    }

.rs-customer-cal.rs-customer-dashboard.RadScheduler .rsMonthView .rsWrap.rsDateWrap {
    height: 30px !important;
    padding-top: 0px !important;
}

.rs-customer-cal.RadScheduler_Bootstrap .rsDateHeader {
    font-size: 22px !important;
    color: var(--sms-default-grey) !important;
    font-weight: 600 !important;
}
/*-------- Day View --------*/
.rs-customer-cal.rs-customer-dashboard.RadScheduler .rsDayView .rsAptContent {
    text-align: center !important;
    padding: 1px !important;
    border-radius: 5px !important;
}

.rs-customer-cal.rs-customer-dashboard.RadScheduler .rsContent.rsDayView .rsAptContent .RadAjaxPanel {
    display: inline-block !important;
}

.rs-customer-cal.rs-customer-dashboard.RadScheduler .rsContent.rsDayView .rsContentTable .rsAlt td {
    border-color: #F2F2F2 !important;
}

.rs-customer-cal.rs-customer-dashboard.RadScheduler .rsContent.rsDayView .rsVerticalHeaderTable tr th {
    background-color: #FFF !important;
}

.rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsDayView .lbl-cal-event-spot,
.rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsDayView .lbl-cal-purchase {
    width: auto !important;
    margin: 0 10px 0 0 !important;
    float: none !important;
    display: inline-block;
    position: relative;
    top: -3px;
}

.rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsDayView .lbl-cal-event-title {
    float: none !important;
    display: inline-block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
    position: relative;
    top: -3px;
}

    .rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsDayView .lbl-cal-event-title br {
        display: none !important;
    }
/*End - New changes for customer calendar autoheight events*/

/*vb: Customized CSS for applying auto height to Telerik Window*/
.rw-auto-height.RadWindow_Bootstrap, .rw-auto-height.RadWindow_Bootstrap .rwWindowContent div,
.rw-auto-height.RadWindow table.rwTable {
    height: auto !important;
}
/*end: Customized CSS for applying auto height to Telerik Window*/
.rbl-new-party td {
    padding: 0px !important;
}

.rbl-new-party input {
    margin: 0px !important;
    height: 20px !important;
    float: left !important;
}

.rbl-new-party label {
    line-height: 22px !important;
    float: left;
}

.lbl-new-party {
    color: #F2F2F2;
}

.rw-size {
    position: fixed !important;
    top: 50px !important;
}

.rw-delete-location {
    top: 250px !important;
}

.img-space table tbody .rgNoRecords td {
    padding: 0px !important;
}

.filter-icon {
    font-size: 40px !important;
    position: relative;
    left: 12%;
    transform: rotate(90deg);
    color: #797979;
}

    .filter-icon:hover {
        color: var(--sms-default-blue) !important;
    }

.event-icon {
    font-size: 38px !important;
    position: relative;
    left: 30%;
    margin-top: 2px;
    color: #797979;
}

    .event-icon:hover, a.lnk-selected-date-dashboard span.material-icons {
        color: var(--sms-default-blue) !important;
    }

.list-icon {
    font-size: 40px !important;
    position: relative;
    left: 38%;
    color: #797979;
}

    .list-icon:hover, a.lnk-selected-grid-dashboard span.material-icons {
        color: var(--sms-default-blue) !important;
    }

.chk-bottom-mz [type="checkbox"] {
    margin: 0 !important;
    position: relative;
    top: 1px;
}
/********************** Customer Account Settings ********************/
.speech-box {
    width: 245px;
    padding-left: 25px;
    margin-left: 25px;
    float: left;
    position: relative;
    bottom: 20px;
    color: #fff;
    background: #ffffff;
    border: 1px solid #f2f2f2;
    box-sizing: border-box;
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.35);
    border-radius: 8px;
}

    .speech-box:after, .speech-box:before {
        right: 100%;
        top: 20%;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .speech-box:after {
        border-color: rgba(255, 255, 255, 0);
        border-right-color: #ffffff;
        border-width: 14px;
        margin-top: -14px;
    }

    .speech-box:before {
        border-color: rgba(204, 204, 204, 0);
        border-right-color: #f1f1f1;
        border-width: 15px;
        margin-top: -15px;
    }
/************* Customer New Account ************/
.coming-up {
    width: 100%;
    display: inline-block;
    background-color: var(--sms-light-blue) !important;
    height: 100%;
    border-radius: 3px;
    padding-top: 10px;
}

.color-white:hover {
    color: #ffffff;
}

.event-btn {
    /*height: 25px !important;*/
    height: 36px !important;
    /* line-height: 23px !important;*/
    line-height: 33px !important;
    padding: 1px 15px 2px 15px;
    border-radius: 5px;
    border: 1px solid var(--sms-default-blue);
    background-color: #ffffff;
    font-weight: 400;
    color: var(--sms-default-blue);
    margin: auto;
    display: block;
    box-shadow: rgb(0 0 0 / 35%) 2px 2px 5px;
    cursor: pointer;
}

    .event-btn:hover {
        box-shadow: rgb(0 0 0 / 35%) 5px 5px 5px;
    }

.span-hr-line {
    float: left;
    border-bottom: 3px solid #ffffff !important;
    width: 54%;
    margin: 12px 0px 0 0;
}

.lnk-down-arrow {
    width: 44px !important;
    height: 30px !important;
    float: left;
    font-weight: 900 !important;
}

    .lnk-down-arrow:hover {
        color: var(--sms-default-blue);
    }

.lnk-grid-view {
    width: 34px;
    height: 30px;
    font-size: 40px !important;
    margin-top: -2px;
}

.div-upcoming-events {
    display: inline-block;
    width: 100%;
    border-radius: 5px;
    background-color: #CAE4FF;
    margin-bottom: 6px;
}

    .div-upcoming-events section {
        display: inline-block;
        width: 100%;
        background-color: #FFFFFF;
        padding: 1px 5px;
        border-radius: 5px 5px 0 0;
    }

    .div-upcoming-events div {
        display: inline-block;
        width: 100%;
        text-align: center;
        padding: 0 5px 5px;
        border-radius: 0 0 5px 5px;
    }

        .div-upcoming-events div a {
            font-size: 12px;
            font-weight: 700;
            text-decoration: underline;
            margin-top: 5px;
            color: var(--sms-default-black) !important;
        }

.lbl-blue-circle {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-weight: 700;
    font-size: 20px;
    color: #F2F2F2;
    text-align: center;
    background-color: var(--sms-default-blue) !important;
    position: absolute;
    top: 2px;
    left: -45px;
}

.chk-refund .RadButton .rbText {
    padding: 0px !important;
}

.rg-input-height.RadGrid_Bootstrap tr td [type="text"] {
    height: 2.4375rem !important;
}

.rts-blue-circle.RadTabStrip {
    padding-bottom: 10px;
}

    .rts-blue-circle.RadTabStrip, .rts-blue-circle.RadTabStrip .rtsUL {
        width: 100%;
        margin-bottom: 0 !important;
    }

        .rts-blue-circle.RadTabStrip .rtsLI {
            width: 25%;
            text-align: center;
            position: relative;
        }

.rts-blue-circle.RadTabStrip_Bootstrap .rtsLevel1 {
    border-bottom: 3px solid var(--sms-default-blue) !important;
}

    .rts-blue-circle.RadTabStrip_Bootstrap .rtsLevel1 .rtsLink {
        border-radius: 0 !important;
        border: none !important;
    }

    .rts-blue-circle.RadTabStrip_Bootstrap .rtsLevel1 .rtsHovered .rtsLink {
        background-color: #FFFFFF !important;
    }

        .rts-blue-circle.RadTabStrip_Bootstrap .rtsLevel1 .rtsHovered .rtsLink .rtsTxt {
            color: var(--sms-default-blue) !important;
        }

.rts-blue-circle.RadTabStrip .rtsTxt {
    font-size: 18px;
}

    .rts-blue-circle.RadTabStrip .rtsTxt span {
        width: 16px;
        height: 16px;
        color: var(--sms-default-blue) !important;
        background-color: var(--sms-default-blue) !important;
        border-radius: 50%;
        position: absolute;
        /* top: 42px;*/
        z-index: 1;
        left: 48%;
        opacity: 0;
        bottom: -9px;
    }

.rts-blue-circle.RadTabStrip_Bootstrap .rtsLevel1 .rtsSelected .rtsLink .rtsTxt span {
    opacity: 1;
}

.rts-blue-circle.RadTabStrip_Bootstrap .rtsLevel1 .rtsSelected .rtsLink .rtsTxt {
    color: var(--sms-default-blue) !important;
}

.dd-bgclr.RadComboBoxDropDown .rcbHovered {
    background-color: #fff !important;
}

.dd-bgclr.RadComboBoxDropDown input[type="checkbox"].rcbCheckBox {
    margin: 0 5px 3px 0px !important;
}

.chkbox-mbz [type="checkbox"] {
    margin-bottom: 0 !important;
}

.rb-btn.RadButton {
    background-color: var(--sms-default-blue) !important;
    color: #fff !important;
    border: solid 1px var(--sms-default-blue) !important;
}

    .rb-btn.RadButton:hover {
        color: var(--sms-default-blue) !important;
        background-color: #fff !important;
        border: solid 1px var(--sms-default-blue) !important;
    }

span.RadButton_Bootstrap.rbSkinnedButton.rb-btn.RadButton .rbDecorated {
    color: #fff !important;
}

span.RadButton_Bootstrap.rbSkinnedButton.rb-btn.RadButton:hover .rbDecorated {
    color: var(--sms-default-blue) !important;
}

.chkbox-ml [type=checkbox] + label {
    margin-left: 3px !important;
}

.div-customer-registration .RadGrid tr > td {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #d7d7d7;
}

.div-customer-registration label {
    font-weight: 600 !important;
}

.div-customer-registration .font-normal {
    font-weight: 400 !important;
}

.div-customer-registration a, .div-customer-registration span.RadButton_Bootstrap.rbSkinnedButton .rbDecorated {
    color: var(--sms-default-blue) !important;
    font-weight: 600 !important;
}

.div-customer-registration label, .div-customer-registration span {
    line-height: 25px !important;
}

    .div-customer-registration label.lhs, .div-customer-registration span.lhs {
        line-height: 20px !important;
    }

    .div-customer-registration label.lhxl, .div-customer-registration span.lhxl {
        line-height: 40px !important;
    }

.div-customer-registration .button-primary {
    border-color: var(--sms-default-blue) !important;
    color: var(--sms-default-blue) !important;
    height: 30px !important;
    line-height: 30px !important;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 35%) !important;
}

    .div-customer-registration .button-primary:hover, .div-customer-registration span.RadButton_Bootstrap.rbHovered.rb-secondary,
    .div-customer-registration span.RadButton_Bootstrap.rbSkinnedButton.rb-secondary-selected,
    .div-customer-registration span.RadButton_Bootstrap.rbSkinnedButton.rbHovered .rbDecorated {
        background-color: var(--sms-default-blue) !important;
        color: #FFFFFF !important;
    }

.div-customer-registration .rb-secondary.RadButton_Bootstrap.rbSkinnedButton {
    border-color: var(--sms-default-blue) !important;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 35%) !important;
}

.div-customer-registration span.RadButton_Bootstrap.rbSkinnedButton .rbDecorated {
    height: 100% !important;
}

.div-customer-registration [type=checkbox] + label[for] {
    line-height: 15px !important;
    font-weight: 400 !important;
}

.info-box {
    position: absolute;
    top: 135px;
    right: 94px;
    z-index: 1195;
    width: 17%;
    padding: 5px;
    background-color: #fff;
    font-size: 12px;
    color: black;
    border-radius: 5px;
    height: 182px;
}

.div-waiver {
    border: 1px solid #d7d7d7;
    border-radius: 7px;
    float: left;
    width: 100%;
    padding: 12px;
    margin-top: 5px;
    height: 42vh;
    overflow-y: auto;
}
/*------------------------ Event Settings ------------------------*/
table.gv-dashboard {
    border: none !important;
}

    table.gv-dashboard tbody th {
        display: none !important;
    }

    table.gv-dashboard tbody td.tbl-form-waiver {
        margin: 0px 0px 15px 0px !important;
        float: left;
        width: 100%;
        background-color: #fff !important;
        border-right: 1px solid black !important;
        border-left: 1px solid black !important;
        border-top: 1px solid black !important;
        border-bottom: 1px solid black !important;
        border-radius: 5px !important;
        background-color: #fff !important;
        border: 1px solid #d7d7d7 !important;
        box-shadow: 5px 5px 5px rgb(0 0 0 / 35%);
        border-radius: 5px;
        padding: 7px 25px;
    }

td.tbl-form-waiver td {
    padding: 5px 0 !important;
}

td.tbl-form-waiver table {
    border-collapse: collapse;
    border-spacing: 0;
}

table.gv-dashboard tbody tr:nth-child(even) {
    background-color: #fff !important;
}

td.tbl-form-waiver tr:first-child td {
    border-bottom: 1px solid #ccc;
    border-collapse: collapse;
    padding: 0px !important;
    width: 60% !important;
}

td.tbl-form-waiver tr td:nth-child(2) {
    width: 40% !important;
}

.lbl-absolute {
    position: absolute;
    top: -12px;
    z-index: 9;
    background-color: #fff;
    left: 11px;
    padding: 0 8px;
}

.lbl-selfattendee {
    line-height: 40px;
    padding-left: 19px !important;
}

.div-view-merchandise .button-primary {
    background-color: #fff !important;
    color: var(--sms-default-blue) !important;
    border: solid 1px var(--sms-default-blue) !important;
    cursor: default !important;
}

.div-view-merchandise .button-primary-selected {
    background-color: var(--sms-default-blue) !important;
    color: #fff !important;
    border: solid 1px var(--sms-default-blue) !important;
    cursor: default !important;
}
/* Email Notification */
.div-recieve-email {
    float: left;
    width: 100%;
    padding-left: 26px;
}

    .div-recieve-email .RadButton.rbRadioButton .rbIcon {
        display: none;
    }

    .div-recieve-email .rbRadioButton.RadButton:focus .rbText {
        border: 1px solid var(--sms-default-blue) !important;
    }

    .div-recieve-email .rbRadioButton.RadButton:focus .rbToggleRadioChecked + .rbText {
        border: 1px solid #aaaaaa !important;
    }

    .div-recieve-email .RadButton_Bootstrap.rbRadioButton .rbText {
        padding: 0 !important;
        width: 40px;
        height: 40px;
        line-height: 38px !important;
        border: 1px solid #aaaaaa;
        box-sizing: border-box !important;
        border-radius: 3px;
        -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.34901960784313724);
        -webkit-box-shadow: 2px 2px 5px rgb(0 0 0 / 35%);
        box-shadow: 2px 2px 5px rgb(0 0 0 / 35%);
        color: #AAAAAA;
        background-color: #FFFFFF;
    }

        .div-recieve-email .RadButton_Bootstrap.rbRadioButton .rbText:hover {
            color: #FFFFFF;
            background-color: var(--sms-default-blue);
            border: 1px solid var(--sms-default-blue);
        }

    .div-recieve-email .RadButton_Bootstrap .rbToggleRadioChecked + span.rbText {
        color: #FFFFFF !important;
        background-color: var(--sms-default-blue) !important;
        border: 1px solid var(--sms-default-blue) !important;
    }

    .div-recieve-email .rbHorizontalList .RadButton {
        padding: 0 15px 0 0 !important;
    }
/*VB: Loading Panel Design*/
.loading-slider {
    position: fixed;
    width: 100%;
    height: 4px;
    overflow-x: hidden;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

    .loading-slider .line {
        position: absolute;
        opacity: 0.4;
        background: var(--sms-default-blue);
        width: 150%;
        height: 4px;
    }

    .loading-slider .subline {
        position: absolute;
        background: var(--sms-default-blue);
        height: 4px;
    }

    .loading-slider .inc {
        animation: increase 2s infinite;
    }

    .loading-slider .dec {
        animation: decrease 2s 0.5s infinite;
    }

@keyframes increase {
    from {
        left: -5%;
        width: 5%;
    }

    to {
        left: 130%;
        width: 100%;
    }
}

@keyframes decrease {
    from {
        left: -80%;
        width: 80%;
    }

    to {
        left: 110%;
        width: 10%;
    }
}
/* For Checkout page */
.ra-checkout.RadAjax .raDiv {
    background: rgba(0, 0, 0, 0.2) !important;
}

.div-card {
    position: fixed;
    width: 415px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #797979;
    padding: 40px;
    background-color: #FFF;
    border-radius: 5px;
}

    .div-card center span {
        font-weight: 600 !important;
        line-height: 22px;
    }

.spinner-box {
    width: 60px;
    height: 60px;
    background-color: transparent;
    margin: 20px auto 0;
}

.circle-border {
    width: 55px;
    height: 55px;
    padding: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: rgba(0, 115, 230, 1);
    background: linear-gradient(0deg, rgba(0, 115, 230, 0.1) 33%, rgba(0, 115, 230, 1) 100%);
    animation: spin .8s linear 0s infinite;
}

.circle-core {
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    border-radius: 50%;
}

@keyframes spin {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(359deg);
    }
}

/* Accordion styles */
.tabs {
    display: inline-block;
    width: 100%;
    box-shadow: 0 4px 4px -2px rgba(0,0,0,0.5);
}

.tab {
    display: inline-block;
    width: 100%;
    background-color: #f2f2f2;
    padding: 10px;
    text-align: right;
}

.tab-label {
    font-size: 16px;
    font-weight: 600;
}

    .tab-label::after {
        content: "❯";
        width: 1.5em;
        height: 1.5em;
        text-align: center;
        transition: all 0.35s;
        margin-left: 5px;
    }
/* Image Cropping */
.btn-upload-img i.material-icons.relative {
    top: 6px;
}

.tab-content {
    float: left;
    width: 100%;
    padding: 10px;
    background-color: #f2f2f2;
}

.image-editor {
    float: left;
    width: 100%;
    overflow: hidden;
}

.div-dashboard .div-tabs label.btn-upload-img {
    font-size: 16px !important;
    margin: 0 auto !important;
}

    .div-dashboard .div-tabs label.btn-upload-img:hover, .btn-upload-img:hover i, .lnk-close-editor:hover span {
        color: var(--sms-default-blue) !important;
    }

.btn-upload-img i.material-icons.relative {
    top: 6px;
}

.div-cover {
    margin: 0 auto;
    display: table;
    text-align: center;
    min-width: 360px;
    z-index: 1;
    position: relative;
}

.lnk-close-editor span {
    color: var(--sms-default-grey) !important;
}

.div-actions-img-list {
    background-color: rgba(60, 61, 65, 0.2980392156862745);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: right;
    padding: 5px;
    display: none;
}

    .div-img-list:hover + .div-actions-img-list, .div-actions-img-list:hover {
        display: block;
    }

.custom-tabs ul {
    float: left;
    text-align: center;
    width: 100% !important;
}

.custom-tabs li {
    text-align: center;
    list-style-type: none;
    font-size: 20px;
    display: inline-block;
    width: 140px !important;
    cursor: pointer;
}

    .custom-tabs li:hover {
        font-weight: 600 !important;
    }

li.line-separator {
    height: 2px;
    width: 100px !important;
    background-color: var(--sms-default-blue) !important;
    position: relative;
    top: -8px;
}

li.line-default-separator {
    height: 2px;
    width: 100px !important;
    background-color: #DEDEDE;
    position: relative;
    top: -8px;
}

.font-order {
    font-weight: 600;
}

.clr-grey {
    color: #DEDEDE;
}

.clr-dark-grey {
    color: var(--sms-default-grey) !important;
}

.div-new-event p {
    font-size: var(--sms-default-font) !important;
    color: var(--sms-default-grey) !important;
}

.div-new-event {
    /*border: 1px solid #d7d7d7 !important;
    box-shadow: 5px 5px 5px rgb(0 0 0 / 35%);
    border-radius: 5px;*/
    padding: 15px 15px;
}

.div-event-settings {
    border: 1px solid #D7D7D7 !important;
    border-radius: 7px;
}
/* Event title name design by Priyanka Verma */
a.lnk-title-clr {
    color: var(--sms-default-black) !important;
    cursor: pointer;
}

.lnk-edit-btn {
    border: none !important;
    color: #aaaaaa !important;
    text-decoration: underline;
    box-shadow: none !important;
    padding-right: 2px !important;
    font-weight: 600 !important;
}

    .lnk-edit-btn:hover {
        color: var(--sms-default-blue) !important;
        background: none;
    }

.div-refund-policy {
    margin-right: 10px;
    padding: 5px;
    border-radius: 3px;
    font-size: 12px !important;
}

.lblPolicyText {
    margin: 0px 1px 1px 1px !important;
    cursor: default;
    background-color: transparent;
}

.div-dashboard .lblPolicyText, .div-dashboard .div-tabs label.lblPolicyText {
    font-size: 14px !important;
}

.div-event-width {
    width: 100% !important;
}

.div-event-category {
    display: inline-block;
    margin-right: 5px;
    background-color: #F3F8FE;
    padding: 1px 5px;
    cursor: pointer;
    border: 1px solid var(--sms-default-blue);
    border-radius: 5px;
    height: 36px;
    line-height: 32px;
}

    .div-event-category:hover {
        background-color: #FFFFFF;
    }

.hide-icon .material-icons {
    font-size: 15px !important;
    margin-top: 10px;
    color: #CCC !important;
}
/*.hide-icon { display: none;}*/
.div-event-category:hover .hide-icon .material-icons {
    color: var(--sms-default-blue) !important;
}

div textarea.txt-area {
    display: block;
    box-sizing: border-box;
    border: 1px solid rgb(51, 51, 51) !important;
    box-shadow: inset 0 1px 2px hsl(0deg 0% 4% / 10%);
    font-weight: 400;
    transition: box-shadow .5s,border-color .25s ease-in-out;
}

.lnk-blue-icon:hover {
    color: var(--sms-default-blue) !important;
}

.btn-lh {
    height: 20px !important;
    line-height: 18px !important;
}

    .btn-lh:hover {
        height: 20px !important;
        line-height: 18px !important;
    }

.div-dashboard .div-tabs h1.event-font {
    font-size: 20px !important;
}

span.rt-event-token.RadButton_Bootstrap .rbcheck-green {
    background-size: 14px !important;
    height: 18px !important;
    transform: rotate(20deg);
    width: 15px !important;
    background-position: center !important;
    top: 3px !important;
    background-image: url('../_images/img-green-done.png');
}
/* ****************** */
.cbl-party-addon tr td {
    background-color: #ffffff !important;
}

.rcb-party-theme tr td {
    background-color: #f2f2f2 !important;
}

.cbl-party-addon [type=checkbox], .rcb-party-theme [type=radio] {
    float: left !important;
    margin: 6px 10px 0 0 !important;
}

    .cbl-party-addon [type=checkbox] + label[for], .rcb-party-theme [type=radio] + label[for] {
        float: left !important;
        font-style: italic !important;
        margin: 0 !important;
        width: auto !important;
        max-width: 90% !important;
    }

.rcb-party-theme tr:first-child [type=radio] + label[for] {
    font-weight: 600 !important;
    font-style: normal !important;
}

.cbl-party-addon [type=checkbox] + label[for] b, .rcb-party-theme [type=radio] + label[for] b {
    font-weight: 600 !important;
    font-style: normal !important;
    float: left;
    width: 100%;
}

.div-upload-cover {
    width: 400px;
    height: 300px;
    background-color: #FFFFFF;
    border: 2px dashed var(--sms-default-blue) !important;
    margin: 0 auto;
    margin-bottom: 50px;
    padding-top: 110px;
}

.rb-send-email.rb-secondary.RadButton_Bootstrap.rbSkinnedButton {
    background-color: var(--sms-default-blue) !important;
    border-radius: 5px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

    .rb-send-email.rb-secondary.RadButton_Bootstrap.rbSkinnedButton.rbHovered {
        box-shadow: 5px 5px 5px rgb(0 0 0 / 50%) !important;
    }

.rb-send-email.RadButton_Bootstrap.rbHovered .rbDecorated, .rb-send-email.RadButton_Bootstrap.rbSkinnedButton .rbDecorated {
    color: #FFFFFF !important;
}

.btn-arrow-send {
    background-color: var(--sms-default-blue) !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-left: 1px solid #FFFFFF;
    height: 36px;
}

.rb-show-as-link.RadButton_Bootstrap.rbSkinnedButton {
    border: none !important;
    padding: 0 !important;
    height: auto !important;
    width: auto !important;
}

    .rb-show-as-link.RadButton_Bootstrap.rbSkinnedButton .rbDecorated {
        background-color: #FFFFFF !important;
        color: var(--sms-default-black) !important;
        text-decoration: underline !important;
        height: auto !important;
        width: auto !important;
    }

.rb-show-as-link.RadButton_Bootstrap.rbHovered .rbDecorated {
    color: var(--sms-default-blue) !important;
}

.lnk-show-send-box {
    width: 148px;
    height: 30px;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 35%);
    color: var(--sms-default-black) !important;
    display: inline-block;
    line-height: 30px;
    padding: 0 5px;
    position: absolute;
    top: -31px;
    right: 0px;
    background-color: #FFFFFF;
}

    .lnk-show-send-box:hover {
        background-color: #cccccc;
    }

    .lnk-show-send-box span, .lnk-show-send-box i {
        color: var(--sms-default-black) !important;
    }

.lbl-pointer {
    cursor: pointer !important;
}

.RadScheduler .rsHeader h2 {
    height: 36px !important;
    line-height: 36px !important;
}

.RadScheduler .rsDateHeader {
    height: 27px !important;
}

span.rt-event-token.RadButton_Bootstrap.rbSkinnedButton .rbPrimaryIcon.rbCancel-red {
    background-image: url('../_images/img-close-red.png') !important;
    top: 10px !important;
}

    span.rt-event-token.RadButton_Bootstrap.rbSkinnedButton .rbPrimaryIcon.rbCancel-red:hover {
        background-image: url('../_images/img-close-blu.png') !important;
        top: 10px !important;
    }

span.rt-event-token.RadButton_Bootstrap.rbSkinnedButton .rbPrimaryIcon.rbchk-grn {
    background-image: url('../_images/img-check-grn.png') !important;
    top: 10px !important;
}

    span.rt-event-token.RadButton_Bootstrap.rbSkinnedButton .rbPrimaryIcon.rbchk-grn:hover {
        background-image: url('../_images/img-check-blue.png') !important;
        top: 10px !important;
    }

.div-check-new [type="checkbox"] {
    float: left;
    height: 30px;
    margin: 0 8px 0 0;
    vertical-align: middle;
}

.div-check-new label {
    float: left;
    line-height: 30px !important;
}

table.radio-btn [type=radio] + label {
    margin-left: 8px !important;
    line-height: 25px;
    float: left;
    margin-right: 3px !important;
}

table.radio-btn [type=radio] {
    float: left;
    height: 25px;
    margin-bottom: 0;
}

.gallery-clr, .div-dashboard .div-tabs label span.gallery-clr {
    color: var(--sms-default-grey) !important;
}

.rdp-store-dashboard.RadDataPager .RadComboBox .rcbInner {
    padding: 4px 2em 4px 6px !important;
    background-color: #ffffff !important;
}

.slider-btn {
    width: 48px !important;
}

.rg-events tr.rgPager .RadComboBox .rcbInput, .rg-dashboard tr.rgPager .RadComboBox .rcbInput {
    padding-left: 0px !important
}

/*------------Admin login button in customer side----------------------*/
.admin-btn {
    font-size: var(--sms-default-font) !important;
    font-weight: 600 !important;
}

.user-icon {
    position: relative !important;
    top: 4px;
    font-size: 20px !important;
    font-weight: 600 !important;
}

.admin-btn a, .admin-btn span.user-icon {
    color: #aaaaaa !important;
}

    .admin-btn a:hover, .admin-btn a:hover .user-icon {
        color: var(--sms-default-blue) !important;
    }
/*------------Discount window in admin side----------------------*/
a.discunt-windw {
    color: var(--sms-default-black) !important;
    font-weight: 700;
    font-size: var(--sms-default-font);
}

    a.discunt-windw:hover {
        text-decoration: underline;
    }

a i.arrow-up {
    animation: showmove 0.5s linear;
}

a i.arrow-down {
    animation: hidemove 0.5s linear;
}

@keyframes showmove {
    5% {
        transform: rotate(-180deg);
    }
}

@keyframes hidemove {
    5% {
        transform: rotate(-180deg);
    }
}

.icon-height {
    height: 20px !important;
}
/*------------autocompete box----------------------*/

.RadAutoCompleteBox_Bootstrap .racToken, .RadAutoCompleteBox_Bootstrap .racToken.racHovered {
    border-radius: 4px;
    border-color: var(--sms-default-blue);
    color: #fff;
    background-color: var(--sms-default-blue);
    vertical-align: middle !important;
}

.RadAutoCompleteBox .p-icon {
    display: none;
}
/*.RadAutoCompleteBox_Bootstrap .racRemoveTokenLink {
    background-repeat: no-repeat !important;
    background-size: 8px !important;
    height: 8px !important;
    width: 12px !important;
    top: 16px !important;
    background-image: url('../_images/img-cancel-white.png') !important;
}
.rac-tags-large.RadAutoCompleteBox_Bootstrap .racRemoveTokenLink {   
    top: 24px !important;
}
.rac-tags-large.RadAutoCompleteBox .racToken {
    padding: 8px 1.42857143em 8px 6px !important;
}*/
/***************tooltip design form tags******************/
.tooltip-tag {
    font-size: 12px;
    position: absolute;
    width: 40%;
    left: 122px;
    top: 18px;
    height: auto;
    background-color: rgb(51, 51, 51);
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}

i:hover + .tooltip-tag {
    visibility: visible;
    opacity: 1;
}

.event-tooltip {
    left: 108px !important;
}
/************form booked part events************/
.div-dashboard .lbl-event-party label {
    color: #aaaaaa !important;
}

.lbl-event-party label {
    line-height: 40px !important;
    float: left;
}
/**************************/
.success-msg {
    background-color: rgba(165, 232, 56, 0.6);
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.success-msg-green {
    background-color: #AEEA4C !important;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 5px;
    text-align: center;
    position: fixed;
    top: 77px;
    width: 90.8%;
    z-index: 9999;
}
/*Telerik slider override*/
.stripe-slider {
    width: 100% !important;
    margin-top: 20px;
}

    .stripe-slider.RadSlider_Bootstrap div.rslHorizontal a.rslDraghandle {
        width: 30px;
        height: 30px;
        top: 0px !important;
    }

    .stripe-slider.RadSlider_Bootstrap .rslSelectedregion, .RadSlider_Bootstrap div.rslHorizontal .rslSelectedregion {
        background-color: var(--sms-light-blue);
        height: 8px !important;
    }

    .stripe-slider.RadSlider_Bootstrap div.rslHorizontal .rslTrack {
        border-radius: 10px !important;
    }

    .stripe-slider.RadSlider_Bootstrap a.rslDraghandle:hover, .RadSlider_Bootstrap a.rslHandle:hover {
        background-color: white !important;
    }

.rbl-stripe tbody td {
    padding: 0px !important;
}

.stripe-slider.RadSlider_Bootstrap .rslMiddle .rslSmallTick {
    z-index: 2 !important;
    background-position: left !important;
}

    .stripe-slider.RadSlider_Bootstrap .rslMiddle .rslSmallTick.rslSmallTickLast {
        width: 1% !important;
    }

.stripe-slider.RadSlider .rslHorizontal .rslItemsWrapper {
    width: 100% !important;
    /*left: 12px !important;*/
    padding: 0 4px 0 15px;
}
/*for Event view section*/
.div-enrollment i {
    padding: 8px 0px 11px 0px !important;
    display: table;
    position: absolute;
    top: 0px;
}

.lbl-waitlist-info {
    float: left;
    font-size: 18px;
    margin: 12px 0 0 5px;
}

.div-waitlist-info {
    float: left;
    font-size: 11px;
    padding: 8px;
    background-color: var(--sms-default-black);
    color: #FFF;
    border-radius: 5px;
    width: 220px;
    position: absolute;
    left: 90px;
    top: 10px;
    line-height: 15px;
    display: none;
    z-index: 9;
}

.lbl-waitlist-info:hover + .div-waitlist-info {
    display: inline;
}

div span.lbl-roster div {
    display: inline !important;
}

.div-slide-down {
    border: 1px solid #cccccc;
    background-color: #fff;
    width: 100%;
    float: left;
    padding: 10px 15px;
}

div table.rbl-bg-clr td {
    background-color: #fff !important;
}

.RadInput_Bootstrap.riSingle .riTextBox.rt-height {
    height: 40px !important;
}

@media screen and (max-device-width: 1080px) and (orientation: landscape) {
    html {
        background-image: url('../_images/img-rotate.jpg') !important;
        background-size: contain;
    }

    body {
        display: none;
    }
}

.rb-mbxs.RadButton_Bootstrap.rbSkinnedButton {
    margin-bottom: 3px !important;
}

.div-ready-pickup span > label.lbl-pick-up-date {
    line-height: 32px !important;
}

.div-ready-pickup span > label.lbl-email-date, .div-ready-pickup span > label span.lbl-email-date {
    line-height: 18px !important;
}
/*for Admin Header section*/
.div-notfication-container {
    position: relative;
    width: 200px;
    display: inline-block;
}

.div-notification, .div-contact-support {
    position: absolute;
    top: 30px;
    overflow: hidden;
    width: 0;
    height: 25px;
    transition: 1.5s ease;
    text-align: center;
}

.div-notification {
    right: -22px;
}

.div-contact-support {
    right: -15px;
}

.div-notfication-container:hover .div-notification {
    width: 78px;
    right: -20px;
}

.div-notfication-container:hover .div-contact-support {
    width: 100px;
    right: -15px;
}

.text-notification, .text-contact-support {
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
    color: var(--sms-default-grey);
    text-align: right;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
}

.div-bg-clr, .div-bg-clr-notification {
    width: 33px;
    height: 33px;
    border-radius: 5px !important;
    color: var(--sms-default-blue);
    background-color: #E6EFF2;
    display: inline-block;
    border-radius: 25px !important;
    text-align: center !important;
}

.div-lnk-count {
    width: 20px;
    height: 20px;
    line-height: 20px;
    top: -10px !important;
    left: 15px !important;
    font-size: 8px !important;
}

.chk-admin-rememberme input[type='checkbox'] {
    float: left;
    margin: 0;
    height: 25px;
}

    .chk-admin-rememberme input[type='checkbox'] + label {
        float: left;
        margin: 0 0 0 5px;
        line-height: 25px;
    }

.div-signup-customer input[type=checkbox] + label {
    margin-right: 0px !important;
    margin-left: 2px !important;
}

.lnk-blue-text.RadButton .rbText {
    font-size: 12px !important;
}

div .div-signin-text {
    width: 82% !important;
    margin: auto !important;
}

div .lnk-btn-border {
    color: var(--sms-default-black);
    padding:10px 5px;
    border: 1px solid var(--sms-default-black);
}

.div-outer-lnk-btn, .div-outer-lnk {
    position: absolute !important;
    right: 0px;
    background-color: #fff !important;
    text-align: left !important;
    width: 140px !important;
    z-index: 45 !important;
}

.div-remaining-balance {
    width: 75% ;
    float: left;
    text-align: right;
}

.div-remaining-more {
    width: 25%;
    float: left;
    text-align: right;
}

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

.div-outer-lnk-btn a:hover {
    background-color: rgba(152, 152, 154, 0.2) !important;
}

.txt-border {
    border-radius: 0 !important;
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
}

.rd-outer-grid.RadGrid_Bootstrap {
    border: none !important;
    background-color: #fff !important;
}

    .rd-outer-grid.RadGrid_Bootstrap .rgRow > td, .rd-outer-grid.RadGrid_Bootstrap .rgAltRow > td, .rd-outer-grid.RadGrid_Bootstrap .rgEditRow > td {
        border-right: 1px solid black !important;
        border-left: 1px solid black !important;
        border-top: 1px solid black !important;
        border-bottom: 1px solid black !important;
        border-radius: 5px !important;
        background-color: #fff !important;
        border: 1px solid #d7d7d7 !important;
        box-shadow: 5px 5px 5px rgb(0 0 0 / 35%);
        border-radius: 5px;
        padding: 15px 10px;
    }

    div .rd-outer-grid.RadGrid_Bootstrap .rgRow > td, .rd-outer-grid.RadGrid_Bootstrap .rgAltRow > td {
        margin: 0px 0px 15px 0px !important;
        float: left;
        width: 100% !important;
        background-color: #fff !important;
    }

.rd-grid-event.RadGrid_Bootstrap {
    border: none !important;
}

div .rd-grid-event.RadGrid_Bootstrap .rgRow > td, div .rd-grid-event.RadGrid_Bootstrap .rgAltRow > td {
    border: none !important;
    background-color: #fff !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    margin: 0px !important
}

.rd-grid-event.RadGrid_Bootstrap .rgAltRow, .rd-grid-event.RadGrid_Bootstrap .rgRow, .rd-outer-grid.RadGrid_Bootstrap .rgAltRow, .rd-outer-grid.RadGrid_Bootstrap .rgRow {
    background-color: #fff !important;
}

div .btn-add-field, .div-left-template-main .div-description {
    border: 1px solid #d7d7d7 !important;
    box-shadow: 5px 5px 5px rgb(0 0 0 / 35%) !important;
    border-radius: 5px !important;
    padding: 15px 10px !important;
    background-color: #fff !important;
}

    div .btn-add-field:hover {
        border: 1px solid var(--sms-default-blue) !important;
    }

.rcb-check-box.RadCheckBox.RadButton .rbText {
    padding-left: 2px !important;
}

.rd-switch.RadButton_Bootstrap.k-switch {
    width: 40px !important;
    background-color: #d7d7d7;
    border-radius: 25px !important;
}

.rd-switch.RadButton_Bootstrap.k-switch-on .k-switch-container, .rd-switch.RadButton_Bootstrap.k-switch-off .k-switch-container, .rd-switch.RadButton_Bootstrap.k-switch-off .k-switch-container {
    height: 20px;
    width: 30px !important;
    background-color: #d7d7d7;
    border: none !important;
    box-shadow: none;
}

.rd-switch.RadButton_Bootstrap.k-switch-on .k-switch-handle, .rd-switch.RadButton_Bootstrap.k-switch-off:hover .k-switch-handle, .rd-switch.RadButton_Bootstrap.k-switch-off .k-switch-handle {
    height: 15px;
    width: 15px !important;
    background-color: #fff !important;
}

.rd-switch.k-switch-on .k-switch-handle {
    left: 23px;
    top: -1px;
}

.rd-switch.k-switch-off .k-switch-handle {
    left: 2px;
    top: -1px;
}

.rd-switch.RadButton_Bootstrap.k-switch-on .k-switch-container {
    background-color: var(--sms-default-blue) !important;
    color: #fff !important;
}

.rd-switch.RadButton_Bootstrap.k-switch-off .k-switch-container,
.rd-switch.RadButton_Bootstrap.k-switch-off:hover .k-switch-container, .rd-switch.RadButton_Bootstrap.k-switch-off .k-switch-handle {
    background-color: #d7d7d7;
    border: none !important;
    box-shadow: none;
}

.lnk-left-arrow {
    position: relative;
    left: -8px;
}

.div-align {
    width: 400px !important;
    height: auto !important;
    overflow: hidden;
    margin: 0 auto !important;
}

.rts-events-tab.RadTabStrip_Bootstrap.rtsTop .rtsLevel1 .rtsSelected .rtsLink {
    border-color: transparent;
    border-bottom-color: var(--sms-default-blue) !important;
}

.rts-events-tab .rtsLevel1 .rtsSelected .rtsLink .rtsTxt, .rts-events-tab .rtsLevel1 .rtsHovered .rtsLink .rtsTxt {
    color: var(--sms-default-black);
    font-weight: 600;
}

.rts-events-tab.RadTabStrip_Bootstrap .rtsLevel1 {
    display: inline-block !important;
    width: auto !important;
}

.rts-events-tab .rtsLevel1 .rtsUL .rtsLI:last-child span.rtsLink {
    margin-right: 0 !important;
}

.rts-events-tab .rtsLevel1 .rtsLink .rtsTxt {
    color: #aaaaaa;
    padding: 0px;
    font-weight: 600;
}

.rts-events-tab .rtsLevel1 .rtsSelected .rtsLink, .rts-events-tab .rtsLevel1 .rtsHovered .rtsLink {
    border-color: transparent;
    border-bottom: solid 2px var(--sms-default-blue) !important;
    background-color: white;
}

.rts-events-tab .rtsLink {
    padding: 5px 0px;
    margin: 0px 40px 0 0;
    font-size: 12px;
}

.btn-Calendar {
    position: absolute;
    right: 30px;
    top: 135px;
}

.btn-Calendar {
    color: var(--sms-default-blue) !important;
}

.rts-events-tab .rtsLevel1 {
    display: inline-block !important;
}

    .rts-events-tab .rtsLevel1 .rtsLI:last-child .rtsLink {
        margin-right: 0px !important;
    }

.div-right-border {
    border-right: 1px solid #797979 !important;
}

.div-new-addons article, .div-availability article {
    font-size: 12px;
    width: 290px;
    height: auto;
    padding: 5px 10px;
    line-height: 15px;
    text-align: center;
    background-color: rgb(51, 51, 51);
    color: #fff;
    border: 1px solid rgba(215, 215, 215, 1);
    border-radius: 5px;
    position: absolute;
    left: 25px;
    top: 10px;
    visibility: hidden;
    opacity: 0;
    z-index: 40;
    transition: visibility 0s, opacity 0.5s linear;
}

.div-new-addons span:hover ~ article {
    visibility: visible;
    opacity: 1;
}

.div-availability article {
    height: 45px !important;
    left: 35px !important;
    top: 3px !important;
}

.div-availability span:hover ~ article {
    visibility: visible;
    opacity: 1;
}

div .chk-price [type="checkbox"] {
    margin-left: 0px !important;
}

.div-collapsed-checkbox table.chk-type [type="checkbox"] {
    margin-bottom: 10px !important;
}

div.div-fields {
    float: left;
    width: 100%;
}

    div.div-fields > span {
        margin-top: 20px !important;
        float: left !important;
        width: 100% !important;
    }

    div.div-fields > input[type="text"], div.div-fields .RadComboBox_Bootstrap, div.div-fields textarea {
        margin-top: 5px !important;
        float: left !important;
        width: 50% !important;
    }

    div.div-fields textarea {
        width: 100% !important;
    }

    div.div-fields .RadComboBox_Bootstrap {
        margin-top: 10px !important;
    }

    div.div-fields [type="checkbox"] {
        float: left;
        clear: left;
        margin-top: 26px;
        margin-bottom: 0px;
    }

        div.div-fields [type="checkbox"] + label {
            clear: right;
            float: left;
            margin-top: 20px;
        }

div .rd-grid-event.RadGrid_Bootstrap .rgRow > td:first-child, div .rd-grid-event.RadGrid_Bootstrap .rgAltRow > td:first-child {
    width: 3% !important;
}

div .rd-grid-event.RadGrid_Bootstrap .rgRow > td:last-child, div .rd-grid-event.RadGrid_Bootstrap .rgAltRow > td:last-child {
    width: 7% !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    text-align: right !important;
}

div .rd-grid-event.RadGrid_Bootstrap .rgRow > td:nth-child(2), div .rd-grid-event.RadGrid_Bootstrap .rgAltRow > td:nth-child(2) {
    width: 86% !important;
    padding: 10px 4px !important;
}

.md-dark-grey {
    color: #9E9E9E !important;
}

.div-rg-addon.RadGrid_Bootstrap .rgRow > td, .div-rg-addon.RadGrid_Bootstrap .rgAltRow > td {
    background-color: transparent !important;
    border-radius: 4px;
    border: none !important;
    float: left !important;
    width: 100% !important;
}

.div-rg-addon.RadGrid_Bootstrap .rgRow, .div-rg-addon.RadGrid_Bootstrap .rgAltRow, div.div-rg-addon table tbody {
    background-color: #F2F2F2 !important;
}

div.div-rg-addon table thead {
    display: none !important;
}

div.div-rg-addon.RadGrid_Bootstrap {
    border: none !important;
}

.div-rg-addon.RadGrid_Bootstrap {
    background-color: transparent !important;
}

.div-rg-addon.RadGrid .rgMasterTable {
    border-collapse: separate;
    border-spacing: 0px 15px;
}

.lbl-chk-all input[type="checkbox"] {
    margin: 0px 0px 10px 2px;
}

.icon-delete:hover {
    color: var(--sms-default-blue) !important;
}

.div-purchase label.lbl-purchase, .div-pricing label.lbl-pricing {
    font-style: italic !important;
    color: #aaaaaa !important;
}

.tbl-enrollment .rg-events th.rgHeader:last-child {
    border-left: none !important;
}

.rg-events th.rg-header-border {
    border-right: none !important;
}

.vertical-lr {
    writing-mode: vertical-lr !important;
}

.div-outer-lnk-btn {
    right: -25px;
    top: 35px !important;
}

.roster-info {
    float: left;
    font-size: 11px;
    padding: 8px;
    background-color: var(--sms-default-black);
    color: #FFF;
    border-radius: 5px;
    width: 164px;
    position: absolute;
    left: 30px;
    top: 4px;
    line-height: 15px;
    display: none;
    z-index: 9;
}

    .roster-info b {
        font-size: 11px !important;
        color: #FFF !important;
    }

.lbl-roster-info {
    float: right;
    font-size: 18px;
    margin: 0px 0 0 5px;
}

    .lbl-roster-info:hover + .roster-info {
        display: inline !important;
    }

.div-addons-info {
    float: left;
    font-size: 11px;
    padding: 8px;
    background-color: var(--sms-default-black);
    color: #FFF;
    border-radius: 5px;
    width: 160px;
    position: absolute;
    left: 95px;
    top: 17px;
    line-height: 15px;
    display: none;
    z-index: 5;
}

.lbl-addons-info:hover + .div-addons-info {
    display: inline !important;
}

table.tbl-enrollment thead tr th.lbl-attendee {
    padding-left: 35px !important;
}

.lnk-user-grey, label + .lnk-user-grey a {
    color: var(--sms-default-grey) !important;
}

.div-error-center div.RadAjaxPanel {
    display: inline-block !important;
}

.lbl-custom input[type="checkbox"] {
    margin-bottom: 0px !important;
}
/*.outer-lbl-event:hover > .lbl-event-title, .outer-lbl-event:hover > .lbl-event-location {
    text-decoration: underline !important;
}*/
.lbl-event-title, .link-product a, .lbl-event-title:hover, .link-product a:hover {
    color: var(--sms-default-blue) !important;
}

div.div-login-admin span.rb-admin-login.RadButton_Bootstrap.rbSkinnedButton .rbDecorated,
div.div-forgot-pwd span.rb-admin-login.RadButton_Bootstrap.rbSkinnedButton .rbDecorated,
.div-new-btn.rb-admin-login.RadButton_Bootstrap.rbSkinnedButton .rbDecorated {
    background-color: var(--sms-default-blue) !important;
    border: 1px solid var(--sms-default-blue) !important;
    color: #fff !important;
}

div.div-login-admin span.rb-admin-login.RadButton_Bootstrap.rbSkinnedButton.rbHovered .rbDecorated,
div.div-forgot-pwd span.rb-admin-login.RadButton_Bootstrap.rbSkinnedButton.rbHovered .rbDecorated,
.div-new-btn.rb-admin-login.RadButton_Bootstrap.rbSkinnedButton.rbHovered .rbDecorated {
    border: 1px solid var(--sms-default-blue) !important;
    color: var(--sms-default-blue) !important;
    background-color: #fff !important;
}

div .rd-grid-padding.RadGrid_Bootstrap .rgRow > td:first-child, div .rd-grid-padding.RadGrid_Bootstrap .rgAltRow > td:first-child {
    width: 7% !important;
}

div .rd-grid-padding.RadGrid_Bootstrap .rgRow > td:first-child, div .rd-grid-padding.RadGrid_Bootstrap .rgAltRow > td:first-child {
    padding-left: 10px !important;
    padding-right: 0px !important;
}

.rg-order-panel .RadGrid_Bootstrap.rg-dashboard .rgHeader:nth-child(3) {
    border-left: 0 !important;
}

.btn-decrement {
    height: 35px;
    width: 35px;
    font-size: 16px;
    border-radius: 50% !important;
    background-color: #fff;
    border: 1px solid #00000059;
    cursor: pointer;
    color: #00000059 !important;
}
.btn-decrement.btn-new-border:hover{
   border: 1px solid #d9001b;
    color: #d9001b !important;
}
input.numeric-txtbox {
    background-color: transparent !important;
    border: none !important;
    text-align: center;
}

.div-increment-txt {
    background-color: rgba(179, 217, 255, 0.41);
    padding: 12px 10px !important;
    border-radius: 10px;
    float: left;
    width: 100%;
}

    .div-increment-txt:before, .div-increment-txt:after {
        display: none;
    }

input.numeric-txtbox:hover {
    background-color: transparent !important;
}

div.div-rg-increment.RadGrid_Bootstrap .rgRow > td, div.div-rg-increment.RadGrid_Bootstrap .rgAltRow > td {
    padding: 0 !important;
}

.flex-align {
    display: flex;
    justify-content: right;
    align-items: center;
}

.arrowRotate {
    transition-property: transform !important;
    transform: rotate(180deg) !important;
}

.btn-cancel {
    background-color: transparent;
    border: none;
    color: #000000;
    text-decoration: underline;
}

.red-button {
    border-color: #D9001B !important;
    color: #D9001B !important;
}

    .red-button:hover {
        background-color: #D9001B !important;
        color: #fff !important;
    }

.div-refund-tooltip {
    position: absolute;
    right: 20px;
    top: 57px;
}

.lbl-select-all input[type="checkbox"] {
    margin: 0 0 1rem 2px !important;
}

.lbl-select-all label {
    margin-left: 5px !important;
}

.div-confirm div {
    margin: 0 !important;
}

.rb-cancel-event.RadButton_Bootstrap.rbSkinnedButton {
    border-color: #D9001B !important;
}

    .rb-cancel-event.RadButton_Bootstrap.rbSkinnedButton.rb-secondary .rbDecorated {
        color: #D9001B !important;
    }

    .rb-cancel-event.RadButton_Bootstrap.rbSkinnedButton:hover {
        background-color: #D9001B !important;
        border-color: #D9001B !important;
    }

    .rb-cancel-event.RadButton_Bootstrap.rbSkinnedButton.rb-secondary .rbDecorated:hover {
        color: #fff !important;
    }

table.rbl-event-window {
    border: none !important;
}

.rbl-event-window td {
    padding: 0 !important;
}

.rbl-event-window input {
    width: auto !important;
    margin: 0 !important;
    float: left;
    height: 25px !important;
}

.rbl-event-window label {
    margin: 0 5px !important;
    float: left;
}

.input-refund-amount input {
    font-size: var(--sms-default-font) !important;
    text-align: right;
    width: 80% !important;
    border: 1px solid #d7d7d7 !important;
    height: 30px !important;
}

.input-refund-amount {
    position: relative;
}

    .input-refund-amount span {
        position: absolute;
        top: 32px;
        left: 20px;
    }

.clr-green {
    color: #03a113 !important;
}

.div-margin {
    margin-right: 20px !important;
    float: left !important;
}

.lbl-banner-txt {
    float: left;
    font-weight: 600;
    font-size: var(--sms-default-font);
    padding: 10px 0;
    margin-top: 10px;
    /*    word-break: break-all;*/
}

.lbl-success {
    font-weight: 600;
    font-style: normal;
    font-size: 28px;
    color: #A5E838;
    text-align: center;
}

    .lbl-success .material-icons {
        color: #A5E838;
    }

.RadGrid_Bootstrap .rgSorted {
    background-color: #fff !important;
}

.icon-help-right {
    right: 40px !important;
}
/***********************for rad text editor ***********************/
.text-editor {
    height: 30px !important;
}

    .text-editor i {
        left: 7px;
        position: absolute;
        top: 15px;
        font-size: 15px;
        cursor: pointer;
    }

    .text-editor span {
        font-size: 25px !important;
        font-family: sarif !important;
        font-style: normal !important;
        cursor: pointer;
    }

.rd-text-editor.RadEditor {
    height: 100% !important;
    border: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    width: 100% !important;
}

    .rd-text-editor.RadEditor .reLeftVerticalSide, .rd-text-editor.RadEditor .reRightVerticalSide, .rd-text-editor.RadEditor .reTlbVertical {
        display: none;
    }

    .rd-text-editor.RadEditor .reContentCell {
        min-height: 100px !important;
        border-radius: 5px;
        width: 100%;
    }

        .rd-text-editor.RadEditor .reContentCell iframe {
            padding: 0 0 0 5px !important;
            border-radius: 5px !important;
            border: 1px solid var(--sms-default-grey) !important;
        }

    .rd-text-editor.RadEditor .reToolCell .reToolbar li {
        background-color: transparent !important;
        border-radius: 0;
        border: none;
    }

        .rd-text-editor.RadEditor .reToolCell .reToolbar li span {
            opacity: .6;
            cursor: pointer;
        }

    .rd-text-editor.RadEditor .reToolCell .reToolbar .reToolLastItem .LinkManager {
        background-image: none !important;
        transform: rotate(45deg);
    }

        .rd-text-editor.RadEditor .reToolCell .reToolbar .reToolLastItem .LinkManager:before {
            content: 'link' !important;
            font-family: 'Material Icons Outlined' !important;
            font-size: 20px;
            font-weight: normal;
        }
/*----------pverma:this classes used form customised linkManager icon.-----------*/
.rd-text-editor .Bootstrap .reToolbar li .reTool .LinkManager {
    background-image: none;
    transform: rotate(45deg);
    margin: 5px !important;
}

    .rd-text-editor .Bootstrap .reToolbar li .reTool .LinkManager:before {
        content: 'link' !important;
        font-family: 'Material Icons Outlined' !important;
        font-size: 20px;
        font-weight: normal;
    }
/*----------pverma:-----------*/
.rd-text-editor .Bootstrap.RadEditor .reNoBorder div.reContentArea {
    color: var(--sms-default-black);
    font-size: var(--sms-default-font);
    box-shadow: none !important;
    border-color: #d7d7d7;
    border-radius: 5px;
    height: 100px;
    background-color: #fff;
    margin: 0px;
}

.rd-text-editor table tbody tr:nth-child(even) {
    background-color: transparent;
}

.rd-text-editor .reToolbar.Bootstrap {
    background-color: #ba3636;
    border-color: transparent;
}

.rd-text-editor .Bootstrap.reToolbar {
    margin: 0 5px 5px 0 !important;
    border-radius: 2px !important;
    background-color: #f2f2f2;
}

.input-amount span {
    top: 19px;
    left: 20px;
}

.rd-text-editor .reToolCell {
    display: none;
}

.rd-text-editor.Bootstrap.RadEditor .reNoBorder div.reContentArea {
    padding: 2px 2px 2px 8px !important;
    border-radius: 3px !important;
    border: 1px solid #d7d7d7;
    word-break: break-word !important;
}

.rd-text-width.RadEditor {
    width: 100% !important;
}

.rd-text-editor table {
    margin-bottom: 0px !important;
}

.rd-text-editor .reEmptyMessage {
    font-style: normal !important;
    font-size: var(--sms-default-font);
    padding-left: 5px;
    padding-top: 5px;
}

.rd-text-editor .Bootstrap .reToolbar li .reTool_selected, .rd-text-editor .Bootstrap .reTool:hover, .rd-text-editor .Bootstrap .reToolbar li .reTool:hover {
    box-shadow: none;
    background-color: #dddddd;
}

.btn-align.button-ajax.right.div-confirm div.RadAjaxPanel {
    width: auto !important;
}

div .icon-font-14 {
    font-size: var(--sms-default-font) !important;
}

div .icon-font-12 {
    font-size: 12px !important;
}

label.icon-grey-clr {
    color: var(--sms-default-grey) !important;
}

.rg-no-records.RadGrid_Bootstrap .rgNoRecords td div {
    text-align: center;
    line-height: 40px;
    font-style: italic;
    color: var(--sms-default-blue) !important;
}

.lh-0 {
    line-height: 0 !important;
}

.tbl-gift-crd td a, tr.tbl-gift-crd td a.lnk-customer {
    color: #EE2402 !important;
}

.tbl-cancel-event tr td label, .rnt-input span input.riTextBox {
    font-weight: 600 !important;
}

.md-dot-icon {
    width: 0px;
    height: 80px;
    line-height: 90px;
    margin-left: -12px;
    font-size: 30px;
}

.div-outer-lnk-btn.div-lnk-align {
    right: 0px !important;
    top: 24px !important;
    width: auto !important;
    text-wrap:nowrap !important;
}

.div-gift-card.div-ptz {
    padding-top: 0px !important;
}

.button-primary.btn-orders, .red-button.btn-orders, .btn-cancel-red.rb-secondary.RadButton_Bootstrap.rbSkinnedButton, .btn-cancel-red.RadButton_Bootstrap.rbSkinnedButton.rb-secondary .rbDecorated {
    height: 36px !important;
    line-height: 34px !important;
    border-radius: 5px !important;
}

div.checkbox-align [type="checkbox"], div.checkbox-align [type="radio"] {
    height: 25px !important;
    margin-top: 0px;
    float: left !important;
    margin-bottom: 0px !important;
    clear: both;
}

    div.checkbox-align [type="checkbox"] + label, div.checkbox-align [type="radio"] + label {
        line-height: 25px !important;
        margin-top: 0px;
        float: left !important;
        margin-left: 5px !important;
    }

.rg-dashboard .rgRow > td .link-blue-color, .rg-dashboard .rgAltRow > td .link-blue-color, .rg-events a.link-blue-color {
    color: var(--sms-default-blue) !important;
}

.rbl-common.rbl-refund-options.rbl-refund {
    margin: 0 !important;
    width: auto;
    float: left;
}

.div-refund-tooltip.left.icon-help-right {
    right: 32px !important;
}
/*.hr-grey.hr-white-clr{border-color: #fff !important; }*/
div.checkbox-align table tbody tr {
    background-color: transparent !important;
}

div.checkbox-align table tbody td {
    padding: 0px !important;
}

div.checkbox-align table {
    margin-bottom: 0px !important;
}

div.checkbox-align span {
    margin-top: 15px !important;
}

.txt-clr-order > a.lnk-customer {
    color: var(--sms-default-blue) !important;
}

.rts-main.rtsTop .rtsLevel1 .rtsSelected .rtsLink .rtsTxt, .rts-main.rtsTop .rtsLevel1 .rtsHovered .rtsLink .rtsTxt, .rts-events-tab .rtsLevel1 .rtsSelected .rtsLink .rtsTxt, .rts-events-tab .rtsLevel1 .rtsHovered .rtsLink .rtsTxt {
    color: var(--sms-default-blue) !important;
}

.width-35.rd-text-editor .reEmptyMessage {
    width: 35% !important;
}

.div-outer-lnk-btn.divEditInformation {
    right: 26px;
    top: 48px !important;
}

.rcb-field-type.RadComboBox_Bootstrap {
    float: left !important;
    clear: both;
    width: 100% !important;
}

.rcb-field-type .rcbInput.radPreventDecorate {
    padding-left: 25px !important;
}

.drp-icons {
    left: 22px !important;
    top: 32px !important;
}

.reContentArea.reContentAreaToggle:focus-visible {
    outline: none !important;
    border: 1px solid var(--sms-default-blue) !important;
}

.dd-event-filter.RadComboBoxDropDown input[type="checkbox"] {
    margin: 0 5px 0 0 !important;
    height: 25px !important;
}

.rs-lbl.rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHeader .rsPrevDay, .rs-lbl.rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHeader .rsNextDay {
    line-height: 30px !important;
    height: 28px !important;
}

.icon-left-arrow {
    line-height: 28px !important;
    height: 21px !important;
}

.rg-addons table tr td {
    padding: 10px 15px !important;
}

.chk-roster input {
    vertical-align: middle;
    margin: 0 !important;
    width: 1px;
}

.rcb-align.RadComboBoxDropDown .rcbCheckBox {
    margin-top: 0px !important;
}

.rs-admin-scheduler.RadScheduler_Bootstrap .rsHeader .rsNextDay {
    background-position: -10px -157px;
}

.rs-admin-scheduler.RadScheduler_Bootstrap .rsHeader .rsPrevDay {
    background-position: -9px -107px;
}

.div-order-item-detail section.tbl-border-order table {
    border-collapse: separate !important;
}

.div-order-item-detail section.tbl-border td {
    border-bottom: 1px solid #d7d7d7 !important;
    border-collapse: separate !important;
}
/*.div-order-item-detail section.tbl-border tr:last-child td {
    border-bottom: none !important;}*/

.RadComboBoxDropDown_Bootstrap .rcbHovered label, .RadCheckBox.rbHovered, .RadComboBoxDropDown input[type="checkbox"], .RadComboBoxDropDown input[type="checkbox"] + label, .RadButton.rbRounded + span:hover, input[type="checkbox"], input[type="checkbox"] + label, input[type="radio"] {
    cursor: pointer !important;
}

/******************for all small screen content 125% form above.***************/
@media (max-width: 70em) {
    .btn-orders {
        width: 200px !important;
        margin-bottom: 10px !important;
        float: right;
        margin-right: 0 !important;
    }
}

.rcb-lh.RadButton {
    height: 21px !important;
    padding: 0px !important;
}

    .rcb-lh.RadButton + span {
        line-height: 20px !important;
        margin: 0px !important;
    }

.div-edit-height a {
    height: 25px !important;
    line-height: 18px !important;
    background-color: #fff;
}

textarea.requried-red, input[type="text"].requried-red, .requried-red.RadComboBox_Bootstrap .rcbInputCell, .requried-red.RadComboBox_Bootstrap .rcbArrowCell {
    border-color: red !important;
}

table.requried-red [type="checkbox"], table.requried-red [type="radio"] {
    outline: 1px solid red;
    padding: 5px !important;
}

.checkbox-align.prf-input p {
    margin: 15px 0 0 0;
    float: left;
    color: red;
}

div.checkbox-align.prf-input span {
    float: left !important;
    width: auto !important;
}

div.div-fields > input[type="text"], div.div-fields .RadComboBox_Bootstrap {
    clear: both !important;
    margin-right: 50% !important;
}

div.checkbox-align.prf-input [type="checkbox"], div.checkbox-align.prf-input [type="radio"] {
    height: 13px !important;
    margin-top: 6px;
    float: left !important;
    margin-bottom: 0px !important;
    clear: both;
}

div.checkbox-align.prf-input span, .checkbox-align.prf-input p {
    margin-top: 18px !important;
}

.checkbox-align.prf-input p {
    margin-left: 2px !important;
}

.td-party .div-spot {
    width: 18% !important;
}

.div-party-allergy {
    width: 42.5% !important;
}

.plus-circle:hover {
    color: var(--sms-default-blue);
}

.text-ellipsis {
    float: left !important;
    width: 110px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
    text-align: left;
    cursor: default;
    height: 20px;
    line-height: 20px;
    font-style: italic !important;
}

.rbl-event-view tr td {
    border: 1px solid var(--sms-default-grey);
    padding: 10px 15px !important;
    border-radius: 8px !important;
    display: inline-block;
    margin-right: 20px !important;
    margin-bottom: 20px !important;
    width: 320px;
    background-color: #FFFFFF;
}

    .rbl-event-view tr td:hover {
        border: 1px solid var(--sms-default-blue);
    }
    /*.rbl-event-view tbody { background-color: #F2F2F2;}*/
    .rbl-event-view tr td.parent-selected {
        border: 1px solid var(--sms-default-blue);
        background-color: #F3F8FE;
    }

.rbl-event-view.radio-btn [type=radio] + label {
    color: var(--sms-default-grey) !important;
    font-weight: 600 !important;
}

.rbl-event-view.radio-btn [type=radio]:checked + label {
    color: var(--sms-default-blue) !important;
}

.rbl-event-view.radio-btn [type=radio] ~ span.material-icons-outlined {
    color: #D7D7D7 !important;
    font-size: 60px !important;
    float: left;
    margin: 0 0 0 50px !important;
}

.rbl-event-view.radio-btn [type=radio]:checked ~ span.material-icons-outlined {
    color: var(--sms-lightest-blue) !important;
}

.rbl-show-image.rbl-event-view.radio-btn [type=radio], .rbl-show-image.rbl-event-view.radio-btn [type=radio] + label {
    margin-top: 18px !important;
}

.rbl-select-event tr td {
    min-height: 200px;
    background-size: 240px;
    background-position: 35px 48px;
    background-repeat: no-repeat;
}

    .rbl-select-event tr td:first-child {
        background-image: url('../_images/img-month-view.png');
    }

    .rbl-select-event tr td:nth-child(2) {
        background-image: url('../_images/img-list-view.png');
    }
    .rbl-select-event tr td:nth-child(3) {
        background-image: url('../_images/img-gallery-view.png');
    }
    .rbl-select-event tr td:last-child {
        background-image: url('../_images/img-gallery-view.png');
    }

    .rbl-select-event tr td.parent-selected:first-child {
        background-image: url('../_images/img-month-view-selected.png');
    }

    .rbl-select-event tr td.parent-selected:nth-child(2) {
        background-image: url('../_images/img-list-view-selected.png');
    }
    .rbl-select-event tr td.parent-selected:nth-child(3) {
        background-image: url('../_images/img-gallery-view-selected.png');
    }
    .rbl-select-event tr td.parent-selected:last-child {
        background-image: url('../_images/img-gallery-view-selected.png');
    }

.div-page-select [type=checkbox]:checked + label span {
    color: var(--sms-default-black) !important;
}

.div-page-select input[type=text] {
    border-color: var(--sms-default-grey) !important;
}

.div-page-select input.required-txt[type=text] {
    border-color: #d9001b !important;
}

.div-gift-credit div.div-inner-block {
    border: 1px solid var(--sms-default-grey);
    border-radius: 8px;
    padding: 10px;
    position: relative;
    min-height: 60px;
}

.div-dashboard .div-gift-credit div label, .div-dashboard .div-gift-credit div span {
    font-weight: 600 !important;
    color: var(--sms-default-grey) !important;
}

    .div-dashboard .div-gift-credit div span.material-icons {
        font-weight: 400 !important;
        font-size: 24px !important;
    }

.div-gift-credit div.div-inner-block.div-refund-policy, .div-gift-credit div.div-inner-block.parent-chk-selected, .div-gift-credit div.div-inner-block.parent-text-expire {
    border-color: var(--sms-default-blue) !important;
    background-color: #F3F8FE !important;
}

    .div-gift-credit div.div-inner-block.div-refund-policy span.material-icons, .div-gift-credit div.div-inner-block.parent-chk-selected span.material-icons,
    .div-gift-credit div.div-inner-block.parent-text-expire span.material-icons {
        color: #767676 !important;
    }

    .div-dashboard .div-gift-credit .div-inner-block.div-refund-policy label, .div-dashboard .div-gift-credit .div-inner-block.div-refund-policy span,
    .div-gift-credit div.div-inner-block.parent-chk-selected .chk-policy-select label, .div-gift-credit div.div-inner-block.parent-text-expire label,
    .div-gift-credit div.div-inner-block.parent-text-expire span {
        color: #767676 !important;
    }

.editor p, .reContentCell p {
    margin: 0 !important;
    line-height: 1;
}

.chk-policy-select input[type=checkbox] {
    opacity: 0;
    margin: 0;
    position: absolute;
}

    .chk-policy-select input[type=checkbox] + label {
        float: left;
        width: 100%;
        border-radius: 8px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        line-height: 60px;
        padding-left: 9%;
        margin: 0 !important;
        /*background-color:yellow;*/
    }

        .chk-policy-select input[type=checkbox] + label .material-icons {
            line-height: 60px !important;
            float: left;
            margin-right: 20px;
        }

.blue-border-hover:hover {
    border-color: var(--sms-default-blue) !important;
}

.div-filter-window {
    border: 1px solid var(--sms-default-grey);
    border-radius: 5px;
    padding: 15px;
    width: 300px;
    background-color: #FFFFFF;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.34901960784313724);
    position: absolute;
    top: 245px;
    left: 120px;
    z-index: 10 !important;
}

    .div-filter-window p {
        font-weight: 600 !important;
        margin-bottom: 10px !important;
    }

.div-scroll-check {
    float: left;
    width: 100%;
    height: 185px;
    overflow-y: auto;
}

    .div-scroll-check table td label {
        width: 200px !important;
    }
/**********SSaini For form template section***************/
.div-left-template ul {
    list-style: none;
    margin: 0;
}

    .div-left-template ul li {
        text-indent: 12px;
        padding: 12px 0px;
        font-size: var(--sms-default-font);
        margin-bottom: 5px;
        text-indent: 12px;
        cursor: pointer;
    }

        .div-left-template ul li:hover {
            border-right: 5px solid rgba(0, 115, 230, 1);
        }

        .div-left-template ul li.form-selected {
            background-color: rgba(179, 217, 255, 0.4980392156862745) !important;
            border-right: 5px solid rgba(0, 115, 230, 1);
        }

.lnk-view-waiver, .lnk-view-waiver i {
    color: var(--sms-default-grey);
    font-weight: normal;
    line-height: 21px;
}

    .lnk-view-waiver:hover, .lnk-view-waiver:hover i {
        color: var(--sms-default-blue);
    }

.re-form-waiver table tbody tr {
    background-color: #fff !important;
}

.re-form-waiver .reToolbar.Bootstrap {
    margin: 0 !important;
    background-color: #f1f1f1;
}

.re-form-waiver .reContentCell {
    border: none !important;
}

.btn-save-customize {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='black' stroke-width='1' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 10px;
    height: 40px;
    width: 100%;
    border-radius: 10px !important;
    border: none !important;
}

    .btn-save-customize:hover {
        background-color: rgba(179, 217, 255, 0.4980392156862745) !important;
        color: var(--sms-default-blue);
        border: 1px solid var(--sms-default-blue) !important;
        background-image: none !important;
    }

.RadInput_Bootstrap.riSingle .riTextBox.txt-event-name {
    border: none !important;
    border-bottom: 1px solid #c2c2c2 !important;
    border-radius: 3px 3px 0 0 !important;
    height: 36px !important;
    padding-left: 30px !important;
    padding-right: 20px !important;
    background-color: #ffffff !important;
}

.RadInput_Bootstrap.riSingle:hover .riTextBox.txt-event-name, .div-search-filter input[type="text"].txt-experience-search:hover {
    border-bottom: 1px solid var(--sms-default-blue) !important;
}

.RadInput_Bootstrap.riSingle .riTextBox.riFocused.txt-event-name {
    border-bottom: 2px solid var(--sms-default-blue) !important;
}

.RadInput_Bootstrap.riSingle.txt-event-name-parent.RadInputFocused + .material-icons {
    color: var(--sms-default-blue) !important;
}

.RadInput_Bootstrap.riSingle.txt-event-name-parent + .material-icons, .txt-event-name-parent .lnkClearTxt {
    top: 5px;
}

.lbl-blue-clr:focus, .lbl-blue-clr:hover {
    color: var(--sms-default-blue) !important;
    font-weight: normal;
}

.rg-bg-color.RadGrid_Bootstrap .rgRow:hover td, .rg-bg-color.RadGrid_Bootstrap .rgAltRow:hover td {
    background-color: #98989a1a !important;
    cursor: pointer !important;
}

.div-show-hide > p:last-child {
    display: inline;
}

.txt-waiver-title {
    border: none;
    border-bottom: 1px solid black;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

    .txt-waiver-title .reLeftVerticalSide, .txt-waiver-title .reRightVerticalSide {
        padding: 0px !important;
    }

.re-form-waiver.Bootstrap.RadEditor .reNoBorder div.reContentArea {
    border: none !important;
}

.re-form-waiver .Bootstrap .reToolbar li {
    border: none !important;
}

.re-form-waiver.RadEditor .reToolCell .reToolbar li span {
    opacity: .6;
    cursor: pointer;
}

.re-form-waiver {
    border: 1px solid #d7d7d7 !important;
    border-radius: 5px !important;
    padding: 1px;
    background-color: #fff !important;
}

    .re-form-waiver .reLeftVerticalSide {
        padding: 0px !important;
    }

.div-left-template-main .div-description.div-text-editor {
    padding: 7px 25px 20px !important;
}

.re-form-waiver .Bootstrap.reToolbarWrapper .reTool_selected {
    box-shadow: none !important;
}

.div-filter-result {
    float: left;
    border: 1px solid #3c3d41 !important;
    background-color: #FFFFFF;
    border-radius: 5px;
    padding: 0 0 0 5px !important;
    height: 36px;
}

    .div-filter-result div {
        float: left;
    }

    .div-filter-result a.material-icons {
        font-size: 16px !important;
        color: #3c3d41 !important;
        float: left;
        line-height: 33px;
        margin-right: 3px;
    }

        .div-filter-result a.material-icons:hover {
            color: var(--sms-default-black) !important;
        }

    .div-filter-result label {
        float: left;
        font-size: 12px !important;
        color: #3c3d41 !important;
        line-height: 33px;
    }

    .div-filter-result span, .lbl-alltime-clr {
        float: left;
        color: var(--sms-default-blue) !important;
        font-size: 12px !important;
        line-height: 33px;
        padding: 0 10px 0 3px;
        cursor: pointer;
        border-radius: 0 5px 5px 0;
    }
/*.divEventReportFilter span {
    color: var(--sms-default-black) !important;
}*/
.div-filter-result span:hover {
    background-color: #F3F8FE !important;
}

    .div-filter-result.div-selected-filter {
        border: 1px solid var(--sms-default-blue) !important;
        background-color: #F3F8FE !important;
    }

        .div-filter-result.div-selected-filter label, .div-filter-result.div-selected-filter a.material-icons {
            color: var(--sms-default-blue) !important;
        }

.RadInput_Bootstrap.riSingle .riTextBox.rnt-price {
    padding-left: 25px !important;
}

.lbl-dollor-show {
    position: absolute;
    left: 10px;
    top: 35px;
}

.lnkClearTxt {
    cursor: pointer;
}

.rcb-filter.RadButton_Bootstrap .rbToggleCheckboxChecked {
    background-color: var(--sms-default-blue) !important;
    color: #FFFFFF !important;
}

.rcb-filter.RadButton.rbCheckBox .rbIcon {
    border-radius: 2px !important;
    width: 14px !important;
    height: 14px !important;
    margin-right: 8px;
}

.rcb-filter.RadButton_Bootstrap.rbCheckBox .rbText {
    color: var(--sms-default-black) !important;
    padding-left: 0 !important;
}

.p-i-checkbox-checked:before, .rfdCheckboxChecked:before {
    content: "\e118" !important;
    font-size: 11px !important;
    position: relative;
    top: -2px;
}

.text-box-order {
    border: none;
    border-bottom: 1px solid #c2c2c2;
    border-radius: 0px !important;
    /* border-radius: 0px !important;*/
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

.div-dashboard .div-search-filter.div-search-order .text-box-order:hover {
    border-bottom: 1px solid var(--sms-default-blue);
   
}

.div-dashboard .div-search-filter.div-search-order {
    position: relative !important;
    margin: 0 !important;
    float: left;
    min-width: 60%;
    left: 0px;
    top: 0px !important;
}

    .div-dashboard .div-search-filter.div-search-order input[type="text"]:focus {
        border: 0px;
        border-bottom: 2px solid var(--sms-default-blue);
        background-color: #fff !important;
    }

    .div-dashboard .div-search-filter.div-search-order input[type="text"] .lnk-product-search {
        color: #aaa !important;
    }

.div-search-filter.div-search-order a {
    left: 5px;
    top: 10px;
}

.div-dashboard .div-search-filter.div-search-order .icon-order-close span {
    font-size: 16px !important;
    color: #696969 !important;
}

    .div-dashboard .div-search-filter.div-search-order .icon-order-close span:hover {
        color: #4b4b4b !important;
    }

.div-dashboard .div-search-filter.div-search-order .icon-order-close {
    position: absolute;
    left: 95% !important;
    top: 5px;
}

.div-search-filter.div-search-order input[type="text"] {
    height: 36px !important;
    padding: 0px 0px 0px 30px;
}

.rg-events.rg-gift-cards table {
    table-layout: fixed !important;
}

.div-dashboard .medium-centered.div-tabs {
    padding-top: 10px !important;
}

.div-item-info {
    background-color: #333;
    float: left;
    color: #fff;
    font-size: 12px;
    padding: 9px !important;
    border-radius: 5px !important;
    width: 266px;
    position: absolute;
    z-index: 5;
    left: 20px;
    top: 0px;
    font-weight: 600;
    line-height: 15px;
    text-wrap: wrap;
    display: none;
}

.item-type-info:hover .div-item-info {
    display: inline !important;
}

.rd-tax-uploader .ruButton.ruBrowse::before {
    font-family: 'Material Icons';
    padding: 3px !important;
    content: 'attach_file';
    padding: 0px !important;
    font-size: 17px;
    transform: rotate(131deg);
    float: left;
    padding: 0px 1px 5px 1px !important;
    transform: translate(-6px, 0px) rotate(-47deg) scale(1);
}

.rd-tax-uploader.RadUpload_Bootstrap .ruSelectWrap .ruFakeInput, .rd-tax-uploader.RadUpload .radIcon {
    display: none !important;
}

.div-border {
    border: 1px solid var(--sms-default-grey) !important;
}

    .div-border div {
        background-color: rgba(152, 152, 154, 0.1);
        float: left !important;
        width: 100% !important;
        height: 35px !important;
        line-height: 31px;
    }

.icon-google {
    font-size: 20px;
    font-weight: 900;
    color: var(--sms-default-blue) !important;
}

.icon-record {
    color: #FF9800 !important;
    font-weight: 800;
    font-size: 15px;
    vertical-align: middle !important;
}

.div-dashboard .btn-analytics {
    background-color: var(--sms-default-blue);
    border: solid 1px var(--sms-default-blue);
    color: #FFFFFF;
    box-shadow: none;
    padding: 0px 20px;
    /*height: 25px !important;*/
    height: 36px !important;
    /* line-height: 23px !important;*/
    line-height: 33px !important;
    border-radius: 5px;
    width: 45%;
    text-align: center;
}

    .div-dashboard .btn-analytics span {
        color: #fff;
        line-height: 34px;
        float: left;
    }

    .div-dashboard .btn-analytics:hover {
        background-color: #fff;
        border: 1px solid var(--sms-default-blue);
        color: var(--sms-default-blue);
    }

        .div-dashboard .btn-analytics:hover span {
            display: none;
        }

.button-primary-fill.btn-search {
    height: 40px !important;
}

.btn-icon-search {
    color: #d7d7d7 !important;
}

.hr-border-blue {
    border: 1px solid var(--sms-default-blue) !important;
    margin-top: 15px !important;
    float: left !important;
}

.div-dashboard .div-tabs label.font-10 {
    font-size: 10px !important;
}
/*Issue Gift Card*/
.rg-customer-details td {
    border: none !important;
    width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.rbSkinnedButton.button-primary-fill.btn-search, span.RadButton_Bootstrap.rbSkinnedButton.button-primary-fill.btn-search .rbDecorated {
    height: 36px !important;
    color: #fff !important;
    line-height: 33px !important;
}

span.RadButton_Bootstrap.rbSkinnedButton.button-primary-fill.btn-search:hover,
span.RadButton_Bootstrap.rbSkinnedButton.button-primary-fill.btn-search.rbHovered, span.RadButton_Bootstrap.rbSkinnedButton.button-primary-fill.btn-search.rbHovered .rbDecorated {
    color: var(--sms-default-blue) !important;
}

.div-ajaxPanel.div-float-base div {
    float: unset;
}

.show-add-event {
    padding: 5px;
    background-color: rgba(152, 152, 154, 0.07);
    border-radius: 5px;
    float: left;
    width: 100%;
}

.rg-event-time.RadGrid .rgMasterTable thead {
    display: none !important;
}

.rg-event-time.RadGrid .rgMasterTable {
    border-collapse: separate;
    border-spacing: 0 10px !important;
}

.rg-event-time.RadGrid.RadGrid_Bootstrap {
    border: none !important;
}

.rg-event-time.RadGrid_Bootstrap .rgRow > td, .rg-event-time.RadGrid_Bootstrap .rgAltRow > td, .rg-event-time.RadGrid_Bootstrap .rgFooter > td {
    border: none;
    padding: 0px !important;
    background-color: rgba(152, 152, 154, 0.07) !important;
}

.div-tabs .show-add-event input[type=text] {
    height: 25px !important;
    width: 100%;
    padding: 2px 2px 2px 15px !important;
}

.div-tabs .show-add-event input.rntbox[type=text] {
    width: 100% !important;
}

.btn-add-event {
    background-color: transparent;
    color: var(--sms-default-blue);
    cursor: pointer;
    padding: 0px 2px;
}

    .btn-add-event:hover {
        background-color: rgba(179, 217, 255, 0.09);
    }

.RadGrid_Bootstrap th.rgHeader.pr-80 {
    padding-right: 80px !important;
}

.rg-customer-details.RadGrid_Bootstrap .rgHeader {
    display: none !important;
}

.rg-customer-details.RadGrid_Bootstrap tr {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 50px;
    width: 47% !important;
    float: left !important;
    flex-wrap: wrap;
    flex-direction: column;
    margin-right: 11px !important;
    margin-bottom: 10px !important;
    height: auto;
    border-radius: 5px !important;
    border: 1px solid var(--sms-default-grey) !important;
    color: #333 !important;
}

.rg-customer-details.RadGrid_Bootstrap td {
    border-radius: 5px !important;
    border: none !important;
}

.rg-customer-details.RadGrid_Bootstrap table thead {
    display: none !important;
}

.rg-customer-details.RadGrid_Bootstrap tr:hover, .rg-customer-details.RadGrid_Bootstrap .rgRow.rgSelectedRow, .rg-customer-details.RadGrid_Bootstrap .rgAltRow.rgSelectedRow {
    border: 1px solid var(--sms-default-blue) !important;
}

    .rg-customer-details.RadGrid_Bootstrap tr:hover span, .rg-customer-details.RadGrid_Bootstrap .rgSelectedRow tr span, .rg-customer-details.RadGrid_Bootstrap .rgSelectedRow td span {
        color: var(--sms-default-blue) !important;
    }

.rg-customer-details.RadGrid_Bootstrap .rgSelectedRow tr, .rg-customer-details.RadGrid_Bootstrap .rgSelectedRow td {
    background-color: rgba(179, 217, 255, 0.25) !important;
}

.rg-customer-details.RadGrid_Bootstrap .rgSelectedRow tr, .rg-customer-details.RadGrid_Bootstrap .rgSelectedRow tr {
    border: 1px solid var(--sms-default-blue) !important;
}

.rg-customer-details.RadGrid_Bootstrap .rgAltRow, .rg-customer-details.RadGrid_Bootstrap .rgRow {
    background-color: #fff !important;
}

div .rg-customer-details.RadGrid_Bootstrap .rgNoRecords {
    border: none !important;
    width: 100% !important;
    color: var(--sms-default-grey) !important;
    float: left !important;
    padding: 0px !important;
}

    div .rg-customer-details.RadGrid_Bootstrap .rgNoRecords div {
        color: var(--sms-default-grey) !important;
        margin-top: 20px !important;
    }

    div .rg-customer-details.RadGrid_Bootstrap .rgNoRecords td {
        padding: 0px !important;
    }

.rg-customer-details.RadGrid_Bootstrap tr.rgPager {
    width: 96.3% !important;
}

    .rg-customer-details.RadGrid_Bootstrap tr.rgPager:hover {
        border: 1px solid var(--sms-default-grey) !important;
    }

        .rg-customer-details.RadGrid_Bootstrap tr.rgPager:hover span {
            color: #333 !important;
        }

.rd-underline .ruFileWrap.ruStyled .ruUploadProgress {
    text-decoration: underline !important;
    color: var(--sms-default-blue) !important;
}

.rd-underline.RadAsyncUpload .ruButton.ruRemove:before {
    content: 'cancel' !important;
    font-family: 'Material Icons' !important;
    font-size: 14px !important;
    margin-top: 8px !important;
    margin-left: 15px;
    color: var(--sms-default-grey) !important;
}

.rd-underline.RadAsyncUpload .ruButton.ruRemove {
    display: flex !important;
    font-weight: normal !important;
    font-size: 0 !important;
    margin: 0;
    line-height: normal !important;
}

.rd-underline.RadAsyncUpload .ruFileWrap.ruStyled {
    float: left !important;
}

.rd-underline.RadAsyncUpload .RadUpload .ruSelectWrap {
    display: block;
    width: 100% !important;
    clear: both;
}

.ruFileLI.ruUploadSuccess {
    margin-bottom: 15px;
}

.rbl-common.rbl-times [type=radio] {
    opacity: 0;
    position: absolute;
}

    .rbl-common.rbl-times [type=radio] + label[for] {
        font-size: 16px !important;
        line-height: 20px !important;
        padding: 5px;
        border-radius: 5px;
        border: 1px solid var(--sms-default-black);
        width: 98%;
        color: var(--sms-default-black) !important;
        height: 32px;
        text-align: center;
        margin: 0px 0px 2px 0px;
    }

        .rbl-common.rbl-times [type=radio] + label[for]:hover {
            background-color: rgba(77, 166, 255, 0.1);
        }

    .rbl-common.rbl-times [type=radio]:checked + label[for] {
        background-color: #4da6ff !important; /* Change background color when checked */
        color: #fff !important;
    }

.rs-customer-scheduler.rs-time-slot.rs-customer-cal .rsWrap:nth-child(2), .rs-customer-scheduler.rs-time-slot.rs-customer-cal .rsWrap:first-child {
    display: inline-block;
}

.rs-customer-scheduler.rs-time-slot.rs-customer-cal .rsWrap {
    display: none;
}

.rs-customer-scheduler.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td, .rs-customer-scheduler.rs-time-slot.RadScheduler_Bootstrap .rsHeader, .rs-customer-scheduler.rs-staffing.RadScheduler_Bootstrap .rsHeader, .rs-customer-scheduler.rs-time-slot.RadScheduler_Bootstrap .rsHeader .rsPrevDay, .rs-customer-scheduler.rs-time-slot.RadScheduler_Bootstrap .rsHeader .rsNextDay, .rs-customer-scheduler.rs-time-slot.RadScheduler_Bootstrap .rsHeader .rsNextDay:hover {
    background-color: #f2f2f2 !important;
}

.RadScheduler_Bootstrap .rsTopWrap {
    border: 1px solid #f2f2f2;
}

.rs-customer-scheduler.rs-customer-cal.RadScheduler_Bootstrap .rsHorizontalHeaderTable th {
    background-color: rgba(60, 61, 65, 0.4980392156862745) !important;
    color: #fffeff;
    height: 25px !important;
}

.rs-customer-scheduler.rs-time-slot.RadScheduler_Bootstrap .rsHorizontalHeaderTable th div {
    color: #fffeff !important;
    font-size: 14px !important;
}

.rs-customer-scheduler.rs-time-slot.rs-customer-cal.RadScheduler_Bootstrap .rsAptContent {
    padding: 0px !important;
    border-radius: 0px;
}

.rs-customer-scheduler.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td {
    position: relative !important;
    height: 67px !important;
    padding: 2px !important;
    width: 45px;
    width: 65.5px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.rs-customer-scheduler.rs-time-slot.rs-customer-cal .rsWrap:first-child {
    height: 5px !important;
}

.rs-customer-scheduler.rs-customer-cal.rs-time-slot.RadScheduler_Bootstrap .rsDateHeader {
    font-size: 20px !important;
    color: #7f7f7f !important;
    font-weight: 400 !important;
}

.rs-customer-scheduler.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td.rsOtherMonth {
    opacity: unset !important;
    color: #d7d7d7 !important;
}

    .rs-customer-scheduler.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td.rsOtherMonth .rsDateHeader {
        color: #d7d7d7 !important;
    }

.rs-customer-scheduler.rs-time-slot.rs-customer-cal.RadScheduler_Bootstrap .rsAptContent {
    padding: 0px !important;
}

.rbl-common.rbl-width [type=radio] + label[for] {
    width: auto !important;
    font-style: italic;
    line-height: 20px !important;
    margin-top: 10px !important;
    max-width: 80% !important;
}

    .rbl-common.rbl-width [type=radio] + label[for] b {
        float: left !important;
        width: 100% !important;
        line-height: 30px;
        font-style: normal;
    }

.rbl-width.rbl-common [type=radio] {
    height: 30px;
    float: left;
    margin-top: 10px !important;
}

.cbl-party-addon.cbl-addon [type=checkbox] {
    height: 27px;
}

.rbl-common.rbl-width tr:first-child td [type=radio] + label[for] {
    font-weight: 600 !important;
    font-style: normal !important;
    width: 90% !important;
    float: left !important;
    margin-top: 5px !important;
}

.rbl-common.rbl-width tr:first-child td input[type=radio] {
    margin-top: 0px !important;
}

.cbl-party-addon.cbl-addon tr td {
    padding: 0px !important;
}

.cbl-party-addon.cbl-addon [type=checkbox] {
    margin: 0px 10px 0 0 !important;
}

    .cbl-party-addon.cbl-addon [type=checkbox] + label[for] {
        margin-bottom: 15px !important;
    }

.bg-faded-blue {
    background-color: rgba(0, 115, 230, 0.054901960784313725) !important;
    line-height: 37px !important;
    height: 38px !important;
    width: 100% !important;
}

    .bg-faded-blue div {
        letter-spacing: 0.9px;
        color: #333333;
        font-size: 16px;
    }

        .bg-faded-blue div a {
            text-decoration: underline !important;
            color: #000 !important;
            font-weight: 600;
        }
/***************** new class name rs-scheduler-height class form customer by msingh **************************/

.rs-scheduler-height.rs-time-slot.rs-customer-cal.RadScheduler .rsMonthView .rsWrap:nth-child(2) {
    height: 50px !important;
}

.lbl-address span {
    width: 90% !important;
    font-size:20px !important;
}

    .lbl-address span:first-child {
        font-weight: 600 !important;
        float: left !important;
    }

.rs-customer-scheduler.rs-time-slot.RadScheduler_Bootstrap .rsHeader h2 {
    font-size: 20px !important;
}

.checkbox-container table.rbl-common.rbl-width tbody td, .checkbox-container table.cbl-party-addon.cbl-addon tbody td {
    display: block;
    position: relative;
}

    .checkbox-container table.rbl-common.rbl-width tbody td:before, .checkbox-container table.cbl-party-addon.cbl-addon tbody td:before {
        content: "";
        position: absolute;
        top: 12px;
        right: -2px;
        left: -8px;
        border: none;
        border-radius: 14px;
        pointer-events: none;
        transition: border-color 0.3s ease;
    }

    .checkbox-container table.rbl-common.rbl-width tbody td:hover:before, .checkbox-container table.cbl-party-addon.cbl-addon tbody td:hover:before {
        background-color: rgba(42, 111, 246, 0.25) !important;
        height: 27px !important;
        width: 27px !important;
    }

    .checkbox-container table.cbl-party-addon.cbl-addon tbody td:before {
        top: 0px;
        left: -7px;
    }

table.cbl-party-addon.cbl-addon tr, table.cbl-party-addon.cbl-addon tr td {
    background-color: #f1f1f1;
}

.checkbox-container table.rbl-common.rbl-width tbody tr:first-child td:before {
    top: 1px;
    left: -8px;
}

.rs-customer-scheduler.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td.slot-available .rsDateWrap .rsDateBox .rsDateHeader {
    color: #7f7f7f !important;
}
.RadScheduler_Bootstrap .rsContentTable td{
    border-bottom-style:solid !important;
}
.rs-customer-scheduler.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td.slot-available .rsWrap {
    text-align: center;
}

.rs-customer-scheduler.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td.slot-available {
    /*border: 4px solid transparent !important;*/
    background-color: #4da6ff58 !important;
}

    .rs-customer-scheduler.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td.slot-available.slot-selected {
        /*border: 4px solid transparent !important;*/
        background-color: var(--sms-light-blue) !important;
        /*box-shadow: inset 0px 0px 0px 5px #f00;*/
    }

        .rs-customer-scheduler.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td.slot-available.slot-selected .rsDateWrap .rsDateBox .rsDateHeader,
        .rs-customer-scheduler.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td.slot-available.slot-selected .btn-copy.selected-date small {
            color: #fff !important;
        }

.rs-customer-scheduler.rs-time-slot.rs-customer-cal .rsWrap:nth-child(2) input.btn-copy:hover {
    background-color: #e3c8c8 !important;
}

.default-grey.lbl-grey-clr > [type=checkbox] + label {
    color: var(--sms-default-grey) !important;
}

.rg-event-time a {
    display: none !important;
}

.rg-event-time.RadGrid_Bootstrap .rgRow:hover, .rg-event-time.RadGrid_Bootstrap .rgAltRow:hover {
    background-color: rgba(77, 166, 255, 0.1) !important;
}

.rg-event-time.RadGrid_Bootstrap .rgRow {
    border-radius: 10px !important;
}

    .rg-event-time.RadGrid_Bootstrap .rgRow:hover td:last-child a, .rg-event-time.RadGrid_Bootstrap .rgAltRow:hover td:last-child a {
        display: inline !important;
    }

.lbl-optional-time {
    color: var(--sms-default-blue) !important;
    background-color: rgba(179, 217, 255, 0.25);
    border-radius: 5px;
    font-size: 12px;
}

.rg-event-time.RadGrid_Bootstrap .rgRow:hover td .lbl-optional-time, .rg-event-time.RadGrid_Bootstrap .rgAltRow:hover td .lbl-optional-time {
    color: var(--sms-default-blue) !important;
    background-color: rgba(179, 217, 255, 0.25);
    border-radius: 5px;
    font-size: 12px;
}

.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td.rsLastCell {
    border-right: 2px solid #d7d7d7 !important;
}

.rs-customer-scheduler.rs-time-slot.rs-customer-cal .rsWrap:nth-child(2) input.btn-copy:hover {
    background-color: #e3c8c8 !important;
}
.rs-customer-scheduler.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td.slot-available:hover {
    box-shadow: inset 0px 0px 0px 3px #0073e6;
}
.rs-customer-scheduler.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td.slot-available.TestClass {
    box-shadow: inset 0px 0px 0px 3px #0073e6;
    background-color: #f2f2f2 !important;
}
.rs-time-slot.RadScheduler_Bootstrap .rsMonthView .rsApt.e-available .rsAptContent {
    background-color: transparent !important;
}

.rs-customer-scheduler.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td.rsOtherMonth .btn-copy {
    background-color: #f2f2f2 !important;
    border-radius: 0px !important;
    padding: 0px !important;
}

.rs-customer-scheduler.rs-time-slot.rs-customer-cal .rsWrap:nth-child(2) .btn-copy {
    display: none;
    cursor: pointer;
}

.rs-customer-scheduler.rs-time-slot.RadScheduler_Bootstrap .rsWrap:nth-child(2) .btn-copy.selected-date {
    display: inline-block !important;
}

.rs-customer-scheduler.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td.slot-available:hover .rsWrap:nth-child(2) .btn-copy {
    display: inline-block;
}

.rs-customer-scheduler.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td.slot-available.rsOtherMonth .rsDateWrap .rsDateBox .rsDateHeader {
    color: var(--sms-default-grey) !important;
}

.rs-customer-scheduler.rs-time-slot.RadScheduler_Bootstrap .rsWrap:nth-child(2) .btn-copy.selected-date small {
    color: var(--sms-default-blue) !important;
}

.rs-customer-scheduler.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td.slot-available.rsOtherMonth .rsWrap:nth-child(2) .btn-copy {
    opacity: 0.5 !important;
    cursor: default !important;
    pointer-events: none !important;
}

.show-add-event input[type=text] {
    background-color: transparent !important;
}

.div-add-time {
    width: 280px;
    height: auto;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid var(--sms-default-grey);
    background-color: #ffffff;
    float: left;
    position: absolute;
    z-index: 999;
    /* top: 0px; */
    /* bottom: 0px; */
    /*right: 64px;*/
}
/************************************admin event RadScheduler***************************************/

/*.admin-time-slot.rs-time-slot.rs-customer-cal.RadScheduler .rsMonthView .rsWrap:nth-child(3) {
    display: none;
}*/
.admin-time-slot.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td {
    height: 115px !important;
    padding: 3px !important;
}

    .admin-time-slot.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td:hover {
        background-color: rgba(179, 217, 255, 0.09) !important;
        box-shadow: inset 0 0 1px var(--sms-default-blue) !important;
    }

.admin-time-slot.rs-time-slot .rsWrap:nth-child(2) .icon-show, .admin-time-slot.rs-time-slot .rsWrap:nth-child(2) .icon-show-copy, .admin-time-slot.rs-time-slot .rsWrap .icon-show, .admin-time-slot.rs-time-slot .rsWrap .icon-show-copy {
    display: none !important;
}

.admin-time-slot.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td:hover .rsWrap:nth-child(2) .icon-show, .admin-time-slot.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td:hover .rsWrap:nth-child(2) .icon-show-copy {
    display: inline-block !important;
    height: 15px !important;
    width: 15px !important;
    text-align: center;
    vertical-align: middle;
    line-height: 15px;
}

.admin-time-slot.rs-time-slot.RadScheduler_Bootstrap .rsMonthView .rsApt .rsAptContent {
    background-color: transparent !important;
}

.icon-show-copy {
    border: 1px solid var(--sms-default-blue);
    font-size: 9px;
    padding: 3px;
    border-radius: 10px !important;
    color: var(--sms-default-blue) !important;
}

.admin-time-slot.rs-time-slot.RadScheduler_Bootstrap .rsMonthView .rsApt .rsAptContent .div-addtime-slot {
    background-color: rgba(179, 217, 255, 0.1) !important;
    border: 1px solid var(--sms-default-blue) !important;
    border-radius: 5px !important;
    height: auto !important;
    /*line-height: 31px !important;*/
    /* max-height: 100px !important*/
}

.admin-time-slot.rs-time-slot.RadScheduler_Bootstrap .rsMonthView .rsApt .rsAptContent .div-bookedtime-slot {
    background-color: rgba(152, 152, 154, 0.1) !important;
    border: 1px solid #98989a !important;
    border-radius: 5px !important;
    /* height: 25px !important;*/
    /* line-height: 31px !important;*/
    color: #98989a !important;
    height: auto !important;
}

    .admin-time-slot.rs-time-slot.RadScheduler_Bootstrap .rsMonthView .rsApt .rsAptContent .div-bookedtime-slot:hover {
        background-color: rgba(77, 166, 255, 0.1) !important;
    }

.addiv .admin-time-slot.rs-time-slot.RadScheduler_Bootstrap .rsMonthView .rsApt .rsAptContent .div-addtime-slot:first-child {
    margin-top: 25px !important;
}

.admin-time-slot.rs-time-slot.RadScheduler_Bootstrap .rsMonthView .rsApt .rsAptContent .div-addtime-slot span,
.admin-time-slot.rs-time-slot.RadScheduler_Bootstrap .rsMonthView .rsApt .rsAptContent .div-bookedtime-slot span {
    color: var(--sms-default-grey) !important;
    /*  height: 25px !important;*/
    /* line-height: 27px !important;*/
    font-size: 10px !important;
    padding-left: 3px !important;
    /* max-height: 100px !important;*/
    float: left !important;
}

.admin-time-slot.rs-time-slot.RadScheduler_Bootstrap .rsMonthView .rsApt .rsAptContent .div-bookedtime-slot span, div.div-new-event p.light-new-clr {
    color: #98989a !important;
}

.admin-time-slot.rs-time-slot.RadScheduler .rsMonthView .rsWrap.rsDateWrap {
    text-align: left !important;
    z-index: 1 !important;
    height: 1px !important;
}
/*.admin-time-slot.rs-time-slot.RadScheduler_Bootstrap {
    height: 40px !important;
}*/

/*.rs-time-slot.rs-customer-cal.RadScheduler .rsMonthView .rsWrap:nth-child(2) {   padding-top: 25px !important; }*/
.admin-time-slot.rs-time-slot.rs-customer-cal.RadScheduler .rsMonthView .rsWrap:nth-child(2) .rsApt .rsAptContent {
    padding-top: 25px !important;
}

.admin-time-slot.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td.rsOtherMonth .rsWrap:nth-child(2) .icon-show-copy,
.admin-time-slot.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td.rsOtherMonth .rsWrap:nth-child(2) .icon-show {
    opacity: 0.5 !important;
    cursor: default !important;
    pointer-events: none !important;
}

.admin-time-slot.rs-time-slot.RadScheduler .rsContentTable tr {
    background-color: #fff !important;
}

.div-addtime-slot:hover {
    background-color: rgba(77, 166, 255, 0.1) !important;
}

    .div-addtime-slot:hover a {
        display: inline-block !important;
    }

.div-addtime-slot.booked-time-slot:hover a {
    display: inline !important;
}

.div-addtime-slot.booked-time-slot br {
    display: none;
}

.div-copytimeslot {
    width: 213px;
    height: 280px;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid var(--sms-default-grey);
    background-color: #ffffff;
    box-sizing: border-box;
    float: left !important;
    position: absolute;
    z-index: 4000;
    /*right: 82px !important;*/
}

.rc-copydate.RadCalendar .rcRow td, .rc-copydate.RadCalendar .rcWeek th {
    border: none !important;
    background-color: #fff !important;
}

.rc-copydate.RadCalendar .rcWeek th {
    color: var(--sms-default-blue) !important;
}

.rc-copydate.RadCalendar_Bootstrap .rcTitlebar {
    background-color: #fff !important;
}

.rc-copydate.RadCalendar .rcTitlebar .rcTitle {
    font-weight: normal !important;
    color: #333 !important;
    font-size: 12px !important;
}

.rc-copydate.RadCalendar_Bootstrap .rcMain, .rc-copydate.RadCalendar {
    width: 100% !important;
}

    .rc-copydate.RadCalendar_Bootstrap .rcTitlebar .rcNext, .rc-copydate.RadCalendar .rcTitlebar .rcPrev {
        height: 10px !important;
    }

    .rc-copydate.RadCalendar_Bootstrap .rcMain .rcRow a:hover, .rc-copydate.RadCalendar .rcRow td.rcSelected a {
        background-color: var(--sms-default-blue) !important;
        color: #fff !important;
        border-radius: 4px !important;
    }
    /*.rc-copydate.RadCalendar .rcRow td.rcOtherMonth { display: none; }*/
    .rc-copydate.RadCalendar_Bootstrap .rcMain .rcRow a {
        height: 20px !important;
        width: 20px !important;
        line-height: 20px !important;
        font-size: 12px !important;
    }

.rc-copydate.RadCalendar_Bootstrap .rcWeek th {
    padding-bottom: 0px !important;
}

.rc-copydate.RadCalendar_Bootstrap .rcMain {
    padding: 0px !important;
}

.rc-copydate.RadCalendar .rcMain .rcMainTable {
    margin-bottom: 0px !important;
}

.rc-copydate.RadCalendar_Bootstrap .rcTitlebar .rcPrev:hover, .rc-copydate.RadCalendar_Bootstrap .rcTitlebar .rcPrev, .rc-copydate.RadCalendar_Bootstrap .rcTitlebar .rcNext, .rc-copydate.RadCalendar_Bootstrap .rcTitlebar .rcNext:hover {
    background-size: 7px !important;
}

.admin-time-slot.RadScheduler_Bootstrap .rsTopWrap {
    border: 1px solid #ffffff;
}

/************************************ End admin event RadScheduler***************************************/

.rg-event-time.RadGrid_Bootstrap .rgAltRow > td:first-child, .rg-event-time.RadGrid_Bootstrap .rgRow > td:first-child {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.rg-event-time.RadGrid_Bootstrap .rgAltRow > td:last-child, .rg-event-time.RadGrid_Bootstrap .rgRow > td:last-child {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.rg-registration.RadGrid_Bootstrap .rgHeader {
    display: none !important;
}

.rg-registration.RadGrid_Bootstrap .rgRow > td, .rg-registration.RadGrid_Bootstrap .rgAltRow > td, .rg-registration.RadGrid_Bootstrap .rgEditRow > td {
    border: 1px solid #d7d7d7 !important;
    box-shadow: 5px 5px 5px rgb(0 0 0 / 35%) !important;
    border-radius: 5px !important;
    padding: 15px 15px !important;
    background-color: #fff !important;
    width: 100% !important;
    margin-bottom: 15px !important;
    float: left;
}

.rg-registration.RadGrid_Bootstrap {
    border: none !important;
}

.div-bottom-border {
    border-bottom: 1px solid #d7d7d7;
    padding: 0px !important;
    width: 100% !important;
    float: left !important;
}

.div-view-field > div {
    display: flex;
}

.rg-registration.RadGrid_Bootstrap .rgRow [type="text"], .rg-registration.RadGrid_Bootstrap .rgAltRow [type="text"] {
    height: 40px !important;
}

.chkbox-events input[type="checkbox"] + label {
    margin-right: 0px !important;
}

.div-registration-info {
    position: relative;
    z-index: 8;
}
    .div-registration-info article {
        position: absolute;
        left: 34px;
        top: 10px;
        width: 258px;
        height: auto; /* Adjusted height to auto */
        background: rgba(60, 61, 65, 1);
        border: 1px solid rgba(215, 215, 215, 1);
        border-radius: 5px;
        box-shadow: none;
        font-weight: 600;
        font-size: 12px;
        color: #FFFFFF;
        text-align: left;
        padding: 7px 10px;
        visibility: hidden;
        opacity: 0;
        z-index: 9;
        transition: opacity 0.3s ease, visibility 0.3s ease; /* Added transition */
    }

    .div-registration-info span:hover + article {
        opacity: 1 !important;
        visibility: visible !important;
    }

.div-view-field {
    float: left !important;
    width: 100% !important;
    padding-right: 10px;
}

    .div-view-field div:first-child, .div-view-field div:nth-child(3), .dd-view-field .RadComboBox {
        float: left !important;
        width: 48% !important;
        position: relative;
        margin-bottom: 20px !important;
    }

        .dd-view-field .RadComboBox.full-width {
            width: 100% !important;
        }

    .div-view-field div:nth-child(2), .div-view-field div:nth-child(4) {
        float: right !important;
        width: 48% !important;
        position: relative;
        margin-bottom: 20px !important;
    }

        .div-view-field div:first-child span, .div-view-field div:nth-child(3) span, .div-view-field div:nth-child(2) span,
        .div-view-field div:nth-child(4) span, .div-view-field div span, .dd-view-field span {
            position: absolute;
            background-color: #fff;
            top: -8px;
            left: 14px;
            padding: 0px 10px;
        }

    .div-view-field div {
        margin-bottom: 20px !important;
        float: left;
        width: 100%;
        position: relative !important;
        margin-bottom: 20px !important;
    }

.dd-view-field span {
    z-index: 2;
}

div.div-view-field + .RadGrid_Bootstrap {
    border: none !important;
}

.div-view-field textarea {
    padding-top: 10px !important;
}

.rg-registration.rg-field div > span.md-dot-icon {
    margin-left: -29px;
    font-size: 30px !important;
}

.rg-registration.rg-field.RadComboBox_Bootstrap .rgRow [type="text"], .rg-registration.rg-field.RadComboBox_Bootstrap .rgAltRow [type="text"] {
    width: 98% !important;
}
/*.rg-registration.rg-field.RadComboBox_Bootstrap.RadGrid_Bootstrap .rgMasterTable {
    background-color: red !important;
}*/
.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*table.rbl-product-type tbody tr td span input[type="radio"]:checked + label[for] {
    padding: 0px 10px !important;
    border-radius: 7px;
    background-color: #ffffff;
}*/
.rac-tags-large.RadAutoCompleteBox_Bootstrap .racTokenList.racFocused {
    box-shadow: none !important;
}

.chk-all [type="checkbox"] {
    float: right !important;
}

.chkbox-ml [type=checkbox] + label {
    margin-left: 3px !important;
    float: right;
    margin-right: 5px;
}

.product-tooltip {
    width: 24% !important;
    left: 163px !important;
    top: 17px !important;
}

.icon-attach {
    transform: rotate(136deg) !important;
}

.rn-text-box .RadInput {
    vertical-align: top !important;
}

.rac-tags-large.RadAutoCompleteBox .racToken {
    padding: 3px 24px 3px 10px !important;
    border-radius: 5px !important;
    margin-right: 10px !important;
}

.RadAutoCompleteBox_Bootstrap .racRemoveTokenLink::before {
    content: "cancel";
    font-family: 'Material Icons';
    font-size: 14px !important;
    color: white;
    height: 8px !important;
    width: 12px !important;
    top: 0px !important;
    display: inline-block;
    position: relative;
    right: 6px !important;
}

.RadAutoCompleteBox_Bootstrap .racTokenList {
    box-shadow: none !important;
}

.RadAutoCompleteBox .racEmptyMessage {
    font-style: normal !important;
}

.slide-event-filter .rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHeader {
    position: fixed;
    /*width: 95.9%;*/
    z-index: 30;
    top: 70px;
    left: 30px;
    right: 30px;
}

.slide-event-filter .rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsContent .rsHorizontalHeaderWrapper {
    position: fixed;
    z-index: 10;
    top: 150px;
}

.slide-event-filter .panel-event-filter {
    position: fixed !important;
    top: 99px !important;
    right: 40px !important;
}

.RadAutoCompleteBox_Bootstrap .racToken.racHovered {
    background-color: #fff !important;
    color: var(--sms-default-blue) !important;
}

    .RadAutoCompleteBox_Bootstrap .racToken.racHovered .racRemoveTokenLink::before, .rts-staff .lnk-cancel, .lnk-cancel {
        content: "cancel";
        font-family: 'Material Icons' !important;
        font-size: 14px !important;
        color: var(--sms-default-blue) !important;
        height: 8px !important;
        width: 12px !important;
        top: 0px !important;
        display: inline-block;
        position: relative;
        right: 6px;
    }

.div-tabs .rac-tag-height input[type=text] {
    height: 30px !important;
}

.button-ajax.button-ajax-left div.RadAjaxPanel {
    margin-right: 15px;
    float: right;
    width: 15% !important;
}
/************************* Issuing Gift Card Section ****************************/
table.rbl-product-type tbody tr td {
    width: 50% !important;
    padding: 0px !important;
}

.rbl-product-type {
    border-spacing: unset !important;
}

table.rbl-product-type tbody tr td:first-child label, table.rbl-product-type tbody tr td:last-child label {
    width: 100%;
    height: 40px;
    padding: 0px;
    border-radius: 4px;
    text-align: center;
    letter-spacing: 0.4px;
    float: left;
    line-height: 38px;
    margin: 0px !important;
}

table.rbl-product-type tbody tr td:last-child label {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: 0px;
}

table.rbl-product-type tbody tr td:first-child label {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-radius: 4px;
}

table.rbl-product-type tbody tr td span input[type="radio"] {
    opacity: 0 !important;
    display: none !important;
}

    table.rbl-product-type tbody tr td span input[type="radio"]:checked + label[for], table.rbl-product-type tbody tr td span input[type="radio"]:checked + label[for]:hover {
        border: 1px solid var(--sms-default-blue);
        background-color: var(--sms-default-blue) !important;
        color: #fff !important;
    }

    table.rbl-product-type tbody tr td span input[type="radio"] + label[for], table.rbl-product-type tbody tr td span input[type="radio"] + label[for]:hover {
        border: 1px solid #dedede;
        color: #333;
    }

        table.rbl-product-type tbody tr td span input[type="radio"] + label[for]:hover {
            background-color: #0000000a !important;
        }

.div-login.width-50 {
    width: 50% !important;
}
/************************* Email Product Section ****************************/
table.rbl-product-btn.rbl-product-type tbody tr td {
    width: 20% !important;
    padding: 0px !important;
}

    table.rbl-product-btn.rbl-product-type tbody tr td:first-child {
        width: 35% !important;
        margin-right: 30px !important;
    }

        table.rbl-product-btn.rbl-product-type tbody tr td:first-child label {
            width: 90% !important;
            margin-right: 20px !important;
        }

    table.rbl-product-btn.rbl-product-type tbody tr td:last-child, .width-48 {
        width: 48% !important;
    }

        table.rbl-product-btn.rbl-product-type tbody tr td:last-child label {
            width: 65% !important;
        }

.rbl-product-btn.rbl-product-type {
    border-spacing: unset !important;
}

table.rbl-product-btn.rbl-product-type tbody tr td:first-child label, table.rbl-product-btn.rbl-product-type tbody tr td:last-child label,
table.rbl-product-btn.rbl-product-type tbody tr td label {
    height: 40px;
    padding: 0px 10px;
    border-radius: 7px;
    text-align: center;
    letter-spacing: 0.4px;
    float: left;
    line-height: 38px;
    margin: 0px !important;
}

table.rbl-product-type tbody tr td:last-child label {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: 0px;
}

table.rbl-product-type tbody tr td:first-child label {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-radius: 4px;
}

table.rbl-product-btn.rbl-product-type tbody tr td span input[type="radio"] {
    opacity: 0 !important;
    display: none !important;
}

    table.rbl-product-btn.rbl-product-type tbody tr td span input[type="radio"]:checked + label[for], table.rbl-product-btn.rbl-product-type tbody tr td span input[type="radio"]:checked + label[for]:hover {
        border: 1px solid var(--sms-default-blue);
        background-color: #b3d9ff80 !important;
        color: var(--sms-default-blue) !important;
    }

    table.rbl-product-btn.rbl-product-type tbody tr td span input[type="radio"] + label[for] {
        border: 1px solid var(--sms-default-grey);
        color: var(--sms-default-grey) !important;
        border-radius: 7px !important;
    }

        table.rbl-product-btn.rbl-product-type tbody tr td span input[type="radio"] + label[for]:hover {
            border: 1px solid var(--sms-default-blue);
            color: var(--sms-default-blue) !important;
            background-color: #fff !important;
        }

    table.rbl-product-btn.rbl-product-type tbody tr td span input[type="radio"]:checked + label[for] {
        padding: 0px 10px !important;
        border-radius: 7px !important;
        background-color: #ffffff;
    }

.div-left-border {
    border-left: 1px solid #d7d7d7 !important;
}
/************************* Create Event Section ****************************/
.create-event {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50px !important;
    background-color: var(--sms-lightest-blue);
    color: var(--sms-default-blue) !important;
    line-height: 42px !important;
    font-size: 22px !important;
    z-index: 1;
    position: relative;
}
/*.create-event-tab.RadTabStrip_Bootstrap ul.rtsUL {
    display:table !important;
    margin:0 auto !important;
    float:unset !important;
}*/
.create-event-tab.RadTabStrip_Bootstrap .rtsLevel1 .rtsHovered .rtsLink {
    border: 0px !important;
    background-color: #fff !important;
}

.create-event-tab.RadTabStrip .rtsLevel1 .rtsLink:first-child {
    padding: 0px !important;
}

.create-event-tab.RadTabStrip_Bootstrap .rtsLevel1 .rtsSelected .rtsLink, .create-event-tab.RadTabStrip_Bootstrap .rtsLevel1 {
    border: none !important;
}

.create-event {
    background-color: #fff;
    color: rgba(152, 152, 154, 0.5) !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50px !important;
    line-height: 42px !important;
    font-size: 22px !important;
}

    .create-event:hover, .rtsHorizontal .rtsLI.rtsSelected .rtsLink .create-event {
        width: 40px !important;
        height: 40px !important;
        border-radius: 50px !important;
        background-color: var(--sms-lightest-blue);
        color: var(--sms-default-blue) !important;
        line-height: 42px !important;
        font-size: 22px !important;
    }

.create-event-tab.RadTabStrip_Bootstrap {
    background-color: rgba(152, 152, 154, 0.05) !important;
    padding: 20px !important;
}

.create-event-tab.rtsHorizontal .rtsLI {
    vertical-align: middle !important;
    width: 120px !important;
    margin-right: 150px !important;
}

    .create-event-tab.rtsHorizontal .rtsLI:nth-child(2), .create-event-tab.rtsHorizontal .rtsLI:nth-child(4),
    .create-event-tab.rtsHorizontal .rtsLI.rtsHovered:nth-child(2), .create-event-tab.rtsHorizontal .rtsLI.rtsHovered:nth-child(4) {
        vertical-align: top !important;
    }

.create-event-tab.RadTabStrip_Bootstrap.rtsTop .rtsLevel1 .rtsLink {
    border-radius: 0px !important;
    margin: 0px !important;
}

    .create-event-tab.RadTabStrip_Bootstrap.rtsTop .rtsLevel1 .rtsLink P {
        color: rgba(152, 152, 154, 0.5);
        margin-bottom: 0px !important;
    }

.create-event-tab.rtsHorizontal .rtsLI:last-child {
    margin-right: 0 !important;
}

.create-event-tab.RadTabStrip_Bootstrap.rtsHorizontal .rtsLI.rtsSelected .rtsLink P, .create-event:hover p, .create-event-tab.RadTabStrip_Bootstrap .rtsLevel1 .rtsSelected .rtsLink, .create-event-tab.RadTabStrip_Bootstrap .rtsLevel1 .rtsHovered .rtsLink,
.create-event-tab.RadTabStrip_Bootstrap.rtsTop .rtsLevel1 .rtsLink .create-event:hover P, .create-event-tab.RadTabStrip_Bootstrap.rtsHorizontal .rtsLI.rtsSelected.rtsHovered, .create-event-tab.RadTabStrip_Bootstrap.rtsHorizontal .rtsLI.rtsHovered p {
    color: var(--sms-default-blue) !important;
}

.RadTabStrip_Bootstrap .rtsLevel1 .rtsLink {
    border: none !important;
}

.create-event-tab.RadTabStrip_Bootstrap.rtsHorizontal .rtsLI.rtsHovered,
.create-event-tab.RadTabStrip_Bootstrap.rtsHorizontal .rtsLI.rtsSelected.rtsHovered {
    cursor: default !important;
}

.div-column-show {
    border: 1px solid var(--sms-default-grey);
    border-radius: 5px;
    padding: 15px;
    width: 300px;
    background-color: #FFFFFF;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.34901960784313724);
    position: absolute;
    top: 918px;
    right: 47px;
    z-index: 10 !important;
}

.create-event-tab.RadTabStrip_Bootstrap.rtsHorizontal .rtsLI.rtsHovered .create-event {
    background-color: var(--sms-lightest-blue);
    color: var(--sms-default-blue) !important;
}

.div-outer-waiver table, .RadTabStrip_Bootstrap .rtsLevel1 .rtsSelected, .RadGrid.RadGrid_Bootstrap.rg-event-profile, .RadComboBox_Bootstrap .rcbReadOnly.rcbHovered, .RadComboBox_Bootstrap .rcbReadOnly, .rg-registration > .rgMasterTable tbody, .rg-registration.RadGrid_Bootstrap .rgAltRow, .rg-registration.RadGrid_Bootstrap .rgRow, .gv-dashboard > .rgMasterTable tbody,
.create-event-tab.RadTabStrip_Bootstrap .rtsLevel1 .rtsHovered .rtsLink, .create-event-tab.RadTabStrip_Bootstrap .rtsLevel1 .rtsSelected .rtsLink {
    background-color: transparent !important;
}

.create-event-tab .rtsLevel .rtsUL {
    display: flex;
    justify-content: center;
    width: 100%;
}

.div-tab-connect {
    width: 510px;
    margin: 0 auto;
    background-color: yellow;
    text-align: center;
    height: 0px !important;
    position: relative;
    top: -78px;
}

    .div-tab-connect label {
        float: left;
        height: 3px;
        width: 230px;
        border-bottom: 2px dashed #98989A80;
        display: inline-block;
        margin-right: 50px;
        font-size: 0px;
    }

        .div-tab-connect label:last-child {
            margin: 0 !important;
        }

.btn-save-customize.bg-white {
    background-color: #fff !important;
}

.rg-event-profile.RadGrid_Bootstrap .rgHeader {
    display: none !important;
}

.rg-event-profile.RadGrid .rgRow > td, .rcb-location.RadComboBox_Bootstrap .rcbReadOnly.rcbHovered, .rcb-location.RadComboBox_Bootstrap .rcbReadOnly {
    padding: 0px !important;
}

table.rbl-product-btn.rbl-product-type.rbl-event-type tbody tr td {
    width: 30% !important;
}

    table.rbl-product-btn.rbl-product-type.rbl-event-type tbody tr td span input[type="radio"]:checked + label[for], table.rbl-product-btn.rbl-product-type.rbl-event-type tbody tr td span input[type="radio"] + label[for] {
        width: 93% !important;
    }

.rg-event-profile.RadGrid .rgRow > td, .RadGrid.RadGrid_Bootstrap.rg-event-profile {
    border: none !important;
}

/*  Create Account form customer site.*/
.div-create-account > label {
    line-height: 38px;
}

.div-create-account, .div-flex-space {
    display: flex;
    justify-content: space-between;
}

    .div-create-account > label + div {
        width: 75%;
    }

.rcb-location .rcbFocused, .rcb-location.RadComboBox_Bootstrap .rcbFocused {
    border-color: var(--sms-default-blue) !important;
}

.div-default-focus .rcb-location.RadComboBox_Bootstrap .rcbFocused, .rcb-location.RadComboBox_Bootstrap .rcbFocused, .rcb-location.RadComboBox_Bootstrap .rcbReadOnly.rcbExpanded, .rcb-location.RadComboBox_Bootstrap .rcbReadOnly.rcbFocused {
    border: 1px solid var(--sms-default-blue) !important;
}

.rdpbox.rdp-scheduling .riTextBox.riEnabled {
    height: 40px !important;
}

.rdpbox.rdp-scheduling.RadPicker_Bootstrap .rcCalPopup, .rdpbox.rdp-scheduling.RadPicker_Bootstrap .rcTimePopup {
    background-position: 15px 8px !important;
}

.rg-recurring-Detail.rg-events th.rgHeader, .rg-recurring-Detail.rg-events tr:last-child > td {
    background-color: transparent !important;
    border: none !important;
}

.rg-recurring-Detail.RadGrid_Bootstrap, .rg-events.rg-recurring-Detail.RadGrid_Bootstrap .rgRow > td,
.rg-events.rg-recurring-Detail.RadGrid_Bootstrap .rgAltRow > td {
    background-color: rgba(152, 152, 154, 0.1) !important;
    border: none !important;
}

.rg-recurring-Detail.rg-events .rgRow, .rg-recurring-Detail.rg-events .rgAltRow {
    background-color: transparent !important;
}

.outer-border, .outer-border-blue {
    background-color: #98989a !important;
    float: left;
    border-radius: 27px !important;
    height: 20px;
    width: 20px !important;
}

    .outer-border:hover {
        background-color: #b3d9ff !important;
    }

    .outer-border i {
        color: #fff !important;
    }

.width-75 {
    width: 75%;
}

.div-create-account > label + div {
    width: 75%;
}

/* Required CSS for Events Section */
.lbl-required-field, .lbl-required-field span {
    color: red !important;
}

.registration-tooltip {
    width: 250px !important;
    left: 185px !important;
    top: 8px !important;
    font-weight: 600 !important;
}

i:hover ~ .tooltip-tag.registration-tooltip.price-tooltip {
    visibility: visible;
    opacity: 1;
}

i ~ .tooltip-tag.registration-tooltip.price-tooltip {
    left: 280px !important;
    top: 15px !important;
}

    i ~ .tooltip-tag.registration-tooltip.price-tooltip > i {
        color: #fff !important;
        font-weight: normal !important;
        font-size: 12px !important;
    }

.RadPicker_Bootstrap.rcCalPopupOpen .rcCalPopup {
    background-color: transparent !important;
}

.div-repeat-week.chk-repeat-on label {
    border-radius: 8px !important;
}

.div-repeat-week.chk-repeat-on input:checked + label {
    background-color: #b3d9ff80 !important;
    border: solid 1px var(--sms-default-blue);
    color: var(--sms-default-blue);
}

.div-repeat-week.chk-repeat-on label:hover {
    background-color: #b3d9ff80 !important;
    background-color: #fff !important;
    color: #98989a !important;
}

.rg-recurring-Detail.rg-events th.rgHeader {
    display: none !important;
}

.rg-recurring-Detail.rg-events.RadGrid .rgMasterTable {
    border: none !important;
}

.rg-recurring-Detail.rg-events tr > td {
    padding: 0px 5px !important;
}

.rg-recurring-Detail.RadGrid_Bootstrap .rgEditRow {
    background-color: rgba(152, 152, 154, 0.1);
}

rg-recurring-Detail.RadInput_Bootstrap .riTextBox.riEmpty {
    border: none !important;
}

.RadPicker_Bootstrap.rdp-date .RadInput_Bootstrap .riTextBox.riEmpty, .RadPicker_Bootstrap.rdp-date .RadInput_Bootstrap .riTextBox, .RadPicker_Bootstrap.rdp-date .RadInput_Bootstrap.RadInputError .riTextBox, .RadPicker_Bootstrap.rdp-date .RadInput_Bootstrap.RadInputFocused, html body .RadPicker_Bootstrap.rdp-date .RadInput_Bootstrap .riFocused, html body .RadPicker_Bootstrap.rdp-date .RadInput_Focused_Bootstrap {
    height: 40px !important;
    background-color: #fff !important;
    box-shadow: none !important;
}

.RadPicker_Bootstrap.rcTimePopupOpen .rcTimePopup, .RadPicker_Bootstrap.rdp-date .RadInput_Bootstrap.RadInputError .rcSelect {
    background-color: transparent !important;
}

.RadPicker_Bootstrap.rdp-date .RadInput_Bootstrap.RadInputError .riTextBox {
    border-color: var(--sms-default-grey) !important;
}

.RadPicker_Bootstrap.rdp-date .RadInputError:after {
    display: none !important;
}

.RadPicker_Bootstrap.rdp-date .rcCalPopup, .RadPicker_Bootstrap.rdp-date .rcTimePopup {
    background-position: 0px 8px !important;
}

.outer-border-blue {
    background-color: #fff !important;
}

    .outer-border-blue i {
        color: #ee2402 !important;
    }

    .outer-border-blue:hover {
        background-color: #ee2402 !important;
    }

.outer-border-green:hover {
    background-color: #63a103 !important;
}

.outer-border-green i {
    color: #63a103 !important;
}

.outer-border-green:hover i, .outer-border-blue:hover i {
    color: #fff !important;
}

.rdp-date .RadInput_Bootstrap a:focus, .rdp-date .RadInput_Bootstrap a:active, .rntbox .RadInput_Bootstrap a:focus, .RadInput_Bootstrap .rntbox a:active, .RadInput_Bootstrap .rntbox a:hover {
    background-color: #fff !important;
}

.rcb-location.RadComboBox_Bootstrap .rcbInner, .rcb-state.RadComboBox_Bootstrap .rcbInner {
    float: left !important;
    width: 100% !important;
}

.rg-recurring-Detail.rg-events tr.rgNoRecords td {
    background-color: rgba(152, 152, 154, 0.1) !important;
    padding-left: 0px !important;
}

.lbl-zip-code[type=number] {
    color: var(--sms-default-black) !important;
    font-size: var(--sms-default-font) !important;
    border-color: #d7d7d7 !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    background-color: transparent;
}

.rcb-state.RadComboBox_Bootstrap .rcbFocused {
    border: 1px solid var(--sms-default-blue) !important;
}

.required-field .rcb-location.RadComboBox_Bootstrap .rcbInner, .required-field .rcb-state.RadComboBox_Bootstrap .rcbInner {
    border-color: red !important;
}

.required-field .lbl-zip-code[type=number] {
    border-color: red !important;
}

.btn-expand {
    border: none !important;
    background-color: transparent !important;
    color: #0073e6 !important;
}

.RadGrid_Bootstrap .rgCollapse, .RadGrid table.rgMasterTable tr .rgExpandCol {
    /* Remove background-image property */
    width: 32px;
    height: 32px;
    /* Use Material Icon instead */
    font-family: 'Material Icons Outlined' !important; /* Ensure Material Icons font is applied */

    content: 'expand_more';
    color: red !important;
    font-size: 40px !important;
}

    .RadGrid_Bootstrap .rgCollapse::before, .RadGrid table.rgMasterTable tr .rgExpandCol {
        content: 'expand_more'; /* Replace with the desired Material Icon name */
        font-family: 'Material Icons Outlined' !important;
        color: red !important;
        font-size: 40px !important;
    }

.div-viewwrap {
    width: 85% !important;
    float: left !important;
}

    .div-viewwrap > div span:first-child {
        color: #333333 !important;
        float: left !important;
        font-weight: 600;
        width: 100% !important;
        margin: 10px 0px !important;
    }

    .div-viewwrap > div span:last-child {
        color: #98989a !important;
        float: left !important;
    }

.rg-view-roster.RadGrid_Bootstrap .rgHeader, .rg-view-roster.RadGrid_Bootstrap th.rgResizeCol, .rg-view-roster.RadGrid_Bootstrap .rgHeaderWrapper, .rg-view-roster.RadGrid_Bootstrap .rgAltRow, .rg-view-roster.RadGrid_Bootstrap .rgAltRow > td, .rg-view-roster table tbody tr:nth-child(even) {
    background-color: #fff !important;
}

.rg-view-roster.RadGrid_Bootstrap .rgHeader {
    height: 50px !important;
    padding: 8px !important;
}

.div-edit-information {
    position: absolute !important;
    right: 16px;
    background-color: #fff !important;
    text-align: left !important;
    width: 140px !important;
    z-index: 45 !important;
    top: 78px;
}

.rg-view-roster.RadGrid_Bootstrap .rgRow > td, .rg-view-roster.RadGrid_Bootstrap .rgAltRow > td, .rg-view-roster.RadGrid_Bootstrap .rgEditRow > td {
    border-top: 1px solid #dedede !important;
    border-bottom: none !important;
    height: 65px;
    border-left: none;
    padding: 8px !important;
}

.rg-view-roster.RadGrid_Bootstrap .rgAltRow, .rg-view-roster.RadGrid_Bootstrap .rgRow {
    position: relative !important;
}

.rd-outer-grid.RadGrid_Bootstrap > .rgMasterTable .ui-sortable .rgRow.ui-sortable-handle, .rd-outer-grid.RadGrid_Bootstrap > .rgMasterTable .ui-sortable .rgAltRow.ui-sortable-handle,
.rd-outer-grid.RadGrid_Bootstrap > .rgMasterTable .rgRow, .rd-outer-grid.RadGrid_Bootstrap > .rgMasterTable .rgAltRow, table.gv-waiver.gv-dashboard:first-child tbody tr,
.rg-registration.RadGrid_Bootstrap > .rgMasterTable .rgAltRow, .rg-registration.RadGrid_Bootstrap > .rgMasterTable .rgRow {
    background-color: rgba(152, 152, 154, 0.07) !important;
}

    table.gv-waiver.gv-dashboard:first-child tbody tr > .inner-grd-waiver, .rg-registration.rg-field.RadGrid_Bootstrap > .rgMasterTable .rgAltRow,
    .rg-registration.rg-field.RadGrid_Bootstrap > .rgMasterTable .rgRow, .rd-grid-event.RadGrid_Bootstrap > .rgMasterTable .ui-sortable .rgRow.ui-sortable-handle,
    .rd-grid-event.RadGrid_Bootstrap > .rgMasterTable .ui-sortable .rgAltRow.ui-sortable-handle,
    .rd-grid-event.RadGrid_Bootstrap > .rgMasterTable .rgRow, .rd-grid-event.RadGrid_Bootstrap > .rgMasterTable .rgAltRow, table.gv-waiver.gv-dashboard .tbl-form-waiver > table.inner-grd-waiver tbody tr {
        background-color: #fff !important;
    }

.div-inner-container {
    width: 100% !important;
    float: left !important;
}

    .div-inner-container div, .div-view-container div:first-child {
        width: 48% !important;
        display: inline-block;
        float: unset;
    }

        .div-inner-container div:last-child, .div-inner-container div:nth-child(5), .div-inner-container div:nth-child(6) {
            width: 48% !important;
            display: inline-block;
        }

.div-view-container div:last-child, .div-view-container div:nth-child(5), .div-view-container div:nth-child(6), .div-view-container div {
    width: 50% !important;
    display: inline-block;
}

.div-inner-container div span {
    position: relative;
    top: 10px;
    background-color: #fff !important;
    left: 14px;
    padding: 0px 7px;
}

.div-inner-container div:nth-child(2), .div-inner-container div:nth-child(4), .div-inner-container div:nth-child(2n+0),
.div-viewwrap.div-view-container div:nth-child(2), .div-viewwrap.div-view-container div:nth-child(4) {
    float: right !important;
}

.div-viewwrap.div-view-container {
    width: 100% !important;
}

.letter-spacing {
    letter-spacing: 0.4px !important;
}

.div-viewwrap.div-view-container > div span:first-child {
    margin-bottom: 5px !important;
}

.div-viewwrap.div-view-container > div span:last-child {
    color: #3c3d41 !important;
}

.div-viewwrap.div-view-container div:first-child,
.div-viewwrap.div-view-container div:nth-child(3) {
    width: 50% !important;
    float: left !important;
}

.div-viewwrap.div-view-container div:nth-child(2), .div-viewwrap.div-view-container div:nth-child(4) {
    width: 50% !important;
}

.rg-data-view.RadGrid_Bootstrap {
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 0px !important;
}

    .rg-data-view.RadGrid_Bootstrap .rgRow > td, .rg-data-view.RadGrid_Bootstrap .rgAltRow > td {
        padding: 0px !important;
    }

.lnk-cart-events, .lbl-WaitList, .lbl-experiences {
    height: 20px;
    line-height: 14px !important;
    padding: 2px 20px;
    border: 1px solid var(--sms-default-blue);
    background-color: var(--sms-default-blue);
    color: #fff !important;
    font-size: 12px;
    border-radius: 5px !important;
    text-decoration: none !important;
}

    .lnk-cart-events:hover, div.rs-customer-event.rs-customer-cal.RadScheduler_Bootstrap .rsMonthView .rsAptContent span.lnk-cart-events:hover {
        background-color: #fff !important;
        color: var(--sms-default-blue) !important;
    }

.lbl-WaitList {
    background-color: #b3d9ff !important;
    color: #333 !important;
    border-color: #b3d9ff !important
}

.rg-list-view.rg-cust-dashboard tr th:first-child, .rg-list-view.rg-cust-dashboard tbody tr td:first-child, .rg-list-view.rg-cust-dashboard thead {
    display: none;
}

.rg-list-view.rg-cust-dashboard .rgRow > td, .rg-list-view.rg-cust-dashboard .rgAltRow > td, .rg-list-view.rg-cust-dashboard,
.rg-list-view.rg-cust-dashboard table.rgMasterTable tr .rgGroupCol, .rg-list-view.RadGrid_Bootstrap .rgGroupHeader td {
    border: none !important;
    border-width: 0 0 0 0 !important;
}

.btn-discard-draft.RadButton.rbSkinnedButton .rbDecorated, .btn-discard-draft.RadButton.rbSkinnedButton.rbHovered .rbDecorated {
    height: 36px !important;
    padding: 2px 10px 2px 10px;
    border-radius: 5px;
    border: 1px solid #ee2402;
    background-color: #ffffff;
    color: #ee2402 !important;
    text-align: center;
    text-decoration: none !important;
}

.event-day-view.rs-customer-cal.RadScheduler_Bootstrap .rsDayView .rsApt .rsAptContent .div-type-time-banner {
    background-color: transparent !important;
}

.event-day-view.rs-customer-cal.RadScheduler_Bootstrap .rsAptContent:hover {
    background-color: #fff !important;
}

.event-day-view.rs-customer-cal.RadScheduler_Bootstrap .rsDayView .rsApt .rsAptContent .div-type-time-banner span {
    color: #000 !important;
}

.event-month-view.rs-customer-cal.rs-customer-dashboard.RadScheduler .rsMonthView .rsApt, .event-month-view.rs-customer-cal.rs-customer-dashboard.RadScheduler .rsMonthView .rsAptContent {
    border-radius: 0 !important;
}

.event-month-view.rs-customer-cal.RadScheduler_Bootstrap .rsMonthView .rsApt .rsAptContent .div-type-time-banner {
    background-color: transparent !important;
}

    .event-month-view.rs-customer-cal.RadScheduler_Bootstrap .rsMonthView .rsApt .rsAptContent .div-type-time-banner span {
        color: #000 !important;
    }

.event-month-view.rs-customer-cal.rs-customer-dashboard.RadScheduler .rsMonthView .rsApt {
    width: 90% !important;
    box-shadow: none !important;
}

    .event-month-view.rs-customer-cal.rs-customer-dashboard.RadScheduler .rsMonthView .rsApt .rsAptContent {
        background-color: #D9ECFF !important;
        padding-left: 5px !important;
        border-left: 5px solid var(--sms-default-blue) !important;
    }

    .event-month-view.rs-customer-cal.rs-customer-dashboard.RadScheduler .rsMonthView .rsApt.e-sold-out .rsAptContent, .event-month-view.rs-customer-cal.rs-customer-dashboard.RadScheduler .rsMonthView .rsApt.e-sold-out_InactiveEvent .rsAptContent {
        border-color: #98989a !important;
    }

    .event-month-view.rs-customer-cal.rs-customer-dashboard.RadScheduler .rsMonthView .rsApt.e-sold-out .rsAptContent,
    .event-month-view.rs-customer-cal.rs-customer-dashboard.RadScheduler .rsMonthView .rsApt.e-sold-out_InactiveEvent .rsAptContent {
        background-color: #EAEAEB !important;
    }

    .event-month-view.rs-customer-cal.rs-customer-dashboard.RadScheduler .rsMonthView .rsApt.e-single_Draft .rsAptContent, .event-month-view.rs-customer-cal.rs-customer-dashboard.RadScheduler .rsMonthView .rsApt.e-party_Draft .rsAptContent, .event-month-view.rs-customer-cal.rs-customer-dashboard.RadScheduler .rsMonthView .rsApt.e-class_Draft .rsAptContent {
        border-color: #98989a !important;
        border-width: 1px 1px 1px 5px !important;
        border-style: solid !important;
    }

    .event-month-view.rs-customer-cal.rs-customer-dashboard.RadScheduler .rsMonthView .rsApt.e-single_Draft .rsAptContent, .event-month-view.rs-customer-cal.rs-customer-dashboard.RadScheduler .rsMonthView .rsApt.e-party_Draft .rsAptContent, .event-month-view.rs-customer-cal.rs-customer-dashboard.RadScheduler .rsMonthView .rsApt.e-class_Draft .rsAptContent {
        background-color: transparent !important;
    }

    .event-month-view.rs-customer-cal.rs-customer-dashboard.RadScheduler .rsMonthView .rsApt.e-single_Draft:hover .rsAptContent,
    .event-month-view.rs-customer-cal.rs-customer-dashboard.RadScheduler .rsMonthView .rsApt.e-party_Draft:hover .rsAptContent,
    .event-month-view.rs-customer-cal.rs-customer-dashboard.RadScheduler .rsMonthView .rsApt.e-class_Draft:hover .rsAptContent {
        background-color: #FAFAFA !important
    }

.event-month-view.rs-customer-dashboard.RadScheduler .rsMonthView .rsApt.e-party_Draft samp.md-lnk-blue, .event-month-view.rs-customer-dashboard.RadScheduler .rsMonthView .rsApt.e-single_Draft samp.md-lnk-blue, .event-month-view.rs-customer-dashboard.RadScheduler .rsMonthView .rsApt.e-class_Draft samp.md-lnk-blue {
    font-style: italic;
}

.event-month-view.rs-customer-dashboard.RadScheduler .rsMonthView .rsApt.e-party_Draft .dark-grey, .event-month-view.rs-customer-dashboard.RadScheduler .rsMonthView .rsApt.e-single_Draft .dark-grey, .event-month-view.rs-customer-dashboard.RadScheduler .rsMonthView .rsApt.e-class_Draft .dark-grey {
    word-break: break-all;
}

.event-month-view.rs-customer-cal.RadScheduler_Bootstrap .rsMonthView .rsApt .rsAptContent:hover {
    background-color: #b3d9ff !important;
}

.event-month-view.rs-customer-cal.RadScheduler_Bootstrap .rsMonthView .rsAptContent:hover span {
    color: #3C3D41 !important;
}

.event-month-view.rs-customer-cal.RadScheduler_Bootstrap .rsDayView .rsAptContent:hover span {
    color: #fff !important;
}

.event-month-view.rs-customer-cal.RadScheduler_Bootstrap .rsMonthView .rsApt {
    display: unset !important;
}

.rs-customer-dashboard.RadScheduler .rsHeader h2 {
    height: 40px !important;
    line-height: 38px !important;
}

.rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap div.rsHeader h2 {
    margin: 0 !important;
    width: 570px !important;
    color: #000 !important;
}

.rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap div.rsHeader p {
    position: absolute !important;
    left: 10px;
}

    .rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap div.rsHeader,
    .rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap div.rsHeader p a.rsPrevDay,
    .rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap div.rsHeader p a.rsNextDay,
    .rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHorizontalHeaderWrapper, .rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHorizontalHeaderTable th {
        background-color: #FAFAFA !important;
    }

        .rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHorizontalHeaderTable th div {
            color: #000 !important;
        }

.list-view-img {
    float: left;
    height: 48px;
    margin-right: 10px;
}

    .list-view-img img {
        width: 100% !important;
        height: 48px !important;
    }

.rg-list-view.rg-cust-dashboard.RadGrid_Bootstrap .rgAltRow {
    background-color: #f9f9f9 !important;
}

    .rg-list-view.rg-cust-dashboard.RadGrid_Bootstrap .rgRow:hover td, .rg-list-view.rg-cust-dashboard.RadGrid_Bootstrap .rgAltRow:hover td {
        background-color: transparent !important;
    }
/*-------- Roster grid ------.*/
.lnk-order-num {
    border-radius: 15px;
    padding: 2px 10px;
    color: var(--sms-default-blue) !important;
}

    .lnk-order-num:hover {
        background-color: #E8F4FF;
    }

.rg-roster-right table.rgClipCells tr.rgRow td, .rg-roster-right table.rgClipCells tr.rgAltRow > td {
    width: 100px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rg-roster-right .rgDataDiv {
    height: auto !important;
}

.chk-roster {
    float: left;
    height: 30px;
}

    .chk-roster input {
        visibility: hidden;
        float: right;
    }

    .chk-roster label {
        border: 1px solid #63a103;
        color: #63a103;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        padding: 1px 1px 0 0;
        margin: 0;
    }

        .chk-roster label:hover {
            background-color: #63a103 !important;
        }

            .chk-roster label:hover span {
                color: #fff !important;
            }

    .chk-roster span {
        color: #63a103;
        font-size: 16px !important;
    }

    .chk-roster input:checked + label {
        background-color: #63a103 !important;
    }

        .chk-roster input:checked + label span {
            color: #fff !important;
        }

.input-border {
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #98989a !important;
}

.chk-all-attendee input[type=checkbox] {
    margin: 0 0 0 2px;
}

.re-mail .reToolbar.Bootstrap .reToolFirstItem, .re-mail .reToolbar.Bootstrap li, .re-mail .Bootstrap .reToolbar .reToolLastItem, .re-mail.Bootstrap.RadEditor .reContentCell, .re-mail td.txtMailBodyCenter {
    border-width: 0 !important;
    border: none !important;
}

.re-mail.RadEditor.reWrapper .reToolCell {
    background-color: #F4F6F7 !important;
}

.re-mail.RadEditor .reTool span {
    width: 25px;
    height: 24px;
}

.rau-attachment {
    width: 100% !important;
}

.rotate-45 {
    transform: rotate(-45deg)
}

.rau-attachment .ruButton.ruBrowse {
    padding: 7px 0 !important;
    border: none;
    background-color: transparent !important;
    width: 150px;
    min-width: 25px;
    box-shadow: unset !important;
    color: var(--sms-default-blue) !important;
}

.rau-attachment .ruFileLI.ruUploadSuccess, .lbl-category {
    background-color: #E8E8EB !important;
    border-radius: 10px;
    font-size: 12px !important;
    padding: 0 15px 0px 10px;
    float: left;
    margin: 5px 5px 5px 0;
}

.rau-attachment .ruSelectWrap {
    clear: both;
    display: grid !important;
}

.rau-attachment .ruInputs {
    width: 100%;
}

.rau-attachment.RadUpload .ruFileLI .ruFileWrap {
    padding: 0;
}

.rau-attachment .ruUploadProgress {
    font-size: 12px;
}

.rau-attachment .ruUploadSuccess .radIcon {
    display: none;
}

.rau-attachment.RadUpload_Bootstrap .ruButton.ruRemove {
    color: #000 !important;
    font-weight: normal !important;
    font-size: 0 !important;
}

.rau-attachment.RadUpload .ruFileLI .ruButton.ruRemove:before {
    content: 'close' !important;
    font-family: 'Material Icons Outlined' !important;
    font-weight: normal;
    font-style: normal !important;
    font-size: 12px !important;
    color: #000 !important;
    margin: 0px !important;
    height: 16px;
}

table.rbl-roster-mail tr td {
    background-color: #FFFFFF !important;
    border: 1px solid var(--sms-default-grey);
    border-radius: 5px;
    padding: 10px 10px 65px 10px !important;
    width: 100%;
    float: left;
}

    table.rbl-roster-mail tr td.parent-col-selected {
        background-color: #EFF6FE !important;
        border: 1px solid var(--sms-default-blue) !important;
    }

        table.rbl-roster-mail tr td.parent-col-selected label[for] {
            color: var(--sms-default-blue) !important;
        }

table.rbl-roster-mail tr {
    margin-top: 10px;
    float: left;
    width: 100%;
}

.div-schedule-datetime {
    position: absolute;
    top: 95px;
    left: 0;
}

    .div-schedule-datetime .rdpbox *, .div-schedule-datetime .RadInput_Bootstrap *, .div-schedule-datetime table * {
        background-color: transparent !important;
    }

    .div-schedule-datetime .rbl-roster-mail tr td.parent-col-selected .rdpbox *, .div-schedule-datetime .rbl-roster-mail tr td.parent-col-selected .RadInput_Bootstrap * {
        background-color: #EFF6FE !important;
    }

    .div-schedule-datetime .RadInput_Bootstrap.riSingle .riTextBox, .div-schedule-event .RadComboBox td {
        border: none;
        border-bottom: 1px solid;
        border-radius: 0 !important;
        border-color: #cacaca !important
    }

    .div-schedule-datetime .RadPicker_Bootstrap .rcCalPopup, .div-compose-email .RadPicker_Bootstrap .rcTimePopup {
        height: 22px;
        width: 25px;
        background-size: 14px;
    }

    .div-schedule-datetime table.rcTable tr {
        position: relative;
    }

    .div-schedule-datetime .rdpbox table tr td:last-child {
        position: absolute;
        left: -5px;
        top: 5px;
    }

.chk-all-attendee label {
    color: var(--sms-default-blue);
}

.lnk-roster {
    border: 1px solid #63a103;
    padding: 2px 2px 4px 8px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    float: left;
}

    .lnk-roster:hover {
        background-color: #63a1031a;
    }

    .lnk-roster img {
        height: 16px;
    }

.lnk-roster-pdf {
    border: 1px solid #FF1515;
    color: #FF1515;
}

    .lnk-roster-pdf:hover, .lnk-roster.lnkWaiverPdf:hover {
        background-color: #ff15151c;
    }

.lnk-email {
    padding: 4px 0px 4px 4px;
    border: 1px solid var(--sms-default-blue);
}

    .lnk-email:hover {
        background-color: #0073e61f;
    }

.lnk-roster.lnkWaiverPdf {
    border: 1px solid #FF1515;
    padding: 1px 2px 4px 6px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    float: left;
}

.rac-attendee.RadAutoCompleteBox_Bootstrap .racTokenList {
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid var(--sms-default-grey) !important;
}

.rac-attendee.RadAutoCompleteBox .p-icon {
    font-size: 0 !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0;
}

.rac-attendee.RadAutoCompleteBox_Bootstrap .racRemoveTokenLink::before {
    content: "close" !important;
    color: var(--sms-default-blue) !important;
}

.rac-attendee.RadAutoCompleteBox .racToken {
    background-color: #F0F7FF !important;
    border: none !important;
    color: var(--sms-default-blue) !important;
}

.lbl-attendee-token {
    float: left;
    font-size: 12px !important;
    background-color: #F0F7FF !important;
    color: var(--sms-default-blue) !important;
    border-radius: 5px;
    margin: 0 5px 5px 0 !important;
    padding: 3px 8px;
}

    .lbl-attendee-token a {
        font-size: 14px !important;
        color: var(--sms-default-blue) !important;
        margin-left: 3px;
        position: relative;
        top: 2px;
    }

.div-schedule-event .RadInput a {
    display: none !important;
}

.div-schedule-event .RadInput_Bootstrap * {
    border-color: #cacaca !important;
    background-color: transparent !important;
}

.div-email-form div > span > span, .dd-view-field > span > span {
    position: relative !important;
    left: 5px !important;
    top: 0 !important;
    padding: 0 !important;
}

.div-email-form input[type="text"] {
    height: 40px;
}

.div-email-form textarea {
    padding-top: 8px !important;
}

.event-month-view samp {
    font-weight: bold !important;
}

.rcDate.RadCalendar.RadCalendar_Bootstrap .rcTitlebar .t-button.rcPrev, .rcDate.RadCalendar.RadCalendar_Bootstrap .rcTitlebar .t-button.rcNext {
    background-image: none !important;
}

.rcDate.RadCalendar_Bootstrap tr th:first-child {
    display: grid !important;
}

.rcDate.RadCalendar_Bootstrap .rcMain {
    border: 1px solid #d7d7d7 !important;
    padding: 0 !important;
    border-width: 1px 1px 1px 1px !important;
}

    .rcDate.RadCalendar_Bootstrap .rcMain table {
        margin-bottom: 0 !important;
    }

.div-opac-loading {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.mdl-evnt-publish {
    width: 410px;
    height: 210px;
    padding: 2px 2px 2px 2px;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    background-color: #ffffff;
    box-shadow: 5px 5px 10px 0px rgba(215, 215, 215, 0.35);
    float: left;
    padding: 15px !important;
    position: fixed;
    top: 25%;
    left: 25%;
    transform: translate(50%, 25%);
}

.modalOpacBg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 99;
}

.btn-publish, .rb-publish.RadButton_Bootstrap.rbButton, .rb-publish.RadButton_Bootstrap.rbButton.rbSelected, .rb-publish.RadButton_Bootstrap.rbButton:hover {
    width: 170px;
    height: 40px !important;
    padding: 0px 10px 0px 10px;
    border-radius: 3px !important;
    border: 1px solid #0245ee;
    background-color: #fff;
    font-weight: 500;
    color: #0245ee !important;
    text-align: center !important;
    line-height: 38px !important;
    float: left !important;
}

    .rb-publish.RadButton_Bootstrap.rbButton, .rb-publish.RadButton_Bootstrap.rbButton:hover, .rb-publish.RadButton_Bootstrap.rbButton.rbHovered .rbSplitPart,
    .rb-publish.RadButton_Bootstrap.rbButton.rbSelected {
        background-color: #0245ee;
        float: right !important;
    }

        .rb-publish.RadButton_Bootstrap.rbButton .rbText {
            color: #fff !important;
        }

.lbl-addnew-row {
    border: none;
    background-color: transparent;
    color: #0073e6 !important;
    font-weight: 600;
    float: right;
    cursor: pointer;
}

.rg-adddates.RadGrid_Bootstrap .rgRow td, .rg-adddates.RadGrid_Bootstrap .rgAltRow td {
    padding: 0px !important;
    background-color: transparent !important;
    border: none !important;
}

.rg-adddates.RadGrid_Bootstrap .rgRow, .rg-adddates.RadGrid_Bootstrap .rgAltRow {
    background-color: transparent !important;
}

.delete-hoverblue {
    color: #98989a !important;
}

    .delete-hoverblue:hover {
        color: #0073e6 !important;
    }

.rg-adddates.RadGrid_Bootstrap .rgRow:first-child td a .delete-hoverblue {
    display: none !important;
}

.check-float-left.chk-all [type="checkbox"] {
    float: left !important;
}

.div-repeat-every .RadInput_Bootstrap .riUp,
.div-repeat-every .RadInput_Bootstrap .riDown {
    background-color: transparent !important;
}

.rdp-enddate.RadPicker .rcSelect {
    top: 2px !important;
}

.div-noMax {
    line-height: 40px;
}

    .div-noMax span {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 5px;
    }

    .div-noMax input {
        margin: 0;
    }

.divTotalQuantityPack .RadInput_Bootstrap {
    float: left;
}

.required-title.required-field {
    border-color: red !important;
}

.rg-common-border table.rgMasterTable {
    border: none !important;
}

.rg-events.rg-common-border th.rgHeader, .rg-common-border.RadGrid .rgMasterTable .rgHeader {
    border-right: none !important;
    border-top: none !important;
    border-left: none !important;
}

.rs-time-slot.rs-customer-cal.RadScheduler_Bootstrap .rsAptContent .div-addtime-slot .arrow-icon a:hover span {
    background-color: #fff !important;
    color: #000 !important;
    border-bottom-left-radius: 2px !important;
}

.rcb-list-clr.RadComboBoxDropDown_Bootstrap .rcbHovered {
    background-color: var(--sms-default-blue) !important;
    color: #fff !important;
}

.required-field-checkout .RadComboBox_Bootstrap table td.rcbInputCellLeft, .required-field-checkout .RadComboBox table td.rcbArrowCell {
    border-color: red !important;
}

.div-view-field input:disabled, .div-view-field textarea:disabled {
    background-color: transparent !important;
}

.rg-recurring-Detail.rg-events.RadGrid_Bootstrap .rgEditRow > td {
    background-color: transparent !important;
    border: none !important;
}
/*-----------  roster grid icon --------------*/
a.btn-reminder-roster, a.btn-reminder-roster:hover, .lnk-download {
    height: 36px !important;
    width: 36px;
    line-height: 40px !important;
    float: left;
    border: 1px solid;
    border-radius: 50%;
    text-align: center;
    background-color: var(--sms-default-blue);
}

.lnk-waiver-download.lnk-download, div.rg-view-roster .btn-reminder-roster {
    height: 25px !important;
    width: 25px !important;
    line-height: 25px !important;
}

.lnk-download:hover {
    background-color: var(--sms-default-blue) !important;
}

.lnk-download.lnk-edit-event:hover {
    background-color: var(--sms-light-blue) !important;
}

.lnk-download.lnk-edit-event {
    border-color: var(--sms-light-blue) !important;
}

a.btn-reminder-roster:hover, .lnk-download {
    border: 1px solid var(--sms-default-blue) !important;
    background-color: #fff !important;
}

    a.btn-reminder-roster:hover span, .lnk-download span {
        color: var(--sms-default-blue)
    }

    .lnk-download span {
        font-size: 20px;
        line-height: 23px;
        padding: 0 0 0 1px;
        width: 22px;
    }

a.lnk-download:hover span, .delete-icon:hover span {
    color: #fff !important;
}

.delete-icon {
    border-color: #f69c1a !important;
}

    .delete-icon span {
        color: #f69c1a !important;
    }

    .delete-icon:hover {
        background-color: #f69c1a !important;
    }

a.btn-reminder-roster span {
    color: #fff;
    transform: rotate(-45deg);
    line-height: 25px;
    padding: 0px 0px 5px 7px;
    font-size: 14px !important;
}

.RadGrid_Bootstrap .rgHeader.header-padding {
    padding: 0px 5px 0px 10px !important;
}

.RadComboBox_Bootstrap.rcb-state.rcb-location.rcb-height .rcbInput.radPreventDecorate {
    height: 37px !important;
}

.rcb-height.rcb-location.RadComboBox_Bootstrap .rcbReadOnly.rcbHovered, .rcb-height.rcb-location.RadComboBox_Bootstrap .rcbReadOnly {
    height: 39px !important;
}

.lbl-zip-code::-webkit-outer-spin-button,
.lbl-zip-code::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.div-show-less {
    overflow: hidden;
    max-height: 115px; /* Initially show only this height */
    float: left !important;
}

.div-show-more {
    height: auto; /* Expand to show all content */
    float: left !important;
}

.lbl-addon-info {
    display: inline-block;
    font-size: 18px !important;
    position: relative;
    top: 4px;
    left: 3px;
}

.lbl-show-addon-tooltip {
    float: left;
    font-size: 11px;
    padding: 8px;
    background-color: var(--sms-default-black);
    color: #FFF;
    border-radius: 5px;
    width: 164px;
    position: absolute;
    right: 22px;
    top: 38px;
    line-height: 15px;
    z-index: 1;
    display: none;
}

    .lbl-show-addon-tooltip b {
        font-size: 11px;
        font-weight: 700;
        color: #FFF;
    }

.lbl-addon-info:hover + .lbl-show-addon-tooltip {
    display: inline;
}

.lbl-spacing p {
    margin-bottom: 0px !important;
}

    .lbl-spacing p + br, .lbl-spacing ol + br, .lbl-spacing li + br, .lbl-spacing ul + br {
        display: none !important;
    }

.icondata {
    position: absolute;
    top: 35px;
    left: 21px;
}

.admin-time-slot.rs-time-slot.rs-customer-cal.RadScheduler .rsMonthView .rsWrap, .admin-time-slot.rs-time-slot.rs-customer-cal.RadScheduler .rsMonthView .rsWrap * {
    position: relative !important;
    height: auto !important;
}

.text-wrap * {
    text-wrap: wrap !important;
}

.admin-time-slot.rs-customer-cal.RadScheduler .rsMonthView .rsWrap .div-addtime-slot:hover a.btn-remove {
    position: absolute !important;
    right: -5px !important;
    top: 0px !important;
}

.admin-time-slot.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td:hover .rsWrap:nth-child(2) .icon-show {
    position: absolute !important;
    top: 2px !important;
    z-index: 8888;
    right: 5px;
}

.admin-time-slot.rs-time-slot.RadScheduler_Bootstrap .rsContentTable td:hover .rsWrap:nth-child(2) .icon-show-copy {
    position: absolute !important;
    right: 25px !important;
    top: 1px !important;
}

.admin-time-slot.rs-time-slot.rs-customer-cal.RadScheduler .rsMonthView .rsWrap .rsApt .rsAptContent .rsAptDelete {
    display: none !important;
}

.admin-time-slot.rs-time-slot.RadScheduler_Bootstrap .rsMonthView .rsApt .rsAptContent .div-addtime-slot span > span::after {
    content: 'chevron_right' !important;
    font-family: 'Material Icons Outlined' !important;
    font-style: normal !important;
    font-size: 14px !important;
    color: #98989a !important;
    margin-left: 12px !important;
    vertical-align: middle;
}

.admin-time-slot.rs-time-slot.RadScheduler_Bootstrap .rsMonthView .rsApt .rsAptContent .div-addtime-slot span > span {
    background-color: rgba(152, 152, 154, 0.05) !important;
    border-radius: 3px !important;
    height: 17px !important;
    line-height: 17px !important;
    width: 95% !important;
    color: #98989a !important;
    margin-bottom: 5px !important;
}

    .admin-time-slot.rs-time-slot.RadScheduler_Bootstrap .rsMonthView .rsApt .rsAptContent .div-addtime-slot span > span:hover,
    .admin-time-slot.rs-time-slot.RadScheduler_Bootstrap .rsMonthView .rsApt .rsAptContent .div-addtime-slot span > span:hover::after {
        background-color: #fff !important;
        color: rgba(60, 61, 65, 0.99) !important;
    }

.RadInput_Bootstrap.riSingle .riTextBox.rnt-price.rnt-pls {
    padding-left: 7px !important;
}

.rg-events .rgRow > td inputaqa.txt-search.txt-search-new, .rg-events .rgAltRow > td .div-search input.txt-search.txt-search-new {
    border: none !important;
    border-bottom: 1px solid #c2c2c2 !important;
    border-radius: 3px 3px 0 0 !important;
    background-color: #ffffff !important;
    height: 25px !important;
    padding: 0 0 0 30px !important;
}

.div-banner {
    position: absolute;
    left: 300px;
    top: -13px;
}

.admin-time-slot.rs-time-slot.rs-customer-cal.RadScheduler .rsMonthView .rsWrap .rsDateBox {
    height: 1px !important;
}

.required-field .riTextBox {
    border-color: red !important;
}

.blue-icon {
    font-weight: 600 !important;
    color: var(--sms-default-blue) !important;
}

.grey, .grey-all * {
    color: #aaa !important;
}

.RadInput_Bootstrap.riSingle .riTextBox.txt-event-name.txt-event-padding {
    padding-left: 15px !important;
}

.rc-copydate.RadCalendar_Bootstrap .rcTitlebar .rcNext {
    float: right !important;
}

.material-icons.md-white.icon-clr-white {
    color: #fff !important;
}

.button-primary-fill:hover .material-icons.md-white.icon-clr-white {
    color: var(--sms-default-blue) !important;
}

.new-bgclr-product {
    padding: 10px 10px;
    border-radius: 3px;
    background-color: #fafafa;
    float: left !important;
    width: 100% !important;
}
.new-bgclr-product-event {
    padding: 10px 10px;
    border-radius: 3px;
    background-color: #fafafa;
}
.icon-bgclr:hover {
    background-color: rgba(179, 217, 255, 0.3) !important;
    border-radius: 3px !important;
    float: left !important;
}

.div-noRecords {
    background-color: #fafafa;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
    text-align: center;
    font-style: italic;
}

span.event-button.RadButton_Bootstrap.rbSkinnedButton .rbDecorated {
    color: #bf3126 !important;
    padding-left: 10px !important;
}

.event-button .rbBlock {
    height: 34px;
    top: 1px !important;
}

    .event-button .rbBlock:before {
        content: 'block';
        color: #bf3126 !important;
        font-family: 'Material Icons Outlined' !important;
    }

span.event-button.RadButton_Bootstrap.rbHovered.rb-secondary, span.event-button.event-button-fill.RadButton_Bootstrap.rb-secondary {
    background-color: #bf3126 !important;
    border-color: #bf3126 !important;
}

.event-button.RadButton_Bootstrap.rbHovered .rbPrimary.rbDecorated, .event-button.event-button-fill.RadButton_Bootstrap .rbPrimary.rbDecorated, .event-button.RadButton_Bootstrap.rbHovered .rbBlock:before, .event-button.event-button-fill.RadButton_Bootstrap .rbBlock:before {
    color: #fff !important;
}

.event-button.rb-secondary.RadButton_Bootstrap.rbSkinnedButton {
    border-color: #bf3126 !important;
    height: 36px !important;
    line-height: 33px !important;
}

.div-event-update {
    background-color: #fafafa;
    border-radius: 5px;
    padding: 10px;
    height: 130px !important;
}

.delete-hovericon {
    width: 27px;
    height: 27px;
    padding: 2px 2px 2px 2px;
    border: 1px solid #ffa21b;
    background-color: #ffffff;
}

.rbl-default-main.rbl-margin [type=checkbox] {
    margin-bottom: 2px !important;
    height: 24px;
    vertical-align: middle;
}

.rbl-default-main.rbl-margin label {
    line-height: 15px !important;
    margin-bottom: 5px
}

.event-container {
    background-color: #F0F8FF !important;
    border-radius: 5px;
}

    .event-container table tbody {
        background-color: transparent;
    }

        .event-container table tbody td {
            padding: 10px 13px !important;
        }

    .event-container.section-show-hover:hover {
        background-color: #D8EBFF !important;
    }

.div-selected-des:hover {
    background-color: rgba(179, 217, 255, 0.49) !important;
}

    .div-selected-des:hover .icon-bgclr {
        background-color: #fff !important;
        border-radius: 3px !important;
    }

.tooltip-tag-event {
    font-size: 12px;
    width: 250px !important;
    left: 185px !important;
    top: 8px !important;
    font-weight: 600 !important;
    height: auto;
    background-color: rgb(51, 51, 51);
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    visibility: hidden;
    position: absolute;
    z-index: 22;
}

.icon-info-new:hover + .tooltip-tag-event {
    visibility: visible !important;
    opacity: 1 !important;
}

.div-des-wrap {
    background-color: #FAFAFA !important;
    padding: 10px 0;
    border-radius: 5px;
}

.rg-event-timeline .rgMasterTable, .rg-event-timeline .rgMasterTable tr td, .rg-addOns-event.RadGrid .rgMasterTable, .rg-addOns-event.RadGrid .rgMasterTable tr td {
    border: none !important;
}

.rg-event-timeline {
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.35);
    max-height: 300px;
    overflow-y: auto;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 5;
}

    .rg-event-timeline .rgMasterTable tr:hover td, .rg-event-timeline .rg-events tr.MyRowClassSelected td {
        background-color: #F1F2F5 !important;
    }

        .rg-event-timeline .rg-events tr.MyRowClassSelected td * {
            color: var(--sms-default-blue);
        }

.rg-addOns-event.RadGrid .rgMasterTable thead {
    display: none;
}

.lbl-description {
    font-size: 12px;
    font-style: italic;
    margin-top: 5px;
}

.rg-addOns-event .rgMasterTable, .rg-event-timeline .rgMasterTable tr {
    border-collapse: separate;
    border-spacing: 0 10px !important;
}

.rg-addOns-event.RadGrid_Bootstrap {
    background-color: transparent !important;
}

.lbl-series-info {
    float: left;
    width: 100%;
    font-style: italic;
    margin: 15px 0 20px 0;
    color: var(--sms-default-grey) !important;
}

.rg-discount-event.rg-events .rgRow > td, .rg-discount-event.rg-events .rgAltRow > td {
    background-color: #FAFAFA !important;
    padding: 5px 2px !important;
    border-spacing: 0 !important;
}

.rg-discount-event.rg-events.RadGrid_Bootstrap tr {
    height: auto !important;
}

.lbl-series-info b {
    color: var(--sms-default-grey) !important;
}
/*.lbl-series-info:hover { text-decoration:underline;}*/
.lbl-category {
    font-size: 14px !important;
    font-weight: 400 !important;
    background-color: #F5F5F5 !important;
    padding: 2px 15px 2px 10px;
    margin-right: 8px !important;
}

.div-event-title {
    float: left;
    width: 50%;
}

.rad-slider-spot.RadSlider .rslDisabled {
    opacity: 1 !important;
    cursor: default !important;
}

.rad-slider-spot.RadSlider_Bootstrap div.rslHorizontal .rslSelectedregion {
    background-color: var(--sms-default-blue) !important;
    border-radius: 4px !important;
}

.rad-slider-spot.RadSlider .rslHorizontal .rslTrack {
    border-radius: 4px !important;
    background-color: var(--sms-lightest-blue) !important;
}

.tbl-slider-slot *, .rg-waitlist.RadGrid, .rg-waitlist.rg-events th.rgHeader, .rg-waitlist.rg-events th.rgHeader a {
    background-color: #fafafa !important;
}

.refund-icon span:nth-child(odd) {
    float: left;
    width: 60%;
    margin-bottom: 7px;
}

.refund-icon span:nth-child(even) {
    float: left;
    width: 40%;
    text-align: left;
}

.refund-icon span > i {
    vertical-align: middle;
}

.div-scrolling {
    height: 200px;
    float: right;
    padding-right: 10px !important;
    overflow-y: auto;
    padding-right: 0px;
    text-align: left;
    scrollbar-width: thin;
    scrollbar-color: #0073E6 #fff !important;
    border-radius: 5px;
}

    .div-scrolling::-webkit-scrollbar {
        width: 5px;
        background: #fff !important;
    }

    .div-scrolling::-webkit-scrollbar-thumb {
        background: #0073E6 !important;
    }

.div-pricing-border {
    border: 1px solid #d7d7d7;
    float: left;
    border-radius: 5px;
    padding: 10px;
}

.lbl-addOns input {
    float: left;
    margin-top: 8px;
}

.lbl-addOns label {
    margin-right: 0 !important;
    width: 95%;
}

.border-right {
    border-right: 1px solid #d7d7d7 !important;
}

.div-waitlist-clr {
    padding: 10px 10px;
    border-radius: 3px;
    min-height: 235px;
    background-color: #fafafa;
}

.arrow-icon span {
    margin-bottom: 3px !important;
    width: 100%;
}

    .arrow-icon span:after {
        float: right;
        vertical-align: bottom;
        content: 'chevron_right';
        font-size: 12px !important;
        font-family: 'Material Icons Outlined' !important;
    }

.arrow-icon {
    width: 90%;
}

.rb-delete {
    margin-top: 5px !important;
}
/*--------------Customer calendar design update-----------*/
.rs-customer-event.rs-customer-cal.RadScheduler_Bootstrap .rsMonthView .rsApt.e-sold-out .rsAptContent,
.rs-customer-event.rs-customer-cal.RadScheduler_Bootstrap .rsMonthView .rsApt .rsAptContent .div-type-time-banner,
.rs-customer-event.rs-customer-cal.RadScheduler_Bootstrap .rsMonthView .rsAptContent:hover {
    background-color: transparent !important;
}

    .rs-customer-event.rs-customer-cal.RadScheduler_Bootstrap .rsMonthView .rsApt .rsAptContent .div-type-time-banner span {
        color: #464649 !important;
        padding: 0 5px;
    }

.rs-customer-event.rs-customer-cal.RadScheduler_Bootstrap .rsMonthView .rsApt {
    box-shadow: none !important;
    border-bottom: 1px solid rgba(152, 152, 154, 0.1) !important;
    border-radius: 0 !important;
    margin-bottom: 5px !important;
}
.rs-customer-event.rs-customer-cal.RadScheduler_Bootstrap .rsContentTable td {
    border-color: #c1c1c1 !important;
}

.rs-customer-event.rs-customer-cal.RadScheduler_Bootstrap .rsMonthView .rsAptContent:hover span {
    color: #3c3d41 !important;
}

.rs-customer-event.rs-customer-cal.RadScheduler_Bootstrap .rsMonthView .rsAptContent {
    text-align: center;
    padding: 0 0 15px !important;
}

    .rs-customer-event .rsMonthView .lbl-cal-event-title, .rs-customer-event.rs-customer-cal.RadScheduler_Bootstrap .rsMonthView .rsAptContent:hover span.lbl-cal-event-title,
    .rs-customer-event.rs-customer-cal.RadScheduler_Bootstrap .rsMonthView .rsApt.e-sold-out .rsAptContent span.lbl-cal-event-title {
        text-align: left;
    }

    .rs-customer-event.rs-customer-cal.RadScheduler_Bootstrap .rsMonthView .rsAptContent .lbl-cal-event-title span {
        padding-bottom: 5px !important;
        float: left;
        width: 100%;
    }

    .rs-customer-event.rs-customer-cal.RadScheduler_Bootstrap .rsMonthView .rsAptContent:hover span.lnk-cart-events {
        color: #fff !important;
    }

.rs-customer-event .img-small-thumbnail {
    width: 90% !important;
}

.rs-customer-event .lbl-cal-event-spot {
    text-align: left;
    padding-left: 9px;
    font-weight:normal !important;
    margin-top:0px !important;
}

.rs-customer-cal.rs-lbl.RadScheduler_Bootstrap .rsMonthView .rsShowMore {
    text-decoration: none !important;
    /*display: none !important;*/
}

.rs-customer-cal.rs-lbl.RadScheduler_Bootstrap .rsMonthView .rsShowMore span {
        color: var(--sms-default-blue) !important;
        font-weight: normal !important;
      /*  display: none !important;*/
 }

.rs-customer-cal.rs-lbl.RadScheduler_Bootstrap .rsMonthView .rsShowMore:hover span {
        padding: 2px 5px;
        border-radius: 10px;
        background-color: var(--sms-lightest-blue) !important;
}

.rs-customer-event .lblBooked {
    background-color: var(--sms-default-grey) !important;
    color: #fff !important;
    padding: 2px 20px !important;
    border-radius: 5px;
}

.rs-customer-event.rs-customer-cal.RadScheduler_Bootstrap .rsAptContent:hover span.lbl-WaitList {
    color: var(--sms-default-blue) !important
}

.rs-customer-event.rs-customer-cal.RadScheduler_Bootstrap .rsMonthView .rsAptContent:hover span.lblBooked {
    color: #fff !important;
}

.rs-customer-event.rs-customer-cal.RadScheduler_Bootstrap .rsDayView .rsApt .rsAptContent .div-type-time-banner {
    text-align: left;
}

.rs-customer-event.rs-customer-cal.RadScheduler_Bootstrap .rsAptContent span.lbl-cal-event-time {
    float: left !important;
    font-weight: normal !important;
}

.rg-roster-right table.rgClipCells tr td.lbl-roster-header {
    width: 215px !important;
}

.rg-view-roster.RadGrid_Bootstrap .rgHeader.lbl-roster-header {
    width: 215px !important;
    display: table;
    padding: 13px 15px 10px 8px !important;
}

.rad-slider-spot.RadSlider .rslHorizontal .rslTrack {
    border: var(--sms-lightest-blue) !important;
    box-shadow: none !important;
}

.rs-customer-event .rsDayView .lnk-cart-events, .rs-customer-event .rsDayView .lbl-WaitList {
    float: left;
    border: none !important;
    font-weight: 600 !important;
    padding: 0 10px !important;
    background-color: transparent !important;
    color: var(--sms-default-blue) !important;
}

.rs-customer-event.rs-customer-cal.RadScheduler_Bootstrap .rsDayView .rsAptContent span {
    float: unset !important;
}

.rs-customer-event.RadScheduler_Bootstrap .rsDayView .rsAptContent span {
    float: left;
}

.rs-customer-event.rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsDayView .lbl-cal-event-spot {
    top: -1px !important;
}

.rs-customer-event.rs-customer-cal.RadScheduler_Bootstrap .rsDayView .rsAptContent span.lbl-cal-event-time {
    font-size: 10px !important;
}

.rs-customer-event.rs-customer-cal.RadScheduler_Bootstrap .rsDayView .rsAptContent .lbl-cal-event-title > span {
    display: block;
}

.required-time .rcbDurationTime.RadComboBox input.rcbInput[type=text] {
    padding-left: 5px !important;
}

.div-active {
    background-color: #f5f5f5;
    padding: 2px 10px;
    border-radius: 15px;
}

    .div-active span {
        color: var(--sms-default-blue);
    }

.div-product-view div {
    height: unset !important;
}

.div-product-view span {
    min-height: 110px;
}
/* Scrollbar form roster grid.*/
.rg-roster-right .rgDataDiv::-webkit-scrollbar {
    height: 6px;
    width: 6px;
    background: #0073E6 #fff;
}
/* Track */
.rg-roster-right .rgDataDiv::-webkit-scrollbar-track {
    background: #fff;
}
/* Handle */
.rg-roster-right .rgDataDiv::-webkit-scrollbar-thumb {
    background: #0073E6;
}

    .rg-roster-right .rgDataDiv::-webkit-scrollbar-thumb:horizontal {
        background: #0073E6;
        border-radius: 10px;
    }

.btn-delete-red {
    border-color: #D9021D !important;
    height: 25px !important;
    width: 25px !important;
    line-height: 25px !important;
}

    .btn-delete-red:hover {
        background-color: #D9021D !important;
    }

    .btn-delete-red span.material-icons {
        color: #D9021D !important;
        font-size: 18px !important;
        padding-left: 0px;
    }

.lnk-waiver-download .material-icons-outlined {
    padding-left: 0 !important;
}

.btn-delete-red:hover span.material-icons {
    color: #FFFFFF !important;
}

.required-field-checkout .lbl-error-email, .required-checkout .lbl-error-email {
    display: none !important;
}

    .required-field-checkout .lbl-error-email:first-of-type {
        display: inline !important;
    }

.div-copy-event-window {
    background-color: #EAEAEB !important;
    border-radius: 7px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border: none !important;
}

.copy_link {
    pointer-events: none;
}

.lbl-staff-name {
    font-weight: 400;
    font-style: italic;
    font-size: 12px;
    color: rgb(152, 152, 154);
    float: left;
    width: 100%;
    text-align: left;
}

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

.div-view-field textarea {
    padding-top: 10px !important;
}

.bg-schedule {
    background-color: rgba(152, 152, 154, 0.1);
}

table.RadCalendarTimeView_Bootstrap tbody tr td.rcHover a {
    padding: 1px !important;
}

.width-67.new-bgclr-product {
    width: 67% !important;
}

.width-30.new-bgclr-product {
    width: 31% !important;
}
/* ------------ Cutomized CSS tooltip for Roster section ------------------ */
.tooltip-hard-copy {
    font-size: 10px;
    visibility: hidden;
    width: 165px;
    background-color: grey;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    left: 1px;
    top: -42px;
}

.chk-roster:hover + .tooltip-hard-copy {
    visibility: visible;
}

.tooltip-send-waiver {
    font-size: 10px;
    visibility: hidden;
    width: 70px;
    background-color: grey;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    right: -2px;
    top: -30px;
}
.btn-reminder-roster:hover + .tooltip-send-waiver {
    visibility: visible;
}
.tooltip-download {
    font-size: 10px;
    visibility: hidden;
    width: auto;
    background-color: grey;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    left: 0px;
    bottom: 3px;
}
.lnk-waiver-download:hover + .tooltip-download {
    visibility: visible;
}
.lbl-success-reminder-sent {
    float: left;
    width: 100%;
    padding: 12px 5px;
    text-align: center;
    color: #333333;
    background-color: rgba(165, 232, 56, 0.6);
    border-radius: 7px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.lnk-waiver-download:disabled {
    cursor: default !important;
}
.btn-add-attendee {
    float: left;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='6' ry='6' stroke='%238D9AA2FF' stroke-width='2' stroke-dasharray='6%2c6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 6px;
    height: 40px;
    line-height: 38px;
    width: 100%;
    border-radius: 6px !important;
    border: none !important;
    text-align: center;
    color: #8D9AA2 !important;
}
.lnk-filled-waiver {
    background-color: var(--sms-default-blue) !important;
}
    .lnk-filled-waiver span {
        color: #FFFFFF !important;
    }
.lbl-error-save-attendee {
    color: #EE2402 !important;
    padding: 2px 0;
    margin: 0 auto 5px;
    display: table;
}
.bg-error-msg {
    background-color: #f5f5f5 !important;
}
.div-absolute-footer {
    position: absolute;
    bottom: 10px;
    width: 100%;
}
/*To add browser password eyeoff feature.*/
.div-password-visibility {
    position: relative;
}
    .div-password-visibility .toggle-password > .material-icons, .div-password-visibility .span-toggle-password > .material-icons {
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
        color: #cacaca !important
    }
    /*To remove edge browser default password eyeoff feature.*/
    .div-password-visibility input[type="password"]::-ms-reveal, .div-password-visibility input[type="password"]::-ms-clear {
        display: none;
    }
.rs-customer-cal.rs-customer-dashboard.rs-update.RadScheduler .rsMonthView .rsWrap.rsDateWrap .rsDateBox {
    background-color: #fafafa;
}
.rs-customer-dashboard.rs-update.RadScheduler .rsDateHeader {
    margin-top: 10px;
}
.rs-customer-dashboard.rs-update.RadScheduler .rsMonthView .rsDateBox {
    height: 13px;
}
.lnk-height {
    height: 36px;
}
    .lnk-height .material-icons {
        line-height: 28px;
    }
span.event-button.RadButton_Bootstrap.rbSkinnedButton.rb-secondary .rbDecorated {
    height: 33px !important;
}
.w-5 {
    width: 5% !important;
}
.w-95 {
    width: 95% !important;
}
.cus-calender-icons {
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.div-view-list-cal a.cus-calender-icons {
    width: 36px !important;
}
    .div-view-list-cal a.cus-calender-icons span.material-icons, .div-view-list-cal a.cus-calender-icons span.material-icons,
    .div-view-list-cal a.cus-calender-icons.lnk-selected span.material-icons {
        margin: 0 0 0 0 !important;
        line-height: 22px !important;
    }
.img-height {
    height: 46px;
}
.powered-logo {
    width: 42%;
}
    .powered-logo > img {
        height: 38px;
    }
.lnkClearTxt, a.icon-order-close {
    margin-top: 10px !important;
}
.rs-customer-cal.rs-customer-dashboard.rs-admin-scheduler.RadScheduler_Bootstrap div.rsHeader h2 {
    width: 480px !important;
    position: relative;
    left: 4%;
}
.rg-events.rg-price-discounts tr td {
    padding: 10px !important;
}
.rcb-addlocation .rcbActionButton {
    height: 28px !important;
}
.rw-product.RadWindow_Bootstrap {
    width: 460px !important;
}
.rw-product.RadWindow .rwWindowContent, .rw-product.RadWindow .rwWindowContent > div {
    width: 400px !important;
    height: 109px !important;
}
.rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHeader .rsNextDay, .rs-customer-cal.rs-customer-dashboard.RadScheduler_Bootstrap .rsHeader .rsNextDay:hover {
    right: -53px !important;
}
.icon-new-event {
    float: left;
    font-size: 18px !important;
    color: var(--sms-default-black) !important;
    margin: 4px 5px 0 0;
    line-height: 27px;
}
.div-archive-form, .div-waiver-form {
    display: flex;
    justify-content: end;
    gap: 30px;
}
    .div-archive-form a {
        color: var(--sms-default-blue) !important;
        font-weight: 600;
    }
        .div-archive-form a:hover {
            text-decoration: underline;
        }
.div-view-active li {
    list-style-type: none;
    margin: 0;
}
.div-view-active ul {
    display: flex;
    flex-direction: row;
    margin: 0;
    gap: 20px;
}
.active-list-selected {
    font-weight: 600 !important;
    color: var(--sms-default-blue) !important;
    border-bottom: solid 2px var(--sms-default-blue) !important;
    border: none;
}
.flex-policy {
    display: flex;
    align-items: center;
}
/*  To divide section input event setting*/
.block-view-area {
    border: 1px solid #dedede;
    padding: 10px 15px !important;
    border-radius: 8px !important;
    float: left;
    width: 100%;
    margin-top: 10px;
}
div.div-gift-grey.div-gift-credit div.div-inner-block.div-refund-policy, div.div-gift-credit div.div-inner-block.parent-text-expire {
    border: 1px solid #dedede !important;
    background-color: #e6e6e6 !important;
}
div.div-gift-credit .parent-chk-selected .chkbox-ml.chk-policy-select label, .div-gift-credit .parent-chk-selected .chkbox-ml.chk-policy-select .material-icons {
    color: var(--sms-default-blue) !important;
}
.div-editor-view p {
    margin-bottom: 0 !important;
}
.gv-waiver td {
    border: none;
}
.rg-registration .rgNoRecords td {
    background-color: rgba(152, 152, 154, 0.07) !important;
}
    .rg-registration .rgNoRecords td div {
        margin-bottom: 10px;
    }
/*----------Home dashboard---------------*/
.block-view-area-home {
    border: 1px solid #98989a;
    padding: 10px 15px;
    border-radius: 8px !important;
    float: left;
    width: 100%;
    margin-top: 10px;
}
.rg-home-dashboard.RadGrid_Bootstrap .rgHeader, .rg-home-dashboard.RadGrid_Bootstrap th.rgResizeCol, .rg-home-dashboard.RadGrid_Bootstrap .rgHeaderWrapper, .rg-home-dashboard.RadGrid_Bootstrap .rgMultiHeaderRow th.rgHeader, .rg-home-dashboard.RadGrid_Bootstrap .rgHeader, .rg-home-dashboard.RadGrid_Bootstrap .rgRow > td, .rg-home-dashboard.RadGrid_Bootstrap .rgAltRow > td {
    border-bottom: 1px solid #98989a !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    background-color: #fff;
}
.rg-home-dashboard.RadGrid_Bootstrap .rgMasterTable tr.rgRow:last-child > td, .rg-home-dashboard.RadGrid_Bootstrap .rgMasterTable tr.rgAltRow:last-child > td, .rl-home-dashboard span:nth-child(3) {
    border-bottom: none !important;
}
.rg-home-dashboard.RadGrid_Bootstrap .rgPager table {
    margin-bottom: 0 !important;
}
.rg-home-dashboard.RadGrid_Bootstrap {
    border: none !important;
}
.rg-home-dashboard.RadGrid .rgMasterTable {
    border-collapse: collapse !important;
    border: none !important;
}
.bg-white {
    background-color: #fff !important;
}
.rl-home-dashboard a {
    width: 100%;
    font-size: 14px;
    font-weight: 500 !important;
    float: left;
    text-align: left;
    border-bottom: 1px solid #98989a;
    padding: 10px 15px 10px 25px;
    color:var(--sms-default-black)!important;
}
    .rl-home-dashboard a:hover {
        background-color: #f5f5f5 !important;
    }
.bdr-home {
    border-bottom: 1px solid #98989a;
}
.min-height-home {
    min-height: 179px !important;
}
.txt-product-parent + .material-icons {
    color: var(--sms-default-blue) !important;
}
.txt-product-parent + .material-icons, .txt-product-parent .lnkClearTxt {
    top: 5px;
}
.div-new-border.div-dashboard {
    border: 1px solid #C1C1C1 !important;
}
.rs-customer-event.rs-customer-cal.RadScheduler_Bootstrap .rsMonthView .rsAptContent .lbl-cal-event-title.lbl-new-color span {
    line-height: 22px !important;
    float: left !important;
    padding-bottom: 0px !important;
    height: 23px !important;
    color: #464649 !important;
}
    .rs-customer-event.rs-customer-cal.RadScheduler_Bootstrap .rsMonthView .rsAptContent .lbl-cal-event-title.lbl-new-color.series-height span {
        height: auto !important;
        line-height: normal !important;
    }
.rg-home-dashboard.RadGrid_Bootstrap table.rgMasterTable thead {
    border: none !important;
}
.rg-home-dashboard.RadGrid .rgPager {
    border-color: #fff !important;
}
.rg-home-dashboard.RadGrid_Bootstrap .rgPagerCell .rgNumPart a {
    height: unset !important;
    line-height: unset !important;
}
.rg-home-dashboard.RadGrid_Bootstrap .rgPagerCell .rcbExpanded, .rg-home-dashboard.RadGrid_Bootstrap .rgPagerCell .rcbHovered,
.rg-home-dashboard.RadGrid_Bootstrap .rgPagerCell .rcbFocused, .rg-home-dashboard.RadGrid_Bootstrap table.rgMasterTable tfoot {
    border: none !important;
}
.rg-home-dashboard.RadGrid_Bootstrap tfoot .rgPager > td, .rg-home-dashboard.RadGrid_Bootstrap .rgMasterTable tfoot tr.rgPager td.rgPagerCell {
    border-top: none !important;
}
.lbl-red-color {
    color: #d9001b !important;
}
.rg-home-dashboard.RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage span {
    color: #0245ee !important;
}
.lbl-admin-analytics:hover {
    color: #0073e6 !important;
    font-weight: bold !important;
}
.lbl-event-celendar:before {
    content: "event";
    float: left;
    margin-right: 10px !important;
    color: var(--sms-default-black);
    font-size: 26px !important;
    font-family: 'Material Icons' !important;
    min-width: 28px;
    text-align: center;
}
.lbl-event-celendar{ line-height: 20px; margin-bottom: 15px;}
.rg-product-report.rg-dashboard .rgRow > td input[type="checkbox"], .rg-product-report.rg-dashboard .rgAltRow > td input[type="checkbox"], .rg-product-report.rg-events .rgRow > td input[type="checkbox"], .rg-product-report.rg-events .rgAltRow > td input[type="checkbox"] {
    height: 15px !important;
    margin-bottom: 0;
    width: auto;
    vertical-align: middle;
}
.div-scroll-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rs-customer-cal.rs-customer-dashboard.rs-update.RadScheduler .rsMonthView .rsFirstRow .rsWrap.rsDateWrap .rsDateBox{
    width: 100%;
}
.rs-customer-cal.rs-customer-dashboard.rs-update.RadScheduler .rsMonthView .rsFirstRow .rsWrap.rsDateWrap .rsDateBox .rsDateHeader{ padding-right: 3px;}
.list-left-menu > li:first-child{ margin-top: 0 !important;}

.isActiveIcon, .isDeActiveIcon{ color: transparent;}
.isActiveIcon:before, .isDeActiveIcon:before {
    content: 'check_circle';
    font-family: 'Material Icons';
    color: var(--sms-default-blue) !important;
    font-size: 24px !important;
    font-weight: normal;
    vertical-align: middle;
}
.isDeActiveIcon:before{
    font-family: 'Material Icons Outlined';
    color: #D7D7D7 !important;
}
.font-em-28{
  font-size: 1.98em !important;
}
.lh-unset{
    line-height: unset !important;
}
.block-view-area-home.new-padding {
    padding: 10px 15px !important;
}
.font-em-24{
   font-size: 1.5em !important;
}
.div-store-search input[type="text"]:hover {
    border-bottom: 1px solid var(--sms-default-blue) !important;
}
.div-search-filter input[type="text"].border-focus-clr:focus, .div-store-search input[type="text"]:focus {
    border-bottom: 2px solid var(--sms-default-blue) !important;
}
.lnkClearTxt.color-grey:hover {
    color: var(--sms-default-black);
}
.div-store-search i.material-icons.blue-icon {
    color: var(--sms-default-blue) !important;
}
.cancel-icon-clr:hover {
    color: var(--sms-default-black) !important;
}
.rl-home-dashboard a:last-of-type {
    border-bottom: none !important;
}
.rl-home-dashboard a:last-of-type:hover{
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.rl-home-dashboard a.lnk-booked {
    text-overflow: ellipsis;
    /* width: 80% !important; */
    float: left !important;
    white-space: nowrap;
    overflow: hidden;
}
div.div-new-event p, .clr-black-light {
    color: #464649 !important;
}
.rwIcon{
    display:none !important;
}
.btn-new-border + input:disabled:hover {
    color: var(--sms-default-black) !important;
}
.div-qrcode {
    top: 0px;
    text-align: center;
    margin: 0 auto;
    border-color: #d7d7d7;
    border: 1px solid #d7d7d7;
    position: absolute;
    z-index: 46;
    background-color: #fff !important;
    height: 220px !important;
    width: 220px !important;
    border-radius: 8px;
    left: 0px;
    right: 145px;
}
div.div-gift-grey.div-gift-credit div.div-inner-block.div-refund-policy, div.div-gift-credit div.div-inner-block.parent-text-expire, div.div-gift-credit div.div-inner-block.parent-text-expire {
    border-color: var(--sms-default-blue) !important;
    background-color: #F3F8FE !important;
}
div.div-gift-grey.div-gift-credit div.div-inner-block.div-refund-policy span.material-icons, .div-gift-credit div.div-inner-block.parent-text-expire span.material-icons, .div-gift-credit .parent-chk-selected .chkbox-ml.chk-policy-select .material-icons {color: var(--sms-lightest-blue) !important;}
div.div-gift-grey.div-gift-credit div.div-inner-block.div-refund-policy > div *, div.div-gift-credit .parent-chk-selected .chkbox-ml.chk-policy-select label, div.div-gift-credit div.div-inner-block.parent-text-expire, div.div-gift-credit div.div-inner-block.parent-text-expire * {  color: var(--sms-default-blue) !important;}
div.div-gift-credit div.div-inner-block.parent-text-expire input[type=text], div.div-gift-credit div.div-inner-block.parent-text-expire a:hover { color: var(--sms-default-black) !important; }
.rg-view-roster.RadGrid_Bootstrap .rgRow > td.td-padding {
    padding: 8px 4px !important;
}
div .div-scroll-check  table.ckl-item-filter tbody tr td {
    padding: 0px !important;
    float:left !important;
}
.btn-item-type, .btn-item-type:hover{
    color: var(--sms-default-black);
    font-size: 12px;
    padding-right: 5px;
}
.reset-filters {
    border: none;
    background-color: transparent;
    float: left;
    margin-top: 10px !important;
    cursor: pointer;
    text-decoration: underline;
    color: #333 !important;
}
.chk-all.gift-chk-all [type="checkbox"] {
    float: left !important;
}
input[type="text"]:focus.text-box-order.border-top-none {
    border:none;
    border-bottom: 2px solid var(--sms-default-blue) !important;
}
input[type="text"]:hover.text-box-order.border-top-none {
    border: none;
    border-bottom: 1px solid var(--sms-default-blue) !important;
}
.div-hide-events {
    width: 100%;
    /*height: 1462px;*/
    padding: 20px 40px;
    border-radius: 7px;
    border-bottom: none;
    background-color: rgba(152, 152, 154, 0.1);
}
.img-experience {
    float: left;
    height: 48px;
    margin-right: 10px;
    width: 48px !important;
}
.img-experience img {
    width: 100% !important; 
     height: 48px !important;
}
.rg-events a.lnk-customer.lbl-experience > span:first-of-type {
    color: var(--sms-default-blue) !important;
    font-weight: 600;
    text-decoration: none !important;
    line-height: normal !important;
    float:left;
}
.rg-events a.lnk-customer, .rg-events a.lnk-customer:hover{
    text-decoration: none !important;
}
.rg-events a.lnk-customer.lbl-experience > span {
    color: #3c3d41 !important;
    font-weight: 400;
    line-height: normal !important;
}
.div-experience {
    vertical-align: middle;
    float: left !important; 
}
.div-experience p{
    margin:0 !important;
    line-height:normal !important;
}
.help-experiences > li {
    list-style-type: none;
    position: relative;
    padding-left: 45px;
}
.help-experiences > span {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    padding: 2px 2px 2px 2px;
    border-radius: 18px;
    background-color: #0073e6;
    box-sizing: border-box;
    font-family: "Manrope", sans-serif;
    color: #ffffff;
    text-align: center;
    line-height: normal;
    border-top-left-radius: 0px !important;
}
.lbl-publish {
    width: 180px;
    height: 29px;
    padding: 2px 10px 2px 10px;
    border-radius: 18px;
    background-color: #0073e6;
    box-shadow: 4px 4px 0px 0px #b3d9ff;
    font-family: "Manrope", sans-serif;
    color: #ffffff;
    text-align: center;
    line-height: normal;
}
.div-rectangle {
    width: 188px;
    height: 33px;
    padding: 5px 4px 5px 10px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.6);
}
.div-rectangle:hover {
    background-color: rgba(77, 166, 255, 0.1);
    box-sizing: border-box;
}
.div-rectangle:hover > span, .div-time:hover > span{
    display: inline !important;
    color: var(--sms-default-blue) !important;
   
}
.lbl-clr-blue {
    width: 48px;
    height: 19px;
    padding: 2px 2px 2px 2px;
    border-radius: 4px;
    background-color: rgba(179, 217, 255, 0.25);    
    color: #0073e6;
    text-align: left;   
    font-size: 12px !important;
    margin-left: 6px !important;
}
.div-date-border {
    width: 145px;
    height: 118px;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #0073e6;
    background-color: rgba(255, 255, 255, 0.6);
}
.div-time {
    width: 134px;
    height: 24px;
    padding: 3px 3px 3px 7px;
    border-radius: 5px;
    border: 1px solid #0073e6;
    background-color: rgba(179, 217, 255, 0.1);
    color: #0073e6;
    text-align: left;
   font-size: 12px;
}
.div-time:hover {
    background-color: rgba(77, 166, 255, 0.1);
    box-sizing: border-box;
}
.icon-content {
    border: 1px solid var(--sms-default-blue);
    color: var(--sms-default-blue);
    font-size: 12px;
    
    border-radius: 21px !important;
    padding: 4px !important;
}
.icon-add {
    color: var(--sms-default-blue);
}
.hr-experience {
    border-color: #797979 !important;
    margin-bottom: 6px !important;
}
.letter-spacing-4 {
    letter-spacing: 4px !important;
}
.rdpFromDate.rd-date input[type="text"] {
    padding-left:5px !important;
}
.rdpFromDate.rd-date a {
    top: 0px !important;
    left: 5px !important;
}
.customer-experiences {
    width: 100%;
    height: 73px;
    padding: 2px 2px 2px 2px;
    border-radius: 3px;
    background-color: rgba(152, 152, 154, 0.05);
}
.lbl-subheader {  
    letter-spacing: 9.2px;
    color: #3E3F43 !important;
    font-weight: normal !important;
}
.div-inner-experiences {
    float: left;
    width: 78% !important;
    margin-left: 38px !important;
}
.div-dashboard .div-search-filter.div-search-order.div-order-width {
    min-width: unset;
    width: 40% !important;
}
.color-blue.lbl-experiences-clr:hover, .lbl-experiences-clr:hover {
    color: #000000 !important;
}
.icon-arrow {
    position: absolute;
    transform: rotate3d(1, 1, 1, 303deg);
    font-size: 30px !important;
    color: #0073e6 !important;
    font-weight: 300;
    top: -15px !important;
    left: 17px !important;
}
.txt-experience-search.border-focus-clr {
    border: none !important;
    border-bottom: 1px solid #c2c2c2 !important;
    border-radius: 3px 3px 0 0 !important;
    height: 36px !important;
    padding-left: 30px !important;
    padding-right: 20px !important;
    background-color: #ffffff !important;
}
.btn-experience {
    top: 86px;
    right: 48px;
}
.div-dashboard fieldset {
    min-height: 360px;
    line-height: 303px;
}
.inline-icon > div{
    display: inline-block !important;
}
.new-tax-uploader.RadUpload .ruFileLI {
    float: left !important;
    margin-right: 20px !important;
}
.rts-customer-padding.RadTabStrip .rtsLink {
    padding: 10px 10px !important;
}
.RadScheduler.rs-customer-scheduler .rsInnerFix{
    margin-right: 0px !important;
}
.RadScheduler_Bootstrap.rs-customer-cal.rs-customer-scheduler {
    background-color: unset !important;
}
.lh-16{
    line-height: 16px !important;
}
.lh-16.lbl-event-type {
    color: var(--sms-default-black) !important;
}
.div-series-height span {
    line-height:normal !important;
}
.div-series-height label.font-bold.font-20 {
    margin-left:37px !important;
}
.lbl-member-only {
    float: left;
    width: 100%;
    background-color: #ECF6FF !important;
    padding: 20px 25px;
    font-weight: 700 !important;
    font-size: 18px !important;
}
.div-blue-reg {
    float: left;
    width: 100%;
    background-color: #ECF6FF !important;
    padding: 0px 25px;
}
    .div-blue-reg input[type="password"] {
        background-color:#FFFFFF !important;
    }
        .div-blue-reg input[type="password"]:focus {
            border-color: var(--sms-default-blue) !important;
        }
.rg-registration-customer span.RadButton_Bootstrap.rbSkinnedButton.rbDisabled.rb-disable {
    opacity: 1 !important;
}
.rg-registration-customer span.RadButton_Bootstrap.rbSkinnedButton.rbDisabled.rb-disable .rbDecorated {
    background-color: #d7d7d7 !important;
    color: #7f7f7f !important;
    border: 1px solid #7f7f7f !important;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.34901960784313724);
    font-size: 18px;
    font-weight:400 !important;
}
.rbl-view-event.rbl-common [type=radio] + label[for], .rbl-view-event.rbl-common [type=radio] + label[for] * {
    font-size: 18px !important;
}
.chk-view-event.cbl-party-addon [type=checkbox] + label[for], .chk-view-event.cbl-party-addon [type=checkbox] + label[for] * {
    font-size: 18px !important;
}
.rg-membership thead { background: #FFFFFF !important;}

.autocomplete-dropdown-icon {
    position: absolute;
    top: 75%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 11px;
    z-index: 10;
}
.icon-man {
    min-width:28px;
    text-align:center;
}

.lnk-arrow-text {
    display:flex;
    align-items:center;
}
    .lnk-arrow-text span {
        font-weight: 600 !important;
        color: var(--sms-default-blue) !important;
        font-size: var(--sms-default-font) !important;
        line-height:1;
    }