Created
February 20, 2020 10:41
-
-
Save emil-nasso/c0890c985451d0f6f8b54ffa7970e772 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Copied from CoreWebclient/Default */ | |
.panel.left_panel .items_list .item > .title .icon::before { | |
position: relative; | |
top: 2px; | |
} | |
.compose_popup.minimized .toolbar { | |
background: #2e4b64 !important; | |
} | |
.compose_popup.minimized .toolbar * { | |
font-size: 12px !important; | |
} | |
.compose_popup.minimized { | |
background: transparent !important; | |
} | |
/* Copied from MailWebclient/Default */ | |
/* Our custom styling */ | |
/* colors */ | |
/* | |
* | |
* overrides | |
* | |
*/ | |
/* global */ | |
@font-face { | |
font-family: "Averta"; | |
font-weight: normal; | |
src: url(Averta-Regular.ttf); | |
} | |
@font-face { | |
font-family: "Averta"; | |
font-weight: bold; | |
src: url(Averta-Bold.ttf); | |
} | |
body { | |
font-family: "Averta" !important; | |
-webkit-font-smoothing: antialiased; | |
-moz-font-smoothing: antialiased; | |
-o-font-smoothing: antialiased; | |
background: #F3F7F9 !important; | |
} | |
/* top section */ | |
.tabsbar { | |
background: #2e4b64; | |
} | |
.tabsbar .item a.link, | |
.tabsbar .item.logout { | |
color: white; | |
text-shadow: none; | |
font-size: 14px; | |
} | |
.tabsbar .item.current { | |
font-weight: normal !important; | |
} | |
.tabsbar .item.current span { | |
text-decoration: underline !important; | |
} | |
.tabsbar .specified-logo img { | |
max-height: 28px !important; | |
} | |
span.item.logout:hover { | |
color: white !important; | |
} | |
/* left section */ | |
.panel.left_panel.folders_panel { | |
width: 10% !important; | |
} | |
.panel.center_panel.messages_panel { | |
width: 20% !important; | |
} | |
#selenium_new_message_button, | |
#selenium_compose_send_button, | |
#selenium_contacts_new_button, | |
button { | |
background: #63CC98; | |
border: none; | |
text-shadow: none; | |
box-shadow: none; | |
text-transform: uppercase; | |
font-size: 12px !important; | |
font-weight: bold; | |
letter-spacing: 1px; | |
font-family: "Averta"; | |
border-radius: 4px; | |
} | |
.toolbar .content > .item #selenium_compose_send_button .text { | |
font-size: 12px !important; | |
} | |
.buttons .button.disabled { | |
color: rgba(255, 255, 255, 0.6) !important; | |
} | |
.panel.left_panel .items_list .item.canSelect > .title { | |
font-size: 14px !important; | |
} | |
.panel.left_panel .items_list .item.canSelect > .title span.name { | |
color: #70818A !important; | |
} | |
.panel.left_panel .items_list .item.selected > .title { | |
background: #DAE4E9 !important; | |
} | |
.panel.left_panel .items_list .item.selected > .title span.name { | |
color: black !important; | |
} | |
.panel.left_panel .items_list .item.selected > .title, | |
.panel.left_panel .items_list .item.canSelect > .title { | |
text-shadow: none !important; | |
padding: 10px 12px 14px 12px !important; | |
} | |
.toolbar, | |
.panel.center_panel .panel_bottom, | |
.panel.left_panel, | |
.panel.center_panel .panel_top { | |
background: #F3F7F9 !important; | |
border-color: #DAE4E9 !important; | |
} | |
.panel.center_panel .panel_bottom { | |
border-top: 1px solid #DAE4E9 !important; | |
} | |
.panel.center_panel { | |
box-shadow: none !important; | |
} | |
.panel_content { | |
border-left: 1px solid #DAE4E9 !important; | |
} | |
/* messages */ | |
.messages_panel .items_list .item .subject { | |
font-size: 14px !important; | |
color: #70818A !important; | |
} | |
.messages_panel .items_list .item .from { | |
font-size: 16px !important; | |
} | |
.panel.left_panel .items_list .item.selected > .title .count.unseen { | |
border-radius: 17px !important; | |
background: #2e4b64 !important; | |
box-shadow: none !important; | |
} | |
.items_list .item.unseen { | |
font-weight: normal !important; | |
} | |
.items_list .item .item_content { | |
border-bottom: 1px solid #F3F7F9 !important; | |
padding: 17px 16px 14px 14px !important; | |
} | |
.items_list .item.selected { | |
background: #2e4b64 !important; | |
color: white !important; | |
} | |
.items_list .item.selected .subject { | |
color: #DAE4E9 !important; | |
} | |
.items_list .item.unseen, | |
.message_viewer .message_header .header_content { | |
background: #F3F7F9; | |
} | |
.header_row h2.subject { | |
color: #70818A !important; | |
} | |
.messages_panel .items_list .item.threaded.selected .thread-pin { | |
background: #B8C6CE !important; | |
border: none !important; | |
color: white !important; | |
} | |
.messages_panel .items_list .item .thread-pin.unread { | |
background: #B8C6CE !important; | |
border: none !important; | |
color: white !important; | |
} | |
.messages_panel .items_list .item .thread-pin { | |
background: #F3F7F9 !important; | |
border: none !important; | |
color: #B8C6CE !important; | |
} | |
.items_list .item { | |
color: black !important; | |
} | |
.items_list .use_threads .threaded { | |
border-left: 3px solid #DAE4E9 !important; | |
background: #F3F7F9 !important; | |
} | |
.items_list .use_threads .threaded.selected { | |
border-left: 3px solid #DAE4E9 !important; | |
background: #2e4b64 !important; | |
} | |
.pagination .pages .item:not(.current) { | |
color: #70818A !important; | |
} | |
.message_viewer .message_header .subject { | |
font-size: 18px !important; | |
} | |
span.address_capsule:not(.found_contact), | |
.item_viewer .add_contact, | |
.manage_folders a { | |
color: #2e4b64 !important; | |
} | |
.message_body_info { | |
font-family: "Averta" !important; | |
color: #70818A !important; | |
margin-top: 6rem !important; | |
} | |
.panel .panel_bottom .quick_reply, | |
.panel_bottom { | |
background: #F3F7F9 !important; | |
} | |
.panel.item_viewer { | |
box-shadow: none !important; | |
} | |
/* compose */ | |
.inputosaurus-container .inputosaurus-input { | |
font-size: 14px; | |
} | |
.inputosaurus-container .ui-autocomplete-input { | |
font-family: "Averta"; | |
} | |
.panel.attachments_panel { | |
background: #F3F7F9 !important; | |
} | |
.panel.attachments_panel .list_notification { | |
color: #B8C6CE !important; | |
font-size: 14px !important; | |
} | |
.item.save span, | |
.item.importance span, | |
.item.sensitivity span, | |
.item.confirmation span { | |
color: #70818A !important; | |
font-size: 14px !important; | |
} | |
.link.show_cc, | |
.link.show_bcc { | |
font-size: 14px !important; | |
} | |
/* misc */ | |
.buttons .button { | |
background: #63CC98 !important; | |
border: 1px solid #63CC98 !important; | |
text-shadow: none !important; | |
} | |
.buttons .contour_button { | |
color: #63CC98 !important; | |
} | |
#reply_text { | |
font-family: "Averta" !important; | |
} | |
.report.report_panel .content { | |
background: #63CC98 !important; | |
text-shadow: none !important; | |
font-size: 14px; | |
} | |
.quick_reply .buttons .button { | |
font-family: "Averta" !important; | |
font-size: 13px !important; | |
text-transform: uppercase; | |
letter-spacing: 1px; | |
} | |
.quick_reply .buttons span.button.contour_button { | |
color: #B8C6CE !important; | |
border: 1px solid #B8C6CE !important; | |
} | |
.quick_reply .hint { | |
color: #B8C6CE !important; | |
} | |
#reply_text { | |
border: 1px solid #DAE4E9 !important; | |
} | |
/* login */ | |
#selenium_login_signin_button { | |
padding: 13px !important; | |
font-family: "Averta" !important; | |
} | |
.custom_logo img { | |
max-width: 180px; | |
} | |
.login_panel .row input.input { | |
font-family: "Averta"; | |
top: 1px; | |
position: relative; | |
padding-left: 4px; | |
font-size: 14px; | |
} | |
.login_panel div.row:first-child { | |
box-shadow: none; | |
} | |
.login_panel .row { | |
padding-top: 13px !important; | |
padding-bottom: 13px !important; | |
border: 1px solid #DAE4E9 !important; | |
} | |
.login_panel .row.buttons { | |
border: none !important; | |
} | |
.login_panel.login { | |
width: 340px; | |
} | |
/*=== 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; | |
} | |
.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: #f1f1f1; | |
} | |
.panel.center_panel .panel_bottom { | |
background: #ffffff; | |
} | |
.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; | |
} | |
.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: #3ba7b6; | |
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: #ffffff; | |
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 #e3e3e3; | |
max-height: 0px; | |
} | |
html.rtl .items_list .use_threads .threaded { | |
border-left: 0px; | |
border-right: 5px solid #e3e3e3; | |
} | |
.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: #ffffff; | |
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: #f4f6f7; | |
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: #ebf7cb; | |
} | |
.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: #a5ad8e; | |
box-shadow: 0 1px 0 #ffffff; | |
} | |
.items_list .item.selected { | |
background-color: #78b8f0; | |
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: #5481a8; | |
box-shadow: 0 1px 0 #bddcf8; | |
} | |
.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 .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; | |
} | |
.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: #fff; | |
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: #82748e; | |
text-shadow: none; | |
} | |
.toolbar .content > .item > .icon:hover, | |
.toolbar .content .group > .item > .icon:hover { | |
color: #685d72; | |
} | |
.toolbar .content > .item .hint, | |
.toolbar .content .group > .item .hint { | |
background: #9b90a5; | |
color: #ffffff; | |
} | |
.toolbar .content > .item:hover .hint, | |
.toolbar .content .group > .item:hover .hint { | |
background: #8f8299; | |
} | |
.toolbar .content > .item:hover, | |
.toolbar .content .group > .item:hover { | |
/* background: #eeeeee; | |
.hint { | |
background-color: darken(#eeeeee, 10%); | |
}*/ | |
} | |
.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: #82748e; | |
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 > .item.expand, | |
.toolbar .content .group > .item.expand { | |
/* background: #eeeeee; | |
.hint { | |
background-color: darken(#eeeeee, 10%); | |
}*/ | |
} | |
.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 .content .group.expand > .item { | |
/* background: #eeeeee; | |
.hint { | |
background-color: darken(#eeeeee, 10%); | |
}*/ | |
} | |
.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.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.secure-share > .icon:before, | |
.toolbar .item.secure-share > .icon:before { | |
content: "\e914"; | |
} | |
.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 6px; | |
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: #4477bb; | |
cursor: pointer; | |
display: inline-block; | |
} | |
.fields .row.dates.editable:hover { | |
color: #c74747; | |
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 .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: #43d0bf; | |
border: 1px solid #2db3a3; | |
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: #32c8b6; | |
} | |
.buttons .button.disabled { | |
color: #a1e8df; | |
} | |
.buttons .button.disabled:hover { | |
background: #43d0bf; | |
} | |
.buttons .button.secondary_button { | |
background: #a7afb9; | |
border: 1px solid #8b95a2; | |
color: #ffffff; | |
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3); | |
} | |
.buttons .button.secondary_button:hover { | |
background: #99a2ae; | |
} | |
.buttons .button.secondary_button.disabled { | |
color: #d3d7dc; | |
} | |
.buttons .button.secondary_button.disabled:hover { | |
background: #a7afb9; | |
} | |
.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; | |
} | |
.custom_radio, | |
.custom_checkbox { | |
cursor: pointer; | |
display: inline-block; | |
font-size: 0; | |
line-height: 1; | |
margin-right: 4px; | |
overflow: hidden; | |
vertical-align: text-bottom; | |
} | |
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: baseline; | |
} | |
.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: 0 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%; | |
} | |
.expand .dropdown { | |
opacity: 1; | |
filter: alpha(opacity=100); | |
display: block; | |
left: 0px; | |
} | |
html.rtl .expand .dropdown { | |
left: auto; | |
right: 0px; | |
} | |
.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: 300px; | |
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; | |
} | |
.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 { | |
position: absolute; | |
right: 3px; | |
text-shadow: 0 1px 0 #ffffff, 0 0 0 #c8c8c8; | |
top: 6px; | |
height: 16px; | |
font-size: 16px; | |
line-height: 1; | |
} | |
.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 a.ui-state-focus span.del { | |
visibility: visible; | |
} | |
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-focus span.del:hover { | |
box-shadow: none; | |
color: #676767; | |
} | |
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-active span.key { | |
top: 7px; | |
} | |
.ui-autocomplete .ui-state-focus { | |
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; | |
} | |
.ui-datepicker .ui-datepicker-today { | |
background: #fff4cf; | |
} | |
.ui-widget-content a:hover { | |
color: inherit; | |
} | |
.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 { | |
background: #e84d49; | |
border-radius: 2px; | |
color: #ffffff; | |
cursor: pointer; | |
display: block; | |
float: right; | |
font-size: 12px; | |
height: 14px; | |
margin-left: -14px; | |
overflow: hidden; | |
position: relative; | |
text-align: center; | |
width: 14px; | |
z-index: 10; | |
} | |
.upload.attachments .item .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 { | |
content: "\e63e"; | |
} | |
.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 { | |
background: #ffffff; | |
left: 50%; | |
max-height: 100px; | |
position: absolute; | |
top: 50%; | |
transform: translate(-50%, -50%); | |
vertical-align: middle; | |
} | |
.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; | |
max-height: 2.5em; | |
overflow: hidden; | |
padding: 0px 43px 0px 8px; | |
white-space: normal; | |
width: 100%; | |
word-wrap: break-word; | |
} | |
.attachments .item .title.entire_line { | |
padding: 0px 8px 0px 8px; | |
} | |
.attachments .item .title .name { | |
display: inline-block; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
white-space: nowrap; | |
width: 100%; | |
} | |
.attachments .item .ext { | |
display: inline-block; | |
} | |
.attachments .item .size { | |
color: #929292; | |
float: right; | |
margin: 0px 8px -5em 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 { | |
clear: both; | |
display: block; | |
margin: 0; | |
padding: 6px 0px 0px; | |
text-align: left; | |
} | |
.attachments .item .buttons:after { | |
clear: both; | |
display: block; | |
content: "."; | |
height: 0; | |
visibility: hidden; | |
} | |
* html > body .attachments .item .buttons { | |
width: 100%; | |
display: block; | |
} | |
* html .attachments .item .buttons { | |
height: 1%; | |
} | |
.attachments .item .buttons .button { | |
background: none; | |
border: 0px; | |
color: #4477bb; | |
font-size: 9pt; | |
font-weight: normal; | |
padding: 0px; | |
text-shadow: none; | |
float: left; | |
text-align: left; | |
} | |
html.rtl .attachments .item .buttons .button { | |
float: right; | |
text-align: right; | |
} | |
.attachments .item .buttons .button.open, | |
.attachments .item .buttons .button.download { | |
float: right; | |
text-align: right; | |
} | |
html.rtl .attachments .item .buttons .button.open, | |
html.rtl .attachments .item .buttons .button.download { | |
float: left; | |
text-align: left; | |
} | |
.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; | |
} | |
.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: absolute; | |
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; | |
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_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: 20px 0; | |
} | |
.popup_panel .import_pgp_key_area .key_item { | |
margin: 0 0 10px 0; | |
} | |
.popup_panel .import_pgp_key_area .key_item.disabled { | |
color: #929292; | |
} | |
.popup_panel .import_pgp_key_area .key_item .key_email { | |
font-weight: bold; | |
} | |
.popup_panel .import_pgp_key_area .hint { | |
margin-top: 22px; | |
} | |
.popup_panel .view_pgp_key_area { | |
height: 400px; | |
width: 530px; | |
} | |
.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 .file .icon { | |
background-position: 0px -400px; | |
height: 64px; | |
width: 64px; | |
} | |
.file .icon.xls, | |
.file .icon.xlsx { | |
background-position: -80px -360px; | |
} | |
.large .file .icon.xls, | |
.large .file .icon.xlsx { | |
background-position: -160px -400px; | |
} | |
.file .icon.pdf { | |
background-position: -200px -360px; | |
} | |
.large .file .icon.pdf { | |
background-position: -400px -400px; | |
} | |
.file .icon.htm, | |
.file .icon.html { | |
background-position: -360px -360px; | |
} | |
.large .file .icon.htm, | |
.large .file .icon.html { | |
background-position: -720px -400px; | |
} | |
.file .icon.doc, | |
.file .icon.docx { | |
background-position: -40px -360px; | |
} | |
.large .file .icon.doc, | |
.large .file .icon.docx { | |
background-position: -80px -400px; | |
} | |
.file .icon.rtf, | |
.file .icon.txt { | |
background-position: -120px -360px; | |
} | |
.large .file .icon.rtf, | |
.large .file .icon.txt { | |
background-position: -240px -400px; | |
} | |
.file .icon.ppt, | |
.file .icon.pptx, | |
.file .icon.pps { | |
background-position: -400px -360px; | |
} | |
.large .file .icon.ppt, | |
.large .file .icon.pptx, | |
.large .file .icon.pps { | |
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 .file .icon.png, | |
.large .file .icon.gif, | |
.large .file .icon.bmp, | |
.large .file .icon.tiff, | |
.large .file .icon.jpg, | |
.large .file .icon.jpeg { | |
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 .file .icon.zip, | |
.large .file .icon.\37 z, | |
.large .file .icon.cab, | |
.large .file .icon.tar, | |
.large .file .icon.tgz, | |
.large .file .icon.gz, | |
.large .file .icon.rar { | |
background-position: -960px -400px; | |
} | |
.file .icon.psd { | |
background-position: -520px -360px; | |
} | |
.large .file .icon.psd { | |
background-position: -1040px -400px; | |
} | |
.file .icon.ics { | |
background-position: -560px -360px; | |
} | |
.large .file .icon.ics { | |
background-position: -1120px -400px; | |
} | |
.file .icon.vcf, | |
.file .icon.vcard { | |
background-position: -600px -360px; | |
} | |
.large .file .icon.vcf, | |
.large .file .icon.vcard { | |
background-position: -1200px -400px; | |
} | |
.file .icon.eml, | |
.file .icon.msg { | |
background-position: -640px -360px; | |
} | |
.large .file .icon.eml, | |
.large .file .icon.msg { | |
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 .file .icon.mp3, | |
.large .file .icon.amr, | |
.large .file .icon.aac, | |
.large .file .icon.aif, | |
.large .file .icon.aifc, | |
.large .file .icon.aiff, | |
.large .file .icon.ogg, | |
.large .file .icon.wma, | |
.large .file .icon.flac, | |
.large .file .icon.ape, | |
.large .file .icon.wax, | |
.large .file .icon.midi, | |
.large .file .icon.mp4a, | |
.large .file .icon.weba, | |
.large .file .icon.ra, | |
.large .file .icon.ram, | |
.large .file .icon.rmp, | |
.large .file .icon.m3u, | |
.large .file .icon.wav, | |
.large .file .icon.soundcloud { | |
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 .file .icon.avi, | |
.large .file .icon.mp4, | |
.large .file .icon.mkv, | |
.large .file .icon.wmv, | |
.large .file .icon.vimeo, | |
.large .file .icon.youtube { | |
background-position: -1360px -400px; | |
} | |
.file .icon.url { | |
background-position: -720px -360px; | |
} | |
.large .file .icon.url { | |
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: 37%; | |
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; | |
} | |
/*=== 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; | |
overflow: hidden; | |
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: 100%; | |
-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 .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 .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.expand:before { | |
content: "\e66e"; | |
} | |
.search_block .search_highlight { | |
color: #cccccc; | |
} | |
.search_block .expand .extended { | |
opacity: 1; | |
max-height: 200px; | |
visibility: visible; | |
-webkit-transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, visibility 0s linear 0s; | |
-moz-transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, visibility 0s linear 0s; | |
-o-transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, visibility 0s linear 0s; | |
transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, 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.5s ease 0s, visibility 10ms linear 2s; | |
-moz-transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, visibility 10ms linear 2s; | |
-o-transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, visibility 10ms linear 2s; | |
transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, visibility 10ms linear 2s; | |
max-height: 0px; | |
display: block; | |
margin-top: -24px; | |
opacity: 0; | |
overflow: hidden; | |
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; | |
} | |
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: #ffffff; | |
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; | |
} | |
.tabsbar .dropdown_content { | |
border-radius: 4px; | |
} | |
.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: #503d68; | |
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: #503d68; | |
} | |
.tabsbar .item:hover .text { | |
text-decoration: none; | |
} | |
.tabsbar .item.current { | |
color: #503d68; | |
font-weight: bold; | |
} | |
.tabsbar .item.expand a, | |
.tabsbar .item .control { | |
z-index: 3003; | |
} | |
.tabsbar .item .helper { | |
display: block; | |
height: 0; | |
overflow: hidden; | |
position: relative; | |
top: -40px; | |
visibility: hidden; | |
} | |
.tabsbar .item .unseen { | |
background: #888785; | |
color: #ffffff; | |
top: -7px; | |
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; | |
} | |
.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%; | |
} | |
.volumer .volumer_conteiner { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
-ms-box-sizing: border-box; | |
box-sizing: border-box; | |
background: rgba(0, 0, 0, 0.2); | |
border: 1px solid #2D476E; | |
border-radius: 3px; | |
display: block; | |
padding: 2px; | |
} | |
.volumer .used { | |
background: #668eb8; | |
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 #424e54; | |
} | |
.custom_tooltip .custom_tooltip_arrow.bottom_arrow { | |
border-top: 6px solid #424e54; | |
} | |
.custom_tooltip .custom_tooltip_text { | |
background: #424e54; | |
border: 1px solid #424e54; | |
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: #e5eff7; | |
color: #5b9bcd; | |
border: none; | |
} | |
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 .ficon, | |
li.address_capsule .ficon { | |
color: #5b9bcd; | |
} | |
span.address_capsule.inputosaurus-selected, | |
li.address_capsule.inputosaurus-selected { | |
background: #5b9bcd; | |
color: #ffffff; | |
} | |
span.address_capsule.inputosaurus-selected .ficon, | |
li.address_capsule.inputosaurus-selected .ficon { | |
color: #ffffff; | |
} | |
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: #ffffff; | |
border: solid 1px #e5eff7; | |
color: #5b9bcd; | |
} | |
span.address_capsule.found_contact { | |
padding-right: 12px; | |
} | |
span.address_capsule .add_contact { | |
bottom: 5px; | |
position: absolute; | |
right: 8px; | |
} | |
.to_arrow { | |
display: inline-block; | |
line-height: 20px; | |
margin-top: 5px; | |
vertical-align: top; | |
} | |
/*=== Screen overrides part ===*/ | |
html { | |
height: 100%; | |
min-width: 800px; | |
min-height: 600px; | |
} | |
body { | |
font: normal 9pt Helvetica, Tahoma, Arial, sans-serif; | |
height: 100%; | |
background: #1998a4 no-repeat 0 0 / cover url("images/background.jpg"); | |
} | |
.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: #3ba7b6; | |
cursor: pointer; | |
text-decoration: none; | |
} | |
a:hover, | |
.link:hover { | |
color: #2f848f; | |
text-decoration: underline; | |
} | |
*[contenteditable="true"], | |
input:focus { | |
outline: none; | |
} | |
.panel.left_panel { | |
background: rgba(30, 28, 31, 0.2); | |
} | |
.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: #287B8B; | |
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; | |
} | |
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: #67a398; | |
} | |
.panel.left_panel .items_list .item.selected > .title .count.unseen { | |
border-radius: 11px/10px; | |
background: #74b7ab; | |
box-shadow: 0px 1px 1px #67a398 inset, 0px 1px 0px rgba(255, 255, 255, 0.3); | |
} | |
.panel.left_panel .items_list .item.selected > .title .count.unseen:hover { | |
background: #67a398; | |
} | |
.panel.left_panel .items_list.collapsible .item.accordion .collapse_handler { | |
display: inline-block; | |
margin-left: -4px; | |
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: "\e66d"; | |
} | |
.panel.left_panel .items_list.collapsible .item.accordion .collapse_handler.collapsed:before { | |
content: "\e670"; | |
} | |
.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: #dfdcd4 !important; | |
color: #626262 !important; | |
text-shadow: 0px 1px 0px #ffffff !important; | |
} | |
.panel.left_panel .item.selected > .title.droppableHover { | |
background: #2a6470 !important; | |
color: #ffffff !important; | |
text-shadow: 0px 1px 0px #678197 !important; | |
} | |
.panel.left_panel .items_list .item.canSelect > .title { | |
color: #fff; | |
text-shadow: none; | |
} | |
.panel.left_panel .items_list .item.canSelect > .title:hover { | |
color: #eee; | |
} | |
.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: 1; | |
} | |
.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; | |
} | |
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%; | |
} | |
.screens .screen { | |
height: calc(100% - 70px); | |
} | |
.screens .screen.AdminPanelLayout { | |
height: 100%; | |
} | |
.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 .account_list { | |
background: #fafafa; | |
border: 1px solid #d5d9dc; | |
border-radius: 4px; | |
margin: 0px 20px; | |
overflow: hidden; | |
clear: both; | |
} | |
.AdminPanelLayout .account_list:after { | |
/*Opera*/ | |
clear: both; | |
display: block; | |
content: "."; | |
height: 0; | |
visibility: hidden; | |
} | |
* html > body .AdminPanelLayout .account_list { | |
width: 100%; | |
display: block; | |
} | |
* html .AdminPanelLayout .account_list { | |
/* IE 6 */ | |
height: 1%; | |
} | |
.AdminPanelLayout .account_list .item { | |
border-bottom: 1px solid #d5d9dc; | |
color: #626262; | |
cursor: pointer; | |
padding: 6px 10px; | |
} | |
.AdminPanelLayout .account_list .item.account { | |
padding: 11px 16px; | |
} | |
.AdminPanelLayout .account_list .item.account .title { | |
float: left; | |
margin: 0; | |
} | |
.AdminPanelLayout .account_list .item.account .link { | |
float: right; | |
} | |
.AdminPanelLayout .account_list .item.fetcher .icon { | |
display: inline-block; | |
font-size: 20px; | |
height: 18px; | |
vertical-align: bottom; | |
width: 18px; | |
} | |
.AdminPanelLayout .account_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; | |
} | |
.AdminPanelLayout .account_list .item.fetcher .icon.fetcher:before { | |
content: "\e65b"; | |
} | |
.AdminPanelLayout .account_list .item.fetcher .icon.default-identity { | |
font-family: monospace; | |
font-size: 19px; | |
height: 17px; | |
margin-left: 10px; | |
} | |
.AdminPanelLayout .account_list .item.fetcher .label { | |
color: #929292; | |
} | |
.AdminPanelLayout .account_list .item.fetcher .title { | |
font-weight: bold; | |
} | |
.AdminPanelLayout .account_list .item.fetcher .info { | |
float: right; | |
} | |
.AdminPanelLayout .account_list .item:last-child { | |
border-bottom: 0px; | |
} | |
.AdminPanelLayout .account_list .item.selected { | |
background: #f1f1f1; | |
color: #4d4d4d; | |
font-weight: bold; | |
} | |
.AdminPanelLayout .account_list .item .link.fetcher { | |
float: right; | |
font-weight: normal; | |
margin-left: 12px; | |
} | |
.AdminPanelLayout .account_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; | |
} | |
.AdminPanelLayout .account_list .buttons { | |
margin: 15px 0px; | |
} | |
.AdminPanelLayout .account_list .buttons .button { | |
font-size: 10pt; | |
float: right; | |
} | |
.AdminPanelLayout .account_list .title { | |
display: inline-block; | |
font-size: 9pt; | |
padding: 0px; | |
} | |
.AdminPanelLayout .mail-servers .account_list { | |
margin-bottom: 30px; | |
} | |
.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; | |
} | |
.AdminPanelLayout .account_list .item .title { | |
mask: none; | |
-webkit-mask: none; | |
-o-mask: none; | |
-ms-mask: none; | |
} | |
.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: 0px; | |
border: 0 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: 0px; | |
border: 0 none; | |
} | |
.panel.calendars_panel .panel_bottom .ui-datepicker-prev, | |
.panel.calendars_panel .panel_bottom .ui-datepicker-next { | |
color: #222222; | |
background: none; | |
text-align: center; | |
} | |
.panel.calendars_panel .panel_bottom .ui-datepicker-prev.ui-state-hover, | |
.panel.calendars_panel .panel_bottom .ui-datepicker-next.ui-state-hover, | |
.panel.calendars_panel .panel_bottom .ui-datepicker-prev:hover, | |
.panel.calendars_panel .panel_bottom .ui-datepicker-next:hover { | |
background: #f2f2f2; | |
border: 1px solid #999999; | |
} | |
.panel.calendars_panel .panel_bottom .ui-datepicker-prev:before, | |
.panel.calendars_panel .panel_bottom .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; | |
} | |
.panel.calendars_panel .panel_bottom .ui-datepicker-prev:before, | |
.panel.calendars_panel .panel_bottom .ui-datepicker-next:before { | |
color: inherit; | |
display: inline-block; | |
font-size: 18px; | |
height: 18px; | |
vertical-align: sub; | |
} | |
.panel.calendars_panel .panel_bottom .ui-datepicker-prev .ui-icon, | |
.panel.calendars_panel .panel_bottom .ui-datepicker-next .ui-icon { | |
display: none; | |
} | |
.panel.calendars_panel .panel_bottom .ui-datepicker-prev:before { | |
content: "\e671"; | |
} | |
.panel.calendars_panel .panel_bottom .ui-datepicker-next:before { | |
content: "\e670"; | |
} | |
.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.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: #82748e; | |
text-shadow: none; | |
} | |
.panel.calendar .toolbar .item.passive > .icon:hover, | |
.panel.calendar .toolbar .item.passive:hover > .icon:hover { | |
color: #685d72; | |
} | |
.panel.calendar .toolbar .item.passive .hint, | |
.panel.calendar .toolbar .item.passive:hover .hint { | |
background: #9b90a5; | |
color: #ffffff; | |
} | |
.panel.calendar .toolbar .item.passive:hover .hint, | |
.panel.calendar .toolbar .item.passive:hover:hover .hint { | |
background: #8f8299; | |
} | |
.panel.calendar .toolbar .range_select .item > .icon { | |
color: #82748e; | |
text-shadow: none; | |
} | |
.panel.calendar .toolbar .range_select .item > .icon:hover { | |
color: #685d72; | |
} | |
.panel.calendar .toolbar .range_select .item .hint { | |
background: #9b90a5; | |
color: #ffffff; | |
} | |
.panel.calendar .toolbar .range_select .item:hover .hint { | |
background: #8f8299; | |
} | |
.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 6px 6px 0px; | |
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 { | |
padding-right: 23px; | |
} | |
.fc-event-repeat:after, | |
.fc-event-appointment: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:after, | |
.fc-event-appointment:after { | |
display: block; | |
font-size: 18px; | |
height: 12px; | |
margin-top: -2px; | |
position: absolute; | |
right: 4px; | |
top: 6px; | |
width: 16px; | |
opacity: 0.6; | |
filter: alpha(opacity=60); | |
} | |
.fc-event-repeat .fc-content, | |
.fc-event-appointment .fc-content { | |
padding-right: 19px; | |
} | |
.fc-event-repeat.fc-event-appointment .fc-content { | |
padding-right: 38px; | |
} | |
.fc-event-repeat:after { | |
content: "\e643"; | |
} | |
.fc-event-appointment:after { | |
content: "\e644"; | |
} | |
.fc-event-repeat.fc-event-appointment:after { | |
content: "\e643\e644"; | |
width: 32px; | |
} | |
.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 10px; | |
} | |
.fc-content .fc-time, | |
.fc-content .fc-title { | |
display: block; | |
font-size: 9pt; | |
overflow: hidden; | |
} | |
.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-day-header.fc-widget-header { | |
background: #f0f0f0; | |
border-top-width: 0 !important; | |
color: #828282; | |
padding: 14px 0px 12px !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; | |
} | |
.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_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; | |
} | |
.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.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.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.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.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.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_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; | |
} | |
.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_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; | |
border-radius: 0px; | |
width: 100%; | |
} | |
.popup.calendar_event .scrollable_field span.input { | |
display: block; | |
max-width: 382px; | |
} | |
.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; | |
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 .ui-datepicker-trigger { | |
cursor: pointer; | |
display: inline-block; | |
margin: 0 5px 0 -21px; | |
position: relative; | |
vertical-align: middle; | |
z-index: 3001; | |
} | |
html.rtl .popup.calendar_event .subforms .dates_form .ui-datepicker-trigger { | |
margin: 0 -21px 0 5px; | |
} | |
.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; | |
} | |
.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 .icon { | |
border-radius: 50%; | |
background-color: transparent; | |
border-color: #fff; | |
} | |
.fc-content .fc-title .custom_checkbox.round .icon:before { | |
margin-top: 1px; | |
color: #fff; | |
} | |
.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; | |
} | |
html.rtl .popup.calendar_popup .buttons .button { | |
float: right; | |
margin-left: 6px; | |
margin-right: 0px; | |
} | |
.popup.calendar_popup .buttons .colors { | |
display: inline-block; | |
margin-top: 4px; | |
} | |
.popup.calendar_popup .buttons .colors .item { | |
display: inline-block; | |
} | |
.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; | |
} | |
.appointment .buttons { | |
display: inline-block; | |
margin-top: 7px; | |
} | |
.appointment .buttons .button { | |
margin-right: 5px; | |
} | |
.appointment .buttons .button.selected_button { | |
background: #ffffff; | |
border: 1px solid #6fa8de; | |
color: #4f88be; | |
cursor: default; | |
text-shadow: none; | |
} | |
.appointment .buttons .button.selected_button.disabled { | |
color: #808080; | |
} | |
.appointment .buttons .button.selected_button.disabled:hover { | |
background: #ffffff; | |
} | |
.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; | |
} | |
.appointment .buttons.touched .button { | |
opacity: 0.4; | |
} | |
.appointment .buttons.touched .button:hover, | |
.appointment .buttons.touched .button.selected_button { | |
opacity: 1; | |
} | |
.reset-password-buttons { | |
margin-bottom: 0 !important; | |
text-align: left; | |
} | |
.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: #519ce2; | |
} | |
.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: #519ce2; | |
} | |
.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: #3983c8; | |
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: #7f7f7f; | |
text-shadow: none; | |
padding: 5px 7px; | |
} | |
.ContactsLayout .panel_center .buttons { | |
margin: 0px; | |
position: relative; | |
z-index: 1; | |
} | |
.ContactsLayout .panel_center .buttons .button { | |
margin: 20px 40px 0px 0px; | |
position: absolute; | |
right: 0px; | |
top: 0px; | |
} | |
html.rtl .ContactsLayout .panel_center .buttons .button { | |
left: 0px; | |
margin-right: 0px; | |
margin-left: 40px; | |
right: auto; | |
} | |
.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; | |
} | |
.secure-image { | |
border-radius: 5px; | |
display: block; | |
float: right; | |
height: 24px; | |
width: 24px; | |
margin-right: 25px; | |
margin-top: -90px; | |
overflow: hidden; | |
position: relative; | |
background: #555; | |
color: #fff; | |
} | |
.secure-image: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; | |
} | |
.secure-image:before { | |
display: inline-block; | |
font-size: 24px; | |
height: 100%; | |
width: 100%; | |
content: "\e90a"; | |
} | |
.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; | |
} | |
.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; | |
} | |
html { | |
background: transparent; | |
} | |
.ExternalClientsLoginFormWebclient { | |
background: transparent; | |
} | |
.ExternalClientsLoginFormWebclient .login_panel { | |
width: 100%; | |
} | |
.ExternalClientsLoginFormWebclient .login_panel .info { | |
color: #000 !important; | |
} | |
.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; | |
} | |
.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; | |
} | |
.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%; | |
} | |
.files-list.items_sub_list { | |
float: left; | |
width: 100%; | |
padding: 0px !important; | |
} | |
.files-list.items_sub_list .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; | |
} | |
.files-list.items_sub_list .item .image { | |
display: inline-block; | |
float: left; | |
margin: 1px 8px 0px 0px; | |
height: 32px; | |
width: 32px; | |
line-height: 32px; | |
} | |
.files-list.items_sub_list .item .image img { | |
max-height: 100%; | |
max-width: 100%; | |
vertical-align: middle; | |
} | |
.files-list.items_sub_list .item .image .icon { | |
vertical-align: middle; | |
} | |
.files-list.items_sub_list .item .name { | |
margin-top: 8px; | |
} | |
.files-list.items_sub_list .item.folder2 .icon { | |
background: url("../../images/sprites.png"); | |
background-position: -440px -360px; | |
display: inline-block; | |
height: 30px; | |
width: 35px; | |
} | |
.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 { | |
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"; | |
} | |
.icons-container { | |
margin-left: 10px; | |
} | |
.secure-image-table { | |
border-radius: 5px; | |
display: inline-block; | |
height: 18px; | |
width: 18px; | |
overflow: hidden; | |
position: relative; | |
background: #555; | |
color: #fff; | |
line-height: 18px; | |
} | |
.secure-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; | |
} | |
.secure-image-table:before { | |
display: inline-block; | |
font-size: 18px; | |
height: 100%; | |
width: 100%; | |
content: "\e90a"; | |
} | |
.no-public .panel.files .items_list .item.published .icons-container .published_icon { | |
margin: 0; | |
float: none; | |
display: inline-block; | |
border-radius: 5px; | |
line-height: 18px; | |
} | |
.no-public .panel.files .items_list .item.published .icons-container .published_icon:before { | |
display: inline-block; | |
height: 18px; | |
} | |
.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; | |
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 .items_list .items_sub_list { | |
font-size: 0px; | |
padding: 10px; | |
} | |
.panel.files .items_list .item { | |
background: none; | |
cursor: pointer; | |
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.incomplete .cancel { | |
display: block; | |
} | |
.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: #ebf7cb; | |
} | |
.no-public .panel.files .items_list .item.published .published_icon { | |
background: #64aedc; | |
border-radius: 2px; | |
color: #ffffff; | |
display: block; | |
float: right; | |
font-size: 14px; | |
height: 18px; | |
line-height: 16px; | |
margin-right: 30px; | |
margin-top: -35px; | |
overflow: hidden; | |
position: relative; | |
width: 18px; | |
text-align: center; | |
} | |
.no-public .panel.files .items_list .item.published .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; | |
} | |
.no-public .panel.files .items_list .item.published .published_icon:before { | |
content: "\e65c"; | |
vertical-align: middle; | |
} | |
.no-public .panel.files .items_list .item.published .published_icon.with_thumb { | |
margin-right: -5px; | |
margin-top: -15px; | |
} | |
.no-public .panel.files .items_list .item.published .published_icon:hover { | |
background-color: #328dc5; | |
} | |
.panel.files .items_list .item.aslink .item_content { | |
border: 1px dashed #c0c0c0; | |
padding: 8px 8px 6px; | |
} | |
.panel.files .items_list .item .cancel { | |
background: #e84d49; | |
border-radius: 2px; | |
color: #ffffff; | |
cursor: pointer; | |
display: none; | |
float: right; | |
font-size: 12px; | |
height: 14px; | |
margin-left: -14px; | |
margin-top: 5px; | |
overflow: hidden; | |
position: relative; | |
text-align: center; | |
width: 14px; | |
z-index: 2; | |
} | |
.panel.files .items_list .item .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; | |
} | |
.panel.files .items_list .item .cancel:before { | |
content: "\e63e"; | |
} | |
.panel.files .items_list .item .header { | |
background: transparent; | |
border-radius: 5px 5px 0px 0px; | |
color: #626262; | |
display: none; | |
font-size: 8pt; | |
height: 24px; | |
line-height: 120%; | |
margin: 1px 1px -31px; | |
overflow: hidden; | |
padding: 4px 4px 2px; | |
position: relative; | |
text-align: center; | |
white-space: normal; | |
z-index: 1; | |
} | |
.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; | |
} | |
.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: #ebf7cb; | |
} | |
.panel.files .items_list .item:hover .header, | |
.panel.files .items_list .item.selected .header, | |
.panel.files .items_list .item.checked .header { | |
opacity: 0.9; | |
} | |
.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; | |
padding: 8px 8px 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: 7px 7px 6px; | |
} | |
.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 { | |
height: 400px; | |
max-width: 100%; | |
padding-bottom: 62px; | |
width: 840px; | |
} | |
.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; | |
} | |
.popup.files .popup_panel .image { | |
border-bottom: 0; | |
} | |
.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; | |
} | |
.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: #1998a4 no-repeat 0 0 / cover url("images/background.jpg"); | |
} | |
.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 .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 300ms, margin-top 0ms linear 300ms; | |
-moz-transition: -moz-transform 600ms ease-in-out, opacity 120ms linear 240ms, visibility 1ms linear 300ms, margin-top 0ms linear 300ms; | |
transition: transform 600ms ease-in-out, opacity 120ms linear 240ms, visibility 1ms linear 300ms, margin-top 0ms linear 290ms; | |
} | |
.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 { | |
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 0px 0px 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 .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; | |
} | |
.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; | |
} | |
.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 .inline_popup { | |
background-color: #f7f7f7; | |
border: solid 1px #cccccc; | |
border-radius: 2px; | |
padding: 4px 8px; | |
position: absolute; | |
} | |
.html_editor .inline_popup.image_tooltip { | |
opacity: 0.7; | |
filter: alpha(opacity=70); | |
border: solid 1px #eeeeee; | |
margin: 10px 0px 0px 10px; | |
} | |
.html_editor .inline_popup .button { | |
border-right: 1px solid #cccccc; | |
color: #4477bb; | |
cursor: pointer; | |
margin: 0px 8px; | |
padding-right: 8px; | |
text-decoration: underline; | |
} | |
.html_editor .inline_popup .button:last-child { | |
border-right: 0px; | |
margin: 0px; | |
padding-right: 0px; | |
} | |
.html_editor .inline_popup .button:hover { | |
text-decoration: none; | |
} | |
.html_editor .inline_popup input { | |
width: 300px; | |
} | |
.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; | |
} | |
.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; | |
} | |
.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; | |
} | |
.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 { | |
background-image: url("../../images/sprites.png"); | |
background-repeat: no-repeat; | |
display: inline-block; | |
height: 16px; | |
vertical-align: middle; | |
width: 16px; | |
} | |
.html_editor .toolbar .content .item.link .icon { | |
background-position: 0px -320px; | |
} | |
.html_editor .toolbar .content .item.unlink .icon { | |
background-position: -40px -320px; | |
} | |
.html_editor .toolbar .content .item.image .icon { | |
background-position: -440px -320px; | |
} | |
.html_editor .toolbar .content .item.slist .icon { | |
background-position: -40px -320px; | |
} | |
.html_editor .toolbar .content .item.uslist .icon { | |
background-position: -80px -320px; | |
} | |
.html_editor .toolbar .content .item.hline .icon { | |
background-position: -160px -320px; | |
} | |
.html_editor .toolbar .content .item.bold .icon { | |
background-position: -200px -320px; | |
} | |
.html_editor .toolbar .content .item.italic .icon { | |
background-position: -120px -320px; | |
} | |
.html_editor .toolbar .content .item.underline .icon { | |
background-position: -160px -320px; | |
} | |
.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 { | |
background-position: -400px -320px; | |
} | |
.html_editor .toolbar .content .item.background .icon { | |
background-position: -40px -320px; | |
} | |
.html_editor .toolbar .content .item.clear .icon { | |
background-position: -480px -320px; | |
} | |
.html_editor .toolbar .content .item.strike_through .icon { | |
background-position: -520px -320px; | |
} | |
.html_editor .toolbar .content .item.undo .icon { | |
background-position: -560px -320px; | |
} | |
.html_editor .toolbar .content .item.redo .icon { | |
background-position: -600px -320px; | |
} | |
.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.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; | |
} | |
.MailLayout .panel_helper { | |
width: 85%; | |
} | |
.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 .manage_folders { | |
font-size: 8pt; | |
line-height: 16px; | |
text-align: center; | |
} | |
.messages_panel .items_list .item .flag { | |
color: #cccccc; | |
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: #bed18b; | |
} | |
.messages_panel .items_list .item.selected .flag:not(.partial):before { | |
color: #549fe1; | |
} | |
.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 .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: #ebf7cb; | |
} | |
.messages_panel .items_list .item.checked .thread-pin:hover { | |
background-color: #e3f4b5; | |
} | |
.messages_panel .items_list .item .thread-pin { | |
background: #ffffff; | |
border: 1px solid #a0a0a0; | |
border-radius: 9px; | |
color: #a0a0a0; | |
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: #f2f2f2; | |
} | |
.messages_panel .items_list .item .thread-pin.unread { | |
background-color: #a0a0a0; | |
border: 1px solid #a0a0a0; | |
color: #ffffff; | |
} | |
.messages_panel .items_list .item .thread-pin.unread:hover { | |
background-color: #939393; | |
} | |
.messages_panel .items_list .item.selected .thread-pin { | |
background: #78b8f0; | |
border: 1px solid #ffffff; | |
color: #ffffff; | |
} | |
.messages_panel .items_list .item.selected .thread-pin:hover { | |
background-color: #61aced; | |
} | |
.messages_panel .items_list .item.selected .thread-pin.unread { | |
background-color: #ffffff; | |
border: 1px solid #ffffff; | |
color: #78b8f0; | |
} | |
.messages_panel .items_list .item.selected .thread-pin.unread:hover { | |
background-color: #f2f2f2; | |
} | |
.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: #ffffff; | |
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_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: #7e9baf; | |
} | |
.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: #dff6eb; | |
border-bottom: 1px solid #b7ebd2; | |
padding: 15px; | |
} | |
.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 .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: #3ba7b6; | |
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; | |
} | |
.toolbar .sort .icon:before { | |
content: "\e913"; | |
} | |
.toolbar .sort .dropdown_content .item.selected { | |
background: #f9f9f9 !important; | |
} | |
.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"; | |
} | |
.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; | |
display: flex; | |
flex-direction: column; | |
flex-wrap: nowrap; | |
} | |
.panel.compose .input.inputosaurus { | |
position: relative; | |
} | |
.panel.compose .disable_mask { | |
background: #cccccc; | |
cursor: default; | |
height: 100%; | |
opacity: 0.2; | |
position: absolute; | |
width: 100%; | |
z-index: 100; | |
} | |
.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 11px; | |
} | |
.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 .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 .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: #4477bb; | |
display: inline-block; | |
font-size: 11pt; | |
} | |
.panel.compose table.fields .to .link:hover { | |
color: #24579b; | |
} | |
.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 .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; | |
} | |
.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: #43d0bf; | |
} | |
.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; | |
} | |
.buttons .add_account_button { | |
background: #6fa8de; | |
border: 1px solid #468fd4; | |
color: #ffffff; | |
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3); | |
} | |
.buttons .add_account_button:hover { | |
background: #5a9bd9; | |
} | |
.buttons .add_account_button.disabled { | |
color: #b7d4ef; | |
} | |
.buttons .add_account_button.disabled:hover { | |
background: #6fa8de; | |
} | |
.buttons .contour_button { | |
color: #43d0bf; | |
} | |
.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; | |
} | |
.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"; | |
} | |
.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; | |
} | |
.recaptcha-place-cover { | |
margin-left: -30px; | |
} | |
.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: #287B8B; | |
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; | |
} | |
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: #67a398; | |
} | |
.panels.settings .folders .items_list .item.selected > .title .count.unseen { | |
border-radius: 11px/10px; | |
background: #74b7ab; | |
box-shadow: 0px 1px 1px #67a398 inset, 0px 1px 0px rgba(255, 255, 255, 0.3); | |
} | |
.panels.settings .folders .items_list .item.selected > .title .count.unseen:hover { | |
background: #67a398; | |
} | |
.panels.settings .folders .items_list.collapsible .item.accordion .collapse_handler { | |
display: inline-block; | |
margin-left: -4px; | |
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: "\e66d"; | |
} | |
.panels.settings .folders .items_list.collapsible .item.accordion .collapse_handler.collapsed:before { | |
content: "\e670"; | |
} | |
.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: #dfdcd4 !important; | |
color: #626262 !important; | |
text-shadow: 0px 1px 0px #ffffff !important; | |
} | |
.panels.settings .folders .item.selected > .title.droppableHover { | |
background: #2a6470 !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; | |
} | |
.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; | |
} | |
.settings .account_list { | |
background: #fafafa; | |
border: 1px solid #d5d9dc; | |
border-radius: 4px; | |
margin: 0px 20px; | |
overflow: hidden; | |
clear: both; | |
} | |
.settings .account_list:after { | |
/*Opera*/ | |
clear: both; | |
display: block; | |
content: "."; | |
height: 0; | |
visibility: hidden; | |
} | |
* html > body .settings .account_list { | |
width: 100%; | |
display: block; | |
} | |
* html .settings .account_list { | |
/* IE 6 */ | |
height: 1%; | |
} | |
.settings .account_list .item { | |
border-bottom: 1px solid #d5d9dc; | |
color: #626262; | |
cursor: pointer; | |
padding: 6px 10px; | |
} | |
.settings .account_list .item.fetcher .icon { | |
display: inline-block; | |
font-size: 20px; | |
height: 18px; | |
vertical-align: bottom; | |
width: 18px; | |
} | |
.settings .account_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; | |
} | |
.settings .account_list .item.fetcher .icon.fetcher:before { | |
content: "\e65b"; | |
} | |
.settings .account_list .item.fetcher .icon.default-identity { | |
font-family: monospace; | |
font-size: 19px; | |
height: 17px; | |
margin-left: 10px; | |
} | |
.settings .account_list .item.fetcher .label { | |
color: #929292; | |
} | |
.settings .account_list .item.fetcher .title { | |
font-weight: bold; | |
} | |
.settings .account_list .item.fetcher .info { | |
float: right; | |
} | |
.settings .account_list .item:last-child { | |
border-bottom: 0px; | |
} | |
.settings .account_list .item.selected { | |
background: #f1f1f1; | |
color: #4d4d4d; | |
font-weight: bold; | |
} | |
.settings .account_list .button { | |
float: right; | |
} | |
.settings .account_list .title { | |
display: inline-block; | |
font-size: 9pt; | |
padding: 0px; | |
} | |
.settings .account_list { | |
background: #fafafa none repeat scroll 0 0; | |
border: 1px solid #d5d9dc; | |
border-radius: 4px; | |
clear: both; | |
margin: 0 20px 20px; | |
overflow: hidden; | |
} | |
.settings .account_list .item { | |
border-bottom: 1px solid #d5d9dc; | |
color: #626262; | |
cursor: pointer; | |
padding: 6px 10px; | |
} | |
.settings .account_list .item .title { | |
margin: 0; | |
} | |
.settings .account_list .item.selected { | |
background: #f1f1f1 none repeat scroll 0 0; | |
color: #4d4d4d; | |
font-weight: bold; | |
} | |
.settings .account_list .item .link.fetcher { | |
float: right; | |
font-weight: normal; | |
margin-left: 12px; | |
} | |
.settings .account_list .buttons { | |
margin: 15px 0px; | |
} | |
.settings .account_list .buttons .button { | |
font-size: 10pt; | |
} | |
.settings .account_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; | |
} | |
.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 #4477bb; | |
color: #4477bb; | |
text-decoration: none; | |
} | |
.settings .helpdesk .input, | |
.settings .autoresponder .input { | |
width: 520px; | |
} | |
.settings .helpdesk .signature .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; | |
} | |
.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: #1998a4 no-repeat 0 0 / cover url("images/background.jpg"); | |
} | |
.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 .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 300ms, margin-top 0ms linear 300ms; | |
-moz-transition: -moz-transform 600ms ease-in-out, opacity 120ms linear 240ms, visibility 1ms linear 300ms, margin-top 0ms linear 300ms; | |
transition: transform 600ms ease-in-out, opacity 120ms linear 240ms, visibility 1ms linear 300ms, margin-top 0ms linear 290ms; | |
} | |
.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; | |
} | |
.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 .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"; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment