.cal-staff-search-btn { font-weight: bold; } .btn.cal-staff-search-btn[disabled] { background-color: #afddf4; background-image: none; outline: 0; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); cursor: default; } .cal-name { overflow-wrap: break-word; } .close-contact-tab { position: absolute; top: 0; right: 5px; } .day-view-calendar-staff-search-container { padding: 1em 0 0 0 !important; min-height: 5.5em; } .dropdown-item { cursor: pointer; padding: 1em; } .dropdown-item.active { background: #ddd; } .dropdown-item:hover { background: #ddd; } .contact-search-container { display: inline-block; padding-left: 0.5em; } .group-search-container { display: inline-block; padding-left: 0.5em; } .day-view-calendar-search-container { display: inline-block; margin-left: 5px; } .month-view .fc-event-container { padding-bottom: 0.5em; } .sched-content-container { border: 1px solid #ddd; border-top: 0; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: white !important; border-color: #ddd !important; } .unavail-icon-container.delete-unavail-icon { padding-left: 0.25em; } .fc-agendaDay-view .unavail-text-container { max-width: 140px; } .fc-agendaDay-view .unavail-icon-container.make-unavail-icon { float: none !important; padding-left: 0.5em; } .sched-today-btn[disabled] { background-color: #ddd !important; } .search-input { border: 1px solid #ccc; border-radius: 3px; width: 130px; } .search-action-text { margin: 0 0.5em; color: #428bca; text-decoration: underline; cursor: pointer; } .group-search-results-content-container { margin-top: 1em; } .sched-recently-viewed-searches > a { margin-right: 0 !important; } .staff-schedule-contact-detail-list { list-style: initial; margin: auto; padding-left: 2em; } .fc-cal-month-view-cell-event-contacts-staff, .fc-cal-month-view-cell-event-contacts-group { padding: 0.25em 0.5em; } .month-view-group-members-input { float: right; margin-top: 0.5em; margin-right: 1em; } .month-view-group-member .fa-circle { font-size: 0.5em; vertical-align: middle; padding-left: 2em; padding-right: 1em; } /** Unavail/Replacement Styles **/ .replace-error-icon { color: red; } .unavail-replace-modal-link { display: inline-block; } .unavail-replace-modal-link.replace-error { padding: 0.25em; border: 1px solid red; border-radius: 7px; } .replace-error-message-container { display: inline-block; max-width: 300px; margin-left: 8px; } .replace-error-message { background: #fcf8e3; border: 1px solid #f51b1b; color: red; padding: 0.25em; position: relative; } .replace-error-message:after, .replace-error-message:before { right: 100%; top: 50%; border: solid transparent; content: ' '; height: 0; width: 0; position: absolute; pointer-events: none; } .replace-error-message:after { border-color: rgba(232, 232, 232, 0); border-right-color: #fcf8e3; border-width: 5px; margin-top: -5px; } .replace-error-message:before { border-color: rgba(245, 27, 27, 0); border-right-color: #f51b1b; border-width: 6px; margin-top: -6px; } .ui-grid-row:hover .ui-grid-cell { background-color: #dddddd !important; } .icn_override_black { background: url("../images/icn_override_16.png?version=8.6.1?version=24.1.0.8-2024-03-29-02:48") no-repeat; background-size: 13px; cursor: pointer; display: inline-block; height: 13px; margin: 0 2px; vertical-align: middle; width: 13px; } .icn_override_white { background: url("../images/icn_override_white_16.png?version=8.6.1?version=24.1.0.8-2024-03-29-02:48") no-repeat; background-size: 13px; cursor: pointer; display: inline-block; height: 13px; margin: 0 2px; vertical-align: middle; width: 13px; } .icn-unavailable-add { background: url("../images/icon_unavail_16x16.png?version=8.6.1?version=24.1.0.8-2024-03-29-02:48") no-repeat; width: 16px; height: 16px; display: inline-block; cursor: pointer; } .icn_edit_16 { background: url("../images/more_actions.png?version=8.6.1?version=24.1.0.8-2024-03-29-02:48") no-repeat; width: 16px; height: 16px; display: inline-block; cursor: pointer; margin: 0 2px; vertical-align: middle; background-position: -85px 0; } .icn_trash_16 { background: url("../images/icn_trash_16.png?version=8.6.1?version=24.1.0.8-2024-03-29-02:48") no-repeat; width: 16px; height: 16px; display: inline-block; cursor: pointer; vertical-align: text-top; margin: 0 2px; } .glyphicon.glyphicon-chevron-right, .arrow-right { background: url("../images/arrows-grayblue-left.png?version=8.6.1?version=24.1.0.8-2024-03-29-02:48") no-repeat; width: 20px; cursor: pointer; height: 20px; margin: 0 2px; display: inline-block; vertical-align: middle; } .glyphicon.glyphicon-chevron-left, .arrow-left { background: url("../images/arrows-grayblue-right.png?version=8.6.1?version=24.1.0.8-2024-03-29-02:48") no-repeat; width: 20px; cursor: pointer; height: 20px; margin: 0 2px; display: inline-block; vertical-align: middle; } .icon-print { color: #337ab7; display: inline-block; cursor: pointer; width: 17px; height: 15px; vertical-align: middle; } a.fc-day-grid-event { margin: 0; padding: 0; text-decoration: none !important; } /* Styles for holidays */ .fc-agendaDay-view .holiday-name { max-width: 100%; } .fc-event .holidays .holiday { border-bottom: 1px solid #ddd; } .fc-day-header .holiday-name, .fc-event .holiday-name, .fc-day-number .holiday-name { max-width: 90px; } .fc-month-view .holidays .holiday:nth-child(1) { border-top: 1px solid #ddd; } .holiday .iti-flag { display: inline-block; margin: 0 2px; vertical-align: middle; } .holiday-name { display: inline-block; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; } .fc-month-view .holiday-name { white-space: pre-wrap; word-break: break-word; } .holidays { font-size: 0.9em; min-height: 1em; } .holidays .holiday { padding: 5px 2px; position: relative; } /* End of Styles for holidays */ .uib-day .btn.btn-default.btn-sm.btn-info.active { background-color: #5bc0de !important; } .padding20 { padding: 20px; } .date-picker-icon { margin-left: 10px; } .my-schedule-title-header { width: 100%; margin-top: 30px; display: flex; align-items: center; } ul.uib-datepicker-popup.dropdown-menu { width: fit-content !important; } [dir=ltr] .my-schedule-title-action-buttons { margin-left: auto; } [dir=rtl] .my-schedule-title-action-buttons { margin-right: auto; } #endRepeatDateInputContainer { display: flex; } #endRepeatDateInputContainer .icon-calendar { margin-left: 10px; } .sched-recently-viewed-searches-container { display: flex; } /*add class for scheduling by lemon*/ .scheduling .nav-link:hover, .scheduling.nav-link:focus { background-color: #ffffff !important; } .scheduling .nav-tabs { border-bottom: 0px; } .scheduling .nav-tabs .nav-item.active { border: 1px solid #dddddd; border-bottom-color: transparent; background: #fff; } .scheduling .nav-tabs .nav-link { border: 0px; } .scheduling .quietTimeNote { display: inline-block; } .scheduling label.btn.btn-secondary { border: 0px; } .scheduling .modal-title { display: inline-block !important; } .advanced-search-option .row { margin-left: 0 !important; margin-right: 0 !important; } .advanced-search-fields-column-delete { text-align: right; } .uib-increment.hours, .uib-increment.minutes { background: url("../images/arrows-grayblue-right.png?version=8.6.1?version=24.1.0.8-2024-03-29-02:48") no-repeat; transform: rotate(90deg); width: 20px; cursor: pointer; height: 20px; margin: 0 2px; display: inline-block; vertical-align: middle; } .uib-decrement.hours, .uib-decrement.minutes { background: url("../images/arrows-grayblue-right.png?version=8.6.1?version=24.1.0.8-2024-03-29-02:48") no-repeat; transform: rotate(270deg); width: 20px; cursor: pointer; height: 20px; margin: 0 2px; display: inline-block; vertical-align: middle; } .uib-timepicker { padding-bottom: 10px; display: block; } /* Mobile View */ @media not print { @media (max-width: 768px) { .my-schedule-title-header { flex-direction: column; } .my-schedule-title-action-buttons { margin: 10px 0; } .my-schedule-view table, .my-schedule-view thead, .my-schedule-view tbody, .my-schedule-view th, .my-schedule-view td, .my-schedule-view tr { display: block; } .my-schedule-view .fc-bg { display: none; } .my-schedule-view thead tr { position: absolute; top: -9999px; left: -9999px; } .staff-schedule-view table, .staff-schedule-view thead, .staff-schedule-view tbody, .staff-schedule-view th, .staff-schedule-view td, .staff-schedule-view tr { display: block; } .staff-schedule-view .fc-bg { display: none; } .staff-schedule-view thead tr { position: absolute; top: -9999px; left: -9999px; } .fc-calendar-day-mobile { background: #333; border-radius: 50%; color: #fff; display: block; line-height: 20px; margin-bottom: 5px; padding: 0px; text-align: center; width: 20px; } .mobile-hidden { display: none !important; } .mobile-only-shown { display: inline-block !important; } .staff-schedule-view .fc-event-container, .my-schedule-view .fc-event-container { border-bottom: 1px solid #ccc !important; border-color: #ccc !important; } .staff-schedule-view td, .my-schedule-view td { border: none; border-bottom: 1px solid #eee; position: relative; } .staff-schedule-view:before, .my-schedule-view td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } .dateTime { margin: 5px 0; } .staff-schedule-view .fc-row, .my-schedule-view .fc-row { min-height: initial !important; } .contact-search-container, .group-search-container { display: block; padding: 1.5em; padding-left: 0; } .day-view-calendar-search-container { display: block; padding: 1.5em; padding-left: 0; margin-left: 0; } } } .table-dayView.table-responsive { overflow-x: auto; min-height: 0.01%; display: table !important; } .uib-increment.minutes glyphicon.glyphicon-chevron-up:before { font-family: "Font Awesome 5 Free"; content: "\f077"; } @media screen and (max-width: 767px) { .table-dayView.table-responsive { width: 100% !important; margin-bottom: 12.75px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #dddddd !important; } .table-dayView.table-responsive > .table { margin-bottom: 0; } .table-dayView .table-responsive > .table > thead > tr > th, .table-dayView .table-responsive > .table > tbody > tr > th, .table-dayView .table-responsive > .table > tfoot > tr > th, .table-dayView .table-responsive > .table > thead > tr > td, .table-dayView .table-responsive > .table > tbody > tr > td, .table-dayView .table-responsive > .table > tfoot > tr > td { white-space: nowrap !important; } } .cal-name-inner-div { float: left; width: 90%; } .cal-description-inner-div { float: right; width: 10%; } .fa-info-circle { font-size: 14px; cursor: pointer; color: #999; } .info-tooltip { opacity: 1 !important; } .info-tooltip > .tooltip-inner { border-radius: 0; padding: 8px; box-shadow: 0 0 5px #aaa !important; margin-top: 15px; width: auto !important; max-width: 400px !important; white-space: normal; } .print-header-description { width: 100%; float: left; word-wrap: break-word; padding-top: 10px } .day-view-description { float: left; width: 100%; font-weight: normal; } .my-schedule-export-ics-link { padding: 4px 20px 0 20px; float: right } .month-view-export-ics-link { padding: 0 20px 0 20px; } /* Color Variables for member scheduling elements */ :root { --gray-1: #fff; --gray-3: #eceff1; --gray-6: #bbc9d0; --gray-7: #455a65; --gray-10: #1b2327; --blue-base: #0074bb; --blue-9: #0066a4; --ant-style-button-color: #1890ff; }