/*
 * This file contains CSS shared by all views and 
 * Only generic code should be added here
*/
div, span, table, td, a, li, input, select, iframe,
.box {
    border-width: 1px;
    border-spacing: 0;
}

a img {
    border-style: none;
}

.built-in-buttons {
    position: relative;
    white-space: nowrap;
}

#customButtonNotification .pm-dialog-buttonpane{
    text-align: center;
}

.built-in-buttons .table-first-col {
    min-width: 200px;
    width: 200px; /* Same as .side-panel */
}

.box .save-cancel-buttons-bar {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}

.box .save-cancel-buttons-bar {
    text-align: center;
}

.box > table {
    table-layout: fixed;
}

.small-border-radius, .left-side-label, .box .footer, .advanced-input-field,
input, select {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.previous-button > img, .next-button > img {
    vertical-align: middle;
    margin-top: -3px;
}

.previous-button > img {
    margin-right: .5em;
}

.next-button > img {
    margin-left: .5em;
}

#global-search-submit-button {
    vertical-align: middle;
}

#LocationBuiltInButtons {
    display: none;
    float: right;
    padding-bottom: 5px;
    text-align: center;
    margin-right: 32%;
}


#button-back-container-view {
    height: 30px;
    margin-bottom: 20px;
    margin-left: 0 !important;
    margin-top: 15px;
    padding: 0;
}


#button-back-container-view a {
    margin-left: 0;
}

/*--------------------------------------
    OLD BUTTONS CSS STARTS HERE
--------------------------------------*/

/*--------------------------------------
    New / Edit / Clone / Delete buttons
--------------------------------------*/

.grid-td-style {
    border-style: solid;
    border-width: 1px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.button-with-icon {
    padding-right: 0.5em;
    padding-left: 30px;
    background-position: 0.25em 50%;
    background-repeat: no-repeat;
    margin-right: 1em;
    display: inline-block; /* otherwise transparency don't work in IE */
    line-height: 1em; /* As it's now an inline-block we should reset this to avoid inheritance */
}

.button-with-icon.right-icon {
    background-position: right 50%;
    padding-right: 30px;
    padding-left: 0.5em;
}

.button-icon-only {
    width: 25px;
    height: 25px;
    background-position: 0.25em 50%;
    background-repeat: no-repeat;
}

.add-pickup-link {
    position: absolute;
    bottom: 7px;
    right: 20px;
    color: #aaa;
    cursor: pointer;
}

.button-function-icon {
    background-image: url(../content/images/Buttons/function.png);
}

.button-paynow-icon {
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
    padding-right: 10px;
}

.button-paid {
    text-align: right;
    color: Gray;
    padding-right: 10px;
}



/*--------------------------------------
    Action Buttons (former custom buttons)
--------------------------------------*/
.scrollingHotSpotLeft, .scrollingHotSpotRight {
    display: none;
    cursor: pointer;
    padding: 0.4em;
}

    .scrollingHotSpotLeft img, .scrollingHotSpotRight img {
        vertical-align: middle;
    }

.scrollingHotSpotLeft {
    float: left;
}

.touch-device .scrollingHotSpotLeft {
    margin-right: .5em;
}

.scrollingHotSpotRight {
    float: right;
}

.touch-device .scrollingHotSpotRight {
    margin-left: .5em;
}

.scrollWrapper {
    overflow: hidden;
}

#system-buttons-container {
    white-space: nowrap;
    float: left;
}

.scrollableArea {
    border-width: 0px;
    border-collapse: collapse;
    white-space: nowrap;
}

.left-side-label {
    width: 4em;
    display: inline-block;
    padding: 0.25em;
    background-position: 0.25em center; /* Do not use background-position-x and ...-y -> not supported by Firefox*/
    background-repeat: no-repeat;
}

.right-side-input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-style: none;
}

.single.back-button {
    float: left;
    margin-right: 1em;
    position: relative;
    z-index: 1;
}

.with-left-menu {
    padding-left: 250px;
}

.layout-leftpanel-main .side-panel.left-panel #button-back-container-view {
    float: left;
}

.tab-icon {
    display: none;
}

#DetailPage_leftside.side-panel.left-panel .menu .item .tab-name.invoices {
    float: left;
}

div.login #buttonSignIn {
    margin-top: 0.5em;
}

#buttonSignIn {
    vertical-align: middle;
    margin-right: 2em;
    min-width: 100px;
}

.fb-login-button-container /* overrided in ie7lte.css */ {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    padding-top: 5px;
    text-align: right;
}

div.login #buttonLaunch {
    margin: 1em 0;
}

.side-panel.left-panel .menu .item .details-count {
    float: right;
    margin-right: 20px;
}

/*--------------------------------------
               custom buttons
--------------------------------------*/


#customButtonNotification {
    margin: 0;
    padding: 0;
    text-align: center;
}

    #customButtonNotification > DIV {
        margin: 0px 15px 0px 19px;
        padding: 20px 0px 10px 0px;
    }   

.field > A:link:hover, TD.field > A:visited:hover, .HypeLink-style:hover, A.member-registration-nav-button-addNewMemeber:hover {
        text-decoration: underline;
    }

.HypeLink-style:hover, A.member-registration-nav-button-addNewMemeber:hover {
        font-weight: bold;
        text-decoration: underline;
    }

#NewButtonOnRecordListTop, #NewButtonOnRelatedRecordListTop {
    padding: 15px 5px 7px 15px;
}

#RelatedRecordNewButton {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    margin-bottom: -40px;
}

A.member-registration-nav-button-next img {
    border: none;
}

A.member-registration-nav-button-Previous img {
    border: none;
    height: 10px;
}

A.member-registration-nav-button-addNewMemeber, A.member-registration-nav-button-addNewMemeber:hover {
    display: none; /*inline-block;*/
    text-decoration: underline;
    font-weight: normal;
    font-size: small;
    margin-left: -80px;
    color: #8F8F8F !important;
}

#addAnAttendeeButtonContainer {
    margin-left: 16%;
    margin-bottom: 1em;
    margin-top: 0.5em;
    padding-left: 2em;
}

#buttonLogin{
    float: right;
}

.forgot-password-link {
    color: #000;
    text-decoration: underline;
    padding: 0.75em !important;
    border: none;
    cursor: pointer;
}


.step-by-step-header {
    width: 100%;
}

.step-buttons-container {
    white-space: nowrap;
    text-align: right;
    width:32%;
}

.addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
}

#lookup-window-view-find-style {
    padding-top: 10px;
    padding-bottom: 10px;
}

#lookup-window-button-style {
    border: none;
    width: 90px;
    font-size: 150%;
    padding: 5px;
}

.apply-button {
    border: 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding-bottom: 5px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 25px;
    margin-right: 10px;
}

.timePicker {
    background: transparent url(../content/images/ControlIcons/timepickericon.png) no-repeat 98% center;
}
.TimeLimitationDateFrom-wrapper .field-control-wrapper .pmdatepicker, .TimeLimitationDateTo-wrapper .field-control-wrapper .pmdatepicker {
    width: 100px !important;
}
.pmdatepicker {
    background: white url(../content/images/ControlIcons/datepickericon.png) no-repeat 99.5% center !important;
}
.Birthdate-wrapper input.pmdatepicker {
    background-color:#fff !important;
}
.birthdate-picker-member {/*this will apply if we use split birthday field instead of calendar control*/
    width: 32% !important;
    margin-right: 1px !important;
    vertical-align: middle !important;
}
.birthdate-picker-member-select {/*this will apply if we use split birthday field instead of calendar control*/
    width: 33% !important;
    margin-right: 1px !important;
    vertical-align: top !important;
}

.birthdate-picker-member::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  word-spacing: -3px;
}
.birthdate-picker-member::-moz-placeholder { /* Firefox 19+ */
  word-spacing: -3px;
}
.birthdate-picker-member:-ms-input-placeholder { /* IE 10+ */
  word-spacing: -3px;
}
.birthdate-picker-member:-moz-placeholder { /* Firefox 18- */
  word-spacing: -3px;
}

.pm-datepicker-popup{
    text-align:left;
    outline: none;
}

.pm-datepicker-popup > div{
    padding-left:15px;
}

.pm-datepicker-popup li{
    line-height: 40px;
}

.pmdatetimepicker {
    background: transparent url(../content/images/ControlIcons/datepickericon.png) no-repeat 99% center !important;
}

.field.datetime{
    max-width: none;
}

.date-time-picker{
    min-width: 200px;
}

.date-time-picker .pmdatetimepicker{
    width: 55% !important;
    margin-right: 1%;
}

.date-time-picker .timePicker{
    width: 44% !important;
}

.time-hidden .pmdatetimepicker{
    width: 100% !important;
    margin-right: 0;
}

.pm-plain-button.pmf-filter-settings{
    font-size: 18px;
}

.pm-plain-button.fa{
    font-family: 'FontAwesome';
    line-height: 16px;
}

#panels-container {
    display: table;
    border-collapse: separate;
    border-spacing: 0;
    margin-top: 50px;
    width: 100%;
}

.layout-table-cell .side-panel, .layout-table-cell .main-panel,
#checkoutContainerTable .main-panel{
    display: table-cell;
}

.layout-leftpanel-main.layout-table-cell .main-panel,
#checkoutContainerTable .main-panel {
    width: 100%;
}

#pageTree ul {
    padding-left: 0px;
    list-style-type: none;
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 40px;
}

    #pageTree ul li {
        background-image: url(../content/images/DefaultIcons/icon-object.png);
        background-position: 4px left;
        background-repeat: no-repeat;
        padding: 0.25em;
        padding-left: 25px;
    }

        #pageTree ul li.page {
            background-image: url(../content/images/DefaultIcons/icon-page.png);
        }
/*----------|Retrofitting .button class flat|-------------*/

/*--|hide icon|--*/
.button-selector .icon,
#btnEditEvent .icon,
#btnDeleteEvent .icon,
#newUser .icon,
#Clone .icon,
#deleteButton .icon,
#new-theme .icon,
#spnNewApplication .icon,
#newObject.buttonNew span.icon,
#newObject.button span.icon,
#multipleDeleteButton span.icon,
#assignClassForContact span.icon {
    display: none !important;
}

/*------|button size changes|-----*/
#new-theme {
    width: 85px;
}

#newObject.button, #multipleDeleteButton.button {
    width: 66px !important;
}

/*///-------|End retrofitting .button class|-------------*/

#setupView .button-add {
    background-image: url(../content/images/Buttons/Add.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    padding-left: 25px;
    margin-left: 2em;
}

#setupView .button-detail {
    background-image: url(../content/images/Buttons/detail-arrow.png);
    background-position: 96% center;
    background-repeat: no-repeat;
    padding-right: 3%;
    margin-left: 1em;
    visibility: hidden;
}

#setupView .li-line > span {
    vertical-align: middle;
}

.setup-genericobj-entity img {
    vertical-align: middle;
    border-width: 0;
    width: 45px;
}

a.setup-genericobj-entity {
    display: block;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 2em;
    background-image: url(../content/images/Arrow_grid.png);
    background-position: 98% center;
    background-repeat: no-repeat;
}

    a.setup-genericobj-entity > span {
        display: inline-block;
        vertical-align: middle;
        margin-left: 2em;
    }

.setup-genericobj-name {
    font-size: 120%;
    font-weight: bold;
}

#SetupOnePageIconMenu {
    display: inline;
    max-height: 300px;
}

.setup-onepage .choice-item > div {
    display: table-cell;
    vertical-align: middle;
    width: 40px;
    height: 40px;
}

.setup-onepage .choice-item img {
    max-width: 30px;
    max-height: 30px;
    vertical-align: middle;
}

#PortalURL {
    width: auto;
}

#organizationLogoRow .label {
    vertical-align: top;
}

#skinSetupForm .subsection-content .field {
    display: inline-block;
    width: 65%;
}

.pixels-displayed-value {
    width: 3em;
}

.popup-buttons {
    display: inline-block;
}
.pm-dialog-footer > div {
    position: relative;
    /*border-top: 1px dotted gray;*/
}

.pm-dialog-footer-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-color: black;*/
    opacity: .1;
    filter: Alpha(Opacity=10);
    background-color: White !important;
}

.contentTermsAndConditionContainer .pm-dialog-buttonpane {
    display: none;
}

.contentTermsAndConditionContainer.new-window .pm-dialog-buttonpane {
    display: block;
    padding: 0;
}

.contentTermsAndConditionContainer .pm-dialog-buttonpane {
    display: none;
}

.contentTermsAndConditionContainer.new-window .pm-dialog-buttonpane {
    display: block;
    padding: 0;
}

.cke_button_toggletoolbar .cke_icon {
    display: none !important;
}

.cke_button_toggletoolbar .cke_label {
    display: inline !important;
    font-weight: bold;
}

.cke_skin_kama .cke_button_image .cke_icon {
    background-image: url(../content/Images/Buttons/ckeditorInsertImageButton.png) !important;
    width: 65px !important;
    background-position: 0 0 !important;
}

/*--------------------------------------
         System Buttons
--------------------------------------*/

.view-area {
    clear: both;
    float: left;
    width: 100%;
}

#prompts-view-area.view-area td{
    cursor: default;
}

    .view-area .expand-link, .page-layout-section .expand-link {
        cursor: pointer;
        float: left;
        display: inline-block;
        height: 19px;
        background-image: url("images/buttons/arrow-right-icon.png");
        background-repeat: no-repeat;
        background-position: 0 center;
        width: 175px;
        padding-left: 20px;
    }

.view-area.expanded .expand-link, .page-layout-section.expanded .expand-link {
    background-image: url("images/buttons/arrow-down-icon.png");
}

/*--------------------------------------
         Left Panel button icon style 
--------------------------------------*/
.viewDropdownItemEdit .button.edit {
    float: left;
    display: inline-block;
    padding: 0px;
    width: 12px;
}

.viewDropdownItemEdit .button.trash {
    position: absolute;
    float: right;
    display: inline-block;
    padding: 0px;
    width: 12px;
}

.viewDropdownItemEdit .ddm span.icon,
.viewDropdownItemEdit button span.icon,
.viewDropdownItemEdit .button span.icon {
    background-image: url(../content/google-plus-ui-buttons/images/google-ui-sprite-gray.png) !important;
    display: inline-block;
    float: left;
    line-height: 12px;
    height: 12px;
    width: 12px;
    max-width: 12px;
    overflow: hidden;
    text-indent: -9999px;
    background-repeat: no-repeat;
    -webkit-transition: background-image 0.20s linear;
    -moz-transition: background-image 0.20s linear;
    -o-transition: background-image 0.20s linear;
    transition: background-image 0.20s linear;
}

#currentViewPopup .button {
    border: none !important;
    background: none !important;
    padding: 0px !important;
    margin: 30px 0px 0px 0px !important;
}

    #currentViewPopup .button span {
        padding: 0px !important;
    }

        #currentViewPopup .button span.icon {
            margin-left: 0px !important;
        }

#currentViewPopup .viewDropdownItemEdit {
    width: 42px !important;
}

#viewSelector #currentViewPopup .viewDropdownItemEdit {
    width: 20px !important;
}

#currentViewPopup .viewDropdownItemEdit a.button {
    border: none !important;
    background: none !important;
    padding: 0px !important;
    margin: 0px 2px 0px 7px !important;
}

#currentViewPopup .viewDropdownItemEdit .button span {
    padding: 0px !important;
}

#currentViewPopup .viewDropdownItemEdit .button:hover {
    border: none !important;
    background: none !important;
    padding: 0px !important;
}

    #currentViewPopup .viewDropdownItemEdit .button:hover span {
        padding: 0px !important;
    }

#currentViewPopup .viewDropdownItemEdit button, .viewDropdownItemEdit .button {
    height: 12px;
    margin: 2px 4px !important;
}

    #currentViewPopup .viewDropdownItemEdit .ddm:hover span.icon,
    #currentViewPopup .viewDropdownItemEdit button:hover span.icon,
    #currentViewPopup .viewDropdownItemEdit .button:hover span.icon, 
    #checkoutProductListTotal .button span.icon{
        background-image: url(../content/google-plus-ui-buttons/images/google-ui-sprite-colour.png) !important;
    }

span.icon201 {
    background-position: 0px -180px !important;
}

span.icon202 {
    background-position: -18px -180px !important;
}

.smallButton {
    padding: 0;
    margin: 0 5px 0 5px;
    height: 20px !important;
    float: none;
}

.wizard-wrapper .built-in-buttons-popup {
    float: right;
    margin-top: 1px;
    text-align: right;
}

.wizard-wrapper .sound-file-container button.action .label, .wizard-wrapper .button.action .label {
    padding: 0 3px !important;
}

.printgrid {
    background-image: url(../content/images/buttons/Print.png);
    padding-left: 25px;
    background-repeat: no-repeat;
    padding-right: 15px;
}

.exportGrid {
    background-image: url(../content/images/buttons/Print.png);
    padding-left: 25px;
    background-repeat: no-repeat;
}

.agreement-wrapper .built-in-buttons-popup {
    margin-left: 14px;
    padding-bottom: 30px;
}
/* -------------------
      ONE COLUMN VIEW
 -------------------*/

.one-column-view-container .title {
    padding-left: 0;
}

.one-column-view-container .item {
    margin-bottom: 1em;
}

.one-column-view-container .blog-post-content, .one-column-view-container .built-in-buttons {
    padding: 0.5em;
}

.one-column-view-container .field.image-container {
    text-align: center;
}

.comments-container {
    padding: 0.5em;
}

    .comments-container .comment {
        position: relative; /* otherwise some z-index problem with the container top arrow*/
    }

    .comments-container hr {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }

.one-column-view-container .inline-actionmenu, .one-column-view-container .inline-actionmenu .dropdown-container {
    display: inline;
}

/*--------------------------------------
         Book Me - Confirm booking styles
--------------------------------------*/
#confirm-booking-info td.label {
    text-align: left;
}

#FacebookSignupContainer span {
    height: 25px;
    width: 78px;
}

#FacebookSignupContainer .fb-login-button-container {
    margin-top: 0;
}

/*--------------------------------------
         Planner styles
--------------------------------------*/
.planner-resource:last-child hr {
    display: none;
}

/*--------------------------------------
         Contact Detail Layout styles
--------------------------------------*/
.body[data-table="Contact"] .built-in-buttons .table-first-col {
    padding-right: 21px !important;
}

.built-in-buttons .table-second-col {
    min-width: 650px;
}

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

.freezeTransactionStyle {
    padding-left: 20px;
    list-style-image: url(../content/images/DefaultIcons/BookMe-Arrow.png);
}/*------| Select box stylings for Invoice processing pop up|------*/

#processInvoiceNow td {
    padding-bottom: 5px;
}

#processInvoiceNowForm .NoneSelected-wrapper {
    display: none;
}

#invoiceProcessNowPopup .select-styles-large {
    margin-bottom: 0px;
}

span.icon.trash-icon, .button:hover span.icon.trash-icon {
    background-image: url(../content/images/LeftPanels/trash-icon.png);
}

span.icon.undo-icon, .button:hover span.icon.undo-icon {
    background-image: url(../content/images/LeftPanels/undo.png);
}

#invoiceProcessNowPopup {
    background-position: left center;
    background-repeat: no-repeat;
}

#invoiceProcessNowPopup #pay-now-cc-number {
    width: 280px;
}

#invoiceProcessNowPopup .details-link {
    color: #036EC4;
    cursor: pointer;
    font-family: 'open sans';
    font-size: 11px;
    left: 210px;
    margin-top: 6px;
    position: absolute;
}

    #invoiceProcessNowPopup .details-link:hover {
        cursor: pointer;
        text-decoration: underline;
    }

    #invoiceProcessNowPopup .details-link a {
        color: #036EC4;
        text-decoration: none;
    }


/*------| Select box stylings for invoice process pop up|------*/
.visa {
    background-image: url(../content/images/select-background-visa.png) !important;
    padding-left: 40px !important;
}

.master-card {
    background-image: url(../content/images/select-background-mc.png) !important;
    padding-left: 40px !important;
}

#pay-now-cc-number {
    width: 280px;
}

.details-link {
    color: #036EC4;
    cursor: pointer;
    font-family: 'open sans';
    font-size: 11px;
    left: 210px;
    margin-top: 6px;
    position: absolute;
}

    .details-link:hover {
        cursor: pointer;
        text-decoration: underline;
    }

    .details-link a {
        color: #036EC4;
        text-decoration: none;
    }

/*------|input radio button for invoice process now pop up|------*/
#invoiceProcessNowPopup td > span > input[type='checkbox'] {
    display: none;
}

#invoiceProcessNowPopup .checkbox-set1 {
    font-family: 'open sans';
    font-size: 13px;
}
#invoiceProcessNowPopup td.label{
    width:116px;
}
.ajax-loading {
    background-position: right center !important;
    background-image: url(Images/Site/ProgressAnimation.gif) !important;
    background-repeat: no-repeat !important;
    opacity: 0.7 !important;
    background-size: 16px 16px;
}

.blue-ajax-loading {
    background-position: center center !important;
    background-image: url(../content/images/ControlIcons/blue-ajax-loader.gif) !important;
    background-repeat: no-repeat !important;
    opacity: 0.7 !important;
}

/*-------|Start Beta Icon|------*/

.beta-icon {
    background-image: url(Images/Site/Beta_01.png);
    background-repeat: no-repeat;
    background-position: top right;
    padding-top: 0px !important;
}

body.socialsite-page .beta-icon {
    background-image: url(Images/Site/Beta_01.png);
    background-repeat: no-repeat;
    background-position: top right;
    padding-top: 0px !important;
}

/*-------|End Beta Icon|------*/



input.validation-error, select.validation-error, input[type="checkbox"].validation-error {
    /*color: #FF0000 !impo;*/
    background-color: #FFE9E9 !important;
    box-shadow: 0 0 0 1px #B61515 !important;
    border: 1px solid #B61515 !important;
}

#error-message-tooltip {
    background-color: #FF0000;
    border-radius: 4px;
    font-size: 12px;
    height: 20px;
    left: 0;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 66px;
    z-index: 9999;
}

.tool-tip-content {
    color: White;
    font-family: Arial;
    padding: 0px;
    margin: 0px;
    text-align: center;
}

#error-message-tooltip span.tip {
    width: 14px;
    height: 7px;
    display: inline-block;
    position: relative;
    background-image: url(Images/DefaultIcons/tool-tip-point.png);
    background-repeat: no-repeat;
    z-index: 9999;
    top: -7px;
}

div.signup-container {
    /*background-color: #FFFFFF;
    opacity: 0.75;*/
    padding-bottom: 5px;
    padding-left: 5px;
    padding-top: 5px;
}

#button-view-find-container {
    position: relative;
}

#button-view-find-container-view .button {
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 5px;
    padding: 4px 8px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    background-color: #407FB5;
    border: none;
    border-radius: 2px;
    margin: 5px 2px;
}

.tasks-app h3.title {
    font-weight: 600;
    color: #3678AF;
    margin: 8px 10px 10px 10px;
    border-bottom: 1px solid #EAEAEA;
    font-size: 15px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-top: 0;
}

.tasks-app .objectPageLayout .label{
    width: 25%;
}

.tasks-app .objectPageLayout .field{
    width: 72%;
}

.tasks-app .field select, .tasks-app .field .k-autocomplete{
    width: 100%;
}

.tasks-app .action-line {
    margin: 0.5em 1.5em;
}

.tasks-app .cancelTaskButton, .tasks-app .pm-new-button {
    float: right;
}

.tasks-app:hover .cancelTaskButton:hover {
    text-decoration: underline;
}

#new-task-form .newTaskInput {
    box-shadow: none;
}

#new-task-form .k-autocomplete {
    border: none;
}

#newTaskContact-list li > span {
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
}

#newTaskContact-list li > .name {
    width: 65%;
}

#newTaskContact-list li > .type {
    width: 30%;
    padding-left: 5%;
}

/*-----------------------------------------
      Send to sign
-----------------------------------------*/
.center-on-page, #docContent, #mergeDocForm {
    max-width: 900px;
    margin: auto !important;
}

.bold-sts {
    font-weight: 600;
}

#divNotes #notes {
    width: 100% !important;
}

.k-input.k-readonly{
    background-color: transparent !important;
    border: none !important;
    opacity: 0.5;
}

.pm-form .k-input.k-readonly {
    margin-top: 3px;
}

/*-----------------------------------------
      cusome page layout changes
------------------------------------------*/

#DetailPage_leftside.side-panel.left-panel {
    position: absolute;
    height: 100%;
    z-index: 10;
}/*pages treeview setup*/

#divAppSuiteTree {
    position: relative;
    padding: .5em;
}


#buttonBarTemplate {
    display: none;
}

    #buttonBarTemplate a {
        margin-bottom: 0px;
        margin-top: 0px;
        display: none;
    }

#buttonBar {
    position: absolute;
    left: 350px;
}



#divAppSuiteTree .k-image {
    max-width: 20px;
    vertical-align: bottom;
}

#divAppSuiteTree .k-icon {
    vertical-align: text-bottom;
}

#divAppSuiteTree .k-item > div {
    height: 2.2em;
    line-height: 2.2em;
    border: 1px dotted transparent;
}

    #divAppSuiteTree .k-item > div:hover {
        border-color: inherit;
    }

#divAppSuiteTree .k-item .k-in {
    vertical-align: baseline;
    cursor: url(//https://ssl.gstatic.com/s2/oz/images/sge/openhand_8_8.cur), move;
}

#divAppSuiteTree > div > ul > li > div .k-in {
    font-size: 12pt;
}

#divAppSuiteTree .k-in.k-state-hover {
    background-color: inherit;
    color: inherit;
    border-style: none;
    padding: 2px 4px 2px 3px;
}

#divAppSuiteTree .k-drag-clue {
    background-color: White;
}

#divAppSuiteTree .k-drop-clue {
    background-image: none !important;
    border-bottom: 2px solid green !important;
    height: 2px !important;
    margin-top: -3px !important;
}

.setup-application-link td {
    padding: 5px;
}

#tblNavShortcut, #tblEditNavShortcut {
    width: 100%;
}
/*pages treeview setup - end*//*product group view */



.star-rating-0 {
    width: 75px;
    height: 15px;
    background-image: url(https://www.lakevillemartialartsclub.com/content/images/star-rating-spritesheet-small.png);
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    background-position: 0px -72px;
}

.star-rating-1 {
    width: 75px;
    height: 15px;
    background-image: url(https://www.lakevillemartialartsclub.com/Content/content/images/star-rating-spritesheet-small.png);
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    background-position: 0px -57px;
}

.star-rating-2 {
    width: 75px;
    height: 15px;
    background-image: url(https://www.lakevillemartialartsclub.com/content/images/star-rating-spritesheet-small.png);
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    background-position: 0px -43px;
}

.star-rating-3 {
    width: 75px;
    height: 15px;
    background-image: url(https://www.lakevillemartialartsclub.com/content/images/star-rating-spritesheet-small.png);
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    background-position: 0px -29px;
}

.star-rating-4 {
    width: 75px;
    height: 15px;
    background-image: url(https://www.lakevillemartialartsclub.com/content/images/star-rating-spritesheet-small.png);
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    background-position: 0px -14px;
}

.star-rating-5 {
    width: 75px;
    height: 15px;
    background-image: url(https://www.lakevillemartialartsclub.com/content/images/star-rating-spritesheet-small.png);
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    background-position: 0px 0px;
}

div.item-container {
    width: 800px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-family: "open sans", arial;
    max-width: 100%;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 30px;
}

    div.item-container .item-image {
        width: 425px;
        float: left;
        overflow: hidden;
        display: inline-block;
        max-width: 100%;
        height: auto;
    }

        div.item-container .item-image img {
            display: block;
            margin-left: auto;
            margin-right: auto;
            max-width: 100%;
            width: 100%;
            padding: 0;
        }

    div.item-container .item-info {
        min-height: 300px;
        margin-left: 30px;
        max-width: 90%;
        float: left;
        width: 300px;
    }

        div.item-container .item-info .item-header {
            width: 100%;
            height: auto;
            display: inline-block;
        }

            div.item-container .item-info .item-header h3 {
                float: left;
                font-size: 29px;
                font-weight: normal;
                margin: 0px;
                padding: 0px;
                width: 400px;
                display: inline-block;
                max-width: 100%;
            }

            div.item-container .item-info .item-header .item-star-rating {
                float: right;
                margin-top: 5px;
            }

                div.item-container .item-info .item-header .item-star-rating span {
                    margin-top: 4px;
                    margin-right: 5px;
                }

        div.item-container .item-info #spanPrices {
            list-style-type: none;
            width: 100%;
            height: 30px;
            margin: 15px 0;
            padding: 0px;
            font-size: 22px;
            font-weight: 600;
            letter-spacing: 1.2px;
        }

.spanProductPrices {
    text-align: center;
    font-weight: 600;
}

.item-container #social-widget-container{
    margin-top: 1em;
}

div.item-container .item-info p.description {
    font-size: 14px;
    width: 100%;
    font-family: arial;
    margin-top: 25px;
    margin-bottom: 10px;
    min-height: 20px;
}

div.item-container .item-info .item-selections {
    width: 100%;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 15px;
    min-height: 102px;
}

div.item-container .item-info .TypeId_select {
}

div.item-container .item-info label {
    display: inline-block;
    position: relative;
}

    div.item-container .item-info label:after {
        background: url("../content/images/drop-down-arrow.png") no-repeat scroll right center #FFFFFF;
        content: "";
        display: inline-block;
        height: 23px;
        pointer-events: none;
        position: absolute;
        right: 4px;
        top: 2px;
        width: 23px;
    }

div.item-container .item-info select {
    background-color: #FFFFFF;
    border: 1px solid #CECECE;
    border-radius: 0;
    color: #000;
    display: inline-block;
    margin-bottom: 5px;
    outline: medium none;
    padding: 4px 3px 5px 5px;
    width: 300px;
    font-size: 15px;
}


    div.item-container .item-info select:disabled {
        color: #AAAAAA;
    }

div.item-container .item-info .item-options {
    height: 32px;
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.item-container .item-header{
    margin: 1em 0;
}

.item-container .item-header a{
    display: inline-block;
}

.item-container .item-info #spanPrices, .spanProductPrices,
.item-container .item-header a{
    color: #407FB5;
}

.item-container .item-header a:hover{
    color:#22669B;
}

div.item-container .item-info .item-edit {
    display: inline-block;
    color: #23AD58;
    font-size: 13px;
    text-decoration: underline;
    margin-top: 6px;
    cursor: pointer;
}

    div.item-container .item-info .item-edit:hover {
        text-decoration: none;
    }

td.field .newLookupObjectButton {
    float: left;
    overflow: hidden;
    width: 100px;
}

.field.noneselected .newLookupObjectButton {
    margin: 0;
}

/*Product Group View end*/
.slideUp {
    transition: all 0.25s ease-in-out 0s;
    transform: translateY(-96px);
}

.slideDown {
    transition: all 0.25s ease-in-out 0s;
    transform: translateY(0px);
}

td.field .pmmultilookup {
    float: left;
    min-width: 200px;
}

.pmmultilookup .container, .pmmultilookup .tag.image, .pmmultilookup .template.image, .pmmultilookup .title, #divFbLogout {
    float: left;
}

.pmmultilookup .tag.image {
    max-height: 20px;
    max-width: 20px;
}

.pmmultilookup .template.image {
    max-height: 20px;
    max-width: 20px;
}

.pmmultilookup .k-multiselect-wrap ul.k-reset {
    width: 95%;
}

.pmmultilookup .k-multiselect-wrap li span.k-delete {
    z-index: 1;
    position: relative;
}

.pickup-template-photo, .pickup-template-text {
    display: table-cell;
    vertical-align: middle;
}

    .pickup-template-photo .template.image {
        max-width: 60px;
        max-height: 60px;
        margin-right: 10px;
    }

td.field .k-multiselect {
    clear: both;
    float: none;
}

    td.field .k-multiselect .container.selected {
        background-color: rgba(0, 0, 0, 0);
    }

td.field.readmode .k-multiselect {
    background-color: rgba(0, 0, 0, 0);
    border: medium none;
}

    td.field.readmode .k-multiselect .k-icon.k-delete {
        display: none;
    }

    td.field.readmode .k-multiselect .k-button {
        cursor: default;
        padding: 2px;
    }

        td.field.readmode .k-multiselect .k-button .k-i-close {
        display: none;
    }

        td.field.readmode .k-multiselect .k-button:hover, td.field.readmode .k-multiselect .k-button:active, td.field.readmode .k-multiselect .k-multiselect-wrap {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

.addAvailabilityPopup input.availabilityTimePicker {
    border: none; 
}

.k-window .multi-time {
    display: inherit;
}

.k-window .multi-time-picker{
    width: calc(100% - 135px);
    float: right;
}

.availabilityTimePicker :before {
    content: none;
    margin-bottom: 10px;
}

    .addAvailabilityPopup input[type="text"]:focus {
        border-color: #4D90FE;
    }


.addAvailabilityPopup .ui-timepicker-input {
    float: left;
    text-transform: uppercase;
    background: url("../content/images/ControlIcons/timepickericon.png") no-repeat scroll 98% center rgba(0, 0, 0, 0);
    width: 90px;
}

.addAvailabilityPopup .dayPickerArea .ui-timepicker-input {
    clear: both;
}

.addAvailabilityPopup .dayPickerArea .field-validation-error {
    clear: both;
    float: left;
}

.addHolidaysPopup .hasDatepicker{
    background: url("../content/images/ControlIcons/datepickericon.png") no-repeat scroll 98% center rgba(0, 0, 0, 0);
    width: 250px;
}

/*.dayPickerArea {
    float: left;
    margin-right: 5px;
}*/

.rollover .label, .addHolidaysPopup .label {
    color: #3678AF;
    float: left;
    margin-right: 10px;
    text-align: right;
    width: 90px;
    min-height: 1px;
}


#addAvailabilityPopup .end-label{
    margin-top:3px;
}
#addAvailabilityPopup .time-range-label{
    margin-top:-2px;
}
.rollover .label {
    width: 150px !important;
}

.rollover .row .value 
{
width: 400px !important;
}

.rollover .section .header
{
    font-size: 20px;
    padding: 10px;
}

.rollover .row, .addHolidaysPopup .row {
    clear: both;
    float: left;
    margin: 5px 0;
}

    .rollover .row .value, .addAvailabilityPopup .row .value, .addHolidaysPopup .row .value {
        float: left;
    }

        .addAvailabilityPopup .row .value .field-validation-error,  .addHolidaysPopup .row .value .field-validation-error{
            clear: both;
            float: left;
        }

.addAvailabilityPopup .dayPickerArea .timeRangePicker.enabled input {
    background-color: #fff;
}

#AvailabilityGrid .status, #AvailabilityGrid .removeAvailability {
    margin: auto;
    width: 70px;
}

#AvailabilityGrid .removeAvailability {
    text-decoration: underline;
}
#AvailabilityGrid a.k-button {
    margin:3px;
}

/*--------------------------------------
    BUTTONS CSS ENDS HERE
--------------------------------------*/

/*--------------------------------------
               general
--------------------------------------*/

html, body {
    height: 100%;
}

body {
    min-width: 100%;
    -webkit-animation-duration: 0.5s; /* Part of web font fix for Chrome */
    -webkit-animation-name: fontfix;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0.5s;
}

body, textarea {
    font-family: 'Open Sans', sans-serif, arial;
    font-size: 0.9em;
}

/* This is to fix a (temporary) bug in Chrome loading web fonts - Sometimes text does not appear */
@-webkit-keyframes fontfix {
    from {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}

html, body, form, a, table, td, select, input, div, span, ul, li, h1, h2, h3 {
    margin: 0;
}

html, body, form, a, table, td, select, input, div, span, ul, li {
    padding: 0;
}

.email-pagewrapper{
    width: 100%;
}

.email-pagewrapper .pageurl-field{
    vertical-align: middle !important ;
    font-size: 12px;
    white-space: nowrap;
    line-height:2.5em;
}

.pageurl{
    max-width: 452px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 0px;
    vertical-align: top;
}

.assign-location-station-container {
    display: none;
    width: 531px;
}
.assign-location, .assign-station {
    display: flex;
    margin-top:10px;
    margin-left:10px;
}
.assign-location-icon, assign-station-icon {
    width: 30px;
}
.assign-location-picker, .assign-station-picker {
    padding:0 10px 10px 15px;
}
.assign-station-picker button {
  height: 50px;
  border-radius: 4px;
  background-color: #f8f8f8;
  border: solid 1px #dddddd;
  cursor:pointer;
  font-size: 16px;
  margin-top:5px;
    box-sizing: border-box;
}

.assign-station-picker button.selected {
  background-color: #f1f1f1;
  border: solid 3px #2A7AB0;
}

.assign-location-picker select, .assign-station-picker select {
  width: 441px;
  height: 37px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #afafaf;
  margin-top: 15px;
}
.assign-location-picker h2, .assign-station-picker h2 {
  font-size: 18px;
  font-weight: 600;
  color: #4a4a4a;
  padding:0;
}
.assign-station-buttons {
    margin-top: 10px;
}
.assign-location-actions {
    margin-top: 40px;
    margin-left: 10px;
}
.assign-location-choose {
  color: #ffffff;
  border-radius: 4px;
  background-color: #3c7eb7;
  border: none;
  font-size: 20px;
  padding: 17px;
  cursor: pointer;
  float:right;
    margin-top: -20px;
    margin-right: 10px;
}
.assign-location-choose:disabled {
    opacity: 0.2;
}
.assign-location-footer {
    clear:both;
    text-align: center;
    margin-top:30px;
}

.choose-location-icon {
    width: 12px;
    height: 12px;
    color: transparent;
    display: inline-block;
    background: url("Images/location.png") no-repeat;
    background-size: contain;
}

/*--------------------------------------
                iOS CSS
--------------------------------------*/
.switch label {
    cursor: pointer;
    margin: 0;
    width: auto;
}

.switch input {
    display: none;
    }

textarea {
    resize: none;
}

.auto-width{
    width: auto;
}

td.object-tab-more > div, #topNav, .tab, .tab-active, #GlobalSearchBoxStyle,
.t-animation-container .t-group, .box, .search-box {
    border-style: solid;
}

#TopRightMenu .t-animation-container {
    margin-top: 5px;
}

#newObject {
    min-width: 64px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #TopRightMenu .t-animation-container {
        margin-top: 3px;
    }
}

.displaynone {
    display: none;
}

#header-wrapper .t-animation-container .t-group {
    border-top-style: none;
}

#header-wrapper .t-group.fixed-menu {
    overflow-y: auto;
    overflow-x: hidden;
}

.search-box {
    width: 10em; /*15em;*/
    border-collapse: separate;
    line-height: 1em;
    padding: 0.2em;
}

.search-text-input {
    border-style: none;
    width: 100%;
}

.search-text-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #696969 !important; 
}
.search-text-input::-moz-placeholder { /* Firefox 19+ */
    color: #696969 !important; 
}
.search-text-input:-ms-input-placeholder { /* IE 10+ */
    color: #696969 !important; 
}
.search-text-input:-moz-placeholder { /* Firefox 18- */
    color: #696969 !important; 
}

.search-text-input-container {
    padding-left: 0; /*0.5em;*/
    padding-right: 0.5em;
    width: 100%;
}

.standard-padding,
h1, h2, h3, /* caption, */
.tab, .tab-active, .box-tab-caption, .box-tab-caption-active, .section-content, .subsection-content, .h1 {
    padding: 0.5em;
}

.box-tab-caption, .box-tab-caption-active {
    font-size: larger;
    font-weight: bold;
}

    .box-tab-caption > img, .box-tab-caption-active > img, td > img {
        vertical-align: middle;
    }

.box-tab-caption-detail {
    font-size: inherit;
    font-weight: normal;
    margin-left: 2em;
}

.primary-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50px;
    display: block !important;
    height: 60px;
    text-align: center;
    width: 60px;
}

#viewId {
    padding: 0.3em;
}

a {
    text-decoration: none;
}

    a:focus {
        outline: none;
    }
/* remove the dotted border in Firefox*/

#header-wrapper {
    position: relative;
    border-bottom-style: solid;
    box-sizing: border-box;
}

body.Office #header-wrapper {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

body.Office #header-wrapper,
body.Office #footer-wrapper {
    z-index: 2;
}

body.Office #header-wrapper {
    z-index: 1005;
}

.ui-dialog {
    z-index: 1000;
}

body.socialsite-page #header-wrapper {
    padding: 0 1em 0 0;
}


#footer-wrapper {
    border-top-style: solid;
    min-width: 970px;
}

.content-with-panels{
    margin: 1em 0;
    position:relative !important;
}

.content-with-panels .left-panel{
    float: left;
}

.side-panel .tab, .side-panel .tab-active, .side-panel .box-tab-caption,
.side-panel .box-tab-caption-active {
    margin-bottom: 0.5em;
}

.side-panel .tab a {
    display: block;
}
.side-panel ul li .tab, .main-panel.box, #topNav, .tab, .tab-active, .box.no-border, #email-main-container.box, .box.document_list {
    border:none;
}
#email-main-container.white-cell{
    border:1px solid #D8D8D8;
}
.side-panel {
    width: 195px;
    vertical-align: top;
}
.side-panel.left-panel.fixed-left-menu{
    width:270px;
}
#plannerEditorPopup .side-panel {
    max-width: 250px;
    min-width: 200px;
    vertical-align: top;
    width: 200px;
    padding-right: 30px;
}

body.Office #plannerEventAttendeesContainer td.label {
    text-align: left !important;
}

.large-border-radius, .box, .box-tab-caption, .box-tab-caption-active, .validation-summary-errors-panel {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

body.socialsite-page .box {
    overflow: auto;
}

.medium-border-radius, .tab, .tab-active, #topNav, #viewId, .search-box,
.t-widget.t-grid .t-grid-header, .t-widget.t-grid .t-grid-footer, .t-widget.t-grid .t-grid-header th:first-child, .t-widget.t-grid .t-grid-bottom {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

#primaryObjectItem > div {
    text-align: center;
}



#primaryObjectItem .box-tab-caption-active>span {
    font-weight: 600;
}

#primaryObjectItemContent > div /*, #primaryObjectItemContentSelected > div*/ {
    display: table-row;
}

/* ___ img commented to avoid problems related to width in IE8 */
/*#primaryObjectItemContentSelected img, */ /*#primaryObjectItemContentSelected span,*/
/*#primaryObjectItemContent img, */ #primaryObjectItemContent a {
    vertical-align: middle;
    display: table-cell;
    /*word-break: break-all; BUG-027769 -  This will break within a word, which doesn't look good! */
}

#primaryObjectItemContentSelected span, #primaryObjectItemContent a {
    padding-left: 0.5em;
}

#appsuite-nav .tab, #appsuite-nav .tab-active {
    padding: 0 0.5em;
    line-height: 2.2em;
    display: block;
    border-bottom-style: none;
}

/* filter on a to don't apply overflow hidden to the more object tab */
#appsuite-nav a.tab, #appsuite-nav a.tab-active {
    max-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
}

#appsuite-nav > li {
    max-width: 150px;
}
/* For IE8 BUG-024884 */

#appsuite-nav {
    bottom: 0;
    display: inline; /* Doesn't change the display but mandatory to compute the min width for the header in JavaScript */
    white-space: nowrap;
}

    #appsuite-nav > li > a > img {
        display: none;
    }

    #appsuite-nav > li {
        padding-left: 0.2em;
        padding-right: 0.2em;
        vertical-align: bottom;
    }

#object-tab-more {
    visibility: hidden;
}

    #object-tab-more .t-link {
        padding-left: 0.25em;
    }

    #object-tab-more img {
        width: 20px;
        vertical-align: bottom;
        margin-right: 0.25em;
    }

#reportList a {
    display: block;
}

#reportList .report-dashboard {
    background-image: url(https://www.lakevillemartialartsclub.com/content/images/ObjectIcons/icon-small-report-dashboard.png);
}

.no-topleft-padding {
    padding-top: 0;
    padding-left: 0;
}

.no-topleft-border-radius, .layout-leftpanel-main .box {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
}

.no-topright-border-radius, .layout-rightpanel-main .box {
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
}

.no-bottom-border-radius,
#appsuite-nav .tab, #appsuite-nav .tab-active,
.box-tabbar .tab, .box-tabbar .tab-active,
.t-widget.t-grid .t-grid-header {
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

.no-top-border-radius, #topNav, .box .footer,
.t-widget.t-grid .t-grid-footer, .t-widget.t-grid .t-grid-bottom {
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
}

.no-right-border-radius, .layout-leftpanel-main .tab-active,
.left-panel .box-tab-caption, .left-panel .box-tab-caption-active,
.left-side-label {
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.no-left-border-radius, .layout-rightpanel-main .tab-active,
.right-panel .box-tab-caption, .right-panel .box-tab-caption-active {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

.left-panel .box-tab-caption-active, .left-panel .box-tab-caption {
    border-right-style: none;
}

#main-wrapper {
    min-height:100%;
    margin: 0px;
    display: flex;
    flex-flow: column;
}
body[data-table="Report"].touch-device #main-wrapper {
    flex-flow: row;
}

body.Office #main-wrapper {
    margin: 0 0 0 0;
    /* this might break things */
    /* overflow: hidden; */
}

#header-table {
    width: 100%;
    height: 100%;
}

#header-table {
    /*min-height: 95px;*/
    max-height: 140px; /*90px;*/
}

#footer-wrapper, #push {
    clear: both;
    height: auto;
}

#topNav {
    border-top-style: none;
    font-size: 0.9em;
}


    #topNav, #topNav .tab {
        margin: 0 5px;
    }

    #topNav a.tab {
        display: inline-block;
    }

    #topNav .t-menu span.t-link {
        padding-top: 7px !important;
        padding-bottom: 6px !important;
    }

    #topNav .t-menu .t-item {
        vertical-align: baseline;
    }

    #topNav .t-item.organizations .t-arrow-next {
        top: 7px;
    }

    #topNav #OptionsSelector .t-link {
        padding-left: 10px;
    }

    #OptionsSelector a.t-link {
        padding-right: 16px;
    }

    #OptionsSelector .t-group li.t-state-hover{
        background-color: #EAEAEA;
    }

#appSelector > li > span {
    padding: 0;
    width: 20px;
    margin-left: 15px;
    margin-right: 35px;
}

/*-- http://www.telerik.com/community/forums/aspnet-mvc/menu/menu-styling-removing-down-arrow.aspx --*/
#appMenuSelector .t-arrow-down {
    display: none;
}

#appMenuSelector .t-link {
    padding-left: 8px;
}

#appMenuSelector > .t-item > .t-link {
    border: 1px solid #B6C99D;
    border-bottom: 0px none;
    margin-right: 4px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    margin: 1px, 1px, 0px, 6px;
}

#appMenuSelector > .t-highlighted > a, #appMenuSelector > .t-state-selected > a {
    background: white;
}

#OrganizationSelector {
}

body.newKendoMenu .global_menu {
    z-index: 1;
}

#topNav #Options-Setup.expanded {
    background-color: #363636;
}

.global_menu .t-item .t-link, .t-item.globalMenuLink .t-link{
    color: #656565 !important;
    max-width: 200px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
}

body.newKendoMenu .global_menu .t-item {
    padding-left: 25px;
    background-position: 5px center;
    background-repeat: no-repeat;
}

    body.newKendoMenu .global_menu .t-item .organizations .t-item {
        padding-left: 0;
    }

body.newKendoMenu .global_menu .seperator.t-item {
    border-bottom: 1px solid #A9A9A9;
    height: 0;
    margin-bottom: 5px;
    padding-top: 3px;
}

body.newKendoMenu .global_menu .help.t-item {
    background-image: url("images/DefaultIcons/g4-help.png");
}

body.newKendoMenu .global_menu .my_account.t-item {
    background-image: url("images/DefaultIcons/g4-my_account.png");
}

body.newKendoMenu .global_menu .organizations.t-item {
    background-image: url("images/DefaultIcons/g4-my_sites.png");
}

body.newKendoMenu .global_menu .feedback.t-item {
    background-image: url("images/DefaultIcons/g4-feedback.png");
}

body.newKendoMenu .global_menu .settings.t-item {
    background-image: url("images/DefaultIcons/g4-setup.png");
}

body.newKendoMenu .global_menu .app_store.t-item {
    background-image: url("images/DefaultIcons/g4-app_store.png");
}

body.newKendoMenu .global_menu .logout.t-item {
    background-image: url("images/DefaultIcons/g4-logout.png");
}

#OrganizationSelector a {
    padding-left: 8px;
    text-align: left;
    /*font-size: 14px;*/
}

#OrganizationSelector .t-link {
    font-size: 13px;
    padding: 0;
}

#OptionsSelector {
    z-index: 1;
}

    #OptionsSelector > li > span {
        font-size: 105%;
    }

#ObjectSelector > li > span {
    width: 11px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-left: 5px;
    margin-right: 30px;
}

#ObjectSelector .t-icon {
    background-image: url(2012.2.801/Windows7/sprite.png);
}

#appSelector .t-icon {
    background-image: url(2012.2.801/Windows7/sprite.png);
}

#topNav .t-icon, #ObjectSelector .t-icon, #appSelector .t-icon {
    vertical-align: middle;
}

#header-wrapper ul, .left-panel ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.header-logo-td {
    padding: 0;
    height: 90px;
}

#topNav .tab, #topNav .tab-active {
    border-style: none;
    font-weight: bold;
}

#Options-Setup .t-animation-container, #OrganizationSelector .t-animation-container {
    left: auto;
    right: 0;
}

#header-wrapper .t-animation-container {
    line-height: 1.5em;
}

#appSuiteCell #ObjectSelector {
    position: relative;
    z-index: 500;
}

#appNav #appSelector {
    position: relative;
    z-index: 1000;
}

/*overrided in site-Grey-Theme-ie7lte.css*/
#topNav > ul > li, #appsuite-nav > li, #appNav > li {
    display: inline-block;
    position: relative;
}

.space-for-ribbon-image {
    padding-left: 100px !important;
    margin-left: 12px;
}

#appNav .tab, #appNav .tab-active {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}

#appNav .arrow.bottom {
    position: relative;
    bottom: 2px;
    left: 42%;
    /*margin-left: 31px;*/
    display: none;
}

#appNav .tab-active + .arrow.bottom {
    display: block;
}

#listMultiLocPicker #spnloc.t-link {
    padding-bottom: 6px;
}

#listMultiLocPicker {
    margin-left: 8px;
}

    #listMultiLocPicker #spnArrow {
        margin-left: 3px;
    }

/* iPad [portrait + landscape] */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    #topNav > ul > li > a, .spacer span, #OptionsSelector > li > span {
        max-width: 200px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .device-prevent-scroll {
        overflow: hidden;
        -webkit-transform: none !important;
    }

    .scrollable-section {
        overflow: scroll !important;
        -moz-text-overflow: touch;
        -webkit-overflow-scrolling: touch;
        display: block;
        -webkit-transform: translateZ(0);
    }

    .device-set-height-for-scroll {
        height: calc(100% + 1px);
        overflow: auto !important;        
    }

}


/*--| 1024/768 fixes for top navigation|--*/

body.Office #listMultiLocPicker #spnloc.t-link {
    padding-bottom: 7px;
    padding-top: 7px;
}

/*--| end 1024/768 fixes|--*/

.spacer {
    margin: inherit 0.5em;
}

    .spacer span {
        border-left: solid 1px inherit;
    }

.t-animation-container .t-group, .popup-panel {
    background-color: white;
}

#billingSetupView .subsection-content span.label {
    width: 50%;
    text-align: left;
}

#memberSignupView .subsection-content span.label {
    width: 11em;
}

#memberSignupView .subsection-content input[type=text],
#memberSignupView .subsection-content select,
#memberSignupView .subsection-content textarea {
    width: 280px !important;
}

#memberSignupView .subsection-content #trCampaign #objectPageLayoutSection {
    width: 453px !important;
}

    #memberSignupView .subsection-content #trCampaign #objectPageLayoutSection td.field {
        padding-left: 11px;
    }

.box-min-height-container {
    min-height: 450px;
}

.subsection-content > div, .subsection-content > p {
    margin-bottom: 0.5em;
    margin-top: 0;
}

.remove-child-padding > * {
    padding: 0;
}

#memberSignInSplitterOr,
#signInLoginContainer.login-page-form{
    background: #FFF !important;
    color: #000 !important;
}

#memberSignInSplitterOr h2,
#signInLoginContainer.login-page-form h2{
    color: #407FB5 !important;
}


#signInLoginContainer {
    overflow: hidden;
    max-width: 28em;
    border-radius: 2px;
    border: none;
}

#signInLoginContainer form{
    position: relative;
}

    #signInLoginContainer.two-column {
        max-width: 58em;
    }

    #signInLoginContainer.embed {
        padding: .5em;
    }

    #signInLoginContainer.login-page-form h1{
        border-bottom: 1px solid #aaa;
        font-weight: normal;
        margin: 0.25em;
    }

    #signInLoginContainer.login-page-form h1 i{
        width: 1.5em;
        height: 1.5em;
        line-height: 1.7em;
        text-align: center;
    }

    #signInLoginContainer.login-page-form h2{
        padding: 0.5em 0;
    }

    #signInLoginContainer.login-page-form .section-title{
        margin-top: 1.5em;
    }

    #signInLoginContainer.login-page-form .pm-confirm-button{
        text-transform: uppercase;
        padding: 0.7em 2em;
        max-width: 300px;
    }

    #signInLoginContainer.login-page-form p{
        margin: 0 auto 4em auto;
    }


    #signInLoginContainer .section-content {
        padding: 0 1.5em;
        display: inline-block;
        vertical-align: top;
        border: 1px none lightgray;
        max-width: 340px;
    }

        #signInLoginContainer .section-content.left {
            border-right-style: solid;
        }

        #signInLoginContainer .section-content.right {
            border-left-style: solid;
            margin-left: -1px;
        }

#signInLoginContainer.member-sign-in #signupForm > div:first-child {
    margin-bottom: 1em;
    font-weight: bold;
    width: 23em;
}

#signInLoginContainer.member-sign-in input[type='text'], #signInLoginContainer.member-sign-in input[type='password'] {
    width: 25em;
    display: block;
}

#signInLoginContainer.login-page-form input[type='text'], #signInLoginContainer.login-page-form input[type='password'], #signInLoginContainer.login-page-form select {
    background-color: #FFF !important;
    border: 1px solid #cecece !important;
    color: #000 !important;
}


#signInLoginContainer input, #signInLoginContainer select {
    margin-top: 0.25em;
    margin-bottom: 0.5em;
}

#signInLoginContainer select {
    width: 100%;
    padding: 0.25em;
    padding-left: 0;
    border-style: solid;
}

#signInLoginContainer.member-sign-in select {
    width: 25em;
}

#signInLoginContainer .field-validation-error {
    font-family: inherit;
    font-style: inherit;
    font-size: smaller;
}

#signInLoginContainer #errorContainer img {
    position: absolute;
}

#signInLoginContainer #errorContainer span {
    padding-left: 20px;
}


#signInLoginContainer .PLACEHOLDER-LABEL {
    padding-top: .8em;
}

#signInLoginContainer .submitsignup-container {
    margin-right: 3px;
    text-align:right;
}

#signInLoginContainer .multiple-picklist-checkboxes {
    padding-left: 3%;
}

#memberSignInSplitterOr {
    line-height: 2em;
    margin-left: -0.5em;
    margin-top: -1em;
    position: absolute;
    top: 50%;
    width: 1em;
    color: lightgray;
}

#browserClientLogin label {
    display: inline-block;
    width: 5em;
}

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

#signInLoginContainer {
    text-align: left;
    position: relative;
    margin: 1em auto 0.5em auto;
}

.form-field-info {
    color: gray;
}

#container {
    width: 100%;
}

#relatedObjects a {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}

#relatedObjects .tab.item {
    cursor: pointer;
}

    #relatedObjects .tab.item:hover {
        background-color: #fff;
    }

    #relatedObjects .tab.item .details-total {
        float: right;
    }

.inline-actionmenu, .product-group-label {
    bottom: 0;
}

.actions-cell {
    overflow: visible !important;
}

.context-actionmenu {
    position: absolute;
    display: none;
    z-index: 99999;
}

.product-group-label span {
    font-weight: bold;
    color: #656565;
}

.inline-actionmenu .dropdown-container {
    margin-top: 0.25em;
    position: relative;
}

    .product-group-label span:hover {
        text-decoration: underline;
    }

.inline-actionmenu .popup-panel {
    margin-left: -25px;
    position: absolute;
    display: none;
    border-style: solid;
    z-index: 502; /*100;*/
    top: 15px;
    box-shadow: 2px 2px 2px #CFCFCF;
    width:138px !important;    
}

.actionmenu.popup-panel .menu-item, .actionmenu .popup-panel .menu-item {
    display: block;
}
.inline-telerik-grid .actionmenu.inline-actionmenu .popup-panel  {
    margin-left:0px;
    right:-10px;
}

.help-icon {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-top: 0px;
    cursor: pointer;
}

body.newKendoMenu #headerTopRow > div {
    margin-right: 0 !important;
}

body.newKendoMenu #headerTopRow{
    padding: 3px 0px !important;
}

body.newKendoMenu #topNav, body.newKendoMenu #topNav .tab {
    margin-right: 0;
}

body.newKendoMenu #listMultiLocPicker {
    background-image: url("Images/DefaultIcons/location.png");
    background-repeat: no-repeat;
    background-position: 0 center;
    padding-left: 20px;
    cursor: pointer;
    top: 2px;
}

#topNav > ul > li{
    vertical-align: middle;
}

.k-numeric-wrap.k-state-default input{
    box-sizing: content-box;
}

body.newKendoMenu #listMultiLocPicker #spnArrow {
    display: none;
}

.arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 0.5em;
    border-style: solid;
}

    .arrow.right, li > .arrow {
        margin: 0 0 0 0.25em;
        border-color: transparent;
    }

    .arrow.bottom, li.expanded > .arrow {
        margin: 0.25em 0 0 0;
        border-color: transparent;
    }

    .arrow.left {
        margin: 0 0.25em 0 0;
        border-color: transparent;
    }

.help-tooltip {
    position: absolute;
    background-color: lightgray;
    border: 1px solid gray;
    border-radius: 4px;
    padding: 0.25em;
    z-index: 9999;
}

    .help-tooltip:after {
        padding-left: 0.5em;
        color: red;
        font-weight: bold;
        content: "X";
    }

/*--------------------------------------
    PM4 Navigation
--------------------------------------*/


body.newKendoMenu #appSuiteCell {
    height: 64px;
    font-family: "open sans",arial;
}

body.newKendoMenu #ApplicationMenu {
    height: 64px;
    background-color: White;
    border-bottom: none;
    border-right: none;
    border-top: none;
}

    body.newKendoMenu #ApplicationMenu > li.k-item {
        font-family: "open sans",arial;
        height: 64px;
        text-align: center;
    }


#ApplicationMenu > li span.k-link {
    padding-top: 15px;
    padding-bottom: 15px;
}

#ApplicationMenu > li.more-btn span.k-link {
    line-height: 34px;
}

#ApplicationMenu > li.more-dropdown > span.k-link {
    margin-top: 3px;
    padding-bottom: 22px;
    z-index: 99999;
}

#ApplicationMenu > li span.k-state-active {
    z-index: 10003;
}

#ApplicationMenu > div.k-animation-container {
    z-index: 1001 !important;
}

/* This is for hyperlinks in the top menu */
#ApplicationMenu li a.k-link {
    line-height: 3.34em;
}

#ApplicationMenu li.k-item ul.k-popup {
    background-color: #F5F6FA;
    min-width: 250px;
    margin-left: -1px;
    padding-top: 1px;
    border-top: none;
    margin-top: 2px !important;
}
#ApplicationMenuContainer .k-state-default.k-state-focused {
    background-color: #ebebeb;
}
#ApplicationMenuContainer .k-menu .k-state-selected>.k-link {
    background-color: #2A7AB0;
    border-color: #2A7AB0;
}
@media screen and (max-height:750px) {
    #ApplicationMenu li.k-item ul.k-popup {    
        min-width: 190px;    
    }
    #ApplicationMenu .k-animation-container li span.k-link {
        padding-top: 2px;
        padding-bottom: 3px;
    }
}

#ApplicationMenu li.k-item ul.k-popup > li.k-item {
    text-align: left;
}

    #ApplicationMenu li.k-item ul.k-popup > li.k-item a {
        height: 40px;
        line-height: 40px;
        font-family: "open sans",arial;
    }

#ApplicationMenu li.k-item ul.k-popup li.k-item ul.k-popup li.k-item a {
    color: Black;
}

    #ApplicationMenu li.k-item ul.k-popup li.k-item ul.k-popup li.k-item a:hover {
        color: white;
    }

#ApplicationMenu li.k-item ul.k-popup > li.k-state-hover {
    background-color: #2F86BA;
    background-image: none;
}

    #ApplicationMenu li.k-item ul.k-popup > li.k-state-hover a {
        color: White;
    }

body.newKendoMenu #globalSearchCell {
    background-color: White;
    min-width: 165px;
}


/*----|media queries |----*/
@media only screen and (min-width: 1024px) and (max-width: 1069px){
    body.newKendoMenu #ApplicationMenu > li.k-item {
        min-width: 145px;
    }

    body.newKendoMenu #ApplicationMenu > li.more-btn {
        min-width: 80px;
    }
}

@media only screen and (min-width: 1070px) {
    body.newKendoMenu #ApplicationMenu > li.k-item {
        min-width: 160px;
    }

    body.newKendoMenu #ApplicationMenu > li.more-btn {
        min-width: 80px;
    }
}

#content-wrapper {
    flex: 1;
    position: relative;
}

body.Office.newKendoMenu .ui-datepicker {
}


/*--------------------------------------
    Global Search
--------------------------------------*/

#criteria {
    border-style: hidden;
    padding-left: 4px;
}

.fancysigninheader {
    font-size: large;
    font-family: Arial;
    text-align: center;
}

fancysigninbox {
    display: inline-block;
    margin: 0.5em;
    padding: 0.5em 1em;
    border-style: solid;
    border-width: 1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#global-search-popup {
    position: relative;
    display: none;
    z-index: 99;
    margin-top: 0px;
}

#global-search-preview > H3 {
    margin: 0;
    padding: 2px 0.5em;
}

#global-search-preview > P {
    margin-bottom: 0;
    padding-left: 0.5em;
}

.global-search-preview-table {
    margin-bottom: 1em;
    width: 599px;
}

    .global-search-preview-table > TBODY > TR > TD {
        padding: 3px;
    }

#global-search-results {
    margin: 1em 0 0;
    border: none 0;
}

    #global-search-results > H3 {
        padding: 0.2em 0.5em 0.3em;
        margin: 0;
    }

.global-search-results-object-name {
    padding: 0.3em 1em;
    font-weight: bold;
}

#global-search-results > TABLE {
    width: 100%;
}

.box-tabbar {
    display: inline-block;
    position: absolute;
    left: 1em;
    bottom: -2px;
}

    .box-tabbar .tab, .box-tabbar .tab-active {
        border-style: solid;
        border-width: 2px;
        cursor: pointer;
    }

    .box-tabbar > li {
        display: inline-block;
    }


/*--------------------------------------
               grid
--------------------------------------*/
#mainGrid table {
    table-layout: fixed;
}

#mainGrid {
    table-layout: fixed;
    white-space: nowrap;
    width: 100%;
}

    #mainGrid TBODY TR TH {
        white-space: nowrap;
        overflow: hidden;
        border: none;
        border-right: solid 2px inherit /*white*/;
    }

TH.sortable {
    cursor: pointer;
}

#mainGrid TBODY TR TH IMG {
    vertical-align: middle;
    margin-right: 5px;
}

#mainGrid TBODY TR TD {
    padding: 0px 5px 0px 5px;
    cursor: pointer;
    overflow: hidden;
}

    #mainGrid TBODY TR TD.groupRow {
        cursor: default;
    }

/*--------------------------------------
            Save Validation
--------------------------------------*/

.validation-summary-errors-panel {
    border-style: solid;
    border-width: 1px;
    margin: 6px 0 1em;
    padding: 0.5em 1em;
    
}

.field-validation-error {
    font-family: "Times New Roman";
    font-style: italic;
    display: inline-block;
}

.field .field-validation-error {
     word-wrap: break-word;
     width: 99%;
}

#multiGLAccountContainer .field-validation-error, #multiPricesContainer .field-validation-error {
    float:left;
}
#multiGLDropdown-list, #multiPricesDropdown-list {
    width: 100%;
}

#multiGLdropdown_listbox, #multiPricesDropdown_listbox,  #multiPricePicker_listbox {
    width: 100%;
}

#multiGLDropdown-list ul, #multiPricesDropdown-list ul, #multiPricePicker-list ul {
    clear: both;
     width: 100%;
}

#multiGLDropdown-list ul li, #multiPricesDropdown-list ul li, #multiPricePicker-list ul li {
    white-space:normal;
}

#multiGLDropdown-list .k-list .k-item, #multiPricesDropdown-list .k-list .k-item, #multiPricePicker-list .k-list .k-item {
    overflow: hidden;
    width: 100%;
}

#multiGLdropdown-list .k-list-scroller, #multiPricesDropdown-list  .k-list-scroller, #multiPricePicker-list .k-list-scroller {
    width: 700px;
    background-color: white;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#multiPricesDropdown-list  .k-list-scroller, #multiPricePicker-list .k-list-scroller {
    overflow-x: hidden;
}

#glAccount-list  .k-list-scroller {
width:750px;
 background-color:white;
}
[id^="PaymentMethodGLAccount"]  .k-list-scroller {
width:575px;
 background-color:white;
}

[id^="PaymentMethodGLAccount"] .k-list .k-item {
    overflow: hidden;
    width: 100%;
}
[id^="PaymentMethodGLAccount"] {
    width: 100%;
}

[id^="PaymentMethodGLAccount"] {
    width: 100%;
}

[id^="PaymentMethodGLAccount"] ul {
    clear: both;
     width: 100%;
}

[id^="PaymentMethodGLAccount"] ul li {
    white-space:normal;
}


@media (max-width: 699px) {
    .k-mobile .km-scroll-container .field-row .field .k-datepicker {
        width: 100%;
        background-color:#fcf8e3;
        border:1px solid #fbeed5;
    }
   .k-mobile .km-scroll-container .field-row .field .k-widget.k-tooltip-validation {
       text-align:left;
       float:left;
       width:96%;
      
    }
    .k-mobile .km-scroll-container .field-row .field .k-datepicker .k-widget.k-tooltip-validation{
         width:100%;
         border:none;
    }
}
.address-container .field-validation-error {
    display: block;
}

#regForm .field-validation-error {
    font-family: inherit;
    font-style: inherit;
}

.bookme-login-wrapper .field-validation-error {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
}

.validationsummaryerrorswithLeftpanel {
    margin-left:250px;
}

/*--------------------------------------
               Application Suite
--------------------------------------*/

#objectId {
    border-style: hidden;
}


/*--------------------------------------
              File Types
--------------------------------------*/

.filetype-icon {
    background-repeat: no-repeat;
}

    .filetype-icon.medium-html {
        background-image: url(Images/DocumentIcons/html_M.png);
    }

    .filetype-icon.medium-pdf {
        background-image: url(Images/DocumentIcons/pdf_M.png);
    }

    .filetype-icon.medium-docx {
        background-image: url(Images/DocumentIcons/docx_M.png);
    }

    .filetype-icon.medium-xlsx {
        background-image: url(Images/DocumentIcons/xlsx_M.png);
    }

    .filetype-icon.medium-pptx {
        background-image: url(Images/DocumentIcons/pptx_M.png);
    }

    .filetype-icon.medium-default {
        background-image: url(Images/DocumentIcons/default_M.png);
    }

    .filetype-icon.small-html {
        background-image: url(Images/DocumentIcons/html_50.png);
    }

    .filetype-icon.small-pdf {
        background-image: url(Images/DocumentIcons/pdf_50.png);
    }

    .filetype-icon.small-docx {
        background-image: url(Images/DocumentIcons/docx_50.png);
    }

    .filetype-icon.small-xlsx {
        background-image: url(Images/DocumentIcons/xlsx_50.png);
    }

    .filetype-icon.small-pptx {
        background-image: url(Images/DocumentIcons/pptx_50.png);
    }

    .filetype-icon.medium-default {
        background-image: url(Images/DocumentIcons/default_50.png);
    }


/*--------------------------------------
               Reports
--------------------------------------*/
.reportMainContent {
    padding: 0px;
}

#reportDisplayTopContainer {
    width: 100%;
    table-layout: auto;
    text-align: left;
    clear: both;
}

#adjustableFilterContainer {
    display: inline-block;
    vertical-align: top;
    min-width: 600px;
}

#reportListAppRelated LI A IMG {
    border-width: 0;
    margin-left: 0.3em;
    margin-right: 1em;
    vertical-align: middle;
}

UL.reportTreeFolder {
    list-style-type: none;
    padding-left: 0.8em;
}

#mainGrid TBODY TR.reportSummaryRow TD {
    padding: 0px 10px 2px 0px;
    margin: 0px;
    cursor: text;
}

#mainGrid TBODY TR.reportGrandTotalRow {
    width: 100%;
}

    #mainGrid TBODY TR.reportGrandTotalRow TD {
        padding: 0px 10px 2px 0px;
        margin: 0;
        cursor: auto;
        padding-bottom: 2px;
    }

#mainGrid TBODY TR.reportSummaryRow {
    border-style: solid;
    border-width: 0;
}

#mainGrid TBODY TR TD.reportDataCell, #mainGrid TBODY TR TD.reportDataCell-first-column, #mainGrid TBODY TR TD.record-cell-style {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 4px;
    margin: 4px;
    cursor: pointer;
    padding-right: 20px;
    font-size: 90%;
}

#mainGrid TBODY TR TD.reportDataCell-first-column, #mainGrid TBODY TH.reportGridTableHeader-first-column,
#report-grand-total {
    padding-left: 25px;
}

#mainGrid TBODY TR.reportGroupRow TD {
    cursor: default;
    padding-left: 10px;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

#mainGrid TBODY TR.reportGroupRow {
    border-style: solid;
    border-width: 0;
}

#mainGrid TBODY TR.reportOddDataRow {
    border-style: solid;
    border-width: 0px 1px 0px 1px;
    cursor: default;
}

TH.reportGridTableHeader, TH.reportGridTableHeader-first-column {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-size: 90%;
}

.cloned-grand-total {

    font-size:11px;

}

/*--------------------------------------
               Objects tabs
--------------------------------------*/

#object-tab-more {
    vertical-align: bottom;
}

    #object-tab-more .tab, #object-tab-more .tab-active {
        padding: 0;
    }


/*--------------------------------------
         mini Cookie Trail & Help
--------------------------------------*/

#miniCookieTrail {
    width: 90%;
    padding: 0;
}

#feedbackGlobal, #helpGlobal {
    padding: 5px 0px 6px 5px;
    text-align: right;
    white-space: nowrap;
    vertical-align: top;
}

/*--------------------------------------
         view Selector & Filter
--------------------------------------*/

#viewSelectorAndFilter {
    margin: 0px 0;
    padding: 0;
    width: 100%;
}

#viewSelector, #viewSelector-lookup {
    margin: 0;
    padding: 0 1.5em 0 2em;
    white-space: nowrap;
}

#viewSelector {
    width: 10%;
}

#viewSelector-lookup {
    width: 70%;
}

    #viewSelector-lookup select {
        width: 20em;
    }

#viewSelector .viewtitle
{
    padding-right:0.5em;
}
/*--------------------------------------
               pager
--------------------------------------*/

#pager {
    border-style: solid;
    border-width: 0;
    border-bottom: hidden;
    margin: 0.5em 0 0 0;
    padding-top: 0.5em;
}

#pagerRecordsPerPage {
    padding: 0 1em 0 0;
    white-space: nowrap;
    vertical-align: top;
}

#pagerTotalRecords {
    padding: 0 0 0 1em;
    vertical-align: middle;
    color: #000000;
}

/*--------------------------------------
               related objects
--------------------------------------*/

#objectPageView {
    width: 98%;
    margin-left: 0px;
    margin-right: 15px;
    margin-top: 15px;
}

.k-grid table {
    table-layout: fixed;
}

#objectPageLayout .two-col-select{
    width: 30%;
    vertical-align: middle;
}

#objectPageLayout .two-col-input{
    width: 66%;
    margin-left: 1%;
    vertical-align: middle;
    float: right;
}

.objectPageLayoutSection {
    clear: both;
    margin-top: 20px;
    width: 97%;
}

    .objectPageLayoutSection .RegistrationStartDate-wrapper .field-web-control .k-datetimepicker{
        width: 95%;
    }

    /*.objectPageLayoutSection .RegistrationStartDate-wrapper input[name="RegStartDateType"] {
        margin-right: 6px;
    }*/

    .objectPageLayoutSection .RegistrationStartDate-wrapper .field-control-wrapper  .dateRangeDate {
        min-width: 40px;
        width: 40px;
        position: relative;
        left: -4px;
    }

    .objectPageLayoutSection .RegistrationStartDate-wrapper .field-control-wrapper .dateRangeRow {
        margin-top: 10px;
    }

    .objectPageLayoutSection .RegistrationStartDate-wrapper .field-control-wrapper  .dateRangeUnit{
        width: 100px;
    }

    .objectPageLayoutSection .RegistrationStartDate-wrapper .field-control-wrapper  .dateRangeEvtType {
        width: 140px;
    }

    .objectPageLayoutSection .RegistrationStartDateRule-wrapper{
        display: none;
    }

    .objectPageLayoutSection .ResidentsRegistrationDateRule-wrapper{
        display: none;
    }

    .objectPageLayoutSection .MembersRegistrationDateRule-wrapper{
        display: none;
    }

    .objectPageLayoutSection .RegistrationEndDateRule-wrapper{
        display: none;
    }

    .objectPageLayoutSection .OnlineDisplayDateRule-wrapper{
        display: none;
    }

    .objectPageLayoutSection .AdminRegistrationStartDateRule-wrapper{
        display: none;
    }

    .objectPageLayoutSection .AdminResidentsRegistrationDateRule-wrapper{
        display: none;
    }

    .objectPageLayoutSection .AdminMembersRegistrationDateRule-wrapper{
        display: none;
    }

    .objectPageLayoutSection .AdminRegistrationEndDateRule-wrapper{
        display: none;
    }

     .objectPageLayoutSection .OnlineDisplayDate-wrapper .field-web-control .k-datetimepicker{
        width: 95%;
    }

   
    .objectPageLayoutSection .OnlineDisplayDate-wrapper .field-control-wrapper  .dateRangeDate {
        min-width: 40px;
        width: 40px;
        position: relative;
        left: -4px;
    }

    .objectPageLayoutSection .OnlineDisplayDate-wrapper .field-control-wrapper  .dateRangeRow {
        margin-top: 10px;
    }

    .objectPageLayoutSection .OnlineDisplayDate-wrapper .field-control-wrapper  .dateRangeUnit{
        width: 100px;
    }

    .objectPageLayoutSection .OnlineDisplayDate-wrapper .field-control-wrapper  .dateRangeEvtType {
        width: 140px;
    }

    .objectPageLayoutSection .OnlineDisplayDateRule-wrapper{
        display: none;
    }

    .MetaTag-Object table{
        table-layout: initial;
    }

    .objectPageLayout .label{
        width: 200px;
        padding-left: 10px;
        box-sizing: border-box;
    }

    .label, .field {
        vertical-align: middle;
    }

    .objectPageLayout .label, .objectPageLayout .field{
        display: inline-block;
        box-sizing: border-box;
    }

    .objectPageLayout {
         min-height: 0;
    }

    @media screen and (max-width:750px) {
        #editUserForm .objectPageLayout {
            min-width: 450px;
        }   
    }

    @media screen and (max-width:750px) {
        #editUserForm .objectPageLayout {
            min-width: 450px;
        }   
    }

    .disabled-field {
         min-height: 0 !important;
    }

.lang-timezone-field {
    min-height:30px !important;
}

    .div-facebook {
        max-width: 65% !important;
        padding-left: 1em;
    }

    .objectPageLayout .imageurl a{
        vertical-align: middle;
    }

    .objectPageLayout td.label, .objectPageLayout td.field{
        display: table-cell;
    }

    .field.checkbox.inline-display {
        display: inline;
    }

    .objectPageLayout .label{
        max-width: 230px;
        text-align: right !important;
    }

    /*set label width*/
 .objectPageLayout .IncomeTax-wrapper .label{
        width:35%;
    }

.objectPageLayoutSection .html-editor-container .RadEditor {
    overflow: auto;
}

body.Office .field-web-control iframe {
    margin-top: 10px;
}

body.socialsite-object .no-border {
    border: none;
}

body:not(.socialsite-page) .box {
    margin-bottom: 0px;
}

body.socialsite-object .box {
    padding:10px 15px;
}


.center, .objectPageLayoutSection{
    margin-left: auto;
    margin-right: auto;
}

.objectPageLayoutSection .field.html table{
    margin-left: auto;
    margin-right: auto;
}

.relatedObjectListItem, .relatedObjectListItemSelected {
    white-space: nowrap;
}

#primaryObjectItemContentSelected {
    overflow: hidden;
    word-wrap: break-word;
}

#primaryObjectItem .image-main, #primaryObjectItem .boxShadowImgLayout {
    max-width: 50px;
    padding-bottom: 10px;
}

#DetailPage_leftside_table {
    clear: both;
    width: 100%;
}

.layout-leftpanel-main #DetailPage_leftside.with-related-info {
    background-color: #363636;
    color: #FFF;
    padding-bottom: 5px;
    width: 270px;
}

    .layout-leftpanel-main #DetailPage_leftside.with-related-info #primaryObjectItem .box-tab-caption-active {
        background-color: transparent;
        font-size: 18px;
        font-weight: normal;
        vertical-align: middle;
    }

    .layout-leftpanel-main #DetailPage_leftside.with-related-info #primaryObjectItemContentSelected {
        display: inline-block;
    }

    .layout-leftpanel-main #DetailPage_leftside.with-related-info .menu {
        margin-left: -5px;
    }

.layout-leftpanel-main .side-panel.left-panel .menu .item {
    cursor: pointer;
    padding: 7px 5px;
}

.layout-leftpanel-main .side-panel.left-panel .menu .item:hover {
    background-color: #3678AF;
}

.side-panel.left-panel .menu .item .tab-name {
    float: left;
    }


/*--------------------------------------
               primary object
--------------------------------------*/
#primaryObjectItem {
    width: 200px;
    max-width: 200px;
}

#primaryObjectItem button {
    font-size: 13px;
}

#relatedtab-page-item {
    margin-right: -5px;
}

/*--------------------------------------
               banner
--------------------------------------*/

H1.banner {
    border-style: solid;
    border-width: 1px;
    text-transform: capitalize;
    font-family: "Arial Narrow", Helvetica, sans-serif;
    padding-bottom: 0.1em;
    margin-top: 1em;
}

/*--------------------------------------
               objects
--------------------------------------*/

#objectColumn {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

#objectItem {
    margin-left: 5%;
    margin-bottom: 0.5em;
}

#objectImage {
    width: 30px;
    height: 30px;
    display: inline-block;
}

#objectLabel {
    vertical-align: 50%;
    margin-left: 0.5em;
}

/*--------------------------------------
               login
--------------------------------------*/

div.login label {
    text-align: right;
    display: inline-block;
    width: 10em;
}

div.login p {
    margin: 0.5em;
}

div.login input {
    width: 15em;
}

div.login #checkBoxRememberMe, div.login #labelRememberMe {
    text-align: left;
    width: auto;
}

div.login .widthAuto {
    width: auto;
}

TABLE#requirements_box {
    width: 100%;
    border-style: dashed;
    border-width: 1px;
}

    TABLE#requirements_box > TBODY {
        padding: 1em 0 1em 5em;
    }

        TABLE#requirements_box > TBODY > TR > TD {
            width: 50%;
            vertical-align: top;
            padding: 0;
        }

            TABLE#requirements_box > TBODY > TR > TD.requirements-header {
                padding: 1em 0 1em 5em;
            }

                TABLE#requirements_box > TBODY > TR > TD.requirements-header H3 {
                    display: inline;
                }

            TABLE#requirements_box > TBODY > TR > TD.requirements-detail {
                padding-left: 10em;
            }

                TABLE#requirements_box > TBODY > TR > TD.requirements-detail P {
                    margin: 0 0 1em;
                }

.separator {
    position: relative;
}

.line {
    border: 1px solid #C9C9C9;
    margin: 26px 0;
}

.middle-text {
    background-color: #F7F7F7;
    z-index: 2;
    position: absolute;
    left: 45%;
    padding: 0 10px;
    top: -9px;
}

/*--------------------------------------
Virtual Code Notification
---------------------------------------*/
#virtualCodeNotification{
    max-width: 700px;
}

body.socialsite-page #main-content {
    margin: 0px;
}

body.socialsite-page #main-content {
    margin: 1em;
}

.mainMargin {
    margin-left: 34px;
    margin-right: 24px;
}

body.socialsite-page .mainMargin {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px !important;
}

@media screen and (max-width:440px) {
    .mainMargin {
        margin-left: 0;
        margin-right: 0;
    }

    .Html-wrapper .field {
        padding: 0;
    }
}

.notification-alert{
    overflow: hidden;
    line-height: 1.4em;
    font-size: 0.95em;
    color: #fff;
}

/*--------------------------------------
               tables
--------------------------------------*/

table, caption {
    border-collapse: collapse;
}

th {
    text-align: left;
}

.k-calendar .k-content th{
    text-align: right;
}
.k-calendar .k-content .k-link{
    padding: 0px;
    text-align: center;
}

.objectPageLayoutSection caption, .objectPageLayoutSection h3, .section-content caption, .section-content h3 {
    font-weight: bold;
    text-align: left;
    font-size: 100%;
}

body.socialsite-object td.field {
    color: Black;
}

body.socialsite-object td.label, body.socialsite-object td.field {
    height: 38px;
    padding-bottom: 0px;
    padding-top: 0px;
    vertical-align: middle;
}
body.socialsite-object td.field .field-web-control.readonly {
    margin-top:0px;
}
body.socialsite-object .signup-details td.label {
    vertical-align: top;
    padding-top: 3px;
}

body.socialsite-object .signup-details td.field {
    vertical-align: top;
}

td.label {
    padding-left: 4px;
    text-align: right;
}

td.field {
    padding-left: 1em;
}

.field .date-time-picker.time-hidden .timePicker {
    display: none;
}

.field > INPUT.address, TD.field > SELECT.address {
    margin-bottom: 4px;
}

.field > Div A:link, TD.field > Div A:visited, .HypeLink-style, TD.field A:link, TD.field > A:visited {
    font-weight: bold;
}

    

.HypeLink-style {
    font-weight: bold;
}

.required {
    color: Red;
    vertical-align: top;
}

#GridForRecordRelatedList {
    padding-bottom: 5px;
    padding-left: 0px;
    vertical-align: top;
}

.record-list-cell {
    vertical-align: top; 
}

.record-list-header {
    border-left-width: 2px;
    border-left-style:solid;   
}

#GlobalSearchBoxStyle {
    display: block;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 0px;
}

#member-registration-step-caption {
    display: inline-block;
    white-space: nowrap;
}

#member-registration-step-caption, #login-header {
    font-size: 240%;
}

#login-header {
    padding-left: 30px;
}

#member-registration-list > TBODY > TR > TD > DIV, #member-registration-list > TBODY > TR > TD > DIV.selected {
    padding: 15px 4px 15px 4px;
    border: solid 1px #E2E2E2;
    text-align: center;
}

    #member-registration-list > TBODY > TR > TD > DIV.selected {
        background-color: #DBDBDB;
    }

    #member-registration-list > TBODY > TR > TD > DIV:hover {
        background-color: #e2e2e2;
    }

.member-registration-step-selected, .member-registration-step-transition {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    vertical-align: middle;
    border: 0px none;
}

.member-registration-step {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    vertical-align: middle;
    border: 0px none;
}

.member-registration-step-transition {
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
    padding-top: 10px;
}

.member-registration-step {
    border-style: solid;
    border-width: 0;
}

.member-registration-step-selected {
    font-weight: bold;
}

.start-date-container {
    width: 98%;
}

.choice-item {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

    .choice-item.selected {
        cursor: default;
    }

.addins-bookme .choice-item {
    border-style: solid;
    width: 31%;
    margin-left: 1%;
    margin-right: 1%;
    padding-top: 1em;
    padding-bottom: 1em;
    font-weight: bold;
}

.addins-bookme .rsTimelineView .rsAllDayRow {
    height: 500px !important;
}

.class-full {
    color: #DF0101;
    font-size: 4em;
    font-weight: normal;
    text-align: center;
}

#bookMeMemberLookup {
    position: relative;
    table-layout: fixed;
    margin-top: -0px;
    margin-left: -200px;
    padding-left: -200px;
    border: solid 1px;
    text-align: left;
}

#member-registration-selectDateAndTime, #tax-application-table-profit {
    width: 100%;
}
/* tax application style */
#tax-application-table-style-left {
    margin-right: 0.5em;
    width: 300px;
}

#tax-application-table-container caption {
    font-size: 1.5em;
    margin-bottom: 0.5em;
}

#tax-application-table-style-right {
    margin-left: 0.5em;
    width: 400px;
}

#tax-application-table-style-left, #tax-application-table-style-right {
    padding: 2em;
    text-align: left;
    vertical-align: top;
    display: inline-block;
}

#tax-application-table-profit, #PayPanel {
    margin-bottom: 3em;
}


#tax-application-profit-positive {
    padding-top: 15px;
    color: green;
    font-size: 150%;
}

#tax-application-profit-negative {
    padding-top: 15px;
    color: red;
    font-size: 150%;
}

#tax-application-detail-header {
    text-align: left;
    border-style: solid;
    border-width: 1px;
    padding-bottom: 30px;
}

.tax-application-detail-row-name {
    font-weight: bold;
    word-wrap: break-word;
}

.tax-application-detail-row-amount {
    text-align: right;
    font-weight: bold;
    font-size: 1.2em;
}

#tax-application-profit-date-range {
    text-align: left;
    font-weight: bold;
    font-size: 120%;
}

.tax-application-past-due, .tax-application-not-past-due {
    padding-bottom: 1em;
    font-size: 0.8em;
    opacity: 0.5;
}

.tax-application-individualTax {
    width: 100%;
    table-layout: fixed;
    border-bottom-style: solid;
    margin-bottom: 1em;
}

#tax-application-pay-Tax {
    text-align: left;
    border-bottom: solid 1px;
    width: 100%;
}

#tax-application-pay-Tax-header {
    text-align: left;
}

#tax-application-pay-Tax-type {
    text-align: left;
    width: 102px;
    height: 35px;
}

#tax-application-pay-Tax-amount {
    padding-left: 5px;
    text-align: left;
    width: 130px;
}

#tax-application-pay-history {
    padding-top: 54px;
    padding-bottom: 27px;
    text-align: left;
    border-bottom-style: solid;
    border-bottom-width: 0;
    width: 125px;
}

#tax-application-tax-history td {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-left: 0.5em;
    padding-top: 0.25em;
    word-wrap: break-word;
}

.tax-application-pay-control {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 110px;
    font-size: 130%;
}

.tax-application-pay-control-amount {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 140px;
    font-size: 130%;
}

.tax-application-pay-amount {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 132px;
    font-size: 130%;
}

#tax-application-table-container {
    text-align: center;
    vertical-align: top;
}

#tax-application-table-style-right, #lookup-ContentContainer {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#templateId {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 2px;
    font-size: 105%;
    border-style: solid;
    border-width: 1px;
}

.template-edit-name.page-layout-section-content{
     padding-left: 15px; padding-top: 0.5em; padding-bottom: 0.25em;
}

.template-edit-name .objectPageLayout .label{
    width: auto;
    padding-left: 1em;
}

.round_text_box {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: solid 1px inherit /*#E2E2E2*/;
    margin-bottom: 0px;
    margin-right: 0px;
}

#social-widget-container {
    border-top-style: solid;
    border-top-width: 0;
    border-bottom-style: solid;
    border-bottom-width: 0;
    vertical-align: bottom;
    text-align: center;
    line-height: 1em;
    display: inline-block;
}

#DetailPage_leftside #social-widget-container {
    margin-left: 20px;
}

#social-widget-container > div {
    vertical-align: middle;
}

#fb-root {
    display: inline-block;
    margin-left: 5px;
}

#social-widget-container td {
    padding-right: 6px;
    text-align: center;
}

/*social widget*/

#wrapper {
    margin: 0 auto;
    text-align: center;
    display: inline-block;
}

hr {
    margin: 20px 0;
}

/* Custom Icons */
.addthis_sharing_toolbox .custom_images a {
    width: 20px;
    height: 16px;
    margin: 0;
    padding: 0;
    display: inline-block;
}

    .addthis_sharing_toolbox .custom_images a img {
        opacity: 1.0;
    }

    .addthis_sharing_toolbox .custom_images a:hover img {
        opacity: 0.75;
    }

.at300m {
    margin-right: 10px;
}

.login-in-header {
    margin-left: 50px;
    padding-left: 60px;
}

/* Global Action menu */
#globalActionMenu {
    margin: 0;
    padding: 0;
    border: 1px;
}

    #globalActionMenu li {
        float: left;
        list-style: none;
        font: 12px Tahoma, Arial;
    }

        #globalActionMenu li a {
            display: block;
            padding: 5px 0px 0px 35px;
            text-decoration: none;
            white-space: nowrap;
        }

        #globalActionMenu li ul {
            margin: 8px 0 0 0;
            padding: 2px 4px 4px 4px;
            position: absolute;
            visibility: hidden;
            border-style: solid;
            border-width: 1px;
            text-align: left;
            z-index: 999999;
        }

            #globalActionMenu li ul li {
                float: none;
                display: inline;
                text-align: left;
            }

                #globalActionMenu li ul li a {
                    padding: 5px 0px 0px 5px;
                    font-weight: bold;
                }

/*report style*/

.folder .title-row {
    background-image: url(../content/images/DefaultIcons/folder-closed.png);
    background-repeat: no-repeat;
    background-position-y: 50%;
    padding: 0;
    padding-left: 35px;
    cursor: pointer;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-position: 0 5px;
}

.folder .title-row {
    margin-bottom: 0;
}

.folder.expanded .title-row {
    background-image: url(../content/images/DefaultIcons/folder-open.png);
    margin-bottom: 0.5em;
    background-position: 0 5px;
}

.folder ul {
    display: none;
    margin-left: 35px;
    line-height: 1em;
}

.folder.expanded ul {
    display: block;
}

.folder .tab-active {
    margin-right: 0px;
}

.folder .tab, .folder .tab-active {
    margin-bottom: 0.25em;
    margin-top: 0.25em;
}

#ReportContentContainer {
    vertical-align: top;
    padding-top: 8px;
}

    #ReportContentContainer h1 {
        float: left;
    }

#lookup-ContentContainer {
    vertical-align: top;
    padding-top: -5px;
    padding-bottom: 20px;
}

.lookup-dialog, .dynamiclookup-dialog {
    overflow-y: visible !important;
    overflow-x: visible !important;
}

#lookup-ContentContainer {
    min-height: 260px;
    overflow-y: auto;
    overflow-x: hidden;
}

/*#ReportPage { padding-top: 15px }*/
#ReportApplication, #UserSetting {
    margin-right: -2px;
    margin-bottom: 5px;
}

.Report-detail {
    border-top-style: solid;
    border-top-width: 5px;
    margin-right: 0px;
}

#report-grand-total {
    padding-bottom: 10px;
    padding-top: 5px;
}

.report-grand-total-summary {
    font-size: 80%;
}

    .report-grand-total-summary .label {
        display: block;
    }
/*#report-grand-total-summary-lable
{
    font-size: 80%;
    width: 70%;
}
#report-grand-total-summary-value
{
    padding-right: 20px;
    font-size: 85%;
}*/
/*#report-application-title
{
    padding-left: 10px;
    font-size: 130%;
}*/
#reportApplicationChartContainer {
    padding-bottom: 8px;
    display: inline-block;
}

#report-group-arrow {
    padding-top: 10px;
    width: 10px;
}

#report-group-record-number {
    font-size: 105%;
    font-weight: bold;
}

#user-setting-homepage {
    padding: 15px;
}

.grouping-icon {
    background-position: right center;
    background-image: url(../content/images/DefaultIcons/Arrow_Bottom.png);
    background-repeat: no-repeat;
}

    .grouping-icon.collapsed {
        background-image: url(../content/images/DefaultIcons/Arrow-Right.png);
    }

#launch-smart-client-bg {
    background-position: 10px 15px;
    background-repeat: no-repeat;
}

#launch-smart-client-text {
    font-size: 150%;
    padding-left: 80px;
}

#launch-smart-client-launch {
    padding-left: 60px;
    padding-top: 60px;
    padding-bottom: 10px;
}

.switchBox {
    background-image: url('https://www.lakevillemartialartsclub.com/Content/images/SwitcherBg.jpg');
    background-repeat: repeat-x;
    text-align: center;
    font-size: 16px;
    height: 65px;
    width: 100%;
}

.signin-padding-left {
    padding-left: 25px;
    font-size: 80%;
}

.footer-with-content {
    margin: 20px;
    padding: 20px;
}

.footer-without-content {
    margin: 0px;
    padding: 0px;
}

.toolTip {
    width: 10px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    font: bold italic 12px serif;
    border-left: 1px solid /*black*/;
}

    .toolTip span {
        top: 50%;
        margin-top: -8px;
        position: absolute;
        padding-left: 3px;
    }

.RadScheduler div.rsAptContent {
    padding-right: 10px;
}

.disable_auto_complete {
    autocomplete: off;
}

.bookme-lable-style {
    min-width: 80px;
    text-align: left;
}

.Company-log-td {
    border: 0px;
    width: 100px;
}

.Company-logo {
    max-height: 140px;
    max-width: 300px;
    min-width: 222px;
    overflow: hidden;
    /*Fix height issues
    margin-bottom:5px;
    */
}

    .Company-logo.Display {
        display: block;
        max-height: 140px;
        max-width: 300px;
        overflow: hidden;
    }

.Header-table-style {
    max-height: 140px; /*90px;*/
    min-height: 95px;
}

.login-logout-icon {
    border: 0;
    margin-right: 5px;
    vertical-align: bottom;
}

.header-logo-icon, .header-logo-icon-bottom {
    max-height: 90px;
    max-width: 300px;
    padding-right: 0px;
    text-align: center;
    overflow: hidden;
    table-layout: fixed;
}

.header-logo-icon-bottom {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.header-logo-icon_Orig {
    max-height: 140px;
    max-width: 300px;
    padding-right: 0px;
    text-align: center;
    overflow: hidden;
    table-layout: fixed;
    float: left;
}

.apply-reset, .apply-reset:hover {
    text-decoration: underline;
    padding-right: 10px;
    cursor: pointer;
    margin-right: 15px;
    margin-top: 10px;
}

filterContainer {
    vertical-align: top;
    padding-right: 10px;
}

.date-picker-tags {
    position: absolute;
    display: none;
    border-style: solid;
    border-width: 1px;
    z-index: 100;
    margin-top: 0px;
    padding: 3px;
    width: 200px;
    height: 500px;
    overflow-y: scroll;
}

.textarea-readonly-style {
    border-width: 0px;
    border-style: none;
    overflow: auto;
    font: inherit;
    resize: none;
}

.appSuite-bottom-border {
    vertical-align: bottom;
    border-bottom-style: solid;
    border-bottom-width: 3px;
}

#Default-Logo-Icon-background {
    width: 222px;
    height: 88px;
    background-repeat: no-repeat;
}

.setup-container {
    width: 100%;
    margin-top: 50px;
}

.setup-outside-border {
    border-style: solid;
    border-width: 5px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 25px;
}

#skin-summary-grid td.first {
    width: 15em;
    max-width: 15em;
}

/*------- Do not enable, effects videos on all sites---
.objectPageLayoutSection div object
{
    width:320px;
    height:270px;
}
*/
/* -------------------
      TIME PICKER
 -------------------*/

.ui-widget-timepicker {
    /*font-family: Verdana,Arial,sans-serif;*/
    font-size: 1em;
}

.ui-widget-content-timepicker {
    border-style: solid;
    border-width: 1px;
}

.ui-state-hover-timepicker {
    border-style: solid;
    border-width: 1px;
    font-weight: normal;
}

.ui-menu-timepicker {
    display: block;
    margin: 0;
    padding: 2px;
    list-style: none outside none;
    z-index: 99999;
}

    .ui-menu-timepicker .ui-menu-item-timepicker {
        clear: left;
        float: left;
        margin: 0;
        padding: 0;
        width: 100%;
    }

        .ui-menu-timepicker .ui-menu-item-timepicker a {
            display: block;
            padding: 0.2em 0.4em;
            line-height: 1.5;
            text-decoration: none;
        }

            .ui-menu-timepicker .ui-menu-item-timepicker a.ui-state-hover-timepicker {
                font-weight: normal;
                margin: -1px;
            }

.ui-timepicker {
    display: block;
    position: absolute;
    height: 200px;
    overflow: auto;
    overflow-x: hidden; /* IE */
    z-index: 100001; /*1000;*/
}

.ui-helper-hidden-timepicker {
    display: none;
}
.ui-corner-all-timepicker {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.adjustableDatePickerContainer {
    display: inline-table;
    text-align: left;
    min-width: 280px;
}

.repeat-select-wrapper{
    display: inline-block;
    width: 70%;
    position: relative;
    padding-left: 62px;
    box-sizing: border-box;
}

@media screen and (max-width: 1049px){
    .repeat-select-wrapper{
        width: 60%;
    }
    .DueDate-wrapper input.pmdatepicker.hasDatepicker {
        width: 40% !important;
    }
    .touch-device #main-wrapper {
        width: 100%;
        display: block;
        min-width: 970px;
    }
}

.repeat-select-wrapper label{
    position: absolute;
    left: 10px;
    top: 7px;
}

/* -------------------
      Grid Inline Actions
 -------------------*/

.inlineActionsContainer {
    border-style: solid;
    border-width: 1px;
    padding: 0px 0px;
    margin: 0px;
    position: absolute;
    text-align: left;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
}

.inlineActionItem {
    padding: 6px 10px;
    cursor: pointer;
}

.inlineActionItemDisabled {
    padding: 6px 10px;
    cursor: default;
}

a.inlineActionLinkTextDisabled {
    text-decoration: none;
}

.inlineActionItemHover, a.inlineActionLinkText:hover {
    text-decoration: underline;
}

/* -------------------
      CARD GRID
 -------------------*/

.document_list .card-grid-title {
    height: 44px;
    overflow: hidden;
}

.card-grid-item {
    display: inline-block;
    width: 210px;
    border: solid 1px transparent; /* transparent border to hide cell resizing at loading */
    margin-left: -1px; /* Collapse borders */
    margin-top: -1px;
    padding: 10px;
    position: relative;
    float: left;
    min-height: 100px; /*340px;*/
}

    .card-grid-item a {
        display: block;
        height: 100%;
        position: relative;
        /* word-wrap: break-word; */ /* Threedots jQuery plugin doesn't work well without this - no longer using ThreeDots */
    }

.cardview-container {
    /* compensate for .card-grid-item negative margins */
    padding-top: 1px;
    padding-left: 1px;
    display: inline-block;
}

.card-grid-imgcontainer {
    display: block; /* overrided in ie7lte.css: otherwise img is not clickable */
    text-align: left;
    height: 126px; /* img.height + img.padding : usefull if the image is shrinked due to max-width */
    margin-bottom: 10px;
}

    .card-grid-imgcontainer img {
        border-style: none;
        max-height: 120px;
        max-width: 180px;
    }

.card-grid-field {
    display: block;
    padding-bottom: 0.25em;
}

    .card-grid-field img {
        border: 0px;
        vertical-align: bottom;
        margin-right: 0.5em;
    }

    .card-grid-field input[type="checkbox"] {
        margin: 0px;
    }

.card-grid-title {
    display: block;
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 0.8em;
}

.card-grid-no-record {
    display: block;
    margin: 1em;
}

.label-text {
    overflow: hidden;
}

.card-grid-item .menu-item.first-level {
    display: block;
}

/* -------------------
      FEATURED ITEMS
 -------------------*/

#featuredItems {
    margin-bottom: 1em;
    text-align: center;
}

    #featuredItems > div {
        display: inline-block;
        position: relative;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        vertical-align: top;
        padding: .25em .5em;
        height: 100%;
        border-right-style: solid;
    }

        #featuredItems > div > a {
            display: block;
        }
        /*#featuredItems > div.first-child { padding-left:0 }*/
        #featuredItems > div.last-child {
            padding-right: 0;
            border-right-style: none;
        }

    #featuredItems.cell-1 > div {
        width: 100%;
    }

    #featuredItems.cell-2 > div {
        width: 49%;
    }

    #featuredItems.cell-3 > div {
        width: 33%;
    }

    #featuredItems.cell-4 > div {
        width: 24%;
    }

    #featuredItems.cell-5 > div {
        width: 19%;
    }

    #featuredItems.cell-6 > div {
        width: 15.5%;
    }
        /*#featuredItems.cell-6 > div:first-child, #featuredItems.cell-6 > div:last-child { width: 16.6% } Bug in IE8 :-(*/
        #featuredItems.cell-6 > div.first-child, #featuredItems.cell-6 > div.last-child {
            width: 16.6%;
        }

    #featuredItems > div > div {
        /*background-color: #FFC549;*/
        padding: .5em;
        height: 100%;
    }

    #featuredItems .description {
        display: none;
    }

    #featuredItems.gt450 .description {
        display: block;
    }

    #featuredItems.gt450 .img-container {
        display: table-cell;
    }

    #featuredItems.gt450 .text-container {
        display: table-cell;
        vertical-align: top;
        padding-left: .5em;
    }

    #featuredItems .text-container {
        text-align: left;
        display: inline-block;
        word-break: break-word;
        overflow: hidden;
        height: 80px;
        width: 100%;
    }

    #featuredItems .img-container {
        height: 120px;
    }

    #featuredItems img {
        max-height: 120px;
        max-width: 100%;
        float: left;
    }

    #featuredItems h3 {
        padding-left: 0;
    }

    #featuredItems .price {
        padding-bottom: .5em;
    }

    #featuredItems .actionmenu {
        display: inline-block;
        cursor: pointer;
    }

        #featuredItems .actionmenu.bottom {
            position: absolute;
            bottom: 0;
            left: 0;
            height: auto;
            text-align: left;
        }

    #featuredItems .menu-item.first-level {
        display: block;
    }

#GridForRecordList > .box-splitter {
    margin-bottom: 0;
    padding-top: .25em;
    padding-bottom: .25em;
}

    #GridForRecordList > .box-splitter:first-child {
        margin-bottom: 1em;
    }

/*
Misc
*/

.ui-widget-overlay {
    z-index: 2001;
}

.processing-indicator-container {
    position: fixed;
    text-align: center;
    margin: 0 auto;
    padding: 0.3em 0.3em;
    width: 150px;
    background-color: white;
    background-image: url(Images/Site/ProgressAnimation.gif);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 16px 16px;
}

.picklist .radio-option-wrapper{
    margin-right: 1em;
    cursor: pointer;
}

.picklist .radio-option-wrapper input{
    margin-right: 0.25em;
}

.picklist .radio-option-wrapper input,
.picklist .radio-option-wrapper label{
    cursor: pointer;
}

.multiple-picklist {
    width: 100%;
}

    .multiple-picklist option {
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

/* BUG-024385 */
.field-web-control > img {
    max-width: 100%;
    vertical-align: middle !important;
}
/*.t-grid .last-selected td
{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}*/

/* The next rule is here to avoid position problem when the page is resized or the input are initialy placed in a display:none div 
and the input placeholders are not native but simulated by the jQuery plugin */
.jq-plugin-placeholder-wrapper {
    position: relative;
}

.ImageUrl-wrapper .pm-img-upload-controls {margin-bottom:7px;}
.ImageUrl-wrapper .pm-img-upload-controls button{margin-top:0px; height:34px;}
.address-container-signupform {
    white-space: normal !important;
}

.address-container input, .address-container select {
    margin-bottom: 0.25em;
}

.address-container .addr-country {
    width: 100%;
}

.address-container .addr-province,
.address-container .addr-postal-code {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
}

    .address-container .addr-province select {
        width: 100%;
    }

.pm-form.expandable .address-container .addr-zipcode {
    width: 99%;
}

.address-container .addr-zipcode {
    margin-left: 1%;
}

.address-container .addr-province select {
    margin-right: 1%;
}

.placeholder {
    padding-left: 0.25em;
}

label.placeholder, .use-placeholder-style {
    opacity: 0.65;
    filter: alpha(opacity = 50);
}

::-webkit-input-placeholder {
    opacity: 0.65;
}

:-moz-placeholder {
    opacity: 0.65;
}

:-ms-input-placeholder {
    opacity: 0.65;
}

::-ms-input-placeholder {
    opacity: 0.65;
}

label.placeholder{
    opacity: 0.65;
}

/*input.required-field::-webkit-input-placeholder, textarea.required-field::-webkit-input-placeholder { color:red }
label.placeholder.required-field, input:placeholder.required-field { color:red !important}*/

input:invalid, textarea:invalid, select:invalid {
    border-color: #F88 !important;
}

#skinSetupForm input:invalid {
    background-color: #FCC;
    color: #8B0000;
}

input.validation-error, textarea.validation-error {
    border-color: #F88 !important;
}

#skinSetupForm input.validation-error {
    background-color: #FCC;
    color: #8B0000;
}



/*---------------------
    PM Dialog
---------------------*/

.pm-dialog-overlay {
    background: #666666 url(images/ControlIcons/overlay.png) 50% 50% repeat;
    opacity: .50;
    filter: Alpha(Opacity=50);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    z-index: 2001; /*800;*/
}

    .pm-dialog-overlay.silent {
        background: none !important;
    }

.pm-dialog {
    border-width: 13px !important;
    border-style: solid;
    /*width: 400px;
	height: 200px;*/
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 16px;
    box-shadow: 0px 0px 25px -2px black;
    background-color: White;
    color: Black;
    z-index: 2002; /*2000;*/
}

.pm-dialog.silent {
    border: none !important;
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0);
}

.pm-dialog-close {
    position: absolute;
    width: 0;
    height: 0;
    border-radius: 15px;
    top: -25px;
    right: -25px;
    border-width: 15px;
    border-style: solid;
}

    .pm-dialog-close > div {
        position: relative;
        width: 16px;
        height: 16px;
        border-radius: 8px;
        left: -8px;
        top: -8px;
        cursor: pointer;
    }

        .pm-dialog-close > div:hover {
            color: red;
        }

        .pm-dialog-close > div > span {
            font-weight: bold;
            font-family: arial;
            font-size: 20px;
            position: relative;
            /*left: -1px;*/
            top: -4px;
            display: inline-block;
            width: 100%;
            height: 100%;
            text-align: center;
        }

.pm-dialog-inner {
    margin: -5px;
    border-radius: 9px;
    position: relative;
}

.pm-dialog-overflow {
    overflow-y: auto;
}

/*.pm-dialog-inner > div {
    display: table-row;
}*/

.pm-dialog-content {
    padding: 5px;
}



@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari only override */
    ::i-block-chrome, #bookclassPopup {
        min-width: 780px;
    }

    ::i-block-chrome, .multi-item-online.ei-online  {
	    padding-left: 20px !important;
    }
     ::i-block-chrome, #manageLoginPopupWrapper .row .fb-button-container{
         vertical-align:middle;
         margin-top:-12px;
    }
     ::i-block-chrome, .pm-form.expandable select{
         line-height:2em;
}
     ::i-block-chrome, .pm-form.expandable select#shareToLocation{
         line-height:1.8em;
     }
}

.contentTermsAndConditionContainer {
    width: 500px;
}

.divContentTermsAndCondition {
    max-height: 600px;
}

#divContentTermsAndCondition ul, #divContentTermsAndCondition ol {
    padding-left: 2.5em !important;
}

#divContentTermsAndCondition ul {
    margin-top: 14.4px !important;
    margin-bottom: 14.4px !important;
}

.new-window .divContentTermsAndCondition {
    padding: 10px;
    overflow: auto;
}

/*---------------------

---------------------*/

.advanced-input-field {
    border-style: solid;
    min-height: 1em;
}

    .advanced-input-field .spacer {
        padding: 0;
        min-width: .25em;
        display: inline-block;
        white-space: nowrap;
        /*background-color: lightblue;*/
        overflow: hidden;
        min-height: 1em;
    }

        .advanced-input-field .spacer:focus {
            padding: 0 .25em;
            /*margin: 0 .25em;*/
        }

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



/* --------------------
      PATCH 
 --------------------*/

/* ---- TELERIK ---- */

/* BUG-018265 */
.RadScheduler .rsHeader {
    z-index: 98 !important;
}
/* BUG-024899 */
.RadScheduler .rsArrowContainer {
    z-index: 98 !important;
}

/* BUG-023822 */
.t-grid td td {
    border-style: none;
}

/* BUG-027185 */
.t-grid .t-state-hover.t-no-data {
    cursor: default;
}

/* BUG-025909 */
.rsAdvancedEdit {
    visibility: hidden !important;
}

/* BUG-026839 */
.t-grid .t-icon.t-refresh {
    background-image: url(../content/images/ControlIcons/grid-refresh.png);
    background-position: 0 0;
}

/* BUG-028014 */
.t-grid .gridImageColumn img {
    display: block;
    max-width: 35%;
}

.k-grid .gridImageColumn img {
    max-width: 150px;
    max-height: 100px;
}

.t-grid-pager {
    overflow: hidden !important;
}

.t-reorder-cue {
    top: 0 !important;
}

.RadEditor iframe {
    border-width: 0;
}

.addins-bookme .rsAptContent {
    white-space: nowrap;
}
/* ---- jQueryUI ---- */

/* BUG-023864 & BUG-023865 */
.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 85%;
}

/* BUG-024405 */
#imageSelectorContextMenu a {
    padding-left: 5px !important;
}

/* ---- CKE Html editor ---- */
/* BUG-023868 */
.cke_skin_kama textarea.cke_source {
    color: black;
}

.k-grid tbody [role=gridcell]:hover {
    cursor: pointer;
}

.k-grid td.action_column {
    overflow: visible;
}

.cke_toolbar {
    white-space: nowrap;
}

.facebook_Sharing {
    text-align: center;
    width: 400px;
}

#shopCartRdiv {
    /*width: 67px;*/
    padding-left: 25px;
}

#shopping-cart-icon {
    height: 33px;
    background-image: url(images/DefaultIcons/Cart.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-left: -29px;
    margin-top: -1px;
}

#shopping-cart-icon-occupied {
    height: 30px;
    background-image: url(images/DefaultIcons/Cart_Number_v2.png);
    background-repeat: no-repeat;
    cursor: pointer;
    /*position: absolute;
    cursor: pointer; */
}

.shopping-cart-item-count-hidden {
    position: absolute;
    width: 0px;
    overflow: hidden;
}

.checkout-label-hidden {
    display: none;
}

.checkout-label-show {
    margin-top: -22px !important;
    /*position: absolute;*/
    cursor: pointer;
    display: block;
}

.shopping-cart-item-count-normal {
    margin: 4px 0 0 12px;
    position: absolute;
    width: 20px;
    text-align: center;
    font-size: 70%;
    color: #FFFFFF;
    z-index: 1;
}

.shopping-cart-icon-hidden {
    width: 0px;
    padding: 0px 0px;
    visibility: hidden;
}

.shopping-cart-icon-normal {
    width: 33px;
    /* padding: 0 6px 0 0; */
}

/*Tool Tip*/
div.tool-tip-message {
    background-color: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #CACACA;
    margin-left: -72px;
    padding: 5px;
    position: absolute;
    z-index: 800;
    display: none;
}

    div.tool-tip-message span.tip {
        background-image: url(images/DefaultIcons/tip.png);
        background-repeat: no-repeat;
        display: inline-block;
        height: 8px;
        left: 80px;
        position: absolute;
        top: -8px;
        width: 26px;
    }

    div.tool-tip-message p {
        color: #808080;
        font-family: "open sans",verdana;
        font-size: 13px;
        font-weight: 500;
        margin: 0;
        padding: 0;
    }

/*#filterEditorPopup select { color: #333 }*/
.reToolbar.Default .FormEditor {
    background-image: url(../content/images/DefaultIcons/formeditor.png) !important;
}

#grdDocuments td {
    line-height: 22px;
}

.restorePageHistoryItem {
    display: inline-block;
    white-space: nowrap;
    font-size: 80%;
    padding: 4px;
}

.cancelList {
    padding: 0px 0px 10px;
}

.boxShadowImgLayout {
    margin-top: 8px;
    padding: 4px;
    border-collapse: separate;
    max-width: 100%;
}

.imageurl .boxShadowImgLayout{
    height: 150px;
}

/*--------------------------------------
         Global Search style 
--------------------------------------*/
.hideShowGlobalSearchTable {
    display: none;
    padding-right: 5px;
    position: absolute;
    right: 8px;
    z-index: 1001; /*!important;*/
    height: calc(100% - 100px);
}

body.Office .hideShowGlobalSearchTable {
    z-index: 100; /*!important;*/
}

body.Office .hideShowGlobalSearchTable #mCSB_1_scrollbar_vertical {
    z-index: 100;
    height: 90%;
}



body.newKendoMenu .hideShowGlobalSearchTable {
    position: fixed;
    z-index: 1; /*!important;*/
}

body.Office #ShowGlobalSearchTable {
    z-index: 1001;
}

#global-search-popup-container{
    width: auto;
}

#global-search-form {
    height: 100%;
}

#globalSearch {
    background-color: #F0F0F0;
    background-position: left top;
    background-repeat: repeat-x;
    border: 1px solid #B9B9B9;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    width: 300px;
}

    #globalSearch .searchInput {
        background-image: url("images/defaulticons/globalsearch-inside-search.png");
        background-position: 184px center;
        background-repeat: no-repeat;
        background-color: #fff;
        border-radius: 0px;
        -moz-border-radius: 0px;
        border: 1px solid #B9B9B9;
        font-size: 11px;
        height: 22px;
        line-height: 22px;
        margin: 15px 15px 10px 12px;
        padding-left: 8px;
        padding-right: 20px;
        width: 243px;
        color: #333 !important;
        margin-left: 12px;
        padding-left: 30px;
        padding-right: 1px;
    }

    #globalSearch #results {
        margin-top: 8px;
    }

        #globalSearch #results .head {
            background-color: #DEDEDE;
            color: #999898;
            font-size: 14px;
            font-style: italic;
            font-weight: bold;
            margin-bottom: 0;
            margin-top: 0;
            padding: 5px 15px;
        }

        #globalSearch #results .section-content {
            color: #3B3B3B;
            margin-bottom: 5px;
            padding: 7px 15px 5px;
            display: block;
        }

            #globalSearch #results .section-content ul {
                list-style: none outside none;
                margin: 0;
                padding: 7px 15px 5px;
            }

                #globalSearch #results .section-content ul li {
                    margin-bottom: 8px;
                }

            #globalSearch #results .section-content table {
                margin-bottom: 8px;
            }

            #globalSearch #results .section-content td.left {
                font-size: 13px;
                font-weight: bold;
                padding-right: 6px;
            }

            #globalSearch #results .section-content td.middle {
                font-size: 10px;
                font-weight: normal;
                padding-top: 2px;
                padding-right: 6px;
            }

            #globalSearch #results .section-content td.right {
                font-size: 10px;
                font-weight: normal;
                padding-top: 2px;
            }


    #globalSearch #global-search-popup-content {
        padding: 0px !important;
    }

    #globalSearch #previewCOntent {
        padding: 0px !important;
    }
   
#all-results {
    background-color: #E7E7E7;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #999898;
    font-size: 14px;
    font-weight: bold;
    padding: 7px 15px;
    text-align: center;
}

    #all-results a {
        color: #74A4D1;
        text-decoration: none;
    }

        #all-results a:hover {
            color: #74A4D1;
            text-decoration: none;
        }

body.socialsite-page .hideShowGlobalSearchTable a ,body.socialsite-object .hideShowGlobalSearchTable a {
    color: #000000;
}
#globalSearch.search-closed #results {
    display: none;
}

#globalSearch.search-open #results {
    display: block;
}

.clearme {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
}

.setFontsPopup {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 85%;
}

.setFontsRewardsPopup {
    font-size: 1.2em;
    margin-top: 10px;
    font-family: Arial,Helvetica,sans-serif;
}

.saveDocPopup {
    padding-left: 170px !important;
}

#divDocumentFolderPropertiesPopupContainer .documents {
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
}

.emailSpanNewFolder {
    width: 78px !important;
}

/*--------------------------------------
         Header Layout style 
--------------------------------------*/
#appsuite-nav .arrow.bottom {
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -5px;
    display: none;
}

#appsuite-nav .tab-active + .arrow.bottom, #appsuite-nav .tab:hover + .arrow.bottom {
    display: none;
}

#appsuite-nav li {
    position: relative;
}

#appsuite-nav .arrow.right, li > .arrow {
    border-left-color: #8c8c8c;
}

#appsuite-nav .arrow.bottom, li.expanded > .arrow {
    border-top-color: #8c8c8c;
}

#appsuite-nav .arrow.left {
    border-right-color: #8c8c8c;
}

#appsuite-nav .arrow.top {
    border-bottom-color: #8c8c8c;
}


/*--------------------------------------
         Page Layout style 
--------------------------------------*/

.subsection-header .box-splitter {
    background-color: #F8F8F8 !important;
    border: 1px solid #d8d8d8;
    color: Black;
    height: 42px;
    line-height: 38px;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.subsection-header-text {
    cursor: pointer;
    display: block;
    float: left;
    font-size: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px;
}
#outterObjectLayoutContainer .subsection-header-text {
    font-size:1em;
}

.page-layout-sections {
    float: left;
    margin-bottom: 0px;
    padding-bottom: 10px;
    width: 100%;
    clear: both;
}

.Client-Object .page-layout-sections {
    min-width: 600px;
}

body.Office .page-layout-sections, body.Office #objectPageLayout .view-area {
    max-width: 1200px;
}

    body.Office .page-layout-sections #membershipPlugin {
        margin-top: 5px !important;
    }


#editForm .page-layout-sections {
    max-width: 100%;
}

div.page-layout-section .page-layout-section-header {
    clear: both;
    float: left;
    width: 100%;
    font-size: 1em;
    padding: 5px 0;
    margin-top: 5px;
    background-color: #F8F8F8;
    border: 1px solid;
    border-color: #D8D8D8;
}

body.socialsite-page div.page-layout-section .page-layout-section-header {
    background-color: transparent;
    border: none;
}

.page-layout-section-content {
    background-color: #F8F8F8;
    border: 1px solid;
    border-color: #D8D8D8;
    border-top: none;
    padding-bottom: 20px;
    padding-left: 1%;
    padding-right: 1%;
    width: 98%;
}

.page-layout-section-content.no-section-header{
    border-top: 1px solid #D8D8D8;
}

body.socialsite-page div.page-layout-section-content {
    padding-left: 0%;
    padding-right: 0%;
    width: 100%;
}

body.Office div.page-layout-section-content {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

body.socialsite-page div.page-layout-section-content {
    background-color: transparent;
    border: none;
}

div.page-layout-section.expanded .page-layout-section-header {
    border-bottom: none;
}

.page-layout-section.expanded.box{
    margin-bottom: 1em;
}
.pm-form  .page-layout-termswrapper .field{
    min-height:100%;
    margin-top:3px;
}
.record-saved-message{
    color: Green; 
    margin-bottom: 1em;
}

body.Office #memberSignupView.section-content .subsection-content > p {
    padding: 4px 0;
}

.page-layout-section .page-layout-section-content {
    display: none;
    clear: both;
}

.page-layout-section.expanded .page-layout-section-content {
    display: block;
}


.subsection-header .expand-link {
    overflow: hidden;
    padding-left: 20px;
    text-overflow: ellipsis;
    width: 160px;
}

.page-layout-section .expand-link {
    margin-left: 10px;
    width: 330px !important;
}

.view-area .expand-link {
    height: 38px;
}

.view-area .subsection-content {
    display: none;
}

.view-area.expanded .subsection-content {
    display: block;
}

.view-area .drop-down {
    background-color: #363636;
    border: 1px solid #CCCCCC;
    bottom: 0;
    color: #FFFFFF;
    left: 0;
    margin-bottom: 23px;
    position: absolute;
    z-index: 100;
    min-width: 155px;
}

.subsection-header .view-area .drop-down {
    background-color: #363636;
    border: 1px solid #CCCCCC;
    color: #FFFFFF;
    left: 0;
    position: absolute;
    z-index: 100;
}


.view-area .drop-down .row {
    display: table-row-group;
    cursor: pointer;
}

    .view-area .drop-down .row .cell {
        display: table-cell;
        overflow: hidden;
        padding: 2px;
        text-overflow: ellipsis;
        padding: 0 2px;
        white-space: nowrap;
        line-height: 30px;
        font-family: "open sans";
        font-size: 13px;
        vertical-align: middle;
    }

    .view-area .drop-down .row:hover {
        background-color: #22669B;
        color: White;
    }

    .view-area .drop-down .row.selected {
        background-color: #22669B;
        color: White;
    }

.view-area .drop-down .delete-view-link {
    border-style: none;
    float: left;
    height: 30px;
    width: 10px;
}

.view-area .drop-down .delete-view-link.visible {
    background-image: url('Images/ControlIcons/clear_search.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 10px 10px;
}

.view-area .drop-down .edit-view-link {
    visibility: hidden;
    font-size: 10px !important;
    padding-left: 4px !important;
    padding-right: 5px !important;
    float: left;
}

    .view-area .drop-down .edit-view-link.visible {
        visibility: visible;
    }

.view-area .view-menu {
    float: right;
}

.view-area .view-name.selected {
    background-color: #FFFFFF;
    background-image: url("Images/DefaultIcons/select-list-arrow.png");
    background-position: 117px center;
    background-repeat: no-repeat;
    border: 1px solid #D2D2D2;
    color: #000000;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    margin-top: 7px;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 10px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 115px;
}

.view-area .view-title {
    float: right;
    font-family: "open sans",Arial;
    font-size: 24px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: right;
    width: 42px;
}

.view-area .drop-down .view-name.cell {
    max-width: 110px;
    min-width: 110px;
    outline: none;
}

.view-area .drop-down .new-view-link {
    border-bottom: 1px solid #C0C0C0;
    cursor: pointer;
    padding-left: 25px;
    padding-right: 10px;
    height: 30px;
    line-height: 30px;
}

/*--------------------------------------
         Page Layout Controls Style 
--------------------------------------*/

.two-col-lookup .input-dynamic-lookup, .two-col-lookup .input-search-box{
    display: inline-block;
    vertical-align: middle;
}

.two-col-lookup .input-dynamic-lookup {
    width: 30%;
}

.two-col-lookup .input-search-box {
    width: 69%;
    margin-left: 1%;
}

.Picklist-wrapper.PriceScheme-wrapper select, .Picklist-wrapper.PriceScheme-wrapper .currency{
    display: inline-block;
}

.Picklist-wrapper.PriceScheme-wrapper .currency{
    width: auto !important;
    height: auto;
    margin-left: 5px;
}

.AgeRule-wrapper .field.date .field-web-control{
    display: inline-block;
    margin-left: -55px;
}

.AgeRule-wrapper .k-dropdown{
    min-width: 215px;
}

/*-------| Agreement |-------*/

div.spacer {
    height: 30px;
    display: block;
}

.agreement-wrapper {
    width: 620px;
    padding: 30px;
    padding-bottom: 20px;
    background-color: white;
    /*margin-top:160px;*/
    margin-left: auto;
    margin-right: auto;
}

    .agreement-wrapper h3 {
        padding: 0px;
        margin-top: 0px;
        margin-bottom: 15px;
        font-family: 'Myriad Pro';
        font-weight: normal;
        font-size: 18px;
        color: #0C7895;
    }

    .agreement-wrapper p {
        padding: 0px;
        margin-top: 0px;
        margin-bottom: 20px;
        font-family: 'open sans';
        font-weight: normal;
        font-size: 13px;
        color: #3C3C3C;
    }

span.bold {
    font-weight: 600;
}

.agreement-wrapper a.link-style {
    font-family: 'open sans';
    color: #4B8CF4;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
}

    .agreement-wrapper a.link-style:hover {
        text-decoration: none;
    }

a.learn-more {
    display: block;
    margin-top: -10px !important;
}

div.spacer {
    height: 30px;
    display: block;
}

span.dark {
    color: #161616;
    font-weight: 600;
}

.large {
    font-size: 15px !important;
    margin-bottom: 10px !important;
}

.agreement-wrapper .agree {
    float: left;
    margin-right: 5px;
}

.agreement-wrapper .float-right {
    float: right !important;
}

/*-------| Wizard |-------*/

.wizard-wrapper {
    width: 620px;
    padding: 30px;
    padding-bottom: 20px;
    background-color: white;
    /*margin-top:160px;*/
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

    .wizard-wrapper .left-cell {
        width: 55%;
        height: 250px;
        display: inline-block;
        float: left;
    }

    .wizard-wrapper .right-cell {
        width: 45%;
        height: 250px;
        display: inline-block;
    }


    .wizard-wrapper input.default {
        border: 1px solid #CECECE !important;
        border-radius: 5px 5px 5px 5px;
        color: #000000 !important;
        font-size: 12px;
        height: 29px;
        margin-bottom: 10px;
        padding: 0px 5px;
        width: 250px;
        background-color: white;
    }

        .wizard-wrapper input.default:hover {
            border: 1px solid #AAAAAA;
        }

        .wizard-wrapper input.default:focus {
            border: 1px solid #AAAAAA;
            box-shadow: 2px 1px 2px 0 #DDDDDD inset;
            outline: medium none;
        }

    .wizard-wrapper .icon-input {
        background-image: url("../content/images/broadcast/cal-icon.png");
        background-position: 98% center;
        background-repeat: no-repeat;
    }

.notIE label:after {
    background: url("../content/images/broadcast/drop-down-arrow-grey.png");
    background-repeat: no-repeat;
    background-color: white;
    background-position: 40% center;
    content: "";
    display: inline-block;
    height: 27px;
    pointer-events: none;
    position: absolute;
    right: 5px;
    top: 1px;
    width: 23px;
    border-radius: 4px 4px 4px 4px !important;
}

@-moz-document url-prefix() {
    .notIE label:after {
        right: 4px;
    }

    .shopping-cart-item-count-normal {
        margin: 3px 0 0 12px;
        position: absolute;
        width: 20px;
        text-align: center;
        font-size: 70%;
        color: #FFFFFF;
        z-index: 1;
    }
    .multi-location-picker .t-checkbox {
     margin-top: 1px !important;
     margin-right:5px;
}
    #button-view-find-container-view .button {
        line-height: 22px;
    }
    body.Office #OptionsSelector div.t-animation-container {
        margin-top: 1px;
    }
    #ApplicationMenu > li span.k-state-active {
        z-index: 10003;
        position: relative;
    }
    #ApplicationMenu li.k-item ul.k-popup {
        border-top: 1px solid #CCCCCC;
        margin-top: 0 !important;
    }
    .mainMargin .facilities-advanced-view .search-box-wrapper .search-box {
        width: 78%;
    }
}

.wizard-wrapper label {
    display: inline-block;
    position: relative;
}

.wizard-wrapper select {
    font-family: 'open sans';
    background-color: #FFFFFF;
    /*
    border: 1px solid #CECECE;
    */
    border: 1px solid blue;
    border-radius: 4px 4px 4px 4px;
    line-height: 23px;
    color: #000;
    display: inline-block;
    margin-bottom: 10px;
    outline: medium none;
    padding: 4px 3px 5px 0;
    width: 257px;
    font-weight: 600;
}

    .wizard-wrapper select:hover {
        border: 1px solid #AAAAAA;
    }


.wizard-wrapper .voice {
    font-family: 'open sans';
    font-size: 16px;
    color: #4A8BF6;
    padding: 5px 0px 5px 30px;
    background-image: url(../content/images/broadcast/phone-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
}

.wizard-wrapper .voice-disabled {
    font-family: 'open sans';
    font-size: 16px;
    color: #B2B2B2;
    padding: 5px 0px 5px 30px;
    background-image: url(../content/images/broadcast/phone-icon-grey.png);
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
}

.wizard-wrapper .sms {
    font-family: 'open sans';
    font-size: 16px;
    margin-left: 25px;
    color: #4A8BF6;
    padding: 5px 0px 5px 30px;
    background-image: url(../content/images/broadcast/sms-icon-blue.png);
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
}

.wizard-wrapper .sms-disabled {
    font-family: 'open sans';
    font-size: 16px;
    margin-left: 25px;
    color: #B2B2B2;
    padding: 5px 0px 5px 30px;
    background-image: url(../content/images/broadcast/sms-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
}

.wizard-wrapper span.reload-icon {
    background-image: url(../content/images/broadcast/refresh-icon.png);
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    width: 14px;
    height: 19px;
    margin-top: 43px;
    margin-left: 8px;
}

.wizard-wrapper span.play-icon {
    background-image: url(../content/images/broadcast/PlayBTN_S.png);
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 30px;
    margin-top: 43px;
    margin-left: 8px;
}

.wizard-wrapper .sound-file-container {
    height: 59px;
    width: 248px;
    padding: 8px 5px 8px 5px;
    border: 1px dashed #000;
    display: inline-block;
    position: relative;
}

.wizard-wrapper .file-name {
    font-family: 'open sans';
    font-size: 12px;
    color: #4f4f4f;
    margin-left: 4px;
    display: inline-block;
    vertical-align: middle;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.import-file-name{
    margin-right: 0.5em;
}

.wizard-wrapper span.file-progress-icon {
    background-image: url(Images/Site/ProgressAnimation.gif);
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    width: 14px;
    height: 15px;
    margin-top: 20px;
    margin-left: 128px;
    position: absolute;
}

#btnUpload.action.file-upload-btn {
    position: absolute;
    right: 0;
    top: 27px;
}

.wizard-wrapper .file-upload-btn {
    float: right;
    margin-top: 12px;
}

.wizard-wrapper .right-cell h4 {
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: 'open sans';
    font-weight: 600;
    font-size: 13px;
    font-style: normal;
    color: #000;
}

.wizard-wrapper .right-cell p {
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-family: 'open sans';
    font-weight: 300;
    font-size: 12px;
    color: #000;
}

    .wizard-wrapper .right-cell p strong {
        font-weight: 600;
    }

    .wizard-wrapper .right-cell p.terms {
        font-size: 13px;
        font-weight: 600;
    }

        .wizard-wrapper .right-cell p.terms a {
            font-size: 13px;
            color: #5584FF;
            text-decoration: underline;
        }

            .wizard-wrapper .right-cell p.terms a:hover {
                text-decoration: none;
            }

.wizard-wrapper #objectPageLayoutSection label {
    display: none;
}

.wizard-wrapper #label_00000000-0000-0000-0000-000000000000 {
    display: none;
}



.wizard-wrapper .field {
    width: 220px;
}

.wizard-wrapper td.label {
    padding-left: 0px;
}

:not(#imgbtn-00000000-0000-0000-0000-000000000000.bookme-attendee-wrapper) #imgbtn-00000000-0000-0000-0000-000000000000 {
    position: relative;
    right: 32px;
    top: -5px;
}

.wizard-wrapper span.reload-icon {
    margin-left: 0px;
    margin-top: 0px;
    position: absolute;
}

.wizard-wrapper span.play-icon {
    margin-left: 269px;
    margin-top: 0px;
    position: absolute;
}

.wizard-wrapper td.label {
    width: 0px !important;
    display: none !important;
}

.wizard-wrapper td.field {
    padding-left: 0px !important;
}

.wizard-wrapper .uploadTitle {
    font-family: 'open sans';
    font-size: 12px;
}

:not(#imgbtn-00000000-0000-0000-0000-000000000000.bookme-attendee-wrapper) #imgbtn-00000000-0000-0000-0000-000000000000 {
    position: relative;
    right: 52px;
}

.printandexport {
    margin-left: 10px;
    float: right;
    display: none;
}

#inprogressIcon {
    position: relative;
    top: -30px;
    text-align: center;
    display: none;
}

.wizard-wrapper span.send-progress-icon {
    background-image: url("Images/Site/ProgressAnimation.gif");
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    width: 14px;
    margin-top: 12px;
    position: absolute;
    right: 16px;
}

.wizard-wrapper #btnSelect, .wizard-wrapper #btnUpload {
    right: 0px;
    bottom: 5px;
    position: absolute;
}

/*------| Error message css ~ Tyson|------*/

.error-message {
    background-color: #f00000;
    border-radius: 10px;
    color: white;
    font-family: 'open sans';
    padding: 6px 8px 6px 8px;
    position: relative;
    width: 272px;
    margin-top:10px;
}

    .error-message p {
        font-size: 12px;
        margin-bottom: 10px;
        margin-top: 0px;
        padding: 0px;
    }

        .error-message p:last-child {
            margin-bottom: 0px;
        }

    .error-message strong {
        font-size: 12px;
        font-weight: 600;
        text-decoration: underline;
        text-transform: capitalize;
    }

    .error-message span.error-icon {
        background-image: url(../content/images/error-message-warning-icon.png);
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        height: 23px;
        left: -40px;
        position: absolute;
        width: 26px;
    }

/*------| End of error message css|------*/

/*----- |Invoice prosses pop up| ------ */
#invoiceProcessNowPopup .error-message {
    margin-left: 114px;
}


/*---------disabled background scrolling for kendo ui window------*/

.overflowHidden {
    overflow: hidden;
}

/*----------end-----------------*/

/*--------------------------------------
           UI Elements 2013
--------------------------------------*/

/*-------|Tags|------*/

.notification-tag {
    display: block;
    width: 60px;
    height: 30px;
    background-color: #8A8A8A;
    font-family: 'open sans', arial;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    border-radius: 4px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
}

    .notification-tag.red {
        background-color: #D94A3C !important;
    }

    .notification-tag.green {
        background-color: #8DCA35 !important;
    }

    .notification-tag.small {
        width: 60px;
        height: 19px;
        font-size: 11px;
        font-weight: 400;
        border-radius: 4px;
        line-height: 20px;
    }

    .notification-tag.left {
        float: left;
        clear: both;
    }

    .notification-tag.right {
        float: right;
        clear: both;
    }


/*-------|End Tags|------*/

.lookupTexbox{
    height: 28px;
    width:100%;
}

div.page-layout-section-content .imageFilePicker {
    padding-left: 0px;
}

.LongTextArea-wrapper .field.longtextarea {
    padding-bottom: 6px;
}

.Office .k-multiselect .k-input {
    border: none;
}

.contact-center .k-input {
    padding: .5em 0 0 0;
}

.picklist .k-dropdown.lookupAsPicklist {
    width: 70%;
}

.picklist select.lookupAsPicklist{
    width: 70% !important;
}

.lookupAsPicklist + .pm-edit-button{
    margin-right: 0;
    float: right;
    display:none;
}

div.page-layout-section-content input:hover {
    border-color: #AAAAAA;
}

div.page-layout-section-content input:focus {
    border-color: #4D90FE;
    outline: medium none;
}

div.page-layout-section-content .field.multipleselectpicklist select,
.Office .objectPageLayoutSection .field.multipleselectpicklist select {
    height: auto;
}

/*--------------------------------------
          End UI Elements 2013
--------------------------------------*/

/* Registration Forms */
#regFormWindow {
    max-height: 680px;
}

#regForm .k-dropdown, #regForm .k-datetimepicker {
     width: auto;
     min-width: 200px;
}

#regForm {
    min-width: 300px;
}

#regForm ul {
    width: 100%;
    list-style-type: none;
}

#regForm li {
    margin-top: 6px;
    margin-bottom: 6px;
    border-radius: 6px;
    padding: 8px;
}

.regFormButtons {
    text-align: right;
    margin-top: 10px;
    margin-bottom: 4px;
}

#regForm .form-section{
    padding: 1em;
}

.questions .form-section{
    position: relative;
}

#regForm .form-section-section{
    margin-top: 2em;
    background-color: #E7E7E7;
}

#regForm .form-title-section h2{
    padding: 0 0 0.25em 0;
    color: #1E65B1;
    font-size: 1.75em;
}

#regForm .form-title-section p{
    margin: 0;
}
.questionTitle {
    font-weight: bold;
    padding-bottom: 5px;
    position: relative;
}

.questionTitle .auto-resize {
    font-weight: bold;
}

.pm-form .questionTitle .required-symbol{
    position: absolute;
    top: -6px;
    left: -9px;
}

.pm-form textarea.auto-resize, .borderless{
    border: none;
    font-size: 14px;
    padding: 0;
}

textarea.auto-resize:read-only{
    overflow: hidden;
    pointer-events: none;
    background-color: transparent;
    width: 100%;
}

ul.questions li.form-section {
    list-style: none;
}

.pm-form .questionField{
    padding-left: 20px;
}

.questions li.form-section:before {
    content: "•";
    position: absolute;
    left: -9px;
    top: -6px;
    font-size: 24px;
}

/*IE*/
textarea[readonly].auto-resize{
    overflow: hidden;
    pointer-events: none;
    background-color: transparent;
    width: 100%;
}

.questionHelp {
    color: lightslategray;
    margin-bottom: 8px;
}

#regFormWindow .scrollable-section {
    padding: 0 1em 1em 2em;
}

#regFormWindow .scrollable-section:not(.pm-form) {
    margin-right: -8px;
    margin-top: -8px;
    max-height: 535px;
}

#regFormWindow .scrollable-section ul li {
    padding: 0 0 1em 0;
}

#regFormWindow .form-title-section p{
    padding: 0 1em 0 0;
}

#regFormWindow .form-title-section h2{
    padding-left: 0;
}

#regFormWindow .preview-form-wrapper .scrollable-section {
    max-height: 458px;
}

.update-question-alert{
    padding-left: 55px !important;
}

.update-question-alert .title{
    margin: 5px 0;
}

.exclamation-circle:before{
    content: "\f06a";
    color: #FFB006;
    font-family: "FontAwesome";
}

.delete-question-option, .delete-answer-option{
    position: relative;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.update-question-alert .exclamation-circle {
    font-size: 25px;
    position: absolute;
    left: -30px;
    top: -6px;
}

/* End Registration Form */

/*--------------TASKS-----------------*/

.box input.warning {
    background-color: #fbb;
}

.error {
    background-color: #FFE9E9 !important;
    border: 1px solid #B61515 !important;
}

#task-icon {
    height: 30px;
    background-image: url(images/DefaultIcons/Task_Empty.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-left: -34px;
    position: relative;
    margin-top: -7px;
}

#task-icon-occupied {
    height: 30px;
    background-image: url(images/DefaultIcons/Task_Number_v2.0.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-left: -34px;
    margin-top: -7px;
}

#task-count {
    margin-left: 14px;
    font-size: smaller;
    position: absolute;
    top: -6px;
    width: 12px;
    color: White;
    text-align: center;
}

#tasks {
    text-decoration: none;
    position: relative;
    float: right;
    display: block;
    color: #CCCCCC;
    margin-top: 8px;
    width: 15px;
    float: right;
    padding-right: 20px;
    padding-left: 50px;
}
.task-datepicker {
    z-index: 100001 !important;
}
.task-icon-label {
    display: block;
    position: absolute;
    top: -1px;
    cursor: pointer;
}

#tasks-app {
    top: 25px;
    width: 400px;
    background-color: white;
    border: 1px solid #B8B8B8;
    border-radius: 4px;
    position: absolute;
    box-shadow: 2px 2px 2px #D0D0D0;
    font-family: "open sans";
    z-index: 2001;
    right: 227px;
    left: -240px;
}

    #tasks-app #pointer {
        position: absolute;
        top: -8px;
        margin-left: 260px;
        width: 43px;
        height: 21px;
        display: block;
        background-image: url(images/DefaultIcons/tip.png);
        background-repeat: no-repeat;
    }

#my-tasks h3.title {
    font-weight: 600;
    color: #0E79B5;
    margin: 8px 10px 0px 10px;
    border-bottom: 1px solid #EAEAEA;
    font-size: 15px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-top: 0;
}


.task-list-wrapper{
    height: 181px;
    overflow: hidden;
}

#my-tasks ul.task-list {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    white-space: normal !important;
}

    #my-tasks ul.task-list li.task-item {
        height: 35px;
        line-height: 33px;
        border-bottom: 1px solid #EAEAEA;
        display: block;
        margin: 0px 15px 0px 15px;
    }


        #my-tasks ul.task-list li.task-item:last-child {
            border-bottom: none;
        }


        #my-tasks ul.task-list li.task-item span {
            display: inline-block;
            vertical-align: middle;
        }

        #my-tasks ul.task-list li.task-item .completeCheckbox {
            margin-right: 10px;
            height: 31px;
            vertical-align: middle;
        }

            #my-tasks ul.task-list li.task-item .completeCheckbox input {
                margin: 0px;
                display: block;
                margin-top: 5px;
                position: relative;
            }

        #my-tasks ul.task-list li.task-item span.name {
            color: #000000;
            font-size: 13px;
            overflow: hidden;
            max-width: 255px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            #my-tasks ul.task-list li.task-item span.name a {
                color: #000000;
                text-decoration: none;
                font-weight: normal;
            }

                #my-tasks ul.task-list li.task-item span.name a:hover {
                    color: #5A9CC6;
                    text-decoration: underline;
                }

        #my-tasks ul.task-list li.task-item span.date {
            float: right;
            color: #8C8C8A;
            font-size: 12px;
            font-weight: normal;
        }

        #my-tasks ul.task-list li.task-item span.repeat {
            display: inline-block;
            float: right;
            margin-right: 7px;
            max-width: 30px;
            text-overflow: ellipsis;
        }

#my-tasks .action-line {
    background-color: #F9F9F9;
    display: block;
    border-top: 1px solid #B8B8B8;
    height: 28px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0;
}

#my-tasks .action-line #new-task {
    color: #0174B3;
    float: left;
    margin-left: 10px;
    font-size: 13px;
    font-weight: 600;
}

    #my-tasks .action-line #new-task:hover {
        color: #3FA5FF;
        cursor: pointer;
    }

#my-tasks .action-line #view-all:hover {
    color: #3FA5FF;
}

#my-tasks .action-line #view-all {
    color: #0174B3;
    float: right;
    font-size: 13px;
    cursor: pointer;
    font-weight: 600;
}

.over-flow {
    max-width: 200px;
}


/*------RadEditor-------*/
.reModule {
    display: none !important;
}

.reDropDownBody td {
    padding: 5px; /*for custom dropdown merge actions*/
}

span.insertMergeFields {
    background-image: url("Images/ControlIcons/InsertMergeField.png") !important;
    width: 95px !important;
    margin: 0 !important;
    background-color: #fff;
    background-position: center 6px;
    height: 24px !important;
    margin: 0 !important;
}

    span.insertMergeFields:hover {
        background-image: url("Images/ControlIcons/InsertMergeField-hover.png") !important;
        width: 95px !important;
        margin: 0 !important;
        background-color: #fff;
        background-position: center 6px;
        height: 24px !important;
        margin: 0 !important;
    }

/*--------endRadEditor-------*/


/*------|Page view|------*/
.page-layout-section-content .filter-label, .page-layout-section-content label {
    color: #3678AF;
}

.field-web-control .radio-option-wrapper label 
{
    margin-left: 3px  !important;
    vertical-align: middle  !important;
    margin-right: 7px !important;
}

/*-----------------------------------------
              Media queries
------------------------------------------*/


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* Styles */
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    /* Styles */
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    /* Styles */
}

.province-select{
    width: 203px;
}

.addr-street-code{
    width: 95px;
}

.social-site-link{
    display: block;
   max-width: 320px;
}

#formEditWorkingHours {
    margin: 0px;
}
#formEditWorkingHours h1, h1.residency-heading{
    padding:0.5em 0em;
}
h1.residency-heading {
    display:inline-block; line-height: 1.5em;
}
div.subsection-content .k-alt, .k-separator {
    /* 
    background-color: #fff;
   */
}

div.subsection-content #classesForContact {
    border: none;
}

/*---*/
#pageLoaderWrap {
    /*  background-color: #FFFFFF;*/
    background-position: center 200px;
    background-repeat: no-repeat;
    background-size: 48px auto;
    height: 100%;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 200;
    left: 0;
    top: 0;
}

    #pageLoaderWrap .loading-image {
        background-image: url("Images/Site/ProgressAnimation.gif");
        background-repeat: no-repeat;
        background-size: 48px auto;
        width: 48px;
        height: 48px;
        display: block;
        position: fixed;
        top: 50%;
        left: 50%;
        background-repeat: no-repeat;
    }

.pageLoaderWrap {
    /*  background-color: #FFFFFF;*/
    background-position: center 200px;
    background-repeat: no-repeat;
    background-size: 48px auto;
    height: 100%;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 200;
    left: 0;
    top: 0;
}

    .pageLoaderWrap .loading-image {
        background-image: url("Images/Site/ProgressAnimation.gif");
        background-repeat: no-repeat;
        background-size: 48px auto;
        width: 48px;
        height: 48px;
        display: block;
        position: fixed;
        top: 50%;
        left: 50%;
        background-repeat: no-repeat;
    }


/*----------------------------------------------
				Item rating
----------------------------------------------*/

div.rating-container {
    background-color: #F7F7F7;
    display: block;
    border: 1px solid #E4E4E4;
    padding: 15px;
    width: 805px;
    margin-left: auto;
    margin-right: auto;
    font-family: "open sans", arial;
    border-radius: 4px;
}

    div.rating-container .review-counter {
        color: #676767;
        font-family: Verdana;
        font-size: 10px;
        font-weight: bold;
        margin-bottom: 10px;
        display: inline-block;
    }

    div.rating-container .input-wrapper {
        width: 100%;
        height: 36px;
        display: inline-block;
        position: relative;
        margin-bottom: 10px;
    }

        div.rating-container .input-wrapper input {
            width: 100%;
            display: inline-block;
            height: 32px;
            border: 1px solid #D2D2D2;
            border-radius: 3px;
            padding-left: 1%;
            padding-right: 20%;
        }

        div.rating-container .input-wrapper span.submit-post {
            background-color: #7B7B7B;
            border-radius: 2px;
            color: #FFFFFF;
            display: inline-block;
            font-family: arial;
            font-size: 15px;
            padding-bottom: 4px;
            padding-top: 3px;
            position: absolute;
            right: 3px;
            text-align: center;
            top: 3px;
            width: 60px;
            cursor: pointer;
        }

            div.rating-container .input-wrapper span.submit-post:hover {
                background-color: #5B5B5B;
            }


        div.rating-container .input-wrapper div.user-rating {
            position: absolute;
            right: 70px;
            top: 8px;
        }

    div.rating-container div.post-wrapper {
    }

        div.rating-container div.post-wrapper .post {
            display: inline-block;
            height: 40px;
            width: 100%;
            padding-top: 5px;
            padding-bottom: 5px;
        }

            div.rating-container div.post-wrapper .post .image {
                width: 40px;
                height: 40px;
                display: inline-block;
                float: left;
                margin-right: 5px;
                text-align: center;
            }

                div.rating-container div.post-wrapper .post .image .re-size-image {
                    background-position: center center;
                    background-repeat: no-repeat;
                    background-size: 31px auto;
                    border-radius: 12px;
                    display: block;
                    height: 35px;
                    margin-top: 1px;
                    text-align: center;
                    width: 35px;
                }

            div.rating-container div.post-wrapper .post h4.user-name {
                color: #618BAF;
                font-size: 12px;
                font-weight: 700;
                font-family: "open sans";
                margin: 0px;
                padding: 0px;
            }

            div.rating-container div.post-wrapper .post span.message {
                color: #6D6D6D;
                float: left;
                font-family: "open sans";
                font-size: 12px;
                margin-top: 5px;
                max-width: 660px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            div.rating-container div.post-wrapper .post span.rating {
            }

                div.rating-container div.post-wrapper .post span.rating span {
                    margin-left: 5px;
                    margin-top: 5px;
                }

            div.rating-container div.post-wrapper .post span.remove-post {
                float: right;
                width: 14px;
                height: 13px;
                display: inline-block;
                background-image: url(https://www.lakevillemartialartsclub.com/content/images/remove-icon.png);
                background-repeat: no-repeat;
                cursor: pointer;
            }

    div.rating-container .view-all-review {
        color: #486EA5;
        font-family: Verdana;
        font-size: 10px;
        font-weight: bold;
        margin-bottom: 10px;
        display: inline-block;
        margin-top: 10px;
        display: none; /* Re-inable if reviews exceed limit*/
    }

        div.rating-container .view-all-review:hover {
            text-decoration: none;
        }

/*Temporal fix from kendo after the update on 25/03/2014*/
.k-ff {
    overflow: inherit !important;
}

.ui-timepicker-wrapper {
  background-color: #FFFFFF;
  height: 200px;
  overflow: auto;
  padding: 10px;
  width: 80px;
  z-index: 11200;
}

#AvailabilityGrid .status {
    background-image: url("../content/images/ControlIcons/delete.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 18px 18px;
    padding-left: 20px;
}

.ui-timepicker-list {
  cursor: pointer;
  list-style: none outside none;
}

.ui-timepicker-list li:hover
{
    background-color: #3678AF;
    color: #fff;
}

.k-widget.k-search-wrap.k-textbox {
    float: left !important;
}

#AvailabilityGrid .status.available {
    background-image: url("../content/images/ControlIcons/checkmark-icon.png");
}

.field-web-control.readonly > ul, .field-web-control.readonly > ol {
    padding: 0 0 0 2.5em !important;
}

/*template list popup*/
#templateListPopupContainer {
    min-height: 220px;
    max-height: 450px;
    height: auto;
    max-width : 700px;
}

.templateList {
    width: 100%;
    max-width: 100%;
    font-family: 'open sans',arial;
}

.templateItem {
    float: left;
    width: 95%;
    max-width: 95%;
    list-style: none;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: rgba(0, 0, 0, 0.3) solid thin;
    display: table-row;
    font-family: 'open sans',arial;
}

.templateList .templateItem:last-child {
    border-bottom: none;
}

.templateItem-content {
    float: left; max-width: 75%; margin-top: 5px;
}

.templateItem-actions {
    width: 120px; float: right;
}

.templateItem-Text, .templateItem-Image{
    display: inline-block;
    vertical-align: middle;
    max-width: 85%;
}

.templateItem-Image {
    width: 37px;
    height: 37px;
    padding: 0 10px;
}

.templateItem-Name {
    /*max-width: 85%;*/
    /*width: 500px;*/
    /*float: left;*/
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /*display: table-cell;*/
    font-family: 'open sans',arial;
    margin: 0;
}

.templateItem-Description {
    /*max-width: 85%;
    width: 85%;
    float: left;
    margin-left: 55px;*/
    /* white-space:nowrap;*/
    max-height: 35px;
    text-overflow: ellipsis;
    overflow: hidden;
    /*display: table-cell;*/
    display: block;
    color: #969696;
    font-family: 'open sans',arial;
    font-size: 12px;
    font-weight: 500;
    /*margin-top: -10px;*/
}

.templateItem-content-wrapper {
    float: left;
    width: 100%;
    max-width: 100%;
    min-height: 75px;
}

.templateItem-choose {
    text-shadow: 0 1px 0 #2F5BB7 !important;
    background-color: #5D85C2;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 18px;
    font-weight: 500;
    height: 36px;
    line-height: 34px;
    padding: 0 10px;
    position: relative;
    text-align: center;
    width: 90px;
    margin-top: 10px;
    cursor: pointer;
}

    .templateItem-choose:hover {
        background-color: #498BF4;
        color: white;
    }
/*template list popup end*/

/*Hardcode Membership fields alignment start*/
.hardcodeMembershipCalculationField {
    /*width: 88% !important;*/
}

.hardcodeMembershipTaxField {
    margin-right: 0 !important;
    /*width: 90% !important;*/
}
/*Hardcode Membership fields alignment end*/

/* Malihu Custom Scrollbar CSS */
.mCSB_inside > .mCSB_container {
    margin-right: 0px;
}

.form-disabled{
    opacity: 0.3;
}

.form-disabled *{
    cursor: default;
}

.field .multiple-picklist, .field select[multiple="multiple"], #signInLoginContainer select[multiple="multiple"]{
   height: auto !important;
}

#AreTermsAndConditionsCheckbox {
    width: auto !important;
    display: inline;
    height: 22px;
    margin-left: 10px;
    border: none; 
    background-color: transparent;
}

.terms-conditions-wrapper {
    float: left;
    vertical-align: middle;
    text-align: left;
    margin: 0;
    width: 100%;
}

/*Align checkbox*/
.alignCheckbox {
  display: block;   
  margin: 0px 0px 0px 8px;
}

.multipickertitle {
   margin: 2% 2.5%;
    text-align: left;
}

.multiple-picklist-checkboxes {
    padding: 6px 4% 0 0;
    text-align: left;
}

.multiple-picklist-checkboxes [type="checkbox"] + label {
        margin-top: 0em !important;
        vertical-align: top;
 }

.BookingType-wrapper .multiple-picklist-checkboxes [type="checkbox"] + label {
    margin-top: 0.5em !important;
    vertical-align: top;
 }

.box .alignCheckbox input[type=checkbox] {
    display: inline;
    float: left;
    width: 6% !important;
    border: none;
    background-color: transparent;
    vertical-align: middle;
    padding-top: 0px !important;
}

.box .alignCheckbox label {
    display: inline;
    float: left;
    margin: 0.3em 0px;
    vertical-align: middle;
}

/*Align input area below checkbox*/
.alignCheckboxtextbox {
    margin: 0px 10px;
    display: block;
    width: 94%;
    /*float: left; This creates many problems in signup forms with readonly fields, address fields not aligned, etc */
}

.embed .alignCheckboxtextbox {
    margin: 0px;
    width: 100%;
}

    .embed .gradient-button {
        margin-right: 0px;
}

    .freeze-transcation-popup #paymentStartDateContainer .pmdatepicker {
    width: 150px;
}

#signInLoginContainer #AreTermsAndConditionsCheckbox, #divSignupOptionTermsAndConditions #AreTermsAndConditionsCheckbox {
    height: auto;
}

    .Url-wrapper.Website-wrapper #ytPlayer {
        width: 280px;
        height: 200px;
}

body.socialsite-object table.template-picker-table {
    width: auto;
}

.fullContentPopup {
    display: none;
    z-index: 100500;
    position: fixed; 
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: 112px;
    margin-bottom: 112px;
}

        .fullContentPopup iframe {
    width: 100%; 
    height: 100%; 
    border-style: none;
}

#signupTermsAndConditions .k-input {
    height: auto;
}

#signupTermsAndConditions .k-editor-dropdown.k-group-start .k-dropdown-wrap.k-state-default {
    margin-top: -2px;
}

.my-account .subsection-content {
    margin-top: 10px;
    margin-bottom: 10px;
}

        .my-account .subsection-content span.label, .my-account .subsection-content span.field.disabled-field {
            margin-top: 7px;
            vertical-align: middle;
}

.signupform-wrapper {
        display: table-cell;
        vertical-align: middle;
        width: 334px;
}

    .generatePromotionCode {
        cursor: pointer;
        position: absolute;
        margin-left: 10px;
}

    #featuredItems .inline-actionmenu .popup-panel, .cardview-container .inline-actionmenu .popup-panel, #customButtonContextMenu.actionmenu {
        width: 140px;
}

#POTypeDialogContainer .popup-buttons {
    display: block;
    text-align: center;
}

    .buttons-line-phone, .built-in-buttons-phone {
    text-align: center;
}

#grdDocuments tr {
    cursor: pointer;
}

    #objectAjaxPageLayoutFeedback .one-col-layout td.label {
        width: 100px;
    }


#OptionsSelector ul.t-group {
    min-width: 155px;
}

.loading-status-container {
    position: absolute;
    background: white;
    opacity: 0.5;
    left: 0;
    width: 100%;
    text-align: center;
}

    .processing-status-image {
        width: 16px;
        height: 16px;
}

    #ajaxRequestStatus_attendance {
    opacity: 1.0 !important;
    text-align: center;
}

    #tblAdvanceFilterFields tr td:nth-child(1), #tblAdvanceFilterFields tr td:nth-child(4), #tblAdvanceFilterFields tr td:nth-child(6) {
        width: 10%;
    }

    #tblAdvanceFilterFields tr td:nth-child(2), #tblAdvanceFilterFields tr td:nth-child(5) {
        width: 8%;
    }

    #tblAdvanceFilterFields tr td:nth-child(3) {
        width: 15%;
        padding-left: 20px;
    }

.advanceFilter-select {
    min-width: 30px !important;
    padding: 5px;
}

#addAvailabilityPopup .field-validation-error {
        word-break: normal;
}

.addHolidaysPopup .label {
    padding-top: 5px;
    min-width: 123px;
    display: inline-block;
    color: #333;
}
.addHolidaysPopup .value {
    width: 69%;
    vertical-align: top;
    display: inline-block;
    float: none !important;

}
.addHolidaysPopup .row {
    width: 100%;
}
.addHolidaysPopup .value input[type=checkbox] {
    margin-top: 7px;
}
.addHolidaysPopup .holiday-name, .addHolidaysPopup .holiday-date, .addHolidaysPopup.tax-year select {
    height: 28px;
    float: left;
    padding: 0 4px;
    background-color: #FFFFFF;
    border: 1px solid #CECECE;
    border-radius: 2px;
}
.addHolidaysPopup .pm-dialog-buttonpane {
    margin-right: 20px;
}
.addHolidaysPopup input[type=text], .addHolidaysPopup.tax-year select {
    background-color: #FFFFFF;
    border-radius: 2px;
    width: 100%;
}
.addHolidaysPopup.tax-year {
    min-width: 250px;
    margin-top: 1em;
}
.addHolidaysPopup.tax-year  .label{
    min-width: 90px;
}
.addHolidaysPopup.tax-year  .value{
    width: 45%;
}
.addHolidaysPopup .customdate-range .to-label{
    min-width: 35px;
    max-width: 60px;
    float: none;
    margin-left: 15px;
}
.addHolidaysPopup .singlerow .value{
    margin-left: 128px;
}
.holiday-checkbox:not(old),
.holiday-radio-btn:not(old) {
  width: 2em;
  opacity: 0;
}

.holiday-checkbox:not(old) + label,
.holiday-radio-btn:not(old) + label {
  display: inline-block;
  margin-left: -2em;
}
    .holiday-checkbox:not(old) + label .outer-circle,
    .holiday-radio-btn:not(old) + label .outer-circle {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin: 0em 0.5em 0.25em 0.25em;
        border: 0.0625em solid #2A7AB0;
        border-radius: 50%;
        background: #fff;
        vertical-align: middle;
    }

.holiday-checkbox:not(old):checked + label .outer-circle:before{
  content: '✓';
  display: block;
  width: 1.1em;
  color: #fff;
  font-size: 1em;
  line-height: 1.1em;
  text-align: center;
  text-shadow: 0 0 0.0714em rgb(115,153,77);
  font-weight: bold;
}

    .holiday-radio-btn:not(old):checked + label .inner-circle {
        display: block;
        width: 10px;
        height: 10px;
        margin: 0.140em;
        border: 0.0625em solid #2A7AB0;
        border-radius: 50%;
        background: #2A7AB0;
    }
.holiday-checkbox:not(old):checked + label .outer-circle {
    border-radius: 0.225em;
    box-shadow: none;
    background: rgb(60,126,183);
    border: none;
    width: 1.2em;
    height: 1.2em;
}
.holiday-checkbox:not(old) + label .outer-circle {
    border-radius: 0.225em;
}
.addHolidaysPopup .customdate-range .value {
    width: 120px;
}
.addHolidaysPopup .customdate-range .value  input {
    width: 100%;
}

.addHolidaysPopup .customdate-range .holiday-item {
    display: inline-block;
}

.addHolidaysPopup .customdate-range .ignore-year-block.multiDaysIgnoreYear {
    padding: 15px 18px 0 128px;
}

.addHolidaysPopup .customdate-range .ignore-year-block.singleDayIgnoreYear {
    position: relative;
    top: 5px;
    width: 30%;
    margin-left: 10px;
}

.addHolidaysPopup .customdate-range .start-picker-block {
    width: 53%;
}

.addHolidaysPopup .customdate-range .all-day-block.singleDayIgnoreYear {
    padding: 15px 18px 0 128px;
}

.menu-item-action-menu-hover:hover {
    text-decoration: none;
    background-color: #b7b7b7;
}

#valueEditorContainer td.textbox, td.url, td.lookup, td.multipleselectpicklist {
    padding-right: 1em;
}

.facebookBlock {
    float: left;
        padding-left: 0px;
}

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

.facebookLinkActionPanel-login-div {
        margin-top: 20px;
}

.facebookLinkActionPanel-div-fbUser {
    margin-right: 10px;
}

#promoteRankByExamPopup .exam-detail-grid {
    max-height: 400px;
    overflow-x: hidden;
}

.lookup-window-section {
    height: 400px;
    padding-right: 7px;
    margin-right: -7px;
    padding-top: 9px;
    margin-top: -9px;
}

    .merge-contact-yes {
        margin-left: 5px;
}

.ValidDaysContainer .multiple-picklist-checkboxes {
    margin-top: 8px;
    white-space: nowrap;
}

    .ValidDaysContainer .multiple-picklist-checkboxes Label {
        display: inline-block !important;
        margin-right: 20px !important;
    }

.Label_ValidDaysContainer {
    margin-top: 15px;
}

.paynow-price-avalability-error {
    color: darkred;
}

.paymentplann-membership-conflict {
    color: darkred;
}

#multiLocationGLAccountContainer .multi-items-locationName {
     display: inline-block;
     vertical-align: middle;
     width: 47%;
        text-align: left;
}

#multiLocationGLAccountContainer select {
    width: 51%;
}

.multi-items-wrapper .multi-items {
  margin-bottom: 5px;
        text-align: right;
}

    .multi-items-wrapper div:first-child.multi-items {
        margin-top: 2px;
}

.k-multiselect-wrap li .lookup-tag-item span {
    max-width: 175px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.k-multiselect-wrap .k-button{
    padding-right:20px;
}

#slctpmstations-list li.k-item > div {
    display: inline-block;
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.member-register h2.section-title,
 .member-register select,
 .member-register .alignCheckbox input[type="checkbox"],
 .member-register label.placeholder,
    .member-register .address-container input {
        margin-left: 10px;
    }
 
    .member-register h2.section-title {
        padding-bottom: 0.2em !important;
}

    .membershiPopup div.membership-item:first-child .invoicePopup {
        margin-left: 0px !important;
}

        .membershiPopup div.membership-item:first-child .invoicePopup img {
            left: 90px !important;
}

.qty-col .store_checkout_quantity_input[type="text"] {
    padding-right: 10px;
}

/*##### BEGIN: pm-transaction-payment-summary #####*/

    .pm-transaction-payment-summary-invoices {
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-top: 1px solid #CBCBCB;
    border-bottom: 1px solid #CBCBCB;
}

    .pm-transaction-payment-summary .statusBlue {
    color: #0077FF;
}

    .pm-transaction-payment-summary-invoices .menu-item {
    cursor: pointer;
}

    .pm-transaction-payment-summary .statusGrey {
    color: #999999;
}

    .pm-transaction-payment-summary .amount {
    font-weight: bold;
}

.pm-transaction-payment-summary-header td {
    padding-bottom: 10px;
}

.pm-transaction-payment-summary-header {
    margin-bottom: 10px;
}

    .pm-transaction-payment-summary .danger {
    color: red;
}
/*##### END: pm-transaction-payment-summary #####*/
.disabled-content select.disableEvents {
        opacity: 0.7;
        color: #999;
        background-color: #f5f5f5 !important;
}

.corner-ribbon {
  width: 180px;
  background: #000000;
  position: absolute;
  top: 15px;
  left: -55px;
  text-align: center;
  line-height: 30px;
  color: white;
  -moz-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  -o-transform: rotate(-40deg);
  transform: rotate(-40deg);
  -webkit-transform: rotate(-40deg);
  letter-spacing: 1px;
}

.ribbon-wrapper {
width: 130px;
height: 170px;
overflow: hidden;
position: absolute;
top: 0px;
left: 0px;
}

@media (min-width: 1250px) {
  .bm-form-pagination a {
    margin: 0 6.85%;
  }

  .header-for-member .bm-form-pagination a {
    margin: 0 7%;
  }
}

@media (max-width: 1249px) {
  .bm-form-pagination a {
    margin: 0 6%;
  }

  .header-for-member .bm-form-pagination a {
    margin: 0 7%;
  }
}

@media (max-width: 550px) {
  .bm-form-pagination a {
    margin: 0 2%;
  }

  .header-for-member .bm-form-pagination a {
    margin: 0 3%;
  }

  /*make assignLocationStationContainer popup window responsive for mobile devices*/
  .assign-location-station-container, .assign-location-picker select, .assign-station-picker select {
    width: 100%;
  }

  .assign-location-choose {
    margin-top: 2px;
  }
}

@media (max-width: 360px) {
  .bm-form-pagination a {
    margin: 0px 1.5%;
  }
}

 @media (max-width: 519px) {
  #appSuiteCell, #Td2 {
            min-width: 100% !important;
  }

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

    #divAppSuiteTree ul li ul li:hover span.k-in {
        text-overflow: ellipsis;
        overflow: hidden;
        width: 300px;
}

    .bm-shopping-cart-icon {
	cursor: pointer;
	color: #777B84;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	height: 18px;
    width: 133px;
	padding-left: 22px;
	background: url("compass/css/BookMe/images/summary-booking.svg");
	background-repeat: no-repeat;
}

#header-wrapper #Td1 {
    background-color: white;
}
#header-wrapper #Td6{
    background-color:transparent;
}
#header-wrapper #Td6 a{
    color:#5972ff;
}
#header-wrapper #Td1 .bm-shopping-cart-icon,
        #header-wrapper #Td6 .bm-shopping-cart-icon {
    margin-right: 15px;
    margin-bottom: 22px;
    float: right;
}

    #header-wrapper #globalSearchCell .bm-shopping-cart-icon {
    display: inline-block;
    margin-right: 15px;
}

    .k-window-titlebar span.k-window-title {
    display: inline-block;
        margin-right: 3%;
}

    .DefaultFinanceInfo-wrapper .label {
    vertical-align: top;
}

    .DefaultFinanceInfo-wrapper .field {
    vertical-align: top;
}

    .smtpaccountLayout .field-wrapper span.label {
        word-wrap: break-word;
        white-space: normal;
        min-height: 38px;
 }

    #valueEditorContainer .MULTIPickerTests-wrapper .billing-checkboxes, .MULTIPickerTests-wrapper .multipleselectpicklist .multiple-picklist-checkboxes {
        margin-top: 4px;
 }

    .MULTIPickerTests-wrapper .multipleselectpicklist {
    vertical-align: top;
        height: auto !important;
}

    .alert {
     padding: 15px 15px;
     width: 400px;
     min-height: 20px;
 }

        .alert .icon {
    width: 20px;
    height: 20px;
    float: left;
    padding: 0px 10px 5px 0px;
 }

.page-layout-section-content .objectPageLayoutSection .RegistrationForm-wrapper .picklist {
        max-width: 300px;
}

    .pm-remove-btn {
    margin-left: 0.5em;
}

    span#connectFb {
        display: inline;
    vertical-align: middle;
}

.multiGLAccount-add-control {
    cursor: pointer;
}

    .questions label.required-symbol {
    color: #d0021b;
}

 .seasonedit-yearField.k-input {
     border: 0 !important;
     height: 31px !important;
 }

    form#processInvoiceNowForm .radio-input span {
        margin-top: 8px;
    display: inline-block;
}


    #filterValueCell .CreatedByUserID-wrapper .field .disabled-content {
        margin-top: 0px;
    }

    .objectPageLayout .two-col-layout .OnlineDisplayDate-wrapper td.label {
        width: 37%;
}


    body.socialsite-page .Html-wrapper.FullPageHtmlField-wrapper .html.readmode div .field-web-control.readonly {
     word-break: normal;
 }

    .RegistratonFormId-wrapper .field-control-wrapper {
    width: -moz-calc(100% - 70px);
    width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px);
    display: inline-block;
 }

    .RegistratonFormId-wrapper .pm-edit-button {
     display: inline-block;
     margin: 0;
 }

    .DefaultFinanceInfo-wrapper .label {
    padding-top: 15px !important;
    vertical-align: top;
}

    .DefaultFinanceInfo-wrapper .field {
    padding-top: 8px;
    vertical-align: top;
}

    .smtpaccountLayout .field-wrapper span.label {
        word-wrap: break-word;
        white-space: normal;
        min-height: 38px;
}

    #valueEditorContainer .MULTIPickerTests-wrapper .billing-checkboxes, .MULTIPickerTests-wrapper .multipleselectpicklist .multiple-picklist-checkboxes {
        margin-top: 4px;
}

    .MULTIPickerTests-wrapper .multipleselectpicklist {
        vertical-align: top;
        height: auto !important;
}

    .alert {
     padding: 15px 15px;
     width: 400px;
     min-height: 20px;
 }

        .alert .icon {
    width: 20px;
    height: 20px;
    float: left;
    padding: 0px 10px 5px 0px;
 }

.page-layout-section-content .objectPageLayoutSection .RegistrationForm-wrapper .picklist {
        max-width: 300px;
}

    .pm-remove-btn {
    margin-left: 0.5em;
}

    span#connectFb {
        display: inline;
    vertical-align: middle;
}

.multiGLAccount-add-control {
    cursor: pointer;
}

    .questions label.required-symbol {
    color: #d0021b;
}

 .seasonedit-yearField.k-input {
     border: 0 !important;
     height: 31px !important;
 }

    form#processInvoiceNowForm .radio-input span {
        margin-top: 8px;
    display: inline-block;
}

 #passedDueSection {
     margin-top: 6px;
 }

 #creditBalanceContainer, #passedDueSection, .balance-section {
    background: #4A4A4A;
    padding: 0.5em;
    margin: 0 0.5em;
    height: 1em;
 }

#creditBalanceContainer{
    margin-top: 0.1em;
    border-radius: 3px 3px 0 0;
}

.balance-section{
    margin-top: 0.1em;
    border-radius: 0 0 3px 3px;
}

#primaryObjectItem .passed-balance button.pm-balance-button, 
#primaryObjectItem .passed-balance button.pm-due-button,
.balance-section .pm-balance {
    border: none;
    border-bottom: dotted 1px #A5A5A5;
    float: right;
    background: none;
    cursor: pointer;
    color: #fff;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
}

.balance-section .pm-balance {
    border-bottom: none;
    color: #FF2B32;
    cursor: default;
}

.balance-section .pm-balance.positive-balance {
    color: #3cd281;
}

.passed-balance .label {
    font-size: 13px;
    float: left;
    padding-left: 0.5em;
}
 /* START Extras Control Improvement */
#plannereventextraitemselectorwrapper .field ul .k-combobox {
    width: 500px;
 }
#plannereventextraitemselectorwrapper .field ul .k-combobox input.field-web-control {
    border: none;
}

.extras-header{padding:4px 10px; border:none; border-bottom:1px solid #ddd; margin:auto; text-align:center;}
.extras-header span{color:#4b92c4;  margin:0px 15px; display:inline-block; text-align:center; padding:5px; cursor:pointer; min-width:18%;text-overflow: ellipsis;
                    max-width: 100px;
                    overflow: hidden;
                    white-space: nowrap;
}
.extras-header span.active{background-color:#3c7eb7; color:#fff;}
.extras-details span.name{width:70%; display:inline-block; font-weight:bold; color:#1a1a1a; margin-right:5%; word-wrap:break-word; white-space: normal; max-width:308px;  vertical-align:top;}
.extras-details span.type{ width:24%; text-align:right; color:#5c5c5c; display:inline-block; font-weight:bold; vertical-align:top;}
.extras-details{border-bottom:1px solid #ddd; padding-top:5px;}
.extras-details span.price-details, .extras-details span.size-details, .extras-details span.other-details{
    background-color: #ccc;
    margin:3px; padding:1px 5px;
    display:inline-block;
    word-wrap:break-word;
    white-space: normal;
    font-weight:normal;
    border-radius:2px;
 }

li.k-item:last-child .extras-details{border-bottom:none;}

#plannereventextraitemselectorwrapper.multi-items-wrapper .k-state-disabled
{
    opacity:0.4;
 }
/* END Extras Control Improvement */

.payment-plan-header {
    border-bottom:2px solid #ddd; 
    margin:auto; 
    text-align:center;
}

.payment-plan-header span {
    color: #69696b;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.payment-plan-details{
    border-bottom:1px solid #ddd; 
    padding-top:5px;
    min-height: 54px;
    font-size: 12px;
}

.payment-plan-details span.name {
    display: inline-block;
    color: #000000;
    font-weight: 600;  
    word-wrap: break-word; 
    white-space: normal; 
    width: 100%;  
    vertical-align: top;
}

.payment-plan-details span.down-payment-amount {
    margin-left: 10%;
}

.payment-plan-details span.type {
    color:#69696b;
    display:inline-block; 
    font-weight:300; 
    vertical-align:top;
}
.payment-plan-details span.price-details, .payment-plan-details span.other-details{
    background-color: #ccc;
    margin:3px; padding:1px 5px;
    display:inline-block;
    word-wrap:break-word;
    white-space: normal;
    font-weight:normal;
    border-radius:2px;
 }

.payment-plan-details span.location-details {
    word-wrap:break-word;
    white-space: normal;
    font-weight:normal;
}

.payment-plan-details .location-details {
    margin-top: 12px;
    display: inline-block;
    vertical-align: top;
}

.payment-plan-details .k-list-scroller li.k-state-hover {
    background-color: #3c7eb7 !important;
}

.payment-plan-category {
    height: 34px;
    padding-top: 8px;
}

.payment-plan-category .title-categories.active {
    border-bottom: 3px solid #3c7eb7; 
    color: #3c7eb7;
    font-weight: 600;
    text-align: center;
}

.payment-plan-header .payment-plan-category .title-categories.single-type {
    margin-left: 1.5%;
    width: 97%;
}

.payment-plan-category .title-categories.single-type > span {
    font-size: 12px;
    color: #3c7eb7;
    font-weight: 600;
}

.payment-plan-category .title-categories.active > span {
    color: #3c7eb7;
    font-weight: 600;
}

#plannereventpaymentplanselectorwrapper .multi-item {
    min-height: 54px;
}

#plannereventpaymentplanselectorwrapper ul {
    max-width: 700px;
}

#plannereventpaymentplanselectorwrapper span.k-numerictextbox, #plannereventpaymentplanselectorwrapper .k-numeric-wrap .k-state-default {
    min-width: 80px;
}

#plannereventpaymentplanselectorwrapper .payment-plan-list, #plannereventpaymentplanselectorwrapper.k-list-scroller{
    height:320px
}

 #plannereventextraitemselectorwrapper .field-web-control label{
     margin-top: 5px !important;
 }

 .norecorddisplayMessage {
    margin: 2px;
    padding-left: 4px;
 }

.field #repeatSummary {
    margin-top:5px;
}
.noResultMessage{
    text-align:center;
}
.extra-list-details, .extra-list-details-service{
    height:100% !important;
    max-height:158px !important;
}
.extra-list-details-service {
    max-height:158px !important;
}

.view-switch {
    display: inline-block;
    color: #2A7AB0;
    cursor: pointer;
}
.view-switch img {
    position: relative;
    top: 3px;
}

.view-switch.calendar {
    margin-bottom: 20px;
}

.view-switch.list {
    margin-left: 12px;
}

.advancedSettings_label {
    vertical-align: inherit !important;
}

.advancedSettings_div {
    margin: 4px 0 4px 0;
 }

/* Start Modify Contact Search Improvement */
.ui-autocomplete.ui-menu.attendance-auto-complete{
    width:727px;
    max-height:400px;
    border-radius: 4px;
    border:1px solid #4a4a4a;
    background:#fff;
    overflow:hidden !important;
    z-index: 100100;
}
.ui-autocomplete.ui-menu.attendance-auto-complete.checkin-with-email {
    width:855px;
}

table.ui-autocomplete-popup{
    width:98%;
    margin:1%;
}
#customer-search-popup table.customer-search-preview-table{
    width:97.5%;
}
table.customer-search-preview-table tbody,
table.customer-search-preview-table thead,
table.ui-autocomplete-popup tbody,
table.ui-autocomplete-popup thead {
    display:block;
    width:100%;
}
table.customer-search-preview-table thead td, 
table.customer-search-preview-table tbody td,
table.ui-autocomplete-popup thead th,
table.ui-autocomplete-popup thead td,
table.ui-autocomplete-popup tbody td {
    max-width: 22%;
        width: 200px;
      display: inline-block;
}              
                          
table.customer-search-preview-table thead,
table.ui-autocomplete-popup thead{
    background-color:#e2ecf4;
    font-weight:bold;
}

table.customer-search-preview-table tbody,
table.ui-autocomplete-popup tbody{
    overflow-y: auto;   
    overflow-x: hidden;
    max-height:350px;
}
#customer-search-preview #previewContent {
}


    #customer-search-preview #previewContent tr, 
    table.ui-autocomplete-popup tr {
        border-bottom: 1px solid #E2E2E2;
        height:36px;
    }

        #customer-search-preview #previewContent tr.t-state-hover, 
        table.ui-autocomplete-popup tr.t-state-hover {
            background-color: #3E7FB9;
            color: White;
        }

        #customer-search-preview #previewContent tr td, 
        table.ui-autocomplete-popup tr td, 
        table.ui-autocomplete-popup tr th {
            font-size: 13px;
           padding:10px 0px;
        }
        #customer-search-preview #previewContent tr td:first-child, 
        table.ui-autocomplete-popup tr td:first-child, 
        table.ui-autocomplete-popup tr th:first-child {
            padding-left:10px;
        }
        #customer-search-preview #previewContent tr td div, 
        table.ui-autocomplete-popup tr td{
            white-space: nowrap;
            text-overflow:ellipsis;
           overflow:hidden;
        }
            #customer-search-preview #previewContent tr td, 
            table.ui-autocomplete-popup tr td,
            table.ui-autocomplete-popup tr th {
                padding-right: 12px;
            }

            #customer-search-preview #previewContent tr td:nth-child(2) > div
            {
                width: 145px;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            #customer-search-preview #previewContent tr td:nth-child(3), 
            table.ui-autocomplete-popup tr td:nth-child(3),
            table.ui-autocomplete-popup tr th:nth-child(3) {
                width: 100px;
            }


            #customer-search-preview #previewContent tr td:nth-child(4) {
            }

            .facilityContract-Autocomplete input.event-tag{
                width: 290px;
                margin-top: 1px;
                height: 2.45em;
            }

            .facilityContract-Autocomplete #addAttendeeButton {
                min-height: 0.45em;
            }
@media screen and (-webkit-min-device-pixel-ratio:0) {
        #customer-search-preview #previewContent tr td:nth-child(3), 
            table.ui-autocomplete-popup tr td:nth-child(3),
            table.ui-autocomplete-popup tr th:nth-child(3) {
        max-width: 22%;
        width:150px;
        display: inline-block;
    }
}
.contact-search-container {
    width:100%; border:1px solid #ccc;
    border-radius:2px;
    background:#fff;
}
.Contact-autocomplete .add-wrapper {
    line-height: 27px;
}

.Contact-autocomplete .add-users, .create-event-view  .add-users {
    position: relative;
    background: #15b805;
    display: inline-table;
    padding: 4px 12px;
}

.create-event-view  .add-users {
    position: absolute;
    z-index: 1;
}

.content-col .Contact-autocomplete .add-users, .create-event-view  .add-users{
     padding: 1px 10px;
}
.col-50.Contact-autocomplete {
    vertical-align: top;
}
.Contact-autocomplete .add-users img, .create-event-view  .add-users img {
    margin-top: 7px;
}

.Contact-autocomplete .add-users:after, .create-event-view  .add-users:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 2px;
    background: white;
    top: 8px;
    right: 5px;
}

 .create-event-view .attendee .k-multiselect {
     padding-left: 33px;
 }

.Contact-autocomplete .add-users:before, .create-event-view  .add-users:before {
    position: absolute;
    content: '';
    width: 2px;
    height: 10px;
    background: white;
    top: 4px;
    right: 9px;
}
/* End Modify Contact Search Improvement */

.socialsite-object #content-wrapper {
    margin-top: 40px;
}

.socialsite-object .slimScrollBar,.slimScrollRail {
    z-index: 90 !important;
}
.documentpopupcontent{
    padding:10px;
}

#clients-booking-notification-settings-wrapper .blue-link:hover {
    cursor: pointer;
    text-decoration: none;
}
#clients-booking-notification-settings-wrapper .blue-link {
    font-size: 14.4px;
    font-weight: normal;
    color: #3678af !important;
    text-decoration: underline;
    display: block;
}
.validation-age-message-parent  span.field-validation-error{
    position:absolute;
    min-width:325px;
    left:0;
    top:27px;
}
.validation-age-message-parent span.field-validation-error  span.k-warning {
    height:18px;
}
.t-header.sorting-arrow-up {
    background-image:url("Images/ControlIcons/sort-up.png");
    background-position:40% 16px;
    background-repeat:no-repeat;
}
.t-header.sorting-arrow-down {
    background-image:url("Images/ControlIcons/sort-down.png");
    background-position:40% 16px;
    background-repeat:no-repeat;
}

.digitalsign {
    border: 5px solid #407fb5;
    border-radius: 10px;
    width: 315px;
    height: 108px;
}
/*Digital signature pop up changes*/
        
    .digitalsign .sign-here {
        background-color:#407fb5;
        border-radius:0px 0px 0px 8px;
        padding:5px 10px; 
        float:right;
        text-align:right;
        margin-bottom:5px;
        color:#fff;
        font:normal 14px 'Open Sans', sans-serif, arial;
    }
    .digitalsign #canvasimage {
           max-width: 98%  !important;
           max-height: 60% !important;
           margin: 30px auto 0px;
           display: block;
    }

    #digitalsignpopup .canvassignature{
        background-image:url("Images/ControlIcons/WatermarkDigitalSign.jpg");
        background-repeat: no-repeat;
        background-position:center center;
        background-color: #ececec !important;
        width:780px !important;
        height:200px !important;
        border:1px solid #cccccc !important;
        
    }
        #digitalsignpopup .canvassignature .jSignature {
            height: 200px !important;
            width: 780px !important;
        }
        #digitalsignpopup a.button, #sharendevice a.button{
            background-color:#fff;
            color:#407FB5;
            border:1px solid #A9A9A9;
            border-radius:2px;
            padding-top:8px; padding-bottom:6px;
            min-height: 18px;
            font-size: 14px;
            line-height: 16px;
            margin-right:5px;
            display: inline-block;
            vertical-align: middle;
        }
#digitalsignpopup a.button.pm-confirm-button {
    border:1px solid #407FB5;
}
@media (max-width: 799px) {
  #digitalsignpopup .canvassignature {
    width:100% !important;
  }
    #digitalsignpopup {
        width:100% !important;
    }
    .touch-device #main-wrapper {
        min-width: 100%;
    }
    .templateItem-content-wrapper {
        width: 100%;
        margin: 0px 0 20px;
    }
    .templateItem-content {
        max-width: 100%;
    }
    #templateListPopupContainer {
        max-width: 300px;
    }
    .templateItem-Text {
        display: inline;
    }
    .templateItem-actions {
        float: left;
        width: 112px;
    }
    .templateItem-Description {
        color: #333;  
        float: none;
        margin: 5px 0;
        font-size: 0.9em;  
    }
    .templateItem-Name {
        font-size: 1.2em;
        line-height: 2em;
        margin: 5px 0 0;
        display: inline;
        float: none;
    }
    .templateItem-Image {
        width: 50px;
        height: 50px;
        padding: 0 10px 0 0;
    }
}
@media  (min-width : 600px) and (max-width : 800px) {
#digitalsignpopup .canvassignature .jSignature {
            height: 150px !important;
            width:550px !important;
        }
}
@media (min-width : 450px) and (max-width : 599px) {
#digitalsignpopup .canvassignature .jSignature {
            height: 150px !important;
            width:400px !important;
        }
}
@media  (min-width : 299px) and (max-width : 449px) {
#digitalsignpopup .canvassignature .jSignature {
            height: 150px !important;
            width:290px !important;
        }
}
#resultPopup span.mergecontactlabel{
    color: rgb(51, 102, 255);
    vertical-align: top;
}


.sharingprogress-container{
    position:relative;
}
.center-on-page.sharing-buttons{
    background-color: #ffc;
    border: 1px solid #ccc;
    white-space: normal;
    width: 405px;
    min-width: 400px;
    border-radius: 5px;
    padding: 3px 0px 5px;
    position:absolute;
    left:35%;
    top:55px;
    text-align:center;
    line-height: 2.5em;
}
.sharingprogress-container #docContent{
    padding-top:25px;
}
#messageForInvoice {
    font-size: 11pt;
    margin-bottom: 7px;
}
#messageForInvoice a {
    color: #2677f3;
    text-decoration: underline;
}

.k-scheduler div.k-scheduler-footer ul li{
    border-style: none;
}

.k-scheduler-footer .k-scheduler-fullday a.k-link{
    color: #78bee8;
    text-decoration: underline;
    font-weight: bold;
}

.k-scheduler-fullday a.k-link:hover{
    color: #78bee8;
    text-decoration: none;
    font-weight: bold;
}

.k-scheduler .k-scheduler-toolbar a.k-button.k-pdf, .scheduler-wrapper a.k-button.k-pdf{
    text-decoration: underline;
    font-weight: bold;
    background-color: transparent !important;
    color: #f35800 !important;
    padding: 5px 10px;
}

#scheduler .k-state-hover  {
    background-color: transparent !important;
}
.k-scheduler-views .k-state-hover a {
    background-color:#428bca;
    border-color:#428bca;
    color:#fff;
}

#scheduler .k-button:focus:active{
    box-shadow: none !important;
}

#scheduler .k-button.k-pdf:hover{
    text-decoration: none;
}

#scheduler .k-button:focus{
    -webkit-box-shadow: none;
    box-shadow: none;
}

#scheduler .k-pdf-export-shadow .k-pdf{
    border: none !important;
}

#warningMessage label{
    font-size: 24px;
    color: red;
    text-decoration: underline;
}

#warningMessage a{
    color: blue;
    font-size: 24px;
}


/*Css for Custom Attendeee*/
.contact-customPopUp .contactpopup-container{
    border-bottom: 1px solid #ddd;
    margin: 5px 0px;
    max-height: 500px;
    overflow: auto;
    width: 100%;
}
div.k-window-content.contact-customPopUp{
    line-height: 1.5em;
    overflow: hidden;
    padding: 0px;
}
.contact-customPopUp ul{
    width: 100%;
    display: block;
}
.contact-customPopUp ul li{
    padding: 5px;
    display: inline-block;
    word-wrap: break-word;
    vertical-align: middle;
}
   


.contact-customPopUp .pm-dialog-buttonpane {
    margin: 1.2em 0em 10px 0em;
}
#customPopUp_wnd_title {
    color:#62a7e9;
}
.contact-customPopUp ul li:nth-child(1):nth-last-child(4){ 
    width: 20px; 
    padding-left: 10px;

}
.contact-customPopUp ul li:nth-child(2):nth-last-child(3){width: 35px;}
.contact-customPopUp ul li:nth-child(3):nth-last-child(2){width: 45%;}
.contact-customPopUp ul li:nth-child(4):nth-last-child(1) {
 width: 30%;
}


.checkbox-customPopUp {
    opacity: 0;
    position: absolute;   
    left: 0;
    top: 0;
}

.checkbox-customPopUp, .checkbox-customPopUp-label {
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
    cursor: pointer;
}

.checkbox-customPopUp-label {
    position: relative;
}

.checkbox-customPopUp + .checkbox-customPopUp-label:before {
    content: '';
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 1px;
    margin: 0px;
    text-align: center;
    border-radius: 4px;
    border:1px solid #ddd;
}

.checkbox-customPopUp:checked + .checkbox-customPopUp-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: #4a92c4;
    color: #fff;
    border: none;
}

.checkbox-customPopUp:focus + .checkbox-customPopUp-label {
  outline: none; /* focus style */
}

.logo-header {
    float: left;
    margin-top: 6px;
}


/*Css for Custom Attendeee ends*/

/*header-for-member*/

.header-for-member #header-wrapper {
    min-width: auto !important;
}

.header-for-member .logo-header {
    float: left;
    margin-top: 12px;
    white-space: normal;
}

    .header-for-member .logo-header img {
        max-height: 45px;
        width: auto;
    }

.header-for-member #appSuiteCell {
    background: #4a4a4a ;
    height: 56px !important;
    min-width: 0 !important;
}

.header-for-member #Td2 {
    min-width: 0; 
}

.header-for-member #ApplicationMenu > li span.k-link {
    padding-top: 18px;
    color: #fff;
}

.header-for-member #header-wrapper #Td6, .header-for-member #header-wrapper #Td1 {
    background: #4a4a4a !important ;
}

.header-for-member #header-wrapper #Td6 a, .header-for-member #header-wrapper #Td1 a {
    color: #fff;
    width: 113px;
}

.header-for-member #header-wrapper #Td6 .bm-shopping-cart-icon, .header-for-member #header-wrapper #Td1 .bm-shopping-cart-icon {
    margin-bottom: 20px;
    margin-left: 15px;
}

.header-for-member #ApplicationMenu li.k-item ul.k-popup {
    padding-top: 0;
    margin-top: 1px !important;
    background: #4e4e4e;
    margin-left: 0;

}

.header-for-member #ApplicationMenu > li.more-btn span.k-link {
    padding: 3px 26px;
}

.header-for-member #header-wrapper ul {
    border: none;
}

.header-for-member .last-child {
    background: white !important;
    padding: 5px 0 !important;
}

.header-for-member #topNavRdiv #topNav {
    padding: 3px 10px 10px !important;
    min-height: 45px;
}

.header-for-member #topNav .tab li {
    display: block !important;
    padding-right: 5px;
}

    .header-for-member .tab li a {
        padding-left: 0;
    }

    .header-for-member .tab li a, .header-for-member .global_menu span {
        font-size: 12px !important;
        color: #4a4a4a !important;
        font-weight: 400 !important;
    }

/*MENU ITEMS FOR MEMBER*/

.header-for-member #header-wrapper {
    border: none !important;
}

.header-for-member #ApplicationMenu li a.k-link {
    padding: 4px 8%;
    color: white !important;
}

.header-for-member #ApplicationMenu .k-state-hover > .k-link {
    background-color: #2A7AB0 !important;
    background-image: none !important;
    color: white !important;
}

.header-for-member body.newKendoMenu #ApplicationMenu > li.k-item .k-state-border-down {
    background: #2A7AB0;
}

.header-for-member li.k-item {
    height: inherit !important;
    border-color: rgba(170, 170, 170, 0.75);
    min-width: 150px;
}

.header-for-member li.k-state-hover {
    background: #2A7AB0;
}

.header-for-member #ApplicationMenu {
    background: #4a4a4a !important;
    height: 56px !important;
    border-radius: 0;
}

    .header-for-member #ApplicationMenu .more .k-link {
        padding-top: 18px;
        padding-bottom: 19px;
    }

    .header-for-member #ApplicationMenu .more {
        box-shadow: none;
        color: white;
    }

    .header-for-member #ApplicationMenu.k-menu .k-link> .k-i-arrow-s {
        position: relative;
    }

    .header-for-member #ApplicationMenu .k-i-arrow-e:after {
            position: absolute;
            content: '';
            width: 0;
            height: 0;    
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 7px solid white;
            left: 4px;
            top: 5px;
            transform: rotate(-90deg);
    }

        .header-for-member #ApplicationMenu .k-i-arrow-s:after {
            position: absolute;
            content: '';
            width: 0;
            height: 0;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 7px solid white;
            left: 4px;
            top: 5px;
        }

        .header-for-member #ApplicationMenu > li.more-btn > span.k-link {
            line-height: 50px;
        }

    .header-for-member #ApplicationMenu li.k-item ul.k-popup > li.k-item a {
        line-height: 40px;
        font-family: "open sans",arial;
        background: #4e4e4e;
        color: black;
        padding: 0 26px;
    }

    .header-for-member #ApplicationMenu li.k-item ul.k-popup > li.k-item .k-state-border-right {
        background: #3C7EB7;
    }

    .header-for-member  #ApplicationMenu .k-image {
        margin: -2px 8px 0 -4px; 
    }

    .header-for-member #ApplicationMenu li.k-item ul.k-popup {
        min-width:165px;
    }

    
    .header-for-member .k-menu .k-state-default .k-state-border-down {
        background: #3c7eb7;
        color: white;
    }
    
    .header-for-member #ApplicationMenu li.k-item ul.k-popup > li.k-state-hover a {
        color: white !important;
    }

    .header-for-member .k-state-highlight,
    .header-for-member #ApplicationMenuContainer .k-state-default.k-state-focused {
        background: #3c7eb7;
    }
    
    .header-for-member #ApplicationMenu li.k-item ul.k-popup > li.k-state-focused a {
        background-color: #3c7eb7 !important;
        background-image: none;
    }

    .header-for-member #topNav .t-menu span.t-link {
        padding-top: 7px !important;
        padding-bottom: 0 !important;
        padding-right: 14px;
    }

    .header-for-member #topNav .tab {
        text-decoration: none !important;
        color: #3c7eb7 !important;
        margin-left: 10px;
    }

   .header-for-member #topNav #Options-Setup  {
       position: absolute;
       top: 30px;
       right: 14px;  
    }

    .header-for-member #topNav #Options-Setup.expanded {
        background-color: transparent !important;
    }

    .header-for-member #no-hover:hover {
        background: none !important;
    }

@media (max-width: 768px) and (min-width:561px) {
    .header-for-member #ApplicationMenu > li.k-item {
        min-width: 150px;
    }

    .header-for-member #ApplicationMenu > li.more-btn {
        min-width: 80px;
    }
}

@media (max-width:560px) and (min-width:436px) {
    .header-for-member #ApplicationMenu > li.k-item {
        min-width: 130px;
    }

        .header-for-member #ApplicationMenu > li.k-item .k-image {
            display: none;
        }
}

@media (max-width:435px) and (min-width:320px) {
    .header-for-member #ApplicationMenu > li.k-item {
       min-width:100px;
    }

        .header-for-member #ApplicationMenu > li.k-item .k-image {
            display: none;
        }

        .header-for-member #header-wrapper #Td6 a, .header-for-member #header-wrapper #Td1 a {
            display: none;
            width: 113px;
        }

        .header-for-member .bm-shopping-cart-icon {
            width: 0;
        }

      
}


.multilookup-dropdown-k-popup .k-list {
    max-height: 145px;
    overflow: auto;
}
.add-multiple-fee .multi-item .k-numerictextbox span.k-expand-padding, 
#serviceextraitemselectorwrapper .multi-item  span.k-dropdown-wrap, 
#serviceextraitemselectorwrapper .multi-item  span.k-numeric-wrap { 
    max-height: 2.24em;
}
.viewPromotion.view-area table, .subsection-content .inline-telerik-grid table {
    border:1px solid #ccc;
    border-bottom-width:0px;
}
.viewPromotion.view-area table td:nth-last-child(2) {
    padding-left:2px;
}

.ClassSelection-wrapper .multiple-picklist-checkboxes {
    line-height: 2.5em;
}
.ClassSelection-wrapper .multiple-picklist-checkboxes [type="checkbox"] + label {
    height: 100%;
}

.popup {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    text-align: left;
    padding: 1.3em;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
    color: #000000;
    background: #ffffff;
    z-index: 100000;
}

.Season-Object .DateTime-wrapper input[readonly] {
    background: #f8f8f8;
}


.Season-Object .DateTime-wrapper input[readonly] ~ span {
    display: none;
}

.Season-Object .TextBox-wrapper input {
   width: 27% !important;
}
.glrecord-header {
    position: fixed;
    top: 103px;
    z-index: 999;
    width: 100%;
    background-color: #fff;
}
.glrecord-header.price-type-view {
    max-width: 1150px;
    width: calc(100% - 300px);
}
.glrecord-header .built-in-buttons.grid-record-buttons, 
.back-glrecord-header .built-in-buttons.grid-record-buttons {
    margin: 35px 0 0 89px;
}
.glrecord-header #backButtonsBar a {
    margin-top: 35px;
}
.back-glrecord-header #backButtonsBar a {
    position: fixed;
    top: 143px;
    z-index: 999999;
}
.back-glrecord-header {
    background-color: transparent;
    float: left;
}

.glrecord-list {
    margin-top:104px !important;
} 
.account-left {
    display: inline-block;
    width: 60%;
}
.account-search-container {
    width:30%;
    max-width:250px;
    float: right;
    border: 1px solid #CCc;
    padding:0.5em;
    position: relative;
    margin-top: 1.1em;
}
.account-search-container input {
    display: inline-block;
    border:none;
    outline: none;
    width: 88%;
    padding-right: 18px;
}
.account-search-container i{
    position: absolute;
    top: 10px;
    right: 10px;
}
.account-search-wrapper {
    width: 100%;
    max-width: 1150px;
}
@media screen and (max-width:1366px) {
    .account-search-wrapper, .glrecord-header,  .back-glrecord-header  {
        max-width: 1038px;
        width: 100%;
    }

}

.glexport-section {
   width: 100%;
   display: block;
   margin: 10px 0;
   padding: 10px 0;
}
.glexport-section h3 {
    border-bottom: 1px solid #ccc;
    color: #4a4a4a;
    padding-bottom: 5px;
    font-size: 1em;
    margin-bottom: 5px;
}
.glexport-section .glexport-row {
    width: 100%;
    display: block;
    margin: 5px 0;
}
.glexport-section .glexport-row label {
    width: 20%;
    max-width: 250px;
    text-align: right;
    display: inline-block;
    padding: 10px;
}
.glexport-section .glexport-row .glexpoer-col {
    width: 70%;
    max-width:700px;
    text-align: right;
    display: inline-block;
    text-align: left;
    padding: 10px;
}
.glexport-section .glexport-row .glexpoer-col select, 
.glexport-section .glexport-row .glexpoer-col input {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    display: inline-block;
}
.glexport-section .glexport-row .glexpoer-col input {
    width: 97.5%;
}
    .glexport-section .glexport-row .glexpoer-col input[type=checkbox] {
        display: none;
    }
.glexport-section .glexport-row .glexpoer-col .glexport-input {
    width: 50%;
    display: inline-block;
}
.glexport-section .glexport-row .glexpoer-col label {
    width: 15.5%;
    display: inline-block;
    text-align: right;
}
.glexport-section .glexport-row .glexpoer-col .glexport-sm-input {
    width: 25%;
    display: inline-block;
}
.glexport-section .glexport-row .glexport-button {
    border: 1px solid #ccc;
    color: #0277bd;
    font-size: 1em;
    padding: 10px 35px;
    display: inline-block;
    border-radius: 4px;
    cursor: pointer;
}
.glexport-section .glexport-row .failed, 
.glexport-section .glexport-row .success {
    color: #d0021b;
    font-size: 1em;
    display: inline-block;
    margin-left: 1em;
    padding-left: 20px;
    background: url("Images/failed.png") left 3px no-repeat;
}
.glexport-section .glexport-row .success  {
    color: #1bba0b;
    background: url("Images/success.png") left 3px no-repeat;
}
.glexport-section .glexport-row .glexpoer-col .onoffswitch label {
    max-width: 121px;
    vertical-align: middle;
}

.glexport-section .glexport-row .glexpoer-col .k-picker-wrap .k-icon {
    background-image:none;
}
.glexport-section .glexport-row .glexpoer-col .k-state-default>.k-select, 
.glexport-section .glexport-row .glexpoer-col .pmdatepicker, .Season-Object .k-widget.k-datepicker,         
.Season-Object .k-widget.k-datepicker input, .Season-Object .k-widget.k-timepicker,
.Season-Object .k-widget.k-timepicker input,  .Season-Object .k-widget.k-numerictextbox {
    border: none;
}
.glexport-section .glexport-row .glexpoer-col .pmdatepicker {
    width: 100%;
}
.glexport-section .glexport-row .glexpoer-col input.pmdatepicker {
    width: 94% !important;
    background-image: none !important;
}
.glexport-section .glexport-row .k-picker-wrap.k-state-default {
    background: none;
}
.glexport-row .t-grid a {
    color: #00f;
}

.BookingType-wrapper.MultipleSelectPickList-wrapper .validation-error {
    color: red;
}

.Price-wrapper .add-multiple-fee .multi-items-wrapper .reservationFeeBtn {
    margin-top: 8px;
    color: #4b84b4 !important;
}

#kendoExtendDurationWindow {
    padding: 1.5em;
}
#kendoExtendDurationWindow .label {
    width:30%;
    display: inline-block;
}
#kendoExtendDurationWindow  label {
    margin-right: 10px;
    font-style: italic;
}
#kendoExtendDurationWindow .value {
    width:60%;
    display: inline-block;
}
#kendoExtendDurationWindow .row {
    width: 100%;
    margin: 1em 0;
}
#kendoExtendDurationWindow .row textarea {
    width: 70%;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 4px;
}
#kendoExtendDurationWindow .label  input {
    padding: 10px 0;
}
#kendoExtendDurationWindow  .k-numerictextbox {
    padding: 10px 0;
    width: 80%;
}
#kendoExtendDurationWindow  .k-numeric-wrap .k-link {
    padding: 3px 0;
}
#kendoExtendDurationWindow .row textarea {
    width: 95.5%;
}
#kendoExtendDurationWindow .pm-confirm-button {
    margin-right: 0;
}
#kendoExtendDurationWindow .pm-dialog-buttonpane {
    margin: 1em 0em 0em;
}
#reportListTd {
    overflow: hidden;
}
#collapse-link i  {
    font-size: 24px;
    color: #fff;
}
#emailLeftSidePanel  #collapse-link {
    padding: 8px;
    margin-top: -5px;
}

.collapse-left-menu #collapse-link {
    margin-left: 228px;
}

.collapse-left-menu .side-panel.left-panel.fixed-left-menu {
    width: 40px;
    overflow: hidden;
}
.content-with-panels.collapse-left-menu .main-panel,
.layout-leftpanel-main.collapse-left-menu .main-panel {
    margin-left: 40px;
}
.collapse-left-menu,
.side-panel, 
.collapse-left-menu .main-view,
.side-panel #divSearchReports,
.side-panel #emailLeftSidePanel {
-webkit-transition-property: width;
  -moz-transition-property: width;
  -o-transition-property: width;
  transition-property: width;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.collapse-left-menu .main-view {
  -webkit-transition-property: margin;
  -moz-transition-property: margin;
  -o-transition-property: margin;
  transition-property: margin;
}

.side-panel #divSearchReports, 
.side-panel  #emailLeftSidePanel {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}

.collapse-left-menu #divSearchReports, 
.collapse-left-menu #emailLeftSidePanel {
  -webkit-transform: translateX(-228px);
  -moz-transform: translateX(-228px);
  -ms-transform: translateX(-228px);
  -o-transform: translateX(-228px);
  transform: translateX(-228px);
}
.collapse-left-menu .use-custom-scrollbar.parent-fixed,
.collapse-left-menu  #divSearchReports input, 
.collapse-left-menu  #divSearchReports span, 
.collapse-left-menu .template-list-menu,
.collapse-left-menu #emailCreateNewEmailButton {
  display: none;
}
.Price-wrapper .add-multiple-fee .multi-items-wrapper .reservationFeeBtn {
    margin-top: 8px;
    color: #4b84b4 !important;
}

#kendoExtendDurationWindow {
    padding: 1.5em;
}
#kendoExtendDurationWindow .label {
    width:30%;
    display: inline-block;
}
#kendoExtendDurationWindow  label {
    margin-right: 10px;
    font-style: italic;
}
#kendoExtendDurationWindow .value {
    width:60%;
    display: inline-block;
}
#kendoExtendDurationWindow .row {
    width: 100%;
    margin: 1em 0;
}
#kendoExtendDurationWindow .row textarea {
    width: 70%;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 4px;
}
#kendoExtendDurationWindow .label  input {
    padding: 10px 0;
}
#kendoExtendDurationWindow  .k-numerictextbox {
    padding: 10px 0;
    width: 80%;
}
#kendoExtendDurationWindow  .k-numeric-wrap .k-link {
    padding: 3px 0;
}
#kendoExtendDurationWindow .row textarea {
    width: 95.5%;
}
#kendoExtendDurationWindow .pm-confirm-button {
    margin-right: 0;
}
#kendoExtendDurationWindow .pm-dialog-buttonpane {
    margin: 1em 0em 0em;
}

.MuscoFacilityId-wrapper input {
    width: 290px !important;
}
.MuscoFacilityId-wrapper .textbox {
    display: inline-flex !important;
}

/*
    Membership Services propogate
*/
.update-membership .row {
    padding: 10px;
    display: block;
}
.update-membership  .pm-dialog-buttonpane {
    margin: 1.3em 2em 0 0;
}
.update-membership  input[type=checkbox]{
    display: none;
}

.update-membership label {
 cursor: pointer;
 display: inline-block;
 width: 18px;
 height: 18px;
 margin-right: 10px;
    border: 2px solid #222;
 background: #fff;
    vertical-align: middle;
}

.update-membership label:after {
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: alpha(opacity=0);
 opacity: 0;
 content: '';
 display: inline-block;
 width: 9px;
 height: 5px;
 background: transparent;
 margin: 3px;
 border: 3px solid #333;
 border-top: none;
 border-right: none;
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 transform: rotate(-45deg);
}

.update-membership input[type=checkbox]:checked + label:after {
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter: alpha(opacity=100);
 opacity: 1;
}


.automated-container ul li {
    list-style: none;
}
.automated-container {
    border-style: solid;
    border-color: #A9A9A9;
    border-width: 1px 1px 0px 1px;
}
.validateaddress.pm-dialog-buttonpane {
    margin: 2.5em 0 0;
}
.valid-address li {
    color: black;
    list-style-type: none;
    vertical-align: top;
    line-height: 1em;
    font-size: 1em;
    margin-bottom: 0em;
}
.valid-address li:before {
    content: '\2022';
    color: #3f7fb5;
    padding-right: 0.3em;
    vertical-align: top;
    font-size: 2.5em;

}
.valid-common-text {
    font-size: 1em;
    margin: 0 0 1.1em; 
    font-weight: 600;
}
.validation-summary-errors-panel ul:nth-child(2n) li{
    margin-bottom: 0.5em;
}
.multilookup-dropdown-k-popup  .pickup-template-text {
    width: 70%;
    display: inline-block;
}
.multilookup-dropdown-k-popup  .pickup-template-text.location {
    width: 29%;
}
#main-wrapper #content-wrapper .mainMargin .checkout-error-msg {
    margin-top: 27px;
}

.error-box {
    display: inline-block;
    border: 1px solid #F00;
    padding: 5px;
    width: 90%;
    margin-right: 4px;
    margin-left: 15px;
    background-color: #fae5e8;
    font-size: 0.9em;
   /* background-image: url("Images/urgent-notification.png");*/
    background-position: 10px;
    background-repeat: no-repeat;
    color: #d42c40;
    font-weight: bold;
    float: left;
}
}
#main-wrapper #content-wrapper .mainMargin .action-button {
    background-color: #407FB5;
    color: #ffffff;
    border-radius: 2px;
    border: none;
}
#main-wrapper #content-wrapper .mainMargin .action-button:hover {
    border: none;
    text-decoration: none;
    background-color: #254a6a
}

.Calendar-Filter-Object td.two-col-layout:last-child {
    vertical-align: middle !important;
}
.booking-error {
    text-align: center;
    margin-top: 2.5em;
}
@media screen and (max-width:1280px) {
    .QuickNote-wrapper td.label, .Notes-wrapper td.label, .ARCHIVEFEDERALGOODSSERVICESTAX-wrapper td.label, .one-col-layout .Moderation-wrapper td.label, .objectPageLayoutSection .MultipleBookingSlots-wrapper td.label {
        width: 20.5% !important;
}
        #multiGLAccountContainer .multi-item span.k-header.k-combobox {
            width:210px !important;
        }
        .ClassSelection-wrapper .multiple-picklist-checkboxes [type="checkbox"] + label {
            margin-bottom: 10px;
        }
        .Season-Object .k-widget.k-datepicker, 
        .Season-Object .k-widget.k-datepicker input,
        .Season-Object .k-widget.k-timepicker,
        .Season-Object .k-widget.k-timepicker input,
        .Season-Object .k-widget.k-numerictextbox {
             width: 39%;
             min-width: 100px;
             border: none;
        }
        .Season-Object.pm-form.expandable input[type="text"]  {
             width: 39% !important;
             min-width: 100px;
        }
        .account-search-wrapper, .glrecord-header, .back-glrecord-header  {
            max-width: 955px !important;
        }
        .glexport-section .glexport-row .glexpoer-col {
            width: 80%;
        }
}
@media screen and (max-width:1024px){
    .glexport-section .glexport-row .glexpoer-col .glexport-sm-input {
        width: 21.5%;
    }
   .DynamicLookup-wrapper.Event-wrapper .field-web-control.readonly {
        white-space: normal;
    }
    .blueTextBox{
        width: 210px;
    }

    .blueDropDownBox{
        width: 220px;
    }

    .blueTextArea{
        width: 198px;
    }

    .province-select{
        width: 123px;
    }

    .social-site-link{
       max-width: 200px;
    }

    .addr-street-code{
        width: 75px;
    }
    body.newKendoMenu #headerTopRow{
        min-width:auto !important;
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    body.socialsite-object #main-wrapper {
        display:block;
    }
    .Contact-autocomplete .add-users img {
        margin-top: 8px;
    }
   .attendance-auto-complete.ui-menu.ui-autocomplete {
       width: 568px;
   }
}

.multi-items-wrapper .fa-times {
    padding: 8px 3px;
    float: right;
    vertical-align: middle;
}

.telerik-reTable-5 td.telerik-reTableOddCol-5 {
    width: 150px;
}

#membershipFeeCalculatorWindow p {
    border-bottom: 1px solid #ccc;
    padding-bottom: 7px;
}

#membershipFeeCalculatorWindow .fc-label {
    font-weight: bold;
    width: 207px;
    display: inline-block;
}

#membershipFeeCalculatorWindow .fc-value {
    font-weight: bold;
}

#membershipFeeCalculatorWindow .fc-container-numericbox {
    max-width: 100px;
}

#membershipFeeCalculatorWindow .fc-edit-buttons {
    text-align: right;
}

    #membershipFeeCalculatorWindow .fc-edit-buttons .k-button {
        width: 100px;
    }

#membershipFeeCalculatorWindow .fc-rounding-msg {
    color: red;
    font-weight: bold;
    margin-bottom: 10px;
}
.Membership-Object #multiPricesContainer
{
    width: 620px;
}
#multiPricesContainer .calculator-image{
    position: absolute; 
    top: 3px;
    z-index: 0;
    display: inline-block;
    width: 35px;
    float: right;
    left: 305px;
}

#multiPricesContainer .calculator-image > img {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

#multiPricesContainer .multi-item {
    position: relative;
}

#multiPricesContainer .multi-item-price-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 500px;
}

.membership-fee-table {
    clear:both;
    display: inline-block; 
    float:left;
    width:700px;
    table-layout: fixed;
}

.membership-fee-table .memberhip-fee-name {
    width: 300px;
    padding-right:15px;
    word-wrap:break-word;
    word-break: break-all; 
    text-overflow:ellipsis; 
    white-space:normal;
}

.membership-fee-table .memberhip-fee-age {
    width: 130px;
    padding-right:15px;
    word-wrap:break-word;
    word-break: break-all; 
    text-overflow:ellipsis; 
    white-space:normal;
}

.membership-fee-table .memberhip-fee-residency {
    width: 110px;
    padding-right:15px;
    word-wrap:break-word;
    word-break: break-all; 
    text-overflow:ellipsis; 
    white-space: normal;
}

.radio-group {
    border: 1px solid #ccc;
            border-radius: 3px;
}

.radio-item {
    height: 40px;
    line-height: 40px;
}

.radio-group .radio-item:not(:last-child) {
    border-bottom: 1px solid #ccc;
}

.radio-group .radio-item-disabled {
    background-color: #FAFAFA;
}

.f-checkbox-view .pm-checkbox-blue + label:before {
    border-radius: 2px;
}

.f-checkbox-view .pm-checkbox-blue:not(:checked) + label:before {
    border: 1px solid #cccccc;
}
}
/* Bookme add family member birthday fields*/
#birthdate-month {
    width: 42% !important;
    padding-right: 0px;
}
#birthdate-day {
    width: 10% !important;
}
#birthdate-year {
    width: 16% !important;
    
}

.info-icon {
    background: url(images/info-icon.png) center no-repeat;
    margin: 0px 0px -5px 0px;
    width: 18px;
    height: 18px;
    display: inline-block;
    cursor: pointer;
}

.legend-icon {
    background: url(images/icon-legend.png) center no-repeat;
    margin: 0 0 -1px 0;
    width: 11px;
    height: 11px;
    display: inline-block;
    cursor: pointer;
}

@media screen and (max-width:1280px) {
    .Number-wrapper.BookingStartsInHours-wrapper .filter-label {
        padding-left: 20%;
    }
}

#QuickReg .address-container {
    width: 94%;
}

#regFormWindow .questionField {
    position: relative;
}

    #regFormWindow .questionField .k-dropdown {
        width: 100%;
    }

.reg-form fieldset {
    border: none;
}

.reg-form .questionField .field-validation-error{
    display: table;
}
.hidden-label {
    position: fixed !important;
    height: 1px !important;
    width: 1px !important;
    bottom: -1px !important;
    left: 0 !important;
    z-index: -999 !important;
    display: inline !important;
    color: transparent !important;
}

.AllowOnlineWithdrawalForCourses-wrapper .field-control-wrapper .course-cb-label {
    margin-top: 5px;
    display: inline-block;
}

#attendeeMultiselect-list .t-header {
    max-width: 22%;
    width: 200px;
    display: inline-block;
    height: 36px;
    padding-top: 10px;
    font-weight:bold;
    font-style: italic;
    font-size: 94%;
}


#attendeeMultiselect-list .t-header-item {
    border-bottom: 1px solid #E2E2E2;
}
#attendeeMultiselect-list .t-value{
    font-style: unset !important; 
}

#attendeeMultiselect-list .t-header-item .quick-entry-account {
    color: silver;
    font-size: small;
    font-weight: normal;
}

#attendeeMultiselect-list .t-header-item .past-due {
    color: white;
    background-color: red;
    font-size: small;
    font-weight: normal;
}

#attendeeMultiselect-list::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
	width:20px
}

#attendeeMultiselect-list::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#attendeeMultiselect-list::-webkit-scrollbar-thumb
{
	border-radius: 22px;
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.3);
	background-color: #b6b6b6;
	width:15px;
}

#attendeeMultiselect-list .quick-entry-bold {
    font-weight:bold;
}

.eventConflictView ul.validation-message  {
    list-style-type: disc;
    }

.eventConflictView .validation-message li {
    padding-top: 7px;
    font-weight: normal;
}

.eventConflictView  .cm-message {
    font-weight: normal;
}

.payment-plan-category .title-categories {
    display: inline-block;
    float: left;
    width: 15%;
    height: 32px;
    text-align: center;
}

    .payment-plan-category .title-categories:nth-child(1) {
        width: 10%;
        margin-left: 1.5%;
    }

    .payment-plan-category .title-categories:nth-child(2) {
        width: 23%;
    }

    .payment-plan-category .title-categories:nth-child(3) {
        width: 23%;
    }

    .payment-plan-category .title-categories:nth-child(4) {
        width: 18%;
    }

    .payment-plan-category .title-categories:nth-child(5) {
        width: 23%;
    }

.dropdown-header.payment-plan-header {
    background-color: #ffffff;
}


/*################# Cancellation Reason Popup ################*/

.cancellation-reason-popup .k-window-action.k-link{
    width: auto;
    height:auto;
}

.cancellation-reason-popup .k-window-action.k-link.k-state-hover, .email-validation-popup .k-window-action.k-link.k-state-hover {
    border: none;
    background-color: transparent;
}

.cancellation-reason-popup .k-window-titlebar.k-header .k-icon.k-i-close:before, .email-validation-popup .k-window-titlebar.k-header .k-icon.k-i-close:before {
    content: '\00d7';
    color: #979797;
}

.cancellation-reason-popup .k-window-title{
    padding: 0 0.7em;
    position: relative;
}

.cancellation-reason-popup .description-field {
    width: 100%;
    height: 80px;
    padding: 0.7em 1.3em;
}

.cancellation-reason-popup .multiselect-checkbox .search-area, .cancellation-reason-popup .done-btn-wrapper{
    display: none;
}

.cancellation-reason-popup .multiselect-checkbox .filter-selectable-options-list .possible-options .filters-checkbox{
    margin: auto;
    font-size: 12px;
}

.cancellation-reason-popup .multiselect-checkbox .customCheckBox{
    padding: 0.7em 2.2em;
    border-top: 1px solid #dbdbdb;
}

.cancellation-reason-popup .multiselect-checkbox .filter-selectable-options-list .possible-options{
    padding: 0;
}

.cancellation-reason-popup .multiselect-checkbox .pm-checkbox-blue:checked + label:before{
    font: normal normal normal 15px/1.2 FontAwesome;
    text-rendering: auto;
    content: "";
}

.cancellation-reason-popup .multiselect-checkbox .pm-checkbox-blue + label:before{
   line-height: 1.2em;
   margin-left: -1em;
}

.cancellation-reason-popup .field-label{
    color: #212121;
    margin-bottom: 0.5em;
    font-weight: 300;
}

.cancellation-reason-popup .pm-dialog-buttonpane{
    margin: 0.1em 1em 0.8em 0em;
}

.cancellation-reason-popup .multiselect-checkbox .filter-selectable-options-list{
    position: fixed;
}

.cancellation-reason-popup .multiselect-checkbox .fake-dropdown .dropdown-title{
    color: #909090;
    padding: 13px 20px;
    font-size: 0.95em;
}

.cancellation-reason-popup .field-validation-error{
    display: block;
}

.cancellation-reason-popup .k-window-titlebar.k-header{
    background-color: #fff;
    position: relative;
    padding: 1em 0;
}

.cancellation-reason-popup .k-window-titlebar.k-header .k-icon.k-i-close, .email-validation-popup .k-window-titlebar.k-header .k-icon.k-i-close{
    background-image: none;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 41px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 30px;
    height: 30px;
    color: transparent;
    overflow: hidden;
}

.cancellation-reason-popup .k-dropdown .k-dropdown-wrap .k-select .k-icon {
    background-image: url(Images/Buttons/icon-chevron-down-blueblue.svg);
    border-color: transparent;
    background-position-y: -5px;
    background-position-x: -5px;
    width: 20px;
    height: 20px;
    margin-top: 14px;
    margin-right: 10px;
}

.cancellation-reason-popup .k-dropdown-wrap{
    padding: 0.5em;
    color: #909090;
}

.cancellation-reason-popup .k-dropdown-wrap.k-state-hover{
    background-color: #fff;
}

.email-validation-popup .k-window-titlebar.k-header .k-icon.k-i-close{
    position: absolute;
    right: 0em;
    top: 0.2em;
}

/*################# Cancellation Reason Popup ################*/

.email-validation-popup .k-content{
    padding: 1.5em 2.5em 0.1em 3em;
    font-size: 0.9em;
}

.email-validation-popup .message {
    margin-bottom: 0.7em;
}

.email-validation-popup input{
    width: 100%;
}

.email-validation-popup .pm-dialog-buttonpane{
    padding: 0;
    margin: 1em 0.6em;
}

.email-validation-popup .k-header{
    background: #fff;
    padding: 1em 0;
    position: relative;
}

#prerequisiteEventspopUp,
#prerequisiteEventspopUpTrue,
#prerequisiteEventspopUpFalse {
    width: 747px;
    border-bottom: gainsboro solid 1px;
    font-size: 14px;
    padding: 8px;
    color: #1B1B1B;
}

#prerequisiteEventspopUp .subject,
#prerequisiteEventspopUpTrue .subject,
    #prerequisiteEventspopUpFalse .subject {
        float: left;
        word-wrap: break-word;
    }

    #prerequisiteEventspopUp:hover,
    #prerequisiteEventspopUpTrue:hover {
        background-color: #2B7BAE;
    }

    #prerequisiteEventspopUp .date,
    #prerequisiteEventspopUpTrue .date,
    #prerequisiteEventspopUpFalse .date {
        float: left;
        font-size: 10px;
        color: #7A7A7A;
        margin-right: 10px;
        word-wrap: break-word;
    }

    #prerequisiteEventspopUp .description,
    #prerequisiteEventspopUpTrue .description,
    #prerequisiteEventspopUpFalse .description {
        float: right;
        font-size: 10px;
        color: #7A7A7A;
    }

#prereqEventsSearch {
    float: left;
    width: 430px;
    font-size: 16px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

#prerequisiteEventspopUpTrue:hover .date,
#prerequisiteEventspopUpTrue:hover .description,
#prerequisiteEventspopUpTrue:hover,
#prerequisiteEventspopUpTrue:hover .eventIdBox,
#prerequisiteEventspopUpTrue:hover .eventId,
#prerequisiteEventspopUp:hover .date,
#prerequisiteEventspopUp:hover .description,
#prerequisiteEventspopUp:hover,
#prerequisiteEventspopUp:hover .eventIdBox,
#prerequisiteEventspopUp:hover .eventId {
    color: white !important;
}

.eventId {
    color: black;
}

.eventIdBox {
    float: right;
    color: gray
}

.underlinePointer {
    text-decoration: underline;
    cursor: pointer;
}

#prereqEventsDisplay {
    float: left;
    font-size: 16px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    font-weight: bold;
}

#eventsBox {
    width: 634px;
    background-color: #F5F5F5;
    padding: 2px 7px
}

#displayDate {
    float: left;
    color: #A9A9A9;
    font-size: 10px
}

#displaySeasonName {
    float: right;
    color: #A9A9A9;
    font-size: 10px
}

.notOnline {
    color: gray
}

.Calendar-Filter-Object.edit-mode .objectPageLayoutSection{
    margin-left: 0;
}

.Calendar-Filter-Object.edit-mode .objectPageLayoutSection input.k-formatted-value{
    border: none;
}

.Calendar-Filter-Object.read-mode .objectPageLayoutSection{
    width: 500px;
    margin-left: 0;
}

.Calendar-Filter-Object.read-mode .objectPageLayoutSection .field-web-control.readonly {
    position: absolute;
}

.box button.contact-regenerate-button{
    border: none;
    background-image: url(../content/images/Buttons/regenerate-button.png);
    background-size: 102px 27px;
    display: inline-block;
    cursor: pointer;
    margin-left: 6px;
    padding: 13px 51px;
    position: absolute;
    margin-top: -3px;
}

.box button.contact-regenerate-button.disabled {
    cursor: default;
    font-weight:normal;
    pointer-events: none;
}
@media screen and (max-width: 767px) {
    body.Office.header-for-member #header-wrapper {
        position: relative;
    }
}

#facility-contract-status-notification-popup .popup-header {
    border-bottom: 1px solid #ccc;
    height: 35px;
    padding: 10px 5px 5px 17px;
}

#facility-contract-status-notification-popup .popup-header .header-title {
    float: left;
    color: #333333;
    font-size: 20px;
    height: 34px;
    font-weight: 600;
}

#facility-contract-status-notification-popup .popup-header .close-button {
    height: 17px;
    width: 17px;
    float: right;
    margin-top: 4px;
    margin-right: 19px;
    margin-left: 3px;
    cursor: pointer;
}

#facility-contract-status-notification-popup .popup-header .close-button:before {
    content: url(Images/ControlIcons/FacilityMap/x_icon.svg);
}

#facility-contract-status-notification-popup .popup-content {
    padding: 15px 20px 20px 17px;
}

#facility-contract-status-notification-popup .buttons-wrapper {
    text-align: right;
    margin-right: 20px;
    margin-bottom: 5px;
}

#facility-contract-status-notification-popup .buttons-wrapper .button {
    width: 100px;
    border-radius: 4px;
    font-family: Open Sans;
    font-size: 14px;
    height: 27px;
}

#facility-contract-status-notification-popup .buttons-wrapper .button.cancel-button {
    background-color: #eeeeee;
    border: solid 1px #c1c1c1;
    margin-right: 3px;
    cursor: pointer;
}

#facility-contract-status-notification-popup .buttons-wrapper .button.confirm-button {
    background-color: #3c7eb7;
    color: #ffffff;
    border: 1px solid #3c7eb7;
    cursor: pointer;
}