#btn-toggle { display: none; } .profile { background-color: #f19933; height: 150px; position: fixed; top: 0; width: 245px; } .profile img { width: 100%; } .profile .fill, .profile .over-fill { width: 100%; height: 150px; top: 0; position: absolute; } .profile .fill { background: #f19933; opacity: 0.8; } .profile .over-fill { background: transparent; } .profile .over-fill .toggle-profile { right: 0px; bottom: 0px; position: absolute; color: white; padding: 18px; cursor: pointer; } .profile .over-fill .toggle-profile em { display: inline-block; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } .profile .over-fill .toggle-profile em.rotate-180 { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .profile .over-fill .toggle-profile em.rotate-180-no-transition { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .profile .over-fill .user-info { display: inline-block; bottom: 12px; position: absolute; margin-left: 14px; max-width: 155px; color: #fff; } .profile .over-fill .user-info .name { font-size: 24px; font-weight: 400; line-height: 1.25; } .profile .over-fill .user-info .role { font-size: 14px; font-weight: 800; line-height: 1.25; text-transform: uppercase; } .profile-menu { list-style: none; padding: 0; margin: 0; display: none; width: 100%; } .profile-menu li { color: #fff; display: inline-block; width: 100%; height: 59px; } .profile-menu li a { color: #fff; display: inline-block; width: 100%; padding: 11px 0 9px 0; text-decoration: none; text-transform: uppercase; } .profile-menu li a div { display: inline-block; } .profile-menu li a div.profile-menu-item-icon { padding-top: 1px; width: 70px; } .profile-menu li a div.profile-menu-item-text { padding-top: 8px; vertical-align: top; } .profile-menu li a em { font-size: 34px; margin: 0 18px; } .profile-menu li a span { display: inline-block; font-weight: 700; font-size: 14px; } @media only screen and (max-width: 1279px) { .profile { height: 114px; width: 185px; } .profile img { width: 100%; } .profile .fill, .profile .over-fill { width: 100%; height: 114px; } .profile .over-fill .user-info { margin-top: 76px; margin-left: 12px; } .profile .over-fill .user-info .name { font-size: 18px; } .profile .over-fill .user-info .role { font-size: 11px; } .profile .over-fill .toggle-profile { padding: 14px; font-size: 10px; } .profile-menu li { height: 51px; } .profile-menu li a { padding: 4px 0; } .profile-menu li a .profile-menu-item-icon { padding-top: 8px !important; width: 57px !important; } .profile-menu li a em { font-size: 25px; margin: 0 16px; } .profile-menu li a span { font-size: 11px; padding-top: 5px; } } .navbar-right { position: absolute; top: 0; right: 0; z-index: 15; margin: 0; font-size: 28px; height: 100%; } .navbar-right li#notifications_alert, .navbar-right li#new_customers_alert, .navbar-right li#new_providers_alert { height: 100%; } .navbar-right li#notifications_alert > a, .navbar-right li#new_customers_alert > a, .navbar-right li#new_providers_alert > a { -webkit-box-shadow: unset !important; box-shadow: unset !important; } .navbar-right .open_right_lateral_menu { border-left: 1px solid #3b494b; height: 100%; float: left; } .navbar-right .open_right_lateral_menu .open_right_lateral_menu_dots { height: 100%; width: 40px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 6px 17px; } .navbar-right .open_right_lateral_menu .open_right_lateral_menu_dots .open_right_lateral_menu_dot { width: 100%; height: 6px; border-radius: 50%; background-color: #e4eaec; } .navbar-right .notification-list, .navbar-right .new-customers-list, .navbar-right .new-providers-list { min-width: 280px; width: 280px; -webkit-box-shadow: unset !important; box-shadow: unset !important; } .navbar-right .notification-list li, .navbar-right .new-customers-list li, .navbar-right .new-providers-list li { font-family: "Source Sans Pro"; height: 100%; width: 100% !important; } .navbar-right .notification-list li.corner, .navbar-right .new-customers-list li.corner, .navbar-right .new-providers-list li.corner { border-style: solid; position: absolute; height: 0; width: 0 !important; border-width: 7px 8px 0 8px; border-color: #f19933 transparent transparent transparent; right: 17px; top: 0; } @media only screen and (min-width: 1280px) { .navbar-right .notification-list li.corner, .navbar-right .new-customers-list li.corner, .navbar-right .new-providers-list li.corner { right: 27px; top: -1px; } } @media only screen and (max-width: 767px) { .navbar-right .notification-list li.corner, .navbar-right .new-customers-list li.corner, .navbar-right .new-providers-list li.corner { display: none; } } .navbar-right .notification-list li a, .navbar-right .new-customers-list li a, .navbar-right .new-providers-list li a { border: 0 !important; border-bottom: 1px solid #e4eaec !important; color: #555; font-size: 14px; font-weight: 700; line-height: 14px; height: 58px; padding: 13px 0 !important; width: 100% !important; } .navbar-right .notification-list li a .notification-logo, .navbar-right .new-customers-list li a .notification-logo, .navbar-right .new-providers-list li a .notification-logo { display: inline-block; height: 100%; vertical-align: top; padding: 3px 10px 0 20px; } .navbar-right .notification-list li a .notification-logo .icon, .navbar-right .new-customers-list li a .notification-logo .icon, .navbar-right .new-providers-list li a .notification-logo .icon { font-size: 25px; } .navbar-right .notification-list li a .notification-info, .navbar-right .new-customers-list li a .notification-info, .navbar-right .new-providers-list li a .notification-info { display: inline-block; height: 100%; position: relative; top: -1px; width: calc( 100% - 61px ); } .navbar-right .notification-list li a .notification-info .notification-title, .navbar-right .new-customers-list li a .notification-info .notification-title, .navbar-right .new-providers-list li a .notification-info .notification-title { color: #4f636b; font-size: 14px; font-weight: 700; line-height: 16px; position: absolute; left: 0; top: 0; text-transform: uppercase; } .navbar-right .notification-list li a .notification-info .notification-text, .navbar-right .new-customers-list li a .notification-info .notification-text, .navbar-right .new-providers-list li a .notification-info .notification-text { color: #98A6AD; font-size: 14px; font-weight: 300; line-height: 16px; position: absolute; left: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; top: 18px; } .navbar-right .notification-list li a .notification-info .notification-text .notification-text-additional, .navbar-right .new-customers-list li a .notification-info .notification-text .notification-text-additional, .navbar-right .new-providers-list li a .notification-info .notification-text .notification-text-additional { font-size: 12px; font-weight: 700; line-height: 14px; } .navbar-right .notification-list li a .notification-info .notification-timer, .navbar-right .new-customers-list li a .notification-info .notification-timer, .navbar-right .new-providers-list li a .notification-info .notification-timer { color: #98A6AD; font-size: 11px; font-weight: 300; position: absolute; right: 14px; top: 0; } .navbar-right .notification-list li a .notification-info .notification-timer .timer-view, .navbar-right .new-customers-list li a .notification-info .notification-timer .timer-view, .navbar-right .new-providers-list li a .notification-info .notification-timer .timer-view { padding-right: 2px; position: relative; top: -1px; } .navbar-right .notification-list li a .notification-info .notification-timer .icon, .navbar-right .new-customers-list li a .notification-info .notification-timer .icon, .navbar-right .new-providers-list li a .notification-info .notification-timer .icon { font-size: 12px; } .navbar-right .notification-list li a .notification-info .notification-removal, .navbar-right .new-customers-list li a .notification-info .notification-removal, .navbar-right .new-providers-list li a .notification-info .notification-removal { color: #4f636b; position: absolute; right: 12px; bottom: -3px; } .navbar-right .notification-list li a .notification-info .notification-removal .icon, .navbar-right .new-customers-list li a .notification-info .notification-removal .icon, .navbar-right .new-providers-list li a .notification-info .notification-removal .icon { font-size: 14px; } .navbar-right .notification-list li a.viewed, .navbar-right .new-customers-list li a.viewed, .navbar-right .new-providers-list li a.viewed { background-color: #e4eaec !important; border-bottom: 1px solid #fff !important; } .navbar-right .notification-list li a.viewed .notification-logo .icon, .navbar-right .new-customers-list li a.viewed .notification-logo .icon, .navbar-right .new-providers-list li a.viewed .notification-logo .icon { color: #555; } .navbar-right .notification-list li a.template, .navbar-right .new-customers-list li a.template, .navbar-right .new-providers-list li a.template { display: none; } .navbar-right .notification-list li .unread_notifications, .navbar-right .new-customers-list li .unread_notifications, .navbar-right .new-providers-list li .unread_notifications { border: 0 !important; border-bottom: 1px solid #e4eaec !important; height: 40px; padding-left: 20px; } .navbar-right .notification-list li .unread_notifications .unread_notifications_text, .navbar-right .new-customers-list li .unread_notifications .unread_notifications_text, .navbar-right .new-providers-list li .unread_notifications .unread_notifications_text { color: #98A6AD; font-size: 14px; font-weight: 300; line-height: 14px; height: 100%; position: relative; top: 10px; } .navbar-right .notification-list li .unread_notifications .unread_notifications_bubble, .navbar-right .new-customers-list li .unread_notifications .unread_notifications_bubble, .navbar-right .new-providers-list li .unread_notifications .unread_notifications_bubble { background-color: #fff !important; border: 0px solid #e4eaec; border-left: 1px solid #e4eaec !important; color: #f19933; font-size: 18px; font-weight: 700; line-height: 18px; height: 100%; padding-top: 11px; text-align: center; width: 75px; } .navbar-right .notification-list li .see_all_notifications, .navbar-right .new-customers-list li .see_all_notifications, .navbar-right .new-providers-list li .see_all_notifications { background-color: #f19933; border-bottom: 0px solid #e4eaec !important; color: white !important; font-size: 14px !important; font-weight: 700 !important; line-height: 32px !important; padding: 4px 0 !important; text-align: center; text-transform: uppercase; height: 40px; } @media only screen and (max-width: 767px) { .navbar-right .notification-list li .see_all_notifications, .navbar-right .new-customers-list li .see_all_notifications, .navbar-right .new-providers-list li .see_all_notifications { height: 50px; padding: 9px 0 !important; } } @media only screen and (min-width: 768px) { .navbar-right .notification-list li .see_all_notifications:hover, .navbar-right .new-customers-list li .see_all_notifications:hover, .navbar-right .new-providers-list li .see_all_notifications:hover { background-color: #e9912b !important; } } .navbar-right .new-customers-list, .navbar-right .new-providers-list { border-bottom-width: 0px; } .navbar-right .new-customers-list li.corner, .navbar-right .new-providers-list li.corner { border-color: #2C373C transparent transparent transparent; } .navbar-right .new-customers-list li a:not([data-action-url]), .navbar-right .new-providers-list li a:not([data-action-url]) { cursor: default; } .navbar-right .notification-list.no_unread_notifications li.corner { border-color: #2C373C transparent transparent transparent !important; } .navbar-right .notification-list.no_unread_notifications .unread_notifications_bubble { color: #98A6AD !important; font-weight: 300 !important; } .navbar-right .punch_in_out_icon, .navbar-right .report_incident_icon, .navbar-right .new_customers_info_container, .navbar-right .new_providers_info_container, .navbar-right .topnavbar_access_view { float: left; height: 48px; padding-top: 2px; position: relative; text-align: center; text-decoration: none; width: 48px; } .navbar-right .punch_in_out_icon.user_state_IN, .navbar-right .report_incident_icon.user_state_IN, .navbar-right .new_customers_info_container.user_state_IN, .navbar-right .new_providers_info_container.user_state_IN, .navbar-right .topnavbar_access_view.user_state_IN { color: #3accaf; } .navbar-right .punch_in_out_icon.user_state_OUT, .navbar-right .report_incident_icon.user_state_OUT, .navbar-right .new_customers_info_container.user_state_OUT, .navbar-right .new_providers_info_container.user_state_OUT, .navbar-right .topnavbar_access_view.user_state_OUT { color: #4f636b; } .navbar-right .punch_in_out_icon.user_state_REPORTED_PUNCH_IN_OUT_INCIDENT, .navbar-right .report_incident_icon.user_state_REPORTED_PUNCH_IN_OUT_INCIDENT, .navbar-right .new_customers_info_container.user_state_REPORTED_PUNCH_IN_OUT_INCIDENT, .navbar-right .new_providers_info_container.user_state_REPORTED_PUNCH_IN_OUT_INCIDENT, .navbar-right .topnavbar_access_view.user_state_REPORTED_PUNCH_IN_OUT_INCIDENT { color: #f6676b; } .navbar-right .punch_in_out_icon.user_state_EXPECTED_PUNCH_IN_OUT_NOT_CREATED, .navbar-right .report_incident_icon.user_state_EXPECTED_PUNCH_IN_OUT_NOT_CREATED, .navbar-right .new_customers_info_container.user_state_EXPECTED_PUNCH_IN_OUT_NOT_CREATED, .navbar-right .new_providers_info_container.user_state_EXPECTED_PUNCH_IN_OUT_NOT_CREATED, .navbar-right .topnavbar_access_view.user_state_EXPECTED_PUNCH_IN_OUT_NOT_CREATED { color: #f6676b; } .navbar-right .punch_in_out_icon.user_state_LATE_ARRIVAL, .navbar-right .report_incident_icon.user_state_LATE_ARRIVAL, .navbar-right .new_customers_info_container.user_state_LATE_ARRIVAL, .navbar-right .new_providers_info_container.user_state_LATE_ARRIVAL, .navbar-right .topnavbar_access_view.user_state_LATE_ARRIVAL { color: #f19933; } .navbar-right .punch_in_out_icon.user_state_EARLY_LEAVE, .navbar-right .report_incident_icon.user_state_EARLY_LEAVE, .navbar-right .new_customers_info_container.user_state_EARLY_LEAVE, .navbar-right .new_providers_info_container.user_state_EARLY_LEAVE, .navbar-right .topnavbar_access_view.user_state_EARLY_LEAVE { color: #f19933; } .navbar-right .punch_in_out_icon.user_state_HOLIDAYS, .navbar-right .report_incident_icon.user_state_HOLIDAYS, .navbar-right .new_customers_info_container.user_state_HOLIDAYS, .navbar-right .new_providers_info_container.user_state_HOLIDAYS, .navbar-right .topnavbar_access_view.user_state_HOLIDAYS { color: #ff8568; } .navbar-right .punch_in_out_icon.user_state_PAID_LEAVE_PERMISSION, .navbar-right .report_incident_icon.user_state_PAID_LEAVE_PERMISSION, .navbar-right .new_customers_info_container.user_state_PAID_LEAVE_PERMISSION, .navbar-right .new_providers_info_container.user_state_PAID_LEAVE_PERMISSION, .navbar-right .topnavbar_access_view.user_state_PAID_LEAVE_PERMISSION { color: #3accaf; } .navbar-right .punch_in_out_icon.user_state_INCAPACITATION, .navbar-right .report_incident_icon.user_state_INCAPACITATION, .navbar-right .new_customers_info_container.user_state_INCAPACITATION, .navbar-right .new_providers_info_container.user_state_INCAPACITATION, .navbar-right .topnavbar_access_view.user_state_INCAPACITATION { color: #f6676b; } .navbar-right .punch_in_out_icon.user_state_EXTRA_HOURS_COMPESATION, .navbar-right .report_incident_icon.user_state_EXTRA_HOURS_COMPESATION, .navbar-right .new_customers_info_container.user_state_EXTRA_HOURS_COMPESATION, .navbar-right .new_providers_info_container.user_state_EXTRA_HOURS_COMPESATION, .navbar-right .topnavbar_access_view.user_state_EXTRA_HOURS_COMPESATION { color: #DB80DE; } .navbar-right .punch_in_out_icon .icon, .navbar-right .report_incident_icon .icon, .navbar-right .new_customers_info_container .icon, .navbar-right .new_providers_info_container .icon, .navbar-right .topnavbar_access_view .icon { font-size: 30px; } .navbar-right .report_incident_icon { align-items: center; background-color: #f19933; border-right: 1px solid #273135; color: #273135; display: inline-flex; height: 100%; justify-content: center; width: 75px; } .navbar-right .report_incident_icon .icon { font-size: 42px; } @media only screen and (max-width: 1280px) { .navbar-right .report_incident_icon { width: 48px; } .navbar-right .report_incident_icon .icon { font-size: 30px; } } .navbar-right .report_incident_icon.successfully_reported { background-color: #3accaf; } .navbar-right .topnavbar_access_view { align-items: center; background-color: #f19933; border-right: 1px solid #273135; color: #273135; display: inline-flex; height: 100%; justify-content: center; width: 75px; cursor: pointer; } .navbar-right .topnavbar_access_view .icon { font-size: 42px; } @media only screen and (max-width: 1280px) { .navbar-right .topnavbar_access_view { width: 48px; } .navbar-right .topnavbar_access_view .icon { font-size: 30px; } } .navbar-right .topnavbar_access_view.successfully_reported { background-color: #3accaf; } .navbar-right .new_customers_info_container, .navbar-right .new_providers_info_container { align-items: flex-end; background-color: initial; border-left: 1px solid #3b4649 !important; color: #273135; display: inline-flex; flex-wrap: wrap; height: 100%; justify-content: center; padding: 0; width: 75px; } .navbar-right .new_customers_info_container .icon, .navbar-right .new_providers_info_container .icon { color: #fff; font-size: 36px; margin-bottom: 0; } .navbar-right .new_customers_info_container .new_customers_bubbles, .navbar-right .new_customers_info_container .new_providers_bubbles, .navbar-right .new_providers_info_container .new_customers_bubbles, .navbar-right .new_providers_info_container .new_providers_bubbles { display: flex; font-size: 18px; font-weight: 700; line-height: 100%; justify-content: center; margin-bottom: 8px; } .navbar-right .new_customers_info_container .new_customers_bubbles .acceptance_pending_bubble, .navbar-right .new_customers_info_container .new_customers_bubbles .acceptance_viewed_pending_bubble, .navbar-right .new_customers_info_container .new_customers_bubbles .rejection_viewed_pending_bubble, .navbar-right .new_customers_info_container .new_providers_bubbles .acceptance_pending_bubble, .navbar-right .new_customers_info_container .new_providers_bubbles .acceptance_viewed_pending_bubble, .navbar-right .new_customers_info_container .new_providers_bubbles .rejection_viewed_pending_bubble, .navbar-right .new_providers_info_container .new_customers_bubbles .acceptance_pending_bubble, .navbar-right .new_providers_info_container .new_customers_bubbles .acceptance_viewed_pending_bubble, .navbar-right .new_providers_info_container .new_customers_bubbles .rejection_viewed_pending_bubble, .navbar-right .new_providers_info_container .new_providers_bubbles .acceptance_pending_bubble, .navbar-right .new_providers_info_container .new_providers_bubbles .acceptance_viewed_pending_bubble, .navbar-right .new_providers_info_container .new_providers_bubbles .rejection_viewed_pending_bubble { border-radius: 9px; color: #fff; font-size: 14px; line-height: 14px; padding: 2px 5.25px; position: relative; margin: 0 2.5px; } .navbar-right .new_customers_info_container .new_customers_bubbles .acceptance_pending_bubble .empty_bubble, .navbar-right .new_customers_info_container .new_customers_bubbles .acceptance_viewed_pending_bubble .empty_bubble, .navbar-right .new_customers_info_container .new_customers_bubbles .rejection_viewed_pending_bubble .empty_bubble, .navbar-right .new_customers_info_container .new_providers_bubbles .acceptance_pending_bubble .empty_bubble, .navbar-right .new_customers_info_container .new_providers_bubbles .acceptance_viewed_pending_bubble .empty_bubble, .navbar-right .new_customers_info_container .new_providers_bubbles .rejection_viewed_pending_bubble .empty_bubble, .navbar-right .new_providers_info_container .new_customers_bubbles .acceptance_pending_bubble .empty_bubble, .navbar-right .new_providers_info_container .new_customers_bubbles .acceptance_viewed_pending_bubble .empty_bubble, .navbar-right .new_providers_info_container .new_customers_bubbles .rejection_viewed_pending_bubble .empty_bubble, .navbar-right .new_providers_info_container .new_providers_bubbles .acceptance_pending_bubble .empty_bubble, .navbar-right .new_providers_info_container .new_providers_bubbles .acceptance_viewed_pending_bubble .empty_bubble, .navbar-right .new_providers_info_container .new_providers_bubbles .rejection_viewed_pending_bubble .empty_bubble { background-color: #4f636b; border-radius: 5px; display: none; height: 10px; left: 4px; position: absolute; top: 4px; width: 10px; } .navbar-right .new_customers_info_container .new_customers_bubbles .acceptance_pending_bubble.empty, .navbar-right .new_customers_info_container .new_customers_bubbles .acceptance_viewed_pending_bubble.empty, .navbar-right .new_customers_info_container .new_customers_bubbles .rejection_viewed_pending_bubble.empty, .navbar-right .new_customers_info_container .new_providers_bubbles .acceptance_pending_bubble.empty, .navbar-right .new_customers_info_container .new_providers_bubbles .acceptance_viewed_pending_bubble.empty, .navbar-right .new_customers_info_container .new_providers_bubbles .rejection_viewed_pending_bubble.empty, .navbar-right .new_providers_info_container .new_customers_bubbles .acceptance_pending_bubble.empty, .navbar-right .new_providers_info_container .new_customers_bubbles .acceptance_viewed_pending_bubble.empty, .navbar-right .new_providers_info_container .new_customers_bubbles .rejection_viewed_pending_bubble.empty, .navbar-right .new_providers_info_container .new_providers_bubbles .acceptance_pending_bubble.empty, .navbar-right .new_providers_info_container .new_providers_bubbles .acceptance_viewed_pending_bubble.empty, .navbar-right .new_providers_info_container .new_providers_bubbles .rejection_viewed_pending_bubble.empty { background-color: transparent; color: transparent; } .navbar-right .new_customers_info_container .new_customers_bubbles .acceptance_pending_bubble.empty .empty_bubble, .navbar-right .new_customers_info_container .new_customers_bubbles .acceptance_viewed_pending_bubble.empty .empty_bubble, .navbar-right .new_customers_info_container .new_customers_bubbles .rejection_viewed_pending_bubble.empty .empty_bubble, .navbar-right .new_customers_info_container .new_providers_bubbles .acceptance_pending_bubble.empty .empty_bubble, .navbar-right .new_customers_info_container .new_providers_bubbles .acceptance_viewed_pending_bubble.empty .empty_bubble, .navbar-right .new_customers_info_container .new_providers_bubbles .rejection_viewed_pending_bubble.empty .empty_bubble, .navbar-right .new_providers_info_container .new_customers_bubbles .acceptance_pending_bubble.empty .empty_bubble, .navbar-right .new_providers_info_container .new_customers_bubbles .acceptance_viewed_pending_bubble.empty .empty_bubble, .navbar-right .new_providers_info_container .new_customers_bubbles .rejection_viewed_pending_bubble.empty .empty_bubble, .navbar-right .new_providers_info_container .new_providers_bubbles .acceptance_pending_bubble.empty .empty_bubble, .navbar-right .new_providers_info_container .new_providers_bubbles .acceptance_viewed_pending_bubble.empty .empty_bubble, .navbar-right .new_providers_info_container .new_providers_bubbles .rejection_viewed_pending_bubble.empty .empty_bubble { display: flex; } .navbar-right .new_customers_info_container .new_customers_bubbles .acceptance_pending_bubble, .navbar-right .new_customers_info_container .new_providers_bubbles .acceptance_pending_bubble, .navbar-right .new_providers_info_container .new_customers_bubbles .acceptance_pending_bubble, .navbar-right .new_providers_info_container .new_providers_bubbles .acceptance_pending_bubble { background-color: #FFA847; } .navbar-right .new_customers_info_container .new_customers_bubbles .acceptance_viewed_pending_bubble, .navbar-right .new_customers_info_container .new_providers_bubbles .acceptance_viewed_pending_bubble, .navbar-right .new_providers_info_container .new_customers_bubbles .acceptance_viewed_pending_bubble, .navbar-right .new_providers_info_container .new_providers_bubbles .acceptance_viewed_pending_bubble { background-color: #3accaf; } .navbar-right .new_customers_info_container .new_customers_bubbles .rejection_viewed_pending_bubble, .navbar-right .new_customers_info_container .new_providers_bubbles .rejection_viewed_pending_bubble, .navbar-right .new_providers_info_container .new_customers_bubbles .rejection_viewed_pending_bubble, .navbar-right .new_providers_info_container .new_providers_bubbles .rejection_viewed_pending_bubble { background-color: #f6676b; } @media only screen and (max-width: 1280px) { .navbar-right .new_customers_info_container, .navbar-right .new_providers_info_container { width: 48px; } .navbar-right .new_customers_info_container .icon, .navbar-right .new_providers_info_container .icon { font-size: 27px; margin-bottom: 0; margin-top: -6px; } .navbar-right .new_customers_info_container .new_customers_bubbles, .navbar-right .new_customers_info_container .new_providers_bubbles, .navbar-right .new_providers_info_container .new_customers_bubbles, .navbar-right .new_providers_info_container .new_providers_bubbles { font-size: 14px; margin-top: 2px; } .navbar-right .new_customers_info_container .new_customers_bubbles .acceptance_pending_bubble, .navbar-right .new_customers_info_container .new_customers_bubbles .acceptance_viewed_pending_bubble, .navbar-right .new_customers_info_container .new_customers_bubbles .rejection_viewed_pending_bubble, .navbar-right .new_customers_info_container .new_providers_bubbles .acceptance_pending_bubble, .navbar-right .new_customers_info_container .new_providers_bubbles .acceptance_viewed_pending_bubble, .navbar-right .new_customers_info_container .new_providers_bubbles .rejection_viewed_pending_bubble, .navbar-right .new_providers_info_container .new_customers_bubbles .acceptance_pending_bubble, .navbar-right .new_providers_info_container .new_customers_bubbles .acceptance_viewed_pending_bubble, .navbar-right .new_providers_info_container .new_customers_bubbles .rejection_viewed_pending_bubble, .navbar-right .new_providers_info_container .new_providers_bubbles .acceptance_pending_bubble, .navbar-right .new_providers_info_container .new_providers_bubbles .acceptance_viewed_pending_bubble, .navbar-right .new_providers_info_container .new_providers_bubbles .rejection_viewed_pending_bubble { border-radius: 8px; font-size: 9px; line-height: 9px; padding: 2px 4px; margin: 0 1px; } .navbar-right .new_customers_info_container .new_customers_bubbles .acceptance_pending_bubble .empty_bubble, .navbar-right .new_customers_info_container .new_customers_bubbles .acceptance_viewed_pending_bubble .empty_bubble, .navbar-right .new_customers_info_container .new_customers_bubbles .rejection_viewed_pending_bubble .empty_bubble, .navbar-right .new_customers_info_container .new_providers_bubbles .acceptance_pending_bubble .empty_bubble, .navbar-right .new_customers_info_container .new_providers_bubbles .acceptance_viewed_pending_bubble .empty_bubble, .navbar-right .new_customers_info_container .new_providers_bubbles .rejection_viewed_pending_bubble .empty_bubble, .navbar-right .new_providers_info_container .new_customers_bubbles .acceptance_pending_bubble .empty_bubble, .navbar-right .new_providers_info_container .new_customers_bubbles .acceptance_viewed_pending_bubble .empty_bubble, .navbar-right .new_providers_info_container .new_customers_bubbles .rejection_viewed_pending_bubble .empty_bubble, .navbar-right .new_providers_info_container .new_providers_bubbles .acceptance_pending_bubble .empty_bubble, .navbar-right .new_providers_info_container .new_providers_bubbles .acceptance_viewed_pending_bubble .empty_bubble, .navbar-right .new_providers_info_container .new_providers_bubbles .rejection_viewed_pending_bubble .empty_bubble { height: 7px; left: 3px; position: absolute; top: 3px; width: 7px; } } .nav-wrapper .navbar-nav .open .dropdown-menu { left: auto; } /* .notification-list { padding: 0; list-style: none; background: white; a{ .notification-logo{ padding: 10px; display: inline-block; em { font-size: 35px; } } .notification-info { display: inline-block; .notification-title { display: block; color:black; text-transform: uppercase; } .notification-text { display: block; color: grey; } } } */ @media only screen and (max-width: 1023px) { .topnavbar-wrapper { margin-left: 0; } #btn-toggle { display: inline-block; } .wrapper > .aside .aside-inner { padding-top: 0; } .sidebar > .nav { margin-right: -17px; } .nav-wrapper:before, .nav-wrapper:after { content: " "; display: table; } .navbar-right { font-size: 31px; } } @media only screen and (min-width: 768px) { .wrapper > .aside .aside-inner { padding-top: 0; } .sidebar:not(.show-scrollbar) { margin-right: -70px; overflow-y: scroll; } } .http_status { align-items: center; display: flex; height: calc( 100vh - 195px ); justify-content: center; position: absolute; top: 135px; width: calc( 100% - 132px ); } @media only screen and (max-width: 767px) { .http_status { height: calc( 100vh - 180px ); top: 66px; } } .http_status .http_status_container { text-align: center; } .http_status .http_status_container .http_status_image_container { margin: 0 auto; } .http_status .http_status_container .http_status_image_container img { width: 145px; height: 145px; } @media only screen and (max-width: 767px) { .http_status .http_status_container .http_status_image_container img { width: 112px !important; height: 112px !important; } } .http_status .http_status_container .http_status_text_container { color: #4f636b; font-size: 16px; line-height: 125%; margin: 0 auto; margin-top: 30px; position: relative; text-align: center; width: 312.5px; } .http_status .http_status_container .http_status_text_container .http_status_upper_text_container { font-weight: 600; } .http_status .http_status_container .http_status_text_container .http_status_lower_text_container { font-weight: normal; margin-top: 10px; } .http_status .http_status_container .http_status_button_container { padding-top: 30px; } .http_status .http_status_container .http_status_button_container .http_status_button { color: #fff; border-radius: 0; border-width: 0; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; height: 40px; line-height: 29px; font-family: "Source Sans Pro"; font-weight: 700; text-transform: uppercase; width: 136px; background-color: #f19933; } .http_status .http_status_container .http_status_button_container .http_status_button:active { background-color: #f19933; } .http_status .http_status_container .http_status_button_container .http_status_button:hover { background-color: #e9912b; } #new_incident_modal .space_selector { margin-top: 24px; } #new_incident_modal .space_selector .gym-fields-container { overflow: visible; } #new_incident_modal .space_selector .gym-fields-container .field-container { border: 1px solid #F0F0F0 !important; height: 50px !important; } #new_incident_modal .space_selector .gym-fields-container .field-container .label { padding-left: 24px !important; width: 120px !important; } #new_incident_modal .space_selector .gym-fields-container .field-container .label.required:after { content: "*"; } @media only screen and (min-width: 1280px) { #new_incident_modal .space_selector .gym-fields-container .field-container .label { margin-top: 18.5px !important; } } #new_incident_modal .space_selector .gym-fields-container .field-container .field-value { width: calc( 100% - 180px ) !important; } @media only screen and (min-width: 1280px) { #new_incident_modal .space_selector .gym-fields-container .field-container .field-value { margin-top: 14px !important; } } #new_incident_modal .space_selector .gym-fields-container .field-container.gym-select-controls > .gym-select-controls-selection > .gym-select-selection-text { top: 0 !important; } #new_incident_modal .space_selector .gym-fields-container .field-container.gym-select-controls > .gym-select-controls-selection > .icon-gym_profile_arrow_down { right: 24px !important; } #new_incident_modal .space_selector .gym-fields-container .field-container.gym-select-controls > .gym-select-controls-search > .icon-gym_profile_arrow_up { right: 24px !important; } #new_incident_modal .space_selector .gym-fields-container .field-container.gym-select-controls > .gym-select-controls-search > input.field-value { margin-top: 12px !important; } @media only screen and (min-width: 1280px) { #new_incident_modal .space_selector .gym-fields-container .field-container.gym-select-controls > .gym-select-controls-search > input.field-value { margin-top: 12px !important; } } #new_incident_modal .space_selector .gym-fields-container .gym-select-options.space_options { border: 1px solid #F0F0F0; top: 49px; } #new_incident_modal .space_selector .gym-fields-container .gym-select-options.space_options > div > .row > .gym-select-option { height: 50px !important; } #new_incident_modal .space_selector .gym-fields-container .gym-select-options.space_options > div > .row > .gym-select-option > span { width: calc( 100% - 10px ); } #new_incident_modal .field_input_container { display: flex; width: 100%; border: 1px solid #F0F0F0; height: 50px; justify-content: center; align-items: center; margin-bottom: 20px; } #new_incident_modal .field_input_container .field-label { width: 120px; padding-left: 22px !important; font-size: 14px; font-weight: bold; text-align: left; color: #91a0a8; text-transform: uppercase; } @media only screen and (max-width: 1280px) { #new_incident_modal .field_input_container .field-label { font-size: 12px; } } #new_incident_modal .field_input_container .field-label label { margin-bottom: 0 !important; } #new_incident_modal .field_input_container .field-label label.required:after { content: "*"; } #new_incident_modal .field_input_container .field-value { flex-grow: 1; margin-right: 24px; display: flex; align-items: center; font-size: 20px; } @media only screen and (max-width: 1280px) { #new_incident_modal .field_input_container .field-value { font-size: 17px; } } #new_incident_modal .field_input_container .field-value input { border: 0; width: 100%; padding: 0; height: 100%; border-radius: 0; } #new_incident_modal .field_input_container .field-value input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #c8c8c8 !important; } #new_incident_modal .field_input_container .field-value input::-moz-placeholder { /* Firefox 19+ */ color: #c8c8c8 !important; } #new_incident_modal .field_input_container .field-value input:-ms-input-placeholder { /* IE 10+ */ color: #c8c8c8 !important; } #new_incident_modal .field_input_container .field-value input:-moz-placeholder { /* Firefox 18- */ color: #c8c8c8 !important; } #new_incident_modal .field_input_container .field-value .clear_input { color: #dbdbdb; font-size: 20px; display: none; cursor: pointer; } #new_incident_modal .field_input_container .field-value .clear_input.visible { display: block; } @media only screen and (max-width: 767px) { #new_incident_modal .field_input_container .field-value { font-size: 17px; text-align: right; } } @media only screen and (max-width: 490px) { #new_incident_modal .field_input_container .field-value { display: flex !important; } #new_incident_modal .field_input_container .field-value .icon { margin-left: 24px; } } #new_incident_modal textarea.autosize { border: 1px solid #f0f0f0; color: #4f636b; font-size: 16px; padding: 18px 24px; resize: none; width: 100%; } #new_incident_modal textarea.autosize::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #c8c8c8 !important; } #new_incident_modal textarea.autosize::-moz-placeholder { /* Firefox 19+ */ color: #c8c8c8 !important; } #new_incident_modal textarea.autosize:-ms-input-placeholder { /* IE 10+ */ color: #c8c8c8 !important; } #new_incident_modal textarea.autosize:-moz-placeholder { /* Firefox 18- */ color: #c8c8c8 !important; } /* upload-box */ .incident-documents-container { display: table; width: 100%; } @media only screen and (max-width: 767px) { .incident-documents-container { display: flex; flex-wrap: wrap; } } .incident-documents-container .incident-document-container { display: inline-block; margin-right: 0; } @media only screen and (max-width: 767px) { .incident-documents-container .incident-document-container { text-align: center; width: 100px; } .incident-documents-container .incident-document-container:nth-child(1n+1) { margin-top: 24px; } } @media only screen and (min-width: 767px) { .incident-documents-container .incident-document-container { margin-right: 26px; } .incident-documents-container .incident-document-container:nth-child(12n-1) { margin-right: 0; } .incident-documents-container .incident-document-container:nth-child(n+1) { margin-top: 24px; } } .incident-documents-container .incident-document-container > * { width: 100%; } .incident-documents-container .incident-document-container > .incident-document-drop-area > input { display: none !important; } .incident-documents-container .incident-document-container > .incident-document-drop-area > label { margin: 0; /* upload box with dashed border */ } @media only screen and (max-width: 767px) { .incident-documents-container .incident-document-container > .incident-document-drop-area > label { width: 100%; } } .incident-documents-container .incident-document-container > .incident-document-drop-area > label .upload-box { border-radius: 2px; border: 1.4px dashed #DBDBDB; width: 90px; height: 90px; font-size: 32px; color: #DBDBDB; position: relative; cursor: pointer; } @media only screen and (max-width: 767px) { .incident-documents-container .incident-document-container > .incident-document-drop-area > label .upload-box { height: 80px; width: 80px; } } .incident-documents-container .incident-document-container > .incident-document-drop-area > label .upload-box .icon-centered { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .incident-documents-container .incident-document-container > .incident-document-drop-area.dragover > label > .icon, .incident-documents-container .incident-document-container > .incident-document-drop-area.dragover > label .placeholder { color: #f19933; } .incident-documents-container .incident-document-container > .incident-document-drop-area .document.upload { list-style: none; } .incident-documents-container .incident-document-container > .incident-document-drop-area .document.upload > .document-info-right { display: none; } .incident-documents-container .incident-document-container > .incident-document-drop-area .document.upload > .document-info-right .document-type { color: #91A0A8; } .incident-documents-container .incident-document-container > .incident-document-preview-info { display: none; height: 100%; } .incident-documents-container .incident-document-container > .incident-document-preview-info .document { margin: 0; } .incident-documents-container .incident-document-container > .incident-document-preview-info > .corner-icon { background-color: #fff; cursor: pointer; } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview { background-repeat: no-repeat; background-size: 100% 100%; border-radius: 2px; overflow: hidden; position: relative; height: 80px; width: 80px; display: inline-block; } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview .document-show { background-color: rgba(0, 0, 0, 0.5); display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; cursor: pointer; } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview .document-show em { font-size: 42px; color: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview .uploading { display: none; } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview:hover .document-show { display: inline-block; } @media only screen and (min-width: 767px) { .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview { height: 90px; width: 90px; } } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > audio, .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > video, .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > a.featherlightLink { display: none; } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > .controls { display: none; position: relative; top: 0; height: 80px; width: 80px; border-radius: 2px; } @media only screen and (min-width: 767px) { .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > .controls { height: 90px; width: 90px; } } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > .controls > div.background { background-color: #000; opacity: 0.5; height: 80px; width: 80px; } @media only screen and (min-width: 767px) { .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > .controls > div.background { height: 90px; width: 90px; } } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > .controls > .loader { position: absolute; height: 50px; width: 50px; top: 15px; left: 15px; user-select: none; box-sizing: border-box; } @media only screen and (min-width: 767px) { .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > .controls > .loader { position: absolute; height: 60px; width: 60px; top: 15px; left: 15px; } } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > .controls > .loader > .loader-bg { width: 100%; height: 100%; border-radius: 50%; border: 4px solid white; box-sizing: border-box; } @media only screen and (min-width: 767px) { .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > .controls > .loader > .loader-bg { border: 5px solid white; } } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > .controls > .loader > .loader-bg > .text { text-align: center; padding-top: 32%; font-size: 12px; color: rgba(255, 255, 255, 0.3); } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > .controls > .loader > .spiner-holder-one { position: absolute; top: 0; left: 0; overflow: hidden; width: 50%; height: 50%; background: transparent; box-sizing: border-box; } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > .controls > .loader > .spiner-holder-one.animate-0-25-a { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > .controls > .loader > .spiner-holder-one.animate-25-50-a { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > .controls > .loader > .spiner-holder-one.animate-50-75-a { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > .controls > .loader > .spiner-holder-one.animate-75-100-a { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > .controls > .loader > .spiner-holder-one > .spiner-holder-two { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; background: transparent; box-sizing: border-box; } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > .controls > .loader > .spiner-holder-one > .spiner-holder-two.animate-0-25-b, .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > .controls > .loader > .spiner-holder-one > .spiner-holder-two.animate-25-50-b, .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > .controls > .loader > .spiner-holder-one > .spiner-holder-two.animate-50-75-b, .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > .controls > .loader > .spiner-holder-one > .spiner-holder-two.animate-75-100-b { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > .controls > .loader > .spiner-holder-one > .spiner-holder-two > .loader-spiner { width: 200%; height: 200%; border-radius: 50%; border: 4px solid #f19933; box-sizing: border-box; } @media only screen and (min-width: 767px) { .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > .controls > .loader > .spiner-holder-one > .spiner-holder-two > .loader-spiner { border: 5px solid #f19933; } } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > .uploaded-file { display: none; position: absolute; top: 0; height: 80px; width: 80px; text-align: center; } @media only screen and (min-width: 767px) { .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > .uploaded-file { height: 90px; width: 90px; } } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > .uploaded-file > div.background { background-color: #000; opacity: 0.5; height: 80px; width: 80px; } @media only screen and (min-width: 767px) { .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > .uploaded-file > div.background { height: 90px; width: 90px; } } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > .uploaded-file > i.icon-room_app_icon_tick { color: #fff; display: inline !important; font-size: 15px; line-height: 15px; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media only screen and (min-width: 767px) { .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-preview > .uploaded-file > i.icon-room_app_icon_tick { font-size: 20px; line-height: 20px; } } .incident-documents-container .incident-document-container > .incident-document-preview-info.visible { display: block !important; } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info { width: calc(100% - 100px); margin-left: 16px; display: none; position: relative; top: -17px; left: -4px; } @media only screen and (min-width: 767px) { .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info { width: 86px; top: -30px; left: -4px; } } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-waiting-uploading { font-size: 15px; line-height: 15px; position: relative; top: -42px; } @media only screen and (min-width: 767px) { .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-waiting-uploading { font-size: 21px; line-height: 21px; } } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-waiting-uploading .document-type { font-size: 14px; font-weight: 700; line-height: 14px; padding-top: 10px; text-transform: uppercase; color: #91A0A8; } @media only screen and (max-width: 767px) { .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-waiting-uploading .document-type { font-size: 12px; line-height: 12px; } } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-waiting-uploading .document-name { padding-top: 2px; overflow: hidden; white-space: normal; text-overflow: none; font-size: 18px; line-height: 21px; } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-waiting-uploading > .incident-document-waiting { font-size: 18px; top: -28px; position: absolute; } @media only screen and (max-width: 767px) { .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-waiting-uploading > .incident-document-waiting { top: -27px; } } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-waiting-uploading > .incident-document-uploading { display: none; font-size: 18px; top: -28px; position: absolute; } @media only screen and (max-width: 767px) { .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-waiting-uploading > .incident-document-uploading { top: -27px; } } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-name-fullscreen { position: relative; width: 100%; } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-name-fullscreen > * { color: #4F636B; display: inline-block; } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-name-fullscreen > .incident-document-name { font-size: 18px; line-height: 21px; } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-name-fullscreen > .incident-document-name.full-width { width: 100%; } @media only screen and (min-width: 767px) { .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-name-fullscreen > .incident-document-name { font-size: 18px; line-height: 21px; } } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-name-fullscreen > .incident-document-name > .field-value { font-weight: 300; overflow: hidden; height: 44px; border-width: 0; resize: none; margin: 0; padding: 0; width: 100%; } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-name-fullscreen > .incident-document-name > .field-value::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #c8c8c8 !important; } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-name-fullscreen > .incident-document-name > .field-value::-moz-placeholder { /* Firefox 19+ */ color: #c8c8c8 !important; } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-name-fullscreen > .incident-document-name > .field-value:-ms-input-placeholder { /* IE 10+ */ color: #c8c8c8 !important; } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-name-fullscreen > .incident-document-name > .field-value:-moz-placeholder { /* Firefox 18- */ color: #c8c8c8 !important; } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-name-fullscreen > .incident-document-fullscreen { cursor: pointer; position: absolute; right: 0; top: 10px; } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-name-fullscreen > .incident-document-fullscreen > i.icon { font-size: 15px; line-height: 15px; } @media only screen and (min-width: 767px) { .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-name-fullscreen > .incident-document-fullscreen > i.icon { font-size: 20px; line-height: 20px; } } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-name-fullscreen > .incident-document-fullscreen.disabled { color: #c7c7c7; -webkit-text-fill-color: #c7c7c7; cursor: default; pointer-events: none; } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-duration-type { position: relative; width: 100%; top: 1px; } @media only screen and (max-width: 767px) { .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-duration-type { top: 0; } } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-duration-type > * { display: inline-block; } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-duration-type > .incident-document-duration { color: #c7c7c7; font-size: 14px; line-height: 14px; font-weight: 700; } @media only screen and (min-width: 767px) { .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-duration-type > .incident-document-duration { font-size: 20px; line-height: 20px; } } .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-duration-type > .incident-document-type { color: #f19933; font-size: 12px; line-height: 12px; font-weight: 700; right: 0; text-transform: uppercase; } @media only screen and (min-width: 767px) { .incident-documents-container .incident-document-container > .incident-document-preview-info > .incident-document-info > .incident-document-duration-type > .incident-document-type { font-size: 14px; line-height: 14px; } }