芝麻web文件管理V1.00
编辑当前文件:/home/pulsehostuk9/public_html/cloud.pulsehost.co.uk/static/styles/themes/DefaultDark/styles.css
.auroraMain .list_notification { color: #AFB3BF; } .auroraMain .list_notification .description .part { color: #ffffff; } .auroraMain .list_notification.search_results { background: none; border-bottom: none; } .auroraMain .TasksLayout .data.table > span { margin-top: 9px; } .auroraMain .TasksLayout .task_date { color: #AFB3BF; margin-top: 2px; font-size: 8pt; } .auroraMain .items_list .item { color: #AFB3BF; } .message_list.auroraMain .items_list .item .custom_checkbox { margin-left: -1px; } .auroraMain .items_list .item .item_content { border-color: #28313A; } .auroraMain .custom_radio .icon, .auroraMain .custom_checkbox .icon, .auroraMain .disabled.custom_radio .icon, .auroraMain .disabled.custom_checkbox .icon { background: #282931; border: 1px solid #424244 !important; height: 16px !important; line-height: 17px !important; width: 16px !important; } .auroraMain .fc-content .fc-title .custom_checkbox.round .icon { border-color: #fff !important; } .auroraMain .custom_checkbox .icon { border-radius: 4px; } .auroraMain .custom_radio.checked .icon, .auroraMain .custom_checkbox.checked .icon, .auroraMain .items_list .item.checked .custom_checkbox .icon { background: #1261cc; border: 1px solid #1261cc; box-shadow: none; color: #ffffff; } .auroraMain input, .auroraMain textarea, .auroraMain select, .auroraMain .input { background: #13121C; color: #AFB3BF !important; border: solid 1px #28313A !important; box-shadow: none !important; outline: none; } .auroraMain .inputosaurus-container .inputosaurus-input { background-color: transparent; } .auroraMain .search_block .extended .search_fieldset .section .row .input, .auroraMain .inputosaurus-container .inputosaurus-input input, .auroraMain input.field { border: none !important; } .auroraMain .search_block .extended .search_fieldset .section .row .input:-webkit-autofill, .auroraMain .inputosaurus-container .inputosaurus-input input:-webkit-autofill, .auroraMain input.field:-webkit-autofill, .auroraMain .search_block .extended .search_fieldset .section .row .input:-webkit-autofill:hover, .auroraMain .inputosaurus-container .inputosaurus-input input:-webkit-autofill:hover, .auroraMain input.field:-webkit-autofill:hover, .auroraMain .search_block .extended .search_fieldset .section .row .input:-webkit-autofill:focus, .auroraMain .inputosaurus-container .inputosaurus-input input:-webkit-autofill:focus, .auroraMain input.field:-webkit-autofill:focus, .auroraMain .search_block .extended .search_fieldset .section .row .input:-webkit-autofill:active, .auroraMain .inputosaurus-container .inputosaurus-input input:-webkit-autofill:active, .auroraMain input.field:-webkit-autofill:active { -webkit-background-clip: text; -webkit-text-fill-color: #AFB3BF; } .auroraMain .search_block .search_highlight { color: #ffffff; } .auroraMain .search_block .extended .search_fieldset .buttons { border-top: 1px solid #28313A; margin: 5px 18px 0px 0px; padding: 8px 0px; } .auroraMain .search_block .extended .search_fieldset .section .row .input { color: #AFB3BF; } .auroraMain .dropdown .folders .item, .auroraMain .dropdown .folders .item:hover { color: #B5B5B5 !important; } .auroraMain .dropdown .folders .folder:hover { background: #414A5A; color: #B5B5B5; } .auroraMain .dropdown .folders .folder.disabled:hover, .auroraMain .dropdown .folders .folder.unselectable:hover { background: #1F2633 !important; } .auroraMain .dropdown .folders .folder.disabled .title, .auroraMain .dropdown .folders .folder.unselectable .title, .auroraMain .dropdown .folders .folder.disabled .title:hover, .auroraMain .dropdown .folders .folder.unselectable .title:hover { color: #8f8f8f; } .auroraMain .popup.calendar_popup .dates.close:before { color: #AFB3BF; } .auroraMain .popup.calendar_event .panel_wrap { background: #1F2633; } .auroraMain .popup_panel { background: #1F2633; color: #AFB3BF; border: solid 1px #28313A; } .auroraMain .popup_panel .popup_heading { color: #ECF5FF; } .auroraMain .FileViewerWebclientPlugin .popup_panel { border: none; } .auroraMain .popup.files .popup_panel .panels { border: solid 1px #28313A; } .auroraMain .panel.compose .attachments .uploader_mask, .auroraMain .panel.center_panel.files .uploader_mask { background: #434858; } .auroraMain .panel.compose .attachments .uploader_mask .inner, .auroraMain .panel.center_panel.files .uploader_mask .inner { border-color: #dac48a; } .auroraMain .buttons .button { border: solid 1px #00A3A3; } .auroraMain .buttons .button:hover { border: 1px solid #00898a; } .auroraMain .buttons .button.secondary_button { border: 1px solid #555B67; } .auroraMain .buttons .button.secondary_button:hover { border: 1px solid #494f59; } .auroraMain .buttons .button.contour_button, .auroraMain .buttons .button.contour_button:hover, .auroraMain .buttons .button.contour_button.disabled, .auroraMain .buttons .button.contour_button.disabled:hover { background: transparent !important; border: 1px solid #00A3A3; color: #00A3A3; } .auroraMain .buttons .button.contour_button:hover { opacity: 0.9; } .auroraMain .buttons .button.contour_button.disabled, .auroraMain .buttons .button.contour_button.disabled:hover { opacity: 0.7; } .auroraMain .fields .hint { text-shadow: none; color: #B5B5B5; } .center_panel .items_list .item { color: #AFB3BF; } .center_panel .items_list .item .data .subject, .center_panel .items_list .item .data .email, .center_panel .items_list .item .data .date, .center_panel .items_list .item .attachments { color: #AFB3BF !important; } .center_panel .items_list .item .item_content { border-bottom: 1px solid #28313A; } .center_panel .items_list .item .controls .flag { color: #616162; } .center_panel .items_list .item.selected, .center_panel .items_list .item.selected .data .date, .center_panel .items_list .item.selected .attachments { color: #97B3D6; } .center_panel .items_list .item.selected .data .subject { color: #ECF5FF; } .center_panel .items_list .item.unseen, .center_panel .items_list .item.unseen .data .subject, .center_panel .items_list .item.unseen .data .date, .center_panel .items_list .item.unseen .attachments { color: #FFFFFF; } .center_panel .items_list .item .thread-pin.loading { background-color: transparent !important; } .center_panel .items_list .use_threads .threaded:not(.selected):not(.checked):not(.unseen) { background: transparent; border-left: 5px solid #80898C; } .panel.left_panel .item .title.ui-droppable.droppableHover { background: #113d75 !important; color: rgba(228, 228, 228, 0.7) !important; text-shadow: none !important; } .panel_bottom .volumer .volumer_conteiner { padding: 0; } .panel_bottom .volumer .volumer_conteiner .used { height: 6px; } .auroraMain .panel.contacts_panel .item .key { background: none; color: #AFB3BF; } .auroraMain .panel.contacts_panel .item .me { background: none; border: solid 1px #AFB3BF; color: #AFB3BF; } .auroraMain .contact_data_groups { background: #1F2633; border-color: #28313A; color: #AFB3BF; } .auroraMain .panel.contact_viewer .decor { background: #1F2633; border-color: #28313A; } .auroraMain .ContactsLayout .panel_bottom .buttons { border-color: #28313A; } .auroraMain .contact_card .buttons { border-color: #28313A; } .auroraMain .popup_panel_shares .row_new_share .new_share_access_select .control { border-color: #00A3A3; color: #00A3A3; padding: 1px 4px 3px 1px; } .auroraMain .popup_panel_shares .row_new_share .new_share_access_select .control:before { font-size: 18px; width: 14px; height: 14px; line-height: 16px; } .auroraMain .popup_panel_shares .row_shares_list, .auroraMain .popup_panel_shares .shares_list .item_share { background: #13121C; border-color: #28313A !important; } .auroraMain .popup_panel_shares .shares_list .item .access_select .link { border-bottom: 1px dashed #00A3A3; color: #00A3A3; } .auroraMain .encryption-result { background: #292929; border-radius: 5px; border: solid 1px #28313A; } .auroraMain .panel.calendar .toolbar .range_select .item.passive, .auroraMain .panel.calendar .toolbar .range_select .item.passive:hover { background-color: #292929; } .auroraMain .popup.calendar_popup .shares_all, .auroraMain .popup.calendar_getlink .web_access, .auroraMain .popup.calendar_popup .buttons { border-color: #28313A; } .auroraMain .popup.calendar_select .additional_buttons .item.task.selected .icon:before, .auroraMain .popup.calendar_event .additional_buttons .item.task.selected .icon:before { color: #d1dbe3; } .auroraMain .popup.calendar_select .additional_buttons .item.task.selected .icon:before:hover, .auroraMain .popup.calendar_event .additional_buttons .item.task.selected .icon:before:hover { color: #8f9295; } .auroraMain .popup.calendar_event .popup_panel { background: #393D4B; } .auroraMain .popup.calendar_event .popup_panel.show_left_side_panel { background: #1F2633; } .auroraMain .popup.calendar_event .subforms .dates_form .form_content { background: #2A355A; } .auroraMain .popup.calendar_event .subforms .dates_form .form_arrow { border-top: 6px solid #393d4b; } .auroraMain .popup.calendar_event .subforms .alarm_form, .auroraMain .popup.calendar_event .subforms .dates_form { color: #AFB3BF; } .auroraMain .popup.calendar_event .subforms .alarm_form .form_content, .auroraMain .popup.calendar_event .subforms .dates_form .form_content { background: #393d4b; } .auroraMain .custom_switcher { background: #13121C; border-color: #28313A; } .auroraMain .custom_switcher .text { border-color: #28313A; } .auroraMain .custom_switcher label.checked { background: #1261cc; } .auroraMain .fc-unthemed .fc-list-empty { background: #13121C; } .auroraMain .fc-row .fc-content-skeleton td, .auroraMain .fc-row .fc-helper-skeleton td { border-color: inherit; } .auroraMain .fc-day-header.fc-widget-header, .auroraMain .fc-show-weekends .fc-sat, .auroraMain .fc-show-weekends .fc-sun { color: #AFB3BF; } .auroraMain .fc-day-header.fc-widget-header, .auroraMain .fc-show-weekends .fc-bg .fc-sat, .auroraMain .fc-show-weekends .fc-bg .fc-sun { background: #1F2633 !important; } .auroraMain .fc-unthemed th, .auroraMain .fc-unthemed td, .auroraMain .fc-unthemed thead, .auroraMain .fc-unthemed tbody, .auroraMain .fc-unthemed .fc-divider, .auroraMain .fc-unthemed .fc-row, .auroraMain .fc-unthemed .fc-content, .auroraMain .fc-unthemed .fc-popover, .auroraMain .fc-unthemed .fc-list-view, .auroraMain .fc-unthemed .fc-list-heading td { border-color: #28313A !important; color: #ffffff; } .auroraMain .fc-unthemed .fc-divider, .auroraMain .fc-unthemed .fc-popover .fc-header, .auroraMain .fc-unthemed .fc-list-heading td { background: #1F2633; color: #B5B5B5; } .auroraMain .fc-list-item:hover td { background-color: #171622; } .auroraMain .fc-day-grid .fc-day-number { color: #ffffff; } .auroraMain .fc-unthemed .fc-bg td.fc-today { background: #0B5269; } .auroraMain .fc-unthemed td.fc-today { background: transparent; } .auroraMain .panel.calendars_panel .panel_bottom { background: #22252F; border: none; } .auroraMain .fc-agenda-view .fc-axis { background: #1F2633; } .auroraMain .fc-non-working-time { background: rgba(50, 57, 70, 0.5) !important; } .ui-widget-header, .ui-widget-content { color: #B5B5B5; } .ui-widget-content { background: #1F2633; border-color: #28313A; } .ui-widget-content a { color: #B5B5B5 !important; } .ui-widget-content:not(.ui-datepicker-inline) td.ui-datepicker-current-day { background: #414A5A !important; } .ui-widget-content table.highlight_day td.ui-datepicker-today, .ui-widget-content td.ui-datepicker-today { background: #0B5269 !important; } .panel.calendars_panel .panel_bottom table.highlight_week tr.current_week, .panel.calendars_panel .panel_bottom table.highlight_day td.ui-datepicker-current-day { background: #414A5A !important; border-color: #414A5A !important; } .ui-datepicker-prev, .ui-datepicker-next { color: #B5B5B5 !important; } .ui-datepicker-prev.ui-state-hover, .ui-datepicker-next.ui-state-hover, .ui-datepicker-prev:hover, .ui-datepicker-next:hover { background: #414A5A !important; border: 1px solid #28313A !important; } .ui-state-active { background: #414A5A !important; border: 1px solid #28313A !important; } .auroraMain .panels.settings .panel.data { background: none; } .auroraMain .panels.settings .settings_heading { color: #ECF5FF; } .auroraMain .panels.settings .fields .row .label, .auroraMain .panels.settings .fields .row label { color: #AFB3BF; } .auroraMain .panels.settings .fieldset { background: #1F2633; background-image: none; border-color: #28313A; color: #AFB3BF; } .auroraMain .panels.settings .ip-allow-list .folders .items_list .item:last-child, .auroraMain .panels.settings .security .folders .items_list .item:last-child, .auroraMain .panels.settings .two-factor-auth .folders .items_list .item:last-child, .auroraMain .panels.settings .folders.items_list .item { border-color: #28313A; } .auroraMain .panels.settings .folders.items_list .item.canSelect > .title { color: #AFB3BF; text-shadow: none; } .auroraMain .panels.settings .folders.items_list .item.canSelect > .title:hover { background: #1F2633; color: #AFB3BF; } .auroraMain .panels.settings .tabs .shortcuts .item a { background: #383E49; border: 1px solid #383E49; border-bottom: 0px; color: #9095A0; } .auroraMain .panels.settings .tabs .shortcuts .item.selected a { background: #1F2633; color: #ffffff; } .auroraMain .panels.settings .tabs_container .fieldset.fieldset_external_access_servers { border-color: #28313A; } .auroraMain .items_list.simple_list { background: #13121C; border-color: #28313A; } .auroraMain .items_list.simple_list .item { border-color: #28313A; color: #ECF5FF; } .auroraMain .items_list.simple_list .item.selected, .auroraMain .items_list.simple_list .item.heading { background: #383E49; color: #ECF5FF; } .auroraMain .items_list.simple_list .item.selected:hover, .auroraMain .items_list.simple_list .item.heading:hover { background: #383E49; } .auroraMain .items_list.simple_list .item:hover { background: #1F2633; } .auroraMain .items_list.simple_list .item.fetcher .label { color: #AFB3BF; } .auroraMain .import_export .popup_panel, .auroraMain .add_account .popup_panel, .auroraMain .add_fetcher .popup_panel, .auroraMain .add_folder .popup_panel, .auroraMain .folders_setup .popup_panel { background: #1F2633; } .auroraMain .login_panel .header .icon:before { color: #24A4EC; text-shadow: none; } .auroraMain .login_panel .row { background: #EAEAEA; border-color: #10386C; } .auroraMain .login_panel .row .input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #EAEAEA inset !important; } .auroraMain .login_panel .row.signme { background: none; border: none; color: #ffffff; } .auroraMain .login_panel .row.focused { background: #e8e0c8; border-color: #10386C; } .auroraMain .login_panel .row.focused .input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #e8e0c8 inset !important; } .auroraMain .login_panel .row .input { color: #000000 !important; } .auroraMain .login_panel .custom_checkbox.focus { box-shadow: none; } .auroraMain .LoginLayout .buttons { background: none; /* .button.facebook { background: rgba(11, 17, 38, 0.4); border-color: @border-color; }*/ } .auroraMain .LoginLayout .buttons .button { background: #1261cc; border-color: #1261cc; } .auroraMain .LoginLayout .buttons .button:hover { background: #1056b5; } .auroraMain .LoginLayout .languages.demo { background: rgba(86, 108, 233, 0.2); border-color: #1261CC; } .auroraMain .LoginLayout .languages.demo .langs_heading { color: #ffffff; } .auroraMain .LoginLayout .languages.demo .item { color: #ffffff; } .auroraMain .LoginLayout .languages.demo .item.selected .item_content, .auroraMain .LoginLayout .languages.demo .item.selected .item_content:hover { background: #1261CC; } .auroraMain .LoginLayout .languages.demo .item .item_content:hover { background: #1261CC; color: #ffffff; } .screens.show-header .AdminPanelLayout.screen .tabsbar { border-color: #28313A; } .AdminPanelLayout .users_list_panel .panel_top { background: #1F2633 !important; } .AdminPanelLayout .panel .panel_top { border-bottom: 1px solid #28313A; } .AdminPanelLayout .panel .panel_bottom { border-top: 1px solid #28313A; } .AdminPanelLayout .settings_heading, .AdminPanelLayout .fields .row .label, .AdminPanelLayout .fields .row label { color: #AFB3BF !important; } .AdminPanelLayout .fieldset { background: #1F2633 !important; background-image: none !important; border-color: #28313A !important; color: #AFB3BF; } .public-page-card { color: #AFB3BF !important; background-color: #13121C !important; } .popup.calendar_event .scrollable_field.value { border: 1px solid transparent !important; background: none; } .popup.calendar_event .scrollable_field.value .input { background: none; } .popup.calendar_event .editable .scrollable_field { border: 1px solid #28313A !important; } .popup.calendar_event .editable .scrollable_field .input { background: #13121C; } .popup.calendar_event .editable .focused .scrollable_field { box-shadow: none !important; } .center_panel .items_list .item .data .thread-pin { border-radius: 12px; padding: 4px 6px 3px; } .center_panel .items_list .item .data .thread-pin:hover, .center_panel .items_list .item.checked .data .thread-pin:hover, .center_panel .items_list .item.selected .data .thread-pin:hover { background-color: transparent; border-color: #AFB3BF; color: #AFB3BF; } .center_panel .items_list .item .data .thread-pin.unread:hover, .center_panel .items_list .item.checked .data .thread-pin.unread:hover, .center_panel .items_list .item.selected .data .thread-pin.unread:hover { background-color: #1056b5; border-color: #1056b5; color: #AFB3BF; } .panel.item_viewer.message_viewer .message_header, .panel.item_viewer.message_viewer .message_header .title, .panel.item_viewer.message_viewer .message_header .subject { color: #ECF5FF; } .panel.item_viewer.message_viewer .message_header .table-compressor { color: #414A5A; } .panel.item_viewer.message_viewer .message_header .table-compressor .arrow:after { background: #13121C; } .panel.item_viewer.message_viewer .panels.has_attachments .message_panel { border-right: 1px solid #28313A; } .panel.item_viewer.message_viewer .message_content .message_body_info { color: #AFB3BF; } .panel.item_viewer.message_viewer .appointment { color: #E4E4E4; } .panel.item_viewer.message_viewer .appointment .row.row_info > * { color: #d7d7d7; } .panel.item_viewer.message_viewer .message_content_not_empty_text { background: #ffffff; } .auroraMain .attachments, .panel.item_viewer.message_viewer .attachments { color: #E4E4E4; } .auroraMain .attachments .children, .panel.item_viewer.message_viewer .attachments .children { background: #1F2633; box-shadow: 0 0 0 8px #1F2633; } .auroraMain .attachments .download_menu .link.hover, .panel.item_viewer.message_viewer .attachments .download_menu .link.hover { color: #ECF5FF !important; } .auroraMain .attachments .download_menu .link .icon, .panel.item_viewer.message_viewer .attachments .download_menu .link .icon { color: #1261cc; } .auroraMain .attachments.upload .item .cancel, .panel.item_viewer.message_viewer .attachments.upload .item .cancel { background: #F15B46; } .auroraMain .attachments .item, .panel.item_viewer.message_viewer .attachments .item { color: #E4E4E4; } .auroraMain .attachments .item .item_content, .panel.item_viewer.message_viewer .attachments .item .item_content { background: #2D303B; border: solid 1px #3A3D4C; box-shadow: none; } .auroraMain .attachments .item .main_action, .panel.item_viewer.message_viewer .attachments .item .main_action { background: #2d303b; } .auroraMain .attachments .item .image, .panel.item_viewer.message_viewer .attachments .item .image { border-bottom: 1px solid #3A3D4C; } .auroraMain .attachments .item .size, .panel.item_viewer.message_viewer .attachments .item .size { color: #616162; } .auroraMain .attachments .item .progress .progress-percent, .panel.item_viewer.message_viewer .attachments .item .progress .progress-percent { color: #E4E4E4 !important; } .auroraMain .MailComposeLayout .panels, .auroraMain .compose_popup .panels, .auroraMain .compose_popup .popup_panel { background: none; } .auroraMain .panel.compose { background: none; } .auroraMain .panel.compose input, .auroraMain .panel.compose textarea, .auroraMain .panel.compose select, .auroraMain .panel.compose .input { border: none !important; } .auroraMain .panel.compose .panel.message_panel { background: #1F2633; border-radius: 0; border-top: 1px solid #28313A; border-right: 1px solid #28313A; } .auroraMain .panel.compose .panel.message_panel .table-compressor .arrow:after { background: #1F2633; color: #414A5A; } .auroraMain .panel.compose .panel.message_panel .panel_top { padding: 0; } .auroraMain .panel.compose .panel.message_panel .panel_bottom { padding: 3px 10px 4px; } .auroraMain .panel.compose .panel.message_panel .panel_bottom .hotkey_value { color: #a1a6b4; text-shadow: none; } .auroraMain .panel.compose .panel.message_panel .panel_bottom .hotkey_action { color: #AFB3BF; text-shadow: none; } .auroraMain .panel.compose .panel_content > .toolbar { background: #1F2633; } .auroraMain .panel.compose .panel_content > .toolbar .back .icon, .auroraMain .panel.compose .panel_content > .toolbar .new_window .icon, .auroraMain .panel.compose .panel_content > .toolbar .save_and_close .icon, .auroraMain .panel.compose .panel_content > .toolbar .minimize .icon, .auroraMain .panel.compose .panel_content > .toolbar .maximize .icon, .auroraMain .panel.compose .panel_content > .toolbar .confirmation .icon, .auroraMain .panel.compose .panel_content > .toolbar .pgp .icon { color: #B5B5B5; } .auroraMain .panel.compose table.fields input, .auroraMain .panel.compose table.fields select, .auroraMain .panel.compose table.fields textarea, .auroraMain .panel.compose table.fields .input { background: #1F2633; -webkit-background-clip: text; -webkit-text-fill-color: #AFB3BF; } .auroraMain .panel.compose table.fields > tbody > tr { border-bottom: 1px solid #28313A; } .auroraMain .panel.compose table.fields td.label { width: 110px; } .auroraMain .panel.compose table.fields td.value { padding: 4px 11px 4px 0px; } .auroraMain .panel.compose table.fields td.value td.value { padding: 0px; } .auroraMain .panel.compose .attachments_panel { background: #1F2633; border-top: solid 1px #28313A; } .auroraMain .panel.compose .html_editor { padding: 3px 9px; } .auroraMain .panel.compose .html_editor .workarea { border-radius: 0 0 4px 4px; } .auroraMain .panel.compose .html_editor .disable_mask { height: calc(100% - 6px); width: calc(100% - 18px); } .auroraMain .panel.compose .notice.notice-auto-encrypt { border-color: #28313A; } .auroraMain .panel.compose:not(.compose-auto-encrypt) .notice.notice-auto-encrypt { color: #AFB3BF; } .auroraMain .html_editor select { background: transparent; color: #595959 !important; } .auroraMain .popup_schedule .row_select_datetime { color: #AFB3BF; } .auroraMain .popup_schedule .simple_list { border: 1px solid #28313A; } .auroraMain .popup_schedule .simple_list .item { border-bottom: 1px solid #28313A; } /*=== Common css part ===*/ @font-face { font-family: 'afterlogic'; src: url('../../fonts/afterlogic.eot'); src: url('../../fonts/afterlogic.eot?#iefix') format('embedded-opentype'), url('../../fonts/afterlogic.svg#afterlogic') format('svg'), url('../../fonts/afterlogic.woff') format('woff'), url('../../fonts/afterlogic.ttf') format('truetype'); font-weight: normal; font-style: normal; } .not-exist:before, .icon-font:before { font-family: 'afterlogic'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*=== Library part ===*/ .clearfix { clear: both; } .clearfix:after { /*Opera*/ clear: both; display: block; content: "."; height: 0; visibility: hidden; } * html > body .clearfix { width: 100%; display: block; } * html .clearfix { /* IE 6 */ height: 1%; } .unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectable { -webkit-touch-callout: all; -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; } input, select, textarea { -webkit-touch-callout: text; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } @keyframes cycle { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-moz-keyframes cycle { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes cycle { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes highlight { 0% { background: #ffffc4; } 60% { background: #ffffc4; } 100% { background: rgba(255, 255, 196, 0); } } @-moz-keyframes highlight { 0% { background: #ffffc4; } 60% { background: #ffffc4; } 100% { background: rgba(255, 255, 196, 0); } } @-webkit-keyframes highlight { 0% { background: #ffffc4; } 60% { background: #ffffc4; } 100% { background: rgba(255, 255, 196, 0); } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0); -webkit-transform: scale(0); } 40% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @-moz-keyframes bouncedelay { 0%, 80%, 100% { -moz-transform: scale(0); } 40% { -moz-transform: scale(1); } } @keyframes flipIn { 0% { transform: rotateY(0); max-height: 500px; top: 0px; } 99% { transform: rotateY(90deg); max-height: 500px; top: 0px; } 100% { transform: rotateY(90deg); max-height: 0px; top: -20000px; } } @-moz-keyframes flipIn { 0% { -moz-transform: rotateY(0); max-height: 500px; top: 0px; } 99% { -moz-transform: rotateY(90deg); max-height: 500px; top: 0px; } 100% { -moz-transform: rotateY(90deg); max-height: 0px; top: -20000px; } } @-webkit-keyframes flipIn { 0% { -webkit-transform: rotateY(0); max-height: 500px; top: 0px; } 99% { -webkit-transform: rotateY(90deg); max-height: 500px; top: 0px; } 100% { -webkit-transform: rotateY(90deg); max-height: 0px; top: -20000px; } } @keyframes flipOut { 0% { transform: rotateY(270deg); max-height: 0px; top: -20000px; } 49% { transform: rotateY(270deg); max-height: 0px; top: -20000px; } 50% { transform: rotateY(270deg); max-height: 0px; top: 0px; } 100% { transform: rotateY(360deg); max-height: 500px; top: 0px; } } @-moz-keyframes flipOut { 0% { -moz-transform: rotateY(270deg); max-height: 0px; top: -20000px; } 49% { -moz-transform: rotateY(270deg); max-height: 0px; top: -20000px; } 50% { -moz-transform: rotateY(270deg); max-height: 500px; top: 0px; } 100% { -moz-transform: rotateY(360deg); max-height: 500px; top: 0px; } } @-webkit-keyframes flipOut { 0% { -webkit-transform: rotateY(270deg); max-height: 0px; top: -20000px; } 49% { -webkit-transform: rotateY(270deg); max-height: 0px; top: -20000px; } 50% { -webkit-transform: rotateY(270deg); max-height: 500px; top: 0px; } 100% { -webkit-transform: rotateY(360deg); max-height: 500px; top: 0px; } } @keyframes pulse { 0% { transform: scale(1); } 70% { transform: scale(1.7); } 80% { transform: scale(1.7); } 100% { transform: scale(1.3); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 70% { -moz-transform: scale(1.7); } 80% { -moz-transform: scale(1.7); } 100% { -moz-transform: scale(1.3); } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 70% { -webkit-transform: scale(1.7); } 80% { -webkit-transform: scale(1.7); } 100% { -webkit-transform: scale(1.3); } } @keyframes shake { 0% { transform: translate(0px); } 15% { transform: translate(-15px); } 30% { transform: translate(15px); } 45% { transform: translate(-10px); } 60% { transform: translate(10px); } 75% { transform: translate(-5px); } 90% { transform: translate(5px); } 100% { transform: translate(0px); } } @-webkit-keyframes shake { 0% { -webkit-transform: translate(0px); } 15% { -webkit-transform: translate(-15px); } 30% { -webkit-transform: translate(15px); } 45% { -webkit-transform: translate(-10px); } 60% { -webkit-transform: translate(10px); } 75% { -webkit-transform: translate(-5px); } 90% { -webkit-transform: translate(5px); } 100% { -webkit-transform: translate(0px); } } @-moz-keyframes shake { 0% { -moz-transform: translate(0px); } 15% { -moz-transform: translate(-15px); } 30% { -moz-transform: translate(15px); } 45% { -moz-transform: translate(-10px); } 60% { -moz-transform: translate(10px); } 75% { -moz-transform: translate(-5px); } 90% { -moz-transform: translate(5px); } 100% { -moz-transform: translate(0px); } } .panels, .panel_helper { height: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; } html.non-adjustable .panels { height: auto; } html.non-adjustable .panels .panel { flex-grow: 0 !important; } .panel { border-radius: 5px; font-size: 9pt; height: 100%; position: relative; white-space: normal; flex-basis: auto; flex-grow: 1; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: #13121C; box-shadow: none !important; } .panel.center_panel, .panel.item_viewer, .panel.data { box-shadow: -1px 0 2px rgba(0, 0, 0, 0.11); } .rtl .panel { box-shadow: 1px 0 2px rgba(0, 0, 0, 0.11); } .panel .panel_content { height: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .panel .panel_content .resizer { background: transparent; left: 0; position: absolute; top: 0; width: 100%; } .panel .middle_bar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; overflow: hidden; } html.non-adjustable .panel .middle_bar { overflow: visible; } .panel.center_panel .panel_top { background: #1F2633; } .panel.center_panel .panel_bottom { background: #060606; } .panel .panel_top { border-bottom: 1px solid #e2e2e2; color: #555566; padding: 6px 10px 6px 34px; white-space: nowrap; } html.rtl .panel .panel_top { padding-left: 10px; padding-right: 34px; } .panel .panel_top .custom_checkbox { margin-top: 6px; margin-left: -20px; margin-right: 8px; vertical-align: top; } html.rtl .panel .panel_top .custom_checkbox { margin-left: 8px; margin-right: -20px; } .panel .panel_center { height: 100%; } .panel .panel_bottom { border-radius: 0 0 4px 4px; border-top: 1px solid #E2E2E2; line-height: 26px; padding: 10px 20px; } .panel.item_viewer { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; } .AdminPanelLayout .panel.users_list_panel { border-color: #21262b; border-style: solid; border-width: 1px 1px 0 0; border-radius: 0 5px 0 0; } .AdminPanelLayout .panel.users_list_panel .toolbar[style="display: none;"] + .middle_bar { border-radius: 0 5px 5px 0; } .AdminPanelLayout .panel.users_list_panel .panel_bottom { color: #B5B5B5; } .AdminPanelLayout .panel.data.modules { border-width: 1px 1px 0 1px; border-radius: 5px 5px 0 0 !important; } .AdminPanelLayout .panel.data:not(.modules):not(.users_list_panel) { border-width: 1px 0 0 1px; border-radius: 5px 0 0 0 !important; } .AdminPanelLayout .panel.data:not(.modules):not(.users_list_panel) > .panel_content { border-radius: 5px 0 0 0 !important; } .panel.center_panel { border-color: #21262b; border-style: solid; border-width: 1px 0 0 1px; border-radius: 5px 0 0 0; } .panel.center_panel .toolbar { border-radius: 5px 5px 0 0; } .panel.center_panel .toolbar .content > .item .hint, .panel.center_panel .toolbar .content .group > .item .hint { background: #ffffff; border-radius: 12px; color: #13121C; line-height: 17px; margin-left: -4px; } .panel.center_panel:not(:last-child) { border-width: 1px 1px 0 1px; border-radius: 5px 5px 0 0; margin-right: 3px; } .panel.center_panel:not(:last-child) .panel_top { border-bottom: none; } .panel.center_panel:not(:last-child) .panel_top .custom_checkbox { margin-left: -21px; margin-top: 4px; } .panel.center_panel:not(:last-child) .panel_bottom { border-top: none; } .panel.center_panel:not(:last-child) .panel_bottom .pagination .item { color: #ffffff; } .panel.center_panel:not(:last-child) .panel_bottom .pagination .item.current { color: #616162; } .panel.item_viewer, .panel.item_viewer.contact_viewer { border-color: #21262b; border-style: solid; border-width: 1px 0 0 1px; border-radius: 5px 0 0 0 !important; margin-left: 3px; } .panel.item_viewer > .panel_content, .panel.item_viewer.contact_viewer > .panel_content { background: #13121C; } .panel.data { border-color: #21262b; border-style: solid; border-width: 1px; border-radius: 5px !important; margin-left: 3px; } .panel.data > .panel_content { background: #13121C; border-radius: 5px !important; } .panel.item_viewer .panel_top, .panel.data .panel_top { border-bottom: 1px solid #28313A; color: #AFB3BF; } .panel.item_viewer .panel_bottom, .panel.data .panel_bottom { border-top: 1px solid #28313A; } .auroraMain .panel.files .pathway { background: #13121C; border-color: #28313A; } .auroraMain .panel.files .items_list .item:hover .name, .auroraMain .panel.files .items_list .item.selected .name, .auroraMain .panel.files .items_list .item.checked .name, .auroraMain .panel.files .items_list .item:hover .ext, .auroraMain .panel.files .items_list .item.selected .ext, .auroraMain .panel.files .items_list .item.checked .ext { color: #AFB3BF; } .auroraMain .panel.files .items_list .item.folder:hover .item_content, .auroraMain .panel.files .items_list .item.folder.selected .item_content, .auroraMain .panel.files .items_list .item.folder.checked .item_content { border-color: #28313A; } .auroraMain .panel.files .items_list .item .header, .auroraMain .panel.files .items_list .item:hover .header { background: #2d303b; color: #AFB3BF; } .auroraMain .panel.files .file-preview { border-color: #28313A; } .panel.item_viewer { background: #ffffff; border-radius: 5px; overflow: hidden; padding: 0px; position: relative; z-index: 1; } .screens > .panel.item_viewer { width: 100%; } html.rtl .panel.item_viewer { margin-left: 0px; margin-right: -1px; padding-left: 0; padding-right: 2px; } .panel.item_viewer .notification { color: #cccccc; display: block; font-size: 18px; padding: 26px 20px; text-align: center; } .panel.item_viewer .attachments { color: #3d3d3d; padding: 20px; } .panel.item_viewer .attachments .download_menu { margin-bottom: 10px; } .panel.item_viewer .attachments .download_menu .content { margin-left: 24px; max-height: 0px; overflow: hidden; -webkit-transition: max-height 500ms ease 500ms; -moz-transition: max-height 500ms ease 500ms; -o-transition: max-height 500ms ease 500ms; transition: max-height 500ms ease 500ms; } .panel.item_viewer .attachments .download_menu .content .link { margin-top: 10px; } .panel.item_viewer .attachments .download_menu:hover .content { max-height: 200px; -webkit-transition: max-height 500ms ease 0s; -moz-transition: max-height 500ms ease 0s; -o-transition: max-height 500ms ease 0s; transition: max-height 500ms ease 0s; } .panel.item_viewer .attachments .download_menu .link { display: inline-block; } .panel.item_viewer .attachments .download_menu .link.hover { color: #333333 !important; text-decoration: none !important; } .panel.item_viewer .attachments .download_menu .link .icon { color: #00A3A3; display: none; } .panel.item_viewer .attachments .download_menu .link .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panel.item_viewer .attachments .download_menu .link .icon:before { display: inline-block; font-size: 20px; height: 100%; margin: -6px -3px 0px; vertical-align: middle; width: 100%; } .panel.item_viewer .attachments .download_menu .link.hover .icon { display: inline-block; float: left; height: 16px; margin-right: 8px; vertical-align: middle; width: 16px; } .panel.item_viewer .attachments .download_menu .link.hover .icon:before { content: "\e642"; } .panel.item_viewer .attachments .download_menu .link .text { overflow: hidden; } .items_list .section_title { color: #ECF5FF; cursor: default; display: block; font-weight: bold; padding: 10px 17px 10px 17px; text-shadow: none; text-transform: uppercase; white-space: nowrap; } html.rtl .items_list .section_title { padding-left: 0px; padding-right: 12px; } .items_list .section_title .control { float: right; } .items_list .use_threads .threaded { background: #f9f8f6; border-left: 5px solid #afabab; max-height: 0px; } html.rtl .items_list .use_threads .threaded { border-left: 0px; border-right: 5px solid #afabab; } .items_list .use_threads .threaded.show { max-height: 80px; -webkit-transition: max-height 200ms ease-out; -moz-transition: max-height 200ms ease-out; -o-transition: max-height 200ms ease-out; transition: max-height 200ms ease-out; } .items_list .use_threads .threaded .link { color: #4477bb; } .items_list .use_threads .threaded .link:hover { color: #c74747; } .items_list .not_use_threads .item .from .other_senders, .items_list .not_use_threads .item .from .plus_more_senders { display: none; } .items_list .use_threads .item .from .other_senders { margin-left: -5px; } .items_list .use_threads .item .from .plus_more_senders { opacity: 0.5; } .items_list .item { background: #13121C; color: #3d3d3d; cursor: default; font-weight: normal; line-height: 140%; max-height: 80px; overflow: hidden; position: relative; white-space: nowrap; } .items_list .item .from, .items_list .item .subject { mask: url(../../images/filters.svg#masking); -webkit-mask: url(../../images/mask.png) repeat-y top right; -o-mask: url(../../images/mask.png?) repeat-y top right; -ms-mask: url(../../images/mask.png) repeat-y top right; } html.rtl .items_list .item .from, html.rtl .items_list .item .subject { mask: url(../../images/filters.svg#masking_rtl); -webkit-mask: url(../../images/mask_rtl.png) repeat-y top left; -o-mask: url(../../images/mask_rtl.png) repeat-y top left; -ms-mask: url(../../images/mask_rtl.png) repeat-y top left; } .items_list .item.unseen { background: #26262D; font-weight: bold; } .items_list .item.unseen .from, .items_list .item.unseen .subject { mask: url(../../images/filters.svg#masking); -webkit-mask: url(../../images/mask.png) repeat-y top right; -o-mask: url(../../images/mask.png?) repeat-y top right; -ms-mask: url(../../images/mask.png) repeat-y top right; } html.rtl .items_list .item.unseen .from, html.rtl .items_list .item.unseen .subject { mask: url(../../images/filters.svg#masking_rtl); -webkit-mask: url(../../images/mask_rtl.png) repeat-y top left; -o-mask: url(../../images/mask_rtl.png) repeat-y top left; -ms-mask: url(../../images/mask_rtl.png) repeat-y top left; } .items_list .item.deleted { -webkit-transition: max-height 250ms ease; -moz-transition: max-height 250ms ease; -o-transition: max-height 250ms ease; transition: max-height 250ms ease; max-height: 0px !important; overflow: hidden; } .items_list .item.checked { background: #033F49; } .items_list .item.checked .from, .items_list .item.checked .subject { mask: url(../../images/filters.svg#masking); -webkit-mask: url(../../images/mask.png) repeat-y top right; -o-mask: url(../../images/mask.png?) repeat-y top right; -ms-mask: url(../../images/mask.png) repeat-y top right; } html.rtl .items_list .item.checked .from, html.rtl .items_list .item.checked .subject { mask: url(../../images/filters.svg#masking_rtl); -webkit-mask: url(../../images/mask_rtl.png) repeat-y top left; -o-mask: url(../../images/mask_rtl.png) repeat-y top left; -ms-mask: url(../../images/mask_rtl.png) repeat-y top left; } .items_list .item.checked .custom_checkbox .icon { border-color: #022c33; box-shadow: 0 1px 0 #067e92; } .items_list .item.selected { background-color: #2159A1; color: #ffffff; } .items_list .item.selected .from, .items_list .item.selected .subject { mask: url(../../images/filters.svg#masking); -webkit-mask: url(../../images/mask.png) repeat-y top right; -o-mask: url(../../images/mask.png?) repeat-y top right; -ms-mask: url(../../images/mask.png) repeat-y top right; } html.rtl .items_list .item.selected .from, html.rtl .items_list .item.selected .subject { mask: url(../../images/filters.svg#masking_rtl); -webkit-mask: url(../../images/mask_rtl.png) repeat-y top left; -o-mask: url(../../images/mask_rtl.png) repeat-y top left; -ms-mask: url(../../images/mask_rtl.png) repeat-y top left; } .items_list .item.selected .custom_checkbox .icon { border-color: #173e71; box-shadow: 0 1px 0 #387dd6; } .items_list .item .item_content { border-bottom: 1px solid #e8e8e8; padding: 14px 16px 14px 14px; } html.rtl .items_list .item .item_content { padding-left: 16px; padding-right: 14px; } .items_list .item .controls { display: inline-block; float: left; margin: 1px 8px 0px 0px; } html.rtl .items_list .item .controls { float: right; margin-left: 8px; margin-right: 0px; } .items_list .item .data { display: block; overflow: hidden; } .items_list .item .data.table { display: flex; } .items_list .item .data.table > span { flex-grow: 1; overflow: hidden; text-overflow: ellipsis; padding: 0px 10px; } .items_list .item .data.table > span.fixed { flex-grow: 0; } .items_list .item .group, .items_list .item .size, .items_list .item .date, .items_list .item .attachments { color: #999999; display: inline-block; float: right; font-size: 8pt; margin-left: 4px; } html.rtl .items_list .item .group, html.rtl .items_list .item .size, html.rtl .items_list .item .date, html.rtl .items_list .item .attachments { float: left; margin-left: 0px; margin-right: 4px; } .items_list .item.selected .group { color: #ffffff; } .items_list .item .size, .items_list .item .date { margin-top: 1px; } .items_list .item .attachments { margin-top: -2px; } .items_list .item .attachments.has_ical_attachment { margin-top: -1px; } .items_list .item.selected .size, .items_list .item.selected .date { color: #ffffff; } .items_list .item .title { display: block; margin-bottom: 10px; } .items_list .item .separator { clear: both; } .items_list .uploader_mask { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 250ms ease 0s; -moz-transition: opacity 250ms ease 0s; -o-transition: opacity 250ms ease 0s; transition: opacity 250ms ease 0s; background: #fffdd6; color: #d3b910; font-size: 18pt; height: 100%; left: 0px; opacity: 0; padding: 11px; position: absolute; text-align: center; top: 0px; visibility: hidden; width: 100%; } .items_list .uploader_mask.active { visibility: visible; opacity: 0.5; filter: alpha(opacity=50); } .items_list .uploader_mask .inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 3px dashed #e2da36; border-radius: 5px; height: 100%; } /* For draggable items in lists */ .draggable { height: 0px; /* don't change */ width: 0px; /* don't change */ } .draggable .content { cursor: move; height: 200px; margin: -100px 0px 0px -100px; width: 200px; } .draggable .content .count-text { background-color: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000'); border-radius: 2px; color: #ffffff; display: inline-block; line-height: 100%; margin: 100px 0px 0px 100px; min-width: 30px; padding: 6px 10px; white-space: nowrap; z-index: 10002; } /* IE9 do not support flex-wrap and flex-direction */ .no-flexwrap .panel { float: left; } .list_notification { color: #cccccc; display: block; font-size: 18px; padding: 6px 14px 26px; text-align: center; } .list_notification.search_results { background: #fcfcfc; border-bottom: 1px solid #e5e5e5; } .list_notification .link { float: right; font-size: 9pt; margin-left: 10px; } html.rtl .list_notification .link { float: left; margin-left: 0px; margin-right: 10px; } .list_notification .description { display: block; padding-top: 20px; } .list_notification .description .part { color: #777777; } .toolbar { background: #13121C; border: none; border-radius: 4px 4px 0 0; } .toolbar .resizer { height: 55px; } .toolbar .content { display: block; font-size: 0.1px; padding: 11px; } .toolbar .content > .item, .toolbar .content .group > .item { cursor: pointer; display: inline-block; font-size: 10pt; height: 30px; line-height: 30px; margin-right: 8px; padding: 1px 7px; position: relative; vertical-align: middle; } .toolbar .content > .item > .icon, .toolbar .content .group > .item > .icon { color: #B5B5B5; text-shadow: none; } .toolbar .content > .item > .icon:hover, .toolbar .content .group > .item > .icon:hover { color: #9c9c9c; } .toolbar .content > .item .hint, .toolbar .content .group > .item .hint { background: #cfcfcf; color: #ffffff; } .toolbar .content > .item:hover .hint, .toolbar .content .group > .item:hover .hint { background: #c2c2c2; } .toolbar .content > .item:last-child, .toolbar .content .group > .item:last-child { margin-right: 0px; } html.rtl .toolbar .content > .item:last-child, html.rtl .toolbar .content .group > .item:last-child { margin-left: 0px; } html.rtl .toolbar .content > .item, html.rtl .toolbar .content .group > .item { margin-left: 8px; margin-right: 0px; } html.mobile .toolbar .content > .item, html.mobile .toolbar .content .group > .item { position: static; } .toolbar .content > .item > .icon, .toolbar .content .group > .item > .icon { display: inline-block; font-size: 32px; height: 32px; width: 32px; text-align: center; vertical-align: middle; } .toolbar .content > .item > .icon:before, .toolbar .content .group > .item > .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .toolbar .content > .item > .icon:after, .toolbar .content .group > .item > .icon:after { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .toolbar .content > .item > .icon:before, .toolbar .content .group > .item > .icon:before { display: inline-block; vertical-align: baseline; } .toolbar .content > .item > .text_icon, .toolbar .content .group > .item > .text_icon { color: rgba(0, 0, 0, 0.5); display: inline-block; font-size: 20px; height: 30px; text-align: center; vertical-align: middle; width: 30px; } .toolbar .content > .item.checkstate, .toolbar .content .group > .item.checkstate { float: right; margin-right: 0px; } html.rtl .toolbar .content > .item.checkstate, html.rtl .toolbar .content .group > .item.checkstate { float: left; margin-left: 0px; } .toolbar .content > .item .arrow, .toolbar .content .group > .item .arrow { height: 14px !important; width: 14px !important; } .toolbar .content > .item .arrow:before, .toolbar .content .group > .item .arrow:before { content: "\e66d" !important; font-size: 16px; vertical-align: top; } .toolbar .content > .item > .text, .toolbar .content .group > .item > .text, .toolbar .content > .item .button .text, .toolbar .content .group > .item .button .text { font-size: 13pt; font-weight: normal; } .toolbar .content > .item > .text, .toolbar .content .group > .item > .text { color: #B5B5B5; display: none; vertical-align: middle; } .toolbar .content > .item .hint, .toolbar .content .group > .item .hint { border-radius: 6px; display: inline-block; line-height: 22px; padding: 0 5px; vertical-align: middle; } .toolbar .content .group { display: inline-block; margin-right: 8px; position: relative; vertical-align: middle; } html.rtl .toolbar .content .group { margin-left: 8px; margin-right: 0px; } html.mobile .toolbar .content .group { position: static; } .toolbar .content .group > .item { border-radius: 0px; border-left-width: 0px; border-right-width: 1px; margin-left: 0px; margin-right: 0px; } html.rtl .toolbar .content .group > .item { border-radius: 0px; border-left-width: 1px; border-right-width: 0px; } .toolbar .content .group > .item:first-child { border-radius: 4px 0px 0px 4px; border-left-width: 1px; } html.rtl .toolbar .content .group > .item:first-child { border-radius: 0px 4px 4px 0px; border-right-width: 1px; } .toolbar .content .group > .item.control, .toolbar .content .group > .item:last-child { border-radius: 0px 4px 4px 0px; } html.rtl .toolbar .content .group > .item.control, html.rtl .toolbar .content .group > .item:last-child { border-radius: 4px 0px 0px 4px; } .toolbar .disabled .item, .toolbar .item.disabled { opacity: 0.3; filter: alpha(opacity=30); color: #888888; cursor: default; } .toolbar .group.checkstate .icon:before, .toolbar .item.checkstate .icon:before { content: "\e607"; height: 100%; width: 100%; } .toolbar .group.checkstate .icon .cssanimations, .toolbar .item.checkstate .icon .cssanimations { -webkit-transform-origin: 50% 48%; -moz-transform-origin: 50% 48%; -ms-transform-origin: 50% 48%; -o-transform-origin: 50% 48%; transform-origin: 50% 48%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .toolbar .group.checkstate.process .icon, .toolbar .item.checkstate.process .icon { text-shadow: none; } .toolbar .group.checkstate.process .icon:before, .toolbar .item.checkstate.process .icon:before { text-shadow: none; } .toolbar .group.mark .icon:before, .toolbar .item.mark .icon:before { content: "\e603"; } .toolbar .group.move .icon:before, .toolbar .item.move .icon:before { content: "\e604"; } .toolbar .group.delete .icon:before, .toolbar .item.delete .icon:before { content: "\e606"; } .toolbar .group.watcher .icon, .toolbar .item.watcher .icon { background-position: -840px -240px; } .toolbar .group.spam .icon:before, .toolbar .item.spam .icon:before { content: "\e605"; } .toolbar .group.notspam .icon:before, .toolbar .item.notspam .icon:before { content: "\e608"; } .toolbar .group.empty_spam .icon:before, .toolbar .item.empty_spam .icon:before { content: "\e676"; } .toolbar .group.empty_trash .icon:before, .toolbar .item.empty_trash .icon:before { content: "\e676"; } .toolbar .group.download .icon:before, .toolbar .item.download .icon:before { content: "\e610"; } .toolbar .group.share .icon:before, .toolbar .item.share .icon:before { content: "\e62a"; } .toolbar .group.unshare .icon:before, .toolbar .item.unshare .icon:before { content: "\e62b"; } .toolbar .group.share-all .icon:before, .toolbar .item.share-all .icon:before { content: "\e632"; } .toolbar .group.unshare-all .icon:before, .toolbar .item.unshare-all .icon:before { content: "\e633"; } .toolbar .group.publish .icon:before, .toolbar .item.publish .icon:before { content: "\e62c"; } .toolbar .group.edit .icon:before, .toolbar .item.edit .icon:before { content: "\e62d"; } .toolbar .group.resolve .icon:before, .toolbar .item.resolve .icon:before { content: "\e62f"; } .toolbar .group.resolved .icon, .toolbar .item.resolved .icon { margin-right: 8px; } .toolbar .group.resolved .icon:before, .toolbar .item.resolved .icon:before { content: "\e673"; } .toolbar .group.resolved .icon:after, .toolbar .item.resolved .icon:after { color: #79ee0a; content: "\e674"; margin-left: -27px; } .toolbar .group.wait_client .icon:before, .toolbar .item.wait_client .icon:before { content: "\e631"; } .toolbar .group.new_request_button .icon:before, .toolbar .item.new_request_button .icon:before { content: "\e630"; } .toolbar .group.new_folder .icon:before, .toolbar .item.new_folder .icon:before { content: "\e62e"; } .toolbar .group.forward .icon:before, .toolbar .item.forward .icon:before { content: "\e60e"; } .toolbar .group.unsubscribe .icon:before, .toolbar .item.unsubscribe .icon:before { content: "\e928"; } .toolbar .group.never-spam .icon:before, .toolbar .item.never-spam .icon:before { content: "\e926"; } .toolbar .group.always-spam .icon:before, .toolbar .item.always-spam .icon:before { content: "\e927"; } .toolbar .group.reply .icon:before, .toolbar .item.reply .icon:before { content: "\e60c"; } .toolbar .group.replyall .icon:before, .toolbar .item.replyall .icon:before { content: "\e60d"; } .toolbar .group.resend .icon:before, .toolbar .item.resend .icon:before { content: "\e650"; } .toolbar .group.save .icon:before, .toolbar .item.save .icon:before { content: "\e610"; } .toolbar .group.print .icon:before, .toolbar .item.print .icon:before { content: "\e60f"; } .toolbar .group.new_window .icon:before, .toolbar .item.new_window .icon:before { content: "\e611"; } .toolbar .group.save_and_close .icon:before, .toolbar .item.save_and_close .icon:before { content: "\e66b"; } .toolbar .group.minimize .icon:before, .toolbar .item.minimize .icon:before { content: "\e669"; } .toolbar .group.maximize .icon:before, .toolbar .item.maximize .icon:before { content: "\e66a"; } .toolbar .group.back .icon:before, .toolbar .item.back .icon:before { content: "\e60b"; } .toolbar .group.new_contact .icon:before, .toolbar .item.new_contact .icon:before { content: "\e601"; } .toolbar .group.new_group .icon:before, .toolbar .item.new_group .icon:before { content: "\e609"; } .toolbar .group.add_to .icon:before, .toolbar .item.add_to .icon:before { content: "\e604"; } .toolbar .group.remove_from .icon:before, .toolbar .item.remove_from .icon:before { content: "\e64a"; } .toolbar .group.export-csv .icon:before, .toolbar .item.export-csv .icon:before { content: "\e900"; } .toolbar .group.export-vcf .icon:before, .toolbar .item.export-vcf .icon:before { content: "\e901"; } .toolbar .group.import-contacts .icon:before, .toolbar .item.import-contacts .icon:before { content: "\e902"; } .toolbar .group.new_message .icon:before, .toolbar .item.new_message .icon:before { content: "\e600"; } .toolbar .group.send_files .icon:before, .toolbar .item.send_files .icon:before { content: "\e61a"; } .toolbar .group.close .icon:before, .toolbar .item.close .icon:before { content: "\e60b"; } .toolbar .group.add_new_item .icon:before, .toolbar .item.add_new_item .icon:before { content: "\e90c"; } .toolbar .group.prev .icon:before, .toolbar .item.prev .icon:before { content: "\e671"; } html.rtl .toolbar .group.prev .icon:before, html.rtl .toolbar .item.prev .icon:before { content: "\e670"; } .toolbar .group.next .icon:before, .toolbar .item.next .icon:before { content: "\e670"; } html.rtl .toolbar .group.next .icon:before, html.rtl .toolbar .item.next .icon:before { content: "\e671"; } .toolbar .group.more > .icon:before, .toolbar .item.more > .icon:before { content: "\e651"; } .toolbar .group.headers > .icon:before, .toolbar .item.headers > .icon:before { content: "\e653"; } .toolbar .group.pgp > .icon:before, .toolbar .item.pgp > .icon:before { content: "\e659"; } .toolbar .group.new_link > .icon:before, .toolbar .item.new_link > .icon:before { content: "\e65a"; } .toolbar .group.pdf > .icon:before, .toolbar .item.pdf > .icon:before { content: "\e664"; } .toolbar .group.copy > .icon:before, .toolbar .item.copy > .icon:before { content: "\e905"; } .toolbar .group.paste > .icon:before, .toolbar .item.paste > .icon:before { content: "\e908"; } .toolbar .group.cut > .icon:before, .toolbar .item.cut > .icon:before { content: "\e906"; } .toolbar .group.share > .icon:before, .toolbar .item.share > .icon:before { content: "\e912"; } .toolbar .group.leave-share > .icon:before, .toolbar .item.leave-share > .icon:before { content: "\e925"; } .toolbar .group.secure-share > .icon:before, .toolbar .item.secure-share > .icon:before { content: "\e914"; } .toolbar .group.sort .icon:before, .toolbar .item.sort .icon:before { content: "\e913"; } .toolbar .group.sort_asc .icon:before, .toolbar .item.sort_asc .icon:before { content: "\e913"; } .toolbar .group.sort_desc .icon:before, .toolbar .item.sort_desc .icon:before { content: "\e937"; } .toolbar .sort-order-icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; -webkit-font-smoothing: antialiased; content: "\e66d"; display: inline-block; font-size: 16px; vertical-align: text-bottom; } .toolbar .sort-order-desc-icon:before { content: "\e66e"; } .cssanimations .toolbar .item.process .icon:before { -webkit-animation: cycle 0.8s linear infinite; -moz-animation: cycle 0.8s linear infinite; animation: cycle 0.8s linear infinite; } .fields .fieldset .subtitle { margin-top: 0px; font-size: 13.5pt; } .fields .fieldset .disabled { opacity: 0.8; filter: alpha(opacity=80); color: #888888; cursor: default; } .fields .fieldgroup { padding-bottom: 20px; } .fields .fieldgroup:last-child { padding-bottom: 0px; } .fields .hint { color: #929292; margin: 0 0 10px; padding: 0 0 10px; padding: 0px; text-shadow: 0 1px 0 #ffffff; } .fields .hint p { margin: 0px; } .cssanimations .fields .hint.highlight { -webkit-animation: highlight 500ms linear; -moz-animation: highlight 500ms linear; animation: highlight 500ms linear; } .fields .row { margin: 0px 0px 8px; font-size: 0px; clear: both; } .fields .row:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; } * html > body .fields .row { width: 100%; display: block; } * html .fields .row { height: 1%; } .fields .row.dates { display: inline-block; } .fields .row.dates.editable { color: #00A3A3; cursor: pointer; display: inline-block; } .fields .row.dates.editable:hover { color: #00A3A3; text-decoration: underline; } .fields .row.description value { -ms-word-break: break-all; word-break: break-word; } .fields .row > * { font-size: 9pt; } .fields .row.flex { display: flex; flex-direction: row; } .fields .row.flex .value { flex-grow: 1; } .fields .row.flex .value .input { width: 100%; } .fields .row .placeholder { color: #bbbbbb; cursor: text; display: inline-block; float: left; font-size: 12pt; height: 0; position: relative; text-indent: 5px; vertical-align: middle; white-space: nowrap; width: 0px; word-break: normal; word-wrap: normal; } html.rtl .fields .row .placeholder { float: right; } .fields .row .placeholder .title { color: #bbbbbb; } .fields .row.filled .placeholder, .fields .row.focused .placeholder { overflow: hidden; } .fields .row_weeks { display: block; margin-top: 6px; } .fields .label { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding-right: 10px; word-wrap: normal; } html.rtl .fields .label { padding-left: 10px; padding-right: 0px; } .fields .label.required:before { color: red; content: "*"; display: inline-block; margin-left: -0.6em; width: 0.6em; } .fields td.label { display: table-cell; } .fields .value { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .fields .value.pre { white-space: pre-wrap; } .fields .input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; margin-right: 16px; padding: 4px 6px; width: 300px; } .fields .input.disabled { color: #aaa; } html.rtl .fields .input { margin-left: 16px; margin-right: 0px; } .fields .input:last-child { margin-right: 0px; } html.rtl .fields .input:last-child { margin-left: 0px; } .fields .input[maxlength="2"] { width: 3em; } .fields .input[maxlength="3"] { width: 3.5em; } .fields .input[maxlength="4"] { width: 4em; } .fields .input[maxlength="5"] { width: 4.5em; } .fields .input[type="checkbox"] { width: auto; } /* Controls */ .buttons { margin-top: 15px; text-align: right; } html.rtl .buttons { text-align: left; } .buttons .button { border-radius: 4px; cursor: pointer; display: inline-block; font: bold 10pt Helvetica, Tahoma, Arial, sans-serif; padding: 5px 12px; text-align: center; -webkit-transition: background 200ms ease 0s; -moz-transition: background 200ms ease 0s; -o-transition: background 200ms ease 0s; transition: background 200ms ease 0s; background: #00A3A3; border: 1px solid #007070; color: #ffffff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3); } .buttons .button.disabled { cursor: default; text-shadow: none !important; } .buttons .button:hover { text-decoration: none; } .buttons .button:hover { background: #00898a; } .buttons .button.disabled { color: #80d1d1; } .buttons .button.disabled:hover { background: #00A3A3; } .buttons .button.secondary_button { background: #555B67; border: 1px solid #3e424b; color: #ffffff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3); } .buttons .button.secondary_button:hover { background: #494f59; } .buttons .button.secondary_button.disabled { color: #aaadb3; } .buttons .button.secondary_button.disabled:hover { background: #555B67; } .buttons.big_single_button { margin: 0; text-align: center; padding: 10px 16px; } .buttons.big_single_button .button { display: block; height: 30px; line-height: 30px; padding: 5px 0; border-radius: 5px; font-size: 13pt; font-weight: normal; } .buttons.big_single_button.disabled { opacity: 0.7; } .buttons.big_single_button.disabled .button label { cursor: default !important; } .buttons > .dropdown > .dropdown_helper > .dropdown_content, .buttons > .button > .dropdown > .dropdown_helper > .dropdown_content { background: #00A3A3; border: 1px solid #007070; color: #ffffff; } .buttons > .dropdown > .dropdown_helper > .dropdown_content .item, .buttons > .button > .dropdown > .dropdown_helper > .dropdown_content .item { text-align: left; color: inherit; font-size: 16px; opacity: 1; } .buttons > .dropdown > .dropdown_helper > .dropdown_content .item:hover, .buttons > .button > .dropdown > .dropdown_helper > .dropdown_content .item:hover { background: #00898a; color: inherit; } .buttons > .dropdown > .dropdown_helper > .dropdown_content .item.disabled, .buttons > .button > .dropdown > .dropdown_helper > .dropdown_content .item.disabled { color: #80d1d1; } .buttons > .dropdown > .dropdown_helper > .dropdown_content .item.disabled:hover, .buttons > .button > .dropdown > .dropdown_helper > .dropdown_content .item.disabled:hover { background: #00A3A3; } .custom_radio, .custom_checkbox { cursor: pointer; display: inline-block; font-size: 0; line-height: 1; margin-right: 4px; overflow: hidden; vertical-align: middle; } .custom_radio + label, .custom_checkbox + label { vertical-align: middle; } html.rtl .custom_radio, html.rtl .custom_checkbox { margin-left: 4px; margin-right: 0px; } .toolbar .custom_radio, .toolbar .custom_checkbox { vertical-align: middle !important; } .custom_radio.disabled, .custom_checkbox.disabled, .custom_radio.disabled, .custom_checkbox.disabled { cursor: default; } .custom_radio input, .custom_checkbox input { opacity: 0; filter: alpha(opacity=0); float: left; margin-right: -13px; margin-top: -30px; } html.rtl .custom_radio input, html.rtl .custom_checkbox input { float: right; } .custom_radio .icon, .custom_checkbox .icon { background: #ffffff; border: 1px solid #b4b5b6; border-radius: 2px; color: #5a6269; display: inline-block; height: 13px !important; line-height: 13px !important; text-align: center; vertical-align: top; width: 13px !important; } .custom_radio .icon:before, .custom_checkbox .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .custom_radio .icon:before, .custom_checkbox .icon:before { display: inline-block; font-size: 10px; line-height: inherit; vertical-align: bottom; } .toolbar .custom_radio .icon:before, .toolbar .custom_checkbox .icon:before { font-size: 12px !important; height: 12px !important; width: 12px !important; } .disabled.custom_radio .icon, .disabled.custom_checkbox .icon { color: #cccccc; border: 1px solid #cccccc !important; background: #f5f5f5; } .custom_checkbox.checked .icon:before { content: "\e61c"; } .custom_radio .icon { border-radius: 50%; } .custom_radio .icon:before { margin: -1px 0 0 -1px; } .custom_radio.checked .icon:before { content: "\e61b"; } .custom_switcher { background: #ffffff; border: 1px solid #cccccc; border-radius: 3px; display: inline-block; font-size: 0px; } .custom_switcher .text { border-right: 1px solid #cccccc; display: inline-block !important; font-size: 9pt; padding: 5px 5px; } .custom_switcher label.checked { background: #6fa8de; color: #ffffff; display: inline-block; } .custom_switcher label:first-child .text { padding-left: 7px; } html.rtl .custom_switcher label:first-child .text { border: 0px; padding-right: 7px; } .custom_switcher label:last-child .text { border: 0px; padding-right: 7px; } html.rtl .custom_switcher label:last-child .text { border-right: 1px solid #cccccc; padding-right: 5px; } .custom_switcher input { display: none; } .input { background: #ffffff; border: 1px solid #cccccc; box-shadow: 0px 4px 3px -3px #e5e5e5 inset; } .input.focus, .input:focus { border: 1px solid #ffffff; box-shadow: 0px 4px 3px -3px #e5e5e5 inset, 0 0 2px 0 #1d67cd; } .scroll-wrap { display: block; height: 100%; max-height: none; overflow: hidden; position: relative; } .scroll-wrap .scroll-inner { overflow: hidden; } .scroll-inner::-webkit-scrollbar { width: 0px; } .scroll-inner { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; display: block; height: 100%; max-height: inherit; overflow: auto; -webkit-overflow-scrolling: touch; position: relative; top: 0px; width: auto !important; } .customscroll-scrollbar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; opacity: 0; filter: alpha(opacity=0); position: absolute; visibility: hidden; z-index: 10; } .csstransitions .customscroll-scrollbar { -webkit-transition: opacity 300ms linear, visibility 0ms linear 300ms; -moz-transition: opacity 300ms linear, visibility 0ms linear 300ms; -o-transition: opacity 300ms linear, visibility 0ms linear 300ms; transition: opacity 300ms linear, visibility 0ms linear 300ms; } .customscroll-scrollbar div { background: #474c50; border-radius: 7px; height: 100%; } .customscroll-scrollbar-shown { opacity: 0.3; filter: alpha(opacity=30); visibility: visible; } .csstransitions .customscroll-scrollbar-shown { -webkit-transition: opacity 300ms linear, visibility 0ms linear 0ms; -moz-transition: opacity 300ms linear, visibility 0ms linear 0ms; -o-transition: opacity 300ms linear, visibility 0ms linear 0ms; transition: opacity 300ms linear, visibility 0ms linear 0ms; } .customscroll-scrollbar-shown:hover { opacity: 0.6; filter: alpha(opacity=60); } .customscroll-scrollbar-horizontal { bottom: 4px; height: 8px; left: 0; margin-left: 2px; } .customscroll-scrollbar-horizontal div { height: 4px; margin: 0px; } .csstransitions .customscroll-scrollbar-horizontal div { -webkit-transition: height 300ms ease 0ms, margin 300ms ease 0ms; -moz-transition: height 300ms ease 0ms, margin 300ms ease 0ms; -o-transition: height 300ms ease 0ms, margin 300ms ease 0ms; transition: height 300ms ease 0ms, margin 300ms ease 0ms; } .customscroll-scrollbar-horizontal.customscroll-scrollbar-shown div { height: 8px; margin: 0px; } .csstransitions .customscroll-scrollbar-horizontal.customscroll-scrollbar-shown div { -webkit-transition: height 300ms ease 0ms, margin 300ms ease 0ms; -moz-transition: height 300ms ease 0ms, margin 300ms ease 0ms; -o-transition: height 300ms ease 0ms, margin 300ms ease 0ms; transition: height 300ms ease 0ms, margin 300ms ease 0ms; } .customscroll-scrollbar.customscroll-scrollbar-vertical { margin-right: 0px; margin-top: 2px; padding: 6px 0px; right: 2px; text-align: center; top: 0; width: 12px; } html.rtl .customscroll-scrollbar.customscroll-scrollbar-vertical { left: 2px; right: auto; } .customscroll-scrollbar.customscroll-scrollbar-vertical div { display: inline-block !important; width: 4px; } .csstransitions .customscroll-scrollbar.customscroll-scrollbar-vertical div { -webkit-transition: width 300ms ease 0ms; -moz-transition: width 300ms ease 0ms; -o-transition: width 300ms ease 0ms; transition: width 300ms ease 0ms; } html.rtl .customscroll-scrollbar.customscroll-scrollbar-vertical div { margin-left: 2px; margin-right: 6px; } .customscroll-scrollbar.customscroll-scrollbar-vertical.customscroll-scrollbar-shown div { width: 8px; } .csstransitions .customscroll-scrollbar.customscroll-scrollbar-vertical.customscroll-scrollbar-shown div { -webkit-transition: width 300ms ease 0ms; -moz-transition: width 300ms ease 0ms; -o-transition: width 300ms ease 0ms; transition: width 300ms ease 0ms; } .pagination { cursor: default; display: block; text-align: right; } html.rtl .pagination { text-align: left; } .pagination .pages { display: inline-block; vertical-align: middle; } .pagination .item { color: #aaaaaa; cursor: pointer; display: inline-block; font-size: 12pt; vertical-align: middle; } .csstransitions .pagination .item { -webkit-transition: color 200ms ease 0s; -moz-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .pagination .item:hover { color: #777777; } .pagination .item.current { color: #000000; cursor: default; } .pagination .item.first, .pagination .item.last, .pagination .item.prev, .pagination .item.next { display: inline-block; line-height: 18px; vertical-align: middle; } .pagination .item.first:before, .pagination .item.last:before, .pagination .item.prev:before, .pagination .item.next:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pagination .item.first:before, .pagination .item.last:before, .pagination .item.prev:before, .pagination .item.next:before { display: inline-block; font-size: 18px; vertical-align: middle; } .pagination .item.first:before { content: "\e64e"; } html.rtl .pagination .item.first:before { content: "\e64d"; } .pagination .item.last:before { content: "\e64d"; } html.rtl .pagination .item.last:before { content: "\e64e"; } .pagination .item.prev:before { content: "\e64b"; } html.rtl .pagination .item.prev:before { content: "\e64c"; } .pagination .item.next:before { content: "\e64c"; } html.rtl .pagination .item.next:before { content: "\e64b"; } .pagination .pages .item { padding: 0px 2px; } .dropdown { -webkit-transition: opacity 300ms linear; -moz-transition: opacity 300ms linear; -o-transition: opacity 300ms linear; transition: opacity 300ms linear; opacity: 0; filter: alpha(opacity=0); bottom: 0px; cursor: default; display: none; font-size: 9pt; left: -10000px; position: absolute; position: static\0/; z-index: 3002 !important; width: 100%; } .dropdown .dropdown_arrow { border-bottom: 6px solid #28313A !important; } .dropdown .dropdown_arrow span { border-bottom: 5px solid #1F2633 !important; } .dropdown .dropdown_content:not(.button_dropdown) { border-color: #28313A !important; } .dropdown:not(.calendar_dropdown):not(.button_dropdown) .dropdown_content { background: #1F2633 !important; color: #B5B5B5 !important; } .dropdown:not(.calendar_dropdown):not(.button_dropdown) .dropdown_content:not(.folders) .item { color: #B5B5B5 !important; } .dropdown:not(.calendar_dropdown):not(.button_dropdown) .dropdown_content:not(.folders) .item:hover { background: #414A5A !important; color: #B5B5B5 !important; } .dropdown:not(.calendar_dropdown):not(.button_dropdown) .dropdown_content .item.selected, .dropdown:not(.calendar_dropdown):not(.button_dropdown) .dropdown_content .item.selected:hover { background: #2c323c !important; color: #ECF5FF !important; } .expand .dropdown { opacity: 1; filter: alpha(opacity=100); display: block; left: 0px; } html.rtl .expand .dropdown { left: auto; right: 0px; } .dropdown.dropdown_right .expand { left: auto; } .dropdown.dropdown_right .dropdown_helper { right: 0; } .dropdown.dropdown_right .dropdown_arrow { margin: 0px 0px 0px calc(100% - 20px); } .dropdown .dropdown_helper { left: 0px\0/; position: absolute; top: 2em\0/; z-index: 3002; } .dropdown .dropdown_content { background: #ffffff; border: 1px solid #cbc8c0; border-radius: 4px 4px 4px 4px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); display: block; max-height: 350px; min-width: 100px; overflow-x: hidden; overflow-y: auto; } .dropdown .dropdown_content .dropdown_container { max-height: 268px; } .dropdown .dropdown_content.scroll-wrap { overflow: hidden; } .dropdown .dropdown_content .item { background: none; border: 0px; border-radius: 0px; box-shadow: none; color: #626262; cursor: pointer; display: block; height: auto; margin: 0px; padding: 8px 12px; white-space: nowrap; } .dropdown .dropdown_content .item:hover { background: #f7f7f7; color: #626262; } .dropdown .dropdown_content .item.disabled { color: #aaaaaa; cursor: default; } .dropdown .dropdown_content .item.disabled:hover { background: none; } .dropdown .dropdown_content .item.selected { color: #333; background: #f0f0f0; } .dropdown .dropdown_content .item .icon { color: inherit; display: inline-block; font-size: 20px; vertical-align: middle; } .dropdown .dropdown_content .item .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dropdown .dropdown_arrow { border-bottom: 6px solid #cbc8c0; border-left: 6px solid transparent; border-right: 6px solid transparent; display: block; font-size: 0; height: 0px; margin: 0px 0px 0px 7px; position: relative; width: 0px; z-index: 1; } html.rtl .dropdown .dropdown_arrow { margin-left: 0px; margin-right: 7px; float: left; } .dropdown .dropdown_arrow span { border-bottom: 5px solid #ffffff; border-left: 5px solid transparent; border-right: 5px solid transparent; display: block; height: 0px; margin-left: -5px; position: relative; top: 2px; width: 0px; } html.rtl .dropdown .dropdown_arrow span { margin-left: 0px; margin-right: -5px; } .dropdown .dropdown_arrow.bottom_arrow { border-top: 6px solid #cbc8c0; border-bottom: 0; } .dropdown .dropdown_arrow.bottom_arrow span { border-top: 5px solid #ffffff; border-bottom: 0; margin-top: -9px; } .dropdown .folders .item, .dropdown .folders .item:hover { background: none !important; color: initial !important; padding: 0px; } .dropdown .folders .item:first-child, .dropdown .folders .item:hover:first-child { margin-top: 5px; } .dropdown .folders .item:last-child, .dropdown .folders .item:hover:last-child { margin-bottom: 5px; } .dropdown .folders .folder { cursor: pointer; display: block; padding: 8px 12px 8px 0px; } .dropdown .folders .folder:hover { background: #f7f7f7; color: #626262; } .dropdown .folders .folder .title { cursor: inherit; font-weight: normal; padding-top: 6px; padding-bottom: 6px; padding-right: 12px; } .dropdown .folders .folder.disabled, .dropdown .folders .folder.unselectable { background: none; cursor: default; } .dropdown .folders .folder.disabled .title, .dropdown .folders .folder.unselectable .title { color: #aaaaaa; } .custom_selector { display: inline-block; position: relative; } .custom_selector .name { display: inline-block; } .input.custom_selector .name { width: 100%; } .custom_selector .control { cursor: pointer; display: inline-block; height: 1em; width: 1em; } html.rtl .custom_selector .control { float: left; } .input.custom_selector .control { margin-left: -1.5em; } .custom_selector .control .icon { margin: 0px; } .custom_selector .control .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .custom_selector .control .icon:before { content: "\e671"; display: inline-block; font-size: 16px; margin-top: -0.4ex; vertical-align: middle; } .custom_selector.expand .control .icon:before { content: "\e66e"; } .custom_selector .dropdown { bottom: 0px; left: -10000px; min-width: 100%; position: absolute; visibility: hidden; z-index: 500; } .expand.custom_selector .dropdown { left: 0px; visibility: visible; } .custom_selector .dropdown .dropdown_arrow { border-bottom: 6px solid #cbc8c0; border-left: 6px solid transparent; border-right: 6px solid transparent; display: block; font-size: 0; height: 0px; margin: 0px 0px -1px 10px; position: relative; width: 0px; } .right.custom_selector .dropdown .dropdown_arrow { float: right; margin-left: 0px; margin-right: 10px; } html.rtl .right.custom_selector .dropdown .dropdown_arrow { float: left; margin-left: 10px; margin-right: 0px; } .custom_selector .dropdown .dropdown_arrow span { border-bottom: 6px solid #ffffff; border-left: 6px solid transparent; border-right: 6px solid transparent; display: block; height: 0px; margin-left: -6px; position: relative; top: 2px; width: 0px; } .custom_selector .dropdown_helper { position: absolute; left: 0px; top: 0px; } .right.custom_selector .dropdown_helper { left: auto; right: 0px; } html.rtl .right.custom_selector .dropdown_helper { right: auto; left: 0px; } .custom_selector .dropdown_content { background: #ffffff; border: 1px solid #cbc8c0; border-radius: 4px 4px 4px 4px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); display: inline-block; max-height: 200px; overflow-y: auto; padding: 10px; text-align: left; } html.rtl .custom_selector .dropdown_content { text-align: right; } .ui-autocomplete { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; overflow-y: auto; } .ui-autocomplete li { position: relative; } .ui-autocomplete.ui-front { z-index: 2001; } .ui-autocomplete.ui-menu .ui-menu-item { display: block; } .ui-autocomplete.ui-menu .ui-menu-item a { overflow: hidden; white-space: nowrap; padding: 3px 0.4em; line-height: inherit; } .ui-autocomplete.ui-menu .ui-menu-item a .menu-item-label { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .ui-autocomplete.ui-menu .ui-menu-item a span.user_group, .ui-autocomplete.ui-menu .ui-menu-item a span.all_users_group, .ui-autocomplete.ui-menu .ui-menu-item a span.contact_group { color: #8d8d8d; font-size: 18px; line-height: 16px; margin-right: 3px; text-shadow: 0 1px 0 #ffffff, 0 0 0 #c8c8c8; } .ui-autocomplete.ui-menu .ui-menu-item a span.user_group:before, .ui-autocomplete.ui-menu .ui-menu-item a span.all_users_group:before, .ui-autocomplete.ui-menu .ui-menu-item a span.contact_group:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-autocomplete.ui-menu .ui-menu-item a span.user_group:before { content: "\e667"; } .ui-autocomplete.ui-menu .ui-menu-item a span.all_users_group:before { content: "\e619"; } .ui-autocomplete.ui-menu .ui-menu-item a span.contact_group:before { content: "\e64f"; } .ui-autocomplete.ui-menu .ui-menu-item a span.del { color: #d8d8d8; position: absolute; right: 3px; text-shadow: 0 1px 0 #ffffff, 0 0 0 #c8c8c8; top: 6px; visibility: hidden; } .ui-autocomplete.ui-menu .ui-menu-item a span.del:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-autocomplete.ui-menu .ui-menu-item a span.del:before { content: "\e63e"; } .ui-autocomplete.ui-menu .ui-menu-item a span.key { text-shadow: 0 1px 0 #ffffff, 0 0 0 #c8c8c8; height: 16px; font-size: 16px; vertical-align: text-bottom; } .ui-autocomplete.ui-menu .ui-menu-item a span.key:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-autocomplete.ui-menu .ui-menu-item a span.key:before { content: "\e658"; } .ui-autocomplete.ui-menu .ui-menu-item.menu-item-group a .menu-item-label { max-width: calc(100% - 22px); } .ui-autocomplete.ui-menu .ui-menu-item.menu-item-has-key a .menu-item-label { max-width: calc(100% - 12px); } .ui-autocomplete.ui-menu .ui-menu-item a.ui-state-active span.del { visibility: visible; } .ui-autocomplete.ui-menu .ui-menu-item a.ui-state-active span.del:hover { box-shadow: none; color: #676767; } .ui-autocomplete.ui-menu .ui-menu-item.disabled a { color: #8f8d8d; } .ui-autocomplete.ui-menu .ui-menu-item.disabled a.ui-state-active { background: white; border: none; cursor: default; } .ui-autocomplete .ui-state-active { background: #f1f1f1; border-color: #f1f1f1; } .ui-datepicker .ui-widget-header { background: none; border: none; } .ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default { background: none; border: none; border-radius: 3px; text-align: center; } .ui-datepicker .ui-datepicker-today .ui-state-default, .ui-datepicker .ui-datepicker-today .ui-state-highlight, .ui-datepicker .ui-datepicker-today .ui-state-active { background: #fff4cf; } .ui-datepicker .ui-state-active { background: #eee; } .ui-widget-content a:hover { color: inherit; } .ui-datepicker-prev, .ui-datepicker-next { color: #222222; background: none; text-align: center; } .ui-datepicker-prev.ui-state-hover, .ui-datepicker-next.ui-state-hover, .ui-datepicker-prev:hover, .ui-datepicker-next:hover { background: #f2f2f2; border: 1px solid #999999; } .ui-datepicker-prev:before, .ui-datepicker-next:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-datepicker-prev:before, .ui-datepicker-next:before { color: inherit; display: inline-block; font-size: 18px; height: 18px; margin-top: 4px; vertical-align: sub; } .ui-datepicker-prev .ui-icon, .ui-datepicker-next .ui-icon { display: none !important; } .ui-datepicker-prev:before { content: "\e671"; } .ui-datepicker-next:before { content: "\e670"; } .ui-datepicker-trigger { background: none; border: none; color: #c2c7cb; cursor: pointer; display: inline-block; margin: 1px 5px 0px -21px; padding: 0px; position: relative; vertical-align: middle; z-index: 3001; } .ui-datepicker-trigger:hover { color: #8f9295; } .ui-datepicker-trigger:after { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-datepicker-trigger:after { content: "\e623"; display: inline-block; font-size: 18px; height: 18px; vertical-align: sub; } html.rtl .ui-datepicker-trigger { margin: 1px -21px 0px 5px; } .items_list.simple_list { background: #fafafa none repeat scroll 0 0; border: 1px solid #d5d9dc; border-radius: 4px; margin: 0 20px 20px; overflow: hidden; clear: both; } .items_list.simple_list:after { /*Opera*/ clear: both; display: block; content: "."; height: 0; visibility: hidden; } * html > body .items_list.simple_list { width: 100%; display: block; } * html .items_list.simple_list { /* IE 6 */ height: 1%; } .items_list.simple_list .item { border-bottom: 1px solid #d5d9dc; color: #626262; cursor: pointer; padding: 6px 10px; } .items_list.simple_list .item:hover { background: #f3f3f3; } .items_list.simple_list .item:last-child { border-bottom: 0px; } .items_list.simple_list .item .title { margin: 0; } .items_list.simple_list .item.selected, .items_list.simple_list .item.heading { background: #f1f1f1 none repeat scroll 0 0; color: #4d4d4d; font-weight: bold; } .items_list.simple_list .item .button { background: none repeat scroll 0 0 #6fa8de; border: 1px solid #5d97cd; border-radius: 4px 4px 4px 4px; color: #ffffff; cursor: pointer; display: inline-block; font-size: 9pt !important; padding: 1px 5px; text-shadow: 0 1px 0 #4d759b; } .items_list.simple_list .button { float: right; } .items_list.simple_list .link { float: right; margin-left: 12px; } .items_list.simple_list .title { display: inline-block; font-size: 9pt; padding: 0px; } .items_list.simple_list .buttons { margin: 15px 0px; } .items_list.simple_list .buttons .button { font-size: 10pt; } .attachments .children { background: #e4e4e4; border-radius: 1px; box-shadow: 0 0 0 8px #e4e4e4; margin: 10px 0px 5px; } .attachments .children .children { background: #cbcbcb; box-shadow: 0 0 0 8px #cbcbcb; } .attachments .children .children .children { background: #b1b1b1; box-shadow: 0 0 0 8px #b1b1b1; } .attachments .children .children .children .size { color: #777777; } .attachments .children .children .children .children { background: #989898; box-shadow: 0 0 0 8px #989898; } .attachments .children .children .children .children .title { color: #000000; } .attachments .children .children .children .children .size { color: #555555; } .attachments .expanded { background: #e4e4e4; box-shadow: 0 0 0 8px #e4e4e4; } .attachments .expanded .expanded { box-shadow: 0 0 0 8px #c2c2c2; background: #c2c2c2; } .attachments .item { background: inherit; border-radius: 1px; display: block; margin: 0 16px 20px 0; max-height: inherit; overflow: visible; vertical-align: top; width: 136px; } .attachments .item:last-child { margin-bottom: 0px; } .attachments .item.fail { opacity: 0.3; } .csstransitions .attachments .item.fail { -webkit-transition: opacity 1000ms ease 1s; -moz-transition: opacity 1000ms ease 1s; -o-transition: opacity 1000ms ease 1s; transition: opacity 1000ms ease 1s; } .attachments .item .item_content { background: #ffffff; border: 0px; border-radius: 3px; box-shadow: 0 2px 6px #ccc; display: block; margin-bottom: 6px; padding: 9px 9px 7px; } .attachments .item .cancel { display: none; } .upload.attachments .item .cancel, .attachments .item.incomplete .cancel { background: #e84d49; color: #ffffff; cursor: pointer; display: block; float: right; font-size: 12px; height: 18px; line-height: 18px; margin-left: -18px; overflow: hidden; position: relative; right: -18px; text-align: center; top: -18px; width: 18px; z-index: 10; } .upload.attachments .item .cancel:before, .attachments .item.incomplete .cancel:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .upload.attachments .item .cancel:before, .attachments .item.incomplete .cancel:before { content: "\e63e"; display: inline-block; height: 100%; line-height: inherit; width: 100%; } .upload.attachments .item .cancel { border-radius: 26px; right: -18px; top: -18px; background: #aaaaaa; } .attachments .item.incomplete .cancel { border-radius: 3px; right: 2px; top: 2px; } .attachments .item .footer { min-height: 22px; } .attachments .item .progress { display: block; height: 3px; padding: 8px 0px; width: 100%; } .attachments .item .progress span { display: block; height: 3px; background: #ef4a4a; } .attachments .item .progress .progress-percent { display: block; background: none; text-align: center; font-size: 8pt; color: #000000 !important; } .attachments .item .image { border-bottom: 1px solid #dedede; display: block; min-height: 100px; overflow: hidden; position: relative; text-align: center; white-space: nowrap; } .attachments .item .image:after { content: ""; display: inline-block; min-height: inherit; vertical-align: middle; } .attachments .item .image img { position: absolute; top: calc(50% - 4px); transform: translate(-50%, -50%); max-height: 94px; } .attachments .item.has_child > .item_content > .image { display: none; } .attachments .item .text { color: #c7c7c7; display: inline-block; font-size: 18pt; margin: 36px 0px 0px; text-transform: uppercase; } .attachments .item .icon { margin: 15px 0px 0px !important; vertical-align: top; } .attachments .item .has_action { cursor: pointer; } .attachments .item .title { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: inline-block; font-weight: bold; height: 2.2em; overflow: hidden; white-space: normal; width: 100%; word-wrap: break-word; margin-bottom: 0px; display: flex; align-items: center; margin-top: 4px; } .attachments .item .title .name { display: inline-block; overflow: hidden; width: 100%; max-height: 2.2em; line-height: 1.1; } .attachments .item .ext { display: inline-block; } .attachments .item .size { color: #929292; margin: 0px; } .attachments .item .status_text { display: block; margin: 0; padding: 6px 0px 0px; white-space: normal; } .attachments .item.fail .status_text { color: #ff0000; } .attachments .item.success .status_text { color: #308F00; } .attachments .item .buttons { display: flex; justify-content: space-between; margin: 0; padding: 0px 8px 0px; } .attachments .item .buttons .button { background: none; border: 0px; color: #00A3A3; font-size: 9pt; font-weight: normal; padding: 0px; text-shadow: none; overflow: hidden; text-overflow: ellipsis; } .attachments .item .buttons .button:hover { color: #00bcbc; } .attachments .item .main_action { position: absolute; width: 100%; background: #fff; opacity: 0; display: flex; justify-content: center; align-items: center; height: 88px; z-index: 1; font-weight: bold; transition: opacity 0.3s ease; padding-top: 20px; } .attachments .item .main_action .button { color: #00A3A3; } .attachments .item .main_action .button:hover { color: #00bcbc; } .attachments .item:hover .main_action { opacity: 0.9; } .report_panel { height: 0px; overflow: visible; position: fixed; text-align: center; top: 0px; visibility: visible; width: 100%; z-index: 3000; } .report_panel a { text-shadow: none; white-space: nowrap; } .report_panel.error { z-index: 2999; } .report_panel.hide { visibility: hidden; } .csstransitions .report_panel { -webkit-perspective: 200px; -moz-perspective: 200px; -o-perspective: 200px; perspective: 200px; -webkit-transition: visibility 0ms linear 0ms; -moz-transition: visibility 0ms linear 0ms; -o-transition: visibility 0ms linear 0ms; transition: visibility 0ms linear 0ms; } .csstransitions .report_panel.hide { -webkit-transition: visibility 0ms linear 500ms; -moz-transition: visibility 0ms linear 500ms; -o-transition: visibility 0ms linear 500ms; transition: visibility 0ms linear 500ms; } .report_panel .content { background: #f9f9f9; border: 1px solid #c3c3c3; border-top: 0px; border-radius: 0px 0px 4px 4px; box-shadow: 0px 1px 2px 0px #bbb; display: inline-block; font-weight: bold; max-width: 20%; padding: 15px 30px 10px; text-align: left; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); opacity: 1; filter: alpha(opacity=100); } @media screen and (max-width: 768px) { .report_panel .content { max-width: 80%; } } .csstransitions .report_panel .content { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform-origin: 0px 0px; -moz-transform-origin: 0px 0px; -o-transform-origin: 0px 0px; transform-origin: 0px 0px; -webkit-transition: all 200ms ease 0s; -moz-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .hide.report_panel .content { opacity: 0; filter: alpha(opacity=0); } .csstransitions .hide.report_panel .content { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transition: all 200ms ease 0s; -moz-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .loading.report_panel .content { color: #ffffff; background: #dac073; border-color: #c5ac60; } .loading.report_panel .content a { color: #332808; } .report.report_panel .content { color: #ffffff; background: #96c671; border-color: #82b35d; } .error.report_panel .content { color: #ffffff; background: #f47474; border-color: #e26464; } .report.report_panel .content .close, .error.report_panel .content .close { cursor: pointer; height: 16px; position: absolute; right: 2px; top: 2px; width: 16px; } .report.report_panel .content .close:before, .error.report_panel .content .close:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .report.report_panel .content .close:before, .error.report_panel .content .close:before { content: "\e63e"; display: inline-block; font-size: 16px; } .gray.report_panel .content { background: #cccccc; border-color: #a9a9a9; } .report_panel .content .icon { display: none; float: left; height: 17px; margin-left: -23px; width: 16px; } .popup { display: none; height: 100%; left: 0px; position: fixed; text-align: center; top: 0px; width: 100%; z-index: 2000; white-space: nowrap; } .popup.visible { display: block; } .popup.visible .mask { opacity: 0.2; } .popup .mask { background: #000000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); height: 100%; opacity: 0; position: absolute; width: 100%; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; transition: opacity 200ms linear; } .popup .helper { display: inline-block; height: 100%; vertical-align: middle; width: 1px; } .popup_panel { background: #ffffff; border-radius: 4px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.4); display: inline-block; max-width: 50%; min-width: 270px; max-height: 100%; box-sizing: border-box; padding: 20px; position: relative; text-align: left; vertical-align: middle; white-space: normal; } html.rtl .popup_panel { text-align: right; } .popup_panel .close { cursor: pointer; display: none; float: right; height: 30px; margin: -30px -30px 0 0; width: 30px; } html.rtl .popup_panel .close { float: left; } .popup_panel .popup_heading { display: block; font-weight: bold; font-size: 12pt; margin-bottom: 20px; } .popup_panel .text { display: block; } .popup_panel .label { width: 150px; } .popup.player_popup.visible .mask { opacity: 0.8; } .popup.player_popup .popup_panel { background: none; border-radius: 0; box-shadow: none; max-width: inherit; min-width: inherit; padding: 0; } /*=== Files CSS ===*/ .file { position: relative; } .file .icon { background-image: url("../../images/sprites.png"); background-repeat: no-repeat; /*background-position: 0px -360px;*/ display: inline-block; /* height: 32px; width: 32px;*/ /*.large & {*/ background-position: 0px -400px; height: 64px; width: 64px; /*}*/ } .file .icon.xls, .file .icon.xlsx { /*background-position: -80px -360px;*/ /*.large & {*/ background-position: -160px -400px; /*}*/ } .file .icon.pdf { /*background-position: -200px -360px;*/ /*.large & {*/ background-position: -400px -400px; /*}*/ } .file .icon.htm, .file .icon.html { /*background-position: -360px -360px;*/ /*.large & {*/ background-position: -720px -400px; /*}*/ } .file .icon.doc, .file .icon.docx { /*background-position: -40px -360px;*/ /*.large & {*/ background-position: -80px -400px; /*}*/ } .file .icon.rtf, .file .icon.txt { /*background-position: -120px -360px;*/ /*.large & {*/ background-position: -240px -400px; /*}*/ } .file .icon.ppt, .file .icon.pptx, .file .icon.pps { /*background-position: -400px -360px;*/ /*.large & {*/ background-position: -800px -400px; /*}*/ } .file .icon.png, .file .icon.gif, .file .icon.bmp, .file .icon.tiff, .file .icon.jpg, .file .icon.jpeg { /*background-position: -320px -360px;*/ /*.large & {*/ background-position: -640px -400px; /*}*/ } .file .icon.zip, .file .icon.\37 z, .file .icon.cab, .file .icon.tar, .file .icon.tgz, .file .icon.gz, .file .icon.rar { /*background-position: -480px -360px;*/ /*.large & {*/ background-position: -960px -400px; /*}*/ } .file .icon.psd { /*background-position: -520px -360px;*/ /*.large & {*/ background-position: -1040px -400px; /*}*/ } .file .icon.ics { /*background-position: -560px -360px;*/ /*.large & {*/ background-position: -1120px -400px; /*}*/ } .file .icon.vcf, .file .icon.vcard { /*background-position: -600px -360px;*/ /*.large & {*/ background-position: -1200px -400px; /*}*/ } .file .icon.eml, .file .icon.msg { /*background-position: -640px -360px;*/ /*.large & {*/ background-position: -1280px -400px; /*}*/ } .file .icon.mp3, .file .icon.amr, .file .icon.aac, .file .icon.aif, .file .icon.aifc, .file .icon.aiff, .file .icon.ogg, .file .icon.wma, .file .icon.flac, .file .icon.ape, .file .icon.wax, .file .icon.midi, .file .icon.mp4a, .file .icon.weba, .file .icon.ra, .file .icon.ram, .file .icon.rmp, .file .icon.m3u, .file .icon.wav, .file .icon.soundcloud { /*background-position: -240px -360px;*/ /*.large & {*/ background-position: -480px -400px; /*}*/ } .file .icon.avi, .file .icon.mp4, .file .icon.mkv, .file .icon.wmv, .file .icon.vimeo, .file .icon.youtube { /*background-position: -680px -360px;*/ /*.large & {*/ background-position: -1360px -400px; /*}*/ } .file .icon.url { /*background-position: -720px -360px;*/ /*.large & {*/ background-position: -1440px -400px; /*}*/ } .file .icon.play { background: none; border-radius: 31px; color: #ffffff !important; cursor: pointer; font-size: 50px; height: 50px; left: 50%; opacity: 0.9; position: absolute; top: 32%; transform: translate(-50%, -50%); width: 50px; } .file .icon.play:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .file .icon.play:hover { opacity: 1; } .file .icon.play:before { border-radius: 31px; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5); content: "\e677"; display: block; overflow: hidden; } /* inline_popup is used in HTML editor and in event popup */ .inline_popup { background-color: #f7f7f7; border: solid 1px #cccccc; border-radius: 2px; padding: 4px 8px; position: absolute; } .inline_popup.image_tooltip { opacity: 0.7; filter: alpha(opacity=70); border: solid 1px #eeeeee; margin: 10px 0px 0px 10px; } .inline_popup .button { border-right: 1px solid #cccccc; color: #4477bb; cursor: pointer; margin: 0px 8px; padding-right: 8px; text-decoration: underline; } .inline_popup .button:last-child { border-right: 0px; margin: 0px; padding-right: 0px; } .inline_popup .button:hover { text-decoration: none; } .inline_popup input { width: 300px; } /* popup_panel_shares is used in SharedFiles and SharedContacts */ .popup_panel_shares { min-width: 500px; } .popup_panel_shares .row_shares_list { border: solid 1px #d5d9dc; border-radius: 6px; height: 155px; margin-top: 22px; min-width: 460px; } .popup_panel_shares .row_shares_list .item_share { padding: 10px 15px; } .popup_panel_shares .row_shares_list .hint { display: block; font-size: 13pt; margin: 20px 0; text-align: center; } .popup_panel_shares .row_share_with_all { margin: 18px 0 -7px; } .popup_panel_shares .row_share_with_all .shares_list .item { padding: 0 15px 0 0; } .popup_panel_shares .row_share_with_all .shares_list .item .access_select { width: calc(35% + 10px); } .popup_panel_shares .row_new_share { margin-top: 15px; } .popup_panel_shares .row_new_share .placeholder { font-size: 9pt; pointer-events: none; text-indent: 9px; top: 9px; } .popup_panel_shares .row_new_share .new_share_access_select { cursor: pointer; display: inline-block; position: relative; } .popup_panel_shares .row_new_share .new_share_access_select .control { border: solid 1px #d3d3d3; border-radius: 100px; color: #d0d0d0; padding: 5px; display: inline-block; } .popup_panel_shares .row_new_share .new_share_access_select .control:before { content: "\e90c"; font-family: 'afterlogic'; font-size: 18px; display: inline-block; width: 17px; height: 17px; color: inherit; vertical-align: middle; line-height: 18px; } .popup_panel_shares .row_new_share .new_share_access_select .dropdown_helper { margin-top: 2px; } .popup_panel_shares input.input { padding: 8px; width: 407px; } .popup_panel_shares input.input::placeholder { color: #b8b8b8; } .popup_panel_shares .shares_list { margin: 0; overflow: visible; border: 0; } .popup_panel_shares .shares_list .item_share { border-bottom: 1px solid #d5d9dc !important; } .popup_panel_shares .shares_list .item_share .dropdown_position_fixed { margin-top: 15px; position: fixed; z-index: 1; } .popup_panel_shares .shares_list .item_share:hover span.del { visibility: visible; } .popup_panel_shares .shares_list .item { cursor: default; overflow: visible; } .popup_panel_shares .shares_list .item .title { max-width: calc(65% - 26px); display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .popup_panel_shares .shares_list .item .title.title_group { max-width: calc(65% - 52px); } .popup_panel_shares .shares_list .item span.group { color: #8d8d8d; display: inline-block; font-size: 23px; position: relative; text-shadow: 0 1px 0 #ffffff, 0 0 0 #c8c8c8; width: 25px; } .popup_panel_shares .shares_list .item span.group:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .popup_panel_shares .shares_list .item span.group:before { content: "\e667"; left: 2px; position: absolute; top: -17px; } .popup_panel_shares .shares_list .item span.group.all_users_group:before { content: "\e619"; } .popup_panel_shares .shares_list .item .access_select { float: right; position: relative; width: 35%; } .popup_panel_shares .shares_list .item .access_select .link { border-bottom: 1px dashed #4477bb; color: #4477bb; text-decoration: none; } .popup_panel_shares .shares_list .item span.del { cursor: pointer; color: #b7b7b7; float: right; font-size: 11pt; margin-top: 2px; text-shadow: 0 1px 0 #ffffff, 0 0 0 #c8c8c8; visibility: hidden; } .popup_panel_shares .shares_list .item span.del:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .popup_panel_shares .shares_list .item span.del:before { content: "\e63e"; } /*=== Common blocks part ===*/ .search_block { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: inline-block; font-size: 0px; height: 100%; padding-right: 20px; vertical-align: middle; width: 100%; } html.rtl .search_block { padding-left: 20px; padding-right: 0px; } .search_block > .input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ddd; border-radius: 10px; box-shadow: none; display: inline-block; height: 100%; min-height: 26px; outline: none; padding-left: 30px; padding-top: 3px; position: relative; vertical-align: middle; width: 100%; } html.rtl .search_block > .input { padding-left: 0px; padding-right: 30px; } .search_block > .input.focus { border: 1px solid #93b5e3; box-shadow: 0 0 2px 0 #1d67cd; } .search_block > .input .row { border: 0px; display: inline-block; font-size: 11pt; line-height: 160%; overflow: hidden; padding: 0px; vertical-align: middle; white-space: nowrap; width: 100%; } .search_block > .input .field { border: 0px; display: inline-block; font-size: 11pt; height: 20px; opacity: 1; overflow: hidden; padding: 0px; vertical-align: middle; visibility: visible; white-space: nowrap; width: calc(100% - 4px); -webkit-transition: opacity 500ms ease 0ms, visibility 500ms linear 10ms; -moz-transition: opacity 500ms ease 0ms, visibility 500ms linear 10ms; -o-transition: opacity 500ms ease 0ms, visibility 500ms linear 10ms; transition: opacity 500ms ease 0ms, visibility 500ms linear 10ms; } .search_block > .input input.field { height: 19px; margin-top: -2px; } .search_block > .input .field.hide { display: block; position: absolute; top: -200px; } .search_block > .input .icon.search { display: inline-block; font-size: 11pt; height: 24px; left: 0px; overflow: hidden; position: absolute; top: -3px; vertical-align: top; width: 30px; } html.rtl .search_block > .input .icon.search { left: initial; right: 0; } .search_block > .input .icon.search:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .search_block > .input .icon.search:before { color: #cccccc; content: "\e628"; display: block; font-size: 32px; height: 20px; margin: 0px 0px 5px 0px; width: 20px; } html.rtl .search_block > .input .icon.search:before { margin: 3px 5px 0px 0px; } .search_block .search_block_expand .field { opacity: 0; visibility: hidden; -webkit-transition: opacity 500ms ease 0ms, visibility 10ms linear 500ms; -moz-transition: opacity 500ms ease 0ms, visibility 10ms linear 500ms; -o-transition: opacity 500ms ease 0ms, visibility 10ms linear 500ms; transition: opacity 500ms ease 0ms, visibility 10ms linear 500ms; } .search_block .control .icon { cursor: pointer; display: inline-block; height: 100%; margin-top: -6px; vertical-align: top; width: 20px; } .search_block .control .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .search_block .control .icon:before { color: #cccccc; content: "\e66d"; display: inline-block; font-size: 18px; height: 20px; margin: 10px 2px 0px; width: 20px; } .search_block .control .icon.search_block_expand:before { content: "\e66e"; } .search_block .search_highlight { color: #cccccc; } .search_block .search_block_expand .extended { opacity: 1; max-height: 220px; visibility: visible; -webkit-transition: max-height 0.5s ease 0s, opacity 0.5s ease 0.2s, visibility 0s linear 0s; -moz-transition: max-height 0.5s ease 0s, opacity 0.5s ease 0.2s, visibility 0s linear 0s; -o-transition: max-height 0.5s ease 0s, opacity 0.5s ease 0.2s, visibility 0s linear 0s; transition: max-height 0.5s ease 0s, opacity 0.5s ease 0.2s, visibility 0s linear 0s; } .search_block .extended { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: max-height 0.5s ease 0s, opacity 0.2s ease 0s, visibility 10ms linear 1s; -moz-transition: max-height 0.5s ease 0s, opacity 0.2s ease 0s, visibility 10ms linear 1s; -o-transition: max-height 0.5s ease 0s, opacity 0.2s ease 0s, visibility 10ms linear 1s; transition: max-height 0.5s ease 0s, opacity 0.2s ease 0s, visibility 10ms linear 1s; max-height: 0px; display: block; margin-top: -24px; opacity: 0; visibility: hidden; width: 100%; } .search_block .extended .search_fieldset { display: block; white-space: normal; } .search_block .extended .search_fieldset .section { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: inline-block; overflow: hidden; padding-right: 20px; vertical-align: top; width: 50%; } html.rtl .search_block .extended .search_fieldset .section { padding-left: 20px; padding-right: 0px; } .search_block .extended .search_fieldset .section .row { display: block; height: 28px; line-height: 230%; overflow: visible; padding-right: 2px; } html.rtl .search_block .extended .search_fieldset .section .row { padding-left: 2px; padding-right: 0px; } .search_block .extended .search_fieldset .section .row.text { border-bottom: 1px dashed #c5c7c8; } .search_block .extended .search_fieldset .section .row.attachments .custom_checkbox { line-height: 1; margin: 0; margin-bottom: 1px; vertical-align: middle; } .search_block .extended .search_fieldset .section .row.attachments .attachment_name { display: inline-block; } .search_block .extended .search_fieldset .section .row .date { display: inline-block; margin-left: 0px; padding: 0; } html.rtl .search_block .extended .search_fieldset .section .row .label { text-align: right; } .search_block .extended .search_fieldset .section .row .input { border: none; border-radius: 0px; box-shadow: none; color: #555566; font: normal 11pt Helvetica, Tahoma, Arial, sans-serif; padding: 0; width: 100%; } .search_block .extended .search_fieldset .section.attachments { display: block; width: 100%; } .search_block .extended .search_fieldset .buttons { border-top: 1px solid #eae7e7; display: block; margin: 0px 18px 0px 0px; padding: 10px 0px; width: auto; display: flex; justify-content: flex-end; flex-wrap: wrap; } html.rtl .search_block .extended .search_fieldset .buttons { margin: 0px 0px 0px 18px; padding-left: 0px; } .search_block .extended .search_fieldset .button { display: inline-block; } .quick_reply { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: #13121C; bottom: 0px; max-height: 190px; padding: 0px 23px 0px 17px; } html.rtl .quick_reply { padding: 0px 17px 0px 23px; } .no-csstransitions .quick_reply { margin-bottom: -2px; max-height: 86px; } .csstransitions .quick_reply { -webkit-transition: max-height 500ms ease 50ms; -moz-transition: max-height 500ms ease 50ms; -o-transition: max-height 500ms ease 50ms; transition: max-height 500ms ease 50ms; } .csstransitions .quick_reply.saving { max-height: 0 !important; } .csstransitions .quick_reply.sending { max-height: 30px !important; } .csstransitions .quick_reply.sending .status { max-height: 30px; opacity: 1; } .quick_reply .status { background: #dac073; margin-left: -17px; margin-bottom: -6px; max-height: 0px; overflow: hidden; opacity: 0; padding: 5px 17px; width: 101%; } .csstransitions .quick_reply .status { -webkit-transition: max-height 300ms ease 50ms, opacity 300ms ease 50ms; -moz-transition: max-height 300ms ease 50ms, opacity 300ms ease 50ms; -o-transition: max-height 300ms ease 50ms, opacity 300ms ease 50ms; transition: max-height 300ms ease 50ms, opacity 300ms ease 50ms; } .quick_reply .status .text { color: #ffffff; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); } .quick_reply .row { margin-top: 20px; white-space: nowrap; } .quick_reply .row .placeholder { font-size: 11pt; padding-top: 6px; text-indent: 9px; } .quick_reply .row textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: none; box-shadow: none; color: #000000; font-size: 11pt; height: 50px; outline: none; padding: 6px 8px; resize: none; width: 100%; } .csstransitions .quick_reply .row textarea { -webkit-transition: height 300ms ease; -moz-transition: height 300ms ease; -o-transition: height 300ms ease; transition: height 300ms ease; } .active.quick_reply .row textarea { font-family: Tahoma, sans-serif; font-size: 16px; height: 101px; } .quick_reply .buttons { margin-bottom: 0px; margin-top: 15px; padding-bottom: 20px; text-align: left; } html.rtl .quick_reply .buttons { text-align: right; } .quick_reply .buttons .button { margin-right: 6px; } html.rtl .quick_reply .buttons .button { margin-left: 6px; margin-right: 0px; } .quick_reply .buttons .full_form { float: right; height: 0px; margin-top: 6px; } html.rtl .quick_reply .buttons .full_form { float: left; } .csstransitions .quick_reply .buttons { max-height: 0px; opacity: 0; overflow: hidden; padding-bottom: 0px; /* important: 50ms delay fix click on buttons*/ -webkit-transition: all 300ms ease 50ms; -moz-transition: all 300ms ease 50ms; -o-transition: all 300ms ease 50ms; transition: all 300ms ease 50ms; } .csstransitions .quick_reply.active .buttons { margin-bottom: 20px; max-height: 25px; opacity: 1; overflow: visible; } .csstransitions .quick_reply.sending .buttons { margin-top: 0px; margin-bottom: 0px; max-height: 0px; opacity: 0; } .csstransitions .quick_reply.sending .row { margin-top: 0px; margin-bottom: 0px; max-height: 0px; opacity: 0; } /*=== Tabsbar CSS ===*/ .tabsbar { height: 70px; padding: 0px 5px; position: relative; z-index: 1000; flex-shrink: 0; } .tabsbar .dropdown .dropdown_arrow { border-bottom: 6px solid #28313A !important; } .tabsbar .dropdown .dropdown_arrow span { border-bottom: 5px solid #1F2633 !important; } .tabsbar .dropdown .dropdown_content:not(.button_dropdown) { border-color: #28313A !important; } .tabsbar .dropdown:not(.calendar_dropdown):not(.button_dropdown) .dropdown_content { background: #1F2633 !important; color: #B5B5B5 !important; } .tabsbar .dropdown:not(.calendar_dropdown):not(.button_dropdown) .dropdown_content:not(.folders) .item { color: #B5B5B5 !important; } .tabsbar .dropdown:not(.calendar_dropdown):not(.button_dropdown) .dropdown_content:not(.folders) .item:hover { background: #414A5A !important; color: #B5B5B5 !important; } .tabsbar .dropdown:not(.calendar_dropdown):not(.button_dropdown) .dropdown_content .item.selected, .tabsbar .dropdown:not(.calendar_dropdown):not(.button_dropdown) .dropdown_content .item.selected:hover { background: #2c323c !important; color: #ECF5FF !important; } .tabsbar > .content { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; height: 100%; width: 100%; } .tabsbar .item { margin: 0px; padding: 4px 10px; color: #A0C9FF; display: inline-block; font-size: 10.6pt; line-height: 120%; position: relative; text-shadow: none; vertical-align: middle; } html.rtl .tabsbar .item { margin-left: 0px; margin-right: 6px; } .cssanimations .tabsbar .item.recivedAnim { border-radius: 4px; -webkit-animation: highlight 0.5s linear; -moz-animation: highlight 0.5s linear; animation: highlight 0.5s linear; } .tabsbar .item.logo { display: none; outline: none; } .tabsbar .item.emails { cursor: default; } .tabsbar .item.emails.has_control .helper { padding-right: 24px; } .tabsbar .item.emails .icon { display: none; } .tabsbar .item .link { color: inherit; display: inline-block; outline: none; position: relative; text-decoration: none; vertical-align: middle; } .tabsbar .item:hover { color: #A0C9FF; } .tabsbar .item:hover .text { text-decoration: none; } .tabsbar .item.current { color: #ffffff; font-weight: bold; } .tabsbar .item.expand a, .tabsbar .item .control { z-index: 3003; } .tabsbar .item .helper { font-weight: bold; display: block; height: 0; overflow: hidden; position: relative; top: -40px; visibility: hidden; } .tabsbar .item .unseen { background: #1261cc; color: #ffffff; font-size: 11px !important; height: 12px !important; padding: 2px; top: -13px; border-radius: 7px; font-size: 6.4pt; height: 11px; line-height: 12px; position: absolute; text-align: center; text-shadow: none; } .tabsbar .item .unseen.one { right: -10px; width: 11px; } .tabsbar .item .unseen.two { right: -15px; width: 16px; } .tabsbar .item .unseen.three { width: 21px; right: -20px; } .tabsbar .control { cursor: pointer; display: inline-block; height: 16px; padding: 0px; position: relative; vertical-align: middle; width: 14px; } .tabsbar .control:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tabsbar .control:before { content: "\e66d"; font-size: 18px; } .tabsbar .expand .control:before { content: "\e66e"; } .tabsbar .spacer { padding: 10px; flex-grow: 1; } .tabsbar .mobile, .tabsbar .settings, .tabsbar .logout { font-size: 8pt; order: 100; } .tabsbar .logout span { cursor: pointer; } .tabsbar .specified-logo { outline: none; } .tabsbar .specified-logo img { max-height: 62px; } .tabsbar .dropdown_helper { min-width: 100%; } .tabsbar .dropdown_arrow { display: none; } .tabsbar .dropdown_content { background: #ffffff; border: 1px solid #cccccc; color: #555555; display: block; margin: -30px 0px 0px -2px; min-width: 100%; padding: 30px 0px 0px 0px; } .tabsbar .dropdown_content .item { color: inherit; display: block; margin: 0px; padding: 6px 10px; font-weight: normal; } .tabsbar .dropdown_content .item:hover { background: #eeeeee; } /* IE9 do not support flex-wrap and flex-direction */ .no-flexwrap .tabsbar .item { margin-top: 24px; } .no-flexwrap .tabsbar .spacer { display: none; } .no-flexwrap .tabsbar .item.mobile, .no-flexwrap .tabsbar .item.settings, .no-flexwrap .tabsbar .item.logout { float: right; } .volumer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: block; margin-top: 6px; padding: 0px 40px; text-align: center; width: 100%; color: #2C5EA2; } .volumer .volumer_conteiner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: transparent; border: 1px solid #2C5EA2; border-radius: 3px; display: block; padding: 2px; } .volumer .used { background: #2C5EA2; display: block; height: 3px; } .custom_tooltip { height: auto; margin: 0 6px; opacity: 0.9; position: fixed; width: auto; z-index: 5000; } .custom_tooltip .custom_tooltip_arrow { border-left: 6px solid transparent; border-right: 6px solid transparent; display: block; font-size: 0; height: 0; margin: 0 0 0 16px; position: relative; width: 0; } .custom_tooltip .custom_tooltip_arrow.top { border-bottom: 6px solid #26262D; } .custom_tooltip .custom_tooltip_arrow.bottom_arrow { border-top: 6px solid #26262D; } .custom_tooltip .custom_tooltip_text { background: #26262D; border: 1px solid #26262D; border-radius: 4px; color: white; display: block; font-size: 12px; font-family: Verdana; padding: 6px; white-space: nowrap; } span.address_capsule, li.address_capsule { cursor: pointer; box-shadow: none; border-radius: 11px; margin: 2px 4px 0 0; overflow: hidden; padding: 3px 28px 3px 12px; text-overflow: ellipsis; white-space: nowrap; background-color: #26262D; border: solid 1px #414A5A; color: #949AA9; } span.address_capsule .ficon, li.address_capsule .ficon { font-size: 16px; margin: 0px 12px 0px 0px; outline: none; padding: 1px; position: absolute; right: 0; text-decoration: none; } span.address_capsule span.address_capsule_key:after, li.address_capsule span.address_capsule_key:after { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } span.address_capsule span.address_capsule_key:after, li.address_capsule span.address_capsule_key:after { color: green; vertical-align: middle; text-shadow: 0 0 1px grey; } span.address_capsule span.address_capsule_key.address_capsule_key_unset:after, li.address_capsule span.address_capsule_key.address_capsule_key_unset:after { content: "\e658"; } span.address_capsule span.address_capsule_key.address_capsule_key_encrypt:after, li.address_capsule span.address_capsule_key.address_capsule_key_encrypt:after { content: "\e91b"; } span.address_capsule span.address_capsule_key.address_capsule_key_not_encrypt:after, li.address_capsule span.address_capsule_key.address_capsule_key_not_encrypt:after { color: orange; content: "\e91a"; } span.address_capsule span.address_capsule_key.address_capsule_key_sign:after, li.address_capsule span.address_capsule_key.address_capsule_key_sign:after { content: "\e91c"; } span.address_capsule .ficon, li.address_capsule .ficon { color: #00A3A3; } span.address_capsule .add_contact, li.address_capsule .add_contact { color: #1261cc; } span.address_capsule.inputosaurus-selected, li.address_capsule.inputosaurus-selected { background-color: #13121C; color: #949AA9; } span.address_capsule { display: inline-block; font-size: 11pt; line-height: 20px; margin: 0px 0px 4px; position: relative; vertical-align: middle; } span.address_capsule:not(.found_contact) { cursor: default; background-color: #13121C; border: solid 1px #414A5A; color: #949AA9; } span.address_capsule.found_contact { padding-right: 12px; } span.address_capsule .add_contact { bottom: 5px; position: absolute; right: 8px; } /*=== Screen overrides part ===*/ html { height: 100%; min-width: 800px; min-height: 600px; } body { font: normal 9pt Helvetica, Tahoma, Arial, sans-serif; height: 100%; background: #282828 no-repeat 0 0 / cover url("images/background.jpg"); background-attachment: fixed; } .auroraMain { height: 100%; overflow: hidden; } #auroraContent { height: 100%; } textarea { resize: vertical; } label { cursor: pointer; } a, .link, a:link, .link:link, a:visited, .link:visited { color: #00A3A3; cursor: pointer; text-decoration: none; } a:hover, .link:hover { color: #00bcbc; text-decoration: underline; } *[contenteditable="true"], input:focus { outline: none; } .panel.left_panel { background: transparent; } .panel.left_panel .items_list .item { background: none; max-height: inherit; } .panel.left_panel .items_list .item > .title { color: #aaaaaa; cursor: default; display: block; font-size: 11pt; font-weight: normal; line-height: normal; margin-bottom: 0px; outline: none; padding-top: 5px; padding-bottom: 7px; padding-left: 16px; text-decoration: none; white-space: nowrap; } .panel.left_panel .items_list .item > .title .name { display: block; margin-right: 10px; overflow: hidden; mask: url(../../images/filters.svg#masking); -webkit-mask: url(../../images/mask.png) repeat-y top right; -o-mask: url(../../images/mask.png?) repeat-y top right; -ms-mask: url(../../images/mask.png) repeat-y top right; } html.rtl .panel.left_panel .items_list .item > .title .name { mask: url(../../images/filters.svg#masking_rtl); -webkit-mask: url(../../images/mask_rtl.png) repeat-y top left; -o-mask: url(../../images/mask_rtl.png) repeat-y top left; -ms-mask: url(../../images/mask_rtl.png) repeat-y top left; } html.rtl .panel.left_panel .items_list .item > .title .name { margin-left: 10px; margin-right: 0px; } .panel.left_panel .items_list .item > .title.droppableHover .name { mask: url(../../images/filters.svg#masking); -webkit-mask: url(../../images/mask.png) repeat-y top right; -o-mask: url(../../images/mask.png?) repeat-y top right; -ms-mask: url(../../images/mask.png) repeat-y top right; } html.rtl .panel.left_panel .items_list .item > .title.droppableHover .name { mask: url(../../images/filters.svg#masking_rtl); -webkit-mask: url(../../images/mask_rtl.png) repeat-y top left; -o-mask: url(../../images/mask_rtl.png) repeat-y top left; -ms-mask: url(../../images/mask_rtl.png) repeat-y top left; } .panel.left_panel .items_list .item > .title .text { display: inline-block; vertical-align: bottom; } .panel.left_panel .items_list .item > .title .icon { display: inline-block; height: 20px; vertical-align: bottom; width: 20px; } .panel.left_panel .items_list .item > .title .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panel.left_panel .items_list .item > .title .icon:before { display: inline-block; height: 100%; font-size: 20px; width: 100%; } .panel.left_panel .items_list .item.canSelect > .title { color: #777777; cursor: pointer; text-shadow: 0px 1px 0px #ffffff; } .panel.left_panel .items_list .item.canSelect > .title:hover { color: #444444; } .panel.left_panel .items_list .item.canSelect > .title:hover .icon { color: inherit; } .panel.left_panel .items_list .item.canSelect > .title.virtualEmpty .title, .panel.left_panel .items_list .item.canSelect > .title.virtualEmpty .title:hover { color: #aaaaaa; } .panel.left_panel .items_list .item.canSelect > .title.ui-state-disabled { cursor: pointer !important; } .panel.left_panel .items_list .item.selected > .title { background: #10386C; color: #ffffff !important; text-shadow: none; } .panel.left_panel .items_list .item .count { display: inline-block; float: right; margin-right: 0px; margin-top: 0px; padding: 2px 10px 1px; line-height: 1.3; border-radius: 19px; padding: 2px 8px 1px; } html.rtl .panel.left_panel .items_list .item .count { float: left; margin-left: 10px; margin-right: 0px; } .panel.left_panel .items_list .item .count.total { color: #ececec; } .panel.left_panel .items_list .item .count:first-child { margin-right: 10px; } .panel.left_panel .items_list .item .count.unseen:hover { border-radius: 11px/10px; background: #1056b5; } .panel.left_panel .items_list .item.selected > .title .count.unseen { border-radius: 11px/10px; background: #1261cc; } .panel.left_panel .items_list .item.selected > .title .count.unseen:hover { background: #1056b5; } .panel.left_panel .items_list.collapsible .item.accordion .collapse_handler { display: inline-block; vertical-align: middle; width: 12px; } .panel.left_panel .items_list.collapsible .item.accordion .collapse_handler:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panel.left_panel .items_list.collapsible .item.accordion .collapse_handler:before { display: inline-block; font-size: 16px; height: 100%; vertical-align: middle; width: 100%; } .panel.left_panel .items_list.collapsible .item.accordion .collapse_handler.expanded:before { content: "\e66e"; } .panel.left_panel .items_list.collapsible .item.accordion .collapse_handler.collapsed:before { content: "\e66d"; } .panel.left_panel .items_list.collapsible .item.accordion.canNotSelect .collapse_handler { color: #777777; cursor: pointer; text-shadow: 0px 1px 0px #ffffff; } .panel.left_panel .items_list.collapsible .item.accordion.canNotSelect .collapse_handler:hover { color: #444444; } .panel.left_panel .items_list.collapsible .item.accordion.canNotSelect .collapse_handler:hover .icon { color: inherit; } .panel.left_panel .items_list.collapsible .item.accordion .children .title { max-height: 29px; -webkit-transition: max-height 300ms ease 0ms, opacity 200ms ease 0ms, padding 300ms ease 0ms; -moz-transition: max-height 300ms ease 0ms, opacity 200ms ease 0ms, padding 300ms ease 0ms; -o-transition: max-height 300ms ease 0ms, opacity 200ms ease 0ms, padding 300ms ease 0ms; transition: max-height 300ms ease 0ms, opacity 200ms ease 0ms, padding 300ms ease 0ms; } .panel.left_panel .items_list.collapsible .item.accordion.collapsed .children .title { max-height: 0px; opacity: 0; overflow: hidden; padding-bottom: 0px; padding-top: 0px; } .cssanimations .panel.left_panel .item .title.recivedAnim { -webkit-animation: highlight 0.5s linear; -moz-animation: highlight 0.5s linear; animation: highlight 0.5s linear; } .panel.left_panel .item .title.droppableHover { background: #122d51 !important; color: #626262 !important; text-shadow: 0px 1px 0px #ffffff !important; } .panel.left_panel .item.selected > .title.droppableHover { background: #122d51 !important; color: #ffffff !important; text-shadow: 0px 1px 0px #678197 !important; } .panel.left_panel .items_list .item > .title { color: rgba(228, 228, 228, 0.4); } .panel.left_panel .items_list .item.canSelect > .title { color: #E4E4E4; text-shadow: none; } .panel.left_panel .items_list .item.canSelect > .title:hover { color: rgba(228, 228, 228, 0.8); } .panel.left_panel .items_list.collapsible .item.accordion.canNotSelect .collapse_handler { color: rgba(228, 228, 228, 0.4); text-shadow: none; } .panel.left_panel .items_list.collapsible .item.accordion.canNotSelect .collapse_handler:hover { color: rgba(228, 228, 228, 0.4); } .panel.left_panel .items_list .item .title .name { mask: url(../../images/filters.svg#masking); -webkit-mask: url(../../images/mask.png) repeat-y top right; -o-mask: url(../../images/mask.png?) repeat-y top right; -ms-mask: url(../../images/mask.png) repeat-y top right; } html.rtl .panel.left_panel .items_list .item .title .name { mask: url(../../images/filters.svg#masking_rtl); -webkit-mask: url(../../images/mask_rtl.png) repeat-y top left; -o-mask: url(../../images/mask_rtl.png) repeat-y top left; -ms-mask: url(../../images/mask_rtl.png) repeat-y top left; } /*=== retina displays ===*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 1.3dppx), only screen and (min-resolution: 125dpi) { .spritesX2 { background-image: url("../../images/sprites2x.png"); background-size: 1440px 560px; } } .gutter { position: relative; flex-basis: 0px; flex-grow: 0; flex-shrink: 0; } .gutter div { position: absolute; z-index: 2; } .gutter.gutter-horizontal { cursor: ew-resize; } .gutter.gutter-horizontal div { height: 100%; width: 10px; left: -5px; } .gutter.gutter-vertical { cursor: ns-resize; } .gutter.gutter-vertical div { height: 10px; width: 100%; top: -5px; } .split.split-horizontal, .gutter.gutter-horizontal { height: 100%; float: left; } .not-display { display: none; } .autocomplete-simple { max-height: 50%; } body { overflow: auto; position: relative; } html.non-adjustable .auroraMain { overflow: visible; min-height: inherit; min-width: inherit; } html.non-adjustable-valign .auroraMain { overflow: visible; } .screens { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: flex; flex-direction: column; flex-wrap: nowrap; height: 100%; } .non-adjustable .screens { height: auto; } .screens .screen { overflow: hidden; flex-grow: 1; } .non-adjustable .screens .screen { overflow: visible; } .screens .screen.AdminPanelLayout { height: 100%; } .public-page-view { margin: 0px; padding: 20px 0; box-sizing: border-box; } .public-page-card { text-align: center; padding: 15px; max-width: 370px; margin: 100px auto 0px; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); background: #fff; } .public-page-card h2 { font-size: 18px; line-height: 1.4; } .public-page-card .status { font-size: 14px; } .items_list.simple_list.simple_list_history_activity { margin: 0 0 10px; width: 620px; } .items_list.simple_list.simple_list_history_activity .item .event_date, .items_list.simple_list.simple_list_history_activity .item .event_action, .items_list.simple_list.simple_list_history_activity .item .event_ip, .items_list.simple_list.simple_list_history_activity .item .event_user { display: inline-block; vertical-align: middle; white-space: normal; } .items_list.simple_list.simple_list_history_activity .item .event_date, .items_list.simple_list.simple_list_history_activity .item .event_user { width: 30%; } .items_list.simple_list.simple_list_history_activity .item .event_action, .items_list.simple_list.simple_list_history_activity .item .event_ip { width: 20%; } .items_list.simple_list.simple_list_history_activity .item.item_info { text-align: center; padding: 10px; } .AdminPanelLayout .panels { overflow: auto; } .AdminPanelLayout .panel.left_panel { flex-grow: 0; width: 250px; } .AdminPanelLayout .panel.data { min-width: 380px; width: 750px; } .AdminPanelLayout .panel.data.modules { min-width: 200px; width: 250px; overflow: hidden; flex-grow: 0; } .AdminPanelLayout .panel.data .panel_top { border: 0px; padding: 0px; } .AdminPanelLayout .panel.data .buttons { margin: 0px 20px 15px; } .AdminPanelLayout .panel.data .buttons .button.left_button { float: left; } .AdminPanelLayout .panel.data .fieldset .buttons { margin: 0px 0px 15px 0px; } .AdminPanelLayout .settings_heading { color: #4d4d4d; margin: 0px; padding: 35px 20px 15px; } .AdminPanelLayout .fieldset { background: #f1f1f1; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACtJREFUeNo0iIEJACAAwlT8/1GPMAsaKGNMYpskAOPRdq9tWbrifpaOAAMAMvEO3ANCJPYAAAAASUVORK5CYII='); background-position: 0 0; border: 1px solid #e0e0e0; border-radius: 4px; margin: 0px 20px 20px; padding: 20px; } .AdminPanelLayout .fieldblock { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1); border: 1px solid #d0d0da; border-radius: 4px 4px 4px 4px; margin-bottom: 14px; padding: 14px; } .AdminPanelLayout .fields .row { margin-bottom: 14px; } .AdminPanelLayout .fields .row.keys_label { margin-bottom: 6px !important; } .AdminPanelLayout .fields .row:last-child { margin-bottom: 0px; } .AdminPanelLayout .fields .row .label { color: #626262; width: 150px; word-wrap: break-word; } .AdminPanelLayout .fields .row label { color: #626262; } .AdminPanelLayout .fields .row.smtp_authentication .input { width: 150px; margin-left: 16px; margin-right: 0; } .AdminPanelLayout .fields .row .input { font-size: 10pt; padding: 7px 9px 6px; } .AdminPanelLayout .fields .row .value.offset { display: inline-block; padding-left: 150px; } .AdminPanelLayout .fields .row .value.text { font-weight: bold; display: inline-block; padding: 7px 9px 6px; width: 300px; } .AdminPanelLayout .fields .row .value.text.port { width: auto; } .AdminPanelLayout .fields .row .custom_radio { margin-left: 16px; } .AdminPanelLayout .fields .row .custom_radio:first-child { margin-left: 0px; } .AdminPanelLayout .fields .fieldblock .label { width: 135px; } .AdminPanelLayout .fields .fields .hint { padding: 4px 6px; margin: -12px -6px 12px; } .AdminPanelLayout .fields .tabs { margin-bottom: 16px; margin-top: 20px; } .AdminPanelLayout .fields .tabs .tabs-links { height: 0; opacity: 0; overflow: hidden; width: 0; } .AdminPanelLayout .fields .tabs .shortcuts { font-size: 0pt; margin: 0px 20px; padding: 0px 0px 0px 20px; } .AdminPanelLayout .fields .tabs .shortcuts .item { display: inline-block; font-size: 9pt; vertical-align: bottom; } .AdminPanelLayout .fields .tabs .shortcuts .item a { background: #f5f5f5; border: 1px solid #e0e0e0; border-bottom: 0px; border-radius: 4px 4px 0px 0px; color: #828282; display: inline-block; font-weight: bold; margin-right: 4px; outline: none; padding: 6px 12px 6px; text-decoration: none; } .AdminPanelLayout .fields .tabs .shortcuts .item.selected a { background: #f1f1f1; color: #3d3d3d; margin-bottom: -1px; padding-bottom: 7px; } .AdminPanelLayout .mail-servers .panel_top .buttons { float: right; margin: 30px 20px 15px; } .AdminPanelLayout .input.enlarged { width: 360px; } .show-header .AdminPanelLayout.screen .tabsbar { border-top: solid 1px #d4d4d4; } .AdminPanelLayout.screen { display: flex; flex-direction: column; flex-wrap: nowrap; } .AdminPanelLayout .tabsbar .item .tenants_dropdown { display: inline-block; padding-right: 8px; position: relative; } .AdminPanelLayout .tabsbar .item .tenants_dropdown .link { z-index: 3003; } .AdminPanelLayout .toolbar .item.create_user .icon:before { content: "\e601"; } .AdminPanelLayout .toolbar .item.filter { float: right; } .AdminPanelLayout .toolbar .item.filter select { border-radius: 4px; font-size: 11pt; padding: 4px; } .AdminPanelLayout .items_list .item { cursor: pointer; } .AdminPanelLayout .items_list .item .title { margin-bottom: 0px; mask: url(../../images/filters.svg#masking); -webkit-mask: url(../../images/mask.png) repeat-y top right; -o-mask: url(../../images/mask.png?) repeat-y top right; -ms-mask: url(../../images/mask.png) repeat-y top right; } html.rtl .AdminPanelLayout .items_list .item .title { mask: url(../../images/filters.svg#masking_rtl); -webkit-mask: url(../../images/mask_rtl.png) repeat-y top left; -o-mask: url(../../images/mask_rtl.png) repeat-y top left; -ms-mask: url(../../images/mask_rtl.png) repeat-y top left; } .AdminPanelLayout .items_list .item .me { background: #f1f1f1; border-radius: 10px 10px 10px 10px; color: #6d6d6d; float: right; padding: 2px 8px; margin-top: -16px; } .AdminPanelLayout .users_list_panel .panel_top { background: #f1f1f1; } .AdminPanelLayout .users_list_panel .panel_top .search_block { padding-right: 4px; } .CalendarLayout { position: relative; } .CalendarLayout table thead tr td { border-top: 0 !important; } .CalendarLayout table tr td:first-child, .CalendarLayout table tr th:first-child { border-left: 0; } .CalendarLayout table tr:last-child td { border-bottom: 0; } .CalendarLayout table tr td:last-child, .CalendarLayout table tr th:last-child { border-right: 0; } .panel.calendars_panel { width: 20%; } .panel.calendars_panel .middle_bar { position: relative; } .panel.calendars_panel .dropdowns { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color: #ffffff; padding-right: 50px; position: absolute; width: 100%; } html.rtl .panel.calendars_panel .dropdowns { padding-left: 50px; padding-right: 0px; } .panel.calendars_panel .dropdowns .separator { background: #000; display: block; height: 1px; margin: 8px 17px; opacity: 0.1; } .panel.calendars_panel .dropdowns .dropdown { z-index: 99; } .panel.calendars_panel .dropdowns .dropdown .dropdown_helper { min-width: inherit; top: 0\0/; } .panel.calendars_panel .dropdowns .dropdown .dropdown_content { border: 0px; border-radius: 0px 0px 4px 0px; } html.rtl .panel.calendars_panel .dropdowns .dropdown .dropdown_content { border-radius: 0px 0px 0px 4px; } .panel.calendars_panel .dropdowns .dropdown .dropdown_arrow { display: none; } .panel.calendars_panel .dropdowns .dropdown .item { color: #ffffff; } .panel.calendars_panel .dropdowns .dropdown .item:hover { background-color: rgba(0, 0, 0, 0.1); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1a000000', endColorstr='#1a000000'); } .panel.calendars_panel .dropdowns .colors { display: block; font-size: 0; line-height: 100%; padding: 8px 17px 16px; white-space: normal; } .panel.calendars_panel .dropdowns .colors .item { border: 1px solid rgba(0, 0, 0, 0.2); display: inline-block; height: 13px; margin: 0px 6px 6px 0px; padding: 0px; width: 13px; } .panel.calendars_panel .calendars { height: auto; } .panel.calendars_panel .calendars .item { color: #ffffff; cursor: pointer; margin-bottom: 4px; max-height: 500px; overflow: visible; padding: 7px 17px 6px 16px; position: relative; } .panel.calendars_panel .calendars .item .label-container { padding-right: 20px; position: relative; } .panel.calendars_panel .calendars .item .button-container { cursor: default; height: 100%; padding-right: 17px; padding-top: 7px; position: absolute; right: 0; top: 0; width: 40px; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .panel.calendars_panel .calendars .item.readonly { border: 1px dashed #ffffff; opacity: 0.7; } .panel.calendars_panel .calendars .item .custom_checkbox { float: left; margin-right: 8px; margin-top: 1px; } .panel.calendars_panel .calendars .item .custom_checkbox .icon { border: 1px solid rgba(41, 44, 47, 0.35); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); } .panel.calendars_panel .calendars .item .title { font-size: 11pt; font-weight: normal; margin: 0px; overflow: hidden; } .panel.calendars_panel .calendars .item.inactive .title { opacity: 0.5; filter: alpha(opacity=50); } .panel.calendars_panel .calendars .item .icon.public { display: inline-block; float: right; height: 18px; margin-left: 6px; width: 18px; } .panel.calendars_panel .calendars .item .icon.public:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panel.calendars_panel .calendars .item .icon.public:before { content: "\e65c"; display: inline-block; font-size: 18px; margin-top: -2px; vertical-align: middle; } .panel.calendars_panel .calendars .item .control { cursor: pointer; display: inline-block; float: right; height: 14px; margin-left: 4px; width: 14px; } .panel.calendars_panel .calendars .item .control:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panel.calendars_panel .calendars .item .control:before { content: "\e66d"; display: inline-block; font-size: 16px; margin-top: -2px; vertical-align: middle; } .panel.calendars_panel .calendars .item .control:hover { opacity: 0.5; filter: alpha(opacity=50); } .panel.calendars_panel .calendars .item.expand .control:before { content: "\e671"; } .panel.calendars_panel .calendars .section_title { padding-right: 14px; } .panel.calendars_panel .calendars .section_title .control { cursor: pointer; height: 16px; overflow: hidden; width: 16px; margin-left: 4px; } .panel.calendars_panel .calendars .section_title .control:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panel.calendars_panel .calendars .section_title .control:hover { opacity: 0.6; } .panel.calendars_panel .calendars .section_title .control:before { content: "\e63b"; display: inline-block; font-size: 20px; height: 100%; margin: -2px 0 0 -2px; width: 100%; } .panel.calendars_panel .calendars .section_title .title { font-size: 11pt; padding: 0px; text-transform: none; display: block; overflow: hidden; } .panel.calendars_panel .calendars .section_title .title .text { vertical-align: middle; } .panel.calendars_panel .calendars .section_title .title .icon { display: inline-block; height: 20px; vertical-align: middle; width: 20px; } .panel.calendars_panel .calendars .section_title .title .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panel.calendars_panel .calendars .section_title .title .icon:before { display: inline-block; font-size: 20px; height: 20px; margin-left: -3px; width: 20px; } .panel.calendars_panel .calendars .section_title .title.personal .icon:before { content: "\e618"; } .panel.calendars_panel .calendars .section_title .title.shared .icon:before { content: "\e634"; } .panel.calendars_panel .calendars .section_title .title.shared-all .icon:before { content: "\e629"; } .panel.calendars_panel .panel_bottom { background: #E3E1D9; } .panel.calendars_panel .panel_bottom .ui-widget-content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: transparent; border: 0 none; border-radius: 0; margin: 0px auto; max-width: 360px; padding: 10px 8px; width: 100%; } .panel.calendars_panel .panel_bottom .ui-datepicker .ui-widget-header { background: none; border: none; border-radius: 0; } .panel.calendars_panel .panel_bottom .ui-datepicker .ui-state-default, .panel.calendars_panel .panel_bottom .ui-datepicker .ui-widget-content .ui-state-default, .panel.calendars_panel .panel_bottom .ui-datepicker .ui-widget-header .ui-state-default { background: none; border: none; } .panel.calendars_panel .panel_bottom td.day_with_events a { font-weight: bold !important; } .panel.calendars_panel .panel_bottom table.highlight_week tr.current_week, .panel.calendars_panel .panel_bottom table.highlight_day td.ui-datepicker-current-day { background-color: #d3d1ca; } .panel.calendars_panel .panel_bottom table.highlight_day td.ui-datepicker-today, .panel.calendars_panel .panel_bottom td.ui-datepicker-today { background-color: #fff4cf; } .panel.calendars_panel .panel_bottom table.ui-datepicker-calendar td a { text-align: center; } .panel.calendars_panel .panel_bottom .ui-datepicker-week-col { text-align: center; font-weight: bold; } .panel.calendars_panel .panel_bottom td.ui-datepicker-week-col { cursor: pointer; border-right: 1px solid #ccc; } .panel.calendar { position: relative; width: 80%; } .panel.calendar .panel_content { margin-right: 0px; } .panel.calendar .panel_content .uploader_mask { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 250ms ease 0s; -moz-transition: opacity 250ms ease 0s; -o-transition: opacity 250ms ease 0s; transition: opacity 250ms ease 0s; background: #fffdd6; color: #D3B910; font-size: 18pt; height: 100%; left: 0px; opacity: 0; padding: 11px; position: absolute; text-align: center; top: 0px; visibility: hidden; width: 100%; } .panel.calendar .panel_content .uploader_mask.active { opacity: 0.5; visibility: visible; z-index: 99; } .panel.calendar .panel_content .uploader_mask .inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 3px dashed #E2DA36; border-radius: 5px; height: 100%; } .panel.calendar .toolbar .item.current { text-align: center; } .panel.calendar .toolbar .item .text { display: inline-block; } .panel.calendar .toolbar .item .helper { display: block; height: 0px; overflow: hidden; } .panel.calendar .toolbar .item .helper .text { margin-right: 6ex; } .panel.calendar .toolbar .item .helper.week .text { margin-right: 18ex; } .panel.calendar .toolbar .item .helper.day .text { margin-right: 10ex; } .panel.calendar .toolbar .item.passive, .panel.calendar .toolbar .item.passive:hover { box-shadow: none; cursor: default; } .panel.calendar .toolbar .item.passive > .icon, .panel.calendar .toolbar .item.passive:hover > .icon { color: #B5B5B5; text-shadow: none; } .panel.calendar .toolbar .item.passive > .icon:hover, .panel.calendar .toolbar .item.passive:hover > .icon:hover { color: #9c9c9c; } .panel.calendar .toolbar .item.passive .hint, .panel.calendar .toolbar .item.passive:hover .hint { background: #cfcfcf; color: #ffffff; } .panel.calendar .toolbar .item.passive:hover .hint, .panel.calendar .toolbar .item.passive:hover:hover .hint { background: #c2c2c2; } .panel.calendar .toolbar .range_select .item > .icon { color: #B5B5B5; text-shadow: none; } .panel.calendar .toolbar .range_select .item > .icon:hover { color: #9c9c9c; } .panel.calendar .toolbar .range_select .item .hint { background: #cfcfcf; color: #ffffff; } .panel.calendar .toolbar .range_select .item:hover .hint { background: #c2c2c2; } .panel.calendar .toolbar .range_select .item.passive, .panel.calendar .toolbar .range_select .item.passive:hover { background-color: #f0f0f0; border-radius: 3px; } .panel.calendar .toolbar .date_select .item .icon { width: 20px; } .panel.calendar .toolbar .date_select .item.prev .icon:before { content: "\e671"; } html.rtl .panel.calendar .toolbar .date_select .item.prev .icon:before { content: "\e670"; } .panel.calendar .toolbar .date_select .item.next .icon:before { content: "\e670"; margin-left: -10px; } html.rtl .panel.calendar .toolbar .date_select .item.next .icon:before { content: "\e671"; } .colors { font-size: 0px; } .colors .item { border: 1px solid rgba(0, 0, 0, 0.2); color: #ffffff; cursor: pointer; display: inline-block; float: none; height: 13px; margin: 0px 0px 6px 6px; padding: 0px; text-align: left; vertical-align: middle; width: 13px; } .colors .item:last-child { margin-right: 0px; } html.rtl .colors .item { margin: 0px 0px 6px 6px; text-align: right; } html.rtl .colors .item:last-child { margin-left: 0px; } .colors .item:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .colors .item:before { content: "\e61c"; display: inline-block; font-size: 11px; height: 100%; margin: 1px 0 0 1px; vertical-align: middle; visibility: hidden; width: 100%; } .colors .item.selected:before { visibility: visible; } .fc-time-grid-event .fc-bg { /* to avoid change the color of events in the weekly mode */ height: 0; width: 0; } .fc-event-readonly { border-color: #ffffff !important; border-style: dashed !important; border-width: 1px !important; opacity: 0.8; } .fc-event-repeat .fc-event, .fc-event-appointment .fc-event, .fc-event-private .fc-event { padding-right: 23px; } .fc-event-repeat .fc-content, .fc-event-appointment .fc-content, .fc-event-private .fc-content, .fc-event-repeat .fc-list-item-title, .fc-event-appointment .fc-list-item-title, .fc-event-private .fc-list-item-title { position: relative; } .fc-event-repeat .fc-content:after, .fc-event-appointment .fc-content:after, .fc-event-private .fc-content:after, .fc-event-repeat .fc-list-item-title:after, .fc-event-appointment .fc-list-item-title:after, .fc-event-private .fc-list-item-title:after { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fc-event-repeat .fc-content:after, .fc-event-appointment .fc-content:after, .fc-event-private .fc-content:after, .fc-event-repeat .fc-list-item-title:after, .fc-event-appointment .fc-list-item-title:after, .fc-event-private .fc-list-item-title:after { content: ""; display: block; font-size: 18px; height: 12px; position: absolute; right: 8px; top: 5px; width: 16px; opacity: 0.6; filter: alpha(opacity=60); } .fc-event-repeat .fc-content, .fc-event-appointment .fc-content, .fc-event-private .fc-content { padding-right: 19px; } .fc-event-repeat .fc-content:after, .fc-event-repeat .fc-list-item-title:after { content: "\e643"; } .fc-event-appointment .fc-content:after, .fc-event-appointment .fc-list-item-title:after { content: "\e644"; } .fc-event-private .fc-content:after, .fc-event-private .fc-list-item-title:after { content: "\e91b"; } .fc-event-repeat.fc-event-appointment .fc-content:after, .fc-event-repeat.fc-event-appointment .fc-list-item-title:after { content: "\e643\e644"; width: 32px; } .fc-event-repeat.fc-event-private .fc-content:after, .fc-event-repeat.fc-event-private .fc-list-item-title:after { content: "\e91b\e643"; width: 32px; } .fc-event-appointment.fc-event-private .fc-content:after, .fc-event-appointment.fc-event-private .fc-list-item-title:after { content: "\e91b\e644"; width: 32px; } .fc-event-repeat.fc-event-appointment.fc-event-private .fc-content:after, .fc-event-repeat.fc-event-appointment.fc-event-private .fc-list-item-title:after { content: "\e91b\e643\e644"; width: 48px; } .fc-scroller.scroll-inner { overflow-y: scroll !important; } .fc-widget-header .fc-row, .fc-widget-content .fc-row { border-right-width: 0 !important; margin-right: 0 !important; } .fc-slats td { height: 30px; } .fc-agenda-view .fc-axis { background: #ffffff; color: #626262; text-align: center; } .fc-content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 9pt; overflow: hidden; padding: 6px 6px; } .fc-short .fc-content { padding: 4px; } .fc-content .fc-time, .fc-content .fc-title { display: block; font-size: 9pt; overflow: hidden; } .fc-short .fc-content .fc-time, .fc-short .fc-content .fc-title { font-size: 0.85em; padding: 0; line-height: 1.1; } .fc-custom-task .fc-content .fc-time { text-indent: 18px; } .fc-custom-task .fc-content .fc-title:first-child { text-indent: 18px; } .fc-content .fc-title { display: -webkit-box; line-height: 16px; max-height: 48px; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .fc-content .fc-title .custom_checkbox.round { position: absolute; left: 5px; top: 5px; text-indent: 0; } .fc-short .fc-content .fc-title .custom_checkbox.round { left: 4px; top: 2px; } .fc-content .fc-title .custom_checkbox.round .icon { border-radius: 50%; background-color: transparent; border-color: #fff; } .fc-content .fc-title .custom_checkbox.round .icon:before { margin-top: 1px; color: #fff; } .AddDescriptionToTitle .fc-content .fc-title { max-height: none !important; -webkit-line-clamp: unset !important; } .AddDescriptionToTitle .fc-month-view .fc-content .fc-title { -webkit-line-clamp: 1 !important; } .fc-widget-header.fc-week-number, .fc-widget-header.fc-day-header { background: #f0f0f0; border-top-width: 0 !important; color: #828282; padding-top: 14px !important; padding-bottom: 12px !important; } .fc-axis.fc-widget-header.fc-week-number { padding-left: 4px !important; padding-right: 4px !important; } .fc-basic-view td.fc-week-number { padding-top: 8px; font-weight: bold; color: #828282; } .fc-widget-header.fc-week-number, .fc-basic-view td.fc-week-number { padding-left: 6px !important; padding-right: 6px !important; } .fc div.fc-content { border-radius: 0px; } .fc-day-grid .fc-day-number { color: #626262; padding: 8px 8px 0px !important; } .fc-grid .fc-other-month .fc-day-number { color: #b6b6b6; opacity: 1; } .fc-agenda-view .fc-event { border: 0px; box-shadow: inset 0px 0px 1px #7A7A7A; } .fc-time-grid-event.fc-end { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .fc-time-grid-event.fc-start { border-top-left-radius: 4px; border-top-right-radius: 4px; } fc-month-view .fc-content, .fc-slats .fc-content { height: auto !important; } .calendar .fc-agendaWeek-view .scroll-inner, .calendar .fc-agendaDay-view .scroll-inner { position: relative !important; } .fc-show-weekends .fc-sat.fc-today, .fc-show-weekends .fc-sun.fc-today, .fc-unthemed .fc-today { background: #fde2b7; } .popup.calendar_popup .mask { background: #000; } .popup.calendar_popup.visible .mask { opacity: 0.2; } .popup.calendar_popup.visible .mask.clear { opacity: 0; z-index: 1; } .popup.calendar_popup .popup_panel { max-width: 445px; min-width: 445px; overflow: visible; box-sizing: content-box; } .popup.calendar_popup .popup_panel .input:focus, .popup.calendar_popup .popup_panel .textarea:focus, .popup.calendar_popup .popup_panel input:focus, .popup.calendar_popup .popup_panel textarea:focus { border-color: #93b5e3; box-shadow: 0 0 2px 0 #1d67cd; outline: none; } .popup.calendar_popup .popup_panel .placeholder { top: 5px; } .popup.calendar_popup .popup_panel div.input { padding: 6px; } .popup.calendar_popup .popup_heading { border-radius: 4px 4px 0px 0px; color: #ffffff; height: 27px; margin: -20px 0px 16px -20px; padding: 9px 20px 0px; width: 100%; } html.rtl .popup.calendar_popup .popup_heading { margin: -20px -20px 16px 0px; } .popup.calendar_popup .popup_heading > .text { margin-right: 15px; } html.rtl .popup.calendar_popup .popup_heading > .text { margin-left: 15px; margin-right: 0px; } .popup.calendar_popup .popup_heading.calendar_selector { padding: 9px 10px 0px 20px; } .popup.calendar_popup .close { display: inline-block; height: 16px; margin: -10px -7px 0px 0px; width: 16px; } .popup.calendar_popup .close:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .popup.calendar_popup .close:before { display: inline-block; color: #ffffff; content: "\e63e"; font-size: 16px; height: 100%; vertical-align: middle; width: 100%; } .popup.calendar_popup .dropdown .dropdown_arrow span { top: 1px; } .popup.calendar_popup .shares_personal .row { margin-bottom: 14px; } .popup.calendar_popup .shares_personal .label { vertical-align: middle; } .popup.calendar_popup .shares_personal .input { width: 290px; } .popup.calendar_popup .shares_personal .input.inputosaurus { display: inline-block; vertical-align: middle; } .popup.calendar_popup .shares_all { border-top: 1px solid #e2e2e2; padding-top: 14px; } .popup.calendar_popup .shares_all select.input { display: inline-block; width: 290px; } .popup.calendar_create .autosize, .popup.calendar_event .autosize { overflow: hidden; resize: none; } .popup.calendar_create .fieldset.main, .popup.calendar_event .fieldset.main { margin-left: -8px; display: flex; flex-direction: column; overflow: hidden; } .popup.calendar_create .fieldset.main > .row, .popup.calendar_event .fieldset.main > .row { display: flex; flex-direction: column; overflow: hidden; } .popup.calendar_create .input, .popup.calendar_event .input { border-color: #ffffff; box-shadow: none; } .popup.calendar_create .input:hover, .popup.calendar_event .input:hover, .popup.calendar_create .input:focus, .popup.calendar_event .input:focus { border-color: #cccccc; } .popup.calendar_create .row.name .placeholder, .popup.calendar_event .row.name .placeholder, .popup.calendar_create .row.name .input, .popup.calendar_event .row.name .input { line-height: 35px; font-size: 15pt; font-weight: bold; } .popup.calendar_create .row.name .input.autosize, .popup.calendar_event .row.name .input.autosize { height: 43px; } .popup.calendar_create .row.name .placeholder, .popup.calendar_event .row.name .placeholder { left: 3px; position: relative; top: 5px; z-index: 1; } .popup.calendar_create .row.description .placeholder, .popup.calendar_event .row.description .placeholder, .popup.calendar_create .row.source .placeholder, .popup.calendar_event .row.source .placeholder, .popup.calendar_create .row.location .placeholder, .popup.calendar_event .row.location .placeholder, .popup.calendar_create .row.add_attender .placeholder, .popup.calendar_event .row.add_attender .placeholder, .popup.calendar_create .row.description .input, .popup.calendar_event .row.description .input, .popup.calendar_create .row.source .input, .popup.calendar_event .row.source .input, .popup.calendar_create .row.location .input, .popup.calendar_event .row.location .input, .popup.calendar_create .row.add_attender .input, .popup.calendar_event .row.add_attender .input { font-size: 10pt; } .popup.calendar_create .row.description .input.autosize, .popup.calendar_event .row.description .input.autosize, .popup.calendar_create .row.source .input.autosize, .popup.calendar_event .row.source .input.autosize, .popup.calendar_create .row.location .input.autosize, .popup.calendar_event .row.location .input.autosize, .popup.calendar_create .row.add_attender .input.autosize, .popup.calendar_event .row.add_attender .input.autosize { height: 26px; } .popup.calendar_create .row.description .placeholder, .popup.calendar_event .row.description .placeholder, .popup.calendar_create .row.source .placeholder, .popup.calendar_event .row.source .placeholder, .popup.calendar_create .row.location .placeholder, .popup.calendar_event .row.location .placeholder, .popup.calendar_create .row.add_attender .placeholder, .popup.calendar_event .row.add_attender .placeholder { left: 3px; top: 5px; } html.rtl .popup.calendar_create .row.description .placeholder, html.rtl .popup.calendar_event .row.description .placeholder, html.rtl .popup.calendar_create .row.source .placeholder, html.rtl .popup.calendar_event .row.source .placeholder, html.rtl .popup.calendar_create .row.location .placeholder, html.rtl .popup.calendar_event .row.location .placeholder, html.rtl .popup.calendar_create .row.add_attender .placeholder, html.rtl .popup.calendar_event .row.add_attender .placeholder { left: auto; right: 3px; } .popup.calendar_create .row.private_event, .popup.calendar_event .row.private_event { padding-left: 9px; } .popup.calendar_create .row.private_event label, .popup.calendar_event .row.private_event label { vertical-align: middle; } .popup.calendar_create .row.checkbox, .popup.calendar_event .row.checkbox { padding: 8px; } .popup.calendar_getlink .dav_access, .popup.calendar_getlink .web_access { margin-bottom: 16px; } .popup.calendar_getlink .dav_access .input, .popup.calendar_getlink .web_access .input { margin-right: 0px; width: 260px; } .popup.calendar_getlink .dav_access .download { color: #7b7b7b; display: inline-block; float: right; height: 20px; width: 20px; } .popup.calendar_getlink .dav_access .download:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .popup.calendar_getlink .dav_access .download:hover { color: #626262; } .popup.calendar_getlink .dav_access .download:before { content: "\e610"; display: inline-block; font-size: 20px; height: 100%; vertical-align: middle; width: 100%; } .popup.calendar_getlink .web_access { border-top: 1px solid #e2e2e2; padding-top: 14px; } .popup.calendar_getlink .web_access .row.web_access_switch { margin-bottom: 10px; text-align: center; } .popup.calendar_getlink .web_access label { vertical-align: middle; } .popup.calendar_share .fieldset.shares_all { border-top: 1px solid #e2e2e2; margin: 7px 0 0; padding-top: 20px; } .popup.calendar_share .input { margin-right: 7px; } html.rtl .popup.calendar_share .input { margin-left: 7px; margin-right: 0px; } .popup.calendar_share .checkbox { float: left; margin-right: 8px; margin-top: 1px; } .popup.calendar_share .checkbox .icon { border: 1px solid rgba(41, 44, 47, 0.35); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); } .popup.calendar_share .shares_personal table { width: 100%; } .popup.calendar_share .shares_personal table td { padding: 0 5px 10px 0px; } .popup.calendar_share .shares_personal .label { white-space: nowrap; width: 90px; } .popup.calendar_share .shares_personal .input { min-width: 100%; padding: 0; } .popup.calendar_share .input { width: 180px; } .popup.calendar_share select.input { width: 200px; } .popup.calendar_share .shares_personal select.input { vertical-align: top; } .popup.calendar_share .label { width: 200px; } .popup.calendar_share .placeholder { font-size: 11pt; top: 4px; } .popup.calendar_share .text { border: 0px; border-radius: 0px; box-shadow: none; display: inline-block; margin-right: 20px; } html.rtl .popup.calendar_share .text { margin-left: 20px; margin-right: 0px; } .popup.calendar_event .recivedAnim, .popup.calendar_share .recivedAnim { -webkit-animation: highlight 0.5s linear; -moz-animation: highlight 0.5s linear; animation: highlight 0.5s linear; } .popup.calendar_select .popup_heading, .popup.calendar_event .popup_heading { border-radius: 2px; display: inline-block; float: right; margin: -22px 28px 0px 0px; max-width: 120px; width: auto; } html.rtl .popup.calendar_select .popup_heading, html.rtl .popup.calendar_event .popup_heading { float: left; margin: -22px 0px 0px 28px; } .popup.calendar_select .popup_heading.calendar_selector, .popup.calendar_event .popup_heading.calendar_selector { cursor: pointer; position: relative; } .popup.calendar_select .popup_heading.calendar_selector .item, .popup.calendar_event .popup_heading.calendar_selector .item { color: #ffffff !important; } .popup.calendar_select .popup_heading.calendar_selector .item:hover, .popup.calendar_event .popup_heading.calendar_selector .item:hover { box-shadow: inset 0px 0px 0px 30px rgba(255, 255, 255, 0.1); } .popup.calendar_select .popup_heading .current, .popup.calendar_event .popup_heading .current { display: block; overflow: hidden; padding-right: 10px; white-space: nowrap; } .popup.calendar_select .close:before, .popup.calendar_event .close:before { color: #aaaaaa; } .popup.calendar_select .additional_buttons, .popup.calendar_event .additional_buttons { margin-top: 4px; float: right; } html.rtl .popup.calendar_select .additional_buttons, html.rtl .popup.calendar_event .additional_buttons { float: left; } .popup.calendar_select .additional_buttons .item, .popup.calendar_event .additional_buttons .item { color: #626262; cursor: pointer; display: inline-block; font-size: 9pt; height: 22px; line-height: 140%; margin-right: 8px; overflow: hidden; position: relative; vertical-align: middle; } .popup.calendar_select .additional_buttons .item:last-child, .popup.calendar_event .additional_buttons .item:last-child { margin-right: 0px; } .popup.calendar_select .additional_buttons .item .text, .popup.calendar_event .additional_buttons .item .text { display: none; } .popup.calendar_select .additional_buttons .item .icon, .popup.calendar_event .additional_buttons .item .icon { display: inline-block; height: 20px; width: 28px; } .popup.calendar_select .additional_buttons .item .icon:before, .popup.calendar_event .additional_buttons .item .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .popup.calendar_select .additional_buttons .item .icon:before, .popup.calendar_event .additional_buttons .item .icon:before { color: #c2c7cb; display: inline-block; font-size: 28px; height: 100%; margin-top: -4px; vertical-align: middle; width: 100%; } .popup.calendar_select .additional_buttons .item .icon:hover:before, .popup.calendar_event .additional_buttons .item .icon:hover:before { color: #8f9295; } .popup.calendar_select .additional_buttons .item.readonly, .popup.calendar_event .additional_buttons .item.readonly { cursor: default; } .popup.calendar_select .additional_buttons .item.repeat .icon, .popup.calendar_event .additional_buttons .item.repeat .icon { background: url("../../images/sprites.png") no-repeat 40px 40px; background-position: -280px -120px; } .popup.calendar_select .additional_buttons .item.repeat.selected .icon, .popup.calendar_event .additional_buttons .item.repeat.selected .icon, .popup.calendar_select .additional_buttons .item.repeat:hover .icon, .popup.calendar_event .additional_buttons .item.repeat:hover .icon { background-position: -280px -140px; } .popup.calendar_select .additional_buttons .item.alarm .icon:before, .popup.calendar_event .additional_buttons .item.alarm .icon:before { content: "\e646"; } .popup.calendar_select .additional_buttons .item.task .icon:before, .popup.calendar_event .additional_buttons .item.task .icon:before { content: "\e90b"; } .popup.calendar_select .additional_buttons .item.task.selected .icon:before, .popup.calendar_event .additional_buttons .item.task.selected .icon:before { color: #000; } .popup.calendar_select .additional_buttons .item.guests .icon:before, .popup.calendar_event .additional_buttons .item.guests .icon:before { content: "\e644"; } .popup.calendar_select .additional_buttons .item.guests .arrow, .popup.calendar_event .additional_buttons .item.guests .arrow { background: none; border-bottom: 6px solid transparent; border-right: 6px solid #F7F7F7; border-top: 6px solid transparent; display: inline-block; height: 0px; position: absolute; right: -20px; top: 4px; visibility: hidden; width: 0px; } .popup.calendar_select .additional_buttons .item.guests.selected .arrow, .popup.calendar_event .additional_buttons .item.guests.selected .arrow { visibility: visible; } .popup.calendar_select .additional_buttons .alarm.selected .icon, .popup.calendar_event .additional_buttons .alarm.selected .icon, .popup.calendar_select .editable .additional_buttons .alarm:hover .icon, .popup.calendar_event .editable .additional_buttons .alarm:hover .icon { background-position: -320px -140px; } .popup.calendar_select .additional_buttons .guests.selected .icon, .popup.calendar_event .additional_buttons .guests.selected .icon, .popup.calendar_select .editable .additional_buttons .guests:hover .icon, .popup.calendar_event .editable .additional_buttons .guests:hover .icon { background-position: -360px -140px; } .popup.calendar_select .popup_heading { float: none; max-width: none; margin: 5px 0 0 0; width: 400px; } .popup.calendar_select .fields .label { color: #828282; width: inherit; } .popup.calendar_select .calendar_select_list_item { color: white; font-size: 11pt; opacity: 0.5; padding: 10px; } .popup.calendar_select .calendar_select_list_item.checked { opacity: 1; } .popup.calendar_event .scrollable_field { border: 1px solid #ffffff; border-radius: 4px; } .popup.calendar_event .editable .scrollable_field:hover { border-color: #cccccc; } .popup.calendar_event .editable .focused .scrollable_field { border-color: #93b5e3; box-shadow: 0 0 2px 0 #1d67cd; } .popup.calendar_event .scrollable_field .input { border: 0px !important; border-radius: 0px; width: 100%; } .popup.calendar_event .scrollable_field span.input { display: block; } .popup.calendar_event .name .scrollable_field { max-height: 110px; } .popup.calendar_event .description .scrollable_field { max-height: 150px; } .popup.calendar_event .location .scrollable_field { max-height: 74px; } .popup.calendar_event .repeat { position: absolute; width: 24px; } .popup.calendar_event .repeat:after { color: #c2c7cb; content: "\e643"; display: inline-block; font-family: 'afterlogic'; font-size: 16px; margin-top: -2px; margin-left: 4px; } .popup.calendar_event .dates { margin-left: -1px; } .popup.calendar_event .subforms { height: 0px; position: relative; } .popup.calendar_event .subforms .alarm_form, .popup.calendar_event .subforms .dates_form { bottom: 0px; color: #828282; font-size: 9pt; position: absolute; right: 0px; } html.rtl .popup.calendar_event .subforms .alarm_form, html.rtl .popup.calendar_event .subforms .dates_form { left: 0px; right: auto; } .popup.calendar_event .subforms .alarm_form .form_content, .popup.calendar_event .subforms .dates_form .form_content { background: #f7f7f7; border-radius: 4px; clear: both; min-width: 200px; padding: 12px; } .popup.calendar_event .subforms .alarm_form .form_arrow, .popup.calendar_event .subforms .dates_form .form_arrow { border-bottom: 0px solid #f7f7f7; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #f7f7f7; display: block; float: right; font-size: 0; height: 0; margin-right: 8px; width: 0; } .popup.calendar_event .subforms .alarm_form .form_arrow.arrorw_with_appointmens, .popup.calendar_event .subforms .dates_form .form_arrow.arrorw_with_appointmens { margin-right: 48px; } .popup.calendar_event .subforms .alarm_form .custom_selector, .popup.calendar_event .subforms .dates_form .custom_selector { display: inline-block; position: relative; } .popup.calendar_event .subforms .dates_form .custom_selector { vertical-align: middle; } .popup.calendar_event .subforms .alarm_form { z-index: 1; } .popup.calendar_event .subforms .dates_form { bottom: 25px; left: -42px; right: auto; top: auto; z-index: 2; } .popup.calendar_event .subforms .dates_form .form_content { background: #fff4cf; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); min-width: 460px; } .popup.calendar_event .subforms .dates_form .date { border: 1px solid #cccccc; cursor: pointer; margin-right: 0px; padding-right: 23px; position: relative; vertical-align: middle; width: 145px; z-index: 3000; } html.rtl .popup.calendar_event .subforms .dates_form .date { margin-left: 0px; padding-right: 6px; } .popup.calendar_event .subforms .dates_form .ampm_time .date { width: 130px; } .popup.calendar_event .subforms .dates_form .time { border: 1px solid #cccccc; margin-right: 13px; vertical-align: middle; width: 50px; } .popup.calendar_event .subforms .dates_form .ampm_time .time { width: 65px; } .popup.calendar_event .subforms .dates_form .allday { margin-top: 10px; } .popup.calendar_event .subforms .dates_form .form_arrow { border-top: 6px solid #fff4cf; float: none; margin: 0px 0px 0px 95px; } .popup.calendar_event .subforms .repeat_panel .input { border: 1px solid #cccccc; } .popup.calendar_event .subforms .alarm_form .item { display: block; } .popup.calendar_event .subforms .alarm_form .remove { float: right; } .popup.calendar_event .popup_panel { background: #f7f7f7; padding: 0px; -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; transition: all 500ms ease 0s; } .popup.calendar_event .panel_wrap { background: #ffffff; border-radius: 4px; } .popup.calendar_event .main_panel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: left; padding: 20px; width: 100%; } .popup.calendar_event .main_panel .icon.repeat { background: url("../../images/sprites.png") no-repeat -980px -240px; display: block; height: 12px; left: 6px; position: absolute; top: 5px; width: 16px; } .popup.calendar_event .show_left_side_panel { background: #fff; margin-left: -40px; padding-left: 40px; } .popup.calendar_event .left_side_panel { float: left; margin-left: -40px; padding-top: 50px; padding-left: 20px; width: 20px; opacity: 0; visibility: hidden; } .popup.calendar_event .left_side_panel .custom_checkbox.round .icon { padding: 5px; border-radius: 50%; } .popup.calendar_event .left_side_panel .custom_checkbox.round .icon:before { margin-left: -2px; font-size: 13pt; } .popup.calendar_event .show_left_side_panel .left_side_panel { opacity: 1; visibility: visible; -webkit-transition: opacity 300ms ease 300ms; -moz-transition: opacity 300ms ease 300ms; -o-transition: opacity 300ms ease 300ms; transition: opacity 300ms ease 300ms; } .popup.calendar_event .show_side_panel { margin-right: -240px; padding-right: 240px; } .popup.calendar_event .side_panel { color: #929292; float: right; margin-right: -240px; opacity: 0; padding: 20px; visibility: hidden; width: 200px; } .popup.calendar_event .side_panel .button { font-size: 9pt; margin: 0px; padding: 3px 5px 2px; } .popup.calendar_event .side_panel .add_attender { margin-top: 20px; } .popup.calendar_event .side_panel .add_attender .input { border: 1px solid #cccccc; margin-right: 10px; width: 170px; } html.rtl .popup.calendar_event .side_panel .add_attender .input { margin-left: 10px; margin-right: 0px; } .popup.calendar_event .side_panel .add_attender .control { color: #7b7b7b; cursor: pointer; display: inline-block; float: right; height: 20px; margin-top: 3px; width: 20px; } html.rtl .popup.calendar_event .side_panel .add_attender .control { float: left; } .popup.calendar_event .side_panel .add_attender .control:hover { color: #626262; } .popup.calendar_event .side_panel .add_attender .control:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .popup.calendar_event .side_panel .add_attender .control:before { content: "\e641"; display: inline-block; font-size: 28px; height: 100%; margin: -4px 0 0 -4px; vertical-align: middle; width: 100%; } .popup.calendar_event .side_panel .owner .value { cursor: default; } .popup.calendar_event .side_panel .attender { margin-bottom: 6px; } .popup.calendar_event .side_panel .attender .control { color: #7b7b7b; cursor: pointer; display: inline-block; float: right; height: 16px; margin-left: 10px; vertical-align: middle; width: 16px; } html.rtl .popup.calendar_event .side_panel .attender .control { float: left; margin-left: 0px; margin-right: 10px; } .popup.calendar_event .side_panel .attender .control:hover { color: #626262; } .popup.calendar_event .side_panel .attender .control:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .popup.calendar_event .side_panel .attender .control:before { content: "\e645"; display: inline-block; font-size: 22px; height: 100%; margin: -4px 0 0 -4px; vertical-align: middle; width: 100%; } .popup.calendar_event .side_panel .attender .name { display: block; overflow: hidden; white-space: nowrap; } .popup.calendar_event .side_panel .attender .name .text { cursor: default; display: inline-block; } .popup.calendar_event .side_panel .attender .icon { display: inline-block; height: 12px; vertical-align: middle; width: 16px; } .popup.calendar_event .side_panel .attender .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .popup.calendar_event .side_panel .attender .icon:before { display: inline-block; font-size: 14px; height: 100%; margin: -8px 0 0; vertical-align: middle; width: 100%; } .popup.calendar_event .side_panel .attender.pending .icon:before { color: #ef954f; content: "\e649"; } .popup.calendar_event .side_panel .attender.accepted .icon:before { color: #0faa30; content: "\e61c"; } .popup.calendar_event .side_panel .attender.declined { color: #d0d0d0; } .popup.calendar_event .side_panel .attender.declined .icon:before { content: "\e648"; } .popup.calendar_event .side_panel .attender.tentative .icon:before { color: #ef954f; content: "\e647"; font-size: 12px; } .popup.calendar_event .show_side_panel .side_panel { opacity: 1; visibility: visible; -webkit-transition: opacity 300ms ease 300ms; -moz-transition: opacity 300ms ease 300ms; -o-transition: opacity 300ms ease 300ms; transition: opacity 300ms ease 300ms; } .popup.calendar_event .alarms_helper div { height: 15px; } .calendar_event .label { width: inherit; } .calendar_event .input { width: inherit; } .calendar_event .description span.input, .calendar_event .location span.input { white-space: pre-wrap; } .fc-show-weekends .fc-sat, .fc-show-weekends .fc-sun { background: #f0f0f0; } .fc-non-working-time { background: rgba(240, 240, 240, 0.5) !important; } .fc-time-grid .timeline { border: none !important; border-top: 1px solid #88cf50 !important; margin: 0 !important; padding: 0 !important; position: absolute !important; width: 100% !important; z-index: 999 !important; } .ui-draggable-dragging { z-index: 9 !important; } .popup.calendar_popup .dates.close { display: inline-block; height: 16px; margin: -10px -7px 0px 0px; width: 16px; } .popup.calendar_popup .dates.close:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .popup.calendar_popup .dates.close:before { color: #000; display: inline-block; content: "\e63e"; font-size: 12px; height: 100%; vertical-align: middle; width: 100%; margin-top: -3px; } .popup.calendar_popup .buttons { border-top: 1px solid #e2e2e2; margin: 16px 0px 0px; padding-top: 20px; } .popup.calendar_popup .buttons.without_border_top { border-top: 0; } .popup.calendar_popup .buttons .button { float: left; margin-right: 6px; flex-shrink: 0; } html.rtl .popup.calendar_popup .buttons .button { float: right; margin-left: 6px; margin-right: 0px; } .popup.calendar_popup .buttons .button_decision { margin-top: 10px; } .popup.calendar_popup .buttons .colors { display: inline-block; margin-top: 4px; } .popup.calendar_popup .buttons .colors .item { display: inline-block; } .popup.calendar_create .buttons { display: flex; align-items: start; justify-content: space-between; } .popup.calendar_select .buttons, .popup.calendar_event .buttons { text-align: left; } html.rtl .popup.calendar_select .buttons, html.rtl .popup.calendar_event .buttons { text-align: right; } .popup.calendar_select .buttons .button, .popup.calendar_event .buttons .button { float: none; } .buttons .button.selected_button { background: #ffffff; border: 1px solid #6fa8de; color: #4f88be; cursor: default; text-shadow: none; } .buttons .button.selected_button.disabled { color: #808080; } .buttons .button.selected_button.disabled:hover { background: #ffffff; } .panels.settings .panel_content .row.default_reminders { display: flex; align-items: baseline; } .panels.settings .panel_content .row.default_reminders .value { display: inline-block; vertical-align: top; width: 300px; } .panels.settings .panel_content .row.default_reminders .items_list { margin: 0 0 10px; } .panels.settings .panel_content .row.default_reminders .items_list .item { display: block; } .panels.settings .panel_content .row.default_reminders .items_list .item .link { float: right; } .panel.groups_panel { min-width: 200px; } .panel.groups_panel .ui-droppable-disabled { opacity: 1 !important; } .panel.contacts_panel { min-width: 200px; } .panel.contacts_panel .panel_content { margin-right: 0px; } .panel.contacts_panel .panel_top .search_block { padding-right: 4px; } html.rtl .panel.contacts_panel .panel_top .search_block { padding-left: 30px; padding-right: 0px; } .panel.contacts_panel .item .me { background: #f1f1f1; border-radius: 10px 10px 10px 10px; color: #6d6d6d; float: right; padding: 2px 8px; } .panel.contacts_panel .item.selected .me { color: #00A3A3; } .panel.contacts_panel .item .key { color: #6d6d6d; float: right; margin: 1px 0px 0px 4px; } .panel.contacts_panel .item .key:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panel.contacts_panel .item .key:before { display: inline-block; font-size: 20px; height: 26px; content: "\e658"; line-height: 1; } .panel.contacts_panel .item.selected .key { color: #ffffff; } .panel.contacts_panel .item .data { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .panel.contacts_panel .item .data .group { display: inline-block; height: 20px; margin-top: 1px; vertical-align: bottom; width: 20px; } .panel.contacts_panel .item .data .group:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panel.contacts_panel .item .data .group:before { opacity: 0.7; filter: alpha(opacity=70); font-size: 20px; } .panel.contacts_panel .item .data .group.personal:before { content: "\e618"; } .panel.contacts_panel .item .data .group.shared:before { content: "\e629"; } .panel.contacts_panel .item .data .group.team:before { content: "\e619"; } .panel.contacts_panel .item .data .name { display: block; font-size: 12pt; margin-bottom: 10px; } .panel.contacts_panel .item .data .email { color: #00A3A3; } .panel.contacts_panel .item.selected .data .email { color: #ffffff; } .panel.contacts_panel .item.noname .data .name, .panel.contacts_panel .item.noemail .data .email { color: #888888; font-weight: normal; opacity: 0.3; filter: alpha(opacity=30); } .panel.contacts_panel .item.selected.noname .data .name, .panel.contacts_panel .item.selected.noemail .data .email { color: #ffffff; } .panel.contacts_panel .search_form { float: right; margin-top: -25px; } .panel.contact_viewer { min-width: 300px; } .panel.contact_viewer .panel_content { background: url("../../images/contacts-bg.png") repeat 0 0; } .panel.contact_viewer .panel_center { overflow: hidden; } .panel.contact_viewer .panel_top { border-bottom: 0px; margin: 0px 20px; min-height: 50px; overflow: auto; padding: 23px 0px; } .panel.contact_viewer .panel_bottom { background: none; border: 0px; border-radius: 0px; height: auto; padding: 0px; } .panel.contact_viewer .contact_content { height: 100%; } .panel.contact_viewer .contact_content .fields_switcher { margin: 10px 20px; text-align: right; } .panel.contact_viewer .contacts_heading { font-size: 18pt; font-weight: normal; margin: 0 0 6px; white-space: normal; } .panel.contact_viewer .mailto_link { color: #00A3A3; font-size: 10.5pt; font-weight: bold; text-decoration: none; } .panel.contact_viewer .decor { border: 1px solid #d9d9d9; border-bottom: 0px; border-radius: 4px 4px 0px 0px; margin: 0px 20px; padding-top: 3px; } .contact_data_groups { color: #626262; border: 1px solid #d9d9d9; border-radius: 0px 0px 4px 4px; border-top: 0px; margin: 0px 20px; min-height: 100px; } .contact_data_groups .fields { padding: 12px 20px 1px; } .contact_data_groups .subheading, .contact_data_groups .row { margin-top: 0px; margin-bottom: 22px; padding: 0px; overflow: hidden; } .contact_data_groups .subheading { font-size: 10.5pt; } .contact_data_groups.edit .label { width: 25%; } .contact_data_groups.edit .value { width: 75%; } .contact_data_groups .address { margin-bottom: 12px; } .contact_data_groups .address .row { clear: none; margin-bottom: 5px; } .contact_data_groups .address .row:after { display: none; } .contact_data_groups .address .label { height: 0px; overflow: hidden; text-indent: 20px; width: 20px; } .contact_data_groups .address .label.address { float: left; height: 20px; margin-right: -20px; overflow: hidden; text-indent: 0px; vertical-align: middle; width: 20px; word-wrap: normal; } .contact_data_groups .address .label.address:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .contact_data_groups .address .label.address:before { content: "\e662"; font-size: 20px; margin-right: 20px; } .contact_data_groups .address .label.address:before html.rtl { margin-left: 20px; margin-right: 0px; } .contact_data_groups .mobile .label, .contact_data_groups .phone .label, .contact_data_groups .fax .label { height: 20px; overflow: hidden; text-indent: 0px; vertical-align: middle; width: 20px; } .contact_data_groups .mobile .label:before, .contact_data_groups .phone .label:before, .contact_data_groups .fax .label:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .contact_data_groups .mobile .label:before, .contact_data_groups .phone .label:before, .contact_data_groups .fax .label:before { content: "\e663"; font-size: 20px; margin-right: 20px; } .contact_data_groups .mobile .label:before html.rtl, .contact_data_groups .phone .label:before html.rtl, .contact_data_groups .fax .label:before html.rtl { margin-left: 20px; margin-right: 0px; } .contact_data_groups .mobile .label .text, .contact_data_groups .phone .label .text, .contact_data_groups .fax .label .text { display: none; } .contact_data_groups .link.call { margin-left: 10px; } html.rtl .contact_data_groups .link.call { margin-left: 0px; margin-right: 10px; } .popup.contact_create_popup { color: #626262; } .popup.contact_create_popup .fields .row { margin-bottom: 10px; margin-top: 0px; padding: 0px; } .popup.contact_create_popup .link { text-align: right; display: block; } .groups_panel .title .icon:before { content: "\e667"; } .groups_panel .title .icon.type1:before { content: "\e618"; } .groups_panel .title .icon.type2:before { content: "\e619"; } .groups_panel .title .icon.type3:before { content: "\e629"; } .groups_panel .title .icon.type4:before { content: "\e64f"; } .contact_card .dropdown_content { background: #ffffff; border: 0px; border-radius: 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); display: block; margin: -4px 0px 0px -10px; min-width: 360px; padding: 16px 18px; } .contact_card .dropdown_content_mail { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); padding: 16px 0 16px 18px; } .contact_card .dropdown_content_mail .scroll-inner { padding-right: 18px; } .contact_card .dropdown_content_mail .buttons { margin: 0px 0 0px -18px; } .contact_card .dropdown_arrow { display: none; } .contact_card .buttons { border-top: 1px solid #eee; float: none; margin: 0px -18px; padding: 10px 18px 0px 18px; text-align: right; } .contact_card .buttons_position { padding-top: 16px; } .contact_card .buttons .link { display: inline-block; font-size: 9pt; margin-right: 10px; } .contact_card .buttons .link:first-child { float: left; } .contact_card .buttons .link:last-child { margin-right: 0px; } .contact_card .fields { margin: 0px; } .contact_card .fields .fieldset { margin: 0 0 16px; } .contact_card .fields .row { margin: 0 0 8px; clear: both; } .contact_card .fields .row:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; } * html > body .contact_card .fields .row { width: 100%; display: block; } * html .contact_card .fields .row { height: 1%; } .contact_card .fields .label { float: left; padding: 0 10px 0 0; white-space: normal; width: 120px; } html.rtl .contact_card .fields .label { float: right; } .contact_card .fields .label:after { content: ":"; } .contact_card .fields .value { display: block; overflow: hidden; } .contact_card .fields h2 { font-size: 10pt; } .contact_card .link.call { margin-left: 4px; } .contact_card .groups .row { font-size: 9pt; } .ContactsLayout .panel_top .buttons { float: right; margin: 0; } .ContactsLayout .panel_top .buttons .button { margin-right: 5px; } .ContactsLayout .panel_top .buttons .button:last-child { margin-right: 0; } .ContactsLayout .panel_top .buttons .button.clear_button { background: transparent; border: none; color: #00A3A3; text-shadow: none; padding: 5px 7px; } .ContactsLayout .panel_center .buttons:not(.buttons_inline) { margin: 0px; position: relative; z-index: 1; } .ContactsLayout .panel_center .buttons:not(.buttons_inline) .button { margin: 20px 40px 0px 0px; position: absolute; right: 0px; top: 0px; } html.rtl .ContactsLayout .panel_center .buttons:not(.buttons_inline) .button { left: 0px; margin-right: 0px; margin-left: 40px; right: auto; } .ContactsLayout .panel_center .buttons_inline { text-align: left; } .ContactsLayout .panel_bottom .buttons { border-top: 1px solid #d9d9d9; margin: 0px 20px; padding: 20px 0px; text-align: right; } html.rtl .ContactsLayout .panel_bottom .buttons { text-align: left; } .ContactsLayout .import .contact_data_groups .buttons { margin-top: 0px; text-align: left; } .panel.groups_panel .panel_bottom { background: none; border: 0px; border-radius: 0px; height: 30px; padding: 0px; } .panel.groups_panel .manage_folders { font-size: 8pt; line-height: 16px; text-align: center; } .panels.settings .panel.navigation_panel .item.manage-addressbooks .icon:before { content: "\e667"; } .confirm-file-list { overflow-y: auto; max-height: 400px; } .panels.settings .panel.navigation_panel .item.paranoid-encryption .icon:before { content: "\e90a"; } .panels.settings .keys .buttons { margin: 0px !important; text-align: left; } .panels.settings .hint.yellow-warning { background: #f9f4d0; border: 1px solid #d4ccb8; border-radius: 2px; text-shadow: none; color: #333; } .storages_panel .title .icon.typeencrypted:before { content: "\e90a"; } .login_panel .social div.dropbox { background-color: #1087dd; background-image: url("../../images/modules/DropboxAuthWebclient/icon.png"); background-position: 10px; border: 1px solid #0367b2; } .login_panel .social div.dropbox:hover { background-color: #087cd1; } .login_panel .social div.dropbox .border { background-color: #0367b2; } .panels.settings .panel.navigation_panel .item.dropbox .icon:before { content: "\e917"; } .login_panel .social div.facebook { background-color: #466099; background-image: url("../../images/modules/FacebookAuthWebclient/icon.png"); background-position: 14px; border: 1px solid #2c3b5c; } .login_panel .social div.facebook:hover { background-color: #334b7f; } .login_panel .social div.facebook .border { background-color: #2c3b5c; } .panels.settings .panel.navigation_panel .item.facebook .icon:before { content: "\e919"; } .FileViewerWebclientPlugin .mask { opacity: 0.7 !important; } .FileViewerWebclientPlugin .popup_panel { background: none; border-radius: 0px; box-shadow: none; height: 80%; width: 80%; max-width: 80%; padding: 30px 110px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .FileViewerWebclientPlugin .owl-carousel { height: 100%; padding-top: 1px; box-sizing: border-box; } .FileViewerWebclientPlugin .owl-carousel .owl-item { text-align: center; height: 100%; display: flex; flex-direction: column; justify-content: center; } .FileViewerWebclientPlugin .owl-carousel .owl-item .item-image { max-height: 100%; height: 100%; overflow: hidden; } .FileViewerWebclientPlugin .owl-carousel .owl-item .item-image div { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .FileViewerWebclientPlugin .owl-carousel .owl-item .item-video { height: 100%; } .FileViewerWebclientPlugin .owl-carousel .owl-item img { display: inline; width: auto; max-width: 100%; max-height: 100%; } .FileViewerWebclientPlugin .owl-carousel .owl-item .title { color: #FFF; padding-bottom: 10px; font-size: 14pt; overflow: hidden; white-space: normal; /* Careful, this breaks the word wherever it is without a hyphen */ overflow-wrap: break-word; word-wrap: break-word; /* Adds a hyphen where the word breaks */ -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .FileViewerWebclientPlugin .owl-carousel .owl-nav { position: absolute; top: 50%; width: 100%; margin: 0px; margin-top: -40px; text-align: left; } .FileViewerWebclientPlugin .owl-carousel .owl-nav .owl-prev, .FileViewerWebclientPlugin .owl-carousel .owl-nav .owl-next { overflow: hidden; } .FileViewerWebclientPlugin .owl-carousel .owl-nav .owl-prev:before, .FileViewerWebclientPlugin .owl-carousel .owl-nav .owl-next:before { font-family: 'afterlogic'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .FileViewerWebclientPlugin .owl-carousel .owl-nav .owl-prev:before, .FileViewerWebclientPlugin .owl-carousel .owl-nav .owl-next:before { display: inline-block; width: 100%; height: 100%; font-size: 96px; } .FileViewerWebclientPlugin .owl-carousel .owl-nav .owl-prev.disabled, .FileViewerWebclientPlugin .owl-carousel .owl-nav .owl-next.disabled { display: none; } .FileViewerWebclientPlugin .owl-carousel .owl-nav .owl-prev { position: absolute; left: -110px; } .FileViewerWebclientPlugin .owl-carousel .owl-nav .owl-prev:before { content: "\e671"; text-indent: -8px; } .FileViewerWebclientPlugin .owl-carousel .owl-nav .owl-next { position: absolute; right: -110px; } .FileViewerWebclientPlugin .owl-carousel .owl-nav .owl-next:before { content: "\e670"; text-indent: -5px; } .FileViewerWebclientPlugin .owl-carousel .owl-dots { position: absolute; bottom: 0px; width: 100%; } .FileViewerWebclientPlugin .owl-stage-outer { height: 100%; } .FileViewerWebclientPlugin .owl-stage { height: 100%; } .panel.files .items_list .items_sub_list.item_list_table_view { float: left; width: 100%; padding: 0px !important; } .panel.files .items_list .items_sub_list.item_list_table_view .item { cursor: default !important; display: block !important; height: auto !important; max-height: none !important; max-width: none !important; width: 100% !important; margin: 0px !important; padding: 0px; text-align: left !important; } .panel.files .items_list .items_sub_list.item_list_table_view .item a { color: #00A3A3; } .panel.files .items_list .items_sub_list.item_list_table_view .item a:hover { color: #005656; text-decoration: none; } .panel.files .items_list .items_sub_list.item_list_table_view .item.deleted { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; -webkit-transform: none; transform: none; max-height: 0px !important; } .panel.files .items_list .items_sub_list.item_list_table_view .item .item_content { padding: 6px 16px 6px 0px; white-space: nowrap; display: flex; } .panel.files .items_list .items_sub_list.item_list_table_view .item .image, .panel.files .items_list .items_sub_list.item_list_table_view .item .name, .panel.files .items_list .items_sub_list.item_list_table_view .item .file_states, .panel.files .items_list .items_sub_list.item_list_table_view .item .actions, .panel.files .items_list .items_sub_list.item_list_table_view .item .progress, .panel.files .items_list .items_sub_list.item_list_table_view .item.folder2 .icon { display: inline-block; flex-grow: 0; line-height: 46px; margin: 0 0 0 18px; text-align: center; vertical-align: middle; } .panel.files .items_list .items_sub_list.item_list_table_view .item .name { overflow: hidden; } .panel.files .items_list .items_sub_list.item_list_table_view .item .spacer { flex-grow: 1; } .panel.files .items_list .items_sub_list.item_list_table_view .item .actions a { margin-right: 10px; } .panel.files .items_list .items_sub_list.item_list_table_view .item .file_states { line-height: 18px; margin: 14px 0 14px 12px; position: initial; } .panel.files .items_list .items_sub_list.item_list_table_view .item .name { font-size: 10pt; line-height: inherit; text-align: left; margin-top: 9px; } .panel.files .items_list .items_sub_list.item_list_table_view .item .data { color: #929292; font-size: 9px; } .panel.files .items_list .items_sub_list.item_list_table_view .item .image { height: 46px; width: 60px; } .panel.files .items_list .items_sub_list.item_list_table_view .item .image img { max-height: 100%; max-width: 100%; vertical-align: middle; } .panel.files .items_list .items_sub_list.item_list_table_view .item .image .icon { vertical-align: middle; } .panel.files .items_list .items_sub_list.item_list_table_view .item.folder2 .icon { background: url("../../images/sprites.png"); background-position: -880px -400px; height: 65px; width: 66px; margin: -5px 0 -13px -3px; transform: scale(0.68); } .panel.files .items_list .items_sub_list.item_list_table_view .item.folder2 .folder_shared_with_me_icon { left: 47px; top: 48%; } .panel.files .items_list .items_sub_list.item_list_table_view .item.folder2 .folder_shared_with_me_icon:before { font-size: 19px; } .panel.files .items_list .items_sub_list.item_list_table_view .item.file .icon { margin: -20px 0 -18px -2px; transform: scale(0.6); } .panel.files .items_list .items_sub_list.item_list_table_view .item.file .file_shared_with_me_icon { height: 20px; left: 58px; top: 10px; width: 20px; line-height: 18px; } .panel.files .items_list .items_sub_list.item_list_table_view .item.file .file_shared_with_me_icon:before { font-size: 18px; line-height: 18px; } .file-preview { /* float: right; background: grey; padding: 40px;*/ flex-grow: 1; width: 380px; border-left: 1px solid #eee; } .file-preview .panel_top { background: none !important; border-bottom: 0px; padding: 0px; user-select: initial; text-align: center; margin: 30px; font-size: 18px; white-space: normal; /* Careful, this breaks the word wherever it is without a hyphen */ overflow-wrap: break-word; word-wrap: break-word; /* Adds a hyphen where the word breaks */ -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .view_iframe img { max-height: 200px; max-width: 320px; } .shared-image-table { cursor: pointer; border-radius: 5px; display: inline-block; height: 18px; width: 18px; overflow: hidden; position: relative; background: #64aedc; color: #fff; line-height: 18px; } .shared-image-table:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .shared-image-table:before { display: inline-block; font-size: 18px; height: 100%; width: 100%; content: "\e912"; } .storages_panel { min-width: 200px; width: 200px; } .storages_panel .title .icon.typepersonal:before { content: "\e618"; } .storages_panel .title .icon.typecorporate:before { content: "\e629"; } .storages_panel .title .icon.typeshared:before { content: "\e912"; } .storages_panel .panel_bottom { background: none; border: 0px; border-radius: 0px; padding: 0px 0px 4px 0px; min-height: 24px; } .panel.files { position: relative; min-width: 340px; } .public .panel.files { width: 100%; } .panel.files .uploader_mask { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 250ms ease 0s; -moz-transition: opacity 250ms ease 0s; -o-transition: opacity 250ms ease 0s; transition: opacity 250ms ease 0s; color: #d3b910; background: #fffdd6; font-size: 18pt; height: 100%; opacity: 0; padding: 11px; position: absolute; text-align: center; visibility: hidden; width: 100%; z-index: 1000; } .panel.files .uploader_mask.active { opacity: 0.5; visibility: visible; } .panel.files .uploader_mask .inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 3px dashed #e2da36; border-radius: 5px; height: 100%; } .panel.files .toolbar .search_block { float: right; padding-right: 0; width: 200px; } html.rtl .panel.files .toolbar .search_block { float: left; padding-left: 0; } .panel.files .pathway { background: #ffffff; border-bottom: 1px solid #d5d5d5; padding: 6px 10px 6px 30px; } html.rtl .panel.files .pathway { padding-left: 10px; padding-right: 30px; } .panel.files .pathway a, .panel.files .pathway b { display: inline-block; font-size: 10pt; height: 1em; line-height: 100%; padding: 2px 4px; vertical-align: text-top; } .panel.files .folder_stats { color: #929292; } .panel.files .items_list .items_sub_list { font-size: 0px; padding: 10px; } .panel.files .items_list .item { background: none; cursor: default; display: inline-block; font-size: 9pt; height: 180px; margin: 0px 16px 20px 0px; max-height: 166px; max-width: 160px; opacity: 1; overflow: visible; vertical-align: top; white-space: normal; } html.rtl .panel.files .items_list .item { margin-left: 4px; margin-right: 0px; } .panel.files .items_list .item.helper { margin-bottom: 0px; height: 0px; visibility: hidden; } .panel.files .items_list .item.deleted { max-height: 160px !important; max-width: 0px !important; opacity: 0; overflow: hidden; -webkit-transition: -webkit-transform 500ms ease 0s, opacity 500ms ease 0s, max-width 250ms ease 250ms; -moz-transition: transform 500ms ease 0s, opacity 500ms ease 0s, max-width 250ms ease 250ms; transition: transform 500ms ease 0s, opacity 500ms ease 0s, max-width 250ms ease 250ms; -webkit-transform: scale(0.5); transform: scale(0.5); } .panel.files .items_list .item.incomplete { opacity: 0.5; } .panel.files .items_list .item.selected.folder .item_content, .panel.files .items_list .item.checked.folder .item_content, .panel.files .items_list .item.selected .item_content, .panel.files .items_list .item.checked .item_content { background: #033F49 !important; } .panel.files .items_list .item.aslink .item_content, .panel.files .items_list .item.shared .item_content { padding: 8px; } .panel.files .items_list .item.aslink .item_content { border: 1px dashed #c0c0c0; } .panel.files .items_list .item .header { background: transparent; border-radius: 5px 5px 0px 0px; color: #626262; display: none; font-size: 8pt; height: 36px; line-height: 120%; margin: 1px 1px -43px; overflow: hidden; padding: 4px 4px 2px; position: relative; text-align: center; white-space: normal; z-index: 2; } .panel.files .items_list .item .title { font-size: 9pt; } .panel.files .items_list .item .controls { display: none; float: none; font-size: 8pt; height: 20px; margin: -22px 0px 0px; padding-top: 2px; } .panel.files .items_list .item:hover .header { background: white; opacity: 0.9; } .panel.files .items_list .item.selected .header, .panel.files .items_list .item.checked .header, .panel.files .items_list .item.selected:hover .header, .panel.files .items_list .item.checked:hover .header { background: #033F49; } .panel.files .items_list .item:hover .header, .panel.files .items_list .item.selected .header, .panel.files .items_list .item.checked .header, .panel.files .items_list .item:hover .controls, .panel.files .items_list .item.selected .controls, .panel.files .items_list .item.checked .controls { display: block; } .panel.files .items_list .item:hover .name, .panel.files .items_list .item.selected .name, .panel.files .items_list .item.checked .name, .panel.files .items_list .item:hover .ext, .panel.files .items_list .item.selected .ext, .panel.files .items_list .item.checked .ext { color: #3d3d3d; } .panel.files .items_list .item:hover .size, .panel.files .items_list .item.selected .size, .panel.files .items_list .item.checked .size { color: #929292; } .panel.files .items_list .item.folder { height: 139px; text-align: center; width: 136px; } .panel.files .items_list .item.folder .item_content { background: initial; border: 0px; border-radius: 3px; box-shadow: none; display: block; margin-bottom: 6px; } .panel.files .items_list .item.folder:hover .item_content, .panel.files .items_list .item.folder.selected .item_content, .panel.files .items_list .item.folder.checked .item_content { border: 1px solid #c9c9c9; padding: 8px; } .panel.files .items_list .item.folder .image { border-bottom: 0px; min-height: 91px; } .panel.files .items_list .item.folder .icon { background: url("../../images/sprites.png"); background-position: -440px -360px; display: inline-block; height: 30px; width: 35px; } .panel.files .items_list .item.folder .name { display: block; height: 2.5em; overflow: hidden; white-space: normal; word-wrap: break-word; -ms-word-break: break-all; } .panel.files .items_list .large .folder .icon { background-position: -880px -400px; height: 65px; width: 66px; } .cssanimations .panel.files .items_list .item .item_content.recivedAnim { border-radius: 4px; -webkit-animation: highlight 0.5s linear; -moz-animation: highlight 0.5s linear; animation: highlight 0.5s linear; } .panel.files .items_list .item > .mask { border-radius: 3px; display: none; height: 100%; position: absolute; top: 0; width: 100%; } .panel.files .dragover .items_list .item > .mask { display: block; } .panel.files .item .droppableHover, .panel.storages_panel .item .droppableHover, .panel.files .panel_top .droppableHover { text-shadow: 0px 1px 0px #ffffff !important; background: #dcd9d1 !important; color: #626262 !important; } .popup.files .popup_panel { min-height: 400px; min-width: 700px; height: 60%; max-width: 100%; padding-bottom: 58px; width: 80%; } .popup.files .popup_panel .image { border-bottom: 0; } .popup_select_from_files.popup.files .popup_panel .panel.files .items_list .item .file_shared_icon, .popup_select_from_files.popup.files .popup_panel .panel.files .items_list .item .file_published_icon { display: none; } .popup.files .popup_panel .panels { border: 1px solid #cccccc; border-radius: 5px; overflow: hidden; } .popup.files .popup_panel .panels .panel { padding: 0px; } .popup.files .popup_panel .panels .panel.storages_panel { width: 25%; } .popup.files .popup_panel .panels .panel.storages_panel .items_list .item .title .name { mask: url(../../images/filters.svg#masking); -webkit-mask: url(../../images/mask.png) repeat-y top right; -o-mask: url(../../images/mask.png?) repeat-y top right; -ms-mask: url(../../images/mask.png) repeat-y top right; } html.rtl .popup.files .popup_panel .panels .panel.storages_panel .items_list .item .title .name { mask: url(../../images/filters.svg#masking_rtl); -webkit-mask: url(../../images/mask_rtl.png) repeat-y top left; -o-mask: url(../../images/mask_rtl.png) repeat-y top left; -ms-mask: url(../../images/mask_rtl.png) repeat-y top left; } .popup.files .popup_panel .panels .panel.storages_panel .items_list .item.selected .title .name { mask: url(../../images/filters.svg#masking); -webkit-mask: url(../../images/mask.png) repeat-y top right; -o-mask: url(../../images/mask.png?) repeat-y top right; -ms-mask: url(../../images/mask.png) repeat-y top right; } html.rtl .popup.files .popup_panel .panels .panel.storages_panel .items_list .item.selected .title .name { mask: url(../../images/filters.svg#masking_rtl); -webkit-mask: url(../../images/mask_rtl.png) repeat-y top left; -o-mask: url(../../images/mask_rtl.png) repeat-y top left; -ms-mask: url(../../images/mask_rtl.png) repeat-y top left; } .popup.files .popup_panel .panels .panel.files { width: 75%; } .popup.files_create_link .popup_panel { max-width: 450px; } .popup.files_create_link .popup_panel .image { border-bottom: 0; } .file_states { margin-top: -23px; position: absolute; z-index: 1; } .folder .file_states { margin-top: -35px; margin-left: 18px; } .file_states .file_encrypted_icon, .file_states .file_shared_icon, .file_states .file_published_icon { border-radius: 3px; color: #ffffff; cursor: pointer; display: block; float: left; margin-right: 4px; height: 18px; width: 18px; overflow: hidden; position: relative; } .file_states .file_encrypted_icon:before, .file_states .file_shared_icon:before, .file_states .file_published_icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .file_states .file_encrypted_icon:before, .file_states .file_shared_icon:before, .file_states .file_published_icon:before { display: inline-block; font-size: 18px; height: 100%; width: 100%; } .file_states .file_encrypted_icon { background: #555555; } .file_states .file_encrypted_icon:hover { background: #3f3f3f; } .file_states .file_encrypted_icon:before { content: "\e90a"; } .file_states .file_shared_icon, .file_states .file_published_icon { background: #64aedc; } .file_states .file_shared_icon:hover, .file_states .file_published_icon:hover { background: #328dc5; } .file_states .file_shared_icon:before { content: "\e912"; } .file_states .file_published_icon:before { content: "\e62c"; } .file_shared_with_me_icon { background: #ffffffb3; border-radius: 31px; height: 35px; position: absolute; right: 0; top: 0; width: 35px; } .file_shared_with_me_icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .file_shared_with_me_icon:before { color: #64AEDC; content: "\e912"; font-size: 25px; line-height: 35px; text-shadow: 0px 0px 1px, 0px 0px 1px; } .folder_shared_with_me_icon { height: 30px; left: 48%; position: absolute; top: 52%; transform: translate(-50%, -50%); width: 30px; } .folder_shared_with_me_icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .folder_shared_with_me_icon:before { color: #ffffff; content: "\e912"; font-size: 25px; } .FileStorageLayout .big_single_button .control.button { position: relative; } .FileStorageLayout .big_single_button .icon.arrow:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .FileStorageLayout .big_single_button .icon.arrow:before { content: "\e66d" !important; font-size: 18px; line-height: 1; vertical-align: middle; } .FileStorageLayout .big_single_button.expand .icon.arrow:before { content: "\e66e" !important; } .FileStorageLayout .big_single_button .dropdown_helper { min-width: 100%; top: 1px; } .FileStorageLayout .big_single_button .dropdown_content .item { text-shadow: none; } .login_panel .social div.google { background-color: #e0523a; background-image: url("../../images/modules/GoogleAuthWebclient/icon.png"); background-position: 6px; background-size: 28px; border: 1px solid #89241c; } .login_panel .social div.google:hover { background-color: #cf3f27; } .login_panel .social div.google .border { background-color: #89241c; } .plugin_external_services.popup.google { z-index: 1000; } .panels.settings .panel.navigation_panel .item.google .icon:before { content: "\e918"; } .import_export .popup_panel { background: #f1f1f1 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACtJREFUeNo0iIEJACAAwlT8/1GPMAsaKGNMYpskAOPRdq9tWbrifpaOAAMAMvEO3ANCJPYAAAAASUVORK5CYII=") repeat 0 0; } .import_export .popup_panel .buttons .button { vertical-align: middle; } .LicensingWebclient textarea { min-height: 140px; } .LoginLayout { height: auto !important; min-height: 100%; text-align: center; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } html.mobile .LoginLayout { background: #282828 no-repeat 0 0 / cover url("images/background.jpg"); background-attachment: fixed; } .LoginLayout .vhelper { display: inline-block; display: none; height: 100%; vertical-align: middle; width: 0px; } .LoginLayout.with_bottom_text { position: relative; padding-bottom: 30px; box-sizing: border-box; } .LoginLayout.with_bottom_text .bottom_description { position: absolute; left: 0px; bottom: 10px; width: 100%; text-align: center; color: rgba(255, 255, 255, 0.7); } .LoginLayout.with_bottom_text .bottom_description a { color: inherit; text-decoration: underline; } .login_panel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color: #929292; display: inline-block; font-size: 9pt; padding: 20px; vertical-align: middle; width: 280px; } .login_panel .description { color: #fff !important; } .login_panel .welcome { color: #68483d !important; } .login_panel .description { color: #fff !important; } .login_panel .welcome { color: #68483d !important; } .login_panel a, .login_panel .link, .login_panel a:link, .login_panel .link:link, .login_panel a:visited, .login_panel .link:visited { color: white; } .login_panel a:hover, .login_panel .link:hover { color: rgba(255, 255, 255, 0.8); } .login_panel .header { height: 95px; margin-bottom: 30px; } .login_panel .header.custom_logo { background: none; height: auto; } .login_panel .header .icon { display: inline-block; line-height: 1; vertical-align: middle; } .login_panel .header .text { display: none; } .login_panel .header .icon { height: 95px; width: 130px; } .login_panel .header .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .login_panel .header .icon:before { color: #25AEB8; text-shadow: 0 1px 0 #ffffff, 0 -1px 0 #1c868e, -1px -1px #219aa3; content: "\e63c"; display: inline-block; font-size: 140px; height: 100%; margin-top: -20px; vertical-align: middle; width: 100%; } .login_panel .header .icon { height: 95px; width: 130px; } .login_panel .header .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .login_panel .header .icon:before { color: #25AEB8; text-shadow: 0 1px 0 #ffffff, 0 -1px 0 #1c868e, -1px -1px #219aa3; content: "\e63c"; display: inline-block; font-size: 140px; height: 100%; margin-top: -20px; vertical-align: middle; width: 100%; } .login_panel .welcome { margin-bottom: 20px; font-size: 14px; } .login_panel .welcome .name { font-style: italic; font-size: 17px; color: #6d5454; } .login_panel .login_panel_content { -webkit-perspective: 4000px; -moz-perspective: 4000px; -o-perspective: 4000px; perspective: 4000px; position: relative; } .login_panel .login_panel_content .col { -webkit-perspective: 4000px; -moz-perspective: 4000px; -o-perspective: 4000px; perspective: 4000px; } .login_panel .login_panel_content .col.left { margin-right: 276px; padding-right: 20px; text-align: center; } .login_panel .login_panel_content .col.right { position: absolute; right: 0px; width: 276px; } .login_panel .login_panel_content .content { box-shadow: 0px 0px 0px #ffffff; float: left; margin-top: 0px; opacity: 1; visibility: visible; width: 100%; -webkit-transition: -webkit-transform 600ms ease-in-out, opacity 120ms linear 240ms, visibility 1ms linear 600ms/2, margin-top 0ms linear 600ms/2; -moz-transition: -moz-transform 600ms ease-in-out, opacity 120ms linear 240ms, visibility 1ms linear 600ms/2, margin-top 0ms linear 600ms/2; transition: transform 600ms ease-in-out, opacity 120ms linear 240ms, visibility 1ms linear 600ms/2, margin-top 0ms linear 600ms/2-10; } .login_panel .login_panel_content .content.register, .login_panel .login_panel_content .content.changepass, .login_panel .login_panel_content .content.social_register { left: 50%; margin-left: -130px; position: relative; width: 260px; } .login_panel .login_panel_content .content.send_question { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .login_panel .login_panel_content .content.send_question .question { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d7d7d7; border-radius: 4px; box-shadow: 0 1px 1px #dddddd inset; color: #000000; font-size: 11pt; height: 214px; padding: 6px 8px; resize: none; width: 100%; } .login_panel .login_panel_content .content.forgot .row { border-radius: 4px !important; } .login_panel .login_panel_content .content.register, .login_panel .login_panel_content .content.changepass, .login_panel .login_panel_content .content.social_register { text-align: center; } .login_panel .login_panel_content .content.social_register .question_title, .login_panel .login_panel_content .content.send_question .question_title { color: #929292; display: block; font-size: 11pt; } .login_panel .login_panel_content .content.forgot, .login_panel .login_panel_content .content.changepass, .login_panel .login_panel_content .content.register, .login_panel .login_panel_content .content.signin, .login_panel .login_panel_content .content.activation, .login_panel .login_panel_content .content.changepass, .login_panel .login_panel_content .content.social_register { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); margin-top: -100000px; opacity: 0; visibility: hidden; } .login_panel .login_panel_content .content.activation { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); font-size: 12pt; text-shadow: 0px 1px 0px #f3f3f3; white-space: normal; width: 240px; } .login_panel.flipForgot .content.login, .login_panel.flipChangepass .content.send_question, .login_panel.flipRegister .content.login, .login_panel.flipRegister .content.send_question, .login_panel.flipRegister.flipForgot .content.forgot, .login_panel.flipSignin .content.login, .login_panel.flipSocialRegister .content.login, .login_panel.flipSocialRegister .content.send_question, .login_panel.flipActivation .content.login, .login_panel.flipChangepass .content.login { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); margin-top: -100000px; opacity: 0; visibility: hidden; } .login_panel.flipForgot .content.forgot, .login_panel.flipChangepass .content.changepass, .login_panel.flipRegister .content.register, .login_panel.flipSignin .content.signin, .login_panel.flipSocialRegister .content.social_register { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); margin-top: 0px; opacity: 1; visibility: visible; } .login_panel.flipActivation .content.activation { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); margin-top: 0px; opacity: 1; visibility: visible; } .login_panel .description { color: #929292; margin-top: 20px; } .login_panel .social_description { background: #d7dcdf; border: 1px solid #c7cccf; border-radius: 4px; color: #464646; margin: 20px; margin-left: -85px; padding: 10px; width: 400px; } .login_panel .row { background: #ffffff; border: 1px solid #cac7c7; margin: -1px 0px 0px; padding: 10px; padding-left: 30px; text-align: right; white-space: nowrap; } html.rtl .login_panel .row { padding-left: 10px; padding-right: 30px; } html.rtl .login_panel .row.buttons { padding-left: 0px; padding-right: 0px; } .login_panel .row.focused { background: #fff3ce; border-color: #cfbf8e; position: relative; } .login_panel .row.shake { -webkit-animation: shake 0.8s linear; -moz-animation: shake 0.8s linear; animation: shake 0.8s linear; } .login_panel .row:first-child { border-radius: 4px 4px 0px 0px; box-shadow: 0 1px 1px #dddddd inset; } .login_panel .row:last-child { border-radius: 0px 0px 4px 4px; border-width: 1px; } .login_panel .row .value { vertical-align: middle; } .login_panel .row .value.suffix { margin-left: 16px; } .login_panel .row .value.suffix .text { color: #777777; font: 12pt Helvetica, Tahoma, Arial, sans-serif; } .login_panel .row .placeholder { display: inline-block; cursor: text; float: none; font-size: 12pt; height: 20px; margin-left: -20px; position: relative; text-indent: 0px; vertical-align: middle; width: 20px; zoom: 1; } html.rtl .login_panel .row .placeholder { margin-left: 0px; margin-right: -20px; } .login_panel .row .placeholder:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .login_panel .row .placeholder:before { color: #d5d4d2; display: inline-block; font-size: 22px; height: 20px; margin-right: 4px; margin-top: -6px; vertical-align: middle; width: 20px; } html.rtl .login_panel .row .placeholder:before { margin-left: 4px; margin-right: 0px; } .login_panel .row.filled .placeholder:before, .login_panel .row.focused .placeholder:before { color: #cbc9c6; } .login_panel .row.email > .placeholder:before { content: "\e627"; } .login_panel .row.password > .placeholder:before { content: "\e625"; } .login_panel .row.name > .placeholder:before, .login_panel .row.login > .placeholder:before { content: "\e626"; } .login_panel .row.question, .login_panel .row.answer { padding-left: 10px; } .login_panel .row.question html.rtl, .login_panel .row.answer html.rtl { padding-right: 10px; } .login_panel .row.question .placeholder, .login_panel .row.answer .placeholder { width: 0px; } .login_panel .row .input { background: transparent; border: 0px !important; border-radius: 0px; box-shadow: none; color: #444; display: inline-block; font: 12pt Helvetica, Tahoma, Arial, sans-serif; outline: none; padding: 1px 0px; text-align: left; text-indent: 3px; width: 100%; } html.rtl .login_panel .row .input { text-align: right; } .login_panel .row .input:focus { box-shadow: none; } .login_panel .row .input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset !important; } .login_panel .row .input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #fff3ce inset !important; } .login_panel .custom_checkbox.focus { box-shadow: 0px 4px 3px -3px #e5e5e5 inset, 0 0 2px 0 #1d67cd; } .login_panel .custom_checkbox.focus .icon { border: 1px solid #ffffff; } .login_panel .signme, .login_panel .links { background: none; border: 0px; border-radius: 0px; font-size: 9pt; margin-bottom: 14px; padding: 0px; text-align: left; } html.rtl .login_panel .signme, html.rtl .login_panel .links { text-align: right; } .login_panel .signme .signme_label { cursor: pointer; font-size: 9pt; height: auto; text-indent: 0px; width: auto; } .login_panel .signme input { vertical-align: middle; } .login_panel .links .forgot { float: right; margin-left: 16px; } .login_panel.login .row.login { border-radius: 4px 4px 0px 0px; } .login_panel.login.email .row.login { border-radius: 0px; } .LoginLayout .languages { border-radius: 5px; padding: 10px 16px; position: fixed; right: 20px; top: 20px; } html.rtl .LoginLayout .languages { left: 20px; right: auto; } .LoginLayout .languages .custom_selector .control .icon { color: #000; } .LoginLayout .languages .custom_selector .control .icon:before { font-size: 18px; } .register .LoginLayout .languages .custom_selector .name { display: inline-block; height: 15px; } .LoginLayout .languages .custom_selector .dropdown_arrow { float: right; margin-right: 22px; } .LoginLayout .languages .custom_selector .dropdown_content { padding: 0px; width: 105%; } .register .LoginLayout .languages .custom_selector .dropdown_content { position: relative; } .LoginLayout .languages .custom_selector .item { border-bottom: 1px solid #CBC8C0; color: #4d4d4d; cursor: pointer; display: block; padding: 8px 12px; white-space: nowrap; } .LoginLayout .languages .custom_selector .item.selected { background: #f0f0f0; } .LoginLayout .languages .custom_selector .item:hover { background: #fafafa; } .LoginLayout .languages .name .text { display: none; } .LoginLayout .languages .icon { background: url("../../images/sprites.png") no-repeat 40px -400px; display: inline-block; height: 11px; margin-right: 4px; vertical-align: middle; width: 16px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 1.3dppx), only screen and (min-resolution: 125dpi) { .LoginLayout .languages .icon { background-image: url("../../images/sprites2x.png"); background-size: 1440px 560px; } } html.rtl .LoginLayout .languages .icon { margin-left: 4px; margin-right: 0px; } .LoginLayout .languages .English .icon { background-position: 0px -480px; } .LoginLayout .languages .Arabic .icon { background-position: -80px -520px; } .LoginLayout .languages .Bulgarian .icon { background-position: -40px -480px; } .LoginLayout .languages .Chinese-Simplified .icon { background-position: -80px -480px; } .LoginLayout .languages .Chinese-Traditional .icon { background-position: -80px -480px; } .LoginLayout .languages .Czech .icon { background-position: -120px -480px; } .LoginLayout .languages .Danish .icon { background-position: -160px -480px; } .LoginLayout .languages .Dutch .icon { background-position: -640px -480px; } .LoginLayout .languages .Estonian .icon { background-position: -200px -480px; } .LoginLayout .languages .Finnish .icon { background-position: -240px -480px; } .LoginLayout .languages .French .icon { background-position: -280px -480px; } .LoginLayout .languages .German .icon { background-position: -320px -480px; } .LoginLayout .languages .Greek .icon { background-position: -360px -480px; } .LoginLayout .languages .Hebrew .icon { background-position: -440px -480px; } .LoginLayout .languages .Hungarian .icon { background-position: -400px -480px; } .LoginLayout .languages .Italian .icon { background-position: -480px -480px; } .LoginLayout .languages .Japanese .icon { background-position: -520px -480px; } .LoginLayout .languages .Korean .icon { background-position: -120px -520px; } .LoginLayout .languages .Latvian .icon { background-position: -560px -480px; } .LoginLayout .languages .Lithuanian .icon { background-position: -600px -480px; } .LoginLayout .languages .Norwegian .icon { background-position: -680px -480px; } .LoginLayout .languages .Persian .icon { background-position: -360px -520px; } .LoginLayout .languages .Polish .icon { background-position: -720px -480px; } .LoginLayout .languages .Portuguese-Brazil .icon { background-position: -760px -480px; } .LoginLayout .languages .Romanian .icon { background-position: 0px -520px; } .LoginLayout .languages .Russian .icon { background-position: -40px -520px; } .LoginLayout .languages .Spanish .icon { background-position: -160px -520px; } .LoginLayout .languages .Swedish .icon { background-position: -200px -520px; } .LoginLayout .languages .Thai .icon { background-position: -240px -520px; } .LoginLayout .languages .Turkish .icon { background-position: -280px -520px; } .LoginLayout .languages .Ukrainian .icon { background-position: -320px -520px; } .LoginLayout .languages .Serbian .icon { background-position: -400px -520px; } .LoginLayout .languages .Portuguese-Portuguese .icon { background-position: -800px -480px; } .LoginLayout .languages .Vietnamese .icon { background-position: -440px -520px; } .LoginLayout .languages .Slovenian .icon { background-position: -480px -520px; } .LoginLayout .languages .Slovak .icon { background-position: -520px -520px; } .LoginLayout .languages.demo { border: 1px solid #C7CCCF; border-radius: 4px; clear: both; left: auto; margin-left: -172px; margin-top: 20px; padding: 10px 14px; position: relative !important; right: auto; text-align: left; top: 20px; width: 590px; background: #9EE6D4; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #C1CDB8), color-stop(1, #9EE6D4)); background: -webkit-linear-gradient(bottom, #C1CDB8 0%, #9EE6D4 100%); background: -ms-linear-gradient(bottom, #C1CDB8, #9EE6D4); background: -moz-linear-gradient(center bottom, #C1CDB8 0%, #9EE6D4 100%); background: -o-linear-gradient(#9EE6D4, #C1CDB8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9EE6D4', endColorstr='#C1CDB8', GradientType=0); } html.rtl .LoginLayout .languages.demo { margin-left: 0; margin-right: -172px; text-align: right; } .LoginLayout .languages.demo .langs_heading { color: #464646; font-size: 12pt; margin-bottom: 10px; text-align: center; } .LoginLayout .languages.demo .item { color: #555555; display: inline-block; width: 24%; } .LoginLayout .languages.demo .item .item_content { border-radius: 3px; cursor: pointer; display: inline-block; padding: 3px 6px; white-space: nowrap; } .LoginLayout .languages.demo .item .item_content:hover { background-color: #67C0B7; color: #333333; } .LoginLayout .languages.demo .item .item_content .text { display: inline-block; vertical-align: middle; } .LoginLayout .languages.demo .item.selected .item_content { background: #2993A2; color: #fff; } .LoginLayout .buttons { background: none; border: 0px; margin: 20px 0 14px; padding: 0px; } .LoginLayout .buttons .button { display: block; font-size: 12pt; padding: 10px; width: 100%; } .LoginLayout .buttons .button:focus { border: 1px solid #eee; } .LoginLayout .row.login { position: relative; } .LoginLayout .domain-select { color: white; margin-left: 15px; font-size: 16pt!important; vertical-align: middle; height: 20px; display: inline-block; margin-top: -8px; } .LoginLayout .domain-select select.value.input { background: white; border: 1px solid #cac7c7 !important; border-radius: 4px; margin-top: -6px; padding: 10px 4px; } .MailNotesPlugin { /* Notes icon should be changed only for level 1 */ } .MailNotesPlugin .message_viewer .notes_container.panel_center { font-size: 16px; } .MailNotesPlugin .message_viewer .notes_container.panel_bottom { padding: 20px; } .MailNotesPlugin .message_viewer .notes_container.panel_bottom .buttons { margin: 0px; text-align: left; } html.rtl .MailNotesPlugin .message_viewer .notes_container.panel_bottom .buttons { text-align: right; } .MailNotesPlugin .message_viewer .notes_container.panel_bottom .buttons .button { margin-right: 6px; } .MailNotesPlugin .message_viewer .notes_container.panel_bottom .buttons .hint { color: #929292; } .MailNotesPlugin .message_viewer .notes_container .note_edit { width: 100%; height: 100%; border: none; outline: none; resize: none; padding: 20px; box-sizing: border-box; /* Firefox 19+ */ /* Firefox 18- */ } .MailNotesPlugin .message_viewer .notes_container .note_edit::-webkit-input-placeholder { color: #bbbbbb; } .MailNotesPlugin .message_viewer .notes_container .note_edit::-moz-placeholder { color: #bbbbbb; } .MailNotesPlugin .message_viewer .notes_container .note_edit:-moz-placeholder { color: #bbbbbb; } .MailNotesPlugin .message_viewer .notes_container .note_edit:-ms-input-placeholder { color: #bbbbbb; } .MailNotesPlugin .folders .item .icon.type10.Notes:before { content: "\e909" !important; } .MailNotesPlugin .folders .children .item .icon.type10.Notes:before { content: "\e66c" !important; } .popup.files.popup_save_to_files .panel.files .items_list .item.folder.readonly { opacity: 0.4; pointer-events: none; } .popup.files.popup_save_to_files .panel.files .items_list .item .file_shared_icon, .popup.files.popup_save_to_files .panel.files .items_list .item .file_published_icon { display: none; } .popup_schedule .simple_list { border: 0; border-bottom: 1px solid #d5d9dc; margin: 0; } .popup_schedule .simple_list .item { border: 0; } .popup_schedule .simple_list .item .title_right { float: right; margin-left: 20px; } .popup_schedule .row_select_datetime { color: #626262; text-align: center; } .popup_schedule .row_select_datetime_hint { margin: 15px 0; } .popup_schedule .input_date { width: 100%; margin: 0; } .popup_schedule .input_time { width: 100%; margin: 0; } .popup_schedule img { margin: 0px 5px -4px -21px; position: relative; z-index: 3000; } .appointment_scheduled .value_scheduled { margin-right: 10px; } .appointment_scheduled .value_scheduled:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .appointment_scheduled .value_scheduled:before { content: "\e921" !important; font-size: 20px; vertical-align: middle; } /* Scheduled icon should be changed only for level 1 */ .folders .item .icon.type10.Scheduled:before { content: "\e921" !important; } .folders .children .item .icon.type10.Scheduled:before { content: "\e66c" !important; } .signup-domain-list { margin-left: 15px; font-size: 16pt!important; vertical-align: middle; height: 20px; display: inline-block; margin-top: -8px; } .html_editor { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 100%; position: relative; display: flex; flex-direction: column; flex-wrap: nowrap; } .html_editor .disable_mask { background: #cccccc; cursor: default; height: 100%; opacity: 0.2; position: absolute; width: 100%; z-index: 100; left: 0; top: 0; } .html_editor .html_source_container { border: 0; height: 100%; width: 100%; background: white; } .html_editor .html_source_container .cm-editor { height: 100%; } .html_editor .workarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: none; height: 100%; width: 100%; } .html_editor .workarea .scroll-inner { background: #ffffff; } .html_editor .workarea .crea-content-editable { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; cursor: text; height: 100% !important; outline: 0px; padding: 20px 24px; width: 100% !important; word-wrap: break-word; } .inactive.html_editor .workarea .crea-content-editable { opacity: 0.2; } .html_editor .workarea .crea-content-editable a { cursor: text; } .html_editor .workarea .crea-content-editable p { margin: 0; } .html_editor .workarea .crea-content-editable img { cursor: pointer; } .html_editor .workarea li { margin-bottom: 0.6em; } .html_editor .uploader_mask { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: #fffdd6; color: #d3b910; font-size: 18pt; height: 100%; left: 0px; opacity: 0; padding: 11px; position: absolute; text-align: center; top: 0px; visibility: hidden; width: 100%; -webkit-transition: ease 250ms opacity 0s; -moz-transition: ease 250ms opacity 0s; -o-transition: ease 250ms opacity 0s; transition: ease 250ms opacity 0s; } .html_editor .uploader_mask .inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 3px dashed #e2da36; border-radius: 5px; height: 100%; } .html_editor .uploader_mask.active, .html_editor .uploader_mask.editorDragOver { opacity: 0.5; visibility: visible; } .html_editor .toolbar { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #fdfdfd; border: none; cursor: default; padding: 0px 4px; position: relative; } .html_editor .toolbar .content { padding: 0px; } .html_editor .toolbar .content .separator { border-left: 1px solid #dddddd; border-right: 1px solid #ffffff; display: inline-block; height: 32px; margin: 0px 4px; vertical-align: middle; } .inactive.html_editor .toolbar .content .separator, .inactive.html_editor .toolbar .content .separator:hover, .plaintext_mode.html_editor .toolbar .content .separator, .plaintext_mode.html_editor .toolbar .content .separator:hover, .edit_source_mode.html_editor .toolbar .content .separator, .edit_source_mode.html_editor .toolbar .content .separator:hover { opacity: 0.4; } .html_editor .toolbar .content .button { background: #dddddd; border: 1px solid #cccccc; border-radius: 3px; display: inline-block; cursor: pointer; font-size: 11pt; padding: 4px 6px; } .html_editor .toolbar .content .button:hover { background: #e3e3e3; } .html_editor .toolbar .content .item { background: none; border: 1px solid transparent; box-shadow: none; cursor: pointer; display: inline-block; height: 16px; line-height: 16px; margin: 4px 1px !important; outline: 0px; padding: 4px; vertical-align: middle; } .html_editor .toolbar .content .item .item:hover { background: #eeeeee; border: 1px solid #cccccc; box-shadow: 0px 0px 3px #eeeeee, inset 1px 1px 0px #ffffff; } .inactive.html_editor .toolbar .content .item, .inactive.html_editor .toolbar .content .item:hover { background: none; cursor: default; opacity: 0.2; pointer-events: none; } .plaintext_mode.html_editor .toolbar .content .item, .plaintext_mode.html_editor .toolbar .content .item:hover, .edit_source_mode.html_editor .toolbar .content .item, .edit_source_mode.html_editor .toolbar .content .item:hover { background: none; cursor: default; opacity: 0.2; pointer-events: none; } .html_editor .toolbar .content .item.select { padding: 0px 0px; } .html_editor .toolbar .content .item.select:hover { background: none; } .html_editor .toolbar .content .item.select .input { font-size: 10pt; margin-top: -2px; max-width: 200px; padding: 0px !important; width: auto; } .html_editor .toolbar .content .item .icon { width: 16px; height: 16px; font-size: 16px; line-height: 16px; } .html_editor .toolbar .content .item .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .html_editor .toolbar .content .item .icon:before { color: #595959; vertical-align: top; } .html_editor .toolbar .content .item.link .icon:before { content: '\e930'; } .html_editor .toolbar .content .item.unlink .icon:before { content: '\e930'; } .html_editor .toolbar .content .item.image .icon:before { content: '\e933'; } .html_editor .toolbar .content .item.slist .icon:before { content: '\e931'; } .html_editor .toolbar .content .item.uslist .icon:before { content: '\e932'; } .html_editor .toolbar .content .item.hline .icon:before { background-position: -640px -320px; width: 18px; } .html_editor .toolbar .content .item.bold .icon:before { content: '\e92b'; } .html_editor .toolbar .content .item.italic .icon:before { content: '\e92c'; } .html_editor .toolbar .content .item.underline .icon:before { content: '\e92d'; } .html_editor .toolbar .content .item.strike_through .icon:before { content: '\e92e'; } .html_editor .toolbar .content .item.aleft .icon { background-position: -320px -320px; } .html_editor .toolbar .content .item.acenter .icon { background-position: -360px -320px; } .html_editor .toolbar .content .item.aright .icon { background-position: -400px -320px; } .html_editor .toolbar .content .item.ajustify .icon { background-position: -440px -320px; } .html_editor .toolbar .content .item.color .icon:before { content: '\e92f'; } .html_editor .toolbar .content .item.clear .icon:before { content: '\e934'; } .html_editor .toolbar .content .item.undo .icon:before { content: '\e929'; } .html_editor .toolbar .content .item.redo .icon:before { content: '\e92a'; } .html_editor .toolbar .content .item.template .icon:before { content: '\e90e'; } .html_editor .toolbar .content .item.template .dropdown_content { padding: 0px; min-width: fit-content; } .html_editor .toolbar .content .item.template .dropdown_content .scroll-inner { width: max-content !important; } .html_editor .toolbar .content .item.template .dropdown_content .scroll-inner div { border-top: 1px solid #cbc8c0; padding: 10px; } .html_editor .toolbar .content .item.template .dropdown_content .scroll-inner div:hover { background: #e0e0e0; } .edit_source_mode.html_editor .toolbar .content .item.source_code { pointer-events: all; opacity: 1; cursor: pointer; } .html_editor .toolbar .content .item.source_code .icon:before { content: '\e935'; } .html_editor .toolbar .content .item.source_code.show_preview .icon:before { content: '\e936'; } .html_editor .toolbar .content .dropdown { color: #000000; bottom: -4px; } .inactive.html_editor .toolbar .content .dropdown { left: -10000px; } .html_editor .toolbar .content .dropdown.color { white-space: nowrap; } .html_editor .toolbar .content .dropdown .dropdown_content { background: #eeeeee; border: 1px solid #cccccc; border-top: 1px solid #fafafa; border-radius: 0px 0px 3px 3px; padding: 4px; } .html_editor .toolbar .content .dropdown .dropdown_content .input { font-size: 11pt; margin: 0px; padding: 3px 5px 2px; vertical-align: top; width: auto; } .html_editor .toolbar .content .color_table { display: inline-block; margin-right: 6px; vertical-align: bottom; } .html_editor .toolbar .content .color_table:last-child { margin-right: 0px; } .html_editor .toolbar .content .color_table .title { display: inline-block; margin: 2px 0px 4px; padding: 0px; } .html_editor .toolbar .content .color_table .row { display: block; font-size: 0px; margin: 0px !important; white-space: nowrap; } .html_editor .toolbar .content .color_table .color-item { cursor: pointer; display: inline-block; height: 16px; margin: 2px; vertical-align: bottom; width: 16px; } .html_editor .toolbar .content .color_table .color-item:hover { box-shadow: 0px 0px 2px #aaaaaa; height: 18px; margin: 1px; width: 18px; } .folders .folder-level1 .title { padding-left: 16px !important; } html.rtl .folders .folder-level1 .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .folder-level2 .title { padding-left: 32px !important; } html.rtl .folders .folder-level2 .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .folder-level3 .title { padding-left: 48px !important; } html.rtl .folders .folder-level3 .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .folder-level4 .title { padding-left: 64px !important; } html.rtl .folders .folder-level4 .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .folder-level5 .title { padding-left: 80px !important; } html.rtl .folders .folder-level5 .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .folder-level6 .title { padding-left: 96px !important; } html.rtl .folders .folder-level6 .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .folder-level7 .title { padding-left: 112px !important; } html.rtl .folders .folder-level7 .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .folder-level8 .title { padding-left: 128px !important; } html.rtl .folders .folder-level8 .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .folder-level9 .title { padding-left: 144px !important; } html.rtl .folders .folder-level9 .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .folder-level10 .title { padding-left: 160px !important; } html.rtl .folders .folder-level10 .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .folder-level11 .title { padding-left: 176px !important; } html.rtl .folders .folder-level11 .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .folder-level12 .title { padding-left: 192px !important; } html.rtl .folders .folder-level12 .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .folder-level13 .title { padding-left: 208px !important; } html.rtl .folders .folder-level13 .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .folder-level14 .title { padding-left: 224px !important; } html.rtl .folders .folder-level14 .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .folder-level15 .title { padding-left: 240px !important; } html.rtl .folders .folder-level15 .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .folder-level16 .title { padding-left: 256px !important; } html.rtl .folders .folder-level16 .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .folder-level17 .title { padding-left: 272px !important; } html.rtl .folders .folder-level17 .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .folder-level18 .title { padding-left: 288px !important; } html.rtl .folders .folder-level18 .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .folder-level19 .title { padding-left: 304px !important; } html.rtl .folders .folder-level19 .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .ui-droppable-disabled { opacity: 1 !important; } .folders .title .icon.type11:before { content: "\e920"; } .folders .title .icon.type1:before { content: "\e616"; } .folders .title .icon.type2:before { content: "\e615"; } .folders .title .icon.type3:before { content: "\e617"; } .folders .title .icon.type4:before { content: "\e614"; } .folders .title .icon.type5:before { content: "\e612"; } .folders .item .icon.type10:before { content: "\e66c"; } .folders .title .icon.type7:before, .folders .selected .title .icon.type7:before { content: "\e613"; margin-top: -0.1ex; } .folders .item:not(.virtualEmpty) .title .icon.type7 { text-shadow: none; color: #ffb736 !important; } .folders .virtualEmpty.selected .title .icon.type7 { color: #ffffff; } .buttons.big_single_button .button.add_new_folder { margin-top: 8px; } .panel.folders_panel { width: 15%; } .panel.folders_panel .panel_bottom { background: none; border: 0px; border-radius: 0px; height: 30px; padding: 0px; } .panel.folders_panel .quota_visible .panel_bottom { height: 42px; } .panel.folders_panel .quota_visible.quota_has_text_below .panel_bottom { height: 60px; } .panel.folders_panel .manage_folders { font-size: 8pt; line-height: 16px; text-align: center; } .SettingsLayout .items_list .item .unified_marker { border-radius: 10px; background: #959595; display: inline-block; color: white; font-size: 8pt; font-weight: normal; padding: 1px 6px; } .messages_panel .items_list .item .flag { color: #000000; cursor: pointer; display: inline-block; height: 16px; margin-top: 5px; position: relative; text-align: center; vertical-align: bottom; width: 16px; } .messages_panel .items_list .item .flag:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .messages_panel .items_list .item .flag:after { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .messages_panel .items_list .item .flag:before { content: "\e652"; display: block; font-size: 20px; margin-left: -2px; } .messages_panel .items_list .item .flag:after { color: #ffb736; content: "\e61f"; display: block; font-size: 24px; height: 100%; margin: -22px 0 0 -4px; opacity: 0; visibility: hidden; width: 100%; -webkit-transform-origin: 13px 13px; -moz-transform-origin: 13px 13px; -ms-transform-origin: 13px 13px; -o-transform-origin: 13px 13px; transform-origin: 13px 13px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transition: -webkit-transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, opacity 100ms linear 100ms, visibility 0ms linear 300ms; -moz-transition: -moz-transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, opacity 100ms linear 100ms, visibility 0ms linear 300ms; -o-transition: -o-transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, opacity 100ms linear 100ms, visibility 0ms linear 300ms; transition: transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, opacity 100ms linear 100ms, visibility 0ms linear 300ms; } .messages_panel .items_list .item.checked .flag:not(.partial):before { color: #000000; } .messages_panel .items_list .item.selected .flag:not(.partial):before { color: #1f4270; } .messages_panel .items_list .use_threads .item .partial { color: #ffb736; } .messages_panel .items_list .item .flagged:after { opacity: 1; visibility: visible; -webkit-transition: -webkit-transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, visibility 0ms linear 0s; -moz-transition: -moz-transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, visibility 0ms linear 0s; -o-transition: -o-transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, visibility 0ms linear 0s; transition: transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, visibility 0ms linear 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .messages_panel .items_list .item .controls .separator, .messages_panel .items_list .item .data .separator { display: block; } .messages_panel .items_list .item .unified_marker, .messages_panel .items_list .item .search_folder_marker { display: none; } .messages_panel .items_list .item .custom_marker, .unified_messages_panel.messages_panel .items_list .item .unified_marker, .search_multi_folders.messages_panel .items_list .item .search_folder_marker { background: #959595; border-radius: 10px; color: white; display: block; float: right; font-size: 8pt; font-weight: normal; margin-top: 1px; padding: 0px 6px 1px; } .search_multi_folders.messages_panel .items_list .item .search_folder_marker { background: inherit; color: #a1a3ab; border: solid 1px #a1a3ab; padding: 0px 6px; margin-left: 4px; } .search_multi_folders.messages_panel .items_list .item.selected .search_folder_marker { color: #fff; border: solid 1px #fff; } .messages_panel .items_list .item .size { display: none; text-align: right; width: 40px; } .messages_panel .items_list .item .subject, .messages_panel .items_list .item .from { display: block; overflow: hidden; } .messages_panel .items_list .item .subject { color: #6d6d6d; font-size: 13pt; line-height: 130%; } .messages_panel .items_list .item.selected .subject { color: #ffffff; } .messages_panel .items_list .item.nosubject .subject { color: #888888; opacity: 0.3; filter: alpha(opacity=30); } .messages_panel .items_list .item.selected.nosubject .subject { color: #ffffff; } .messages_panel .items_list .item .from { font-size: 10.5pt; margin-bottom: 10px; min-height: 16px; } .messages_panel .items_list .item .text { color: #b6b6b6; display: block; white-space: normal; } .messages_panel .items_list .item.selected .text { color: #b4d4f0; } .messages_panel .items_list .item > .separator { clear: both; } .messages_panel .items_list .item .marker { background: url('../../images/sprites.png') no-repeat 0px -200px; display: none; height: 20px; position: absolute; right: 0px; top: 0px; width: 20px; } .messages_panel .items_list .item.answered .marker { background-position: 0px -200px; display: inline-block; } .messages_panel .items_list .item.forwarded .marker { background-position: -40px -200px; display: inline-block; } .messages_panel .items_list .item.answered.forwarded .marker { background-position: -80px -200px; display: inline-block; } .messages_panel .items_list .item .importance { border: 1px solid; border-radius: 50%; display: inline-block; height: 14px; line-height: 1; margin-top: -3px; text-align: center; vertical-align: middle; width: 14px; } .messages_panel .items_list .item .importance:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .messages_panel .items_list .item .importance:before { content: "\e620"; display: inline-block; font-size: 13px; vertical-align: top; width: 7px; } .messages_panel .items_list .item.selected .importance { color: #ffffff; border-color: #ffffff; } .messages_panel .items_list .item .attachments { display: inline-block; height: 20px; vertical-align: bottom; width: 20px; } .messages_panel .items_list .item .attachments.has_attachments:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .messages_panel .items_list .item .attachments.has_attachments:before { opacity: 0.7; filter: alpha(opacity=70); content: "\e622"; font-size: 20px; } .messages_panel .items_list .item .attachments.has_vcard_attachment:before { content: "\e621"; } .messages_panel .items_list .item .attachments.has_ical_attachment:before { content: "\e623"; } .messages_panel .items_list .item.selected .attachments.has_attachments:before { color: #ffffff; } .messages_panel .items_list .item.checked .thread-pin { background: #033F49; } .messages_panel .items_list .item.checked .thread-pin:hover { background-color: #022a31; } .messages_panel .items_list .item .thread-pin { background: transparent; border: 1px solid #ffffff; border-radius: 9px; color: #ffffff; cursor: pointer; float: right; font-weight: bold; line-height: 100%; margin: -4px 0px 0px 6px; padding: 4px 8px 3px; } html.rtl .messages_panel .items_list .item .thread-pin { float: left; } .messages_panel .items_list .item .thread-pin.loading { background-color: #abaaa3; cursor: default; } .messages_panel .items_list .item .thread-pin:hover { -webkit-transition: background-color 200ms ease; -moz-transition: background-color 200ms ease; -o-transition: background-color 200ms ease; transition: background-color 200ms ease; background-color: #1056b5; } .messages_panel .items_list .item .thread-pin.unread { background-color: #1261cc; border: 1px solid #1261cc; color: #ffffff; } .messages_panel .items_list .item .thread-pin.unread:hover { background-color: #1056b5; } .messages_panel .items_list .item.selected .thread-pin { background: #2159A1; border: 1px solid #ffffff; color: #ffffff; } .messages_panel .items_list .item.selected .thread-pin:hover { background-color: rgba(0, 0, 0, 0); } .messages_panel .items_list .item.selected .thread-pin.unread { background-color: #1261cc; border: 1px solid #1261cc; color: #ffffff; } .messages_panel .items_list .item.selected .thread-pin.unread:hover { background-color: #1056b5; } .messages_panel .items_list .item .from { margin-bottom: 6px !important; } .messages_panel .items_list .item .thread-pin { margin-top: 2px !important; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 1.3dppx), only screen and (min-resolution: 125dpi) { .file .icon, .messages_panel .items_list .item .marker, .panel.files .items_list .folder .icon, .html_editor .toolbar .item .icon { background-image: url("../../images/sprites2x.png"); background-size: 1440px 560px; } } .messages_panel .items_list .not_use_threads .item .thread_loading, .messages_panel .items_list .not_use_threads .item.thread_more_messages, .messages_panel .items_list .not_use_threads .item .thread-pin { display: none; } .message_viewer .panel_top, .message_viewer .panel_bottom { padding: 0px; } .message_viewer .panel_center { overflow: auto; } .newtab .message_viewer { height: 100%; width: 100%; } .message_viewer .panel_content { margin: 0px !important; padding: 0px !important; } .message_viewer .message_body { font-size: 11pt; padding: 20px; } .message_viewer .message_body li { margin-bottom: 0.6em; } .message_viewer .message_body_info { color: #cccccc; font: normal 18px Tahoma; margin: 30px; text-align: center; } .message_viewer .message_body_info .message_body_secondary_info { font-size: 14px; margin-top: 10px; } .message_viewer .message_header { background: #13121C; color: #4d4d4d; padding-bottom: 6px; position: relative; white-space: normal; } .message_viewer .message_header .nosubject .subject { color: #888888; opacity: 0.3; filter: alpha(opacity=30); } .message_viewer .message_header .resizer { height: 85px; } .message_viewer .message_header .resizer.large { height: 130px; } .message_viewer .message_header .header_row { clear: both; } .message_viewer .message_header .header_row:last-child { margin-top: 12px; } .message_viewer .message_header .toolbar { background: none; border: 0px; filter: none; float: right; margin-bottom: 0px; max-width: 100%; overflow: visible; padding: 0px; position: relative; top: -4px; width: auto; z-index: 1; } html.rtl .message_viewer .message_header .toolbar { float: left; } .message_viewer .message_header .toolbar .content { padding: 0px; } .message_viewer .message_header .toolbar .content > .item { background: none !important; border: 0px; box-shadow: none !important; margin-right: 16px; padding: 0px; } .message_viewer .message_header .toolbar .content > .item:last-child { margin-right: 0px; } .message_viewer .message_header .toolbar .content > .item .icon.arrow:before { font-size: 20px; } .message_viewer .message_header .toolbar .content > .item .dropdown .item .icon { margin-right: 5px; } .message_viewer .message_header .header_content { padding: 18px 18px 8px; } .message_viewer .message_header .message_info { font-size: 10pt; padding-top: 1px; /* fix nested element negative margin */ position: relative; } html.rtl .message_viewer .message_header .message_info { margin-right: 14px; } .message_viewer .message_header .message_info .message_info_line { margin: 0; overflow: hidden; position: relative; top: -4px; white-space: nowrap; } .message_viewer .message_header .message_info .message_info_line .to_arrow { display: inline-block; height: 1em; line-height: 1; margin: 0 0 4px; vertical-align: middle; } .message_viewer .message_header .message_info.message_detail_info .message_info_line:last-child { margin-top: 8px; } .message_viewer .message_header .message_info.message_detail_info .message_info_line { max-height: 72px; overflow-y: auto !important; white-space: normal; } .message_viewer .message_header .details_show, .message_viewer .message_header .details_hide { color: #727272; display: inline-block; float: left; height: 16px; overflow: hidden; position: absolute; vertical-align: bottom; width: 16px; } html.rtl .message_viewer .message_header .details_show, html.rtl .message_viewer .message_header .details_hide { margin-left: 6px; margin-right: 0px; } .message_viewer .message_header .details_show:before, .message_viewer .message_header .details_hide:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .message_viewer .message_header .details_show:before, .message_viewer .message_header .details_hide:before { content: "\e66d"; display: inline-block; font-size: 18px; } .message_viewer .message_header .details_hide:before { content: "\e66e"; } .message_viewer .message_header .title { color: #777777; } .message_viewer .message_header .subject { color: #4d4d4d; display: inline-block; font-size: 18pt; font-weight: normal; margin: 0px; padding: 0px; } .message_viewer .message_header .icon { margin: 0px; padding: 0px; } .message_viewer .message_header .icon .attachments { background: url("../../images/sprites.png") no-repeat -120px -120px; cursor: pointer; display: inline-block; float: left; height: 16px; margin-right: 8px; width: 16px; } html.rtl .message_viewer .message_header .icon .attachments { float: right; margin-left: 8px; margin-right: 0px; } .message_viewer .message_header .date { float: right; font-size: 8.5pt; margin-top: 6px; } html.rtl .message_viewer .message_header .date { float: left; } .message_viewer .message_header .from { font-weight: bold; } html.rtl .message_viewer .message_header .from { padding-right: 7px; } .message_viewer .notice { background: #ffffc5; border-bottom: 1px solid #eae7ca; color: #b5ad94; font-size: 8pt; padding: 4px 6px; } .message_viewer .notice .item { display: block; } .message_viewer .notice .link { color: #00A3A3; } .message_viewer .message { height: 100%; } .message_viewer .message .message_content { height: 100%; overflow: auto; white-space: normal; } .message_viewer .message .message_content .bodyparts_separator { background-color: #e2e2e2; display: none; height: 1px; margin: 0px 20px; } .message_viewer .message.has_bodytext.has_attachments .bodyparts_separator { display: block; } .message_viewer .appointment { background: #05697a; border-bottom: none; padding: 15px; } .message_viewer .appointment .row:last-child { margin: 0; } .message_viewer .appointment .row.row_info { margin: 0px 0px 12px; } .message_viewer .appointment .row.row_info > * { font-size: 11pt; color: #515151; } .message_viewer .appointment .row.fluid { padding-left: 100px; } .message_viewer .appointment .label { vertical-align: top; width: 100px; } .message_viewer .appointment .row.fluid .label { margin-left: -100px; } .message_viewer .appointment .value { display: inline-block; -ms-word-break: break-all; word-wrap: break-word; } .message_viewer .appointment .row.fluid .value { width: 99%; } .message_viewer .appointment .event_state { color: #929292; padding-left: 5px; } .message_viewer .appointment .buttons { display: inline-block; margin: 0 0 8px 0; } .message_viewer .appointment .buttons .button { margin-right: 5px; } .message_viewer .appointment .buttons.animation .button { -webkit-transition: opacity 200ms ease, background 200ms ease, color 200ms ease; -moz-transition: opacity 200ms ease, background 200ms ease, color 200ms ease; -o-transition: opacity 200ms ease, background 200ms ease, color 200ms ease; transition: opacity 200ms ease, background 200ms ease, color 200ms ease; } .message_viewer .appointment .buttons.touched .button { opacity: 0.4; } .message_viewer .appointment .buttons.touched .button:hover, .message_viewer .appointment .buttons.touched .button.selected_button { opacity: 1; } .message_viewer .panels.has_attachments { padding-right: 170px; } .message_viewer .panels.has_attachments .message_panel { border-right: 1px solid #e2e2e2; } .message_viewer .message_panel { border-radius: 0px; box-shadow: none; width: 100%; } .message_viewer .attachments_panel { box-shadow: none; float: right; margin-right: -170px; width: 170px; } .panel.thread_viewer .panel_top .expand .owner.found, .message_viewer .message_header .expand .from.found { background: #ffffff; border-radius: 4px 4px 0px 0px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); display: inline-block; margin: -3px -7px 0px 0px; padding: 3px 7px 0px; position: relative; z-index: 1001; } .item_viewer .add_contact { color: #00A3A3; cursor: pointer; display: inline-block; height: auto; margin: 0; padding: 0; vertical-align: bottom; width: auto; } .item_viewer .add_contact:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .item_viewer .add_contact:before { content: "\e641"; display: inline-block; font-size: 15px; height: auto; margin: 0; vertical-align: bottom; width: auto; } .MailComposeLayout .panels, .compose_popup .panels { background: #ffffff; height: 100% !important; } .MailComposeLayout .panels .panel, .compose_popup .panels .panel { flex-grow: 1 !important; } .panel.compose { background: #f9f9f9; box-shadow: -1px 0 4px rgba(0, 0, 0, 0.23); display: inline-block; overflow: hidden; width: 100%; } .panel.compose .message_panel { box-shadow: 3px 0 2px #f1f1f1; width: 80%; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .panel.compose .message_panel .panel_top { border: 0px; margin-bottom: 6px; padding: 6px 11px 0px; position: relative; } .panel.compose .message_panel .panel_center { overflow: hidden; } .panel.compose .message_panel .panel_bottom { background: none; border: 0px; border-radius: 0px; height: auto; overflow: hidden; padding: 8px 12px 0 12px; white-space: nowrap; word-wrap: normal; } .panel.compose .message_panel .panel_bottom .hint { display: inline-block; overflow: hidden; padding: 0; white-space: nowrap; } .panel.compose .message_panel .panel_bottom .hotkey_value { color: #5a6373; margin: 0 4px 0 0; text-shadow: 0 1px 0 #ffffff; } .panel.compose .message_panel .panel_bottom .hotkey_action { color: #222222; margin: 0 12px 0 0; text-shadow: 0 1px 0 #dddddd; } .panel.compose .message_panel .panel_bottom .more_hints { cursor: pointer; display: inline-block; vertical-align: top; } .panel.compose .message_panel .panel_bottom .more_hints .icon { font-size: 16pt; cursor: pointer; overflow: hidden; } .panel.compose .message_panel .panel_bottom .more_hints .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panel.compose .message_panel .panel_bottom .more_hints .icon:before { content: "\e651"; } .panel.compose .message_panel .panel_bottom .more_hints .dropdown .item { cursor: auto !important; } .panel.compose .message_panel .panel_bottom .more_hints .dropdown .item:hover { background: none; } .panel.compose .attachments_panel { background: #fafafa; border-radius: 0px; box-shadow: none; overflow: hidden; position: relative; width: 20%; } .panel.compose .attachments_panel .middle_bar .panel_top { border: none; line-height: 180%; padding: 35px 10px 6px; text-align: center; } .panel.compose .attachments_panel .middle_bar .panel_top .uploader_button { color: #aaaaaa; cursor: pointer; display: inline; margin-right: 21px; vertical-align: middle; } .panel.compose .attachments_panel .middle_bar .panel_top .uploader_button:hover { color: #888888; } .panel.compose .attachments_panel .middle_bar .panel_top .uploader_button .icon { display: inline-block; font-size: 28px; height: 24px; vertical-align: middle; width: 24px; } .panel.compose .attachments_panel .middle_bar .panel_top .uploader_button .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panel.compose .attachments_panel .middle_bar .panel_top .uploader_button.google .icon:before { content: "\e654"; } .panel.compose .attachments_panel .middle_bar .panel_top .uploader_button.dropbox .icon:before { content: "\e655"; } .panel.compose .attachments_panel .middle_bar .panel_top .uploader_button.files .icon:before { content: "\e656"; } .panel.compose .attachments_panel .middle_bar .panel_top .uploader_button.desktop .icon:before { content: "\e622"; } .panel.compose .attachments_panel .middle_bar .panel_top .uploader_button .text { display: none; } .panel.compose .attachments_panel .middle_bar .panel_center { background-color: inherit; } .panel.compose .html_editor { padding: 0px 11px 21px 11px; color: black; /* For Dark themes */ } .panel.compose .html_editor .disable_mask { height: calc(100% - 22px); width: calc(100% - 22px); } .panel.compose .html_editor .plaintext_switcher { bottom: 0; position: absolute; margin: 6px; right: 0; outline: none; } .panel.compose .html_editor .plaintext { height: 100%; } .panel.compose .html_editor .plaintext textarea { background: white; /* For Dark themes */ color: black !important; /* For Dark themes */ border: 0; height: 98%; outline: none; padding: 1%; resize: none; width: 98%; } .panel.compose .input.inputosaurus { position: relative; } .panel.compose .panel_content > .toolbar { background: #f7f7f7; filter: none; } .panel.compose .panel_content > .toolbar .content > .item, .panel.compose .panel_content > .toolbar .content > .item:hover { background: none; border: none; } .panel.compose .panel_content > .toolbar .text { display: inline-block; } .panel.compose .panel_content > .toolbar .back .text { display: none; } .panel.compose .panel_content > .toolbar .icon { display: none; } .panel.compose .panel_content > .toolbar .back .icon, .panel.compose .panel_content > .toolbar .new_window .icon, .panel.compose .panel_content > .toolbar .save_and_close .icon, .panel.compose .panel_content > .toolbar .minimize .icon, .panel.compose .panel_content > .toolbar .maximize .icon, .panel.compose .panel_content > .toolbar .confirmation .icon, .panel.compose .panel_content > .toolbar .pgp .icon { display: inline-block; color: rgba(0, 0, 0, 0.5); } .panel.compose .panel_content > .toolbar .new_window, .panel.compose .panel_content > .toolbar .minimize, .panel.compose .panel_content > .toolbar .maximize, .panel.compose .panel_content > .toolbar .save_and_close { background: transparent; border: 0px; box-shadow: none; float: right; } html.rtl .panel.compose .panel_content > .toolbar .new_window, html.rtl .panel.compose .panel_content > .toolbar .minimize, html.rtl .panel.compose .panel_content > .toolbar .maximize, html.rtl .panel.compose .panel_content > .toolbar .save_and_close { float: left; } .panel.compose .notice { background: #ffffc5; border-bottom: 1px solid #f5edd4; color: #b5ad94; padding: 8px 25px; margin: -6px -10px 0; } .panel.compose .notice.notice-auto-encrypt { background: inherit; border-color: #e2e2e2; color: inherit; font-size: 16px; } .panel.compose .notice.notice-auto-encrypt .custom_checkbox { margin: 0; vertical-align: unset; } .panel.compose .notice.notice-auto-encrypt .notice-auto-encrypt-info { font-size: 14px; padding-top: 9px; } .panel.compose .notice.notice-auto-encrypt .notice-auto-encrypt-icon { float: left; font-size: 35px; margin-left: -23px; } .panel.compose .notice.notice-auto-encrypt .notice-auto-encrypt-icon:after { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panel.compose .notice.notice-auto-encrypt .notice-auto-encrypt-icon:after { content: "\e658"; vertical-align: middle; text-shadow: 0 0 1px grey; } .panel.compose .address_capsule_key_encrypt, .panel.compose .address_capsule_key_not_encrypt, .panel.compose .address_capsule_key_sign { display: none; } .panel.compose .address_capsule_key_unset { display: unset; } .panel.compose.compose-auto-encrypt .address_capsule_key_encrypt, .panel.compose.compose-auto-encrypt .address_capsule_key_not_encrypt, .panel.compose.compose-auto-encrypt .address_capsule_key_sign { display: unset; } .panel.compose.compose-auto-encrypt .address_capsule_key_unset { display: none; } .panel.compose.compose-auto-encrypt .notice-auto-encrypt { background: #96c671; border-color: #82b35d; color: white; } .panel.compose table.fields { width: 100%; } .panel.compose table.fields > tbody > tr { border-bottom: 1px solid #e2e2e2; } .panel.compose table.fields table { width: 100%; } .panel.compose table.fields td { padding: 0px 0px 10px; } .panel.compose table.fields td td { padding: 0px; } .panel.compose table.fields .label { color: #bababa; font-size: 13pt; padding: 4px 10px 4px 0px; text-align: right; width: 90px; } html.rtl .panel.compose table.fields .label { text-align: left; } .panel.compose table.fields .value { padding: 4px 0px; } .panel.compose table.fields .value .not_editable { font-size: 13pt; padding: 10px; } .panel.compose table.fields .input { border: none; box-shadow: none; min-width: 100%; padding: 8px 10px; } .panel.compose table.fields .input, .panel.compose table.fields .inputosaurus input { color: #444444; font-size: 13pt; } .panel.compose table.fields textarea.input { width: 100%; height: 300px; } .panel.compose table.fields .link { text-decoration: underline; cursor: pointer; } .panel.compose table.fields .link:hover { color: #2b5877; text-decoration: none; } .panel.compose table.fields .auto-encrypt-sign-message, .panel.compose table.fields .from, .panel.compose table.fields .to, .panel.compose table.fields .cc, .panel.compose table.fields .bcc, .panel.compose table.fields .subject { font-size: 11pt; } .panel.compose table.fields .to .link { color: #00A3A3; display: inline-block; font-size: 11pt; } .panel.compose table.fields .to .link:hover { color: #007070; } .panel.compose table.fields .show_bcc, .panel.compose table.fields .show_cc { margin-left: 10px; } .panel.compose table.fields .cc .inputosaurus, .panel.compose table.fields .bcc .inputosaurus, .panel.compose table.fields .to .inputosaurus { padding: 0px; } .panel.compose table.fields .cc .inputosaurus .scroll-inner, .panel.compose table.fields .bcc .inputosaurus .scroll-inner, .panel.compose table.fields .to .inputosaurus .scroll-inner { max-height: 100px; } .panel.compose table.fields .auto-encrypt-sign-message .custom_checkbox { vertical-align: unset; } .panel.compose .attachments { z-index: 1; } .panel.compose .attachments .uploader_mask { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 250ms ease 0s; -moz-transition: opacity 250ms ease 0s; -o-transition: opacity 250ms ease 0s; transition: opacity 250ms ease 0s; background: #fffdd6; color: #d3b910; font-size: 18pt; height: 100%; left: 0px; opacity: 0; padding: 11px; position: absolute; text-align: center; top: 0px; visibility: hidden; width: 100%; } .panel.compose .attachments .uploader_mask.active { visibility: visible; opacity: 0.5; filter: alpha(opacity=50); } .panel.compose .attachments .uploader_mask .inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 3px dashed #e2da36; border-radius: 5px; height: 100%; } .panel.compose .attachments .items_list { height: 100%; } .panel.compose .attachments .items_list .list_notification { padding-top: 24px; } .panel.compose .attachments .attachments_container { padding: 20px; } .panel.compose .attachments .notice { margin: -34px -9px 11px; padding: 8px 11px; white-space: normal; } .compose_popup { z-index: 1000; } .compose_popup:not(.minimized) { position: absolute; } .compose_popup.minimized { bottom: 0; height: auto; left: auto; right: 0; top: auto; width: auto; background: #00A3A3; } .compose_popup.minimized .toolbar { background: none; border: 0px; border-radius: 4px; cursor: pointer; margin: 5px; } .compose_popup.minimized .toolbar .item.minimized_title { max-width: 350px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .compose_popup.minimized .toolbar .item.minimized_title, .compose_popup.minimized .toolbar .item.minimized_title:hover, .compose_popup.minimized .toolbar .item.maximize, .compose_popup.minimized .toolbar .item.save_and_close { background: transparent; border: none; box-shadow: none; float: none; } .compose_popup.minimized .toolbar .item.minimized_title .text, .compose_popup.minimized .toolbar .item.minimized_title:hover .text, .compose_popup.minimized .toolbar .item.maximize .text, .compose_popup.minimized .toolbar .item.save_and_close .text { display: inline; color: #fff; } .compose_popup.minimized .toolbar .item.minimized_title .icon, .compose_popup.minimized .toolbar .item.minimized_title:hover .icon, .compose_popup.minimized .toolbar .item.maximize .icon, .compose_popup.minimized .toolbar .item.save_and_close .icon { color: #fff; } .compose_popup.minimized .toolbar .item.minimized_title:hover { background: transparent !important; border: none !important; box-shadow: none !important; } .compose_popup .popup_panel { height: 90%; max-width: 90%; padding: 0; width: 90%; } blockquote { /*while editing see also print message*/ border-left: solid 2px #000000; margin: 4px 2px; padding-left: 6px; } .blockquote_before_toggle { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .blockquote_before_toggle.collapsed .blockquote_content { height: 100%; overflow: hidden; } .blockquote_before_toggle.collapsed::before { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff',GradientType=0); content: ""; display: block; bottom: 0; height: 100%; margin-left: -8px; padding: 0px 4px; position: absolute; width: 100%; } .blockquote_toggle { background-color: #f8f8f8; border: 1px solid #cccccc; border-radius: 4px 4px 4px 4px; color: grey; cursor: pointer; display: inline-block; font: 12px/120% Arial, sans-serif; padding: 2px 6px; } .add_account .popup_panel, .add_fetcher .popup_panel, .add_folder .popup_panel, .folders_setup .popup_panel { background: #f1f1f1 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACtJREFUeNo0iIEJACAAwlT8/1GPMAsaKGNMYpskAOPRdq9tWbrifpaOAAMAMvEO3ANCJPYAAAAASUVORK5CYII=") repeat 0 0; } .add_fetcher .row.hint { margin-bottom: 16px; } .panels.settings .tabs_container .fieldset.fieldset_external_access_servers { border-color: #d8d7d7; margin: 0; padding: 0 20px; } .settings .folders .controls .button.edit-folder:before { content: "\e62d"; } .items_list.simple_list .item.fetcher .icon { display: inline-block; font-size: 20px; height: 18px; vertical-align: bottom; width: 18px; } .items_list.simple_list .item.fetcher .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .items_list.simple_list .item.fetcher .icon.fetcher:before { content: "\e65b"; } .items_list.simple_list .item.fetcher .icon.default-identity { font-family: monospace; font-size: 19px; height: 17px; margin-left: 10px; } .items_list.simple_list .item.fetcher .label { color: #929292; } .items_list.simple_list .item.fetcher .title { font-weight: bold; } .items_list.simple_list .item.fetcher .info { float: right; } .items_list.simple_list .item .link.fetcher { float: right; font-weight: normal; margin-left: 12px; } .items_list.simple_list .icon_oauth { border-radius: 20px; max-height: 36px; vertical-align: middle; } .items_list.simple_list .title_oauth { font-size: 10pt; font-weight: bold; line-height: 36px; margin-left: 6px; vertical-align: middle; } .AdminPanelLayout .items_list.simple_list { margin: 0px 20px 30px; } .AdminPanelLayout .items_list.simple_list .item .title { mask: none; -webkit-mask: none; -o-mask: none; -ms-mask: none; } .buttons { margin-left: 7px; } .buttons .add_account_button { background: #00A3A3; border: 1px solid #007070; color: #ffffff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3); } .buttons .add_account_button:hover { background: #00898a; } .buttons .add_account_button.disabled { color: #80d1d1; } .buttons .add_account_button.disabled:hover { background: #00A3A3; } .buttons .contour_button { color: #00A3A3; } .buttons .contour_button, .buttons .contour_button:hover { background: white !important; text-shadow: none !important; } .toolbar .buttons { margin: 0; padding: 0; } .toolbar .buttons .button { padding: 5px 20px 4px; text-shadow: none; } .compose .buttons.group .item, .compose .buttons.group .item:hover { background: none; border: 0px; } .buttons .item.buttons_send_arrow { padding-left: 0 !important; margin-left: -11px !important; } .buttons .item.buttons_send_arrow .button { height: 100%; padding: 0 7px; vertical-align: middle; } .buttons .item.buttons_send_arrow .arrow { margin-top: 7px; font-family: 'afterlogic'; } .table-compressor { bottom: 0; color: #cccccc; cursor: pointer; height: 16px; left: 0%; margin-bottom: -8px; overflow: hidden; position: absolute; text-align: center; width: 100%; z-index: 2; } .table-compressor:hover { color: #999999; } .table-compressor.compressed .arrow { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .table-compressor .arrow { position: absolute; top: -2px; -webkit-transition: transform 0.4s; -moz-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; } .table-compressor .arrow:after { background: white; content: "\e66e"; font-family: 'afterlogic'; font-size: 18px; line-height: 15px; position: relative; display: inline-block; border-radius: 4px; } .layout-horiz-split.csstransitions .quick_reply { margin: 0 10px; } .layout-horiz-split.csstransitions .quick_reply .buttons { margin: 0; } .layout-horiz-split.csstransitions .quick_reply.active .buttons { margin: 10px 0; } .layout-horiz-split .quick_reply .row { margin: 0; } .layout-horiz-split .message_viewer { border-top-left-radius: 0; border-top-right-radius: 0; } .layout-horiz-split .message_viewer .panel_content { border-top: 1px solid #f1f1f1; } .layout-horiz-split .message_viewer .notice .item { display: inline-block; } .layout-horiz-split .message_viewer .message_header .header_content { padding: 8px 12px 4px; } .layout-horiz-split .message_viewer .message_header .header_row:last-child { margin-top: 0; } .layout-horiz-split .message_viewer .message_header .subject { font-size: 16pt; } .layout-horiz-split .list_notification { padding: 6px 14px 12px; } .layout-horiz-split .list_notification .description { padding-top: 8px; } .layout-horiz-split .horiz_split_panel { display: flex; flex-direction: column; height: 100%; overflow: hidden; } .layout-horiz-split .messages_panel { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .layout-horiz-split .messages_panel .panel_content { border-bottom: 1px solid #f1f1f1; } .layout-horiz-split .messages_panel .toolbar .content { padding: 4px; } .layout-horiz-split .messages_panel .toolbar .item { /* .icon { display: none; &.arrow { display: inline-block; } }*/ } .layout-horiz-split .messages_panel .toolbar .item.checkstate { float: left; } .layout-horiz-split .messages_panel .toolbar .item .text { display: inline-block; font-size: 11pt; } .layout-horiz-split .messages_panel .panel_top .search_block { width: 60%; } .layout-horiz-split .messages_panel .panel_center { border-radius: 0 0 4px 4px; } .layout-horiz-split .messages_panel .panel_center .message_list .item_content { padding: 6px 16px 6px 14px; } .layout-horiz-split .messages_panel .panel_center .message_list .item_content .controls { display: inline-flex; } .layout-horiz-split .messages_panel .panel_center .message_list .item_content .controls .custom_checkbox { margin-right: 10px; } .layout-horiz-split .messages_panel .panel_center .message_list .item_content .controls .flag { margin-top: -3px; } .layout-horiz-split .messages_panel .panel_center .message_list .item_content .data .date, .layout-horiz-split .messages_panel .panel_center .message_list .item_content .data .attachments, .layout-horiz-split .messages_panel .panel_center .message_list .item_content .data .from, .layout-horiz-split .messages_panel .panel_center .message_list .item_content .data .separator, .layout-horiz-split .messages_panel .panel_center .message_list .item_content .data .thread-pin, .layout-horiz-split .messages_panel .panel_center .message_list .item_content .data .subject { display: inline-block; margin-top: 0 !important; margin-bottom: 0; vertical-align: middle; } .layout-horiz-split .messages_panel .panel_center .message_list .item_content .data .from { width: 30%; margin: 0 !important; min-height: unset; font-size: 11pt; } .layout-horiz-split .messages_panel .panel_center .message_list .item_content .data .subject { width: 50%; font-size: 11pt; line-height: normal; } .layout-horiz-split .messages_panel .panel_center .message_list .item_content .data .thread-pin { font-size: 8pt; padding: 2px 8px 2px; margin-right: 4px; } .layout-horiz-split .messages_panel .middle_bar { position: relative; } .layout-horiz-split .messages_panel .middle_bar .panel_bottom { position: absolute; right: 0; background: none; padding: 5px; top: 0; } .settings .folders .controls .button.template:before { content: "\e90f"; } .settings .folders .controls .button.template.turned-on:before { content: "\e90e"; } .settings .folders .controls .button.always-refresh:before { content: "\e911"; } .settings .folders .controls .button.always-refresh.turned-on:before { content: "\e910"; } .folders .item .icon.type8:before { content: "\e90e"; } .mail-servers-pagination { margin: -20px 25px 90px; } .mail-servers-pagination .pagination { float: left; margin-top: 5px; } .mail-servers-pagination .search_block { float: left; width: 300px; } .search_block .folders_search { color: #bbbbbb; font-size: 12pt; margin-bottom: 10px; text-align: left; } .search_block .folders_search .folders_search_label { position: relative; } .search_block .folders_search .folders_search_select { display: inline-block; margin-right: 8px; position: relative; } .search_block .folders_search .link, .search_block .folders_search .link:hover { border-bottom: 1px dashed #00A3A3; color: #00A3A3; text-decoration: none; } .panels.settings .panel.navigation_panel .item.mobile-apps .icon:before { content: "\e91d"; } .login_panel .social { margin-bottom: 10px; text-align: left; } .login_panel .social .info { color: #929292; font-size: 14px; margin: 14px 2px 10px; text-align: center; } .login_panel .social .button { background-repeat: no-repeat; border-radius: 4px; color: #fff; cursor: pointer; height: 18px; margin-bottom: 14px; padding: 10px 15px 10px 54px; position: relative; text-align: left; } .login_panel .social .button .border { width: 1px; height: 38px; position: absolute; left: 38px; top: 0; } .login_panel .social .button .text { font-size: 10.5pt; font-weight: normal; } .login_panel .social .info { color: #fff; } .encryption-result { background: #f1f1f1; padding: 10px; border-radius: 10px; } .encryption-result .value { font-weight: bold; margin-bottom: 5px; } .public-page-card .item { display: inline-block; padding: 20px 6px; text-align: left; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .public-page-card .item .icon { display: inline-block; float: left; width: 70px; width: 55px; height: 65px; margin-right: 10px; background-position: 0px -400px; } .public-page-card .item .size { color: #888888; display: block; font-size: 80%; } .public-page-card .item .name { word-break: break-all; } .public-page-card .fields .input { width: auto; } .public-page-card .buttons { white-space: nowrap; } .public-page-card.media { min-width: 640px; } .public-page-card.media .video-container { margin-bottom: 15px; } .public-page-card.media .video-container .video-js .vjs-big-play-button { top: 50%; left: 50%; margin-left: -1.5em; margin-top: -0.8em; } .public-page-card.media .audio-container { margin-bottom: 15px; } .public-page-card.media .audio-container .video-js { height: 31px; display: inline-block; } .public-page-card.media .audio-container .video-js .vjs-big-play-button { font-size: 12px; line-height: 17px; top: 6px; } .pgp-encrypt-radio:nth-child(n+2) { margin-left: 30px; } .encrypt-popup { max-width: 500px; } .fields .input.select-recipient { display: inline-block; align-items: center; margin-right: 0px; padding: 0; overflow: hidden; height: 26px; vertical-align: middle; } .fields .input.select-recipient .value { height: 26px; border: 0; width: 100%; padding-left: 5px; display: inline-block; } .fields .input.select-recipient .icon { display: inline-block; position: relative; margin-left: -24px; margin-top: 2px; width: 16px; height: 26px; padding: 0; text-align: right; vertical-align: middle; } .fields .input.select-recipient .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fields .input.select-recipient .icon:before { display: inline-block; font-size: 20px; height: 26px; content: "\e658"; line-height: 1; } .self_destructing_panel { width: auto; max-width: 80%; } .self_destructing_panel .popup_panel { max-width: 80%; } .self_destructing_panel .fields .subject { border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; } .self_destructing_panel .fields .subject span { font-size: 28px; } .self_destructing_panel .fields .message pre { font-size: 11pt; word-wrap: normal; overflow: auto; max-height: 500px; } .popup_panel .label.pgp_password { text-align: right; } .popup_panel .import_pgp_key_area { height: 300px; width: 530px; } .popup_panel .import_pgp_key_area .headline { margin: 30px 0 10px; font-size: 16px; } .popup_panel .import_pgp_key_area .key_item { margin: 0 0 10px 0; } .popup_panel .import_pgp_key_area .key_item.disabled { color: #929292; padding-left: 24px; } .popup_panel .import_pgp_key_area .key_item .key_email { font-weight: bold; } .popup_panel .view_pgp_key_area { height: 400px; width: 530px; } .pgp_key_controls { margin-left: 10px; } .pgp_key_controls .button { cursor: pointer; height: 20px; width: 20px; font-size: 20px; vertical-align: middle; } .pgp_key_controls .button:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pgp_key_controls .button.view:before { content: "\e65e"; } .pgp_key_controls .button.delete:before { content: "\e65f"; } .recaptcha-place-cover { margin-left: -30px; } /*.Chat { .item_viewer { width: 80%; margin: 0px; .post { padding: 2px 30px; width: 93%; font-size: 14px; .name { padding-top: 10px; display: inline-block; color: #a7a7a7; } .time { color: #a7a7a7; } .text { padding: 6px 8px; background-color: #f8f8f8; border-radius: 5px; display: inline-block; min-width: 300px; max-width: 92%; word-wrap: break-word; } .text.own-post-text { background-color: #adf0f3; } .resend { cursor: pointer; .icon { display: inline-block; font-size: 24px; height: 24px; width: 24px; text-align: center; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; text-shadow: none; } .icon::before { content: "\e607"; height: 100%; width: 100%; color: #f48585; text-shadow: none; display: inline-block; } } .resend.process .icon:before { .animation(cycle 0.8s linear infinite); } } .own-post { float: right; } } .panel_content { padding: 0px; margin: 0px; } .panel_center { .box-sizing; margin-bottom: -66px; padding-bottom: 66px; } .panel_bottom { padding: 0; } .panel_top { padding: 0px; } .toolbar { position: relative; .content { display: inline-block; padding: 0px; } } }*/ .tabsbar .item .unseen-chat { background: rgba(255, 0, 0, 0.6); border-radius: 7px; height: 7px; width: 7px; position: absolute; text-align: center; text-shadow: none; top: -3px; right: -8px; } .panel.left_panel .items_list .item .edit { display: inline-block; float: right; margin-right: 10px; margin-top: 0px; padding: 2px 10px 1px; line-height: 1.3; } .panels.settings .panel.navigation_panel .item.chat .icon:before { content: "\e923"; } .popup.calendar_event .additional_buttons .item.meeting .icon { background-image: url("../../images/modules/RocketChatWebclient/video-call.svg"); display: inline-block; height: 28px; margin-top: -5px; } .popup.calendar_event .additional_buttons .item.meeting .icon:hover { background-image: url("../../images/modules/RocketChatWebclient/video-call-hover.svg"); } .panels.settings .panel.navigation_panel .item.security .icon:before { content: "\e915"; } .panels.settings .folders .items_list .item { background: none; max-height: inherit; } .panels.settings .folders .items_list .item > .title { color: #aaaaaa; cursor: default; display: block; font-size: 11pt; font-weight: normal; line-height: normal; margin-bottom: 0px; outline: none; padding-top: 5px; padding-bottom: 7px; padding-left: 16px; text-decoration: none; white-space: nowrap; } .panels.settings .folders .items_list .item > .title .name { display: block; margin-right: 10px; overflow: hidden; mask: url(../../images/filters.svg#masking); -webkit-mask: url(../../images/mask.png) repeat-y top right; -o-mask: url(../../images/mask.png?) repeat-y top right; -ms-mask: url(../../images/mask.png) repeat-y top right; } html.rtl .panels.settings .folders .items_list .item > .title .name { mask: url(../../images/filters.svg#masking_rtl); -webkit-mask: url(../../images/mask_rtl.png) repeat-y top left; -o-mask: url(../../images/mask_rtl.png) repeat-y top left; -ms-mask: url(../../images/mask_rtl.png) repeat-y top left; } html.rtl .panels.settings .folders .items_list .item > .title .name { margin-left: 10px; margin-right: 0px; } .panels.settings .folders .items_list .item > .title.droppableHover .name { mask: url(../../images/filters.svg#masking); -webkit-mask: url(../../images/mask.png) repeat-y top right; -o-mask: url(../../images/mask.png?) repeat-y top right; -ms-mask: url(../../images/mask.png) repeat-y top right; } html.rtl .panels.settings .folders .items_list .item > .title.droppableHover .name { mask: url(../../images/filters.svg#masking_rtl); -webkit-mask: url(../../images/mask_rtl.png) repeat-y top left; -o-mask: url(../../images/mask_rtl.png) repeat-y top left; -ms-mask: url(../../images/mask_rtl.png) repeat-y top left; } .panels.settings .folders .items_list .item > .title .text { display: inline-block; vertical-align: bottom; } .panels.settings .folders .items_list .item > .title .icon { display: inline-block; height: 20px; vertical-align: bottom; width: 20px; } .panels.settings .folders .items_list .item > .title .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panels.settings .folders .items_list .item > .title .icon:before { display: inline-block; height: 100%; font-size: 20px; width: 100%; } .panels.settings .folders .items_list .item.canSelect > .title { color: #777777; cursor: pointer; text-shadow: 0px 1px 0px #ffffff; } .panels.settings .folders .items_list .item.canSelect > .title:hover { color: #444444; } .panels.settings .folders .items_list .item.canSelect > .title:hover .icon { color: inherit; } .panels.settings .folders .items_list .item.canSelect > .title.virtualEmpty .title, .panels.settings .folders .items_list .item.canSelect > .title.virtualEmpty .title:hover { color: #aaaaaa; } .panels.settings .folders .items_list .item.canSelect > .title.ui-state-disabled { cursor: pointer !important; } .panels.settings .folders .items_list .item.selected > .title { background: #10386C; color: #ffffff !important; text-shadow: none; } .panels.settings .folders .items_list .item .count { display: inline-block; float: right; margin-right: 0px; margin-top: 0px; padding: 2px 10px 1px; line-height: 1.3; border-radius: 19px; padding: 2px 8px 1px; } html.rtl .panels.settings .folders .items_list .item .count { float: left; margin-left: 10px; margin-right: 0px; } .panels.settings .folders .items_list .item .count.total { color: #ececec; } .panels.settings .folders .items_list .item .count:first-child { margin-right: 10px; } .panels.settings .folders .items_list .item .count.unseen:hover { border-radius: 11px/10px; background: #1056b5; } .panels.settings .folders .items_list .item.selected > .title .count.unseen { border-radius: 11px/10px; background: #1261cc; } .panels.settings .folders .items_list .item.selected > .title .count.unseen:hover { background: #1056b5; } .panels.settings .folders .items_list.collapsible .item.accordion .collapse_handler { display: inline-block; vertical-align: middle; width: 12px; } .panels.settings .folders .items_list.collapsible .item.accordion .collapse_handler:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panels.settings .folders .items_list.collapsible .item.accordion .collapse_handler:before { display: inline-block; font-size: 16px; height: 100%; vertical-align: middle; width: 100%; } .panels.settings .folders .items_list.collapsible .item.accordion .collapse_handler.expanded:before { content: "\e66e"; } .panels.settings .folders .items_list.collapsible .item.accordion .collapse_handler.collapsed:before { content: "\e66d"; } .panels.settings .folders .items_list.collapsible .item.accordion.canNotSelect .collapse_handler { color: #777777; cursor: pointer; text-shadow: 0px 1px 0px #ffffff; } .panels.settings .folders .items_list.collapsible .item.accordion.canNotSelect .collapse_handler:hover { color: #444444; } .panels.settings .folders .items_list.collapsible .item.accordion.canNotSelect .collapse_handler:hover .icon { color: inherit; } .panels.settings .folders .items_list.collapsible .item.accordion .children .title { max-height: 29px; -webkit-transition: max-height 300ms ease 0ms, opacity 200ms ease 0ms, padding 300ms ease 0ms; -moz-transition: max-height 300ms ease 0ms, opacity 200ms ease 0ms, padding 300ms ease 0ms; -o-transition: max-height 300ms ease 0ms, opacity 200ms ease 0ms, padding 300ms ease 0ms; transition: max-height 300ms ease 0ms, opacity 200ms ease 0ms, padding 300ms ease 0ms; } .panels.settings .folders .items_list.collapsible .item.accordion.collapsed .children .title { max-height: 0px; opacity: 0; overflow: hidden; padding-bottom: 0px; padding-top: 0px; } .cssanimations .panels.settings .folders .item .title.recivedAnim { -webkit-animation: highlight 0.5s linear; -moz-animation: highlight 0.5s linear; animation: highlight 0.5s linear; } .panels.settings .folders .item .title.droppableHover { background: #122d51 !important; color: #626262 !important; text-shadow: 0px 1px 0px #ffffff !important; } .panels.settings .folders .item.selected > .title.droppableHover { background: #122d51 !important; color: #ffffff !important; text-shadow: 0px 1px 0px #678197 !important; } .panels.settings .folders .items_list .item .count { background: none; } .panels.settings .folders .items_list .item .title .name { mask: url(../../images/filters.svg#masking); -webkit-mask: url(../../images/mask.png) repeat-y top right; -o-mask: url(../../images/mask.png?) repeat-y top right; -ms-mask: url(../../images/mask.png) repeat-y top right; } html.rtl .panels.settings .folders .items_list .item .title .name { mask: url(../../images/filters.svg#masking_rtl); -webkit-mask: url(../../images/mask_rtl.png) repeat-y top left; -o-mask: url(../../images/mask_rtl.png) repeat-y top left; -ms-mask: url(../../images/mask_rtl.png) repeat-y top left; } .panels.settings .folders .items_list .item.canDrag .title:hover .name { mask: url(../../images/filters.svg#masking); -webkit-mask: url(../../images/mask.png) repeat-y top right; -o-mask: url(../../images/mask.png?) repeat-y top right; -ms-mask: url(../../images/mask.png) repeat-y top right; } html.rtl .panels.settings .folders .items_list .item.canDrag .title:hover .name { mask: url(../../images/filters.svg#masking_rtl); -webkit-mask: url(../../images/mask_rtl.png) repeat-y top left; -o-mask: url(../../images/mask_rtl.png) repeat-y top left; -ms-mask: url(../../images/mask_rtl.png) repeat-y top left; } html.non-adjustable .panels.settings .panel { margin-bottom: 4px; } .panels.settings .panel.data { width: 850px; background: #f9f9f9; } .panels.settings .panel.data.modules { overflow: hidden; } .panels.settings .panel.navigation_panel { width: 15%; } .panels.settings .panel.navigation_panel .middle_bar { margin-top: 0px; padding-top: 22px; } .panels.settings .panel.navigation_panel .item { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .panels.settings .panel.navigation_panel .item .name { mask: url(../../images/filters.svg#masking); -webkit-mask: url(../../images/mask.png) repeat-y top right; -o-mask: url(../../images/mask.png?) repeat-y top right; -ms-mask: url(../../images/mask.png) repeat-y top right; } html.rtl .panels.settings .panel.navigation_panel .item .name { mask: url(../../images/filters.svg#masking_rtl); -webkit-mask: url(../../images/mask_rtl.png) repeat-y top left; -o-mask: url(../../images/mask_rtl.png) repeat-y top left; -ms-mask: url(../../images/mask_rtl.png) repeat-y top left; } .panels.settings .panel.navigation_panel .item .icon { display: inline-block; height: 19px; margin-right: 4px; vertical-align: middle; width: 18px; } .panels.settings .panel.navigation_panel .item .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panels.settings .panel.navigation_panel .item .icon:before { display: inline-block; font-size: 20px; height: 100%; width: 100%; } .panels.settings .panel.navigation_panel .item.common .icon:before { content: "\e639"; } .panels.settings .panel.navigation_panel .item.mail .icon:before, .panels.settings .panel.navigation_panel .item.mail-accounts .icon:before { content: "\e638"; } .panels.settings .panel.navigation_panel .item.calendar .icon:before { content: "\e63a"; } .panels.settings .panel.navigation_panel .item.contacts .icon:before { content: "\e903"; } .panels.settings .panel.navigation_panel .item.services .icon:before { content: "\e672"; } .panels.settings .panel.navigation_panel .item.files .icon:before { content: "\e656"; } .panels.settings .panel.navigation_panel .item.mobilesync .icon:before { content: "\e636"; } .panels.settings .panel.navigation_panel .item.outlooksync .icon:before { content: "\e635"; } .panels.settings .panel.navigation_panel .item.helpdesk .icon:before { content: "\e637"; } .panels.settings .panel.navigation_panel .item.openpgp .icon:before { content: "\e658"; } .panels.settings .navigation_panel .panel_content { margin-right: 0px; } .panels.settings .panel_top { border: 0px; padding: 0px; } .panels.settings .panel_center { background: none; } .panels.settings .settings_heading { color: #4d4d4d; margin: 0px; padding: 35px 20px 15px; } .panels.settings .fieldset { background: #f1f1f1; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACtJREFUeNo0iIEJACAAwlT8/1GPMAsaKGNMYpskAOPRdq9tWbrifpaOAAMAMvEO3ANCJPYAAAAASUVORK5CYII='); background-position: 0 0; border: 1px solid #e0e0e0; border-radius: 4px; margin: 0px 20px 20px; padding: 20px; } .panels.settings .fieldblock { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1); border: 1px solid #d0d0da; border-radius: 4px 4px 4px 4px; margin-bottom: 14px; padding: 14px; } .panels.settings .fields .row { margin-bottom: 14px; } .panels.settings .fields .row:last-child { margin-bottom: 0px; } .panels.settings .fields .row .label { color: #626262; width: 150px; word-wrap: break-word; } .panels.settings .fields .row label { color: #626262; } .panels.settings .fields .row .input { font-size: 10pt; padding: 7px 9px 6px; } .panels.settings .fields .row .value.offset { display: inline-block; padding-left: 150px; } .panels.settings .fields .row .value.text { font-weight: bold; display: inline-block; padding: 7px 9px 6px; width: 300px; } .panels.settings .fields .row .value.text.port { width: auto; } .panels.settings .fields .row .custom_radio { margin-left: 16px; } .panels.settings .fields .row .custom_radio:first-child { margin-left: 0px; } .panels.settings .fields .fieldblock .label { width: 135px; } .panels.settings .pgp .fields .row .value.offset { padding-left: 0; } .panels.settings .fields .hint { padding: 4px 6px; margin: -12px -6px 12px; } .panels.settings .signature .fields .hint { margin: -12px -6px 12px 14px; } .panels.settings .mobile_sync .fields .label { float: left; } .panels.settings .mobile_sync .fields .value { display: block; overflow: hidden; word-wrap: break-word; -ms-word-break: break-all; } .panels.settings .workday .input.start, .panels.settings .workday .input.end { width: 125px; } .panels.settings .ios_profile a { text-decoration: none; -webkit-transition: color 300ms ease 0s; -moz-transition: color 300ms ease 0s; -o-transition: color 300ms ease 0s; transition: color 300ms ease 0s; } .panels.settings .ios_profile a .icon { color: #91908e; display: inline-block; font-size: 26px; height: 31px; margin-top: 0; vertical-align: middle; width: 28px; -webkit-transition: opacity 300ms ease 0s; -moz-transition: opacity 300ms ease 0s; -o-transition: opacity 300ms ease 0s; transition: opacity 300ms ease 0s; } .panels.settings .ios_profile a .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panels.settings .ios_profile a .icon:before { content: "\e63d"; } .panels.settings .ios_profile a:hover .icon { opacity: 0.8; } .panels.settings .panel.data .panel_center .buttons { margin: 0px 20px 15px; } .panels.settings .panel.data .panel_center .fieldset .buttons { margin: 0px 0px 15px 0px; } .panels.settings .panel.data .panel_center .fieldset .buttons:last-child { margin-bottom: 0; } .settings .tabs { margin-bottom: 16px; margin-top: 20px; } .settings .tabs .tabs-links { height: 0; opacity: 0; overflow: hidden; width: 0; } .settings .tabs .shortcuts { font-size: 0pt; margin: 0px 20px; padding: 0px 0px 0px 20px; } .settings .tabs .shortcuts .item { display: inline-block; font-size: 9pt; vertical-align: bottom; } .settings .tabs .shortcuts .item a { background: #f5f5f5; border: 1px solid #e0e0e0; border-bottom: 0px; border-radius: 4px 4px 0px 0px; color: #828282; display: inline-block; font-weight: bold; margin-right: 4px; outline: none; padding: 6px 12px 6px; text-decoration: none; } .settings .tabs .shortcuts .item.selected a { background: #f1f1f1; color: #3d3d3d; margin-bottom: -1px; padding-bottom: 7px; } .settings .mail-accounts .panel_top .buttons { float: right; margin: 30px 20px 15px; } .row.keys_label { margin-bottom: 6px !important; } .settings .folders.items_list { margin-bottom: 10px; } .settings .folders.items_list .first_sortable_container { position: relative; } .settings .folders.items_list .item { background: none; border-top: 1px solid #cccccc; max-height: inherit; overflow: visible; position: static; } .settings .folders.items_list .item.ui-sortable-helper { background-color: rgba(240, 240, 240, 0.8); box-shadow: inset 0px 0px 1px #ddd; } .settings .folders.items_list .item.ui-sortable-helper .title { background-color: rgba(240, 240, 240, 0.8); } .settings .folders.items_list > .item:first-child { border-top: 0px; } .settings .folders.items_list .title { padding-bottom: 7px; padding-right: 0px; padding-top: 4px; position: relative; } .settings .folders.items_list .title:hover { background: rgba(0, 0, 0, 0.03); } .settings .folders.items_list .canDrag .title:hover:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .settings .folders.items_list .canDrag .title:hover:before { content: "\e65d"; display: inline-block; font-size: 20px; height: 20px; left: 0px; position: absolute; top: 4px; width: 20px; opacity: 0.3; filter: alpha(opacity=30); } .settings .folders.items_list .title .input { width: 200px; } .settings .folders.items_list .controls { float: right; } htm.rtl .settings .folders.items_list .controls { float: left; } .settings .folders.items_list .controls .button { cursor: pointer; display: inline-block; height: 20px; width: 20px; font-size: 20px; opacity: 0.8; filter: alpha(opacity=80); } .settings .folders.items_list .controls .button:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .settings .folders.items_list .controls .button:hover { opacity: 1; filter: alpha(opacity=100); } .settings .folders.items_list .controls .button.disabled { opacity: 0.3; filter: alpha(opacity=30); cursor: default !important; } .settings .folders.items_list .controls .button.delete:before { content: "\e65f"; } .settings .folders.items_list .controls .button.subscribe:before { content: "\e660"; } .settings .folders.items_list .controls .button.subscribe.subscribed:before { content: "\e65e"; } .settings .folders.items_list .controls .button.up { background-position: -680px -120px; } .settings .folders.items_list .controls .button.up:hover { background-position: -680px -140px; } .settings .folders.items_list .controls .button.down { background-position: -700px -120px; } .settings .folders.items_list .controls .button.down:hover { background-position: -700px -140px; } .settings .folders.items_list .total .count { margin-right: 62px !important; } html.rtl .settings .folders.items_list .total .count { margin-right: 0px; margin-left: 62px !important; } .settings .fields .filter .value { word-spacing: 0.7ex; } .settings .fields .filter .value .part { display: inline-block; word-spacing: normal; } .settings .fields .filter .input { margin: 0px; padding: 2px; width: 75px; } .settings .fields .filter .buttons { float: right; margin: 0px; } .settings .fields .filter .field { display: inline-block; position: relative; } .settings .fields .filter .link, .settings .fields .filter .link:hover { border-bottom: 1px dashed #00A3A3; color: #00A3A3; text-decoration: none; } .settings .helpdesk .input, .settings .allow-block-lists .message .input, .settings .autoresponder .input { width: 520px; } .settings .helpdesk .signature .input, .settings .allow-block-lists .message .input, .settings .autoresponder .message .input { height: 145px; } .settings .signature .editor_row .custom_radio { float: left; margin-right: 4px; } html.rtl .settings .signature .editor_row .custom_radio { float: right; margin-right: 0px; margin-left: 4px; } .settings .signature .editor_row .editor { height: 200px; margin-left: 18px; padding-top: 1px; } html.rtl .settings .signature .editor_row .editor { margin-left: 0px; margin-right: 18px; } .settings .signature .editor_row .editor .html_editor { pointer-events: none; } .settings .signature .editor_row .editor .html_editor > * { pointer-events: auto; } .panels.settings .ip-allow-list .folders .items_list .item:last-child, .panels.settings .security .folders .items_list .item:last-child, .panels.settings .two-factor-auth .folders .items_list .item:last-child { border-bottom: 1px solid #cccccc; } .panels.settings .ip-allow-list .folders .items_list .item .title, .panels.settings .security .folders .items_list .item .title, .panels.settings .two-factor-auth .folders .items_list .item .title { cursor: default; } .panels.settings .ip-allow-list .folders .items_list .item .title .name, .panels.settings .security .folders .items_list .item .title .name, .panels.settings .two-factor-auth .folders .items_list .item .title .name { line-height: 1.4; } .panels.settings .ip-allow-list .folders .items_list .item .title .name .name_empty, .panels.settings .security .folders .items_list .item .title .name .name_empty, .panels.settings .two-factor-auth .folders .items_list .item .title .name .name_empty { color: #c1bfbf; } .panels.settings .ip-allow-list .folders .items_list .item .title .name .text_hint, .panels.settings .security .folders .items_list .item .title .name .text_hint, .panels.settings .two-factor-auth .folders .items_list .item .title .name .text_hint { color: #929292; font-size: smaller; } .panels.settings .ip-allow-list .folders.items_list .controls .button.rename, .panels.settings .security .folders.items_list .controls .button.rename, .panels.settings .two-factor-auth .folders.items_list .controls .button.rename { font-size: 26px; margin-top: -2px; margin-right: 6px; } .panels.settings .ip-allow-list .folders.items_list .controls .button.rename:before, .panels.settings .security .folders.items_list .controls .button.rename:before, .panels.settings .two-factor-auth .folders.items_list .controls .button.rename:before { content: "\e62d"; } .panels.settings .ip-allow-list .folders.items_list .controls .button.delete, .panels.settings .security .folders.items_list .controls .button.delete, .panels.settings .two-factor-auth .folders.items_list .controls .button.delete { vertical-align: top; } .panels.settings .ip-allow-list .device-active-icon, .panels.settings .security .device-active-icon, .panels.settings .two-factor-auth .device-active-icon { color: #96c671; font-size: 10pt; } .panels.settings .ip-allow-list .device-active-icon:before, .panels.settings .security .device-active-icon:before, .panels.settings .two-factor-auth .device-active-icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panels.settings .ip-allow-list .device-active-icon:before, .panels.settings .security .device-active-icon:before, .panels.settings .two-factor-auth .device-active-icon:before { content: "\e649"; } .shared-addressbooks .panel.groups_panel .items_list .item > .title .name { margin-right: 30px; } .shared-addressbooks .panel.groups_panel .share_control, .shared-addressbooks .panel.groups_panel .leave_share_control { cursor: pointer; height: 20px; width: 20px; margin: -18px 10px 0; float: right; } .shared-addressbooks .panel.groups_panel .share_control:before, .shared-addressbooks .panel.groups_panel .leave_share_control:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .shared-addressbooks .panel.groups_panel .share_control:hover, .shared-addressbooks .panel.groups_panel .leave_share_control:hover { opacity: 0.6; } .shared-addressbooks .panel.groups_panel .share_control:before, .shared-addressbooks .panel.groups_panel .leave_share_control:before { font-size: 20px; } .shared-addressbooks .panel.groups_panel .share_control:before { content: "\e912"; } .shared-addressbooks .panel.groups_panel .leave_share_control:before { content: "\e925"; } .LoginLayout { height: auto !important; min-height: 100%; text-align: center; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } html.mobile .LoginLayout { background: #282828 no-repeat 0 0 / cover url("images/background.jpg"); background-attachment: fixed; } .LoginLayout .vhelper { display: inline-block; display: none; height: 100%; vertical-align: middle; width: 0px; } .LoginLayout.with_bottom_text { position: relative; padding-bottom: 30px; box-sizing: border-box; } .LoginLayout.with_bottom_text .bottom_description { position: absolute; left: 0px; bottom: 10px; width: 100%; text-align: center; color: rgba(255, 255, 255, 0.7); } .LoginLayout.with_bottom_text .bottom_description a { color: inherit; text-decoration: underline; } .login_panel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color: #929292; display: inline-block; font-size: 9pt; padding: 20px; vertical-align: middle; width: 280px; } .login_panel .description { color: #fff !important; } .login_panel .welcome { color: #68483d !important; } .login_panel .description { color: #fff !important; } .login_panel .welcome { color: #68483d !important; } .login_panel a, .login_panel .link, .login_panel a:link, .login_panel .link:link, .login_panel a:visited, .login_panel .link:visited { color: white; } .login_panel a:hover, .login_panel .link:hover { color: rgba(255, 255, 255, 0.8); } .login_panel .header { height: 95px; margin-bottom: 30px; } .login_panel .header.custom_logo { background: none; height: auto; } .login_panel .header .icon { display: inline-block; line-height: 1; vertical-align: middle; } .login_panel .header .text { display: none; } .login_panel .header .icon { height: 95px; width: 130px; } .login_panel .header .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .login_panel .header .icon:before { color: #25AEB8; text-shadow: 0 1px 0 #ffffff, 0 -1px 0 #1c868e, -1px -1px #219aa3; content: "\e63c"; display: inline-block; font-size: 140px; height: 100%; margin-top: -20px; vertical-align: middle; width: 100%; } .login_panel .header .icon { height: 95px; width: 130px; } .login_panel .header .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .login_panel .header .icon:before { color: #25AEB8; text-shadow: 0 1px 0 #ffffff, 0 -1px 0 #1c868e, -1px -1px #219aa3; content: "\e63c"; display: inline-block; font-size: 140px; height: 100%; margin-top: -20px; vertical-align: middle; width: 100%; } .login_panel .welcome { margin-bottom: 20px; font-size: 14px; } .login_panel .welcome .name { font-style: italic; font-size: 17px; color: #6d5454; } .login_panel .login_panel_content { -webkit-perspective: 4000px; -moz-perspective: 4000px; -o-perspective: 4000px; perspective: 4000px; position: relative; } .login_panel .login_panel_content .col { -webkit-perspective: 4000px; -moz-perspective: 4000px; -o-perspective: 4000px; perspective: 4000px; } .login_panel .login_panel_content .col.left { margin-right: 276px; padding-right: 20px; text-align: center; } .login_panel .login_panel_content .col.right { position: absolute; right: 0px; width: 276px; } .login_panel .login_panel_content .content { box-shadow: 0px 0px 0px #ffffff; float: left; margin-top: 0px; opacity: 1; visibility: visible; width: 100%; -webkit-transition: -webkit-transform 600ms ease-in-out, opacity 120ms linear 240ms, visibility 1ms linear 600ms/2, margin-top 0ms linear 600ms/2; -moz-transition: -moz-transform 600ms ease-in-out, opacity 120ms linear 240ms, visibility 1ms linear 600ms/2, margin-top 0ms linear 600ms/2; transition: transform 600ms ease-in-out, opacity 120ms linear 240ms, visibility 1ms linear 600ms/2, margin-top 0ms linear 600ms/2-10; } .login_panel .login_panel_content .content.register, .login_panel .login_panel_content .content.changepass, .login_panel .login_panel_content .content.social_register { left: 50%; margin-left: -130px; position: relative; width: 260px; } .login_panel .login_panel_content .content.send_question { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .login_panel .login_panel_content .content.send_question .question { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d7d7d7; border-radius: 4px; box-shadow: 0 1px 1px #dddddd inset; color: #000000; font-size: 11pt; height: 214px; padding: 6px 8px; resize: none; width: 100%; } .login_panel .login_panel_content .content.forgot .row { border-radius: 4px !important; } .login_panel .login_panel_content .content.register, .login_panel .login_panel_content .content.changepass, .login_panel .login_panel_content .content.social_register { text-align: center; } .login_panel .login_panel_content .content.social_register .question_title, .login_panel .login_panel_content .content.send_question .question_title { color: #929292; display: block; font-size: 11pt; } .login_panel .login_panel_content .content.forgot, .login_panel .login_panel_content .content.changepass, .login_panel .login_panel_content .content.register, .login_panel .login_panel_content .content.signin, .login_panel .login_panel_content .content.activation, .login_panel .login_panel_content .content.changepass, .login_panel .login_panel_content .content.social_register { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); margin-top: -100000px; opacity: 0; visibility: hidden; } .login_panel .login_panel_content .content.activation { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); font-size: 12pt; text-shadow: 0px 1px 0px #f3f3f3; white-space: normal; width: 240px; } .login_panel.flipForgot .content.login, .login_panel.flipChangepass .content.send_question, .login_panel.flipRegister .content.login, .login_panel.flipRegister .content.send_question, .login_panel.flipRegister.flipForgot .content.forgot, .login_panel.flipSignin .content.login, .login_panel.flipSocialRegister .content.login, .login_panel.flipSocialRegister .content.send_question, .login_panel.flipActivation .content.login, .login_panel.flipChangepass .content.login { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); margin-top: -100000px; opacity: 0; visibility: hidden; } .login_panel.flipForgot .content.forgot, .login_panel.flipChangepass .content.changepass, .login_panel.flipRegister .content.register, .login_panel.flipSignin .content.signin, .login_panel.flipSocialRegister .content.social_register { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); margin-top: 0px; opacity: 1; visibility: visible; } .login_panel.flipActivation .content.activation { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); margin-top: 0px; opacity: 1; visibility: visible; } .login_panel .description { color: #929292; margin-top: 20px; } .login_panel .social_description { background: #d7dcdf; border: 1px solid #c7cccf; border-radius: 4px; color: #464646; margin: 20px; margin-left: -85px; padding: 10px; width: 400px; } .login_panel .row { background: #ffffff; border: 1px solid #cac7c7; margin: -1px 0px 0px; padding: 10px; padding-left: 30px; text-align: right; white-space: nowrap; } html.rtl .login_panel .row { padding-left: 10px; padding-right: 30px; } html.rtl .login_panel .row.buttons { padding-left: 0px; padding-right: 0px; } .login_panel .row.focused { background: #fff3ce; border-color: #cfbf8e; position: relative; } .login_panel .row.shake { -webkit-animation: shake 0.8s linear; -moz-animation: shake 0.8s linear; animation: shake 0.8s linear; } .login_panel .row:first-child { border-radius: 4px 4px 0px 0px; box-shadow: 0 1px 1px #dddddd inset; } .login_panel .row:last-child { border-radius: 0px 0px 4px 4px; border-width: 1px; } .login_panel .row .value { vertical-align: middle; } .login_panel .row .value.suffix { margin-left: 16px; } .login_panel .row .value.suffix .text { color: #777777; font: 12pt Helvetica, Tahoma, Arial, sans-serif; } .login_panel .row .placeholder { display: inline-block; cursor: text; float: none; font-size: 12pt; height: 20px; margin-left: -20px; position: relative; text-indent: 0px; vertical-align: middle; width: 20px; zoom: 1; } html.rtl .login_panel .row .placeholder { margin-left: 0px; margin-right: -20px; } .login_panel .row .placeholder:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .login_panel .row .placeholder:before { color: #d5d4d2; display: inline-block; font-size: 22px; height: 20px; margin-right: 4px; margin-top: -6px; vertical-align: middle; width: 20px; } html.rtl .login_panel .row .placeholder:before { margin-left: 4px; margin-right: 0px; } .login_panel .row.filled .placeholder:before, .login_panel .row.focused .placeholder:before { color: #cbc9c6; } .login_panel .row.email > .placeholder:before { content: "\e627"; } .login_panel .row.password > .placeholder:before { content: "\e625"; } .login_panel .row.name > .placeholder:before, .login_panel .row.login > .placeholder:before { content: "\e626"; } .login_panel .row.question, .login_panel .row.answer { padding-left: 10px; } .login_panel .row.question html.rtl, .login_panel .row.answer html.rtl { padding-right: 10px; } .login_panel .row.question .placeholder, .login_panel .row.answer .placeholder { width: 0px; } .login_panel .row .input { background: transparent; border: 0px !important; border-radius: 0px; box-shadow: none; color: #444; display: inline-block; font: 12pt Helvetica, Tahoma, Arial, sans-serif; outline: none; padding: 1px 0px; text-align: left; text-indent: 3px; width: 100%; } html.rtl .login_panel .row .input { text-align: right; } .login_panel .row .input:focus { box-shadow: none; } .login_panel .row .input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset !important; } .login_panel .row .input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #fff3ce inset !important; } .login_panel .custom_checkbox.focus { box-shadow: 0px 4px 3px -3px #e5e5e5 inset, 0 0 2px 0 #1d67cd; } .login_panel .custom_checkbox.focus .icon { border: 1px solid #ffffff; } .login_panel .signme, .login_panel .links { background: none; border: 0px; border-radius: 0px; font-size: 9pt; margin-bottom: 14px; padding: 0px; text-align: left; } html.rtl .login_panel .signme, html.rtl .login_panel .links { text-align: right; } .login_panel .signme .signme_label { cursor: pointer; font-size: 9pt; height: auto; text-indent: 0px; width: auto; } .login_panel .signme input { vertical-align: middle; } .login_panel .links .forgot { float: right; margin-left: 16px; } .login_panel.login .row.login { border-radius: 4px 4px 0px 0px; } .login_panel.login.email .row.login { border-radius: 0px; } .LoginLayout .languages { border-radius: 5px; padding: 10px 16px; position: fixed; right: 20px; top: 20px; } html.rtl .LoginLayout .languages { left: 20px; right: auto; } .LoginLayout .languages .custom_selector .control .icon { color: #000; } .LoginLayout .languages .custom_selector .control .icon:before { font-size: 18px; } .register .LoginLayout .languages .custom_selector .name { display: inline-block; height: 15px; } .LoginLayout .languages .custom_selector .dropdown_arrow { float: right; margin-right: 22px; } .LoginLayout .languages .custom_selector .dropdown_content { padding: 0px; width: 105%; } .register .LoginLayout .languages .custom_selector .dropdown_content { position: relative; } .LoginLayout .languages .custom_selector .item { border-bottom: 1px solid #CBC8C0; color: #4d4d4d; cursor: pointer; display: block; padding: 8px 12px; white-space: nowrap; } .LoginLayout .languages .custom_selector .item.selected { background: #f0f0f0; } .LoginLayout .languages .custom_selector .item:hover { background: #fafafa; } .LoginLayout .languages .name .text { display: none; } .LoginLayout .languages .icon { background: url("../../images/sprites.png") no-repeat 40px -400px; display: inline-block; height: 11px; margin-right: 4px; vertical-align: middle; width: 16px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 1.3dppx), only screen and (min-resolution: 125dpi) { .LoginLayout .languages .icon { background-image: url("../../images/sprites2x.png"); background-size: 1440px 560px; } } html.rtl .LoginLayout .languages .icon { margin-left: 4px; margin-right: 0px; } .LoginLayout .languages .English .icon { background-position: 0px -480px; } .LoginLayout .languages .Arabic .icon { background-position: -80px -520px; } .LoginLayout .languages .Bulgarian .icon { background-position: -40px -480px; } .LoginLayout .languages .Chinese-Simplified .icon { background-position: -80px -480px; } .LoginLayout .languages .Chinese-Traditional .icon { background-position: -80px -480px; } .LoginLayout .languages .Czech .icon { background-position: -120px -480px; } .LoginLayout .languages .Danish .icon { background-position: -160px -480px; } .LoginLayout .languages .Dutch .icon { background-position: -640px -480px; } .LoginLayout .languages .Estonian .icon { background-position: -200px -480px; } .LoginLayout .languages .Finnish .icon { background-position: -240px -480px; } .LoginLayout .languages .French .icon { background-position: -280px -480px; } .LoginLayout .languages .German .icon { background-position: -320px -480px; } .LoginLayout .languages .Greek .icon { background-position: -360px -480px; } .LoginLayout .languages .Hebrew .icon { background-position: -440px -480px; } .LoginLayout .languages .Hungarian .icon { background-position: -400px -480px; } .LoginLayout .languages .Italian .icon { background-position: -480px -480px; } .LoginLayout .languages .Japanese .icon { background-position: -520px -480px; } .LoginLayout .languages .Korean .icon { background-position: -120px -520px; } .LoginLayout .languages .Latvian .icon { background-position: -560px -480px; } .LoginLayout .languages .Lithuanian .icon { background-position: -600px -480px; } .LoginLayout .languages .Norwegian .icon { background-position: -680px -480px; } .LoginLayout .languages .Persian .icon { background-position: -360px -520px; } .LoginLayout .languages .Polish .icon { background-position: -720px -480px; } .LoginLayout .languages .Portuguese-Brazil .icon { background-position: -760px -480px; } .LoginLayout .languages .Romanian .icon { background-position: 0px -520px; } .LoginLayout .languages .Russian .icon { background-position: -40px -520px; } .LoginLayout .languages .Spanish .icon { background-position: -160px -520px; } .LoginLayout .languages .Swedish .icon { background-position: -200px -520px; } .LoginLayout .languages .Thai .icon { background-position: -240px -520px; } .LoginLayout .languages .Turkish .icon { background-position: -280px -520px; } .LoginLayout .languages .Ukrainian .icon { background-position: -320px -520px; } .LoginLayout .languages .Serbian .icon { background-position: -400px -520px; } .LoginLayout .languages .Portuguese-Portuguese .icon { background-position: -800px -480px; } .LoginLayout .languages .Vietnamese .icon { background-position: -440px -520px; } .LoginLayout .languages .Slovenian .icon { background-position: -480px -520px; } .LoginLayout .languages .Slovak .icon { background-position: -520px -520px; } .LoginLayout .languages.demo { border: 1px solid #C7CCCF; border-radius: 4px; clear: both; left: auto; margin-left: -172px; margin-top: 20px; padding: 10px 14px; position: relative !important; right: auto; text-align: left; top: 20px; width: 590px; background: #9EE6D4; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #C1CDB8), color-stop(1, #9EE6D4)); background: -webkit-linear-gradient(bottom, #C1CDB8 0%, #9EE6D4 100%); background: -ms-linear-gradient(bottom, #C1CDB8, #9EE6D4); background: -moz-linear-gradient(center bottom, #C1CDB8 0%, #9EE6D4 100%); background: -o-linear-gradient(#9EE6D4, #C1CDB8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9EE6D4', endColorstr='#C1CDB8', GradientType=0); } html.rtl .LoginLayout .languages.demo { margin-left: 0; margin-right: -172px; text-align: right; } .LoginLayout .languages.demo .langs_heading { color: #464646; font-size: 12pt; margin-bottom: 10px; text-align: center; } .LoginLayout .languages.demo .item { color: #555555; display: inline-block; width: 24%; } .LoginLayout .languages.demo .item .item_content { border-radius: 3px; cursor: pointer; display: inline-block; padding: 3px 6px; white-space: nowrap; } .LoginLayout .languages.demo .item .item_content:hover { background-color: #67C0B7; color: #333333; } .LoginLayout .languages.demo .item .item_content .text { display: inline-block; vertical-align: middle; } .LoginLayout .languages.demo .item.selected .item_content { background: #2993A2; color: #fff; } .LoginLayout .buttons { background: none; border: 0px; margin: 20px 0 14px; padding: 0px; } .LoginLayout .buttons .button { display: block; font-size: 12pt; padding: 10px; width: 100%; } .LoginLayout .buttons .button:focus { border: 1px solid #eee; } .login_panel .welcome.welcome-reset-password { line-height: 1.5; margin-left: -30px; margin-right: -30px; } .LoginLayout .buttons a.button { width: auto; text-overflow: ellipsis; overflow: hidden; } .panels.settings .panel.navigation_panel .item.reset-password .icon { margin-bottom: -1px; } .panels.settings .panel.navigation_panel .item.reset-password .icon:before { content: "\e91e"; } .TasksLayout .search_block { height: auto; } .TasksLayout .custom_checkbox.round { padding: 3px; width: 25px; height: 25px; border-radius: 50%; } .TasksLayout .custom_checkbox.round .icon { width: 25px !important; height: 25px !important; border-radius: 50%; margin-left: -1px; margin-top: -1px; } .TasksLayout .custom_checkbox.round .icon:before { margin-top: 7px; font-size: 13pt; } .TasksLayout .data.table > span { margin-top: 9px; font-size: 12pt; } .TasksLayout .items_list .item .data.table .withDate { margin-top: 2px; } .TasksLayout .repeat .data.table .task_subject::after { color: #c2c7cb; content: "\e643"; display: inline-block; font-family: 'afterlogic'; font-size: 16px; margin-left: 4px; position: absolute; } .TasksLayout .additional_buttons .item.task { display: none; } .TasksLayout .panel.calendars_panel { width: 20%; } .TasksLayout .panel.calendars_panel .middle_bar { position: relative; } .TasksLayout .panel.calendars_panel .dropdowns { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color: #ffffff; padding-right: 50px; position: absolute; width: 100%; } html.rtl .TasksLayout .panel.calendars_panel .dropdowns { padding-left: 50px; padding-right: 0px; } .TasksLayout .panel.calendars_panel .dropdowns .separator { background: #000; display: block; height: 1px; margin: 8px 17px; opacity: 0.1; } .TasksLayout .panel.calendars_panel .dropdowns .dropdown { z-index: 99; } .TasksLayout .panel.calendars_panel .dropdowns .dropdown .dropdown_helper { min-width: inherit; top: 0\0/; } .TasksLayout .panel.calendars_panel .dropdowns .dropdown .dropdown_content { border: 0px; border-radius: 0px 0px 4px 0px; } html.rtl .TasksLayout .panel.calendars_panel .dropdowns .dropdown .dropdown_content { border-radius: 0px 0px 0px 4px; } .TasksLayout .panel.calendars_panel .dropdowns .dropdown .dropdown_arrow { display: none; } .TasksLayout .panel.calendars_panel .dropdowns .dropdown .item { color: #ffffff; } .TasksLayout .panel.calendars_panel .dropdowns .dropdown .item:hover { background-color: rgba(0, 0, 0, 0.1); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1a000000', endColorstr='#1a000000'); } .TasksLayout .panel.calendars_panel .dropdowns .colors { display: block; font-size: 0; line-height: 100%; padding: 8px 17px 16px; white-space: normal; } .TasksLayout .panel.calendars_panel .dropdowns .colors .item { border: 1px solid rgba(0, 0, 0, 0.2); display: inline-block; height: 13px; margin: 0px 6px 6px 0px; padding: 0px; width: 13px; } .TasksLayout .panel.calendars_panel .calendars { height: auto; } .TasksLayout .panel.calendars_panel .calendars .item { color: #ffffff; cursor: pointer; margin-bottom: 4px; max-height: 500px; overflow: visible; padding: 7px 17px 6px 16px; position: relative; } .TasksLayout .panel.calendars_panel .calendars .item .label-container { padding-right: 20px; position: relative; } .TasksLayout .panel.calendars_panel .calendars .item .button-container { cursor: default; height: 100%; padding-right: 17px; padding-top: 7px; position: absolute; right: 0; top: 0; width: 40px; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .TasksLayout .panel.calendars_panel .calendars .item.readonly { border: 1px dashed #ffffff; opacity: 0.7; } .TasksLayout .panel.calendars_panel .calendars .item .custom_checkbox { float: left; margin-right: 8px; margin-top: 1px; } .TasksLayout .panel.calendars_panel .calendars .item .custom_checkbox .icon { border: 1px solid rgba(41, 44, 47, 0.35); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); } .TasksLayout .panel.calendars_panel .calendars .item .title { font-size: 11pt; font-weight: normal; margin: 0px; overflow: hidden; } .TasksLayout .panel.calendars_panel .calendars .item.inactive .title { opacity: 0.5; filter: alpha(opacity=50); } .TasksLayout .panel.calendars_panel .calendars .item .icon.public { display: inline-block; float: right; height: 18px; margin-left: 6px; width: 18px; } .TasksLayout .panel.calendars_panel .calendars .item .icon.public:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .TasksLayout .panel.calendars_panel .calendars .item .icon.public:before { content: "\e65c"; display: inline-block; font-size: 18px; margin-top: -2px; vertical-align: middle; } .TasksLayout .panel.calendars_panel .calendars .item .control { cursor: pointer; display: none; float: right; height: 14px; margin-left: 4px; width: 14px; } .TasksLayout .panel.calendars_panel .calendars .item .control:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .TasksLayout .panel.calendars_panel .calendars .item .control:before { content: "\e66d"; display: inline-block; font-size: 16px; margin-top: -2px; vertical-align: middle; } .TasksLayout .panel.calendars_panel .calendars .item .control:hover { opacity: 0.5; filter: alpha(opacity=50); } .TasksLayout .panel.calendars_panel .calendars .item.expand .control:before { content: "\e671"; } .TasksLayout .panel.calendars_panel .calendars .section_title .control { cursor: pointer; height: 16px; overflow: hidden; width: 16px; } .TasksLayout .panel.calendars_panel .calendars .section_title .control:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .TasksLayout .panel.calendars_panel .calendars .section_title .control:hover { opacity: 0.6; } .TasksLayout .panel.calendars_panel .calendars .section_title .control:before { content: "\e63b"; display: inline-block; font-size: 20px; height: 100%; margin: -2px 0 0 -2px; width: 100%; } .TasksLayout .panel.calendars_panel .calendars .section_title .title { font-size: 11pt; padding: 0px; text-transform: none; } .TasksLayout .panel.calendars_panel .calendars .section_title .title .text { vertical-align: middle; } .TasksLayout .panel.calendars_panel .calendars .section_title .title .icon { display: inline-block; height: 20px; vertical-align: middle; width: 20px; } .TasksLayout .panel.calendars_panel .calendars .section_title .title .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .TasksLayout .panel.calendars_panel .calendars .section_title .title .icon:before { display: inline-block; font-size: 20px; height: 20px; margin-left: -3px; width: 20px; } .TasksLayout .panel.calendars_panel .calendars .section_title .title.personal .icon:before { content: "\e618"; } .TasksLayout .panel.calendars_panel .calendars .section_title .title.shared .icon:before { content: "\e634"; } .TasksLayout .panel.calendars_panel .calendars .section_title .title.shared-all .icon:before { content: "\e629"; } .TasksLayout .task_date { font-size: 10pt; color: #4477bb; } .block_security_key_inprogress { background: url('../../images/wait.gif') no-repeat center; height: 20px; text-align: center; } .popup_panel.popup_verify_second_factor { max-width: 610px; } .popup_panel.popup_verify_second_factor .link_other_options { text-align: right; margin-top: 15px; } .popup_panel.popup_verify_second_factor .button_other_option { display: block; } .popup_panel.popup_configure_authenticator_app { max-width: 610px; } .popup_panel.popup_configure_authenticator_app .authenticator_app_qr_code { display: inline-block; height: 200px; } .popup_panel.popup_configure_authenticator_app .authenticator_app_qr_code .authenticator_app_qr_code_inprogress { background: url('../../images/wait.gif') no-repeat center; height: 200px; position: absolute; width: 200px; } .popup_panel.popup_configure_authenticator_app .authenticator_app_secret { height: 14px; } .popup_panel.popup_show_backup_codes .hint { min-height: 14px; } .popup_panel.popup_show_backup_codes .big_single_button { text-align: center; } .panels.settings .panel.navigation_panel .item.two-factor-auth .icon:before { content: '\e915'; } .backup-codes-container { height: 170px; margin: 10px; width: 300px; } .backup-codes-container div { display: inline-block; font-family: Consolas; padding: 10px 0; width: 49%; } .panels.settings .security .panel_security_two_factor .row.hint:first-child, .panels.settings .two-factor-auth .row.hint:first-child { margin: 0 -6px 12px; } .panels.settings .security .panel_security_two_factor .row.hint:last-child, .panels.settings .two-factor-auth .row.hint:last-child { margin-bottom: 0 !important; } .panels.settings .security .panel_security_two_factor .buttons, .panels.settings .two-factor-auth .buttons { text-align: left; margin: 0 !important; } .panels.settings .security .panel_security_two_factor .buttons .button, .panels.settings .two-factor-auth .buttons .button { margin-right: 10px; } .panels.settings .security .panel_security_two_factor h3:first-child, .panels.settings .two-factor-auth h3:first-child { margin-top: 0; } .panels.settings .security .panel_security_two_factor h3:last-child, .panels.settings .two-factor-auth h3:last-child { margin-bottom: 0; } .panels.settings .security .panel_security_two_factor .back-to-security-icon, .panels.settings .two-factor-auth .back-to-security-icon { cursor: pointer; display: block; float: left; font-size: 1.5em; margin-top: -4px; } .panels.settings .security .panel_security_two_factor .back-to-security-icon:before, .panels.settings .two-factor-auth .back-to-security-icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panels.settings .security .panel_security_two_factor .back-to-security-icon:before, .panels.settings .two-factor-auth .back-to-security-icon:before { content: '\e671'; } .panels.settings .security .panel_security_two_factor .custom_checkbox.round, .panels.settings .two-factor-auth .custom_checkbox.round { border-radius: 50%; margin-left: 2px; padding: 3px; vertical-align: middle; } .panels.settings .security .panel_security_two_factor .custom_checkbox.round .icon, .panels.settings .two-factor-auth .custom_checkbox.round .icon { background: #96c671; border-radius: 50%; color: white; margin-left: -1px; margin-top: -1px; } .panels.settings .security .panel_security_two_factor .custom_checkbox.round .icon:before, .panels.settings .two-factor-auth .custom_checkbox.round .icon:before { font-size: 7pt; margin-top: 1px; } .settings .folders .controls .button.edit_device:before { content: '\e62d'; } .settings .folders .controls .button.logout:before { content: '\e91f'; } .settings .folders .controls .button.delete_device:before { content: '\e606'; }