/**
Color legend:
 - Background dark grey: #302f2b
 - Dark item grey: #47473f
 - Bright yellow: #fcd202
 - Button dark text grey: #38352c
 - Text on dark bg grey: #a5a599
**/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

html {
    min-height: 100%;
}

.dept_sub_warning {
    line-height: normal;
}

body {
    font-family: "DM Sans", "Roboto", sans-serif;
    font-size: 14px;
    min-width: 1024px;
    line-height: 23px;
}

body.internal-server-error,
body.page-not-found,
body.pre-login-page {
    min-width: 380px;
}

.internal-server-error,
.page-not-found {
    position: relative;
}

#workers-replacement .contact-person {
    padding-left: 8px;
}

.internal-server-error-label,
.page-not-found-label {
    font-size: 30px;
    color: #eee;
    padding-bottom: 10px;
    font-weight: normal;
}

#internalServerError .dropdown-menu,
#pageNotFound .dropdown-menu {
    top: 74px;
}

#internalServerError .dropdown-menu > li > a,
#pageNotFound .dropdown-menu > li > a {
    color: #333;
}

.internal-server-error-message,
.page-not-found-message {
    font-size: 16px;
    color: #a5a599;
    font-weight: normal;
}

.internal-server-error-logo,
.page-not-found-logo {
    position: absolute;
    top: 25px;
    left: 25px;
}

.btn:focus, .btn:active:focus {
    outline: 0;
}

#fixed-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

#scollable-content {
    margin-top: 68px;
}

#work-log-breadcrumb-container .report-header {
    padding: 27px 15px;
}

#top-menu {
    list-style: none;
}

#top-menu > li {
    float: right;
    margin-right: 10px;
    padding: 2px;
    padding-right: 4px;
}

#top-menu + * {
    clear: right;
}


#top-menu #locales {
    left: inherit;
    right: 0;
}

.internal-server-error li.locale-links ul.dropdown-menu,
.page-not-found li.locale-links ul.dropdown-menu,
.pre-login-page li.locale-links ul.dropdown-menu {
    left: -160px;
    right: 0;
}

#top-menu .dropdown-menu > li {
    min-width: 250px;
    border-top: solid 1px #eae9e2;
}

#top-menu .dropdown-menu > li:first-child {
    border-top: solid 1px #eae9e2;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

#top-menu .dropdown-menu > li.profile-sub-item > a {
    padding: 10px 25px 10px 35px;
}

#top-menu .dropdown-menu > li > a {
    padding: 10px 25px;
    cursor: pointer;
}

.home .main-content {
    border-top: unset;
}

#top-menu .dropdown-menu > li.dropdown-header {
    font-size: 16px;
    padding: 10px 25px;
    font-weight: bold;
}

li.disabled {
    pointer-events: none;
}

li.disabled .contact-person .primary {
    opacity: 0.5;
}

.internal-server-error-container,
.page-not-found-container,
.mini-form {
    width: 380px;
}

.internal-server-error-container > *,
.page-not-found-container > *,
.mini-form > * {
    margin: 5px;
}

.assignees-container {
    border: 1px solid #cccccc;
    height: 50px;
    border-radius: 4px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: space-between;
}

.assignees-selection {
    font-size: 20px;
    border-left: 1px solid #ccc;
    height: 48px;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding-right: 12px;
    padding-left: 10px;
    color: #888888;
}

.responsible-person-container .select2-selection__arrow {
    height: 48px !important;
}

.responsible-person-container .select2-selection__arrow b {
    border-color: #888888 transparent transparent transparent !important;
}

.responsible-person-container .select2-selection__arrow:hover,
.assignees-selection:hover {
    background-color: #e6e6e6;
    border-color: #adadad;
}

.responsible-person-container .select2-selection__arrow {
    height: 48px !important;
}

.responsible-person-container .select2-selection__arrow b {
    border-color: #888888 transparent transparent transparent !important;
}

.responsible-person-container .select2-selection__arrow:hover,
.assignees-selection:hover {
    background-color: #e6e6e6;
    border-color: #adadad;
}

#single-task-container .disabled-assignee-container .contact-avatar.remaining-assignees {
    float: unset;
    padding-left: 0;
}

#responsible-user-container .img-profile,
.contact-avatar img {
    box-shadow: 0 0 1px 1px #ccc;
}

.contact-option:hover .img-profile,
.auto-assignment-assignee-container li.select2-results__option--highlighted .img-profile,
.responsible-person-container li.select2-results__option--highlighted .img-profile,
.document-submitted-by-container li.select2-results__option--highlighted .img-profile,
#responsible-user-container li.select2-results__option--highlighted .img-profile {
    box-shadow: none;
}

.dispatcher-task-container {
    padding: 8px 8px 2px 8px;
    margin-bottom: 5px;
    border-radius: 6px;
}

.dispatcher-tasks .dispatcher-loading-image {
    top: 13%;
    right: calc(100% - 250px);
}

.dispatcher_list .dispatcher-tasks {
    overflow: auto;
}

.dispatcher_list #clearAssigneesUserGroupFilter {
    min-width: 40px !important;
}

.dispatcher_list .view-modes-selection-activator {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.dispatcher_list .view-modes-selection-activator .selection-activator-assignee {
    margin-right: 10px;
    padding-top: 15px;
}

.dispatcher_list .view-modes-selection-activator .selection-activator-assignee span {
    cursor: pointer;
    color: #A0A0A0;
}

.dispatcher_list .fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky>* {
    top: 145px;
    border-top: 1px solid #ddd;
}

th[data-date$="00:00:00"],
td[data-date$="00:00:00"] {
    border-left: 1px solid #acaca0 !important;
}

.dispatcher_list .resourceTimelineMonth .fc-timeline-header-row .fc-timeline-slot.week-end-custom,
.dispatcher_list .resourceTimelineMonth .fc-timeline-body .fc-timeline-slot.week-end-custom {
    border-right: 1px solid #acaca0 !important;
}

.dispatcher_list .resourceTimelineMonth .fc-timeline-header-row .fc-timeline-slot .fc-timeline-slot-frame .fc-scrollgrid-sync-inner {
    line-height: 16px;
}

.dispatcher_list .resourceTimelineWeek .fc-timeline-header-row:not(.fc-timeline-header-row-chrono) .fc-timeline-slot .fc-timeline-slot-frame .fc-scrollgrid-sync-inner,
.dispatcher_list .resourceTimelineMonth .fc-timeline-header-row .fc-timeline-slot .fc-timeline-slot-frame .fc-scrollgrid-sync-inner {
    font-weight: 500 !important;
}

.fc-unselectable .current-drop-area {
    background: #FAFAFA !important;
}

.fc-unselectable .disabled-drop-area {
    background: #EAEAE5 !important;
}

.dispatcher_list .filters {
    width: 250px !important;
}

.dispatcher_list .main-content {
    width: calc(100% - 250px) !important;
}

.tippy-box[data-theme~='einpix'] {
    background-color: #FFFFFF;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 6px;
    min-width: 350px !important;
    box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
    max-width: 450px !important;
}

.fc-unselectable .current-dragging-event {
    opacity: 0.6;
}

.fc-direction-ltr .fc-timeline-event,
.fc-direction-ltr .fc-timeline-more-link {
    margin-left: 1px;
    margin-top: 2px;
}

div[id^=tippy] {
    pointer-events: unset !important;
}

.tippy-box .col-summary-tags {
    display: flex;
    margin-top: 2px;
}

.tippy-box .col-summary-tags .col-tag {
    display: flex;
    align-items: center;
}

.tippy-arrow {
    width: 20px;
    height: 20px;
    color: #FFF;
}

.tippy-box p,
.periodic_task_calendar_weekly .popover p {
    font-size: 12px;
}

.tippy-box .calendar-title-container p,
.periodic_task_calendar_weekly .popover .calendar-title-container p {
    font-size: 14px !important;
}

.tippy-box .calendar-title-container {
    display: flex;
    justify-content: space-between;
    vertical-align: middle;
    line-height: normal;
    width: 100%;
}

.tippy-box p:not(.calendar-task-name):not(.duration) {
    margin-bottom: 0;
}

.tippy-content>div {
    font-size: 11px;
    margin-bottom: 5px;
    padding: 8px 14px 5px 14px;
}

.tippy-content .calendar-tooltiptext {
    display: flex;
    justify-content: center;
    padding: 9px 0;
    border-top: 1px solid #ebebeb;
}

.tippy-content {
    padding: 0;
}

.tippy-content .calendar-tooltiptext a {
    text-decoration: none;
    color: #0f0f0f;
    padding: 0 5px;
    font-size: 12px;
    cursor: pointer;
}

#calendar .fc-h-event.overlapped {
    border-top-color: red !important;
    border-right-color: red !important;
    border-bottom-color: red !important;
}

.tippy-content .calendar-tooltiptext a:hover {
    text-decoration: underline;
}

.planner-event .periodic-task-icon {
    margin-left: 2px;
    height: 20px;
    width: 20px;
}

.fc .fc-timeline-overlap-enabled .fc-timeline-lane-frame .fc-timeline-events {
    padding-bottom: 1px !important;
}

.dispatcher_list .calendar-task-link {
    font-weight: bold;
}

.dispatcher_list .fc .fc-toolbar.fc-header-toolbar {
    padding-bottom: 1.5em;
    padding-top: 20px;
    margin-bottom: 0;
    position: sticky;
    background-color: #f9f8f3;
    top: 68px;
    z-index: 9;
}

.dispatcher_list #calendar {
    margin: 0 10px 0 10px;
}

.profile-links .contact-avatar img {
    box-shadow: none;
}

.fc-timeline-slot-cushion {
    width: -webkit-fill-available !important;
}

.mini-form label {
    font-weight: normal;
    padding-left: 10px;
}

.table.users td {
    vertical-align: middle !important;
}

.assigned-users-count {
    font-weight: bold;
}

.img-profile {
    max-height: 32px;
    max-width: 32px;
}

.leaflet-popup-content .status-icon img {
    max-width: 20px;
    max-height: 20px;
}

.deleted-venue, .deleted-user, .deleted-category, .deleted-tag, .deleted-map, .deleted-client {
    color: #BDBDB0;
    font-style: italic;
}

.reports .select2-container--default {
    width: 100% !important;
}

.work_logs_report .deleted-venue,
.work_log_summary .deleted-venue,
.work_delivery_journal_list .deleted-venue {
    font-style: italic;
}

.assigned-user-count-text {
    position: relative;
    display: inline-block;
    margin-top: -7px;
}

#user-checkbox .switch-label {
    position: relative;
}

#user-checkbox .switch-label .info-icon {
    position: absolute;
    bottom: 9px;
    right: -20px;
    display: inline-block;
}

.calendar-assignee i,
.not-assigned-text i {
    color: #BDBDB0;
}

.pdl-0 {
    padding-left: 0 !important;
}

.tippy-content .calendar-task-venue-name .fa-share-alt {
    margin-right: 2px;
}

.limit-exceed {
    color: #FF0000;
}

.btn.contact-container,
.select2-container .select2-selection--single .select2-selection__rendered {
    white-space: unset;
}

.img-profile-sm {
    max-height: 18px;
    max-width: 18px;
}

.separationCountWarning img {
    position: sticky;
    width: 18px;
    top: 0;
}

.admin_partnership_invite .separationCountWarning img {
    top: -6px;
}

.attachment-image-model .carousel {
    position: unset;
    padding-right: 5px !important;
    padding-left: 5px;
}

.image-preview-modal .carousel-control.right,
.image-preview-modal .carousel-control.left {
    background-image: unset;
    background-color: unset;
    width: auto;
    margin-bottom: 110px;
}

.image-preview-modal .carousel-control.right {
    padding-left: 90px;
}

.carousel-inner .item img {
    border: none;
}

.img-profile-md {
    max-height: 24px;
    max-width: 24px;
    color: #a94442
}

ul ul.dropdown-menu.submenu {
    padding: 0 10px;
    box-shadow: none;
    left:-264px;
    border:none;
    background: none;
}

ul ul.dropdown-menu.submenu li:first-child {
    border-top:1px solid #ccc !important;
    border-radius: 8px 8px 0 0;
}

.carousel-inner .leaflet-zoom-anim .leaflet-zoom-animated {
    -webkit-transition: -webkit-transform 0s cubic-bezier(0,0,0,0);
    -moz-transition:    -moz-transform 0s cubic-bezier(0,0,0,0);
    transition:         transform 0s cubic-bezier(0,0,0,0);
}

ul ul.dropdown-menu.submenu li {
    margin: 0;
    background-color: #fff;
    min-width: 261px;
    border: solid 1px #ccc;
    border-bottom: none;
}

ul ul.dropdown-menu.submenu li:last-child {
    border-bottom: 1px solid #bfbdbd !important;
    border-radius: 0 0 8px 8px ;
}

.img-profile-lg {
    max-width: 128px;
    max-height: 128px;
}

.assignee-change-container .change-assignee-container button,
.assignee-change-container .task-change-button button {
    height: 50px;
}

.duration-hours-div .duration-types {
    margin-left: 24px;
    padding: 0;
    height: 27px;
    position: relative;
}

.responsible-person-assigned  .contact-container,
.assignee-person-not-assigned .contact-container,
.responsible-person-not-assigned .contact-container {
    height: 42px;
    margin-top: 5px;
}

#single-task-container .text-container.responsible-person-assigned {
    padding-top: 0;
}

#single-task-container .responsible-person-assigned .contact-container {
    padding-left: 0;
}

#single-task-container .responsible-person-assigned .no-responsible {
    color: #bebeb4;
}

.assignee-person-not-assigned.future-periodic-task-assignee {
    color: #bebeb4;
    font-style: italic;
}

#single-task-container .severity-change-container .icon-container {
    padding: 13px 10px 10px 10px;
}

#single-task-container .severity-change-container .change-severity-container {
    top: -4px;
}

#single-task-container .severity-change-container #change-severity {
    margin-top: 6px;
}

#single-task-container .severity-change-container .severity-container.dropdown-container {
    padding: 10px 0 8px 10px;
}

#single-task-container .responsible-change-container {
    padding-top: 2px;
}

#single-task-container .reporter-container {
    padding-bottom: 2px;
}

.responsible-change-container.responsible-status-defined {
    margin-top: 30px;
}

#single-task-container .responsible-change-container .responsible-person-container {
    padding-right: 5px;
    position: relative;
}

.clear-section {
    width: 100%;
}

.clear-section .appoint-assignee-link {
    position: relative;
    top: -25px;
    right: 8px;
}

.schedule-tasks-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.schedule-tasks-row .duration-hours-div {
    align-items: center;
    display: flex;
    position: relative;
}

.has-error .assignees-container,
#single-task-container .assignees-container.has-validation-error,
#single-task-container .responsible-person-container.has-validation-error .select2-container--default .select2-selection--single,
#single-task-container .tag-change-container.has-validation-error .select2-container--default .select2-selection--multiple,
#single-task-container .category-change-container.has-validation-error .category-container,
#single-task-container .category-change-container.has-validation-error .dropdown-toggle,
#new-task-container #responsible-user-container .has-validation-error .select2-selection--single {
    border-color: #A94440;
}

#filterDate .input-date.has-error,
#filter-date .input-date.has-error {
    color: #a94442 !important;
}

.task-view-assignees-container {
    margin: 10px 0;
}

#assignees-selection.has-error .users-widget {
    border-color: #a94442 !important;
}

#single-task-container .select2-container .select2-selection--multiple .select2-selection__rendered {
    padding-left: 8px !important;
}

.admin_auto_assignment_rule #watchers-replacement .contact-person {
    max-width: calc(100% - 70px)
}

.admin_auto_assignment_rule #watchers-replacement .checkbox {
    margin-top: 0;
    margin-bottom: 0;
}

.admin_auto_assignment_rule #watchers-replacement .fa-share-icon {
    top: -5px;
    left: -5px;
    width: 16px;
    height: 16px;
    display: flex;
    position: absolute;
    border-radius: 50%;
    align-items: center;
    background-color: #fff;
    justify-content: center;
    border: 1px solid #ccc;
}

.admin_auto_assignment_rule #watchers-replacement .fa-share-alt {
    font-size: 10px;
    margin-left: -1px;
}

.auto-assignment-rule-watcher-warning {
    display: flex;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px 15px;
    margin-top: 15px;
}

.admin_auto_assignment_rule .watchers-description .watchers-counter {
    line-height: 1;
    margin-left: 0;
}

.admin_auto_assignment_rule .watchers-description .watchers-icons-count {
    padding: 5px 7px;
    display: flex;
}

.admin_auto_assignment_rule .watchers-description .watchers-right-arrow {
    padding: 7px 10px;
    display: flex;
}

.auto-assignment-assignee-container .watchers-container {
    width: unset;
    margin-left: 10px;
}

.auto-assignment-rule-watcher-warning .warning-icon-container {
    margin: 0 10px 0 0;
}

.auto-assignment-rule-watcher-warning .warning-message-container {
    line-height: 1.2;
    margin: 4px 0 0;
}

.alert-danger a {
    color: inherit;
    text-decoration: underline;
}

.auto-assignment-assignee-container .contact-person {
    width: 100%;
}

.auto-assignment-assignee-container .contact-person .primary {
    width: 90%;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
    float: left;
}

.admin_auto_assignment_rule #watchers-replacement .contact-avatar {
    position: relative;
    display: inline-block;
}

.admin_auto_assignment_rule .auto-assignment-assignee-container .input-container .watchers-container .watchers-description .watchers-right-arrow {
    border-left: 1px solid #dddddd;
    cursor: pointer;
}

.admin_auto_assignment_rule .watchers-count {
    top: 2px;
}

.admin_auto_assignment_rule .watchers-icon {
    margin-top: 1px;
}

.admin_auto_assignment_rule .auto-assignment-assignee-container .input-container .watchers-container .watchers-description {
    min-height: 45px;
    top: 0;
    border: 1px solid #ccc;
}

.admin_auto_assignment_rule .auto-assignment-assignee-container .input-container .watchers-container {
    align-items: flex-start;
}

.admin_auto_assignment_rule .auto-assignment-assignee-container .input-container {
    display: flex;
}

.admin_auto_assignment_rule .auto-assignment-assignee-container .input-container .form-group {
    display: flex;
    flex: 1;
    width: calc(100% - 120px);
    margin-bottom: 0;
}

.duration-focus-error {
    position: absolute;
    left: 0;
}

.duration-error {
    position: absolute;
}

.img-profile-xxl {
    width: 300px;
    height: 300px;
}

.img-profile-xl {
    width: 200px;
    height: 200px;
}

.silent {
    font-size: 80%;
    color: #999999;
}

.real-time-report-filters-container .venue-info .venue-name {
    display: block;
}

.real-time-report-filters-container .venue-info {
    line-height: 1.2;
    margin: 0;
}

.messages {
    padding-left: 20px;
    list-style: none;
    margin: 5px 0;
}

.messages li+* {
    margin-top: 5px;
}

.d-flex {
    display: flex;
}

.align-items-center {
    align-items: center;
}

.comment-title {
    margin-left: 12px;
    line-height: 19px;
    word-break: break-all;
}

#venue-map {
    width: 100%;
    height: auto;
    min-height: 600px;
    border: solid 1px #C0C0C0;
    border-left: none;
}

#task-list td {
    min-height: 70px;
    cursor: pointer;
    line-height: 14px;
    padding: 8px 5px;
    position: relative;
}

.error-message a {
    color: inherit;
}

.work-delivery-journal-info .attach-task-report .checkbox {
    margin-top: 0;
}

#task-list td.col-shared-icon {
    padding: 8px 2px 0 0;
}

.task-work-log-menu {
    visibility: hidden;
}

#task-list tr:hover > td .task-work-log-menu {
    visibility: visible;
}

#task-list td.col-avatar {
    padding-left: 5px;
}

.list-calendar-container .not-assigned-yet-container {
    padding-left: 0;
}

#task-list td .contact-avatar {
    position: relative;
}

.work-log-list-filter-by-task {
    margin-top: 60px;
}

.subheader.task-work-log-sub-header {
    width: 83.33333333%;
}

#single-task-container .contact-avatar,
#data-filter-container .contact-avatar,
#admin-venue-container .contact-avatar,
#new-task-container .contact-avatar,
#reporters-replacement .contact-avatar:not(.avatar-placeholder),
#receivers-replacement .contact-avatar:not(.avatar-placeholder),
#assignees-replacement .contact-avatar:not(.avatar-placeholder),
#observers-replacement .contact-avatar:not(.avatar-placeholder),
#workers-replacement .contact-avatar,
.document-submitted-by-container .contact-avatar,
.time-tracked-by-container .select2-container .contact-container .contact-avatar:not(.avatar-placeholder) {
    position: relative;
    display: inline-block;
}

.user-permission-validation-info {
    float: right;
    color: #a94442;
    position: relative;
    right: 7px;
    top: 1px;
}

#single-task-container .icon-container.assignee-icon {
    width: 61px;
}

#single-task-container .assignees-container {
    width: 100%;
    background: #FFFFFF;
}

.btn-group > .btn + .dropdown-toggle {
    color: #888;
    padding-right: 12px;
    padding-left: 12px;
}

#single-task-container .contact-avatar.remaining-assignees {
    padding-top: 6px;
    top: 0;
    padding-left: 7px;
}

#single-task-container #change-assignee {
    height: 50px;
    margin-top: 0;
}

#single-task-container .assignees-main-container .not-assigned-yet-container {
    padding: 0;
}

#single-task-container .assignees-main-container

#single-task-container .task-change-button.assignee-change-button {
    padding-left: 5px;
}

.time-tracked-by-container .select2-container .contact-container .contact-avatar,
.assignee-change-container .contact-avatar,
.responsible-change-container .contact-avatar,
#reporters-replacement .contact-avatar,
#receivers-replacement .contact-avatar,
#assignees-replacement .contact-avatar,
#observers-replacement .contact-avatar,
.document-submitted-by-container .contact-avatar,
.auto-assignment-assignee-container .contact-avatar,
.reporter-container .contact-avatar {
    margin-right: 12px;
}

#watchers-replacement .contact-person {
    padding-left: 8px;
}

#partnership-venue-container #reporters-replacement .checkbox,
#partnership-venue-container #receivers-replacement .checkbox,
#partnership-venue-container #assignees-replacement .checkbox,
#partnership-venue-container #observers-replacement .checkbox {
    float: none;
    min-width: 21px;
    margin: 0 10px 0 0;
}

#aar-list .contact-avatar .fa-share-icon,
#single-task-container .contact-avatar .fa-share-icon,
#data-filter-container .contact-avatar .fa-share-icon,
#admin-venue-container .contact-avatar .fa-share-icon,
#new-task-container .contact-avatar .fa-share-icon,
#task-list td .contact-avatar .fa-share-icon {
    top: -6px;
    left: -6px;
    width: 16px;
    height: 16px;
    display: flex;
    position: absolute;
    border-radius: 50%;
    align-items: center;
    background-color: #fff;
    justify-content: center;
    border: 1px solid #ccc;
}

#aar-list .contact-avatar .fa-share-icon,
#single-task-container .contact-avatar .fa-share-icon,
#data-filter-container .contact-avatar .fa-share-icon,
#new-task-container .contact-avatar .fa-share-icon,
#task-list td .contact-avatar .fa-share-icon {
    top: -5px;
    left: -5px;
}

.responsible-not-available-container {
    display: flex;
    align-items: center;
}

.responsible-not-available-container .icon-container {
    margin-top: 0;
}

#single-task-container .fa-share-icon .fa-share-alt,
#data-filter-container .fa-share-icon .fa-share-alt,
#new-task-container .fa-share-icon .fa-share-alt,
#task-list td .contact-avatar .fa-share-icon .fa-share-alt {
    font-size: 10px;
    margin-left: -1px;
}

#aar-list .fa-share-icon .fa-share-alt {
    font-size: 10px;
    margin-left: -2px;
}

#single-task-container .contact-option:hover .fa-share-icon .fa-share-alt {
    color: #c8c7bf;
}

.more-records-collapse,
.more-records-heading,
.col-summary-tags .col-tag {
    float: left;
    height: 18px;
    color: #555;
    font-size: 11px;
    padding: 1px 8px;
    margin: 2px 1px 2px;
    border-radius: 10px;
    border: 1px solid #B3B3B3;
    background-color: #E9E8E3;
}

.admin_sla_rules td.name,
.admin_tags td.name,
.admin_task_categories td.name,
.admin_user_groups td.name {
    font-weight: 500;
}

.admin_tags td.categories {
    line-height: 20px;
}

.admin_venues span.secondary {
    color: #bebeb4;
}

.more-records-collapse,
.more-records-heading {
    height: 23px;
    padding: 0 8px;
    cursor: pointer;
    display: inline-block;
    float: unset;
    background-color: inherit;
    font-weight: bold;
}

.more-records-collapse {
    display: block;
    width: fit-content;
    margin-top: 5px;
}

.more-records-container {
    display: none;
    line-height: 20px;
}

.more-records-items {
    line-height: 20px;
}

.col-summary-tags .col-tag .fa-share-alt {
    color: #A5A897;
    font-size: 10px;
}

.col-summary-tags .col-tag:first-child {
    margin-left: 0;
}

.time-tracked-task-container .select2-container {
    width: 100% !important;
}

.col-summary-tags .col-tag:last-child {
    margin-right: 0;
}

.col-summary-tags .col-tag .fa-share-alt {
    float: left;
    margin: 0 2px 0 0 !important;
}

.more-records-collapse span,
.more-records-heading span,
.col-summary-tags .col-tag span {
    max-width: 100px;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
}

#venue_assignees + .users-widget #assignees-replacement li {
    float: left;
    width: 100%;
}

#venue_assignees + .users-widget #assignees-replacement li .checkbox,
#venue_assignees + .users-widget #assignees-replacement li .contact-avatar,
#venue_assignees + .users-widget #assignees-replacement li .contact-person {
    float: left;
}

#new_task_assignee + .users-widget #assignee-replacement li .contact-avatar,
#venue_assignees + .users-widget #assignees-replacement li .contact-avatar {
    margin-right: 15px;
}

#new_task_assignee + .users-widget #assignee-replacement li .contact-person,
#venue_assignees + .users-widget #assignees-replacement li .contact-person {
    padding-left: 0;
}

.task-work-log-menu .fa-bars {
    font-size: 22px;
    color: grey;
    text-decoration: none;
    font-weight: 600;
    opacity: 0.5;
}

.work-log .dropdown-menu {
    left: auto;
    right: 0;
    min-width: 100px;
    text-align: center;
}

.work-log .dropdown-menu li:first-child {
    border-bottom: 1px solid #ddd;
}

#task-list td.col-comments {
    background: url('../img/icon-comments.png') no-repeat center 10px;
    font-size: 12px;
    color: #bebeb4;
    text-align: center;
    padding-top: 15px;
}

#work-log-list .contact-avatar .user-info .deleted-user,
#work-log-list .contact-avatar .user-info .worklog-user-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
}

#work-log-list .contact-avatar .user-info .contact-company {
    color: #A0A0A0;
    font-size: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
    line-height: 14px;
}

#aar-list .contact-avatar .user-info,
#task-list-body .contact-avatar .user-info,
#work-log-list .contact-avatar .user-info {
    margin-left: 5px;
    margin-bottom: 0;
    display: inline-block;
    width: calc(100% - 37px);
}

#aar-list .contact-avatar .user-info,
#task-list-body .contact-avatar .user-info,
#task-list-body .col-venue .task-venue-info {
    line-height: 1.30;
    max-width: 170px;
}

#task-list-body .col-created .task-time-info {
    line-height: 1.40;
}

#aar-list .contact-avatar .user-info,
#task-list-body .contact-avatar .user-info {
    max-width: 170px;
    font-size: 0;
    margin-top: 1px;
}

#aar-list .contact-avatar .user-info .contact-name,
#task-list-body .contact-avatar .user-info .contact-company,
#task-list-body .contact-avatar .user-info .contact-name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    display: block;
    font-size: 14px;
}
#aar-list .contact-avatar {
    position: relative;
}

#aar-list .contact-avatar .user-info .contact-name {
    color: #000000;
}

#work-log-list .contact-avatar .img-profile {
    float: left;
}

#task-list .col-reaction{
    width: 140px;
}

#task-list .col-reaction .deadline-in-red {
    border: 1px solid black;
    border-radius: 4px;
}

#task-list .col-reaction .deadline {
    border: 1px solid black;
    border-radius: 4px;
    background-color: #ffffff;
}

#task-list .col-deadline .deadline-in-red {
    display: block;
    align-items: center;
    justify-content: center;
    color: #ff0000;
    margin-bottom: 0.8rem;
    white-space: nowrap;
    margin-top: 4px;
}

#task-list .col-deadline .deadline-in-red span {
    margin-top: 0;
    line-height: 9px;
    padding: 1px 4px;
    border: 1px solid #FF9696;
    border-radius: 15px !important;
}

#task-list .col-deadline .deadline {
    display: block;
    align-items: center;
    justify-content: center;
    color: #acaca0;
    margin-bottom: 0.8rem;
    white-space: nowrap;
    margin-top: 4px;
}

#task-list .col-deadline .deadline span.primary {
    margin-top: 1px;
    line-height: 9px;
    padding: 1px 4px 1px 4px;
    border: 1px solid #acaca0;
    border-radius: 15px !important;
}

.task-data-change-push-notification,
.task-data-comment-notification {
    margin-top: 15px;
    padding-left: 30px;
    padding-right: 10px;
}

.task-data-change-push-notification .task-notification-preference-container,
.task-data-comment-notification .task-notification-preference-container {
    padding: 0;
}

.copy_user .venue-item .secondary,
.admin_user .venue-item .secondary {
    line-height: 13px;
}

.copy_user .user-group-container .user-groups,
.copy_user .visible-user-groups .users-widget,
.copy_user .form-group-assignedVenues .users-widget,
.copy_user #form-group-user-assignedVenues .users-widget,
.admin_user .user-group-container .user-groups,
.admin_user .visible-user-groups .users-widget,
.admin_user .form-group-assignedVenues .users-widget,
.admin_user .group-assigned-venues .users-widget,
.admin-partnership-container .users-widget,
#manage-partnership-venue .users-widget,
.admin_user #form-group-user-assignedVenues .users-widget {
    background-color: #fcfbf9;
}

.task-data-change-push-notification .push-preferences-label,
.task-data-comment-notification .push-preferences-label,
.task-data-change-push-notification .email-preferences-label,
.task-data-comment-notification .email-preferences-label {
    visibility: hidden;
}

.task-data-change-push-notification .email-preferences-label,
.task-data-comment-notification .email-preferences-label {
    display: none;
}

input[type='checkbox'] {
    cursor: pointer;
}

.task-data-changed-notification-preferences {
    padding-bottom: 15px;
    margin-top: 12px;
    border: 1px solid #c8c7bf;
    display: inline-block;
    border-radius: 4px;

}

.task-data-change-push-notification {
    margin-top: 10px;
    padding-left: 30px;
}

.email-report-week-days {
    display: flex;
    justify-content: flex-end;
}

.email-report-week-days #user_emailReportWeekdays,
.email-report-week-days #my_account_emailReportWeekdays {
    width: 83.33%;
}

.admin_edit_organization .switch,
#admin-tag-container .switch,
.admin_task_category .switch,
.admin_task_category_create .switch,
.copy_user .switch,
.my_account .switch,
.admin_user .switch {
    height: 18px;
    width: 38px;
}

.copy_user .slider,
.admin_edit_organization .slider,
.my_account .slider,
.time-tracking-settings-container .slider,
.admin_task_category .slider,
#admin-tag-container .slider,
.admin_task_category_create .slider,
.admin_user .slider {
    width: 50%;
}

.copy_user .task-data-notifications .checkbox label,
.my_account .task-data-notifications .checkbox label,
.admin_user .task-data-notifications .checkbox label,
.my_account .task-data-notifications .checkbox label {
    padding: 0 !important;
}

.copy_user .task-data-notifications .checkbox,
.admin_user .task-data-notifications .checkbox,
.my_account .task-data-notifications .checkbox,
.copy_user .task-data-notifications .checkbox input,
.my_account .task-data-notifications .checkbox input,
.admin_user .task-data-notifications .checkbox input {
    margin: 0 !important;
    position: inherit;
}

#task-list td.col-status {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

#task-list td.col-status .btn-group button:first-child {
    width: 110px;
}

.filter-map-venue-name,
#workLogEditModal .venue-address,
.work-log-title .venue-address,
#task-list td.col-venue .venue-address,
.select2-container--default .select2-results__option .venue-address,
.select2-container--default .select2-results__option .shared-category-organization,
.select2-selection__choice .shared-category-organization,
.select2-container--default .select2-results__option .shared-user-organization,
.select2-selection__choice .shared-user-organization,
.select2-container--default .select2-results__option .shared-tag-organization,
.select2-selection__choice .shared-tag-organization,
.map-info .venue-address,
.user-text-container .venue-address,
.select2-selection__choice .venue-address,
#task-list td.col-contact .contact-company,
#task-list td.col-created .created-time,
#task-list td.col-created .created-date {
    font-size: 80%;
    color: #999999;
    display: block;
    line-height: normal;
}

.select2-container--default .select2-results__option div.user-details-container {
    line-height: 18px;
}

.select2-container--default .select2-results__option div.user-details-container .shared-user-organization {
    margin-top: 5px;
}

.select2-results__option--highlighted .location-map-option:not(.deleted-map) .filter-map-venue-name {
    color: white;
}

.location-map-option.deleted-map .filter-map-venue-name {
    color: #BDBDB0;
}

#task-list td.col-venue .venue-address {
    color: #acaca0;
}

.select2-container .fa-share-alt {
    color: #a0a0a0;
}

.select2-results__option--highlighted .fa-share-alt {
    color: #FFFFFF;
}

#single-task-container .categories-container-button button.btn-primary,
#single-task-container .task-change-button button.btn-primary {
    border: 1px solid #fcd202;
    border-radius: 4px;
}

#single-task-container .categories-container-button button.disabled,
#single-task-container .task-change-button button.disabled,
#single-task-container .task-change-button button[disabled] {
    background-color: #FFFFFF;
    border: 1px solid #ccc;
    color: #333333;
}

#task-list td.col-created p {
    line-height: 1;
    margin-top: 5px;
    margin-bottom: 0;
}

#commentEditor p {
    margin-bottom: 0;
}

.work_delivery_journal_list .clear-search,
.statement_of_work_list .clear-search {
    right: 0;
    top: 8px;
    left: 390px;
    width: fit-content;
}

.work_delivery_journal_list #searchBox,
.statement_of_work_list #searchBox {
    padding-top: 10px;
}

.venue-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: -3px;
    bottom: 0;
    left: -6px;
}

.venue-share-icon .fa-share-alt {
    font-size: 10px;
    color: #c8c7bf !important;
    margin-right: 1px;
}

.venue-icon {
    position: relative;
}

#task-list td.col-created .created-time {
    display: block;
}

.remaining-assignees.less-then-ten {
    padding-left: 0 !important;
    font-size: 12px !important;
    padding-right: 3px !important;
}

.remaining-assignees.less-then-hundred {
    padding-left: 0 !important;
    font-size: 12px !important;
    padding-right: 3px !important;
}

.remaining-assignees.greater-then-hundred {
    padding-left: 0 !important;
    font-size: 11px !important;
    padding-right: 3px !important;
}

.periodic_task_calendar_weekly_list .remaining-assignees {
    top: -1px;
}

.periodic_task_calendar_weekly_list .remaining-assignees.less-then-ten {
    font-size: 11px !important;
}

.periodic_task_calendar_weekly_list .remaining-assignees.less-then-hundred {
    font-size: 11px !important;
}

.periodic_task_calendar_weekly_list .remaining-assignees.greater-then-hundred {
    font-size: 10px !important;
}

#single-task-container .remaining-assignees.less-then-hundred {
    padding-left: 4px !important;
}

#single-task-container .remaining-assignees.greater-then-hundred {
    padding-left: 3px !important;
}

#task-list td.col-created .task-id,
#task-list td.col-venue .venue-name {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

#task-list td.col-venue .venue-address {
    word-break: break-all;
}

.map-info .venue-name {
    display: block;
}

#work-log-list .heading .venue-name,
.work-log-title .venue-name {
    font-size: 10px;
    margin-bottom: 0;
}

#work-log-list .heading .venue-name {
    color: #A0A0A0;
}

#select2-filter-category-input-results li:first-child,
#select2-filterCategoryInput-results li:first-child,
#select2-filterTagInput-results li:first-child,
#select2-filter-tag-input-results li:first-child,
.not-assigned-option {
    font-style: italic;
}

.real-time-map-users-heading h5 {
    font-weight: normal;
}

#task-list-container .table thead tr th.col-status,
#task-list-container .table tbody tr td.col-photo {
    text-align: center;
}

#task-list-container .table tbody tr td.col-photo {
    vertical-align: middle;
}

#task-list-container .table thead tr th.col-photo,
#task-list-container .table thead tr th.col-status {
    width: 4%;
}

#task-list-container .table thead tr th.severity,
#task-list-container .table thead tr th.col-shared-icon {
    width: 1%;
}

#task-list-container .table thead tr th.col-created {
    width: 6%;
}

#task-list-container .table thead tr th.col-summary-description {
    width: 24%;
    min-width: 150px;
}

.push-preferences, .email-preferences {
    align-items: center;
}

.copy_user .slider:before,
.admin_edit_organization .slider:before,
.my_account .slider:before,
#admin-tag-container .slider:before,
.admin_task_category .slider:before,
.admin_task_category_create .slider:before,
.admin_user .slider:before {
    height: 12px;
    width: 12px;
    left: 3px;
    bottom: 3px;
}

#task-list-container .table thead tr th.col-sort-condition {
    width: 7%;
}

.daterangepicker.single-date-picker .drp-buttons,
.daterangepicker.periodic-single-date-picker .drp-buttons {
    display: block !important;
}

.equipment_index .daterangepicker.single-date-picker .drp-buttons,
.dispatcher_list .daterangepicker.single-date-picker .drp-buttons {
    display: none !important;
}

#task-list-container .table thead tr th.col-reporter,
#task-list-container .table thead tr th.col-assignee {
    width: 16%;
}

#task-list-container .table thead tr th.col-venue {
    width: 15%
}

#task-list-container .task-title-link {
    color: inherit;
}

#task-list-container .periodic-task-link {
    color: #FFFFFF;
}

#task-list-container .table thead tr th.col-comments {
    width: 4%;
}

#task-list .col-summary-description .task-summary {
    font-weight: bold;
}

#task-list-body .col-summary-description {
    max-width: 0;
}

#task-list-body .col-summary-description .col-summary-container .primary {
    overflow: hidden;
    padding-top: 2px;
    min-height: 18px;
}

#task-list-body .col-summary-description .col-summary-container .fa-share-alt {
    margin: 2px 2px 0 0 !important;
}

#task-list-body .col-summary-description .primary.share-icon--set {
    min-width: 63px;
    display: table;
}

#task-list .col-summary-description .task-description {
    font-size: 90%;
    color: #606060;
}

#task-list td.col-id {
    padding-left: 8px;
    padding-right: 0;
    max-width: 100px;
    color: #c8c7bf
}

#task-list thead {
    background-color: #fbfbf9;
}

#task-list thead th {
    color: #bebeb4;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 12px;
    padding: 20px 5px 15px;
    border-bottom: 1px solid #ddd;
}

body.task_view .attachment-preview .leaflet-bottom,
body.task_view #pictureId .leaflet-bottom {
    bottom: 30px;
}

.task_view .download-image-link i {
    color: #000000;
}

.task_view .download-image-link {
    background-color: #fff;
}

.task_view .download-image-link:hover {
    background-color: #F4F4F4;
}

.task_view .download-image {
    margin-right: 5px;
    border-radius: 4px;
    position: absolute;
    bottom: 3px;
    right: 0;
    border: 2px solid rgba(0,0,0,0.2);
    z-index: 999;
}

.task_view .download-image-link {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-clip: padding-box;
}

.task_view .attachment-preview .download-image-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

#bound-venues-replacement .secondary,
#downtime_task-venues .secondary,
#activity_task-venues .secondary {
    display: block;
}

#task-list .col-summary-task {
    overflow: hidden;
    margin-top: 3px;
}

#task-list .col-summary-task.col-summary-task-periodic {
    padding-top: 9px;
    margin-top: -6px;
}

#task-list .secondary.task-list-description {
    font-size: 80%;
}

.task_view .watchers-description {
    padding: 0;
}

#single-task-container .future-periodic-task-content .watchers-count,
body.task_view .watchers-count {
    line-height: 1;
    margin-left: 0;
}

#single-task-container .future-periodic-task-content .watchers-right-arrow,
#single-task-container .future-periodic-task-content .watchers-icons-count,
body.task_view .watchers-right-arrow,
body.task_view .watchers-icons-count {
    padding: 5px 7px;
}

#single-task-container .future-periodic-task-content .watchers-right-arrow .fa,
.task_view .watchers-description .watchers-right-arrow .fa {
    line-height: 1;
}

#single-task-container .future-periodic-task-content .watchers-right-arrow,
.task_view .watchers-right-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
}

#task-list .col-summary-task-title {
    float: left;
    margin-right: 3px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(100% - 24px);
    line-height: 19px;
}

#single-task-container .comments-section {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    border-bottom: solid 1px #eae9e2;
    display: flex;
    flex-direction: column-reverse;
}

.logs-with-border-top,
.comments-with-border-top {
    border-top: solid 1px #eae9e2;
}

#task-list .task-without-periodic .col-summary-task-title {
    max-width: 100%;
}

.list-view-created-col p {
    white-space: nowrap;
}

#task-list .col-summary-task.col-summary-task-periodic .col-summary-task-title {
    max-width: calc(100% - 84px);
}

#task-list .secondary {
    float: left;
    width: 100%;
    font-size: 11px;
    color: #bebeb4;
    line-height: 1;
    overflow: hidden;
    margin-bottom: 0;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#task-list .col-created .secondary {
    margin-top: 0;
}

#materialList .col-sort,
#sowList .col-sort,
#wdj-list .col-sort,
#task-list .col-sort {
    cursor: pointer;
    white-space: nowrap;
}

#materialList .col-sort .asc-active,
#materialList .col-sort .desc-active,
#wdj-list .col-sort .asc-active,
#wdj-list .col-sort .desc-active,
#sowList .col-sort .asc-active,
#sowList .col-sort .desc-active,
#task-list .col-sort .asc-active,
#task-list .col-sort .desc-active {
    color: #303030;
}

#materialList .col-sort .asc-default,
#materialList .col-sort .asc-active,
#wdj-list .col-sort .asc-default,
#wdj-list .col-sort .asc-active,
#sowList .col-sort .asc-default,
#sowList .col-sort .asc-active,
#task-list .col-sort .asc-default,
#task-list .col-sort .asc-active,
#condition-asc .fa-sort-amount-down {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

body.home #scollable-content > .row,
body.periodic_task_calendar #scollable-content > .row {
    background-color: #f9f8f3;
}

.periodic_task_calendar_weekly_list .filters,
body.home #scollable-content > .row .filters,
body.home_optimized #scollable-content > .row .filters,
body.periodic_task_calendar #scollable-content > .row .filters {
    overflow: hidden;
    background-color: #ffffff;
}

body.home #scollable-content > .row .main-content,
body.periodic_task_calendar #scollable-content > .row .main-content {
    background-color: transparent;
    box-shadow: none;
}

#materialList .col-sort .asc-active:before,
#wdj-list .col-sort .asc-active:before,
#sowList .col-sort .asc-active:before,
#task-list .col-sort .asc-active:before {
    content: "\f160";
}

#materialList .col-sort .asc-default:before,
#wdj-list .col-sort .asc-default:before,
#sowList .col-sort .asc-default:before,
#task-list .col-sort .asc-default:before {
    content: "\f160";
    color: #bebeb4;
}

#materialList .col-sort .desc-active:before,
#wdj-list .col-sort .desc-active:before,
#sowList .col-sort .desc-active:before,
#task-list .col-sort .desc-active:before {
    content: "\f160";
}

.condition-sorting-modal {
    top: 10%;
}

.condition-sorting-modal .modal-footer {
    padding: 5px;
}

.condition-sorting-modal .modal-dialog {
    width: 25%;
    top: 100px;
}

.condition-sorting-modal .clear-filter {
    margin: 10px 0 0 10px;
    float: left;
    cursor: pointer;
}

.filter-checkboxes strong {
    font-size: 16px;
}

#single-task-container .responsible-person-container {
    padding-left: 10px;
    padding-right: 5px;
}

#single-task-container .responsible-person-container .select2-container--default.select2-container--focus,
#single-task-container .responsible-person-container .select2-container--default.select2-container--focus:focus {
    outline: 0;
}

#single-task-container .responsible-person-container .select2-container--default .select2-selection--single {
    height: 50px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.copy_user .sow-permissions-container.has-error .user-sow-selection,
.admin_user .sow-permissions-container.has-error .user-sow-selection,
.copy_user .sow-permissions-container.has-error .checkbox-container,
.admin_user .sow-permissions-container.has-error .checkbox-container,
#single-task-container .responsible-person-container.has-error .select2-container--default .select2-selection--single {
    border-color: #d43f3a;
}

.dispatcher-task-container.low-calendar-event:not(.not-droppable-event):hover,
.dispatcher-task-container.medium-calendar-event:not(.not-droppable-event):hover,
.dispatcher-task-container.emergency-calendar-event:not(.not-droppable-event):hover,
.dispatcher-task-container.high-calendar-event:not(.not-droppable-event):hover,
#calendar .fc-h-event.dispatcher-event-hover {
    background-color: #F7F7F7 !important;
    border-right: 1px solid #555 !important;
    border-bottom: 1px solid #555 !important;
    border-top: 1px solid #555 !important;
}

.sow-permissions-container .statement-of-work-switch .checklist-switch {
    margin-bottom: 0;
}

#single-task-container .responsible-person-container .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
}

#single-task-container .responsible-person-container .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 32px;
    height: 50px;
    padding: 0 8px;
    border-left: 1px solid #ccc;
}

#single-task-container .responsible-person-container .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 4px 4px 0 4px;
    border-color: #333333 transparent transparent transparent;
}

.responsible-person-not-assigned .no-responsible {
    font-style: italic;
}

#single-task-container .responsible-person-container .select2-container--default.select2-container--open .select2-search__field,
#single-task-container .responsible-person-container .select2-container--default.select2-container--open .select2-search__field:focus {
    outline: 0;
}

#single-task-container .responsible-person-container .select2-container--default.select2-container--open .select2-search--dropdown {
    border: 0;
    padding: 0;
}

#single-task-container .responsible-person-container .select2-container--default.select2-container--open .select2-search__field {
    display: block;
    width: 100%;
    height: auto;
    padding: 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#single-task-container .responsible-person-container .select2-container,
#single-task-container .responsible-person-container .contact-container,
#single-task-container .responsible-person-container + .task-change-button .btn-change {
    height: 50px;
}

#single-task-container .responsible-person-container li .contact-container {
    height: 30px;
}

#single-task-container .responsible-person-container .select2-dropdown {
    background-color: #ffffff;
    z-index: 9999;
}

#approve-status-block > label,
#deadline-block > label {
    font-weight: normal;
    font-size: 90%;
}

#approve-status-block input,
#deadline-block input {
    font-size: 100%;
    margin-right: 8px;
    position: relative;
    top: 2px;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

span.location-warning-message,
span.error-message {
    position: relative;
    display: inline-block;
    margin-left: 18px;
    margin-top: 5px;
    color: #A94440;
}

#work-delivery-journal-container span.error-message {
    margin-top: 0;
}

span.location-warning-message {
    color: #FDAD00;
}

span.location-warning-message img,
span.error-message img {
    position: absolute;
    left: -24px;
    top: 2px;
    transform: rotate(180deg);
}

.secondary img, .map-info .link-img, .daily-report-content .link-img, .user-row .link-img, #work-log-list .link-img {
    width: 13px;
}

.daily-report-content a {
    text-decoration: none;
    color: #333;
}

.table-hover > tbody > tr:hover {
    background-color: #fbfbf9;
}

.table-hover > tbody > tr.user-list-filter-row:hover {
    background-color: inherit;
}

.table-hover > tbody > tr.no-results-row:hover {
    background-color: transparent !important;
}

.table-hover > tbody > tr:not(.no-result):not(.user-list-filter-row):hover {
    background-color: #fbfbf9;
}

#venue-list tbody tr td {
    vertical-align: middle;
}

.fc-toolbar-title:first-letter {
    text-transform: uppercase;
}

#venue-list tbody tr td:first-child .fa-share-alt {
    font-size: 26px;
}

#task-list-container {
    margin-top: 54px;
}

.admin_auto_assignment_rules .no-results,
#sowList .no-results,
#materialList .no-results,
.sow_material_categories_list .no-results,
.sow_services_list .no-results,
.admin_downtime_task_list .no-results,
.admin_activity_task_list .no-results,
.admin_users .no-results,
.admin_sla_rules .no-results,
.admin_tags .no-results,
.admin_task_categories .no-results,
.admin_venues .no-results,
.admin_user_groups .no-results,
.active_partnerships .no-results,
.invited_partnerships .no-results,
#wdj-list-body .no-results,
#company-list .no-results,
#unit-list .no-results,
#sowMaterialListModal .no-material-added,
#sowServiceListModal .no-service-added,
#task-list-container .no-results {
    margin: 100px 50px;
    text-align: center;
    color: #999999;
}

.new_task .select2-container--default .select2-search--dropdown .select2-search__field {
    border-bottom: none !important;
}

.no-service-added h3,
.no-material-added h3 {
    margin-top: 50px;
    color: #bebeb4;
}

.report-container .table td.no-results {
    color: #999999;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #f9f8f3;
}

#task-list-container .loading {
    margin: 50px;
    text-align: center;
    min-height: 175px;
    top: 30%;
    left: 40%;
    position: absolute;
}

#calendar-list-container .loading {
    margin: 50px;
    text-align: center;
    min-height: 175px;
}

#new-task-container .separator {
    text-align: center;
}

#new-task-container canvas {
    border: solid 1px #C0C0C0;
    cursor: pointer;
}

.subheader {
    background-color: #fbfbf9;
    color: #bebeb4;
    font-weight: normal;
    font-size: 16px;
    padding: 20px 21px 15px;
    border-bottom: solid 1px #eae9e2;
    text-align: center;
    position: fixed;
    height: 60px;
    width: 100%;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
}

#work-delivery-journal-container .subheader,
#single-task-container .subheader {
    padding: 5px 21px;
}

#single-task-container .subheader {
    margin-top: -1px;
}

.subheader.subheader-third {
    width: 83.333%;
}

#select2-filterVenueInput-results li,
#select2-filterEquipmentInput-results li,
#select2-filter-venue-input-results li,
#select2-filter-equipment-input-results li {
    line-height: normal;
    padding: 8px 6px !important;
}

#watchers-replacement .contact-person .primary {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
}

#filterSeverity:not(.dispatcher-severity-filter) .select2-container--open:not(.select2-container--above) {
    top: 624px !important;
}

.subheader .form-back-link {
    margin-left: auto;
    margin-right: auto;
}

.user-header .form-back-link,
.header-print .form-back-link {
    margin-right: 0;
}

.subheader > a.form-back-link {
    margin: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.subheader > a.form-back-link .glyphicon {
    font-size: 14px;
}

.fc .fc-button .fc-icon {
    font-size: 14px !important;
}

.fc-oneEventSelectedPerDayCustom-button,
.fc-oneEventPerDayCustom-button,
.fc-twoEventPerDayCustom-button,
.fc-twoEventSelectedPerDayCustom-button,
.fc-threeEventPerDayCustom-button,
.fc-threeEventSelectedPerDayCustom-button {
    line-height: 0.6 !important;
}

.form-back-link.with-copy-button {
    margin-right: -66px;
}

.subheader .user-header-action-container,
.subheader .task-print-container {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.subheader .task-print-container a:not(.periodic-task-action),
.subheader .user-header-action-container a:not(.periodic-task-action) {
    line-height: 1;
    min-width: 40px;
    padding: 6px 12px;
    margin-left: 10px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #ddd;
    background: #FFFFFF;
}

.has-error .task-resolution-deadline,
.has-error .date-time-container {
    border-color: #a94442 !important;
}

#new_task_scheduledDate.has-error,
#new_task_resolutionDeadline.has-error {
    color: red;
}

.periodic-task-actions-menu li:not(:first-child) {
    border-top: solid 1px #eae9e2;
}

.fas.fa-ellipsis-v {
    color: #6f6f6e;
}

.periodic-task-actions-menu li > a {
    padding: 10px 15px;
    cursor: pointer;
    text-transform: none;
    display: flex;
    align-items: center;
    min-width: 200px;
}

.periodic-task-actions-menu li .btn-remove {
    background-image: url(../img/icon-remove-active.png);
}

.periodic-task-actions-menu li .btn-edit {
    background-image: url(../img/icon-edit-active.png);
}

.dispatcher_list .fc-hideRepeatEventCustom-button.fc-button-primary {
    background-color: #FFFFFF !important;
    color: unset !important;
}

.dispatcher_list .fc-showRepeatEventCustom-button .material-symbols-selected:before,
.dispatcher_list .fc-hideRepeatEventCustom-button .material-symbols-not-selected:before {
    content: " event_repeat ";
}

.dispatcher_list .fc-dateSelectionCustom-button .material-symbols-calendar:before {
    content: " calendar_month ";
}

.cancel-sla-icon-container {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.periodic-task-action .fa-pencil-alt,
.periodic-task-action .fa-times-circle,
.periodic-task-action .fa-trash-alt {
    color: #6f6f6e;
    font-size: 20px !important;
}

.periodic-task-action-title {
    margin-top: 3px;
    margin-left: 5px;
}

.periodic-task-actions-menu li > a > img {
    margin-right: 5px;
    height: 20px;
    width: 20px;
}

.periodic-task-actions-menu li > a > i {
    font-size: 24px;
    margin-right: 5px;
}

.subheader .user-header-action-container a span,
.subheader .task-print-container a span {
    position: relative;
    top: 3px;
}

.subheader .user-header-action-container i,
.subheader .task-print-container i {
    font-size: 24px;
}

#work-log-list {
    table-layout: fixed;
}

#work-log-list .secondary-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    line-height: 1.2;
}

.subheader a {
    color: inherit;
}

#forwardClientWdjModal h5.headline {
    text-transform: uppercase;
}

#sla_rule_venues+.users-widget .venue-item,
#user-assignedVenues .venue-item,
#bound-venues-replacement.select-replacement .venue-item,
#user-groups-replacement.select-replacement .group-item,
#auto_assignment_rule_venues+.users-widget .venue-item {
    width: calc(100% - 45px);
}

#user-assignedVenues .venue-item .secondary,
#sla_rule_venues+.users-widget .venue-item .secondary,
#auto_assignment_rule_venues+.users-widget .venue-item .secondary {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.subheader a:hover {
    text-decoration: none;
}

#single-task-container > .container-fluid,
.work-delivery-journal-container .container-fluid,
#my-profile-container > .container-fluid,
.admin-organization-container .container-fluid,
.admin-edit-container > .container-fluid,
.admin-partnership-container .container-fluid,
.admin-partnership-venue-container .container-fluid,
#new-task-container > .container-fluid,
.admin-edit-container .container-fluid,
#work-delivery-journal-container .container-fluid,
#new-task-container >  .container-fluid {
    float: left;
    width: 50%;
    margin-right: -1px;
    border-left: solid 1px #eae9e2;
    border-right: solid 1px #eae9e2;
}

#work-delivery-journal-container > .container-fluid {
    height: 100%;
}

.manage_partnership_venue #reporters-replacement li .checkbox,
.manage_partnership_venue #assignees-replacement li .checkbox,
.manage_partnership_venue #observers-replacement li .checkbox {
    top: unset;
}

.manage_partnership_venue #reporters-replacement li,
.manage_partnership_venue #assignees-replacement li,
.manage_partnership_venue #observers-replacement li,
#active-partnership-edit #reporters-replacement li,
#active-partnership-edit #assignees-replacement li,
#active-partnership-edit #observers-replacement li {
    display: flex;
    align-items: center;
}


.manage_partnership_venue #reporters-replacement li .contact-person .secondary,
.manage_partnership_venue #assignees-replacement li .contact-person .secondary,
.manage_partnership_venue #observers-replacement li .contact-person .secondary,
#active-partnership-edit #reporters-replacement li .contact-person .secondary,
#active-partnership-edit #assignees-replacement li .contact-person .secondary,
#active-partnership-edit #observers-replacement li .contact-person .secondary {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    display: inline-block;
}

#active-partnership-edit #reporters-replacement li .checkbox,
#active-partnership-edit #assignees-replacement li .checkbox,
#active-partnership-edit #observers-replacement li .checkbox {
    top: 0;
}

#single-task-container > .container-fluid {
    height: 100%;
}

#new-task-container .left {
    height: 100%;
    padding-bottom: 80px;
}

[contenteditable] {
    -webkit-user-select: auto;
    user-select: all;
}

#single-task-container .left {
    padding: 0 40px 140px 60px;
}

.calendar-task-info .duration {
    font-size: 11px;
    text-decoration: underline;
    margin-bottom: 4px;
    line-height: normal;
}

.calendar-title-container .calendar-task-name {
    margin-bottom: 0;
}

input.duration-hours::-webkit-outer-spin-button,
input.duration-hours::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.duration-hours {
    -moz-appearance: textfield;
}

.calendar-title-container {
    width: calc(100% - 36px);
}

.popover-title .calendar-title-container {
    width: 100%;
}

.dispatcher_list .popover span.calendar-title-container,
.periodic_task_calendar_weekly_list .popover span.calendar-title-container,
.periodic_task_calendar_monthly .popover span.calendar-title-container,
.periodic_task_calendar_weekly .popover span.calendar-title-container {
    display: flex;
    justify-content: space-between;
    vertical-align: middle;
}

.periodic_task_calendar_weekly_list .popover-title .duration,
.periodic_task_calendar_monthly .popover-title .duration,
.periodic_task_calendar_weekly .popover-title .duration,
.popover-title .calendar-title-container .calendar-task-name {
    margin-bottom: 4px;
}

.tippy-box .calendar-title-container .periodic-task-icon,
.popover-title .calendar-title-container .periodic-task-icon {
    margin-left: 4px;
    margin-top: -2px;
}

.admin-edit-container .left .btn-primary {
    margin-bottom: 20px;
}

.list-calendar-container td .task-time-info {
    line-height: normal;
}

.list-calendar-container td .task-time-info .task-id {
    font-size: 12px;
}

.list-calendar-container td .task-time-info p {
    font-size: 10px;
    color: #999999;
}

#user-group-list tr th {
    vertical-align: middle;
}

.fc-timegrid-now-indicator-line {
    border-color: #fcd202 !important;
    border-width: 1px 0 0 !important;
}

.fc-timeline-now-indicator-line {
    border-color: #fcd202 !important;
    border-width: 0 0 0 1px !important;
}

.fc-timegrid-now-indicator-arrow {
    border-color: transparent #fcd202 !important;
}

.planner-event .share-circle-icon {
    height: 22px;
    width: 22px;
}

.dispatcher_list .fc .fc-timeline-now-indicator-arrow {
    border-color: #fcd202;
    border-left-color: transparent;
    border-right-color: transparent;
}

.fc-timeline-now-indicator-container,
.fc-timegrid-now-indicator-container {
    overflow: visible !important;
}

.monthly-calendar-container .fc-daygrid-day {
    height: 144px;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
    margin: 2px 5px !important;
}

.fc-daygrid-block-event {
    margin: 2px 5px !important;
}

#work-delivery-journal-container > .row,
#single-task-container .left > .row {
    padding-top: 10px;
}

#single-task-container .icon-container.single-assignee-icon,
#single-task-container .icon-container {
    padding: 10px;
    width: 50px;
}

#single-task-container .icon-container.statusIcon {
    padding-top: 18px;
}

#single-task-container .title-container.text-container {
    padding: 10px 3px 0 7px;
}

#single-task-container .text-container {
    padding: 10px 0 0 7px;
    width: 100%;
}

#single-task-container .task-description-sub {
    padding-left: 5px;
}

#single-task-container #change-single-assignee {
    margin-top: 9px;
}

#single-task-container .single-assignee-container {
    margin-top: 5px;
}

#single-task-container .calendar-container {
    width: 100%;
}

.drp-buttons .cancelBtn {
    display: none;
}

#single-task-container .dropdown-container,
#single-task-container .assignee-container {
    padding: 10px;
    padding-right: 0;
    width: 100%;
}

#work-delivery-journal-container .text-container > span,
#single-task-container .text-container > span {
    word-break: break-all;
}

#work-delivery-journal-container .title-container,
#single-task-container .title-container {
    font-weight: bold;
    word-wrap: break-word;
}

#task-list .col-start-date,
.home .col-start-date {
    float: left;
    height: 16px;
    font-size: 11px;
    padding: 2px 8px;
    margin: 3px 1px 2px 0;
    position: relative;
}

.notification-load-more-loader .loading-notification-image {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    opacity: 1;
    max-width: 400px;
    min-width: 400px;
}

.notification-load-more-loader .loading-notification-image img {
    height: 44px !important;
    width: 44px !important;
    top: 97%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.6;
}

.notification-body:last-child {
    margin-bottom: 50px;
}

#task-list .col-start-date.future-start,
.home .col-start-date.future-start {
    color: #428549;
}

#task-list .col-start-date .task-start-date-text,
.home .col-start-date .task-start-date-text {
    margin-left: 8px;
}

#task-list .col-start-date.past-start,
.home .col-start-date.past-start {
    color: #ff0000;
}

#task-list .col-start-date.past-start img,
#task-list .col-start-date.future-start img,
.home .col-start-date.past-start img,
.home .col-start-date.future-start img {
    height: 13px;
    width: 12px;
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
}

#work-delivery-journal-container .title-container .work-delivery-journal-title,
#single-task-container .title-container .periodic-task-title {
    display: block;
    font-size: 28px;
    line-height: 32px;
}

.title-container-future-periodic-task {
    margin-left: -40px;
}

#single-task-container .venue-container .primary {
    font-size: 18px;
}

.watchers-count {
    top: 3px;
    margin-left: 5px;
    font-weight: 500;
    position: relative;
    font-size: 20px;
    line-height: inherit;
}

#single-task-container .location-container .secondary,
#single-task-container .venue-container .secondary {
    font-size: 13px;
    color: #bebeb4;
}

#single-task-container .contact-container,
.auto-assignment-assignee-container .contact-container,
.document-submitted-by-container .contact-container,
.time-tracked-by-container .select2-container .contact-container {
    display: flex;
    align-items: center;
}

.admin_auto_assignment_rule .watchers-description {
    background-color: #ffffff;
}

.watchers-description {
    top: -4px;
    display: flex;
    position: relative;
    border-radius: 4px;
    align-items: center;
    background-color: #fcfbf9;
    border: 1px solid #dddddd;
}

.watchers-description.watchers-single-icon-description {
    width: min-content;
}

.watchers-description .watchers-icons-count,
.watchers-description .watchers-right-arrow {
    padding: 5px 10px;
}

.watchers-description .watchers-icons-count .watchers-icon {
    margin: 0;
    max-width: 30px;
    max-height: 21px;
}

.watchers-description .watchers-icons-count .watchers-icon-single-user {
    max-width: 20px;
}

.watchers-description .watchers-right-arrow {
    border-left: 1px solid #dddddd;
    margin: 0;
}

.watchers-description .watchers-right-arrow .fa {
    font-size: 20px;
    line-height: 28px;
}

#single-task-container .text-container .watchers-description .watchers-count {
    color: #2f2e2a;
    line-height: 1;
    font-size: 20px;
}

.task-description-section {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.task-description-section .task-description-sub {
    min-width: 200px;
}

.task-description-section .task-description-sub img {
    max-width: 12px;
    margin-top: -3px;
    margin-right: 5px;
}

.pac-item {
    font-size: 12px;
    padding-bottom: 8px;
}

.pac-item:hover {
    cursor: pointer;
    background-color: #808080;
}

.pac-item-query {
    color: #333;
    line-height: 1;
    font-size: 15px;
}

.pac-item-query + span {
    color: #BDBDBd;
    line-height: 1;
    display: block;
    margin-top: -5px;
    padding-left: 35px;
}

.pac-icon {
    width: 28px;
    margin-top: 10px;
    background: url("../img/pin.png") no-repeat center/15px;
}

.pac-item:hover .pac-item-query {
    color: #ffffff;
}

.pac-container.pac-logo:after {
    display: none;
}

.reporter-icon,
.assignee-icon {
    margin-top: 5px;
}

.responsible-icon {
    display: flex;
    align-items: center;
}

#admin-organization-container .time-tracking-settings .sub-time-tracking-setting .checkbox {
    margin-left: 30px;
}

#admin-partnership-container .roles-container .checkbox label strong {
    margin-right: 4px;
}

#admin-partnership-container .roles-container .checkbox label .limit-text {
    margin-left: 3px;
    margin-right: 6px;
}

#admin-partnership-container .roles-container .checkbox label .role-limit-user-label {
    margin-left: 3px;
    margin-right: 3px;
}

#admin-partnership-container .roles-container .checkbox label,
#partnership_invitation_role .checkbox label {
    display: flex;
}

#receivers-replacement .disabled {
    pointer-events: none;
}

#assignees-replacement .disabled {
    pointer-events: auto;
}

li + .disabled {
    pointer-events: none;
}

#admin-partnership-container .roles-container .checkbox .limit-input {
    width: 50px;
    height: 20px;
    line-height: 20px;
}

.tag-left {
    width: 50%;
    float: left;
    margin-right: -1px;
    border-left: solid 1px #eae9e2;
    border-right: solid 1px #eae9e2;
}

#user_bound_venues + .users-widget .replacement-error {
    position: relative;
    display: inline-block;
    margin-left: 46px;
    margin-top: 5px;
    color: #A94440;
}

#user_bound_venues + .users-widget .replacement-error img {
    position: absolute;
    left: -19px;
    top: 0px;
    transform: rotate(180deg);
    width: 16px;
}

.tag-right {
    width: 50%;
    float: right;
}

.mt-15 {
    margin-top: 15px;
}

.mt-54 {
    margin-top: 54px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-5 {
    margin-top: 5px;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-10 {
    margin-left: 10px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-25 {
    margin-right: 25px;
}

.mr-5 {
    margin-right: 5px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-3 {
    margin-left: 3px;
}

.mr-3 {
    margin-right: 3px;
}

.boudedTagCategories {
    border: 1px solid #ddd;
    border-radius: 7px;
    padding: 0 15px 0 30px;
}

span.warning-message {
    position: relative;
    display: inline-block;
    color: #FFC107;
}

.leaflet-popup .contact-avatar .img-profile {
    float: left;
    max-width: 26px;
    max-height: 26px;
}

.leaflet-popup .contact-avatar .contact-name {
    font-size: 11px;
}

.leaflet-popup .assignee-icons .remaining-assignees {
    font-size: 11px !important;
    width: 28px !important;
    height: 28px !important;
    padding-top: 5px !important;
}

.tag_categories p {
    padding-right: 15px;
}

.appliedOn {
    color: #a5a599;
}

#single-task-container .contact-container .img-profile {
    flex-grow: 0;
}

#single-task-container .contact-container .contact-person,
#single-task-container .contact-container .responsible-person-option {
    flex-grow: 1;
}

#single-task-container .contact-person,
#single-task-container .responsible-person-option {
    padding-top: 2px;
    padding-right: 6px;
    line-height: 16px;
}

#single-task-container .contact-person .secondary,
#single-task-container .responsible-person-option .secondary {
    font-size: 12px;
    color: #bebeb4;
}

#single-task-container .text-container .task-reaction-deadline{
    color: #ff0000;
}

#single-task-container .text-container .task-resolution-deadline{
    color: #ff0000;
}

#single-task-container .left .row.change-status-container {
    padding: 20px 50px 50px 50px;
}

#single-task-container .change-status {
    font-size: 20px;
    font-weight: 500;
}

#single-task-container .change-status-container {
    position: relative;
    display: flex;
    top: -6px;
}

#single-task-container .change-status-container .status-icon {
    display: inline;
    padding: 0 10px;
}

#single-task-container .change-status-container .btn-group {
    flex-grow: 1;
    display: flex;
    margin-right: 5px;
}

#single-task-container .change-status-container .btn-default {
    height: 52px;
}

#single-task-container .change-status-container .dropdown-label {
    flex-grow: 10;
    text-align: left;
}

#single-task-container .change-status-container .dropdown-menu {
    width: 100%;
    margin-top: -2px;
}

#single-task-container .change-status-container .dropdown-menu > li > a {
    padding: 10px 12px;
}

#single-task-container .change-status-container .btn-primary,
#single-task-container #change-status {
    height: 52px;
}

.categories-container {
    padding: 5px 0 0 10px;
    width: 100%;
}

#single-task-container .categories-container {
    position: relative;
}

.categories-container .form-group {
    margin-right: 5px;
}

.categories-container-button {
    padding-left: 0;
}

#update-task-tags {
    margin-top: 5px;
}

.main-content .right {
    background-color: #fbfbf9;
}

#single-task-container .picture-container {
    padding: 0;
}

#single-task-container .picture-container .picture-wrapper {
    max-width: 550px;
    margin: 0 auto;
    position: relative;
}

#single-task-container .picture-container .picture-actions {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: rgba(49, 47, 42, 0.8);
    border-radius: 4px;
}

#single-task-container .picture-container .picture-actions .action-preview {
    color: #adad9f;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

#single-task-container .picture-container .picture-actions .action-preview:before {
    font-size: 18px;
}

#single-task-container .comments-container > * {
    margin: 20px 25px;
    padding: 0;
}

#single-task-container .comments-container .headline {
    font-size: 20px;
    font-weight: 500;
}

#single-task-container .comment-container {
    border-bottom: solid 1px #eae9e2;
    padding: 10px 0;
}

#single-task-container .comment-container:first-child {
    border-bottom: none;
}

#upload-form .dz-preview {
    display: none;
}

#single-task-container .comment-container .timestamp {
    font-size: 12px;
    color: #bebeb4;
}

#single-task-container .comment-container .comment {
    overflow-x: hidden;
    padding: 0 40px;
}

#single-task-container .comment-container .comment > div {
    padding: 5px 0;
}

#single-task-container .new-comment {
    margin-top: 25px;
    padding: 0 40px;
}

#single-task-container .new-comment textarea {
    width: 100%;
    border: none;
    border-bottom: solid 1px #a5a599;
    background-color: transparent;
    max-width: 100%;
}

.dispatcher-resource-not-assigned {
    color: #acaca0;
    font-style: italic;
}

.dispatcher_list .fc-timeline-body .fc-scrollgrid-sync-table tbody tr:last-child td,
.dispatcher_list .fc-timeline-body .fc-scrollgrid-sync-table tbody tr:nth-last-child(2) td,
.dispatcher_list .fc-datagrid-body tbody tr:last-child td,
.dispatcher_list .fc-datagrid-body tbody tr:nth-last-child(2) td {
    border: none !important;
}

.dispatcher_list .fc-timeline-body .fc-scrollgrid-sync-table tbody tr:last-child td:before,
.dispatcher_list .fc-datagrid-body tbody tr:last-child td:before {
    content: "";
    display: block;
    height: 4px;
    border: 1px solid #ddd;
    background: rgba(208,208,208,.3);
}

.dispatcher_list .fc-event:focus:before {
    content: unset !important;
}

.dispatcher_list a:focus {
    outline: unset !important;
    outline-offset: unset !important;
}

.fc-event-selected:after,
.fc-event:focus:after {
    background: unset !important;
}

#calendar .fc-h-event:focus {
    outline: unset !important;
    outline-offset: unset !important;
}

#single-task-container #comments {
    margin-bottom: 50px;
}

#single-task-container .new-comment textarea:focus {
    outline: none;
}

#single-task-container .new-comment #submit-comment {
    width: 160px;
}

.fc-daygrid-day-events .calendar-task-assignee-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: unset;
}

.fc-popover-body  .fc-timegrid-event .calendar-task-assignee-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: unset;
}

.popover .calendar-assignee {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: unset;
    overflow: hidden;
    text-overflow: ellipsis;
}

.calendar-assignee label {
    margin-bottom: 0;
}

.assignees-main-container.disabled .single-or-no-assignee.assignees-container {
    border: none;
}

.assignees-main-container.disabled .single-or-no-assignee.assignees-container .assignees {
    cursor: default;
}

#single-task-container .disabled-assignee-container .contact-avatar.remaining-assignees {
    float: unset;
    padding-left: 0;
}

.assignees-main-container.disabled .single-or-no-assignee.assignees-container .contact-avatar-container {
    padding: 10px 0 0 4px;
}

#submit-comment {
    width: 160px;
}

#wdj_hasTaskChecklistAttached {
    margin: 0;
    margin-right: 5px;
    width: 1em;
    height: 1em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 0.25em;
    appearance: none;
}

#wdj_hasTaskChecklistAttached:focus {
    border-color: #80baec;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 116, 217, 0.25);
}

#wdj_hasTaskChecklistAttached:checked {
    appearance: auto;
    clip-path: circle(85%);
}

.wdj-hasTaskChecklistAttached-label {
    display: flex;
    align-items: center;
}

.disabled-attachment label,
.wdj-hasTaskChecklistAttached-label.disabled {
    color: #adaea2;
    cursor: not-allowed;
}

.wdj-hasTaskChecklistAttached-label.disabled input {
    background-color: #F2F1ED !important;
    opacity: 0.5;
}

.ck-editor__editable {
    min-height: 400px;
}

#new-task-container .form-container,
#new-activity-task-container .form-container,
#new-downtime-task-container .form-container,
#admin-user-container .profile-container,
#admin-aar-container .form-container,
#admin-sla-container .form-container,
#admin-user-group-container .form-container,
#admin-tag-container .form-container,
#admin-partnership-container .form-container,
#admin-task-category-container .form-container{
    margin-top: 20px;
}

.admin-organization-container .block-container.logo-container {
    margin-top: 20px;
}

#admin-organization-container .form-group,
#admin-user-container .form-group,
#admin-venue-container .form-group,
#admin-sla-container .form-group,
#admin-tag-container .form-group,
#new-activity-task-container .form-group,
#new-downtime-task-container .form-group,
#admin-task-category-container .form-group,
#admin-user-group-container .form-group,
#admin-partnership-container .form-container .form-group,
#partnership-venue-container .form-container .form-group,
#new-task-container .form-group {
    padding-top: 12px;
    clear: both;
}

#admin-organization-container .form-group,
#admin-user-container .form-group,
#my-profile-container .form-group {
    padding-top: 6px;
    clear: both;
}

#admin-partnership-container .form-container .form-group {
    margin-bottom: 0;
}

.dropup .dropdown-menu {
    bottom: auto !important;
}

#filters .filter-box .select2-container,
#filters .filter-box .select2-container .select2-search__field {
    width: 100% !important;
}

.organization-settings label.control-label {
    width: 8%;
}

.organization-settings .time-tracking-settings div.col-md-2.col-sm-3.col-xs-4,
.organization-settings .all_task_required_approval div.col-md-2.col-sm-3.col-xs-4 {
    width: 10%;
}

.organization-settings .time-tracking-widget .force-all-users {
    padding-left: 29px;
}

.time-tracking-settings .col-md-10 {
    margin: 5px 0;
}

#can_see_tasks .form-group {
    padding-top: 0%;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.venue-error,
.responsible-error {
    padding-left: 15px;
}

#my-profile-container label,
#admin-organization-container label,
#admin-user-container label,
#admin-venue-container label,
#admin-sla-container label,
#admin-task-category-container label,
#admin-tag-container label,
#admin-user-group-container label,
#admin-user-group-container label,
#new-task-container label,
#new-activity-task-container label,
#new-downtime-task-container label,
#partnership-venue-container .form-container label,
#work-delivery-journal-container label,
#admin-organization-container .form-container label,
#statementOfWorkPreviewContainer label,
#new_task_locationMap,
#admin-partnership-container .form-container label {
    font-weight: normal;
    text-align: left;
    min-width: 75px;
}

#active-partnership-edit #admin-partnership-container .form-container label {
    min-width: auto;
}

#new-downtime-task-container .location-tracking .checkbox > label,
#new-activity-task-container .location-tracking .checkbox > label {
    padding-left: 20px;
}

#new-downtime-task-container .location-tracking,
#new-activity-task-container .location-tracking {
    overflow: hidden;
}

#new-downtime-task-container .location-tracking .checkbox,
#new-activity-task-container .location-tracking .checkbox {
    margin: 0px;
    padding-bottom: 5px;
}

#new-task-container label.switch {
    min-width: 45px;
}

#admin-aar-container select,
#admin-venue-container input,
#admin-venue-container textarea,
#admin-venue-container #commentEditor,
#admin-venue-container select,
#admin-sla-container input,
#admin-sla-container select,
#admin-tag-container select,
#admin-user-group-container input,
#admin-user-group-container select,
#new-task-container input,
#new-activity-task-container input,
#new-activity-task-container textarea,
#new-downtime-task-container input,
#new-downtime-task-container textarea,
#users-selection input,
.edit-checklist-form input,
#single-task-container .task-resolution-deadline .deadline-picker-input input,
#admin-partnership-container .form-container select,
#partnership-venue-container .form-container input:not(.selectSearchInput),
#admin-partnership-container .form-container input:not(.selectSearchInput),
#work-delivery-journal-container input.select2-search__field,
.admin_auto_assignment_rule input.select2-search__field,
#new_task_locationMap,
#new-task-container select {
    border: none;
    border-bottom: solid 1px #a5a599;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    background-color: transparent;
}

#wdjAddMaterialQuantityModal label,
#wdjAddServiceQuantityModal label,
#saveMaterialModal label,
#saveServiceModal label,
#workLogEditModal .venue-name, #workLogEditModal .venue-address {
    font-weight: normal;
}

#noWdjPreviewModal .modal-title {
    padding-left: 15px;
    padding-right: 15px;
}

#deleteSowModal .modal-body,
#deleteWdjModal .modal-body,
#cancelWdjModal .modal-body,
#wdjAddMaterialQuantityModal .modal-body,
#wdjAddServiceQuantityModal .modal-body,
#saveMaterialModal .modal-body,
#noWdjPreviewModal .modal-body,
#saveServiceModal .modal-body {
    padding: 30px;
}

#noWdjPreviewModal .modal-footer {
    padding-right: 30px;
}

.venue-note-container {
    cursor: pointer;
}

#admin-venue-container .venue-notes-help-block {
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#wdjAddMaterialQuantityModal .modal-body,
#wdjAddServiceQuantityModal .modal-body,
#saveMaterialModal .modal-body,
#saveServiceModal .modal-body {
    padding-bottom: 0;
}

.work-delivery-journal-detail-data .venue-address {
    color: #bebeb4;
    font-size: 12px;
}

.work-logs-container tbody td,
.work-logs-container thead tr:first-child th {
    font-size: 12px;
}

.work-logs-container thead tr:last-child th {
    font-size: 11px;
}

#my-profile-container .checkbox,
#admin-organization-container .checkbox,
#admin-user-container .checkbox,
#partnership-venue-container .form-container .checkbox,
#admin-partnership-container .form-container .checkbox,
#admin-sla-container .checkbox{
    float: left;
    min-width: 80px;
    margin: 0 5px 0 20px;
}

.task-data-notifications {
    text-align: center;
    display: flex;
}

#my-profile-container .task-data-notifications label,
#admin-user-container .task-data-notifications label {
    text-align: center;
}

.task-data-notifications .checkbox {
    width: 100%;
}


#admin-tag-container .input-container .input-label,
.admin_task_category .input-container .input-label,
.admin_task_category_create .input-container .input-label {
    top: 6px;
}

#admin-tag-container .form-container .btn-primary,
#admin-task-category-container .form-container .btn-primary,
#admin-organization-container .profile-container .btn-primary {
    width: 100%;
    height: 44px;
    position: relative;
}

#admin-venue-container .form-container .btn-primary,
#sla_rule_save,
#activity_task_save,
#downtime_task_save,
#admin-user-group-container .form-container .btn-primary,
#admin-partnership-container .form-container .btn-primary,
#partnership-venue-container .form-container .btn-primary,
#new-task-container .btn-primary {
    width: 125%;
    height: 44px;
    position: relative;
    left: -25%;
}

#admin-user-container .profile-container .btn-primary {
    width: 100%;
    height: 44px;
    position: relative;
}

#my-profile-container .password-container {
    margin-bottom: 100px;
}

#my-profile-container .password-container .col-md-12 {
    padding-left: 0px;
}

#my-profile-container .password-container .btn-primary {
    width: 20%;
    height: 44px;
    position: relative;
    margin-top: 20px;
    float: right;
}
#my-profile-container .avatar-container .profile-picture,
#admin-organization-container .avatar-container .profile-picture {
    display: flex;
    align-items: center;
    padding-top: 22px;
}

.profile-picture #avatar_picture {
    flex: 1;
}

.statement-organization-detail {
    margin-top: 40px;
}

#admin-user-container .avatar-container {
    margin-top: 30px;
}

#admin-organization-container .logo-container .image-container {
    display: flex;
    min-height: 200px;
}

#admin-organization-container #avatar_block {
    display: flex;
    align-items: center;
}

#my-profile-container .avatar-container #avatar_delete,
#admin-organization-container .logo-container #avatar_delete,
.remove-avatar {
    position: absolute;
    top: 0;
    right: 15px;
    border: none;
    background: url('../img/icon-remove.png') no-repeat;
    width: 48px;
    height: 49px;
    font-size: 0;
    line-height: 0;
}

#my-profile-container .avatar-container #avatar_picture,
#admin-organization-container .avatar-container #avatar_picture {
    border-bottom: none;
}

#my-profile-container .avatar-container .col-sm-2 {
    width: 25%;
}
#my-profile-container .avatar-container .col-sm-10 {
    width: 75%;
}

#my-profile-container .avatar-container #avatar_upload {
    width: 20%;
    position: absolute;
    height: 44px;
    top: 80%;
    right: 0;
}

#my-profile-container .avatar-container #avatar_upload {
    width: 100%;
    position: absolute;
    left: 0;
    height: 44px;
}

#admin-organization-container .avatar-container #avatar_upload {
    border-radius: 4px;
    font-size: 14px;
    padding: 12px 20px 8px 20px;
    line-height: 12px;
    text-transform: uppercase;
}

#admin-organization-container .avatar-container #avatar_upload {
    width: 100%;
    position: absolute;
    left: 0;
    height: 44px;
}

#my-profile-container #my_account_emailReportWeekdays,
#admin-user-container #user_emailReportWeekdays {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#my-profile-container #my_account_emailReportWeekdays > div,
#admin-user-container #user_emailReportWeekdays > div {
    min-width: 20px;
    flex-grow: 1;
}

.reminder-at-container .select2-container--default {
    max-width: 65px !important;
}

#admin-user-container #user_emailReportWeekdays > div,
#my-profile-container #my_account_emailReportWeekdays > div {
    padding-top: 5px;
}

.reminder-at-container .control-label {
    min-width: unset !important;
}

#my_account_emailReportWeekdays,
#user_emailReportWeekdays {
    width: 100%;
    justify-content: space-between;
}

label[for='user_preferredLanguage'] {
    top: -6px !important;
}

#my_account_emailReportWeekdays .slider,
#user_emailReportWeekdays .slider {
    width: 37px !important;
}

#my_account_emailReportWeekdays .switch,
#user_emailReportWeekdays .switch {
    min-width: fit-content;
}

.user-selectbox.user-preferred-language {
    justify-content: flex-start;
}

#my_account_emailReportWeekdays .checklist-switch .switch {
    margin-left: 0;
}

.copy_user .summary-notification-settings .select2-selection__arrow,
.admin_user .summary-notification-settings .select2-selection__arrow,
.my_account .summary-notification-settings .select2-selection__arrow {
    margin-top: 10px !important;
}

.copy_user .summary-notification-settings .select2-selection__rendered,
.admin_user .summary-notification-settings .select2-selection__rendered,
.my_account .summary-notification-settings .select2-selection__rendered {
    line-height: normal !important;
}

.internal-server-error,
.page-not-found,
.pre-login-page {
    background-color: #302f2b;
}

.internal-server-error .box,
.page-not-found .box,
.pre-login-page .box {
    width: 382px;
    margin-left: -191px;
    position: absolute;
    left: 50%;
    top: 150px;
}

.internal-server-error h3,
.page-not-found h3,
.pre-login-page h3 {
    text-align: center;
    color: #a5a599;
}

.internal-server-error .box-button,
.page-not-found .box-button,
.pre-login-page .box button {
    width: 380px;
}

.pre-login-page .main-content .logo {
    width: 382px;
    height: 106px;
    background: url('../img/logo_login.png') no-repeat center/contain;
}


#noMenuLayout .main-content,
.internal-server-error .main-content,
.page-not-found .main-content,
.pre-login-page .main-content {
    background-color: transparent;
    border: unset;
    min-height: calc(100vh - 125px);
}

.internal-server-error #top-menu,
.page-not-found #top-menu,
.pre-login-page #top-menu {
    position: relative;
    top: 14px;
    left: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#noMenuLayout #top-menu {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#noMenuLayout .row.header .locale-links {
    margin-top: 14px;
}

.internal-server-error #top-menu #locales,
.page-not-found #top-menu #locales,
.pre-login-page #top-menu #locales {
    left: auto;
    right: 0;
    top: 100%;
}

.internal-server-error .row.header .logo,
.page-not-found .row.header .logo,
.pre-login-page .row.header .logo {
    margin-top: 25px;
    margin-left: 10px;
}

.internal-server-error .preform-spacer,
.page-not-found .preform-spacer,
.pre-login-page .preform-spacer {
    height: 100px;
}

.internal-server-error .upper-mini-menu > *,
.page-not-found .upper-mini-menu > *,
.pre-login-page .upper-mini-menu > * {
    float: right;
}

.pre-login-page .upper-mini-menu .upper-mini-menu-ul {
    padding-left: 0;
}

.internal-server-error .upper-mini-menu .language-select,
.page-not-found .upper-mini-menu .language-select,
.pre-login-page .upper-mini-menu .language-select {
    margin: 20px 20px;
}

.internal-server-error .upper-mini-menu .language-select select,
.internal-server-error .upper-mini-menu .language-select select > option
.page-not-found .upper-mini-menu .language-select select,
.page-not-found .upper-mini-menu .language-select select > option
.pre-login-page .upper-mini-menu .language-select select,
.pre-login-page .upper-mini-menu .language-select select > option {
    background-color: #302f2b;
    color: #a5a599;
}

.internal-server-error .upper-mini-menu li,
.page-not-found .upper-mini-menu li,
.pre-login-page .upper-mini-menu li {
    display: inline-block;
    padding: 20px 10px;
}

.internal-server-error .upper-mini-menu li a,
.page-not-found .upper-mini-menu li a,
.pre-login-page .upper-mini-menu li a {
    color: #a5a599;
    cursor: pointer;
}

.internal-server-error .back-link a,
.page-not-found .back-link a,
.pre-login-page .back-link a {
    color: #a5a599;
    padding-left: 10px;
}

.internal-server-error .locale-links,
.page-not-found .locale-links,
.pre-login-page .locale-links {
    position: relative;
    top: -10px;
    left: -10px;
    margin-left: 5px;
}

.internal-server-error .locale-links .dropdown-toggle,
.page-not-found .locale-links .dropdown-toggle,
.pre-login-page .locale-links .dropdown-toggle {
    margin-left: 0;
}

#top-menu li.about-einpix,
#top-menu li.customer-support-einpix {
    padding: 20px 10px;
}

li.about-einpix a,
li.customer-support-einpix a {
    color: #a5a599;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
}

.internal-server-error .upper-mini-menu li .dropdown-menu > li,
.page-not-found .upper-mini-menu li .dropdown-menu > li,
.pre-login-page .upper-mini-menu li .dropdown-menu > li {
    padding: 0;
}

#login-page #remember-me-label {
    float: left;
}

#login-page #remember-me {
    position: relative;
    top: 2px;
    left: -3px;
}

#login-page #forgot-password {
    float: right;
    margin-top: 9px;
}

#login-page .alert-warning li img {
    position: relative;
    top: -2px;
}

.internal-server-error-container .btn-primary,
.page-not-found-container .btn-primary,
#login-page .btn-primary {
    margin-top: 40px;
}

.internal-server-error-container .btn-primary,
.page-not-found-container .btn-primary {
    width: 100%;
}

form.dark input {
    background-color: transparent;
    border: none;
    border-bottom: solid 1px #47473f;
    color: white;
    box-shadow: none;
    border-radius: 0;
}
form.dark input:focus {
    box-shadow: none;
    border-color: white;
}

form.dark input.with-icon {
    padding-left: 35px;
    background-repeat: no-repeat;
}

.with-icon.icon-username {
    background-image: url("../img/icon_login_user.png");

}
.with-icon.icon-password {
    background-image: url("../img/icon_login_password.png");
    background-position: 2px 0;
}
.with-icon.icon-email {
    background-image: url("../img/icon_login_email.png");
    background-position: 0 4px;
}

form.dark ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: white;
    opacity: 0.8;
}
form.dark ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: white;
    opacity: 0.8;
}
form.dark :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
    opacity: 0.8;
}

form.dark label,
form.dark a {
    color: #a5a599
}

.btn-primary {
    color: #38352c;
    background-color: #fcd202;
    text-transform: uppercase;

    box-shadow: none;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    padding: 10px;
    line-height: 12px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled:active:hover,
.btn-primary.disabled.active:hover,
.btn-primary.disabled:active:focus,
.btn-primary.disabled.active:focus,
.btn-primary.disabled:active.focus,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary.disabled.active.focus {
    color: white;
    border: none;
    background-color: #fcd202;
}

.btn-admin-new {
    color: #f9f8f3;
    background-color: #b3b59d;
    text-transform: uppercase;

    box-shadow: none;
    border: none;
    border-radius: 4px;
    font-size: 13px;
    padding: 12px 20px;
    line-height: 20px;
}

.btn-light {
    color: #212529;
    background-color: #ffffff;
    text-transform: uppercase;

    box-shadow: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    font-size: 14px;
    padding: 12px 10px 8px 10px;
    line-height: 12px;
}

.btn-location {
    background: url('../img/icon-route.png') no-repeat center center;
    width: 25px;
    height: 25px;
}

.btn-location:hover {
    background: url('../img/icon-route-active.png') no-repeat center center;
}

.btn-edit {
    background: url('../img/icon-edit-inactive.png') no-repeat center center;
    width: 25px;
    height: 25px;
}

.btn-preview {
    background: url('../img/icon_eye_inactive.png') no-repeat center center;
    width: 25px;
    height: 25px;
    padding-right: 18px;
}

.btn-preview:hover,
.table-hover-custom tr:hover .btn-preview,
.table-hover tr:hover .btn-preview {
    background: url('../img/icon_eye_active.png') no-repeat center center;
}

.btn-eye:hover {
    text-decoration: none;
}

.user-location-data {
    cursor: pointer;
}

#workLogLocationsModal .modal-body {
    padding: 0 0 0 30px;
    background-color: #f9f8f3;
}

#workLogLocationsModal .modal-header {
    border-bottom: 0;
}

#workLogLocationsModal .modal-title {
    margin-top: 5px;
}

#currentlyWorkingUsers .close,
#workLogLocationsModal .close {
    position: absolute;
    right: 15px;
    top: 6px;
    z-index: 9999;
    font-size: 53px;
    opacity: 1;
    font-weight: normal;
}

#workLogLocationsModal .user-location-data small {
    font-size: 11px;
}

#work-log-list .fa-route,
#work-log-list .fa-eye {
    font-size: 18px;
    color: #c1c1b7;
}

#work-log-list .fa-route:hover,
#work-log-list .fa-eye:hover {
    color: #333;
}

#work-log-list .fa-route:hover {
    text-decoration: none;
}

#work-log-list .fa-route {
    font-size: 28px;
    vertical-align: bottom;
}

#workLogLocationsModal [role="checkbox"] img {
    margin-right: 5px;
    transform: translateY(-0.1em) !important;
}

.allowToFillCustomReason .checkbox {
    margin: 0;
}

.reasonMandatory .checkbox {
    margin-top: 0;
}

#new-downtime-task-container .reason-label-container {
    padding: 0;
    margin: 0;
}

#new-downtime-task-container .reasons-container {
    padding-top: 12px;
}

.btn-edit:hover,
.table-hover-custom tr:hover .btn-edit,
.table-hover tr:hover .btn-edit {
    background-image: url('../img/icon-edit-active.png');
}

.btn-check:hover {
    background-image: url('../img/icon-check-active.png');
}

.btn-cancel-edit:hover {
    background-image: url('../img/cancel-edit-active.png');
}

.add-task-picture {
    height: 26px !important;
    width: 26px !important;
}

.periodic-task-action .add-task-picture {
    margin-right: 0;
}

.handshake-icon:hover,
.table-hover tr:hover .handshake-icon {
    color: #4F4F4F;
}

#sow_attachments div.checkbox input {
    display: none;
}

#sow_attachments div.checkbox {
    display: block;
    background: url('../img/checkbox-inactive-img.png') no-repeat left;
    min-width: 21px;
    min-height: 21px;
    position: relative;
}

#sow_attachments div.checkbox.active {
    background-image: url('../img/checkbox-active-img.png');
}

#sow_attachments div.checkbox.disabled {
    background-image: url('../img/checkbox-disabled-inactive-img.png');
}

#sow_attachments div.checkbox label {
    margin-left: 5px;
}

.btn-remove {
    background: url('../img/icon-remove-inactive.png') no-repeat center center;
    width: 25px;
    height: 25px;
}

.attachments-container {
    position: relative;
    margin-bottom: 0;
}

.statement_of_work_update .popover {
    max-width: 600px !important;
}

.attachments-help {
    position: absolute;
    top: -12px;
    margin-left: 2px;
}

body.new-menu-design #filters.realtime-report-filters {
    height: 100% !important;
}

body.new-menu-design #realtime-map {
    height: calc(100vh - 57px) !important;
}

.btn-check {
    background: url('../img/icon-check-inactive.png') no-repeat center center;
    width: 25px;
    height: 25px;
}

.btn-cancel-edit {
    background: url('../img/cancel-edit-inactive.png') no-repeat center center;
    width: 25px;
    height: 25px;
}

.btn-remove:hover,
.table-hover-custom tr:hover .btn-remove,
.table-hover tr:hover .btn-remove {
    background-image: url('../img/icon-remove-active.png');
}

.btn-default,
.btn-danger {
    border-radius: 4px;
    font-size: 14px;
    padding: 10px 12px 10px 12px;
    line-height: 12px;
    text-transform: uppercase;
}

.btn-default.dropdown-label {
    text-transform: none;
}

.btn-default.iconed {
    padding: 9px;
}

.work-log-list-container .btn-default.iconed {
    margin-top: -8px;
    margin-left: 30px;
}

.btn .glyphicon {
    line-height: inherit;
    margin-top: -4px;
    top: 4px;
}

.btn-xl {
    font-size: 20px;
    padding: 20px;
}

.alert {
    position: fixed;
    top: 80px;
    max-width: 600px;
    left: 0;
    padding-right: 30px;
    z-index: 9998;
    margin: auto;
    right: 0;
    overflow-y: auto;
    max-height: 400px;
    width: fit-content;
}

#switchOrganizationModal .group-item {
    margin-top: 2px;
}

#switchOrganizationModal .group-item label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
    font-weight: normal;
}

#switchOrganizationModal .organization-data-container {
    max-width: 80%;
    cursor: pointer;
}

#switchOrganizationModal .organization-data-container .group-item {
    max-width: 100%;
}

#switchOrganizationModal ul {
    padding-right: 30px;
}

#switchOrganizationModal .organization-data-container .group-item label {
    max-width: 86%;
    cursor: pointer;
}

#switchOrganizationModal .active-organization {
    background: #c0e3ca;
    border-radius: 4px;
    padding: 2px 8px 0 8px;
    font-size: 11px;
    color: #48B972;
}

.fc .fc-button-primary.fc-nextCustom-button,
.fc .fc-button-primary.fc-prevCustom-button,
.fc .fc-button-primary.fc-dateSelectionCustom-button,
.fc .fc-button-primary.fc-todayCustom-button {
    background: #FFFFFF !important;
    color: #333333 !important;
}

.list-calendar-container .fc-button-primary.fc-monthCustom-button:hover,
.list-calendar-container .fc-button-primary.fc-weekCustom-button:hover,
.weekly-calendar-container .fc-button-primary.fc-monthCustom-button:hover,
.weekly-calendar-container .fc-button-primary.fc-listCustom-button:hover,
.monthly-calendar-container .fc-button-primary.fc-weekCustom-button:hover,
.monthly-calendar-container .fc-button-primary.fc-listCustom-button:hover,
.resourceTimelineDay .fc-button-primary.fc-weekCustom-button:hover,
.resourceTimelineDay .fc-button-primary.fc-monthCustom-button:hover,
.resourceTimelineMonth .fc-button-primary.fc-weekCustom-button:hover,
.resourceTimelineMonth .fc-button-primary.fc-dayCustom-button:hover,
.resourceTimelineWeek .fc-button-primary.fc-monthCustom-button:hover,
.resourceTimelineWeek .fc-button-primary.fc-dayCustom-button:hover,
.fc .fc-button-primary:hover.fc-nextCustom-button:hover,
.fc .fc-button-primary.fc-prevCustom-button:hover,
.fc .fc-button-primary.fc-hideRepeatEventCustom-button:hover,
.fc .fc-button-primary.fc-oneEventPerDayCustom-button:hover,
.fc .fc-button-primary.fc-twoEventPerDayCustom-button:hover,
.fc .fc-button-primary.fc-threeEventPerDayCustom-button:hover,
.fc .fc-button-primary.fc-dateSelectionCustom-button:hover,
.fc .fc-button-primary.fc-todayCustom-button:hover {
    background: #efefef !important;
}

.periodic-area input.input-with-error {
    border-bottom-color: #a94442 !important;
    color: #a94442 !important;
}

.services-changed-after-wdj-signed {
    text-align: center;
    background-color: #FFFF;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    border: 1px solid #ccc;
}

.dispatcher_list .medium-calendar-event,
.dispatcher-task-container.medium-calendar-event {
    border-left: 4px solid #71A878 !important;
    background-color: #FFFFFF !important;
    border-right: 1px solid #bbbbbb !important;
    border-bottom: 1px solid #bbbbbb !important;
    border-top: 1px solid #bbbbbb !important;
}

.dispatcher_list .low-calendar-event,
.dispatcher-task-container.low-calendar-event {
    border-left: 4px solid #7BA4D5 !important;
    background-color: #FFFFFF !important;
    border-right: 1px solid #bbbbbb !important;
    border-bottom: 1px solid #bbbbbb !important;
    border-top: 1px solid #bbbbbb !important
}

.dispatcher_list .emergency-calendar-event,
.dispatcher-task-container.emergency-calendar-event {
    border-left: 4px solid #EA5000 !important;
    background-color: #FFFFFF !important;
    border-right: 1px solid #bbbbbb !important;
    border-bottom: 1px solid #bbbbbb !important;
    border-top: 1px solid #bbbbbb !important
}

.dispatcher_list .high-calendar-event,
.dispatcher-task-container.high-calendar-event {
    border-left: 4px solid #FFA433 !important;
    background-color: #FFFFFF !important;
    border-right: 1px solid #bbbbbb !important;
    border-bottom: 1px solid #bbbbbb !important;
    border-top: 1px solid #bbbbbb !important
}

.dispatcher-task-container .contact-avatar {
    position: relative;
}

.dispatcher-task-container .contact-avatar .fa-share-icon {
    width: 13px;
    height: 13px;
    display: flex;
    position: absolute;
    border-radius: 50%;
    align-items: center;
    background-color: #fff;
    justify-content: center;
    border: 1px solid #ccc;
    top: -5px;
    left: -4px;
    font-size: 10px;
    margin-left: -1px;
}

.dispatcher-task-container .contact-avatar .fa-share-icon .fa-share-alt {
    font-size: 7px;
    margin-left: -1px;
}

.new-menu-design .dispatcher-task-container .contact-avatar.remaining-assignees,
.new-menu-design .dispatcher-task-container .contact-avatar.avatar-placeholder,
.dispatcher-task-container .contact-avatar .img-profile {
    max-width: 24px;
    max-height: 24px;
    min-width: 24px;
    min-height: 24px;
}

.dispatcher-task-container .contact-avatar.remaining-assignees {
    width: 25px;
    height: 26px;
}

.planner-event .task-title .calendar-task-name,
.dispatcher-task-container .task-title .calendar-task-name {
    margin-top: 6px;
    font-weight: normal;
    font-size: 12px;
}

.planner-event .task-venue,
.planner-event .task-reporter,
.dispatcher-task-container .task-venue {
    margin: 2px 0 0 0;
    line-height: normal;
    color: #8C8C8B;
    font-size: 12px;
}

.dispatcher-task-container.not-droppable-event .task-id,
.dispatcher-task-container.not-droppable-event .task-venue,
.dispatcher-task-container.not-droppable-event .task-reporter {
    cursor: default;
}

.planner-event .task-reporter,
.planner-event .task-assignees,
.planner-event .task-venue {
    color: #333333;
    margin: 0
}

.dispatcher-task-container .col-end-date,
.dispatcher-task-container .col-start-date {
    position: relative;
}

.admin_user #moveEquipments .radio-selection-container .check {
    height: 15px;
    width: 15px;
}

.dispatcher-task-container .col-end-date img,
.dispatcher-task-container .col-start-date img {
    width: 16px;
    height: 16px;
    top: 3px;
    position: absolute;
}

.dispatcher-task-container .col-end-date .task-end-date-text,
.dispatcher-task-container .col-start-date .task-start-date-text {
    margin-left: 18px;
    font-size: 12px;
}

.dispatcher-task-container .end-date-container .deadline-in-red,
.dispatcher-task-container .start-date-container .past-start {
    color: #ff0000;
}

.dispatcher-task-container .end-date-container .deadline-in-red img,
.dispatcher-task-container .start-date-container .past-start img {
    filter: invert(12%) sepia(100%) saturate(6827%) hue-rotate(8deg) brightness(103%) contrast(116%);
}

.dispatcher-task-container .task-duration {
    margin-top: 4px;
    color: #8C8C8B;
}

.dispatcher-task-container .duration-separator {
    border-top: 1px solid #ddd;
    margin-top: 6px;
}

.dispatcher-task-container .task-reporter {
    margin: 2px 0 0 0;
    line-height: normal;
    font-size: 12px;
}

.planner-event .duration {
    margin: 0;
    text-decoration: underline;
}

.planner-event .task-venue label,
.planner-event .task-reporter label,
.planner-event .task-assignees label,
.dispatcher-task-container .task-reporter label {
    color: #8C8C8B;
    font-weight: normal;
}

.planner-event .task-venue label,
.planner-event .task-reporter label,
.planner-event .task-assignees label {
    margin-bottom: 0;
}

.planner-event .task-venue,
.planner-event .task-reporter,
.planner-event .task-assignees {
    margin-bottom: 2px;
}

.planner-event .task-assignees label,
.dispatcher-task-container .task-reporter label {
    margin-right: 2px;
}

.dispatcher-task-container .task-content {
    position: relative;
}

.dispatcher-task-container .contact-avatar {
    height: 24px;
    width: 24px;
    padding-top: 0;
    margin-right: 0 !important;
}

.dispatcher-task-container .contact-avatar {
    width: 24px;
    margin-left: -10px;
}

.dispatcher-task-container .contact-avatar:first-child {
    margin-left: 0;
}

.dispatcher-task-container .task-id {
    color: #8C8C8B;
    padding-left: 5px;
    font-size: 12px;
    margin-bottom: -4px;
    line-height: normal;
}

.planner-event .task-content .status-icon img,
.dispatcher-task-container .task-content .status-icon img {
    height: 18px;
    width: 18px;
}

.dispatcher-task-container .share-circle-icon {
    height: 22px;
    width: 22px;
}

.services-changed-after-wdj-signed p {
    margin: 0;
    padding: 10px;
}

.import-confirm-header {
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    border-bottom: solid 1px #ddd;
}

.cancel-import {
    margin-right: 15px;
}

.alert-danger {
    border-color: #a94442;
}
.alert-success {
    border-color: #3c763d;
}

ul.alert li.closer {
    position: absolute;
    right: 5px;
    top: 0;
    padding: 5px;
    cursor: pointer;
    font-size: 22pt;
}

.row.header > div {
    height: 68px;
    background-color: #312f2a;
}

.dispatcher_list .daterangepicker .today:not(.active) {
    background-color: #ededed;
}

.lds-spinner {
    display: inline-block;
    width: 80px;
    height: 80px;
    position: absolute;
    right: -15px;
    transform: scale(0.3);
}

.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #000;
}

.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

#venue-list th {
    vertical-align: middle;
}

#venue-list .col-partnership-with-organization {
    line-height: normal;
    vertical-align: middle;
    width: 18%;
}

#venue-list .col-actions {
    justify-content: space-between;
    text-align: right;
    padding-right: 50px;
    width: 22%;
    min-width: 242px;
}

.auto-assignment-rules.admin-list .col-user-groups,
.auto-assignment-rules.admin-list .col-severities,
#admin-downtime-tasks .location-tracking,
#admin-activity-tasks .location-tracking,
.sla.admin-list .severity,
.users.admin-list .user-group,
.admin-list .reopen_strategy,
.admin-list .reaction_resolution_time,
.admin-list .reporter_user_group,
.admin-list .assinee_user_group {
    line-height: normal;
    vertical-align: middle;
}

.row.header .logo {
    margin: 14px 21px;
}

.auto-assignment-rules .user-company-name,
#user-list .user-company-name {
    font-weight: normal;
    font-size: 13px;
    color: #bebeb4;
    margin-bottom: 0;
}

.upper-mini-menu .locale-links button {
    margin-top: 16px;
}

.row.header .locale-links,
.row.header .admin-links {
    margin-top: 14px;
}

.service-internal-number,
.material-serial-number {
    margin-bottom: 0;
    font-size: 12px;
    color: #bebeb4;
}

.row.header .admin-links a.equipment-menu,
.row.header .admin-links button,
.row.header .locale-links button,
.upper-mini-menu .locale-links button {
    background-color: transparent;
    color: #fcd202;
    box-shadow: 0 0 1px 1px; /* IE */
    -webkit-box-shadow: 0 0 1px 0; /* Legit browsers */
    margin-left: 1px;
    padding-top: 8px;
}

.btn-default:focus {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.row.header .notification-links button {
    background-color: transparent;
    color: #fff;
    padding-top: 18px;
    font-size: 24px;
    position: relative;
}

.row.header .notification-links .counter {
    position: absolute;
    top: 10px;
    left: 33px;
    padding: 3px;
    margin-left: -23px;
    font-size: 12px;
    color: #fff;
    background-color: #d2282e;
    border-radius: 50%;
    width: 23px;
    height: 22px;
}

#top-menu .locale-links .btn-header {
    padding-right: 12px !important;
    padding-bottom: 6px;
    font-size: 14px;
    font-weight: 400;
}

#top-menu .dropdown-menu .submenu > li > a.hover,
#top-menu .dropdown-menu .submenu > li > a.focus,
#top-menu .dropdown-menu > li > a:focus,
#top-menu .dropdown-menu > li > a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #F4F3F9;
    border-radius: 8px;
}

#top-menu li.profile-links {
    padding-right: 10px !important;
}

#top-menu li.locale-links .btn-header::after {
    position: relative;
    top: -2px;
}

#top-menu li.profile-links .btn-header::after {
    position: relative;
    top: -1px;
}

.row.header .notification-links .counter.max-number {
    font-size: 10px;
    padding: 4px;
}

.notification-container {
    display: inline-block;
    background: #F9F8F6;
    position: absolute;
    top: 72px;
    right: 6px;
    border: 1px solid #C9C9C9;
    min-width: 400px;
    max-width: 400px;
    border-radius: 8px;
    padding-bottom: 4px;
}

.notification-block {
    height: calc(100vh - 150px);
    overflow-x: hidden;
    overflow-y: auto;
}

.notification-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0px 5px 20px;
    border-bottom: 1px solid #bebdb2;
}

.notification-body {
    border-bottom: 1px solid #cccccc70;
}

.unread-notification {
    background-color: #F9F8F6;
}

.notification-header h3 {
    margin: 0;
    font-size: 22px;
}

.notification-header ul {
    margin: 0;
    list-style-type: none;
    padding: 0;
}

.notification-detail a:hover {
    text-decoration: none;
}

.notification-detail .actor-image {
    display: flex;
    justify-content: space-between;
}

.notification-detail .contact-avatar {
    width: 30px;
    height: 30px;
    position: relative;
}

.notification-detail .actor-image ul {
    width: calc(100% - 30px);
    margin: 0 10px;
    padding: 0;
    list-style-type: none;
    line-height: normal;
}

.notification-detail .actor-image .notification-time {
    line-height: normal;
    font-style: italic;
    color: #ABAC9F;
    width: 60px;
    text-align: right;
    font-size: 12px;
}

.notification > ul {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    padding: 12px 20px 3px 16px;
    background-color: #F9F8F6;
    margin-bottom: 0;
}

.admin_tasks_import_confirm .error a {
    text-decoration: underline;
    color: inherit;
    font-weight: normal;
}

.admin_tasks_import_confirm .error strong {
    font-weight: normal;
}

.notification-body .img-circle {
    height: 30px;
    width: 30px;
}

.notification > ul.no-unread-notification ~ .notification-detail,
.notification > ul.no-unread-notification {
    background-color: #fff;
}

.admin_tasks_import_confirm #import-results-container .import-results td.item-key {
    width: unset;
}

.admin_tasks_import_confirm .import-results .import-venue-address {
    font-size: 13px;
    color: #bebeb4;
    margin: 0;
    line-height: normal;
}

.admin_tasks_import_confirm .import-results th.col-import-venue,
.admin_tasks_import_confirm .import-results th.col-import-summary {
    width: 20%;
}

.admin_tasks_import_confirm .import-results th.venue {
    width: 60%;
}

.notification-detail {
    cursor: pointer;
    padding: 9px 16px;
}

.notification-detail.no-unread-notification {
    background-color: #fff;
}

.notification-body {
    padding-left: 4px;
}

.notification-task-title {
    font-weight: bold;
    font-size: 16px;
    width: 100%;
}

.notification-task-title a {
    font-weight: bold;
    font-size: 16px;
    color: #333;
    width: 100%;
    display: inline-block;
}

.notification-task-title a:hover, .notification-task-id a:hover {
    text-decoration: none;
}

.notification-task-id a {
    color: #ABAC9F;
    font-size: 12px;
}

.notification-message-heading {
    font-weight: bold;
    font-size: 13px;
    color: #555;
    margin-bottom: 3px;
}

.notification-message-content {
    font-size: 13px;
    color: #555;
}

.notification-user-name {
    font-style: italic;
    font-weight: normal;
    font-size: 12px;
    color: #a0a0a0;
}

.more-notifications, .collapse-notifications {
    color: #ABAC9F;
    text-decoration: underline;
    margin-top: 5px;
    font-size: 12px;
    margin-left: 40px;
}

.unread-notification .contact-avatar:after {
    width: 8px;
    height: 8px;
    content: '';
    position: absolute;
    background: #6EB4FB;
    border-radius: 50%;
    left: -14px;
    top: 50%;
    transform: translate(0, -50%);
}

.notification-action a {
    color: #ABAC9F;
    font-style: italic;
    text-decoration: underline;
    font-size: 12px;
}

.notification-action a#clear_notification {
    margin-right: 10px;
}

.notification-header .switch {
    height: 16px;
    width: 38px;
    font-weight: normal;
    text-align: left;
    margin-bottom: 4px;
    margin-left: 12px;
}

.notification-switch {
    display: flex;
    white-space: nowrap;
    align-items: center;
    font-size: 13px;
    float: right;
    margin-right: 10px;
}

#select2-user-list-filter-role-results .select2-results__option,
#select2-user-list-filter-licenseType-results .select2-results__option {
    line-height: 24px;
}

.notification-header .switch .slider:before {
    height: 12px;
    width: 12px;
    background-color: #BFBFBF;
    bottom: 2px;
    left: 2px;
}

.notification-header .notification-switch input:checked + .slider {
    border-color: #fcd202;
}

.notification-header .notification-switch input:checked + .slider::before {
    transform: translateX(16px);
    background-color: #FFFFFF;
    left: 3px;
}

.notification-header .switch .slider {
    width: 36px;
    height: 18px;
}

.notification-action {
    margin-left: 10px;
}

.notification-action span {
    color: #a0a0a0;
}

.no-more-planned-tasks,
.no-more-notifications {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 40px 0 44px;
    margin: 0 30px;
    text-align: center;
}

.no-more-planned-tasks:only-of-type,
.no-more-notifications:only-of-type {
    height: calc(90vh - 100px);
}

.no-more-planned-tasks i,
.no-more-notifications i {
    font-size: 50px;
    color: #A9A9A8;
    margin-bottom: 10px;
    margin-top: 10px;
}

#top-menu .profile-links {
    margin-top: 4px;
    margin-right: 0;
}

#top-menu ul.dropdown-menu {
    border-radius: 8px;
}

.row.header .profile-links button {
    background-color: transparent;
    color: #fcd202;
    padding: 0;
}

.row.header .profile-links button.dropdown-toggle {
    padding: 12px 6px;
}

.row.header .profile-links button .img-my-profile,
.row.header .profile-links button .img-profile {
    max-width: 40px;
    max-height: 40px;
}

.row.header .profile-links .dropdown-menu {
    left: inherit;
    right: 0;
}

#new-periodic-task .btn-primary,
#single-task-container .header-print .btn-primary,
#new-task .btn-primary {
    margin: 10px 22px;
    height: 48px;
    display: block;
    line-height: 30px;
}

.fc .fc-button-primary {
    background: #333333 !important;
    color: #FFFFFF !important;
}

#task-export-header .subheader {
    padding: 5px 21px;
    color: #333;
}

#task-export-header .header-print .btn-primary {
    margin: 10px 22px;
    height: 35px;
    display: block;
}

.subheader a.add-new-task {
    color: #38352c;
    left: 6%;
    top: 4px;
    margin: 0 !important;
    width: 11.66667%;
    position: absolute;
}

.filters {
    padding: 0;
}

.dispatcher-users-filters .filter-label,
.filters-by-task-fields,
.filters .filter-label {
    font-weight: bold;
    margin-left: 13px;
    padding: 9px;
}

.dispatcher-users-filters .filter-box {
    text-align: left;
}

.filters-by-user-fields,
.filters-by-task-fields {
    font-size: 16px;
    font-weight: 500;
}

.filters-by-user-fields {
    padding: 9px 9px 9px 22px;
}

#filterDate .filter-group,
#filter-date .filter-group {
    background-color: #fafaf9;
    border-top: solid 1px #eae9e2;
    border-bottom: solid 1px #eae9e2;
    margin-top: -1px;
}

#work-delivery-journal-container .input-container .input-label {
    top: -6px;
}

#work-delivery-journal-container .venue-container .input-label,
#work-delivery-journal-container .document-submitted-by-container .input-label {
    left: 25px;
}

#work-delivery-journal-container .select2-container--default.select2-container--focus .select2-selection--multiple,
#work-delivery-journal-container .select2-container--default .select2-selection--multiple,
#work-delivery-journal-container .select2-container--default .select2-selection--single {
    border: 1px solid #ccc;
}

#work-delivery-journal-container fieldset {
    margin-bottom: 30px;
    padding-bottom: 5px;
    border-bottom: solid 1px #ddd;
}

#work-delivery-journal-container fieldset:last-child {
    border-bottom: none;
}

#work-delivery-journal-container .work-delivery-journal-detail-data {
    padding: 15px 40px 0 40px;
}

#work-delivery-journal-container .work-delivery-journal-actions:last-child {
    padding-top: 30px;
}

#work-delivery-journal-container .add-client-action,
#work-delivery-journal-container .edit-client-action {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
}

#work-delivery-journal-container .add-client-action .glyphicon {
    font-size: 24px;
    color: #302F2B;
}

#work-delivery-journal-container .edit-client-action .btn-edit {
    min-width: inherit;
}

#work-delivery-journal-container .client-selection {
    display: flex;
}

#work-delivery-journal-container .client-selection.input-container {
    margin-bottom: 0;
}

#work-delivery-journal-container .client-detail > div {
    margin-bottom: 5px;
}

#work-delivery-journal-container .client-detail {
    padding-left: 12px;
}

#work-delivery-journal-container .client-selection .form-group {
    width: 100%;
}

.realtime-report-filters-heading.disabled {
    cursor: not-allowed;
}

.report-container .active-rows {
    color: #bebeb4;
    font-size: 12px;
}

#filterDate .filter-group::after,
#filter-date .filter-group::after {
    content: "";
    display: block;
    clear: both;
}

#filterDate label,
#filterDate input,
#filterDate .trigger-icon,
#filter-date label,
#filter-date input,
#filter-date .trigger-icon {
    display: block;
    float: left;
    text-align: center;
    padding: 14px 0 8px 10px;
    cursor: pointer;
}

#filterDate label,
#filter-date label {
    font-weight: normal;
    color: #c8c7bf;
    width: 20%;
    text-align: left;
    margin-bottom: 0;
    padding-left: 12px;
}

#filterDate input,
#filter-date input {
    border: none;
    border-radius: 0;
    box-shadow: none;
    width: 60%;
    height: auto;
    background-color: transparent;
}

#filterDate .trigger-icon,
#filter-date .trigger-icon {
    width: 20%;
    color: #c8c7bf;
    padding-right: 22px;
}

#filterDate .date-type,
#filterDate .presets,
#filter-date .date-type,
#filter-date .presets {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: stretch;
    height: 104px;
    padding: 0;
    margin-bottom: 0;
}

#filterDate .date-type,
#filter-date .date-type {
    flex-direction: unset;
}

#filterDate .date-type > li,
#filterDate .presets > li,
#filter-date .date-type > li,
#filter-date .presets > li {
    height: 52px;
    width: 33.33333%;
    border-left: solid 1px #eae9e2;
    border-bottom: solid 1px #eae9e2;
    list-style: none;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.6;
    padding: 4px;
}

#filterDate .date-type > li,
#filter-date .date-type > li {
    height: 46px;
}

.periodic-area .end-date-inputs .help-block {
    position: absolute;
    top: 25px;
    width: 100%;
    left: 0;
}

.realtime-filters .select2-search__field {
    width: 100% !important;
}

#filterDate .date-type > li.active,
#filterDate .presets > li.active,
#filter-date .date-type > li.active,
#filter-date .presets > li.active {
    opacity: 1;
    font-weight: bold;
    background-color: #fafaf9;
}

#filterDate .date-type > li > a,
#filterDate .presets > li > a,
#filter-date .date-type > li > a,
#filter-date .presets > li > a {
    color: inherit;
    cursor: pointer;
}

#filterDate .date-type > li > a:hover,
#filterDate .presets > li > a:hover,
#filter-date .date-type > li > a:hover,
#filter-date .presets > li > a:hover {
    text-decoration: none;
}

.sow-filters #filter-date .presets > li,
.wdj-filters #filter-date .presets > li,
#report-filters #filter-date .presets > li,
#report-filters #filter-date .presets > li,
.work-log-filters #filter-date .presets > li {
    width: 25%;
    padding: 10px 12px;
}

#filterDate .date-type,
#filter-date .date-type {
    height: auto;
}

#filterDate .date-type > li,
#filter-date .date-type > li {
    width: 50%;
    padding: 10px 12px;
}

#filters .filter-box .filter-label {
    display: flex;
    align-items: center;
    position: relative;
}

.main-content {
    background-color: #f9f8f3;
    border: 1px solid #DDDDDD;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    min-height: calc(100vh - 68px);
}

body.new-menu-design,
.new-menu-design .main-content {
    min-height: calc(100vh - 54px);
}

.filters ul.status {
    display: flex;
    flex-direction: row;
    border-bottom: solid 1px #eae9e2;
    padding: 0;
}

.dispatcher-filters ul.status {
    display: flex;
    flex-direction: row;
    border-bottom: solid 1px #eae9e2;
    padding: 0;
    max-width: 300px;
}

.dispatcher-filters-container {
    top: 53px;
    position: absolute;
    width: 100%;
}

.filters ul.status > li {
    width: 25%;
    height: 56px;
    list-style: none;
    cursor: pointer;
}

.filters ul.status > li.active {
    border-bottom: solid 2px #fcd202;
}

.dispatcher-filters ul.status > li {
    width: 25%;
    height: 56px;
    list-style: none;
    cursor: pointer;
}

.dispatcher-filters ul.status > li.active {
    border-bottom: solid 2px #fcd202;
}

.fc-timeline-events .popover .arrow {
    left: 50% !important;
}


td.col-shared-icon i {
    margin-top: 3px;
}

.filters ul.status > li .icon {
    display: block;
    width: 27px;
    height: 27px;
    margin: 10px auto;
}

.dispatcher-filters ul.status > li .icon {
    display: block;
    width: 27px;
    height: 27px;
    margin: 10px auto;
}

.new .icon-status {                 background-image: url('../img/status-new-inactive.png') }
.new.active .icon-status {          background-image: url('../img/status-new-active.png') }
.in-progress .icon-status {         background-image: url('../img/status-in-progress-inactive.png') }
.in-progress.active .icon-status {  background-image: url('../img/status-in-progress-active.png') }
.done .icon-status {                background-image: url('../img/status-done-inactive.png') }
.done.active .icon-status {         background-image: url('../img/status-done-active.png') }
.void .icon-status {                background-image: url('../img/status-void-inactive.png') }
.void.active .icon-status {         background-image: url('../img/status-void-active.png') }
.missed .icon-status {              background-image: url('../img/status-missed-inactive.png') }
.missed.active .icon-status {       background-image: url('../img/status-missed-active.png') }

.new-menu-design .new .icon-status {
    background-image: url('../img/v2/status-new-inactive.svg');
    background-repeat: no-repeat;
}

.new-menu-design .new.active .icon-status {
    background-image: url('../img/v2/status-new-active.svg');
    background-repeat: no-repeat;
}

.new-menu-design .in-progress .icon-status {
    background-image: url('../img/v2/status-in-progress-inactive.svg');
    background-repeat: no-repeat;
}

.new-menu-design .in-progress.active .icon-status {
    background-image: url('../img/v2/status-in-progress-active.svg');
    background-repeat: no-repeat;
}

.new-menu-design .done .icon-status {
    background-image: url('../img/v2/status-done-inactive.svg');
    background-repeat: no-repeat;
}

.new-menu-design .done.active .icon-status {
    background-image: url('../img/v2/status-done-active.svg');
    background-repeat: no-repeat;
}

.new-menu-design .void .icon-status {
    background-image: url('../img/v2/status-void-inactive.svg');
    background-repeat: no-repeat;
}

.new-menu-design .void.active .icon-status {
    background-image: url('../img/v2/status-void-active.svg');
    background-repeat: no-repeat;
}

.new-menu-design .missed .icon-status {
    background-image: url('../img/v2/status-missed-inactive.svg');
    background-repeat: no-repeat;
}

.new-menu-design .missed.active .icon-status {
    background-image: url('../img/v2/status-missed-active.svg');
    background-repeat: no-repeat;
}

.filters .generic-items {
    background-color: #fafaf9;
    padding: 5px 0;
    border-top: solid 1px #eae9e2;
    border-bottom: solid 1px #eae9e2;
}

.filters .generic-items > li:not(.no-data) {
    background-image: url('../img/checkbox-inactive-img.png');
    background-repeat: no-repeat;
    background-position: center left;
    line-height: 12px;
    padding: 8px 0 5px 30px;
    list-style: none;
    margin-left: 22px;
    cursor: pointer;
}

.font-italic {
    font-style: italic !important;
}

.filters .generic-items > li.disabled {
    background-image: url('../img/checkbox-disabled-inactive-img.png') !important;
}

.categories-container .selection .select2-selection.select2-selection--multiple {
    border: 1px solid #ccc;
    min-height: 42px;
}

.filters .generic-items > li.active {
    background-image: url('../img/checkbox-active-img.png');
}

.filters .generic-items > li  span {
    background-color: transparent;
    font-size: 12px;
}

.dispatcher-filter-group-label {
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    padding: 9px;
    margin-left: 13px;
}

.filters .generic-items > li  span.secondary-label {
    color: #bebeb4;
    font-size: 10px;
}

.filters .generic-items > li .avatar {
    float: left;
    margin-right: 5px;
    margin-bottom: 2px;
}

.admin-list thead {
    background-color: #fbfbf9;
}

.admin-list > thead > tr > th {
    color: #bebeb4;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 40px;
    padding: 10px 8px;
    font-size: 12px;
}

.admin-list th.combo .label-left {
    display: inline-block;
    float: left;
}

.admin-list th.combo .actions-right {
    float: right;
    margin-left: 10px;
}

#user-list.admin-list th.combo .actions-right {
    margin-left: 0;
}

.admin-list th input {
    font-weight: normal;
}

.admin-list .btn-admin-new {
    width: 200px;
}

.admin-list > tbody > tr > td {
    padding-top: 20px;
    padding-bottom: 15px;
}

.admin-list td:first-child,
.admin-list th:first-child{
    padding-left: 50px;
}
.admin-list td:last-child,
.admin-list th:last-child{
    padding-right: 50px;
}

.admin-list .actions {
    text-align: right;
    min-width: 200px;
}

body:not(.admin_user):not(.admin_partnership_invite):not(.edit_invited_partnership) > .popover.top>.arrow {
    left: 50% !important;
}

.admin-list .user-list-actions {
    min-width: 220px;
}

.admin-list th.combo {
    min-width: 420px;
}

.fc-scrollgrid-section-footer .presentation:first-child {
    position: unset;
}

#confirmAssigneeChange {
    top: 20%;
}

.dispatcher_list .fc-datagrid-cell-cushion .dispatcher-users-filters .dispatcher-filters-container {
    margin-top: 0;
    top: 63px;
}

.dispatcher_list .resourceTimelineDay .fc-datagrid-cell-cushion .dispatcher-users-filters .dispatcher-filters-container,
.dispatcher_list .resourceTimelineMonth .fc-datagrid-cell-cushion .dispatcher-users-filters .dispatcher-filters-container {
    margin-top: 0;
    top: 50px;
}

.dispatcher_list .fc-datagrid-cell-cushion:first-child {
    width: 100%
}

.work-log-list-container td.actions .btn {
    margin-left: 10px;
}

.admin-list td.actions .btn-remove {
    margin-left: 5px;
}

.admin-list td.actions .btn-edit {
    margin-left: 10px;
}

.admin_auto_assignment_rules td.col-name,
.sow_services_list td.name,
.sow_materials_list td.name,
.sow_material_categories_list td.name,
.units_list td.name,
.clients_list td.name,
.admin_downtime_task_list td.name,
.admin_activity_task_list td.name,
#user-list td.name,
#venue-list td.name {
    font-weight: 500;
}

#user-list td.name img {
    margin-right: 10px;
}

#user-list td.name > div {
    display: flex;
    align-items: center;
}

#user-list td.name > div .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-height: 1.21;
}

#user-list th.actions .btn-group {
    display: flex;
}

#user-list th.name { width: 25%; }
#user-list th.roles { width: 20%; line-height: normal; vertical-align: middle }
#user-list th.combo { width: 20%; min-width: 380px; }
#user-list th.licenseType { width: 12%; line-height: normal; vertical-align: middle; min-width: 130px; }
#user-list th.user-group { width: 15%; }
#user-list th.venues-count { width: 5%; line-height: normal }
#user-list th.activity-group { width: 10%; }
#user-list th.actions {
    width: 10%;
    min-width: 200px;
}

#user-list th.combo .create-action,
#user-list th.combo .import-export-control {
    top: 4px;
}

.admin_tags tbody .name,
.admin_task_categories tbody .name,
#venue-list td.assignees {
    line-height: 23px;
}

.admin_task_categories td.tags,
.admin_user_groups td.users {
    line-height: 20px;
    font-size: 13px;
}

.admin_user_groups .users .secondary,
#venue-list .assignees .secondary,
.contact-person .secondary {
    color: #bebeb4;
}

.auto-assignment-assignee-container .select2-selection--single .img-profile,
.document-submitted-by-container .select2-selection--single .img-profile {
    max-height: 28px;
    max-width: 28px;
}

#admin-user-container .profile-container,
#admin-sla-container .form-container,
#admin-user-group-container .form-container,
#admin-tag-container .form-container,
#admin-task-category-container .form-container{
    margin-bottom: 50px;
}

#admin-organization-container .avatar-container .image-container,
#my-profile-container .avatar-container .image-container,
#admin-user-container .avatar-container .image-container {
    display: flex;
    margin-top: 20px;
    text-align: center;
}

#manage-partnership-venue .map-container,
#admin-venue-container .map-container {
    padding: 0;
}

#partnership-venue-container .form-group {
    margin-bottom: 0;
}

.select-replacement {
    list-style: none;
    border: solid 1px #ccc;
    border-radius: 4px;
    display: none;
    padding: 5px;
}

.select-replacement.error {
    border-color: red;
}

.select-replacement li {
    padding: 8px 16px;
    cursor: pointer;
}

#new-downtime-task-container .select-replacement li {
    padding: 8px 16px 4px;
}

.select-replacement li:hover {
    background-color: #fbfbf9;
}

.select-replacement > li > * {
    vertical-align: top;
}

.task-categories.admin-list th.name {
    width: 25%;
}

.tags.admin-list th:not(.name):not(.shared-icon-heading),
.task-categories.admin-list th:not(.name):not(.shared-icon-heading) {
    width: 10%;
    line-height: normal;
    vertical-align: middle;
}

.admin_task_categories .task-categories.admin-list th.available-tags {
    width: 15%;
}

.admin_tags .checkbox,
#switchOrganizationModal .checkbox,
.admin_task_categories .checkbox,
.select-replacement .checkbox {
    display: inline-block;
    background: url('../img/checkbox-inactive-img.png') no-repeat center;
    min-width: 21px;
    min-height: 21px;
    margin-right: 10px;
    position: relative;
    top: 8px;
}

#switchOrganizationModal ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

#switchOrganizationModal ul li {
    padding: 5px 0;
}

.switch-user-selector {
    padding: 10px 25px 10px 35px;
    cursor: pointer;
}

.video-wrapper {
    height: calc(100vh - 182px);
}

.video-player {
    width: 100%;
    height: 100%;
}

#switchOrganizationModal .count {
    border-radius: 50%;
    text-align: center;
    padding: 0;
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-left: 10px;
    background-color: #cccccc;
    font-weight: bold;
    color: #555;
    font-size: 10px;
    margin-bottom: 2px;
}

#switchOrganizationModal .modal-body ul {
    max-height: 320px;
    overflow-y: auto;
}

#switchOrganizationModal ul li:not(:last-child) {
    border-bottom: 1px solid #dddddd;
}

#switchOrganizationModal .checkbox {
    top: 0;
}

.admin_tags .checkbox,
.admin_task_categories .checkbox {
    top: 0;
}

#switchOrganizationModal .checkbox.active,
.admin_tags .checkbox.active,
.admin_task_categories .checkbox.active,
.select-replacement li.active .checkbox {
    background-image: url('../img/checkbox-active-img.png');
}

.dispatcher_list #assignees-replacement li .fa-share-alt {
    font-size: 10px;
    margin-left: -1px;
}

.dispatcher_list #assignees-replacement li .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;
}

.mb-0 {
    margin-bottom: 0;
}

#single-task-container #watchers-replacement .contact-person {
    margin-left: 0;
}

#single-task-container #watchers-replacement .contact-person,
.document-submitted-by-container .contact-person,
.auto-assignment-assignee-container .contact-person,
#workLogModal .contact-person,
.select-replacement .contact-person {
    display: inline-block;
    line-height: 100%;
    padding-top: 4px;
}

.auto-assignment-assignee-container .fa-share-icon .fa-share-alt {
    font-size: 10px;
    margin-left: -1px;
}

.auto-assignment-assignee-container .select2-results__option .contact-container {
    position: relative;
}

.auto-assignment-assignee-container .select2-results__option .fa-share-icon {
    top: -2px;
    left: -3px;
    width: 16px;
    height: 16px;
    display: flex;
    position: absolute;
    border-radius: 50%;
    align-items: center;
    background-color: #fff;
    justify-content: center;
    border: 1px solid #ccc;
}

.auto-assignment-assignee-container .select2-selection__rendered .fa-share-icon {
    top: 10px;
    left: 5px;
    width: 16px;
    height: 16px;
    display: flex;
    position: absolute;
    border-radius: 50%;
    align-items: center;
    background-color: #fff;
    justify-content: center;
    border: 1px solid #ccc;
}

#watchers-replacement .contact-person,
#single-task-container #watchers-replacement .contact-person {
    max-width: calc(100% - 65px);
}

.document-submitted-by-container .contact-person,
.auto-assignment-assignee-container .contact-person,
#workLogModal .contact-person {
    max-width: 100%;
}

#single-task-container #watchers-replacement .disabled .contact-person {
    padding-left: 0;
}

.admin_user_groups .users .secondary,
.admin_venues .secondary,
.select-replacement .contact-person .secondary {
    font-size: 80%;
}

#admin-venue-container .replacement-error {
    font-size: 16px;
    color: #a94442;
}

#new-task-container .right {
    padding: 0;
}

.replacement-error {
    position: relative;
    padding-left: 22px;
}

.replacement-error:after {
    content: '';
    background-image: url(../img/sign_error_icon.png);
    position: absolute;
    left: 0;
    z-index: 999999;
    top: 50%;
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate(0, -50%);
}


.video-link {
    display: block;
    width: 90px;
    height: 90px;
    overflow: visible;
    position: relative;
}

.video-link .thumbnail {
    width: 100%;
    object-fit: contain;
    object-position: center;
}

.video-link .thumbnail {
    width:100%;
    object-fit: contain;
    object-position: center;
}

.video-link::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url("../img/play-button.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 34px;
    opacity: 0.85;
}

.video-link:hover::after {
    background-size: 40px;
    -webkit-transition: background-size .2s ease-in-out;
    -moz-transition: background-size .2s ease-in-out;
    -o-transition: background-size .2s ease-in-out;
    transition: background-size .2s ease-in-out;
}

#playButton {
    background-image: url("../img/play-button.png");
    background-repeat: no-repeat;
    width: 140px;
    height: 140px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-size: contain;
    background-position: center;
    cursor: pointer;
    opacity: 0.9;
}

#playButton:hover {
    width: 160px;
    height: 160px;
}

#new-task-container .right .row {
    margin: 0;
}

.fc-hideRepeatEventCustom-button.fc-button span.fc-icon,
.fc-showRepeatEventCustom-button.fc-button span.fc-icon,
.fc-dateSelectionCustom-button.fc-button span.fc-icon,
.fc-createCustom-button.fc-button span.fc-icon {
    font-size: 21px !important;
}

#new-task-container .right .row .col-md-12 {
    padding: 0;
}

#new-task-container #task-uploaded {
    width: 100%;
    min-height: 500px;
    background: #adada0 url('../img/icon-image.png') no-repeat center;
    color: white;
    text-align: center;
    padding: 280px 10px 10px;
    font-size: 30px;
}

#addTaskPicture #task-upload,
#new-task-container #task-upload {
    width: 100%;
    min-height: 500px;
    background: #adada0 no-repeat center;
    color: white;
    text-align: center;
    padding: 280px 10px 10px;
    font-size: 24px;
    position: relative;
    line-height: 32px;
}

#addTaskPicture #task-upload {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}

#new-task-container .task-upload-image,
#new-task-container .task-upload-loader {
    position: absolute;
    left: 47%;
    top: 39%;
}

#new-task-container .task-upload-loader {
    top: 58% !important;
    left: 45% !important;
}

.task-upload-loader {
    position: absolute;
    left: 44%;
    top: 59%;
}

#addTaskPicture .task-upload-image {
    margin-bottom: 8px;
}

#addTaskPicture .task-upload-loader {
    position: absolute;
    left: 50% !important;
    top: 63% !important;
    transform: translate(-50%, -50%);
}

#new-task-container #task-uploaded.periodic-task-uploaded-image {
    background-size: cover;
    background-repeat: no-repeat;
}

#addTaskPicture #task-upload .dz-preview,
#new-task-container #task-upload .dz-preview {
    display: none;
}

#addTaskPicture #task-upload .alert,
#new-task-container #task-upload .alert {
    font-size: 14px;
    margin-top: 40px;
}

#addTaskPicture #task-canvas {
    width: 100% !important;
}

#new-task-container .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;
    cursor: pointer;
    position: relative;
    z-index: 100;
    top: 15px;
    right: 15px;
}

#addTaskPicture .actions .reset,
#new-task-container .actions .reset {
    background-image: url('../img/icon-reset.png');
    z-index: 1;
}

#addTaskPicture .actions .rotate,
#new-task-container .actions .rotate {
    background-image: url('../img/icon-rotate.png');
    z-index: 1;
    background-size: 52px;
}

#addTaskPicture .actions .remove,
#new-task-container .actions .remove {
    background-image: url('../img/icon-remove-inverted.png');
    z-index: 1;
}
#addTaskPicture .actions .no-picture,
#new-task-container .actions .no-picture {
    background-image: url('../img/icon-no-picture.png');
    float: left;
    margin-left: 30px;
    z-index: 1;
    cursor: default;
}

#new-task-container #task-picture,
#new-task-container #task-canvas {
    width: 100%;
    margin-top: -58px;
}

#new-task-container textarea,
.edit-checklist-form textarea {
    background-color: #f9f8f3;
    border: none;
    border-bottom: solid 1px #a5a599;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    max-width: 100%;
}

.edit-checklist-form textarea {
    height: 20px;
}

#new-task-container .btn-primary {
    width: 133%;
    left: -33%;
    top: 20px;
    margin-bottom: 40px;
}

.dispatcher_list .select-replacement .checkbox,
#admin-venue-container .select-replacement .checkbox,
#new-task-container .select-replacement .checkbox,
#workers-replacement .checkbox,
#single-task-container .select-replacement .checkbox,
#users-selection .select-replacement .checkbox {
    margin-top: 0;
    margin-bottom: 0;
}

.dispatcher_list .dispatcher-task-container.droppable {
    cursor: move;
}

#new-task-container #no-image-placeholder img {
    width: 100%;
    margin-top: -58px;
}

#top-menu .locale-links .btn-locale-en,
#top-menu .locale-links .btn-locale-lt,
#top-menu .locale-links .btn-locale-pl,
#top-menu .locale-links .btn-locale-ru,
#top-menu .locale-links a.locale-en,
#top-menu .locale-links a.locale-lt,
#top-menu .locale-links a.locale-pl,
#top-menu .locale-links a.locale-ru {
    padding-left: 46px;
    background: transparent no-repeat 8px center;
}

#top-menu .locale-links .btn-locale-en,
#top-menu .locale-links a.locale-en {
    background-image: url('../img/flag-uk.png');
}
#top-menu .locale-links .btn-locale-lt,
#top-menu .locale-links a.locale-lt {
    background-image: url('../img/flag-lt.png');
}
#top-menu .locale-links .btn-locale-pl,
#top-menu .locale-links a.locale-pl {
    background-image: url('../img/flag-pl.png');
}
#top-menu .locale-links .btn-locale-ru,
#top-menu .locale-links a.locale-ru {
    background-image: url('../img/flag-ru.png');
}

#top-menu .locale-links a:not(.nav-link):hover {
    background-color: #f5f5f5;
}

#report-filters .headline {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
}

#report-filters select {
    width: 90%;
    margin-left: 5%;
    margin-bottom: 20px;
}

#report-filters .btn-primary {
    width: 90%;
    margin-left: 5%;
    height: 48px;
    margin-bottom: 30px;
}

#report-filters .error {
    color: red;
}

#report-container .print-logo {
    display: none;
}

#report-container .instructions {
    margin-top: 30px;
    padding-left: 25px;
    margin-bottom: 420px;
}

#report-container .header {
    background-color: #fbfbf9;
    color: #bebeb4;
    text-transform: uppercase;
    padding: 10px 8px 15px;
    border-bottom: solid 1px #eae9e2;
    text-align: center;
}

#report-container .report-container .headline {
    padding-bottom: 20px;
    padding-top: 12px;
    text-align: center;
}

#report-container .table {
    border: solid 1px #ddd;
    border-radius: 3px;
    margin-bottom: 50px;
}

#report-container .table td {
    width: 20%;
    line-height: normal;
}

#report-container .table tfoot td {
    font-weight: bold;
    border-top: solid 2px #ddd;
}

#report-container .chart {
    width: 100%;
    height: 400px;
    border: solid 1px #ddd;
}

#report-container .chart.print {
    height: 600px;
}

#report-container .too-many-results {
    display: none;
    text-align: center;
    font-size: 14px;
    margin-bottom: 30px;
    font-weight: 500;
    font-style: italic;
    background-color: #faeda2;
    border:2px solid #d1d0cd;
    color: #766922;
    border-radius: 4px;
    margin-left: auto;
    margin-right:auto;
    padding: 10px;
    max-width: 35em;
}

.report-container .report-table-header:last-child {
    min-width: 120px;
}

.conclusion-text-languages-container {
    position: relative;
}

ul.conclusion-text-languages {
    list-style-type: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
}

li.conclusion-text-language {
    display: inline-block;
    cursor: pointer;
    color: #ccc;
}

li.conclusion-text-language.has-content {
    color: black;
}

ul.conclusion-text-languages li.active {
    color: black;
    text-decoration: underline;
}

.language-separator {
    margin: auto 2px;
}

#my-profile-container #new-avatar-label,
#admin-organization-container #new-avatar-label {
    padding-top: 4px;
}

#bound-venues-replacement {
    max-height: 180px;
    overflow-y: auto;
}

#aar-list td.col-assignee .secondary,
#sla-venues span.secondary,
#activity_task-venues span.secondary,
#downtime_task-venues span.secondary,
#admin-aar-container span.secondary,
.work-log-list-container span.secondary,
#admin-user-container span.secondary,
#bound-venues-replacement .venue-item .secondary {
    color: #bebeb4;
    font-size: 80%;
}

#groupBy + .select2-container,
#subGroupBy + .select2-container {
    min-width: 160px;
}

.work-log-list-container a.report-task-link {
    text-decoration: none;
    color: #333;
}

#work-log-list .img-profile {
    max-height: 30px;
    max-width: 30px;
    box-shadow: 0 0 1px 1px #ccc;
}

.new-menu-design #work-log-list .img-profile {
    box-shadow: none;
}

#work-log-list .user-column .avatar-placeholder {
    height: 32px;
    width: 32px;
}

.manage_partnership_venue #observers-replacement li,
.manage_partnership_venue #assignees-replacement li,
.manage_partnership_venue #receivers-replacement li,
.manage_partnership_venue #reporters-replacement li {
    display: flex;
}

.work-log-list-container span.venue {
    font-size: 80%;
    color: #bebeb4;
    font-weight: normal;
}

#bound-venues-replacement .checkbox {
    top: 0;
    min-width: 40px;
    margin-left: 0px;
}

div#user-checkbox .col-xs-4,
div#deadline-checkbox .col-xs-4,
div.responsible-person-checkbox .col-xs-4,
#admin-task-category-container .is-shared-checkbox .form-group .col-xs-4 {
    display: none;
}

div#user-checkbox .form-group:nth-child(1), div.responsible-person-checkbox .form-group:nth-child(1) {
    padding-top:  0;
}

div#deadline-checkbox .col-xs-8,
div#user-checkbox .col-xs-8,
div.responsible-person-checkbox .col-xs-8 {
    padding-left:  10px;
}

div#deadline-checkbox,
div.responsible-person-checkbox {
    display: flex;
    justify-content: flex-end;
}

div#deadline-checkbox .checklist-switch,
div.responsible-person-checkbox .checklist-switch {
    margin-bottom: 0;
}

.user-groups-checklist-margin {
    margin-left: 85px;
}

#user-groups {
    max-height: 180px;
    overflow-y: auto;
}

#user-groups .group-item .secondary {
    color: #bebeb4;
    font-size: 80%;
}

#user-groups .checkbox {
    top: 0;
    min-width: 40px;
    margin-left: 0px;
}

#user-groups-replacement {
    max-height: 180px;
    overflow-y: auto;
}

#user-groups-replacement .group-item .secondary {
    color: #bebeb4;
    font-size: 80%;
}
#user-groups-replacement .checkbox {
    top: 0;
    min-width: 40px;
    margin-left: 0;
}

#group-assigned-users {
    list-style-type: none;
    border: solid 1px #c8c7bf;
    border-radius: 4px;
    padding: 5px;
}

#group-assigned-users li,
#category_tags li {
    margin-bottom: 7px;
    padding-top: 5px;
}

.admin_venue .venue-assignees-not-available {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    border: solid 1px #c8c7bf;
    border-radius: 4px;
}

.admin_venue .venue-assignees-not-available p {
    font-size: 16px;
    font-weight: normal;
    color: #999999;
    margin: 0;
    line-height: 20px;
    padding: 15px 0;
}

.admin_venue .venue-assignees-not-available-notification {
    display: flex;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px 15px;
    margin-top: 15px;
}

.admin_venue .venue-assignees-not-available-notification .warning-icon-container {
    margin: 0 10px 0 0;
}


.admin_venue .venue-assignees-not-available-notification p {
    line-height: 1.2;
    margin: 4px 0 0;
}

#admin-user-container .select-replacement,
#venues-replacement,
#categories-replacement,
#admin-tag-container .right .select-replacement,
#admin-sla-container .right .select-replacement,
#new-activity-task-container .right .select-replacement,
#new-downtime-task-container .right .select-replacement {
    max-height: 205px;
    overflow-y: auto;
}

#admin-aar-container .right .select-replacement {
    max-height: 390px;
    overflow-y: auto;
}

.replacement-error img {
    width: 18px;
}

.replacement-error {
    color: #a94442;
    margin-bottom: 15px;
}

#avatar_block img {
    cursor: pointer;
}

#work-delivery-journal-container .task-detail a {
    text-decoration: none;
    color: #333;
}

#work-delivery-journal-container .task-detail a:hover {
    text-decoration: underline;
}

#sow_documentSubmittedBy,
#work_delivery_journal_documentSubmittedBy {
    visibility: hidden;
}

.delivered-data-toggle {
    cursor: pointer;
}

.add-service,
.add-material {
    min-width: 65px;
}

.delivered-data .col-quantity {
    width: 15%;
}

.delivered-data .service-name-heading,
.delivered-data .material-name-heading {
    width: 45%
}

.delivered-data th:not(:first-child),
.delivered-data td:not(:first-child) {
    text-align: right;
}

.delivered-data .col-total,
.delivered-data .material-price,
.delivered-data .service-price {
    width: 20%
}

.admin_venue .form-control-container.has-error .users-widget,
.form-control-container.has-error .checkbox-container,
.form-control-container.has-error .item-selection {
    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%);
}

.admin_venue .form-control-container.has-error .users-widget {
    margin-bottom: 10px;
}

#task-list .no-results-row td,
#task-list .no-results-row tr {
    cursor: auto;
}

#admin-user-container .select-replacement {
    border: 0;
    padding: 0;
    margin: 0;
}

#admin-user-container .select-replacement li {
    padding-left: 0;
}

#admin-user-container #user-responsibilityVenues {
    height: 180px;
}

.clear-button-text,
#admin-user-container .clear-all-venue,
.admin_venue .clear-all-user,
#admin-user-container .clear-all-bound-venue,
#admin-user-container .clear-all-user-groups,
#admin-aar-container #check-venues,
#admin-aar-container #clear-all,
#set-assignee-as-responsible,
#clear-button-text,
.admin_user #select-all-push-notifications,
.admin_user #clear-all-push-notifications,
#admin-user-container .select-all-bound-venue,
#admin-user-container .select-all-venue,
.admin_venue .select-all-user,
#admin-user-container .select-all-user-groups {
    cursor: pointer;
    color: #23527c;
}

.task-import-menu .dropdown-toggle {
    margin-top: 2px;
}

#text-search-container .task-import-menu .dropdown-toggle {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 8px;
    padding: 1px;
    display: flex;
    text-decoration: none;
    color: #A0A0A0;
    font-size: 24px;
    justify-content: center;
    margin-top: 2px;
}

#text-search-container .task-import-menu .dropdown-toggle:hover {
    background-color: #EDEDE5;
    border-color: #ADADAD;
}

#text-search-container .task-import-menu .dropdown-toggle .material-icons-outlined {
    border: none;
    padding: 6px;
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
}

#text-search-container .task-import-menu .dropdown-menu {
    border-radius: 8px;
    margin-top: 6px;
}

.task-import-menu {
    height: 40px;
}

#text-search-container .task-import-menu .dropdown-menu a .menu-label {
    margin-top: 0;
    margin-left: 0;
    margin-right: 25px;
}

#text-search-container .task-import-menu .dropdown-menu a .material-icons-outlined {
    top: 0;
    margin-left: 5px;
    margin-right: 10px;
    color: #A0A0A0;
}

#text-search-container .task-import-menu .dropdown-menu a {
    border-radius: 8px;
    padding: 10px 0 10px 10px;
    min-width: 160px;
    justify-content: flex-start;
}

.appoint-assignee-link .clear-button-text,
.appoint-assignee-link #set-assignee-as-responsible,
#new-task-container #clear-button-text,
.responsible-change-container #clear-button-text,
.admin_user #select-all-push-notifications,
.admin_user #clear-all-push-notifications,
.responsible-change-container #set-assignee-as-responsible {
    text-decoration: underline;
}

#canCreateTasksWithEquipment {
    position: relative;
}

#canCreateTasksWithEquipment .help {
    position: relative;
    top: -6px;
}

#single-task-container .responsible-change-enabled {
    flex-direction: column;
}

#user-assignedVenues .disabled.active .checkbox,
#user-groups-replacement .disabled.active .checkbox {
    background-image: url('../img/checkbox-disabled-active.png');
    background-size: 18px;
    cursor: not-allowed;
}

.assignees-clear-link,
.appoint-assignee-link {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.responsible-change-container .appoint-assignee-link {
    margin-bottom: -10px;
}

.responsible-change-controls {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding-right: 5px;
}

.task-responsible-disabled-button {
    opacity: 0;
    height: 0;
    position: relative;
    z-index: -1;
}