%PDF-
%PDF-
Mini Shell
Mini Shell
/*=== Common css part ===*/
.settings .folders .items_list .item > .title {
color: #3d3d3d !important;
text-shadow: none !important;
}
.message_viewer .message_header {
background: #fff !important;
}
.manage_folders a {
color: #fff !important;
}
.panel.threads .middle_bar {
padding-top: 56px !important;
margin-top: -56px !important;
}
/*==== Fade CSS ====*/
.fadeout {
display: block;
position: relative;
overflow: hidden;
white-space: nowrap;
}
.fadeout:after {
content: "";
pointer-events: none;
position: absolute;
display: block;
top: 0;
right: 0;
width: 10px;
height: 100%;
}
html.rtl .fadeout:after {
left: 0;
right: auto;
}
.recivedAnim .fadeout:after {
background: none !important;
}
.fadeout .faded {
position: absolute;
display: block;
top: 0;
right: 0;
width: 10px;
height: 100%;
}
html.rtl .fadeout .faded {
left: 0;
right: auto;
}
/*==== END Fade CSS ====*/
@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;
}
/* This font face inherits and overrides the previous font face, but only for chrome */
.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 ===*/
.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%;
}
/*==== END Clearfix ====*/
/*==== Uselectable CSS ====*/
.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;
}
/*==== END Uselectable Clearfix ====*/@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: rgba(255, 247, 173, 1); }
30% { background: rgba(255, 247, 173, 1); }
100% { background: rgba(255, 247, 173, 0); }*/
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);
}
}
/*=== Screens CSS ===*/
.screens {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
}
.single_mode .screens {
padding-top: 0px;
margin-top: 0px;
}
.screens .screen {
height: 100%;
}
/*=== END Screens CSS ===*/
/*=== Panels CSS ===*/
.panels,
.panel_helper {
height: 100%;
font-size: 0;
white-space: nowrap;
width: 100%;
}
.panels .panel_helper {
vertical-align: top;
display: inline-block;
}
.panel {
font-size: 12pt;
height: 100%;
white-space: normal;
width: 100%;
position: relative;
box-shadow: -1px 0 5px rgba(0, 0, 0, 0.2);
}
.panels .panel {
vertical-align: top;
display: inline-block;
}
.panel .resize_handler {
display: none;
}
.panel .panel_content {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding-top: 53px;
margin-top: -53px;
/* toolbar offset*/
height: 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%;
}
.panel .panel_top {
background: #f8f8f8;
white-space: nowrap;
border-bottom: 1px solid #e2e2e2;
color: #555566;
padding: 6px 10px 6px 34px;
}
html.rtl .panel .panel_top {
padding-left: 10px;
padding-right: 34px;
}
.panel .panel_top .custom_checkbox {
margin-top: 3px;
margin-left: -20px;
margin-right: 8px;
vertical-align: middle;
}
html.rtl .panel .panel_top .custom_checkbox {
margin-left: 0px;
margin-right: -20px;
}
.panel .panel_center {
height: 100%;
background: #fff;
min-height: 100px;
}
.panel .panel_bottom {
background-color: #F8F8F8;
border-radius: 0 0 0 4px;
border-top: 1px solid #E2E2E2;
height: 26px;
padding: 14px 20px 0;
}
.rtl .panel {
box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
}
.panel.item_viewer {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
}
/*=== END Panels CSS ===*/
/*=== Panel Item Viewer CSS ===*/
.panel.item_viewer {
position: relative;
z-index: 1;
background: #fff;
}
html.rtl .panel.item_viewer {
margin-left: 0px;
margin-right: -2px;
padding-left: 0;
padding-right: 2px;
}
.panel.item_viewer .notification {
font-size: 18px;
color: #ccc;
padding: 26px 20px;
display: block;
text-align: center;
}
.panel.item_viewer .attachments {
padding: 20px;
color: #3d3d3d;
}
.panel.item_viewer .attachments .download_menu {
margin-bottom: 10px;
}
.panel.item_viewer .attachments .download_menu .content {
max-height: 0px;
overflow: hidden;
margin-left: 24px;
-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: #333 !important;
text-decoration: none !important;
}
.panel.item_viewer .attachments .download_menu .link .icon {
display: none;
}
.panel.item_viewer .attachments .download_menu .link.hover .icon {
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
margin-right: 8px;
float: left;
}
.panel.item_viewer .attachments .download_menu .link.hover .icon:before {
content: "\e642";
}
.panel.item_viewer .attachments .download_menu .link .text {
overflow: hidden;
}
/*=== END Panel Item Viewer CSS ===*/
/*=== Common List CSS ===*/
.items_list .section_title {
text-transform: uppercase;
padding: 10px 17px 10px 17px;
color: #777777;
cursor: default;
font-weight: bold;
white-space: nowrap;
display: block;
text-shadow: 0px 1px 0px #fff;
}
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 solid #E3E3E3;
border-right: 5px solid #E3E3E3;
}
.items_list .use_threads .threaded.show {
max-height: 80px;
-webkit-transition: max-height 300ms ease-out;
-moz-transition: max-height 300ms ease-out;
-o-transition: max-height 300ms ease-out;
transition: max-height 300ms ease-out;
}
.items_list .use_threads .threaded .link {
color: #4477bb;
}
.items_list .use_threads .threaded .link:hover {
color: #c74747;
}
.items_list .item {
background: #fdfdfd;
font-weight: normal;
line-height: 140%;
white-space: nowrap;
cursor: default;
color: #3d3d3d;
position: relative;
max-height: 85px;
overflow: hidden;
color: #A0A0A0;
}
.items_list .item .from,
.items_list .item .subject {
overflow: hidden;
}
.items_list .item .from:after,
.items_list .item .subject:after {
content: "";
pointer-events: none;
display: block;
width: 10px;
float: right;
height: 100px;
margin-left: 0;
margin-top: -100px;
position: relative;
}
html.rtl .items_list .item .from:after,
html.rtl .items_list .item .subject:after {
float: left;
}
.recivedAnim .items_list .item .from:after,
.recivedAnim .items_list .item .subject:after {
background: none !important;
}
.items_list .item.unseen {
background: #f4f6f7;
font-weight: bold;
}
.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;
overflow: hidden;
max-height: 0px !important;
}
.items_list .item.checked {
background: #fefbea;
}
.items_list .item.selected {
background-color: #edf7f9;
color: #fff;
}
.items_list .item.selected .custom_checkbox .icon {
border-color: #577da1;
box-shadow: 0 1px 0 #AAD2F8;
}
.items_list .item .item_content {
padding: 12px 16px 12px 14px;
border-bottom: 1px solid #e8e8e8;
}
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 .size,
.items_list .item .date,
.items_list .item .attachments {
color: #999999;
display: inline-block;
float: right;
font-size: 8pt;
margin-top: 2px;
margin-left: 4px;
}
html.rtl .items_list .item .size,
html.rtl .items_list .item .date,
html.rtl .items_list .item .attachments {
float: left;
margin-left: 0px;
margin-right: 4px;
}
.items_list .item.selected .size,
.items_list .item.selected .date {
color: #fff;
}
.items_list .item .title,
.items_list .item .subtitle {
display: block;
margin-bottom: 10px;
font-size: 10.5pt;
}
.items_list .item .subtitle {
font-size: 10pt;
margin-bottom: 0px;
}
.items_list .item.selected .subtitle {
color: inherit;
}
.items_list .item .separator {
clear: both;
}
.messages .items_list .item .subject {
font-size: 12pt !important;
}
.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;
padding: 11px;
color: #D3B910;
font-size: 18pt;
text-align: center;
opacity: 0;
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
visibility: hidden;
}
.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;
height: 100%;
border: 3px dashed #E2DA36;
border-radius: 5px;
}
.items_list.collapsible .item.accordion .collapse_handler {
display: inline-block;
vertical-align: middle;
width: 12px;
margin-right: -2px;
}
.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;
}
.items_list.collapsible .item.accordion .collapse_handler:before {
font-size: 16px;
display: inline-block;
vertical-align: middle;
width: 100%;
height: 100%;
}
.items_list.collapsible .item.accordion .collapse_handler.expanded:before {
content: "\e61d";
}
.items_list.collapsible .item.accordion .collapse_handler.collapsed:before {
content: "\e640";
}
.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;
}
.items_list.collapsible .item.accordion.collapsed .children .title {
max-height: 0px;
opacity: 0;
padding-top: 0px;
padding-bottom: 0px;
overflow: hidden;
}
.list_notification {
font-size: 18px;
color: #ccc;
padding: 6px 14px 26px;
display: block;
text-align: center;
}
.list_notification.search_results {
border-bottom: 1px solid #E5E5E5;
background: #FCFCFC;
}
.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;
}
/*=== END Common List CSS ===*/
/*=== Toolbar CSS ===*/
.toolbar {
background: #ffffff;
border-bottom: 1px solid #e6e6e7;
border-radius: 4px 4px 0 0;
white-space: nowrap;
}
.toolbar .resizer {
height: 55px;
}
.toolbar .content {
display: block;
font-size: 0.1px;
padding: 11px;
}
.toolbar .content > .item,
.toolbar .content .group > .item {
display: inline-block;
vertical-align: middle;
background-color: #fafafa;
box-shadow: inset 0px -1px 4px #eeeeee, inset 0px 1px 0px #ffffff;
border: 1px solid #c5c5c5;
border-radius: 4px;
height: 30px;
line-height: 30px;
padding: 0 6px;
position: relative;
cursor: pointer;
font-size: 10pt;
color: #626262;
text-decoration: none;
margin-right: 8px;
background: #fff;
border: 0px solid #fff;
box-shadow: none;
}
.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;
}
.no-mobile .toolbar .content > .item:hover:not(.disabled):not(.passive),
.no-mobile .toolbar .content .group > .item:hover:not(.disabled):not(.passive),
.mobile .toolbar .content > .item:active:not(.disabled):not(.passive),
.mobile .toolbar .content .group > .item:active:not(.disabled):not(.passive),
.toolbar .content > .item.expand,
.toolbar .content .group > .item.expand {
background: #eeeeee;
box-shadow: inset 0px -1px 4px #eeeeee, inset 0px 1px 0px #d5d5d5;
box-shadow: none;
background: #9bbabe;
border-color: #ccc;
color: #fff;
}
.no-mobile .toolbar .content > .item:hover:not(.disabled):not(.passive) > .icon,
.no-mobile .toolbar .content .group > .item:hover:not(.disabled):not(.passive) > .icon,
.mobile .toolbar .content > .item:active:not(.disabled):not(.passive) > .icon,
.mobile .toolbar .content .group > .item:active:not(.disabled):not(.passive) > .icon,
.toolbar .content > .item.expand > .icon,
.toolbar .content .group > .item.expand > .icon {
color: #fff;
}
.no-mobile .toolbar .content > .item:hover:not(.disabled):not(.passive) .hint,
.no-mobile .toolbar .content .group > .item:hover:not(.disabled):not(.passive) .hint,
.mobile .toolbar .content > .item:active:not(.disabled):not(.passive) .hint,
.mobile .toolbar .content .group > .item:active:not(.disabled):not(.passive) .hint,
.toolbar .content > .item.expand .hint,
.toolbar .content .group > .item.expand .hint {
background-color: #d5d5d5;
}
.mobile .toolbar .content > .item:hover:not(:active):not(.disabled):not(.passive),
.mobile .toolbar .content .group > .item:hover:not(:active):not(.disabled):not(.passive) {
background: none;
}
.toolbar .content > .item > .icon,
.toolbar .content .group > .item > .icon {
display: inline-block;
vertical-align: middle;
text-align: center;
width: 28px;
height: 28px;
font-size: 27px;
color: rgba(0, 0, 0, 0.5);
text-shadow: 0 1px 0 #ffffff, 0 0 0 #505050;
}
.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:before,
.toolbar .content .group > .item > .icon:before {
display: inline-block;
vertical-align: baseline;
}
.toolbar .content > .item > .text_icon,
.toolbar .content .group > .item > .text_icon {
display: inline-block;
vertical-align: middle;
text-align: center;
width: 30px;
height: 30px;
font-size: 20px;
color: rgba(0, 0, 0, 0.5);
}
.toolbar .content > .item.checkmail,
.toolbar .content .group > .item.checkmail {
float: right;
margin-right: 0px;
}
html.rtl .toolbar .content > .item.checkmail,
html.rtl .toolbar .content .group > .item.checkmail {
float: left;
margin-left: 0px;
}
.toolbar .content > .item.passive,
.toolbar .content .group > .item.passive,
.toolbar .content > .item.passive:hover,
.toolbar .content .group > .item.passive:hover {
cursor: default;
background: #fff;
border: 0px solid #fff;
box-shadow: none;
}
.toolbar .content > .item.passive .text,
.toolbar .content .group > .item.passive .text,
.toolbar .content > .item.passive:hover .text,
.toolbar .content .group > .item.passive:hover .text {
color: inherit;
}
.toolbar .content > .item.passive:first-child,
.toolbar .content .group > .item.passive:first-child,
.toolbar .content > .item.passive:hover:first-child,
.toolbar .content .group > .item.passive:hover:first-child {
margin-left: 0px;
}
.toolbar .content > .item.passive.send,
.toolbar .content .group > .item.passive.send,
.toolbar .content > .item.passive:hover.send,
.toolbar .content .group > .item.passive:hover.send {
background: #E3B856;
border-color: #BFAF46;
padding-left: 20px;
padding-right: 20px;
color: #fff;
}
.toolbar .content > .item.passive.send:hover:not(.disabled),
.toolbar .content .group > .item.passive.send:hover:not(.disabled),
.toolbar .content > .item.passive:hover.send:hover:not(.disabled),
.toolbar .content .group > .item.passive:hover.send:hover:not(.disabled) {
background: #dca62a !important;
border-color: #9c8f36 !important;
}
.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 {
vertical-align: top;
content: "\e61d" !important;
font-size: 16px;
}
.toolbar .content > .item > .text,
.toolbar .content .group > .item > .text {
display: inline-block;
display: none;
vertical-align: baseline;
font-weight: bold;
}
.toolbar .content > .item .hint,
.toolbar .content .group > .item .hint {
background-color: #aeaeae;
border-radius: 3px;
color: #FFFFFF;
padding: 3px 5px;
vertical-align: middle;
}
.toolbar .content > .item:first-child,
.toolbar .content .group > .item:first-child {
margin-left: 0px;
}
.toolbar .content > .item.send,
.toolbar .content .group > .item.send {
background: #E3B856;
border-color: #BFAF46;
padding-left: 20px;
padding-right: 20px;
color: #fff;
}
.toolbar .content > .item.send:hover:not(.disabled),
.toolbar .content .group > .item.send:hover:not(.disabled) {
background: #dca62a !important;
border-color: #9c8f36 !important;
}
.toolbar .content .group {
display: inline-block;
vertical-align: middle;
margin-right: 8px;
position: relative;
}
html.rtl .toolbar .content .group {
margin-left: 8px;
margin-right: 0px;
}
html.mobile .toolbar .content .group {
position: static;
}
.toolbar .content .group > .item {
margin-right: 0px;
margin-left: 0px;
border-radius: 0px;
border-left-width: 0px;
border-right-width: 1px;
}
html.rtl .toolbar .content .group > .item {
margin-right: 0px;
margin-left: 0px;
border-radius: 0px;
border-left-width: 1px;
border-right-width: 0px;
}
.toolbar .content .group > .item:first-child {
border-left-width: 1px;
border-radius: 4px 0px 0px 4px;
}
html.rtl .toolbar .content .group > .item:first-child {
border-right-width: 1px;
border-radius: 0px 4px 4px 0px;
}
.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;
box-shadow: inset 0px -1px 4px #eeeeee, inset 0px 1px 0px #d5d5d5;
box-shadow: none;
background: #9bbabe;
border-color: #ccc;
color: #fff;
}
.toolbar .content .group.expand > .item > .icon {
color: #fff;
}
.toolbar .content .group.expand > .item .hint {
background-color: #d5d5d5;
}
.toolbar .disabled .item,
.toolbar .item.disabled {
opacity: 0.3;
filter: alpha(opacity=30);
color: #888888;
cursor: default;
}
.toolbar .group.checkmail .icon:before,
.toolbar .item.checkmail .icon:before {
content: "\e607";
text-shadow: none !important;
width: 100%;
height: 100%;
-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);
}
.no-cssanimations .toolbar .group.checkmail .icon:before,
.no-cssanimations .toolbar .item.checkmail .icon:before {
content: "";
}
.no-cssanimations .toolbar .group.checkmail .icon,
.no-cssanimations .toolbar .item.checkmail .icon {
background: url("images/check.png?7.4.2") no-repeat 0px 0px;
overflow: hidden;
width: 19px !important;
height: 19px !important;
}
.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: "\e602";
}
.toolbar .group.empty_trash .icon:before,
.toolbar .item.empty_trash .icon:before {
content: "\e602";
}
.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.wait_client .icon:before,
.toolbar .item.wait_client .icon:before {
content: "\e631";
}
.toolbar .group.new_request .icon:before,
.toolbar .item.new_request .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.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.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.prev .icon:before,
.toolbar .item.prev .icon:before {
content: "\e64b";
}
html.rtl .toolbar .group.prev .icon:before,
html.rtl .toolbar .item.prev .icon:before {
content: "\e64c";
}
.toolbar .group.next .icon:before,
.toolbar .item.next .icon:before {
content: "\e64c";
}
html.rtl .toolbar .group.next .icon:before,
html.rtl .toolbar .item.next .icon:before {
content: "\e64b";
}
.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.save_as_pdf > .icon:before,
.toolbar .item.save_as_pdf > .icon:before {
content: "\e664";
}
.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;
}
.mobile .messages .panel_top .search_block {
padding-right: 58px;
}
.mobile .messages .panel_top .toolbar {
background: none;
border: 0;
border-radius: 0;
display: inline-block;
filter: none;
float: right;
margin-top: -29px;
padding: 0;
}
.mobile .messages .panel_top .toolbar .content {
padding: 0;
}
.mobile .messages .panel_top .toolbar .content .item.checkmail {
padding: 0 2px;
}
.mobile .messages .panel_top .toolbar .content .item.checkmail:not(:hover) {
background: none;
}
/*=== END Toolbar CSS ===*//*=== Toolbar CSS ===*/
/*.toolbar {
@bottomBorder: 1px solid #cacfd5;
@background: #e0e7ef;
.theme-item-hover() {
box-shadow: inset 0px -1px 4px #eee, inset 0px 1px 0px #d5d5d5;
};
background: @background;
border-bottom: @bottomBorder;
border-radius: 4px 4px 0 0;
white-space: nowrap;
.content {
display: block;
font-size: 0.1px;
padding: 11px;
& > .item,
.group > .item {
display: inline-block;
vertical-align: middle;
background-color: #fafafa;
box-shadow: inset 0px -1px 4px #eee, inset 0px 1px 0px #fff;
border: 1px solid #c5c5c5;
border-radius: 6px;
font-size: 16pt;
text-decoration: none;
//line-height: 140%;
cursor: pointer;
padding: 4px 6px 3px;
margin-right: 8px;
color: #626262;
&:hover:not(.disabled),
&.expand {
.theme-item-hover();
}
html.rtl & {
margin-left: 8px;
margin-right: 0px;
}
&:last-child {
margin-right: 0px;
html.rtl & {
margin-left: 0px;
}
}
&.passive,
&.passive:hover {
color: #888888;
cursor: default;
box-shadow: none;
background: #FAFAFA;
}
.text {
display: inline-block;
display: none;
vertical-align: middle;
font-weight: bold;
padding: 0px 4px;
color: rgba(0,0,0, 0.5);
text-shadow: 0 1px 0 #FFFFFF, 0 0 0 #505050;
}
.icon {
display: inline-block;
vertical-align: middle;
width: 30px;
height: 32px;
.iconFontInit();
&:before {
font-size: 30px;
display: inline-block;
width: 30px;
height: 30px;
color: rgba(0,0,0, 0.5);
text-shadow: 0 1px 0 #FFFFFF, 0 0 0 #505050;
}
&.arrow {
width: 20px;
&:before {
content: "\e61d";
}
}
}
.hint {
background-color: #c0c0c0;
border: 1px solid #c0c0c0;
border-radius: 3px;
color: #FFFFFF;
padding: 1px 3px;
vertical-align: middle;
}
.theme-item();
}
.group {
display: inline-block;
vertical-align: middle;
margin-right: 8px;
html.rtl & {
margin-left: 8px;
margin-right: 0px;
}
& > .item {
margin-right: 0px;
margin-left: 0px;
border-radius: 0px;
border-left-width: 0px;
border-right-width: 1px;
html.rtl & {
margin-right: 0px;
margin-left: 0px;
border-radius: 0px;
border-left-width: 1px;
border-right-width: 0px;
}
&:first-child {
border-left-width: 1px;
border-radius: 4px 0px 0px 4px;
html.rtl & {
border-right-width: 1px;
border-radius: 0px 4px 4px 0px;
}
}
&.control,
&:last-child {
border-radius: 0px 4px 4px 0px;
html.rtl & {
border-radius: 4px 0px 0px 4px;
}
}
}
&.expand > .item {
.theme-item-hover();
}
}
}
.disabled .item,
.item.disabled {
.opacity(0.3);
color: #888888;
cursor: default;
}
.group,
.item {
@import "_toolbar_icons.less";
&.replyall .icon {
width: 36px;
}
}
.theme-common-panel-toolbar();
}
.cssanimations .toolbar .item.process .icon:before {
.animation(cycle 0.8s linear infinite);
}*/
/*=== END Toolbar CSS ===*/
/*=== Field list CSS ===*/
.fields .fieldset .subtitle {
margin-top: 0px;
font-size: 13.5pt;
}
.fields .fieldgroup {
padding-bottom: 20px;
}
.fields .fieldgroup:last-child {
padding-bottom: 0px;
}
.fields .hint {
color: #929292;
padding: 0 0 10px;
padding: 0px;
margin: 0 0 10px;
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 {
display: inline-block;
cursor: pointer;
color: #47b;
}
.fields .row.dates.editable:hover {
text-decoration: underline;
color: #c74747;
}
.fields .row.description value {
-ms-word-break: break-all;
word-break: break-word;
}
.fields .row > * {
font-size: 9pt;
}
.fields .row .placeholder {
display: inline-block;
vertical-align: middle;
width: 0px;
height: 0;
position: relative;
color: #bbb;
font-size: 12pt;
white-space: nowrap;
text-indent: 5px;
cursor: text;
float: left;
}
html.rtl .fields .row .placeholder {
float: right;
}
.fields .row .placeholder .title {
color: #bbb;
}
.fields .row.filled .placeholder,
.fields .row.focused .placeholder {
overflow: hidden;
}
.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;
-ms-word-break: break-all;
word-wrap: break-word;
}
html.rtl .fields .label {
padding-right: 0px;
padding-left: 10px;
}
.fields .label.required:before {
content: "*";
width: 0.6em;
display: inline-block;
color: red;
margin-left: -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;
width: 140px;
width: 300px;
padding: 4px 6px;
border-radius: 4px;
margin-right: 16px;
}
html.rtl .fields .input {
margin-right: 0px;
margin-left: 16px;
}
.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;
}
/*=== END Field list CSS ===*/
/*=== END Field list CSS ===*/
.draggable {
width: 0px;
height: 0px;
/* don't change */
}
.draggable .content {
cursor: move;
width: 200px;
height: 200px;
margin: -100px 0px 0px -100px;
}
.draggable .content .count-text {
background-color: rgba(0, 0, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000');
padding: 8px 16px;
border-radius: 2px;
line-height: 100%;
display: inline-block;
margin: 100px 0px 0px 100px;
z-index: 10002;
color: #fff;
padding: 6px 10px;
min-width: 30px;
}
/*=== END Field list CSS ===*/
/* Controls */
.buttons {
margin-top: 15px;
text-align: right;
}
html.rtl .buttons {
text-align: left;
}
.buttons .button {
display: inline-block;
font: bold 10pt Helvetica, Tahoma, Arial, sans-serif;
padding: 5px 12px;
cursor: pointer;
border-radius: 4px;
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;
}
.buttons .button {
background: #e3e3e3;
border: 1px solid #d3d3d3;
color: #676767;
text-shadow: 0px 1px 0px #ffffff;
}
.buttons .button:hover {
background: #d6d6d6;
}
.buttons .button.disabled {
color: #f1f1f1;
text-shadow: none !important;
cursor: default;
}
.buttons .button.disabled:hover {
background: #e3e3e3;
}
.buttons .button.secondary {
background: #e3b856;
border: 1px solid #bfaf46;
color: #ffffff;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
}
.buttons .button.secondary:hover {
background: #dfaf40;
}
.buttons .button.secondary.disabled {
color: #f1dcab;
}
.buttons .button.secondary.disabled:hover {
background: #e3b856;
}
.buttons .button.special {
background: #e3b856;
border: 1px solid #bfaf46;
color: #ffffff;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
}
.buttons .button.special:hover {
background: #dfaf40;
}
.buttons .button.special.disabled {
color: #f1dcab;
}
.buttons .button.special.disabled:hover {
background: #e3b856;
}
.buttons .button.state {
text-shadow: none;
cursor: default;
background: #ffffff;
border: 1px solid #6fa8de;
color: #4f88be;
}
.buttons .button.state.disabled {
color: #808080;
}
.buttons .button.state.disabled:hover {
background: #ffffff;
}
.custom_radio,
.custom_checkbox {
display: inline-block;
vertical-align: text-bottom;
overflow: hidden;
line-height: 1;
margin-right: 4px;
cursor: pointer;
font-size: 0;
}
html.rtl .custom_radio,
html.rtl .custom_checkbox {
margin-right: 0px;
margin-left: 4px;
}
.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 {
display: inline-block;
vertical-align: top;
border: 1px solid #b4b5b6;
border-radius: 2px;
width: 13px !important;
height: 13px !important;
line-height: 13px !important;
background: #fff;
text-align: center;
color: #5A6269;
}
.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 {
font-size: 10px;
display: inline-block;
vertical-align: baseline;
line-height: inherit;
}
.toolbar .custom_radio .icon:before,
.toolbar .custom_checkbox .icon:before {
font-size: 12px !important;
width: 12px !important;
height: 12px !important;
}
.disabled.custom_radio .icon,
.disabled.custom_checkbox .icon {
color: #ccc;
}
.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 {
display: inline-block;
background: #fff;
border: 1px solid #ccc;
border-radius: 3px;
font-size: 0px;
}
.custom_switcher .text {
display: inline-block !important;
padding: 5px 5px;
font-size: 9pt;
border-right: 1px solid #ccc;
}
.custom_switcher label.checked {
background: #6FA8DE;
display: inline-block;
color: #fff;
}
.custom_switcher label:first-child .text {
padding-left: 7px;
}
html.rtl .custom_switcher label:first-child .text {
padding-right: 7px;
border: 0px;
}
.custom_switcher label:last-child .text {
padding-right: 7px;
border: 0px;
}
html.rtl .custom_switcher label:last-child .text {
padding-right: 5px;
border-right: 1px solid #ccc;
}
.custom_switcher input {
display: none;
}
.input {
border: 1px solid #ccc;
background: #fff;
box-shadow: 0px 4px 3px -3px #e5e5e5 inset;
}
.input.focus,
.input:focus {
box-shadow: 0px 4px 3px -3px #e5e5e5 inset, 0 0 2px 0 #1d67cd;
border: 1px solid #fff;
}
.scroll-wrap {
display: block;
position: relative;
overflow: hidden;
max-height: none;
height: 100%;
}
.scroll-wrap .scroll-inner {
overflow: hidden;
}
.scroll-inner {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
overflow: auto;
-webkit-overflow-scrolling: touch;
height: 100%;
width: auto !important;
max-height: inherit;
position: relative;
top: 0px;
display: block;
}
.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;
z-index: 10;
visibility: hidden;
}
.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 {
height: 16px;
margin-left: 2px;
bottom: 2px;
left: 0;
}
.customscroll-scrollbar-horizontal div {
height: 4px;
margin: 10px 0px 2px 0px;
}
.customscroll-scrollbar-vertical {
width: 12px;
margin-top: 2px;
right: 2px;
top: 0;
padding: 6px 0px;
margin-right: 2px;
text-align: center;
}
html.rtl .customscroll-scrollbar-vertical {
right: auto;
left: 2px;
}
.customscroll-scrollbar-vertical div {
display: inline-block !important;
width: 4px;
}
html.rtl .customscroll-scrollbar-vertical div {
margin-left: 2px;
margin-right: 6px;
}
.pagination {
cursor: default;
display: block;
text-align: right;
}
html.rtl .pagination {
text-align: left;
}
.pagination .pages {
display: inline-block;
vertical-align: middle;
}
.pagination .item {
font-size: 12pt;
display: inline-block;
vertical-align: middle;
cursor: pointer;
color: #aaa;
}
.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: #777;
}
.pagination .item.current {
cursor: default;
color: #000;
}
.pagination .item.first,
.pagination .item.last,
.pagination .item.prev,
.pagination .item.next {
display: inline-block;
vertical-align: middle;
line-height: 18px;
}
.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 {
font-size: 18px;
display: inline-block;
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);
overflow: hidden;
display: block;
position: absolute;
z-index: 1000;
bottom: 0px;
top: 0px;
right: 0px;
left: -10000px;
cursor: default;
font-size: 9pt;
width: 100%;
visibility: hidden;
color: #626262;
background: rgba(255, 255, 255, 0.5);
}
.expand .dropdown {
opacity: 1;
filter: alpha(opacity=100);
left: 0px;
visibility: visible;
overflow: visible;
}
html.rtl .expand .dropdown {
left: auto;
right: 0px;
}
.dropdown .dropdown_content {
overflow-x: hidden;
overflow-y: auto;
max-height: 80%;
min-width: 100px;
display: block;
position: absolute;
top: 10%;
left: 20px;
right: 20px;
background: #FFFFFF;
border: 1px solid #CBC8C0;
border-radius: 4px 4px 4px 4px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
}
.register .dropdown .dropdown_content {
position: relative;
}
.dropdown .dropdown_content.scroll-wrap {
overflow: hidden;
}
.dropdown .dropdown_content.scroll-wrap .customscroll-scrollbar-vertical {
right: 2px !important;
}
.dropdown .dropdown_content .item {
display: block;
padding: 8px 12px;
margin: 0px;
white-space: nowrap;
cursor: pointer;
border: 0px;
box-shadow: none;
border-radius: 0px;
background: none;
height: auto;
}
.dropdown .dropdown_content .item:hover {
background: #f7f7f7;
}
.dropdown .dropdown_content .item.disabled {
color: #aaa;
cursor: default;
}
.dropdown .dropdown_content .item.disabled:hover {
background: none;
}
.dropdown .dropdown_content .item.selected {
color: #333;
background: #f0f0f0;
}
.dropdown .dropdown_arrow {
font-size: 0;
display: block;
width: 0px;
height: 0px;
margin: 0px 0px 0px 10px;
position: relative;
z-index: 1;
border-bottom: 6px solid #CBC8C0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-left-color: rgba(224, 224, 224, 0);
border-right-color: rgba(224, 224, 224, 0);
display: none;
}
html.rtl .dropdown .dropdown_arrow {
margin: 0px 10px 0px 0px;
}
.dropdown .dropdown_arrow span {
display: block;
width: 0px;
height: 0px;
margin-left: -5px;
position: relative;
top: 2px;
border-bottom: 5px solid #fff;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-left-color: rgba(224, 224, 224, 0);
border-right-color: rgba(224, 224, 224, 0);
}
html.rtl .dropdown .dropdown_arrow span {
margin-left: 0px;
margin-right: -5px;
}
/*=== END Dropdown CSS ===*/
.dropdown .folders .item,
.dropdown .folders .item:hover {
background: none;
padding: 0px;
}
.dropdown .folders .folder {
display: block;
cursor: pointer;
padding: 8px 12px 8px 0px;
}
.dropdown .folders .folder:hover {
background: #f7f7f7;
}
.dropdown .folders .folder .title {
padding-top: 6px;
padding-bottom: 6px;
padding-right: 12px;
font-weight: normal;
cursor: inherit;
}
.dropdown .folders .folder.disabled,
.dropdown .folders .folder.unselectable {
background: none;
cursor: default;
}
.dropdown .folders .folder.disabled .title,
.dropdown .folders .folder.unselectable .title {
color: #aaa;
}
/*=== Custom select CSS ===*/
.custom_selector {
position: relative;
display: inline-block;
}
.register .custom_selector .name {
display: inline-block;
height: 15px;
}
.custom_selector .dropdown {
z-index: 500;
position: absolute;
min-width: 100%;
left: 0px;
bottom: 0px;
visibility: hidden;
}
.custom_selector .dropdown .arrow {
font-size: 0;
display: block;
width: 0px;
height: 0px;
margin: 0px 0px -1px 10px;
position: relative;
border-bottom: 6px solid #CBC8C0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-left-color: rgba(224, 224, 224, 0);
border-right-color: rgba(224, 224, 224, 0);
}
.custom_selector .dropdown .arrow span {
display: block;
width: 0px;
height: 0px;
margin-left: -6px;
position: relative;
top: 2px;
border-bottom: 6px solid #fff;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-left-color: rgba(224, 224, 224, 0);
border-right-color: rgba(224, 224, 224, 0);
}
.custom_selector.right .dropdown .arrow {
float: right;
margin: 0px 10px -1px 0px;
}
.custom_selector.expand .dropdown {
left: 0px;
visibility: visible;
}
.custom_selector .dropdown_helper {
position: absolute;
left: 0px;
top: 0px;
}
.custom_selector.right .dropdown_helper {
left: auto;
right: 0px;
}
.custom_selector .dropdown_content {
background: #FFFFFF;
border: 1px solid #CBC8C0;
border-radius: 4px 4px 4px 4px;
display: inline-block;
max-height: 200px;
overflow-y: auto;
padding: 10px;
text-align: left;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
}
html.rtl .custom_selector .dropdown_content {
text-align: right;
}
.custom_selector .item:last-child {
border-bottom: 0px;
}
.languages .custom_selector .dropdown_content {
padding: 0px;
}
.languages .custom_selector.right .dropdown_arrow {
margin-right: 23px;
float: right;
}
.languages .custom_selector .item {
display: block;
white-space: nowrap;
padding: 8px 12px;
border-bottom: 1px solid #CBC8C0;
cursor: pointer;
color: #4d4d4d;
}
.languages .custom_selector .item.selected {
background: #f0f0f0;
}
.languages .custom_selector .item:hover {
background: #fafafa;
}
.languages .custom_selector .control {
cursor: pointer;
}
html.rtl .languages .custom_selector .control {
float: left;
}
.languages .custom_selector .control .icon {
margin: 0px;
}
.languages .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;
}
.languages .custom_selector .control .icon:before {
content: "\e61d";
font-size: 16px;
display: inline-block;
vertical-align: middle;
margin-top: -0.4ex;
}
.languages .custom_selector.expand .control .icon:before {
content: "\e624";
}
.languages .name .text {
display: none;
}
.languages .icon {
display: inline-block;
vertical-align: middle;
width: 16px;
height: 11px;
margin-right: 4px;
background: url("images/sprites.png?7.4.2") no-repeat 40px -400px;
}
@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) {
.languages .icon {
background-image: url("images/sprites2x.png?7.4.2");
background-size: 1440px 560px;
}
}
.languages .English .icon {
background-position: 0px -480px;
}
.languages .Arabic .icon {
background-position: -80px -520px;
}
.languages .Bulgarian .icon {
background-position: -40px -480px;
}
.languages .Chinese-Simplified .icon {
background-position: -80px -480px;
}
.languages .Chinese-Traditional .icon {
background-position: -80px -480px;
}
.languages .Czech .icon {
background-position: -120px -480px;
}
.languages .Danish .icon {
background-position: -160px -480px;
}
.languages .Dutch .icon {
background-position: -640px -480px;
}
.languages .Estonian .icon {
background-position: -200px -480px;
}
.languages .Finnish .icon {
background-position: -240px -480px;
}
.languages .French .icon {
background-position: -280px -480px;
}
.languages .German .icon {
background-position: -320px -480px;
}
.languages .Greek .icon {
background-position: -360px -480px;
}
.languages .Hebrew .icon {
background-position: -440px -480px;
}
.languages .Hungarian .icon {
background-position: -400px -480px;
}
.languages .Italian .icon {
background-position: -480px -480px;
}
.languages .Japanese .icon {
background-position: -520px -480px;
}
.languages .Korean .icon {
background-position: -120px -520px;
}
.languages .Latvian .icon {
background-position: -560px -480px;
}
.languages .Lithuanian .icon {
background-position: -600px -480px;
}
.languages .Norwegian .icon {
background-position: -680px -480px;
}
.languages .Persian .icon {
background-position: -360px -520px;
}
.languages .Polish .icon {
background-position: -720px -480px;
}
.languages .Portuguese-Brazil .icon {
background-position: -760px -480px;
}
.languages .Romanian .icon {
background-position: 0px -520px;
}
.languages .Russian .icon {
background-position: -40px -520px;
}
.languages .Spanish .icon {
background-position: -160px -520px;
}
.languages .Swedish .icon {
background-position: -200px -520px;
}
.languages .Thai .icon {
background-position: -240px -520px;
}
.languages .Turkish .icon {
background-position: -280px -520px;
}
.languages .Ukrainian .icon {
background-position: -320px -520px;
}
.languages .Serbian .icon {
background-position: -400px -520px;
}
.languages .Portuguese-Portuguese .icon {
background-position: -800px -480px;
}
.languages.demo {
position: static !important;
clear: both;
background: #D7DCDF;
border-radius: 4px;
border: 1px solid #C7CCCF;
text-align: left;
padding: 10px 14px;
margin-top: 20px;
width: 540px;
margin-left: -165px;
}
.languages.demo .title {
font-size: 12pt;
color: #464646;
margin-bottom: 10px;
text-align: center;
}
.languages.demo .item {
display: inline-block;
width: 49%;
width: 24%;
color: #555555;
}
.languages.demo .item .item_content {
display: inline-block;
padding: 3px 6px;
cursor: pointer;
border-radius: 3px;
}
.languages.demo .item .item_content:hover {
background-color: #B3BAC2;
color: #333333;
}
.languages.demo .item .item_content .text {
display: inline-block;
vertical-align: middle;
}
.languages.demo .item.selected .item_content {
background: #6C859B;
color: #fff;
}
/*=== Attachments Common CSS ===*/
.attachments .attachment {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #FFFFFF;
border-radius: 3px;
box-shadow: 0 1px 2px #B7B7B7;
margin: 4px 2px 10px;
overflow: hidden;
position: relative;
clear: both;
}
.attachments .attachment:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}
* html > body .attachments .attachment {
width: 100%;
display: block;
}
* html .attachments .attachment {
height: 1%;
}
.attachments .attachment.fail {
opacity: 0.3;
}
.csstransitions .attachments .attachment.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 .attachment .item_content {
display: block;
padding: 8px 10px 6px;
float: right;
}
.attachments .attachment .cancel {
display: none;
}
.upload.attachments .attachment .cancel {
background: #e84d49;
border-radius: 2px;
display: block;
float: right;
height: 14px;
width: 14px;
overflow: hidden;
margin-top: 5px;
cursor: pointer;
color: #fff;
font-size: 12px;
text-align: center;
}
.upload.attachments .attachment .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 .attachment .cancel:before {
content: "\e63e";
}
.attachments .attachment .spinner {
background: url("images/wait.gif?7.4.2") no-repeat left top;
display: inline-block;
width: 20px;
height: 20px;
}
.attachments .attachment .progress {
display: block;
margin-bottom: -3px;
height: 3px;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
}
.attachments .attachment .progress span {
display: block;
height: 3px;
background: #EF4A4A;
}
.attachments .attachment .image {
display: none;
text-align: center;
overflow: hidden;
min-height: 100px;
border-bottom: 1px solid #dedede;
white-space: nowrap;
}
.attachments .attachment .image:after {
display: inline-block;
vertical-align: middle;
min-height: inherit;
content: "";
}
.attachments .attachment .image img {
vertical-align: middle;
background: #fff;
}
.attachments .attachment .text {
color: #c7c7c7;
text-transform: uppercase;
font-size: 18pt;
margin: 36px 0px 0px;
display: inline-block;
}
.attachments .attachment .icon {
vertical-align: top;
margin: 15px 4px 0px 0px !important;
}
.attachments .attachment .download {
cursor: pointer;
}
.attachments .attachment .title {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
display: block;
max-width: 100%;
padding: 10px 0px 0px 8px;
word-wrap: break-word;
font-weight: bold;
white-space: normal;
}
.attachments .attachment .ext {
/*white-space: nowrap;*/
display: inline-block;
}
.attachments .attachment .size {
color: #929292;
float: right;
display: block;
margin: 10px 0px 0px 0px;
}
.attachments .attachment .status_text {
-webkit-transition: opacity 500ms ease 0s, visibility 1ms linear 0ms;
-moz-transition: opacity 500ms ease 0s, visibility 1ms linear 0ms;
-o-transition: opacity 500ms ease 0s, visibility 1ms linear 0ms;
transition: opacity 500ms ease 0s, visibility 1ms linear 0ms;
display: block;
float: right;
overflow: hidden;
white-space: normal;
margin: 2px 10px 0px 0px;
opacity: 1;
visibility: visible;
}
.attachments .attachment .status_text.hide {
-webkit-transition: opacity 500ms ease 0s, visibility 1ms linear 600ms;
-moz-transition: opacity 500ms ease 0s, visibility 1ms linear 600ms;
-o-transition: opacity 500ms ease 0s, visibility 1ms linear 600ms;
transition: opacity 500ms ease 0s, visibility 1ms linear 600ms;
opacity: 0;
visibility: hidden;
}
.attachments .attachment.fail .status_text {
color: #f00;
}
.attachments .attachment.success .status_text {
color: #308F00;
}
.attachments .attachment .buttons {
-webkit-transition: opacity 500ms ease 0s, visibility 1ms linear 0ms, max-width 1ms linear 0ms;
-moz-transition: opacity 500ms ease 0s, visibility 1ms linear 0ms, max-width 1ms linear 0ms;
-o-transition: opacity 500ms ease 0s, visibility 1ms linear 0ms, max-width 1ms linear 0ms;
transition: opacity 500ms ease 0s, visibility 1ms linear 0ms, max-width 1ms linear 0ms;
border: 0px;
padding: 0px;
margin: 2px 0px 0px 0px;
display: block;
float: right;
opacity: 1;
visibility: visible;
max-width: 200px;
}
.attachments .attachment .buttons.hide {
-webkit-transition: opacity 500ms ease 0s, visibility 1ms linear 600ms, max-width 1ms linear 0ms;
-moz-transition: opacity 500ms ease 0s, visibility 1ms linear 600ms, max-width 1ms linear 0ms;
-o-transition: opacity 500ms ease 0s, visibility 1ms linear 600ms, max-width 1ms linear 0ms;
transition: opacity 500ms ease 0s, visibility 1ms linear 600ms, max-width 1ms linear 0ms;
opacity: 0;
visibility: hidden;
max-width: 0px;
}
.attachments .attachment .buttons .button {
padding: 0px;
font-weight: normal;
font-size: 12pt;
background: none;
color: #4477BB;
text-shadow: none;
border: 0px;
}
/*=== END Attachments Common CSS ===*//*=== Report panels CSS ===*/
.report_panel {
width: 100%;
text-align: center;
height: 0px;
overflow: visible;
top: 0px;
position: fixed;
z-index: 3000;
visibility: visible;
}
.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 {
display: inline-block;
font-weight: bold;
text-align: left;
background: #f9f9f9;
border: 1px solid #c3c3c3;
border-top: 0px;
padding: 15px 30px 10px;
border-radius: 0px 0px 4px 4px;
box-shadow: 0px 1px 2px 0px #bbb;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
opacity: 1;
filter: alpha(opacity=100);
max-width: 20%;
}
@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 {
background: #dac073;
border-color: #c5ac60;
color: #fff;
}
.report.report_panel .content {
background: #96c671;
border-color: #82b35d;
color: #fff;
}
.error.report_panel .content {
background: #f47474;
border-color: #e26464;
color: #fff;
}
.error.report_panel .content .close {
position: absolute;
cursor: pointer;
right: 2px;
top: 2px;
height: 16px;
width: 16px;
}
.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;
}
.error.report_panel .content .close:before {
font-size: 16px;
display: inline-block;
content: "\e63e";
}
.gray.report_panel .content {
background: #ccc;
border-color: #a9a9a9;
}
.report_panel .content .icon {
width: 16px;
height: 17px;
margin-left: -23px;
float: left;
display: none;
}
/*=== END Report panels CSS ===*//*=== Popup CSS ===*/
.popup {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 2000;
text-align: center;
display: none;
}
.popup.visible {
display: block;
}
.popup.visible .mask {
opacity: 0.2;
}
.popup .mask {
background: #000;
position: absolute;
width: 100%;
height: 100%;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
opacity: 0;
-webkit-transition: opacity 200ms linear;
-moz-transition: opacity 200ms linear;
-o-transition: opacity 200ms linear;
transition: opacity 200ms linear;
}
.popup .helper {
height: 100%;
width: 1px;
display: inline-block;
vertical-align: middle;
}
.popup_panel {
display: inline-block;
vertical-align: middle;
position: relative;
background: #fff;
padding: 20px;
border-radius: 4px;
box-shadow: 0px 10px 20px #777;
min-width: 300px;
max-width: 50%;
text-align: left;
}
html.rtl .popup_panel {
text-align: right;
}
.popup_panel .close {
display: inline-block;
width: 30px;
height: 30px;
float: right;
margin: -30px -30px 0 0;
cursor: pointer;
display: none;
}
html.rtl .popup_panel .close {
float: left;
}
.popup_panel .title {
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;
}
/*=== END Popup CSS ===*//*=== Files CSS ===*/
.file .icon {
background-image: url("images/sprites.png?7.4.2");
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 {
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 {
background-position: -480px -400px;
}
.file .icon.avi,
.file .icon.mp4,
.file .icon.mkv,
.file .icon.wmv {
background-position: -680px -360px;
}
.large .file .icon.avi,
.large .file .icon.mp4,
.large .file .icon.mkv,
.large .file .icon.wmv {
background-position: -1360px -400px;
}
/*=== END Files CSS ===*//*=== Folder offsets CSS ===*/
.folders .title {
padding-left: 16px !important;
}
html.rtl .folders .title {
padding-left: 0px !important;
padding-right: 16px !important;
}
.folders .children .title {
padding-left: 32px !important;
}
html.rtl .folders .children .title {
padding-left: 0px !important;
padding-right: 16px !important;
}
.folders .children .children .title {
padding-left: 48px !important;
}
html.rtl .folders .children .children .title {
padding-left: 0px !important;
padding-right: 16px !important;
}
.folders .children .children .children .title {
padding-left: 64px !important;
}
html.rtl .folders .children .children .children .title {
padding-left: 0px !important;
padding-right: 16px !important;
}
.folders .children .children .children .children .title {
padding-left: 80px !important;
}
html.rtl .folders .children .children .children .children .title {
padding-left: 0px !important;
padding-right: 16px !important;
}
.folders .children .children .children .children .children .title {
padding-left: 96px !important;
}
html.rtl .folders .children .children .children .children .children .title {
padding-left: 0px !important;
padding-right: 16px !important;
}
.folders .children .children .children .children .children .children .title {
padding-left: 112px !important;
}
html.rtl .folders .children .children .children .children .children .children .title {
padding-left: 0px !important;
padding-right: 16px !important;
}
.folders .children .children .children .children .children .children .children .title {
padding-left: 128px !important;
}
html.rtl .folders .children .children .children .children .children .children .children .title {
padding-left: 0px !important;
padding-right: 16px !important;
}
.folders .children .children .children .children .children .children .children .children .title {
padding-left: 144px !important;
}
html.rtl .folders .children .children .children .children .children .children .children .children .title {
padding-left: 0px !important;
padding-right: 16px !important;
}
.folders .children .children .children .children .children .children .children .children .children .title {
padding-left: 160px !important;
}
html.rtl .folders .children .children .children .children .children .children .children .children .children .title {
padding-left: 0px !important;
padding-right: 16px !important;
}
.folders .children .children .children .children .children .children .children .children .children .children .title {
padding-left: 176px !important;
}
html.rtl .folders .children .children .children .children .children .children .children .children .children .children .title {
padding-left: 0px !important;
padding-right: 16px !important;
}
.folders .children .children .children .children .children .children .children .children .children .children .children .title {
padding-left: 192px !important;
}
html.rtl .folders .children .children .children .children .children .children .children .children .children .children .children .title {
padding-left: 0px !important;
padding-right: 16px !important;
}
.folders .children .children .children .children .children .children .children .children .children .children .children .children .title {
padding-left: 208px !important;
}
html.rtl .folders .children .children .children .children .children .children .children .children .children .children .children .children .title {
padding-left: 0px !important;
padding-right: 16px !important;
}
.folders .children .children .children .children .children .children .children .children .children .children .children .children .children .title {
padding-left: 224px !important;
}
html.rtl .folders .children .children .children .children .children .children .children .children .children .children .children .children .children .title {
padding-left: 0px !important;
padding-right: 16px !important;
}
.folders .children .children .children .children .children .children .children .children .children .children .children .children .children .children .title {
padding-left: 240px !important;
}
html.rtl .folders .children .children .children .children .children .children .children .children .children .children .children .children .children .children .title {
padding-left: 0px !important;
padding-right: 16px !important;
}
.folders .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .title {
padding-left: 256px !important;
}
html.rtl .folders .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .title {
padding-left: 0px !important;
padding-right: 16px !important;
}
.folders .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .title {
padding-left: 272px !important;
}
html.rtl .folders .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .title {
padding-left: 0px !important;
padding-right: 16px !important;
}
.folders .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .title {
padding-left: 288px !important;
}
html.rtl .folders .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .title {
padding-left: 0px !important;
padding-right: 16px !important;
}
.folders .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .title {
padding-left: 304px !important;
}
html.rtl .folders .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .title {
padding-left: 0px !important;
padding-right: 16px !important;
}
.folders .ui-droppable-disabled {
opacity: 1 !important;
}
/*=== END Folder offsets CSS ===*//*=== Common blocks part ===*/
/*=== Html Editor CSS ===*/
.html_editor {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
margin-top: -34px;
padding-top: 34px;
position: relative;
}
.html_editor .workarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 100% !important;
width: 100% !important;
border: 1px solid #CCCCCC;
border-top: 0px;
border-radius: 0 0 4px 4px;
}
.html_editor .workarea .scroll-inner {
background: #fff;
}
.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;
height: 100% !important;
width: 100% !important;
outline: 0px;
cursor: text;
padding: 20px 24px;
word-wrap: break-word;
}
.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;
padding: 11px;
color: #D3B910;
font-size: 18pt;
text-align: center;
opacity: 0;
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
visibility: hidden;
-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;
height: 100%;
border: 3px dashed #E2DA36;
border-radius: 5px;
}
.html_editor .uploader_mask.progress {
background: #dddddd url("images/wait.gif") no-repeat center;
}
.html_editor .uploader_mask.progress .inner {
border: 3px dashed #bbb;
}
.html_editor .uploader_mask.active,
.html_editor .uploader_mask.progress,
.html_editor .uploader_mask.editorDragOver {
visibility: visible;
opacity: 0.5;
}
.html_editor .inline_popup {
padding: 4px 8px;
position: absolute;
background-color: #f7f7f7;
border: solid 1px #ccc;
border-radius: 2px 2px 2px 2px;
}
.html_editor .inline_popup.tooltip {
opacity: 0.7;
filter: alpha(opacity=70);
border: solid 1px #eee;
margin: 10px 0px 0px 10px;
}
.html_editor .inline_popup .button {
color: #4477BB;
text-decoration: underline;
cursor: pointer;
margin: 0px 8px;
padding-right: 8px;
border-right: 1px solid #ccc;
}
.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;
border: 1px solid #CCCCCC;
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
padding: 0px 4px;
cursor: default;
background: #fdfdfd;
}
.html_editor .toolbar .content {
padding: 0px;
}
.html_editor .toolbar .content .separator {
border-right: 1px solid #fff;
border-left: 1px solid #ddd;
display: inline-block;
height: 32px;
margin: 0px 4px;
vertical-align: middle;
}
.html_editor .toolbar .content .button {
display: inline-block;
cursor: pointer;
background: #ddd;
border: 1px solid #ccc;
border-radius: 3px;
padding: 4px 6px;
font-size: 11pt;
}
.html_editor .toolbar .content .button:hover {
background: #e3e3e3;
}
.html_editor .toolbar .content .item {
background: none;
border: 1px solid transparent;
display: inline-block;
vertical-align: middle;
padding: 4px;
margin: 4px 1px !important;
height: 16px;
line-height: 16px;
cursor: pointer;
box-shadow: none;
outline: 0px;
/*&.font .input {
width: 140px;
}
&.font_size .input {
width: 40px;
}*/
}
.html_editor .toolbar .content .item .item:hover {
box-shadow: 0px 0px 3px #eee, inset 1px 1px 0px #fff;
border: 1px solid #ccc;
background: #eee;
}
.inactive .html_editor .toolbar .content .item,
.inactive .html_editor .toolbar .content .item:hover {
opacity: 0.2;
cursor: default;
background: none;
}
.html_editor .toolbar .content .item.select {
padding: 0px 0px;
}
.html_editor .toolbar .content .item.select:hover {
background: none;
}
.html_editor .toolbar .content .item.select .input {
font-size: 10pt;
padding: 0px !important;
margin-top: -2px;
width: auto;
max-width: 200px;
}
.html_editor .toolbar .content .item .icon {
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
background-image: url("images/sprites.png?7.4.2");
background-repeat: no-repeat;
}
.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 {
bottom: -4px;
color: #000;
}
.inactive.html_editor .toolbar .content .dropdown {
left: -10000px;
}
.html_editor .toolbar .content .dropdown.color {
white-space: nowrap;
}
.html_editor .toolbar .content .dropdown .dropdown_content {
border: 1px solid #ccc;
border-top: 1px solid #FAFAFA;
background: #eee;
padding: 4px;
border-radius: 0px 0px 3px 3px;
}
.html_editor .toolbar .content .dropdown .dropdown_content .input {
width: auto;
padding: 3px 5px 2px;
vertical-align: top;
margin: 0px;
font-size: 11pt;
}
.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;
white-space: nowrap;
font-size: 0px;
margin: 0px !important;
}
.html_editor .toolbar .content .color_table .color-item {
display: inline-block;
vertical-align: bottom;
width: 16px;
height: 16px;
margin: 2px;
cursor: pointer;
}
.html_editor .toolbar .content .color_table .color-item:hover {
width: 18px;
height: 18px;
margin: 1px;
box-shadow: 0px 0px 2px #aaa;
}
.html_editor .toolbar {
border-color: #E3E3E3;
}
.html_editor .workarea {
border-color: #E3E3E3;
}
/*=== END Html Editor CSS ===*//*=== Search Block CSS ===*/
.search_block {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
font-size: 0px;
vertical-align: middle;
padding-right: 20px;
display: inline-block;
width: 100%;
height: 100%;
}
html.rtl .search_block {
padding-right: 0px;
padding-left: 20px;
}
.search_block > .input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
border: 1px solid #c5c7c8;
border-radius: 10px;
outline: none;
width: 100%;
height: 100%;
display: inline-block;
vertical-align: middle;
box-shadow: none;
overflow: hidden;
padding-left: 30px;
min-height: 26px;
padding-top: 3px;
}
html.rtl .search_block > .input {
padding-right: 30px;
padding-left: 0px;
}
.search_block > .input.focus {
border: 1px solid #93B5E3;
box-shadow: 0 0 2px 0 #1D67CD;
}
.search_block > .input .row {
font-size: 11pt;
line-height: 160%;
display: inline-block;
vertical-align: middle;
width: 100%;
overflow: hidden;
white-space: nowrap;
padding: 0px;
border: 0px;
}
.search_block > .input .field {
font-size: 11pt;
display: inline-block;
vertical-align: middle;
width: 100%;
height: 20px;
overflow: hidden;
white-space: nowrap;
padding: 0px;
border: 0px;
opacity: 1;
visibility: visible;
-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 {
position: absolute;
left: 0px;
top: 0px;
font-size: 11pt;
width: 30px;
height: 24px;
display: inline-block;
vertical-align: top;
overflow: hidden;
}
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: 20px;
height: 20px;
width: 20px;
margin: 3px 0px 0px 5px;
}
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 {
display: inline-block;
vertical-align: top;
height: 200px;
width: 22px;
cursor: pointer;
margin-top: -6px;
}
.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: "\e61d";
display: inline-block;
font-size: 18px;
height: 20px;
width: 20px;
margin: 10px 4px 0px;
}
.search_block .control .icon.expand:before {
content: "\e624";
}
.search_block .search_highlight {
color: #ccc;
}
.search_block .expand .extended {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 500ms ease 0ms, visibility 10ms linear 0s;
-moz-transition: opacity 500ms ease 0ms, visibility 10ms linear 0s;
-o-transition: opacity 500ms ease 0ms, visibility 10ms linear 0s;
transition: opacity 500ms ease 0ms, visibility 10ms linear 0s;
}
.search_block .extended {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 100%;
display: block;
margin-top: -24px;
overflow: hidden;
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 .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;
width: 50%;
overflow: hidden;
padding-right: 20px;
vertical-align: top;
}
html.rtl .search_block .extended .search_fieldset .section {
padding-left: 20px;
padding-right: 0px;
}
.search_block .extended .search_fieldset .section .row {
line-height: 230%;
height: 28px;
display: block;
padding-right: 2px;
overflow: visible;
}
html.rtl .search_block .extended .search_fieldset .section .row {
padding-right: 0px;
padding-left: 2px;
}
.search_block .extended .search_fieldset .section .row.text {
border-bottom: 1px dashed #C5C7C8;
}
.search_block .extended .search_fieldset .section .row.attachments .custom_checkbox {
margin: 0;
margin-bottom: 1px;
vertical-align: middle;
line-height: 1;
}
.search_block .extended .search_fieldset .section .row.attachments .attachment_name {
display: inline-block;
}
.search_block .extended .search_fieldset .section .row .date {
display: inline-block;
padding: 0;
margin-left: 0px;
}
html.rtl .search_block .extended .search_fieldset .section .row .label {
text-align: right;
}
.search_block .extended .search_fieldset .section .row .input {
border-radius: 0px;
border: none;
box-shadow: none;
padding: 0;
width: 100%;
font: normal 11pt Helvetica, Tahoma, Arial, sans-serif;
color: #555566;
}
.search_block .extended .search_fieldset .section.attachments {
display: block;
width: 100%;
}
.search_block .extended .search_fieldset .buttons {
margin: 0px 18px 0px 0px;
padding: 10px 0px 0px 0px;
border-top: 1px solid #EAE7E7;
display: block;
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;
}
/*=== END Search Block CSS ===*//*=== Phone CSS ===*/
.tabs_panel .phone {
float: right;
font-size: 0pt !important;
background: transparent !important;
line-height: 10px;
text-align: right;
padding: 0 !important;
margin: -17px 30px 0px 0px !important;
top: 50%;
}
.tabs_panel .phone .phone_inner {
display: block;
background: #fff;
border-radius: 16px;
box-shadow: 0px 0px 4px #D6D6D6;
overflow: hidden;
text-shadow: none;
}
.tabs_panel .phone .phone_inner > * {
font-size: 10.5pt;
}
.tabs_panel .phone .phone_inner .text {
padding: 0px !important;
}
html.rtl .tabs_panel .phone .phone_inner {
float: left;
margin-right: 0px !important;
margin-left: 30px !important;
}
.tabs_panel .phone .phone_inner .dropdown_helper.expand {
display: block;
}
.tabs_panel .phone .phone_inner .dropdown_helper {
display: none;
position: relative;
}
.tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content {
border: none;
box-shadow: none;
margin: 0;
padding: 0;
border-radius: 0px;
background: transparent;
left: 0;
max-height: 200px;
}
.tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content .item {
cursor: pointer;
text-align: left;
/*&:last-child:hover {
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}*/
}
.tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content .item .log_item {
float: right;
}
.tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content .item .icon.log_status {
width: 15px;
height: 15px;
display: inline-block;
}
.tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content .item .icon.log_status:before {
font-family: 'afterlogic';
text-shadow: none !important;
width: 100%;
height: 100%;
}
.tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content .item .icon.log_status.incoming:before {
content: "\e666";
color: #6161ff;
}
.tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content .item .icon.log_status.outgoing:before {
content: "\e665";
color: #4eca88;
}
.tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content .item .icon.log_status.missed:before {
content: "\e668";
color: #ff6363;
}
.tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content .more {
color: #4477bb;
padding-bottom: 8px;
float: right;
}
.tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content .more:hover {
color: #c74747;
border-radius: 16px;
background: transparent;
}
.tabs_panel .phone .phone_inner .dropdown_helper .spinner {
margin: 0px auto;
width: 70px;
text-align: center;
display: block;
padding-bottom: 5px;
}
.tabs_panel .phone .phone_inner .dropdown_helper .spinner span {
width: 12px;
height: 12px;
background-color: #c1b6b6;
border-radius: 100%;
display: inline-block;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.tabs_panel .phone .phone_inner .dropdown_helper .spinner span.bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.tabs_panel .phone .phone_inner .dropdown_helper .spinner span.bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
.tabs_panel .phone .phone_inner .direction {
color: #c1b6b6;
}
.tabs_panel .phone .phone_inner .call_report,
.tabs_panel .phone .phone_inner .direction {
background: transparent;
display: inline-block;
max-width: 0px;
margin-left: 0px;
white-space: nowrap;
opacity: 0;
cursor: pointer;
overflow: hidden;
vertical-align: middle;
-webkit-transition: max-width 500ms ease 0ms, opacity 400ms ease 0ms, margin-left 300ms ease 0ms ;
-moz-transition: max-width 500ms ease 0ms, opacity 400ms ease 0ms, margin-left 300ms ease 0ms ;
-o-transition: max-width 500ms ease 0ms, opacity 400ms ease 0ms, margin-left 300ms ease 0ms ;
transition: max-width 500ms ease 0ms, opacity 400ms ease 0ms, margin-left 300ms ease 0ms ;
}
.tabs_panel .phone .phone_inner input:focus {
outline: 0px;
}
.tabs_panel .phone .phone_inner .input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background: transparent;
width: 0px;
border: 0px;
padding-left: 0px;
padding-right: 0px;
box-shadow: none;
opacity: 0;
vertical-align: middle;
-webkit-transition: width 500ms ease 0ms, opacity 350ms ease 0ms, padding-left 350ms ease 0ms, padding-right 350ms ease 0ms;
-moz-transition: width 500ms ease 0ms, opacity 350ms ease 0ms, padding-left 350ms ease 0ms, padding-right 350ms ease 0ms;
-o-transition: width 500ms ease 0ms, opacity 350ms ease 0ms, padding-left 350ms ease 0ms, padding-right 350ms ease 0ms;
transition: width 500ms ease 0ms, opacity 350ms ease 0ms, padding-left 350ms ease 0ms, padding-right 350ms ease 0ms;
}
.tabs_panel .phone .phone_inner .call_report.empty {
margin-left: 0px;
}
.tabs_panel .phone .phone_inner .buttons {
margin: 0px;
font-size: 0px;
}
.tabs_panel .phone .phone_inner .button {
display: inline-block;
vertical-align: middle;
border: 2px solid #fff;
border-radius: 16px;
padding: 0px;
width: 30px;
height: 30px;
text-align: center;
line-height: 180%;
-webkit-transition: background-color 0ms ease 0s;
-moz-transition: background-color 0ms ease 0s;
-o-transition: background-color 0ms ease 0s;
transition: background-color 0ms ease 0s;
}
.tabs_panel .phone .phone_inner .button .icon {
display: inline-block;
vertical-align: bottom;
width: 18px;
height: 18px;
line-height: 18px;
color: #fff;
font-size: 16px;
text-shadow: none;
-webkit-transition: -webkit-transform 300ms ease 0s;
-moz-transition: -moz-transform 300ms ease 0s;
transition: transform 300ms ease 0s;
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
.tabs_panel .phone .phone_inner .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;
}
.tabs_panel .phone .phone_inner .button .icon:before {
content: "\e661";
}
.tabs_panel .phone .phone_inner .indicator {
position: absolute;
top: 0px;
right: 0px;
}
.tabs_panel .phone .phone_inner .indicator.missed {
width: 10px;
height: 10px;
border-radius: 5px;
background: #FF6767;
}
.tabs_panel .phone.online .phone_inner {
background: #fff;
}
.tabs_panel .phone.online .phone_inner .button {
background-color: #87D354;
box-shadow: inset 0px 0px 10px #69BE2E;
}
.tabs_panel .phone.offline .input,
.tabs_panel .phone.offline .direction {
display: none;
}
.tabs_panel .phone.offline .button {
background: #ccc;
cursor: default;
}
.tabs_panel .phone.offline.active .button {
box-shadow: none;
}
.tabs_panel .phone.init .button .icon {
-webkit-animation: cycle 1s linear 20;
-moz-animation: cycle 1s linear 20;
animation: cycle 1s linear 20;
}
.tabs_panel .phone.active.outgoing .button .icon {
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
.tabs_panel .phone.active.incoming .button,
.tabs_panel .phone.active.outgoing .button,
.tabs_panel .phone.active.connect .button {
background-color: #FF6767;
box-shadow: 0 0 10px #E75353 inset;
}
.tabs_panel .phone.active.ready .button .icon {
-webkit-transform: rotateZ(-118deg);
-moz-transform: rotateZ(-118deg);
-o-transform: rotateZ(-118deg);
transform: rotateZ(-118deg);
}
.tabs_panel .phone.active .input {
opacity: 1;
width: 160px;
display: inline-block;
padding-left: 2px;
}
.tabs_panel .phone.active .call_report,
.tabs_panel .phone.active .direction {
max-width: 200px;
margin-left: 10px;
opacity: 1;
cursor: default;
overflow: visible;
}
.tabs_panel .phone.incoming .phone_inner,
.tabs_panel .phone.outgoing .phone_inner,
.tabs_panel .phone.connect .phone_inner {
background: #FFC939;
}
.tabs_panel .phone.incoming .call_report {
padding-right: 2px;
}
.tabs_panel .phone.incoming .direction {
max-width: 0px;
margin-left: 0px;
}
.tabs_panel .phone.incoming .input {
width: 0px;
padding-left: 0px;
padding-right: 0px;
opacity: 0;
}
/*=== END Phone CSS ===*/
/*=== Contact card CSS ===*/
.item_viewer .contact_card .dropdown_content {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CBC8C0;
border: 0px;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
min-width: 360px;
display: block;
margin: -4px 0px 0px -10px;
padding: 16px 18px;
}
.item_viewer .contact_card .dropdown_arrow {
display: none;
}
.item_viewer .contact_card .buttons {
padding: 10px 18px 0px 18px;
margin: 0px -18px;
float: none;
border-top: 1px solid #eee;
text-align: right;
}
.item_viewer .contact_card .buttons .link {
font-size: 9pt;
display: inline-block;
margin-right: 10px;
}
.item_viewer .contact_card .buttons .link:first-child {
float: left;
}
.item_viewer .contact_card .buttons .link:last-child {
margin-right: 0px;
}
.item_viewer .contact_card .fields {
margin: 0px;
}
.item_viewer .contact_card .fields .fieldset {
margin: 0 0 16px;
}
.item_viewer .contact_card .fields .row {
margin: 0 0 8px;
clear: both;
}
.item_viewer .contact_card .fields .row:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}
* html > body .item_viewer .contact_card .fields .row {
width: 100%;
display: block;
}
* html .item_viewer .contact_card .fields .row {
height: 1%;
}
.item_viewer .contact_card .fields .label {
padding: 0 10px 0 0;
white-space: normal;
width: 120px;
float: left;
}
html.rtl .item_viewer .contact_card .fields .label {
float: right;
}
.item_viewer .contact_card .fields .label:after {
content: ":";
}
.item_viewer .contact_card .fields .value {
display: block;
overflow: hidden;
}
.item_viewer .contact_card .fields h2 {
font-size: 10pt;
}
/*=== END Contact card CSS ===*//*=== quick_reply CSS ===*/
.quick_reply {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border-top: 1px solid #f2f2f2;
background: #f5f5f5;
padding: 0px 23px 0px 17px;
bottom: 0px;
position: absolute;
width: 100%;
max-height: 190px;
}
html.rtl .quick_reply {
padding: 0px 17px 0px 23px;
}
.no-csstransitions .quick_reply {
max-height: 86px;
margin-bottom: -2px;
}
.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 {
max-height: 0px;
opacity: 0;
background: #FBFF89;
background: #dac073;
overflow: hidden;
width: 100%;
padding: 0px 17px;
margin-left: -17px;
}
.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 {
padding: 6px 10px;
color: #fff;
font-weight: bold;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.quick_reply .row {
white-space: nowrap;
margin-top: 20px;
}
.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: 0px;
border-radius: 4px;
height: 50px;
width: 100%;
color: #000;
font-size: 11pt;
padding: 6px 8px;
resize: none;
box-shadow: none;
}
.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 {
height: 101px;
font-family: Tahoma, sans-serif;
font-size: 16px;
}
.quick_reply .buttons {
margin-top: 15px;
margin-bottom: 0px;
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-right: 0px;
margin-left: 6px;
}
.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 {
overflow: hidden;
max-height: 0px;
padding-bottom: 0px;
opacity: 0;
/* 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 {
overflow: visible;
max-height: 25px;
margin-bottom: 20px;
opacity: 1;
}
.csstransitions .quick_reply.sending .buttons {
max-height: 0px;
margin-bottom: 0px;
opacity: 0;
}
.csstransitions .quick_reply .row.data {
overflow: hidden;
max-height: 0px;
margin-top: 0px;
margin-bottom: 0px;
opacity: 0;
/* 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 .row.data {
overflow: visible;
max-height: 25px;
margin-top: 20px;
margin-bottom: 6px;
opacity: 1;
}
.csstransitions .quick_reply.sending .row.data {
max-height: 0px;
margin-bottom: 0px;
opacity: 0;
}
/*=== END quick_reply CSS ===*//*=== Tabsbar CSS ===*/
.tabs_panel {
z-index: 1000;
float: right;
font-weight: bold;
}
.tabs_panel .control {
display: inline-block;
padding: 14px;
position: relative;
z-index: 1000;
}
.tabs_panel .control .icon {
display: inline-block;
height: 30px;
width: 15px;
}
.tabs_panel .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;
}
.tabs_panel .control .icon:before {
font-size: 30px;
display: inline-block;
width: 30px;
height: 30px;
color: rgba(0, 0, 0, 0.5);
text-shadow: 0 1px 0 #FFFFFF, 0 0 0 #505050;
}
.tabs_panel .control .icon:before {
content: "\e61e";
}
.tabs_panel .item {
display: block;
vertical-align: top;
font-size: 12pt;
margin: 30px 0px 0px 6px;
padding: 4px 10px;
line-height: 120%;
position: relative;
color: #888785;
text-shadow: 0px 1px 0px #fff;
}
html.rtl .tabs_panel .item {
margin-left: 0px;
margin-right: 6px;
}
.cssanimations .tabs_panel .item.recivedAnim {
border-radius: 4px;
-webkit-animation: highlight 0.5s linear;
-moz-animation: highlight 0.5s linear;
animation: highlight 0.5s linear;
}
.tabs_panel .item.emails {
cursor: default;
}
.tabs_panel .item.emails .helper.has_control {
padding-right: 24px;
}
.tabs_panel .item .text {
color: inherit;
text-decoration: none;
position: relative;
outline: none;
}
.tabs_panel .item .text:hover {
color: #3d3d3d;
text-decoration: none;
}
.tabs_panel .item.expand a,
.tabs_panel .item.control {
z-index: 1001;
}
.tabs_panel .item .helper {
visibility: hidden;
position: relative;
top: -40px;
display: block;
height: 0;
overflow: hidden;
}
.tabs_panel .item .helper,
.tabs_panel .current {
font-weight: bold;
color: #3d3d3d;
}
.tabs_panel .settings,
.tabs_panel .logout {
display: block;
}
.tabs_panel .logout span {
cursor: pointer;
}
.tabs_panel .item.expand .text,
.tabs_panel .item.expand:hover .text,
.tabs_panel .item.expand .control {
text-shadow: none;
color: #626262;
}
/*=== END Tabsbar CSS ===*/
/*=== Acount menu CSS ===*/
.tabs_panel .emails .dropdown_helper {
min-width: 100%;
}
.tabs_panel .emails .dropdown_arrow {
display: none;
}
.tabs_panel .emails .dropdown_content {
color: #555;
background: #fff;
border: 1px solid #ccc;
padding: 30px 0px 0px 0px;
margin: -30px 0px 0px -2px;
display: block;
min-width: 100%;
border-radius: 4px;
}
.tabs_panel .emails .dropdown_content .item {
margin: 0px;
display: block;
color: #555555;
padding: 6px 10px;
font-weight: normal;
}
.tabs_panel .emails .dropdown_content .item:hover {
background: #eee;
}
/*=== END Acount menu CSS ===*//*=== Volumer Block CSS ===*/
.volumer {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
display: block;
text-align: center;
padding: 0px 40px;
margin-top: 6px;
width: 100%;
}
.volumer .volumer_conteiner {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #888;
background: #F1F2F3;
display: block;
padding: 2px;
}
.volumer .used {
background: #668EB8;
height: 3px;
display: block;
}
/*=== END Volumer Block CSS ===*/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 {
overflow: hidden;
height: 100%;
}
.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);
bottom: 0;
display: block;
height: 100%;
position: absolute;
width: 100%;
content: "";
margin-left: -8px;
padding: 0px 4px;
}
.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: 0 4px;
}
/*=== Screen overrides part ===*/
/*=== Login screen CSS ===*/
.LoginLayout {
text-align: center;
}
html.mobile .LoginLayout {
background: url("images/background.jpg") repeat 0 0;
}
.LoginLayout .vhelper {
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0px;
}
.login_panel {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
padding: 20px;
font-size: 9pt;
width: 280px;
color: #929292;
color: #fff;
}
.login_panel .header {
height: 95px;
}
.login_panel .header.custom_logo {
background: none;
height: auto;
}
.login_panel .header .icon {
display: inline-block;
vertical-align: middle;
line-height: 1;
}
.login_panel .header .text {
display: none;
}
.login_panel .header .icon {
height: 95px;
width: 125px;
}
.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 {
content: "\e63c";
display: inline-block;
vertical-align: middle;
font-size: 140px;
height: 100%;
width: 100%;
margin-top: -20px;
color: #fff;
text-shadow: 0 0 15px #AAD5E6;
}
.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 {
text-align: center;
margin-right: 276px;
padding-right: 20px;
}
.login_panel .login_panel_content .col.right {
position: absolute;
right: 0px;
width: 276px;
}
.login_panel .login_panel_content .col.right .content.login,
.login_panel .login_panel_content .col.right .content.forgot {
padding-top: 70px;
}
.login_panel .login_panel_content .content {
padding: 30px 0px 0px;
visibility: visible;
opacity: 1;
float: left;
margin-top: 0px;
width: 100%;
box-shadow: 0px 0px 0px #fff;
-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 {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.login_panel .login_panel_content .content.send .question {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
box-shadow: 0 1px 1px #DDDDDD inset;
border: 1px solid #d7d7d7;
border-radius: 4px;
height: 214px;
width: 100%;
color: #000;
font-size: 11pt;
padding: 6px 8px;
resize: none;
}
.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 .fieldset,
.login_panel .login_panel_content .content.send .fieldset {
margin-top: 20px;
}
.login_panel .login_panel_content .content.social_register .question_title,
.login_panel .login_panel_content .content.send .question_title {
display: block;
font-size: 11pt;
color: #929292;
}
.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);
visibility: hidden;
opacity: 0;
margin-top: -100000px;
}
.login_panel .login_panel_content .content.activation {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
width: 240px;
white-space: normal;
font-size: 12pt;
text-shadow: 0px 1px 0px #f3f3f3;
}
.login_panel.flipForgot .content.login,
.login_panel.flipChangepass .content.send,
.login_panel.flipRegister .content.login,
.login_panel.flipRegister .content.send,
.login_panel.flipSignin .content.login,
.login_panel.flipSocialRegister .content.login,
.login_panel.flipSocialRegister .content.send,
.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);
visibility: hidden;
opacity: 0;
margin-top: -100000px;
}
.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);
visibility: visible;
opacity: 1;
margin-top: 0px;
}
.login_panel.flipActivation .content.activation {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
visibility: visible;
opacity: 1;
margin-top: 0px;
}
.login_panel .languages {
position: fixed;
top: 20px;
right: 20px;
border-radius: 5px;
padding: 10px 16px;
}
html.rtl .login_panel .languages {
right: auto;
left: 20px;
}
.login_panel .description {
color: #929292;
margin-top: 20px;
}
.login_panel .fieldset {
border-radius: 2px;
box-shadow: 0 0 26px #B5F6FF;
}
.login_panel .row {
background: #ffffff;
margin: -1px 0px 0px;
padding: 10px;
padding-left: 30px;
border: 1px solid #92c1d7;
border-width: 1px;
text-align: right;
white-space: nowrap;
}
.login_panel .row.focused {
background: #fffaea;
border-width: 1px;
border-color: #ddcfa1;
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 {
box-shadow: 0 1px 1px #DDDDDD inset;
border-radius: 4px 4px 0px 0px;
}
.login_panel .row:last-child {
border-width: 1px;
border-radius: 0px 0px 4px 4px;
}
.login_panel .row .value {
vertical-align: middle;
}
.login_panel .row .value.suffix {
margin-left: 16px;
}
.login_panel .row .value.suffix .text {
font: 12pt Helvetica, Tahoma, Arial, sans-serif;
color: #777;
}
.login_panel .row .title {
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
position: relative;
text-indent: 0px;
font-size: 12pt;
float: none;
cursor: text;
zoom: 1;
*display: inline;
}
.login_panel .row .placeholder {
margin-left: -20px;
}
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;
vertical-align: middle;
font-size: 22px;
height: 20px;
width: 20px;
margin-top: -6px;
margin-right: 4px;
}
html.rtl .login_panel .row .placeholder:before {
margin-right: 0px;
margin-left: 4px;
}
.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;
color: #444;
font: 12pt Helvetica, Tahoma, Arial, sans-serif;
padding: 1px 0px;
text-indent: 3px;
width: 100%;
display: inline-block;
outline: none;
border: 0px !important;
box-shadow: none;
border-radius: 0px;
text-align: left;
}
.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 #fff;
}
.login_panel .buttons {
padding: 0px;
margin-top: 20px;
border: 0px;
background: none;
}
.login_panel .buttons .button {
display: block;
padding: 10px;
font-size: 12pt;
width: 100%;
}
.login_panel .buttons .button:focus {
border: 1px solid #eee;
}
.login_panel .signme,
.login_panel .links {
font-size: 9pt;
text-align: left;
padding: 0px;
margin-top: 14px;
background: none;
border: 0px;
border-radius: 0px;
}
html.rtl .login_panel .signme,
html.rtl .login_panel .links {
text-align: right;
}
.login_panel .signme .title {
height: auto;
width: auto;
font-size: 9pt;
text-indent: 0px;
cursor: pointer;
}
.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;
}
.login_panel .social .facebook,
.login_panel .social .google,
.login_panel .social .twitter {
display: inline-block;
height: 20px;
width: 75px;
color: #fff;
text-align: right;
cursor: pointer;
}
.login_panel .social .facebook .text,
.login_panel .social .google .text,
.login_panel .social .twitter .text {
padding: 3px 7px 2px 8px;
line-height: 21px;
vertical-align: top;
color: #fff;
text-decoration: none;
}
.login_panel .social .facebook {
background: #5f78ab url("images/facebook-icon_9x18.png") 10px 3px no-repeat;
border: 1px solid #29447e;
}
.login_panel .social .facebook .text {
background-color: #5f78ab;
border-left: 1px solid #29447e;
}
.login_panel .social .google {
background: #dd4b39 url("images/google-icon_20x20.png") 3px 0px no-repeat;
border: 1px solid #bb3f30;
}
.login_panel .social .google .text {
background-color: #dd4b39;
border-left: 1px solid #bb3f30;
}
.login_panel .social .twitter {
background: #55acee url("images/twitter-icon_17x14.png") 4px 3px no-repeat;
border: 1px solid #5399cd;
}
.login_panel .social .twitter .text {
background: #55ACEE;
border-left: 1px solid #5399cd;
}
/*=== END Login screen CSS ===*/
.MailLayout .panels {
-webkit-transition: -webkit-transform 500ms ease 0s;
-moz-transition: -moz-transform 500ms ease 0s;
transition: transform 500ms ease 0s;
}
.MailLayout .panels.list_active {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.MailLayout .panels.viewer_active {
-webkit-transform: translateX(-200%);
-moz-transform: translateX(-200%);
-o-transform: translateX(-200%);
transform: translateX(-200%);
}
/*=== Folders List CSS ===*/
.panel.folders .panel_content {
padding-top: 0px;
margin-top: 0px;
}
.panel.folders .middle_bar {
padding-bottom: 0px;
margin-bottom: 0px;
}
.panel.folders .panel_bottom {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background-color: transparent;
border-top: 0px;
bottom: 60px;
height: 0px;
padding: 0px;
position: absolute;
text-align: center;
white-space: nowrap;
width: 100%;
}
.panel.folders .panel_bottom .manage_folders {
line-height: 16px;
text-align: center;
font-size: 12pt;
background: #F5F5F5;
border: 1px solid #D5D5D5;
border-radius: 21px;
box-shadow: 0 0 5px #E1E1E1;
cursor: default;
display: inline-block;
padding: 8px 12px;
text-align: right;
}
.panel.folders .quota_visible .panel_bottom {
height: 42px;
}
.panel.folders .accounts {
padding: 16px 50px 16px 20px;
}
.panel.folders .accounts .item {
margin-bottom: 10px;
color: #3D3D3D;
}
.panel.folders .folders .volumer {
padding: 6px;
}
/*=== END Folders List CSS ===*/
/*=== Message List CSS ===*/
.panel.messages .panel_content {
padding-top: 64px;
margin-top: -64px;
}
.panel.messages .middle_bar {
padding-top: 39px;
margin-top: -39px;
}
.panel.messages .panel_bottom {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background-color: transparent;
border-top: 0px;
bottom: 60px;
height: 0px;
padding: 0px;
position: absolute;
text-align: center;
white-space: nowrap;
width: 100%;
}
.panel.messages .panel_bottom .pagination {
background: #F5F5F5;
border: 1px solid #D5D5D5;
border-radius: 21px;
box-shadow: 0 0 5px #E1E1E1;
cursor: default;
display: inline-block;
padding: 4px 10px;
text-align: right;
}
.panel.messages .items_list .item .flag {
display: inline-block;
vertical-align: bottom;
width: 16px;
height: 16px;
margin-top: 7px;
cursor: pointer;
position: relative;
text-align: center;
color: #cccccc;
}
.panel.messages .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;
}
.panel.messages .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;
}
.panel.messages .items_list .item .flag:before {
font-size: 20px;
display: block;
margin-left: -2px;
content: "\e652";
}
.panel.messages .items_list .item .flag:after {
visibility: hidden;
font-size: 24px;
display: block;
width: 100%;
height: 100%;
color: #FFB736;
margin: -22px 0 0 -4px;
content: "\e61f";
opacity: 0;
-webkit-transform-origin: 13px 13px;
-moz-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;
}
.panel.messages .items_list .item.checked .flag:not(.partial):before {
color: #e7db9b;
}
.panel.messages .items_list .item.selected .flag:not(.partial):before {
color: #cae4e9;
}
.panel.messages .items_list .use_threads .item .partial {
color: #ffb736;
}
.panel.messages .items_list .item .flagged:after {
-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);
opacity: 1;
visibility: visible;
}
.panel.messages .items_list .item .controls .separator,
.panel.messages .items_list .item .data .separator {
display: block;
}
.panel.messages .items_list .item .size {
width: 40px;
text-align: right;
display: none;
}
.panel.messages .items_list .item .subject,
.panel.messages .items_list .item .from {
display: block;
overflow: hidden;
/* height: 1.4em; */
}
.panel.messages .items_list .item .subject {
color: #6d6d6d;
font-size: 10pt;
line-height: 120%;
}
.panel.messages .items_list .item.selected .subject {
color: #fff;
}
.panel.messages .items_list .item.nosubject .subject {
color: #888888;
opacity: 0.3;
filter: alpha(opacity=30);
}
.panel.messages .items_list .item.selected.nosubject .subject {
color: #fff;
}
.panel.messages .items_list .item .from {
margin-bottom: 10px;
font-size: 10.5pt;
}
.panel.messages .items_list .item .text {
color: #b6b6b6;
display: block;
white-space: normal;
}
.panel.messages .items_list .item.selected .text {
color: #b4d4f0;
}
.panel.messages .items_list .item > .separator {
clear: both;
}
.panel.messages .items_list .item .marker {
display: none;
height: 20px;
width: 20px;
position: absolute;
right: 2px;
top: 0px;
background: url('images/sprites.png?7.4.2') no-repeat 0px -200px;
}
.panel.messages .items_list .item.answered .marker {
display: inline-block;
background-position: 0px -200px;
}
.panel.messages .items_list .item.forwarded .marker {
display: inline-block;
background-position: -40px -200px;
}
.panel.messages .items_list .item.answered.forwarded .marker {
display: inline-block;
background-position: -80px -200px;
}
.panel.messages .items_list .item .importance {
width: 17px;
height: 17px;
display: inline-block;
vertical-align: middle;
border-radius: 50%;
border: 1px solid;
text-align: center;
}
.panel.messages .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;
}
.panel.messages .items_list .item .importance:before {
font-size: 18px;
display: inline-block;
width: 10px;
content: "\e620";
margin-top: -1px;
}
.panel.messages .items_list .item.selected .importance {
color: #fff;
border-color: #fff;
}
.panel.messages .items_list .item .attachments {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: bottom;
}
.panel.messages .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;
}
.panel.messages .items_list .item .attachments.has_attachments:before {
opacity: 0.7;
filter: alpha(opacity=70);
font-size: 20px;
content: "\e622";
}
.panel.messages .items_list .item .attachments.has_vcard_attachment:before {
content: "\e621";
}
.panel.messages .items_list .item .attachments.has_ical_attachment:before {
content: "\e623";
}
.panel.messages .items_list .item.selected .attachments.has_attachments:before {
color: none;
}
.panel.messages .items_list .item .thread {
background: #ffffff;
border: 1px solid #bbbbbb;
border-radius: 10px;
color: #999999;
float: right;
line-height: 100%;
padding: 4px 8px 3px;
margin: -4px 0px 0px 6px;
font-weight: bold;
cursor: pointer;
}
html.rtl .panel.messages .items_list .item .thread {
float: left;
}
.panel.messages .items_list .item .thread.loading {
background-color: #abaaa3;
cursor: default;
}
.panel.messages .items_list .item .thread: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: #8dcdd9;
}
.panel.messages .items_list .item .thread.unreed {
background-color: #cccccc;
border: 1px solid #cccccc;
color: #ffffff;
}
.panel.messages .items_list .item .thread.unreed:hover {
background-color: #bfbfbf;
}
.panel.messages .items_list .item.selected .thread {
background: #edf7f9;
border: 1px solid #a1d5e0;
color: #7ac4d3;
}
.panel.messages .items_list .item.selected .thread:hover {
background-color: #daeff3;
}
.panel.messages .items_list .item.selected .thread.unreed {
background-color: #a1d5e0;
border: 1px solid #a1d5e0;
color: #ffffff;
}
.panel.messages .items_list .item.selected .thread.unreed:hover {
background-color: #8dcdd9;
}
.messages .items_list .not_use_threads .item .thread_loading,
.messages .items_list .not_use_threads .item.thread_more_messages,
.messages .items_list .not_use_threads .item .thread {
display: none;
}
/*=== END Message List CSS ===*/
/*=== Message viewer CSS ===*/
.message_viewer .panel_content {
padding-top: 64px;
margin-top: -64px;
}
.message_viewer .panel_center {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding-top: 165px;
margin-top: -165px;
/* header + quick reply */
background: none;
width: 100%;
}
.single_mode .message_viewer {
height: 100%;
width: 100%;
}
.message_viewer .message_body {
padding: 20px;
font-size: 11pt;
}
.message_viewer .message_body li {
margin-bottom: 0.6em;
}
.message_viewer .message_body_info {
font: normal 18px Tahoma;
color: #ccc;
text-align: center;
margin: 30px;
}
.message_viewer .message_body_info .message_body_secondary_info {
font-size: 14px;
margin-top: 10px;
}
.message_viewer .message_header {
background: #f8f8f8;
color: #4D4D4D;
}
.message_viewer .message_header .header_row {
clear: both;
}
.message_viewer .message_header .toolbar {
float: right;
border: 0px;
padding: 0px;
background: 0px;
position: relative;
z-index: 1;
margin-bottom: 10px;
margin-right: 25px;
max-width: 100%;
width: auto;
overflow: hidden;
filter: none;
}
html.rtl .message_viewer .message_header .toolbar {
float: left;
}
.message_viewer .message_header .toolbar .content {
padding: 0px;
}
.message_viewer .message_header .toolbar .content .item {
border: 0px;
padding: 0px;
box-shadow: none;
background: none;
}
.message_viewer .message_header .toolbar .content .item .icon {
color: #929292 !important;
}
.message_viewer .message_header .toolbar .content .item .icon:hover {
color: #727272 !important;
}
.message_viewer .message_header .header_content {
padding: 14px 18px;
border-bottom: 1px solid #e2e2e2;
}
.message_viewer .message_header .message_info {
position: relative;
margin-left: 14px;
font-size: 10pt;
padding-top: 1px;
/* fix nested element negative margin */
}
html.rtl .message_viewer .message_header .message_info {
margin-right: 14px;
}
.message_viewer .message_header .message_info .message_info_line {
padding: 4px 4px 0px;
top: -4px;
position: relative;
white-space: nowrap;
overflow: hidden;
}
.message_viewer .message_header .message_info.message_detail_info .message_info_line {
white-space: normal;
/* overflow: visible; ??? */
}
.message_viewer .message_header .details_show,
.message_viewer .message_header .details_hide {
display: inline-block;
vertical-align: bottom;
margin: -4px 6px 0px 0px;
float: left;
width: 14px;
height: 16px;
position: absolute;
color: #727272;
}
html.rtl .message_viewer .message_header .details_show,
html.rtl .message_viewer .message_header .details_hide {
margin-right: 0px;
margin-left: 6px;
}
.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 {
font-size: 23px;
display: inline-block;
content: "\e61d";
}
.message_viewer .message_header .details_hide:before {
content: "\e624";
}
.message_viewer .message_header .title {
/* font-size: 10.5pt; */
color: #777777;
}
.message_viewer .message_header .subject {
margin: 0px;
padding: 0px;
font-size: 10.5pt;
color: #4d4d4d;
}
.message_viewer .message_header .icon {
padding: 0px;
margin: 0px;
}
.message_viewer .message_header .icon .attachments {
display: inline-block;
width: 16px;
height: 16px;
margin-right: 8px;
float: left;
cursor: pointer;
background: url("images/sprites.png") no-repeat -120px -120px;
}
html.rtl .message_viewer .message_header .icon .attachments {
margin-right: 0px;
margin-left: 8px;
float: right;
}
.message_viewer .message_header .date {
float: right;
font-size: 8.5pt;
}
html.rtl .message_viewer .message_header .date {
float: left;
}
.message_viewer .message_header .from {
color: #2b82d2;
font-weight: bold;
padding-left: 7px;
}
html.rtl .message_viewer .message_header .from {
padding-right: 7px;
}
.message_viewer .notice {
background: #ffffc5;
padding: 4px 6px;
border-bottom: 1px solid #EAE7CA;
color: #B5AD94;
font-size: 8pt;
}
.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 {
height: 1px;
background-color: #e2e2e2;
display: none;
margin: 0px 20px;
}
.message_viewer .message.has_bodytext.has_attachments .bodyparts_separator {
display: block;
}
.message_viewer .appointment {
padding: 15px;
background: #eeffe0;
border-bottom: 1px solid #cee2c0;
}
.message_viewer .appointment .row.fluid {
padding-left: 100px;
}
.message_viewer .appointment .label {
width: 100px;
color: #57793E;
vertical-align: top;
}
.message_viewer .appointment .row.fluid .label {
margin-left: -100px;
}
.message_viewer .appointment .value {
display: inline-block;
}
.message_viewer .appointment .row.fluid .value {
width: 99%;
}
.message_viewer .appointment .event_state {
color: #929292;
padding-left: 5px;
}
.message_viewer .appointment .buttons {
display: inline-block;
margin-top: 7px;
}
.message_viewer .appointment .buttons .button {
margin-right: 5px;
}
.message_viewer .appointment .buttons .button.state {
padding: 4px 8px;
}
.message_viewer .appointment .buttons.animation .button {
-webkit-transition: opacity 200ms ease, background 200ms ease, color 200ms ease;
-moz-transition: opacity 200ms ease, background 200ms ease, color 200ms ease;
-o-transition: opacity 200ms ease, background 200ms ease, color 200ms ease;
transition: opacity 200ms ease, background 200ms ease, color 200ms ease;
}
.message_viewer .appointment .buttons.touched .button {
opacity: 0.4;
}
.message_viewer .appointment .buttons.touched .button:hover,
.message_viewer .appointment .buttons.touched .button.state {
opacity: 1;
}
.message_viewer .panels.has_attachments .left_panel {
display: block;
box-shadow: none;
border-radius: 0px;
width: 100%;
}
.message_viewer .panels.has_attachments .right_panel {
display: none;
box-shadow: none;
}
.message_viewer .panels.has_attachments.view_attachments .left_panel {
display: none;
}
.message_viewer .panels.has_attachments.view_attachments .right_panel {
display: block;
}
.message_viewer .body_parts_switcher {
white-space: nowrap;
font-size: 0px;
border-bottom: 2px solid #ccc;
background: #FFFFFF;
}
.message_viewer .body_parts_switcher .item {
font-size: 9pt;
white-space: normal;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
padding: 10px 16px;
border-bottom: 0px solid #ccc;
}
.message_viewer .body_parts_switcher .show_message {
border-bottom-width: 4px;
padding-bottom: 8px;
}
.message_viewer .body_parts_switcher.view_attachments .show_message {
border-bottom-width: 0px;
padding-bottom: 10px;
}
.message_viewer .body_parts_switcher.view_attachments .show_attachments {
border-bottom-width: 4px;
padding-bottom: 8px;
}
.panel.thread_viewer .panel_top .expand .owner.founded,
.message_viewer .message_header .expand .from.founded {
padding: 3px 7px 0px;
margin: -3px -7px 0px 0px;
background: #fff;
border-radius: 4px 4px 0px 0px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
position: relative;
z-index: 1001;
display: inline-block;
}
.item_viewer .title .add_contact,
.item_viewer .message_header .add_contact {
display: inline-block;
vertical-align: middle;
width: 11px;
height: 11px;
margin: 0 0 2px 2px;
color: #2b82d2;
cursor: pointer;
}
.item_viewer .title .add_contact:before,
.item_viewer .message_header .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 .title .add_contact:before,
.item_viewer .message_header .add_contact:before {
content: "\e641";
font-size: 16px;
display: inline-block;
vertical-align: middle;
width: 100%;
height: 100%;
margin: -12px -3px 0px;
}
/*=== END Message viewer CSS ===*/html.screen-compose body {
min-height: 400px;
}
html.screen-compose-cc body,
html.screen-compose-bcc body {
min-height: 450px;
}
html.screen-compose-cc.screen-compose-bcc body {
min-height: 500px;
}
html.screen-compose-attachments body {
min-height: 615px;
}
html.screen-compose-cc.screen-compose-attachments body,
html.screen-compose-bcc.screen-compose-attachments body {
min-height: 475px;
}
html.screen-compose-cc.screen-compose-bcc.screen-compose-attachments body {
min-height: 715px;
}
html.native-android-browser.screen-compose body {
height: 400px;
}
html.native-android-browser.screen-compose-cc body,
html.native-android-browser.screen-compose-bcc body {
height: 450px;
}
html.native-android-browser.screen-compose-cc.screen-compose-bcc body {
height: 500px;
}
html.native-android-browser.screen-compose-attachments body {
height: 615px;
}
html.native-android-browser.screen-compose-cc.screen-compose-attachments body,
html.native-android-browser.screen-compose-bcc.screen-compose-attachments body {
height: 475px;
}
html.native-android-browser.screen-compose-cc.screen-compose-bcc.screen-compose-attachments body {
height: 715px;
}
/*=== Compose screen CSS ===*/
.panel.compose {
background: #f9f9f9;
box-shadow: -1px 0 4px rgba(0, 0, 0, 0.23);
display: inline-block;
width: 100%;
}
.panel.compose .panel.left_panel .panel_content,
.panel.compose .panel.right_panel .panel_content {
padding-top: 0px;
margin-top: 0px;
}
.panel.compose .left_panel {
border-radius: 0px;
box-shadow: none;
border-right: 1px solid #E2E2E2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.panel.compose .left_panel .middle_bar {
padding-top: 0px;
margin-top: 0px;
padding-bottom: 155px;
margin-bottom: -155px;
}
.panel.compose .left_panel .panel_top {
border: 0px;
background: none;
padding: 6px;
}
.panel.compose .left_panel .panel_center {
padding-top: 1px;
background: none;
min-height: 200px;
}
.panel.compose .left_panel .panel_bottom {
background: none;
border: 0px;
border-radius: 0px;
height: auto;
}
.panel.compose .right_panel {
width: 20%;
border-radius: 0px;
box-shadow: none;
position: relative;
overflow: hidden;
}
.panel.compose .right_panel .middle_bar {
padding-top: 47px;
margin-top: -47px;
}
.panel.compose .right_panel .middle_bar .panel_top {
padding: 6px 10px;
text-align: center;
}
.panel.compose .right_panel .middle_bar .panel_top .uploader_button,
.panel.compose .right_panel .middle_bar .panel_top .uploader_button:link,
.panel.compose .right_panel .middle_bar .panel_top .uploader_button:visited {
color: #2b82d2;
text-decoration: none;
cursor: pointer;
}
.panel.compose .right_panel .middle_bar .panel_top .uploader_button:hover {
color: #1d90d7;
text-decoration: underline;
}
.panel.compose .right_panel .middle_bar .panel_top .text {
display: block;
}
.panel.compose .html_editor {
padding-left: 6px;
padding-right: 6px;
margin-top: -6px;
padding-top: 6px;
}
.panel.compose .html_editor .workarea {
border: 1px solid #CCCCCC;
border-radius: 0;
}
.panel.compose .html_editor .workarea .crea-content-editable {
padding: 14px;
}
.panel.compose .panel_content > .toolbar {
background: #d7f0c3;
filter: none;
border-bottom: 1px solid #cacfd5;
}
.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 .confirmation .icon {
display: inline-block;
}
.panel.compose .panel_content > .toolbar .new_window {
border: 0px;
background: transparent;
box-shadow: none;
float: right;
}
html.rtl .panel.compose .panel_content > .toolbar .new_window {
float: left;
}
.panel.compose .notice {
padding: 8px 11px;
background: #FFFFC5;
color: #B5AD94;
border-bottom: 1px solid #F5EDD4;
}
.panel.compose table.fields {
width: 100%;
margin-top: 10px;
}
.panel.compose table.fields table.fields {
margin-top: 0px;
}
.panel.compose table.fields td {
padding: 0px 0px 10px;
}
.panel.compose table.fields td td {
padding: 0px;
}
.panel.compose table.fields .label {
text-align: right;
width: 60px;
padding-right: 6px;
}
html.rtl .panel.compose table.fields .label {
text-align: left;
}
.panel.compose table.fields .input {
padding: 8px 10px;
font-size: 11pt;
border-radius: 2px;
min-width: 100%;
width: 100px !important;
}
.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 {
display: inline-block;
font-size: 11pt;
color: #4477bb;
}
.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 .hide_cc,
.panel.compose table.fields .bcc .hide_bcc {
display: none;
}
.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-wrap,
.panel.compose table.fields .bcc .inputosaurus .scroll-wrap,
.panel.compose table.fields .to .inputosaurus .scroll-wrap {
max-height: 200px;
}
.panel.compose .buttons .button.send {
background: none repeat scroll 0 0 #88CF50;
border: 1px solid #7BBE45;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
display: inline-block;
font-size: 13pt;
font-weight: bold;
padding: 10px 30px;
box-shadow: none;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
margin: 10px 11px;
cursor: pointer;
}
.panel.compose .buttons .button.send.disabled {
cursor: default;
opacity: 0.5;
}
.panel.compose .attachments {
z-index: 1;
text-align: center;
}
.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;
padding: 11px;
color: #D3B910;
font-size: 18pt;
text-align: center;
opacity: 0;
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
visibility: hidden;
}
.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;
height: 100%;
border: 3px dashed #E2DA36;
border-radius: 5px;
}
.panel.compose .attachments .items_list {
height: 100%;
text-align: left;
max-height: 215px;
}
html.rtl .panel.compose .attachments .items_list {
text-align: right;
}
.panel.compose .attachments .items_list .button.download {
display: none;
}
.panel.compose .input {
border: 1px solid #E3E3E3;
box-shadow: none;
}
.panel.compose .panel_content > .toolbar {
background: #fff !important;
}
/*=== END Compose screen CSS ===*/
.ContactsLayout .panels {
-webkit-transition: -webkit-transform 500ms ease 0s;
-moz-transition: -moz-transform 500ms ease 0s;
transition: transform 500ms ease 0s;
}
.ContactsLayout .panels.list_active {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ContactsLayout .panels.viewer_active {
-webkit-transform: translateX(-200%);
-moz-transform: translateX(-200%);
-o-transform: translateX(-200%);
transform: translateX(-200%);
}
.panel.groups .ui-droppable-disabled {
opacity: 1 !important;
}
/*=== Contacts screen CSS ===*/
.panel.contacts .panel_content {
margin-right: 0px;
}
.panel.contacts .panel_top .search_block {
padding-right: 0px;
}
html.rtl .panel.contacts .panel_top .search_block {
padding-right: 30px;
padding-left: 0px;
}
.panel.contacts .panel_bottom {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background-color: transparent;
border-top: 0 none;
bottom: 10px;
height: 26px;
padding: 0;
position: absolute;
text-align: center;
white-space: nowrap;
width: 100%;
}
.panel.contacts .panel_bottom .pagination {
background: #F5F5F5;
border: 1px solid #D5D5D5;
border-radius: 21px;
box-shadow: 0 0 5px #E1E1E1;
cursor: default;
display: inline-block;
padding: 4px 10px;
text-align: right;
}
.panel.contacts .middle_bar {
padding-top: 39px;
margin-top: -39px;
padding-bottom: 0px;
margin-bottom: 0px;
}
.panel.contacts .item .me {
background: #F1F1F1;
border-radius: 10px 10px 10px 10px;
color: #6D6D6D;
float: right;
padding: 2px 8px;
}
.panel.contacts .item.selected .me {
color: #519CE2;
}
.panel.contacts .item .data {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.panel.contacts .item .data .name {
display: block;
margin-bottom: 10px;
font-size: 10.5pt;
font-weight: bold;
}
.panel.contacts .item .data .email {
color: #519CE2;
}
.panel.contacts .item.selected .data .email {
color: #fff;
}
.panel.contacts .item.noname .data .name {
font-weight: normal;
color: #888;
opacity: 0.3;
filter: alpha(opacity=30);
}
.panel.contacts .item.selected.noname .data .name {
color: #fff;
}
.panel.contacts .search_form {
float: right;
margin-top: -25px;
}
.panel.contacts .right_panel {
overflow-x: hidden;
overflow-y: auto;
height: 100%;
}
.panel.contacts .contact_form {
border: 3px solid #69A8F5;
background: #69A8F5;
border-radius: 4px;
}
.panel.contacts .contact_form .contact_content {
padding: 20px;
background: #fff;
border-radius: 2px;
}
.panel.contacts .contact_form .title {
margin-top: 0px;
font-weight: normal;
}
.panel.contacts .contact_form .subtitle {
font-size: 11pt;
color: #636C78;
}
.panel.contacts .contact_form .buttons {
border-top: 0px;
margin-top: 0px;
padding: 10px 0px 0px;
}
.panel.contacts .contact_form .value {
font-weight: bold;
font-size: 12pt;
}
/*=== END Contacts screen CSS ===*/
/*=== Contact viewer CSS ===*/
.panel.contact_viewer .panel_content {
background: url("images/contacts-bg.png?7.4.2") repeat 0 0;
}
.panel.contact_viewer .middle_bar {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding-top: 100px;
margin-top: -100px;
}
.panel.contact_viewer .middle_bar.edit_contact,
.panel.contact_viewer .middle_bar.edit_group,
.panel.contact_viewer .middle_bar.import,
.panel.contact_viewer .middle_bar.contact {
padding-bottom: 69px;
margin-bottom: -69px;
}
.panel.contact_viewer .panel_top {
margin: 0px 20px;
padding: 23px 0px;
min-height: 50px;
background: none;
border-bottom: 0px;
}
.panel.contact_viewer .contact_content {
height: 100%;
}
.panel.contact_viewer .contact_content .fields_switcher {
margin: 10px 20px;
text-align: right;
}
.panel.contact_viewer .title {
font-size: 16pt;
color: #4d4d4d;
padding: 0px;
margin: 0 0 6px;
overflow: hidden;
white-space: normal;
-ms-word-break: break-all;
word-wrap: break-word;
}
.panel.contact_viewer .title.email {
color: #3983c8;
margin: 0px;
font-size: 10.5pt;
font-weight: bold;
}
.panel.contact_viewer .panel_top .toolbar,
.panel.contact_viewer .panel_center .toolbar,
.panel.contact_viewer .panel_bottom .toolbar {
background: none;
filter: none;
padding: 0;
border-radius: 0px;
border: 0px;
}
.panel.contact_viewer .item.mail_to_title {
text-decoration: none;
}
.panel.contact_viewer .panel_center .toolbar {
position: relative;
z-index: 1;
}
.panel.contact_viewer .panel_center .toolbar .content {
position: absolute;
right: 0px;
top: 0px;
margin: 20px 40px 0px 0px;
}
html.rtl .panel.contact_viewer .panel_center .toolbar .content {
right: auto;
left: 0px;
margin-right: 0px;
margin-left: 40px;
}
.panel.contact_viewer .contact_content .toolbar {
margin: 20px 30px 0px 0px;
}
.panel.contact_viewer .panel_top .toolbar .content,
.panel.contact_viewer .panel_center .toolbar .content,
.panel.contact_viewer .panel_bottom .toolbar .content {
padding: 0;
}
.panel.contact_viewer .panel_top .toolbar .content .item.mail_to,
.panel.contact_viewer .panel_center .toolbar .content .item.mail_to,
.panel.contact_viewer .panel_bottom .toolbar .content .item.mail_to {
background: none repeat 0 0 #88CF50;
border-color: #7BBE45;
border-radius: 5px 5px 5px 5px;
overflow: hidden;
padding: 5px 10px 2px;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
color: #FFFFFF;
box-shadow: none;
}
.panel.contact_viewer .panel_top .toolbar .icon,
.panel.contact_viewer .panel_center .toolbar .icon,
.panel.contact_viewer .panel_bottom .toolbar .icon {
display: none;
}
.panel.contact_viewer .panel_top .toolbar .text,
.panel.contact_viewer .panel_center .toolbar .text,
.panel.contact_viewer .panel_bottom .toolbar .text {
display: inline-block;
}
.panel.contact_viewer .panel_bottom {
border: 0px;
border-radius: 0px;
background: none;
padding: 0px;
height: auto;
}
.panel.contact_viewer .panel_bottom .toolbar {
float: none !important;
text-align: right;
margin: 0px 20px;
padding: 20px 0px;
border-top: 1px solid #D9D9D9;
}
html.rtl .panel.contact_viewer .panel_bottom .toolbar {
text-align: left;
}
.panel.contact_viewer .panel_bottom .buttons {
border-top: 1px solid #D9D9D9;
margin: 0px 20px;
}
.panel.contact_viewer .decor {
border: 1px solid #D9D9D9;
border-bottom: 0px;
border-radius: 4px 4px 0px 0px;
padding-top: 3px;
margin: 0px 20px;
}
.contact_data_groups {
color: #626262;
border: 1px solid #D9D9D9;
border-top: 0px;
border-radius: 0px 0px 4px 4px;
margin: 0px 20px;
min-height: 100px;
}
.contact_data_groups .fields {
padding: 12px 20px 1px;
}
.contact_data_groups .subtitle,
.contact_data_groups .row {
margin-top: 0px;
margin-bottom: 22px;
padding: 0px;
}
.contact_data_groups .subtitle {
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 {
margin-bottom: 5px;
clear: none;
}
.contact_data_groups .address .row:after {
display: none;
}
.contact_data_groups .address .label {
width: 20px;
height: 0px;
text-indent: 20px;
overflow: hidden;
}
.contact_data_groups .address .label.address {
float: left;
width: 20px;
height: 20px;
text-indent: 0px;
overflow: hidden;
vertical-align: middle;
margin-right: -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 {
font-size: 20px;
margin-right: 20px;
content: "\e662";
}
.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 {
width: 20px;
height: 20px;
text-indent: 0px;
overflow: hidden;
vertical-align: middle;
}
.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 {
font-size: 20px;
margin-right: 20px;
content: "\e663";
}
.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;
}
.contact_card .link.call {
margin-left: 4px;
}
.contact_card .groups .row {
font-size: 9pt;
}
.import .contact_data_groups .buttons {
text-align: left;
margin-top: 0px;
}
/*=== END Contact viewer CSS ===*/
/*=== Base CSS ===*/
html {
height: 100%;
}
html.non-adjustable {
height: auto;
min-height: 100%;
}
body {
background: url("images/background.jpg") repeat 0 0;
font: normal 9pt Helvetica, Tahoma, Arial, sans-serif;
height: 100%;
min-height: 480px;
}
html.screen-login-helpdesk body,
html.screen-login-langblock body {
min-height: 580px;
}
html.screen-login-langblock.screen-login-description body {
min-height: 734px;
}
html.non-adjustable body {
height: auto;
min-height: inherit;
min-height: 100%;
overflow: visible;
}
html.non-adjustable-valign body {
min-height: inherit;
}
.pSevenMain {
height: 100%;
overflow: hidden;
position: relative;
}
html.non-adjustable-valign .pSevenMain {
overflow: auto;
}
.pSevenMain {
height: 100%;
overflow: hidden;
position: relative;
}
html.non-adjustable-valign .pSevenMain {
overflow: auto;
}
.scroll-inner {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
#pSevenContent {
height: 100%;
}
.autosize {
overflow: hidden;
resize: none;
}
textarea {
resize: vertical;
}
label {
cursor: pointer;
}
a,
.link,
a:link,
.link:link,
a:visited,
.link:visited {
color: #2b82d2;
text-decoration: none;
cursor: pointer;
}
a:hover,
.link:hover {
color: #1d90d7;
text-decoration: underline;
}
*[contenteditable="true"],
input:focus {
outline: none;
}
.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.ui-front {
z-index: 2001;
}
.ui-menu .ui-menu-item a {
overflow: hidden;
white-space: nowrap;
}
/*=== Common CSS ===*/
.panel.folders .items_list .item,
.panel.groups .items_list .item,
.panel.storages .items_list .item,
.settings .folders .items_list .item {
font-size: 12pt;
background: none;
max-height: inherit;
}
.panel.folders .items_list .item > .title,
.panel.groups .items_list .item > .title,
.panel.storages .items_list .item > .title,
.settings .folders .items_list .item > .title {
color: #aaaaaa;
text-decoration: none;
font-size: 13pt;
font-weight: normal;
line-height: normal;
padding-top: 4px;
padding-bottom: 7px;
padding-left: 16px;
cursor: default;
display: block;
white-space: nowrap;
outline: none;
margin-bottom: 0px;
}
.panel.folders .items_list .item > .title .name,
.panel.groups .items_list .item > .title .name,
.panel.storages .items_list .item > .title .name,
.settings .folders .items_list .item > .title .name {
display: block;
overflow: hidden;
margin-right: 10px;
}
html.rtl .panel.folders .items_list .item > .title .name,
html.rtl .panel.groups .items_list .item > .title .name,
html.rtl .panel.storages .items_list .item > .title .name,
html.rtl .settings .folders .items_list .item > .title .name {
margin-right: 0px;
margin-left: 10px;
}
.panel.folders .items_list .item > .title .text,
.panel.groups .items_list .item > .title .text,
.panel.storages .items_list .item > .title .text,
.settings .folders .items_list .item > .title .text {
display: inline-block;
vertical-align: middle;
}
.panel.folders .items_list .item > .title .icon,
.panel.groups .items_list .item > .title .icon,
.panel.storages .items_list .item > .title .icon,
.settings .folders .items_list .item > .title .icon {
display: inline-block;
vertical-align: middle;
width: 30px;
height: 30px;
}
.panel.folders .items_list .item.canSelect > .title,
.panel.groups .items_list .item.canSelect > .title,
.panel.storages .items_list .item.canSelect > .title,
.settings .folders .items_list .item.canSelect > .title {
cursor: pointer;
color: #777777;
text-shadow: none;
}
.panel.folders .items_list .item.canSelect > .title:hover,
.panel.groups .items_list .item.canSelect > .title:hover,
.panel.storages .items_list .item.canSelect > .title:hover,
.settings .folders .items_list .item.canSelect > .title:hover {
color: #40444C;
}
.panel.folders .items_list .item.canSelect > .title.virtualEmpty .title,
.panel.groups .items_list .item.canSelect > .title.virtualEmpty .title,
.panel.storages .items_list .item.canSelect > .title.virtualEmpty .title,
.settings .folders .items_list .item.canSelect > .title.virtualEmpty .title,
.panel.folders .items_list .item.canSelect > .title.virtualEmpty .title:hover,
.panel.groups .items_list .item.canSelect > .title.virtualEmpty .title:hover,
.panel.storages .items_list .item.canSelect > .title.virtualEmpty .title:hover,
.settings .folders .items_list .item.canSelect > .title.virtualEmpty .title:hover {
color: #AAAAAA;
}
.panel.folders .items_list .item.selected > .title,
.panel.groups .items_list .item.selected > .title,
.panel.storages .items_list .item.selected > .title,
.settings .folders .items_list .item.selected > .title {
color: #fff !important;
background: #2d90d6;
background: rgba(0, 0, 0, 0.3);
text-shadow: none;
}
.panel.folders .items_list .item .count,
.panel.groups .items_list .item .count,
.panel.storages .items_list .item .count,
.settings .folders .items_list .item .count {
display: inline-block;
float: right;
margin-right: 10px;
padding: 2px 10px;
}
html.rtl .panel.folders .items_list .item .count,
html.rtl .panel.groups .items_list .item .count,
html.rtl .panel.storages .items_list .item .count,
html.rtl .settings .folders .items_list .item .count {
margin-right: 0px;
margin-left: 10px;
float: left;
}
.panel.folders .items_list .item.selected > .title .count,
.panel.groups .items_list .item.selected > .title .count,
.panel.storages .items_list .item.selected > .title .count,
.settings .folders .items_list .item.selected > .title .count {
border-radius: 11px/10px;
background: transparent;
box-shadow: none;
}
.cssanimations .panel.folders .item .title.recivedAnim,
.cssanimations .panel.groups .item .title.recivedAnim,
.cssanimations .panel.storages .item .title.recivedAnim,
.cssanimations .settings .folders .item .title.recivedAnim {
-webkit-animation: highlight 0.5s linear;
-moz-animation: highlight 0.5s linear;
animation: highlight 0.5s linear;
}
.panel.folders .item .title.droppableHover,
.panel.groups .item .title.droppableHover,
.panel.storages .item .title.droppableHover,
.settings .folders .item .title.droppableHover {
background: #e5e5e5 !important;
color: #626262 !important;
text-shadow: 0px 1px 0px #fff !important;
}
.panel.folders .item.selected .title.droppableHover,
.panel.groups .item.selected .title.droppableHover,
.panel.storages .item.selected .title.droppableHover,
.settings .folders .item.selected .title.droppableHover {
background: #3280b8 !important;
color: #fff !important;
text-shadow: 0px 1px 0px #678197 !important;
}
.panel.folders .items_list .item .title .name,
.panel.groups .items_list .item .title .name,
.panel.storages .items_list .item .title .name {
overflow: hidden;
}
.panel.folders .items_list .item .title .name:after,
.panel.groups .items_list .item .title .name:after,
.panel.storages .items_list .item .title .name:after {
content: "";
pointer-events: none;
display: block;
width: 10px;
float: right;
height: 100px;
margin-left: 0;
margin-top: -100px;
position: relative;
}
html.rtl .panel.folders .items_list .item .title .name:after,
html.rtl .panel.groups .items_list .item .title .name:after,
html.rtl .panel.storages .items_list .item .title .name:after {
float: left;
}
.recivedAnim .panel.folders .items_list .item .title .name:after,
.recivedAnim .panel.groups .items_list .item .title .name:after,
.recivedAnim .panel.storages .items_list .item .title .name:after {
background: none !important;
}
.panels.settings .folders .items_list .item .title .name {
overflow: hidden;
}
.panels.settings .folders .items_list .item .title .name:after {
content: "";
pointer-events: none;
display: block;
width: 10px;
float: right;
height: 100px;
margin-left: 0;
margin-top: -100px;
position: relative;
}
html.rtl .panels.settings .folders .items_list .item .title .name:after {
float: left;
}
.recivedAnim .panels.settings .folders .items_list .item .title .name:after {
background: none !important;
}
.folders .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;
}
.folders .title .icon:before {
font-size: 30px;
display: inline-block;
width: 30px;
height: 30px;
}
.folders .selected .title .icon:before {
color: #fff;
text-shadow: 0 1px 0 #727272;
}
.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 .title .icon.type7:before,
.folders .selected .title .icon.type7:before {
color: #ffb736;
content: "\e613";
margin-top: -0.1ex;
}
.folders .virtualEmpty .title .icon.type7:before {
color: #727272 !important;
}
.folders .virtualEmpty.selected .title .icon.type7:before {
color: #fff !important;
}
.groups .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;
}
.groups .title .icon:before {
font-size: 30px;
display: inline-block;
width: 30px;
height: 30px;
}
.groups .selected .title .icon:before {
color: #fff;
text-shadow: 0 1px 0 #727272;
}
.groups .title .icon:before {
content: "\e618";
}
.groups .title .icon.type1:before {
content: "\e618";
}
.groups .title .icon.type2:before {
content: "\e619";
}
.groups .title .icon.type3:before {
content: "\e629";
}
/*=== END Folders CSS ===*/
.panel.messages .customscroll-scrollbar-vertical,
.panel.contacts .customscroll-scrollbar-vertical,
.panel.threads .customscroll-scrollbar-vertical {
margin-right: 6px;
}
html.rtl .panel.messages .customscroll-scrollbar-vertical,
html.rtl .panel.contacts .customscroll-scrollbar-vertical,
html.rtl .panel.threads .customscroll-scrollbar-vertical {
margin-right: 0px;
margin-left: 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;
}
/*=== END Popup CSS ===*/
/*=== IE hacks ===*/
/*=== 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?7.4.2");
background-size: 1440px 560px;
}
}
@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 .items_list .item .marker,
.html_editor .toolbar .item .icon {
background-image: url("images/sprites2x.png?7.4.2");
background-size: 1440px 560px;
}
}
/*=== END IE hacks ===*/
Zerion Mini Shell 1.0