#user-groups-replacement .disabled:not(.active) .checkbox { background-image: url('../img/checkbox-disabled-inactive.png'); background-size: 18px; cursor: not-allowed; } #user-assignedVenues li.disabled { cursor: not-allowed; pointer-events: unset; } #venues-replacement .checkbox, #categories-replacement .checkbox, #admin-tag-container .right .select-replacement .checkbox, #admin-user-container .select-replacement .checkbox, #admin-sla-container .right .select-replacement .checkbox, #new-activity-task-container .right .select-replacement .checkbox, #new-downtime-task-container .right .select-replacement .checkbox, #admin-aar-container .right .select-replacement .checkbox { top: 0; min-width: 40px; margin-left: 0; } th.col-drag-icon { width: 5%; } #admin-tag-container .right .select-replacement .checkbox, #admin-tag-container .select-replacement .checkbox, #admin-sla-container .right .select-replacement .checkbox, #new-activity-task-container .right .select-replacement .checkbox, #new-downtime-task-container .right .select-replacement .checkbox { margin: 0; top: -2px; } #admin-aar-container .right .select-replacement .checkbox { margin: 0; } #admin-user-container .select-replacement .replacement-item, #admin-tag-container .right .select-replacement .replacement-item, #admin-sla-container .right .select-replacement .replacement-item, #new-activity-task-container .right .select-replacement .replacement-item, #new-downtime-task-container .right .select-replacement .replacement-item, #bound-venues-replacement.select-replacement .venue-item, #user-groups-replacement.select-replacement .group-item, #admin-aar-container .right .select-replacement .replacement-item { display: inline-block; } #admin-sla-container .right .form-container, #admin-aar-container .right .form-container { margin-top: 20px; } #admin-sla-container .right .form-group, #admin-aar-container .right .form-group { padding-top: 0; display: none; } #text-search-container { background-color: white; position: fixed; width: 100%; z-index: 2; } #text-search { padding: 6px 20px; margin-right: 17%; } #text-search input { height: 42px; text-transform: uppercase; font-size: 14px; border: solid 1px #f0f0f0; border-right: none; background-color: #fafaf9; outline: none; box-shadow: none; } .dispatcher-filters-container { border: 1px solid #ccc; min-width: 240px; } #text-search button { width: 70px; background-color: #fcd202; height: 42px; border: solid 1px #f0f0f0; border-left: none; } .btn-change { height: 42px; margin-top: 3px; } .btn-reopen { height: 52px; margin-top: 5px; } #filterReset, #filter-reset { padding: 12px 12px 18px; text-align: center; } #filterReset a, #filter-reset a, #filter-reset a:hover, #filter-reset a:focus { text-decoration: none; color: #333; font-size: 90%; cursor: pointer; } #filter-reset a span { padding-left: 5px; } .print-only { display: none; } #filter-zero-results-container { text-align: center; margin: 10px auto 20px; } #filter-zero-results-container label { font-weight: normal; position: relative; top: -2px; padding-left: 5px; } .report-container .table td.no-results { padding: 50px; font-size: 150%; font-weight: bold; text-align: center; } .change-assignee-container, .change-responsible-person-container { width: 100%; } .change-assignee-container .btn-group .dropdown-label, .change-severity-container .btn-group .dropdown-label, .change-category-container .btn-group .dropdown-label, .change-client-container .btn-group .dropdown-label, .change-responsible-person-container .btn-group .dropdown-label { text-align: left; padding: 3px 16px 1px 8px; display: block; flex-grow: 1; align-items: center; } .change-assignee-container button, .change-client-container button, .change-severity-container button, .change-category-container button, .change-responsible-person-container button{ height: 42px; } .change-assignee-container, .change-client-container, .change-severity-container, .change-category-container, .change-responsible-person-container{ position: relative; top: -6px; left: -8px; display: flex; } .change-assignee-container > .btn-group, .change-client-container > .btn-group, .change-severity-container > .btn-group, .change-category-container > .btn-group, .change-responsible-person-container > .btn-group { flex-grow: 1; display: flex; margin-right: 5px; } .change-client-container .dropdown-menu, .change-assignee-container .dropdown-menu, .change-severity-container .dropdown-menu, .change-category-container .dropdown-menu, .change-responsible-person-container .dropdown-menu{ width: auto; } #sowMaterialListModal th, #sowServiceListModal th { text-transform: uppercase; font-weight: normal; color: #bebeb4; } #sowMaterialListModal .internal-number, #sowMaterialListModal .serial-number { line-height: normal; } #sowMaterialListModal td, #sowServiceListModal td { vertical-align: middle; } #sowMaterialListModal .fa-angle-right, #sowServiceListModal .fa-angle-right { font-size: 24px; color: #bebeb4; } #sowMaterialListModal thead .heading, #sowServiceListModal thead .heading { background-color: #f9f8f3; } #sowMaterialListModal tbody tr:not(.no-material-added), #sowServiceListModal tbody tr:not(.no-service-added) { cursor: pointer; } #sowMaterialListModal tbody tr:not(.no-material-added):hover, #sowServiceListModal tbody tr:not(.no-service-added):hover { background-color: #ABAC9F; color: #FFFFFF; } #sowMaterialListModal tbody tr:hover .fa-angle-right, #sowServiceListModal tbody tr:hover .fa-angle-right { color: #FFFFFF; } .change-assignee-container .dropdown-menu > li > a, .change-severity-container .dropdown-menu > li > a, .change-category-container .dropdown-menu > li > a, .change-responsible-person-container .dropdown-menu > li > a { padding: 8px 16px 8px 8px; cursor: pointer; } .change-assignee-container .dropdown-menu > li > a:hover, .change-severity-container .dropdown-menu > li > a:hover, .change-category-container .dropdown-menu > li > a:hover, .change-responsible-person-container .dropdown-menu > li > a:hover { background-color: #e6e6e6; } .change-assignee-container .dropdown-menu > li > a, .change-responsible-person-container .dropdown-menu > li > a { padding: 2px 16px 2px 8px; } .filter-label { cursor: pointer; } .filter-box-icon { display: inline-block; height: 8px; width: 7px; margin-right: 5px; margin-bottom: 1px; background-image: url('../img/icon-filter-block-down-8.png'); } .filter-box-icon.open { background-image: url('../img/icon-filter-block-up-8.png'); } .filter-contents { display: none; } #data-export-headline { padding: 20px 100px; } #data-filter-container { border-top: solid 1px #ddd; background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #fafaf9), color-stop(16%, #fafaf9), color-stop(16%, #fff), color-stop(32.33333333%, #fff), color-stop(32.33333333%, #fafaf9), color-stop(49%, #fafaf9), color-stop(49%, #fff), color-stop(65.66666667%, #fff), color-stop(65.66666667%, #fafaf9), color-stop(82.33333333%, #fafaf9), color-stop(82.33333333%, #fff), color-stop(100%, #fff) ); background-image: -webkit-linear-gradient( left, #fafaf9, #fafaf9 16%, #fff 16%, #fff 32.33333333%, #fafaf9 32.33333333%, #fafaf9 49%, #fff 49%, #fff 65.66666667%, #fafaf9 65.66666667%, #fafaf9 82.33333333%, #fff 82.33333333%, #fff 100% ); background-image: -moz-linear-gradient( left, #fafaf9, #fafaf9 16%, #fff 16%, #fff 32.33333333%, #fafaf9 32.33333333%, #fafaf9 49%, #fff 49%, #fff 65.66666667%, #fafaf9 65.66666667%, #fafaf9 82.33333333%, #fff 82.33333333%, #fff 100% ); background-image: -ms-linear-gradient( left, #fafaf9, #fafaf9 16%, #fff 16%, #fff 32.33333333%, #fafaf9 32.33333333%, #fafaf9 49%, #fff 49%, #fff 65.66666667%, #fafaf9 65.66666667%, #fafaf9 82.33333333%, #fff 82.33333333%, #fff 100% ); background-image: -o-linear-gradient( left, #fafaf9, #fafaf9 16%, #fff 16%, #fff 32.33333333%, #fafaf9 32.33333333%, #fafaf9 49%, #fff 49%, #fff 65.66666667%, #fafaf9 65.66666667%, #fafaf9 82.33333333%, #fff 82.33333333%, #fff 100% ); } #data-filter-container > div { padding: 10px 5px 30px 20px; } #data-filter-container > div.first { margin-left: -15px; padding-left: 30px; } #data-filter-container > div.last { padding-right: 0px; } #data-filter-container .column-header { padding: 20px 10px 0px; margin-bottom: 0px; } #data-filter-container .column-header.filter-column-header { margin-bottom: 20px; } #data-filter-container .column-header.filter-current-status { padding: 20px 10px 0; margin-bottom: 0; } #data-filter-container .column-header.filter-task-type, #data-filter-container .column-header.filter-location-maps { padding: 20px 10px 0; margin-bottom: 10px; } #data-filter-container .filter-contents { display: block; margin-top: 0; } #data-filter-container #filter-date { margin-left: -15px; margin-right: -6px; } #data-filter-container #filter-date .presets { flex-direction: row; width: 100%; height: auto; margin-bottom: -1px; } #data-filter-container #filter-date .presets > li { width: 50%; } #data-filter-container #filter-status .status { flex-direction: column; border-bottom: none; } #data-filter-container #filter-status .status > li { width: 100%; height: 36px; padding: 8px 0 5px 10px; } #data-filter-container.filters ul.status > li .icon { display: inline-block; margin: unset; } #data-filter-container.filters ul.status > li.active { border: none; } #data-filter-container #filter-status .label-status { display: inline-block; position: relative; top: -8px; left: 10px; font-size: 12px; } #data-filter-container.filters .generic-items { background-color: inherit; padding: 0; border: none; margin-bottom: 0; margin-top: 10px; } #data-filter-container.filters .generic-items.categories li:first-child, #data-filter-container.filters .generic-items.assignees li:first-child, #data-filter-container.filters .generic-items.tags li:first-child { font-style: italic; } .filter-box .load-more-loader .loading-image img { width: 22px !important; height: 22px !important; } #data-filter-container.filters .generic-items > li { margin-left: 10px; } #data-filter-container.filters .generic-items > li.no-data { list-style: none; } #data-filter-container #export-data-button { margin-top: 10px; width: 100%; padding: 15px 5px; } body.full-height > .container-fluid { min-height: 100vh; display: flex; flex-direction: column; } #admin-user-container #user-responsibilityVenues { height: 180px; } body.full-height > .container-fluid > div { flex-grow: 1; display: flex; } body.full-height > .container-fluid > div.header { flex-grow: 0; } .admin-edit-container.single-column { padding: 50px 15px 100px 35px; } .admin-edit-container.single-column .headline { padding-bottom: 20px; } .admin-edit-container.single-column .form-group > * { margin-left: 15px; } .admin-edit-container.single-column input { width: 300px; } .admin-edit-container.single-column button.btn-primary { padding: 10px 30px; border-radius: 4px; } #filter-reporter .select2-container--default .select2-selection--multiple, #filterReporter .select2-container--default .select2-selection--multiple, #filter-activity-group .select2-container--default .select2-selection--multiple, #filter-reporter .select2-dropdown, #filterReporter .select2-dropdown, #filter-activity-group .select2-dropdown, #filter-reporter-user-group .select2-container--default .select2-selection--multiple, #filter-reporter-user-group .select2-dropdown, #filterReporterGroup .select2-container--default .select2-selection--multiple, #filterReporterGroup .select2-dropdown, #filter-user-group .select2-container--default .select2-selection--multiple, #filter-user-group .select2-dropdown, #filter-assignee .select2-container--default .select2-selection--multiple, #filterAssignee .select2-container--default .select2-selection--multiple, #filter-responsible-users .select2-container--default .select2-selection--multiple, #filter-user .select2-container--default .select2-selection--multiple, #filter-assignee .select2-dropdown, #filterAssignee .select2-dropdown, #filter-responsible-users .select2-dropdown, #filter-user .select2-dropdown, #filter-assignee-user-group .select2-container--default .select2-selection--multiple, #filter-assignee-user-group .select2-dropdown, #filterAssigneeGroup .select2-container--default .select2-selection--multiple, #filterAssigneeGroup .select2-dropdown, #filter-responsible-users-groups .select2-container--default .select2-selection--multiple, #filter-responsible-users-groups .select2-dropdown, #filter-venue .select2-container--default .select2-selection--multiple, #filterVenue .select2-container--default .select2-selection--multiple, #filterUserActivityGroup .select2-container--default .select2-selection--multiple, #filterUserGroup .select2-container--default .select2-selection--multiple, #filter-client .select2-container--default .select2-selection--multiple, #filter-equipment .select2-container--default .select2-selection--multiple, #filterClient .select2-container--default .select2-selection--multiple, #filterEquipment .select2-container--default .select2-selection--multiple, #filter-user .select2-container--default .select2-selection--multiple, #filter-activity-task .select2-container--default .select2-selection--multiple, #filter-downtime-task .select2-container--default .select2-selection--multiple, #filter-task .select2-container--default .select2-selection--multiple, #filter-organization-multiple .select2-container--default .select2-selection--multiple, #filter-venue .select2-dropdown, #filterVenue .select2-dropdown, #filterUserActivityGroup .select2-dropdown, #filterUserGroup .select2-dropdown, #filter-client .select2-dropdown, #filter-equipment .select2-dropdown, #filterClient .select2-dropdown, #filterEquipment .select2-dropdown, #filter-task .select2-dropdown, #filter-organization-multiple .select2-dropdown, #filter-maps .select2-container--default .select2-selection--multiple, #filter-maps .select2-dropdown, #filter-client .select2-container--default .select2-selection--multiple, #filter-client .select2-dropdown, #filter-equipment .select2-container--default .select2-selection--multiple, #filter-equipment .select2-dropdown, #filter-by-maps .select2-container--default .select2-selection--multiple, #filter-by-maps .select2-dropdown, #filter-task-types .select2-container--default .select2-selection--multiple, #filter-task-types .select2-dropdown, #filter-category .select2-container--default .select2-selection--multiple, #filter-category .select2-dropdown, #filterCategory .select2-container--default .select2-selection--multiple, #filterCategory .select2-dropdown, #filterDispatcherUser .select2-container--default .select2-selection--multiple, #filterDispatcherUser .select2-dropdown, #filterDispatcherVenue .select2-container--default .select2-selection--multiple, #filterDispatcherVenue .select2-dropdown, #filterTaskUserActivityGroup .select2-container--default .select2-selection--multiple, #filterTaskUserActivityGroup .select2-dropdown, #filterTaskUserGroup .select2-container--default .select2-selection--multiple, #filterTaskUserGroup .select2-dropdown, #filterTaskUser .select2-container--default .select2-selection--multiple, #filterTaskUser .select2-dropdown, #filter-severity .select2-container--default .select2-selection--multiple, #filter-severity .select2-dropdown, #filterTag .select2-container--default .select2-selection--multiple, #filterTag .select2-dropdown, #filter-tag .select2-container--default .select2-selection--multiple, #filter-tag .select2-dropdown, #filterSeverity .select2-dropdown, #filter-status .select2-container--default .select2-selection--multiple, #filterSeverity .select2-container--default .select2-selection--multiple, #filter-status .select2-dropdown { border-radius: 0; border-left: 0; border-right: 0; padding: 5px; background-color: #fafaf9; border-color: #eae9e2; } .fa-home { color: #BDBDB0; } #filter-reporter .select2-search__field, #filterReporter .select2-search__field, #filter-user-group .select2-search__field, #filter-activity-group .select2-search__field, #filter-reporter-user-group .select2-search__field, #filterReporterGroup .select2-search__field, #filter-assignee .select2-search__field, #filter-assignee-user-group .select2-search__field, #filterAssignee .select2-search__field, #filterAssigneeGroup .select2-search__field, #filter-responsible-users .select2-search__field, #filter-responsible-users-groups .select2-search__field, #filter-venue .select2-search__field, #filterVenue .select2-search__field, #filterUserActivityGroup .select2-search__field, #filterUserGroup .select2-search__field, #filter-client .select2-search__field, #filter-equipment .select2-search__field, #filterClient .select2-search__field, #filterEquipment .select2-search__field, #filter-user .select2-search__field, #filter-activity-task .select2-search__field, #filter-downtime-task .select2-search__field, #filter-task .select2-search__field, #filter-organization-multiple .select2-search__field, #filter-maps .select2-search__field, #filter-client .select2-search__field, #filter-status .select2-search__field, #filter-by-maps .select2-search__field, #filter-task-types .select2-search__field, #filter-tag .select2-search__field, #filterTag .select2-search__field, #filter-category .select2-search__field, #filterCategory .select2-search__field, #filterDispatcherUser .select2-search__field, #filterDispatcherVenue .select2-search__field, #filterTaskUserActivityGroup .select2-search__field, #filterTaskUserGroup .select2-search__field, #filterTaskUser .select2-search__field, #filter-severity .select2-search__field, #new-task-container .select2-search__field, #single-task-container .select2-search__field, #admin-aar-container .select2-search__field, #admin-venue-container .select2-search__field { border: none; } #filter-category .select2-search__field, #filter-severity .select2-search__field{ width: 130% !important; } #filter-reporter .select2-search__field, #filterReporter .select2-search__field, #filter-activity-group .select2-search__field, #filter-reporter-user-group .select2-search__field, #filterReporterGroup .select2-search__field, #filter-user-group .select2-search__field, #filter-assignee .select2-search__field, #filter-assignee-user-group .select2-search__field, #filterAssignee .select2-search__field, #filterAssigneeGroup .select2-search__field, #filter-responsible-users .select2-search__field, #filter-responsible-users-groups .select2-search__field, #filter-venue .select2-search__field, #filterVenue .select2-search__field, #filterUserActivityGroup .select2-search__field, #filterUserGroup .select2-search__field, #filter-client .select2-search__field, #filter-equipment .select2-search__field, #filterClient .select2-search__field, #filterEquipment .select2-search__field, #filter-user .select2-search__field, #filter-activity-task .select2-search__field, #filter-downtime-task .select2-search__field, #filter-task .select2-search__field, #filter-maps .select2-search__field, #filter-client .select2-search__field, #filter-status .select2-search__field, #filter-by-maps .select2-search__field, #filter-task-types .select2-search__field, #filter-organization-multiple .select2-search__field, #filter-category .select2-search__field, #filterCategory .select2-search__field, #filterDispatcherUser .select2-search__field, #filterDispatcherVenue .select2-search__field, #filterTaskUserActivityGroup .select2-search__field, #filterTaskUserGroup .select2-search__field, #filterTaskUser .select2-search__field, #filter-severity .select2-search__field, #filterSeverity .select2-search__field, #filterTag .select2-search__field, #filter-tag .select2-search__field { background-image: url('../img/icon-search-dark.png'); background-repeat: no-repeat; background-position: 0 6px; background-size: 10px 10px; padding-left: 14px; } #new-task-container .select2-container--default .select2-selection, .invite-organization-box .select2-container--default .select2-selection, .partnership-invitation-venue-select .select2-container--default .select2-selection, #admin-venue-container .select2-container--default .select2-selection, #new-task-container .select2-dropdown, .invite-organization-box .select2-dropdown, .partnership-invitation-venue-select .select2-dropdown, #single-task-container .select2-dropdown, #admin-venue-container .select2-dropdown { border: solid 1px #c8c7bf; background-color: #f9f8f3; } #single-task-container .tag-change-container .select2-dropdown { background-color: #FFFFFF; z-index: 9999; } #new-task-container .select2-container--default .select2-selection--single, .invite-organization-box .select2-container--default .select2-selection--single, .partnership-invitation-venue-select .select2-container--default .select2-selection--single, #single-task-container .select2-container--default .select2-selection--single, #admin-venue-container .select2-container--default .select2-selection--single, #admin-partnership-container .select2-container--default .select2-selection--single, #partnership-venue-container .select2-container--default .select2-selection--single { border: none; border-radius: 0; border-bottom: solid 1px #a5a599; height: 33px; } .unit-description { color: #bebeb4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; margin-left: 2px; } #select2-work_delivery_journal_service_unit-container > div, #select2-work_delivery_journal_service_unit-results li.select2-results__option > div, #select2-work_delivery_journal_material_unit-container > div, #select2-work_delivery_journal_material_unit-results li.select2-results__option > div { display: flex; } #admin-venue-container .select2-container--default .select2-selection--single { height: 34px; } #new-task-container .select2-container--default { width: 100% !important; } #new-task-container .select2-container--default .select2-selection--single { border: solid 1px #ccc; border-radius: 4px; } .time-tracked-task-container .select2-selection--single { min-height: 40px; border: 1px solid #ccc; } #new-task-container .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 33px; } #workLogModal .time-tracked-by-container .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 28px; margin: 8px 3px; color: #444; } .time-tracked-comment-container .flex-item { padding: 12px 12px 2px; } .group-assigned-contact { display: flex; align-items: center; } .group-assigned-contact .contact-avatar { position: relative; margin-right: 12px; display: inline-block; } .group-assigned-contact .contact-person { flex-grow: 1; padding-top: 2px; line-height: 16px; padding-right: 6px; } #new-task-container .select2-container--default .select2-selection--single .select2-selection__arrow { height: 33px; top: -1px; } #new-task-container .select2-container--default .select2-selection--multiple .select2-selection__choice { margin-bottom: 5px; margin-top: 0; } #new-task-container .select2-container .select2-search--inline .select2-search__field { margin-top: 0; } .over-planned { color: #B20000; } .edit-task-tags.select2-selection .select2-selection__rendered { line-height: 23px; } #single-task-container ul.select2-selection__rendered, #new-task-container ul.select2-selection__rendered { vertical-align: middle; } .new_task_tags .select2-selection { padding: 5px 8px; min-height: 33px; } .new_task_tags .select2-container--focus .select2-selection { height: auto; } .new_task_tags .select2-selection .select2-selection__rendered { padding: 0px; line-height: 23px; } #filter-tag .select2-container--default .select2-selection .select2-selection__choice, #filterTag .select2-container--default .select2-selection .select2-selection__choice, #filter-category .select2-container--default .select2-selection .select2-selection__choice, #filterCategory .select2-container--default .select2-selection .select2-selection__choice, #filterDispatcherUser .select2-container--default .select2-selection .select2-selection__choice, #filterDispatcherVenue .select2-container--default .select2-selection .select2-selection__choice, #filterTaskUserActivityGroup .select2-container--default .select2-selection .select2-selection__choice, #filterTaskUserGroup .select2-container--default .select2-selection .select2-selection__choice, #filterTaskUser .select2-container--default .select2-selection .select2-selection__choice, #filter-severity .select2-container--default .select2-selection .select2-selection__choice, #filter-assignee .select2-container--default .select2-selection .select2-selection__choice, #filter-assignee-user-group .select2-container--default .select2-selection .select2-selection__choice, #filterAssignee .select2-container--default .select2-selection .select2-selection__choice, #filterAssigneeGroup .select2-container--default .select2-selection .select2-selection__choice, #filter-responsible-users .select2-container--default .select2-selection .select2-selection__choice, #filter-responsible-users-groups .select2-container--default .select2-selection .select2-selection__choice, #filter-reporter .select2-container--default .select2-selection .select2-selection__choice, #filterReporter .select2-container--default .select2-selection .select2-selection__choice, #filter-activity-group .select2-container--default .select2-selection .select2-selection__choice, #filter-reporter-user-group .select2-container--default .select2-selection .select2-selection__choice, #filterReporterGroup .select2-container--default .select2-selection .select2-selection__choice, #filter-user-group .select2-container--default .select2-selection .select2-selection__choice, #filter-venue .select2-container--default .select2-selection .select2-selection__choice, #filterVenue .select2-container--default .select2-selection .select2-selection__choice, #filterUserActivityGroup .select2-container--default .select2-selection .select2-selection__choice, #filterUserGroup .select2-container--default .select2-selection .select2-selection__choice, #filter-client .select2-container--default .select2-selection .select2-selection__choice, #filter-equipment .select2-container--default .select2-selection .select2-selection__choice, #filterClient .select2-container--default .select2-selection .select2-selection__choice, #filterEquipment .select2-container--default .select2-selection .select2-selection__choice, #filter-user .select2-container--default .select2-selection .select2-selection__choice, #filter-activity-task .select2-container--default .select2-selection .select2-selection__choice, #filter-downtime-task .select2-container--default .select2-selection .select2-selection__choice, #filter-task .select2-container--default .select2-selection .select2-selection__choice, #filter-organization-multiple .select2-container--default .select2-selection .select2-selection__choice, #filter-maps .select2-container--default .select2-selection .select2-selection__choice, #filter-client .select2-container--default .select2-selection .select2-selection__choice, #filter-status .select2-container--default .select2-selection .select2-selection__choice, #filter-by-maps .select2-container--default .select2-selection .select2-selection__choice, #filterSeverity .select2-container--default .select2-selection .select2-selection__choice, #filter-task-types .select2-container--default .select2-selection .select2-selection__choice, #new-task-container .select2-container--default .select2-selection .select2-selection__choice, .invite-organization-box .select2-container--default .select2-selection .select2-selection__choice, .partnership-invitation-venue-select .select2-container--default .select2-selection .select2-selection__choice, #single-task-container .select2-container--default .select2-selection .select2-selection__choice, #admin-aar-container .select2-container--default .select2-selection .select2-selection__choice, #admin-venue-container .select2-container--default .select2-selection .select.fa-share-alt-square2-selection__choice { background-color: #fcd202; padding: 2px 2px 0 5px; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } #filters select { width: 100%; } #filter-assignee .select2-container--default .select2-selection .select2-selection__choice, #filter-assignee-user-group .select2-container--default .select2-selection .select2-selection__choice, #filterAssignee .select2-container--default .select2-selection .select2-selection__choice, #filterAssigneeGroup .select2-container--default .select2-selection .select2-selection__choice, #filter-responsible-users .select2-container--default .select2-selection .select2-selection__choice, #filter-responsible-users-groups .select2-container--default .select2-selection .select2-selection__choice, #filter-reporter .select2-container--default .select2-selection .select2-selection__choice, #filterReporter .select2-container--default .select2-selection .select2-selection__choice, #filter-activity-group .select2-container--default .select2-selection .select2-selection__choice, #filter-reporter-user-group .select2-container--default .select2-selection .select2-selection__choice, #filterReporterGroup .select2-container--default .select2-selection .select2-selection__choice, #filter-user-group .select2-container--default .select2-selection .select2-selection__choice, #filter-venue .select2-container--default .select2-selection .select2-selection__choice, #filterVenue .select2-container--default .select2-selection .select2-selection__choice, #filterUserActivityGroup .select2-container--default .select2-selection .select2-selection__choice, #filterUserGroup .select2-container--default .select2-selection .select2-selection__choice, #filter-client .select2-container--default .select2-selection .select2-selection__choice, #filter-equipment .select2-container--default .select2-selection .select2-selection__choice, #filterClient .select2-container--default .select2-selection .select2-selection__choice, #filterEquipment .select2-container--default .select2-selection .select2-selection__choice, #filter-user .select2-container--default .select2-selection .select2-selection__choice, #filter-activity-task .select2-container--default .select2-selection .select2-selection__choice, #filter-downtime-task .select2-container--default .select2-selection .select2-selection__choice, #filter-task .select2-container--default .select2-selection .select2-selection__choice, #filter-organization-multiple .select2-container--default .select2-selection .select2-selection__choice, #filter-maps .select2-container--default .select2-selection .select2-selection__choice, #filter-client .select2-container--default .select2-selection .select2-selection__choice, #filter-status .select2-container--default .select2-selection .select2-selection__choice, #filter-by-maps .select2-container--default .select2-selection .select2-selection__choice, #filter-task-types .select2-container--default .select2-selection .select2-selection__choice, #filterSeverity .select2-container--default .select2-selection .select2-selection__choice, #filter-category .select2-container--default .select2-selection .select2-selection__choice, #filterCategory .select2-container--default .select2-selection .select2-selection__choice, #filterDispatcherUser .select2-container--default .select2-selection .select2-selection__choice, #filterDispatcherVenue .select2-container--default .select2-selection .select2-selection__choice, #filterTaskUserActivityGroup .select2-container--default .select2-selection .select2-selection__choice, #filterTaskUserGroup .select2-container--default .select2-selection .select2-selection__choice, #filterTaskUser .select2-container--default .select2-selection .select2-selection__choice, #filter-severity .select2-container--default .select2-selection .select2-selection__choice{ width: 100%; } .select2-selection .select2-selection__choice > span { position: relative; } .select2-selection .select2-selection__choice small.secondary { font-size: 80%; opacity: 0.7; } #filter-tag .select2-selection__choice__remove, #filterTag .select2-selection__choice__remove, #filter-category .select2-selection__choice__remove, #filterCategory .select2-selection__choice__remove, #filterDispatcherUser .select2-selection__choice__remove, #filterDispatcherVenue .select2-selection__choice__remove, #filterTaskUserGroup .select2-selection__choice__remove, #filterTaskUserActivityGroup .select2-selection__choice__remove, #filterTaskUser .select2-selection__choice__remove, #filter-severity .select2-selection__choice__remove, #filter-assignee .select2-selection__choice__remove, #filter-assignee-user-group .select2-selection__choice__remove, #filterAssignee .select2-selection__choice__remove, #filterAssigneeGroup .select2-selection__choice__remove, #filter-responsible-users .select2-selection__choice__remove, #filter-responsible-users-groups .select2-selection__choice__remove, #filter-reporter .select2-selection__choice__remove, #filterReporter .select2-selection__choice__remove, #filter-activity-group .select2-selection__choice__remove, #filter-reporter-user-group .select2-selection__choice__remove, #filterReporterGroup .select2-selection__choice__remove, #filter-user-group .select2-selection__choice__remove, #filter-venue .select2-selection__choice__remove, #filterVenue .select2-selection__choice__remove, #filterUserActivityGroup .select2-selection__choice__remove, #filterUserGroup .select2-selection__choice__remove, #filter-client .select2-selection__choice__remove, #filter-equipment .select2-selection__choice__remove, #filterClient .select2-selection__choice__remove, #filterEquipment .select2-selection__choice__remove, #filter-user .select2-selection__choice__remove, #filter-activity-task .select2-selection__choice__remove, #filter-downtime-task .select2-selection__choice__remove, #filter-task .select2-selection__choice__remove, #filter-organization-multiple .select2-selection__choice__remove, #filter-maps .select2-selection__choice__remove, #filter-client .select2-selection__choice__remove, #filter-status .select2-selection__choice__remove, #filter-by-maps .select2-selection__choice__remove, #filter-task-types .select2-selection__choice__remove, #new-task-container .select2-selection__choice__remove, #filterSeverity .select2-selection__choice__remove, .invite-organization-box .select2-selection__choice__remove, .partnership-invitation-venue-select .select2-selection__choice__remove, #single-task-container .select2-selection__choice__remove, #admin-aar-container .select2-selection__choice__remove, #admin-venue-container .select2-selection__choice__remove { float: right; margin-right: 0; margin-left: 5px; font-size: 150%; line-height: 95%; z-index: 100; } .icon-container .glyphicon, .requires-approval-icon-container .far { font-size: 22px; color: #cccccc; position: relative; top:6px; } label[for='requires-approval'] { font-weight: normal; } .mgl6 { margin-left: 6px; } .update-deadline, .update-tags { position: relative; left: 11px; } .update-deadline .form-group, .update-tags .form-group { display: flex; padding: 0 15px 0 0; } .update-tags { display: flex; width: 100%; } .update-tags .form-group { margin-bottom: 0; padding-right: 0; flex: 1 0 66.66666667%; } #edit-task-tags + span { width: 100% !important; } #single-task-container .task-change-button { padding-left: 0 } .update-task-tags-button-container { margin-left: 5px; width: 8.33333333%; } #single-task-container .update-task-tags-button-container #update-task-tags { height: 100%; margin-left: 0; } .tags-container { min-height: 40px; display: flex; flex-wrap: wrap; align-items: center; } #change-deadline, #update-task-tags { height: 42px; flex-grow: 0; } #venue_radius { width: 15%; } #warning-message { margin-bottom: 10px; } .radius-widget { display: flex; } .radius-widget span { margin-left: 10px; margin-top: 8px; } #edit-task-tags + span .select2-search__field { width: 100% !important; line-height: 32px; } .reason-label { color: #BDBDB0; font-weight: bold; } #edit-task-tags + span .select2-search--inline { width: 100%; } #edit-task-tags + span .select2-selection__choice + .select2-search--inline { width: auto; } .label-einpix { background-color: #fcd202; padding: 3px 12px 0; color: #333; font-size: 14px; line-height: 24px; font-family: "DM Sans", "Roboto", sans-serif; font-weight: normal; border-radius: 4px; border: solid 1px #aaa; margin: 2px; } .import-form-container { height: 100vh; position: relative; margin-top: -68px; padding-top: 68px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .import-form-container > .import-title { border-bottom: solid 1px #ddd; text-align: center; width: 100vw; display: flex; align-items: center; justify-content: center; vertical-align: middle; } .new-menu-design .import-form-container > .import-title { width: calc(100vw - 60px); justify-content: end; border-bottom: unset; } .new-menu-design .import-form-container .import-title .cancel-import { margin-top: 10px; margin-bottom: 10px; position: relative; } .import-form-container h2 { text-align: center; width: 100%; padding: 15px; } .import-form-container .cancel-import { height: 42px; padding: 11px 12px 11px 12px; line-height: normal; border-radius: 8px; margin-right: 30px; position: absolute; right: 0; } .import-form-container > form { flex-grow: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; margin-top: 50px; } .import-form-container .import-dropzone { width: 100%; } #import-results-container form { padding-bottom: 25px; } #import-results-container .import-confirm-actions { display: flex; align-items: center; justify-content: center; } #import-results-container .import-confirm-actions-with-errors { display: flex; align-items: center; justify-content: center; flex-direction: column; } #text-search-container .dropdown-menu li a { padding: 10px 15px; cursor: pointer; text-transform: none; display: flex; align-items: center; } #text-search-container .dropdown .fa-ellipsis-v { font-size: 24px; } #text-search-container .dropdown .glyphicon { color: #6F6F6E; } #text-search-container .dropdown-menu li a .menu-label { margin-top: 4px; margin-left: 5px; } #text-search-container .dropdown-toggle { min-width: 40px; margin-left: 10px; border-radius: 3px; border: 1px solid #ddd; background: #FFFFFF; display: flex; justify-content: center; align-items: center; } .import-upload-actions-with-errors .error, #import-results-container .import-confirm-actions-with-errors .error { padding: 10px 20px; color: #a94442; background-color: #f2dede; border: 1px solid #a94442; border-radius: 8px; margin: 20px 0; } .import-upload-actions-with-errors .error { margin: 40px 0 0 0; } #import-results-container .import-confirm-actions .btn-default { height: 42px; font-size: 14px; padding: 12px; line-height: normal; border-radius: 8px; } #import-results-container .import-confirm-actions .btn-primary { padding: 12px 18px; height: 42px; font-size: 14px; line-height: normal; border-radius: 8px; } .import-form-container > h2 { flex-grow: 0; } .import-form-container > form { margin-top: 50px; } #admin-import .btn-xl { height: 42px; font-size: 14px; padding: 12px 18px; border-radius: 8px; } #admin-import .btn .glyphicon { top: 2px; } .import-form-container > .dummy-placeholder { flex-grow: 1; } .import-form-container .help-block > ul > li { color: red; font-size: 16px; } .import-form-container input.file { position: absolute; left: -9999px; } #import-results-container { position: relative; margin-top: -68px; padding-top: 68px; } #import-results-container .cancel-import { height: 42px; padding: 11px 12px 11px 12px; line-height: normal; border-radius: 8px; margin-right: 30px; } #import-results-container h2 { text-align: center; width: 100%; padding: 15px; } #import-results-container table tr:hover { background-color: white; } #import-results-container div.messages { position: relative; text-align: center; } #import-results-container th.messages, #import-results-container td.messages { padding-right: 30px; } #import-results-container td.item-key, #import-results-container td.item-label { width: 25%; } #import-results-container.venue-import td.item-key { width: 50%; } #import-results-container td.messages { width: 50%; padding-top: 10px; padding-bottom: 5px; } #import-results-container td.messages .error { color: red; } #import-results-container td.messages .warning { color: darkorange; } #import-results-container td.messages .info { color: darkgray; } #import-results-container td.messages .success { color: darkgreen; } #import-results-container form { margin: 30px; text-align: center; } .btn-group .btn-primary { padding-left: 20px; padding-right: 20px; } .import-form-container .messages .alert { position: relative; top: 0; left: 0; margin-left: 0; text-align: center; } .rule-filter-activator { display: flex; flex-direction: row; align-items: center; } .rule-filter-activator > input { flex-grow: 0; margin: 9px; } .rule-filter-activator > label { flex-grow: 1; } .rule-filter-activator > .counter { flex-grow: 0; margin: 7px 0; } .rule-filter-activator .counter-label { color: #a5a599; } .rule-filter-activator .counter-value { font-weight: bold; } /** Container Nesting Update **/ #new-task-container .container-fluid { width: 50%; float: left; } .dispatcher-container .dispatcher-resource { display: flex; position: relative; } .dispatcher-container .dispatcher-resource .img-profile { float: left; max-width: 30px; max-height: 30px; } .dispatcher-container .dispatcher-resource .user-info { font-size: 0; margin-top: 1px; margin-left: 5px; margin-bottom: 0; display: inline-block; width: calc(100% - 37px); line-height: 1.30; } .dispatcher-container .dispatcher-resource .user-info .contact-name { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; display: block; font-size: 14px; } .dispatcher-container .dispatcher-resource .user-info .contact-company { color: #acaca0; font-size: 11px; } .dispatcher-container .dispatcher-resource .fa-share-icon { width: 16px; height: 16px; display: flex; position: absolute; border-radius: 50%; align-items: center; background-color: #fff; justify-content: center; border: 1px solid #ccc; top: -5px; left: -5px; } .dispatcher-container .dispatcher-resource .fa-share-icon .fa-share-alt { font-size: 10px; margin-left: -1px; } .resourceTimelineWeek .fc-monthCustom-button, .resourceTimelineWeek .fc-dayCustom-button { color: #333333 !important; background-color: #ffffff !important; border-color: #333333; } .resourceTimelineWeek .fc-weekCustom-button { cursor: default !important; } .resourceTimelineMonth .fc-monthCustom-button { cursor: default !important; } .resourceTimelineDay .fc-dayCustom-button { cursor: default !important; } .resourceTimelineMonth .fc-dayCustom-button, .resourceTimelineMonth .fc-weekCustom-button { color: #333333 !important; background-color: #ffffff !important; border-color: #333333; } .resourceTimelineDay .fc-monthCustom-button, .resourceTimelineDay .fc-weekCustom-button { color: #333333 !important; background-color: #ffffff !important; border-color: #333333; } .fc-timeline-event { border-radius: 6px !important; } #new-task-container .btn-primary { width: 100%; left: 0; } #new-task-container .submit-container { display: flex; } .save-task-button-separator { position: relative; } .save-task-button-separator span { border-left: 1px solid #FFFFFF; height: 33px; top: 25px; position: absolute; z-index: 5; } #new-task-container .submit-container #new_task_saveAndView.btn-primary { width: 8%; margin-left: -3px; } .add-check-list-btn { text-align: right; margin-right: 15px; margin-top: 10px; } #new-task-container .add-check-list-btn .btn-primary { width: unset; } .remove-checkitem { color: #8c8c8c; font-size: 20px; position: relative; top: 6px; } .remove-checkitem:hover { color: #fcd202; cursor: pointer; } #addButton.btn { background: #fcd202; color: #38352c; } #addButton.btn:hover { background: #fcd202; color: #ffffff; } #new-task-container .btn-primary { line-height: 23px; } .new-activity-task-header, .new-task-header { display: flex; align-items: center; } .new-task-header .checklist-switch { margin-left: auto; } span.switch-label { display: inline-block; } #new-downtime-task-container .row.reason-div, #new-task-container .row.check-list-div { margin-top: 10px; border-bottom: 1px solid #e7e7e7; padding-bottom: 10px; } #new-downtime-task-container .row .reason-inputs-container, #new-activity-task-container .row .comment-inputs-container { margin-top: 10px; border-bottom: 1px solid #e7e7e7; padding-bottom: 15px; } #new-downtime-task-container .row .reason-inputs-container .reason-text, #new-activity-task-container .row .comment-inputs-container .comment-text { display: block; margin-top: 5px; } #new-activity-task-container .row .comment-inputs-container .help-block, #new-activity-task-container .row .comment-inputs-container .help-block .list-unstyled { margin-bottom: 0; } .checklist-title { padding: 0 15px 10px; border-bottom: 2px solid darkgray; color: darkgray; text-transform: uppercase; } #new-task-container .checklist-title { padding: 0 0 10px; } #new-task-container h3.heading-checklist { padding: 0 15px; } .checklist-switch, .photo-switch, .periodic-switch { display: flex; align-items: center; margin-bottom: 10px; } .sign-warning-icon { width: 16px; } .commentMandatory .sign-info-icon, .reasonMandatory .sign-info-icon, .allowToFillCustomComment .sign-info-icon, .allowToFillCustomReason .sign-info-icon, .location-tracking .sign-info-icon, .predefined-comments .sign-info-icon, .predefined-reasons .sign-info-icon, .allowToStartTaskBeforeScheduleTime .sign-info-icon { width: 16px; vertical-align: top; } .admin-organization-container .popover { max-width: 40%; } .allowToStartTaskBeforeScheduleTime .fa-info-circle { color: #777777; font-size: 18px; } #new-task-container label[for='periodic_task_dayOfMonth'] { min-width: 50px; } #periodic_task_separationCount { max-width: 110px; } .separationCountWarning .glyphicon { position: absolute; } #new-task-container label[for='periodic_task_dayOfMonth'] { min-width: 50px; } #periodic_task_separationCount { max-width: 110px; } .separationCountWarning .glyphicon { position: absolute; } .checklist-switch label, .periodic-switch label { margin-left: 10px; margin-bottom: 0; } .switch-container { margin-bottom: 10px; } .switch { position: relative; display: inline-block; height: 22px; width: 45px; } .switch input { opacity: 0; width: 0; height: 0; } .switch>input:disabled:hover { cursor: crosshair; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: gray; -webkit-transition: .4s; transition: .4s; border-radius: 34px; } .notification-container .slider { background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.25); } .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%; } input:checked + .slider { background-color: #fcd202; } input:focus + .slider { box-shadow: 0 0 1px #fcd202; } input:checked + .slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } input:disabled + .slider { background-color: #cccccc; } input:checked:disabled + .slider { background-color: #F9ECA7; } .deadline-picker-input.disabled { background: #f9f8f3; } .deadline-picker-input.disabled input { border: none; } .help-block { color: #a94442; } .heading-checklist { margin-top: 30px; margin-bottom: 20px; } .checkItemField input[type="radio"] + label { padding: 0; margin-left: 5px; margin-right: 15px; } .checkItemField[data-numeric-type="true"] { width: 100%; } #single-task-container .comments-container .headline { font-size: 24px; margin: 20px 0; margin-top: 45px; } .comments-container .container-fluid { margin-left: 0 !important; margin-right: 0 !important; } .periodic-area input, .periodic-area select { border-bottom: 1px solid gray !important; padding: 4px; max-width: 100%; } #periodic_task_occurrenceCount { max-width: 60px; } .end-date-inputs { max-width: 150px; } .start-date-col, .after-time-inputs { position: relative; } .after-time-inputs input { margin-bottom: 0 !important; } .start-date-col:after { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); content: "\e109" !important; font-family: "Glyphicons Halflings" !important; font-style: normal !important; font-weight: 400 !important; line-height: 1 !important; } .after-time-inputs:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: "\e109" !important; font-family: "Glyphicons Halflings" !important; font-style: normal !important; font-weight: 400 !important; line-height: 1 !important; } .start-end-time { -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; -khtml-display: flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -khtml-align-items: center; align-items: center; } .start-end-time input[type='number'] { max-width: 45px; } #user_roles, #my_account_roles { margin-top: 10px; margin-left: 30px; max-width: 300px; } #user_roles .checklist-switch, #my_account_roles .checklist-switch { justify-content: space-between; } .start-end-time .separator { margin-left: 5px; margin-right: 5px; min-width: 20px; border-top: 1px solid gray; } .time-quotes { font-size: 20px; padding-left: 5px; padding-right: 5px; } .all-day-checkbox-row > div { margin-top: 20px; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; -khtml-display: flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -khtml-align-items: center; align-items: center; } .custom-checkbox { -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; -khtml-display: flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -khtml-align-items: center; align-items: center; position: relative; } .custom-checkbox:before { content: ""; display: block; width: 20px; height: 20px; background: white; border: 1px solid gray; margin-right: 10px; cursor: pointer; position: relative; top: -2px; } .all-day-checkbox:checked + .custom-checkbox:before { background: #fcd202; } .all-day-checkbox:checked + .custom-checkbox:after { content: ''; position: absolute; left: 4px; top: 50%; background: white; width: 3px; height: 3px; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #periodic_task_recurringStopType input[type='radio'] { float: left; margin-right: 10px; } #periodic_task_recurringStopType label { display: block; margin-bottom: 5px; } .table.auto-assignment-rules td.col-assignee { -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 1.21; } .end-date-inputs { -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; -khtml-display: flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -khtml-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -o-justify-content: flex-end; -khtml-justify-content: flex-end; justify-content: flex-end; } .super_admin_users_report .select2-container .select2-selection--single .select2-selection__rendered, .admin_users .select2-container .select2-selection--single .select2-selection__rendered { white-space: nowrap; } .list-calendar-container .fc .fc-list-table td.severity { font-size: 0 !important; } .list-calendar-container td.fc-list-event-time { width: 6%; padding-right: 0 !important; min-width: 80px; } .fc-popover-body .fc-v-event:not(.fc-event-selected) .fc-event-resizer { height: unset !important; } .errorFlash.group-errors .error-group-item-dot { align-items: center; vertical-align: middle; font-size: 50px; margin-top: -22px; display: inline-block; margin-right: 10px; } .errorFlash.group-errors li:nth-child(n+3) { padding-left: 20px; } .load-more-weekly-list { padding: 0 0 20px 0; text-align: center; } .list-view-created-col { width: 8%; } .week-list-time { position: absolute; top: 7px; font-size: 12px; margin-left: 5px; } .week-list-days { font-size: 10px; color: #acaca0; font-style: italic; display: block; margin: -16px 0 0 0; } .periodic_task_calendar_weekly_list .fc-list-event-time { position: relative; } .ui-autocomplete .ui-menu-item { padding: 6px; } .ui-autocomplete .ui-menu-item:hover { background-color: #5897fb; color: white; } .ui-autocomplete { border-top: none !important; font-family: "DM Sans", "Roboto", sans-serif; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .end-date-row { -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; -khtml-display: flex; display: flex; } #periodic_task_dayOfWeek input { display: none; } #periodic_task_dayOfWeek label { border: 1px solid lightgray; text-align: center; height: 45px; width: 45px; min-width: 45px; padding-top: 12px; margin-right: 10px; cursor: pointer; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } #periodic_task_dayOfWeek .active_main + label, #periodic_task_dayOfWeek input:checked + label { background: #fcd202; } #periodic_task_dayOfWeek .active_sub + label { background: #FDEEA4 !important; cursor: not-allowed; } #periodic_task_dayOfWeek input[name='periodic_task[dayOfWeek][]']:disabled + label { cursor: not-allowed; } .duration-hours { margin-left: 10px; max-width: 60px !important; } /** Task Categories Button Reset **/ .task-categories-btn .btn-primary { width: auto !important; left: 0 !important; top: 0 !important; line-height: normal; !important; margin-bottom: 0 !important; padding: 16px 30px 8px 30px !important; } .task-categories-filter .control-label { width: 30%; } .task-categories-filter .col-md-10.col-sm-9.col-xs-8 { width: 70%; } .right.container-fluid { background: #f9f8f3; } .edit-checklist-form { padding: 15px; border-bottom: 1px solid #8080804d; } .edit-checklist-form label { margin-bottom: 0; } .edit-checklist-form label { font-weight: normal; padding-top: 3px; } .radio-wrapper { -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; -khtml-display: flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -khtml-align-items: center; align-items: center; margin-bottom: 20px; } .radio-wrapper input { margin: 0; margin-right: 10px; } .radio-wrapper label { margin: 0 !important; padding: 0 !important; line-height: 0; } .search-by-user-group-container .select2-search--dropdown { border-bottom: 1px solid #BDBDB0; } #work-delivery-journal-container .search-by-user-group-container input.select2-search__field, .search-by-user-group-container .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa !important; padding: 4px; width: 100%; box-sizing: border-box; border-bottom: 1px solid #aaa !important; } #work-delivery-journal-container .search-by-user-group-container .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb !important; } form#new-task-form input.select2-search__field, #workLogModal input.select2-search__field, #workLogEditModal input.select2-search__field, .invite-organization-box input.select2-search__field, #work-delivery-journal-container input.select2-search__field, .admin_auto_assignment_rule input.select2-search__field, .partnership-invitation-venue-select input.select2-search__field { border-bottom: none !important; } form#new-task-form .search-by-user-group-container .select2-container--default .select2-search--dropdown .select2-search__field { border-bottom: inherit !important; } #workLogModal input.select2-search__field, #workLogEditModal input.select2-search__field { background-color: transparent; } .work_log_summary .select2-search__field { background-color: transparent; border: none; } .checklist-area{ margin-bottom: 30px; } .periodic-area{ margin-bottom: 30px; } #tags-container .select2-container--default .select2-selection .select2-selection__choice, #filter-tag .select2-container--default .select2-selection .select2-selection__choice, #filterTag .select2-container--default .select2-selection .select2-selection__choice, #single-task-container .update-tags .select2-container--default .select2-selection .select2-selection__choice { padding-right: 18px; } #tags-container #new_task_tags + span .select2-selection__choice__remove, .update-tags #edit-task-tags + span .select2-selection__choice__remove { margin-right: -13px; color: #666; } #filterTag #filterTagInput + span .select2-selection__choice__remove, #filter-tag #filter-tag-input + span .select2-selection__choice__remove { margin-right: -15px; line-height: 78%; } .col-contact .fa-share-alt { color: #BDBDB0; } #new_task_venue + .select2-container + .select2-container .select2-results__option--highlighted .fa-share-alt, #new_task_responsible + .select2-container + .select2-container .select2-results__option--highlighted .fa-share-alt{ color: #ffffff; } .form-group.user-group-checklist-margin { padding-left: 25px; display: inline-block; width: 100%; vertical-align: top; padding-top: 0 !important; } #admin-organization-container .form-group, #admin-user-container .form-group { display: inline-block; width: 100%; vertical-align: top; } div#assigneesCheckbox, div#autoAssignOnForPeriodicCheckbox { padding-left: 20px; } .separationCountWarning { display: inline-flex; } #periodic_task_duration { max-width: 71px !important; } .edit-checklist-form { padding-bottom: 10px; } .start-date-glyphicon { right: 10px; line-height: 25px; } .end-date-glyphicon { line-height: 25px; } .duration-type-checkbox-row div.col-sm-12 label { margin-left: 2px; } .user-groups { padding-top: 2%; } .errorFlash .close { opacity: 1; } .close.closeErrorFlash { color: #b85e79; } .closer.closeErrorFlash { margin-top: 2px; } .checkItemField[data-checkitem-type="text"] { overflow: hidden !important; width: 100%; margin-bottom: -8px; } .checkItemField[data-numeric-type="true"] { overflow: hidden !important; } #task-list-body .col-venue a, #task-list-body .col-created a, #task-list-body .col-avatar a, #task-list-body .col-summary-description .task-title-link { position: inherit; min-height: 56px; display: block; top: inherit; } .periodic-task-edit-link { color: #FFFFFF; } .task-list-parent-instance { float: left; margin-top: -2px; padding: 3px 4px; font-size: 11px; max-height: 18px; position: relative; border-radius: 15px; } .periodic-task-icon { height: 12px; width: 12px; } .task-list-parent-instance a { color: #fff; text-decoration: none; } #work-delivery-journal-container .attachments fieldset { border-bottom: solid 1px #ddd; } .disable-periodic-link { background-color: #e7eae1; cursor: default; color: inherit; } .task-list-parent-instance .fas { font-size: 11px; font-weight: normal; } .col-deadline > div { margin-bottom: 3px; padding-top: 2px; } .col-resolution { width: 100px; } .deadline-time { display: block; align-items: center; justify-content: center; margin-bottom: 6px; white-space: nowrap; margin-top: 4px; } .deadline-time.deadline-red span { border: 1px solid #FF9696; color: #ff0000; } .deadline-time.deadline-white span { border: 1px solid #acaca0; color: #acaca0; } .deadline-time span { margin-top: 1px; line-height: 9px; padding: 1px 4px 1px 4px; border-radius: 15px; } #sla_rule_isVenue, #sla_rule_isCategories, #sla_rule_isSeverity { margin: 0px; } .mt-10 { margin-top: 10px; } .mt-12 { margin-top: 12px; } .mt-20 { margin-top: 20px; } .mt-22 { margin-top: 22px; } .w-20 { width: 20%; } .w-25 { width: 25%; } .col-deadline > a div span { font-size: 11px; } #sla-list td { vertical-align: middle; } .reaction_resolution_time span { display: block; } #delete-periodicTask { width: 100%; line-height: 31px; text-transform: uppercase; border: 1px solid #d43f3a; margin-bottom: 10px; color: black; } #account-form { width: 100%; float: left; } .my_account #my_account_save { width: 100%; position: inherit; margin-top: 15px; margin-bottom: 15px; height: 44px; } div#my-profile-container div#my_account .form-group:last-of-type .col-xs-4 { display: none; } #partnership_invitation_accept_reporters + .users-widget, #partnership_invitation_accept_assignees + .users-widget, #partnership_invitation_accept_observers + .users-widget, #venue_assignees + .users-widget { margin-top: 0; } #reporters-replacement li, #receivers-replacement li, #assignees-replacement li, #observers-replacement li { padding: 5px 16px; } .venue-info { border: 1px solid #ccc; padding: 0 20px 0 20px; border-radius: 4px; } .partnership-info { border: 1px solid #ccc; padding: 0 35px 15px; border-radius: 4px; } #admin-venue-container .venue-info { padding: 10px 35px; } div#my-profile-container div#my_account .form-group:last-of-type .col-xs-8 { width: 100%; padding-left: 0; } div#my-profile-container div .form-group:last-of-type .col-xs-8 button#my_account_save { margin-top: 20px; left: 0; width: 120%; } div#my-profile-container div#my_account .form-group:last-of-type .col-xs-8 button#my_account_save, div#admin-partnership-container div.container-fluid .form-group:last-of-type .col-xs-8 button.invite-screen-submit-button, div#partnership-venue-container div.container-fluid .form-group:last-of-type .col-xs-8 button.invite-screen-submit-button { left: 0; width: 100%; } .dispatcher_list .main-content { position: relative; } #admin-tag-container .subheader { box-shadow: 0 -1px 10px 0 #000000; } #admin-tag-container .tag-header { padding-top: 35px; } #admin-tag-container .tag-header h4 { margin-top: 2px !important; } #admin-tag-container .tag-header h2 { margin-top: 0 !important; font-size: 28px; } .dispatcher_list #calendarContainer .loading-image { left: 250px !important; } #calendarContainer .loading-image { top: 68px; left: 16.66%; } #active-partnership-edit .venue-field .country-label, #manage-partnership-venue .venue-field .country-label, #admin-venue-container .venue-field .country-label { text-align: center; } .dispatcher_list .dispatcher-tasks .tasks { margin-bottom: 20px; } .dispatcher_list .load-more-loader .dispatcher-loading-image img { top: 98%; } .dispatcher_list .fc .fc-timeline-now-indicator-arrow { margin: 0 -8px; } div#admin-partnership-container div.container-fluid .form-group:last-of-type .col-xs-8 button#partnership_invitation_accept_save, div#partnership-venue-container div.container-fluid .form-group:last-of-type .col-xs-8 button#partnership_invitation_accept_save { width: auto; } @media screen and (min-width: 1280px) { #new-task-form { -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; -khtml-display: flex; display: flex; } } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{ right: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 30px; } #activity-task-form .container-fluid.left, #new-task-form .container-fluid.left { border-right: solid 1px #eae9e2; } .mgt10 {margin-top: 10px !important;} .mgt20 {margin-top: 20px !important;} .mg-10 { margin: 10px !important;} .mg-20 { margin: 20px !important;} .pdt-0 {padding-top: 0 !important;} .pdt-20 {padding-top: 20px !important;} .pdt-40 {padding-top: 40px !important;} .pdt-54 {padding-top: 54px !important;} .pdt-60 {padding-top: 60px !important;} .pdb-50 {padding-bottom: 50px !important;} #delete-venue-init-modal .position-relative { position: relative; } #delete-venue-init-modal .select2-selection.select2-selection--single { border-radius: 8px; height: auto; } #delete-venue-init-modal .select2-container .select2-selection--single .select2-selection__rendered { line-height: 38px; margin-left: 3px; color: #444; display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #delete-venue-init-modal .control-label { position: absolute; top: -10px; left: 8px; z-index: 2; background-color: #F9F8F3; font-weight: normal; color: #adaea2; padding: 0 4px; width: fit-content; display: flex; line-height: normal; border-radius: 8px; } #delete-venue-init-modal .venue-home-icon { color: #adaea2; font-size: 24px; margin-right: 5px; width: 6%; position: relative; } #delete-venue-init-modal .venue-home-icon { color: #adaea2; font-size: 24px; margin-right: 5px; width: 6%; position: relative; } #delete-venue-init-modal .venue-share-icon { width: 13px; height: 13px; display: flex; position: absolute; border-radius: 50%; align-items: center; background-color: #FFFFFF; justify-content: center; border: 1px solid #CCCCCC; top: -2px; bottom: 0; left: -3px; } #delete-venue-init-modal .venue-share-icon-small { font-size: 8px; color: #B0B0BD; font-weight: bold; position: absolute; left: 1px; } #delete-venue-init-modal .new-task-venue-container p:first-child { padding-top: 0; line-height: normal; margin-bottom: 4px; } #delete-venue-init-modal .select2-selection__rendered .new-task-venue-container p:first-child { padding-top: 6px; } #delete-venue-init-modal .select2-selection__rendered .venue-icon { top: 11px; } #delete-venue-init-modal .select2-container { width: 100% !important; } #delete-venue-init-modal .select2-selection__arrow { height: 100%; right: 10px; } #delete-venue-init-modal .new-task-venue-container p:last-child { margin-bottom: 4px; line-height: 8px; color: #adaea2; font-size: 12px; } #delete-venue-init-modal .venue-share-icon-big { top: 2px; color: #adaea2; margin-right: 5px; width: 6%; position: relative; font-weight: bold; font-size: 16px; left: 2px; } #delete-venue-init-modal .select2-selection--single { background-color: #FFFFFF; border-radius: 8px !important; border: 1px solid #CCCCCC; outline: none; } #delete-venue-init-modal #select2-equipmentVenues-container { line-height: 38px; margin-left: 3px; } #delete-venue-init-modal .select2-container--open .select2-dropdown { border-radius: 8px; border-bottom-right-radius: 5px; } #moveEquipments .select2-dropdown--above, #delete-venue-init-modal .select2-dropdown--above { top: -15px !important; } #delete-venue-init-modal .select2-dropdown--below { top: 10px; } #delete-venue-init-modal .select2-container--open .select2-selection, #delete-venue-init-modal .select2-container--open .select2-dropdown { outline: 1px solid #5B5A56; border: none; } #delete-venue-init-modal .select2-container--default .select2-dropdown .select2-search--dropdown { padding: 8px 10px; border-bottom: 1px solid #CCCCCC; } #delete-venue-init-modal .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #f9f8f3; } #delete-venue-init-modal .select2-container--default .select2-dropdown .select2-search--dropdown .select2-search__field:placeholder-shown { background-color: #F9F8F3; } #delete-venue-init-modal .select2-container--default .select2-dropdown .select2-search--dropdown .select2-search__field { border-radius: 8px; height: 40px; padding-left: 10px; } #delete-venue-init-modal .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; padding: 4px; width: 100%; box-sizing: border-box; } #delete-venue-init-modal .select2-results__option { padding-left: 10px; } #delete-venue-init-modal .select2-container--default .select2-selection--single .select2-selection__arrow { right: 10px; } #delete-venue-init-modal .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #EDEDE5; color: #333333; } #delete-venue-init-modal .select2-container--default .select2-dropdown .select2-search--dropdown:after { position: absolute; top: 17px; overflow: visible; display: inline-block; z-index: 2; content: "\e8b6"; font-family: "Material Symbols Outlined"; right: 20px; width: 20px; font-size: 23px; color: #A0A0A0; } #delete-venue-init-modal .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #EDEDE5; color: #333333; } #delete-venue-init-modal .select2-container--default .select2-search--dropdown .select2-search__field { border-radius: 8px; } #delete-venue-init-modal .select2-selection__placeholder { font-style: unset !important; } #calendar { margin: 20px 10px 10px 10px; } .dispatcher-tasks-filters { width: 100%; background-color: #f9f8f3; border-bottom: 1px solid #ddd; } .dispatcher_list .filters { padding-top: 10px; } .fc-scrollgrid-section-header th:first-child .fc-scroller-harness { overflow: unset; } .dispatcher-tasks-filters .dispatcher-filters-control .filter-icon img { vertical-align: unset; } .fc-scrollgrid-section-header th:first-child .fc-scroller-harness .fc-scroller { overflow: unset !important; } .dispatcher_list .dispatcher-users-filters .dispatcher-filters-container { position: absolute; width: 100%; top: 30px; margin-left: -9px; } .dispatcher_list .select2-container { z-index: 99999; } .dispatcher_list .fc-scrollgrid { border-top: 0 !important; } .dispatcher-tasks-filters.panel-opened { border-bottom: 0; padding: 0 0 10px 0; } .dispatcher-filters-container { height: auto; max-height: calc(100vh - 135px); overflow-y: auto; } .dispatcher-tasks .tasks { margin: 10px 10px 0 10px; } #filterSeverity .select2-container--default { width: 100% !important; } #calendar .fc-daygrid-day-number, #calendar .fc-scrollgrid-section-header a { color: #333333; font-weight: normal; font-size: 12px; } #calendar .toggle-all-day i { font-size: 16px; } #calendar .fc-scrollgrid-section-header a.fc-sticky { font-size: 14px; } .dispatcher_list .fc-timeline-slot-lane.fc-day-today { background-color: rgba(255, 220, 40, .15); } #calendar .fc-timegrid-more-link { bottom: unset !important; } #calendar .fc-daygrid-day-number:hover, #calendar .fc-scrollgrid-section-header a:hover { text-decoration: none; } #calendar .fc-event-main { padding: 5px 0 0 8px; overflow: hidden; } .dispatcher_list #calendar .fc-event-main { overflow: unset; } .dispatcher_list #calendar .fc-event-main { padding: 0; } .dispatcher_list #calendar .fc-timeline-event .fc-event-title { padding: 2px 6px 0 6px; } .fc .fc-daygrid-day-bottom { padding: 2px 5px 0 !important; } .monthly-calendar-container #calendar .fc-event-main { padding: 2px 0 0 8px; } .fc .fc-daygrid-day-bottom { margin-bottom: 10px; } .monthly-calendar-container .fc-daygrid-day-top a { padding-bottom: 0 !important; } .used-services-container .planned-quantity, .used-materials-container .planned-quantity { color: #a0a0a0; } .fc-list-day-side-text:hover, .fc-list-day-side-text, .fc-list-day-text:hover, .fc-list-day-text { color: #333333; text-decoration: none; text-transform: capitalize; } .fc-list-table thead tr:not(:last-child) { display: none; } .fc-list-table thead { position: unset !important; } .list-calendar-container .contact-avatar { position: relative; } .list-calendar-container .task-venue-info .venue-address { word-break: break-all; font-size: 11px; color: #acaca0; display: block; line-height: normal; } tr.fc-list-event:hover { cursor: pointer; background-color: #fbfbf9; } span.bullet-point:before { content: "\2022"; } ul.messages:has(span):has(.bullet-point) li:nth-child(n+3) { padding-left: 15px; } .list-calendar-container #calendar .task-status-dot { width: 27px; height: 27px; } .list-calendar-container .status-icon { margin-right: 4px; margin-left: 4px; } .list-calendar-container .periodic-task-icon-container { float: left; margin-top: -4px; padding: 0 4px; font-size: 11px; max-height: 18px; position: relative; border-radius: 15px; } .list-calendar-container .calendar-title-container { width: unset; } .list-calendar-container .calendar-title-container .calendar-task-name { max-width: 200px !important; width: auto !important; } .list-calendar-container .task-venue-info .venue-name { overflow: hidden; display: block; } .list-calendar-container .task-venue-info { line-height: 1.30; } .list-calendar-container .contact-avatar .user-info .contact-company { color: #acaca0; font-size: 80%; } .list-calendar-container .contact-avatar .user-info { font-size: 0; } .list-calendar-container .contact-avatar .user-info span.contact-name { font-size: 12px; } .list-calendar-container .contact-avatar .user-info span.contact-company { font-size: 11px; } .list-calendar-container .contact-avatar .user-info .contact-name { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: max-content; display: block; max-width: inherit; } #single-task-container .future-periodic-task-title-container { padding-right: 5px; } #single-task-container .future-periodic-task-content .col-updated-date, #single-task-container .future-periodic-task-content .col-title, #single-task-container .future-periodic-task-content .col-created-date { display: block; white-space: nowrap; } #single-task-container .future-periodic-task-content .col-updated-date img, #single-task-container .future-periodic-task-content .col-created-date img { max-width: 12px; margin-top: -3px; } #single-task-container .future-periodic-task-content .content-left { display: inline-block; width: 15%; } #single-task-container .future-periodic-task-content .watchers-section { padding-right: 3px; } #single-task-container .future-periodic-task-content { padding: 0 0 0 10px; width: 100%; } .list-calendar-container .contact-avatar .user-info { margin-left: 5px; margin-bottom: 0; display: inline-block; width: calc(100% - 37px); line-height: 1.30; max-width: 170px; } .dispatcher_list .dispatcher-task-container label { font-weight: normal; margin-bottom: unset; } .dispatcher_list .col-md-10.col-sm-9.main-content { overflow-x: unset; min-height: calc(100vh - 68px); } .list-calendar-container .avatar-placeholder.img-profile, .list-calendar-container .contact-avatar .img-profile { float: left; max-width: 26px; max-height: 26px; } .list-calendar-container .remaining-assignees { width: 28px; height: 28px; padding-top: 3px; font-size: 13px; padding-right: 0 !important; } .list-calendar-container .contact-avatar .fa-share-alt { font-size: 8px; margin-left: -1px; color: #c8c7bf; } .list-calendar-container .contact-avatar span.fa-share-icon { top: -5px; left: -5px; position: absolute; width: 14px; height: 14px; display: flex; border-radius: 50%; align-items: center; background-color: #fff; justify-content: center; border: 1px solid #ccc; } .fc-list-table thead th { text-align: left !important; padding: 8px 14px !important; font-weight: normal; text-transform: uppercase; color: #a0a0a0; } .monthly-calendar-container .monthly-planned-calendar-event { padding-top: 0 !important; } .monthly-calendar-container .fc-daygrid-dot-event:hover { background: unset !important; } .monthly-calendar-container .planned-monthly-task { padding: 1px; } .list-calendar-container .fc-oneEventPerDayCustom-button, .list-calendar-container .fc-oneEventSelectedPerDayCustom-button, .list-calendar-container .fc-twoEventPerDayCustom-button, .list-calendar-container .fc-twoEventSelectedPerDayCustom-button, .list-calendar-container .fc-threeEventPerDayCustom-button, .list-calendar-container .fc-threeEventSelectedPerDayCustom-button, .list-calendar-container .fc-hideTeamCustom-button, .list-calendar-container .fc-showTeamCustom-button, .monthly-calendar-container .fc-oneEventPerDayCustom-button, .monthly-calendar-container .fc-oneEventSelectedPerDayCustom-button, .monthly-calendar-container .fc-twoEventPerDayCustom-button, .monthly-calendar-container .fc-twoEventSelectedPerDayCustom-button, .monthly-calendar-container .fc-threeEventPerDayCustom-button, .monthly-calendar-container .fc-threeEventSelectedPerDayCustom-button, .monthly-calendar-container .fc-hideTeamCustom-button, .monthly-calendar-container .fc-showTeamCustom-button { display: none !important; } .monthly-calendar-container #calendar .task-type-with-status { margin-bottom: 2px; } #calendar .fc-daygrid-dot-event { padding: 5px 0 0 8px; overflow: hidden; } #calendar .fc-daygrid-block-event { margin-left: 2px; } #calendar .fc-daygrid-dot-event div[class^='status-'] { width: 100%; } .spacer10 { height: 10px !important;} /* Date picker css*/ #periodic-date .ui-datepicker-inline { width: 100%; margin: auto; padding: 10px; border: none; } /** Calendar CSS **/ #periodic-date .ui-state-default, #periodic-date .ui-widget-content .ui-state-default, #periodic-date .ui-widget-header .ui-state-default { border: transparent; background: transparent; font-size: 12px; width: 23px; height: 23px; text-align: center; border-radius: 100px; text-align: center; line-height: 23px; } #calendar-list-container .periodic-task-single:hover { background: #e3e2de; } #calendar-list-container .user-task-reporter { background: #E9E20066; } #calendar-list-container .user-task-assignee { background: #00E9AC4D; } #periodic-date .ui-widget { font-family: "DM Sans", "Roboto", sans-serif; } #work-log-list .group-by .btn, #work-log-list .btn-accordion-count { padding: 6px 12px 4px 12px; background-color: white; box-shadow: none; border: 1px solid #A0A0A0; opacity: 0.5; } .input-container .date-container i { position: absolute; right: 7px; top: 50%; font-size: 22px; color: #A0A0A0; transform: translate(0, -50%); } #work-log-list .btn-accordion-count.active i { webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #work-log-list .group-by .btn.active { background-color: #EAE9E5; border: 1px solid #A0A0A0; font-weight: bold; } #periodic-date .ui-state-default.ui-state-highlight { background: #d2e3fc; color: #1a73e8; font-weight: 600; } #periodic-date .ui-state-default.ui-state-active{ background: #1a73e8; color: #fff; font-weight: bold; } .document-number .sign-info-icon { position: relative; top: -6px; } #periodic-date .ui-datepicker th { font-weight: normal; color: #555; font-size: 12px; } #periodic-date .ui-datepicker .ui-datepicker-title { text-align: left; margin: 0; padding-left: 10px; } #periodic-date .ui-widget-header { background: none; border: none; } #periodic-date .ui-datepicker-prev.ui-corner-all, #periodic-date .ui-datepicker-next.ui-corner-all { left: auto; background: none; padding: 0; width: auto; height: auto; top: 50%; transform: translateY(-50%); } #periodic-date .ui-datepicker-prev.ui-corner-all { left: auto; right: 30px; } #periodic-date .ui-datepicker-prev span { background-image: url(../img/left-arrow-chevron.png); background-position: 0px 0px; background-size: cover; background-size: 12px 12px; cursor: pointer; } #periodic-date .ui-datepicker-next span { background-image: url(../img/right-arrow-chevron.png); background-position: 0px 0px; background-size: cover; background-size: 12px 12px; cursor: pointer; } .ui-datepicker-current { display: none; } #periodic-date th.ui-datepicker-week-col, #ui-datepicker-div th.ui-datepicker-week-col { opacity: 0; pointer-events: none; } #periodic-date .ui-datepicker-week-col, #ui-datepicker-div td.ui-datepicker-week-col { font-size: 10px; text-align: center; vertical-align: middle; position: relative; top: 3px; color: #bbb; font-weight: 600; } #calendar-list-container table td { padding: 0; } #calendar-list-container thead th { font-weight: normal; text-transform: uppercase; border: 1px solid transparent; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } #calendar-list-container thead th { width: 14.28%; } #calendar-list-container .periodic-task-single { padding: 5px 8px 0 8px; } #calendar-list-container .periodic-task-single > div { display: inline-block; } #calendar-list-container .periodic-task-single .task-status-dot { width: 16px; height: 16px; border-radius: 100px; margin-right: 10px; float: left; } #calendar .task-status-dot { width: 14px; height: 14px; border-radius: 100px; margin-right: 4px; margin-left: 4px; float: left; } .dispatcher_list #calendar .task-status-dot { width: 14px; height: 14px; border-radius: 100px; margin-right: 0; float: left; min-width: 14px; } .dispatcher_list .attendees-info { margin: 0; } #calendar .fc-daygrid-event { white-space: normal; } #calendar .fc-v-event { white-space: normal; background-color: unset; border: 1px solid #aaaaaa; border-radius: 6px; } .dispatcher_list .tippy-content .calendar-task-info { margin-top: 2px; } .periodic_task_calendar_monthly .event-per-day, .periodic_task_calendar_weekly .event-per-day { width: auto; position: absolute; top: 0; right: 160px; z-index: 9; } #calendar-list-container .periodic-task-single .task-content { width: calc(100% - 35px); word-wrap: break-word; max-width: 150px; } #calendar .task-content { width: calc(100% - 35px); word-wrap: break-word; } .dispatcher-task-container .task-content, #calendar .task-content { width: 100% } .fc-timegrid-slot-label-frame { padding-top: 3px; } #calendar .attendees-info { line-height: normal; font-size: 11px; margin-bottom: 0; } .fc-event-main label.text-color-grey { font-weight: normal; } .calendar-task-assignee-name label, .attendees-info label { font-weight: bold; } .calendar-task-info { width: 100%; } #calendar .fc-h-event { border: 1px solid #aaaaaa; background-color: #FFFFFF; } #calendar .fc-event-main { color: #333333; } .periodic_task_calendar_weekly_list .task-type, .periodic_task_calendar_monthly .task-type, .periodic_task_calendar_weekly .task-type, #calendar .task-type { text-decoration: underline; font-size: 11px; line-height: normal; } #calendar .fc-popover-title { font-weight: bold; font-size: 12px; margin-left: 8px; margin-top: 2px; } .fc-button { padding-top: 7px !important; } .fc-popover-body { background: #F9F8F3 !important; } .fc-popover-header { border-bottom: 1px solid #DDDDDD; } .fc-toolbar-title { margin: 6px 0 0 0 !important; } .dispatcher_list .task-type-with-status, #calendar .task-type-with-status { display: flex; margin-bottom: 5px; align-items: center; } .list-calendar-container .fc-list-table { table-layout: auto; } #calendar-list-container .periodic-task-single .task-content .dialogue { display: block; } .current-week-link a { color: inherit; text-decoration: none; } .current-week-link.active { font-weight: bold; opacity: 1; background-color: #fafaf9; } .current-week-link { height: 52px; border-top: solid 1px #eae9e2; border-bottom: solid 1px #eae9e2; text-align: center; text-transform: uppercase; font-size: 12px; display: flex; align-items: center; justify-content: center; opacity: 0.6; padding: 4px; margin-bottom: 10px; } .calendar-week-row { margin-top: 66px; } #calendar-list-container .calendar-week-row a { color: #0f0f0f; font-weight: normal; } .dispatcher_list .task-status-dot, #calendar .status-new .task-status-dot, #calendar-list-container .periodic-task-single.status-new .task-status-dot { background: #ff0000; } .dispatcher_list .status-in-progress .task-status-dot, #calendar .status-in-progress .task-status-dot, #calendar-list-container .periodic-task-single.status-in-progress .task-status-dot { background: #fcd402; } .dispatcher_list .status-done .task-status-dot, #calendar .status-done .task-status-dot, #calendar-list-container .periodic-task-single.status-done .task-status-dot { background: #5cb85c; } .dispatcher_list .status-canceled-declined .task-status-dot, #calendar .status-canceled-declined .task-status-dot, #calendar-list-container .periodic-task-single.status-canceled-declined .task-status-dot { background: #000; position: relative; } .dispatcher_list .status-canceled-declined .task-status-dot:after, #calendar .status-canceled-declined .task-status-dot:after, #calendar-list-container .periodic-task-single.status-canceled-declined .task-status-dot:after { content: "\e014"; color: white; position: absolute; top: 50%; left: 51%; transform: translate(-50%, -50%); font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; font-size: 10px; } .dispatcher_list .status-missed .task-status-dot, #calendar .status-missed .task-status-dot, #calendar-list-container .periodic-task-single.status-missed .task-status-dot { background: #000; position: relative; } .dispatcher_list .status-missed .task-status-dot:after, #calendar .status-missed .task-status-dot:after, #calendar-list-container .periodic-task-single.status-missed .task-status-dot:after { content: "\2212"; color: white; position: absolute; top: 50%; left: 48%; transform: translate(-50%, -50%); font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; font-size: 10px; } .dispatcher_list .status-future-task .task-status-dot, #calendar .status-future-task .task-status-dot, #calendar-list-container .periodic-task-single.status-future-task .task-status-dot { background: #0094ff; } .calendar-date { margin: 0; margin-bottom: 5px; } .calendar-day { margin: 0; font-size: 28px; } .col-md-10.col-sm-9.main-content { min-height: 100vh; } .table-responsive { overflow-y: hidden; } #new-task-container { height: inherit; } #calendar-list-container { height: inherit; } #calendar-list-container .table-responsive table { height: 100%; } #calendar-list-container .table-responsive table th { height: 90px; } #new-periodic-task a, #new-task a { font-size: 14px; } .label-previous-week { text-transform: uppercase; cursor: pointer; } .label-next-week { text-transform: uppercase; cursor: pointer; } .input-container .date-container, .calendar-tooltip { position: relative; } .calendar-tooltip .calendar-tooltiptext { visibility: hidden; background-color: #fff; color: #000; text-align: center; padding: 8px; border-radius: 4px; display: flex; position: absolute; z-index: 1; text-decoration: none; border: 1px solid #e7e7e4; } .calendar-tooltip:hover .calendar-tooltiptext { visibility: visible; } #calendar-list-container tr td:last-child .calendar-tooltip .calendar-tooltiptext { right: 0; } #calendar-list-container tr td:nth-last-child(2) .calendar-tooltip .calendar-tooltiptext { right: 0; } .calendar-tooltip .calendar-tooltiptext a { text-decoration: none; color: #0f0f0f; padding: 0 5px; } .venue-location-map-modal-body .image-container { max-width: 100%; max-height: calc(100vh - 200px); text-align: center; display: flex; justify-content: center; } .venue-location-map-modal-body .image-container img { max-height: calc(100vh - 200px); } .calendar-tooltiptext .calendar-task-control-separator, .calendar-tooltip .calendar-tooltiptext .calendar-task-control-separator { color: grey; } .calendar-tooltip .calendar-tooltiptext a:last-child { border: none; } .popover-title .close { line-height: 0.5; } #calendar-list-container .fc-todayCustom-button, #calendar .fc-todayCustom-button { margin-left: 10px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .monthly-calendar-container, .weekly-calendar-container { position: relative; width: 100%; } .monthly-calendar-container #calendar, .weekly-calendar-container #calendar { position: relative; } .monthly-calendar-container .toggle-attendees-switch label, .weekly-calendar-container .toggle-attendees-switch label { margin-left: 10px; } .toggle-attendees-switch { display: flex; align-items: center; margin-bottom: 10px; position: absolute; right: 20px; top: 5px; float: right; z-index: 2; } #calendar-list-container .fc-nextCustom-button, #calendar .fc-nextCustom-button { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } #check-venues, #clear-all { cursor: pointer; } .header-toggle-tasks-btn { text-transform: uppercase; } #calendar-list-container tr td .periodic-task-single:last-child .calendar-tooltiptext { top: 15px; } .ticket-id-font { color: #c8c7bf; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: 0; } .comment_attachment { margin-top: 5px; } .comment_attachment img { border: solid 1px #a5a599; } .attchment-file-download { padding: 2px 5px; margin-bottom: 2px; border: 1px solid #bebeb4; display: flex; transition: all 0.2s; align-items: center; justify-content: space-between; } .attchment-file-download a { color: #bebeb4; display: flex; align-items: center; } .attchment-file-download a:hover, .attchment-file-download a:focus { text-decoration: none; color: #303030; } .attchment-file-download .remove-attachment { display: none; cursor: pointer; margin: 0 0.5rem 0 1rem; line-height: 1; } .attachment-image-wrap .remove-attachment { opacity: 0; pointer-events: none; z-index: 2; } .attachment-image-wrap:hover .remove-attachment { opacity: 1; pointer-events: all; } .attchment-file-download:hover .remove-attachment { display: block; } .comment-attachment-download a, .comment-attachment-download-anchor i { color: #bebeb4; padding: 3px; display: inline-block; line-height: 1; } .comment-attachment-download-anchor i.fa-paperclip { font-size: 18px; } .comment_attachment .attchment-file-download { border-radius: 8px; } .comment-attachment-download-anchor:hover i, .comment-attachment-download-anchor:focus i { text-decoration: none; color: #303030; } .attachment-image-model { margin-top: 75px; } .image-preview-modal .modal-dialog, .attachment-image-model .modal-dialog { width: max-content; max-width: 90%; max-height: 90%; margin: 0 auto; } .attachment-image-model .modal-body { width: 700px; height: calc(100vh - 150px); text-align: center; } #pictureId { height: 100% } .attachment-image-model .attachment-image-model-display-image { max-height: calc(100vh - 200px); max-width: 100%; } #total_attachment_count { font-weight: bold; } .attachment-images-container { margin-bottom: 5px; display: flex; flex-direction: row; flex-wrap: wrap; } .attachment-images-container div.attachment-image-wrap { cursor: pointer; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; -khtml-display: flex; display: flex; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; -khtml-align-items: flex-start; align-items: flex-start; position: relative; } .attachment-images-container div.attachment-image-wrap i { position: absolute; background-color: rgba(255, 255, 255, 0.6); padding: 2px 4px; right: 1px; top: 5px; } .attachment-images-container .attachment-thumbnail { width: 90px; height: 90px; background-color: #F9F8F3; } .modal-dialog-centered { transform: translate(0, -50%); top: 10%; margin: 0 auto; } .user-delete-content-title { margin-bottom: 30px; } .user-delete-modal label { font-weight: normal; } .modal-cancel, .modal-btn-cancel { text-transform: uppercase; } .task-list-image { border: 1px solid #cccccc; } .upload-image, .upload-file { cursor: pointer; color: #337ab7; } .upload-image:hover, .upload-file:hover { color: #104777; } .upload-attachment-icons i { font-size: 200%; padding: 0 4px; } .upload-attachment-icons i.upload { color: #acad9f; font-size: 18px; padding: 8px 10px; border-radius: 4px; background-color: #fff; border: 1px solid #acad9f; } .remove-all-attachments { cursor: pointer; margin-left: 10px; color: #aeacac; } .remove-all-attachments:hover { color: #000000; } #admin-venue-container #location-map-upload { border-image-source: url(' ../img/border-icon.png'); border-image-slice: 2; border-image-repeat: round; border-width: 3px; border-style: dashed; border-color: rgb(207,212,219); border-radius: 3px; width: 80%; min-height: 100px; background: url('../img/picture-upload.png') no-repeat center; background-size: 85px; background-position-x: center; background-position-y: 60px; padding-top: 135px; padding-bottom: 80px; text-align: center; margin: 5% 10%; } #partnership-venue-container #location-map-upload { width: 80%; min-height: 100px; background-size: 85px; background-position-x: center; background-position-y: 60px; padding-top: 50px; text-align: center; margin: 0% 10%; color: #a9a9a9; } .update-deadline .form-group { margin-bottom: 0; } .task-location-container, #admin-venue-container #location-map-upload .dz-preview { display: none; } #admin-venue-container #location-map-upload .alert { font-size: 14px; margin-top: 40px; } .route-map-locations #filters { overflow: unset; } .dropzone-title { font-size: 30px; pointer-events: none; } #single-task-container .location-edit-action-container { margin-top: 3px; justify-content: flex-end; } #single-task-container .location-edit-action .btn.save-location-change, #single-task-container .title-edit-action .btn.save-title-change { padding: 6px 6px 4px 6px; color: #fcd202; } #single-task-container .location-edit-action .btn.cancel-location-change, #single-task-container .title-edit-action .btn.cancel-title-change { padding: 6px 8px 4px 8px; color: #a0a0a0; } #single-task-container .description-edit-action-container { justify-content: flex-end; margin: 5px 0 5px 5px; width: 100%; } #single-task-container .description-edit-action-container .description-edit-action { padding-right: 10px; } #single-task-container .save-description-change { padding: 6px 6px 4px 6px; color: #fcd202; } #single-task-container .description-container .description { min-height: 38px; margin-bottom: 5px; } #single-task-container .cancel-description-change { padding: 6px 8px 4px 8px; color: #a0a0a0; } #single-task-container .location-container .modal-title-container { width: 100%; } #single-task-container .location-map-icon-container .modal-container.en { width: 77.2667px; } #single-task-container .location-map-icon-container .modal-container.pl { width: 64.2667px; } #single-task-container .location-map-icon-container .modal-container.lt { width: 66.2667px; } #single-task-container .location-map-icon-container .modal-container.ru { width: 98.2667px } #single-task-container .location-container.has-map { padding-left: 10px; } #single-task-container .editable-location { width: 100%; display: inline-block; } #single-task-container .title-edit-action-container { justify-content: flex-end; width: 100%; } #single-task-container .title-edit-action-container .title-edit-action { margin-right: 3px; } .dropzone-title-sub { font-size: 20px; pointer-events: none; } .location-map-list-div { margin-bottom: 20px !important; border-bottom: 1px solid #e7e7e7; padding-bottom: 10px; } .location-map-title { padding-bottom: 3px; margin-bottom: 20px; border-bottom: 2px solid darkgray; color: darkgray; } #admin-venue-container > form { -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; -khtml-display: flex; display: flex; } #new-activity-task-container .container-fluid, #new-downtime-task-container .container-fluid, #admin-venue-container .container-fluid { width: 50%; float: left; } #admin-venue-container .container-fluid.left { border-right: solid 1px #eae9e2; } .btn-drag-handle, .btn-drag-handle:focus { background: url('../img/icon-drag-handle.png') center / cover !important; width: 25px; height: 25px; margin-right: 10px; outline: none; box-shadow: none; } .disabled .btn-drag-handle, .disabled .btn-drag-handle:focus { background: url('../img/icon-drag-inactive.png') center / cover !important; width: 25px; height: 25px; margin-right: 10px; outline: none; box-shadow: none; cursor: not-allowed; } #single-task-container .location-content.editable:hover, #single-task-container .editable-description .description:hover, #single-task-container .editable-title .title:hover { background-color: #e6e6e6; } #single-task-container .task-location-change-hidden-button { visibility: hidden; padding-left: 5px; } #single-task-container .description-container .description { width: 100%; word-break: break-all; } #single-task-container .description-container { padding-right: 5px; } #single-task-container .location-container { position: relative; } #single-task-container .client-container.dropdown-container { padding-bottom: 0; } #single-task-container .location-map-container .icon-container { padding-top: 15px; } #single-task-container .location-map-container .location-content { display: flex; align-items: center; } #single-task-container #taskLocationInput { border: none; border-bottom: solid 1px #ccc; border-radius: 0; box-shadow: none; outline: none; background-color: transparent; padding-left: 0; } #single-task-container #editableTitleInput { width: 100%; font-weight: 500; font-size: 28px; height: 42px; padding: 8px 0 4px 4px; } #single-task-container #editableDescriptionInput { width: 100%; } #single-task-container .periodic-task-title .fa-share-alt { margin-right: 5px; } #single-task-container .periodic-task-title { display: flex !important; align-items: flex-start; } #single-task-container .ticket-id-font { padding-top: 5px; } #single-task-container .title { display: block; width: 100%; font-weight: 500; font-size: 28px; padding: 8px 0 4px 0; } #single-task-container .title.shared { width: 97%; } .btn-drag-handle-disabled, .btn-drag-handle-disabled:focus { background: url('../img/icon-drag-inactive.png') center / cover !important; width: 25px; height: 25px; margin-right: 10px; outline: none; box-shadow: none; cursor: not-allowed; } .service-price-levels.sow-settings { padding: 10px 0 0 25px; } .wdj-number-configuration.wdj-settings, .sow-number-configuration.sow-settings { padding: 0 35px; } .wdj-number-configuration.wdj-settings { padding-top: 10px; } .wdj-number-configuration.wdj-settings h5, .sow-number-configuration.sow-settings h5 { font-weight: normal; } .service-price-levels-container .service-name { font-size: 12px; } .service-price-levels-container .btn-drag-handle { width: 20px; height: 20px; } .location-map-label-input { width: 100%; } .location-map-action-btn { display: flex; align-items: center; justify-content: flex-end; } .location-map-modal { top: 45px; } .venue-location-map-modal { margin-top: 45px; } .venue-location-map-modal > .modal-dialog { width: 60%; } .venue-location-map-modal-body img { max-width: 100%; } .dispatcher-event-specific-loader, .dispatcher-loading-image, .loading-image { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: #00000050; z-index: 9999; opacity: 1; } .new-menu-design .loading-image { left: 60px; top: 0; z-index: 1055 !important; } .dispatcher-event-specific-loader { position: absolute; } .dispatcher-event-specific-loader img { width: 20px !important; height: 20px !important; top: 50%; position: relative; left: 50%; transform: translate(-50%, -50%); } img[src*="loading-large.gif"] { height: 80px; width: 80px; } .dispatcher-loading-image img, .loading-image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.6; } .loading-image img { background: #00000080; border-radius: 10px; opacity: 0.8 !important; height: 50px !important; width: 50px !important; } #task-list-container { padding-bottom: 20px; } .work_log_summary .work-log-list-container .work-log-summary { padding-bottom: 10px; } .load-more-loader .loading-image img { top: 95%; left: 55%; height: 44px !important; width: 44px !important; background-color: rgba(255, 255, 255, 0.5) !important; } .admin_users .load-more-loader .loading-image img, .admin_venues .load-more-loader .loading-image img { left: 50%; } .load-more-loader .dispatcher-loading-image img { height: 44px !important; width: 44px !important; } .load-more-loader .dispatcher-loading-image, .load-more-loader .loading-image { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: unset; z-index: 9999; opacity: 1; } .admin_venues .load-more-loader .loading-image, .admin_users .load-more-loader .loading-image { bottom: 17px; left: 0; right: 0; background-color: unset; top: unset; } .load-more-loader .dispatcher-loading-image { bottom: 9px; } .dispatcher-task-container:last-child { margin-bottom: 50px; } .dispatcher_list .load-more-loader .dispatcher-loading-image { right: calc(100% - 250px); } .dispatcher-tasks .init-more-loader .dispatcher-loading-image img { height: 40px; width: 40px; } .location-map-list-item { -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; -khtml-display: flex; display: flex; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; -khtml-align-items: flex-start; align-items: flex-start; } .location_maps_modal .modal-header, .image-preview-modal .modal-header { border-bottom: 2px solid #686868; padding: 10px; } #deleteTaskInstanceInput, #deletePeriodicTaskInput { cursor: pointer; } #deletePeriodicTaskInput[disabled]+label, #deleteTaskInstanceInput[disabled]+label, input[type=radio][disabled] { cursor: not-allowed !important; } #cancel_sla_modal { top: 30%; } #assignees-selection .select-replacement li { display: flex; } .contact-container .contact-person, #workers-replacement.select-replacement li .contact-person, #observers-replacement.select-replacement li .contact-person, #reporters-replacement.select-replacement li .contact-person, #assignees-replacement.select-replacement li .contact-person, #assignees-selection .select-replacement li .contact-person { width: 70%; } #venueNotesModal, #deletePeriodicTaskModal, #deleteNormalTaskModal { top: 20%; } #addTaskPicture { top: 85px; } #addTaskPicture .modal-body { padding: 15px 15px 10px 15px; width: calc(100vh - 250px); margin: auto; min-height: 200px !important; min-width: 200px !important; } #addTaskPicture .modal-body:has(canvas) { padding-bottom: 2px; } #addTaskPicture .modal-dialog { margin-top: 0; height: calc(100vh - 150px); width: 100vh; min-width: 400px !important; } #addTaskPicture .actions div { width: 48px; height: 48px; border: solid 1px #fbfbf9; border-radius: 4px; float: right; margin: 5px; background-repeat: no-repeat; background-position: center; background-color: #adada0; } #addTaskPicture .actions{ position: absolute; right: -50px; display: flex; flex-direction: column; top: 10px; } @media only screen and (max-width: 767px) { #addTaskPicture .modal-dialog { transform: translate(-50%, 0); left: 50%; } } .assignees-container .assignees .assignee-icons { padding-left: 10px; } #single-task-container .assignees-container .assignees .contact-avatar-container, .assignees-container .assignees .contact-avatar-container { display: flex; align-items: center; padding: 10px; } #single-task-container .assignees-main-container.disabled .assignees .contact-avatar-container { padding: 0; } #single-task-container .assignee-container .assignees .contact-avatar-container { padding: 0; } .assignees-container .assignees .contact-avatar-container .contact-avatar { margin-right: 12px; } #single-task-container .disabled-assignee-container .contact-avatar-container { display: flex; } .disabled-assignee-container .contact-avatar-container .contact-avatar { margin-right: 12px; } .dispatcher-users-filters { font-weight: normal; } .assignees-container .assignees .contact-avatar-container .user-info { flex-grow: 1; margin: 0; padding-top: 2px; padding-right: 6px; line-height: 16px; } .assignee-clear-container { background-color: #FFFFFF; border: 1px solid #ccc; border-radius: 0 4px 4px 0; } .auto-assignment-assignee-container.has-assignee .select2-selection.select2-selection--single { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; } .assignee-clear-container #clearAssignee { min-height: 43px; padding: 14px 12px 2px 12px; min-width: unset; font-size: 14px; border-top-left-radius: 0; border-bottom-left-radius: 0; background-color: white; border: none; } .assignee-clear-container #clearAssignee i { color: #a0a0a0; } #single-task-container .assignee-change-container .assignee-container { padding-left: 7px; } .assignees-container .assignees .contact-avatar-container .user-info .contact-name { float: left; margin-right: 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; display: inline-block; } .assignees-container .assignees .contact-avatar-container .user-info .contact-company { font-size: 12px; color: #bebeb4; } .avatar-placeholder { position: relative; width: 30px; height: 30px; background: #8c8c8b; border-radius: 50%; border: 1px solid #8c8c8b; font-size: 12px; color: #FFFFFF; float: left; display: flex; align-items: center; justify-content: center; } .avatar-placeholder.img-profile { height: 32px; width: 32px; display: flex; align-items: center; justify-content: center; padding: 0; } .avatar-placeholder.img-profile-xl { height: 200px; width: 200px; font-size: 100px; } .assignee-icons .avatar-placeholder { margin-right: -10px; } .new-menu-design #aar-list .remaining-assignees { background: #8c8c8b; display: flex; align-items: center; justify-content: center; padding: 0; color: #ffffff; border: 1px solid #8c8c8b; top: unset; } .new-menu-design #aar-list .img-profile { max-width: 32px; max-height: 32px; width: 32px; height: 32px; } #data-filter-container .avatar-placeholder { padding-top: 8px; } .new-menu-design #data-filter-container .avatar-placeholder { padding: 0 !important; min-width: 32px; min-height: 32px; display: flex; align-items: center; justify-content: center; } .remaining-assignees { width: 32px; height: 32px; float: left; background: #E9E8E3; vertical-align: middle; text-align: center; padding-top: 9px; border-radius: 50%; top: -1px; font-size: 15px; border: 1px solid #ccc; } .dispatcher_list.new-menu-design .remaining-assignees { background: #8c8c8b; color: #ffffff; border: 1px solid #8c8c8b; display: flex; align-items: center; justify-content: center; min-width: 32px; min-height: 32px; top: unset; } .dispatcher_list.new-menu-design .dispatcher-task-container .task-id { margin-bottom: 0; } #single-task-container .remaining-assignees { width: 34px; height: 34px; } #single-task-container .assignee-icons { align-items: center; } #new-task-container .remaining-assignees { top: 0; padding: 5px; } #assigneeSelectPlaceholder { padding: 10px; } .assignees-container .assignees { width: 100%; height: 100%; display: flex; align-items: center; cursor: pointer; } #new-task-container .assignees-container .contact-avatar { float: left; } .assignee-icons .contact-avatar img { margin-right: -10px; } .assignee-icons { display: flex; } #deletePeriodicTaskModal label { font-weight: normal; vertical-align: middle; margin-left: 5px; cursor: pointer; } .client-info-modal, .signature-modal, .save-unit-modal, .save-material-modal, .add-quantity-material-modal, .add-quantity-service-modal, .delete-wdj-modal, .delete-sow-modal, .cancel-wdj-modal, .cancel-sow-modal, .cancel-sent-wdj-modal, .WdjRedirectionModal, #noWdjPreviewModal, .save-service-modal { top: 50%; bottom: inherit; transform: translate(0, -50%); } .cancel-sow-modal .input-label, .cancel-wdj-modal .input-label { font-weight: normal; } .work_delivery_journal_update .cancel-sent-wdj-modal .input-label { top: -7px; } #clearAssignee:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .modal .btn { padding: 10px 12px 10px 12px; min-width: 100px; text-transform: uppercase; line-height: 1.42857143; } #single-task-container .sla-dropdown .dropdown-item { min-width: 100%; padding-top: 3px; font-size: 13px; } #admin-import .confirmation-note { padding-top: 50px; text-align: center; } #admin-import h4 { padding-left: 50px; padding-right: 50px; } #admin-import h4 { font-weight: normal; } #single-task-container .sla-dropdown { min-width: inherit; } #single-task-container .dropdown-item { width: 100%; overflow: hidden; white-space: nowrap; vertical-align: middle; margin-right: 8px; padding: 0; } .admin_auto_assignment_rules .help-block { display: unset; } .admin_auto_assignment_rules .help-block img { width: 18px; margin-top: 3px; } .admin_auto_assignment_rule .has-error .users-widget, .has-error .select2-container--default .select2-selection--single, .has-error .select2-selection, .has-error .form-control { border-color: #a94442 !important; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); } #noWdjPreviewModal .modal-footer, #cancel_sla_modal .modal-footer, #cancel_sla_modal .modal-body { background: #F9F8F3; } #noWdjPreviewModal .modal-header, .client-info-modal .modal-header, .signature-modal .modal-header, .save-material-modal .modal-header, .add-quantity-material-modal .modal-header, .add-quantity-service-modal .modal-header, .save-service-modal .modal-header, #cancel_sla_modal .modal-header { background-color: #0a0a0a; } .client-info-modal .close, .signature-modal .close, .save-material-modal .modal-header .close, .add-quantity-material-modal .modal-header .close, .add-quantity-service-modal .modal-header .close, #noWdjPreviewModal .modal-header .close, .save-service-modal .modal-header .close, #cancel_sla_modal .modal-header .close { opacity: inherit; } .signature-modal .close, .signature-modal .modal-title, #noWdjPreviewModal .modal-title, #noWdjPreviewModal .modal-header .close, .client-info-modal .modal-title, .save-material-modal .close, .save-material-modal .modal-title, .add-quantity-material-modal .close, .add-quantity-service-modal .close, .add-quantity-material-modal .modal-title, .add-quantity-service-modal .modal-title, .save-service-modal .close, .save-service-modal .modal-title, #cancel_sla_modal .modal-header .close, #cancel_sla_modal .modal-header .modal-title { color: #BEBEB4; } .add-client-action { margin-top: 3px; } .used-services-with-work-logs .work-logs-container, .used-services-with-work-logs .used-services-container { border: none; margin: 0; } .work-logs-container table .work-log-heading, .work-logs-container table tr td:first-child, .used-materials-container table .material-name, .used-materials-container table .material-name-heading, .delivered-data table .service-name, .delivered-data table .service-name-heading, .delivered-data table .material-name, .delivered-data table .material-name-heading, .used-services-container table .service-name, .used-services-container table .service-name-heading { padding-left: 0; } .work-logs-container table tbody td, .delivered-data table tbody td, .used-services-container table tbody td, .used-materials-container table tbody td { padding-top: 4px; padding-bottom: 4px; } .save-statement-of-work-container, .save-work-delivery-journal-container, .used-services-with-work-logs, .import-from-rivile, .work-logs-container { margin: 20px 40px; padding: 5px 20px 5px 20px; border: 1px solid #eae9e2; } .save-statement-of-work-container, .save-work-delivery-journal-container { border: 1px solid #ccc; } .select2-selection.select2-selection--single { outline: none; } .used-services-container { margin: 20px 20px 0; padding: 20px; border: 1px solid #eae9e2; } .save-statement-of-work-container, .save-work-delivery-journal-container { margin-top: 20px; padding: 10px 20px 10px 20px; margin-bottom: 10px; } #wdjAddMaterialQuantityModal .money-input .input-label, #wdjAddServiceQuantityModal .money-input .input-label, #saveMaterialModal .money-input .input-label, .sow-vat-container .input-container .input-label { z-index: 9; } .price-summary { padding: 20px 30px 10px 30px; border: 1px solid #ddd; } .price-summary p { margin: 0; } .price-summary span { float: right; } #statementOfWorkPreviewContainer .price-summary label, #work-delivery-journal-container .price-summary label { min-width: 0; } #statementOfWorkPreviewContainer .work-delivery-journal-info { padding: 0; } #statementOfWorkPreviewContainer .delivered-data { margin: 0; } #statementOfWorkPreviewContainer .final-amount-container label, #work-delivery-journal-container .final-amount-container label { font-weight: bold; } .price-summary .price-without-vat { margin-bottom: 2px; } .final-amount-container span label, .price-without-vat span label { border-top: 1px solid #ddd; } #work-delivery-journal-container fieldset.price-summary-container { border: none; } .used-materials-delivery-data-container .delivery-data-heading .total-amount-container, .used-services-with-work-logs .delivery-data-heading .total-amount { width: 29%; } .used-materials-container th:last-child, .used-materials-container td:last-child, .delivered-data th:last-child, .delivered-data td:last-child, .used-services-container td:last-child, .used-services-container th:last-child { padding-right: 0; } .save-statement-of-work-container .update-section, .save-work-delivery-journal-container .update-section, .delivered-data, .used-services-container, .used-materials-container { position: relative; } .save-statement-of-work-container .update-section > h3, .save-work-delivery-journal-container .update-section > h3, .delivered-data > h3, .used-services-container > h3, .import-from-rivile-container > h3, .used-materials-container > h3 { position: absolute; top: -6px; left: 14px; background-color: #f9f8f3; } .import-from-rivile-container > h3 { top: -12px; left: 0; } .import-from-rivile-code-container { margin: 20px 0 20px 0; display: flex; align-items: center; } .import-from-rivile-code-container .input-group-addon .fa-times { color: #A0A0A0; opacity: 0.65; } .clear-material-object-code { display: flex; align-items: center; } .import-from-rivile-code-container .input-group label.input-label { top: -6px; z-index: 9; font-weight: normal; } .import-from-rivile-code-container #objectCode { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .import-from-rivile-code-container .input-group-addon:disabled { cursor: not-allowed; } .import-from-rivile-code-container .input-group-addon:not(:disabled):hover { background-color: #e6e6e6; border-color: #adadad; } .import-from-rivile-code-container .input-group-addon:disabled .fa-times { color: #CCCCCC; } .import-from-rivile-code-container .input-group-addon { width: unset; background-color: #FFFFFF; } .import-from-rivile-import-button .btn-default { padding: 10px 12px 10px 12px; min-width: 100px; text-transform: uppercase; line-height: 1.42857143; } .import-from-rivile-import-button { padding-right: 0; text-align: right; } .import-from-rivile-code-container > .input-group { display: flex; } .save-statement-of-work-container .update-section > h3, .save-work-delivery-journal-container .update-section > h3 { top: -17px; left: -6px; } .import-from-rivile-container { position: relative; } .save-statement-of-work-container .btn-remove, .save-statement-of-work-container .btn-edit, .save-work-delivery-journal-container .btn-remove, .save-work-delivery-journal-container .btn-edit, .used-materials-container .btn-remove, .used-services-container .btn-remove, .used-services-container .btn-edit, .used-materials-container .btn-edit { background-size: 20px; } .task_view .btn-pdf, .task_view .cancel-sow-link, .task_view .cancel-wdj-link { padding: 0; } #admin-aar-container .input-label, .task_view .cancel-sow-modal .input-label, #workLogEditModal .input-label, .statement_of_work_list .cancel-sow-modal .input-label, .task_view .cancel-wdj-modal .input-label { top: -6px; } #admin-aar-container .input-label, #workLogEditModal .input-label { font-weight: normal; } .task_view .cancel-sow-link i, .task_view .fa-file-pdf, .task_view .cancel-wdj-link i { font-size: 20px; color: #bebeb4; width: 25px; display: inline-flex; align-items: center; justify-content: center; height: 25px; } .task_view .fa-file-pdf:hover, .task_view .fa-times-circle:hover, .task_view .cancel-wdj-link i:hover { color: #333333; } .save-statement-of-work-container tbody td:last-child, .save-work-delivery-journal-container tbody td:last-child { white-space: nowrap; } .save-statement-of-work-container table thead th, .save-work-delivery-journal-container table thead th, .work-logs-container table tbody tr td, .work-logs-container table thead th, .used-services-container table thead th, .delivered-data table thead th, .used-materials-container table thead th { padding-bottom: 0; } .save-statement-of-work-container tbody td:first-child, .save-statement-of-work-container thead th:first-child, .save-work-delivery-journal-container tbody td:first-child, .save-work-delivery-journal-container thead th:first-child { padding-left: 0; } .save-statement-of-work-container tbody tr td:last-child, .save-work-delivery-journal-container tbody tr td:last-child { padding-right: 3px; text-align: right; } .save-statement-of-work-container .create-section, .save-work-delivery-journal-container .create-section { display: flex; align-items: center; justify-content: space-between; } .used-services-with-work-logs { padding: 0; } label.required:after { content: "*"; color: red; margin-left: 2px; } .save-statement-of-work-container h3, .save-work-delivery-journal-container h3, .work-logs-container h3 { font-size: 18px; text-transform: uppercase; margin: 0; } .delivered-data h3, .used-services-container h3, .used-materials-container h3, .save-statement-of-work-container h3, .import-from-rivile-container h3, .save-work-delivery-journal-container h3 { font-size: 14px; text-transform: uppercase; margin: 0; padding: 0 5px; } .delivered-data h3 span, .used-services-container h3 span, .used-materials-container h3 span { color: #A0A0A0; font-size: 13px; } .used-materials-container table .glyphicon, .work-logs-container table .glyphicon, .used-services-container table .glyphicon { color: #302F2B; } .wdj-add-material-quantity .glyphicon, .wdj-add-service-quantity .glyphicon { color: #B9B9AD !important; font-size: 18px; } .delivered-data table thead tr th:last-child, .used-services-container table thead tr th:last-child:not(.service-total-column) { font-size: 24px; } .delivered-data table thead tr th:last-child { font-size: 12px; } .delivered-data .edit-disabled th, .used-services-container .edit-disabled th, .used-materials-container .edit-disabled th { padding: 15px 0 5px 0; } .used-services-container .edit-disabled td, .used-materials-container .edit-disabled td { padding: 0 0 5px 0; } .delivered-data table thead tr th:last-child a, .used-materials-container table thead tr th:last-child a, .used-services-container table thead tr th:last-child a { margin-right: 3px; color: #333333; } .work-logs-container .work-log-table-data { font-style: italic; color: #A0A0A0; } .import-from-rivile-container, .used-services-with-work-logs .used-services-container.no-work-logs { border-bottom: 0; } #new-task-form label.task-responsible-label, #new-task-form label[for='new_task_venue'] { display: flex; } #active-partnership-edit .participants .reporter-count, #active-partnership-edit .participants .assignee-count, #active-partnership-edit .participants .observer-label, #active-partnership-edit .participants .reporter-label, #active-partnership-edit .participants .assignee-label { font-weight: bold; font-size: 14px; } #active-partnership-edit .participants .reporter-label:after, #active-partnership-edit .participants .assignee-label:after { font-weight: normal; } #admin-venue-container .assignee-label { font-weight: 500; } #admin-venue-container .assignee-label:after { font-weight: normal; } .time-tracking-input.has-error { border-color: #a94442 !important } .invited_partnerships .actions { white-space: nowrap; } .manage_partnership_venue .assignee-label, .manage_partnership_venue .reporter-label { display: flex; } #partnership-venue-container .form-container .users-selection { padding-top: 0; } .save-statement-of-work-container table thead tr th, .save-work-delivery-journal-container table thead tr th, .work-logs-container table thead tr th, .used-materials-container table thead tr th, .delivered-data table thead tr th, .used-services-container table thead tr th { color: #A0A0A0; text-transform: uppercase; font-size: 12px; font-weight: normal; } .show-data, .hide-data { cursor: pointer; color: inherit; text-decoration: underline; } .show-data:hover, .hide-data:hover { color: inherit; } .work-logs-container .toggle-view { text-transform: capitalize; } .save-statement-of-work-container table tr th, .save-work-delivery-journal-container table tr th, .work-logs-container table tr th, .work-logs-container table tr td, .used-services-container table tr th, .used-services-container table tr td { border: none; text-align: left; vertical-align: middle; } .daterangepicker.periodic-single-date-picker, .daterangepicker.single-date-picker { padding-bottom: 20px; overflow: hidden; } .daterangepicker.periodic-single-date-picker .ranges, .daterangepicker.single-date-picker .ranges { position: relative; float: none !important; text-align: right; } .daterangepicker.periodic-single-date-picker .ranges ul, .daterangepicker.single-date-picker .ranges ul { position: absolute; right: 9px; top: 281px; } .daterangepicker.periodic-single-date-picker .ranges ul { top: 247px; } .daterangepicker.periodic-single-date-picker .ranges ul li:first-child, .daterangepicker.single-date-picker .ranges ul li:first-child { color: #38352c; font-weight: bold; text-transform: uppercase; background-color: unset; } .daterangepicker.periodic-single-date-picker .ranges ul li:first-child, .daterangepicker.single-date-picker .ranges ul li:first-child { padding: 0; margin: 20px 12px; } .daterangepicker.periodic-single-date-picker.show-ranges.single.ltr .drp-calendar.left, .daterangepicker.single-date-picker.show-ranges.single.ltr .drp-calendar.left { border-left: none !important; } .periodic-single-date-picker .drp-buttons .applyBtn, .periodic-single-date-picker .drp-buttons .cancelBtn, .single-date-picker .drp-buttons .applyBtn, .single-date-picker .drp-buttons .cancelBtn { display: none !important; } #admin-tag-container .checkbox-container, .admin_edit_organization .checkbox-container, .admin_task_category .checkbox-container, .admin_task_category_create .checkbox-container, .task-data-changed-notification-preferences .row .task-notification-preference-container, .user-notification-preference-container, .copy_user .checklist-switch.checkbox-container, .copy_user .task-deadline-container, .my_account .notification-settings-container .checklist-switch.checkbox-container, .admin_user .checklist-switch.checkbox-container, .admin_user .task-deadline-container { background-color: #EFEEE9; } .copy_user .responsible-person-container, .admin_user .responsible-person-container { background-color: unset; border: none; margin-left: 25px; justify-content: space-between; padding: 0; } .copy_user .equipment-permission-container .checklist-switch.checkbox-container, .admin_user .equipment-permission-container .checklist-switch.checkbox-container, .copy_user .task-scheduling-container .checklist-switch.checkbox-container, .admin_user .task-scheduling-container .checklist-switch.checkbox-container { background-color: unset; border: none; margin-left: 25px; padding: 0; } .copy_user .responsible-person-container .checklist-switch:last-child, .admin_user .responsible-person-container .checklist-switch:last-child { margin-left: 0; } .task-data-changed-notification-preferences .row .task-notification-preference-container { padding: 10px; border-bottom: 1px solid #ccc; border-radius: 4px 4px 0 0; } .save-statement-of-work-container table, .save-work-delivery-journal-container table, .work-logs-container table { margin-bottom: 0; } .save-statement-of-work-container table tr th.number-col, .save-work-delivery-journal-container table tr th.number-col, .used-services-container table tr th.service-name-heading { width: 45%; text-align: left; } #statements .save-work-delivery-journal-container td:not(.document-number), #statements .save-work-delivery-journal-container th:not(.number-col), #statements .save-statement-of-work-container th:not(.number-col), #statements .save-statement-of-work-container td:not(.document-number) { text-align: right; } .work-logs-container table tr th.work-log-heading { width: 40%; text-align: left; } .work-logs-container table tbody tr td.add-work-log a { color: #A0A0A0; } .used-services-container table tr td.service-name, .work-logs-container table tr th.title, .work-logs-container table tr td.work-log-total, .work-logs-container table tr td.title { max-width: 0; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; } #addTaskPicture .modal-content, .image-preview-modal .modal-content, .location_maps_modal .modal-content { border: none; height: auto; } .location_maps_modal > .modal-dialog { width: 100%; margin: 75px auto 5px; height: calc(100vh - 80px); } .image-preview-modal > .modal-dialog { width: 75%; margin-top: 75px; height: calc(100vh - 80px); } .comment-attachment-name { margin-top: 3px; } #image_preview_modal > .modal-dialog { margin-top: 0; } .location_maps_modal .modal-body, .image-preview-modal .modal-body { width: 100%; height: 100%; background: #f9f8f3; padding: 10px 10px 10px 10px; } .task_view .leaflet-right .leaflet-control { margin-right: 5px; margin-bottom: 8px; } #image_preview_modal.image-preview-modal .modal-body { height: calc(100vh - 150px); } .image-preview-modal .modal-body { height: 100%; } .image-preview-modal .modal-content { background: #f9f8f3; } #location_maps_modal .modal-dialog { width: 98%; margin: 75px auto 0; } #location_maps_modal .modal-header { padding: 10px 15px !important; } #location-map { background: inherit; } .location_maps_modal .leaflet-container, .image-preview-modal .leaflet-container { background: #f9f8f3; } #location-map-container { margin-top: 20px; height: calc(100vh - 250px); } #location-map-container #location-map { width: 100%; height: calc(100vh - 250px); } .leaflet-control-attribution { display: none; } .show-all-location-map-pin-view, .draggable-pin { display: flex; align-items: center; justify-content: center; padding-top: 5px; padding-bottom: 5px; background: #fff; border-bottom: 1px solid #ccc; cursor: pointer; } .show-all-location-map-pin-view > img, .draggable-pin > img { filter: grayscale(100%); max-height: 20px; } .location-map-modal-header { position: relative; } .location-map-modal-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .view-location-map-modal-title { text-align: center !important; margin-top: 9px; } .location-map-modal-button-group #edit_location_map_save, .location-map-modal-button-group #location_map_save { background: #fcd202; padding: 8px 12px 5px 12px; } #editLocationMap, .location-map-modal-button-group #location_map_cancel { background: white; border: 1px solid #ccc; padding: 8px 12px 5px 12px; color: #333333 } .location-map-modal-button-group #location_map_cancel:hover { background-color: #e6e6e6; } .location-map-modal-button-group .location-map-cancel { background: white !important; color: black !important;; border: 1px solid white !important;; padding: 8px 12px 5px 12px !important;; } .location-map-modal-button-group #clearLocationPin { background: white; color: red; border: 1px solid red; padding: 8px 12px 5px 12px; } .add-location-map-icon { font-size: 32px; cursor: pointer; color: #A0A0A0; } #new-task-container .location-map-label { margin-bottom: 0; text-align: right; } #new-task-container .location-map-inputs-container { display: flex; justify-content: center; } #new-task-container .show-all-pin-control label, #new-task-container .show-all-pin-control, #new-task-container .location-map-selection { display: flex; align-items: center; } #view-location-map-icon { font-size: 35px; cursor: pointer; } .location_map_cancel { font-size: 25px; color: #555555; cursor: pointer; } .venue-container { position: relative; } .venue-container .modal-anchor { position: absolute; bottom: 0; right: 0; text-align: center; } .venue-container .modal-anchor p { margin: 0; margin-top: 5px; color: #00f; text-transform: capitalize; } .zoom-in-pin { display: flex; align-items: center; justify-content: center; padding-top: 5px; padding-bottom: 5px; background: #fff; border-bottom: 1px solid #ccc; cursor: pointer; border-top: 1px solid #ccc; } .zoom-in-pin > .fa-search-location { font-size: 20px; } .location-container { display: flex; align-items: center; justify-content: space-between; } .location-map-icon-container { padding: 0; text-align: right; } #single-task-container .location-map-container { justify-content: space-between; align-items: center; } .location-map-icon-container .modal-container { width: 71.2667px; } .thumbnail { padding: 2px; } .comment_attachment .attachment-image-wrap { margin-left: 5px; } .change-assignee-container, .change-severity-container, .change-category-container, .change-client-container, .change-responsible-person-container { left: 0; } .leaflet-popup-content .contact-avatar .fa-share-icon { top: -3px !important; left: -6px !important; } .modal-body #mapid { width: 100%; height: calc(100vh - 200px); background: inherit; } #location_maps_modal .modal-body { padding: 10px; } .text-color-blue { color: #0000ff; } .text-color-grey { color: #A0A0A0; } .dispatcher_list .fc .fc-button-primary.fc-createCustom-button { background: #FFFFFF !important; color: #333333 !important; width: 36px; } .dispatcher_list .fc .fc-button-primary.fc-createCustom-button .glyphicon-plus { font-weight: bold; padding-right: 4px; margin-top: -3px; } .dispatcher_list .fc .fc-button-primary.fc-createCustom-button:hover { background: #fcd202 !important; } .subheader .task-print-container a.dropdown-item { border: none; } .text-color-black { color: #333; } .edit-location-map-label { margin-right: 30px; } .cancel-location-map-label { color: #a5a599; } .location-map-preview-btn { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; cursor: pointer; position: relative; top: 5px; } .location-details-container { display: flex; align-items: center; } #location_map_icon_block { margin-left: 10px; } .venue-grid-location-map-icon { font-size: 32px; color: #A0A0A0; } .task-status-change-modal { top: 45px; } .task-status-change-reason { max-width: 100%; min-height: 100px; } #filter-status ul.status { border-bottom: none; } #filter-is-completed, #filter-is-not-completed, #filter-reopen, #filter-reported, #filter-assigned, #filter-watched, #filter-active, #filter-idle, #filter-offline, #filter-tracking, #filter-not-working, .filter-task-type, #filter-tracking, #filter-responsible, #filter-awaitingApproval { text-align: left; margin-bottom: 2px; } .dispatcher-filters-container .filter-box .select2-container .select2-search__field { width: 100% !important; } .fc-list-empty { background: inherit !important; margin: 100px 50px !important; text-align: center !important; color: #999999 !important; border: none !important; font-size: 24px !important; font-weight: 500 !important; line-height: 1.1 !important; } .fc .fc-list-empty-cushion { margin: 0 !important; } .filter-task-type { text-align: left; margin-bottom: 2px; } .periodic_task_calendar_weekly_list .popover { left: 25% !important; } .filter-task-type > label, #filter-is-completed > label, #filter-is-not-completed > label, #filter-reopen > label, #filter-reported > label, #filter-assigned > label, #filter-watched > label, #filter-tracking > label, #filter-active > label, #filter-idle > label, #filter-offline > label, #filter-tracking > label, #filter-not-working > label, #filter-responsible > label, #filter-awaitingApproval > label { font-weight: normal; font-size: 90%; } .filter-task-type > label { text-transform: none; display: block; } .fc-list-table tbody tr td:nth-child(2), .fc-list-table thead tr th:nth-child(2) { display: none; } #filter-is-completed input, #filter-is-not-completed input, #filter-reopen input, #filter-reported input, #filter-assigned input, #filter-watched input, #filter-tracking input, #filter-active input, #filter-idle input, #filter-offline input, #filter-tracking input, #filter-not-working input, .filter-task-type input, #filter-responsible input, #filter-awaitingApproval input { font-size: 100%; margin-right: 8px; position: relative; top: 2px; } #data-filter-container #filter-status { border-bottom: none; } #data-filter-container #filter-reopen { margin-top: 20px; margin-left: 3px; margin-bottom: 0 !important; } #data-filter-container #filter-awaitingApproval { margin-left: 3px; margin-top: 0 !important; } #data-filter-container #filter-tracking { margin-left: 3px; margin-bottom: 0 !important; margin-top: 0 !important; } #data-filter-container #filter-reopen input, #data-filter-container #filter-tracking input, #data-filter-container #filter-awaitingApproval input { display: none; } #data-filter-container #filter-reopen .text-content > span, #data-filter-container #filter-tracking .text-content > span, #data-filter-container #filter-awaitingApproval .text-content > span { font-size: 12px; line-height: normal; } .upload-avatar { height: 44px; } .admin-organization-container .upload-avatar, .my_account .upload-avatar, .admin_user .upload-avatar, .copy_user .upload-avatar { height: 38px; } #user_upload_avatar { border-bottom: none !important; } #user_avatar_update { text-decoration: none; outline-style: none; margin-top: -10px; } .task-description-sub .calendar-icon { width: 15px; } #user_upload_avatar { text-decoration: none; } #remove_avatar { cursor: pointer; } .upload_image { line-height: 24px; } .admin-organization-container .upload_image, .my_account .upload_image, .admin_user .upload_image, .copy_user .upload_image { padding: 12px 30px 8px 30px; display: flex; align-items: center; } .admin-organization-container .upload_image { padding: 12px 30px 10px 30px } .my_account .user-preferred-language, .admin_user .user-preferred-language, .copy_user .user-preferred-language { margin-right: 10px; } #admin-organization-container .preferred-language label, .admin_user .user-preferred-language label, .copy_user .user-preferred-language label{ margin-top: -7px; } .my_account .user-preferred-language label{ margin-top: 4px; } .future-periodic-task-tags + span { max-width: 96% !important; } .location-map-name-label { padding-left: 4px; position: relative; top: 5px; } .form-prototype { display: none; } .generic-items.users li, .generic-items.reporters li, .generic-items.assignees li, .generic-items.responsible li { display: flex; align-items: center; } .generic-items.users li .text-content, .generic-items.reporters li .text-content, .generic-items.assignees li .text-content, .generic-items.responsible li .text-content { margin-left: 5px; } .location-map-label-input input { padding: 0 4px 4px 4px; height: 24px; position: relative; top: 5px; } .save-location-map-label, .save-comment, .cancel-edit-comment, .save-reason, .cancel-edit-reason, .cancel-location-map-label { padding: 0 12px; margin-top: 5px; } .user-without-password-row, .active-invitation-row, .grey-invitation-row { color: #d3d3d3; } .active-partnership-row { color: #d3d3d3; } .btn-send-invitation { width: 37px; } .btn-send-invitation i { font-size: 20px; color: #bebeb4; font-family: 'Font Awesome 5 Free'; } .btn-send-invitation:hover, .table-hover tr:hover .btn-send-invitation i { color: #333333; } #user-list th.actions .btn-group { justify-content: flex-end; } .dispatcher_list .calendar-task-venue-name, #calendar .calendar-task-venue-name { line-height: normal; margin-bottom: 0; } .calendar-task-venue-name { font-size: 11px; display: block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; } #workers .modal-dialog, #limit_exceeded_warning .modal-dialog, #more_than_thousand_tasks_warning .modal-dialog, #assignees .modal-dialog, #watchers .modal-dialog { width: 80%; top: 50%; transform: translate(-50%, -50%); left: 50%; margin: 30px 0; } .delete-venue-confirm-box .modal-dialog { text-align: left; margin: 40px auto; } .admin-list td .delete-venue-confirm-box .modal-dialog .btn { margin-left: 4px; } #limit_exceeded_warning .modal-dialog, #more_than_thousand_tasks_warning .modal-dialog { width: 40%; } #agree-with-einpix .modal-dialog { width: 35%; top: 30%; } #watchers .watchers-data { border: 1px solid #c8c7bf; border-radius: 6px; padding: 15px; display: flex; flex-wrap: wrap; } #watchers .watchers-data .contact-container { padding-bottom: 20px; width: 90%; margin-left: 10px; } .watchers-icon { cursor: pointer; line-height: 32px; width: 38px; color: #bebeb4; margin-top: 10px; } #workers .modal-actions, #assignees .modal-actions, #watchers .modal-actions { width: 30%; text-align: right; } #assignees .modal-actions button, #watchers .modal-actions button { text-transform: capitalize; } .auto-assignment-assignee-container .select2-selection__placeholder > div { padding-top: 1px; } #assignees .modal-footer button.btn-primary, #watchers .modal-footer button.btn-primary { border-radius: 4px; font-size: 14px; text-transform: uppercase; width: auto; height: auto; margin-bottom: 0; top: 0; padding: 10px 12px 10px 12px; min-width: 100px; line-height: 1.42857143; } #single-task-container .responsible-person-not-assigned, #single-task-container .not-assigned-yet-container-without-style { color: #bebeb4; } .bg-white, #workers-replacement, .dispatcher_list #assignees-replacement, #new-task-container #assignees-replacement, #single-task-container #assignees-replacement, .watchers-modal #watchers-replacement { background-color: #FFFFFF; } .periodic_task_calendar .fc-weekCustom-button { background-color: #FFFFFF !important; color: #333 !important; } #task-list .col-assignee { min-width: 150px; } #single-task-container .assignees-main-container { width: 100%; margin-right: 5px; } #single-task-container .assignees-main-container.disabled .assignees-container { background: #f9f8f3; } #watchers .modal-footer button.disabled { pointer-events: none; opacity: 0.5; cursor: not-allowed; padding: 10px 12px 10px 12px; line-height: 1.42857143; border: 1px solid #fcd202; } #new-task-container .task-switch-container { width: auto; display: flex; flex-direction: column; } .new-task-header { display: flex; justify-content: space-between; } #new-task-container .task-switch-container span { justify-content: space-between; } #new-task-container .task-switch-container span.periodic-switch { margin-left: auto; } .watchers-container { display: flex; align-items: center; justify-content: flex-end; } .watcher-counter-wrapper { padding-left: 15px; color: #555; border: none; border-bottom: solid 1px #a5a599; border-radius: 0; box-shadow: none; outline: none; background-color: transparent; display: flex; align-items: flex-start; flex: 1; } .watcher-counter-wrapper span { padding-left: 5px; } #workers .select-replacement { display: block; } #assignees #assignees-replacement, #workers #workers-replacement, #watchers #watchers-replacement { min-height: 100px; max-height: calc(100vh - 350px); overflow-y: auto; } .view-watchers .modal-body .watchers-data { max-height: 175px; overflow-y: auto; } #workers .select-replacement li, #assignees .select-replacement li, #watchers .select-replacement li { display: inline-block; width: 99%; } #workers .grid-mode .select-replacement li, #assignees .grid-mode .select-replacement li, #watchers .grid-mode .select-replacement li { width: 49.5%; } div[id^=tippy] { pointer-events: unset !important; } .tippy-box .col-summary-tags { display: flex; } .tippy-arrow { width: 20px; height: 20px; color: #FFF; } .tippy-box .calendar-title-container { display: flex; justify-content: space-between; vertical-align: middle; line-height: normal; width: 100%; } .tippy-box .calendar-task-link { color: #333; text-decoration: none; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: calc(100% - 20px); display: block; line-height: normal; } .tippy-box .calendar-task-link:hover { text-decoration: underline; } .tippy-box p:not(.calendar-task-name):not(.duration) { margin-bottom: 0; } .tippy-content>div { font-size: 11px; margin-bottom: 5px; padding-left: 4px; padding-right: 4px; padding-top: 0; } .tippy-content .calendar-tooltiptext { display: flex; justify-content: center; padding: 10px 0 0 0; border-top: 1px solid #ccc; width: calc(100% + 20px); margin-left: -10px; } .tippy-content .calendar-task-name { width: 100%; overflow: hidden; display: flex; align-items: center } .tippy-content { padding: 10px; } .tippy-content #close { position: absolute; top: 0; right: 5px } .tippy-content .calendar-tooltiptext a { text-decoration: none; color: #0f0f0f; padding: 2px 5px; font-size: 12px; cursor: pointer; } .tippy-content p { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .tippy-content p label { margin-right: 5px; margin-bottom: 2px; } @media only screen and (min-width: 1200px) { #workers .grid-mode .select-replacement li, #assignees .grid-mode .select-replacement li, #watchers .grid-mode .select-replacement li { width: 33%; } } @media only screen and (min-width: 1600px) { #assignees .grid-mode .select-replacement li, #watchers .grid-mode .select-replacement li { width: 24.75%; } } .workers-modal .modal-footer, .assignees-modal .modal-footer, .watchers-modal .modal-footer { padding-right: 30px; } .modal-footer { padding-right: 30px; } .task-status-change-label-mode, .grid-change-label-mode { margin-bottom: 10px; } .task-status-change-label-modal { margin-bottom: 20px; } #workers .view-modes > i, #assignees .view-modes > i, #watchers .view-modes > i { color: #CCCCCC; cursor: pointer; font-size: 28px; } #workers .view-modes > i.active, #assignees .view-modes > i.active, #watchers .view-modes > i.active { color: #666666; } .justify-content-between { justify-content: space-between!important; } #watchers .watchers-data-replacement .select-replacement { display: flex; padding: 15px; align-items: center; } #single-task-container .watchers-data-replacement #watchers-replacement .contact-person { padding-left: 12px; } #single-task-container .watchers-data { min-height: 100px; max-height: calc(100vh - 350px); overflow-y: auto; margin-bottom: 10px; } #single-task-container .task-status-change-label-modal { margin-bottom: 5px; padding-right: 5px; text-align: right; } #workers .view-modes, #single-task-container #watchers .view-modes { position: inherit; } .wdj-pattern-selection.input-container .form-group, .sow-pattern-selection.input-container .form-group, .country-selection.input-container .form-group { margin-bottom: 0; } #watchers .grid-mode .watchers-data .contact-container { width: 49.5%; margin: 0; cursor: pointer; padding: 8px 16px; } @media only screen and (min-width: 1200px) { #watchers .grid-mode .watchers-data .contact-container { width: 33%; } } .form-control { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .form-control:focus { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .task-image { width: 100%; } #my_account_emailReportWeekdays .checklist-switch:first-child, #user_emailReportWeekdays .checklist-switch:first-child { padding-left: 0; } .reminder-at-container .select2-selection--single { min-height: 34px !important; display: flex; align-items: center; } .reminder-at-container .select2-container--default .select2-selection--single .select2-selection__arrow { height: 12px !important; } .notification-control { padding-left: 115px; } #user_emailReportWeekdays .checklist-switch, #my_account_emailReportWeekdays .checklist-switch { flex-direction: column-reverse; padding: 15px 7px 0; margin: 0; flex-grow: inherit !important; padding-left: 0; } #my_account_preferredLanguage + span { margin-top: 10px; } .user-import .import-results li:first-child { list-style-type: none; margin-left: -40px; } #admin-user-container #user_preferredLanguage + span { width: calc(100% - 12px) !important; } .my_account .task-summaries-label, .my_account .roles-label, .admin_user .roles-label, .admin_user .task-summaries-label, .admin_user .venue-assignee-label, .admin_user .automation-settings-label, .admin_user .visibility-settings-label, .copy_user .roles-label, .copy_user .task-summaries-label, .copy_user .venue-assignee-label, .copy_user .automation-settings-label, .copy_user .visibility-settings-label { position: relative; display: inline-block; } #admin-tag-container .checkbox-container .switch-label, .admin_task_category_create .checkbox-container .switch-label, .admin_task_category .checkbox-container .switch-label { display: flex; } .sow-permission-label, .service-price-level-label, .time-tracking-widget .time-tracking-label, .time-tracking-widget .time-tracking-label, .responsible-settings-container .switch-label, .service-management-settings-container .switch-label, .organization-sow-settings-container .checkbox-container .switch-label, .required-settings-container .checkbox-container .switch-label, .shared-organization-widget .checkbox-container .switch-label, .task-approval-widget .checkbox-container .switch-label, .general-settings-widget .checkbox-container .switch-label, .statement-of-work-switch .switch-label { position: relative; } .my_account .task-summaries-label span, .admin_user .task-summaries-label span, .copy_user .sow-permission-help, .copy_user .statement-of-work-switch .sow-help, .admin_edit_organization .time-tracking-help, .admin_user .sow-permission-help, .admin_user .task-equipment-help, .copy_user .task-equipment-help, .admin_user .statement-of-work-switch .sow-help, .admin_edit_organization .wdj-help, .admin_edit_organization .responsible-help, .service-price-level-label .service-price-level-help, .organization-sow-settings-container .sow-help, .required-settings-container .required-help, .general-settings-widget .required-help, .shared-organization-widget .shared-organization-help, .task-approval-widget .task-approval-help, .admin_edit_organization .preferred-language-help, .copy_user .task-summaries-label span { position: absolute; bottom: 9px; right: -20px; display: inline-block; } .admin_user .sow-permission-help, .copy_user .sow-permission-help, .admin_user .statement-of-work-switch .sow-help, .copy_user .statement-of-work-switch .sow-help, .admin_user .task-equipment-help, .copy_user .task-equipment-help, .organization-sow-settings-container .sow-help, .admin_edit_organization .time-tracking-help, .task-approval-widget .task-approval-help, .required-settings-container .required-help, .general-settings-widget .required-help { position: absolute; bottom: 2px; right: -21px; display: inline-block; } .my_account .task-summaries-label .task-summaries-info-icon, .copy_user .task-summaries-label .task-summaries-info-icon, .admin_user .task-summaries-label .task-summaries-info-icon { right: -2px; bottom: 0; } .admin_task_category_create .shared-organization-help, .admin_task_category_create .category-visibility-help, #admin-tag-container .shared-organization-help, #admin-tag-container .category-visibility-help, .admin_task_category .shared-organization-help, .admin_task_category .category-visibility-help { margin-top: -10px; display: block; } #category_tags { list-style-type: none; } #category_tags li { margin-left: 25px; } #admin-tag-container .visibility-settings, .admin_task_category_create #category_tags, .admin_task_category_create .visibility-settings, .admin_task_category #category_tags, .admin_task_category .visibility-settings { margin-top: -11px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 0 0 3px 3px; border-top: none; padding: 10px 50px 0 0; } #admin-tag-container .visibility-settings, .admin_task_category_create .visibility-settings, .admin_task_category .visibility-settings { padding: 10px 10px 0 0; } .task-categories.admin-list .shared-icon-heading, .tags.admin-list .shared-icon-heading { width: 1%; } #admin-tag-container .visibility-settings .checklist-switch, .admin_task_category_create .visibility-settings .checklist-switch, .admin_task_category .visibility-settings .checklist-switch { margin-left: 25px; justify-content: space-between; } .preferred-language-container .title span { position: relative; } .admin_edit_organization .preferred-language-help { right: 0; } .admin_edit_organization .input-container { margin-bottom: 0; } .admin_edit_organization .form-group { margin-bottom: 15px; } .input-container .input-box:disabled { background-color: #f9f8f3; } .select2-container--disabled .select2-selection--single .select2-selection__rendered { color: #bebeb4; } .my_account .roles-label span, .admin_user .roles-label span, .admin_user .venue-assignee-label .info-icon-container, .admin_user .automation-settings-label .automation-settings-info-icon, .admin_user .visibility-settings-label .visibility-settings-info-icon, .copy_user .roles-label span, .copy_user .venue-assignee-label .info-icon-container, .copy_user .automation-settings-label .automation-settings-info-icon, .copy_user .visibility-settings-label .visibility-settings-info-icon { position: absolute; bottom: 15px; right: -20px; display: inline-block; } .admin_user .venue-assignee-label .info-icon-container { bottom: 10px; } #account-form .form-group .col-md-10.col-sm-9.col-xs-8, #admin-partnership-container .form-group .col-md-10.col-sm-9.col-xs-8, #partnership-venue-container .form-group .col-md-10.col-sm-9.col-xs-8 { padding-right: 0; } #text-search.input-group .form-control-search-image img { position: relative; top: 8px; } #text-search.input-group .form-control { display: block; } #text-search.input-group .form-control { border: 1px solid #ddd; border-radius: 4px 0 0 4px; border-right: 0; } #text-search-container { display: flex; width: 83.33%; border-bottom: solid 2px #ddd; } #text-search-container .input-group { display: flex; } #text-search-container .input-group-addon, #text-search-container .input-group-btn { width: auto; } .form-control-search-image { margin-right: 20px; } @media (max-width: 992px) { .admin_user .row, .admin_edit_organization .row { margin-left: 0 !important; margin-right: 0 !important; } .admin_edit_organization .col-xs-12 { padding-left: 0 !important; padding-right: 0 !important; } .admin-user-container .container-fluid.left, .admin-organization-container .container-fluid.left { border-left: none; } .admin_user .main-content, .admin_edit_organization .main-content { border-left: none; } } #text-search { width: 100%; margin-right: 0; } #text-search button { border: 1px solid #fcd202; width: 90px; border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .deadline-icon img { width: 24px; height: auto; } #single-task-container .task-resolution-deadline { height: 42px; } .watchers-container { margin: 0; padding: 0; width: 100%; } .watchers-container .add-watchers-section { display: flex; margin-left: 20px; border-radius: 4px; align-items: center; padding: 5px 10px; background-color: #fcfbf9; border: 1px solid #dddddd; } #new-task-container .add-watchers-section .self-watcher-icon, .watchers-container .add-watchers-section .add-watchers-icon { margin-right: 10px; } .watchers-container .add-watchers-section .watchers-icon, #single-task-container .watchers-description, #new-task-container .add-watchers-section { cursor: pointer; } .add-watchers-section .watchers-icon { margin: 0; max-width: 30px; max-height: 21px; } .watchers-container .add-watchers-section .add-watcher-icon { font-size: 20px; line-height: 1; } #single-task-container .update-deadline .task-resolution-deadline, #new-task-container .task-scheduled-date, #new-task-container .task-resolution-deadline { display: flex; border: solid 1px #c8c7bf; border-radius: 4px; } #new-task-container .task-scheduled-date, #new-task-container .task-resolution-deadline { margin-right: 5px; } #single-task-container .update-deadline .task-resolution-deadline { background-color: #ffffff; } #single-task-container .task-resolution-deadline { width: 100%; } #single-task-container .update-deadline .btn-primary, #single-task-container .update-tags .btn-primary { margin-left: 5px; } #work-delivery-journal-container .contact-container .contact-person .secondary, #work_log_user~.select2-container .contact-container .contact-person .secondary { font-size: 80%; } #single-task-container .task-resolution-deadline .deadline-picker-input, #new-task-container .task-scheduled-date .deadline-picker-input, #new-task-container .task-resolution-deadline .deadline-picker-input { display: flex; flex: 1; align-items: center; } #single-task-container .task-resolution-deadline .deadline-picker-input input, #new-task-container .task-scheduled-date .deadline-picker-input input #new-task-container .task-resolution-deadline .deadline-picker-input input { border-bottom: none; } #workLogModal .datetime-picker-input .datetime-input-reset, #workLogEditModal .datetime-picker-input .datetime-input-reset, #single-task-container .task-resolution-deadline .deadline-picker-input .deadline-input-reset, #new-task-container .task-scheduled-date .deadline-picker-input .deadline-input-reset, #new-task-container .task-resolution-deadline .deadline-picker-input .deadline-input-reset { font-size: 20px; color: #a5a599; margin-right: 10px; display: flex; cursor: pointer; align-items: center; } #single-task-container .task-resolution-deadline .deadline-picker-input .deadline-input-reset img, #new-task-container .task-scheduled-date .deadline-picker-input .deadline-input-reset img, #new-task-container .task-resolution-deadline .deadline-picker-input .deadline-input-reset img { width: 15px; } input::-ms-clear { display: none; } #workLogModal .deadline-picker-icon, #workLogEditModal .deadline-picker-icon, #single-task-container .task-resolution-deadline .deadline-picker-icon, #new-task-container .task-scheduled-date .deadline-picker-icon, #new-task-container .task-resolution-deadline .deadline-picker-icon { padding-left: 10px; padding-right: 10px; border-left: 1px solid #c8c7bf; display: flex; align-items: center; } #workLogEditModal .input-group .form-control, #workLogModal .input-group .form-control { position: unset; } #workLogModal .deadline-picker-icon img, #workLogEditModal .deadline-picker-icon img, #single-task-container .task-resolution-deadline .deadline-picker-icon img, #new-task-container .task-scheduled-date .deadline-picker-icon img, #new-task-container .task-resolution-deadline .deadline-picker-icon img { width: 20px; height: auto; } body .ui-widget-content .ui-priority-secondary { opacity: unset; } .count-report-notice, .timing-report-notice { background: #e6e4e1; padding: 10px; border-radius: 6px; width: fit-content; border: 2px solid #d2d2ce; margin: -30px auto 20px auto; font-weight: normal; font-size: 16px; align-items: center; line-height: 1; justify-content: center; } #new_task_tags + span .select2-selection__choice__remove, #edit-task-tags + span .select2-selection__choice__remove { z-index: auto; } #new-task-container #new_task_resolutionDeadline, #new-task-container #new_task_scheduledDate { border-bottom: none; } #agree_with_einpix > div { display: flex; align-items: center; margin-bottom: 10px; cursor: pointer; } #agree_with_einpix > div input[type="checkbox"] { display: none; } #agree_with_einpix > div label { margin-bottom: 0; height: auto; font-weight: normal; line-height: normal; cursor: pointer; display: flex; align-items: flex-start; } #agree-with-einpix > div label span { position: relative; top: 2px; } #agree-with-einpix .modal-body { padding: 15px; } #agree-with-einpix .modal-footer { text-align: center; } #agree-with-einpix.modal { z-index: 9999; } #agree_with_einpix > div label:before { content: ""; display: inline-block; background: url(../img/checkbox-inactive-img.png) no-repeat center; background-size: cover; min-width: 22px; min-height: 22px; margin-right: 10px; position: relative; } #agree_with_einpix > div.active label:before { background-image: url(../img/checkbox-active-img.png); } .users-widget, .filter-contents-search-widget, .send-invitation-label { margin-top: 0; } .bordered-form-group { border: 1px solid #ccc; border-radius: 4px; padding: 20px 35px; } .bordered-form-group:not(.floated) label { width: 100%; float: none; } .partnership-users-selection form > div { display: flex; justify-content: center; flex-wrap: nowrap; margin-top: 20px; } .partnership-users-selection form > div label { margin-right: 10px; } .partnership-users-selection form input { width: 250px; } #partnership_invitation_accept_reporters + .select2-container, #partnership_invitation_accept_assignees + .select2-container, #partnership_invitation_accept_observers + .select2-container { width: 100% !important; } .bordered-form-group .form-input { max-width: 80%; margin-left: auto; margin-right: auto; } .users-widget { border: solid 1px #c8c7bf; border-radius: 4px; padding: 5px; } .users-widget.all-visible .selectSearchInput, .filter-contents-search-widget.all-visible input[type="text"] { display: none; } .filter-contents-search-widget.all-visible input[type="text"], .filter-contents-search-widget > input[type="text"] { margin-top: 10px; } #new-task-form .users-widget > .selectSearchInput, #admin-tag-container .users-widget > .selectSearchInput, #users-selection .users-widget > .selectSearchInput, .users-selection .users-widget > .selectSearchInput, #filter-users .filterUsersSearchInput, #partnership_invitation_accept .users-widget > .selectSearchInput, #admin-venue-container .users-widget > .selectSearchInput, #admin-sla-container .users-widget > .selectSearchInput, #new-activity-task-container .users-widget > .selectSearchInput, #new-downtime-task-container .users-widget > .selectSearchInput, #admin-aar-container .users-widget > .selectSearchInput, #admin-user-container .users-widget > .selectSearchInput, #admin-user-container .users-widget > .boundVenuesSelectSearchInput, .filter-contents-search-widget > input[type="text"] { width: 100%; padding: 10px; border: 1px solid #c8c7bf; border-radius: 3px; } #workers .view-modes, #assignees .view-modes, #watchers .view-modes { padding-top: 15px; }