/*
* 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;
}
.built-in-buttons button {
font-weight: bold !important;
}
.built-in-buttons button.xpl-button.pm-save-button {
background-color: var(--xpl-color-secondary-lm) !important;
}
.built-in-buttons button.xpl-button.pm-save-button em:before,
.built-in-buttons button.xpl-button.pm-save-button i:before {
content: unset;
}
.built-in-buttons a.xpl-button.pm-cancel-button {
background: white !important;
border: 1px solid #E1E2E8;
height: unset;
min-width: unset;
font-family: var(--xpl-font-family-default);
}
#main-content .template-edit-name {
margin: 15px 78% 0 7% !important;
width: 83%;
}
#main-content .template-edit-name label {
color: black;
font-weight: 500;
}
#divTemplateName .label {
font-weight: 500;
padding-top: 10px;
}
#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%;
}
#bookMe4Widget {
overflow: auto;
}
#button-back-container-view {
margin-left: 0 !important;
margin-top: 15px;
padding: 0;
}
#button-back-container-view a.back-button-link {
margin-left: 0;
height: 30px;
}
#button-back-container-view a.back-button-link:hover span,
.single.back-button a.back-button-link:hover span {
text-decoration: underline;
}
#button-back-container-view a.back-button-link svg,
#button-back-container-view a.back-button-link span,
.single.back-button a.back-button-link svg,
.single.back-button a.back-button-link span {
vertical-align: middle;
}
/*--------------------------------------
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;
}
.section-content.create-account-container .input-select-field {
border: 1px solid #cecece;
border-radius: 6px;
}
.section-content.create-account-container .input-select-field:disabled {
background-color: #f2f2f2;
}
/*--------------------------------------
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;
background-color: #C3ADFF;
color: #272431;
}
.side-panel.left-panel .menu .item .details-count:empty {
background-color: transparent;
}
/*--------------------------------------
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;
}
.edit-mode .field .timePicker {
background: transparent url(../content/images/Site/xpl-time-icon.png) no-repeat 98% center;
}
.edit-mode .objectPageLayoutSection .Date-wrapper.Birthdate-wrapper td.label {
float: left;
}
.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: 25% !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: 32% !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;
}
.field-control-wrapper .birthday-fields-container {
display: flex;
}
.field-control-wrapper .birthday-fields-container .birthday-field {
display: flex;
flex-direction: column;
flex: 1;
}
.field-control-wrapper .birthday-fields-container .birthday-field:not(:last-child) {
margin-right: 5px;
}
.field-control-wrapper .birthday-field .birthdate-picker-member,
.field-control-wrapper .birthday-field .birthdate-picker-member-select {
width: 100% !important;
}
.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;
}
.edit-mode .field .pmdatepicker,
.edit-mode .field .pmdatetimepicker {
background: transparent url(../Content/Images/Buttons/xpl-calendar-icon.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;
max-width: calc(100% - 100px);
}
.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: 30px;
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(//apps.perfectmind.com/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(//apps.perfectmind.com/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;
}
.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(../Content/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;
}
/*-----------------------------------------
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(//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-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(/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(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(/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(/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(/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(/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: 90%;
}
.pmmultilookup .k-multiselect-wrap li span.k-delete {
z-index: 1;
position: relative;
}
.pmmultilookup .k-multiselect-wrap {
padding-right: 0;
border: none;
}
.pmmultilookup .k-multiselect-wrap .k-icon.k-i-loading {
right: 30px;
}
.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 .k-multiselect .k-button.k-hover {
border-color: #E1E2E8;
}
td.field .k-multiselect .k-button:focus {
box-shadow: none;
}
td.field.readmode .k-multiselect,
td.field.readmode .k-multiselect div {
background-color: rgba(0, 0, 0, 0) !important;
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-no-click {
pointer-events: unset;
}
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 {
padding: 0.58em;
}
.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;
top: 0 !important;
}
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-station .assign-station-buttons {
max-height: 200px;
overflow-y: auto;
}
.assign-location-picker, .assign-station-picker {
padding: 0 10px 10px 0px;
}
.assign-location-picker span,
.assign-station-picker span {
color: #6A6D7D;
font-size: 14px;
}
.assign-station-picker button {
cursor: pointer;
font-size: 16px;
margin-top: 5px;
box-sizing: border-box;
}
.assign-station-picker button.selected {
border: 2px solid #6923F4
}
.assign-location-picker select, .assign-station-picker select {
width: 100%;
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 button {
margin-right: 5px !important;
margin-top: 10px !important;
margin-right: 10px;
}
.assign-location-actions {
margin-top: 40px;
margin-left: 10px;
display: flex;
}
.assign-location-actions .left-side-wrapper span {
display: inline-block;
padding-left: 30px;
font-size: 12px;
color: #6A6D7D;
}
.assign-location-choose:disabled {
opacity: 0.2;
}
.choose-location-icon {
width: 12px;
height: 12px;
color: transparent;
display: inline-block;
background: url("/Content/Images/location.png") no-repeat;
background-size: contain;
}
.go-to-wait-list {
color: blue;
text-decoration: underline;
font-size: 10px;
}
.overcapacity-events {
padding-left: 15px;
font-size: 14px;
padding-bottom: 30px;
}
#capacity-alert-body {
font-size: 12px;
}
/*--------------------------------------
iOS CSS
--------------------------------------*/
.switch label {
cursor: pointer;
margin: 0;
width: auto;
}
.switch input {
display: none;
}
textarea {
resize: none;
}
.auto-width {
width: auto;
}
.auto-width-force {
width: auto !important;
}
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 .k-animation-container .k-group {
border-top-style: none;
}
#header-wrapper .k-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: 999px;
display: block !important;
height: 140px;
text-align: center;
width: 140px;
}
#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;
}
body.Office:not(.header-for-member.socialsite-page) #header-wrapper {
border-bottom: none;
box-shadow: 0 2px 8px 1px rgb(0 0 0 / 14%);
}
.ui-dialog {
z-index: 1000;
}
body:not(.header-for-member).socialsite-page #header-wrapper {
padding: 0 1em 0 0;
}
#footer-wrapper {
border-top-style: solid;
}
body.header-for-member .content-with-panels {
margin-top: 43px;
}
.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;
}
#GridForRecordList {
overflow-x: hidden;
font-family: var(--xpl-font-family-default);
border-radius: 7px;
}
#GridForRecordList .k-widget.k-grid .k-grid-header {
height: 40px;
}
#GridForRecordList .k-widget.k-grid th.k-header {
padding-top: 2px;
padding-bottom: 0px;
background-color: #f1f1f1 !important;
}
#GridForRecordList .k-widget.k-grid th.k-header {
padding-top: 2px;
padding-bottom: 0px;
background-color: #f1f1f1 !important;
border-bottom: 1px solid #ccc !important;
border-top: 1px solid #ccc !important;
border-left: none;
}
#GridForRecordList .k-widget.k-grid th.k-header:first-child {
padding-bottom: 2px;
}
#GridForRecordList .k-widget.k-grid th.k-header a {
background-color: #f1f1f1 !important;
padding-top: 0px;
padding-bottom: 10px;
margin: 0;
}
#GridForRecordList .k-widget.k-grid th.k-header a,
#GridForRecordList .k-widget.k-grid th.k-header a span {
color: #6A6D7D !important;
font-size: 13px;
}
#GridForRecordList .k-widget.k-grid th.k-header .header-checkbox {
margin-bottom: 7px;
margin-right: 9px;
}
#GridForRecordList .k-widget.k-grid tbody tr td {
color: #6A6D7D;
border-left: none;
}
#GridForRecordList .k-widget.k-grid tbody tr td.gridImageColumn {
height: 31px;
}
#GridForRecordList .k-widget.k-grid input[type='checkbox']:not(:checked) {
background-color: white;
}
#GridForRecordList .k-widget.k-grid input[type='checkbox'] {
border: 1px solid #e2e2e2;
margin-right: 9px;
background-color: var(--xpl-color-secondary-lm);
}
#GridForRecordList .k-widget.k-grid tbody tr td.aoda_filter__FullName,
body.header-for-member #GridForRecordList .k-widget.k-grid tbody tr td.aoda_filter__FullNameSimple {
color: black;
}
#GridForRecordList .k-widget.k-grid tbody tr td img {
display: inline-block;
}
body.header-for-member #GridForRecordList .k-widget.k-grid tbody tr {
height: 56px;
}
body.header-for-member #GridForRecordList .k-widget.k-grid th.k-header,
body.header-for-member #GridForRecordList .k-widget.k-grid .k-grid-header a {
background-color: #f1f1f1 !important;
}
body.header-for-member #GridForRecordList .k-widget.k-grid .k-header input[type='checkbox']:not(:checked) {
background-color: white;
}
body.header-for-member #GridForRecordList .k-widget.k-grid tbody td.gridImageColumn img {
max-height: unset;
border-radius: 28px;
width: 58px;
height: 58px;
}
body.header-for-member #GridForRecordList .k-widget.k-grid .actionmenu .popup-panel .menu-item {
padding: 5px 0 5px 5px;
}
body.header-for-member #GridForRecordList .k-widget.k-grid .actionmenu .menu-item.menu-title.first-level {
color: #6923F4;
text-decoration: underline;
}
body.header-for-member #GridForRecordList .k-widget.k-grid tbody tr:hover, div.k-grid-content tr.selected {
background-color: #f7f7f7 !important;
}
body.header-for-member #customButtonsContainerDiv #btnNav {
margin-bottom: 2.5px;
}
body.header-for-member .k-grid .k-grid-pager .k-link.k-pager-nav:nth-child(2),
body.header-for-member .k-grid .k-grid-pager .k-link.k-pager-nav:nth-child(5) {
padding: 0;
}
body.header-for-member #main-content .grid-record-buttons .pm-button {
max-width: 250px;
}
#GridForRecordList .k-widget.k-grid .k-grid-pager .k-pager .k-numeric .k-active {
height: 23px;
}
.medium-border-radius, .tab, .tab-active, #topNav, #viewId, .search-box,
.k-widget.k-grid .k-grid-header, .k-widget.k-grid .k-grid-footer,
.k-widget.k-grid .k-grid-bottom {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.k-grid .k-grid-pager {
display: flex;
justify-content: flex-end;
padding: 5px 10px;
border-bottom-right-radius: 11px;
border-bottom-left-radius: 11px;
border-top: 0;
}
.k-grid .k-grid-pager .k-pager-input.k-label {
display: none;
}
.k-grid .k-grid-pager .k-pager .k-page-size {
position: absolute;
right: 50%;
}
.k-grid .k-grid-pager .k-pager .k-dropdown {
border: unset !important;
}
.k-grid .k-grid-pager .k-pager-numbers-wrap {
margin: 0;
}
.k-grid .k-grid-pager .k-pager-numbers li + li {
margin-left: 0;
}
.k-grid .k-grid-pager .k-pager-numbers .k-link {
background: none;
border: 1px solid #b6b6b6;
border-radius: unset !important;
margin: 0;
box-sizing: border-box;
height: 27px;
font-family: var(--xpl-font-family-default);
padding: 1px 8px;
}
.k-grid .k-grid-pager .k-pager-numbers .k-link:hover,
.k-grid .k-grid-pager .k-pager-nav:hover {
border-color: #dae2e6;
color: #333333;
}
.k-grid .k-grid-pager .k-pager-numbers .k-selected {
background-color: #F4F2FF !important;
color: black;
border: 1px solid #b6b6b6 !important;
margin: 0;
height: 27px;
padding: 1px 8px;
}
.k-grid .k-grid-pager .k-link {
background-color: #ffffff !important;
}
.k-grid .k-grid-pager .k-link {
margin-top: 0;
border: 1px solid #b6b6b6;
padding-bottom: 8px;
height: 27px;
}
.k-grid .k-grid-pager .k-link.k-pager-nav:nth-child(2) {
border-radius: 100px 0px 0px 100px;
}
.k-grid .k-grid-pager .k-pager-input.k-label + .k-link.k-pager-nav,
.k-grid .k-grid-pager .k-pager-numbers-wrap + .k-link.k-pager-nav,
.k-grid .k-grid-pager .k-pager-numbers-wrap.k-floatwrap + .k-link.k-pager-nav {
border-radius: 0 100px 100px 0 !important;
margin-left: 0;
}
.k-grid .k-grid-pager .k-link.k-pager-nav .k-icon.k-i-arrow-60-right:before,
.k-grid .k-grid-pager .k-link.k-pager-nav .k-icon.k-i-arrow-60-left:before {
top: 4px;
}
/* Added to fix 213997 issue */
#GridForRecordList .k-icon.k-i-arrow-60-left {
top: -3px !important;
}
#GridForRecordList .k-icon.k-i-arrow-60-right {
top: -3px !important;
}
.k-grid .k-grid-pager .k-pager-first,
.k-grid .k-grid-pager .k-pager-last {
display: none;
}
.k-grid .k-grid-pager .k-pager-sizes {
order: -1;
flex: 1;
font-size: 12.35px;
}
.k-grid .k-grid-pager .k-pager-sizes .k-dropdown {
border-radius: 23px;
}
.k-grid .k-grid-pager .k-pager-sizes .k-dropdown .k-dropdown-wrap {
border: 1px solid #ccc;
border-radius: 23px;
background-color: #ffffff;
}
.k-grid .k-grid-pager .k-pager-sizes .k-dropdown .k-dropdown-wrap .k-input {
padding-left: 6px;
}
.k-grid .k-grid-pager .k-status {
display: none;
}
.k-grid .k-grid-pager .k-pager-info.k-label {
font-style: unset;
font-size: 13px;
color: black;
margin-left: 15px;
margin-top: 5px;
padding-top: 2px;
display: block;
order: -2;
text-align: left;
flex: none;
}
.k-grid .k-grid-pager .printandexport strong {
font-family: 'FontAwesome';
}
.k-grid .k-grid-pager .k-link:focus,
.k-grid .k-grid-pager .k-numeric .k-active:focus {
outline: -webkit-focus-ring-color auto 1px;
}
.k-grid .k-grid-pager.k-grid-bottom {
position: relative;
padding-right: 50px !important;
}
.k-animation-container .k-list li.k-selected,
.k-animation-container .k-list li.k-focused {
background-color: #7600fe;
box-shadow: none;
color: #fff;
}
.k-animation-container .k-list li.k-focused .row .column {
color: #fff;
}
.k-animation-container .k-list li.k-focused .row:hover .column {
color: #000;
}
#primaryObjectItem > div {
text-align: center;
}
#primaryObjectItem .box-tab-caption-active > span {
font-weight: 600;
font-size: 20px;
}
#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;
}
#appSuiteCell #appsuite-nav #object-tab-more {
visibility: hidden;
border: none;
padding-bottom: 7px !important;
}
#object-tab-more .k-link {
padding-left: 0.25em;
}
#object-tab-more img {
width: 20px;
vertical-align: bottom;
margin-right: 0.25em;
}
#object-tab-more > .tab {
border: none;
}
#object-tab-more > .tab > #ObjectSelector {
border: none;
background-color: unset;
}
#object-tab-more > .tab > #ObjectSelector > li {
border: none;
background-color: unset !important;
}
#object-tab-more > .tab > #ObjectSelector > li .k-animation-container > ul > li > a {
color: black !important;
background-color: unset !important;
}
#object-tab-more > .tab > #ObjectSelector > li .k-animation-container > ul > li:hover {
background-color: #d5d5d5;
}
#object-tab-more > .tab > #ObjectSelector > li.k-hover > span,
#object-tab-more > .tab > #ObjectSelector > li.k-state-border-down > span {
box-shadow: none;
background-color: unset;
border: none;
}
#reportList a {
display: block;
}
#reportList .report-dashboard {
background-image: url(../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; */
}
body.Office.header-for-member #main-wrapper #content-wrapper {
background-color: #f8f8f8
}
#header-table {
width: 100%;
height: 100%;
max-height: 140px;
}
#header-table #appNavLdiv #appNav #TopRightMenu {
border: none;
}
#header-table #appNavLdiv #appNav #TopRightMenu #appSelector {
border: none;
}
#header-table #appNavLdiv #appNav #TopRightMenu #appSelector > li.k-hover,
#header-table #appNavLdiv #appNav #TopRightMenu #appSelector > li.k-state-border-down {
border: none;
background-color: unset;
}
#header-table #appNavLdiv #appNav #TopRightMenu #appSelector > li.k-hover > span,
#header-table #appNavLdiv #appNav #TopRightMenu #appSelector > li.k-state-border-down > span {
background-color: unset;
color: #fff;
}
#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 .k-menu span.k-link {
padding-top: 7px !important;
padding-bottom: 6px !important;
}
#topNav .k-menu .k-item {
vertical-align: baseline;
}
#topNav .k-item.organizations .k-arrow-next {
top: 7px;
}
#topNav #OptionsSelector .k-link {
padding-left: 10px;
color: #cccccc;
font-size: 13px;
}
body:not(.header-for-member) #topNav #OptionsSelector > .k-item > .k-link {
background-color: #2d2a36 !important;
}
body.socialsite-object #topNav #OptionsSelector > .k-item > .k-link,
body.socialsite-page #topNav #OptionsSelector > .k-item > .k-link {
background-color: transparent !important;
}
body.oldMainMenu #topNav #OptionsSelector > li.k-item,
body.socialsite-object #topNav #OptionsSelector > li.k-item,
body.socialsite-page #topNav #OptionsSelector > li.k-item {
border: none;
}
body.socialsite-object #header-table #appNavRightdiv #appNav #TopRightMenu,
body.socialsite-page #header-table #appNavRightdiv #appNav #TopRightMenu,
body.socialsite-page #header-table #appNavLdiv #TopRightMenu {
margin-bottom: -8px;
}
#topNav #OptionsSelector > .k-item .k-animation-container ul li.k-item.k-selected {
background-color: var(--xpl-color-secondary-bg-lm);
}
#topNav #OptionsSelector > .k-item .k-animation-container ul li.k-item.k-selected.k-hover {
background-color: #EAEAEA;
}
#topNav #OptionsSelector > li.k-item.k-hover {
background: unset !important;
}
#topNav #OptionsSelector > li.k-item.k-hover > .k-link.k-menu-link {
background: unset !important;
color: #fff;
}
#OptionsSelector a.k-link {
padding-right: 16px;
}
#OptionsSelector #AbtPerfectMind.k-link {
padding-right: 0;
}
#OptionsSelector .k-group li.k-hover {
background-color: #EAEAEA;
}
#appSelector > li > span {
padding: 0;
padding-top: 7px;
width: 20px;
margin-left: 15px;
margin-right: 35px;
}
/*-- http://www.telerik.com/community/forums/aspnet-mvc/menu/menu-styling-removing-down-arrow.aspx --*/
#appMenuSelector .k-arrow-down {
display: none;
}
#appMenuSelector .k-link {
padding-left: 8px;
}
#appMenuSelector > .k-item > .k-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 > .k-highlighted > a, #appMenuSelector > .k-selected > a {
background: white;
}
#OrganizationSelector {
}
body.newKendoMenu .global_menu {
z-index: 1;
}
#topNav #Options-Setup.expanded {
background-color: #363636;
}
.global_menu .k-item .k-link, .k-item.globalMenuLink .k-link {
color: #656565 !important;
max-width: 200px;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
}
body.newKendoMenu .global_menu .k-item {
padding-left: 25px;
background-position: 5px center;
background-repeat: no-repeat;
}
body.newKendoMenu .global_menu .k-item .organizations .k-item {
padding-left: 0;
}
body.newKendoMenu .global_menu .seperator.k-item {
border-bottom: 1px solid #A9A9A9;
height: 0;
margin-bottom: 5px;
padding-top: 3px;
}
body.newKendoMenu .global_menu .help.k-item {
background-image: url("/Content/images/DefaultIcons/g4-help.png");
}
body.newKendoMenu .global_menu .my_account.k-item {
background-image: url("/Content/images/DefaultIcons/g4-my_account.png");
}
body.newKendoMenu .global_menu .organizations.k-item {
background-image: url("/Content/images/DefaultIcons/g4-my_sites.png");
}
body.newKendoMenu .global_menu .feedback.k-item {
background-image: url("/Content/images/DefaultIcons/g4-feedback.png");
}
body.newKendoMenu .global_menu .settings.k-item {
background-image: url("/Content/images/DefaultIcons/g4-setup.png");
}
body.newKendoMenu .global_menu .app_store.k-item {
background-image: url("/Content/images/DefaultIcons/g4-app_store.png");
}
body.newKendoMenu .global_menu .logout.k-item {
background-image: url("/Content/images/DefaultIcons/g4-logout.png");
}
#OrganizationSelector a {
padding-left: 8px;
text-align: left;
/*font-size: 14px;*/
}
#OrganizationSelector .k-link {
font-size: 13px;
padding: 0;
}
#OptionsSelector {
z-index: 1;
background-image: none;
}
#OptionsSelector > li > span {
font-size: 105%;
}
#ObjectSelector > li > span {
width: 11px;
padding-bottom: 0px;
padding-top: 0px;
margin-left: 5px;
margin-right: 30px;
}
#ObjectSelector .k-icon {
background-image: url(../Content/2012.2.801/Windows7/sprite.png);
}
#appSelector .k-icon {
background-image: url(../Content/2012.2.801/Windows7/sprite.png);
}
#topNav .k-icon, #ObjectSelector .k-icon, #appSelector .k-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 .k-animation-container, #OrganizationSelector .k-animation-container {
left: auto;
right: 0;
}
#header-wrapper .k-animation-container {
line-height: 1.5em;
}
#appSuiteCell #ObjectSelector {
position: relative;
z-index: 500;
}
#appNav #appSelector {
position: relative;
z-index: 1000;
}
body.socialsite-object #appNav #TopRightMenu #appSelector,
body.socialsite-page #appNav #TopRightMenu #appSelector {
background-image: none;
}
body.socialsite-object #appNav #TopRightMenu #appSelector > li.k-item,
body.socialsite-page #appNav #TopRightMenu #appSelector > li.k-item {
border: none;
}
body.socialsite-object #appNav #TopRightMenu #appSelector > li.k-item.k-hover,
body.socialsite-object #appNav #TopRightMenu #appSelector > li.k-item.k-state-border-down,
body.socialsite-object #appNav #TopRightMenu #appSelector > li.k-item.k-state-border-down span.k-menu-link,
body.socialsite-object #appNav #TopRightMenu #appSelector > li.k-item.k-hover span.k-menu-link,
body.socialsite-page #appNav #TopRightMenu #appSelector > li.k-item.k-hover,
body.socialsite-page #appNav #TopRightMenu #appSelector > li.k-item.k-state-border-down,
body.socialsite-page #appNav #TopRightMenu #appSelector > li.k-item.k-state-border-down span.k-menu-link,
body.socialsite-page #appNav #TopRightMenu #appSelector > li.k-item.k-hover span.k-menu-link {
background-color: transparent;
}
body.socialsite-object #appNav #TopRightMenu #appSelector > li.k-item.k-state-border-down span.k-menu-link,
body.socialsite-page #appNav #TopRightMenu #appSelector > li.k-item.k-state-border-down span.k-menu-link{
color: #dbdbdb;
box-shadow: unset;
border: none;
}
body.socialsite-page #appNav #TopRightMenu #appSelector > li.k-item .k-animation-container > ul {
border: 1px solid #ccc;
border-radius: 4px;
}
/*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;
margin-right: 5px;
}
#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;
}
}
.attendance-tabstrip.k-tabstrip > .k-content {
overflow: unset !important;
}
/*--| 1024/768 fixes for top navigation|--*/
body.Office #listMultiLocPicker #spnloc.t-link {
padding: 9px 0 7px 5px;
}
/*--| 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;
}
#memberSignupView .objectPageLayoutSection .label {
max-width: 230px;
}
.box-min-height-container {
min-height: 450px;
}
.subsection-content > div, .subsection-content > p {
margin-bottom: 0.5em;
margin-top: 0;
}
.subsection-content .k-widget.k-grid {
border-radius: 11px;
box-shadow: 0 2px 4px -1px #cacaca;
border: 1px solid #e4e6ea !important;
background-color: #fff;
margin: 5px 15px 0 0;
}
.subsection-content .k-widget.k-grid .k-grid-header tr th {
background-color: #F3F4F6;
border-color: #E4E6EB;
vertical-align: middle;
padding: 10px;
border-right: none;
border-left: none;
}
.subsection-content .k-widget.k-grid .k-grid-header tr th:first-child {
border-top-left-radius: 11px;
}
.subsection-content .k-widget.k-grid .k-grid-header tr th:last-child {
border-top-right-radius: 11px;
}
.subsection-content .k-widget.k-grid .k-grid-header tr th .k-link {
font-family: var(--xpl-font-family-default);
text-align: left;
color: #6A6D7D;
}
.subsection-content .k-widget.k-grid tbody tr {
background-color: transparent !important;
}
.subsection-content .k-widget.k-grid tbody tr:hover {
background-color: #F8F9FA !important;
}
.subsection-content .k-widget.k-grid tbody tr td {
border-left-width: 0;
vertical-align: middle;
font-size: 14px;
color: #6A6D7D;
padding: 5px 10px;
color: #6A6D7D;
border: none;
}
.subsection-content .k-widget.k-grid .k-pager-wrap.k-grid-pager {
background-color: #FAFBFC;
display: flex;
justify-content: flex-end;
padding: 25px 10px 10px 10px;
border-bottom-right-radius: 11px;
border-bottom-left-radius: 11px;
border-top: 1px solid #E4E6EB;
}
.subsection-content .k-widget.k-grid .k-pager-wrap.k-grid-pager .k-link {
background: none;
border: 1px solid #E1E2E8;
border-left-width: 0;
box-sizing: border-box;
height: 30px;
font-family: var(--xpl-font-family-default);
border-radius: 0;
}
.subsection-content .k-widget.k-grid .k-pager-wrap.k-grid-pager .k-link.k-pager-nav span.k-icon {
padding-top: 4px;
}
.subsection-content .k-widget.k-grid .k-pager-wrap.k-grid-pager .k-link.k-pager-nav span.k-icon.k-i-arrow-e {
font-size: 0;
width: 15px;
height: 21px;
background-image: url(/Content/Kendo/Bootstrap/sprite.png);
background-position: -2px -12px;
background-repeat: no-repeat;
}
.subsection-content .k-widget.k-grid .k-pager-wrap.k-grid-pager .k-link.k-pager-nav:nth-child(2) {
border-radius: 100px 0px 0px 100px;
border-left-width: 1px;
}
.subsection-content .k-grid .k-grid-pager .k-pager-input.k-label + .k-link.k-pager-nav,
.subsection-content .k-grid .k-grid-pager .k-pager-numbers-wrap.k-floatwrap + .k-link.k-pager-nav {
border-radius: 0 100px 100px 0 !important;
margin-left: 0;
}
.subsection-content .k-grid .k-grid-pager .k-pager-numbers-wrap {
margin-left: 0;
}
.subsection-content .k-widget.k-grid .k-pager-wrap.k-grid-pager .k-pager-numbers.k-reset ~ .k-pager-nav {
margin-right: 30px;
}
.subsection-content .k-widget.k-grid .k-pager-wrap.k-grid-pager .k-pager-info {
color: #333333;
}
.subsection-content .k-widget.k-grid .k-pager-wrap.k-grid-pager .k-pager-numbers .k-selected {
background-color: #f4f2ff;
color: #272431;
border: 1px solid #E1E2E8;
border-top-width: 0;
border-left-width: 0;
box-sizing: border-box;
height: 30px;
border-radius: 0;
}
.subsection-content .k-widget.k-grid .k-pager-wrap.k-grid-pager .k-pager-numbers .k-link:hover {
color: #7600fe;
}
.subsection-content .k-widget.k-grid .k-pager-wrap.k-grid-pager .k-pager-sizes.k-label {
margin-left: 100px;
order: -1;
flex: 1;
}
.subsection-content .k-widget.k-grid .k-pager-wrap.k-grid-pager .k-pager-sizes.k-label.k-label {
color: #333333;
font-family: var(--xpl-font-family-default);
}
.subsection-content .k-widget.k-grid .k-pager-wrap.k-grid-pager .k-pager-sizes.k-label.k-label .k-dropdown {
width: 70px;
}
.subsection-content .k-widget.k-grid .k-pager-wrap.k-grid-pager .k-pager-sizes.k-label.k-label .k-dropdown .k-icon.k-i-arrow-s {
background-position: -1px -6px;
height: 14px;
width: 25px;
background-image: url(/Content/Images/LeftPanels/arrow-down-icon.png);
background-size: 21px;
}
.subsection-content .k-widget.k-grid .k-pager-wrap.k-grid-pager .k-link:focus,
.subsection-content .k-widget.k-grid.k-pager-wrap.k-grid-pager .k-pager-numbers .k-selected:focus {
outline: -webkit-focus-ring-color auto 1px;
}
.subsection-content .k-widget.k-grid .k-pager-wrap.k-grid-pager .k-pager-info {
color: #333333;
font-family: var(--xpl-font-family-default);
order: -2;
}
.subsection-content .k-widget.k-grid .k-pager-wrap.k-grid-pager .k-pager-info.k-label {
flex: 1;
justify-content: flex-start;
}
.subsection-content .k-widget.k-grid .k-pager-wrap.k-grid-pager .k-pager-first,
.subsection-content .k-widget.k-grid .k-pager-wrap.k-grid-pager .k-pager-last {
display: none;
}
.subsection-content .k-widget.k-grid .k-pager-wrap .k-link:focus,
.subsection-content .k-widget.k-grid .k-pager-wrap .k-pager-numbers .k-selected:focus {
outline: -webkit-focus-ring-color auto 1px;
}
.subsection-content .k-widget.k-grid .actionmenu.inline-actionmenu span.menu-item.first-level {
color: #6923F4 !important;
text-decoration: underline;
}
.subsection-content .k-widget.k-grid .actionmenu.inline-actionmenu span.menu-item.first-level:hover {
text-decoration: none;
cursor: pointer !important;
background-color: transparent !important;
}
.subsection-content .k-widget.k-grid .actionmenu.inline-actionmenu .popup-panel span.menu-item.first-level {
text-decoration: none;
}
.subsection-content .k-widget.k-grid .actionmenu.inline-actionmenu .popup-panel span.menu-item.first-level:hover {
background-color: #F8F9FA !important;
}
.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.embed #regRecaptcha div:first-child {
height: unset !important;
}
#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.embed .birthday-fields-container .birthday-field select.birthdate-picker-member-select {
padding: 2.5px;
}
#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: 0px;
margin-top: 5px;
position: absolute;
display: none;
border-style: solid;
z-index: 502; /*100;*/
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 .header-top-row > div:not(.mobile-header-menu) {
margin-left: 34px !important;
margin-right: 0 !important;
}
body.newKendoMenu #headerTopRow, body.newKendoMenu .header-top-row {
padding: 3px 0px !important;
}
body.newKendoMenu #topNav, body.newKendoMenu #topNav .tab {
margin-right: 0;
}
body.newKendoMenu #listMultiLocPicker {
background-image: url("../Content/Images/Site/NewXplorBranding/location-icon.png");
background-repeat: no-repeat;
background-position: 0 center;
background-size: 20px;
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-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.k-state-highlight {
border-color: #7600fe !important;
}
#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-focused {
background-color: #ebebeb;
}
#ApplicationMenuContainer .k-menu .k-selected > .k-link {
background-color: #2A7AB0;
border-color: #2A7AB0;
}
#ApplicationMenuContainer > ul {
white-space: nowrap;
}
#ApplicationMenuContainer > ul > li {
float: none;
display: inline-block;
}
@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-hover {
background-color: #2F86BA;
background-image: none;
}
#ApplicationMenu li.k-item ul.k-popup > li.k-hover a {
color: White;
}
body.newKendoMenu #globalSearchCell {
background-color: White;
min-width: 165px;
}
body.newKendoMenu:not(.header-for-member) #ApplicationMenu {
padding: 10px 0 0 20px;
height: 54px;
font-family: var(--xpl-font-family-default);
}
body.newKendoMenu:not(.header-for-member) #ApplicationMenu > li.k-item {
height: 43px;
margin-right: 9px;
border: 1px solid #D1D5DB;
border-radius: 6px;
box-shadow: 0px 1px 2px rgb(0 0 0 / 5%);
}
body.newKendoMenu:not(.header-for-member) #ApplicationMenu > li.k-item.k-hover,
body.newKendoMenu:not(.header-for-member) #ApplicationMenu > li.k-item.k-state-border-down {
border-color: #7600fe;
}
body.newKendoMenu:not(.header-for-member) #ApplicationMenu > li.k-item.k-hover > span,
body.newKendoMenu:not(.header-for-member) #ApplicationMenu > li.k-item.k-state-border-down > span {
background-color: #fff;
}
body.newKendoMenu:not(.header-for-member) #ApplicationMenuContainer .k-menu .k-selected > .k-link {
background-color: #7600fe;
}
body.newKendoMenu:not(.header-for-member) #ApplicationMenu > li span.k-link {
padding-top: 11px;
padding-bottom: 4px;
border-radius: 6px;
font-family: var(--xpl-font-family-default);
font-size: 14px;
font-weight: 500;
}
body.newKendoMenu:not(.header-for-member) #ApplicationMenu > li.more-btn span.k-link {
padding-top: 4px;
}
body.newKendoMenu:not(.header-for-member) #ApplicationMenu > li span.k-link .k-image {
width: 24px;
margin-left: -9px;
}
body.newKendoMenu:not(.header-for-member) #ApplicationMenu > li span.k-icon.k-i-arrow-s {
background-position: 5px 1px;
height: 20px;
width: 20px;
background-image: url(/Content/Images/LeftPanels/arrow-down-icon.png);
background-size: 17px;
}
body.newKendoMenu:not(.header-for-member) #ApplicationMenu li.k-item ul.k-popup {
background-color: #ffffff;
}
body.newKendoMenu:not(.header-for-member) #ApplicationMenu li > a.k-link {
line-height: unset;
padding-top: 4px;
padding-bottom: 4px;
border-radius: 6px;
}
body.newKendoMenu:not(.header-for-member) #ApplicationMenu li.k-item.k-hover > a.k-link {
background-color: #fff;
}
body.newKendoMenu:not(.header-for-member) #ApplicationMenu > li.more-btn .k-animation-container span.k-link {
background-color: transparent;
border-radius: unset;
}
body.newKendoMenu:not(.header-for-member) #ApplicationMenu > li.more-btn .k-animation-container li.k-state-border-right {
background-color: var(--xpl-color-secondary-bg-lm);
}
body.newKendoMenu:not(.header-for-member) #ApplicationMenu > li.more-btn .k-animation-container ul.k-menu-group ul.k-menu-group li.k-item.k-hover .k-link {
color: #000000;
}
body.newKendoMenu:not(.header-for-member) #ApplicationMenu > li.k-item > .k-animation-container > ul.k-popup > li.k-hover {
background-color: var(--xpl-color-secondary-bg-lm);
background-image: none;
}
body.newKendoMenu:not(.header-for-member) #ApplicationMenu li.k-item ul.k-popup > li.k-focused {
box-shadow: 0 0 7px 0 #7600fe;
}
body.newKendoMenu:not(.header-for-member) #ApplicationMenu > li.k-item > .k-animation-container > ul.k-popup > li.k-hover > a,
body.newKendoMenu:not(.header-for-member) #ApplicationMenu > li.k-item li.k-item li.k-item.k-hover a {
background-color: var(--xpl-color-secondary-bg-lm);
color: #000000;
}
body.newKendoMenu:not(.header-for-member) #topNav #OptionsSelector .k-link {
padding-top: 9px !important;
}
body.newKendoMenu:not(.header-for-member) .content-with-panels.layout-leftpanel-main .main-panel {
padding-left: 10px;
padding-top: 10px;
}
/*----|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:not(.header-for-member) #ApplicationMenu > li.k-item {
min-width: 145px;
}
body.newKendoMenu:not(.header-for-member) #ApplicationMenu > li.more-btn,
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;
text-overflow: ellipsis;
border: none;
border-right: solid 2px inherit /*white*/;
background-color: #F3F4F6 !important;
color: #6A6D7D !important;
}
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;
text-align: left;
border-color: #fff;
background-color: #fff;
}
.field .field-validation-error {
word-wrap: break-word;
width: 99%;
display: block;
font-family: var(--xpl-font-family-default);
color: #C2210F;
text-align: end;
font-size: 11px;
font-style: unset;
}
.field-validation-error:before {
content: url(/Content/Images/Site/NewXplorBranding/xplor-exclamation-circle.png);
padding: 5px;
}
.field-validation-error:empty {
display: none;
}
.field-validation-error.k-tooltip-validation,
.field-validation-error.k-validator-tooltip {
display: block;
position: static;
margin: 0 !important;
padding-left: 0;
color: #333;
}
#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;
}
@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(../Content/Images/DocumentIcons/html_M.png);
}
.filetype-icon.medium-pdf {
background-image: url(../Content/Images/DocumentIcons/pdf_M.png);
}
.filetype-icon.medium-docx {
background-image: url(../Content/Images/DocumentIcons/docx_M.png);
}
.filetype-icon.medium-xlsx {
background-image: url(../Content/Images/DocumentIcons/xlsx_M.png);
}
.filetype-icon.medium-pptx {
background-image: url(../Content/Images/DocumentIcons/pptx_M.png);
}
.filetype-icon.medium-default {
background-image: url(../Content/Images/DocumentIcons/default_M.png);
}
.filetype-icon.small-html {
background-image: url(../Content/Images/DocumentIcons/html_50.png);
}
.filetype-icon.small-pdf {
background-image: url(../Content/Images/DocumentIcons/pdf_50.png);
}
.filetype-icon.small-docx {
background-image: url(../Content/Images/DocumentIcons/docx_50.png);
}
.filetype-icon.small-xlsx {
background-image: url(../Content/Images/DocumentIcons/xlsx_50.png);
}
.filetype-icon.small-pptx {
background-image: url(../Content/Images/DocumentIcons/pptx_50.png);
}
.filetype-icon.medium-default {
background-image: url(../Content/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;
}
#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%;
}
body.header-for-member #viewSelectorAndFilter table.search-box {
background-color: white;
width: 214px;
height: 42px;
border-radius: 24px;
border: 1px solid #E1E2E8;
margin-bottom: 22px;
}
#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 0 10px;
padding: 10px 0;
background-color: #FAFBFC;
border-bottom-right-radius: 11px;
border-bottom-left-radius: 11px;
}
#pager .pages-list {
margin-right: 25px;
display: flex;
}
#pager .prev-arrow,
#pager .next-arrow {
display: inline-block;
height: 28px;
width: 33px;
border: 1px solid #E1E2E8;
border-radius: 100px 0px 0px 100px;
}
#pager .next-arrow {
border-radius: 0px 100px 100px 0px;
}
#pager .prev-arrow span,
#pager .next-arrow span {
background-image: url(/Content/Images/DefaultIcons/xpl-grid-pager-arrow.png);
background-size: 15px;
width: 15px;
height: 15px;
background-position: -1px;
color: transparent;
}
#pager .next-arrow span {
transform: rotate(180deg);
}
#pager .prev-arrow span:before,
#pager .next-arrow span:before {
content: unset;
}
#pager .prev-arrow .k-icon,
#pager .next-arrow .k-icon {
margin: 5.5px 8px;
}
#pager .page,
#pager .other-pages {
display: inline-block;
height: 26px;
padding: 2px 11px 0 11px;
border: 1px solid #E1E2E8;
}
#pager .page.current-page {
background-color: #EBE5FF;
}
#pagerRecordsPerPage {
padding: 0 1em 0 0;
white-space: nowrap;
vertical-align: top;
}
#pagerTotalRecords {
display: flex;
padding: 0 0 0 1em;
vertical-align: middle;
color: #000000;
font-family: var(--xpl-font-family-default);
font-size: 13px;
}
#pagerTotalRecords .showing-records-count {
flex: 1;
padding-top: 5px;
}
/*--------------------------------------
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;
}
#objectPageLayout.pm-form.read-mode .objectPageLayoutSection table tr td.field {
height: 32px;
}
#objectPageLayout.pm-form.read-mode .objectPageLayoutSection table #tr_training_perfectface td.label,
#objectPageLayout.pm-form.read-mode .objectPageLayoutSection table #tr_tryagain_perfectface td.label,
#objectPageLayout.pm-form.read-mode .objectPageLayoutSection table #tr_reset_perfectface td.label {
vertical-align: middle;
}
.objectPageLayoutSection {
clear: both;
margin-top: 20px;
width: 97%;
}
.edit-mode .objectPageLayoutSection table tr td {
display: block;
}
.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;
}
.objectPageLayoutSection .field-web-control a {
color: #6923F4;
}
.objectPageLayoutSection a:hover,
.objectPageLayoutSection a:focus {
text-decoration: underline;
}
.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;
}
.objectPageLayout td.field.readmode {
padding-top: 0;
font-size: 14px;
}
body.socialsite-object .objectPageLayout td.field.readmode {
padding-top: 2px;
}
.field.checkbox.inline-display {
display: inline;
}
.objectPageLayout .label {
text-align: right !important;
}
.objectPageLayout .ProrateSessionsBasedOnDuration-wrapper .label {
max-width: 285px !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.socialsite-object .objectPageLayout.edit-mode {
background-color: unset;
}
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: #292632;
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: 5px 5px;
}
.layout-leftpanel-main .side-panel.left-panel .menu .item:hover .tab-name {
color: #FFFFFF;
}
.side-panel.left-panel .menu .item .tab-name {
float: left;
font-size: 14px;
color: #999BA8;
padding-top: 2px;
}
/*--------------------------------------
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;
}
body.header-for-member .mainMargin {
margin-left: 10%;
margin-right: 10%;
}
@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: center;
}
.k-calendar .k-calendar-td.k-today .k-link {
-webkit-box-shadow: inset 0 0 0 1px #f35800;
box-shadow: inset 0 0 0 1px #f35800;
color: #f35800;
font-weight: 700;
}
.k-calendar .k-selected.k-calendar-td.k-today .k-link {
box-shadow: inset 0 0 0 1px #428bca;
color: #fff;
}
.k-calendar td.k-selected.k-hover .k-link {
background-color: #f35800;
background-image: none;
}
.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 .edit-mode td.label, body.socialsite-object .edit-mode td.field {
height: unset;
margin-top: 4px;
}
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;
}
body.socialsite-object .objectPageLayout.edit-mode .objectPageLayoutSection label,
body.socialsite-object .objectPageLayout.edit-mode .objectPageLayoutSection .filter-label,
body.socialsite-object .objectPageLayout.edit-mode .objectPageLayoutSection .label {
text-align: left !important;
margin-left: 4px;
font-weight: 500;
height: 25px;
padding-top: 2px;
}
body.socialsite-object .edit-mode.objectPageLayout .label {
padding-bottom: 0;
}
body.socialsite-object .objectPageLayout.edit-mode .label {
width: 95.5%;
}
body.socialsite-object .edit-mode.objectPageLayout .two-col-layout .field,
body.socialsite-object .edit-mode.objectPageLayout .three-col-layout .field {
width: 100%;
}
body.socialsite-object .one-col-layout td.field {
width: 99%;
}
body.socialsite-object .edit-mode .objectPageLayoutSection .k-textbox:hover,
body.socialsite-object .edit-mode .objectPageLayoutSection .k-autocomplete.k-hover,
body.socialsite-object .edit-mode .objectPageLayoutSection .k-picker-wrap.k-hover,
body.socialsite-object .edit-mode .objectPageLayoutSection .k-numeric-wrap.k-hover,
body.socialsite-object .edit-mode .objectPageLayoutSection .k-dropdown-wrap.k-hover {
background-color: white !important;
}
body.socialsite-object .edit-mode .objectPageLayoutSection .field .k-dropdown-wrap,
body.socialsite-object .edit-mode .objectPageLayoutSection .field select,
body.socialsite-object .edit-mode .objectPageLayoutSection .field input:not(.k-numberic-wrap):not(.input-validation-error):not(.xpl-radio),
body.socialsite-object .edit-mode .objectPageLayoutSection .field textarea,
body.socialsite-object .edit-mode .objectPageLayoutSection .field .k-numeric-wrap,
body.socialsite-object .edit-mode .objectPageLayoutSection .field .k-multiselect {
border: 1px solid #E1E2E8 !important;
}
body.socialsite-object .edit-mode .objectPageLayoutSection .field .k-multiselect-wrap input:not(.k-numberic-wrap):not(.input-validation-error):not(.xpl-radio),
body.socialsite-object .edit-mode .objectPageLayoutSection .field .k-dropdown-wrap input:not(.k-numberic-wrap):not(.input-validation-error):not(.xpl-radio),
body.socialsite-object .edit-mode .objectPageLayoutSection .field .k-numeric-wrap input:not(.k-numberic-wrap):not(.input-validation-error):not(.xpl-radio) {
border: none !important;
}
body.socialsite-object .edit-mode .objectPageLayoutSection .field .k-dropdown-wrap.k-focused,
body.socialsite-object .edit-mode .objectPageLayoutSection .field select:focus,
body.socialsite-object .edit-mode .objectPageLayoutSection .field input:focus,
body.socialsite-object .edit-mode .objectPageLayoutSection .field textarea:focus,
body.socialsite-object .edit-mode .objectPageLayoutSection .field span:focus,
body.socialsite-object .edit-mode .objectPageLayoutSection .field .k-numeric-wrap.k-focused {
border-color: #6923F4 !important;
}
body.socialsite-object .edit-mode .objectPageLayoutSection .k-autocomplete.k-focused,
body.socialsite-object .edit-mode .objectPageLayoutSection .k-dropdown-wrap.k-focused,
body.socialsite-object .edit-mode .objectPageLayoutSection .k-picker-wrap.k-focused,
body.socialsite-object .edit-mode .objectPageLayoutSection .k-numeric-wrap.k-focused,
body.socialsite-object .edit-mode .objectPageLayoutSection .k-numeric-wrap .k-input,
body.socialsite-object .edit-mode .objectPageLayoutSection .k-multiselect.k-header.k-focused {
box-shadow: unset !important;
-webkit-box-shadow: unset !important;
}
body.socialsite-object .edit-mode .objectPageLayoutSection .field #multiGLAccountContainer .k-combobox {
width: 74% !important;
}
body.socialsite-object .edit-mode .objectPageLayoutSection .field .k-combobox.payment-search {
width: 50% !important;
}
body.socialsite-object .edit-mode .objectPageLayoutSection .field div:not(.multi-item) > span > .k-dropdown-wrap {
height: 33px;
padding-top: 5px;
border-radius: 6px;
}
body.socialsite-object .edit-mode .objectPageLayoutSection .field div.multi-item > span > .k-dropdown-wrap .k-select,
body.socialsite-object .edit-mode .objectPageLayoutSection .field .k-numeric-wrap .k-input,
body.socialsite-object .edit-mode .objectPageLayoutSection .field .k-numeric-wrap .k-select,
body.socialsite-object .edit-mode .objectPageLayoutSection .field .k-combobox span span {
border: unset !important;
}
body.socialsite-object .edit-mode .objectPageLayoutSection .field .k-dropdown-wrap .k-select .k-icon {
vertical-align: -webkit-baseline-middle;
background-image: url(/content/images/leftpanels/arrow-down-icon.png);
background-position: 3px;
background-size: 15px;
margin-left: 4px;
}
body.socialsite-object .edit-mode .objectPageLayoutSection .field select,
body.socialsite-object .edit-mode .objectPageLayoutSection .field .k-combobox .k-dropdown-wrap {
height: 40px;
}
body.socialsite-object .edit-mode .objectPageLayoutSection .field input:not(.xpl-toggle):not(.xpl-checkbox):not(.xpl-radio) {
height: 40px;
padding-left: 8px;
}
body.socialsite-object .edit-mode .objectPageLayoutSection .field input.xpl-toggle:after {
top: 1px;
}
body.socialsite-object .edit-mode .objectPageLayoutSection .field .k-multiselect-wrap .k-input {
height: 32px !important;
border: unset !important;
}
body.socialsite-object .edit-mode #lookup-container-d91e6f47-2bc0-44e7-9225-74d322007d89 input {
color: #6923F4;
text-decoration: underline;
}
body.socialsite-object .edit-mode .objectPageLayoutSection .field .postalcode-field-label.postalcode-static-icon {
vertical-align: -webkit-baseline-middle;
}
body.socialsite-object .edit-mode .objectPageLayoutSection .field .input-validation-error {
border-color: #C2210F !important;
}
body.socialsite-object .edit-mode .objectPageLayoutSection #withdrawalFeesContainer .multi-item-withdrawal-item .k-combobox .k-dropdown-wrap,
body.socialsite-object .edit-mode .objectPageLayoutSection #occupancyItemsContainer .multi-item-occupancy-item .k-combobox .k-dropdown-wrap {
height: 41px;
padding-top: 0;
}
body.socialsite-object.Office .field input:not(.xpl-checkbox):not(.xpl-toggle):not(.xpl-radio),
body.socialsite-object.Office .field select,
body.socialsite-object.Office .field textarea {
background-color: #ffffff;
border-radius: 5px;
}
body.socialsite-object .objectPageLayout.edit-mode .page-layout-section-content input.xpl-toggle[type="checkbox"] {
width: 45px !important;
background-color: #E1E2E8;
}
body.socialsite-object .objectPageLayout.edit-mode .page-layout-section-content input[type="checkbox"]:checked {
background-color: var(--xpl-color-secondary-lm);
}
body.socialsite-object .multi-items-cell-wrapper .multi-items-wrapper .field-web-control label {
margin-top: 13px;
}
body.socialsite-object .online-popup-container tr.Checkbox-wrapper {
height: 81px;
}
body.socialsite-object .edit-mode .objectPageLayoutSection .Date-wrapper.Birthdate-wrapper {
position: relative;
}
body.socialsite-object .edit-mode .objectPageLayoutSection .Date-wrapper.Birthdate-wrapper .field-control-wrapper label {
position: absolute;
top: 6px;
margin-left: 16px;
}
body.socialsite-object .edit-mode .objectPageLayoutSection .Date-wrapper.Birthdate-wrapper .birthdate-picker-member {
width: 30% !important;
}
body.socialsite-object .edit-mode .objectPageLayoutSection .Date-wrapper.Birthdate-wrapper input:not(.pmdatepicker) {
margin-left: 16px;
}
body.socialsite-object.Office .built-in-buttons-edit-mode {
margin: 0 10% 0 7%;
}
body.socialsite-object .objectPageLayout .objectPageLayoutSection label,
body.socialsite-object .objectPageLayout .objectPageLayoutSection .filter-label,
body.socialsite-object .objectPageLayout .objectPageLayoutSection .label {
color: inherit;
margin-top: 2px;
font-size: 14px;
}
body.socialsite-object .ImageUrl-wrapper .field div[id^=fld] {
display: flex;
width: 418px;
}
@media screen and (max-width: 1024px) {
body.socialsite-object .edit-mode .objectPageLayoutSection .Date-wrapper.Birthdate-wrapper input.birthdate-picker-member {
width: 28% !important;
}
body.socialsite-object .edit-mode .objectPageLayoutSection .Date-wrapper.Birthdate-wrapper select.birthdate-picker-member {
width: 38% !important;
}
body.socialsite-object .edit-mode .objectPageLayoutSection .Date-wrapper.Birthdate-wrapper .field-control-wrapper label.birthdate-picker-member,
body.socialsite-object .edit-mode .objectPageLayoutSection .Date-wrapper.Birthdate-wrapper input:not(.pmdatepicker).birthdate-picker-member {
margin-left: 5px;
}
body.socialsite-object.header-for-member .edit-mode .field .control-icon em {
position: absolute;
top: 2px;
right: 3px;
}
body.socialsite-object.header-for-member .edit-mode .ImageUrl-wrapper .field div[id^=fld] {
width: 400px;
}
body.socialsite-object.header-for-member .edit-mode .ImageUrl-wrapper .field button {
padding-top: 7px;
}
body.socialsite-object.header-for-member .edit-mode .objectPageLayoutSection .Age-wrapper {
display: flex;
}
body.socialsite-object.header-for-member .edit-mode .objectPageLayoutSection .Age-wrapper .field {
text-align: right;
margin-right: 3px;
}
body.socialsite-object.header-for-member .edit-mode .objectPageLayoutSection .reContentCell iframe {
height: 124px !important;
}
body.socialsite-object .ImageUrl-wrapper .field div[id^=fld] {
width: auto;
}
}
@media screen and (max-width: 550px), (max-height: 550px) and (orientation: landscape) {
body.socialsite-object.header-for-member .content-without-panels .online-page-header.edit-header {
font-size: 17px;
padding-top: 9%;
}
body.socialsite-object.header-for-member .edit-mode .objectPageLayoutSection .label .required {
padding-right: 7px;
}
body.socialsite-object.header-for-member .edit-mode .objectPageLayoutSection .Date-wrapper.Birthdate-wrapper input.birthdate-picker-member,
body.socialsite-object.header-for-member .edit-mode .objectPageLayoutSection .Date-wrapper.Birthdate-wrapper select.birthdate-picker-member {
font-size: 11px;
}
body.socialsite-object.header-for-member .edit-mode .ImageUrl-wrapper .field div[id^=fld] {
width: 225px;
}
body.socialsite-object.header-for-member .edit-mode .ImageUrl-wrapper .field button {
padding-top: 7px;
}
body.socialsite-object.header-for-member .edit-mode .objectPageLayoutSection .Birthdate-wrapper .field {
position: relative;
}
body.socialsite-object.header-for-member .edit-mode .objectPageLayoutSection .Birthdate-wrapper label {
top: 2px !important;
}
body.socialsite-object.header-for-member .edit-mode .ImageUrl-wrapper .field div[id^=fld] {
width: 225px;
}
body.socialsite-object.header-for-member .content-without-panels {
margin-top: 5px;
}
body.socialsite-object.Office .built-in-buttons-edit-mode {
margin-bottom: 24px;
}
body.header-for-member .lookup-dialog #viewSelectorAndFilter table.search-box {
height: 23px;
padding-top: 9px;
}
.lookup-popup {
top: 0 !important;
}
.lookup-popup #lookup-ContentContainer th {
height: 30px;
}
.lookup-popup #lookup-ContentContainer tr td {
height: 30px;
}
}
@media screen and (max-height: 550px) and (orientation: landscape) {
body.socialsite-object.header-for-member .content-without-panels .online-page-header.edit-header {
padding-top: 3%;
}
.lookup-popup {
height: auto !important;
overflow-y: auto !important;
}
.lookup-popup .scrollable-section.lookup-window-section {
overflow: hidden !important;
height: auto;
}
.lookup-popup {
overflow-y: scroll !important;
}
body.header-for-member .lookup-dialog #viewSelectorAndFilter tr {
display: inline-table !important;
}
.lookup-popup .device-set-height-for-scroll {
overflow: hidden !important;
height: auto;
}
}
@media screen and (max-height: 573px) {
.lookup-popup {
height: 100% !important;
}
}
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;
}
.edit-mode .objectPageLayoutSection .label .required,
#divTemplateName .required {
color: black;
font-size: 11px;
font-weight: 400;
float: right;
padding-top: 4px;
}
#divTemplateName .required {
float: unset;
}
.edit-mode .RegistratonFormId-wrapper .field-control-wrapper {
width: 100%;
}
.edit-mode .RegistratonFormId-wrapper .field-control-wrapper.registration-form-selected {
width: calc(100% - 72px);
}
#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;
}
#lookup-ContentContainer th {
color: #6A6D7D;
font-weight: normal;
font-size: 12px;
height: 40px;
}
#lookup-ContentContainer tr th img {
display: initial;
margin-left: 5px;
}
#lookup-ContentContainer tr > td {
height: 55px;
font-size: 14px !important;
padding: 0px 5px 0px 9px;
white-space: normal;
text-overflow: ellipsis;
}
.lookup-dialog #viewSelector-lookup {
width: 40%;
padding: 0 10px;
}
.lookup-dialog #viewSelector-lookup select {
width: 90%;
height: 25px;
border: 1px solid #E1E2E8;
border-radius: 5px;
}
.lookup-dialog table.search-box {
height: 27px;
border: 1px solid #E1E2E8;
border-radius: 73px;
float: right;
}
.lookup-dialog #NewLookupObjectButton.xpl-button {
background-color: #24785D;
}
.lookup-dialog #NewLookupObjectButton.xpl-button:focus {
--tw-ring-color: #24785D;
}
body.header-for-member .lookup-dialog #viewSelectorAndFilter table.search-box {
height: 27px;
margin-bottom: 0;
}
body.header-for-member .lookup-dialog #lookup-ContentContainer tr td {
padding-bottom: 0;
padding-top: 0;
}
.lookup-dialog, .dynamiclookup-dialog {
overflow-y: visible !important;
overflow-x: visible !important;
}
.lookup-dialog .xpl-button {
padding: 0 27px;
}
#lookup-ContentContainer {
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('../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(../Content/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;
margin-top: 22px;
}
.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(/Content/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;
}
.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;
}
#shopping-cart-icon {
display: block;
height: 23px;
background-image: url(../Content/Images/Site/NewXplorBranding/shopping-cart-icon.png);
background-repeat: no-repeat;
cursor: pointer;
margin-left: -29px;
margin-top: -1px;
background-size: 23px;
margin-top: 8px;
}
#shopping-cart-icon-occupied {
height: 28px;
background-image: url(../Content/Images/Site/NewXplorBranding/shopping-cart-icon-occupied.png);
background-repeat: no-repeat;
cursor: pointer;
background-size: 33px;
margin: -27px 0 0 -35px;
}
.shopping-cart-item-count-hidden {
position: absolute;
width: 0px;
overflow: hidden;
}
body.header-for-member #checkout-label {
display: none;
}
.checkout-label-hidden {
display: none;
}
.checkout-label-show {
margin-top: -22px !important;
cursor: pointer;
display: block;
}
.checkout-label-show::after hover {
color: #ffffff;
}
.shopping-cart-item-count-normal {
margin: 1px 0 0 14px;
position: absolute;
width: 20px;
text-align: center;
font-size: 9px;
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; */
}
#shopping-cart-icon-occupied-v2 {
text-align: right;
height: 45px;
vertical-align: bottom;
display: flex;
flex-direction: column-reverse;
align-items: flex-end;
margin-right: 180px;
}
#shopping-cart-icon-occupied-v2 a {
cursor: pointer;
height: 25px;
}
#shopping-cart-icon-occupied-v2 .shopping-cart-item-count {
min-width: 18px;
height: 18px;
border-radius: 9px;
background-color: #e9172c;
font-family: Open Sans;
text-align: center;
font-size: 12px;
font-weight: 600;
padding: 0 3px;
box-sizing: border-box;
color: #ffffff;
position: relative;
top: -18px;
left: -10px;
display: inline-block;
}
#shopping-cart-icon-occupied-v2 .cart-image {
width: 25px;
}
/*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(../Content/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;
}
#grdDocPopup #grdDocuments.k-grid {
border-left: none;
border-right: none;
}
#grdDocPopup #grdDocuments.k-grid .k-grid-header .k-header,
#grdDocPopup #grdDocuments.k-grid tbody td {
border-left: none;
}
#grdDocPopup #grdDocuments.k-grid .k-grid-pager .k-pager-info.k-label {
flex: 1;
padding-bottom: 4px;
}
#grdDocPopup #grdDocuments.k-grid .k-grid-pager .k-link.k-pager-nav:nth-child(4) {
border-radius: 0 100px 100px 0;
margin: 0;
}
#grdDocPopup #grdDocuments.k-grid .k-grid-pager .k-link.k-pager-nav:nth-child(4) .k-icon.k-i-arrow-60-right:before {
top: 0px;
}
.restorePageHistoryItem {
display: inline-block;
white-space: nowrap;
font-size: 80%;
padding: 4px;
}
.restorePageHistoryItem .author-name {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 70px;
display: inline-block;
}
.pageHistroyContainer .k-combobox .k-input {
padding-right: 15px;
}
.pageHistroyContainer .k-combobox .k-input::placeholder {
font-size: 12px;
}
.cancelList {
padding: 0px 0px 10px;
}
.boxShadowImgLayout {
padding: 4px;
border-collapse: separate;
max-width: 100%;
}
.imageurl .boxShadowImgLayout {
height: 65px;
width: 68px;
border-radius: 100px;
}
/*--------------------------------------
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-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: var(--xpl-font-family-default);
}
.setFontsRewardsPopup .balance-wrapper {
color: #272431;
font-size: 16px;
}
.setFontsRewardsPopup .k-numerictextbox {
width: 98%;
}
.setFontsRewardsPopup .k-numeric-wrap {
height: 44px;
}
.setFontsRewardsPopup .k-numeric-wrap input {
padding: 7px;
}
.setFontsRewardsPopup .k-numerictextbox .k-state-default > .k-select {
border-style: none;
}
.setFontsRewardsPopup .k-numeric-wrap .k-link:first-child {
margin-top: 5px;
}
.setFontsRewardsPopup .k-numerictextbox .k-numeric-wrap.k-hover {
background-color: #ffffff;
}
.setFontsRewardsPopup .k-numerictextbox .k-select .k-link span.k-i-arrow-n {
background-position: 0 0;
}
.setFontsRewardsPopup .k-numerictextbox .k-select .k-link span.k-i-arrow-s {
background-position: 0 -37px;
}
.setFontsRewardsPopup .k-numerictextbox .k-select .k-link.k-selected {
background-color: #ffffff;
box-shadow: none;
}
.setFontsRewardsPopup .k-numerictextbox .k-link {
height: 0.8em;
}
.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: #f8f9fa !important;
color: Black;
height: 42px;
line-height: 38px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
}
.subsection-header .box-splitter .subsection-header-buttons a#newObject {
height: 24px;
width: 66px;
background-color: #F3F4F6;
}
.subsection-header .box-splitter .subsection-header-buttons a#newObject:focus {
--tw-ring-color: #F3F4F6;
}
.subsection-header .box-splitter .subsection-header-buttons a#newObject span {
margin-left: -15px;
}
.subsection-header .box-splitter .subsection-header-buttons a#newObject span:before {
content: "+";
margin-right: 5px;
}
.subsection-header-text {
cursor: pointer;
display: block;
float: left;
font-size: 20px;
width: auto;
font-weight: 700;
padding: 0;
margin-right: 10px;
}
#outterObjectLayoutContainer.content-with-panels {
font-family: var(--xpl-font-family-default);
}
.header-for-member #outterObjectLayoutContainer.content-without-panels {
margin-left: auto;
margin-right: auto;
width: fit-content;
}
.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;
}
body.Office .page-layout-sections #membershipPlugin.member-side {
margin-top: 0 !important;
margin-left: 0;
}
body.Office .page-layout-sections #membershipPlugin.member-side .slick-component .membership-item {
margin-bottom: 15px;
}
#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;
}
.edit-mode div.page-layout-section .page-layout-section-header {
background: white;
border: 1px solid #E1E2E8;
border-bottom: unset;
border-top: unset;
margin-top: 0px;
}
.edit-mode .field-web-control.readonly {
margin-top: 4px;
}
.page-layout-sections #section-header-0 {
border-radius: 10px 10px 0 0;
}
.page-layout-sections .page-layout-section:last-of-type .page-layout-section-content {
border-radius: 0 0 10px 10px;
}
div.page-layout-section .page-layout-section-header h2 {
padding: 0;
font-size: 20px;
visibility: visible;
}
.edit-mode div.page-layout-section .page-layout-section-header h2 {
padding-top: 21px;
padding-bottom: 8px;
width: 100%;
border-bottom: 1px solid #E1E2E8;
}
#schedule-view-area .subsection-header:focus h2 {
text-decoration: underline;
}
#schedule-view-area .subsection-content .filter-area .dropdown.show-event-dropdown,
#schedule-view-area .subsection-content .filter-area .dropdown.activity-type-dropdown {
height: 36.5px;
padding-right: 10px;
}
#schedule-view-area .filter-area {
display: flex;
flex-wrap: wrap;
padding-bottom: 3px;
}
#schedule-view-area .filter-area .activity-type-wrapper,
#schedule-view-area .filter-area .show-event-wrapper,
#schedule-view-area .filter-area .service-dropdown-wrapper {
display: flex;
}
#schedule-view-area .filter-area .activity-type-wrapper span.label,
#schedule-view-area .filter-area .show-event-wrapper span.label,
#schedule-view-area .filter-area .service-dropdown-wrapper span.label {
width: unset;
padding-right: 10px;
padding-top: 7px;
}
body.socialsite-page div.page-layout-section .page-layout-section-header {
background-color: transparent;
border: none;
}
.page-layout-section-content {
background: #FFFFFF;
border: 1px solid #E1E2E8;
box-sizing: border-box;
border-radius: 8px;
padding-bottom: 25px;
padding-top: 25px;
padding-left: 1%;
padding-right: 1%;
width: 98%;
}
.edit-mode .page-layout-section {
margin: 0 10% 0 7%;
}
.edit-mode .page-layout-section-content {
border-radius: unset;
border-top: unset;
border-bottom: unset;
padding: 15px !important;
}
.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;
}
.edit-mode div.page-layout-section.expanded .page-layout-section-header {
height: 50px;
}
.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: auto;
}
.page-layout-section .expand-link {
margin-left: 10px;
width: 95% !important;
}
.edit-mode .page-layout-section .expand-link {
visibility: hidden;
}
.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: #ffffff;
border: 1px solid #CCCCCC;
bottom: 0;
color: #272431;
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: flex;
cursor: pointer;
}
.view-area .drop-down .row .cell {
display: table-cell;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 30px;
font-family: "open sans";
font-size: 13px;
vertical-align: middle;
}
.view-area .drop-down .row:hover,
.view-area .drop-down .row.selected {
background-color: #F8F9FA;
}
.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('/Content/Images/Site/NewXplorBranding/close-icon-red.png');
background-repeat: no-repeat;
background-position: center center;
background-size: 15px;
width: 20px;
padding-right: 5px;
padding-top: 7px;
}
.view-area .drop-down .edit-view-link {
visibility: hidden;
float: left;
background-repeat: no-repeat;
background-position: center center;
background-image: url(/Content/Images/Site/NewXplorBranding/pencil-icon.png);
background-size: 18px;
width: 20px;
padding-right: 5px;
}
.view-area .drop-down .edit-view-link.visible {
visibility: visible;
}
.view-area .view-menu {
float: right;
}
.view-area .view-name.selected {
color: #000000;
font-size: 12px;
line-height: 22px;
margin-top: 7px;
padding-left: 10px;
padding-right: 10px;
text-align: left;
cursor: pointer;
background: #EBE5FF;
border: 1px solid #E1E2E8;
box-sizing: border-box;
border-radius: 54px;
}
.view-area .view-name.selected .view-name-text {
vertical-align: middle;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 105px;
overflow: hidden;
display: inline-block;
}
.view-area .view-name.selected .view-drop-down-icon {
vertical-align: middle;
width: 18px;
}
.view-area .view-title {
float: right;
font-family: var(--xpl-font-family-default);
font-size: 14px;
margin-left: 10px;
margin-top: 7px;
text-align: right;
color: #272431;
}
.view-area .drop-down .view-name.cell {
max-width: 110px;
min-width: 110px;
outline: none;
padding: 5px 8px;
}
.view-area .drop-down .new-view-button {
width: 158px;
margin: 5px 10px;
padding-left: 45px;
color: #24785D;
}
.view-area .drop-down .new-view-button:hover {
border-color: #24785D;
}
.view-area .drop-down .new-view-button:focus {
--tw-ring-color: #24785D;
}
/*--------------------------------------
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 |-------*/
.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-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%;
}
}
#broadcast-popup-container {
border-radius: 7px;
}
#broadcast-popup-container .broadcast-popup-title-wrapper {
padding: 15px 0 18px 0 !important;
border-radius: 7px 7px 0 0;
}
#broadcast-popup-container .broadcast-popup-title-wrapper #virtualCodeNotification_wnd_title {
margin-left: 7px;
font-family: var(--xpl-font-family-default);
font-size: 20px;
font-weight: 700;
color: #272431;
}
#broadcast-popup-container .broadcast-popup-title-wrapper .k-window-actions {
top: -13px;
right: 6px;
}
#broadcast-popup-container .wizard-wrapper {
padding: unset !important;
}
#broadcast-popup-container #virtualCodeNotification {
padding: 18px;
padding-bottom: 4px;
}
#broadcast-popup-container #virtualCodeNotification .tab-nav {
padding-bottom: 8px;
border-bottom: 2px solid #E1E2E8;
}
#broadcast-popup-container #virtualCodeNotification .tab-nav .voice,
#broadcast-popup-container #virtualCodeNotification .tab-nav .voice-disabled,
#broadcast-popup-container #virtualCodeNotification .tab-nav .sms,
#broadcast-popup-container #virtualCodeNotification .tab-nav .sms-disabled {
padding: 0 7px 7px 25px;
font-size: 14px;
font-family: var(--xpl-font-family-default);
color: black;
background-position: 4px 2px;
background-repeat: no-repeat;
cursor: pointer;
}
#broadcast-popup-container #virtualCodeNotification .tab-nav .voice,
#broadcast-popup-container #virtualCodeNotification .tab-nav .voice-disabled {
background-image: url(../content/images/broadcast/xpl-phone-icon.png);
}
#broadcast-popup-container #virtualCodeNotification .tab-nav .sms,
#broadcast-popup-container #virtualCodeNotification .tab-nav .sms-disabled {
background-image: url(../content/images/broadcast/xpl-sms-icon.png);
margin-left: 25px;
}
#broadcast-popup-container #virtualCodeNotification .tab-nav .voice,
#broadcast-popup-container #virtualCodeNotification .tab-nav .sms {
border-bottom: 3px solid #F44E27;
}
#broadcast-popup-container #virtualCodeNotification .tab-nav .voice-disabled,
#broadcast-popup-container #virtualCodeNotification .tab-nav .sms-disabled {
color: #B2B2B2;
}
#broadcast-popup-container #virtualCodeNotification .content-container {
padding-top: 15px;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container label {
font-weight: 500;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container label:after {
content: unset;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container #BroadcastName {
margin-bottom: 10px;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container #BroadcastName small {
position: absolute;
top: 4px;
left: 556px;
font-size: 11px;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container table#objectPageLayoutSection {
width: 100% !important;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container .Lookup-wrapper .lookupTexbox {
width: 100%;
height: 44px;
padding-left: 0.75rem;
background-image: url(images/broadcast/xpl-search-icon.png);
background-repeat: no-repeat;
background-position: 98% 12px;
background-size: 18px;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container .Lookup-wrapper .control-icon {
display: none;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container #divVoiceData {
height: 79px;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container #divVoiceData label {
display: block;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container #divVoiceData #btnPlay {
margin-left: 13px;
margin-top: 12px;
background-image: url(../content/images/broadcast/PlayBTN_S.png);
background-repeat: no-repeat;
position: absolute;
width: 30px;
height: 30px;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container #ddlSelectVoiceFile {
width: 97%;
height: 35px;
padding: 4px 3px 5px 0.75rem;
font-weight: 600;
background-image: url(/Content/Images/LeftPanels/arrow-down-icon.png);
background-repeat: no-repeat;
background-position: 98.6% 10px;
background-size: 24px;
-moz-appearance: none;
-webkit-appearance: none;
border-color: #CECECE;
outline: unset;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container #ddlSelectVoiceFile:not(.file-selected) {
color: #6A6D7D;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container #ddlSelectVoiceFile.file-selected {
width: 90%;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container .sound-file-container {
height: 36px;
width: 93%;
position: relative;
padding: 20px 18px 14px;
border: 1px dashed #CECECE;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container .sound-file-container .uploadTitle {
color: #6A6D7D;
font-size: 13.5px;
vertical-align: sub;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container #btnSelect {
width: 110px;
position: absolute;
right: 10px;
bottom: 11px;
background-image: url(../content/images/broadcast/xpl-search-icon.png);
background-repeat: no-repeat;
background-position: 12px;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container #btnUpload {
right: 8px;
bottom: 5px;
position: absolute;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container #btnSelect span {
padding-left: 12px;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container input.default,
#broadcast-popup-container #virtualCodeNotification .content-container .form-container textarea {
margin-bottom: 10px;
border: 1px solid #CECECE;
outline: unset !important;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container input.default:focus,
#broadcast-popup-container #virtualCodeNotification .content-container .form-container textarea:focus,
#broadcast-popup-container #virtualCodeNotification .content-container .form-container select:focus {
border: 1px solid #6923f4 !important;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container textarea {
width: 95.8% !important;
height: 56px;
padding: 10px !important;
border-radius: 4px;
font-size: 13.6px;
margin-bottom: 0 !important;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container #divUpload.file-selected {
padding-top: 0px;
height: 56px;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container #divUpload.file-selected .selected-file-container {
width: fit-content;
border: 1px solid #6923F4;
padding: 0 7px;
border-radius: 17px;
font-size: 14px;
font-weight: 500;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container #divUpload.file-selected .uploadTitle {
display: none;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container #divUpload.file-selected #btnRemove {
padding: 6px 4px;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container #divUpload.file-selected #btnRemove .fa {
font-size: 13px;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container .Lookup-wrapper .label {
display: none !important;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container .Lookup-wrapper td {
padding-left: 0!important;
}
#broadcast-popup-container #virtualCodeNotification .content-container .form-container #divUpload #imgProgress {
top: 0px;
}
#broadcast-popup-container #virtualCodeNotification .popup-footer {
width: 100%;
}
#broadcast-popup-container #virtualCodeNotification .popup-footer .terms {
display: inline-block;
margin-top: 17px;
}
#broadcast-popup-container #virtualCodeNotification .popup-footer .terms a {
font-size: 15px;
font-weight: 500;
color: #6923F4 !important;
text-decoration: underline;
}
#broadcast-popup-container #virtualCodeNotification .popup-footer .popup-buttons {
float: right;
}
#broadcast-popup-container #virtualCodeNotification .content-container .help-information-container {
display: flex;
margin: 21px 0 11px 0;
background-color: #EBE5FF;
}
#broadcast-popup-container #virtualCodeNotification .content-container .help-information-container #divVoiceComment,
#broadcast-popup-container #virtualCodeNotification .content-container .help-information-container #divTextComment {
padding: 15px;
}
#broadcast-popup-container #virtualCodeNotification .content-container .help-information-container h4 {
margin: unset;
font-size: 14px;
}
#broadcast-popup-container #virtualCodeNotification .content-container .help-information-container p {
margin: 4px 0;
line-height: 14px;
font-size: 12px;
color: #6A6D7D;
}
#broadcast-popup-container #virtualCodeNotification .content-container .help-information-container p .bold {
font-weight: 700;
}
#broadcast-popup-container #virtualCodeNotification .content-container .help-information-container .information-icon-wrapper {
display: block;
padding: 38px 0 0 18px;
}
#broadcast-popup-container #virtualCodeNotification .content-container .help-information-container #btnRefresh {
width: 20px;
height: 17px;
margin-left: -4px;
margin-top: -4px;
position: absolute;
background-image: url('/content/images/broadcast/xpl-refresh-icon.png');
display: inline-block;
}
#broadcast-popup-container #virtualCodeNotification .content-container .help-information-container #btnRefresh.hidden {
display: none;
}
#broadcast-popup-container #virtualCodeNotification .content-container .help-information-container .information-icon-wrapper.sms-help-icon {
padding-top: 22px;
}
.import-file-name {
margin-right: 0.5em;
}
#btnUpload.action.file-upload-btn {
position: absolute;
right: 0;
top: 27px;
}
.wizard-wrapper #objectPageLayoutSection label {
display: none;
}
.wizard-wrapper #label_00000000-0000-0000-0000-000000000000 {
display: none;
}
:not(#imgbtn-00000000-0000-0000-0000-000000000000.bookme-attendee-wrapper) #imgbtn-00000000-0000-0000-0000-000000000000 {
position: relative;
right: 32px;
top: -5px;
}
:not(#imgbtn-00000000-0000-0000-0000-000000000000.bookme-attendee-wrapper) #imgbtn-00000000-0000-0000-0000-000000000000 {
position: relative;
right: 52px;
}
.printandexport {
margin-left: 25px;
display: none;
order: -2;
flex: 1;
}
.printandexport button {
width: 57px;
height: 30px !important;
padding-left: 8px !important;
margin-right: 5px !important;
}
.printandexport button .fa {
padding-right: 5px;
}
.printandexport button.pm-export-plain-button {
width: 68px;
}
.printandexport button.pm-export-plain-button .fa.fa-share-square-o::before {
content: '\f08e'
}
#inprogressIcon {
position: relative;
top: -30px;
text-align: center;
display: none;
}
/*------| 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-wrapper.RegFormID-wrapper > .picklist .k-dropdown.lookupAsPicklist {
width: 70% !important;
}
.Picklist-wrapper.RegFormID-wrapper > .picklist select.lookupAsPicklist {
width: 70% !important;
}
.lookupAsPicklist + .pm-edit-button {
margin-right: 0;
margin-top: 5px;
display: none;
background-color: #6923F4 !important;
font-family: var(--xpl-font-family-default);
border-radius: 9999px;
border-width: 1px;
font-weight: 500;
font-size: 0.875rem;
line-height: 1.25rem;
float: right;
}
.lookupAsPicklist + .pm-edit-button:hover,
.lookupAsPicklist + .pm-edit-button:focus {
background-color: #6923F4 !important;
}
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;
}
.objectPageLayout.read-mode .objectPageLayoutSection .multi-items-cell-wrapper .field-control-wrapper .k-widget .k-multiselect-wrap.k-floatwrap {
background-color: #ffffff !important;
}
/*--------------------------------------
End UI Elements 2013
--------------------------------------*/
/* Registration Forms */
#regFormWindow input:focus,
#regFormWindow textarea:focus,
#regFormWindow select:focus {
outline: 1px solid rgb(77, 144, 254);
}
#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;
margin: 0.5em auto;
}
.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;
}
.pm-form .questionField .k-datepicker.kendodatepicker {
padding: 0;
margin-bottom: 4px;
border: unset;
background-image: url(Images/LeftPanels/calendar-icon.png) !important;
}
.pm-form .questionField .k-datepicker.kendodatepicker .k-select {
margin-left: 10px;
}
.pm-form .questionField .k-datepicker.kendodatepicker .field-validation-error {
position: absolute;
padding-left: 20px;
}
.pm-form .questionField .k-datepicker.kendodatepicker .field-validation-error .k-icon.k-warning {
margin: -8px -18px 0px;
}
.pm-form .questionField .k-datepicker.kendodatepicker .k-icon.k-i-calendar {
margin: -7px -7px 0;
background-position: 0px;
background-image: url(/Content/Images/LeftPanels/calendar-icon.png);
}
.pm-form .questionField .k-datepicker.kendodatepicker .k-icon.k-i-calendar:before {
content: none;
}
.questions:not(.new-form) li.form-section:before {
content: "•";
position: absolute;
left: -9px;
top: -6px;
font-size: 24px;
}
.questions.new-form {
padding-left: 10px;
}
/*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 .main-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 .reg-form .scrollable-section .form-section table,
#regFormWindow .reg-form .scrollable-section .form-section table td {
border: 1px dotted #ccc;
}
#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;
}
.reg-form-popup-wrapper {
border-radius: 12px;
}
#regFormWindow {
font-family: var(--xpl-font-family-default);
padding: 0;
}
#regFormWindow .reg-form .scrollable-section,
#regFormWindow .reg-form .main-section {
padding: 0;
margin: 0;
}
#regFormWindow .form-section.form-title-section {
display: flex;
align-items: center;
padding: 18px 18px 18px 18px;
border-bottom: 1px solid #ccc;
}
#regFormWindow .form-section.form-title-section .form-title {
font-size: 20px;
font-weight: bold;
flex: 1;
text-overflow: ellipsis;
overflow: hidden;
}
#regFormWindow .form-section.form-title-section .form-title h3 {
text-overflow: ellipsis;
overflow: hidden;
}
#regFormWindow .main-section .form-section.form-title-section h3 {
padding: 0;
}
#regFormWindow .form-section.form-title-section .k-icon.k-i-close.delete,
#regFormWindow .main-section .form-section.form-title-section .k-icon.k-i-close.delete {
position: relative;
background-image: url(/Content/Images/DefaultIcons/ntf-black-close-icon.png) !important;
background-position: 0 !important;
background-size: contain;
vertical-align: middle;
width: 13px;
height: 14px;
right: 0;
}
#regFormWindow .form-section.form-title-section .k-icon.k-i-close.delete:before,
#regFormWindow .main-section .form-section.form-title-section .k-icon.k-i-close.delete:before {
content: "";
}
#regFormWindow .scrollable-section .form-description {
padding: 18px 18px 0 18px;
}
#regFormWindow .main-section #mainTitle {
padding: 0 18px;
}
#regFormWindow .main-section .form-view-container {
max-height: 420px;
overflow: auto !important;
}
#regFormWindow .scrollable-section .questions,
#regFormWindow .main-section .questions {
padding-left: 0;
}
#regFormWindow .scrollable-section .questions .form-section,
#regFormWindow .main-section .questions .form-section {
padding: 0 18px 25px 18px;
}
#regFormWindow .scrollable-section .questions .form-section:last-child,
#regFormWindow .main-section .questions .form-section:last-child {
border-bottom: none;
}
#regFormWindow .scrollable-section .questions .form-section .questionTitle,
#regFormWindow .main-section .questions .form-section .questionTitle {
margin: 0;
padding-bottom: 0;
}
#regFormWindow .scrollable-section .questions .form-section .questionTitle div,
#regFormWindow .main-section .questions .form-section .questionTitle div {
display: inline-block;
}
.reg-form .scrollable-section .questions .form-section .questionTitle .required-symbol,
.reg-form .main-section .questions .form-section .questionTitle .required-symbol {
position: relative;
top: 0;
left: 0;
margin: 0;
}
#regFormWindow .scrollable-section .questions .form-section .questionHelp,
#regFormWindow .main-section .questions .form-section .questionHelp {
font-size: 12px;
margin-bottom: 12px;
}
#regFormWindow .scrollable-section .questions .form-section .questionHelp .ui-sortable,
#regFormWindow .main-section .questions .form-section .questionHelp .ui-sortable {
margin-left: 20px;
}
#regFormWindow .scrollable-section .questions .form-section .questionHelp .ui-sortable li:last-child,
#regFormWindow .main-section .questions .form-section .questionHelp .ui-sortable li:last-child {
padding-bottom: 0;
}
#regFormWindow .scrollable-section .questions .form-section .questionField,
#regFormWindow .main-section .questions .form-section .questionField {
padding: 0;
}
.reg-form .scrollable-section .questions .form-section .questionField textarea,
.reg-form .main-section .questions .form-section .questionField textarea {
padding: 10px;
border-radius: 4px;
}
.reg-form .scrollable-section .questions .form-section .questionField .group,
.reg-form .main-section .questions .form-section .questionField .group {
display: flex;
}
.reg-form .scrollable-section .questions .form-section .questionField .group .xpl-checkbox,
.reg-form .main-section .questions .form-section .questionField .group .xpl-checkbox {
margin: 0 12px 12px 0;
}
.reg-form .scrollable-section .questions .form-section .questionField .group .xpl-radio,
.reg-form .main-section .questions .form-section .questionField .group .xpl-radio {
margin: 0 12px 12px 0;
}
.reg-form .scrollable-section .questions .form-section .questionField .group .xpl-label,
.reg-form .main-section .questions .form-section .questionField .group .xpl-label {
display: inline;
padding: 0;
}
.reg-form .scrollable-section .questions .form-section .questionField .k-datepicker,
.reg-form .main-section .questions .form-section .questionField .k-datepicker {
width: 215px;
background-image: unset !important;
}
.reg-form .scrollable-section .questions .form-section .questionField .k-datepicker .k-picker-wrap,
.reg-form .main-section .questions .form-section .questionField .k-datepicker .k-picker-wrap {
height: 42px;
}
.reg-form .scrollable-section .questions .form-section .questionField .k-datepicker .k-picker-wrap .k-input,
.reg-form .main-section .questions .form-section .questionField .k-datepicker .k-picker-wrap .k-input {
height: 42px;
border: none;
}
.reg-form .scrollable-section .questions .form-section .questionField .k-datepicker .k-picker-wrap .k-select,
.reg-form .main-section .questions .form-section .questionField .k-datepicker .k-picker-wrap .k-select {
border: none;
}
.reg-form .scrollable-section .questions .form-section .questionField .k-datepicker .k-picker-wrap .k-select,
.reg-form .main-section .questions .form-section .questionField .k-datepicker .k-picker-wrap .k-select {
border: none;
}
.reg-form .scrollable-section .questions .form-section .questionField .k-datepicker .k-picker-wrap .k-select .k-i-calendar,
.reg-form .main-section .questions .form-section .questionField .k-datepicker .k-picker-wrap .k-select .k-i-calendar {
margin: -7px -9px 0;
background-position: -1px;
background-image: url(/Content/Images/LeftPanels/xpl-calendar-icon-dark.png);
}
reg-form .scrollable-section .questions .form-section .questionField input.pmdatepicker,
.reg-form .main-section .questions .form-section .questionField input.pmdatepicker {
background-image: url(Images/LeftPanels/calendar-icon.png) !important;
background-position-x: 97.5% !important;
border-radius: 4px;
}
#regFormWindow .scrollable-section .questions .form-section .questionField .k-widget.k-dropdown .k-dropdown-wrap,
#regFormWindow .main-section .questions .form-section .questionField .k-widget.k-dropdown .k-dropdown-wrap {
height: 40px;
}
#regFormWindow .scrollable-section .questions .form-section .questionField .k-widget.k-dropdown .k-dropdown-wrap .k-input,
#regFormWindow .main-section .questions .form-section .questionField .k-widget.k-dropdown .k-dropdown-wrap .k-input {
height: 40px;
padding: 9px 0;
}
#regFormWindow .scrollable-section .questions .form-section .questionField .k-widget.k-dropdown .k-dropdown-wrap .k-select .k-icon.k-i-arrow-s,
#regFormWindow .main-section .questions .form-section .questionField .k-widget.k-dropdown .k-dropdown-wrap .k-select .k-icon.k-i-arrow-s {
height: 22px;
width: 22px;
background-position: -2px -48px;
background-image: url(Images/LeftPanels/booking-icon.png);
vertical-align: middle;
}
#regFormWindow .scrollable-section .questions .form-section .questionField .k-widget.k-dropdown .k-dropdown-wrap .k-icon.k-i-arrow-60-down,
#regFormWindow .main-section .questions .form-section .questionField .k-widget.k-dropdown .k-dropdown-wrap .k-icon.k-i-arrow-60-down {
background-position: 1px -2px;
height: 20px;
width: 20px;
background-image: url(/Content/Images/LeftPanels/arrow-down-icon.png);
background-size: 21px;
margin: 10px 5px 0 0;
}
#regFormWindow .scrollable-section .questions .form-section .questionField .k-widget.k-dropdown .k-dropdown-wrap .k-icon.k-i-arrow-60-down:before,
#regFormWindow .main-section .questions .form-section .questionField .k-widget.k-dropdown .k-dropdown-wrap .k-icon.k-i-arrow-60-down:before {
content: "";
}
.reg-form .scrollable-section .questions .form-section .questionField .phone-number-format-field-container .phone-number-format-field-label:after,
.reg-form .main-section .questions .form-section .questionField .phone-number-format-field-container .phone-number-format-field-label:after {
height: 20px;
top: -10px;
}
#regFormWindow .scrollable-section .questions .form-section .questionField fieldset,
#regFormWindow .main-section .questions .form-section .questionField fieldset {
padding: 0;
margin: 0;
}
.reg-form .scrollable-section .questions .form-section .questionField .k-dropdown,
.reg-form .scrollable-section .questions .form-section .questionField .pmdatepicker,
.reg-form .scrollable-section .questions .form-section .questionField .phone-number-format-field-container,
.reg-form .main-section .questions .form-section .questionField .k-dropdown,
.reg-form .main-section .questions .form-section .questionField .pmdatepicker,
.reg-form .main-section .questions .form-section .questionField .phone-number-format-field-container {
width: unset;
min-width: 215px;
max-width: 15.4em;
}
.reg-form .scrollable-section .questions .form-section .questionField .phone-number-format-field-container input,
.reg-form .main-section .questions .form-section .questionField .phone-number-format-field-container input {
height: 42px !important;
border-radius: 4px;
}
#regFormWindow #confirmDivId .confirm.allPromptForms #ConfirmErrorText ul li {
list-style: none;
}
#regFormWindow #confirmDivId .confirm.allPromptForms .pm-dialog-buttonpane {
margin-top: 90px;
}
#regFormWindow .pm-dialog-buttonpane {
margin: 0 0 10px 0;
padding: 18px 10px 0 0;
}
#regFormWindow .pm-dialog-buttonpane .pm-cancel-button,
#regFormWindow .pm-dialog-buttonpane .pm-confirm-button {
border-radius: 4px;
padding: 8px 10px;
}
/* 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(../Content/images/Site/NewXplorBranding/task-icon.png);
background-repeat: no-repeat;
cursor: pointer;
margin-left: -33px;
position: relative;
margin-top: -4px;
background-size: 25px;
}
#task-icon-occupied {
height: 30px;
background-image: url(../Content/images/Site/NewXplorBranding/taks-icon-occupied.png);
background-repeat: no-repeat;
cursor: pointer;
margin-left: -37px;
margin-top: -5px;
background-size: 36px;
}
#task-count {
margin-left: 14px;
font-size: smaller;
position: absolute;
top: -3px;
left: 21px;
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:hover .task-icon-label {
color: #ffffff;
}
#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(../Content/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*/
}
.reDropDownBody.reAlignmentSelector td {
padding: 0;
}
span.insertMergeFields {
background-image: url("/Content/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("/Content/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, div.subsection-content #classesForContactGrid {
border: none;
}
div.subsection-content .k-grid-header th.k-header .k-icon.k-i-arrow-s,
div.subsection-content .k-grid-header th.k-header .k-icon.k-i-arrow-n {
position: relative;
}
div.subsection-content #classesForContact .subject-name {
text-decoration: underline !important;
color: #2a7ab0;
cursor: pointer !important;
}
div.subsection-content #classesForContact .subject-name:hover,
div.subsection-content #classesForContact .subject-name:focus {
border-radius: 2px;
background-color: rgba(42, 122, 176, 0.2);
}
div.subsection-content #classesForContact .k-grid-header-wrap > table,
div.subsection-content #reservationsForContact .k-grid-header-wrap > table {
margin-bottom: 0;
}
div.subsection-content #classesForContact .k-grid-header,
div.subsection-content #reservationsForContact .k-grid-header {
border-bottom: none;
}
div.subsection-content #classesForContact .k-grid-header .k-header,
div.subsection-content #reservationsForContact .k-grid-header .k-header {
padding-left: 0;
}
div.subsection-content #classesForContact .k-grid-header .k-header .k-link,
div.subsection-content #reservationsForContact .k-grid-header .k-header .k-link {
padding-left: .6em;
border-top: 2px solid #f5f5f5;
}
div.subsection-content #classesForContact .k-grid-header .k-header .k-link:focus,
div.subsection-content #reservationsForContact .k-grid-header .k-header .k-link:focus {
text-decoration: underline;
border-top: none;
border: 1px solid #000;
}
div.subsection-content #classesForContact .navigationSpan:focus,
div.subsection-content #reservationsForContactGridDiv .navigationSpan:focus {
padding: 3px 6px;
border-radius: 2px;
background-color: rgba(42, 122, 176, 0.2);
text-decoration: underline;
}
.event-detail-popup .k-tooltip-button {
display: none;
}
.event-detail-popup .k-tooltip-content {
padding: 10px 5px;
padding-right: 5px !important;
text-align: left;
}
.event-detail-popup .k-tooltip-content .event-details .event-subject {
font-size: 14px;
font-weight: bold;
padding-bottom: 11px;
}
.event-detail-popup .k-tooltip-content .event-details .event-description {
line-height: 15px;
font-size: 12px;
max-height: 78px;
overflow: auto;
color: gray;
}
.event-detail-popup .k-tooltip-content .event-details .event-detail-row {
font-size: 13px;
border-top: 1px solid #dbdbdb;
padding-top: 5px;
padding-bottom: 5px;
}
.event-detail-popup .k-tooltip-content .event-details .event-detail-row .event-detail-value {
font-weight: bold;
}
.event-detail-popup .k-callout {
display: block;
border-width: 9px;
}
.event-detail-popup .k-callout-w {
left: -19px;
border-right-color: darkgrey;
}
/*---*/
#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("/Content/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("/Content/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(/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: 770px;
padding: .58em 0 0 0;
}
.templateList {
width: 100%;
max-width: 100%;
font-family: var(--xpl-font-family-default);
}
.templateItem {
list-style: none;
padding: 8px 16px;
font-family: var(--xpl-font-family-default);
margin: 0;
}
.templateList .templateItem:last-child {
margin-bottom: 10px;
}
.templateItem-content {
float: left;
width: auto;
flex: 1;
}
.templateItem-actions {
width: 110px;
display: flex;
align-items: center;
}
.templateItem-Text {
display: inline-block;
vertical-align: middle;
max-width: 90%;
padding: 15px;
}
.templateItem-Name {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-family: var(--xpl-font-family-default);
margin: 0;
color: #272431;
font-weight: 500;
padding-bottom: 3px;
}
.templateItem-Description {
max-height: 35px;
text-overflow: ellipsis;
overflow: hidden;
display: block;
color: #272431;
font-family: var(--xpl-font-family-default);
font-size: 12px;
font-weight: 400;
}
.templateItem-content-wrapper {
width: 100%;
min-height: 65px;
border: 1px solid #E1E2E8;
border-radius: 8px;
display: flex;
justify-content: flex-end;
}
.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;
}
.freeze-transcation-popup {
overflow-y: auto;
max-height: 500px;
display: none;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
min-width: 500px;
}
.freeze-transcation-popup .checkAgain {
padding-left: 30px;
padding-top: 18px;
}
.freeze-transcation-popup .checkAgain .pm-checkbox-blue + label {
padding-left: 10px;
line-height: 25px;
}
.freeze-transcation-popup .checkAgain .pm-checkbox-blue + label:before {
top: .4em;
width: 14px;
height: 14px;
border: 1px solid #cccccc;
border-radius: 2px;
}
.freeze-transcation-popup .checkAgain .pm-checkbox-blue:checked + label:before {
background-image: url(/Content/Images/DefaultIcons/check.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 12px;
content: "";
}
.freeze-in-progress {
margin-top: 1em;
margin-bottom: 1em;
font-weight: bold;
background: #e2e3e5;
padding: 0.6em;
color: #383d41;
border: #d6d8db solid 1px;
font-size: 1em;
border-radius: 2px;
text-align: left;
width: 540px;
}
.unfreeze-message {
margin-top: 1em;
margin-bottom: 1em;
font-weight: bold;
background: #cce5ff;
padding: 0.6em;
color: #004085;
border: #cce5ff solid 1px;
font-size: 1em;
border-radius: 2px;
text-align: left;
width: 540px;
}
.unfreeze-message.hide {
display: none;
}
.freeze-not-available {
margin-top: 1em;
margin-bottom: 1em;
font-weight: bold;
background: #f8d7da;
padding: 0.6em;
color: #721c24;
border: #f5c6cb solid 1px;
font-size: 1em;
border-radius: 2px;
text-align: left;
width: 540px;
}
.minimum-freeze-days-error {
display: none;
}
.freeze-transcation-popup .freezeSetting {
padding-bottom: 1px;
font-size: 13px;
font-weight: 500;
line-height: 1.5;
vertical-align: central;
margin-left: 2px;
}
.freeze-transcation-popup .freezeSetting-description {
font-size: 11px;
line-height: 1.93;
margin-top: 11.5px;
margin-left: 54px;
}
.freeze-transcation-popup .freezeTimeline {
padding-bottom: 1px;
font-size: 13px;
font-weight: 500;
line-height: 1.5;
vertical-align: central;
margin-left: 20px;
}
.freeze-transcation-popup .freezeTimeline-start {
margin-right: 20px !important;
}
.freeze-transcation-popup .freezeTimeline_div {
vertical-align: middle;
width: 585px;
object-fit: contain;
border-radius: 4px;
background-color: #ffffff;
margin-bottom: 20px;
margin-top: 20px;
}
.freeze-transcation-popup .totalFee {
margin-left: 9px;
float: left;
font-size: 14px;
font-weight: bold;
display: inline-block;
}
.freeze-transcation-popup .totalFee-tax {
float: left;
margin-left: 10px;
font-style: italic;
display: inline-block;
}
.freeze-transcation-popup .totalFee-value {
float: left;
font-weight: bold;
display: inline-block;
}
.freeze-transcation-popup .freeze-confirm-button {
height: 10px;
width: 60px;
vertical-align: middle;
padding-top: 6px;
border-radius: 4px;
font-size: 13px;
}
.freeze-transcation-popup .freeze-cancel-button {
height: 10px;
width: 60px;
vertical-align: middle;
padding-top: 6px;
border-radius: 4px;
font-size: 13px;
}
.freeze-transcation-popup .freeze-transaction-error {
display: none;
margin-top: 1em;
margin-bottom: 1em;
font-weight: bold;
background: #f8d7da;
padding: 0.6em;
color: #721c24;
border: #f5c6cb solid 1px;
font-size: 1em;
border-radius: 2px;
text-align: left;
width: 540px;
}
.freeze-fee-tax-message {
font-size: 0.8em;
}
.freeze-fee-total-message {
font-size: 1.2em;
margin-left: 10px;
font-weight: bold;
}
#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.k-group {
min-width: 155px;
}
body.oldMainMenu #OptionsSelector ul.k-group,
body.socialsite-object #OptionsSelector ul.k-group,
body.socialsite-page #OptionsSelector ul.k-group {
min-width: 162px;
}
.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;
}
body.socialsite-object .objectPageLayoutSection td.url {
padding-right: unset;
}
.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;
}
#promoteRankByExamPopup .exam-detail-grid .k-grid-norecords .k-grid-norecords-template {
border: none;
}
.lookup-window-section {
height: 520px;
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;
}
#multiGLdropdown-list {
width: 700px !important;
min-width: unset !important;
}
#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;
margin-top: 7px;
}
#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;
}
#shopping-cart-icon-occupied-v2 {
margin-right: 60px !important;
padding-top: 5px;
text-align: right;
flex-direction: column;
}
#shopping-cart-icon-occupied-v2 a {
width: 12px;
}
#shopping-cart-icon-occupied-v2 .shopping-cart-item-count {
top: -13px;
left: -8px;
height: 12px;
border-radius: 6px;
padding: 0 1px;
font-size: 8px;
min-width: 14px;
}
#shopping-cart-icon-occupied-v2 .cart-image {
width: 18px;
}
.event-detail-popup .k-callout {
display: none;
}
.header-for-member .view-area .subsection-header .box-splitter {
padding-right: 0;
}
.header-for-member .view-area .subsection-header .subsection-header-text {
width: 80px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.view-area .subsection-header.without-view-menu .subsection-header-text,
#activity-outcomes-view-area.view-area .subsection-header .subsection-header-text,
#schedule-view-area.view-area .subsection-header .subsection-header-text,
#viewAttendance.view-area .subsection-header .subsection-header-text,
#viewTransaction1.view-area .subsection-header .subsection-header-text {
width: unset;
}
.header-for-member .view-area .subsection-header .export-to-csv-label {
display: none;
}
.header-for-member .view-area .subsection-header .export-to-csv-link {
left: -30px !important;
width: 25px !important;
}
.header-for-member .page-layout-section-content .Checkbox-wrapper.CommonMailingForContacts-wrapper .ellipsis.filter-label {
max-width: 150px;
text-overflow: ellipsis;
overflow: hidden !important;
white-space: nowrap;
}
body.header-for-member .lookup-dialog #viewSelectorAndFilter table.search-box {
width: 40%;
}
.lookup-dialog #viewSelectorAndFilter table.search-box #searchCriteria {
width: 130px;
}
.lookup-dialog #viewSelector-lookup select {
height: 32px;
}
.lookup-popup .lookup-window-section {
height: 100% !important;
}
}
@media (max-width: 400px) {
.view-area .subsection-header .subsection-header-text {
width: 30%;
}
}
@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: 154px;
padding-left: 22px;
background-repeat: no-repeat;
}
.bm-shopping-cart-icon a:focus {
border: 2px solid rgba(77, 144, 254, 0.5);
}
.bm-shopping-cart-icon .bm-summary-info-icon {
vertical-align: bottom;
}
#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:not(.xplor-popup) .k-window-titlebar span.k-window-title {
display: inline-block;
margin-right: 3%;
}
.k-header.k-window-titlebar {
position: absolute;
}
.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;
}
.edit-mode .page-layout-section-content .objectPageLayoutSection .RegistrationForm-wrapper .picklist {
max-width: unset !important;
}
.edit-mode .page-layout-section-content .objectPageLayoutSection .RegistrationForm-wrapper .picklist .k-dropdown {
width: 100%;
}
.pm-remove-btn {
margin-left: 0.5em;
}
div#connectFb {
vertical-align: middle;
}
.multiGLAccount-add-control {
padding-top: 4px;
cursor: pointer;
color: #6923F4;
font-size: 12px;
}
.multiGLAccount-add-control:hover {
cursor: pointer;
color: #3773A7;
}
.questions span.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;
white-space: 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;
white-space: break-spaces;
}
.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;
}
.multiGLAccount-add-control {
cursor: pointer;
}
.questions span.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 {
padding: 6px;
margin: 0 0.5em;
height: 1em;
}
#creditBalanceContainer {
margin-top: 15px;
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: solid 1px #52EBBA;
float: right;
background: none;
cursor: pointer;
color: #52EBBA;
padding: 0;
font-size: 14px;
font-weight: bold;
}
.balance-section .pm-balance {
border-bottom: none;
color: #FF9387;
cursor: default;
border-color: #FF9387;
}
#creditBalanceButton button.pm-balance-button,
.balance-section .pm-balance.positive-balance {
color: #52EBBA;
}
#primaryObjectItem .passed-balance button.pm-due-button {
color: #FF9387;
border-color: #FF9387;
}
.passed-balance .label {
font-size: 13px;
float: left;
font-size: 14px;
color: #999BA8;
}
/* START Extras Control Improvement */
#plannereventextraitemselectorwrapper .field ul .k-combobox {
width: 500px;
}
#plannereventextraitemselectorwrapper .field ul .k-combobox input.field-web-control {
border: none;
}
#addExtras-list.k-list-container.k-popup,
#addExtras-list .k-list-scroller {
height: auto !important;
}
.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: #3c79b7;
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-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-hover {
background-color: #3c79b7 !important;
}
.payment-plan-category {
height: 34px;
padding-top: 8px;
}
.payment-plan-category .title-categories.active {
border-bottom: 3px solid #3c79b7;
color: #3c79b7;
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: #3c79b7;
font-weight: 600;
}
.payment-plan-category .title-categories.active > span {
color: #3c79b7;
font-weight: 600;
}
#plannereventpaymentplanselectorwrapper .multi-item {
min-height: 54px;
}
#plannereventpaymentplanselectorwrapper ul {
max-width: 835px;
}
#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;
}
#objectPageLayout.edit-mode #plannereventpaymentplanselectorwrapper .ppShowOnline label {
vertical-align: sub;
}
#objectPageLayout.edit-mode #plannereventpaymentplanselectorwrapper .ppShowOnline {
margin-left: 5px;
}
.norecorddisplayMessage {
margin: 2px;
padding-left: 4px;
}
.field #repeatSummary {
margin-top: 5px;
}
.noResultMessage {
margin-bottom: 18px;
text-align: center;
padding: 20px 0;
}
.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:hover .switch-to-view-list-label,
.view-switch:focus .switch-to-view-list-label {
color: #21618c;
text-decoration: underline;
}
.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 */
table.ui-autocomplete-popup .ui-state-active {
border: none;
background: unset;
font-weight: normal;
color: #333;
margin: 0;
}
table.ui-autocomplete-popup .ui-state-active.contact-account-header {
margin-right: 10px;
}
.ui-autocomplete.ui-menu.attendance-auto-complete {
max-height: 400px;
border-radius: 4px;
border: 1px solid #4a4a4a;
background: #fff;
overflow: hidden !important;
z-index: 100100;
padding: 10px;
}
table.ui-autocomplete-popup {
width: 100%;
}
#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;
box-sizing: border-box;
}
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,
.ui-menu table.ui-autocomplete-popup tr td,
.ui-menu 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,
.ui-menu table.ui-autocomplete-popup tr td.ui-menu-item-wrapper,
.ui-menu 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),
.ui-menu table.ui-autocomplete-popup tr td:nth-child(3),
.ui-menu 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),
.ui-menu table.ui-autocomplete-popup tr td:nth-child(3),
.ui-menu 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: 11px;
}
.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,
#admin-booking-notification-settings-wrapper .blue-link:hover {
cursor: pointer;
text-decoration: none;
}
#clients-booking-notification-settings-wrapper .blue-link,
#admin-booking-notification-settings-wrapper .blue-link {
font-size: 14.4px;
font-weight: normal;
color: #3678af !important;
text-decoration: underline;
display: block;
}
#clients-booking-notification-settings-wrapper .applyto-header span,
#admin-booking-notification-settings-wrapper .applyto-header span {
font-size: 12px;
font-style: italic;
}
#clients-booking-notification-settings-wrapper .pm-checkbox-blue + label:before,
#admin-booking-notification-settings-wrapper .pm-checkbox-blue + label:before {
border: 1px solid #CCC;
top: 0.5em;
}
#clients-booking-notification-settings-wrapper .pm-checkbox-blue + label,
#admin-booking-notification-settings-wrapper .pm-checkbox-blue + label {
margin: 0.5em 0.3em 0.5em auto;
}
.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("../Content/Images/ControlIcons/sort-up.png");
background-position: 40% 16px;
background-repeat: no-repeat;
}
.t-header.sorting-arrow-down {
background-image: url("../Content/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;
cursor: pointer;
}
/*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:focus {
border: 2px solid black;
}
#digitalsignpopup .canvassignature {
background-image: url("../Content/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:focus, #sharendevice a.button:focus,
#digitalsignpopup a.button:hover, #sharendevice a.button:hover {
border: 2px solid;
}
#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;
padding: 0.58em;
}
.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;
}
/*header styles for guest mode*/
body.socialsite-object #header-table .header-logo-td {
display: block;
}
body.socialsite-object #header-table #topNavRdiv,
body.socialsite-object #header-table #appNavRightdiv {
float: left !important;
margin-left: 10px;
}
body.socialsite-object #header-table #appNavRightdiv {
padding-top: 10px;
}
.filter-area td .dropdown .k-dropdown-wrap .k-i-arrow-s,
.filter-area .activity-type-filter .dropdown .k-dropdown-wrap .k-i-arrow-s,
#schedule-view-area .filter-area .dropdown .k-dropdown-wrap .k-i-arrow-s {
background-position: -2px -50px !important;
background-size: auto;
}
}
@media (min-width : 600px) and (max-width : 800px) {
#digitalsignpopup .canvassignature .jSignature {
width: 550px !important;
}
}
@media (min-width : 450px) and (max-width : 599px) {
#digitalsignpopup .canvassignature .jSignature {
width: 400px !important;
}
}
@media (min-width : 299px) and (max-width : 449px) {
#digitalsignpopup .canvassignature .jSignature {
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;
}
.sharingprogress-container #docContent .condition-of-use li {
word-wrap: break-word;
}
#messageForInvoice {
font-size: 11pt;
margin-bottom: 7px;
}
#messageForInvoice a {
color: #2677f3;
text-decoration: underline;
}
.k-scheduler .k-scheduler-footer {
background: transparent;
}
.k-scheduler div.k-scheduler-footer ul li {
border-style: none;
}
.k-scheduler-footer .k-scheduler-fullday {
background: none !important;
}
.k-scheduler-footer .k-scheduler-fullday .k-icon {
margin-right: 5px;
font-weight: bold;
}
.k-scheduler-footer .k-scheduler-fullday .k-button-text {
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 button.k-button.k-pdf, .scheduler-wrapper button.k-button.k-pdf {
text-decoration: underline;
font-weight: bold;
background-color: transparent !important;
color: #f35800 !important;
padding: 5px 10px;
position: absolute;
right: 10px;
z-index: 1;
}
#scheduler .k-hover {
background-color: transparent !important;
}
.k-scheduler-views .k-hover a,
.k-scheduler-views .k-button:hover {
background-color: #428bca !important;
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%;
}
.contact-customPopUp .contactpopup-container .column {
width: 150px;
display: inline-block;
padding: 5px;
}
.contact-customPopUp .contactpopup-container .column.small {
width: 100px;
display: inline-block;
}
.contact-customPopUp .contactpopup-container .column.photo {
margin-left: 32px;
width: 45px;
}
.contact-customPopUp .contactpopup-container .last-column {
padding: 5px;
}
div.k-window-content.contact-customPopUp {
line-height: 1.5em;
overflow: hidden;
padding: 0px;
}
.contact-customPopUp ul {
width: 100%;
min-height: 52px;
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;
}
.logo-header .default-logo-styles {
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 !important;
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: 8px;
padding-bottom: 5px;
border-radius: 6px;
}
.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: black;
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-color: #ffff !important;
margin-left: 0;
box-shadow: 0 5px 10px rgb(0 0 0 / 50%);
}
.header-for-member #ApplicationMenu > li.more-btn span.k-link {
padding: 3px 26px !important;
}
.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.k-item {
box-sizing: border-box;
box-shadow: 0px 1px 2px rgb(0 0 0 / 5%);
border-radius: 6px;
border: 1px solid #D1D5DB;
}
.header-for-member #ApplicationMenu > li.k-item:not(:last-child) {
margin-right: 9px;
}
.header-for-member #ApplicationMenu li a.k-link {
padding-top: 1px;
padding-bottom: 0;
color: #272431 !important;
font-size: 14px;
font-family: var(--xpl-font-family-default);
border-radius: 6px;
}
.header-for-member .k-state-highlight,
.header-for-member #ApplicationMenuContainer .k-state-default.k-focused,
.header-for-member #ApplicationMenu li.k-item.k-hover,
.header-for-member #ApplicationMenuContainer .k-menu .k-selected {
border-color: #7600fe;
}
.header-for-member #ApplicationMenuContainer .k-menu .k-selected > .k-link {
background-color: #ffffff;
}
.header-for-member #ApplicationMenu .k-hover > .k-link {
background-color: #ffffff !important;
background-image: none !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);
}
.header-for-member #ApplicationMenu {
height: 50px !important;
border-radius: 0;
text-align: center;
padding: 0 6px 6px 6px;
}
.header-for-member #ApplicationMenu li.more span.k-link {
padding-top: 14px !important;
padding-bottom: 13px;
border-radius: 4px;
}
.header-for-member #ApplicationMenu li.more .k-animation-container span.k-link {
line-height: 40px;
background: #ffffff;
padding: 0 26px !important;
border-radius: 0;
}
.header-for-member #ApplicationMenu li.more .k-animation-container span.k-link:hover {
background-color: #EAEAEA !important;
}
.header-for-member #ApplicationMenu.k-menu .k-link > .k-i-arrow-s {
position: relative;
background-position: center;
height: 20px;
width: 20px;
background-image: url(/Content/Images/LeftPanels/arrow-down-icon.png);
background-size: 17px;
}
.header-for-member #ApplicationMenu.k-menu .k-link > .k-i-arrow-s:before {
position: unset;
}
.header-for-member #ApplicationMenu > li.more-btn > span.k-link {
line-height: 41px;
}
.header-for-member #ApplicationMenu li.k-item ul.k-popup > li.k-item a {
line-height: 40px;
font-family: "open sans",arial;
background: #ffffff;
color: black;
padding: 0 26px;
border-radius: 0;
}
.header-for-member #ApplicationMenu li.k-item .k-animation-container ul.k-popup > li.k-hover > a {
background-color: #EAEAEA !important;
color: #272431 !important;
}
.header-for-member #ApplicationMenu li.k-item ul.k-popup > li.k-item .k-state-border-right {
background: #3c79b7;
}
.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:not(#OptionsSelector) .k-state-default .k-state-border-down {
background: #ffffff;
border: 1px solid #7600fe;
border-radius: 4px;
}
.header-for-member #ApplicationMenu li.k-item ul.k-popup > li.k-focused a {
background-color: #ffff !important;
background-image: none;
}
.header-for-member #topNav .k-menu span.k-link {
padding-top: 7px !important;
padding-bottom: 0 !important;
padding-right: 14px;
}
.header-for-member #topNav .tab {
text-decoration: none !important;
color: #3c79b7 !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;
}
}
@media (max-width:435px) and (min-width:320px) {
.header-for-member #ApplicationMenu > li.k-item {
min-width: 100px;
}
.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;
}
.viewPromotion.view-area table, .subsection-content .inline-telerik-grid table {
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("../Content/Images/failed.png") left 3px no-repeat;
}
.glexport-section .glexport-row .success {
color: #1bba0b;
background: url("../Content/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("/Content/Images/urgent-notification.png");*/
background-position: 10px;
background-repeat: no-repeat;
color: #d42c40;
font-weight: bold;
float: left;
}
.warning-box {
display: inline-block;
border: 1px solid #FFE4B5;
padding: 5px;
width: 75%;
margin-right: 4px;
margin-left: 15px;
background-color: #FFFFE0;
font-size: 1em;
background-position: 10px;
background-repeat: no-repeat;
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: 550px), (max-height: 550px) and (orientation: landscape) {
.built-in-buttons td {
vertical-align: top;
}
.built-in-buttons .table-second-col #button-view-find-container-view {
display: flex;
flex-wrap: wrap;
max-width: 100%;
}
.built-in-buttons .table-second-col #button-view-find-container-view .system-buttons-container,
.built-in-buttons .single.back-button {
display: contents;
}
.built-in-buttons .table-second-col #button-view-find-container-view a {
margin: 2px;
}
.k-animation-container.notification-container,
.k-window.abandon-popup {
width: 100% !important;
left: 0 !important;
}
.k-animation-container.notification-container .alert {
width: calc(100% - 30px);
}
.my-info-container {
overflow-x: hidden;
}
body.Office.header-for-member #button-view-find-container #addFamilyMemberButton {
padding-top: 9px;
width: 154px;
padding-left: 12px;
}
.my-info-container .pm-more-items-button {
color: #696969 !important;
background-color: #fdfdfd !important;
border: 1px solid #f0f0f0;
}
.my-info-container.content-without-panels #viewSelectorAndFilter #customButtonsContainerDiv {
min-width: unset !important;
margin-right: 0;
}
.my-info-container #GridForRecordList #gridRecords .actionmenu .dropdown-container {
display: unset;
}
.my-info-container #GridForRecordList #gridRecords .actionmenu > .menu-item {
display: inline-block;
width: 100%;
height: 22px;
padding: 5px;
color: #6923F4;
border-radius: 2px;
text-decoration: underline;
background-color: transparent !important;
}
.my-info-container #GridForRecordList #gridRecords .actionmenu .dropdown-container .fa.fa-ellipsis-h {
font-size: 22px;
color: #256d9d;
padding-left: 8px;
padding-top: 2px;
}
.my-info-container #GridForRecordList #gridRecords .actionmenu .dropdown-container .fa.fa-ellipsis-h:before {
content: "\f141";
}
.my-info-container #GridForRecordList #gridRecords .k-grid-header th[aoda-id="actionColumn"],
.my-info-container #GridForRecordList #gridRecords .k-grid-content .actions-cell {
box-shadow: -24px -2px 20px 0 rgb(0 0 0 / 10%);
right: 0px !important;
text-align: start;
padding-left: 14px;
}
.my-info-container #GridForRecordList #gridRecords .k-grid-header th[aoda-id="actionColumn"],
.my-info-container #GridForRecordList #gridRecords .k-grid-header th[aoda-id="idColumn"],
.my-info-container #GridForRecordList #gridRecords .k-grid-content .actions-cell,
.my-info-container #GridForRecordList #gridRecords .k-grid-content tr td.id-cell {
position: sticky;
position: -webkit-sticky;
z-index: 2;
left: 0;
right: 0;
background-color: white;
padding: 5px;
}
.my-info-container #GridForRecordList #gridRecords .k-grid-content tr td:last-child .recordDetailIcon {
display: none;
}
.my-info-container #GridForRecordList #gridRecords .k-grid-header .t-header {
height: 20px;
color: #696969 !important;
}
.my-info-container #GridForRecordList .k-grid-content td .recordDetailIcon img {
transform: rotate(-90deg);
}
.my-info-container .built-in-buttons {
display: flex;
flex-wrap: wrap;
}
.my-info-container #customButtonsContainerDiv .buttons-wrapper {
display: flex;
width: 100%;
flex-wrap: wrap;
}
.my-info-container #customButtonsContainerDiv .buttons-wrapper table {
width: unset;
margin-bottom: 6px;
}
.my-info-container #customButtonsContainerDiv .buttons-wrapper table td:last-child {
width: 7px !important;
}
#main-wrapper #content-wrapper .mainMargin .my-info-container #customButtonsContainerDiv .buttons-wrapper table .action-button {
border-radius: 4px;
border: solid 1px #a9a9a9;
background-color: #fdfdfd;
color: #696969;
}
.my-info-container #button-view-find-container,
.my-info-container #button-view-find-container .built-in-buttons {
max-width: 100% !important;
}
.my-info-container #GridForRecordList .k-grid-pager.k-grid-bottom {
width: 100%;
}
.my-info-container #GridForRecordList .k-grid-pager.k-grid-bottom .k-pager.k-reset {
display: none !important;
}
body.header-for-member #GridForRecordList .k-widget.k-grid .printandexport {
margin-left: 0;
width: 55%;
}
body.header-for-member #GridForRecordList .k-widget.k-grid tbody tr {
height: 68px;
}
body.header-for-member #GridForRecordList .k-widget.t-grid .actions-cell .popup-panel {
left: -54%;
}
body.header-for-member .my-info-container #viewSelectorAndFilter tr {
display: block !important
}
body.header-for-member #viewSelectorAndFilter .built-in-buttons {
margin-bottom: 0;
}
body.header-for-member .my-info-container #viewSelectorAndFilter table.search-box {
margin-top: 0;
}
body.header-for-member .my-info-container #viewSelectorAndFilter > tbody > tr > td:last-of-type {
width: 100%;
}
body.header-for-member .my-info-container #viewSelectorAndFilter > tbody > tr > td:last-of-type table.search-box {
width: 100%;
padding-top: 9px;
}
.edit-mode div.page-layout-section .page-layout-section-header h2 {
width: 82%;
}
div.page-layout-section .page-layout-section-header {
width: 99.5%;
}
div.page-layout-section .page-layout-section-header h2 {
font-size: 16px;
padding-bottom: 2px !important;
}
body.socialsite-object div.page-layout-section .page-layout-section-header h2 {
margin-top: 4px;
}
body.header-for-member .edit-mode .ImageUrl-wrapper .pm-img-upload-controls {
margin-top: 5px;
margin-left: 7px;
}
body.header-for-member .edit-mode .ImageUrl-wrapper .pm-img-upload-controls button.clear-image-button {
margin-top: 5px;
}
body.header-for-member .edit-mode .page-layout-section {
margin: 0 3%;
}
body.header-for-member .edit-mode .page-layout-section-content {
padding: 8px !important;
}
}
@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, body.newKendoMenu .header-top-row {
min-width: auto !important;
}
.prerequisites-event-window {
max-width: calc(100% - 3px);
}
body.header-for-member .mainMargin {
margin-left: 15px;
margin-right: 15px;
}
body.header-for-member #viewSelectorAndFilter table.search-box {
padding-top: 13px;
margin-top: 10px;
}
.lookup-popup #viewSelectorAndFilter table.search-box {
padding-top: 9px !important;
}
body.header-for-member .lookup-dialog #viewSelectorAndFilter table.search-box {
margin-top: 0;
}
body.header-for-member #GridForRecordList .k-widget.k-grid .k-grid-header-wrap tr {
height: 40px;
}
body.header-for-member #GridForRecordList .k-widget.k-grid th[aoda-id='actionColumn'] .k-link {
visibility: hidden;
}
body.header-for-member #GridForRecordList .k-widget.k-grid .actions-cell {
text-align: end;
padding-right: 22px;
}
body.header-for-member #viewSelectorAndFilter .built-in-buttons #customButtonsContainerDiv ul .t-animation-container {
left: unset !important;
right: -3% !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;
}
#objectFeeCalculatorWindow p {
border-bottom: 1px solid #ccc;
padding-bottom: 7px;
}
#objectFeeCalculatorWindow .fc-label {
font-weight: bold;
width: 207px;
display: inline-block;
}
#objectFeeCalculatorWindow .fc-value {
font-weight: bold;
}
#objectFeeCalculatorWindow .fc-container-numericbox {
max-width: 100px;
}
#objectFeeCalculatorWindow .fc-edit-buttons {
text-align: right;
}
#objectFeeCalculatorWindow .fc-edit-buttons .k-button {
width: 100px;
}
#objectFeeCalculatorWindow .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 .k-combobox .k-dropdown-wrap .k-select .k-icon:before {
display: none;
}
#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: 140px;
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(../Content/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(../Content/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;
}
.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;
opacity: 0 !important;
}
#bypass-link-list {
list-style-type: none;
z-index: 99999;
}
#bypass-link-list .bypass-link-item {
left: 0;
position: absolute;
text-align: center;
top: 10px;
width: 100%;
z-index: 3;
}
#bypass-link-list .bypass-link {
position: fixed !important;
height: 1px !important;
width: 1px !important;
bottom: 0 !important;
left: 0 !important;
z-index: -999 !important;
display: inline !important;
color: transparent !important;
}
#bypass-link-list .bypass-link:focus {
position: static !important;
height: auto !important;
width: auto !important;
bottom: auto !important;
left: auto !important;
z-index: auto !important;
display: inline-block !important;
text-align: center;
color: #ffffff !important;
border-radius: 4px;
background: #2A7AB0;
padding: 2px;
}
#bypass-link-list .link-content {
border: solid 1px #ffffff;
font-family: Open Sans;
font-size: 12px;
border-radius: 4px;
color: #ffffff;
background: #1E567B;
padding: 2px 5px;
}
.AllowOnlineWithdrawal .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 .k-nodata {
display: none;
}
#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%;
}
.payment-plan-category .title-categories.perpetual-classes {
width: 30%;
}
.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-hover, .email-validation-popup .k-window-action.k-link.k-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-hover {
background-color: #fff;
}
/*################# Xplor Popup ###################*/
.xplor-popup {
font-family: var(--xpl-font-family-default);
border-radius: 12px;
}
.xplor-popup .k-window-titlebar {
position: relative;
background-color: #ffffff !important;
padding: 20px 0;
border-bottom: 1px solid #e5e7eb !important;
border-radius: 12px 12px 0 0;
font-size: 20px;
font-weight: bold;
}
.xplor-popup .k-window-titlebar .k-window-title {
font-size: 20px;
font-weight: bold;
padding-left: 15px;
align-items: center;
}
.xplor-popup .k-window-actions .k-icon {
background-image: url(/Content/Images/DefaultIcons/ntf-black-close-icon.png) !important;
background-position: 0 !important;
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
}
.xplor-popup .k-window-titlebar .k-window-action:hover {
background: none !important;
border-color: transparent !important;
}
.xplor-popup .k-window-titlebar .k-window-action:hover:before {
background-color: transparent !important;
}
.xplor-popup .k-window-action {
height: 24px !important;
margin-top: 5px;
margin-right: 15px;
opacity: 1 !important;
}
.xplor-popup .k-button.k-window-action:focus {
background-color: #fff !important;
}
.xplor-popup .k-button.k-flat:focus::after {
box-shadow: none;
}
.xplor-popup .pm-dialog-buttonpane {
margin: 10px;
}
.xplor-popup .xpl-button {
margin: 5px;
}
.xplor-popup .k-window-actions .k-i-close:before {
content: unset !important;
}
@media (max-width: 550px) {
.xplor-popup {
width: 100% !important;
}
}
/*################# Transfer Reason Popup ################*/
.transfer-reason-popup .k-window-action.k-link {
width: auto;
height: auto;
}
.transfer-reason-popup .k-window-action.k-link.k-hover, .email-validation-popup .k-window-action.k-link.k-hover {
border: none;
background-color: transparent;
}
.transfer-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;
}
.transfer-reason-popup .k-window-title {
padding: 0 0.7em;
position: relative;
}
.transfer-reason-popup .description-field {
width: 100%;
height: 80px;
padding: 0.7em 1.3em;
}
.transfer-reason-popup .multiselect-checkbox .search-area, .transfer-reason-popup .done-btn-wrapper {
display: none;
}
.transfer-reason-popup .multiselect-checkbox .filter-selectable-options-list .possible-options .filters-checkbox {
margin: auto;
font-size: 12px;
}
.transfer-reason-popup .multiselect-checkbox .customCheckBox {
padding: 0.7em 2.2em;
border-top: 1px solid #dbdbdb;
}
.transfer-reason-popup .multiselect-checkbox .filter-selectable-options-list .possible-options {
padding: 0;
}
.transfer-reason-popup .multiselect-checkbox .pm-checkbox-blue:checked + label:before {
font: normal normal normal 15px/1.2 FontAwesome;
text-rendering: auto;
content: "";
}
.transfer-reason-popup .multiselect-checkbox .pm-checkbox-blue + label:before {
line-height: 1.2em;
margin-left: -1em;
}
.transfer-reason-popup .field-label {
color: #212121;
margin-bottom: 0.5em;
font-weight: 300;
}
.transfer-reason-popup .pm-dialog-buttonpane {
margin: 0.1em 1em 0.8em 0em;
}
.transfer-reason-popup .multiselect-checkbox .filter-selectable-options-list {
position: fixed;
}
.transfer-reason-popup .multiselect-checkbox .fake-dropdown .dropdown-title {
color: #909090;
padding: 13px 20px;
font-size: 0.95em;
}
.transfer-reason-popup .field-validation-error {
display: block;
}
.transfer-reason-popup .k-window-titlebar.k-header {
background-color: #fff;
position: relative;
padding: 1em 0;
}
.transfer-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;
}
.transfer-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;
}
.transfer-reason-popup .k-dropdown-wrap {
padding: 0.5em;
color: #909090;
}
.transfer-reason-popup .k-dropdown-wrap.k-hover {
background-color: #fff;
}
/*################# Email validation Popup ################*/
.email-validation-popup .k-window-titlebar.k-header .k-icon.k-i-close {
position: absolute;
right: 0em;
top: 0.2em;
}
.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
}
.pm-dialog-buttonpane {
text-align: right;
position: relative;
margin: 2em 0em 20px 0em;
}
.pm-save-button, .pm-promo-code-button, .pm-clone-button, .pm-confirm-button, .login-page-form .gradient-button, .pm-upload-button, .pm-promote-button, .pm-attend-button, .pm-back-button, .pm-email-button, .pm-export-button,
.k-button.k-primary, .k-button.k-pdf {
background-color: #2A7AB0 !important;
color: #ffffff !important;
}
.pm-dialog-buttonpane {
text-align: right;
position: relative;
}
.pm-button, .pm-print-button, .pm-cancel-button, .pm-clear-button, .pm-template-button, .pm-phone-button,
.k-button:not(.k-nav-today, .k-nav-prev, .k-nav-next, .k-view-day, .k-view-week, .k-view-month, .k-view-agenda, .k-nav-fast, .k-flat, .k-scheduler-fullday, li.k-button, .xpl-button),
.pm-manage-login-button, .pm-new-button, .pm-add-button, .pm-edit-button, .pm-buy-button, .pm-share-button, .pm-new-object-button, .pm-process-button, .pm-save-button, .pm-promo-code-button, .pm-clone-button, .pm-confirm-button, .login-page-form .gradient-button, .pm-upload-button, .pm-promote-button, .pm-attend-button, .pm-back-button, .pm-email-button, .pm-export-button,
.k-button.k-primary, .k-button.k-pdf, .pm-delete-button, .pm-chargeback-button,
.k-scheduler-delete, .pm-renew-button, .pm-refund-button, .pm-agreement-button, .pm-forfeit-button, .pm-checkreturn-button, .pm-secondary-button, .action-button, .gradient-button {
border-radius: 2px;
border: none;
font-family: 'Open Sans', sans-serif, arial;
text-align: center;
padding: 8px 10px;
margin-right: 0.5em;
min-width: 65px;
max-width: 200px;
min-height: 16px;
font-size: 14px;
line-height: 16px;
cursor: pointer;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
-moz-appearance: none;
-webkit-appearance: none;
}
.pm-new-object-button.create-btn-program {
background-color: #6923F4 !important;
}
.pm-new-object-button.create-btn-program:hover {
background-color: #5a22c9 !important;
}
.custom-booking-popup.k-window-content {
height: auto;
}
.notOnline {
color: gray;
}
#prerequisites-event-popup .notOnline {
background-color: #f1f1f1;
color: black;
}
.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;
}
.phone-number-format-field-container {
position: relative;
display: inline-block;
width: 100%;
}
.phone-number-format-field-container .k-widget.k-maskedtextbox {
width: 100%;
}
.questionField .phone-number-format-field-container .k-widget.k-maskedtextbox {
display: block;
}
.questionField .phone-number-format-field-container > input[type='text'] {
height: 2.5em !important;
padding: 0.5px;
}
.phone-number-format-field-checkbox {
display: none;
}
.phone-number-format-field-checkbox + span {
position: absolute;
top: 8px;
right: 0;
height: 47px;
bottom: 0;
padding-right: 1px;
}
.embed .phone-number-format-field-checkbox:checked + span > label:after {
content: url(../content/images/buttons/earth-icon-24.png);
}
.phone-number-format-field-checkbox:not(:checked) + span > label:after {
content: url(../content/images/buttons/xpl-phone-icon.png);
border: unset;
top: 8.5px;
left: 10px;
}
.phone-number-format-field-checkbox:checked + span > label:after {
content: url(../content/images/buttons/xpl-phone-icon-red.png);
border: unset;
top: 8.5px;
left: 10px;
}
.embed .phone-number-format-field-checkbox:not(:checked) + span > label:not(.phone-static-icon):after {
content: url(../content/images/buttons/phone-icon-24.png);
}
.embed .phone-number-format-field-checkbox:not(:checked) + span > label.phone-static-icon:after {
content: url(../content/images/buttons/phone-icon-static-24.png);
}
.edit-mode .field .control-icon em,
.edit-mode .field .pmlookup .fa {
margin-top: 5px;
background-color: unset;
}
.edit-mode .field .control-icon em:before,
.edit-mode .field .pmlookup .fa:before {
content: url(../Content/Images/Buttons/xpl-search-icon.png);
}
.edit-mode .page-layout-sections .pm-checkbox-blue:checked + label:before {
background: var(--xpl-color-secondary-lm);
}
.k-widget .k-header {
background-color: white;
}
.objectPageLayout .objectPageLayoutSection label.phone-number-format-field-label {
height: 0;
color: transparent !important;
vertical-align: top;
}
.phone-number-format-field-label {
display: inline-block;
cursor: pointer;
margin-top: 0px !important;
background: #ffffff;
width: 30px;
position: relative;
font-size: 0;
}
.signupform-wrapper.member-register .phone-number-format-field-label:after {
border: none;
top: 25px;
}
input[type=submit].sign-up-btn {
background-color: #2f8b89 !important;
}
#QuickReg .phone-number-format-field-label:after,
.phone-number-format-field-label:after {
position: absolute;
border-radius: 0 4px 4px 0;
background-color: white;
top: 21px;
}
.embed .phone-number-format-field-label:after {
height: 25.5px;
top: 8px;
left: 4px;
}
.field-web-control .phone-number-format-field-container .phone-number-format-field-label:after,
#locationInfo .phone-number-format-field-label:after {
top: 0;
}
.validation-error .phone-number-format-field-label:after {
box-shadow: 0 0 0 1px #B61515 !important;
border: 1px solid #B61515 !important;
border-color: #F88 !important;
}
.validation-error .phone-number-format-field-checkbox:not(:checked) + span > label:not(.phone-static-icon):after {
content: url(../content/images/buttons/phone-icon-red.png) !important;
}
.validation-error .phone-number-format-field-checkbox:not(:checked) + span > label.phone-static-icon:after {
content: url(../content/images/buttons/phone-icon-static-red.png) !important;
}
.questionField .phone-number-format-field-container > input[type='text'] {
max-width: 100% !important;
}
.questionField .phone-number-format-field-container .phone-number-format-field-label {
height: 2.5em !important;
}
.questionField .phone-number-format-field-container .phone-number-format-field-label:focus::after {
outline: auto;
}
.online-page-header {
font-family: 'Open Sans';
font-size: 24px;
font-weight: 500;
color: #000000;
padding: 0;
}
.online-page-header.edit-header {
position: absolute;
top: 25px;
margin: 0 10% 0 7%;
font-size: 30px;
font-weight: bold;
}
.content-with-panels .online-page-header {
position: fixed;
top: 103px;
margin: 15px 0 0 272px;
z-index: 1000;
font-weight: bolder;
font-size: 32px;
}
.content-with-panels #online-page-header {
margin-top: 0;
}
.content-with-panels .online-page-header.header-for-print {
position: unset;
margin-left: 0;
}
.content-with-panels .left-panel-views-header {
position: fixed;
top: 78px;
margin: 21px 0 0 -39px;
z-index: 50000;
font-weight: bolder;
font-size: 20px;
color: white;
}
.content-without-panels .left-panel-views-header {
display: none;
}
.content-with-panels .main-panel .online-page-header {
position: unset;
top: unset;
margin-left: unset;
font-size: 32px;
font-family: var(--xpl-font-family-default);
}
.socialsite-page.oldMainMenu #header-table #headerTopRow #topNavRdiv #topNav {
background-color: transparent;
}
.socialsite-page.oldMainMenu #header-table #headerTopRow #topNavRdiv #topNav #Options-Setup #OptionsSelector > li.k-item {
border: 1px solid rgb(204, 204, 204);
border-radius: 4px;
}
.socialsite-page.oldMainMenu #header-table #headerTopRow #topNavRdiv #topNav #Options-Setup #OptionsSelector > li.k-item > span.k-link {
color: #918e8e;
}
.socialsite-page.oldMainMenu #header-table #headerTopRow #topNavRdiv #topNav #Options-Setup #OptionsSelector > li.k-item.k-hover > span.k-link,
.socialsite-page.oldMainMenu #header-table #headerTopRow #topNavRdiv #topNav #Options-Setup #OptionsSelector > li.k-item.k-state-border-down > span.k-link {
color: #fff;
}
.oldMainMenu .content-with-panels .online-page-header {
top: 124px;
}
.oldMainMenu .content-with-panels .built-in-buttons {
height: unset;
padding-top: 35px;
top: 125px;
padding-bottom: 10px;
}
.oldMainMenu .content-with-panels .main-panel .built-in-buttons {
padding: 5px 0;
top: unset;
}
.goog-te-banner-frame, .goog-tooltip {
display: none !important;
}
.goog-text-highlight {
background-color: transparent !important;
box-shadow: none !important;
}
.goog-te-gadget-icon {
height: 0 !important;
}
#google_translate_element {
margin-top: 4px;
margin-right: 10px;
}
/*Changes for Admin Google Translate Starts*/
#nav-root #google_translate_element .goog-te-gadget-simple {
background: none !important;
}
#nav-root #google_translate_element * {
color: white !important;
font-weight: bold !important;
}
/*Changes for Admin Google Translate Ends*/
/*Changes for Member Google Translate Starts*/
.header-for-member #nav-root #google_translate_element {
/*position: absolute;
right: 185px !important;*/
/*top: 21px;*/
font-weight: 100;
}
.header-for-member .bm-org-name {
font-size: 24px;
color: rgba(68, 107, 161, 0.85);
}
.header-for-member .goog-te-gadget-simple {
border: 0 !important;
}
.header-for-member .goog-te-menu-value span:nth-child(3) {
display: none !important;
}
.header-for-member .goog-te-menu-value span:last-child {
font-size: 8px !important;
}
.header-for-member #nav-root #google_translate_element * {
color: #666 !important;
font-weight: inherit !important;
min-width: 74px !important;
}
.header-for-member #nav-root #google_translate_element .k-i-arrow-60-down {
min-width: 10px !important;
}
.header-for-member #nav-root #google_translate_element #Options-Setup {
padding-right: 0px;
}
.header-for-member #nav-root #google_translate_element .tab {
background-color: transparent;
}
.header-for-member #nav-root #google_translate_element #Options-Setup #LanguageOptionsSelector li.global_menu .k-link {
padding: 7px 34px 8px 8px !important;
max-width: none;
}
/*Changes for Member Google Translate Ends*/
@media screen and (max-width: 767px) {
body.Office.header-for-member #header-wrapper {
position: relative;
}
.contentTermsAndConditionContainer {
width: 100%;
}
.header-for-member .logo-header img {
max-height: 30px;
}
.header-for-member #topNav #Options-Setup {
top: 25px;
}
.header-for-member #contactSchedulerContainer .view-switch {
margin-top: 10px;
margin-bottom: 10px;
}
.header-for-member #contactSchedulerContainer .contact-open-print-btn {
float: left;
margin-bottom: 10px;
margin-top: 10px;
}
/*Changes For My Info Online Page Starts*/
.header-for-member .Client-Object .page-layout-sections {
min-width: 100%;
}
.header-for-member .mainMargin {
margin-left: 10px;
margin-right: 10px;
}
.header-for-member .built-in-buttons {
min-width: 300px !important;
}
.header-for-member .built-in-buttons .table-second-col {
min-width: 100%;
}
.header-for-member .built-in-buttons .table-second-col.btn-profile-mobile {
margin-top: 20px;
}
.header-for-member .grid-record-buttons .membership-add {
float: none !important;
}
.header-for-member .viewAttendance1.view-area .view-title {
width: 0;
font-size: 16px;
}
.header-for-member .page-layout-section-content .objectPageLayoutSection .label {
margin-left: 20px;
}
.header-for-member .page-layout-section-content .objectPageLayoutSection .label .ellipsis.filter-label {
overflow: visible;
}
.header-for-member .page-layout-section-content .objectPageLayoutSection tbody tr.member-profile-mobile, .header-for-member .built-in-buttons tbody tr.member-profile-mobile {
display: flex;
flex-flow: column;
}
.header-for-member .page-layout-section-content .objectPageLayoutSection tbody tr.member-profile-mobile td.two-col-layout {
width: 100% !important;
}
.header-for-member .page-layout-section-content .objectPageLayoutSection tbody tr.member-profile-mobile td.three-col-layout {
width: 100% !important;
}
.header-for-member #previousNextButtonsContainer {
text-align: center;
float: left;
}
.header-for-member .view-area .view-name.selected .view-name-text {
max-width: 70px;
}
/*Changes For My Info Online Page Ends*/
}
.prerequisites-popup {
background: #e8e6e6 !important;
}
.prerequisites-popup .EventSubject {
font-weight: bolder;
font-size: medium;
}
.prerequisites-popup .k-selected {
background: #e8e6e6;
}
.prerequisites-popup li[role=treeitem].k-item {
border-top: 1px solid #c5c5c5;
border-left: 1px solid #c5c5c5;
border-bottom: 1px solid #c5c5c5;
}
.prerequisites-popup .prerequisite-events-container {
background: white;
}
.prerequisites-popup #prerequisiteEventspopUp,
.prerequisites-popup #prerequisiteEventspopUpTrue,
.prerequisites-popup #prerequisiteEventspopUpFalse {
width: auto;
}
.prerequisites-popup li[role=treeitem].k-item .k-in span {
color: black;
font-weight: bolder;
}
#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(/Content/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: #3c79b7;
color: #ffffff;
border: 1px solid #3c79b7;
cursor: pointer;
}
.header-top-row.trainingdb {
background-color: #520e0e !important;
background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, rgba(255, 0, 0, 0.3) 4px, rgba(255, 0, 0, 0.3) 6px);
}
.header-top-row .trainingmode {
color: white;
font-size: 18px;
}
.header-top-row .trainingmode-desc {
color: white;
font-size: 14px;
margin-left: 12px;
font-weight: normal;
}
.beta-icon + .trainingmode-desc {
margin-left: 80px;
}
/*Changes for Hide header on Embedded in URL Starts*/
.header-for-member #main-wrapper.hide-header-menu #header-wrapper {
display: none;
}
.header-for-member #main-wrapper.hide-header-menu #content-wrapper {
margin-top: 0;
}
.header-for-member #main-wrapper.hide-header-menu .cardview-container {
z-index: 451;
}
.header-for-member #main-wrapper.hide-header-menu .fixed-left-menu {
margin-top: 0;
}
.header-for-member #main-wrapper.hide-header-menu .online-page-header.with-side-bar {
margin-left: 240px;
}
/*Changes for Hide header on Embedded in URL Ends*/
.multiGLAccount-header {
display: flex;
margin-bottom: 7px;
}
.multiGLAccount-container {
}
.multiGLAccount-item {
width: 100%;
display: inline-flex;
margin-bottom: 4px;
}
.multiGLAccount-item .dropdown {
width: 100%;
display: contents;
}
.multiGLAccount-item .text {
max-width: 90% !important;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.multiGLAccount-item .hint-text {
color: #adb5bd;
}
.multiGLAccount-item .percent {
margin-left: 6px;
}
.multiGLAccount-item .percent input {
height: 99% !important;
max-width: 78px !important;
}
.multiGLAccount-item .percent input + span:after {
font-size: 12px;
content: "%";
margin-left: -32px;
color: #adb5bd;
}
.multiGLAccount-item .remove span {
color: #696969 !important;
padding: 8px 0px 8px 8px !important;
}
.multiGLAccount-item .remove span:hover {
color: #1b1b1b !important;
}
.multiGLAccount-bottom {
padding-top: 4px;
cursor: pointer;
color: #3c79b7;
font-size: 12px;
margin-bottom: 32px;
}
.multiGLAccount-bottom:hover {
cursor: pointer;
color: #3773A7;
}
.multiGLAccount-bottom .row {
display: inline-flex;
width: 100%;
margin-bottom: 2px;
}
.fake-dropdown {
border: 1px solid #E1E2E8;
border-radius: 5px;
color: #4a4a4a;
font-size: 13px;
background-color: #FFF;
padding: 6px 6px 6px 6px;
vertical-align: middle;
box-sizing: border-box;
cursor: pointer;
width: 100%;
text-align: left;
height: 41px;
padding-top: 9px;
background-image: url(/content/images/leftpanels/arrow-down-icon.png);
background-position: 99% 11px;
background-size: 15px;
margin-left: 4px;
background-repeat: no-repeat;
}
.fake-dropdown:hover {
border: 1px solid #CCC;
background-color: #EAEAEA !important;
}
@-webkit-keyframes error-border {
from {
border-color: red;
}
to {
border-color: #CCC;
}
}
@keyframes error-border {
from {
border-color: red;
}
to {
border-color: #CCC;
}
}
.error-border {
animation-name: error-border;
animation-duration: 3s;
}
.Subsidy-Object .ValidForFacilityBookings-wrapper, .AllowForFuturePayments-wrapper {
display: none;
}
#setupPageLayoutContainer .objectPageLayoutSection .ValidForFacilityBookings-wrapper {
display: none;
}
.deferredGLAccountTemplate-item {
margin-bottom: 12px;
}
.deferredGLAccount-header {
display: flex;
margin-bottom: 9px;
}
.deferredPicker_template {
width: auto;
}
.deferredPicker_headertemplate {
text-align: left;
background-color: white;
padding-left: 5px;
border-top: 1px solid rgb(204,204,204);
border-right: 1px solid rgb(204,204,204);
}
.EventSubject {
float: left;
position: relative;
}
.EventOutcomeType {
margin-left: 10px;
padding-left: 5px;
padding-right: 5px;
text-align: center;
width: 180px;
font-size: 12px;
border-radius: 25px;
float: left;
position: relative;
border: solid 1px;
background-color: cornflowerblue;
color: white;
}
#serviceBox {
width: 634px;
background-color: lightgray;
padding: 2px 7px
}
.Advanced-Search {
color: #407fb5;
cursor: pointer;
margin-left: 12px;
text-decoration: underline;
}
.k-animation-container .k-widget.k-tooltip {
border-color: #fff;
background-color: #fff;
font-size: 14px;
color: inherit;
margin-left: 0.5em;
}
.k-animation-container .k-tooltip .k-callout.k-callout-s {
border-top-color: #fff;
}
.k-animation-container .k-tooltip .k-callout.k-callout-n {
border-bottom-color: #fff;
top: 0;
}
.EventSubject {
float: left;
position: relative;
}
.EventOutcomeType {
margin-left: 10px;
padding-left: 5px;
padding-right: 5px;
text-align: center;
width: 180px;
font-size: 12px;
border-radius: 25px;
float: left;
position: relative;
border: solid 1px;
background-color: cornflowerblue;
color: white;
}
#serviceBox {
width: 634px;
background-color: lightgray;
padding: 2px 7px
}
.ProductLine {
width: 98%;
border: solid 1px #e6e6e6;
}
.delete {
position: absolute;
top: 10px;
right: 10px;
}
#emailTemplateFolderListDiv .delete {
right: 0px;
}
.contextMenu.folderOptions {
height: 45px;
font-size: 0.85em;
}
.contextMenu.folderOptions .delete {
top: 22px;
}
.Rectangle-172 {
left: 10px;
border-radius: 5px;
box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.24);
border: solid 0.5px #bebebe;
background-color: #ffffff;
}
.Table-Row {
border: solid 0.5px #bebebe;
position: relative;
}
.trv-parameters-area .trv-parameters-area-content {
top: 50px !important;
}
.trv-parameters-area .trv-parameters-area-footer {
position: relative !important;
}
.trv-parameters-area .trv-parameters-area-preview-button {
background-color: #aaa !important;
}
.postalcode-field-checkbox {
display: none;
}
.postalcode-field-checkbox + span {
position: absolute;
top: 0;
right: 0;
height: 47px;
bottom: 0;
}
.postalcode-field-checkbox {
display: none;
}
.postalcode-field-checkbox.allowPostalCodeFormatOverride[value="true"] + span > label:after {
content: url(../content/images/buttons/postalcode-globe-icon.svg);
}
.postalcode-field-checkbox.allowPostalCodeFormatOverride[value="false"] + span > label:after {
content: url(../content/images/buttons/postalcode-envelope-icon.svg);
}
.postalcode-field-checkbox + span > label.postalcode-static-icon:after {
content: url(../content/images/buttons/xpl-postalcode-icon-static.png);
margin-right: 5px;
}
.exportCSVImage {
width: 24px;
height: 24px;
object-fit: contain;
}
.export-to-csv-link table tbody tr td:last-child {
padding-top: 3px;
}
.export-to-csv-link .export-to-csv-label {
font-size: 12px;
color: #272431;
}
.export-to-csv-link:focus .export-to-csv-label,
.export-to-csv-link:hover .export-to-csv-label {
text-decoration: underline;
}
.invalid-tr {
border: 2px solid red !important;
color: red !important;
}
.disabled-button {
background-color: #ffffff;
color: #666666;
opacity: 0.3;
}
.trv-parameter-editor-available-values-multiselect {
max-height: 300px !important;
overflow-y: scroll !important;
}
.trv-parameter-editor-available-values {
max-height: 300px !important;
overflow-y: scroll !important;
}
.trv-pages-area div,
.customFooterText span {
font-family: 'Verdana' !important;
}
.prerequisites-event-window {
z-index: 100000 !important;
}
.prerequisites-event-window .k-window-titlebar .k-window-title {
margin-left: 16px;
}
.prerequisites-event-window .k-window-titlebar .k-window-actions {
padding: 13px 7px 0 0;
}
.prerequisites-event-window #prerequisiteEventspopUp,
.prerequisites-event-window #prerequisiteEventspopUpTrue,
.prerequisites-event-window #prerequisiteEventspopUpFalse {
padding: 8px 15px 8px 8px;
}
.prerequisites-event-window .prerequisites-popup.k-window-content {
padding: 0;
}
.prerequisites-event-window .prerequisites-popup .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
}
.prerequisites-event-window .prerequisites-popup .grouped-prerequisite-events.k-item {
padding-left: 30px;
}
.prerequisites-event-window .prerequisites-popup .grouped-prerequisite-events .k-top,
.prerequisites-event-window .prerequisites-popup .grouped-prerequisite-events .k-bot {
padding: 7px;
}
.prerequisites-event-window .prerequisites-popup .EventOutcomeType {
border: solid 1px #e1e1e1;
background-color: #e1e1e1;
color: #3c3c3c;
}
.prerequisites-event-window .prerequisites-popup li[role=treeitem].k-item {
border-top: 1px solid #c5c5c5;
border-left: none;
border-bottom: none;
}
@media (max-width: 550px) {
.prerequisites-event-window {
height: 100% !important;
max-width: calc(100% - 3px);
}
.prerequisites-event-window .k-window-titlebar .k-window-title {
margin-left: 0;
}
.prerequisites-event-window .prerequisites-popup .grouped-prerequisite-events.k-item {
padding-left: 10px;
}
.prerequisites-event-window #prerequisiteEventspopUp .subject br,
.prerequisites-event-window #prerequisiteEventspopUpTrue .subject br,
.prerequisites-event-window #prerequisiteEventspopUpFalse .subject br {
display: none;
}
.prerequisites-event-window #prerequisiteEventspopUp .subject,
.prerequisites-event-window #prerequisiteEventspopUpTrue .subject,
.prerequisites-event-window #prerequisiteEventspopUpFalse .subject,
.prerequisites-event-window .prerequisites-popup .EventSubject {
float: none;
}
.prerequisites-event-window .prerequisites-popup .EventOutcomeType,
.prerequisites-event-window #prerequisiteEventspopUp .date,
.prerequisites-event-window #prerequisiteEventspopUpTrue .date,
.prerequisites-event-window #prerequisiteEventspopUpFalse .date,
.prerequisites-event-window .eventIdBox,
.prerequisites-event-window #prerequisiteEventspopUp .description,
.prerequisites-event-window #prerequisiteEventspopUpTrue .description,
.prerequisites-event-window #prerequisiteEventspopUpFalse .description {
float: none;
margin: 5px 0 0 0;
}
}
img.icon.legacy {
position: relative;
vertical-align: middle;
}
img.icon.birthday {
width: 16px;
height: 16px;
top: -1px;
position: relative;
float: right;
}
#tblFacility-ChildCareAuto .t-header {
vertical-align: middle;
}
.t-header.contact-account-header {
width: 215px;
max-width: 30%;
margin-right:10px;
}
.t-header.contact-account-header .contact-account-info-cell {
display: flex;
max-width: 195px;
}
.t-header.contact-account-header .contact-account-info-cell .account-info {
min-width: 115px;
max-width: 190px;
white-space: pre-wrap;
overflow-wrap: break-word;
word-break: break-word;
}
.t-header.contact-account-header .contact-account-info-cell .primary-contact {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 64px;
height: 16px;
background: #6923F4;
color: white;
border-radius: 8px;
flex: none;
order: 0;
flex-grow: 0;
font-size: 11px;
}
.t-header.contact-id-header {
width: 130px;
}
.t-header.type-header {
width: 175px;
}
.t-header.email-header {
width: 180px;
}
.t-header.user-info-header div {
color: #6923F4 !important;
}
.t-header.user-info-header div:hover {
font-weight: bolder !important;
cursor: pointer;
}
.t-header.user-info-header {
width: 75px;
padding-right: 7px;
}
.t-header.user-info-header div span {
vertical-align: middle;
}
.t-header.age-header {
width: 50px;
padding-right: 6px;
}
.disabled-control {
opacity: 0.6 !important;
cursor: not-allowed !important;
pointer-events: none !important;
}
.disabled-look {
opacity: 0.6 !important;
}
.disabled-content-look * {
opacity: 0.8 !important;
}
/* notification */
.alert-ntf-container.k-container {
right: 10px !important;
left: unset !important;
}
.top-banner-ntf-container.k-container {
width: calc(100vw - 20px) !important;
height: unset !important;
top: 0 !important;
left: 10px !important;
}
.top-banner-ntf-container.k-container,
.alert-ntf-container.k-container,
.full-popup-ntf-container.k-container {
z-index: 999999999992 !important;
border: none;
box-shadow: none;
}
.top-banner-ntf-container.k-container .k-widget.k-notification,
.alert-ntf-container.k-container .k-widget.k-notification,
.full-popup-ntf-container.k-container .k-widget.k-notification {
max-height: 98vh;
overflow-y: auto;
border: none;
}
.alert-ntf-container.k-container .k-widget.k-notification {
box-shadow: none;
background-color: transparent;
}
.top-banner-ntf-container.k-container .k-widget.k-notification {
width: calc(100% - 20px);
}
.alert-ntf-container,
.top-banner-ntf-container {
border-radius: 4px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.42);
font-size: 14px;
}
.alert-ntf-container {
width: 475px;
margin-bottom: 20px;
}
.full-popup-ntf-container {
width: 500px;
}
.alert-ntf-container .header-wrapper,
.top-banner-ntf-container .header-wrapper,
.full-popup-ntf-container .header-wrapper {
padding: 10px 10px 0 0;
font-size: 16px;
font-weight: bold;
}
.alert-ntf-container .header-wrapper {
padding: 10px 10px 0 0;
}
.alert-ntf-container .header-wrapper .ntf-icon,
.top-banner-ntf-container .header-wrapper .ntf-icon,
.full-popup-ntf-container .header-wrapper .ntf-icon {
vertical-align: top;
}
.alert-ntf-container .header-wrapper .ntf-icon img,
.top-banner-ntf-container .header-wrapper .ntf-icon img,
.full-popup-ntf-container .header-wrapper .ntf-icon img {
padding: 0 3px 0 10px;
cursor: pointer;
}
.alert-ntf-container .header-wrapper .ntf-subject,
.top-banner-ntf-container .header-wrapper .ntf-subject,
.full-popup-ntf-container .header-wrapper .ntf-subject {
display: inline-block;
width: 84%;
margin-top: 4px;
}
.alert-ntf-container .header-wrapper .ntf-close-icon img,
.full-popup-ntf-container .header-wrapper .ntf-close-icon img {
position: absolute;
top: 15px;
cursor: pointer;
}
.alert-ntf-container .content-wrapper,
.top-banner-ntf-container .content-wrapper {
padding: 0 10px 20px 50px;
}
.alert-ntf-container .content-wrapper img {
max-width: calc(100% - 10px);
}
.full-popup-ntf-container .content-wrapper {
padding: 20px 15px 30px 15px;
}
.top-banner-ntf-container .content-wrapper img,
.full-popup-ntf-container .content-wrapper img {
max-width: 100%;
}
.top-banner-ntf-container .content-wrapper {
vertical-align: top;
}
.top-banner-ntf-container .content-wrapper .text-wrapper {
display: inline-block;
width: calc(100% - 370px);
}
.top-banner-ntf-container .content-wrapper .buttons-wrapper {
display: inline-block;
vertical-align: top;
margin: -5px 0 0 50px;
}
.alert-ntf-container .buttons-wrapper {
padding: 0 10px 15px 50px;
}
.full-popup-ntf-container .buttons-wrapper {
padding: 0 0 15px 0;
text-align: center;
}
.alert-ntf-container .buttons-wrapper .button,
.top-banner-ntf-container .content-wrapper .buttons-wrapper .button,
.full-popup-ntf-container .buttons-wrapper .button {
display: inline-block;
font-size: 14px;
}
.alert-ntf-container .buttons-wrapper .button.learn-more,
.top-banner-ntf-container .buttons-wrapper .button.learn-more,
.full-popup-ntf-container .buttons-wrapper .button.learn-more {
border-radius: 4px;
border: solid 1px #ff9e1b;
background-color: #fffbeb;
padding: 6px 15px;
margin-right: 10px;
}
.alert-ntf-container .buttons-wrapper .button.remind-later,
.top-banner-ntf-container .buttons-wrapper .button.remind-later,
.full-popup-ntf-container .buttons-wrapper .button.remind-later {
text-decoration: underline;
}
.top-banner-ntf-container .content-wrapper .buttons-wrapper .ntf-close-icon img {
position: absolute;
right: 25px;
cursor: pointer;
}
#notification-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.7);
z-index: 9999991;
}
.w-100 {
width: 100%;
}
.h-100 {
height: 100%;
}
@media (max-width: 500px) {
.alert-ntf-container,
.top-banner-ntf-container,
.full-popup-ntf-container {
width: 100%;
}
.alert-ntf-container {
margin-bottom: 10px;
box-shadow: none;
}
.alert-ntf-container.k-container,
.top-banner-ntf-container.k-container,
.full-popup-ntf-container.k-container {
width: calc(100vw - 20px) !important;
left: 10px !important;
}
.alert-ntf-container.k-container {
bottom: 10px !important;
}
.top-banner-ntf-container.k-container,
.full-popup-ntf-container.k-container {
top: 0 !important;
}
.alert-ntf-container.k-container .k-widget.k-notification,
.top-banner-ntf-container.k-container .k-widget.k-notification,
.full-popup-ntf-container.k-container .k-widget.k-notification {
width: calc(100% - 20px) !important;
}
.alert-ntf-container .header-wrapper .ntf-subject,
.top-banner-ntf-container .header-wrapper .ntf-subject,
.full-popup-ntf-container .header-wrapper .ntf-subject {
width: 80%;
}
.alert-ntf-container .header-wrapper .ntf-close-icon img,
.top-banner-ntf-container .header-wrapper .ntf-close-icon img,
.full-popup-ntf-container .header-wrapper .ntf-close-icon img {
right: 15px;
}
.top-banner-ntf-container .content-wrapper .text-wrapper {
display: block;
width: 100%;
margin-bottom: 22px;
}
.top-banner-ntf-container .content-wrapper .buttons-wrapper {
display: block;
margin: 0;
}
.top-banner-ntf-container .content-wrapper .buttons-wrapper .ntf-close-icon img {
top: 15px;
right: 15px;
}
}
.client-summary-widget-info {
max-width: 1160px;
background-color: #ffffff;
padding: 15px 20px 20px 23px;
border: 1px solid #E1E2E8;
border-radius: 6px 6px 0 0;
border-bottom: none;
}
.client-summary-widget-info .image-thumbnail {
display: inline-block;
}
.client-summary-widget-info .image-thumbnail img {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
border-radius: 50%;
display: inline-block;
height: 85px;
width: 85px;
text-align: center;
vertical-align: middle;
}
.client-summary-widget-info .client-and-family-name {
display: inline-block;
vertical-align: middle;
padding-left: 15px;
}
.client-summary-widget-info .client-and-family-name .client-name {
font-size: 20px;
font-weight: 600;
font-family: var(--xpl-font-family-default);
}
.client-summary-widget-info .client-and-family-name .family-name {
display: block;
font-size: 12px;
font-weight: 600;
color: #272431;
padding-top: 5px;
text-decoration: underline;
}
.client-summary-widget-info .client-and-family-name .family-name:hover,
.client-summary-widget-info .client-and-family-name .family-name:focus {
text-decoration: none;
}
.client-summary-widget-info #account-info-section {
display: inline-block;
float: right;
}
.client-summary-widget-info #account-info-section .account-info-sub-section {
display: inline-block;
padding: 0px 15px 0;
margin-top: 20px;
font-family: var(--xpl-font-family-default);
}
.client-summary-widget-info #account-info-section .account-info-sub-section .account-info-sub-section-label {
color: #272431;
font-size: 14px;
}
.client-summary-widget-info #account-info-section .account-info-sub-section .account-info-sub-section-value {
font-size: 20px;
color: #000000;
font-weight: bold;
}
.client-summary-widget-info #account-info-section .account-info-sub-section .account-info-sub-section-value.positive {
color: #37B88F;
}
.client-summary-widget-info #account-info-section .account-info-sub-section .account-info-sub-section-value.negative {
color: #DB321F;
}
@media (max-width: 950px) {
.client-summary-widget-info {
padding-bottom: 25px;
}
.client-summary-widget-info #account-info-section {
display: block;
float: none;
}
.client-summary-widget-info #account-info-section .account-info-sub-section:first-child {
padding-left: 0;
}
.client-summary-widget-info #account-info-section .account-info-sub-section:last-child {
padding-right: 0;
}
#cartDetailPopup #cartDetails {
max-height: 250px !important;
}
.content-without-panels #viewSelectorAndFilter #customButtonsContainerDiv {
min-width: 40px !important;
}
#viewSelectorAndFilter > tbody > tr:first-of-type {
display: block;
}
#viewSelectorAndFilter > tbody > tr > td:last-of-type {
float: right;
}
.lookup-popup #viewSelectorAndFilter > tbody > tr > td:last-of-type {
width: 100%;
}
}
@media (max-width: 450px) {
.client-summary-widget-info .image-thumbnail img {
height: 80px;
width: 80px;
}
.client-summary-widget-info .client-and-family-name .client-name {
font-size: 20px;
}
.client-summary-widget-info .client-and-family-name .family-name {
font-size: 14px;
}
.client-summary-widget-info #account-info-section {
text-align: center;
}
}
@media (max-width: 1200px) {
.header-for-member #outterObjectLayoutContainer.content-without-panels {
width: auto;
}
.header-for-member .subsection-content .k-widget.k-grid .k-pager-wrap.k-grid-pager {
display: block;
}
.header-for-member .subsection-content .k-widget.k-grid .k-pager-wrap.k-grid-pager .k-pager-numbers.k-reset {
left: 40px;
}
.header-for-member .subsection-content .k-widget.k-grid .k-pager-wrap.k-grid-pager .k-pager-numbers.k-reset ~ .k-pager-nav {
margin-left: 40px;
}
}
.filter-area td {
padding-right: 10px;
}
.filter-area .activity-type-filter .label {
padding: 0 10px 0 0;
}
.filter-area .activity-type-filter,
.filter-area .activity-type-filter div {
display: inline-block;
}
.filter-area .activity-type-filter {
margin-bottom: 20px;
}
.filter-area td .dropdown .k-dropdown-wrap,
.filter-area .activity-type-filter .dropdown .k-dropdown-wrap,
#schedule-view-area .filter-area .dropdown .k-dropdown-wrap {
border-radius: 4px;
padding: 3px;
height: auto;
}
.filter-area td .dropdown .k-dropdown-wrap .k-select,
.filter-area .activity-type-filter .dropdown .k-dropdown-wrap .k-select,
#schedule-view-area .filter-area .dropdown .k-dropdown-wrap .k-select {
border-left: 1px solid #ccc;
}
.filter-area td .dropdown .k-dropdown-wrap .k-input,
#schedule-view-area .filter-area .dropdown .k-dropdown-wrap .k-input {
height: unset;
}
.filter-area td .dropdown .k-dropdown-wrap .k-icon:before,
.filter-area .activity-type-filter .dropdown .k-dropdown-wrap .k-icon:before,
#schedule-view-area .filter-area .dropdown .k-dropdown-wrap .k-icon:before {
display: none;
}
.filter-area td .dropdown .k-dropdown-wrap .k-i-arrow-s,
.filter-area .activity-type-filter .dropdown .k-dropdown-wrap .k-i-arrow-s,
#schedule-view-area .filter-area .dropdown .k-dropdown-wrap .k-i-arrow-s,
.filter-area td .dropdown .k-dropdown-wrap .k-i-arrow-60-down,
.filter-area .activity-type-filter .dropdown .k-dropdown-wrap .k-i-arrow-60-down,
#schedule-view-area .filter-area .dropdown .k-dropdown-wrap .k-i-arrow-60-down{
background-position: -2px -48px;
height: 18px;
width: 21px;
margin-top: -5px;
background-image: url(/Content/Images/LeftPanels/booking-icon.png);
}
.warning-message {
font-size: 11px;
font-weight: bold;
color: #FF4F4F;
}
.hide-field-table {
display: none;
}
.show-field-table {
display: table-row;
}
.empty-field {
height: 40px;
}
.placeholder-number-right {
position: relative;
padding-left: 0 !important;
}
.placeholder-number-right::after {
position: absolute;
right: 23px;
top: 8px;
content: attr(data-placeholder);
pointer-events: none;
opacity: 0.6;
}
.placeholder-left {
position: relative;
padding-left: 0 !important;
}
.placeholder-left::after {
position: absolute;
left: 5px;
top: 8px;
content: attr(data-placeholder);
pointer-events: none;
opacity: 0.6;
}
.padding-placeholder-left {
width: 78%;
padding-left: 15px !important;
}
#fld_b797b2c4-b733-407b-bbb0-16e7dd4284a5:invalid {
border-color: #CECECE !important;
}
#fld_c990385f-a704-426e-adab-d63c51746fd3,
#fld_dc395464-97d9-46fe-b318-eefe36e2a631,
#fld_b797b2c4-b733-407b-bbb0-16e7dd4284a5,
#fld_1ddfe3af-f03e-4bc8-be23-da0ead0f5cf7,
#combidedControl_fld_1ddfe3af-f03e-4bc8-be23-da0ead0f5cf7,
#combidedControl_fld_b797b2c4-b733-407b-bbb0-16e7dd4284a5,
#combidedControl_fld_c990385f-a704-426e-adab-d63c51746fd3 {
width: 250px;
}
#fld_722daaf9-0465-4e17-aead-0286cb80d84d,
fld_4f215113-3326-4e5d-9b98-e854390cc0e4 {
width: 150px;
}
.window-header {
height: 56px;
line-height: 56px;
padding: 0 70px 0 16px;
border-bottom: 1px solid #ccc;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 17px;
position: relative;
}
.window-header .window-title {
font-size: 18px;
}
.window-header .window-close,
.window-header .window-title {
display: inline-block;
}
.window-header .window-close {
position: absolute;
right: 10px;
top: 0;
}
.window-header .window-close a {
cursor: pointer !important;
font-size: 45px;
color: gray;
}
.k-i-close {
top: -2px;
font-size: 20px;
}
.window-header .window-close a:before,
.k-i-close:before {
content: "×";
}
#additionalExtraItemsContainer .multi-item-price-input,
#additionalExtraItemsContainer .multi-item-price-input label.multi-item-price,
#additionalExtraItemsContainer .multi-item-price-label,
#additionalExtraItemsContainer .multi-item-price-label label.multi-item-price {
width: 100px;
}
#additionalExtraItemsContainer .multi-item-taxIncluded-label,
#additionalExtraItemsContainer .multi-item-taxIncluded-label label {
vertical-align: initial;
}
#additionalExtraItemsContainer li > label {
display: table-cell;
padding: 0.4em 0.2em;
width: 18%;
}
#additionalExtraItemsContainer .multi-item {
margin-top: 6px;
}
#regFormWindow #frmSaveCompletedForm #feelookupPreview .k-grid .k-pager-wrap .k-pager-numbers-wrap {
margin-top: 14px;
height: 28px;
}
#regFormWindow #frmSaveCompletedForm #feelookupPreview .k-grid .k-grid-pager .k-link.k-pager-nav .k-icon.k-i-arrow-60-left:before,
#regFormWindow #frmSaveCompletedForm #feelookupPreview .k-grid .k-grid-pager .k-link.k-pager-nav .k-icon.k-i-arrow-60-right:before {
top: 3px;
}
#regFormWindow #frmSaveCompletedForm #feelookupPreview .k-grid .k-grid-pager .k-pager-info.k-label {
flex: 1;
}
/*PMDEV-198418, to set the alignment of the placeholders*/
.edit-mode .objectPageLayoutSection #serviceextraitemselectorwrapper .k-dropdown-wrap .k-input {
padding: 8px 3px !important;
}
#fee-ranges-wrapper span span input {
padding: 0px !important
}
/*PMDEV-198418, to set the alignment of the dropdown arrows*/
#combidedControl_fld_78397968-b1e9-45f0-963c-dbc213098e23 span span span {
margin-left: -8px !important;
}
#combidedControl_fld_d7c9fbdf-883e-4ddc-836c-0f96f1d76af4 span span span {
margin-left: 4px !important;
}
#plannereventpaymentplanselectorwrapper div ul li span span span input {
padding-left: 0px;
}
#serviceextraitemselectorwrapper ul li span span input {
padding: 8px 4px;
}
#combidedControl_fld_c877da92-9332-6ca5-b021-4875c442deb2 span span span span {
margin-left: 8px !important;
}
.page-layout-section-header[id*="section-header"] {
width: 100%;
box-sizing: border-box;
}
body:has(.feeInformationTooltip) .k-animation-container .k-tooltip .k-callout.k-callout-n {
border-bottom-color: #292632;
}
body:has(.feeInformationTooltip) .k-animation-container .k-tooltip .k-callout.k-callout-s {
border-top-color: #292632;
}
body:has(.feeInformationTooltip) .k-animation-container .k-widget.k-tooltip {
border-color: #292632;
background-color: #292632 !important;
color: #FFFFFF !important;
font-size: 12px !important;
font-family: "Arial", "Helvetica";
box-shadow: 0 0 0 !important;
}