@charset "UTF-8"; .OccupationCalendar { margin-right: 20px; margin-left: 20px; /* Up to 1040px: stack filters above calendar; above that, keep the original side-by-side layout. */ } @media (min-width: 1439px) { .OccupationCalendar { display: flex; flex-wrap: wrap; align-items: flex-start; box-sizing: border-box; } } @media (min-width: 1209px) and (max-width: 1438px) { .OccupationCalendar { display: flex; flex-wrap: wrap; align-items: flex-start; box-sizing: border-box; } } @media (min-width: 979px) and (max-width: 1208px) { .OccupationCalendar { display: flex; flex-wrap: wrap; align-items: flex-start; box-sizing: border-box; } } @media (min-width: 763px) and (max-width: 978px) { .OccupationCalendar { display: flex; flex-wrap: wrap; align-items: flex-start; box-sizing: border-box; } } .OccupationCalendar .dhx_cal_prev_button.occupation_nav_disabled, .OccupationCalendar .dhx_cal_next_button.occupation_nav_disabled { cursor: default !important; opacity: 0.38; filter: grayscale(1); pointer-events: none; } .OccupationCalendar .dhx_cal_prev_button.occupation_nav_disabled:hover, .OccupationCalendar .dhx_cal_next_button.occupation_nav_disabled:hover { background-color: transparent !important; border-radius: inherit; } @media (min-width: 1439px) { .OccupationCalendar.expanded_filters .occupation_calendar_filters_wraper { flex: 0 0 300px; width: 300px; max-width: 300px; box-sizing: border-box; } } @media (min-width: 1209px) and (max-width: 1438px) { .OccupationCalendar.expanded_filters .occupation_calendar_filters_wraper { flex: 0 0 300px; width: 300px; max-width: 300px; box-sizing: border-box; } } @media (min-width: 979px) and (max-width: 1208px) { .OccupationCalendar.expanded_filters .occupation_calendar_filters_wraper { flex: 0 0 300px; width: 300px; max-width: 300px; box-sizing: border-box; } } @media (min-width: 763px) and (max-width: 978px) { .OccupationCalendar.expanded_filters .occupation_calendar_filters_wraper { flex: 0 0 300px; width: 300px; max-width: 300px; box-sizing: border-box; } } .OccupationCalendar.expanded_filters .occupation_calendar_filters_wraper > .heading, .OccupationCalendar.expanded_filters .occupation_calendar_filters_wraper .filter_wrapper { opacity: 1; } .OccupationCalendar.expanded_filters .occupation_calendar_filters_wraper .collapse_filters_button { background-image: url(/resources/atlantida/images/prev.svg); } @media (min-width: 1439px) { .OccupationCalendar.expanded_filters .occupation_calendar_table_wrapper { flex: 1 1 0; min-width: 0; width: auto; max-width: 100%; box-sizing: border-box; } } @media (min-width: 1209px) and (max-width: 1438px) { .OccupationCalendar.expanded_filters .occupation_calendar_table_wrapper { flex: 1 1 0; min-width: 0; width: auto; max-width: 100%; box-sizing: border-box; } } @media (min-width: 979px) and (max-width: 1208px) { .OccupationCalendar.expanded_filters .occupation_calendar_table_wrapper { flex: 1 1 0; min-width: 0; width: auto; max-width: 100%; box-sizing: border-box; } } @media (min-width: 763px) and (max-width: 978px) { .OccupationCalendar.expanded_filters .occupation_calendar_table_wrapper { flex: 1 1 0; min-width: 0; width: auto; max-width: 100%; box-sizing: border-box; } } @media (min-width: 1439px) { .OccupationCalendar:not(.expanded_filters) .occupation_calendar_filters_wraper { flex: 0 0 30px; width: 30px; max-width: 30px; height: 30px; overflow: hidden; box-sizing: border-box; } } @media (min-width: 1209px) and (max-width: 1438px) { .OccupationCalendar:not(.expanded_filters) .occupation_calendar_filters_wraper { flex: 0 0 30px; width: 30px; max-width: 30px; height: 30px; overflow: hidden; box-sizing: border-box; } } @media (min-width: 979px) and (max-width: 1208px) { .OccupationCalendar:not(.expanded_filters) .occupation_calendar_filters_wraper { flex: 0 0 30px; width: 30px; max-width: 30px; height: 30px; overflow: hidden; box-sizing: border-box; } } @media (min-width: 763px) and (max-width: 978px) { .OccupationCalendar:not(.expanded_filters) .occupation_calendar_filters_wraper { flex: 0 0 30px; width: 30px; max-width: 30px; height: 30px; overflow: hidden; box-sizing: border-box; } } .OccupationCalendar:not(.expanded_filters) .occupation_calendar_filters_wraper > .heading, .OccupationCalendar:not(.expanded_filters) .occupation_calendar_filters_wraper .filter_wrapper { opacity: 0; pointer-events: none; } .OccupationCalendar:not(.expanded_filters) .occupation_calendar_filters_wraper .filter_wrapper { pointer-events: none; } .OccupationCalendar:not(.expanded_filters) .occupation_calendar_filters_wraper .collapse_filters_button { background-image: url(/resources/atlantida/images/next.svg); } @media (min-width: 1439px) { .OccupationCalendar:not(.expanded_filters) .occupation_calendar_table_wrapper { flex: 1 1 0; min-width: 0; width: auto; max-width: 100%; box-sizing: border-box; } } @media (min-width: 1209px) and (max-width: 1438px) { .OccupationCalendar:not(.expanded_filters) .occupation_calendar_table_wrapper { flex: 1 1 0; min-width: 0; width: auto; max-width: 100%; box-sizing: border-box; } } @media (min-width: 979px) and (max-width: 1208px) { .OccupationCalendar:not(.expanded_filters) .occupation_calendar_table_wrapper { flex: 1 1 0; min-width: 0; width: auto; max-width: 100%; box-sizing: border-box; } } @media (min-width: 763px) and (max-width: 978px) { .OccupationCalendar:not(.expanded_filters) .occupation_calendar_table_wrapper { flex: 1 1 0; min-width: 0; width: auto; max-width: 100%; box-sizing: border-box; } } @media (max-width: 1040px) and (min-width: 1439px) { .OccupationCalendar.expanded_filters { flex-direction: column; } } @media (max-width: 1040px) and (min-width: 1209px) and (max-width: 1438px) { .OccupationCalendar.expanded_filters { flex-direction: column; } } @media (max-width: 1040px) and (min-width: 979px) and (max-width: 1208px) { .OccupationCalendar.expanded_filters { flex-direction: column; } } @media (max-width: 1040px) and (min-width: 763px) and (max-width: 978px) { .OccupationCalendar.expanded_filters { flex-direction: column; } } @media (max-width: 1040px) and (min-width: 1439px) { .OccupationCalendar.expanded_filters .occupation_calendar_filters_wraper { flex: none; width: 100%; max-width: none; } } @media (max-width: 1040px) and (min-width: 1209px) and (max-width: 1438px) { .OccupationCalendar.expanded_filters .occupation_calendar_filters_wraper { flex: none; width: 100%; max-width: none; } } @media (max-width: 1040px) and (min-width: 979px) and (max-width: 1208px) { .OccupationCalendar.expanded_filters .occupation_calendar_filters_wraper { flex: none; width: 100%; max-width: none; } } @media (max-width: 1040px) and (min-width: 763px) and (max-width: 978px) { .OccupationCalendar.expanded_filters .occupation_calendar_filters_wraper { flex: none; width: 100%; max-width: none; } } @media (max-width: 1040px) and (min-width: 1439px) { .OccupationCalendar.expanded_filters .occupation_calendar_table_wrapper { flex: none; width: 100%; min-width: 0; } } @media (max-width: 1040px) and (min-width: 1209px) and (max-width: 1438px) { .OccupationCalendar.expanded_filters .occupation_calendar_table_wrapper { flex: none; width: 100%; min-width: 0; } } @media (max-width: 1040px) and (min-width: 979px) and (max-width: 1208px) { .OccupationCalendar.expanded_filters .occupation_calendar_table_wrapper { flex: none; width: 100%; min-width: 0; } } @media (max-width: 1040px) and (min-width: 763px) and (max-width: 978px) { .OccupationCalendar.expanded_filters .occupation_calendar_table_wrapper { flex: none; width: 100%; min-width: 0; } } .OccupationCalendar .stage_filter_wrapper:not(.expanded) .collapse_other_button { background-image: url(/resources/atlantida/images/next.svg); transform: rotate(270deg); } .OccupationCalendar .stage_filter_wrapper.expanded .collapse_other_button { background-image: url(/resources/atlantida/images/next.svg); transform: rotate(90deg); } .OccupationCalendar .stage_filter_other_wrapper .filter_options_list { display: none; } .OccupationCalendar .stage_filter_other_wrapper.expanded .filter_options_list { display: block; } .OccupationCalendar .occupation_calendar_lightbox { position: absolute; top: 100px; left: 200px; z-index: 10001; display: none; background-color: #fff; } @media (min-width: 1439px) { .OccupationCalendar .occupation_calendar_lightbox { min-width: 437px; } } @media (min-width: 1209px) and (max-width: 1438px) { .OccupationCalendar .occupation_calendar_lightbox { min-width: 359px; } } @media (min-width: 979px) and (max-width: 1208px) { .OccupationCalendar .occupation_calendar_lightbox { min-width: 297px; } } @media (min-width: 763px) and (max-width: 978px) { .OccupationCalendar .occupation_calendar_lightbox { min-width: 225px; } } .OccupationCalendar .occupation_calendar_lightbox .lightbox_header { display: block; width: 100%; padding: 20px; background-color: #387aa7; } .OccupationCalendar .occupation_calendar_lightbox .lightbox_header .lightbox_title { color: #fff; font-weight: 600; } .OccupationCalendar .occupation_calendar_lightbox .lightbox_header .lightbox_close_button { padding: 0; position: absolute; right: -20px; top: -20px; cursor: pointer; transition: transform 0.2s ease; } .OccupationCalendar .occupation_calendar_lightbox .lightbox_header .lightbox_close_button, .OccupationCalendar .occupation_calendar_lightbox .lightbox_header .lightbox_close_button:hover { border: none; box-shadow: none; background-color: transparent; background-image: none; } .OccupationCalendar .occupation_calendar_lightbox .lightbox_header .lightbox_close_button img { width: 40px; } .OccupationCalendar .occupation_calendar_lightbox .lightbox_header .lightbox_close_button:hover { transform: scale(1.2); } .OccupationCalendar .occupation_calendar_lightbox .lightbox_content { padding: 20px; display: block; width: 100%; } .OccupationCalendar .occupation_calendar_lightbox .lightbox_content .lightbox_details_list { margin: 0; padding: 0; } .OccupationCalendar .occupation_calendar_lightbox .lightbox_content .lightbox_details_list .lightbox_notification { color: #C31919; background-color: #FCF3F3; padding: 10px; margin-top: 10px; } .OccupationCalendar .occupation_calendar_lightbox .lightbox_content .lightbox_details_list dt { display: inline-block; margin: 0; padding: 0; font-weight: 700; } .OccupationCalendar .occupation_calendar_lightbox .lightbox_content .lightbox_details_list dt:after { content: ':'; } .OccupationCalendar .occupation_calendar_lightbox .lightbox_content .lightbox_details_list dd { display: inline-block; margin: 0; padding: 0; margin-left: 8px; } .OccupationCalendar .occupation_calendar_lightbox .lightbox_content .lightbox_buttons { margin-top: 10px; } .OccupationCalendar .occupation_calendar_lightbox .lightbox_content .lightbox_buttons a { display: inline-block; font-family: Muli; border-radius: 36px; border: 2px solid #387aa7; background-color: transparent; text-decoration: none; color: #387aa7; padding: 6px 18px; font-weight: 700; font-size: 16px; min-height: 36px; cursor: pointer; color: white; background-color: #387aa7; transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out; } .OccupationCalendar .occupation_calendar_lightbox .lightbox_content .lightbox_buttons a:hover { background-color: #25506e; border-color: #25506e; color: white; } .OccupationCalendar .occupation_calendar_filters_wraper { transition: width .3s ease-in-out; padding-top: 18px; } .OccupationCalendar .occupation_calendar_filters_wraper .collapse_other_button, .OccupationCalendar .occupation_calendar_filters_wraper .collapse_filters_button { display: inline-block; vertical-align: top; background-size: contain; background-repeat: no-repeat; width: 24px; height: 24px; cursor: pointer; background-color: #f1f1f1; transition: background-color .3s ease-in-out; border-radius: 50%; } .OccupationCalendar .occupation_calendar_filters_wraper .collapse_other_button:hover, .OccupationCalendar .occupation_calendar_filters_wraper .collapse_filters_button:hover { background-color: #387aa7; } .OccupationCalendar .occupation_calendar_filters_wraper .heading { font-weight: 600; font-size: 24px; line-height: 1.2em; margin-top: 50px; margin-bottom: 20px; display: inline-block; vertical-align: top; margin-top: 0; border-bottom: none; padding-bottom: 0; transition: opacity .3s ease-in-out; max-width: calc(100% - 50px); } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper { transition: opacity .3s ease-in-out; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper + .filter_wrapper { margin-top: 20px; padding-top: 20px; /*border-top: 1px solid #f1f1f1;*/ } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_heading { margin-top: 0; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_heading .filter_heading_text { font-weight: 700; padding-right: 10px; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_heading .filter_heading_action { font-weight: 400; color: #387aa7; text-decoration: underline; transition: color .3s ease-in-out; cursor: pointer; font-size: 12px; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_heading .filter_heading_action:hover { color: #232322; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list { list-style-type: none; padding-left: 0; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .stage_filter_entry.hidden_filter, .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .session_type_filter_entry.hidden_filter { display: none; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .stage_filter_entry + .stage_filter_entry, .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .stage_filter_entry + .session_type_filter_entry, .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .stage_filter_entry + .theater_group_filter_entry, .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .session_type_filter_entry + .stage_filter_entry, .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .session_type_filter_entry + .session_type_filter_entry, .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .session_type_filter_entry + .theater_group_filter_entry { margin-top: 6px; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .stage_filter_entry input[type="checkbox"], .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .session_type_filter_entry input[type="checkbox"] { visibility: hidden; display: none; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .stage_filter_entry input[type="checkbox"]:checked + label, .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .session_type_filter_entry input[type="checkbox"]:checked + label { color: #333; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .stage_filter_entry input[type="checkbox"]:checked + label:before, .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .session_type_filter_entry input[type="checkbox"]:checked + label:before { background-image: url(../images/occupation_calendar/shown.svg); filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .stage_filter_entry input[type="checkbox"]:checked + label:hover, .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .session_type_filter_entry input[type="checkbox"]:checked + label:hover { color: #387aa7; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .stage_filter_entry input[type="checkbox"]:not(:checked) + label, .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .session_type_filter_entry input[type="checkbox"]:not(:checked) + label { color: #888; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .stage_filter_entry input[type="checkbox"]:not(:checked) + label:before, .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .session_type_filter_entry input[type="checkbox"]:not(:checked) + label:before { background-image: url(../images/occupation_calendar/hidden.svg); filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#greyscale"); filter: gray; -webkit-filter: grayscale(1); } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .stage_filter_entry input[type="checkbox"]:not(:checked) + label:hover, .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .session_type_filter_entry input[type="checkbox"]:not(:checked) + label:hover { color: #387aa7; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .stage_filter_entry input[type="checkbox"]:not(:checked) + label:hover:before, .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .session_type_filter_entry input[type="checkbox"]:not(:checked) + label:hover:before { filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .stage_filter_entry label, .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .session_type_filter_entry label { display: block; position: relative; cursor: pointer; transition: color .3s ease-in-out; padding-left: 30px; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .stage_filter_entry label:before, .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .session_type_filter_entry label:before { content: ""; width: 20px; height: 20px; background-size: 240%; background-repeat: no-repeat; background-position: center; display: block; position: absolute; left: 0; top: 0; transition: filter 0.5s; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .stage_filter_entry label .filter_text, .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .session_type_filter_entry label .filter_text { display: block; line-height: 20px; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .session_type_filter_entry input[type="checkbox"] + .filter_label .filter_text { padding-left: 6px; border-left-width: 3px; border-left-style: solid; border-left-color: #fff; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .session_type_filter_entry input[type="checkbox"]#filter_checkbox_private + .filter_label .filter_text { border-left-color: #b79dcc; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .session_type_filter_entry input[type="checkbox"]#filter_checkbox_setup + .filter_label .filter_text { border-left-color: #ccc; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .session_type_filter_entry input[type="checkbox"]#filter_checkbox_emvic + .filter_label .filter_text { border-left-color: #ffe000; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .session_type_filter_entry input[type="checkbox"]#filter_checkbox_entities + .filter_label .filter_text { border-left-color: #47ab8f; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .session_type_filter_entry input[type="checkbox"]#filter_checkbox_performance + .filter_label .filter_text { border-left-color: #387aa7; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .session_type_filter_entry input[type="checkbox"]#filter_checkbox_rehearsal + .filter_label .filter_text { border-left-color: #987661; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .session_type_filter_entry input[type="checkbox"]#filter_checkbox_occupied + .filter_label .filter_text { border-left-color: #93a9cf; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .session_type_filter_entry input[type="checkbox"]#filter_checkbox_hidden + .filter_label .filter_text { border-left-color: #93a9cf; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .theater_group_filter_entry.hidden_filter { display: none; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .theater_group_filter_entry.show_only_filtered .filter_text { font-weight: 700; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .theater_group_filter_entry + .stage_filter_entry, .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .theater_group_filter_entry + .session_type_filter_entry, .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .theater_group_filter_entry + .theater_group_filter_entry { margin-top: 6px; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .theater_group_filter_entry input[type="checkbox"] { visibility: hidden; display: none; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .theater_group_filter_entry input[type="checkbox"]:checked + label { color: #333; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .theater_group_filter_entry input[type="checkbox"]:checked + label:before { background-image: url(../images/occupation_calendar/theater.svg); filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .theater_group_filter_entry input[type="checkbox"]:checked + label:hover { color: #387aa7; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .theater_group_filter_entry input[type="checkbox"]:not(:checked) + label { color: #888; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .theater_group_filter_entry input[type="checkbox"]:not(:checked) + label:before { background-image: url(../images/occupation_calendar/theater.svg); filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#greyscale"); filter: gray; -webkit-filter: grayscale(1); } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .theater_group_filter_entry input[type="checkbox"]:not(:checked) + label:hover { color: #387aa7; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .theater_group_filter_entry input[type="checkbox"]:not(:checked) + label:hover:before { filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .theater_group_filter_entry label { display: block; position: relative; cursor: pointer; transition: color .3s ease-in-out; padding-left: 30px; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .theater_group_filter_entry label:before { content: ""; width: 20px; height: 20px; background-size: 100%; background-repeat: no-repeat; background-position: center; display: block; position: absolute; left: 0; top: 0; transition: filter 0.5s; } .OccupationCalendar .occupation_calendar_filters_wraper .filter_wrapper .filter_options_list .theater_group_filter_entry label .filter_text { display: block; line-height: 20px; } .OccupationCalendar .occupation_calendar_table_wrapper { transition: width .3s ease-in-out; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container { width: 100%; max-width: 100%; height: 100%; min-height: 500px; position: relative; overflow: hidden; box-sizing: border-box; background-color: #fff; font-family: Muli; font-size: 14px; /* * Only when the viewport is narrow: flex toolbar so tabs/title/buttons do not overlap. * Wider than 1040px keeps the original dhtmlx absolute layout (fix_tab_position in JS). */ /* PC (wide viewport): no inner vertical scroll — grow the grid and let the page scroll. */ } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container:focus { outline-style: auto; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container.dhx_scheduler_month .dhx_cal_data { border-top-color: transparent; border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container.dhx_scheduler_month .dhx_marked_timespan.holiday_day { top: auto !important; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container.dhx_scheduler_week .dhx_marked_timespan.holiday_day { background-color: rgba(255, 0, 0, 0.25); } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container.dhx_scheduler_week .dhx_marked_timespan.holiday_day .holiday_label { text-align: center; color: #fff; font-weight: 700; position: absolute; top: 0; left: 0; display: block; width: 100%; line-height: 1; background-color: darkred; padding-top: 6px; padding-bottom: 6px; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container.dhx_scheduler_week .dhx_cal_event { border-top-right-radius: 6px; border-top-left-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container.dhx_scheduler_week .dhx_cal_event.session_state_confirmedo .dhx_title { border-top-right-radius: 6px; border-top-left-radius: 6px; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container.dhx_scheduler_week .dhx_cal_event.session_state_confirmedo .dhx_body { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container.dhx_scheduler_week .dhx_cal_event .dhx_body .event_title { font-weight: 700; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container.dhx_scheduler_day .dhx_marked_timespan.holiday_day { display: block; background-color: rgba(255, 0, 0, 0.25); } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container.dhx_scheduler_day .dhx_marked_timespan.holiday_day .holiday_label { text-align: center; color: #fff; font-weight: 700; position: absolute; top: 0; left: 0; display: block; width: 100%; line-height: 1; background-color: darkred; padding-top: 6px; padding-bottom: 6px; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container.dhx_scheduler_day .dhx_cal_event .dhx_title { border-top-right-radius: 6px; border-top-left-radius: 6px; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container.dhx_scheduler_day .dhx_cal_event .dhx_body { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container.dhx_scheduler_day .dhx_cal_event .dhx_body .event_title { font-weight: 700; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container.dhx_mini_calendar { box-sizing: border-box; border: none; box-shadow: 0 2px 10px 0 #aaa; border-radius: 0; font-family: Muli; padding: 5px; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_multi_day { box-sizing: border-box; border-bottom: 1px solid #e0e0e0; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline { height: 20px; position: absolute; z-index: 3; width: 750px; max-width: 100%; box-sizing: border-box; color: rgba(0, 0, 0, 0.75); } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_date, .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_next_button, .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_prev_button, .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_tab, .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_today_button { line-height: 30px; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_date { border: 0; font-size: 20px; font-weight: 600; font-family: Muli; width: 100%; text-align: center; left: 0; padding: 1px 0 0; color: rgba(0, 0, 0, 0.75); z-index: -1; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_prev_button { cursor: pointer; right: 148px; background-color: none; background-image: url(../images/occupation_calendar/arrow_left.svg); background-position: center center; background-repeat: no-repeat; height: 30px; width: 30px; border: 1px solid transparent; border-radius: 5px 0 0 5px; height: 30px; width: 30px; top: 14px; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_prev_button:hover { background-color: rgba(0, 0, 0, 0.1); border-radius: 50%; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_today_button { cursor: pointer; text-align: center; font-size: 14px; font-weight: 800; color: #387aa7; right: 57px; background-color: none; background-image: none; background-position: -62px 0; background-repeat: no-repeat; height: 30px; width: 80px; border: 1px solid transparent; border-radius: 0; text-decoration: none; text-transform: uppercase; border-radius: 2px; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_today_button:hover { border: 1px solid transparent; background-color: rgba(0, 0, 0, 0.1); transition: all .1s ease-in-out; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_next_button { cursor: pointer; right: 16px; background-color: none; background-image: url(../images/occupation_calendar/arrow_right.svg); background-position: center center; background-repeat: no-repeat; height: 30px; width: 30px; border: 1px solid transparent; border-radius: 0 5px 5px 0; height: 30px; width: 30px; top: 14px; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_next_button:hover { background-color: rgba(0, 0, 0, 0.1); border-radius: 50%; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_tab { width: 88px; height: 29px; background-color: none; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 700; padding-top: 1px; border-radius: 0; cursor: pointer; border: 1px solid #387aa7; color: #387aa7; font-size: inherit; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_tab.active { text-decoration: none; cursor: default; font-weight: 700; font-size: inherit; color: #fff; border: 1px solid #387aa7; border-bottom: 1; background-color: #387aa7; z-index: 25; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_tab.active:hover { color: #fff; background-color: #387aa7; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_tab.dhx_cal_tab_first { border-radius: 2px 0 0 2px; border-right: 0; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_tab.dhx_cal_tab_last { border-radius: 0 2px 2px 0; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_tab:hover { background-color: #edf8ff; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_export { width: 32px; height: 32px; margin: 2px; cursor: pointer; top: 13px; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_export.ical { left: 24px; background-image: url(../images/occupation_calendar/export_ical.png); } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_export.pdf { left: auto; right: 200px; background-image: url(../images/occupation_calendar/export_pdf.png); } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline div { position: absolute; white-space: nowrap; top: 14px; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline div.dhx_minical_icon { cursor: pointer; background: url(../images/occupation_calendar/calendar.svg) no-repeat; left: 210px; top: 16px; width: 40px !important; height: 40px !important; background-position: center center; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline div.dhx_minical_icon:hover { background-color: rgba(0, 0, 0, 0.1); border-radius: 50%; transition: all .05s ease; } @media (max-width: 1040px) { .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: center; align-content: center; row-gap: 10px; column-gap: 8px; height: auto !important; min-height: 56px; padding: 8px 6px 12px; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline > div { position: relative !important; left: auto !important; right: auto !important; top: auto !important; white-space: nowrap; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_tab[name="day_tab"] { order: 1; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_tab[name="week_tab"] { order: 2; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_tab[name="month_tab"] { order: 3; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline div.dhx_minical_icon { order: 4; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_export { order: 5; top: auto !important; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_export.ical { left: auto !important; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_export.pdf { left: auto !important; right: auto !important; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_date { order: 10; flex: 1 0 100%; width: 100% !important; max-width: 100% !important; z-index: 0; box-sizing: border-box; left: auto !important; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_prev_button { order: 20; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_today_button { order: 21; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_next_button { order: 22; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_prev_button, .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_today_button, .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_next_button, .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_tab, .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_navline .dhx_cal_export { flex: 0 0 auto; } } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_header { position: absolute; overflow: hidden; left: 10px; background: #fff; border-top: 1px solid transparent; border-right: 1px solid transparent; z-index: 2; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_header.dhx_second_cal_header { border-right: 1px solid #e0e0e0; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_header.dhx_second_cal_header .dhx_scale_bar { border-left: 1px solid #e0e0e0; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_header.dhx_second_cal_header .dhx_scale_bar.dhx_second_scale_bar { border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-left: 1px solid #e0e0e0; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_header.dhx_second_cal_header .dhx_scale_bar.dhx_second_scale_bar:last-child { border-right: 1px solid #e0e0e0; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_header div.dhx_bottom_scale_container .dhx_scale_bar, .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_header div.dhx_second_cal_header .dhx_scale_bar { border-left-style: solid; border-left-color: #e0e0e0; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_header div.dhx_agenda_line div, .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_header div.dhx_agenda_line span { border-color: transparent; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_header div.dhx_grid_line div { border-color: transparent; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_header div.dhx_map_line div.headline_date, .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_header div.dhx_map_line div.headline_description { border-color: transparent; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_header div .dhx_scale_bar { border-top: 1px solid transparent; border-left-color: transparent; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_header .dhx_second_scale_bar { border-top: 1px solid #e0e0e0; padding: 1px 0 0; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_header .dhx_scale_bar a { text-decoration: none; color: #1b5dfb; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_header .dhx_scale_bar a:hover { text-decoration: underline; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_data { -webkit-tap-highlight-color: transparent; border-top: 1px solid transparent; position: absolute; width: 600px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; -ms-touch-action: pan-y; touch-action: pan-y; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_data.dhx_resize_denied .dhx_cal_event .dhx_event_resize { display: none !important; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_data table { border-collapse: separate; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_data table .dhx_cal_event_line { box-sizing: border-box; text-overflow: ellipsis; } @media (min-width: 1041px) { .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container { overflow: visible !important; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container .dhx_cal_data { overflow-y: visible !important; overflow-x: hidden; touch-action: auto; } } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container div { -moz-user-select: none; -moz-user-select: -moz-none; } .OccupationCalendar .occupation_calendar_table_wrapper .dhx_cal_container b { font-weight: 500; } .OccupationCalendar .occupation_calendar_anonymous_login { margin-top: 40px; padding-left: 30px; padding-right: 20px; max-width: 440px; } @media (min-width: 1439px) { .OccupationCalendar .occupation_calendar_anonymous_login { flex: 1 1 100%; width: 100%; max-width: 100%; box-sizing: border-box; } } @media (min-width: 1209px) and (max-width: 1438px) { .OccupationCalendar .occupation_calendar_anonymous_login { flex: 1 1 100%; width: 100%; max-width: 100%; box-sizing: border-box; } } @media (min-width: 979px) and (max-width: 1208px) { .OccupationCalendar .occupation_calendar_anonymous_login { flex: 1 1 100%; width: 100%; max-width: 100%; box-sizing: border-box; } } @media (min-width: 763px) and (max-width: 978px) { .OccupationCalendar .occupation_calendar_anonymous_login { flex: 1 1 100%; width: 100%; max-width: 100%; box-sizing: border-box; } } .OccupationCalendar .occupation_calendar_anonymous_login .heading { margin-top: 0; font-size: 20px; font-weight: 600; font-family: Muli; color: rgba(0, 0, 0, 0.75); } .OccupationCalendar .occupation_calendar_anonymous_login .anonymous_login_intro { margin: 0 0 20px; font-size: 14px; line-height: 1.45; color: rgba(0, 0, 0, 0.6); } .OccupationCalendar .occupation_calendar_anonymous_login form { margin: 0; } .OccupationCalendar .occupation_calendar_anonymous_login .error_box { margin-bottom: 16px; } .OccupationCalendar .occupation_calendar_anonymous_login .form_group, .OccupationCalendar .occupation_calendar_anonymous_login .FormGroup { margin-bottom: 12px; } .OccupationCalendar .occupation_calendar_anonymous_login [type="submit"] { margin-top: 8px; } .OccupationCalendar .occupation_calendar_anonymous_login .forgot_password_link { display: inline-block; margin-top: 12px; font-size: 14px; } .OccupationCalendar .occupationcalendar_footer { margin-top: 40px; padding-left: 30px; padding-right: 20px; } @media (min-width: 1439px) { .OccupationCalendar .occupationcalendar_footer { flex: 1 1 100%; width: 100%; max-width: 100%; box-sizing: border-box; display: flex; flex-direction: row; justify-content: space-between; } } @media (min-width: 1209px) and (max-width: 1438px) { .OccupationCalendar .occupationcalendar_footer { flex: 1 1 100%; width: 100%; max-width: 100%; box-sizing: border-box; display: flex; flex-direction: row; justify-content: space-between; } } @media (min-width: 979px) and (max-width: 1208px) { .OccupationCalendar .occupationcalendar_footer { flex: 1 1 100%; width: 100%; max-width: 100%; box-sizing: border-box; display: flex; flex-direction: row; justify-content: space-between; } } @media (min-width: 763px) and (max-width: 978px) { .OccupationCalendar .occupationcalendar_footer { flex: 1 1 100%; width: 100%; max-width: 100%; box-sizing: border-box; display: flex; flex-direction: row; justify-content: space-between; } } .OccupationCalendar .occupationcalendar_footer .heading { margin-top: 0; } .OccupationCalendar .occupationcalendar_footer > *:not(:last-child) { margin-right: 30px; } .OccupationCalendar .occupationcalendar_footer .to_day_wrapper .to_day_form .to_day_field + .to_day_field { margin-top: 20px; } .OccupationCalendar .occupationcalendar_footer .to_day_wrapper .to_day_form .validations_wrapper { display: none; border: 1px solid #e7acac; padding: 20px; color: #633c3c; max-width: 300px; margin-top: 20px; } .OccupationCalendar .occupationcalendar_footer .to_day_wrapper .to_day_form .validations_wrapper .validation_error:not(.visible) { display: none; } .OccupationCalendar .occupationcalendar_footer .to_day_wrapper .to_day_form .buttons_wrapper { margin-top: 20px; } .OccupationCalendar .occupationcalendar_footer .to_day_wrapper .to_day_form .buttons_wrapper a { display: inline-block; font-family: Muli; border-radius: 36px; border: 2px solid #387aa7; background-color: transparent; text-decoration: none; color: #387aa7; padding: 6px 18px; font-weight: 700; font-size: 16px; min-height: 36px; cursor: pointer; color: white; background-color: #387aa7; } .OccupationCalendar .occupationcalendar_footer .to_day_wrapper .to_day_form .buttons_wrapper a:hover { background-color: #25506e; border-color: #25506e; color: white; } .OccupationCalendar .occupationcalendar_footer .export_excel_wrapper .export_excel_form .export_excel_field + .export_excel_field { margin-top: 20px; } .OccupationCalendar .occupationcalendar_footer .export_excel_wrapper .export_excel_form .stages_wrapper { margin-top: 20px; } .OccupationCalendar .occupationcalendar_footer .export_excel_wrapper .export_excel_form .stages_wrapper ul { list-style-type: none; padding-left: 0; } .OccupationCalendar .occupationcalendar_footer .export_excel_wrapper .export_excel_form .validations_wrapper { display: none; border: 1px solid #e7acac; padding: 20px; color: #633c3c; max-width: 300px; margin-top: 20px; } .OccupationCalendar .occupationcalendar_footer .export_excel_wrapper .export_excel_form .validations_wrapper .validation_error:not(.visible) { display: none; } .OccupationCalendar .occupationcalendar_footer .export_excel_wrapper .export_excel_form .buttons_wrapper { margin-top: 20px; } .OccupationCalendar .occupationcalendar_footer .export_excel_wrapper .export_excel_form .buttons_wrapper a { display: inline-block; font-family: Muli; border-radius: 36px; border: 2px solid #387aa7; background-color: transparent; text-decoration: none; color: #387aa7; padding: 6px 18px; font-weight: 700; font-size: 16px; min-height: 36px; cursor: pointer; color: white; background-color: #387aa7; } .OccupationCalendar .occupationcalendar_footer .export_excel_wrapper .export_excel_form .buttons_wrapper a:hover { background-color: #25506e; border-color: #25506e; color: white; } .OccupationCalendar .occupationcalendar_footer .printable_version_wrapper .printable_version_button { text-decoration: underline; cursor: pointer; margin-top: 20px; color: #387aa7; transition: color .3s ease-in-out; } .OccupationCalendar .occupationcalendar_footer .printable_version_wrapper .printable_version_button:hover { color: #f54f15; } .dhx_cal_select_menu { display: none !important; } .dhtmlx_message_area { position: fixed; right: 5px; width: 250px; z-index: 11; } .dhtmlx-info { min-width: 120px; font-family: Muli; z-index: 14; overflow: hidden; margin: 5px 5px 10px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .dhtmlx-info.hidden { height: 0; padding: 0; border-width: 0; margin: 0; overflow: hidden; } .dhtmlx_modal_box { overflow: hidden; display: inline-block; position: fixed; min-width: 300px; width: 341px; text-align: center; background: -webkit-linear-gradient(top, #fff 1%, #fff 99%); box-shadow: 0 0 14px #888; border: none; z-index: 18; border-radius: 2px; font-family: Muli; } .dhtmlx_modal_box.dhtmlx-error .dhtmlx_popup_title { background: #d81b1b; border: 1px solid #ff3c3c; color: #fff; } .dhtmlx_modal_box.dhtmlx-alert .dhtmlx_edit_series_button { float: right; text-align: center; text-transform: uppercase; padding: 0 16px; border: 1px solid #387aa7; background-color: #387aa7; } .dhtmlx_modal_box.dhtmlx-alert .dhtmlx_edit_series_button:hover { border-color: #015785; background-color: #015785; transition: all .1s ease-in-out; } .dhtmlx_modal_box.dhtmlx-alert .dhtmlx_edit_series_button:hover div { background-color: #015785; border-color: #015785; transition: all .1s ease-in-out; } .dhtmlx_modal_box.dhtmlx-alert .dhtmlx_edit_series_button div { border: 1px solid #387aa7; background-color: #387aa7; color: #fff; } .dhtmlx_modal_box.dhtmlx-alert .dhtmlx_edit_occurrence_button { float: right; text-align: center; text-transform: uppercase; padding: 0 16px; border: 1px solid #fff; background-color: #fff; } .dhtmlx_modal_box.dhtmlx-alert .dhtmlx_edit_occurrence_button:hover, .dhtmlx_modal_box.dhtmlx-alert .dhtmlx_edit_occurrence_button:hover div { background-color: #d9edf8; transition: all .1s ease-in-out; border: 1px solid #d9edf8; } .dhtmlx_modal_box.dhtmlx-alert .dhtmlx_edit_occurrence_button div { border: 1px solid #fff; background-color: #fff; color: #387aa7; } .dhtmlx_modal_box .dhtmlx_popup_controls { text-align: left; } .dhtmlx_modal_box .dhtmlx_popup_controls::after { content: ""; display: table; clear: both; } .dhtmlx_modal_box .dhtmlx_popup_controls .dhtmlx_popup_button.dhtmlx_cancel_button { float: right; text-align: center; text-transform: uppercase; margin-right: 10px; } .dhtmlx_modal_box .dhtmlx_popup_controls .dhtmlx_popup_button.dhtmlx_ok_button { float: right; text-align: center; text-transform: uppercase; } .dhtmlx_modal_box .dhtmlx_popup_controls .dhtmlx_popup_button.dhtmlx_ok_button:active div { color: #fff; } .dhtmlx_popup_text { margin: 28px 15px 5px; font-size: 14px; color: rgba(0, 0, 0, 0.87); min-height: 30px; border-radius: 6px; overflow: hidden; } .dhtmlx-info, .dhtmlx_button, .dhtmlx_popup_button { user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; cursor: pointer; } .dhtmlx_popup_controls { border-radius: 6px; padding: 5px 15px 20px 5px; } .dhtmlx_button { height: 30px; line-height: 28px; display: inline-block; margin: 0 5px; border-radius: 2px; color: #387aa7; border: 1px solid transparent; box-shadow: none; } .dhtmlx_button input { border: 1px solid #fff; background: #fff; border-radius: 2px; font-size: 15px; -moz-box-sizing: content-box; box-sizing: content-box; text-shadow: none; color: #387aa7; font-weight: 500; padding: 0; margin: 0; vertical-align: top; height: 28px; line-height: 28px; } .dhtmlx_button input:active, .dhtmlx_button input:focus { background: #ff584c; color: #387aa7; box-shadow: none; outline: 0; } .dhtmlx_popup_button { height: 30px; line-height: 28px; display: inline-block; margin: 0 5px; border-radius: 2px; color: #387aa7; border: 1px solid transparent; box-shadow: none; min-width: 82px; background: #fff; } .dhtmlx_popup_button.dhtmlx_ok_button { border: 1px solid #ff584c; background-color: #ff584c; outline: 0; } .dhtmlx_popup_button.dhtmlx_ok_button:hover { border-color: #f10; transition: all .1s ease-in-out; } .dhtmlx_popup_button.dhtmlx_ok_button:hover div { background-color: #f10; border-color: #f10; transition: all .1s ease-in-out; } .dhtmlx_popup_button.dhtmlx_ok_button div { background: #ff584c; border: 1px solid #ff584c; color: #fff; text-shadow: none; outline: 0; } .dhtmlx_popup_button.dhtmlx_cancel_button div:active { background-color: #d9edf8; border-color: none; outline: 0; } .dhtmlx_popup_button div { border: 1px solid #fff; background: #fff; border-radius: 2px; font-size: 15px; -moz-box-sizing: content-box; box-sizing: content-box; text-shadow: none; color: #387aa7; font-weight: 500; padding: 0; margin: 0; vertical-align: top; height: 28px; line-height: 28px; } .dhtmlx_popup_button div:active, .dhtmlx_popup_button div:focus { background: #ff584c; color: #387aa7; box-shadow: none; outline: 0; } div.dhx_modal_cover { background-color: #000; cursor: default; opacity: .4; position: fixed; z-index: 17; left: 0; top: 0; width: 100%; height: 100%; border: none; zoom: 1; } .dhtmlx-info img, .dhtmlx_modal_box img { float: left; margin-right: 20px; } .dhtmlx-alert-error, .dhtmlx-confirm-error { border: 1px solid red; } .dhtmlx-alert-error .dhtmlx_popup_title, .dhtmlx-confirm-error .dhtmlx_popup_title { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAsCAIAAAArRUU2AAAATklEQVR4nIWLuw2AMBBDjVuQiBT2oWbRDATrnB0KQOJoqPzRe3BrHI6dcBASYREKovtK6/6DsDOX+stN+3H1YX9ciRgnYq5EWYhS2dftBIuLT4JyIrPCAAAAAElFTkSuQmCC); } .dhtmlx_popup_title { height: 40px; border-top-left-radius: 0; border-top-right-radius: 0; border-width: 0; background: 0 0; color: rgba(0, 0, 0, 0.75); font-weight: 500; font-size: 16px; text-transform: uppercase; text-shadow: none; line-height: 42px; } .dhtmlx-error { font-size: 14px; color: #000; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2), 0 1px 6px 0 rgba(0, 0, 0, 0.2); padding: 0; background-color: #fff; border-radius: 2px; border: none; } .dhtmlx-info { font-size: 14px; color: #000; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2), 0 1px 6px 0 rgba(0, 0, 0, 0.2); padding: 0; background-color: #fff; border-radius: 2px; border: none; } .dhtmlx-info div { padding: 11px !important; background-color: #fff; border-radius: 3px; border: 1px solid #fff; } .dhtmlx_message_area .dhtmlx-error { background-color: #d81b1b; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2), 0 1px 6px 0 rgba(0, 0, 0, 0.2); } .dhtmlx_message_area .dhtmlx-error, .dhtmlx_message_area .dhtmlx-error div { background: #FF584C; border: 1px solid transparent; border-radius: 0; } .dhtmlx_message_area .dhtmlx-error div { background-color: #d81b1b; color: #fff; } .dhx_cal_event { -ms-touch-action: none; touch-action: none; overflow: hidden; } .dhx_cal_event.dhx_cal_select_menu { -webkit-box-shadow: 0 0 1px #fff; -moz-box-shadow: 0 0 1px #fff; box-shadow: 0 0 1px #fff; } .dhx_cal_event.dhx_cal_select_menu .dhx_body { border-width: 0 1px 1px; padding: 2px 5px 8px 8px; border-radius: 0; font-weight: 500; line-height: 20px; overflow: unset; border-width: 0; padding: 6px 0 12px !important; border-radius: 0; font-weight: 500; line-height: 20px; box-sizing: content-box; } .dhx_cal_event.dhx_cal_select_menu .dhx_event_move.dhx_title { display: none; } .dhx_cal_event.dhx_cal_editor { border: 1px solid transparent; border-top-style: solid; z-index: 10; position: absolute; overflow: hidden; background-color: #387aa7; min-height: 24px; box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.47); } .dhx_cal_event.dhx_cal_editor > div { min-height: 19px; } .dhx_cal_event.dhx_cal_event_drag { box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.47); } .dhx_cal_event.dhx_cal_event_drag .dhx_event_resize.dhx_footer { display: block; background-color: transparent; margin-top: -11px; } .dhx_cal_event.dhx_cal_event_selected .dhx_event_resize.dhx_footer { display: block; background-color: transparent; margin-top: -11px; } .dhx_cal_event.dhx_cal_event_cascade { box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); } .dhx_cal_event.session_state_uncertain.event_type_private { border-color: #b79dcc; border-style: solid; border-width: 2px; } .dhx_cal_event.session_state_uncertain.event_type_private .dhx_title, .dhx_cal_event.session_state_uncertain.event_type_private .dhx_body { background-color: #fff; color: #b79dcc; } .dhx_cal_event.session_state_uncertain.event_type_setup { border-color: #ccc; border-style: solid; border-width: 2px; } .dhx_cal_event.session_state_uncertain.event_type_setup .dhx_title, .dhx_cal_event.session_state_uncertain.event_type_setup .dhx_body { background-color: #fff; color: #ccc; } .dhx_cal_event.session_state_uncertain.event_type_emvic { border-color: #ffe000; border-style: solid; border-width: 2px; } .dhx_cal_event.session_state_uncertain.event_type_emvic .dhx_title, .dhx_cal_event.session_state_uncertain.event_type_emvic .dhx_body { background-color: #fff; color: #ffe000; } .dhx_cal_event.session_state_uncertain.event_type_entities { border-color: #47ab8f; border-style: solid; border-width: 2px; } .dhx_cal_event.session_state_uncertain.event_type_entities .dhx_title, .dhx_cal_event.session_state_uncertain.event_type_entities .dhx_body { background-color: #fff; color: #47ab8f; } .dhx_cal_event.session_state_uncertain.event_type_performance { border-color: #387aa7; border-style: solid; border-width: 2px; } .dhx_cal_event.session_state_uncertain.event_type_performance .dhx_title, .dhx_cal_event.session_state_uncertain.event_type_performance .dhx_body { background-color: #fff; color: #387aa7; } .dhx_cal_event.session_state_uncertain.event_type_rehearsal { border-color: #987661; border-style: solid; border-width: 2px; } .dhx_cal_event.session_state_uncertain.event_type_rehearsal .dhx_title, .dhx_cal_event.session_state_uncertain.event_type_rehearsal .dhx_body { background-color: #fff; color: #987661; } .dhx_cal_event.session_state_uncertain.event_type_occupied { border-color: #93a9cf; border-style: solid; border-width: 2px; } .dhx_cal_event.session_state_uncertain.event_type_occupied .dhx_title, .dhx_cal_event.session_state_uncertain.event_type_occupied .dhx_body { background-color: #fff; color: #93a9cf; } .dhx_cal_event.session_state_uncertain.event_type_hidden { border-color: #93a9cf; border-style: solid; border-width: 2px; } .dhx_cal_event.session_state_uncertain.event_type_hidden .dhx_title, .dhx_cal_event.session_state_uncertain.event_type_hidden .dhx_body { background-color: #fff; color: #93a9cf; } .dhx_cal_event.session_state_pending.event_type_private { border-color: #b79dcc; border-style: dashed; border-width: 2px; } .dhx_cal_event.session_state_pending.event_type_private .dhx_title, .dhx_cal_event.session_state_pending.event_type_private .dhx_body { background-color: #fff; color: #b79dcc; } .dhx_cal_event.session_state_pending.event_type_setup { border-color: #ccc; border-style: dashed; border-width: 2px; } .dhx_cal_event.session_state_pending.event_type_setup .dhx_title, .dhx_cal_event.session_state_pending.event_type_setup .dhx_body { background-color: #fff; color: #ccc; } .dhx_cal_event.session_state_pending.event_type_emvic { border-color: #ffe000; border-style: dashed; border-width: 2px; } .dhx_cal_event.session_state_pending.event_type_emvic .dhx_title, .dhx_cal_event.session_state_pending.event_type_emvic .dhx_body { background-color: #fff; color: #ffe000; } .dhx_cal_event.session_state_pending.event_type_entities { border-color: #47ab8f; border-style: dashed; border-width: 2px; } .dhx_cal_event.session_state_pending.event_type_entities .dhx_title, .dhx_cal_event.session_state_pending.event_type_entities .dhx_body { background-color: #fff; color: #47ab8f; } .dhx_cal_event.session_state_pending.event_type_performance { border-color: #387aa7; border-style: dashed; border-width: 2px; } .dhx_cal_event.session_state_pending.event_type_performance .dhx_title, .dhx_cal_event.session_state_pending.event_type_performance .dhx_body { background-color: #fff; color: #387aa7; } .dhx_cal_event.session_state_pending.event_type_rehearsal { border-color: #987661; border-style: dashed; border-width: 2px; } .dhx_cal_event.session_state_pending.event_type_rehearsal .dhx_title, .dhx_cal_event.session_state_pending.event_type_rehearsal .dhx_body { background-color: #fff; color: #987661; } .dhx_cal_event.session_state_pending.event_type_occupied { border-color: #93a9cf; border-style: dashed; border-width: 2px; } .dhx_cal_event.session_state_pending.event_type_occupied .dhx_title, .dhx_cal_event.session_state_pending.event_type_occupied .dhx_body { background-color: #fff; color: #93a9cf; } .dhx_cal_event.session_state_pending.event_type_hidden { border-color: #93a9cf; border-style: dashed; border-width: 2px; } .dhx_cal_event.session_state_pending.event_type_hidden .dhx_title, .dhx_cal_event.session_state_pending.event_type_hidden .dhx_body { background-color: #fff; color: #93a9cf; } .dhx_cal_event.session_state_confirmed.event_type_private { border-color: #b79dcc; border-style: solid; border-width: 2px; } .dhx_cal_event.session_state_confirmed.event_type_private .dhx_title, .dhx_cal_event.session_state_confirmed.event_type_private .dhx_body { background-color: #b79dcc; } .dhx_cal_event.session_state_confirmed.event_type_setup { border-color: #ccc; border-style: solid; border-width: 2px; } .dhx_cal_event.session_state_confirmed.event_type_setup .dhx_title, .dhx_cal_event.session_state_confirmed.event_type_setup .dhx_body { background-color: #ccc; } .dhx_cal_event.session_state_confirmed.event_type_emvic { border-color: #ffe000; border-style: solid; border-width: 2px; } .dhx_cal_event.session_state_confirmed.event_type_emvic .dhx_title, .dhx_cal_event.session_state_confirmed.event_type_emvic .dhx_body { background-color: #ffe000; } .dhx_cal_event.session_state_confirmed.event_type_entities { border-color: #47ab8f; border-style: solid; border-width: 2px; } .dhx_cal_event.session_state_confirmed.event_type_entities .dhx_title, .dhx_cal_event.session_state_confirmed.event_type_entities .dhx_body { background-color: #47ab8f; } .dhx_cal_event.session_state_confirmed.event_type_performance { border-color: #387aa7; border-style: solid; border-width: 2px; } .dhx_cal_event.session_state_confirmed.event_type_performance .dhx_title, .dhx_cal_event.session_state_confirmed.event_type_performance .dhx_body { background-color: #387aa7; } .dhx_cal_event.session_state_confirmed.event_type_rehearsal { border-color: #987661; border-style: solid; border-width: 2px; } .dhx_cal_event.session_state_confirmed.event_type_rehearsal .dhx_title, .dhx_cal_event.session_state_confirmed.event_type_rehearsal .dhx_body { background-color: #987661; } .dhx_cal_event.session_state_confirmed.event_type_occupied { border-color: #93a9cf; border-style: solid; border-width: 2px; } .dhx_cal_event.session_state_confirmed.event_type_occupied .dhx_title, .dhx_cal_event.session_state_confirmed.event_type_occupied .dhx_body { background-color: #93a9cf; } .dhx_cal_event.session_state_confirmed.event_type_hidden { border-color: #93a9cf; border-style: solid; border-width: 2px; } .dhx_cal_event.session_state_confirmed.event_type_hidden .dhx_title, .dhx_cal_event.session_state_confirmed.event_type_hidden .dhx_body { background-color: #93a9cf; } .dhx_cal_event.session_state_confirmed.event_type_private .dhx_title, .dhx_cal_event.session_state_confirmed.event_type_private .dhx_body { color: #3d3544; } .dhx_cal_event.session_state_confirmed.event_type_setup .dhx_title, .dhx_cal_event.session_state_confirmed.event_type_setup .dhx_body { color: #444; } .dhx_cal_event.session_state_confirmed.event_type_emvic .dhx_title, .dhx_cal_event.session_state_confirmed.event_type_emvic .dhx_body { color: #635804; } .dhx_cal_event.session_state_confirmed.event_type_entities .dhx_title, .dhx_cal_event.session_state_confirmed.event_type_entities .dhx_body { color: #fff; } .dhx_cal_event.session_state_confirmed.event_type_performance .dhx_title, .dhx_cal_event.session_state_confirmed.event_type_performance .dhx_body { color: #fff; } .dhx_cal_event.session_state_confirmed.event_type_rehearsal .dhx_title, .dhx_cal_event.session_state_confirmed.event_type_rehearsal .dhx_body { color: #fff; } .dhx_cal_event.session_state_confirmed.event_type_occupied .dhx_title, .dhx_cal_event.session_state_confirmed.event_type_occupied .dhx_body { color: #444e61; } .dhx_cal_event.session_state_confirmed.event_type_hidden .dhx_title, .dhx_cal_event.session_state_confirmed.event_type_hidden .dhx_body { color: #444e61; } .dhx_cal_event.uncertain_duration { -webkit-box-shadow: 0px 0px 5px 0px red; -moz-box-shadow: 0px 0px 5px 0px red; box-shadow: 0px 0px 5px 0px red; } .dhx_cal_event.uncertain_duration .dhx_title { color: #d60c0c !important; text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6); font-weight: bold; } .dhx_cal_event.session_private .event_private_suffix { font-weight: normal; opacity: 0.92; white-space: nowrap; } .dhx_cal_event.unpublished { opacity: .7; } .dhx_cal_event.unpublished:after { content: ""; display: block; position: absolute; top: 5px; right: 5px; width: 20px; height: 20px; background-image: url(../images/occupation_calendar/unpublished_production.png); background-size: cover; background-position: center; background-repeat: no-repeat; } .dhx_cal_event:hover .dhx_event_resize.dhx_footer { display: block; background-color: transparent; margin-top: -11px; } .dhx_cal_event .dhx_body, .dhx_cal_event .dhx_footer, .dhx_cal_event .dhx_header, .dhx_cal_event .dhx_title { background-color: #387aa7; border: 1px solid transparent; color: #fff; overflow: hidden; width: 100%; } .dhx_cal_event .dhx_header { height: 1px; margin: 0 0 0 1px; border-width: 1px 1px 0; cursor: pointer; display: none; } .dhx_cal_event .dhx_title { height: 18px; border-width: 1px 1px 0; border-bottom-style: dotted; border-radius: 0; font-size: 12px; line-height: normal; font-weight: 400; text-align: left; background-position: right; background-repeat: no-repeat; padding: 4px 0 0 8px; cursor: pointer; } .dhx_cal_event .dhx_body { border-width: 0 1px 1px; padding: 2px 5px 8px 8px; border-radius: 0; font-weight: 500; line-height: 20px; } .dhx_cal_event .dhx_body .event_title, .dhx_cal_event .dhx_body .event_location { margin: 0; } .dhx_cal_event .dhx_body .event_location { font-weight: 300; font-style: italic; } .dhx_cal_event .dhx_footer, .dhx_cal_event .dhx_select_menu_footer { height: 6px; margin: 0 0 0 1px; border-width: 0; position: relative; top: 0; background: url(../images/occupation_calendar/drag-horizontal.svg) center center no-repeat; } .dhx_cal_event .dhx_event_resize { cursor: s-resize; cursor: ns-resize; } .dhx_cal_event .dhx_resize_denied.dhx_event_resize.dhx_footer { height: 0; } .dhx_cal_event .dhx_cal_select_menu .dhx_footer { display: none; } .dhx_cal_event div { line-height: normal; } .dhx_move_denid .dhx_cal_event .dhx_header, .dhx_move_denid .dhx_cal_event .dhx_title, .dhx_move_denied .dhx_cal_event .dhx_header, .dhx_move_denied .dhx_cal_event .dhx_title { cursor: default; } .dhx_resize_denied, .dhx_resize_denied .dhx_event_resize { cursor: default !important; } .dhx_cal_event_line { background-color: #387aa7; border: 1px solid transparent; border-radius: 2px; font-family: Muli; font-size: 14px; font-weight: 500; line-height: 17px; height: 17px; padding: 0 0 1px 10px; color: #fff; cursor: pointer; overflow: hidden; -ms-touch-action: none; touch-action: none; box-sizing: border-box; text-overflow: ellipsis; } .dhx_cal_event_line.dhx_cal_event_drag { box-shadow: 0 0 1px 0 #fff; } .dhx_cal_event_line.dhx_cal_event_drag .dhx_event_resize { display: block; } .dhx_cal_event_line.dhx_cal_event_selected .dhx_event_resize { display: block; } .dhx_cal_event_line:hover .dhx_event_resize { display: block; } .dhx_cal_event_line .dhx_event_resize { cursor: w-resize; cursor: ew-resize; background: url(../images/occupation_calendar/drag-vertical.svg) center center no-repeat; position: absolute; top: 0; height: 100%; padding-bottom: 1px; width: 10px; display: none; } .dhx_cal_event_line_start { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .dhx_cal_event_line_end { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .dhx_cal_event_clear { height: 19px; padding: 1px 0 0 11px; color: #387aa7; font-family: Muli; font-size: 14px; line-height: 19px; cursor: pointer; background-color: transparent; font-weight: 400; -ms-touch-action: none; touch-action: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: 6px; } .dhx_cal_event_clear.session_state_uncertain.event_type_private { border-color: #b79dcc; border-style: solid; border-width: 2px; background-color: #fff; color: #b79dcc; } .dhx_cal_event_clear.session_state_uncertain.event_type_setup { border-color: #ccc; border-style: solid; border-width: 2px; background-color: #fff; color: #ccc; } .dhx_cal_event_clear.session_state_uncertain.event_type_emvic { border-color: #ffe000; border-style: solid; border-width: 2px; background-color: #fff; color: #ffe000; } .dhx_cal_event_clear.session_state_uncertain.event_type_entities { border-color: #47ab8f; border-style: solid; border-width: 2px; background-color: #fff; color: #47ab8f; } .dhx_cal_event_clear.session_state_uncertain.event_type_performance { border-color: #387aa7; border-style: solid; border-width: 2px; background-color: #fff; color: #387aa7; } .dhx_cal_event_clear.session_state_uncertain.event_type_rehearsal { border-color: #987661; border-style: solid; border-width: 2px; background-color: #fff; color: #987661; } .dhx_cal_event_clear.session_state_uncertain.event_type_occupied { border-color: #93a9cf; border-style: solid; border-width: 2px; background-color: #fff; color: #93a9cf; } .dhx_cal_event_clear.session_state_uncertain.event_type_hidden { border-color: #93a9cf; border-style: solid; border-width: 2px; background-color: #fff; color: #93a9cf; } .dhx_cal_event_clear.session_state_pending.event_type_private { border-color: #b79dcc; border-style: dashed; border-width: 2px; background-color: #fff; color: #b79dcc; } .dhx_cal_event_clear.session_state_pending.event_type_setup { border-color: #ccc; border-style: dashed; border-width: 2px; background-color: #fff; color: #ccc; } .dhx_cal_event_clear.session_state_pending.event_type_emvic { border-color: #ffe000; border-style: dashed; border-width: 2px; background-color: #fff; color: #ffe000; } .dhx_cal_event_clear.session_state_pending.event_type_entities { border-color: #47ab8f; border-style: dashed; border-width: 2px; background-color: #fff; color: #47ab8f; } .dhx_cal_event_clear.session_state_pending.event_type_performance { border-color: #387aa7; border-style: dashed; border-width: 2px; background-color: #fff; color: #387aa7; } .dhx_cal_event_clear.session_state_pending.event_type_rehearsal { border-color: #987661; border-style: dashed; border-width: 2px; background-color: #fff; color: #987661; } .dhx_cal_event_clear.session_state_pending.event_type_occupied { border-color: #93a9cf; border-style: dashed; border-width: 2px; background-color: #fff; color: #93a9cf; } .dhx_cal_event_clear.session_state_pending.event_type_hidden { border-color: #93a9cf; border-style: dashed; border-width: 2px; background-color: #fff; color: #93a9cf; } .dhx_cal_event_clear.session_state_confirmed.event_type_private { background-color: #b79dcc; } .dhx_cal_event_clear.session_state_confirmed.event_type_setup { background-color: #ccc; } .dhx_cal_event_clear.session_state_confirmed.event_type_emvic { background-color: #ffe000; } .dhx_cal_event_clear.session_state_confirmed.event_type_entities { background-color: #47ab8f; } .dhx_cal_event_clear.session_state_confirmed.event_type_performance { background-color: #387aa7; } .dhx_cal_event_clear.session_state_confirmed.event_type_rehearsal { background-color: #987661; } .dhx_cal_event_clear.session_state_confirmed.event_type_occupied { background-color: #93a9cf; } .dhx_cal_event_clear.session_state_confirmed.event_type_hidden { background-color: #93a9cf; } .dhx_cal_event_clear.session_state_confirmed.event_type_private { color: #3d3544; } .dhx_cal_event_clear.session_state_confirmed.event_type_setup { color: #444; } .dhx_cal_event_clear.session_state_confirmed.event_type_emvic { color: #635804; } .dhx_cal_event_clear.session_state_confirmed.event_type_entities { color: #fff; } .dhx_cal_event_clear.session_state_confirmed.event_type_performance { color: #fff; } .dhx_cal_event_clear.session_state_confirmed.event_type_rehearsal { color: #fff; } .dhx_cal_event_clear.session_state_confirmed.event_type_occupied { color: #444e61; } .dhx_cal_event_clear.session_state_confirmed.event_type_hidden { color: #444e61; } .dhx_cal_event_clear .event_title { font-weight: 700; } textarea.dhx_cal_editor { width: 100%; height: 100%; border: 0 solid #000; padding: 6px 0 0 8px; margin: 0; overflow: auto; font-family: Muli; font-size: 14px; } div.dhx_menu_head { background-image: none; background-position: 0 -43px; width: 10px; height: 10px; margin-left: 5px; margin-top: 1px; border: none; cursor: default; } div.dhx_menu_icon { background-image: url(../images/occupation_calendar/controls.png); width: 20px; height: 20px; border: none; cursor: pointer; margin: 0 1px 5px; } div.icon_details { background-position: 0 0; } div.icon_edit { background-position: -22px 0; } div.icon_save { background-position: -84px -1px; } div.icon_cancel { background-position: -62px 0; } div.icon_delete { background-position: -42px 0; } .dhx_month_link { position: absolute; box-sizing: border-box; -moz-box-sizing: border-box; text-align: right; cursor: pointer; padding-right: 10px; font-size: 14px; font-family: Muli; } .dhx_month_link a { color: #1b5dfb; } .dhx_month_link a:hover { text-decoration: underline; color: #033dc6; } .dhx_global_tip { font-family: Muli; text-align: center; font-size: 20px; position: fixed; top: 60px; right: 20px; background-color: rgba(255, 255, 255, 0.7); color: #000; z-index: 14; padding: 20px 30px; width: 190px; } .dhx_global_tip div { font-size: 30px; } @media (-moz-touch-enabled) { .dhx_cal_container { user-select: none; -moz-user-select: none; } } .dhx_unselectable, .dhx_unselectable div { -webkit-user-select: none; -moz-user-select: none; -moz-user-select: -moz-none; } .dhx_cal_light { font-family: Muli; font-size: 8pt; color: #747373; -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 2px; border: 0 solid transparent; color: #2e2e2e; font-family: Muli; font-size: 14px; box-shadow: none; position: absolute; z-index: 15; width: 458px; height: auto !important; padding: 0 0 20px; } .dhx_cal_light.dhx_cal_light_wide .dhx_cal_larea { height: auto !important; width: 100% !important; } .dhx_cal_light .radio { padding: 2px 0 2px 10px; } .dhx_cal_light .radio input { line-height: 15px; vertical-align: middle; margin: 0; padding: 0; } .dhx_cal_light .radio label { line-height: 15px; vertical-align: middle; padding-right: 10px; } .dhx_cal_light .combo { padding: 4px; min-height: 32px !important; } .dhx_cal_light .combo > div { border-radius: 2px; } .dhx_cal_light .dhx_title { padding: 0 0 0 13px; font-size: 14px; text-transform: uppercase; color: #fff; display: inline-block; margin: 0; } .dhx_cal_light .dhx_cal_radio input[type=radio] { margin: 0 0 0 5px; position: relative; top: -1px; } .dhx_cal_light .dhx_cal_radio label { display: inline-block; margin: 3px 30px 0 5px; position: relative; top: -2px; } .dhx_cal_light .dhx_section_timeline { padding: 4px 0 2px 19px; } .dhx_cal_light .dhx_section_timeline select { width: 100%; margin: 0; } .dhx_cal_light .dhx_wrap_section .dhx_cal_lsection { min-height: 25px !important; line-height: 18px; padding-top: 10px; } .dhx_cal_light .dhx_wrap_section .dhx_section_time { height: 100% !important; line-height: 32px; } .dhx_cal_light .dhx_wrap_section .dhx_section_time:after { content: " "; clear: both; display: table; } .dhx_cal_light select { font-family: Muli; font-size: 14px; color: rgba(0, 0, 0, 0.8); padding: 2px 2px 2px 8px; margin: 0 8px 16px 0; border-radius: 2px; box-sizing: border-box; height: 32px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/occupation_calendar/menu-down.svg) 100% 3px no-repeat; border: 1px solid rgba(0, 0, 0, 0.08); } .dhx_cal_light input { border-radius: 2px; border: 1px solid #a9a9a9; padding: 2px 5px 2px 2px; } .dhx_cal_light textarea { border-radius: 2px; } .dhx_cal_light div.dhxcombo_dhx_terrace div.dhxcombo_select_button div.dhxcombo_select_img { background-position: center 10px !important; } .dhx_cal_light div.dhxcombo_dhx_terrace input.dhxcombo_input { width: 321px !important; box-sizing: border-box; outline: hidden !important; border: none !important; height: 32px !important; padding-left: 8px; } .dhx_cal_ltitle { padding: 3px 15px 1px; height: 35px; line-height: 35px; border-bottom: 1px solid #387aa7; background: #387aa7; margin: 0 0 20px; border-radius: 2px 2px 0 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .dhx_cal_ltitle span { white-space: nowrap; } .dhx_cal_ltext { overflow: hidden; float: left; float: none; width: auto; height: auto; padding: 4px 0 0 4px; min-height: 32px !important; font-size: 14px; margin: 0 0 0 15px; line-height: 32px; font-family: Muli; } .dhx_cal_ltext.dhx_cal_template { position: relative; } .dhx_cal_ltext.dhx_cal_radio { padding: 4px 0 0; } .dhx_cal_ltext.dhx_cal_radio br { display: none; } .dhx_cal_ltext textarea { background-color: #fff; overflow: auto; color: rgba(0, 0, 0, 0.8); height: 100%; width: 100%; outline: 0 !important; resize: none; border: 1px solid rgba(0, 0, 0, 0.08); line-height: 20px; font-family: inherit; box-sizing: border-box; padding: 4px 0 0 8px; font-size: 14px; } .dhx_cal_ltext input[type=text] { height: 26px; margin: 0 0 0 4px; font-size: 14px; font-family: Muli; color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.08); } .dhx_time { font-weight: 500; padding: 0; font-size: 14px; display: inline-block; margin: 0; color: #fff; } .dhx_mark { position: relative; top: 3px; background-image: url(../images/occupation_calendar/controls.gif); background-position: 0 -43px; padding-left: 10px; } .dhx_ie6 .dhx_mark { background-position: 6px -41px; } .dhx_cal_larea { border: none; background-color: #fff; overflow: hidden; } .dhx_cal_light_wide { width: 738px; } .dhx_cal_light_wide .dhx_cal_larea { border-top-width: 0; margin: 0; width: 100%; } .dhx_cal_light_wide .dhx_wrap_section { border-top: 0; border-bottom: none; position: relative; background-color: #fff; overflow: hidden; padding: 0; margin: 0 0 16px; padding-right: 15px; } .dhx_cal_light_wide .dhx_cal_lsection { border: 0; float: left; text-align: right; width: 82px; min-height: 20px; line-height: 20px; height: auto; font-size: 14px; padding: 3px 0 0; margin: 0 0 0 20px; } .dhx_cal_light_wide .dhx_cal_lsection .dhx_fullday { float: none; margin: 0; font-weight: 500; font-size: 14px; cursor: pointer; } .dhx_cal_light_wide .dhx_section_time { padding: 2px 0 0 117px !important; height: 20px !important; background: 0 0; } .dhx_cal_light_wide .dhx_cal_checkbox label { padding-left: 0; } .dhx_cal_light_wide .dhx_custom_button { position: absolute; top: 0; right: 0; margin-top: 6px; } .dhx_cal_light_wide .dhx_repeat_right { margin-right: 15px !important; } .dhx_cal_light_wide .dhx_combo_box { width: 319px !important; margin: 0; height: 32px !important; position: relative; left: 19px; font-size: 14px; font-family: Muli; border: 1px solid rgba(0, 0, 0, 0.08) !important; } .dhx_cal_light_wide .combo > div { width: 608px !important; left: 10px; top: -3px; } .dhx_cal_light_wide .combo > div.dhxcombo_dhx_terrace { width: 319px !important; margin: 0; height: 32px !important; position: relative; left: 19px; font-size: 14px; font-family: Muli; border: 1px solid rgba(0, 0, 0, 0.08) !important; } .dhx_cal_light_wide .combo .dhx_combo_box { width: 608px !important; left: 10px; } .dhx_cal_light_wide .dhx_form_repeat { background-color: transparent; } .dhx_cal_light_wide .dhx_cal_ltext { margin: 0 0 0 117px; } .dhx_cal_lsection { background-color: #fff; color: rgba(0, 0, 0, 0.75); font-weight: 500; font-family: Muli; font-size: 18px; padding: 5px 0 5px 10px; } .dhx_cal_lsection .dhx_fullday { float: right; margin-right: 5px; color: rgba(0, 0, 0, 0.75); font-family: Muli; font-size: 12px; font-weight: 400; line-height: 20px; cursor: pointer; vertical-align: middle; } .dhx_cal_lsection .dhx_fullday input[type=checkbox] { margin: 0 3px 0 0; vertical-align: middle; } .dhx_cal_lsection .dhx_readonly { font-size: 9pt; font-size: 8pt; padding: 2px; color: #887A2E; } .dhx_cal_lsection div.dhx_custom_button { padding: 0; color: #387aa7; font-family: Muli; font-size: 14px; background-color: rgba(255, 255, 255, 0); margin: 0 20px 0 0; width: auto; height: 32px; font-weight: 500; text-align: center; border-radius: 2px; } .dhx_cal_lsection div.dhx_custom_button:hover { background-color: #D9EDF8; } .dhx_cal_lsection div.dhx_custom_button .dhx_custom_button_recurring { display: none; } .dhx_cal_lsection div.dhx_custom_button div { float: none; height: 32px; line-height: 32px; text-transform: uppercase; padding: 0 16px; border-radius: 2px; } .dhx_readonly { height: 15px; } .dhx_section_time { background-color: transparent; white-space: nowrap; text-align: left; color: #fff; } .dhx_section_time.dhx_lightbox_minical select.dhx_lightbox_time_select { background: url(../images/occupation_calendar/menu-down.svg) 100% 3px no-repeat; padding: 0 0 0 5px !important; width: 62px; } .dhx_section_time.dhx_lightbox_minical span { display: none; } .dhx_section_time.dhx_section_time_calendar select { width: 64px; } .dhx_section_time select { float: left; height: 32px; box-sizing: border-box; margin: 0 0 16px 6px; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; padding: 0 0 0 4px !important; } .dhx_section_time select.dhx_lightbox_time_select { width: 102px; box-sizing: border-box; padding: 0 0 0 34px !important; background: url(../images/occupation_calendar/time.svg) 8px 5px no-repeat, url(../images/occupation_calendar/menu-down.svg) 100% 3px no-repeat; } .dhx_section_time select.dhx_lightbox_day_select { min-width: 46px !important; background: url(../images/occupation_calendar/menu-down.svg) 100% 3px no-repeat; box-sizing: border-box; } .dhx_section_time select.dhx_lightbox_month_select { width: 98px !important; background: url(../images/occupation_calendar/menu-down.svg) 100% 3px no-repeat; } .dhx_section_time select.dhx_lightbox_year_select { min-width: 58px !important; background: url(../images/occupation_calendar/menu-down.svg) 100% 3px no-repeat; } .dhx_section_time select:nth-child(1) { margin: 0 0 16px 4px; } .dhx_section_time select:nth-child(6) { margin: 0 0 16px 4px; } .dhx_section_time select:last-child { margin: 0 0 16px 6px; } .dhx_section_time input.dhx_readonly { height: 26px; float: left; border-color: #e0e0e0; width: 77px; margin: 0 4px 16px; text-align: center; color: rgba(0, 0, 0, 0.8); font-size: 14px; } .dhx_section_time input.dhx_readonly:nth-last-child(2) { margin-left: 12px; } .dhx_btn_set { padding: 0; margin: 0 16px 0 0; font-size: 14px; font-weight: 500; border-radius: 2px; text-transform: uppercase; border: 1px solid #fff; background-color: #fff; color: #387aa7; float: right; float: left; float: left / right; } .dhx_btn_set div { float: left; height: 30px; line-height: 30px; padding: 0 16px; vertical-align: middle; cursor: pointer; } .dhx_cancel_btn_set { border: 1px solid #fff; background-color: #fff; color: #387aa7; float: right; float: left; } .dhx_cancel_btn_set:hover { background-color: #d9edf8; transition: all .1s ease-in-out; border: 1px solid #d9edf8; } .dhx_delete_btn_set { border: 1px solid #fff; background-color: #fff; color: #ff584c; text-shadow: none; margin: 0 20px; float: left; } .dhx_delete_btn_set:hover { border: 1px solid rgba(255, 88, 76, 0.01); background-color: rgba(255, 88, 76, 0.3); } .dhx_save_btn_set { border: 1px solid #387aa7; color: #fff; text-shadow: none; background-color: #387aa7; } .dhx_save_btn_set:hover { border-color: #0299EB; transition: all .1s ease-in-out; } .dhx_save_btn_set:hover div { background-color: #0299EB; border-color: #0299EB; transition: all .1s ease-in-out; } .dhx_right_btn_set { margin-right: 16px; } .dhx_right_btn_set.dhx_btn_set { margin: 0 15px 0 0; } .dhx_right_btn_set.dhx_btn_set ~ .dhx_right_btn_set.dhx_btn_set { margin: 0 15px 0 0; } .dhx_left_btn_set.dhx_btn_set { margin: 0 0 0 20px; } .dhx_left_btn_set.dhx_btn_set ~ .dhx_left_btn_set.dhx_btn_set { margin: 0 0 0 16px; } .dhx_custom_btn_info_set:hover { background-color: #d9edf8; transition: all .1s ease-in-out; border: 1px solid #d9edf8; } .dhx_save_btn { background-image: url(../images/occupation_calendar/controls.gif); background-position: -84px 0; width: 21px; } .dhx_cancel_btn { background-image: url(../images/occupation_calendar/controls.gif); background-position: -63px 0; width: 20px; } .dhx_delete_btn { background-image: url(../images/occupation_calendar/controls.gif); background-position: -42px 0; width: 20px; } .dhx_cal_cover { width: 100%; height: 100%; position: absolute; z-index: 14; top: 0; left: 0; background-color: #000; opacity: .4; } .dhx_custom_button { padding: 0 3px; color: rgba(0, 0, 0, 0.75); font-family: Muli; font-size: 8pt; background-color: #fff; border: 1px solid #e0e0e0; font-weight: 400; margin-right: 5px; margin-top: 0; cursor: pointer; float: right; height: 21px; width: 90px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .dhx_custom_button div { cursor: pointer; float: left; height: 21px; line-height: 21px; vertical-align: middle; } .dhx_custom_button_recurring { background-image: none; background-position: -5px 20px; width: 20px; margin-right: 10px; } .dhx_cal_light_rec { width: 640px; } .dhx_cal_light_rec.dhx_cal_light_wide { width: 458px; } .dhx_cal_light_rec.dhx_cal_light_wide .dhx_cal_larea { height: auto !important; width: 100% !important; } .dhx_cal_light_rec .dhx_cal_larea { width: 632px; } #input_1518604462804 { margin: 0 0 0 11px; border-bottom: 0; } .dhx_minical_popup { position: absolute; z-index: 16; width: 251px; height: 175px; } .dhx_minical_popup .dhx_cal_container.dhx_mini_calendar .dhx_cal_next_button { width: 25px; height: 25px; right: 10px !important; top: 5px !important; } .dhx_minical_popup .dhx_cal_container.dhx_mini_calendar .dhx_cal_next_button:hover { background-color: rgba(0, 0, 0, 0.1); border-radius: 50%; } .dhx_minical_popup .dhx_cal_container.dhx_mini_calendar .dhx_cal_prev_button { width: 25px; height: 25px; left: 10px !important; top: 5px !important; } .dhx_minical_popup .dhx_cal_container.dhx_mini_calendar .dhx_cal_prev_button:hover { background-color: rgba(0, 0, 0, 0.1); border-radius: 50%; } .dhx_scale_bar { position: absolute; text-align: center; background-color: #fff; padding: 2px 0 0; border-left: 1px solid #e0e0e0; font-size: 14px; font-weight: 600; line-height: 16px; color: rgba(0, 0, 0, 0.54); } .dhx_scale_bar.dhx_second_scale_bar { border-bottom: 0; border-bottom-style: solid; border-bottom-color: #e0e0e0; } .dhx_scale_bar.undefined:last-child { border-right: 1px solid #e0e0e0 !important; } .dhx_scale_bar .dhx_cal_next_button, .dhx_scale_bar .dhx_cal_prev_button { width: 20px; height: 20px; border: none; top: 0 !important; right: 7px !important; } .dhx_scale_bar .dhx_cal_next_button:hover, .dhx_scale_bar .dhx_cal_prev_button:hover { background-color: rgba(0, 0, 0, 0.1); border-radius: 50%; } .dhx_scale_bar .dhx_cal_next_button:hover { background-image: url(../images/occupation_calendar/arrow_right_hov.svg); } .dhx_scale_bar .dhx_cal_prev_button:hover { background-image: url(../images/occupation_calendar/arrow_left_hov.svg); } .dhx_scale_holder { position: absolute; border-right: 1px solid #e0e0e0; background-image: url(../images/occupation_calendar/databg.png); -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; image-rendering: crisp-edges; image-rendering: pixelated; } .dhx_scale_holder .dhx_cal_event .dhx_body, .dhx_scale_holder .dhx_cal_event .dhx_footer, .dhx_scale_holder .dhx_cal_event .dhx_header, .dhx_scale_holder .dhx_cal_event .dhx_title { width: 100%; } .dhx_scale_holder .dhx_cal_event .dhx_body { overflow: visible; } .dhx_scale_holder_now { -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; image-rendering: crisp-edges; image-rendering: pixelated; position: absolute; border-right: 1px solid #e0e0e0; background-image: url(../images/occupation_calendar/databg.png); background-color: #f7f7f7; } .dhx_scale_hour { border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; background-color: #fff; text-align: center; line-height: 44px; color: rgba(0, 0, 0, 0.54); font-size: 12px; font-weight: 500; overflow: hidden; } .dhx_scale_bar_header { position: absolute; border-bottom: 1px dotted #a39588; width: 100%; } .dhx_expand_icon { position: absolute; top: 0; right: 0; width: 18px; height: 18px; cursor: pointer; background-position: 0 18px; z-index: 4; background-image: url(../images/occupation_calendar/collapse_expand_icon.png); } .dhx_scheduler_agenda .dhx_cal_data { background-image: none; border-top: 1px solid #fff; background: #fff; } .dhx_agenda_area { width: 100%; overflow-y: auto; background-image: none; } .dhx_agenda_area .dhx_agenda_line .dhx_event_icon { background: url(../images/occupation_calendar/agenda-calendar.svg) center center no-repeat; height: 33px; width: 33px; margin: 2px 0 0 3px; background-size: 20px 20px; border-radius: 50%; } .dhx_agenda_area .dhx_agenda_line .dhx_event_icon:hover { background-color: rgba(0, 0, 0, 0.1); } .dhx_agenda_area .dhx_agenda_line div { border-right: 0 dotted #000; } .dhx_agenda_area .dhx_agenda_line span { display: inline-block; line-height: 36px; height: 100%; color: rgba(0, 0, 0, 0.75); } .dhx_agenda_area .dhx_event_icon.icon_details { border: none; } .dhx_agenda_area .dhx_v_border { border-right: 1px solid #e0e0e0; } .dhx_agenda_area div[role=row] { box-sizing: border-box; height: 36px; border-bottom: 1px solid transparent; } .dhx_agenda_area div[role=row]:nth-child(even) { background-color: #ededed; } .dhx_agenda_area div[role=row]:nth-child(odd) { background-color: #fff; } .dhx_agenda_line { height: 21px; clear: both; overflow: hidden; } .dhx_agenda_line .dhx_event_icon { width: 20px; border-width: 0; background: url(../images/occupation_calendar/icon.png) 5px 4px no-repeat; cursor: pointer; } .dhx_agenda_line div { float: left; width: 188px; border-right: 1px dotted #8894A3; text-align: center; line-height: 21px; overflow: hidden; } .dhx_agenda_line div.dhx_agenda_event_time { line-height: 36px; height: 36px; color: rgba(0, 0, 0, 0.75); } .dhx_agenda_line span { padding-left: 5px; line-height: 21px; } .dhx_cal_header div.dhx_agenda_line div, .dhx_cal_header div.dhx_agenda_line span { font-weight: 500; color: rgba(0, 0, 0, 0.54); } .dhx_cal_header div.dhx_map_line { font-weight: 500; color: rgba(0, 0, 0, 0.54); } .dhx_cal_header div.dhx_grid_line div { border-left: 1px solid #e0e0e0; } .dhx_v_border { position: absolute; left: 187px; top: 0; border-right: 1px dotted #8894A3; width: 1px; height: 100%; } .dhx_year_body { border-left: 1px solid #e0e0e0; } .dhx_year_body .dhx_after .dhx_month_head, .dhx_year_body .dhx_before .dhx_month_head { cursor: default; } .dhx_year_week { position: relative; } .dhx_scale_bar_last { border-right: 1px solid #e0e0e0; } .dhx_year_month { padding-top: 3px; border: 1px solid #e0e0e0; text-align: center; vertical-align: middle; height: 30px !important; } .dhx_year_body .dhx_after .dhx_month_head, .dhx_year_body .dhx_after .dhx_month_head a, .dhx_year_body .dhx_before .dhx_month_head, .dhx_year_body .dhx_before .dhx_month_head a { color: rgba(0, 0, 0, 0.38); } .dhx_year_body .dhx_month_body { height: 0; overflow: hidden; } .dhx_month_head { height: 21px; padding: 0 8px 0 0; font-size: 12px; font-weight: 500; line-height: 21px; color: rgba(0, 0, 0, 0.54); border-right: 1px solid #e0e0e0; background-color: #fff; text-align: right; } .dhx_month_head.dhx_year_event { background-color: #387aa7; color: #fff; } .dhx_year_tooltip { border: 1px solid #BBB; background-image: none; position: absolute; z-index: 12; width: 300px; height: auto; font-family: Muli; font-size: 8pt; overflow: hidden; border: none; box-sizing: border-box; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3); background: #fff; font-size: 14px; overflow: hidden; color: rgba(0, 0, 0, 0.8); } .dhx_year_tooltip .dhx_tooltip_line { min-height: 20px; height: auto; line-height: 20px; margin: 14px 12px 14px 0; overflow: visible; position: relative; box-sizing: border-box; padding: 0 0 0 48px; } .dhx_year_tooltip .dhx_tooltip_line .dhx_event_icon.icon_details { background: url(../images/occupation_calendar/agenda-calendar.svg) center center no-repeat; width: 40px; height: 40px; position: absolute; top: -10px; left: 4px; padding: 0; float: left; } .dhx_year_tooltip .dhx_tooltip_line .dhx_event_icon.icon_details:hover { background-color: rgba(0, 0, 0, 0.1); border-radius: 50%; } .dhx_year_tooltip .dhx_tooltip_line .dhx_tooltip_date { float: right; } .dhx_tooltip_line { line-height: 20px; height: 20px; overflow: hidden; } .dhx_tooltip_line .dhx_event_icon { width: 20px; height: 20px; padding-right: 10px; float: left; border-width: 0; position: relative; background: url(../images/occupation_calendar/icon.png) 5px 4px no-repeat; cursor: pointer; } .dhx_tooltip_date { float: left; width: auto; padding-left: 5px; text-align: center; } .dhx_text_disabled { color: #2e2e2e; font-family: Muli; font-size: 14px; } .dhx_mini_calendar { -moz-box-shadow: 5px 5px 5px #888; -khtml-box-shadow: 5px 5px 5px #888; -moz-user-select: -moz-none; -webkit-user-select: none; -user-select: none; } .dhx_mini_calendar .dhx_month_head { cursor: pointer; border-color: transparent; font-size: 12px; font-weight: 500; color: rgba(0, 0, 0, 0.54); margin: 2px; border-radius: 50%; padding: 5px 0 0 1px; text-align: center; box-sizing: border-box; height: 30px; width: 30px; } .dhx_mini_calendar .dhx_month_body { border-color: transparent; } .dhx_mini_calendar .dhx_calendar_click { background-color: #387aa7; } .dhx_mini_calendar .dhx_marked_timespan.dhx_now_time { display: none; } .dhx_mini_calendar .dhx_marked_timespan.holiday_day { display: block; background-color: rgba(255, 0, 0, 0.25); } .dhx_mini_calendar .dhx_year_month { border: 1px solid #e0e0e0; color: rgba(0, 0, 0, 0.75); line-height: 20px; font-size: 14px; font-weight: 500; border-color: transparent; } .dhx_mini_calendar .dhx_year_week { border-bottom: 1px solid #e0e0e0; padding-top: 1px; } .dhx_mini_calendar .dhx_year_body { padding-top: 1px; border-color: transparent; } .dhx_mini_calendar .dhx_cal_next_button, .dhx_mini_calendar .dhx_cal_prev_button { border: 0; } .dhx_mini_calendar .dhx_scale_bar { font-family: Muli; font-size: 12px; font-weight: 500; border-width: 0; border-color: transparent; } .dhx_mini_calendar div.dhx_month_head.dhx_calendar_click { background-color: #e5e5e5; color: rgba(0, 0, 0, 0.75); } .dhx_mini_calendar div.dhx_month_head.dhx_year_event { background-color: rgba(2, 136, 209, 0.2); color: #387aa7; } .dhx_mini_calendar div.dhx_month_head.dhx_year_event.dhx_calendar_click { background-color: #e5e5e5; color: #387aa7; } .dhx_matrix_cell, .dhx_matrix_scell { overflow: hidden; text-align: center; vertical-align: middle; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } .dhx_matrix_cell div, .dhx_matrix_scell div { overflow: hidden; text-align: center; height: auto; } .dhx_matrix_cell { background-color: #fff; } .dhx_matrix_scell { height: 100%; font-family: Muli; font-size: 14px; color: rgba(0, 0, 0, 0.54); font-weight: 500; } .dhx_matrix_scell.folder { background-color: #ebeced; cursor: pointer; font-weight: 700; text-align: left; border-right: 1px solid transparent; } .dhx_matrix_scell.folder.closed .dhx_scell_expand:after { content: ""; display: block; position: absolute; top: 3px; left: 0; height: 10px; width: 13px; background: url(../images/occupation_calendar/tree_arrow.svg) 3px center no-repeat #ebeced; } .dhx_matrix_scell.folder.opened .dhx_scell_expand:after { content: ""; display: block; position: absolute; top: 3px; left: 0; height: 10px; width: 13px; transform: rotate(-90deg); background: url(../images/occupation_calendar/tree_arrow.svg) 3px center no-repeat #ebeced; } .dhx_matrix_scell.folder .dhx_scell_expand { float: left; width: 10px; padding-right: 3px; position: relative; margin: 0 10px; } .dhx_matrix_scell.folder .dhx_scell_name { float: left; width: auto; color: #387aa7; text-transform: uppercase; font-weight: 500; } .dhx_matrix_scell.item .dhx_scell_name { padding-left: 15px; text-align: left; } .dhx_matrix_scell .dhx_scell_level0 { padding-left: 5px; } .dhx_matrix_scell .dhx_scell_level1 { padding-left: 20px; } .dhx_matrix_scell .dhx_scell_level2 { padding-left: 35px; } .dhx_matrix_scell .dhx_scell_level3 { padding-left: 50px; } .dhx_matrix_scell .dhx_scell_level4 { padding-left: 65px; } .dhx_matrix_line { overflow: hidden; } .dhx_event_resize_start { left: 0; } .dhx_event_resize_end { right: 0; } .dhx_data_table.folder .dhx_matrix_cell { background-color: #ebeced; cursor: pointer; border-right: 0; } .dhx_section_timeline { overflow: hidden; padding: 4px 0 2px 10px; } .dhx_section_timeline select { width: 552px; } .dhx_map_area { width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; background-image: none; } .dhx_map_area .dhx_map_line .dhx_event_icon { background: url(../images/occupation_calendar/agenda-calendar.svg) center center no-repeat; height: 33px; width: 33px; margin: 2px 0 0 3px; background-size: 20px 20px; border-radius: 50%; } .dhx_map_area .dhx_map_line .dhx_event_icon:hover { background-color: rgba(0, 0, 0, 0.1); } .dhx_map_area .dhx_map_line .line_description { box-sizing: border-box; line-height: 36px; height: 100%; color: rgba(0, 0, 0, 0.75); } .dhx_map_area .dhx_map_line div { border-right: 0 dotted #8894A3; } .dhx_map_area .dhx_v_border { border-right: 1px solid #e0e0e0; } .dhx_map_area .dhx_event_icon.icon_details { border: none; } .dhx_map_area div[role=row] { box-sizing: border-box; height: 36px; border-bottom: 1px solid transparent; } .dhx_map_area div[role=row]:nth-child(even) { background-color: #ededed; } .dhx_map_area div[role=row]:nth-child(odd) { background-color: #fff; } .dhx_map_line { height: 21px; clear: both; overflow: hidden; } .dhx_map_line.highlight { background-color: #C4C5CC; } .dhx_map_line .dhx_event_icon { width: 20px; border-width: 0; background: url(../images/occupation_calendar/icon.png) 5px 4px no-repeat; cursor: pointer; } .dhx_map_line div, .dhx_map_line .headline_description { float: left; border-right: 1px dotted #8894A3; text-align: center; line-height: 21px; overflow: hidden; } .dhx_map_line .dhx_map_description { float: left; border-right: 0 dotted #8894A3; text-align: center; line-height: 21px; overflow: hidden; } .dhx_map_line .headline_date, .dhx_map_line .headline_description { border-left: 0; } .dhx_map_line .line_description { float: left; border-right: 1px dotted #8894A3; text-align: left; padding-left: 5px; line-height: 21px; overflow: hidden; } .dhx_map_line div.dhx_map_event_time { line-height: 36px; height: 36px; color: rgba(0, 0, 0, 0.75); } .dhx_map { position: absolute; } .dhtmlXTooltip.tooltip { border-left: 1px dotted #e0e0e0; border-top: 1px dotted #e0e0e0; font-family: Muli; font-size: 12px; color: rgba(0, 0, 0, 0.75); z-index: 10; -moz-box-shadow: 3px 3px 3px #888; -webkit-box-shadow: 3px 3px 3px #888; -o-box-shadow: 3px 3px 3px #888; box-shadow: 3px 3px 3px #888; /*filter: progid: DXImageTransform.Microsoft.Shadow(color='#888888', Direction=135, Strength=5);*/ background-color: #fff; cursor: default; padding: 10px; position: fixed; opacity: 1; } .dhtmlXTooltip.tooltip p.heading { margin-top: 0; margin-bottom: 6px; font-weight: 700; } .dhtmlXTooltip.tooltip dl { margin: 0; padding: 0; } .dhtmlXTooltip.tooltip dl dt { display: inline-block; margin: 0; padding: 0; font-weight: 700; } .dhtmlXTooltip.tooltip dl dt:after { content: ':'; } .dhtmlXTooltip.tooltip dl dd { display: inline-block; margin: 0; padding: 0; margin-left: 8px; } .dhtmlXTooltip.tooltip[role=tooltip] { font-size: 14px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2), 0 1px 6px 0 rgba(0, 0, 0, 0.2); border-style: solid; border-color: transparent; } .dhtmlXTooltip.tooltip b { font-weight: 500; } .dhx_cal_checkbox label { padding-left: 5px; } .dhx_wa_column { float: left; } .dhx_wa_column.dhx_wa_column_last .dhx_wa_day_cont { border-left: 1px solid #e0e0e0; } .dhx_wa_column_last .dhx_wa_day_cont { border-left: 1px solid #e0e0e0; } .dhx_wa_scale_bar { font-family: Muli; padding-left: 10px; font-size: 11px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .dhx_wa_day_data { background-color: #FCFEFC; overflow-y: auto; } .dhx_wa_ev_body { border-bottom: 1px solid #e0e0e0; font-size: 14px; padding: 5px 0 5px 7px; } .dhx_wa_ev_body.dhx_cal_event_selected { background-color: #9cc1db; color: #fff; } .dhx_wa_dnd { font-family: Muli; position: absolute; padding-right: 7px; color: #887AE2 !important; background-color: #FFE763 !important; border: 1px solid #B7A543; } .dhx_second_scale_bar { border-bottom: 1px solid #e0e0e0; padding-top: 2px; } .dhx_grid_area { width: 100%; height: 100%; overflow-y: auto; background-color: #FCFEFC; } .dhx_grid_area .dhx_grid_dummy { table-layout: auto; margin: 0 !important; padding: 0 !important; } .dhx_grid_area table { border-collapse: collapse; border-spacing: 0; width: 100%; table-layout: fixed; } .dhx_grid_area table td { table-layout: fixed; text-align: center; padding-left: 8px; } .dhx_grid_area table tr.dhx_grid_event { overflow: hidden; margin: 0 0 1px; } .dhx_grid_area table tr.dhx_grid_event:nth-child(2n) { background-color: #ECEEF4; } .dhx_grid_area table tr.dhx_grid_event:nth-child(2n) td { border-bottom-width: 0; border-bottom-style: none; } .dhx_grid_area table tr.dhx_grid_event:nth-child(2n+1) td { border-bottom-width: 0; border-bottom-style: none; } .dhx_grid_area table tr.dhx_grid_event td { border-bottom: 1px solid #ECEEF4; } .dhx_grid_area div[role=row] { box-sizing: border-box; height: 36px; border-bottom: 1px solid transparent; } .dhx_grid_area tr.dhx_grid_event { line-height: 36px; height: 36px; color: rgba(0, 0, 0, 0.75); } .dhx_grid_area tr.dhx_grid_event:nth-child(even) { background-color: #ededed; } .dhx_grid_area tr.dhx_grid_event:nth-child(odd) { background-color: #fff; } .dhx_grid_line { height: 21px; clear: both; overflow: hidden; } .dhx_grid_line div { float: left; cursor: default; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 21px; overflow: hidden; padding-right: 8px; } .dhx_grid_v_border { position: absolute; width: 1px; height: 100%; border-right: 1px solid #e0e0e0; } .dhx_grid_event_selected { background-color: #9cc1db !important; color: #fff !important; } .dhx_grid_sort_desc .dhx_grid_view_sort { background-position: 0 -55px; } .dhx_grid_sort_asc .dhx_grid_view_sort { background-position: 0 -66px; } .dhx_grid_view_sort { width: 10px; height: 10px; position: absolute; border: none !important; top: 5px; background-repeat: no-repeat; background-image: url(../images/occupation_calendar/images.png); } .dhx_marked_timespan { position: absolute; width: 100%; margin-left: 0; } .dhx_time_block { position: absolute; width: 100%; background: silver; opacity: .4; filter: alpha(opacity=40); z-index: 1; } .dhx_time_block_reset { opacity: 1; filter: alpha(opacity=100); } .dhx_scheduler_month .dhx_marked_timespan.dhx_now_time { display: none; } .dhx_scheduler_month .dhx_marked_timespan.holiday_day { display: block; background-color: rgba(255, 0, 0, 0.25); } .dhx_scheduler_month .dhx_marked_timespan.holiday_day .holiday_label { text-align: center; color: #fff; font-weight: 700; position: absolute; top: 0; left: 0; display: block; width: 100%; line-height: 1; background-color: darkred; padding-top: 6px; padding-bottom: 6px; } .dhx_scheduler_month .dhx_now_time { border-bottom: 0; border-left: 2px solid #ff5722; } .dhx_now_time { width: 100%; border-bottom: 2px solid #ff5722; z-index: 1; opacity: .5; } .dhx_matrix_now_time { border-left: 2px solid #ff5722; z-index: 1; opacity: .5; } .dhx_cal_quick_info { border: 1px solid rgba(50, 50, 50, 0.19); border-radius: 2px; position: absolute; z-index: 8; font-family: Muli; font-size: 14px; background-color: #fff; padding: 0; width: 300px; transition: left .5s ease, right .5s; -moz-transition: left .5s ease, right .5s; -webkit-transition: left .5s ease, right .5s; -o-transition: left .5s ease, right .5s; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1); } .dhx_cal_quick_info.dhx_qi_left .dhx_qi_big_icon { float: right; } .dhx_cal_quick_info.dhx_qi_left .dhx_qi_big_icon.dhx_qi_left .dhx_cal_qi_controls { padding-right: 0; text-align: right; } .dhx_cal_quick_info.dhx_qi_left .dhx_qi_big_icon.dhx_qi_left .dhx_cal_qi_controls .dhx_qi_big_icon { float: unset; } .dhx_cal_quick_info.dhx_qi_left .dhx_qi_big_icon.dhx_qi_left .dhx_cal_qi_title, .dhx_cal_quick_info.dhx_qi_left .dhx_qi_big_icon.dhx_qi_left .dhx_cal_qi_content { padding-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dhx_no_animate { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } .dhx_cal_qi_title { padding: 10px 0 10px 10px; color: #fff; letter-spacing: unset; background-color: #387aa7; } .dhx_cal_qi_tdate { font-size: 14px; margin-top: 4px; } .dhx_cal_qi_tcontent { font-size: 18px; font-weight: 500; } .dhx_cal_qi_content { border: none; background-color: #fefefe; padding: 24px 8px 16px 10px; font-size: 14px; color: rgba(0, 0, 0, 0.75); width: 275px; overflow: hidden; } .dhx_qi_big_icon { min-width: 60px; padding: 5px 10px 5px 9px; margin: 5px 9px 5px 0; background-color: transparent; border-radius: 2px; line-height: 20px; color: #387aa7; vertical-align: middle; cursor: pointer; float: left; border: 1px solid transparent; font-weight: 500; } .dhx_qi_big_icon:hover { border: 1px solid rgba(255, 88, 76, 0.01); background-color: #d9edf8; transition: all .1s ease-in-out; } .dhx_qi_big_icon.icon_delete { color: #ff584c; } .dhx_qi_big_icon.icon_delete:hover { border: 1px solid rgba(255, 88, 76, 0.01); background-color: rgba(255, 88, 76, 0.3); } .dhx_qi_big_icon .dhx_menu_icon { margin: 0 8px 0 0; display: none; } .dhx_cal_qi_controls div { height: 20px; text-align: center; line-height: 20px; float: unset; text-align: right; direction: rtl; } .dhx_cal_qi_controls div.dhx_qi_big_icon { display: inline-block; text-transform: uppercase; border-right-color: transparent; border-bottom-color: transparent; } .dhx_cal_qi_controls div.dhx_qi_big_icon div { float: unset; } .dhx_drag_marker { width: 100%; filter: alpha(Opacity=50); opacity: .5; background-color: #dedede; position: absolute; box-sizing: border-box !important; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; } .dhx_focus_slot { background: #bdbdbd; position: absolute; pointer-events: none; opacity: .3; } .dhx_form_repeat { overflow: hidden; margin: 30px 0 0 117px; padding-left: 0; } .dhx_form_repeat, .dhx_form_repeat input { padding: 0 0 0 5px; margin: 0; font-family: Muli; font-size: 11px; line-height: 24px; } .dhx_form_repeat label { margin-bottom: 0; } .dhx_form_repeat select { height: 20px; width: 87px; padding: 0 0 0 2px; margin: 0 4px; } .dhx_form_repeat form { font-size: 14px; font-family: Muli; color: rgba(0, 0, 0, 0.8); padding: 0 0 0 5px; } .dhx_form_repeat form select { box-sizing: border-box; height: 32px; font-size: 12px; font-family: Muli; color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.08); } .dhx_form_repeat form label { font-size: 14px; font-family: Muli; display: inline-block; margin: 0 0 5px; } .dhx_form_repeat form label input[type=checkbox] { margin: 0 5px 0 0; } .dhx_cal_button .dhx_left_bg { width: 1px; overflow: hidden; height: 17px; z-index: 5; top: 0; } .dhx_after .dhx_month_head, .dhx_before .dhx_month_head { background-color: #fff; color: rgba(0, 0, 0, 0.38); } .dhx_after .dhx_month_body, .dhx_before .dhx_month_body { background-color: #fff; } .dhx_after > .dhx_month_head { color: rgba(0, 0, 0, 0.38); } .dhx_now .dhx_month_head { font-weight: 400; background-color: #f7f7f7; } .dhx_now .dhx_month_body { background-color: #f7f7f7; } .dhx_month_body { border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; background-color: #fff; } .dhx_scale_ignore { display: none; } .dhx_cal_drag { position: absolute; z-index: 13; background-color: #FFE763; border: 1px solid #B7A543; opacity: .5; filter: alpha(opacity=50); } .dhx_loading { position: absolute; width: 128px; height: 15px; background-image: url(../images/occupation_calendar/loading.gif); z-index: 13; } .dhx_multi_day { position: absolute; border-top: 1px solid transparent; background-color: transparent; border-right: none; box-shadow: none; } .dhx_multi_day_icon { background-image: url(../images/occupation_calendar/clock_big.png); } .dhx_multi_day_icon_small { background-image: url(../images/occupation_calendar/clock_small.png); } .dhx_multi_day_icon, .dhx_multi_day_icon_small { background-color: transparent; background-position: center center; border-bottom: 1px solid transparent; border-right: 1px solid transparent; background-repeat: no-repeat; } .dhtmlxLayoutPolyContainer_dhx_skyblue .dhx_cal_container { background-color: #d0e5ff; } .dhx_month_body_border, .dhx_month_head_border, .dhx_scale_bar_border, .dhx_scale_hour_border { border-left: 1px dotted #8894A3; } .dhx_repeat_center, .dhx_repeat_divider, .dhx_repeat_left, .dhx_repeat_right { height: 115px; -moz-box-sizing: border-box; box-sizing: border-box; } .dhx_repeat_center, .dhx_repeat_left { padding: 10px 0 0 10px; float: left; } .dhx_repeat_center { width: 325px !important; height: 105px !important; padding: 10px 0 0 !important; border-bottom: 1px solid #cecece; } .dhx_repeat_center #dhx_repeat_week table.dhx_repeat_days { width: 100% !important; border-collapse: collapse; } .dhx_repeat_center #dhx_repeat_week table.dhx_repeat_days td { width: 24% !important; } .dhx_repeat_center #dhx_repeat_week table.dhx_repeat_days td:nth-child(3) { width: 28% !important; } .dhx_repeat_center #dhx_repeat_week table.dhx_repeat_days td label { box-sizing: border-box; height: 20px !important; line-height: 20px; font-size: 12px; width: 100% !important; } .dhx_repeat_center #dhx_repeat_week table.dhx_repeat_days td label input { position: relative; top: 2px; } .dhx_repeat_center #dhx_repeat_month label { width: 65px !important; } .dhx_repeat_center #dhx_repeat_year label { width: 60px !important; } .dhx_repeat_center .dhx_repeat_month select { margin: 0 6px 0 0; box-sizing: border-box; height: 32px !important; } .dhx_repeat_left { width: 325px !important; height: 50px !important; border-bottom: 1px solid #cecece; padding-left: 0; } .dhx_repeat_left br { display: none; } .dhx_repeat_left label { width: 24% !important; } .dhx_repeat_right { float: left; width: 325px !important; padding: 10px 0 0 !important; } .dhx_repeat_right label:nth-child(3) { width: 49px !important; } .dhx_repeat_right input .dhx_repeat_date { margin-left: 10px; box-sizing: border-box; height: 32px; font-size: 14px; font-family: Muli; border-color: rgba(0, 0, 0, 0.08) !important; } .dhx_repeat_divider { float: left; border-left: 1px dotted #DCC43E; width: 1px; display: none; } input.dhx_repeat_date { height: 18px; width: 80px; padding: 0 0 0 2px; margin: 0 4px; background-repeat: no-repeat; background-position: 64px 0; border: 1px solid #7f9db9; line-height: 18px; } input[type=radio].dhx_repeat_radio { margin: 5px 4px 0 0; display: inline-block; position: relative; top: 2px; } input.dhx_repeat_checkbox { margin: 4px 4px 0 0; } .dhx_repeat_days td { padding-right: 5px; } .dhx_repeat_days label { font-size: 10px; } .dhtmlXTooltip, .dhtmlx_message_area, .dhtmlx_modal_box, .dhx_cal_container, .dhx_cal_light { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dhx_btn_set div:first-child, .dhx_cal_event .dhx_footer, .dhx_cal_event .dhx_select_menu_footer, .dhx_cancel_btn, .dhx_delete_btn, .dhx_mark, .dhx_save_btn { display: none; } .dhx_scheduler_unit .dhx_cal_header { overflow: visible; } .dhx_cal_scale_placeholder { position: absolute; z-index: 1; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1); left: 0; } .dhx_row_folder .dhx_data_table.folder .dhx_matrix_cell { border-bottom-color: transparent; border-right-color: transparent; } .dhx_row_folder .dhx_data_table .dhx_matrix_cell { background-color: #ebeced; cursor: pointer; border-bottom-color: transparent; border-right-color: transparent; } .dhx_row_folder .dhx_matrix_scell { border-bottom-color: transparent; border-right-color: transparent; } td .dhx_month_head a { text-decoration: none; color: #1B5DFB; } td .dhx_month_head a:hover { text-decoration: underline; } .dhx_minical_icon { left: 291px !important; top: 10px !important; } .dhx_qi_right .dhx_cal_qi_controls { padding-right: 10px; } .dhx_cal_title { border-radius: 2px 2px 0 0; margin: 0 0 20px; } textarea.dhx_cal_editor { box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-weight: 500; resize: none; } .dhx_cal_light_readonly .dhx_section_time { color: #2e2e2e; } .dhx_in_move { background-color: #387aa7; color: #fff; } .dhx_multi_select_control { padding-top: 3px; padding-left: 15px; line-height: 32px; } .dhx_multi_select_control.dhx_multi_select_control_vertical { padding-top: 6px; line-height: 25px; } .dhx_multi_select_control label { margin-right: 12px; } .dhx_multi_select_custom { min-height: 52px !important; padding: 5px 0 0 15px; } .dhx_multi_select_custom label { font-size: 14px; font-family: Muli; width: 35% !important; display: inline-block; margin: 0 0 5px; } .dhxcombolist_dhx_terrace { width: 319px !important; } .dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_option_text { padding-left: 8px !important; } .dhx_lightbox_minical.dhx_section_time select { margin: 0 0 16px 3px; } .dhtmlx_cancel_button:hover { background-color: #d9edf8; transition: all .1s ease-in-out; } .dhtmlx_cancel_button:hover div { background-color: #d9edf8; border-color: #d9edf8; transition: all .1s ease-in-out; } input.dhx_repeat_text { height: 32px !important; width: 28px !important; margin: 0 6px 5px 4px !important; line-height: 30px !important; padding: 0 !important; text-align: center !important; font-size: 12px !important; font-family: Muli !important; box-sizing: border-box !important; border-color: rgba(0, 0, 0, 0.08) !important; } .dhx_wrap_section .dhx_cal_wide_checkbox { line-height: 32px; } .dhx_wrap_section .dhx_cal_wide_checkbox input[type=checkbox] { margin-top: 8px; margin-left: 19px; vertical-align: middle; } .dhx_year_box { box-sizing: border-box; text-align: center; margin: 15px 35px; margin-top: 15px !important; position: static !important; display: inline-block; width: 224px !important; height: 250px !important; overflow: hidden; } .dhx_year_box .dhx_year_month { color: #387aa7; font-family: Muli; font-size: 14px; font-weight: 500; line-height: 20px; text-align: center; width: 100% !important; border: none; padding: 0; } .dhx_year_box .dhx_year_week { display: inline-block; } .dhx_year_box .dhx_year_week > div { position: static; display: inline-block; } .dhx_year_box .dhx_year_grid { width: 100% !important; } .dhx_year_box .dhx_year_grid .dhx_year_week { width: 100% !important; margin: 0 0 7px; } .dhx_year_box .dhx_year_grid .dhx_year_week .dhx_scale_bar { width: 32px !important; font-size: 12px; box-sizing: border-box; text-align: center; border-color: transparent; } .dhx_year_box .dhx_year_grid .dhx_year_week .dhx_scale_bar:nth-child(1) { left: 0; } .dhx_year_box .dhx_year_grid .dhx_year_week .dhx_scale_bar:nth-child(2) { left: 32px !important; } .dhx_year_box .dhx_year_grid .dhx_year_week .dhx_scale_bar:nth-child(3) { left: 64px !important; } .dhx_year_box .dhx_year_grid .dhx_year_week .dhx_scale_bar:nth-child(4) { left: 96px !important; } .dhx_year_box .dhx_year_grid .dhx_year_week .dhx_scale_bar:nth-child(5) { left: 128px !important; } .dhx_year_box .dhx_year_grid .dhx_year_week .dhx_scale_bar:nth-child(6) { left: 160px !important; } .dhx_year_box .dhx_year_grid .dhx_year_week .dhx_scale_bar:nth-child(7) { left: 192px !important; } .dhx_year_box .dhx_year_grid .dhx_year_body { width: 224px !important; height: 192px !important; display: inline-block; border: none; } .dhx_year_box .dhx_year_grid .dhx_year_body table { width: 224px !important; height: 192px !important; display: inline-block; padding: 0; margin: 0; box-sizing: border-box; } .dhx_year_box .dhx_year_grid .dhx_year_body table tbody { width: 224px !important; height: 192px; display: inline-block; padding: 0; margin: 0; box-sizing: border-box; } .dhx_year_box .dhx_year_grid .dhx_year_body table tbody .dhx_before, .dhx_year_box .dhx_year_grid .dhx_year_body table tbody td { width: 32px !important; height: 32px !important; display: inline-block; text-align: center; box-sizing: border-box !important; padding: 2px 0 0; } .dhx_year_box .dhx_year_grid .dhx_year_body table tbody .dhx_before .dhx_month_head, .dhx_year_box .dhx_year_grid .dhx_year_body table tbody td .dhx_month_head { border: none; width: 28px !important; height: 28px !important; display: inline-block; text-align: center; border-radius: 50%; padding: 0; box-sizing: border-box; font-size: 14px; line-height: 28px; } .dhx_year_box .dhx_year_grid .dhx_year_body table tbody .dhx_before .dhx_month_head.dhx_year_event, .dhx_year_box .dhx_year_grid .dhx_year_body table tbody td .dhx_month_head.dhx_year_event { background-color: #387aa7; color: #fff; font-weight: 500; cursor: pointer; } .dhx_year_box .dhx_year_grid .dhx_year_body table tbody .dhx_before .dhx_month_body, .dhx_year_box .dhx_year_grid .dhx_year_body table tbody td .dhx_month_body { border: none; } .dhx_year_box .dhx_year_grid .dhx_year_body table tbody tr { height: 32px !important; } .dhx_scheduler_year .dhx_cal_data { padding: 25px 0; box-sizing: border-box; text-align: center; } .dhx_scheduler_year .dhx_cal_data::before { position: absolute; top: -3px; left: 0; width: 100%; height: 3px; content: " "; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1); } .dhx_scheduler_week_agenda .dhx_wa_column { font-family: Muli; font-size: 14px; color: rgba(0, 0, 0, 0.75); } .dhx_scheduler_week_agenda .dhx_wa_scale_bar { font-family: inherit; font-size: 14px; font-weight: 500; color: inherit; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; background-color: #ededed; padding-left: 7px; } .dhx_scheduler_week_agenda .dhx_wa_ev_body { border-bottom: 1px solid #e0e0e0; padding: 5px 0 5px 7px; } .dhx_scheduler_week_agenda .dhx_cal_event_selected { background-color: #387aa7; color: #fff; } @media (max-width: 1790px) { .dhx_year_box { margin: 15px 20px; } } @media (max-width: 1350px) { .dhx_year_box { margin: 15px 10px; } } /*# sourceMappingURL=occupationcalendar.default.scss.map */