/*Override kendo styles for planner addin according to UI styleguide */

#main-wrapper .menu.calendar-menu {
    background-color: #f7f7f9;
}

.k-window.hidden {
    display: none !important;
}

.k-window:not(.xplor-popup) .k-header.k-window-titlebar {
    padding: 16px 0;
    font-size: 18px;
    font-weight: 600;
    color: #4a4a4a;
    background-color: #f7f7f7;
    border-color: #ffffff;
    position: absolute;
}

.k-window:not(.xplor-popup) .k-window-titlebar .k-window-actions {
    top: 6px;
}

#completeAmendmentProgress.k-window-content {
    overflow: hidden !important;
}

.validation-age-message-parent span.field-validation-error {
    position: absolute;
    min-width: 325px;
    top: -18px;
    left: -100px;
}

.validation-age-message-parent span.field-validation-error span.k-warning {
    height: 18px;
}
/* Hide Kendo validation messsage for multi gl account picker */
#multiGLAccountContainer #_validationMessage {
    display: none !important;
}

.validate-start-date + .field-validation-error,
.validate-end-date + .field-validation-error {
    float: left;
    margin-top: 0;
    position: static;
}

.k-edit-field {
    position: relative;
}

#main-wrapper {
    background-color: #FFFFFF;
}

.scheduler-wrapper {
    position: relative;
    min-width: 400px;
}

    .scheduler-wrapper .k-scheduler .k-scheduler-times th {
        padding-right: 0.7em;
    }

.k-scheduler-toolbar .k-scheduler-navigation .k-button span {
    margin-left: 5px;
    margin-right: 5px;
}
.k-scheduler-toolbar .k-scheduler-navigation .k-button.k-button-icon {
    width: 33px;
}
.k-scheduler-toolbar .k-scheduler-views .k-button {
    width: 60px;
}
.k-header.k-scheduler-toolbar, .k-scheduler-toolbar.k-toolbar {
    position: static;
}

.k-scheduler-toolbar .k-scheduler-tools {
    position: absolute;
    bottom: 0;
    right: 10px;
    z-index: 1;
}

    .k-scheduler-toolbar .k-scheduler-tools li {
        border: none;
    }

.k-scheduler-tools .k-i-pdf {
    background: transparent;
    font: normal normal normal 14px/1 FontAwesome;
    margin-left: 0.25em;
    float: right;
}

    .k-scheduler-tools .k-i-pdf:before {
        content: "\f1c1";
    }

.k-pdf .k-i-pdf {
    background: transparent;
    font: normal normal normal 14px/1 FontAwesome;
    margin-left: 0.25em;
    float: right;
}

    .k-pdf .k-i-pdf:before {
        content: "\f1c1";
    }

#edit-calendar-body .content .custom-booking-alignment {
    margin-left: 15px;
}

    #edit-calendar-body .content .custom-booking-alignment .online-custom-booking.move-right-item {
        padding-left: 30px;
    }

.k-header, .k-scheduler-toolbar.k-toolbar {
    background-color: transparent;
}

.k-scheduler-toolbar {
    padding: 1em 3em 1em 4em;
}

    .k-scheduler-toolbar .k-nav-current {
        margin: 0 0.5em;
    }

.k-edit-buttons {
    text-align: center;
}

.resource-color-box {
    width: 16px;
    visibility: hidden !important;
}

.planner-resource.Instructor .resource-record.selected .resource-color-box {
    visibility: visible !important;
}

td.k-nonwork-hour {
    background: #f5f5f5;
}

td.holiday {
    background-color: #f5f5f5 !important;
}

td.available {
    background-color: #c4ffc4 !important;
}

td.unavailable {
    background-color: #faa !important;
}

.k-scheduler-dayview .k-scheduler-table .k-today, .k-scheduler-weekview .k-scheduler-table .k-today {
    background-color: inherit;
}

.k-scheduler-header th {
    text-align: center;
}

.k-scheduler-table:not(.k-scheduler-header-all-day) .k-today {
    background-color: transparent;
}

    .k-scheduler-table:not(.k-scheduler-header-all-day) .k-today td {
        background-color: #e9e9e9;
    }

body.Office.newKendoMenu #main-content {
    margin-bottom: 0 !important;
}

/*New kenndo scheduler start*/

.scheduler-container {
    position: relative !important;
}

.calendar-menu {
    width: 262px;
    box-sizing: border-box;
    z-index: 3;
    position: absolute;
    margin-left: -35px;
}

.list-seperator {
    border-top: unset;
    border-bottom: 1px solid #dbc9c9;
}

.Office .calendar-menu {
    margin-left: 0;
}

    .Office .calendar-menu input,
    .Office .calendar-menu .selectboxit,
    .calendar-menu .content .k-multiselect-wrap {
        background-color: #fff;
        border-radius: 4px;
        border: 2px solid #e6e6e6;
    }

.categories-filter #activity-filterSelectBoxIt {
    width: 208px !important;
    height: 30px;
}

.Office .calendar-menu .k-dropdown-wrap {
    background-color: transparent;
    box-shadow: none;
    border: none;
    color: #FFF;
}

.calendar-menu .selectboxit-text {
    max-width: 190px !important;
    font-size: 13px;
    font-weight: 400;
    color: #000;
}

.calendar-menu .pm-search-wrapper input {
    width: 210px;
    height: 35px;
    padding: 5px 28px 5px 12px;
    color: black;
}

.calendar-menu .pm-search-wrapper .fa-times-circle {
    top: 9px;
    right: -5px;
}

.calendar-menu .pm-search-wrapper .fa-search {
    left: auto;
    right: -4px;
    top: 6px;
    opacity: .5;
}

.calendar-menu .selectboxit-container {
    margin: 0.25em 5% 0.25em 21px;
    width: 89%;
}

.calendar-menu .k-dropdown-wrap .calendar-name {
    margin: 0;
}

.k-dropdown-wrap .color-logo {
    margin: 1px 0 0 6px;
}

.calendar-drop-down .color-logo {
    background-size: cover;
}

.user-drop-down .color-logo {
    background-image: url('../../Content/Attendance/images/generic.png');
}

.calendar-menu .k-dropdown.k-header {
    width: 98%;
}

.calendar-menu .k-dropdown .k-i-arrow-s {
    width: 0;
    height: 0;
    border-top: 4px solid #EAEAEA;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.calendar-menu .selectboxit-option-icon-container {
    width: 25px;
    text-align: center;
    font-size: 22px;
    line-height: 28px;
}

.menu-collapsed .calendar-menu #activity-filterSelectBoxItContainer,
.menu-collapsed .calendar-menu .location-picker {
    visibility: hidden;
}

.menu-collapsed .calendar-menu .location-picker .content {
    visibility: visible;
}

.menu-collapsed .calendar-menu .selectboxit-option-icon-container {
    visibility: visible;
    margin-left: 0;
    width: 33px;
    height: 33px;
}

.menu-collapsed .calendar-menu .selectboxit-option-icon-container > i {
    background-size: 22px;
}

.menu-collapsed .calendar-menu .location-picker .selectboxit-option-icon-container > i {
    width: 30px;
    height: 30px;
    background-size: 33px;
}

.menu-collapsed .calendar-menu .expand-location-link {
    margin-left: 2px;
}

.menu-collapsed .calendar-menu .selectboxit-container {
    margin-left: 7px;
}

.menu-collapsed .calendar-menu .selectboxit {
    width: 35px !important;
    background-color: transparent;
}

.menu-collapsed .calendar-menu .selectboxit-text,
.menu-collapsed .calendar-menu .selectboxit-arrow-container, .menu-collapsed .expand-location-link .text {
    display: none;
}

.calendar-menu .selectboxit-arrow {
    display: block;
    position: absolute;
    background-image: url(/Content/Images/LeftPanels/booking-icon.png);
    background-position: 2px -55px;
    height: 15px;
    width: 20px;
    top: 25% !important;
    left: -21% !important;
    cursor: pointer;
    border-top: unset;
}

.calendar-menu .location-picker .selectboxit-arrow {
    left: -5% !important;
}

.calendar-menu .location-picker .selectboxit-option-icon-container i {
    background-image: url(/Content/Images/icons-location.png);
    width: 20px;
    height: 20px;
}

.calendar-menu .location-picker .selectboxit-option-icon-container i:before {
    content: unset;
}

.menu-collapse .calendar-menu .location-picker .selectboxit-option-icon-container i {
    width: 30px;
    height: 30px;
    background-size: 33px;
}

.menu-collapsed .selectboxit-container .selectboxit-options {
    box-shadow: none;
}

.use-custom-scrollbar.parent-fixed {
    top: 80px;
    width: 100%;
}

.menu-collapsed .calendar-menu {
    width: 60px;
}

.menu-disabled .calendar-menu {
    width: 0px;
}

.calendar-menu .top-area {
    position: relative;
}

.calendar-menu .top-area-buttons {
    overflow: hidden;
}

.top-buttons-inner {
    position: absolute;
    white-space: nowrap;
}

#topNav #listMultiLocPicker {
    display: none;
}

.pm-search-wrapper {
    margin: 0px 5px 4px 18px;
}

.calendar-menu .pm-search-wrapper {
    margin: 0px 5px 4px 21px;
    text-align: center;
    width: 195px;
}

.menu-toggle-icon {
    margin-bottom: 8px;
    color: #FFFFFF !important;
}

.search-hidden .menu-toggle-icon {
    margin-left: 210px;
}

.menu-toggle-icon .lock-unlock-wrapper {
    margin-left: 10px;
    border-radius: 4px;
    padding-top: 2px;
    width: 6px;
    height: 100vh;
    position: absolute;
    right: -23px;
    top: -37px;
    background-color: #eeeeef;
}

.menu-toggle-icon .lock-unlock-wrapper:hover {
    background-color: #2a7ab0;
}

.menu-toggle-icon .lock-unlock-wrapper .lock-unlock-button {
    display: flex;
    width: 98px;
    height: 32px;
    border: none;
    border-radius: 4px;
    background-color: #2a7ab0;
    position: absolute;
    top: 39px;
    left: -12px;
}

.menu-toggle-icon .lock-unlock-wrapper:not(:hover) .lock-unlock-button {
    width: 34px;
    background-color: #eeeeef;
}

.lock-unlock-wrapper:not(:hover) .lock-unlock-button .button-image {
    filter: unset;
}

.lock-unlock-wrapper .lock-unlock-button .button-image {
    filter: brightness(100);
    margin-top: 2px;
}

.lock-unlock-wrapper .lock-unlock-button .button-text {
    color: #ffffff;
    font-size: 14px;
    margin: 6px;
}

.menu-toggle-icon .lock-unlock-wrapper:not(:hover) .lock-unlock-button .button-text {
    display: none;
}

.menu-toggle-icon i:before {
    content: unset;
}

.menu-collapsed .menu-toggle-icon {
    margin-left: 25px;
}

.menu-collapsed .search-hidden .menu-toggle-icon {
    margin-left: 237px;
}

.calendar-menu .menu-toggle-icon, .calendar-menu .pm-search-wrapper {
    display: inline-block;
    vertical-align: middle;
}

.calendar-action-button {
    background-color: #3172B6;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
}

    .calendar-action-button:hover {
        background-color: #226197;
    }

.scheduler-wrapper .settings-button-cell {
    position: absolute;
    right: 1em;
    top: 1.15em;
    z-index: 1;
}

.scheduler-wrapper .settings-button {
    cursor: pointer;
}

    .scheduler-wrapper .settings-button:before {
        color: #C5C5C5;
        content: "\f013";
        font-family: "FontAwesome";
        font-size: 1.75em;
        cursor: pointer;
    }

.calendar-menu .change-options-link {
    background-image: url("../../Content/Images/DefaultIcons/light_arrow.png");
    background-size: 20px;
    color: #FFFFFF;
    display: none;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -15px;
    height: 30px;
    width: 30px;
}

.calendar-menu .calendar .instructor-item {
    background-color: inherit !important;
}

.menu-collapsed .calendar-menu .calendar .instructor-item {
    visibility: hidden;
    padding-left: 12px;
}

.menu-collapsed .calendar-menu .calendar .instructor-item .calendar-icon {
    visibility: visible;
    width: 33px;
    height: 33px;
}

.calendar-menu .calendar .instructor-item .calendar-icon .app-icon {
    width: 25px;
    height: 25px;
    margin-left: 6px;
}

.menu-collapsed .calendar-menu .calendar .instructor-item .calendar-icon .app-icon {
    background-size: 33px;
    margin-left: 0;
}

.calendar-menu .calendar .instructor-item > div:first-child {
    border: 2px solid #e6e6e6;
    border-radius: 4px;
    background-color: white;
}

.calendar-menu .calendar .instructor-item .calendar-name {
    color: #555 !important;
    height: 20px;
}

.calendar-menu .calendar .instructor-item .change-options-link {
    display: block !important;
    border-left: 1px solid #ccc;
}

.calendar-menu .calendar .instructor-item .change-options-link .instructor-options-arrow {
    display: block;
    height: 22px;
    position: absolute;
    left: 4px;
    width: 20px;
    background-image: url(/Content/Images/LeftPanels/booking-icon.png);
    background-position: -2px -48px;
}

.calendar-menu .calendar-item:hover .change-options-link,
.calendar-menu .calendar-item .change-options-link.expanded {
    display: block;
}

.calendar-menu .calendar-item.selected .calendar-name {
    color: #ffffff;
}

.menu-collapsed .calendar-menu .calendar-item:hover .change-options-link {
    display: none;
}

.calendar-menu .no-categories-filter {
    margin-top: 0.6em;
    margin-bottom: 0.6em;
}

.calendar-menu .calendar-name {
    /*float: left;*/
    margin: 4px 0px 4px 10px;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: black;
}

.menu-collapsed .calendar-menu .calendar-name {
    width: 0;
    text-overflow: clip;
}

.calendar-menu .disable {
    background-color: rgba(200, 200, 200, 0.5);
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2;
    top: 0;
}

.calendar-menu .calendar-icon, .calendar-menu .calendar-name {
    display: inline-block;
    vertical-align: middle;
    color: #000000;
    padding-bottom: 5px;
}

.calendar-menu .calendar .services {
    clear: both;
}

.menu-collapsed .calendar-menu .change-options-link, .menu-collapsed .calendar-menu .calendar .services {
    display: none;
}

.calendar-menu .calendar-item {
    cursor: pointer;
    padding: 5px 10px 5px 43px;
    white-space: nowrap;
    position: relative;
}

.menu-collapsed .calendar-menu .calendar-item {
    padding-left: 15px;
}

.calendar-menu .calendar-item.my-calendar {
    padding-left: 21px;
    width: 211px;
    background-color: white;
}

.calendar-menu .bottom-calendar-items {
    padding-top: 0.5em;
    /*border-top: 1px solid #555;*/
    margin-top: 10px;
}

.calendar-menu .activity-filter {
    background-image: url("../../Content/Images/ControlIcons/All-Calendars-Icon.png");
    background-size: 12px 12px;
    border-radius: 0;
    display: block;
    width: inherit;
    height: inherit;
}

.calendar-menu .services .service.selected, .calendar-menu .calendar-item.selected, .categories-filter.selected {
    background-color: #3172B6;
}

.calendar-menu .services .service:hover, .calendar-menu .calendar-item:hover {
    background-color: #3172B6;
}

.calendar-menu .services .service:hover .link, .calendar-menu .calendar-item:hover .calendar-name {
    color: #ffffff;
}

.categories-filter.selected span {
    background-color: #3172B6 !important;
}

.categories-filter.activities-filter.selected {
    background-color: transparent !important;
}

.categories-filter.activities-filter.selected span {
    background-color: transparent !important;
}

.categories-filter.activities-filter #activity-filterSelectBoxIt {
    background-color: #ffffff !important;
}

.categories-filter.activities-filter .selectboxit-text {
    width: 145px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.calendar-menu .services .service {
    clear: both;
    cursor: pointer;
    height: 20px;
    padding: 5px 5px 5px 82px;
}

.calendar-menu .services .link {
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000000;
}

.calendar-menu .service.selected .link {
    color: #ffffff;
}

.change-options-menu {
    background-color: #FFFFFF;
    border: 1px solid #C5C5C5;
    color: #000000;
    z-index: 99;
    padding: 10px 0;
    display: none;
    position: absolute;
    right: 8px;
}

    .change-options-menu .item {
        cursor: pointer;
        white-space: nowrap;
        text-align: left;
        font-size: 12px;
    }

        .change-options-menu .item > a {
            display: block;
            padding: 5px 10px;
            color: inherit;
            font-size: 14px;
        }

    .change-options-menu.settings-menu .item > a {
        line-height: 16px;
    }

    .change-options-menu .item:hover {
        background-color: #3678AF;
        color: #fff;
    }

.calendar-menu .calendars .category-name {
    padding: 5px 0px;
    font-size: 14px;
    font-weight: bold;
    color: black;
    cursor: pointer;
    position: relative;
    padding-left: 31px;
    margin-top: 1em;
    margin-bottom: 0.25em;
    margin-left: 18px;
}


.menu-collapsed .calendar-menu .category-name {
    display: none;
    font-size: 11px;
}

.category-name:before {
    content: "\f054";
    font-family: 'FontAwesome';
    font-weight: 100;
    position: absolute;
    top: 7px;
    color: #3276b3;
    left: 11px;
    font-size: 16px;
}

.category-name.expanded:before {
    content: "\f078";
    left: 7px;
    top: 5px;
}

.calendar-menu .calendars .category-area {
    display: none;
}

    .calendar-menu .calendars .category-area.expanded {
        display: block;
    }

.calendar-menu .calendars .category-name .collapse-icon {
    width: 14px;
    text-align: center;
    font-size: 13px;
}

.edit-calendar-view .section {
    margin: 3em 0;
}

    .edit-calendar-view .section .header, .page-layout-caption {
        color: #7a7a7a;
        font-size: 28px;
        padding: 5px 0;
        margin: 0.5em 0;
        position: relative;
        z-index: 0;
    }

        .edit-calendar-view .section .header:before, .page-layout-caption:before {
            border-top: 1px solid #CBCBCB;
            position: absolute;
            content: "";
            width: 100%;
            top: 50%;
            z-index: -1;
        }

        .section .header span:first-child, .page-layout-caption span {
            background: #FFF;
            padding-right: 0.5em;
        }

    .edit-calendar-view .section .label {
        color: #3172B6;
        font-size: 16px;
    }

    .edit-calendar-view .section .field {
        padding: 5px 0;
        max-width: 100%;
    }

.edit-calendar-view {
    max-width: 700px;
}

.section .inlined-field .label {
    float: left;
    margin-top: 0.75em;
}

.inlined-field .field-description {
    float: left;
    clear: left;
    max-width: 550px;
}

.section .inlined-field .field {
    float: right;
}

.edit-calendar-view .field .radio-option {
    float: left;
    padding: 3px 4px;
}

.permissions-row .field {
    width: 40%;
    float: left;
    margin-right: 0.5em;
}

.permissions-row .pm-add-button {
    margin: 4px auto;
}

.permission-item-list {
    display: table;
    width: 100%;
    max-width: 640px;
}

    .permission-item-list .permission-item {
        display: table-row;
    }

        .permission-item-list .permission-item > div {
            display: table-cell;
            border-bottom: 1px solid #ccc;
            padding: 5px 2px;
        }

            .permission-item-list .permission-item > div:last-child {
                text-align: center;
            }

.edit-calendar-view .info-message {
    clear: both;
    color: #999999;
    font-size: 12px;
    padding: 10px 0;
    text-align: center;
}

.edit-calendar-actions .pm-delete-text {
    float: right;
    font-size: 16px;
    margin-top: 0.5em;
}

.attendance-header {
    border-left-width: 8px;
    border-left-style: solid;
    margin: 30px 0px 10px 0px;
    background: url("../../Content/Images/ControlIcons/Attendance-Header.png");
    color: #fff;
}

.attendance-header {
    border-left-width: 0px;
    border-left-style: solid;
    margin: 30px 0px 10px 0px;
    background: none;
    color: #fff;
    background-color: #6c6c7e;
}

.plannerAttendanceContainer .attendance-header {
    min-width: 929px;
}

.attendance-header > div, .attendance-heade .main-section > div {
    float: left;
    padding: 1em;
    box-sizing: border-box;
    min-height: 315px;
}

.attendance-header h2, .attendance-header h3 {
    padding: 0 0.25em 0.25em 0;
}

.attendance-header .event-date-section {
    width: 24%;
}

.attendance-header .event-date-section,
.attendance-header .event-response-section {
    background-color: #4a454c;
}

.event-date-section .formattedDate {
    font-size: 1.6em;
    margin-bottom: 0.8em;
}

    .event-date-section .formattedDate .date {
        font-size: 2.5em;
        line-height: 1em;
    }

    .event-date-section .formattedDate .inline-block {
        text-align: left;
    }


    .event-date-section .formattedDate .day {
        font-weight: 100;
        font-size: 0.8em;
    }

    .event-date-section .formattedDate .monthYear {
        font-weight: 400;
    }

.event-date-section .time-range span {
    font-size: 1.2em;
}

.attendance-header .event-info-section {
    width: 60%;
    font-weight: 200;
    min-height: 180px !important;
    margin-left: 4%;
    margin-top: 10px;
}

.attendance-header .event-date-section .time-range {
    margin-top: 18px;
}

/* Attendance MultiPrice Popup */
.attendance-header .pricePopup {
    position: absolute;
    display: none;
    color: black;
    background-color: white;
    transform: translateX(-45%);
    margin-top: 12px;
    z-index: 2;
}

    .attendance-header .pricePopup img {
        position: absolute;
        left: 45%;
        top: -12px;
    }

.pricePopup .popup-prices-wrapper {
    box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);
    padding: 8px;
    width: 300px;
}

    .pricePopup .popup-prices-wrapper div .price-name {
        max-width: 150px;
        display: inline-block;
    }

.popup-prices-wrapper label {
    opacity: 1.0;
}

.edit-amendment label {
    cursor: pointer;
}

.popup-prices-wrapper > div, .popup-prices-wrapper > li {
    margin: 0.5em 0;
}

.popup-prices-wrapper > li {
    list-style: none;
}

.popup-prices-wrapper .price-value {
    float: right;
    padding: 0 1em;
}

.payNow-prices-wrapper .price-subtotal {
    font-size: 1.2em;
    color: #23ad58;
    position: absolute;
    right: 0px;
    padding: 0 0.75em;
}

.payNow-prices-wrapper .price-subtotal-value, .payNow-pay-now {
    text-align: right;
}

.payNow-prices-wrapper .price-pay-now {
    color: #23ad58;
}

.payNow-prices-wrapper .price-pay-later {
    color: #ff9800;
}

.payNow-prices-wrapper section {
    font-weight: bold;
    font-size: 1.2em;
    border-bottom: 1px solid #CCC;
    padding-bottom: 0.25em;
    margin-bottom: 0.25em;
}

.payNow-prices-wrapper > ul {
    list-style: none;
    padding-left: 0;
}

.multi-items-cell-wrapper .prices, .multi-items-cell-wrapper section {
    padding: 0.5em 0.25em;
}

.multi-items-cell-wrapper .price-row {
    border-bottom: 1px solid #CCC;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

.multi-items-cell-wrapper section {
    opacity: 0.7;
    margin-top: 2em;
    font-style: italic;
}

.multi-items-cell-wrapper .prices .price-text {
    float: right;
    margin-right: 0.25em;
    text-align: right;
}

.multi-items-cell-wrapper td.noneselected div.field-control-wrapper {
    border: none;
}

.readonly-multi-items ul {
    width: 100%;
}

.readonly-multi-items .multi-item-title {
    width: 130px;
}

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

.readonly-multi-items .multi-item-price {
    text-align: right;
}

.popup-prices-wrapper label, .popup-prices-wrapper input, .popup-prices-wrapper i {
    vertical-align: middle;
}

    .popup-prices-wrapper label.ellipsis.inline-block {
        width: 260px;
    }

.popup-prices-wrapper input, .popup-prices-wrapper i {
    margin-right: 0.25em;
}

.selectPrice {
    padding-top: 10px;
    padding-bottom: 10px;
}

.additonal-info-hidden .event-info-section {
    width: 69%;
}

.event-info-section i, .event-info-section em {
    width: 1.5em;
    margin-right: 0.5em;
    text-align: center;
}

.event-info-section span {
    font-size: 0.8em;
    line-height: 2em;
    font-weight: 400;
}

.attendance-header .main-section {
    max-height: 250px;
    display: block;
    width: 66%;
    padding: 0px;
    float: left;
}

.attendance-header .info-section {
    width: 100%;
    display: flex;
}

.attendance-header .event-info-section h2 {
    font-size: 2em;
}


.event-additional-section {
    width: 34%;
    position: relative;
    min-height: 135px !important;
    padding: 44px 16px 0px 17px;
}

    .event-additional-section:before {
        content: "";
        position: absolute;
        top: 27%;
        height: 66%;
        left: 0;
        border-left: 1px solid #EAEAEA;
        opacity: 0.1;
    }

.restrictions-section {
    min-height: 60px !important;
    margin-top: 2%;
    margin-left: 4%;
}

    .restrictions-section .restrictions > div {
        display: inline-block;
        font-size: 0.8em;
    }

.capacity-wrapper h3 > span {
    float: right;
    font-size: 0.8em;
}

.capacity-wrapper > span, .capacity-wrapper .capacity-value > span {
    display: inline-block;
    font-size: 0.9em;
    height: 24px;
}

.capacity-wrapper .capacity-value {
    float: right;
    width: 30%
}

.capacity-wrapper span.capacity-name {
    width: 67%
}

.capacity-name-bold {
    font-weight: 600;
}

.capacity-bar {
    background-color: #43494c;
    height: 5px;
}

.attended-bar {
    background-color: #6dcff6;
    height: 100%;
    max-width: 100%;
}

    .attended-bar.over-cap {
        background-color: #cc2424;
    }

.attendance-header .event-response-section {
    width: 10%;
    padding: 1em 0.5em;
    text-align: center;
}

.event-response-section > div {
    margin-bottom: 0.5em;
    margin-top: 25px;
}

    .event-response-section > div:last-child {
        margin-bottom: 0;
    }

.event-response-section span {
    display: block;
    font-size: 2em;
    line-height: 0.9em;
    font-weight: 200;
}

.plannerAttendanceContainer .sendButtonArea {
    position: absolute;
    top: 0;
    right: 0;
}

.plannerAttendanceContainer p:first-child {
    min-width: 400px;
}

.plannerAttendanceContainer .attendance-tabstrip {
    border: none !important;
    box-shadow: none !important;
}

    .plannerAttendanceContainer .attendance-tabstrip .k-content {
        border: 1px solid rgb(221, 221, 221);
        border-radius: 4px;
        opacity: 1 !important;
    }

    .plannerAttendanceContainer .attendance-tabstrip .k-loading {
        display: none;
    }

    .plannerAttendanceContainer .attendance-tabstrip .k-tabstrip-items,
    .plannerAttendanceContainer .attendance-tabstrip .k-tabstrip-items-wrapper {
        border: none !important;
    }

        .plannerAttendanceContainer .attendance-tabstrip .k-tabstrip-items .k-item {
            border: none;
            position: relative;
            padding: 0 15px;
        }

            .plannerAttendanceContainer .attendance-tabstrip .k-tabstrip-items .k-item.k-active {
                border-bottom: 4px solid rgb(42, 122, 176);
                font-weight: bold;
            }

            .plannerAttendanceContainer .attendance-tabstrip .k-tabstrip-items .k-item.k-hover {
                background: none;
            }

            .plannerAttendanceContainer .attendance-tabstrip .k-tabstrip-items .k-item .k-link {
                color: #2e2e2e;
            }

                .plannerAttendanceContainer .attendance-tabstrip .k-tabstrip-items .k-item .k-link > span {
                    position: absolute;
                    top: 0px;
                    right: 1px;
                    color: white;
                    padding: 0 6px;
                    border-radius: 50%;
                }

                .plannerAttendanceContainer .attendance-tabstrip .k-tabstrip-items .k-item .k-link > span {
                    background: #ffa500;
                }

            .plannerAttendanceContainer .attendance-tabstrip .k-tabstrip-items .k-item:nth-child(1) .k-link > span {
                background: #2A7AB0;
            }

.plannerAttendanceContainer .remove-cell.dropdown-container {
    margin-top: 0.25em;
    position: relative;
    width: 90px;
}

    .plannerAttendanceContainer .remove-cell.dropdown-container .drpbtn {
        float: right;
        margin-right: 5px;
        border-radius: 4px;
    }

    .plannerAttendanceContainer .remove-cell.dropdown-container .dropdown-content {
        display: none;
        position: absolute;
        background-color: white;
        min-width: 190px;
        box-shadow: 2px 2px 2px #CFCFCF;
        border-style: solid;
        border-color: #ebebeb;
        z-index: 500;
        cursor: pointer;
    }

        .plannerAttendanceContainer .remove-cell.dropdown-container .dropdown-content a {
            color: black;
            padding: 3px;
            text-decoration: none;
            display: block;
            font-size: 13px;
        }

        .plannerAttendanceContainer .remove-cell.dropdown-container .dropdown-content.left-top {
            right: 10px;
            bottom: 3px;
        }

        .plannerAttendanceContainer .remove-cell.dropdown-container .dropdown-content.right-bottom {
            left: 0px;
            top: 32px;
        }

        .plannerAttendanceContainer .remove-cell.dropdown-container .dropdown-content a:hover {
            background-color: #ddd;
        }

    .plannerAttendanceContainer .remove-cell.dropdown-container:hover .dropdown-content {
        display: block;
    }

.sendButtonArea .pm-plain-button i {
    margin-right: 0.25em;
}

.send-buttons .pm-plain-button {
}

.send-options {
    background-color: #F8F8F8;
    border: 1px solid #D8D8D8;
    border-radius: 2px;
    box-shadow: 1px 1px 1px #D9DADB;
    border-radius: 5px;
    position: absolute;
    min-width: 100px;
    z-index: 10;
}

.sendButtonArea .loadingAction.active {
    background-image: url("../images/ajax-loader.gif");
    background-repeat: no-repeat;
    position: absolute;
    left: -15px;
    top: 10px;
    width: 18px;
    height: 18px;
    z-index: 10;
}

.option {
    cursor: pointer;
    padding: 5px 9px;
    white-space: nowrap;
}

    .option:hover, .option.selected {
        background-color: #0A58AA;
        color: #fff;
    }

.create-calendar-plus-button {
    position: absolute;
    top: 16px;
    left: 10px;
    padding: 7px 10px;
    z-index: 1;
    min-width: 0px;
}

    .create-calendar-plus-button i {
        margin-right: 0;
        font-size: 18px;
    }

.menu-disabled .create-calendar-plus-button {
    display: none;
}

.content-with-panels.menu-disabled .top-buttons-inner {
    display: none;
}

.custom-date-range-container {
    display: inline-block;
}

.custom-date-range {
    display: inline-block;
    margin: 0 10px;
}

    .custom-date-range .picker-area {
        margin-left: 10px;
    }

.scheduler-container .main-view {
    margin-left: 272px;
    min-height: 600px;
}

.menu-collapsed .main-view {
    margin-left: 47px;
}

.menu-disabled .main-view {
    margin-left: 0px;
}

.field-help-text {
    color: #7a7a7a;
    float: right;
    font-size: 14px;
    font-style: italic;
}

.rsvp-row .field-help-text {
    float: left;
    width: 80%;
}

.rsvp-row .onoffswitch {
    float: right;
}

.field .color-picker {
    width: 330px;
}

.color-picker .item {
    width: 11.5%;
    height: 38px;
    display: block;
    float: left;
    margin: 0.5%;
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 100%;
}

    .color-picker .item.selected {
        border: 2px solid #3A3A3A;
        background-image: url("../../Content/Images/ControlIcons/Black-Checkmark-Icon.png");
        background-size: 20px 20px;
    }

.scheduler-container .row {
    padding: 5px 0;
}

.scheduler-container .automatic-waitlist-section .caption {
    color: #3172B6;
    font-size: 16px;
}

.scheduler-container .automatic-waitlist-section .field-row {
    display: flex;
    padding: 3px 0;
}

    .scheduler-container .automatic-waitlist-section .field-row .field-label {
        flex: 1;
        padding-top: 10px;
    }

.borderline {
    border-bottom: 1px solid lightgray;
    margin-top: 6px;
    margin-bottom: 6px;
}

.event-quick-view {
    background-color: #FFFFFF;
    border: 1px solid #C5C5C5;
    box-shadow: 3px 3px 6px #C5C5C5;
    position: absolute;
    min-width: 300px;
    max-width: 400px;
    z-index: 2;
}

    .event-quick-view .close-button, .create-event-view .close-button {
        background-color: #FFFFFF;
        border: medium none;
        font-size: 12px;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 5px;
        top: 5px;
        font-size: 16px;
        cursor: pointer;
    }

    .event-quick-view .section {
        padding: 15px;
    }

    .event-quick-view .cell {
        display: table-cell;
        vertical-align: middle;
    }

        .event-quick-view .cell.top {
            vertical-align: top;
            width: 200px;
        }

    .event-quick-view .attended .photo {
        height: 40px;
        width: 40px;
        background-image: url('../../Content/Attendance/images/generic.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 40px auto;
        border-radius: 20px;
    }

    .event-quick-view .attended .attended-name {
        font-size: 17px;
        margin: 10px;
        white-space: normal;
    }

    .event-quick-view .attended .button-bar {
        margin: 10px;
    }

    .event-quick-view .attended {
        background-color: #E9E9E9;
        display: table-row;
    }

    .event-quick-view .attendance-quick-view {
        display: table;
        width: 100%;
    }

    .event-quick-view .attended .cell {
        padding: 2px 6px;
    }

    .event-quick-view .attended button {
        min-width: 70px;
    }

        .event-quick-view .attended button.pay {
            background-color: #00A89A;
            color: #fff;
            cursor: pointer;
        }

    .event-quick-view .attended .show-attendee-link {
        font-size: 24px;
        font-weight: bold;
        cursor: pointer;
        padding: 8px 6px;
        min-width: 79px;
    }

.show-attendee-link span {
    vertical-align: middle;
    margin: auto 0.5em;
    float: left;
}

.show-attendee-link i {
    margin: 0.25em 0.5em;
    float: right;
}

.event-quick-view .attendee-count {
}

.event-quick-view .attendance-stats {
    width: 240px;
}

.event-quick-view .calendar-logo, .customize-booking-container .calendar-logo {
    border-radius: 100%;
    float: left;
    font-size: 16px;
    padding: 5px 0;
    text-align: center;
    width: 30px;
    margin-top: 15px;
}

.service-duration-text, .service-duration-select {
    float: right;
}

.service-duration-select {
    margin: -6px 0 10px 10px;
}

.pm-form .service-duration-select .k-dropdown {
    width: 120px;
}

#durationinfowrapperQV.service-duration-select .k-dropdown {
    width: 100%;
}

#durationinfowrapper.service-duration-select .k-dropdown {
    width: 687px;
}

    #durationinfowrapper.service-duration-select .k-dropdown .k-dropdown-wrap > .k-input:before {
        display: inline !important;
    }

    #durationinfowrapper.service-duration-select .k-dropdown > span.k-dropdown-wrap {
        min-height: 30px;
    }

    #durationinfowrapperQV.service-duration-select,
    #durationinfowrapper.service-duration-select {
        float: none;
        margin: -5px 0px 0;
    }

.end-row-duration #durationinfowrapper.service-duration-select {
    margin: -6px 0 10px 0;
}

.k-list-scroller ul li .custom-link {
    position: relative;
    bottom: 0;
    width: 97.6%;
    right: 16px;
    background: #fff;
    color: #3c7fb6;
    text-align: center;
    font-size: 14px;
    padding: 5px 0px;
    border-top: 1px solid #eee;
    height: 20px;
}

.k-list-scroller ul li .custom-duration {
    border-bottom: 1px solid #eee;
    padding: 2px 0px 5px;
    margin: 0px 0px;
}

.k-list-scroller ul li.k-selected .custom-duration,
.k-list-scroller ul li.k-focused .custom-duration {
    border-bottom: none;
}

.k-list-scroller ul li .custom-duration span.formatted-time {
    color: #8d8d8d;
    margin-left: 10px;
    display: inline-block;
}

.k-list-scroller ul li.k-selected .custom-duration span.formatted-time {
    color: #fff;
}

.customize-booking-container .k-scheduler-header th {
    text-align: left;
}

.customize-booking-container {
    max-width: 100%;
}

    .customize-booking-container .calendar-logo {
        font-weight: bold;
        width: 40px;
    }

    .customize-booking-container .calendar-name {
        margin-left: 0.5em;
    }

    .customize-booking-container .calendar-logo,
    .customize-booking-container .calendar-name {
        font-size: 24px;
        float: none;
    }

    .customize-booking-container .section {
        margin: 2em 0;
    }

    .customize-booking-container .top-section {
        display: flex;
        width: 100%;
    }

#billingSummarySection {
    margin-top: 1em;
}

#loadingBillingSummary {
    width: 30px;
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
}

.customize-booking-container .top-section div {
    width: 100%;
}

    .customize-booking-container .top-section div > input[type=text] {
        max-width: 90%;
    }

.customize-booking-container .top-section .search-fields {
    max-width: 700px;
}

.billing-summary {
    position: relative;
    margin-left: 4em;
    max-width: 500px;
}

.customize-booking-container .section .header {
    font-size: 22px;
    margin-bottom: 0;
}

.customize-booking-container .section .content {
    padding-right: 2em;
}

.event-quick-view .event-info {
    margin-left: 46px;
    margin-top: 15px;
}

.event-quick-view .event-name {
    font-size: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.event-quick-view .row {
    padding: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.event-quick-view .shadowed {
    color: #BBBBBB;
    display: inline;
}

.event-quick-view .row.footer {
    padding: 15px 10px;
}

.event-quick-view .document-link {
    padding: 2px 2px;
    background-color: #8E8E8E;
    color: #FFFFFF;
    float: left;
    margin-right: 8px;
    cursor: pointer;
    height: 15px;
}

.event-quick-view .edit-event-link {
    color: #5555FF;
    cursor: pointer;
    float: right;
}

.event-quick-view .button-toolbox, .event-quick-view .is-private-event {
    float: left;
}

.event-quick-view button.close {
    position: absolute;
    left: 20px;
    top: 20px;
}

.event-quick-view .st-custom-button[data-network] {
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
    margin-right: 5px;
    background-size: cover;
    height: 10px;
}

.event-quick-view .st-custom-button[data-network='facebook'] {
    background-image: url(../../Content/Images/sharethis_facebook.png);
}

.event-quick-view .st-custom-button[data-network='twitter'] {
    background-image: url(../../Content/Images/sharethis_twitter.png);
}

.event-quick-view .st-custom-button[data-network='email'] {
    background-image: url(../../Content/Images/sharethis_email.png);
}

.event-quick-view .st-custom-button[data-network='sharethis'] {
    background-image: url(../../Content/Images/sharethis_more.png);
}

.create-event-view {
    background-color: #FFFFFF;
    border: 1px solid #C5C5C5;
    box-shadow: 3px 3px 6px #C5C5C5;
    position: absolute;
    width: 385px;
    z-index: 1;
    font-size: 14px;
}

    .create-event-view #txtContacts {
        height: 30px;
    }

    .create-event-view .Contact-autocomplete .add-users img {
        margin-top: 1px;
    }

    .create-event-view .contact-search-container {
        width: 262px;
        height: 30px;
    }

    .create-event-view .content {
        padding: 35px 5px 5px 5px;
    }

.customize-duration {
    float: left;
    width: 40px;
    margin-top: -7px;
}

#durationWrapperQV .left-wrapper {
    float: left;
}

#durationWrapperQV .right-wrapper {
    float: right;
}

.event-quick-view .event-info {
    padding-right: 20px;
}

.create-event-view .button-bar {
    clear: both;
    float: right;
    margin: 10px 0;
}

.create-event-view .detail-event-view-link, .create-event-view .create-event-button {
    float: right;
}

.staff .field {
    position: relative;
}

    .staff .field .loading-icon {
        width: 25px;
        height: 25px;
        position: absolute;
        top: 25px;
        left: -15px;
        background-image: url("../../Content/Images/Site/ProgressAnimation.gif?v2");
        background-repeat: no-repeat;
        display: block;
        background-size: 25px 25px;
    }

.create-event-view .detail-event-view-link {
    cursor: pointer;
    color: #3172B6;
    margin: 10px;
}

.eventConflictView {
    max-width: 700px;
}

    .eventConflictView .message {
        margin: 6px 0;
    }

    .eventConflictView .conflict.title {
        margin: 0 25px;
    }

.edit-calendar-view .sharing-permission {
    width: 140px;
}

.color-logo {
    border-radius: 11px;
    color: black;
    float: left;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin: 2px 3px;
    text-align: center;
    width: 20px;
    text-transform: uppercase;
}

.k-input .color-logo {
    padding-right: 5px;
    width: 15px;
    text-indent: 0.33em;
}

.calendar-drop-down .conflict {
    color: #BBBBBB;
}

.three-state-checkbox {
    font-size: 20px;
}

    .three-state-checkbox[data-state="checked"]:before {
        content: "\f046";
    }

    .three-state-checkbox[data-state="unchecked"]:before {
        content: "\f096";
    }

    .three-state-checkbox[data-state="minus"]:before {
        content: "\f147";
    }

.paid-indicator[data-state="paid"]:before {
    content: "\f155";
}

.bookingScheduler .k-scheduler input[type="checkbox"] {
    margin: auto 5px;
}

.bookingScheduler .k-event .k-i-refresh {
    display: none;
}

.customize-booking-event .event-title {
    display: inline-block;
    max-width: 75%;
}

.custom-booked-sessions {
    margin-bottom: 2em;
}


.customize-booking-event-info {
    float: right;
    padding-top: 3px;
    margin-right: 10px;
}

.customize-booking-event-capacity {
    margin-right: 10px;
}

.custom-booked-sessions li {
    margin: 1em 1em 0 0;
    padding: 1em;
    float: left;
    list-style: none;
    background-color: #EAEAEA;
}

.custom-booked-sessions .session-header {
    margin-bottom: 1em;
}

    .custom-booked-sessions .session-header strong {
        font-size: 18px;
    }

.custom-booked-sessions .session-body td {
    padding: 0.5em 0.25em;
    font-size: 16px;
}

.custom-booked-sessions .price-name {
    width: 175px;
}

.custom-booked-sessions .price-value {
    text-align: right;
}


.k-event {
    border: medium none;
    background-color: #61BDE5;
    color: #000;
}

    .k-event .event-info {
        height: calc(100% - 6px);
        padding: 2px 4px;
        color: #000;
        border: 1px solid transparent;
    }

.event-info .k-scheduler-mark {
    display: none;
}

.k-scheduler-agenda .event-info {
    background-color: transparent !important;
    display: inline-block;
    width: 90%;
}

    .k-scheduler-agenda .event-info .event-info-title {
        max-width: 90%;
    }

    .k-scheduler-agenda .event-info > span {
        display: inline-block;
        margin-right: 5px;
        vertical-align: top;
    }

.k-notification.k-notification-success-action,
.k-notification.k-notification-success-cart-item-notification {
    background: rgba(0%, 60%, 0%, 0.7);
    color: #FFF;
}

.k-notification .planner-notification {
    width: 400px;
    padding: 1em 1em 1em 5em;
    position: relative;
    box-sizing: border-box;
}

.k-notification-success-action .planner-notification > i,
.k-notification-success-cart-item-notification .planner-notification > i {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -22px;
    font-size: 36px;
}

.planner-notification h3 {
    font-size: 18px;
    font-weight: normal;
    padding: 0;
}

.planner-notification p {
    margin: 0.5em auto;
}

.row:before, .row:after {
    content: "";
    display: table;
}

.row:after {
    clear: both;
}

.objectPageLayout .label, .editEventContainer .k-edit-label {
    width: 22%;
    padding-left: 5px;
    padding-top: 8px;
    vertical-align: top;
}

.objectPageLayout #reminders-layout-section .label {
    padding-top: 11px;
}

.objectPageLayout .k-multiselect-wrap .k-input {
    padding: 0.25em 0;
    border: none !important;
}

.objectPageLayout .field, .editEventContainer .k-edit-field {
    width: 76%;
    max-width: none;
}

.create-event-view .label {
    width: 20%;
}

.create-event-view .field {
    width: 78%;
}

.editEventContainer .k-edit-label, .editEventContainer .k-edit-field {
    margin-left: 0;
    margin-right: 0;
}

.editEventContainer .k-tabstrip {
    position: static;
    background-color: #fff !important;
    border-color: transparent;
    box-shadow: none;
}

.end-input-row .field {
    width: 55%;
}

.all-day-input-row {
    display: inline-block;
    padding-top: 5px;
    vertical-align: top;
}

.k-edit-form-container .k-button {
    margin: 0 0.25em;
}
    .k-edit-form-container .k-button.k-active {
        box-shadow: inset 0 13px 5px rgb(0 0 0 / 13%);
    }
.k-widget .k-edit-buttons .k-button.k-scheduler-delete {
    float: none;
}

.k-edit-form-container .k-popup-message {
    padding: 0.25em 0.5em;
}

.k-edit-form-container.edit-attendance-popup {
    min-height: 105px;
    width: 480px;
}

.k-edit-form-container.generate-link-popup {
    width: 550px;
}

.generate-link-popup .pm-highlighted-link {
    float: right;
}

.generate-link-popup .pm-text-input {
    margin: 0.5em 0;
}

/* Edit Event Detailed Popup */
.window-mode .edit-event-popup,
.window-mode .edit-event-popup .k-edit-form-container,
.window-mode .editEventContainer {
    position: static;
}

.k-window .k-scheduler-edit-form.edit-event-popup {
    padding: 0;
    margin: auto;
    max-width: 1000px;
    overflow: hidden;
    width: 100%;
}

.edit-event-popup .k-edit-buttons {
    border: none;
    padding: 0.8em 0.6em 0.4em 0.6em;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid #ccc;
    background-color: #FFF;
}

.editEventContainer .edit-event-tab {
    padding: 20px 1em 1.2em 1em;
    overflow-y: auto;
    border: none;
    box-sizing: border-box;
    height: 500px;
    margin: 83px 0 16px 0;
}

.editEventContainer .top-section .label {
    padding-top: 10px;
}

.editEventContainer .k-header {
    border: none;
    box-shadow: none;
}

.editEventContainer .objectPageLayoutSection span.pm-edit-button {
    float: right;
    background-color: #00884F !important;
    border-radius: 2px;
    height: 16px;
    margin-top: 0;
    padding: 8px 10px;
    line-height: 1rem;
    font-weight: unset;
}

.editEventContainer .objectPageLayoutSection .field .field-validation-error {
    color: red;
    text-align: left;
    font-style: italic;
    font-size: 14px;
    font-family: "Times New Roman";
}
.editEventContainer .objectPageLayoutSection .field .field-validation-error:before {
    content: unset;
}

.objectPageLayout .objectPageLayoutSection {
    margin-top: 0;
    margin-bottom: 2em;
}

.page-layout-caption {
    font-weight: normal;
    font-size: 20px;
    color: #228ed0;
    margin: 0 0 5px 0;
}

    .page-layout-caption:before {
        border-color: #228ed0;
    }

.page-layout-no-caption {
    border-bottom: 1px solid #228ed0;
    margin: 2em auto;
}

    .page-layout-no-caption:first-child {
        display: none;
    }

.tab1 .page-layout-no-caption {
    display: block;
}

.k-window.fullscreen {
    background: rgba(0,0,0,0.5);
}

.k-window-fullscreen-block {
    display: block !important;
}

.k-window.fullscreen .k-window-content {
    background-color: transparent;
}

.k-scheduler-edit-form .k-edit-form-container {
    width: 100%;
    padding-bottom: 2em;
    box-sizing: border-box;
}

.k-window.fullscreen .k-edit-form-container {
    margin: 1em auto;
    border: 1px solid #ccc;
    min-height: 95%;
    background: #FFF;
}

.editEventContainer td.label, .editEventContainer td.field {
    display: inline-block;
    height: auto;
    min-height: 28px;
    margin-bottom: 6px;
}

.editEventContainer .k-input-row div.field {
    height: auto;
    min-height: 28px !important;
    margin-bottom: 6px;
}

.editEventContainer span.validate-end-date, .editEventContainer span.validate-start-date {
    padding-bottom: 0px;
    padding-top: 0px;
}

.editEventContainer .k-edit-field label {
    margin-right: 1em;
}

.editEventContainer .k-edit-field .k-reset label {
    min-width: 50px;
    display: inline-block;
}

.editEventContainer .k-edit-field .k-reset .k-dropdown {
    width: 9em;
}

.editEventContainer .k-edit-field .k-reset .k-recur-weekday-offset {
    width: 6em;
}

.editEventContainer .k-edit-field .k-reset .k-widget {
    margin-left: 0.4em;
    margin-right: 0.4em;
}

.editEventContainer .k-edit-field .k-reset input {
    margin-right: 0.25em;
}
    .editEventContainer .k-edit-field .k-reset input.k-radio:checked {
        border-color: #c5c5c5;
        background-color: #fff;
        color: #428bca;
    }
.editEventContainer .k-edit-field > ul.k-reset > li {
    margin: 0 0 .6em;
    line-height: 0;
}

.editEventContainer input, .currency {
    vertical-align: middle;
}

    .editEventContainer input.lookupTexbox {
        border-width: 1px;
        max-height: 33px;
        margin: 0;
    }

.editEventContainer .edit-event-header {
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 15;
}

.editEventContainer .customFieldsHidden {
    display: none;
}

.editEventContainer .edit-event-header li {
    vertical-align: top;
    background: #363636;
    color: #FFFFFF;
    width: 33.333%;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    cursor: pointer;
}

#editEventTabs li.k-item.disabled {
    pointer-events: none;
    background: #888;
}

#editEventTabs .edit-event-tab .three-col-layout .PaddingBefore-wrapper .filter-label {
    position: relative;
}

#editEventTabs .edit-event-tab .three-col-layout .PaddingBefore-wrapper .filter-label .help-icon {
   position: absolute;
   left: -21px;
}

#editEventTabs .edit-event-tab #withdrawalFeesContainer .multi-item-withdrawal-item .remove-icon {
    width: unset;
}

#editEventTabs .edit-event-tab #withdrawalFeesContainer .multi-item-withdrawal-item .remove-icon .pm-plain-button {
    padding: 0;
}

#editEventTabs .edit-event-tab .MaximumAge-wrapper td.label:nth-child(2),
#editEventTabs .edit-event-tab .MinimumAge-wrapper td.label:nth-child(2) {
    width: 0 !important;
}

#editEventTabs .edit-event-tab .MaximumAge-wrapper td.label,
#editEventTabs .edit-event-tab .MinimumAge-wrapper td.label {
    width: 36.5%;
}

.k-scheduler-edit-form.edit-event-popup label + input {
    margin-left: 0;
}

.editEventContainer .edit-event-header li:hover {
    background: #464646;
    position: relative;
}

    .editEventContainer .edit-event-header li:hover span.k-complete {
        background-image: none;
    }

.editEventContainer .edit-event-header li.k-active {
    background: #135882;
}

.editEventContainer .edit-event-header li .k-link {
    color: #FFFFFF;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    height: 85px;
    width: 100%;
}

.edit-event-header .app-icon {
    display: block;
    width: 25px;
    height: 25px;
    margin: 10px auto 10px auto;
}

.editEventContainer .edit-event-header li.k-item .attention-icon {
    display: none;
}

.editEventContainer .edit-event-header li.k-item.with-validation-errors .attention-icon {
    background: url("../../content/images/defaulticons/attention-triangle.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    -moz-animation: 1s ease 0s normal none infinite swing;
    -moz-transform-origin: center top;
    -webkit-animation: swing 0.5s 3 ease-in-out;
    -webkit-transform-origin: top;
}

@-moz-keyframes swing {
    0% {
        -moz-transform: rotate(-6deg);
    }

    50% {
        -moz-transform: rotate(6deg);
    }

    100% {
        -moz-transform: rotate(-6deg);
    }
}

@-webkit-keyframes swing {
    0% {
        -webkit-transform: rotate(-6deg);
    }

    50% {
        -webkit-transform: rotate(6deg);
    }

    100% {
        -webkit-transform: rotate(-6deg);
    }
}

.edit-event-header .event-icon {
    background-image: url("../../Content/Images/ControlIcons/Event-Edit-Icon.png");
}

.edit-event-header .repeat-icon {
    background-image: url("../../Content/Images/ControlIcons/Repeat-Edit-Icon.png");
    background-position: 100% 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.edit-event-header .booking-icon {
    background-image: url("../../Content/Images/ControlIcons/Booking-Edit-Icon.png");
}

/* Edit Event Detailed Popup End */


.customize-reminders-form {
    padding: 0em 1em 1em 1em;
    border: 1px solid #ccc;
    border-radius: 2px;
}

    .customize-reminders-form .label {
        font-weight: bold;
        margin-bottom: 0.5em;
    }

        .customize-reminders-form .label .help-text {
            color: #ccc;
            font-weight: normal;
        }

        .customize-reminders-form .label i {
            vertical-align: middle;
        }

    .customize-reminders-form .row {
        margin-top: 1em;
    }

    .customize-reminders-form .preview-container {
        background-color: #EEEEEE;
    }

/*New kenndo scheduler end*/

.k-input-row {
    margin: 8px auto;
}

.k-numeric-wrap.k-disabled {
    background: transparent;
}

.edit-event-tab .k-input-row {
    margin-top: auto;
    margin-bottom: auto;
}

.field .k-dropdown, .field .k-datetimepicker {
    width: 100%;
}

.field .k-dropdown-wrap > .k-input:before {
    display: inline !important;
}

.reminder-dropdown.field .k-dropdown-wrap > .k-input:before {
    display: inline-block !important;
}

.edit-calendar-view .section .reminder-edit-dropdown {
    width: 400px;
}

.reminder-edit-dropdown .k-dropdown,
.reminder-dropdown .k-dropdown {
    width: 33%;
}

.k-numeric-wrap .k-input[type="text"],
.k-picker-wrap .k-input[type="text"],
.k-multiselect .k-input[type="text"] {
    border: none;
    min-width: inherit !important;
    height: 30px;
    text-indent: 0.3em;
    text-overflow: unset;
}

.k-multiselect.disabled-delete span.k-icon.k-delete {
    display: none;
}

.RegFormID-wrapper td .lookupAsPicklist .k-dropdown-wrap {
    height: 32px;
}

.multi-item-add-control {
    margin-bottom: 0px !important;
}


/*
 * Hide Kendo loading indicator, using custom one, see refernces to (id="calendar-loading-container" in Index.aspx and PlannerFilter.js)
*/
#calendar-loading-container.loading-container {
    margin-left: 270px;
}

#calendar-loading-container.loading-container-menucollapsed {
    margin-left: 60px;
}

#top-calendar-loading-container.loading-container, #calendar-loading-container.loading-container {
    position: fixed;
    overflow: hidden;
}

.edit-calendar-view:not([style*="display: none"]) ~ #calendar-loading-container {
    margin-left: 0px;
}


.k-notification.k-notification-warning {
    color: #333;
    margin-bottom: 1em;
    padding: 10px;
}

.k-notification-warning h3 {
    padding: 0 5px;
    font-size: 30px;
}

.k-notification-warning p {
    padding: 0 10px;
}

.k-notification-warning h3, .k-notification-warning p {
    display: inline-block;
    vertical-align: middle;
}

.k-notification-warning strong {
    display: inline-block;
}

.k-webkit .k-event-actions:first-child {
    margin-top: 5px;
}

/* Customize Kendo CSS end*/


/* CSS3 Compass Generated Code */
.menu-collapsed .calendar-menu .calendar-name,
.calendar-menu, .scheduler-container .main-view,
.calendar-menu .top-buttons-inner,
.calendar-menu .selectboxit {
    -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;
}

.scheduler-container .main-view {
    -webkit-transition-property: margin;
    -moz-transition-property: margin;
    -o-transition-property: margin;
    transition-property: margin;
}

.calendar-menu .top-buttons-inner {
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}

.menu-collapsed .top-buttons-inner {
    -webkit-transform: translateX(-228px);
    -moz-transform: translateX(-228px);
    -ms-transform: translateX(-228px);
    -o-transform: translateX(-228px);
    transform: translateX(-228px);
}

.regstrFormButton {
    font-size: 12px;
    cursor: pointer;
}

    .regstrFormButton:hover {
        color: #407fb5;
    }

.search-contact-area.field {
    max-width: 100%;
    padding: 0em;
    height: 32px;
}

    .search-contact-area.field .event-tag {
        width: 290px;
        height: 38px;
    }

#addAttendeeButton {
    min-width: 16px;
    background-color: #ffffff !important;
    margin-left: -40px;
    height: 12px;
    margin-top: 5px;
}

    #addAttendeeButton i {
        color: black;
        position: absolute;
    }

.search-contact-area.field .plannerSelectBox {
    width: 100px;
}


.ui-menu li.ui-menu-item.row {
    display: table-row-group;
    float: none !important;
}

li.ui-menu-item:first-child {
    margin-top: 2px;
}

.ui-menu li.ui-menu-item {
    border-bottom: medium none;
}

    .ui-menu li.ui-menu-item.row a.item_link {
        display: table-row !important;
    }

.ui-menu .ui-menu-item a {
    line-height: 40px;
}

li.ui-menu-item a {
    display: block;
    text-decoration: none;
    width: 98.7% !important;
}

.ui-menu li.ui-menu-item.row a.item_link .col {
    border-bottom: 1px solid #E2E2E2;
    display: table-cell;
    max-width: 200px;
    overflow: hidden;
    padding: 0 7px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

/* Hide insert copied attendees button if create user button is visible */
.create_user_button.is-visible + .insert_copied_attendees {
    display: none;
}

.no_result_area {
    padding: 10px;
    width: 330px;
}

    .no_result_area .no_results_message {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .no_result_area .info_area {
        background: url("../../content/images/defaulticons/attention-triangle.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        padding-left: 50px;
    }

        .no_result_area .info_area .title {
            font-size: 13px;
            font-weight: bold;
        }

        .no_result_area .info_area .message {
            line-height: 22px;
        }

.search-contact-area {
    margin-top: 10px;
    position: relative;
}

li.ui-menu-item a.ui-state-focus {
    background: none !important;
    background-color: #3172B6 !important;
    color: #fff !important;
}

.attendance-content {
    background-color: white;
    padding: 1em;
    min-width: 900px;
    overflow-x: auto;
}

.attendance-content button {
    border-radius: 4px;
}

.attendance-content .attendance-contact-photo {
    margin: 8px 0px 2px 10px;
    border-radius: 100%;
    height: 28px;
    width: 28px;
}

.attendee-payment .pay.pm-lgray-button {
    background-color: #EAEAEA !important;
    color: #363636 !important;
}
.attendee-payment {
    width: 120px;
}

    .attendee-payment .pay {
        min-width: 100px;
    }

        .attendee-payment .pay i {
            font-size: 16px;
        }

    .attendee-payment .attendee-paid-button,
    .attendee-payment .attendee-refund-button {
        color: #2a7ab0;
        cursor: pointer;
    }

        .attendee-payment .attendee-paid-button .attendee-paid-icon {
            background-repeat: no-repeat;
            background-image: url(../../Content/Images/check_blue_18.png);
            padding: 0 9px;
        }

        .attendee-payment .attendee-paid-button .attendee-refund-icon {
            background-repeat: no-repeat;
            background-image: url(../../Content/Images/refund-icon.png);
            padding: 0 9px;
        }

#lottery-waitlist-conflict-attendee {
    width: 700px;
}

    #lottery-waitlist-conflict-attendee .confirmation-message {
        font-size: larger;
        text-align: center;
    }

    #lottery-waitlist-conflict-attendee .conflict-attendee-icon {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #lottery-waitlist-conflict-attendee h1 {
        color: dimgray;
        text-align: center;
        padding-top: 0px;
        padding-bottom: 5px;
    }

    #lottery-waitlist-conflict-attendee li {
        font-size: medium;
    }

    #lottery-waitlist-conflict-attendee ul {
        padding-left: 1em;
        margin: 10px;
        overflow: auto;
        max-height: 500px;
    }

    #lottery-waitlist-conflict-attendee .warning-massage {
        color: red;
    }

    #lottery-waitlist-conflict-attendee .footer-massage {
        margin: 15px 0px;
    }

    #lottery-waitlist-conflict-attendee .buttons-area {
        float: right;
    }

.attendee-payment .attendee-paid-button .attendee-paid-text {
    text-decoration: underline;
}

.lottery-wait-list .attendee-name {
    width: 1200px;
}

    .lottery-wait-list .attendee-name div {
        display: inline-block;
    }

.lottery-registration-button-area {
    position: absolute;
    top: 0;
    right: 0;
}

    .lottery-registration-button-area .label {
        float: left;
        margin: 15px 7px;
        font-style: italic;
        font-weight: bold;
    }

.lottery-wait-list .lottery-registration-button-area .buttons {
    float: right;
}

.lottery-wait-list .attendee-name-label {
    vertical-align: top;
    padding: 2px 0px 0px 10px;
}

.lottery-wait-list .has-notifications {
    padding: 0 0 0 10px;
}

.attendee-custom-status {
    width: 25%;
    max-width: 250px;
}

.attended-list .attended-table .cell.attendee-phone a {
    width: 135px;
    display: flex;
}

.attendee-custom-status span {
    font-style: italic;
    font-size: 13px;
}

.attended-list .attendee-name {
   min-width: 180px;
}

    .attended-list .attendee-name a {
        display: flex;
    }

.attended-cell-photo {
    width: 40px;
    padding-right: 20px !important;
}

.attended-list .pm-plain-button.removeButton {
    color: black;
    float: right;
}

.attended-list select {
    background-color: #eaeaea;
    min-width: 100px;
}

.attended-list .isRsvpVisible {
    width: 135px;
}

.attended-list .isRsvpVisible-cell {
    width: 160px;
}



.attended-list .allowCustomizeBooking {
    width: 80px;
}

.attended-list button.k-button {
    min-width: 100px;
    height: 26px;
    border-radius: 4px;
    padding: 0;
}

.attended-list .attendee-name span {
    display: block;
    max-width: 275px;
    padding: 0 0.5em;
    box-sizing: border-box;
    cursor: pointer;
    padding-left: 0;
}

.attended-list .contact-photo {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 40px;
    border-radius: 100%;
    display: block;
    height: 40px;
    width: 40px;
    position: relative;
}

.attended-table thead {
    color: #666666;
    font-size: 14px;
    font-family: 'Open Sans';
    font-weight: normal;
    background-color: #f4f5f7;
}

    .attended-table thead th {
        padding: 10px;
        border-right: 1px solid #eaecf0;
    }

.attended-table tbody {
    background-color: white;
}

    .attended-table tbody tr {
        border-bottom: 1px solid #cccccc;
        padding: 5px;
    }

        .attended-table tbody tr:hover {
            background-color: #f3f3f3;
        }

.attended-table .pm-outcome {
    color: #2a7ab0;
}

.attended-table .attendee-outcome-icon {
    background-repeat: no-repeat;
    background-image: url(../../Content/Images/check_blue_18.png);
    padding: 0 9px;
}

.contact-photo {
    cursor: pointer;
}

.has-notifications.kendo-alert:before {
    content: "\f071";
    color: #FFB006;
    font-family: "FontAwesome";
    font-size: 17px;
    cursor: pointer;
}

.attended-list .register-form-link-cell {
    text-align: center;
    width: 50px;
}

.attended-list .pm-text-link {
    text-decoration: underline;
    cursor: pointer;
}

.attendee-name .pm-text-link:hover {
    color: #407FB5;
}

.attended-area {
    border-top: 1px solid #CCCCCC;
    margin-top: 20px;
    width: 100%;
}

.attended-list .attended-table td {
    padding: 2px 0px 2px 10px;
    box-sizing: border-box;
    text-align: left;
}
    .attended-list .attended-table td.cell {
        width: 130px;
    }
        .attended-list .attended-table td.changeStatusdate {
            width: 145px;
        }

    .attended-list .attended-table td.attended-record-outcome,
    .attended-list .attended-table td.attendee-status-order,
    .attended-list .attended-table td.attended-cell-photo {
        width: 60px;
        padding-right: 20px !important;
    }
.attended-area .attendance-renewed * {
    color: lightgrey;
}

.attended-area .can-delete {
    color: #2a7ab0;
    cursor: pointer;
}

.attended-area .delete-icon {
    background-repeat: no-repeat;
    padding: 0 9px;
    background-image: url(../../Content/Images/delete-icon.png);
}

.attended-area .disallowed-delete {
    opacity: .3;
}

.attended-area .remove-cell button {
    margin-bottom: 2px;
}

.attended-area .k-dropdown .k-icon {
    color: #2a7ab0;
}

.attended-area .disabled-attendee-action {
    opacity: .3;
}

.attended-area .k-i-arrow-60-down {
    background-position: -2px -67px;
    height: 10px;
    width: 21px;
    margin-top: 0px;
    background-image: url(../Images/LeftPanels/booking-icon.png);
}

    .attended-area .k-i-arrow-60-down:before {
        content: none;
    }

.contact-info-link {
    background-image: url("../Attendance/images/alert-icon.png");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 35px;
    margin: auto;
    width: 35px;
}

.contact-info-popup .contact-details.button, .contact-info-popup .transaction-details.button, .contact-info-popup .add-memberships.button {
    background-color: #00a89a;
}

.PriceScheme-wrapper select {
    max-width: 150px;
}

.PriceScheme-wrapper .currency input {
    max-width: 60px;
}

.PriceScheme-wrapper .field-web-control {
    white-space: nowrap;
    margin-bottom: 5px;
}

.PriceScheme-wrapper .currency .field-web-control {
    margin-top: 3px;
    margin-right: 5px;
}

.Image-wrapper .field-web-control img {
    max-width: 75px;
    max-height: 75px;
    vertical-align: middle;
    margin-right: 1em;
    display: inline;
}

.Image-wrapper .pm-img-upload-controls {
    display: inline-block;
}

.Image-wrapper .pm-confirm-button, .Image-wrapper .pm-cancel-button {
    margin: 0px 0px 0px 5px;
    min-width: 35px;
    vertical-align: top;
    padding: 0px 10px;
}

.Image-wrapper .pm-cancel-button {
    min-width: 65px;
}

.Image-wrapper .label div {
    display: none;
}

.LongTextArea-wrapper > td > div {
    margin: 0.5em auto;
    white-space: normal;
}

.Lookup-wrapper .field .pmmultilookup {
    min-width: 100%;
}

.k-nav-current > .k-link span + span {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
}


@media (max-width: 1400px) {
    .k-scheduler-toolbar .k-nav-current .k-lg-date-format {
        max-width: 400px;
    }
}

@media (max-width: 1260px) {
    .k-scheduler-toolbar .k-nav-current .k-lg-date-format {
        max-width: 300px;
    }
}

@media (max-width: 1260px) {
    .k-nav-current > .k-link span + span {
        max-width: 200px;
    }

    .editEventContainer .edit-event-tab {
        max-height: 495px;
    }
}

@media (max-height: 610px) {

    .editEventContainer .edit-event-tab {
        max-height: 390px;
    }
}

@media (max-height: 510px) {

    .editEventContainer .edit-event-tab {
        max-height: 350px;
    }
}

@media (max-height: 415px) {

    .editEventContainer .edit-event-tab {
        max-height: 270px;
    }
}

@media (max-height: 375px) {

    .editEventContainer .edit-event-tab {
        max-height: 190px;
    }
}

@media (max-width: 1220px) {
    #scheduler .k-scheduler-dayview .k-scheduler-header-wrap > div {
        min-width: 1220px;
    }
}

@media (max-width: 1024px) {
    .k-nav-current > .k-link span + span {
        max-width: 120px;
    }
}

@media (max-width: 810px) {
    .book-me-4-content .attendance-header .event-date-section {
        width: 100%;
    }

    .book-me-4-content .attendance-header .event-info-section {
        width: 100%;
    }

    .book-me-4-content .attendance-header .event-additional-section {
        width: 100%;
    }

    .book-me-4-content .attendance-header .event-response-section {
        width: 100%;
        padding: 1em 1em;
        text-align: left;
    }
}

@media (max-width: 650px) {
    .book-me-4-content .attendance-header .event-date-section {
        width: 100%;
        min-height: 130px;
    }

    .book-me-4-content .attendance-header .main-section {
        width: 100%;
        max-height: none;
    }

    .book-me-4-content .attendance-header .info-section {
        display: block;
    }

    .book-me-4-content .attendance-header .event-info-section {
        width: 100%;
        min-height: 110px !important;
    }

    .book-me-4-content .attendance-header .event-additional-section {
        width: 100%;
        min-height: 82px !important;
        padding: 16px 16px 10px 15px;
        border-top: 1px solid #EAEAEA;
        border-bottom: 1px solid #EAEAEA;
    }

    .book-me-4-content .attendance-header .restrictions-section {
        padding-top: 10px;
    }

    .book-me-4-content .attendance-header .event-response-section {
        width: 100%;
        padding: 1em 1em;
        text-align: left;
    }
}

@media (max-width: 810px) {
    .book-me-4-content .attendance-header .event-date-section {
        width: 100%;
    }

    .book-me-4-content .attendance-header .event-info-section {
        width: 100%;
    }

    .book-me-4-content .attendance-header .event-additional-section {
        width: 100%;
    }

    .book-me-4-content .attendance-header .event-response-section {
        width: 100%;
        padding: 1em 1em;
        text-align: left;
    }
}

@media (max-width: 810px) {
    .book-me-4-content .attendance-header .event-date-section {
        width: 100%;
    }

    .book-me-4-content .attendance-header .event-info-section {
        width: 100%;
    }

    .book-me-4-content .attendance-header .event-additional-section {
        width: 100%;
    }

    .book-me-4-content .attendance-header .event-response-section {
        width: 100%;
        padding: 1em 1em;
        text-align: left;
    }
}

@media (max-width: 440px) {
    .menu-collapsed .main-view {
        margin-left: 76px;
    }
}
/*
    Temporary CSS for Edit Popup PageLayout to display new changes for Custom Field in Planner2 w/o affecting the old Panner
    Remove and refactor this section once new Planner replaces the old Planner completely
*/

.objectPageLayout .two-col-layout {
    vertical-align: top;
}

    .objectPageLayout .two-col-layout:first-child {
        width: 50%;
        padding-left: 20px;
    }

    .objectPageLayout .two-col-layout:last-child {
        width: 40%;
    }

.two-col-layout .label {
    width: 40%;
}

.two-col-layout .field {
    width: 58%;
}

.objectPageLayout .EndingRank-wrapper {
    display: inline-flex;
}

    .objectPageLayout .EndingRank-wrapper .label {
        width: 5%;
        visibility: hidden;
    }

    .objectPageLayout .EndingRank-wrapper .field {
        width: 338px;
        padding: 0px;
    }

.StartingRank-wrapper .label, .Gender-wrapper .label, .MembershipBased-wrapper .label {
    width: 36.6%;
}

.MinimumAge-wrapper .label, .MaximumAge-wrapper .label {
    width: 42%
}

.MinimumAge-wrapper .k-numerictextbox,
.MaximumAge-wrapper .k-numerictextbox {
    width: 100px;
}

.MinimumAgeMonths-wrapper .k-numerictextbox,
.MaximumAgeMonths-wrapper .k-numerictextbox {
    width: 117px;
}

.MinimumAge-wrapper .number, .MaximumAge-wrapper .number {
    padding: 0 0 0 10px;
}
/*
    End of Temporary CSS for Edit Popup PageLayout to display new changes for Custom Field in Planner2 w/o affecting the old Panner
*/

.resource-picker-link {
    display: inline-block;
    cursor: pointer;
    text-decoration: underline;
    position: absolute;
    top: 8px;
    left: 7px;
}

    .resource-picker-link i {
        font-size: 18px;
        float: left;
        margin-right: 2px;
    }

.k-window-titlebar.k-header .loading {
    position: absolute;
    right: 10px;
    top: 13px;
}

    .k-window-titlebar.k-header .loading img {
        width: 20px;
        margin-left: 5px;
        vertical-align: middle;
    }

    .k-window-titlebar.k-header .loading span {
        font-size: 15px;
        color: #d1d1d1;
        vertical-align: middle;
        font-weight: 400;
    }

.k-widget.k-window .event-resource-picker-popup .content {
    padding: 20px;
}

.event-resource-picker-popup .drag-n-drop-area {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 12px 0;
    border-radius: 4px;
    max-height: 266px;
    height: 266px;
}

.event-resource-picker-popup .drag-n-drop-area .sortable-wrapper {
    overflow-y: auto;
    height: calc(100% - 70px);
}

    .event-resource-picker-popup .drag-n-drop-area p {
        margin-top: 4px;
        margin-bottom: 8px;
        font-weight: bold;
        font-size: 15px;
    }

    .event-resource-picker-popup .drag-n-drop-area .reset {
        margin-bottom: 6px;
        border-radius: 4px;
    }

    .event-resource-picker-popup .drag-n-drop-area p {
        margin-top: 4px;
        margin-bottom: 8px;
        font-weight: bold;
        font-size: 15px;
    }

    .event-resource-picker-popup .drag-n-drop-area .reset {
        margin-bottom: 6px;
    }

    .event-resource-picker-popup .drag-n-drop-area p {
        margin-top: 4px;
        margin-bottom: 8px;
        font-weight: bold;
        font-size: 15px;
    }

    .event-resource-picker-popup .drag-n-drop-area .reset {
        margin-bottom: 6px;
    }

.event-resource-picker-popup .k-multiselect-wrap .k-button {
    display: none;
}

.event-resource-picker-popup .button-panel {
    text-align: right;
}

li.sortable-item {
    background-color: #e6e6e6;
    border-radius: 4px;
    list-style-type: none;
    padding: 6px;
    margin: 6px 0;
    font-size: 15px;
    font-weight: 500;
    word-wrap: break-word;
}

li.sortable-item span {
    max-width: 95%;
    display: inline-block;
}

li.sortable-item img {
    float: right;
    width: 12px;
    position: relative;
    top: 5px;
}

.event-resource-picker-popup .multilookup-area {
    border-radius: 4px;
}

.event-resource-picker-popup .k-multiselect-wrap {
    padding: 5px;
}

.event-resource-picker-popup .placeholder {
    position: absolute;
    padding: 4px;
    opacity: 0.5;
}

.event-resource-picker-popup .button-panel {
    margin-bottom: 10px;
}

    .event-resource-picker-popup .button-panel button {
        font-size: 16px;
        padding: 14px;
        border-radius: 4px;
    }

        .event-resource-picker-popup .button-panel button.pm-cancel-button {
            background-color: #eeeeee;
        }

.event-resource-picker-popup .placeholder {
    position: absolute;
    padding: 4px;
    opacity: 0.5;
}

.event-resource-picker-popup .loading {
    display: block;
    position: absolute;
    z-index: 99999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
}

.event-resource-picker-popup .loading span {
    display: block;
    margin-top: 150px;
}


.scheduler-container .main-view .course-view {
}

    .scheduler-container .main-view .course-view.loading {
        background: url('../../Content/images/Site/ProgressAnimation.gif') no-repeat scroll center center #fff;
        background-size: 50px 50px;
    }

.scheduler-container .main-view .filter-area {
    margin-right: 10px !important;
    float: left;
    line-height: 28px
}

    .scheduler-container .main-view .filter-area .label {
        margin-right: 5px;
        float: left;
    }

.scheduler-container .main-view .course-area .subsection-header .box-splitter {
    height: auto;
    border-bottom: none;
}

.age-dropdown {
    float: left;
    min-width: 180px;
}

.scheduler-container .main-view .course-area .service-description {
    line-height: 15px;
    clear: both;
    padding: 10px 20px 15px;
}

.scheduler-container .main-view .course-area .view-area {
    margin-bottom: 10px;
}

.scheduler-container .main-view .course-area .subsection-content {
    padding: 0;
}


.scheduler-container .main-view .course-area .k-grid tbody .k-button {
    background-color: #407fb5;
    color: #fff;
}

.scheduler-container .main-view .course-area .k-grid tbody td.cost-cell {
    color: green;
    text-align: center;
}


.scheduler-container .main-view .course-area .loading-area {
    display: none;
}

    .scheduler-container .main-view .course-area .loading-area.loading {
        display: block;
    }

.subsection-header .expand-link, .subsection-header-text {
    max-width: 100%;
    box-sizing: border-box;
    width: auto;
}

.pm-delete-text {
    color: #cc2424;
    float: left;
    padding: .25em;
}

    .pm-delete-text i {
        margin-right: 0.25em;
    }

    .pm-delete-text i, .pm-delete-text span {
        vertical-align: middle;
    }

    .pm-delete-text:hover {
        text-decoration: underline;
        cursor: pointer;
    }

#endDurationRow, div .end-row-duration {
    margin-top: 7px;
}

.add-shared-profile {
    margin: 0 0 0 0px !important;
    vertical-align: middle;
}

/*
 * Refund Options Container
*/
.refund-options-container {
    min-width: 500px;
}

.refund-options, .credit-options {
    padding: 0.5em 0;
}

.refund-options-container label {
    margin: 0.5em auto;
    display: inline-block;
    vertical-align: middle;
}

.refund-options-container input[type="number"] {
    width: 75px;
    height: 1.8em;
}

.combo-option {
    margin-left: 1em;
    padding: 5px;
}

.k-callout-n {
    display: none;
}

.selectboxit-options.popover-options {
    min-width: 210px  !important;
    position: fixed !important;
}

.status-container .expiry-message {
    margin-right: 1em;
}

    .status-container .expiry-message i {
        font-size: 20px;
        color: #FFB006;
    }

    .status-container .expiry-message span {
        opacity: 0.6;
    }

.reservation-status-oval {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-right: 5px;
}

    .reservation-status-oval.green {
        background-color: #6cbe19;
    }

    .reservation-status-oval.red {
        background-color: #d0021b;
    }

.red {
    color: #d0021b;
}

.reservation-status-oval.gray {
    background-color: #d8d8d8;
}

#contract_details_container .header {
    font-size: 20px;
    color: #aaa;
    margin: 20px;
}

    #contract_details_container .contract-area .view-pin-btn {
        font-size: 14px;
        border-bottom: 1px dashed #3c7eb7;
        color: #3c7eb7;
        cursor: pointer;
    }

        #contract_details_container .contract-area .view-pin-btn.missing-pin {
            cursor: auto;
            color: red;
            border-bottom: 1px dashed red;
            cursor: pointer;
        }

.reservation-area .header-columns {
    display: flex;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
}

.reservation-area .column-when {
    flex: 15;
}

.reservation-area .column-where {
    flex: 15;
    word-break: break-word;
    max-height: 100px;
    overflow: hidden;
    margin: 0 5px 5px 0;
}

.reservation-area .column-what {
    flex: 13;
    word-break: break-word;
    max-height: 100px;
    overflow: hidden;
    margin: 0 5px 5px 0;
}

.reservation-area .column-fees {
    flex: 5;
}

.reservation-area .column-extras {
    flex: 5;
}

.reservation-area .column-total {
    flex: 5;
}

.reservation-area .column-status {
    flex: 5;
}

.reservation-area .column-actions {
    flex: 20;
}

.reservation-area .reservation-items {
    border: 1px solid #ddd;
}

    .reservation-area .reservation-items .reservation-item {
        display: flex;
        height: 100px;
        padding: 15px 0px 0 15px;
    }

        .reservation-area .reservation-items .reservation-item:not(:first-child) {
            border-top: 1px solid #ddd;
        }

        .reservation-area .reservation-items .reservation-item .calendar-alert-icon:after {
            padding-left: 7px;
            padding-top: 0;
            content: url(../../Content/Images/ContractIcons/calendar-alert-icon.png);
        }

        .reservation-area .reservation-items .reservation-item .column-fees,
        .reservation-area .reservation-items .reservation-item .column-extras {
            color: #3c7eb7;
        }

        .reservation-area .reservation-items .reservation-item .column-fees,
        .reservation-area .reservation-items .reservation-item .column-extras,
        .reservation-area .reservation-items .reservation-item .column-total {
            font-size: 12px;
        }

            .reservation-area .reservation-items .reservation-item .column-fees .price-value,
            .reservation-area .reservation-items .reservation-item .column-extras .price-value {
                border-bottom: dashed 1px #3c7eb7;
                cursor: pointer;
            }

    .reservation-area #viewTabstrip {
        border: none;
    }

        .reservation-area #viewTabstrip:focus {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .reservation-area .action-description {
        display: none;
    }

    .reservation-area .reservations-table,
    .reservation-area .amendments-grid {
        border: none;
        margin: 0;
        padding: 0;
        overflow: visible;
        overflow-x: -moz-hidden-unscrollable;
    }

    .reservation-area .amendments-grid {
        overflow: hidden;
    }
    
.reservation-area .facility-contract-sheduler {
    border: none;
    border-top: 1px solid #E1E2E8;
    padding: 0;
}

.reservation-area .facility-contract-sheduler .sheduler-header-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 0;
}

.reservation-area .facility-contract-sheduler .sheduler-header-wrapper .sheduler-navigation-wrapper {
    flex: 1;
}

.reservation-area .facility-contract-sheduler .sheduler-header-wrapper .sheduler-navigation-wrapper .facility-contract-sheduler-nav {
    background: #F8F9FA;
    border: none;
    padding: 15px 0;
}

.reservation-area .facility-contract-sheduler .sheduler-header-wrapper .sheduler-navigation-wrapper .facility-contract-sheduler-nav .facility-contract-sheduler-nav-status {
    font-size: 24px;
    font-weight: bold;
    color: #272431;
}

.reservation-area .facility-contract-sheduler .sheduler-header-wrapper .sheduler-navigation-wrapper .facility-contract-sheduler-nav .facility-contract-sheduler-nav-btn i {
    font-size: xx-large;
    font-weight: bold;
}

.reservation-area .facility-contract-sheduler .sheduler-header-wrapper .sheduler-options-wrapper {
    display: flex;
    flex-direction: row;
}

.reservation-area .facility-contract-sheduler .sheduler-header-wrapper .sheduler-options-wrapper #sheduler-view .k-dropdown {
    width: 145px;
    margin-right: 15px;
}

.reservation-area .facility-contract-sheduler .sheduler-header-wrapper .sheduler-options-wrapper #sheduler-view .k-dropdown .k-dropdown-wrap {
    height: 42px;
    box-shadow: none;
}

.reservation-area .facility-contract-sheduler .sheduler-header-wrapper .sheduler-options-wrapper #sheduler-view .k-dropdown .k-dropdown-wrap.k-focused {
    border-color: #6923F4;
}

.reservation-area .facility-contract-sheduler .sheduler-header-wrapper .sheduler-options-wrapper #sheduler-view .k-dropdown .k-dropdown-wrap.k-active {
    background-color: #F8F9FA;
}

.reservation-area .facility-contract-sheduler .sheduler-header-wrapper .sheduler-options-wrapper #sheduler-view .k-dropdown .k-dropdown-wrap.k-hover {
    background-color: transparent;
}

.reservation-area .facility-contract-sheduler .sheduler-header-wrapper .sheduler-options-wrapper #sheduler-view .k-dropdown .k-dropdown-wrap .k-input {
    font-size: 14px;
    padding: 9px 0 10px 5px;
}

.reservation-area .facility-contract-sheduler .sheduler-header-wrapper .sheduler-options-wrapper #sheduler-view .k-dropdown .k-dropdown-wrap .k-input:before {
    display: none;
}

.reservation-area .facility-contract-sheduler .sheduler-header-wrapper .sheduler-options-wrapper #sheduler-view .k-dropdown .k-dropdown-wrap .k-icon.k-i-arrow-60-down {
    background-position: -4px 6px;
    height: 26px;
    width: 20px;
    background-image: url(/Content/Images/LeftPanels/arrow-down-icon.png);
    background-size: 25px;
}

.reservation-area .facility-contract-sheduler .sheduler-header-wrapper .sheduler-options-wrapper #sheduler-view .k-dropdown .k-dropdown-wrap .k-icon.k-i-arrow-60-down:before {
    display: none;
}

.reservation-area .facility-contract-sheduler .sheduler-header-wrapper .sheduler-options-wrapper #exportButton .contact-open-print-btn {
    height: 42px;
    width: 118px;
    color: #272431;
    font-size: 14px;
    float: none;
    margin-top: 0;
}

.reservation-area .facility-contract-sheduler .sheduler-header-wrapper .sheduler-options-wrapper #exportButton .contact-open-print-btn .button-text {
    display: block;
    font-size: 14px;
    padding: 10px 0 10px 14px;
}

.reservation-area .facility-contract-sheduler .sheduler-header-wrapper .sheduler-options-wrapper #exportButton .contact-open-print-btn .icon-wrapper {
    position: relative;
    border: none;
    padding: 0;
}

.reservation-area .facility-contract-sheduler .sheduler-header-wrapper .sheduler-options-wrapper #exportButton .contact-open-print-btn .icon-wrapper span {
    position: relative;
    display: inline-block;
    background-position: -6px 8px;
    height: 26px;
    width: 20px;
    background-image: url(/Content/Images/LeftPanels/arrow-down-icon.png);
    background-size: 25px;
}

.reservation-area .facility-contract-sheduler .sheduler-header-wrapper .sheduler-options-wrapper #exportPopup.contact-print-popup {
    width: 120px;
    padding: 0;
    border: 1px solid #E1E2E8;
    box-sizing: border-box;
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
}

.reservation-area .facility-contract-sheduler .sheduler-header-wrapper .sheduler-options-wrapper #exportPopup.contact-print-popup button {
    display: block;
    width: 100%;
    height: 47px;
    text-align: left;
    font-size: 14px;
    color: #272431 !important;
    background-color: #ffff !important;
    padding: 10px 0 10px 13px;
    margin: 0;
}

.reservation-area .facility-contract-sheduler .sheduler-header-wrapper .sheduler-options-wrapper #exportPopup.contact-print-popup button:hover {
    background-color: #F8F9FA !important;
}

.reservation-area .facility-contract-sheduler.facility-scheduler-detailed-export .sheduler-header-wrapper .sheduler-options-wrapper,
.reservation-area .facility-contract-sheduler.facility-scheduler-summary-export .sheduler-header-wrapper .sheduler-options-wrapper,
.reservation-area .facility-contract-sheduler.facility-scheduler-detailed-export #facilityContractScheduler .k-scheduler-monthview .k-more-events.k-button {
    display: none;
}

.reservation-area .facility-contract-sheduler.facility-scheduler-detailed-export #facilityContractScheduler .k-scheduler-monthview .k-scheduler-table td.k-today,
.reservation-area .facility-contract-sheduler.facility-scheduler-summary-export #facilityContractScheduler .k-scheduler-monthview .k-scheduler-table td.k-today{
    background: transparent;
    border-style: solid;
    border-width: 0 0 1px 1px;
    border-color: #e7e7e7;
}

.reservation-area .facility-contract-sheduler.facility-scheduler-detailed-export #facilityContractScheduler .k-scheduler-monthview .k-scheduler-table td.k-today .k-nav-day-wrapper .k-nav-day,
.reservation-area .facility-contract-sheduler.facility-scheduler-summary-export #facilityContractScheduler .k-scheduler-monthview .k-scheduler-table td.k-today .k-nav-day-wrapper .k-nav-day {
    background: #fff;
    color: #6A6D7D;
}

.reservation-area .Sun-icon {
    content: url('../../Content/Images/ContractIcons/icon-day-sunday.png');
}

    .reservation-area .Mon-icon:after {
        content: url('../../Content/Images/ContractIcons/icon-day-monday.png');
    }

    .reservation-area .Tue-icon:after {
        content: url('../../Content/Images/ContractIcons/icon-day-tuesday.png');
    }

    .reservation-area .Wed-icon:after {
        content: url('../../Content/Images/ContractIcons/icon-day-wednsday.png');
    }

    .reservation-area .Thu-icon:after {
        content: url('../../Content/Images/ContractIcons/icon-day-thursday.png');
    }

    .reservation-area .Fri-icon:after {
        content: url('../../Content/Images/ContractIcons/icon-day-friday.png');
    }

    .reservation-area .Sat-icon:after {
        content: url('../../Content/Images/ContractIcons/icon-day-saturday.png');
    }

    .reservation-area .calendar-alert-icon:after {
        padding-left: 10px;
        padding-top: 5px;
        content: url('../../Content/Images/ContractIcons/calendar-alert-icon.png');
    }

.contractArea .payment-plan-container {
    margin-left: 5px;
    float: right;
}

    .contractArea .payment-plan-container span {
        display: inline;
        vertical-align: super;
    }

.contractArea .payment-plan-icon {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-size: 100%;
    margin-right: 5px;
    border-radius: 50%;
    background-image: url(../../Content/images/PaymentPlanIconForContract.png);
}

.payment-plan-select {
    height: 35px;
}

    .payment-plan-select[aria-expanded="true"] {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .payment-plan-select span {
        border-radius: 6px !important;
    }

    .payment-plan-select .k-select {
        display: none;
    }

    .payment-plan-select .k-dropdown-wrap {
        padding-right: 2px;
        background-color: #f0f0f0;
        height: 33px;
    }

        .payment-plan-select .k-dropdown-wrap .dpp-dropdown {
            height: 35px;
        }

.contractArea .payment-plan-value {
    vertical-align: middle;
}

.payment-plan-options {
    font-weight: 100 !important;
}

    .payment-plan-options .k-item {
        height: 30px;
    }

    .payment-plan-options .payment-plan-value {
        font-family: Open Sans;
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #232223;
        height: 36px;
    }

.contractArea .payment-plan-name {
    color: #ffffff;
    border-bottom: dashed 1px #ffffff;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #4a4a4a;
}

#txtContractName {
    background-color: white;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif, arial;
}

.cm-permission-disabled {
    opacity: 0.5;
}

tr.reservation .cm-permission-disabled {
    opacity: 0.5;
    background-color: transparent;
    color: gray;
}

.reservation-area .add-new-reservation.cm-permission-disabled {
    background-color: transparent;
    color: gray;
}

.reservation-area .regstrFormButton.cm-permission-disabled + .registration-text {
    color: gray;
    opacity: 0.5;
}

.reservation-area .cm-permission-disabled:before {
    background: gray; /*plus icon*/
}

.reservation-area .cm-permission-disabled:after {
    background: gray; /*plus icon*/
}

#amendment-audit-select-list {
    box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.17);
    background-color: #ffffff;
    border: solid 1px #dbdbdb;
}

    #amendment-audit-select-list .k-list-scroller {
        position: static;
    }

    #amendment-audit-select-list ul li {
        font-family: Open Sans;
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #232223;
        height: 35px;
        padding: 7px 0 0 10px;
        box-sizing: border-box;
    }

        #amendment-audit-select-list ul li.k-selected:not(.k-hover) {
            color: #ffffff;
        }

    #amendment-audit-select-list .amendment-cycle-selector {
        position: absolute;
        left: 140px;
        border-radius: 5px;
        box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.17);
        background-color: #ffffff;
        border: solid 1px #dbdbdb;
        font-weight: normal;
        max-height: 235px;
        width: 240px;
        overflow-y: auto;
        display: none;
    }

        #amendment-audit-select-list .amendment-cycle-selector.summary-cycle-popup {
            top: 0;
        }

        #amendment-audit-select-list .amendment-cycle-selector.detail-cycle-popup {
            top: 34px;
        }

    #amendment-audit-select-list .k-hover .amendment-cycle-selector {
        display: block;
    }

    #amendment-audit-select-list .amendment-cycle-selector ul {
        margin-right: 15px;
    }

        #amendment-audit-select-list .amendment-cycle-selector ul li {
            border-top: solid 0.5px #dbdbdb;
            display: flex;
        }

            #amendment-audit-select-list .amendment-cycle-selector ul li:hover,
            #amendment-audit-select-list .amendment-cycle-selector ul li.selected {
                background-color: #2a7ab0;
            }

                #amendment-audit-select-list .amendment-cycle-selector ul li:hover .text,
                #amendment-audit-select-list .amendment-cycle-selector ul li.selected .text,
                #amendment-audit-select-list .amendment-cycle-selector ul li:hover .dates,
                #amendment-audit-select-list .amendment-cycle-selector ul li.selected .dates {
                    color: #ffffff;
                }

            #amendment-audit-select-list .amendment-cycle-selector ul li .text {
                font-family: Open Sans;
                font-size: 12px;
                color: #000000;
                flex: 1;
            }

            #amendment-audit-select-list .amendment-cycle-selector ul li .dates {
                font-family: Open Sans;
                font-size: 12px;
                text-align: right;
                color: #69696b;
                margin-right: 8px;
            }

.reservation-area .reservation {
    border: 1px solid #ddd;
    border-radius: 2px;
}

.reservation-area .reservation-name > div {
    width: 300px;
}

.reservation-area .reservation-name strong {
    font-size: 16px;
    text-decoration: underline;
}

.reservation td > i {
    font-size: 18px;
    padding-right: 0.5em;
}

.reservation td > i,
.reservation td > span {
    display: table-cell;
    vertical-align: middle;
}

.reservation td {
    vertical-align: top;
    padding: 15px 0 0 14px;
    vertical-align: top;
}

.reservation .reservation-remove i {
    margin-right: 0;
}

.reservation-fee-extras .price-value {
    border-bottom: dashed 1px #3c7eb7;
    color: #3c7eb7;
    cursor: pointer;
}

.reservation-area .reservation-fee-extras {
    font-size: 12px;
    min-width: 70px;
    width: 70px;
    border-bottom: dashed 1px #3c7eb7;
    color: #3c7eb7;
    text-decoration: inherit;
}

.reservation-area .reservation-total-price {
    font-size: 12px;
    min-width: 70px;
    width: 70px;
}

.multi-items-cell-wrapper.pm-popover-container {
    min-width: 440px;
}

.recurrence-details .price-extra-info {
    display: none;
}

.reservation-area .pm-new-button {
    margin: 1em;
}

.reservation-area .cols {
    display: inline-block !important;
    vertical-align: top;
}

.reservation-area .row {
    position: relative;
}

.col {
    display: inline-block;
}

.col-80 {
    width: 80%;
}

.col-20 {
    width: 19%;
}

.col-40 {
    width: 40%;
}

.col-70 {
    width: 70%;
}

.col-30 {
    position: relative;
    width: 29%;
}

.col-35 {
    width: 34.333%;
}

.col-15 {
    width: 13.333%;
}

.col-5 {
    width: 4.333%;
}

.col-10 {
    width: 9%;
}

.col-25 {
    width: 24.333%;
}

.col-50 {
    width: 49%;
}

.col-90 {
    width: 89%;
}

.reservations .reservation .reservation-name.col-30 {
    width: 23%;
}

    .reservations .reservation .reservation-name.col-30 .ellipsis {
        width: 250px;
    }

.reservations .reservation .reservation-recurrance.col-15 {
    width: 16.333%;
}

.reservation-area .col-25e10 {
    width: 2.4333%;
}

.reservation-area .time-li {
    font-size: 12px;
    margin: 0;
    text-align: center;
    padding: 6px 0;
}

.reservation-area .reservation {
    min-height: 103px;
    height: 103px;
}

.reservation-area .sessions-container {
    max-height: 240px;
}

    .reservation-area .sessions-container .extras-ul {
        text-align: center;
    }

#facilityFeeCalculatorWindow .time-li .k-link {
    padding: 8px !important;
}

.reservation-area .sessions-container .extras-ul .view-details-link {
    color: #2a7ab0;
    text-decoration: underline;
    cursor: pointer;
}

.reservation-fee-extras .pm-popover span {
    color: #65C0EC;
    font-size: 14px;
}


.reservation-area .header-panelbar {
    cursor: pointer;
    position: relative;
    padding: 0 20px;
    color: #65C0EC;
    font-size: 14px;
}

.reservation-area .reservation-table-header {
    display: flex;
    height: 50px;
    font-weight: 300;
    font-size: 12px;
    line-height: 3em;
    font-style: italic;
}

.reservation-table-header tr {
    padding: 1.25em 0 0 0;
}

    .reservation-table-header tr[class^="reservation-header-"] {
        display: block !important; /*ie issue: tr has display=table-cell*/
    }

.reservation-area .reservation-header-when {
    width: 18%;
    padding: 1.25em 0.5em 0 0.6em;
}

.reservation-area .reservation-header-where {
    width: 14%;
}

.reservation-area .reservation-header-what {
    width: 18%;
}

.reservation-area .reservation-header-fees {
    width: 8.5%;
}

.reservation-area .reservation-header-extras {
    width: 8.5%;
}

.reservation-area .reservation-header-total {
    width: 6.75%;
}

.reservation-area .adjusted-header tr:nth-child(1) {
    width: 18.75%;
}

.reservation-area .adjusted-header tr:nth-child(2) {
    width: 19%;
}

.reservation-area .adjusted-header tr:nth-child(3) {
    width: 19%;
}

.reservation-area .adjusted-header tr:nth-child(4) {
    width: 9%;
}

.reservation-area .adjusted-header tr:nth-child(5) {
    width: 9%;
}

.reservation-area .reservation-approval-status-header {
    width: 12%;
    padding: 1.25em 0.2em 1.25em 0.4em;
}

.reservation-area .recurrence-description {
    padding-bottom: 9px;
    font-weight: 600;
}

.reservation-area .reservation-dates {
    display: inline;
    border-bottom: dashed 1px #2d6aa0;
    color: #2d6aa0;
    font-size: 12px;
    cursor: pointer;
}

.reservation-area .reservation-times {
    padding-top: 5px;
    font-size: 12px
}

.reservation-area .reservation-service {
    width: 100%;
    display: block;
    word-break: break-word;
}

.reservation-area .reservation-approval-status {
    width: 95px;
    display: flex;
    padding: 15px 0;
}

.reservation-area .reservation-approval-status-value {
    font-size: 12px;
    border-bottom: dashed 1px #2d6aa0;
    color: #2d6aa0;
    text-decoration: none;
}

.reservation-area .reservation-location {
    display: block;
    font-weight: 600;
}


.reservation-area .header-panelbar:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    left: 0;
    top: 9px;
    background: #65C0EC;
    transform: rotate(46deg);
}

.reservation-area .header-panelbar:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    left: 6px;
    top: 9px;
    background: #65C0EC;
    transform: rotate(-46deg);
}

.reservation-area .start-end-fee {
    width: 100%;
    text-align: center;
    font-size: 15px;
    color: #AF9E9E;
    padding: 14px 0;
    box-sizing: border-box;
    font-style: italic;
}

.reservation-area .reservation-actions-menu {
    background: transparent;
    border: none;
}

.reservation-area .reservation-actions-menu .top-menu-item {
    border: none;
}

.reservation-area .reservation-actions-menu .top-menu-item.k-hover {
    background: transparent;
}

.reservation-area .reservation-actions-menu .top-menu-item.k-focused {
    box-shadow: none;
}

.reservation-area .reservation-actions-menu .top-menu-item .k-menu-expand-arrow {
    display: none;
}

.reservation-area .reservation-actions-menu .top-menu-item > .k-link.k-menu-link {
    background: transparent;
}

.reservation-area .reservation-actions-menu .top-menu-item > .k-link.k-menu-link.k-state-border-down {
    box-shadow: none;
}

#customizeRemindersWindow .scrollable-section {
    margin-right: -8px;
    margin-top: -8px;
}

.k-scheduler-edit-form .k-edit-form-container .k-edit-buttons {
    z-index: 15;
}

.refund-sessions {
    margin-left: 12px;
}

.loading-text-msg {
    margin-top: -10px;
}
.field .k-multiselect-wrap {
    padding: 0;
}
.k-multiselect-wrap li .lookup-tag-item {
    max-width: 150px;
}

    .k-multiselect-wrap li .lookup-tag-item span {
        max-width: 115px;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.pickup-template-text {
    max-width: 98%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pm-form input[type="checkbox"], .pm-form input[type="radio"] {
    margin: 9px 5px;
}

.pm-form .k-input.k-readonly {
    background-color: transparent !important;
    border: none !important;
    opacity: 0.5;
    margin-top: 3px;
}

.pm-new-object-button {
    margin-right: 0px !important;
}

#regForm .scrollable-section {
    max-height: 500px;
}

#main-wrapper #fullContentPopup {
    margin-bottom: 0px;
}

#main-wrapper .content-wrapper-zindex #fullContentPopup {
    margin-top: 0px;
}

.k-filebrowser-dialog {
    max-height: 550px;
}

    .k-filebrowser-dialog ul.k-listview {
        max-height: 205px;
    }

        .k-filebrowser-dialog ul.k-listview li.k-tile-empty {
            margin-top: 80px;
        }

.payNow-prices-wrapper .popup-fee-and-extra-items {
    overflow-y: auto;
    max-height: 500px;
}

.payNowPricePopup-container .popup-fee-and-extra-items {
    width: 550px;
}

#grdMAV3DocPopup .field {
    width: 65% !important;
}

#grdMAV3DocPopup .label {
    width: 30% !important;
}

.editEventContainer select {
    line-height: 2em;
}

.setupInstruction-wrapper {
    max-width: 300px;
    max-height: 300px;
    overflow: auto;
}

.popup-conflict-attendees {
    overflow-y: auto;
    max-height: 350px;
    width: 500px;
}

    .popup-conflict-attendees span {
        font-weight: bold;
        cursor: pointer;
    }

.link-conflict-contact a {
    color: rgb(51, 102, 255);
    text-decoration: underline;
}

.tab1 .ajax-layout-section-wrapper .objectPageLayoutSection table {
    table-layout: fixed;
}

.payNow-prices-wrapper
input[type="radio"]:checked + label {
    font-weight: bold;
    letter-spacing: -0.04em;
}

.payNow-prices-wrapper
.not_eligible_price::after {
    color: gray;
    content: " (Not Qualified)";
    padding-left: 20px;
    padding-right: 5px;
    font-style: italic;
    font-size: 12px;
}

.AutoID-wrapper .field-web-control.readonly, .CustomID-wrapper .field-web-control.readonly, .EventID-wrapper .field-web-control.readonly {
    margin-top: 7px !important;
}


.k-window .k-edit-buttons.disableEvents.ajax-loading {
    opacity: 1 !important;
    padding-right: 15px;
}

.formNotCompleted {
    color: red !important;
}

.hidden-questionnaire {
    visibility: hidden;
}

label.numbersOfSessions {
    color: green;
}

.sessionMessage {
    padding: 1em;
}
.k-button.check-conflicts-btn.pm-secondary-button,
.k-button.view-sessions-btn.pm-secondary-button {
    background-color: #fff !important;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    color: #3c7eb7 !important;
}
#repeat-readonly-container .k-edit-field {
    font-weight: bold;
}

#repeat-readonly-container .pattern-never-text,
#repeat-readonly-container .pattern-custom-text {
    text-align: center;
    font-weight: bold;
}

#repeat-readonly-container .warning {
    position: absolute;
    right: 50px;
    bottom: 80px;
    left: 50px;
    padding: 15px;
    margin: 10px 50px;
    text-align: center;
    color: #d47500;
    font-size: 14px;
    font-weight: normal;
    border-radius: 3px;
    border: solid 1px #ff9800;
}

#repeat-readonly-container .warning.custom {
    bottom: 47px;
}

#repeat-readonly-container .general-alert-icon {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    cursor: pointer;
    width: 19px;
    height: 19px;
    margin: 0px 10px;
    background-image: url('../Images/icon-general-alert.svg');
    display: inline-block;
}

.event-info-title {
    display: inline-block;
    max-width: 75%
}

.facility-contract-contact-lookup-item .column {
    display: table-cell;
    min-width: 170px;
}

.facility-contract-lookup-item .column {
    display: table-cell;
    min-width: 100px;
}

div.padding-duration-section-wrapper {
    margin-left: 6px;
    margin-right: 5px;
}

.PaddingBefore-wrapper td.label {
    width: 60%;
}

.PaddingBefore-wrapper td.field.number {
    width: auto;
    padding: 0;
}

.PaddingBefore-wrapper td.label > div {
    display: inline !important;
}

.AppliesTo-wrapper td.label > div {
    display: inline !important;
}


.AppliesTo-wrapper td.field.picklist {
    padding-right: 14px;
    padding-left: 50px;
}

.ConditionalDiscountOnlineCheckBox-wrapper {
    width: auto !important;
    line-height: 30px;
}

.ConditionalDiscountOnlineCheckBox-wrapper > .field-control-wrapper {
    display: inline-block;
}

.ConditionalDiscount-wrapper {
    padding-left: 0;
}

.ConditionalDiscountWarningMessageText {
    font-size: 12px;
    vertical-align: middle;
}

.Checkbox-wrapper.AlertCheckBox-wrapper, .TextBox-wrapper.AlertColorBox-wrapper, .Number-wrapper.PaddingBefore-wrapper {
    float: left;
}

.Number-wrapper.PaddingAfter-wrapper {
    float: right;
    margin-right: 150px;
}

.Checkbox-wrapper.AlertCheckBox-wrapper td.field {
    width: 50%;
    float: left;
}

.AlertCheckBox-wrapper .alertOnline {
    float: left;
    margin-top: 8px;
    margin-left: -10px;
}

.Number-wrapper.PaddingBefore-wrapper td.label {
    padding-left: 102px;
}

.Number-wrapper.PaddingBefore-wrapper td.field {
    padding-left: 21px;
}

.pm-booking-adjustment-container {
    display: flex;
    width: 920px;
    padding: 10px;
}

    .pm-booking-adjustment-container .add-an-extra {
        cursor: pointer;
    }

    .pm-booking-adjustment-container .left-panel, .pm-booking-adjustment-container .right-panel {
        flex: 1;
        width: 100%;
    }

    .pm-booking-adjustment-container .right-panel {
        /* to accommodate add extra item */
        min-width: 500px;
    }

    .pm-booking-adjustment-container table {
        width: 100%;
    }

    .pm-booking-adjustment-container td {
        padding: 5px;
    }

    .pm-booking-adjustment-container .no-wrap {
        width: 1px;
        white-space: nowrap;
    }

    .pm-booking-adjustment-container .extras-title {
        vertical-align: top;
        padding-top: 12px;
    }

    .pm-booking-adjustment-container .small {
        font-size: 0.85em;
    }

#plannereventextraitemselectorwrapper .multi-item-add-control, #plannereventextraitemselectorwrapper .field ul {
    -moz-margin-start: 5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari */
    ::i-block-chrome, #plannereventextraitemselectorwrapper .multi-item-add-control, #plannereventextraitemselectorwrapper .field ul {
        margin-left: 0px;
    }

    ::i-block-chrome, .Contact-autocomplete input.field-web-control {
        max-width: 78%;
    }
}

#plannereventextraitemselectorwrapper .field ul .k-autocomplete {
    width: 130px;
}

#exclusiondays_container {
    width: 100%;
    display: block;
    max-height: 220px;
    overflow: auto;
}

#exclusiondays_container div {
    display: block;
    width: 100%;
    height: 36px;
    float: left;
    margin: 5px 0px 0px;
    overflow: hidden;
}

@media (max-width: 1024px) {
    .k-scheduler-toolbar {
        padding: 1em 2.55em 1em 3.5em;
    }

        .k-scheduler-toolbar .k-dropdown {
            width: 10em;
        }

        .k-scheduler-toolbar .k-link {
            padding: 0 0.3em;
        }

        .k-scheduler-toolbar .k-scheduler-views {
            margin-right: 40px;
            margin-top: 8px;
        }

    .age-dropdown {
        min-width: 145px;
    }
}

button.custom-booking-link.pm-confirm-button {
    float: right;
    margin-top: 10px;
}

.cancelled-event-style {
    background-color: white;
    border: 1px solid;
    border-radius: 3px;
}

    .cancelled-event-style span.event-info-title {
        text-decoration: line-through !important;
    }

.float-right {
    float: right;
}

.inlineActionItemHover.ellipsis {
    max-width: 98%;
}

/*####################### Facility amending ##############################*/
.pm-fam-pay-now-column {
    width: 70px;
    text-align: center;
}

.pm-fam-price-column {
    width: 70px;
}

.pm-fam-facility table td {
    padding: 5px;
}

tr.pm-fam-total-space td {
    padding-top: 20px;
}

.pm-fam-container {
    padding-top: 40px;
}

.pm-fam-section {
    min-width: 350px;
    display: table-cell;
    height: 100%;
}

.pm-fam-section-title {
    font-size: 21px;
    color: #3c7eb7;
    margin: 40px 0px 10px 10px;
}

.pm-fam-facilities {
    margin: 16px 0px 25px 0px;
    border: 1px solid #c9c9c9;
    margin: 0px 10px;
}

.pm-fam-facility-title {
    font-family: 'Open Sans Semibold', 'Open Sans';
    margin-bottom: 7px;
    font-size: 16px;
    color: #000000;
}

.pm-fam-item {
    padding: 3px 0px;
    font-size: 15px;
    color: #4a4a4a;
}

.pm-fam-item-divider {
    margin-top: 10px;
    margin-bottom: 2px;
}

.pm-fam-facility {
    padding: 10px 18px;
    margin-top: 0px;
}

.pm-fam-item-left {
    display: inline-block;
}

.pm-fam-item-right {
    float: right;
    display: inline-block;
}

.pm-fam-facilities hr {
    margin: 10px 4px 0px 4px;
    border: 0;
    height: 1px;
    background: #c9c9c9;
}

.pm-fam-total {
    padding: 15px 18px;
    font-size: 18px;
    color: #23ad58;
}

.pm-fam-pay-now {
    color: #23ad58;
}

.pm-fam-pay-later {
    color: #ff9800;
}

.pm-fam-buttons {
    padding: 32px 26px 36px 26px;
    text-align: right;
}

    .pm-fam-buttons button {
        font-size: 16px;
        padding: 11px 30px;
        border-radius: 3px;
        margin: 0px 8px;
        border: 0px;
        cursor: pointer;
    }

.pm-fam-continue {
    color: #FFFFFF;
    background: #3c7eb7;
}

.pm-fam-cancel {
    color: #4a4a4a;
    background: #eeeeee;
}

.pm-tab-active {
    background: #C9C9C9 !important;
}

/* if vertical scrollbar shows, horizontal will show too */
[data-role="window"].contract-extra-item-selector {
    overflow-x: hidden;
}

.contract-extra-item-selector .pm-fam-item {
    width: 550px;
}

    .contract-extra-item-selector .pm-fam-item .pm-fam-item-left {
        width: 450px;
    }

        .contract-extra-item-selector .pm-fam-item .pm-fam-item-left label {
            white-space: nowrap;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            display: inline-block;
            max-width: 415px;
        }

/*####################### End facility amending ##############################*/

.k-event-bottom-actions {
    width: auto !important;
    margin-left: 49%;
}

.padding-duration-section-wrapper td.three-col-layout {
    vertical-align: top;
}

.padding-duration-section-wrapper .PaddingBefore-wrapper .field .field-validation-error {
    padding-left: 14px;
    max-width: 73px
}

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

    .k-scheduler-layout > tbody > tr > td:first-child {
        width: 80px;
    }

.k-scheduler.scheduler-auto-height {
    height: auto !important;
}

div#header-wrapper:hover {
    z-index: 10005 !important;
}

.k-grid tbody [role=gridcell]:hover {
    cursor: default !important;
}

.expand-location-link {
    background-color: #fff;
    border-radius: 4px;
    margin: 0 21px;
    width: 208px;
    height: 30px;
    position: relative;
    border: 2px solid #e6e6e6;
    cursor: pointer;
}

.expand-location-link .text {
    line-height: 30px;
    color: #000;
    font-size: 13px;
    font-weight: 400;
    padding-left: 9px;
}

.menu-collapsed .expand-location-link {
    padding: 0 3px;
}

.selectboxit-arrow-container {
    height: 32px !important;
    border-left: 1px solid #ccc;
}

.expand-location-link .selectboxit-arrow-container {
    right: 2px;
}

.location-picker input[type="checkbox"] {
    display: none;
}

    .location-picker input[type="checkbox"] + .icon {
        display: block;
        width: 18px;
        height: 18px;
        border-radius: 2px;
        float: left;
        margin-right: 5px;
        border: 1px solid #CCCCCC;
    }

    .location-picker input[type="checkbox"]:checked + .icon {
        background-color: #3C7EB7;
        border: 1px solid #3C7EB7;
    }

    .location-picker input[type="checkbox"]:checked + .icon {
        background-image: url('../../Content/Images/DefaultIcons/check.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 16px;
    }

.location-picker .location, .location-picker .region {
    clear: both;
    padding: 8px 0;
    min-width: 215px;
    display: block;
    margin-right: 15px;
    margin-left: 5px;
}

.location-picker .region {
    font-weight: bold;
}

.location-picker .content {
    color: #6C6C6C;
    background-color: #fff;
    overflow: hidden;
    border-radius: 5px;
    position: fixed;
    z-index: 2;
    left: 15px;
    padding: 10px 5px;
    border: 1px solid #898889;
    padding-right: 0;
    width: 210px;
}

.location-picker .content.location-content {
    min-width: 249px;
}

.calendar-menu .location-picker .content.location-content .location-search-area input {
    width: 190px;
}

    .location-picker .content .scrollable-content {
        max-height: 310px;
        margin-top: 31px;
    }

.location-picker .location span {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 182px;
    white-space: nowrap;
    display: inline-block;
}

.location-picker .content .child-regions {
    margin-left: 10px
}

.location-picker .location {
    margin-left: 20px
}

.location-picker label {
    display: block;
    cursor: pointer;
    position: relative;
}

.location-picker .overlay {
    height: 100%;
    width: 1000%;
    background-color: #000;
    -ms-filter: "alpha(opacity=50)";
    filter: alpha(opacity=60);
    opacity: .6;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
}

.expand-location-picker-link {
    color: #3172B6;
    font-weight: bold;
}

.calendar-menu .location-picker .location-search-area input.serch-text {
    background-color: #fff;
    color: #000;
    border-bottom: 2px solid #F7F7F7;
    width: 151px;
    height: 26px;
    margin-top: -14px;
    margin-left: -3px;
    padding: 4px 29px;
    border-radius: 0;
    outline-width: 0;
}

.calendar-menu .location-picker .all-selected-location {
    color: #999999;
}

.calendar-menu .location-picker .bullet {
    display: block;
    cursor: pointer;
    left: 6px;
    top: 7px;
    position: absolute;
    background-color: #3C7EB7;
    width: 7px;
    height: 7px;
    border-radius: 2px;
}

.calendar-menu .location-picker .location-search-area i.fa.fa-search {
    position: absolute;
    left: 5px;
    top: 2px;
    opacity: 0.3;
}

.calendar-menu .location-picker .location-search-area i.fa.fa-times {
    position: absolute;
    right: 2px;
    top: -6px;
    color: #c18b8b;
    cursor: pointer;
    padding: 8px;
}

.calendar-menu .location-picker .location-search-area {
    position: fixed;
    z-index: 2;
}

.calendar-menu .location-picker .child-region-area {
    margin-left: 10px;
}

.k-scheduler-header .location-name {
    font-weight: bold;
    display: block;
}

.k-scheduler-header .resource-name {
    font-weight: normal;
}

.facility-contract-sheduler-nav {
    font-size: 26px;
    height: 45px;
    width: 28.4%;
    min-width: 270px;
    background-color: rgba(60, 125, 183, 0.2);
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
    border: 1px solid #dbdbdb;
    display: inline-block;
}

    .facility-contract-sheduler-nav div {
        display: inline-block;
        vertical-align: middle;
        margin-top: 5px;
    }

.facility-contract-sheduler-nav-btn {
    width: 15%;
    text-align: center;
    margin-top: 7px;
    cursor: pointer;
}

.facility-contract-sheduler-nav-status {
    color: #69696b;
    font-size: 21px;
    margin: 2px auto;
    width: 64%;
    text-align: center;
}

#facilityContractScheduler {
    border-radius: 0;
}

    #facilityContractScheduler th {
        height: 37px;
        font-size: 16px;
        background: #F8F9FA;
        padding: 0;
    }

#facilityContractScheduler .k-scheduler-toolbar {
    border-width: 0 0 1px;
    display: none;
}

#facilityContractScheduler .k-event {
    color: #6A6D7D;
    background-color: transparent;
    border-radius: 4px;
}

    #facilityContractScheduler .k-event div {
        margin-left: 3px;
        margin-right: 14px;
        padding-left: 14px;
        background: #F3F4F6;
    }

#facilityContractScheduler .k-event-actions {
    display: none;
}

#facilityContractScheduler .event-time {
    font-size: 14px;
    color: #6A6D7D;
    padding-top: 5px;
}

#facilityContractScheduler .event-contact {
    height: 23px;
    font-size: 12px;
    color: #6A6D7D;
    border-radius: 0 0 4px 4px;
}

#facilityContractScheduler .event-title-facility,
#facilityContractScheduler .event-title-location {
    font-size: 14px;
    color: #6923F4;
}

#facilityContractScheduler .k-scheduler-monthview .k-scheduler-table td {
    padding: 0;
}

#facilityContractScheduler .k-scheduler-monthview .k-scheduler-table td.k-today {
    background: #FEF7F3;
    border: 2.44px solid #F44E27;
}

#facilityContractScheduler .k-scheduler-monthview .k-scheduler-table td .k-nav-day-wrapper {
    height: 44px;
    margin: 10px 0 0 15px;
}

#facilityContractScheduler .k-scheduler-monthview .k-scheduler-table td.k-today .k-nav-day-wrapper .k-nav-day {
    background: #F44E27;
    border-radius: 50%;
    color: #fff;
}

#facilityContractScheduler .k-scheduler-monthview .k-scheduler-table td .k-nav-day-wrapper .k-nav-day {
    display: flex;
    height: 34px;
    width: 34px;
    align-items: center;
    justify-content: center;
    color: #6A6D7D;
    font-size: 16px;
    font-weight: bold;
}

#facilityContractScheduler .k-scheduler-monthview .k-more-events.k-button {
    display: flex;
    height: 32px;
    align-items: center;
    justify-content: center;
    background-color: transparent !important;
    margin-right: 0;
}

#facilityContractScheduler .k-scheduler-monthview .k-more-events.k-button span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 81px;
    border: 1px solid #E1E2E8;
    border-radius: 39px;
    margin-top: 0;
    font-size: 12px;
    font-weight: bold;
}

#facilityContractScheduler .k-scheduler-content {
    overflow: hidden;
}

    .k-scheduler-agendaview .k-scheduler-groupcolumn, .k-scheduler-agendaview .k-scheduler-datecolumn, .k-scheduler-agendaview .k-scheduler-timecolumn {
        width: 25%
    }

.facility-contract-print-btn {
    color: #0277bd;
    float: right;
    margin-top: 2px;
    height: 35px;
    width: 145px;
    border-radius: 4px;
    background-color: white;
    border: 1px solid #cccccc;
    font-size: 15px;
    display: table;
    cursor: pointer;
    margin-left: 5px;
}

    .facility-contract-print-btn:hover {
        box-shadow: 1px 1px 1px 1px #ccc;
    }

    .facility-contract-print-btn div {
        display: table-cell;
        padding: 6px 10px;
        text-align: center;
    }

.Contact-autocomplete {
    display: inline-block;
    width: 320px;
}

    .Contact-autocomplete input.field-web-control {
        border: none;
        font-size: 15px;
        text-indent: 3px;
        width: 100%;
    }

    .Contact-autocomplete .pmlookup {
        width: auto;
        display: inline;
        text-align: right;
        float: right;
        max-width: 38px;
        line-height: 28px;
    }

button.autocomplete-button {
    vertical-align: top;
}

.Contact-autocomplete .k-multiselect-wrap {
    min-height: 1.9em;
}

.Alert-wrapper .field-control-wrapper {
    display: inline-block;
    margin-right: 10px;
}

.Alert-wrapper .field .field-control-wrapper:first-child {
    width: calc(100% - 158px);
    margin-left: 4px;
}

.Alert-wrapper .AlertCheckBox-wrapper .field-web-control {
    display: inline-block;
}

.Alert-wrapper .AlertCheckBox-wrapper {
    margin-right: 0;
}

.extras-list-container .extra-item-row {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

.extras-list-container span.price {
    width: 120px;
}

    .extras-list-container span.price .k-numeric-wrap {
        padding-right: 66px;
    }

    .extras-list-container span.price:after {
        content: attr(data-unit);
        position: absolute;
        top: 5px;
        left: 55px;
        color: #ccc;
    }

    .extras-list-container span.price input {
        width: 54px !important;
        min-width: 54px !important;
    }

.extras-list-container .extra-item-control-group {
    display: inline-block;
    width: 595px;
    margin-right: 10px;
}

.extras-list-container .extra-item-control-wrapper {
    display: inline-block;
    margin-right: 10px;
}

    .extras-list-container .extra-item-control-wrapper.total {
        float: right;
        margin-right: 0;
    }

    .extras-list-container .extra-item-control-wrapper label {
        vertical-align: baseline;
        margin-right: 4px;
    }

        .extras-list-container .extra-item-control-wrapper label.control-label {
            font-weight: bold;
        }

        .extras-list-container .extra-item-control-wrapper label.duration-label {
            display: inline-block;
        }

    .extras-list-container .extra-item-control-wrapper .total {
        width: 80px;
    }

.extras-list-container li.multi-item {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

    .extras-list-container li.multi-item .pmf-cross {
        margin-top: 4px;
    }

.extras-list-container .extra-customize-toggle {
    cursor: pointer;
    color: #228ed0;
    font-size: smaller;
}
.fee-list-container span.fee-with-unit span {
    width: 180px;
}
.fee-list-container span.fee-with-unit:after {
    content: attr(data-unit);
    position: relative;
    left: 10px;
    color: #ccc;
    font-size: 10px;
    font-style: italic;
    width: 180px;
    display: inline-block;
}

.kendo-photo-wrapper {
    width: 40px;
    height: 40px;
    position: relative;
    cursor: pointer;
    margin: auto;
}

.kendo-picture {
    height: 100%;
    width: 100%;
    border-radius: 50%;
}

@media screen and (max-width: 1349px) {
    .kendo-photo-wrapper {
        width: 35px;
        height: 35px;
    }
}

@media only screen and (max-width: 1024px) {
    .k-webkit .course-view .k-scheduler-toolbar > ul.k-scheduler-views:not(.k-state-expanded) > li:not(.k-current-view) {
        display: none;
    }
}

.course-view .k-scheduler-toolbar > ul,
.course-view .k-scheduler-toolbar > ul li {
    line-height: 28px;
}

    .course-view .k-scheduler-toolbar > ul li:not(.k-current-view) {
        margin-left: -4px;
    }

        .course-view .k-scheduler-toolbar > ul li:not(.k-current-view) a:hover {
            background-color: #428bca;
            border-color: #428bca;
            color: #fff;
        }

li.k-item.k-columns-item.k-state-default.k-state-border-left > div > ul {
    background-color: #fff;
    color: #333;
}

.k-pdf-export .k-scheduler-toolbar,
.k-pdf-export .k-scheduler-navigation .k-nav-today,
.k-pdf-export .k-scheduler-navigation .k-nav-prev,
.k-pdf-export .k-scheduler-navigation .k-nav-next,
.k-pdf-export .k-scheduler-footer {
    display: none;
}

.k-pdf-export .k-scheduler {
    width: auto;
}

.k-multiselect-wrap .k-loading, .k-hover .k-loading {
    background-image: url('../../Content/Images/ControlIcons/loading-white.png');
    padding: 0px 0px 5px 5px;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#eventSessionsContainer .sessions-container ul {
    border-top: 1px dashed #C3C2C2;
    margin-right: 10px;
}

#eventSessionsContainer .sessions-container {
    max-height: 490px;
    overflow-y: auto;
    overflow-x: hidden;
}

#eventSessionsContainer .time-li {
    font-size: 12px;
    margin: 0;
    text-align: center;
    padding: 21px 0;
}

#eventSessionsContainer .sessions-header {
    text-align: center;
    font-size: 15px;
    color: #AF9E9E;
    margin-bottom: 10px;
}

#eventSessionsContainer .k-loading-mask {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: block;
}

#eventSessionsContainer .cols {
    display: inline-block !important;
    vertical-align: top;
}

#eventSessionsContainer .col-50 {
    width: 49%;
}

.field .disabledChangeLocation {
    color: gray;
}

.pm-multi-calendar div.k-calendar:first-child a.k-nav-next,
.pm-multi-calendar div.k-calendar:last-child a.k-nav-prev {
    display: none;
}
/* Start User Story -  Add Custom option to Repeat Pattern */
#sessionSelectionCalendar td.k-selected a {
    border-radius: 50%;
    background-color: #2a7ab0;
    width: 30px !important;
    height: 30px !important;
    line-height: 17px !important;
}

#sessionSelectionCalendar div.k-calendar:first-child .k-link.k-nav-next {
    display: none;
}

#sessionSelectionCalendar div.k-calendar:last-child .k-link.k-nav-prev,
#sessionSelectionCalendar .k-other-month a {
    display: none;
    background: transparent;
    cursor: auto;
}

#sessionSelectionCalendar .k-link.k-nav-next,
#sessionSelectionCalendar .k-link.k-nav-prev {
    top: 1.3em;
}

#sessionSelectionCalendar .k-other-month,
#sessionSelectionCalendar .k-other-month a,
#sessionSelectionCalendar .k-other-month.k-selected,
#sessionSelectionCalendar .k-other-month a:hover,
#sessionSelectionCalendar .k-other-month.k-weekend.k-selected,
#sessionSelectionCalendar td.k-selected,
#sessionSelectionCalendar td:hover {
    background: transparent;
    box-shadow: none;
    vertical-align: middle;
    cursor: auto;
}

#sessionSelectionCalendar .k-widget.k-calendar {
    min-height: 300px;
    vertical-align: top;
    border-color: #ebedf5;
    min-width: 300px;
}

.editEventContainer .custom-pattern-readonly-container #sessionSelectionCalendar .k-header {
    padding-top: 0px;
}

.editEventContainer #sessionSelectionCalendar .k-header,
#sessionSelectionCalendar .k-calendar th {
    padding-top: 1em;
    text-align: center;
}

#sessionSelectionCalendar .pm-multi-calendar .k-header {
    background-color: #f2f3fa;
    padding-top: 1em;
    padding-top: 0.7em;
    text-align: center;
    border: none;
    box-shadow: none;
    font-size: 16px;
}

#sessionSelectionCalendar .k-calendar .k-nav-prev .k-icon:before,
#sessionSelectionCalendar .k-calendar .k-nav-next .k-icon:before {
    content: '';
}

#sessionSelectionCalendar .k-calendar .k-nav-prev .k-icon {
    background-image: url(../../Content/Images/arrow_left_12.png);
    background-repeat: no-repeat;
    padding: 0 16px 0 0px;
    background-position: center 2px;
}

#sessionSelectionCalendar .k-calendar .k-nav-next .k-icon {
    background-image: url(../../Content/Images/arrow_right_12.png);
    background-repeat: no-repeat;
    padding: 0 16px 0 0px;
    background-position: center 2px;
}

#sessionSelectionCalendar .k-calendar .k-nav-fast {
    font-weight: bold;
}

#sessionSelectionCalendar .k-calendar:first-child .k-nav-fast {
    left: -16px;
}

#sessionSelectionCalendar .k-calendar:last-child .k-nav-fast {
    left: 16px;
}

#sessionSelectionCalendar .k-calendar table.k-calendar-table {
    table-layout: auto;
}

#sessionSelectionCalendar .k-calendar .k-calendar-view {
    width: 21em;
    height: 20em;
}

#sessionSelectionCalendar .k-calendar .k-link.k-nav-fast {
    font-size: 1.2em;
    font-weight: bold;
}

#sessionSelectionCalendar td a {
    height: 30px;
    margin: 5px 0px;
    width: 30px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.1em;
}

#sessionSelectionOverlay {
    width: 100%;
    height: 85%;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 50px;
    z-index: 10;
    display: none;
}
/* End */
/* Large screens ----------- */
@media only screen and (min-width : 1824px) and (min-height:680px) {
    .editEventContainer .edit-event-tab {
        max-height: 552px;
    }
}

@-moz-document url-prefix() {
    .AppliesTo-wrapper td.field.picklist {
        padding-right: 18px;
    }

    .editEventContainer .edit-event-tab {
        max-height: 470px;
    }
}

@media only screen and (min-width : 1824px) {
    @-moz-document url-prefix() {
        .editEventContainer .edit-event-tab {
            max-height: 530px;
        }
    }
}

@media only screen and (max-width : 824px) {
    @-moz-document url-prefix() {
        .editEventContainer .edit-event-tab {
            max-width: 720px;
        }
    }
}

@media only screen and (max-width : 624px) {
    @-moz-document url-prefix() {

        .k-edit-form-container .k-edit-buttons {
            text-align: left;
        }
    }
}

@media all and (-ms-high-contrast:none) {
    .AppliesTo-wrapper td.field.picklist {
        padding-right: 18px;
    }

    .editEventContainer .edit-event-tab {
        max-height: 502px;
    }
}

#customDurationValidation {
    display: block;
    margin: 0 !important;
    padding-left: 0;
    word-wrap: break-word;
    width: 65%;
    border-color: #fbeed5;
    background-color: #fcf8e3;
    color: #c09853;
    border-width: 1px;
    padding: 2px 5px 1px 6px;
    text-align: left;
    font-family: "Times New Roman";
    font-style: italic;
    border-radius: 4px;
    background-repeat: repeat-x;
    min-width: 20px;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    box-sizing: content-box;
    line-height: normal;
    -webkit-appearance: none;
    zoom: 1;
    font-size: 0.9em;
    box-sizing: content-box;
    position: static;
}

.OnlineRegistration-wrapper .field.checkbox label:before,
.AdminRegistration-wrapper .field.checkbox label:before,
.OnlineWithdrawalEnabled-wrapper .field.checkbox label:before,
.OnlineWithdrawalSession-wrapper .field.checkbox label:before {
    margin-top: 0;
}

#reservationsEmailPopup {
    text-align: center;
    padding-top: 25px;
}

    #reservationsEmailPopup input[type='email'] {
        height: 30px;
        width: 200px;
    }

    #reservationsEmailPopup .k-widget.k-tooltip-validation {
        display: none !important;
    }


.OnlineRegistration-wrapper label, .AdminRegistration-wrapper label,
.OnlineWithdrawalEnabled-wrapper label,
.OnlineWithdrawalSession-wrapper label {
    float: left;
}

.OnlineRegistration-wrapper .advanced-settings, .AdminRegistration-wrapper .admin-advanced-settings {
    margin: 8px 0 0 15px;
    display: inline-block;
    font-family: OpenSans;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #3c7eb7;
    border-bottom: dashed 1px #3c7eb7;
    cursor: pointer;
}

#registrationDatesAdvancedSettings {
    z-index: 10010;
}

    #registrationDatesAdvancedSettings .error-container-registration {
        border: 1px solid #ff0000;
        color: #ff0000;
        background-color: antiquewhite;
    }

    #registrationDatesAdvancedSettings .main-section {
        margin-left: 0;
    }

    #registrationDatesAdvancedSettings .AdminRegistrationEndDate-wrapper .date-time-picker,
    #registrationDatesAdvancedSettings .RegistrationEndDate-wrapper .date-time-picker {
        width: 350px;
        margin-left: 20px;
    }

    #registrationDatesAdvancedSettings .AdminResidentsRegistrationDate-wrapper .date-time-picker,
    #registrationDatesAdvancedSettings .AdminMembersRegistrationDate-wrapper .date-time-picker,
    #registrationDatesAdvancedSettings .AdminRegistrationStartDate-wrapper .date-time-picker,
    #registrationDatesAdvancedSettings .ResidentsRegistrationDate-wrapper .date-time-picker,
    #registrationDatesAdvancedSettings .MembersRegistrationDate-wrapper .date-time-picker,
    #registrationDatesAdvancedSettings .RegistrationStartDate-wrapper .date-time-picker {
        width: 350px;
        margin-left: 71px;
    }

    #registrationDatesAdvancedSettings .auto-apply-prorate-span {
        width: 318px;
        height: 15px;
        font-size: 11px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        text-align: left;
        color: #69696b;
    }

.AdminAllowProrateLateRegistation-wrapper,
.OnlineAllowProrateLateRegistation-wrapper {
    display: block;
    padding-top: 20px;
}

    .AdminAllowProrateLateRegistation-wrapper .label,
    .OnlineAllowProrateLateRegistation-wrapper .label {
        display: inline-block;
        width: 70%;
    }

    .AdminAllowProrateLateRegistation-wrapper .field.checkbox,
    .OnlineAllowProrateLateRegistation-wrapper .field.checkbox {
        display: inline-block;
        text-align: right;
        width: 20%;
    }

    .AdminAllowProrateLateRegistation-wrapper .filter-label,
    .OnlineAllowProrateLateRegistation-wrapper .filter-label {
        height: 24px;
        font-size: 18px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        color: #3c7eb7;
    }

.registration-startdate-header,
.registration-enddate-header {
    height: 24px;
    margin-bottom: 20px;
    margin-left: 3px;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #3c7eb7;
}

.registration-startdate-header {
    padding-top: 10px;
}

.registration-enddate-header {
    border-top: 1px solid #cecece;
    margin-top: 20px;
    padding-top: 20px;
}

#registrationDatesAdvancedSettings .main-section .filter-label {
    text-align: left;
}

#registrationDatesAdvancedSettings .date-row {
    height: 35px;
    line-height: 35px;
}

#registrationDatesAdvancedSettings .col-label {
    padding-left: 5px;
    width: 105px;
}

#registrationDatesAdvancedSettings .col-value {
    width: 315px;
    font-weight: bold;
}

#registrationDatesAdvancedSettings .col-change-date {
    width: 80px;
    cursor: pointer;
}

#registrationDatesAdvancedSettings .col-remove {
    width: 50px;
}

    #registrationDatesAdvancedSettings .col-remove .remove-date-icon:before {
        content: "a";
        font-family: perfectmind;
    }

#registrationDatesAdvancedSettings .change-date-icon {
    background: url(../../Content/images/edit-pencil.svg) center no-repeat;
    margin: 9px 0 0 5px;
    width: 13px;
    height: 13px;
    display: inline-block;
    cursor: pointer;
}

#registrationDatesAdvancedSettings .change-date-btn {
    color: #3c7eb7;
    border-bottom: dashed 1px #3c7eb7;
}

#registrationDatesAdvancedSettings .prorate-section {
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    margin-top: 20px;
    padding-bottom: 20px;
}

    #registrationDatesAdvancedSettings .prorate-section table {
        margin-top: 20px;
    }

    #registrationDatesAdvancedSettings .prorate-section .prorate-switch-row .label {
        font-size: 18px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        color: #3c7eb7;
    }

    #registrationDatesAdvancedSettings .prorate-section .prorate-switch-row .field {
        float: right;
    }

    #registrationDatesAdvancedSettings .prorate-section .prorate-sessions-row {
        display: block;
        padding-top: 20px;
    }

        #registrationDatesAdvancedSettings .prorate-section .prorate-sessions-row .k-numerictextbox {
            width: 110px;
            display: inline-block;
        }

        #registrationDatesAdvancedSettings .prorate-section .prorate-sessions-row .sessions-label {
            display: inline-block;
            font-size: 10px;
            font-weight: 300;
            font-style: italic;
            color: #69696b;
        }

    #registrationDatesAdvancedSettings .prorate-section .filter-label {
        text-align: left;
    }

#registrationDateOptionsSelector {
    padding: 3px;
}

    #registrationDateOptionsSelector .reg-date-options-selector-row {
        height: 35px;
        line-height: 35px;
        cursor: pointer;
        padding-left: 10px;
    }

        #registrationDateOptionsSelector .reg-date-options-selector-row:not(:last-child) {
            border-bottom: 1px solid #cecece;
        }

        #registrationDateOptionsSelector .reg-date-options-selector-row:hover {
            background-color: #407FB5;
            color: white;
        }

        #registrationDateOptionsSelector .reg-date-options-selector-row .reg-date-period-lbl {
            font-weight: bold;
            display: inline-block;
            width: 70px;
        }

    #registrationDateOptionsSelector .reg-date-selector {
        padding: 10px;
        text-align: center;
    }

        #registrationDateOptionsSelector .reg-date-selector .k-numerictextbox {
            width: 100px;
        }

        #registrationDateOptionsSelector .reg-date-selector .reg-date-before-label {
            font-weight: bold;
            padding-left: 10px;
        }

        #registrationDateOptionsSelector .reg-date-selector .reg-date-done-btn {
            margin-top: 10px;
            width: 160px;
        }

        #registrationDateOptionsSelector .reg-date-selector .reg-date-customdate-section .reg-date-customdate-title {
            text-align: left;
            font-weight: bold;
        }

        #registrationDateOptionsSelector .reg-date-selector .reg-date-customdate-section .reg-date-customdate-pickers {
            padding-top: 10px;
        }

            #registrationDateOptionsSelector .reg-date-selector .reg-date-customdate-section .reg-date-customdate-pickers .k-datepicker {
                width: 110px;
            }

            #registrationDateOptionsSelector .reg-date-selector .reg-date-customdate-section .reg-date-customdate-pickers .k-timepicker {
                width: 110px;
            }

.AdminProratedAfterSessionsNumber-wrapper,
.OnlineProratedAfterSessionsNumber-wrapper {
    display: block;
    padding-top: 20px;
}

    .OnlineProratedAfterSessionsNumber-wrapper .k-numerictextbox,
    .AdminProratedAfterSessionsNumber-wrapper .k-numerictextbox {
        width: 112px;
        height: 40px;
        border-radius: 4px;
        background-color: #ffffff;
    }

    .OnlineProratedAfterSessionsNumber-wrapper .label,
    .AdminProratedAfterSessionsNumber-wrapper .label {
        width: 50%;
    }

    .OnlineProratedAfterSessionsNumber-wrapper .field.number,
    .AdminProratedAfterSessionsNumber-wrapper .field.number {
        width: 49%;
    }

    .OnlineProratedAfterSessionsNumber-wrapper .k-numeric-wrap.k-state-default .sessions-label,
    .AdminProratedAfterSessionsNumber-wrapper .k-numeric-wrap.k-state-default .sessions-label {
        padding-left: 37px;
        width: 36px;
        height: 14px;
        font-size: 10px;
        font-weight: 300;
        font-style: italic;
        font-stretch: normal;
        color: #69696b;
    }

    .OnlineProratedAfterSessionsNumber-wrapper .k-numerictextbox .k-input::-webkit-input-placeholder {
        text-align: right;
        width: 36px;
        height: 14px;
        font-size: 10px;
        font-weight: 300;
        font-style: italic;
        font-stretch: normal;
        color: #69696b;
    }

    .OnlineProratedAfterSessionsNumber-wrapper .k-numerictextbox .k-input::-moz-placeholder {
        text-align: right;
        width: 36px;
        height: 14px;
        font-size: 10px;
        font-weight: 300;
        font-style: italic;
        font-stretch: normal;
        color: #69696b;
    }

    .OnlineProratedAfterSessionsNumber-wrapper .k-numerictextbox .k-input:-ms-input-placeholder {
        text-align: right;
        width: 36px;
        height: 14px;
        font-size: 10px;
        font-weight: 300;
        font-style: italic;
        font-stretch: normal;
        color: #69696b;
    }

    .AdminProratedAfterSessionsNumber-wrapper .k-numerictextbox .k-input::-webkit-input-placeholder {
        text-align: right;
        width: 36px;
        height: 14px;
        font-size: 10px;
        font-weight: 300;
        font-style: italic;
        font-stretch: normal;
        color: #69696b;
    }

    .AdminProratedAfterSessionsNumber-wrapper .k-numerictextbox .k-input::-moz-placeholder {
        text-align: right;
        width: 36px;
        height: 14px;
        font-size: 10px;
        font-weight: 300;
        font-style: italic;
        font-stretch: normal;
        color: #69696b;
    }

    .AdminProratedAfterSessionsNumber-wrapper .k-numerictextbox .k-input:-ms-input-placeholder {
        text-align: right;
        width: 36px;
        height: 14px;
        font-size: 10px;
        font-weight: 300;
        font-style: italic;
        font-stretch: normal;
        color: #69696b;
    }

.AdminAutoApplyProrate-wrapper {
    display: block;
}

    .AdminAutoApplyProrate-wrapper .label {
        display: inline-block;
        width: 25.8%;
    }

        .AdminAutoApplyProrate-wrapper .label .ellipsis.filter-label {
            margin-top: 10px;
        }

    .AdminAutoApplyProrate-wrapper .field.checkbox {
        display: inline-block;
    }

        .AdminAutoApplyProrate-wrapper .field.checkbox .field-web-control {
            width: 116%;
        }

#registrationDatesAdvancedSettings .field.checkbox label:before {
    margin-top: 0;
}

@media only screen and (min-width : 2400px) and (min-height: 920px) {
    .editEventContainer .edit-event-tab {
        max-height: 800px;
    }
}

.k-scheduler-table .k-today.k-nonwork-hour {
    background: #f5f5f5;
}

.MinimumCapacity-wrapper .intcombobox {
    display: inline-flex !important;
}

.OnlineRegistration-wrapper .onlineRegistrationFields, .AdminRegistration-wrapper .adminRegistrationFields {
    display: inline-flex;
}

.OnlineRegistration-wrapper .onlineRegistrationFields, .AdminRegistration-wrapper .adminRegistrationFields {
    width: 100%;
    margin-top: 10px;
}

.MinimumCapacity-wrapper .field-control-wrapper {
    padding-right: 16px;
}

.onlineRegistrationFields .firstColumn, .onlineRegistrationFields .secondColumn, .adminRegistrationFields .firstColumn, .adminRegistrationFields .secondColumn {
    width: 47%;
    margin-right: 20px;
}

.registrationDateField {
    width: 100%;
    padding: 8px;
    border-bottom: 1px solid #e7e7e7;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .registrationDateField:first-child {
        border-top: 1px solid #e7e7e7;
    }

    .registrationDateField .startdate {
        color: green;
        width: 75px;
        display: inline-block;
        font-style: italic;
        margin-right: 15px;
    }

    .registrationDateField .enddate {
        color: red;
        width: 75px;
        display: inline-block;
        font-style: italic;
    }

.OnlineRegistration-wrapper .advanced-settings .attention-icon {
    background: url("../../content/images/defaulticons/attention-triangle.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    width: 30px;
    height: 30px;
    float: right;
    margin-left: 5px;
    -moz-animation: 1s ease 0s normal none infinite swing;
    -moz-transform-origin: center top;
    -webkit-animation: swing 0.5s 3 ease-in-out;
    -webkit-transform-origin: top;
}

/*Cancellation contract popup*/

#terminateContractWrapper {
    width: 529px;
    padding: 12px 0;
}

.cancellation-contract-section-wrapper {
    max-height: 560px;
    overflow-y: auto;
}

.cancellation-contract-section {
    border-bottom: solid 2px #F1F1F1;
}

    .cancellation-contract-section.refund-method-section {
        padding: 8.5px 20px 18px 22px;
        margin-right: 5px;
        box-sizing: border-box;
    }

    .cancellation-contract-section.fee-section {
        padding: 8.5px 20px 18px 22px;
        margin-right: 5px;
        box-sizing: border-box;
    }

    .cancellation-contract-section.deposit-section {
        padding: 6.5px 20px 15.5px 22px;
        margin-right: 5px;
        box-sizing: border-box;
    }

    .cancellation-contract-section.cancellation-fee-section {
        padding: 21.5px 20px 18px 22px;
        margin-right: 5px;
        box-sizing: border-box;
    }

.total-section {
    padding: 30.5px 25px 0 22px;
    box-sizing: border-box;
}

.detail-information-section {
    padding: 22px 0 0 0;
    box-sizing: border-box;
}

.detail-information-section-label {
    width: 47px;
    height: 17px;
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #2e2e2e;
}

.detail-information-section-value {
    width: 38px;
    height: 17px;
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    text-align: right;
    color: #2e2e2e;
    float: right;
}

#CancellationContractWrapper .section-name {
    height: 19px;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
}

#CancellationContractWrapper .total-section-name {
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    height: 30px;
}

#CancellationContractWrapper .k-window-titlebar.k-header {
    height: 58px;
    box-sizing: border-box;
    border-bottom: solid 2px #F1F1F1;
}

#CancelattionContractWrapper .k-window-title {
    width: 183px;
    height: 28px;
    font-size: 21px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #3c7eb7;
    margin-left: 16px;
    margin-top: 13px;
}

.section-name.border-bottom {
    border-bottom: solid 2px #F1F1F1;
}

.refund-method-section .section-name {
    display: inline-block;
    padding-right: 50px;
}

.amount-paid {
    width: 66px;
    height: 17px;
    font-size: 12px;
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
    text-align: right;
    color: #2e2e2e;
}

.amount-paid-fee-section-value {
    height: 19px;
    width: 44px;
    opacity: 0.8;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    text-align: right;
    margin-left: 34px;
}

.amount-paid-deposit-section-value {
    height: 17px;
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    color: #323232;
    margin-left: 34px;
}

    .amount-paid-fee-section-value.font-weight,
    .amount-paid-deposit-section-value.font-weight {
        font-weight: 600;
    }

.amount-paid-fee-section-value.placing-label {
    margin-left: 46px;
}

.amount-paid-fee-section-value.textbox-formatting {
    width: 74px;
    height: 34px;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #cccccc;
    text-align: right;
    font-weight: 600;
    margin-left: 8px;
}

.amount-paid-deposit-section-value.textbox-formatting {
    width: 74px;
    height: 34px;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #cccccc;
    text-align: right;
    margin-left: 8px;
}

.show-detail {
    width: 53px;
    height: 14px;
    font-size: 10px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #000000;
}

input[name='feeSectionRadioButton'],
input[name='depositSectionRadioButton'] {
    visibility: hidden;
    position: absolute;
}

    input[name='feeSectionRadioButton'] + label:before,
    input[name='depositSectionRadioButton'] + label:before {
        height: 16px;
        margin-right: 5px;
        content: " ";
        display: inline-block;
        vertical-align: baseline;
        transition: 0.3s;
        border: 1px solid #ccc;
        border-radius: 10px;
    }

    input[name='feeSectionRadioButton'] + label:before,
    input[name='depositSectionRadioButton'] + label:before {
        border-radius: 50%;
        width: 16px;
        height: 16px;
        border: solid 1px #cccccc;
    }

    input[name='feeSectionRadioButton']:checked + label:before,
    input[name='depositSectionRadioButton']:checked + label:before {
        background-color: #3c7eb7;
        border: solid 1px #3c7eb7;
        box-shadow: inset 0 -1px 3px #eee, inset 0 0 1px #eee, inset 0 0 0 2px #eee;
    }

.credit-label {
    width: 30px;
    height: 17px;
    font-size: 12px;
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
    text-align: right;
    color: #2e2e2e;
    margin-right: 28px;
}

.payment-label {
    width: 119px;
    height: 17px;
    font-size: 12px;
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
    text-align: right;
    color: #2e2e2e;
    margin-left: 5px;
}

.reason-input {
    width: 98%;
    height: 56px;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #cccccc;
    resize: none;
    padding: 0.4em;
    box-sizing: border-box;
    margin-top: 0.4em;
}

.margin-formatting {
    margin-top: 11px;
}

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

.first-column-formatting {
    display: inline-block;
    padding-top: 8px;
}

.second-column-formatting {
    display: inline-block;
    float: right;
}

::-webkit-input-placeholder {
    height: 17px;
    opacity: 0.4;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #2e2e2e;
}

:-moz-placeholder {
    height: 17px;
    opacity: 0.4;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #2e2e2e;
}

:-moz-placeholder {
    height: 17px;
    opacity: 0.4;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #2e2e2e;
}

:-ms-input-placeholder {
    opacity: 0.4;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #2e2e2e;
}

.cancellation-fee-dropdown, .cancellation-reason-dropdown {
    width: 214px;
    height: 34px;
    border-radius: 4px;
    background-color: #ffffff;
}

.cancellation-contract-buttons-section {
    margin: 24.3px 15px 15px 30px;
    text-align: right;
}

.close-calcellation-contract-button {
    width: 110px;
    border-radius: 4px;
    background-color: #eeeeee;
}

.refund-contract-button {
    width: 139px;
    border-radius: 4px;
    background-color: #3c7eb7;
    color: #ffffff;
}

#terminateContractWrapper_wnd_title {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
}

#terminateContractWrapper .section {
    padding: 1em;
}


#terminateContractWrapper .section-name {
    margin-bottom: 0.6em;
}



.cancellation-contract-section.cancellation-fee-section .k-icon {
    background-position: 0 -288px;
}

.second-column-formatting .k-numerictextbox {
    width: 74px;
    margin-left: 8px;
}

.second-column-formatting .k-formatted-value.k-input {
    font-size: 13px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    text-align: right;
    color: #2e2e2e;
}

.second-column-formatting .k-numeric-wrap {
    border-radius: 4px;
}

.second-column-formatting.readonly-container {
    pointer-events: none;
}

    .second-column-formatting.readonly-container .k-numeric-wrap {
        border: none;
    }

        .second-column-formatting.readonly-container .k-numeric-wrap .k-formatted-value.k-input {
            box-shadow: none;
        }

.k-overlay-custom {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5;
}

.scheduler-container .main-view .course-area .event-group-image {
    width: 100px;
    margin-right: 20px;
}

.scheduler-container .main-view .course-area .event-group-body {
    width: 80%;
}

.scheduler-container .main-view .course-area .event-group-image,
.scheduler-container .main-view .course-area .event-group-body {
    display: inline-block;
    vertical-align: middle;
}

    .scheduler-container .main-view .course-area .event-group-image img {
        height: 100px;
        width: 100px;
        border-radius: 50%;
        vertical-align: middle;
    }

.scheduler-container .main-view .course-area .event-group-area {
    margin-top: 10px;
}

    .scheduler-container .main-view .course-area .event-group-area .event-group-action-btns {
        margin-left: 30px;
    }


    .scheduler-container .main-view .course-area .event-group-area .event-group-enroll {
        width: 95px;
        margin-right: 0px;
    }

.scheduler-container .main-view .course-area .event-group-header {
    margin-left: 30px;
}

.scheduler-container .main-view .course-area .event-group-name {
    font-size: 18px;
    font-weight: 600;
    color: #666666;
}

.scheduler-container .main-view .course-area .event-group-description {
    font-size: 12px;
    color: #414141;
    font-weight: 600;
    margin-top: 10px;
}

    .scheduler-container .main-view .course-area .event-group-description span {
        /*height: 50px;*/
        display: block;
        width: 90%;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.scheduler-container .main-view .course-area .event-group-item {
    height: 100px;
}

.scheduler-container .main-view .course-area .event-group-items {
    margin: 25px 0;
}

.scheduler-container .main-view .course-area .event-group-item table {
    height: 100%;
    width: 80%;
    border-width: 1px 1px 1px 5px;
    border-color: #3C7EB7;
    border-style: solid;
}

    .scheduler-container .main-view .course-area .event-group-item table tr td:first-child {
        padding-left: 10px;
    }

.scheduler-container .main-view .course-area .event-group-item-cb {
    width: 30px;
    height: 100px;
    float: left;
    line-height: 100px;
}

.scheduler-container .main-view .course-area .event-group-item-rb {
    width: 30px;
    height: 100px;
    float: left;
    line-height: 32px;
}

    .scheduler-container .main-view .course-area .event-group-item-rb .holiday-radio-btn:not(old) + label {
        display: inline-block;
        margin-left: -2px !important;
    }

.scheduler-container .main-view .course-area .event-group-item-title {
    font-size: 16px;
    font-weight: 600;
    color: #3C7EB7;
}

.scheduler-container .main-view .course-area .event-group-item-edit {
    min-width: 80px;
}

.scheduler-container .main-view .course-area .event-group-item-edit,
.scheduler-container .main-view .course-area .event-group-item-spots-left {
    padding-right: 5px;
    text-align: right;
}

.scheduler-container .main-view .course-area .pad-13 {
    padding-left: 13%
}

.scheduler-container .main-view .course-area .event-group-item-days div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 330px;
}

.scheduler-container .main-view .course-area .event-group-item-cb .pm-checkbox-blue + label:before {
    border-radius: 2px;
}

.scheduler-container .main-view .course-area .edit-pencil-enadled {
    background: url(../../Content/images/leftPanels/pensil-icon-hover.png) center no-repeat;
    margin: 5px 2px -1px -5px;
    width: 13px;
    height: 13px;
    display: inline-block;
    cursor: pointer;
}

.scheduler-container .main-view .course-area .edit-pencil {
    background-image: url(../../Content/images/edit-pencil.svg);
    margin-top: -5px;
    width: 12px;
    height: 14px;
    display: inline-block;
}

.scheduler-container .main-view .course-area .event-group-item-description-popup {
    font-weight: 400;
    width: 320px;
    font-size: 15px;
}

.scheduler-container .main-view .course-area .edit-child-care-event {
    color: #3c7eb7;
    cursor: pointer;
    font-weight: 600;
    display: inline-block;
    border-bottom: 1px dashed rgb(60, 126, 183);
}

.scheduler-container .main-view .course-area .event-group-item-cb .pm-checkbox-blue:not(:checked) + label:before {
    border: 1px solid #cccccc;
}

.scheduler-container .main-view .course-area .service-group-area {
    margin-top: 20px;
}

    .scheduler-container .main-view .course-area .service-group-area .service-group-description {
        width: 80%;
        font-size: 12px;
        color: #414141;
        font-weight: 600;
    }

    .scheduler-container .main-view .course-area .service-group-area .service-group-name {
        font-size: 20px;
        font-weight: bold;
    }

    .scheduler-container .main-view .course-area .service-group-area .service-group-action-btns {
        margin-bottom: 20px;
        height: 32px;
    }

.contact-open-print-btn {
    color: #0277bd;
    float: right;
    margin-top: 2px;
    height: 35px;
    width: 150px;
    border-radius: 4px;
    background-color: white;
    border: 1px solid #cccccc;
    font-family: "Open Sans";
    font-size: 15px;
    display: table;
    cursor: pointer;
}

    .contact-open-print-btn .icon-wrapper {
        border-left: 1px solid rgba(204, 204, 204, 0.5);
    }

    .contact-open-print-btn div {
        display: table-cell;
        padding: 6px 10px;
    }

.contact-print-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;
    width: 200px;
}

#exportPopup .k-primary.k-button {
    width: 45%;
}

.k-scheduler-adgendagroup {
    word-break: break-word;
}

.k-scheduler-content .k-event-top-actions {
    left: 25px;
    width: 80%;
}

.AgeRule-wrapper .label {
    width: 36.5%;
}

ul > li.k-item.k-columns-item.k-state-default.k-state-border-left > div > ul {
    background-color: white;
    color: #3a3a3a;
}

#courseGrid .k-grid-header-wrap .k-header a.k-link {
    color: #228ED0;
    font-weight: bold;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .field.search-contact-area .event-tag:-ms-input-placeholder {
        height: 2.7em;
        background: transparent;
        border-right: none;
    }
}

.editEventContainer .EventGroup-wrapper .event-group-text {
    padding-top: 8px;
}

.btn-show-cancelled-events {
    background: none !important;
    border: none;
    padding: 0 !important;
    font: inherit;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 35px;
    color: #78bee8;
    font-weight: bold;
}

.show-cancelled-events-icon {
    position: absolute;
    margin-left: 5px;
    margin-top: 2px;
}

.main-view div#calendar-no-events-msg {
    position: relative;
    top: 35px;
}

#plannereventextraitemselectorwrapper .feerange-container > span {
    border-bottom: 1px dotted #3c7eb7;
    color: #3c7eb7;
    cursor: pointer;
}


#scheduler .k-scheduler-agendaview .k-task {
    padding-left: 20px;
}

    #scheduler .k-scheduler-agendaview .k-task .k-icon {
        margin-left: -20px;
    }

@media (min-width: 1800px) {
    .reservation td {
        padding: 15px 15px 0 8px;
    }

    .reservation-area tr:nth-child(1) {
        width: 18.7%;
    }

    .reservation-area .adjusted-header tr:nth-child(1) {
        width: 18.6%;
    }

    .reservation-area tr:nth-child(2) {
        width: 14.3%;
    }

    .reservation-area tr:nth-child(3) {
        width: 20%;
    }

    .reservation-area .adjusted-header tr:nth-child(3) {
        width: 17%;
    }

    .reservation-area .adjusted-header tr:nth-child(4) {
        width: 6%;
    }

    .reservation-area tr:nth-child(4) {
        width: 6%;
    }

    .reservation-area .adjusted-header tr:nth-child(5) {
        width: 6%;
    }

    .reservation-area tr:nth-child(5) {
        width: 6%;
    }



    .reservation-area .adjusted-header .reservation-header-total {
        width: 4.75%;
    }

    .reservation-area .reservation-header-total {
        width: 5%;
    }

    .reservation td:nth-child(3) {
        width: 20.5%;
    }

    .reservation td.adjusted:nth-child(3) {
        width: 17.5%;
    }

    .reservation td:nth-child(4), .reservation td:nth-child(5) {
        padding: 15px 0 0 0;
        width: 6%;
    }

    .reservation td:nth-child(6), .reservation td:nth-child(7) {
        padding: 15px 0 0 2px;
        width: 5%;
    }

    .reservation .reservation-status-oval {
        display: inline-table;
        margin-right: 20px;
    }

    .reservation-area .action-description {
        display: inline;
        font-size: 12px;
    }

    .reservation-area .regstrFormButton {
        display: inline;
    }
}

#locationListDdl-list .k-group-header, #locationListDdl_listbox li div.k-group {
    background: #fff;
    color: black;
    font-size: 14px;
    display: inline-block;
    left: 8px;
    top: 5px;
    position: relative;
    height: 35px;
}

#locationListDdl-list div.region-item .location-item div {
    position: relative;
    left: 20px;
}

.location-list-ddl .k-dropdown-wrap.k-state-default {
    width: 200px;
}

    .location-list-ddl .k-dropdown-wrap.k-state-default span.k-input {
        max-width: 95%;
    }

.location-list-ddl span.k-i-arrow-60-down {
    background-position: -2px -55px;
    height: 15px;
    width: 20px;
    background-image: url(../Images/LeftPanels/booking-icon.png);
    margin-right: 1px;
    cursor: pointer;
    color: transparent;
    position: absolute;
    top: 8px;
    display: block;
}

#locationListDdl-list div.region-item .location-item span {
    text-align: center;
}

#locationListDdl-list li {
    height: 35px;
    border-top: 1px solid #ccc;
}
    #locationListDdl-list li.k-selected span.location-icon {
        color: #fff;
    }
#locationListDdl-list .location-icon {
    color: #69696b;
    position: relative;
    padding: 8px 35px 8px 20px;
    left: 20px;
    top: 5px;
}

    #locationListDdl-list .location-icon:before {
        content: '';
        position: absolute;
        width: 3px;
        height: 2px;
        border: 5px solid #ebba16;
        border-radius: 50%;
        left: 0;
        top: 7px;
    }

    #locationListDdl-list .location-icon:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        left: 0px;
        top: 14px;
        border-left: 7px solid transparent;
        border-right: 6px solid transparent;
        border-top: 12px solid #ebba16;
        border-radius: 15px;
    }

#locationListDdl-list li:hover,
#locationListDdl-list li:hover span {
    background-color: #428bca;
    color: #fff;
}

#locationListDdl-list .location-icon:hover {
    background-color: #428bca;
    color: #fff;
    opacity: 1;
    cursor: pointer;
}


#locationListDdl_list li.k-selected,
#locationListDdl_list li.k-hover,
#locationListDdl_list li.k-focused {
    color: #fff;
    cursor: default;
}

#locationSelectorWindow {
    height: auto;
    min-height: 180px;
}

    #locationSelectorWindow .location-notification-message {
        font-size: 15px;
        font-weight: 400;
        color: black;
        padding-bottom: 10px;
    }

    #locationSelectorWindow .location-container {
        display: grid;
        padding: 0 12px;
        position: relative;
    }

        #locationSelectorWindow .location-container p {
            color: rgb(249, 49, 49);
            font-weight: bold;
        }

    #locationSelectorWindow .edit-buttons {
        display: inline-block;
        float: right;
        padding: 10px 5px;
        right: 0;
        bottom: 0;
    }

li.k-selected span.location-icon {
    color: #fff;
}


.k-scheduler-pdf-export .k-button.k-pdf,
.k-scheduler-pdf-export .k-more-events.k-button,
.k-scheduler-pdf-export .k-scheduler-table .resource-picker-link {
    display: none !important;
}

.k-scheduler-pdf-export .scheduler-export-header {
    text-align: center;
    height: 62px;
    line-height: 30px;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    font-size: 22px;
}

.k-scheduler-pdf-export .k-scheduler-monthview .k-scheduler-header {
    border-bottom: 2px solid #ccc;
    margin: 0;
}

.k-scheduler-pdf-export .k-scheduler-header .k-scheduler-groupcolumn {
    display: table-cell;
}

.k-scheduler-pdf-export .k-event {
    background-color: transparent;
}

.k-scheduler-pdf-export .k-scheduler-monthview .k-event {
    border: 1px solid #68686a;
}

    .k-scheduler-pdf-export .k-scheduler-monthview .k-event .event-info,
    .k-scheduler-pdf-export .k-scheduler-weekview .k-event .event-info,
    .k-scheduler-pdf-export .k-scheduler-weekview .k-event .k-event-actions {
        display: none;
    }

    .k-scheduler-pdf-export .k-scheduler-monthview .k-event .export-event-info, .k-scheduler-pdf-export .k-scheduler-weekview .k-event .export-event-info {
        color: black;
        display: block !important;
    }

.k-scheduler-pdf-export .k-scheduler-weekview .k-event .export-event-info {
    border: 1px solid #68686a;
    background-color: white;
    border-radius: 2px;
    margin: 3px;
}

.k-scheduler-pdf-export .k-scheduler-weekview .k-event .k-event-top-actions {
    width: 20px;
    right: 0;
    left: auto !important;
    top: 15px;
}

.k-scheduler-pdf-export .k-scheduler-weekview .k-event .k-event-bottom-actions {
    width: 20px;
    right: 0;
    left: auto !important;
    bottom: 15px;
}

.k-scheduler-pdf-export .k-scheduler-weekview .k-scheduler-header-wrap .location-name {
    font-weight: normal;
    padding-left: 5px;
}

.k-scheduler-pdf-export .k-scheduler-weekview .k-scheduler-header-wrap .instructor-name {
    font-weight: bold;
    font-size: 22px;
}

.k-scheduler-pdf-export .k-scheduler-weekview .k-scheduler-header-wrap .recource-name,
.k-scheduler-pdf-export .k-scheduler-weekview .k-scheduler-header-wrap .location-name {
    display: inline-block;
    font-size: 22px;
}

.k-scheduler-pdf-export .k-scheduler-monthview .k-scheduler-content .k-scheduler-table {
    background-image: url('../../Content/Images/scheduler-export-background.png');
}

.k-scheduler-pdf-export .k-scheduler-monthview .disabled-export-event,
.k-scheduler-pdf-export .k-scheduler-weekview .disabled-export-event {
    display: none !important;
}

.k-scheduler-pdf-export .k-scheduler-monthview .k-event .export-event-info .event-info-title, .k-scheduler-pdf-export .k-scheduler-weekview .k-event .export-event-info .event-info-title {
    font-weight: bold;
    word-wrap: break-word;
    padding-left: 10px;
    padding-right: 20px;
}

.k-scheduler-pdf-export .k-scheduler-weekview .k-event .export-event-info .event-info-title {
    max-width: 90%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.k-scheduler-pdf-export .k-scheduler-monthview .k-event .export-event-info .event-info-time, .k-scheduler-pdf-export .k-scheduler-weekview .k-event .export-event-info .event-info-time {
    color: #525152;
    padding-left: 10px;
}

.k-scheduler-pdf-export .k-scheduler-weekview .k-event .export-event-info .event-info-padding-before,
.k-scheduler-pdf-export .k-scheduler-weekview .k-event .export-event-info .event-info-padding-after {
    background-color: #f0f0f0;
    padding: 0 5px;
    font-size: 12px;
    color: #A9A9A9;
}

.k-scheduler-pdf-export .k-scheduler-weekview .k-event .export-event-info {
    position: relative;
}

    .k-scheduler-pdf-export .k-scheduler-weekview .k-event .export-event-info .event-info-padding-after {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
    }

.k-scheduler-pdf-export .k-scheduler-weekview .k-scheduler-times-all-day th,
.k-scheduler-pdf-export .k-scheduler-weekview .k-scheduler-header-all-day td {
    border-bottom-width: 1px !important;
}

.k-scheduler-pdf-export .k-scheduler-weekview .k-event .export-event-info .event-info-padding-before {
    border-bottom: 1px dashed gray;
}

.k-scheduler-pdf-export .k-scheduler-weekview .k-event .export-event-info .event-info-padding-after {
    border-top: 1px dashed gray;
}

.k-scheduler-pdf-export .k-scheduler-weekview .k-event .export-event-info .event-info-padding-value {
    float: right;
}

.k-scheduler-pdf-export .k-scheduler-monthview .k-scheduler-content .k-scheduler-table td:not(.k-other-month) {
    background-color: white;
}

.k-scheduler-pdf-export .k-other-month {
    opacity: .5;
}

.k-scheduler-pdf-export .disabled-export-row {
    display: none;
}

.k-scheduler-pdf-export .k-scheduler-weekview .k-scheduler-times th {
    padding-right: 8px;
}

.float-right-tota {
    float: right;
    margin-right: 27px;
    font-weight: bold;
    padding-top: 5px;
}

.pm-refund-warning {
    color: #F5A20B;
}

.pm-refund-ok {
    color: #4C921B;
}

.clearBoth {
    clear: both
}

#plannereventadditionalfacilityselectorwrapper .time-overlaps {
    width: 390px;
    display: inline-block;
}

#plannereventadditionalfacilityselectorwrapper .field-validation-error {
    width: 275px;
    display: inline-block;
}

#plannereventadditionalfacilityselectorwrapper .startTimeFacility,
#plannereventadditionalfacilityselectorwrapper .endTimeFacility {
    width: 134px;
}

#plannereventadditionalfacilityselectorwrapper .start-time-overlaps span.startTimeFacility,
#plannereventadditionalfacilityselectorwrapper .end-time-overlaps span.endTimeFacility {
    border: 1px solid red;
}

.prorateFee-apply {
    background-color: #2A7AB0 !important;
    color: #ffffff !important;
}

.prorateFee-undo {
}

/*#schedulerExportProgress.k-content {
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: -20px;
}*/


#schedulerExportProgressWrapper .k-header {
    border-bottom: none;
}

#schedulerExportProgressWrapper .popup-heading {
    font-size: 21px;
    font-family: "Open Sans";
    font-size: 24px;
    color: #3c7eb7;
}

#schedulerExportProgressWrapper .sr-progress-status {
    float: right;
    margin-right: 47px;
    color: gray;
}

#schedulerExportProgressWrapper .progress-section {
    padding-top: 5px;
}

    #schedulerExportProgressWrapper .progress-section .export-progressbar {
        width: 80%;
        margin: 20px auto 15px auto;
        display: block;
        height: 20px;
        border-radius: 20px;
        background-color: #d8d8d8;
        border-color: #d8d8d8;
    }

        #schedulerExportProgressWrapper .progress-section .export-progressbar .k-selected {
            border-radius: 20px;
            background-color: #71ba20;
            border-color: #71ba20;
        }

#schedulerExportProgressWrapper .message-section {
    text-align: center;
    font-size: 20px;
    padding-top: 25px;
}

#schedulerExportProgressWrapper .buttons-section .popup-button {
    font-family: "Open Sans";
    font-size: 16px;
    padding: 14px;
}

#schedulerExportProgressWrapper .buttons-section .k-button {
    display: none;
    float: right;
    margin-top: 35px;
}

.pm-confirm-button.register-button {
    background-color: #128774 !important;
}

.pm-confirm-button.register-button:disabled {
    opacity: .6;
    pointer-events: none;
}

.pm-confirm-button.register-button:focus,
.pm-confirm-button.register-button:hover {
    background-color: #0E6356 !important;
}

.pm-confirm-button.register-button .search-plus-icon {
    margin-top: -2px;
}

#sheduler-view-dropdown_listbox li.k-item {
    font-size: 14px;
    padding: 10px 0 10px 13px;
}

#sheduler-view-dropdown_listbox li.k-item.k-selected {
    background-color: #F4F2FF !important;
    border-right: 5px solid #6923F4;
    color: #272431;
    box-shadow: none;
}

#sheduler-view-dropdown_listbox li.k-item.k-hover:not(.k-selected) {
    background: #F8F9FA !important;
    border-right: none; 
}

.export-loading-bar {
    text-align: center;
    line-height: 50px;
    overflow: hidden;
}