/*=== Common css part ===*/
/*==== 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 ====*/
/*=== 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 quickreply_status_in {
	0% { max-height: 0px; opacity: 0; }
	40% { max-height: 0px; opacity: 0; }
	70% { max-height: 30px; opacity: 1; }
	100% { max-height: 30px; opacity: 1; }
}
@-moz-keyframes quickreply_status_in {
	0% { max-height: 0px; opacity: 0; }
	40% { max-height: 0px; opacity: 0; }
	70% { max-height: 30px; opacity: 1; }
	100% { max-height: 30px; opacity: 1; }
}
@-webkit-keyframes quickreply_status_in {
	0% { max-height: 0px; opacity: 0; }
	40% { max-height: 0px; opacity: 0; }
	70% { max-height: 30px; opacity: 1; }
	100% { max-height: 30px; opacity: 1; }
}*/
/*@keyframes quickreply_status_out {
	0% { max-height: 30px; opacity: 1; }
	100% { max-height: 0px; opacity: 0; }
}
@-moz-keyframes quickreply_status_out {
	0% { max-height: 30px; opacity: 1; }
	100% { max-height: 0px; opacity: 0; }
}
@-webkit-keyframes quickreply_status_out {
	0% { max-height: 30px; opacity: 1; }
	100% { max-height: 0px; opacity: 0; }
}*/
@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;
  }
}
/*=== Screens CSS ===*/
.screens {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 70px;
  margin-top: -70px;
  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;
}
.panels .panel_helper {
  vertical-align: top;
  display: inline-block;
}
.panel {
  font-size: 9pt;
  height: 100%;
  white-space: normal;
  box-shadow: -1px 0 4px rgba(0, 0, 0, 0.23);
  border-radius: 5px;
}
.rtl .panel {
  box-shadow: 1px 0 4px rgba(0, 0, 0, 0.23);
}
.panels .panel {
  vertical-align: top;
  display: inline-block;
}
.panel .resize_handler {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: right;
  width: 6px;
  margin-right: -6px;
  height: 100%;
  cursor: e-resize;
  position: relative;
  left: -6px;
  z-index: 100;
}
html.rtl .panel .resize_handler {
  float: left;
}
.panel .resize_handler.active {
  width: 100px;
  left: -50px;
  margin-right: -100px;
}
.panel .panel_content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 51px;
  margin-top: -51px;
  /* 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;
}
.panel .panel_bottom {
  background-color: #F8F8F8;
  border-radius: 0 0 0 4px;
  border-top: 1px solid #E2E2E2;
  height: 26px;
  padding: 14px 20px 0;
}
/*=== END Panels CSS ===*/
/*=== Panel Item Viewer CSS ===*/
.panel.item_viewer {
  width: 60%;
  border-radius: 5px;
  margin: -2px 0 0 -2px;
  padding: 2px 0 0 2px;
  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 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 .content .link {
  margin-top: 10px;
}
.panel.item_viewer .attachments .download_menu.expand .content {
  max-height: 200px;
}
.panel.item_viewer .attachments .download_menu .control {
  display: inline-block;
  float: right;
  margin: 10px 0px 0px -16px;
  width: 16px;
  height: 10px;
  background: url("images/sprites.png?7.2.1") no-repeat -880px -240px;
  cursor: pointer;
}
.panel.item_viewer .attachments .download_menu .control:hover {
  background-position: -880px -260px;
}
.panel.item_viewer .attachments .download_menu .link {
  display: inline-block;
}
.panel.item_viewer .attachments .download_menu .link.all {
  margin-right: 20px;
  margin-bottom: 0px;
}
.panel.item_viewer .attachments .download_menu .link .icon {
  display: none;
}
.panel.item_viewer .attachments .download_menu .link.all .icon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url("images/sprites.png?7.2.1") no-repeat 40px 40px;
  margin-right: 8px;
  float: left;
  background-position: -920px -240px;
}
.panel.item_viewer .attachments .download_menu .link.separately .icon {
  background-position: -960px -240px;
}
.panel.item_viewer .attachments .download_menu .link.to_filestorage .icon {
  background-position: -1000px -240px;
}
.panel.item_viewer .attachments .download_menu .link .text {
  overflow: hidden;
}
/*=== END Panel Item Viewer CSS ===*/
/*=== Common List CSS ===*/
.items_list {
  height: 100%;
}
.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: 80px;
  overflow: hidden;
}
.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;
  margin-left: -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 .from:after,
.items_list .item .subject:after {
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(253, 253, 253, 0)), color-stop(100%, #fdfdfd));
  background: -webkit-linear-gradient(left, rgba(253, 253, 253, 0) 0%, #fdfdfd 100%);
  background: -moz-linear-gradient(left, rgba(253, 253, 253, 0) 0%, #fdfdfd 100%);
  background: -o-linear-gradient(left, rgba(253, 253, 253, 0) 0%, #fdfdfd 100%);
  background: -ms-linear-gradient(left, rgba(253, 253, 253, 0) 0%, #fdfdfd 100%);
  background: linear-gradient(left, rgba(253, 253, 253, 0) 0%, #fdfdfd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00fdfdfd', endColorstr='#fffdfdfd',GradientType=1);
}
html.rtl .items_list .item .from:after,
html.rtl .items_list .item .subject:after {
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fdfdfd), color-stop(100%, rgba(253, 253, 253, 0)));
  background: -moz-linear-gradient(left, #fdfdfd 0%, rgba(253, 253, 253, 0) 100%);
  background: -webkit-linear-gradient(left, #fdfdfd 0%, rgba(253, 253, 253, 0) 100%);
  background: -o-linear-gradient(left, #fdfdfd 0%, rgba(253, 253, 253, 0) 100%);
  background: -ms-linear-gradient(left, #fdfdfd 0%, rgba(253, 253, 253, 0) 100%);
  background: linear-gradient(left, #fdfdfd 0%, rgba(253, 253, 253, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfdfd', endColorstr='#00fdfdfd',GradientType=1);
}
.items_list .item.unseen {
  background: #f4f6f7;
  font-weight: bold;
}
.items_list .item.unseen .from:after,
.items_list .item.unseen .subject:after {
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(244, 246, 247, 0)), color-stop(100%, #f4f6f7));
  background: -webkit-linear-gradient(left, rgba(244, 246, 247, 0) 0%, #f4f6f7 100%);
  background: -moz-linear-gradient(left, rgba(244, 246, 247, 0) 0%, #f4f6f7 100%);
  background: -o-linear-gradient(left, rgba(244, 246, 247, 0) 0%, #f4f6f7 100%);
  background: -ms-linear-gradient(left, rgba(244, 246, 247, 0) 0%, #f4f6f7 100%);
  background: linear-gradient(left, rgba(244, 246, 247, 0) 0%, #f4f6f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f4f6f7', endColorstr='#fff4f6f7',GradientType=1);
}
html.rtl .items_list .item.unseen .from:after,
html.rtl .items_list .item.unseen .subject:after {
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f4f6f7), color-stop(100%, rgba(244, 246, 247, 0)));
  background: -moz-linear-gradient(left, #f4f6f7 0%, rgba(244, 246, 247, 0) 100%);
  background: -webkit-linear-gradient(left, #f4f6f7 0%, rgba(244, 246, 247, 0) 100%);
  background: -o-linear-gradient(left, #f4f6f7 0%, rgba(244, 246, 247, 0) 100%);
  background: -ms-linear-gradient(left, #f4f6f7 0%, rgba(244, 246, 247, 0) 100%);
  background: linear-gradient(left, #f4f6f7 0%, rgba(244, 246, 247, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4f6f7', endColorstr='#00f4f6f7',GradientType=1);
}
.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: #ebf7cb;
}
.items_list .item.checked .from:after,
.items_list .item.checked .subject:after {
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(235, 247, 203, 0)), color-stop(100%, #ebf7cb));
  background: -webkit-linear-gradient(left, rgba(235, 247, 203, 0) 0%, #ebf7cb 100%);
  background: -moz-linear-gradient(left, rgba(235, 247, 203, 0) 0%, #ebf7cb 100%);
  background: -o-linear-gradient(left, rgba(235, 247, 203, 0) 0%, #ebf7cb 100%);
  background: -ms-linear-gradient(left, rgba(235, 247, 203, 0) 0%, #ebf7cb 100%);
  background: linear-gradient(left, rgba(235, 247, 203, 0) 0%, #ebf7cb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ebf7cb', endColorstr='#ffebf7cb',GradientType=1);
}
html.rtl .items_list .item.checked .from:after,
html.rtl .items_list .item.checked .subject:after {
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ebf7cb), color-stop(100%, rgba(235, 247, 203, 0)));
  background: -moz-linear-gradient(left, #ebf7cb 0%, rgba(235, 247, 203, 0) 100%);
  background: -webkit-linear-gradient(left, #ebf7cb 0%, rgba(235, 247, 203, 0) 100%);
  background: -o-linear-gradient(left, #ebf7cb 0%, rgba(235, 247, 203, 0) 100%);
  background: -ms-linear-gradient(left, #ebf7cb 0%, rgba(235, 247, 203, 0) 100%);
  background: linear-gradient(left, #ebf7cb 0%, rgba(235, 247, 203, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebf7cb', endColorstr='#00ebf7cb',GradientType=1);
}
.items_list .item.selected {
  color: #fff;
  background-color: #78b8f0;
}
.items_list .item.selected .from:after,
.items_list .item.selected .subject:after {
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(120, 184, 240, 0)), color-stop(100%, #78b8f0));
  background: -webkit-linear-gradient(left, rgba(120, 184, 240, 0) 0%, #78b8f0 100%);
  background: -moz-linear-gradient(left, rgba(120, 184, 240, 0) 0%, #78b8f0 100%);
  background: -o-linear-gradient(left, rgba(120, 184, 240, 0) 0%, #78b8f0 100%);
  background: -ms-linear-gradient(left, rgba(120, 184, 240, 0) 0%, #78b8f0 100%);
  background: linear-gradient(left, rgba(120, 184, 240, 0) 0%, #78b8f0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078b8f0', endColorstr='#ff78b8f0',GradientType=1);
}
html.rtl .items_list .item.selected .from:after,
html.rtl .items_list .item.selected .subject:after {
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #78b8f0), color-stop(100%, rgba(120, 184, 240, 0)));
  background: -moz-linear-gradient(left, #78b8f0 0%, rgba(120, 184, 240, 0) 100%);
  background: -webkit-linear-gradient(left, #78b8f0 0%, rgba(120, 184, 240, 0) 100%);
  background: -o-linear-gradient(left, #78b8f0 0%, rgba(120, 184, 240, 0) 100%);
  background: -ms-linear-gradient(left, #78b8f0 0%, rgba(120, 184, 240, 0) 100%);
  background: linear-gradient(left, #78b8f0 0%, rgba(120, 184, 240, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff78b8f0', endColorstr='#0078b8f0',GradientType=1);
}
.items_list .item.selected .custom_checkbox .icon {
  border-color: #577da1;
  box-shadow: 0 1px 0 #AAD2F8;
}
.items_list .item.selected .custom_checkbox .icon {
  border-color: #577da1;
  box-shadow: 0 1px 0 #AAD2F8;
}
.items_list .item .item_content {
  padding: 14px 16px 14px 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;
}
.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;
  height: 12px;
  margin-right: -2px;
  background-image: url("images/sprites.png?7.2.1");
  background-repeat: no-repeat;
  background-position: 40px 40px;
}
.items_list.collapsible .item.accordion .collapse_handler.expanded {
  background-position: -760px -240px;
}
.items_list.collapsible .item.accordion .collapse_handler.collapsed {
  background-position: -800px -240px;
}
.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;
}
.items_list.collapsible .item.selected > .title .collapse_handler.expanded {
  background-position: -760px -260px;
}
.items_list.collapsible .item.selected > .title .collapse_handler.collapsed {
  background-position: -800px -260px;
}
.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 {
  border-bottom: 1px solid #cacfd5;
  border-radius: 4px 4px 0 0;
  white-space: nowrap;
  background: #e0e7ef;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dbe3eb), color-stop(1, #e6edf5));
  background: -webkit-linear-gradient(bottom, #dbe3eb 0%, #e6edf5 100%);
  background: -ms-linear-gradient(bottom, #dbe3eb, #e6edf5);
  background: -moz-linear-gradient(center bottom, #dbe3eb 0%, #e6edf5 100%);
  background: -o-linear-gradient(#e6edf5, #dbe3eb);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6edf5', endColorstr='#dbe3eb', GradientType=0);
}
.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;
  font-size: 9pt;
  text-decoration: none;
  line-height: 140%;
  cursor: pointer;
  height: 22px;
  padding: 4px 6px 0;
  position: relative;
  margin-right: 8px;
  color: #626262;
}
.toolbar .content > .item:hover:not(.disabled),
.toolbar .content .group > .item:hover:not(.disabled),
.toolbar .content > .item.expand,
.toolbar .content .group > .item.expand {
  box-shadow: inset 0px -1px 4px #eeeeee, inset 0px 1px 0px #d5d5d5;
  background: #eee;
}
html.rtl .toolbar .content > .item,
html.rtl .toolbar .content .group > .item {
  margin-left: 8px;
  margin-right: 0px;
}
.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;
}
.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 {
  color: #888888;
  cursor: default;
  box-shadow: none;
  background: #FAFAFA;
}
.toolbar .content > .item .arrow,
.toolbar .content .group > .item .arrow {
  display: inline-block;
  vertical-align: middle;
  height: 8px;
  width: 13px;
  background: url("images/sprites.png?7.2.1") no-repeat -320px -45px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .toolbar .content > .item .arrow,
  .toolbar .content .group > .item .arrow {
    background-image: url("images/sprites2x.png?7.2.1");
    background-size: 1120px 560px;
  }
}
.expand .toolbar .content > .item .arrow,
.expand .toolbar .content .group > .item .arrow {
  background-position: -340px -45px;
}
.toolbar .content > .item .text,
.toolbar .content .group > .item .text {
  display: inline-block;
  display: none;
  vertical-align: middle;
  font-weight: bold;
}
.toolbar .content > .item .icon,
.toolbar .content .group > .item .icon {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  background-image: url("images/sprites.png?7.2.1");
  background-repeat: repeat-x;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .toolbar .content > .item .icon,
  .toolbar .content .group > .item .icon {
    background-image: url("images/sprites2x.png?7.2.1");
    background-size: 1120px 560px;
  }
}
.toolbar .content > .item .hint,
.toolbar .content .group > .item .hint {
  background-color: #c0c0c0;
  border: 1px solid #c0c0c0;
  border-radius: 3px;
  color: #FFFFFF;
  padding: 1px 3px;
  vertical-align: middle;
}
.toolbar .content .group {
  display: inline-block;
  position: relative;
  margin-right: 8px;
}
html.rtl .toolbar .content .group {
  margin-left: 8px;
  margin-right: 0px;
}
.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 {
  box-shadow: inset 0px -1px 4px #eeeeee, inset 0px 1px 0px #d5d5d5;
  background: #eee;
}
.toolbar .disabled .item,
.toolbar .item.disabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
  color: #888888;
  cursor: default;
}
.toolbar .checkmail .icon {
  background-position: -160px -40px;
}
.no-cssanimations .toolbar .checkmail .icon {
  background: url("images/check.png?7.2.1") no-repeat 0px 0px;
}
.toolbar .mark .icon {
  background-position: 0px -40px;
}
.toolbar .move .icon {
  background-position: -40px -40px;
}
.toolbar .delete .icon {
  background-position: -120px -40px;
}
.toolbar .watcher .icon {
  background-position: -840px -240px;
}
.toolbar .spam .icon {
  background-position: -80px -40px;
}
.toolbar .notspam .icon {
  background-position: -400px -40px;
}
.toolbar .empty_spam .icon {
  background-position: -440px -40px;
}
.toolbar .empty_trash .icon {
  background-position: -520px -40px;
}
.toolbar .upload .icon {
  background-position: -600px -40px;
}
.toolbar .download .icon {
  background-position: -640px -40px;
}
.toolbar .share .icon {
  background-position: 0px -318px;
}
.toolbar .edit .icon {
  background-position: -720px -40px;
}
.toolbar .resolve .icon {
  background-position: -800px -40px;
}
.toolbar .wait_client .icon {
  background-position: -760px -40px;
}
.toolbar .new_request .icon {
  background-position: -840px -40px;
}
.toolbar .new_folder .icon {
  background-position: -880px -40px;
}
.toolbar .forward .icon {
  background-position: -80px -80px;
}
.toolbar .forward:hover .icon {
  background-position: -80px -100px;
}
.toolbar .reply .icon {
  background-position: 0px -80px;
}
.toolbar .reply:hover .icon {
  background-position: 0px -100px;
}
.toolbar .replyall .icon {
  background-position: -40px -80px;
}
.toolbar .replyall:hover .icon {
  background-position: -40px -100px;
}
.toolbar .save .icon {
  background-position: -160px -80px;
}
.toolbar .save:hover .icon {
  background-position: -160px -100px;
}
.toolbar .print .icon {
  background-position: -120px -80px;
}
.toolbar .print:hover .icon {
  background-position: -120px -100px;
}
.toolbar .new_window .icon {
  background-position: -200px -80px;
}
.toolbar .new_window:hover .icon {
  background-position: -200px -100px;
}
.toolbar .back .icon {
  background-position: -360px -40px;
}
.toolbar .new_contact .icon {
  background-position: -200px -40px;
}
.toolbar .new_group .icon {
  background-position: -240px -40px;
  width: 20px;
}
.toolbar .add_to .icon {
  background-position: -280px -40px;
}
.toolbar .remove_from .icon {
  background-position: -560px -40px;
}
.toolbar .import .icon {
  background-position: -400px -40px;
}
.toolbar .export .icon {
  background-position: -400px -40px;
}
.toolbar .new_message .icon {
  background-position: -480px -40px;
}
.toolbar .send_files .icon {
  background-position: -960px -40px;
}
.cssanimations .toolbar .item.process .icon {
  -webkit-animation: cycle 0.8s linear infinite;
  -moz-animation: cycle 0.8s linear infinite;
  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 ===*/
/*=== Custom scroll CSS ===*/
.scroll-wrap {
  display: block;
  position: relative;
  overflow: hidden;
  max-height: none;
}
.scroll-wrap .scroll-inner {
  overflow: hidden;
}
.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: 10px;
  margin-top: 2px;
  right: 2px;
  top: 0;
  padding: 6px 0px;
}
html.rtl .customscroll-scrollbar-vertical {
  right: auto;
  left: 2px;
}
.customscroll-scrollbar-vertical div {
  width: 4px;
  margin: 0px 2px 0px 6px;
}
html.rtl .customscroll-scrollbar-vertical div {
  margin-left: 2px;
  margin-right: 6px;
}
.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;
}
/*=== END Custom scroll CSS ===*/
/*=== Custom checkbox/radio CSS ===*/
.custom_radio,
.custom_checkbox {
  display: inline-block;
  vertical-align: text-bottom;
  overflow: hidden;
  width: 14px;
  height: 15px;
  margin-right: 4px;
}
.toolbar .custom_radio,
.toolbar .custom_checkbox {
  vertical-align: middle !important;
}
html.rtl .custom_radio,
html.rtl .custom_checkbox {
  margin-right: 0px;
  margin-left: 4px;
}
.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-left: -30px;
  margin-top: -30px;
}
.custom_radio .icon,
.custom_checkbox .icon {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #b4b5b6;
  border-radius: 2px;
  width: 12px !important;
  height: 12px !important;
  background: url('images/sprites.png?7.2.1') no-repeat -1px -241px !important;
}
.toolbar .custom_radio .icon,
.toolbar .custom_checkbox .icon {
  vertical-align: top !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .custom_radio .icon,
  .custom_checkbox .icon {
    background-image: url("images/sprites2x.png?7.2.1");
    background-size: 1120px 560px;
  }
}
.custom_checkbox.checked .icon {
  background-position: -21px -241px !important;
}
.custom_checkbox.checked .icon.incomplete .icon {
  background-position: -21px -261px !important;
}
.custom_checkbox.checked .icon.disabled .icon {
  background-position: -21px -261px !important;
}
.custom_checkbox.disabled .icon {
  background-position: -1px -261px !important;
}
.custom_radio .icon {
  border-radius: 50%;
  background-position: -41px -241px !important;
}
.custom_radio.checked .icon {
  background-position: -61px -241px !important;
}
.custom_radio.checked .icon.incomplete .icon {
  background-position: -61px -261px !important;
}
.custom_radio.checked .icon.disabled .icon {
  background-position: -61px -261px !important;
}
.custom_radio.disabled .icon {
  background-position: -41px -261px !important;
}
.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;
}
/*=== END Custom checkbox/radio CSS ===*/
/*=== Dropdown CSS ===*/
.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;
  left: -10000px;
  cursor: default;
  font-size: 9pt;
  width: 100%;
  visibility: hidden;
  color: #626262;
  /*TODO need js
	el.filters[0].Apply();
		el1.style.visibility="hidden"; -> el1.style.visibility="visible";
    el.filters[0].Play();
	filter:progid:DXImageTransform.Microsoft.Fade(duration=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_helper {
  position: absolute;
}
.dropdown .dropdown_content {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 300px;
  min-width: 100px;
  display: block;
  background: #FFFFFF;
  border: 1px solid #CBC8C0;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
}
.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);
}
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_select {
  position: relative;
  display: inline-block;
}
.custom_select .dropdown {
  z-index: 500;
  position: absolute;
  min-width: 100%;
  left: -10000px;
  bottom: 0px;
  visibility: hidden;
}
.custom_select .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_select .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_select.right .dropdown .arrow {
  float: right;
  margin: 0px 10px -1px 0px;
}
.custom_select.expand .dropdown {
  left: 0px;
  visibility: visible;
}
.custom_select .dropdown_helper {
  position: absolute;
  left: 0px;
  top: 0px;
}
.custom_select.right .dropdown_helper {
  left: auto;
  right: 0px;
}
.custom_select .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_select .dropdown_content {
  text-align: right;
}
.custom_select .item:last-child {
  border-bottom: 0px;
}
.languages .custom_select .dropdown_content {
  padding: 0px;
}
.languages .custom_select.right .dropdown_arrow {
  margin-right: 23px;
  float: right;
}
.languages .custom_select .item {
  display: block;
  white-space: nowrap;
  padding: 8px 12px;
  border-bottom: 1px solid #CBC8C0;
  cursor: pointer;
  color: #4d4d4d;
}
.languages .custom_select .item.selected {
  background: #f0f0f0;
}
.languages .custom_select .item:hover {
  background: #fafafa;
}
.languages .custom_select .control {
  cursor: pointer;
}
html.rtl .languages .custom_select .control {
  float: left;
}
.languages .custom_select .control .icon {
  width: 10px;
  background: url("images/sprites.png?7.2.1") no-repeat -320px -44px;
}
.languages .custom_select.expand .control .icon {
  background-position: -340px -44px;
}
.languages .icon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 11px;
  margin-right: 4px;
  background: url("images/sprites.png?7.2.1") no-repeat 40px -400px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .languages .icon {
    background-image: url("images/sprites2x.png?7.2.1");
    background-size: 1120px 560px;
  }
}
.languages .name .text {
  display: none;
}
.login_panel .languages.demo {
  position: static;
  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;
}
.login_panel .languages.demo .title {
  font-size: 12pt;
  color: #464646;
  margin-bottom: 10px;
  text-align: center;
}
.login_panel .languages.demo .item {
  display: inline-block;
  width: 49%;
  width: 24%;
  color: #555555;
}
.login_panel .languages.demo .item_content {
  display: inline-block;
  padding: 3px 6px;
  cursor: pointer;
  border-radius: 3px;
}
.login_panel .languages.demo .item_content:hover {
  background-color: #B3BAC2;
  color: #333333;
}
.login_panel .languages.demo .selected .item_content {
  background: #6C859B;
  color: #fff;
}
.login_panel .languages.demo .item .text {
  display: inline-block;
  vertical-align: middle;
}
.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;
}
/*=== END Custom select CSS ===*/
/*=== Pagination CSS ===*/
.pagination {
  text-align: right;
  cursor: default;
  display: block;
}
html.rtl .pagination {
  text-align: left;
}
.pagination .item {
  font-size: 11pt;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  color: #aaa;
  width: 14px;
  height: 16px;
  background-image: url("images/sprites.png?7.2.1");
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .pagination .item {
    background-image: url("images/sprites2x.png?7.2.1");
    background-size: 1120px 560px;
  }
}
.pagination .item.current {
  cursor: default;
  color: #000;
}
.pagination .item.first {
  background-position: -360px -160px;
}
html.rtl .pagination .item.first {
  background-position: -400px -160px;
}
.pagination .item.prev {
  background-position: -480px -160px;
}
html.rtl .pagination .item.prev {
  background-position: -440px -160px;
}
.pagination .item.next {
  background-position: -440px -160px;
}
html.rtl .pagination .item.next {
  background-position: -480px -160px;
}
.pagination .item.last {
  background-position: -400px -160px;
}
html.rtl .pagination .item.last {
  background-position: -360px -160px;
}
.pagination .pages .item {
  padding: 0px 2px;
  width: auto;
  height: auto;
  background: none;
}
/*=== END Pagination CSS ===*/
/*=== Buttons CSS ===*/
.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: 3px 7px;
  cursor: pointer;
  border-radius: 4px 4px 4px 4px;
  color: #FFFFFF;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  background: #6FA8DE;
  border: 1px solid #5D97CD;
}
.buttons .button.secondary {
  background: #E3B856;
  border: 1px solid #BFAF46;
}
.buttons .button.state {
  text-shadow: none;
  cursor: default;
  background: #FFFFFF;
  border: 1px solid #6FA8DE;
  color: #4F88BE;
}
/*=== END Buttons CSS ===*/
/*=== Input CSS ===*/
.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;
}
/*=== END Input CSS ===*//*=== Attachments Common CSS ===*/
.attachments .attachment {
  margin: 14px 0px 0px 20px;
  margin: 0 16px 20px 0;
  display: inline-block;
  vertical-align: top;
  width: 200px;
  width: 136px;
}
.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 .attachment_content {
  display: block;
  padding: 8px 8px 6px;
  margin-bottom: 6px;
  background: #f7f7f7;
  border-radius: 3px;
  box-shadow: 0px 1px 2px #cccccc;
}
.attachments .attachment .cancel {
  display: none;
}
.upload.attachments .attachment .cancel {
  background: url("images/sprites.png?7.2.1") no-repeat -80px -240px;
  display: block;
  float: right;
  font-size: 0;
  height: 14px;
  width: 14px;
  overflow: hidden;
  margin-left: -14px;
  cursor: pointer;
}
.attachments .attachment .spinner {
  background: url("images/wait.gif?7.2.1") no-repeat left top;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.attachments .attachment .progress {
  display: block;
  margin-bottom: -3px;
  height: 3px;
  width: 100%;
}
.attachments .attachment .progress span {
  display: block;
  height: 3px;
  background: #EF4A4A;
}
.attachments .attachment .image {
  display: block;
  text-align: center;
  overflow: hidden;
  min-height: 100px;
  border-bottom: 1px solid #dedede;
}
.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: inline-block;
  max-width: 100%;
  padding: 0px 50px 0px 8px;
  word-wrap: break-word;
  font-weight: bold;
  max-height: 2.6em;
  overflow: hidden;
}
.attachments .attachment .ext {
  /*white-space: nowrap;*/

  display: inline-block;
}
.attachments .attachment .size {
  color: #929292;
  float: right;
  margin: 0px 8px -5em 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;
  overflow: hidden;
  white-space: normal;
  margin: 6px 0px -21px;
  height: 15px;
  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 {
  clear: both;
  -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;
  border: 0px;
  padding: 0px;
  margin: 6px 0px 0px;
  display: block;
  text-align: left;
  opacity: 1;
  visibility: visible;
}
.attachments .attachment .buttons:after {
  clear: both;
  display: block;
  content: ".";
  height: 0;
  visibility: hidden;
}
* html > body .attachments .attachment .buttons {
  width: 100%;
  display: block;
}
* html .attachments .attachment .buttons {
  height: 1%;
}
.attachments .attachment .buttons.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 .buttons .button {
  padding: 0px;
  font-weight: normal;
  font-size: 9pt;
  background: none;
  color: #4477BB;
  text-shadow: none;
  border: 0px;
}
.attachments .attachment .buttons .button.download {
  float: right;
}
html.rtl .attachments .attachment .buttons .button.download {
  float: left;
}
/*=== END Attachments Common CSS ===*//*=== Report panels CSS ===*/
.report_panel {
  text-align: center;
  height: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 2000;
}
.csstransitions .report_panel {
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  -o-perspective: 200px;
  perspective: 200px;
}
.report_panel .content {
  font-weight: bold;
  background: #f9f9f9;
  border: 1px solid #c3c3c3;
  border-top: 0px;
  padding: 15px 30px 10px;
  display: inline-block;
  border-radius: 0px 0px 4px 4px;
  box-shadow: 0px 1px 2px 0px #bbb;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
  max-width: 20%;
  text-align: left;
  opacity: 1;
  filter: alpha(opacity=100);
}
.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;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.hide.report_panel .content {
  opacity: 0;
  filter: alpha(opacity=0);
}
.csstransitions .hide.report_panel .content {
  -webkit-transform: rotateX(-75deg);
  -moz-transform: rotateX(-75deg);
  -o-transform: rotateX(-75deg);
  transform: rotateX(-75deg);
}
.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: 12px;
  width: 12px;
  background: url("images/sprites.png?7.2.1") no-repeat -200px -240px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .error.report_panel .content .close {
    background-image: url("images/sprites2x.png?7.2.1");
    background-size: 1120px 560px;
  }
}
.report_panel .content .icon {
  display: inline-block;
  width: 16px;
  height: 17px;
  margin-left: -23px;
  float: left;
  display: none;
  background: url("images/sprites.png?7.2.1") no-repeat -400px -80px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .report_panel .content .icon {
    background-image: url("images/sprites2x.png?7.2.1");
    background-size: 1120px 560px;
  }
}
/*=== 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;
  background: url("images/sprites.png?7.2.1") no-repeat -480px 0px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .popup_panel .close {
    background-image: url("images/sprites2x.png?7.2.1");
    background-size: 1120px 560px;
  }
}
html.rtl .popup_panel .close {
  float: left;
}
.popup_panel .title {
  display: block;
  font-weight: bold;
  font-size: 12pt;
  margin-bottom: 10px;
}
.popup_panel .text {
  display: block;
}
.popup_panel .label {
  width: 150px;
}
.popup_panel .buttons {
  display: block;
  padding: 0px;
}
.popup_panel .buttons .button {
  display: inline-block;
  padding: 4px 10px;
  font-size: 10pt;
  text-align: center;
  background: #6fa8de;
  border: 1px solid #5d97cd;
  border-radius: 4px;
  color: #fff;
  text-shadow: 0px 1px 0px #4d759b;
}
.popup_panel .buttons .button.state {
  text-shadow: none;
  cursor: default;
  background: #FFFFFF;
  border: 1px solid #6FA8DE;
  color: #4F88BE;
}
/*=== END Popup CSS ===*//*=== Files CSS ===*/
.file .icon {
  background-image: url("images/sprites.png?7.2.1");
  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.txt {
  background-position: -120px -360px;
}
.large .file .icon.txt {
  background-position: -240px -400px;
}
.file .icon.ppt,
.file .icon.pptx {
  background-position: -400px -360px;
}
.large .file .icon.ppt,
.large .file .icon.pptx {
  background-position: -800px -400px;
}
.file .icon.ics {
  /*background-position: -120px -360px;*/

}
.large .file .icon.ics {
  /*background-position: -120px -360px;*/

}
.file .icon.vcs {
  /*background-position: -160px -360px;*/

}
.large .file .icon.vcs {
  /*background-position: -160px -360px;*/

}
.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.jpeg,
.large .file .icon.jpg {
  background-position: -640px -400px;
}
.file .icon.zip,
.file .icon.rar {
  background-position: -480px -360px;
}
.large .file .icon.zip,
.large .file .icon.rar {
  background-position: -960px -400px;
}
.file .icon.psd {
  background-position: -520px -360px;
}
.large .file .icon.psd {
  background-position: -1040px -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;
}
.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;
}
.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 .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: 0px;
  display: inline-block;
  vertical-align: middle;
  padding: 4px;
  margin: 4px 1px !important;
  height: 16px;
  cursor: pointer;
  box-shadow: none;
  outline: 0px;
}
.html_editor .toolbar .content .item:hover {
  margin: 3px 0px  !important;
  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;
}
.html_editor .toolbar .content .item.font .input {
  width: 140px;
}
.html_editor .toolbar .content .item.font_size .input {
  width: 40px;
}
.html_editor .toolbar .content .item .icon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-image: url("images/sprites.png?7.2.1");
  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;
}
/*=== 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;
  width: 100%;
  display: inline-block;
}
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;
  border: 1px solid #c5c7c8;
  border-radius: 10px;
  padding-left: 30px;
  outline: none;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  box-shadow: none;
  overflow: hidden;
}
html.rtl .search_block > .input {
  padding-left: 0px;
  padding-right: 30px;
}
.search_block > .input.focus {
  border: 1px solid #93B5E3;
  box-shadow: 0 0 2px 0 #1D67CD;
}
.search_block > .input .field {
  font-size: 11pt;
  line-height: 160%;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 24px;
  overflow: hidden;
  white-space: nowrap;
  padding: 0px;
  border: 0px;
}
.search_block > .input .field.hide {
  display: block;
  position: absolute;
  top: -200px;
}
.search_block > .input .button {
  border-right-width: 0px;
  font-size: 11pt;
  margin-left: -30px;
  width: 30px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  text-indent: -1000px;
  overflow: hidden;
  cursor: pointer;
  background: #ffffff url("images/sprites.png?7.2.1") no-repeat -313px -79px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .search_block > .input .button {
    background-image: url("images/sprites2x.png?7.2.1");
    background-size: 1120px 560px;
  }
}
html.rtl .search_block > .input .button {
  border-radius: 0px 10px 10px 0px;
  border-right-width: 1px;
  border-left-width: 0px;
  margin-left: 0px;
  margin-right: -25px;
}
.search_block .control .icon {
  display: inline-block;
  vertical-align: middle;
  height: 8px;
  width: 13px;
  cursor: pointer;
  margin: 0px 0px 0px 4px;
  background: url("images/sprites.png?7.2.1") no-repeat -320px -45px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .search_block .control .icon {
    background-image: url("images/sprites2x.png?7.2.1");
    background-size: 1120px 560px;
  }
}
html.rtl .search_block .control .icon {
  margin: 0px 4px 0px 0px;
}
.search_block .search_highlight {
  color: #ccc;
}
.search_block .dropdown .dropdown_helper {
  min-width: 100%;
}
.search_block .dropdown .dropdown_arrow {
  display: none;
}
.search_block .dropdown .dropdown_content {
  border-radius: 0px 0px 4px 4px;
  display: block;
  margin: -1px 27px 0px 20px;
}
html.rtl .search_block .dropdown .dropdown_content {
  margin-left: 27px;
  margin-right: 20px;
}
.search_block .dropdown .fields .row {
  display: block;
  padding: 0 2px 0 78px;
  position: relative;
}
html.rtl .search_block .dropdown .fields .row {
  padding: 0 78px 0 2px;
}
.search_block .dropdown .fields .row .label {
  width: 80px;
  margin-left: -78px;
}
html.rtl .search_block .dropdown .fields .row .label {
  margin-left: 0px;
  margin-right: -78px;
  text-align: right;
}
.search_block .dropdown .fields .row .input {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #C5C7C8;
  box-shadow: none;
}
.search_block .dropdown .fields .buttons {
  display: block;
}
/*=== END Search Block CSS ===*//*=== Phone CSS ===*/
.tabs_panel .phone {
  float: right;
  display: inline-block;
  font-size: 0pt;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0px 0px 4px #D6D6D6;
  margin: 16px 30px 0px 0px;
  line-height: 10px;
  position: relative;
  text-align: right;
}
.tabs_panel .phone > * {
  font-size: 10.5pt;
}
.tabs_panel .phone.online {
  background: #fff;
}
.tabs_panel .phone.outgoing,
.tabs_panel .phone.connect {
  background: #FFC939;
}
.tabs_panel .phone .call_report,
.tabs_panel .phone .direction {
  background: transparent;
  display: inline-block;
  max-width: 0px;
  margin-left: 0px;
  white-space: nowrap;
  opacity: 0;
  cursor: pointer;
  overflow: hidden;
  -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 .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;
  box-shadow: none;
  opacity: 0;
  -webkit-transition: width 500ms ease 0ms, opacity 350ms ease 0ms, padding-left 350ms ease 0ms;
  -moz-transition: width 500ms ease 0ms, opacity 350ms ease 0ms, padding-left 350ms ease 0ms;
  -o-transition: width 500ms ease 0ms, opacity 350ms ease 0ms, padding-left 350ms ease 0ms;
  transition: width 500ms ease 0ms, opacity 350ms ease 0ms, padding-left 350ms ease 0ms;
}
.tabs_panel .phone .call_report.empty {
  margin-left: 0px;
}
.tabs_panel .phone .buttons {
  margin: 0px;
}
.tabs_panel .phone .button {
  display: inline-block;
  vertical-align: middle;
  background: #ccc;
  border: 2px solid #fff;
  border-radius: 16px;
  padding: 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 180%;
  -webkit-transition: background-color 400ms ease 0s;
  -moz-transition: background-color 400ms ease 0s;
  -o-transition: background-color 400ms ease 0s;
  transition: background-color 400ms ease 0s;
}
.tabs_panel .phone .button .icon {
  display: inline-block;
  vertical-align: bottom;
  width: 16px;
  height: 16px;
  background: url("images/sprites.png?7.2.1") no-repeat -440px -200px;
  -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);
  transform: rotateZ(0deg);
}
.tabs_panel .phone.online .button {
  background-color: #87D354;
  box-shadow: inset 0px 0px 10px #69BE2E;
}
.tabs_panel .phone.active.ready .button .icon {
  -webkit-transform: rotateZ(-118deg);
  -moz-transform: rotateZ(-118deg);
  transform: rotateZ(-118deg);
}
.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.outgoing .button .icon {
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}
.tabs_panel .phone .direction {
  color: #c1b6b6;
}
.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.active .input {
  opacity: 1;
  width: 160px;
  display: inline-block;
  padding-left: 2px;
}
.tabs_panel .phone input:focus {
  outline: 0px;
}
.tabs_panel .phone .indicator {
  position: absolute;
  top: 0px;
  right: 0px;
}
.tabs_panel .phone.offline.active .button {
  background: #ccc;
  box-shadow: none;
}
.tabs_panel .phone.offline .input,
.tabs_panel .phone.offline .direction {
  display: none;
}
.tabs_panel .phone .indicator.offline {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #FF6767;
}
.tabs_panel .button .dropdown.dialer .dropdown_content {
  min-width: 160px;
  text-align: center;
  padding: 10px 4px;
}
.tabs_panel .button .dropdown.dialer .item {
  display: inline-block;
  width: 16px;
  color: #777;
  padding: 10px 12px;
  margin: 2px 1px;
  border: 1px solid #eee;
  text-align: left;
  box-shadow: 0px 0px 4px #eee;
  font-size: 11pt;
  text-shadow: none;
}
/*=== 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;
  margin: 10px -18px 0px;
  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 #e2e2e2;
  background: #fcfcfc;
  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: 1px solid #d7d7d7;
  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;
}
.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;
  padding: 5px 12px;
}
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 {
  height: 70px;
  position: relative;
  z-index: 1000;
}
.tabs_panel .item {
  display: inline-block;
  vertical-align: top;
  font-size: 10.6pt;
  margin: 24px 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 .emails_control {
  height: 14px;
  width: 14px;
  margin: 0px 0px 0px 6px;
  padding: 0px;
  cursor: pointer;
  background: url("images/sprites.png?7.2.1") no-repeat -8px -160px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .tabs_panel .emails_control {
    background-image: url("images/sprites2x.png?7.2.1");
    background-size: 1120px 560px;
  }
}
.tabs_panel .settings,
.tabs_panel .logout {
  display: block;
  float: right;
  font-size: 8pt;
  font-weight: normal;
  height: auto;
  margin-left: 0px;
  margin-right: 6px;
}
html.rtl .tabs_panel .settings,
html.rtl .tabs_panel .logout {
  float: left;
  margin-left: 6px;
  margin-right: 0px;
}
.tabs_panel .logout span {
  cursor: pointer;
}
/*=== END Tabsbar CSS ===*/
/*=== Acount menu CSS ===*/
.tabs_panel .dropdown_helper {
  min-width: 100%;
}
.tabs_panel .dropdown_arrow {
  display: none;
}
.tabs_panel .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 .dropdown_content .item {
  margin: 0px;
  display: block;
  color: #555555;
  padding: 6px 10px;
  font-weight: normal;
}
.tabs_panel .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;
  height: 100%;
}
.LoginLayout .vhelper {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0px;
}
.login_panel {
  display: inline-block;
  vertical-align: middle;
  font-size: 9pt;
  width: 280px;
}
.login_panel .header {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  height: 95px;
  margin-top: 10px;
  background: url("images/logo.png?7.2.1") no-repeat center top;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .login_panel .header {
    background-image: url("images/logo2x.png?7.2.1");
    background-size: 124px 95px;
  }
}
.login_panel .content {
  border-top: 0px;
  padding: 30px 20px 0px;
}
.login_panel .languages {
  position: absolute;
  top: 20px;
  right: 20px;
}
html.rtl .login_panel .languages {
  right: auto;
  left: 20px;
}
.login_panel .description {
  color: #929292;
  margin-top: 20px;
}
.login_panel .row {
  background: #ffffff;
  margin: -1px 0px 0px;
  padding: 10px;
  border: 1px solid #cac7c7;
  border-width: 1px;
  text-align: right;
  white-space: nowrap;
}
.login_panel .row.focused {
  background: #fff3ce;
  border-width: 1px;
  border-color: #cfbf8e;
  position: relative;
}
.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: 25px;
  color: #929292;
  font-size: 12pt;
  float: none;
  cursor: text;
  zoom: 1;
  *display: inline;
}
.login_panel .row .input {
  background: transparent;
  color: #444;
  font: 12pt Helvetica, Tahoma, Arial, sans-serif;
  padding: 1px 0px;
  text-indent: 3px;
  width: 195px;
  outline: none;
  border: 0px !important;
  box-shadow: none;
  border-radius: 0px;
}
.login_panel .row .input:focus {
  box-shadow: none;
}
.login_panel .buttons {
  padding: 0px;
  margin-top: 20px;
  border: 0px;
  background: none;
}
.login_panel .buttons .button {
  display: block;
  padding: 10px;
  font-size: 12pt;
  text-align: center;
  background: #6fa8de;
  border: 1px solid #5d97cd;
  border-radius: 4px;
  color: #fff;
  text-shadow: 0px 1px 0px #4d759b;
  width: 100%;
}
.login_panel .buttons .button.disabled {
  cursor: default;
  background: #6fa8de !important;
  color: #BEE1FF !important;
  text-shadow: none;
}
.login_panel .buttons .button:hover {
  background: #7Fb8eE;
}
.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 .row.email > .title {
  background: url("images/sprites.png?7.2.1") no-repeat -360px -80px;
}
.login_panel .row.password > .title {
  background: url("images/sprites.png?7.2.1") no-repeat -400px -80px;
}
.login_panel .row.name > .title {
  background: url("images/sprites.png?7.2.1") no-repeat -840px -80px;
}
.login_panel .row.login > .title {
  background: url("images/sprites.png?7.2.1") no-repeat -840px -80px;
}
.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 .panel_helper {
  width: 85%;
}
/*=== Folders List CSS ===*/
.panel.folders {
  width: 15%;
}
.panel.folders .middle_bar {
  padding-bottom: 30px;
  margin-bottom: -30px;
}
.panel.folders .middle_bar.quota_visible {
  padding-bottom: 47px;
  margin-bottom: -47px;
}
.panel.folders .panel_bottom {
  height: 30px;
  border: 0px;
  border-radius: 0px;
  background: none;
  padding: 0px;
}
.panel.folders .quota_visible .panel_bottom {
  height: 42px;
}
.panel.folders .manage_folders {
  line-height: 16px;
  text-align: center;
  font-size: 8pt;
}
/*=== END Folders List CSS ===*/
/*=== Message List CSS ===*/
.messages .middle_bar {
  padding-top: 39px;
  margin-top: -39px;
  padding-bottom: 41px;
  margin-bottom: -41px;
}
.messages .items_list .item .attachments,
.messages .items_list .item .flag {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: bottom;
}
.messages .items_list .item .controls .separator,
.messages .items_list .item .data .separator {
  display: block;
}
.messages .items_list .item .size {
  width: 40px;
  text-align: right;
  display: none;
}
.messages .items_list .item .subject,
.messages .items_list .item .from {
  display: block;
  overflow: hidden;
  /* height: 1.4em; */

}
.messages .items_list .item .subject {
  color: #6d6d6d;
  font-size: 10pt;
  line-height: 120%;
}
.messages .items_list .item.selected .subject {
  color: #fff;
}
.messages .items_list .item.nosubject .subject {
  color: #888888;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.messages .items_list .item.selected.nosubject .subject {
  color: #fff;
}
.messages .items_list .item .from {
  margin-bottom: 10px;
  font-size: 10.5pt;
}
.messages .items_list .item .text {
  color: #b6b6b6;
  display: block;
  white-space: normal;
}
.messages .items_list .item.selected .text {
  color: #b4d4f0;
}
.messages .items_list .item > .separator {
  clear: both;
}
.messages .items_list .item .marker {
  display: none;
  height: 20px;
  width: 20px;
  position: absolute;
  right: 2px;
  top: 0px;
  background: url('images/sprites.png?7.2.1') no-repeat 0px -200px;
}
.messages .items_list .item.answered .marker {
  display: inline-block;
  background-position: 0px -200px;
}
.messages .items_list .item.forwarded .marker {
  display: inline-block;
  background-position: -40px -200px;
}
.messages .items_list .item.answered.forwarded .marker {
  display: inline-block;
  background-position: -80px -200px;
}
.messages .items_list .item .has_attachments {
  background: url("images/sprites.png?7.2.1") no-repeat -120px -120px;
}
.messages .items_list .item.selected .has_attachments {
  background-position: -140px -120px;
}
.messages .items_list .item .flag {
  margin-top: 10px;
  cursor: pointer;
  background: url("images/sprites.png?7.2.1") no-repeat 0px -120px;
}
.messages .items_list .item.selected .flag {
  background-position: -40px -120px;
}
.messages .items_list .item.selected .flagged,
.messages .items_list .item .flagged {
  background-position: -80px -120px;
}
.messages .items_list .item .thread {
  background: #ffffff;
  border: 1px solid #bababa;
  border-radius: 9px;
  color: #bababa;
  float: right;
  line-height: 100%;
  padding: 4px 8px 3px;
  margin: -4px 0px 0px 6px;
  font-weight: bold;
  cursor: pointer;
}
html.rtl .messages .items_list .item .thread {
  float: left;
}
.messages .items_list .item .thread.loading {
  background-color: #abaaa3;
  cursor: default;
}
.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: #f2f2f2;
}
.messages .items_list .item .thread.unreed {
  background-color: #bababa;
  border: 1px solid #bababa;
  color: #ffffff;
}
.messages .items_list .item .thread.unreed:hover {
  background-color: #adadad;
}
.messages .items_list .item.selected .thread {
  background: #78b8f0;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.messages .items_list .item.selected .thread:hover {
  background-color: #61aced;
}
.messages .items_list .item.selected .thread.unreed {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  color: #78b8f0;
}
.messages .items_list .item.selected .thread.unreed:hover {
  background-color: #f2f2f2;
}
.messages .items_list .not_use_threads .item .thread_loading,
.messages .items_list .not_use_threads .item .thread {
  display: none;
}
/*=== END Message List CSS ===*/
/*=== Message viewer CSS ===*/
.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 .panel_content {
  margin: 0 !important;
  padding: 2px 4px 0 2px !important;
}
.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;
  border-bottom: 1px solid #e2e2e2;
  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;
  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.control .arrow {
  background-position: -160px -85px;
}
.message_viewer .message_header .toolbar .content .item .icon {
  width: 20px;
  height: 16px;
  overflow: hidden;
  background-image: url("images/sprites.png?7.2.1");
  background-repeat: no-repeat;
  display: inline-block;
  text-indent: -1000px;
}
.message_viewer .message_header .header_content {
  padding: 14px 18px;
}
.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-right: 6px;
  float: left;
  width: 14px;
  height: 16px;
  position: absolute;
  background: url("images/sprites.png?7.2.1") no-repeat -240px -80px;
}
html.rtl .message_viewer .message_header {
  margin-right: 0px;
  margin-left: 6px;
}
.message_viewer .message_header .details_hide {
  background-position: -260px -80px;
}
.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: #4477bb;
  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: 100%;
}
.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;
}
.panel.thread_viewer .panel_top .expand .owner.founded,
.message_viewer .message_header .expand .from.founded {
  padding: 4px 7px 0px;
  margin: -4px -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;
}
.thread_viewer .panel_top .title .add_contact,
.message_viewer .message_header .add_contact {
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 11px;
  background: url("images/sprites.png?7.2.1") no-repeat -280px -80px;
}
/*=== END Message viewer CSS ===*/html.screen-compose body {
  min-height: 640px;
}
html.screen-compose-cc body,
html.screen-compose-bcc body {
  min-height: 687px;
}
html.screen-compose-cc.screen-compose-bcc body {
  min-height: 734px;
}
/*=== 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 {
  width: 80%;
  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: 130px;
  margin-top: -130px;
  padding-bottom: 40px;
  margin-bottom: -40px;
}
.panel.compose .left_panel .panel_top {
  border: 0px;
  background: none;
  padding: 6px 11px;
}
.panel.compose .left_panel .panel_center {
  padding-top: 1px;
  background: none;
}
.panel.compose .left_panel .panel_bottom {
  background: none;
  border: 0px;
  border-radius: 0px;
  height: auto;
  padding: 0px;
}
.panel.compose .left_panel .panel_bottom .hint {
  color: #929292;
  text-shadow: 0 1px 0 #FFFFFF;
  display: inline-block;
  padding: 7px 15px 0 15px;
}
.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: #4477bb;
  text-decoration: none;
  cursor: pointer;
}
.panel.compose .right_panel .middle_bar .panel_top .uploader_button:hover {
  color: #c74747;
  text-decoration: underline;
}
.panel.compose .right_panel .middle_bar .panel_top .text {
  display: block;
}
.panel.compose .html_editor {
  padding-left: 11px;
  padding-right: 11px;
}
.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: 90px;
  padding-right: 10px;
}
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;
}
.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%;
}
.panel.compose .attachments .attachments_container {
  padding: 20px;
}
/*=== END Compose screen CSS ===*/
/*=== Settings screen CSS ===*/
.panels.settings .panel {
  background: #F9F9F9;
  /* width: 60%; */

  width: 800px;
}
html.non-adjustable .panels.settings .panel {
  margin-bottom: 4px;
}
.panels.settings .panel.navigation {
  background: none;
  width: 15%;
  box-shadow: none;
  border-radius: 0px;
}
.panels.settings .panel.navigation .middle_bar {
  padding-top: 22px;
  margin-top: 0px;
}
.panels.settings .panel.navigation .item {
  padding: 7px 9px 7px 14px;
  white-space: nowrap;
}
.panels.settings .panel.navigation .item.selected {
  background: #6fa8de;
}
.panels.settings .panel.navigation .item.selected .link {
  color: #fff;
  text-shadow: 0 1px 0 #678197;
}
.panels.settings .panel.navigation .item .link {
  color: #626262;
  font-weight: bold;
  font-size: 10pt;
  text-decoration: none;
  cursor: pointer;
  text-shadow: 0 1px 0 #FFFFFF;
}
.panels.settings .panel.navigation .item .link:hover {
  color: #c74747;
}
.panels.settings .panel.navigation .item .icon {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  background: url("images/sprites.png?7.2.1") no-repeat 100px 0px;
}
.panels.settings .panel.navigation .item.common .icon {
  background-position: -120px -160px;
}
.panels.settings .panel.navigation .item.common.selected .icon {
  background-position: -120px -180px;
}
.panels.settings .panel.navigation .item.accounts .icon {
  background-position: -160px -160px;
}
.panels.settings .panel.navigation .item.accounts.selected .icon {
  background-position: -160px -180px;
}
.panels.settings .panel.navigation .item.calendar .icon {
  background-position: -200px -160px;
}
.panels.settings .panel.navigation .item.calendar.selected .icon {
  background-position: -200px -180px;
}
.panels.settings .panel.navigation .item.mobile_sync .icon {
  background-position: -280px -160px;
}
.panels.settings .panel.navigation .item.mobile_sync.selected .icon {
  background-position: -280px -180px;
}
.panels.settings .panel.navigation .item.outlook_sync .icon {
  background-position: -240px -160px;
}
.panels.settings .panel.navigation .item.outlook_sync.selected .icon {
  background-position: -240px -180px;
}
.panels.settings .panel.navigation .item.helpdesk .icon {
  background-position: -320px -160px;
}
.panels.settings .panel.navigation .item.helpdesk.selected .icon {
  background-position: -320px -180px;
}
.panels.settings .panel_content {
  padding-top: 0px;
  margin-top: 0px;
  margin-right: 0px;
}
.panels.settings .middle_bar {
  padding-top: 72px;
  margin-top: -72px;
}
.panels.settings .panel_top {
  border: 0px;
  background: 0px;
  padding: 0px;
}
.panels.settings .panel_center {
  background: none;
}
.panels.settings .title {
  color: #4d4d4d;
  padding: 35px 20px 15px;
  margin: 0px;
}
.panels.settings .fieldset {
  background: #f1f1f1;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACtJREFUeNo0iIEJACAAwlT8/1GPMAsaKGNMYpskAOPRdq9tWbrifpaOAAMAMvEO3ANCJPYAAAAASUVORK5CYII=');
  background-position: 0 0;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  margin: 0px 20px 20px;
  padding: 20px;
}
.panels.settings .fieldblock {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #D0D0DA;
  border-radius: 4px 4px 4px 4px;
  margin-bottom: 14px;
  padding: 14px;
}
.panels.settings .fields .row {
  margin-bottom: 14px;
  /*padding-left: 150px;*/

}
.panels.settings .fields .row:last-child {
  margin-bottom: 0px;
}
.panels.settings .fields .row .label {
  width: 150px;
  /*	margin-left: -150px;*/

  color: #626262;
}
.panels.settings .fields .row .input {
  font-size: 10pt;
  padding: 7px 9px 6px;
  /*width: 100%;*/

}
.panels.settings .fields .row .value.text {
  padding: 7px 9px 6px;
  font-weight: bold;
  width: 300px;
  display: inline-block;
}
.panels.settings .fields .row .value.text.port {
  width: auto;
}
.panels.settings .fields .row .custom_radio {
  margin-left: 16px;
}
.panels.settings .fields .row .custom_radio:first-child {
  margin-left: 0px;
}
.panels.settings .fields .fieldblock .label {
  width: 135px;
}
.panels.settings .fields .hint {
  /*	border-radius: 4px;*/

  padding: 4px 6px;
  margin: -4px -6px 6px;
}
.panels.settings .mobile_sync .fields .label {
  float: left;
}
.panels.settings .mobile_sync .fields .value {
  display: block;
  overflow: hidden;
  -ms-word-break: break-all;
  word-wrap: break-word;
}
.panels.settings .workday .input.start,
.panels.settings .workday .input.end {
  width: 125px;
}
.panels.settings .ios_profile a,
.panels.settings .ios_profile a:hover {
  text-decoration: none;
  transition: color 300ms ease 0s;
}
.panels.settings .ios_profile .icon {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin-top: -7px;
  background: url("images/sprites.png?7.2.1") no-repeat -240px -200px;
  transition: opacity 300ms ease 0s;
}
.panels.settings .ios_profile:hover .icon {
  opacity: 0.8;
}
.panels.settings .buttons {
  margin: 0px 20px 15px;
}
.panels.settings .fieldset .buttons {
  margin: 0px;
}
.settings .tabs {
  margin-top: 20px;
  margin-bottom: 16px;
}
.settings .tabs .shortcuts {
  font-size: 0pt;
  padding: 0px 0px 0px 20px;
  margin: 0px 20px;
}
.settings .tabs .shortcuts .item {
  font-size: 9pt;
  display: inline-block;
  vertical-align: bottom;
}
.settings .tabs .shortcuts .item a {
  border: 1px solid #e0e0e0;
  border-bottom: 0px;
  display: inline-block;
  padding: 6px 12px 6px;
  margin-right: 4px;
  color: #828282;
  font-weight: bold;
  outline: none;
  background: #F5F5F5;
  text-decoration: none;
  border-radius: 4px 4px 0px 0px;
}
.settings .tabs .shortcuts .item.selected a {
  background: #F1F1F1;
  color: #3d3d3d;
  margin-bottom: -1px;
  padding-bottom: 7px;
}
.settings .accounts .panel_top .buttons {
  float: right;
  margin-top: 30px;
}
.settings .accounts .panel_top .button {
  background: none repeat scroll 0 0 #88CF50;
  border-color: #7BBE45;
}
.settings .accounts_list {
  margin: 0px 20px;
}
.settings .accounts_list .items_list {
  border: 1px solid #d5d9dc;
  background: #fafafa;
  border-radius: 4px;
}
.settings .accounts_list .items_list .item {
  padding: 6px 10px;
  border-bottom: 1px solid #d5d9dc;
  color: #626262;
  cursor: pointer;
}
.settings .accounts_list .items_list .item.fetcher .icon {
  display: inline-block;
  vertical-align: middle;
  background: url("images/sprites.png?7.2.1") repeat-x -120px -240px;
  width: 18px;
  height: 18px;
}
.settings .accounts_list .items_list .item.fetcher .label {
  color: #929292;
}
.settings .accounts_list .items_list .item.fetcher .title {
  font-weight: bold;
}
.settings .accounts_list .items_list .item.accounts:last-child {
  border-bottom: 0px;
  background-color: red;
}
.settings .accounts_list .items_list .item.selected {
  background: #f1f1f1;
  color: #4d4d4d;
  font-weight: bold;
}
.settings .accounts_list .items_list .button {
  float: right;
}
.settings .accounts_list .items_list .title {
  padding: 0px;
  display: inline-block;
  font-size: 9pt;
}
.settings .accounts_list .item .link.fetcher {
  float: right;
  font-weight: normal;
  margin-left: 12px;
}
.add_fetcher .row.hint {
  margin-top: 16px;
}
.settings .accounts_list .buttons {
  margin: 15px 0px;
}
.settings .accounts_list .buttons .button {
  font-size: 10pt;
}
.settings .accounts_list .item .button {
  cursor: pointer;
  padding: 1px 5px;
  display: inline-block;
  font-size: 9pt !important;
  background: none repeat scroll 0 0 #6FA8DE;
  border: 1px solid #5D97CD;
  border-radius: 4px 4px 4px 4px;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #4D759B;
}
.settings .folders.items_list {
  margin-bottom: 10px;
}
.settings .folders.items_list .first_sortable_container {
  position: relative;
}
.settings .folders.items_list .item {
  border-top: 1px solid #ccc;
  background: none;
  max-height: inherit;
  overflow: visible;
}
.settings .folders.items_list .item.ui-sortable-helper {
  background-color: rgba(240, 240, 240, 0.8);
  box-shadow: inset 0px 0px 1px #ddd;
}
.settings .folders.items_list .item.ui-sortable-helper .title {
  background-color: rgba(240, 240, 240, 0.8);
}
.settings .folders.items_list > .item:first-child {
  border-top: 0px;
}
.settings .folders.items_list .title {
  padding-top: 4px;
  padding-bottom: 7px;
  padding-right: 0px;
}
.settings .folders.items_list .canDrag .title:hover {
  background: rgba(0, 0, 0, 0.03) url("images/sprites.png?7.2.1") no-repeat -1080px -120px;
}
.settings .folders.items_list .title.cannotDrag:hover {
  background: rgba(0, 0, 0, 0.03);
}
.settings .folders.items_list .title .input {
  width: 200px;
}
.settings .folders.items_list .controls {
  float: right;
}
htm.rtl .settings .folders.items_list .controls {
  float: left;
}
.settings .folders.items_list .controls .button {
  display: inline-block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url("images/sprites.png?7.2.1") no-repeat -200px 0px;
}
.settings .folders.items_list .controls .button.disabled {
  background-position: 40px 40px !important;
  cursor: default !important;
}
.settings .folders.items_list .controls .button.delete {
  background-position: -640px -120px;
}
.settings .folders.items_list .controls .button.delete:hover {
  background-position: -640px -140px;
}
.settings .folders.items_list .controls .button.delete.disabled {
  background-position: -640px -140px;
  cursor: default;
}
.settings .folders.items_list .controls .button.subscribe {
  background-position: -600px -120px;
}
.settings .folders.items_list .controls .button.subscribe:hover {
  background-position: -600px -140px;
}
.settings .folders.items_list .controls .button.subscribe.subscribed {
  background-position: -560px -120px;
}
.settings .folders.items_list .controls .button.subscribe.subscribed:hover {
  background-position: -560px -140px;
}
.settings .folders.items_list .controls .button.up {
  background-position: -680px -120px;
}
.settings .folders.items_list .controls .button.up:hover {
  background-position: -680px -140px;
}
.settings .folders.items_list .controls .button.down {
  background-position: -700px -120px;
}
.settings .folders.items_list .controls .button.down:hover {
  background-position: -700px -140px;
}
.settings .folders.items_list .total .count {
  margin-right: 62px !important;
}
html.rtl .settings .folders.items_list .total .count {
  margin-right: 0px;
  margin-left: 62px !important;
}
.settings .fields .filter .value {
  word-spacing: 0.7ex;
}
.settings .fields .filter .value .part {
  word-spacing: normal;
  display: inline-block;
}
.settings .fields .filter .input {
  padding: 2px;
  width: 75px;
  margin: 0px;
}
.settings .fields .filter .buttons {
  margin: 0px;
  float: right;
}
.settings .fields .filter .field {
  position: relative;
  display: inline-block;
}
.settings .fields .filter .link,
.settings .fields .filter .link:hover {
  color: #4477bb;
  text-decoration: none;
  border-bottom: 1px dashed #4477bb;
}
.settings .autoresponder .input {
  width: 520px;
}
.settings .autoresponder .message .input {
  height: 145px;
}
.settings .signature .editor_row .custom_radio {
  float: left;
  margin-right: 4px;
}
html.rtl .settings .signature .editor_row .custom_radio {
  float: right;
  margin-right: 0px;
  margin-left: 4px;
}
.settings .signature .editor_row .editor {
  height: 200px;
  padding-top: 1px;
  margin-left: 18px;
}
html.rtl .settings .signature .editor_row .editor {
  margin-right: 18px;
  margin-left: 0px;
}
.settings .signature .editor_row .editor .html_editor {
  pointer-events: none;
}
.settings .signature .editor_row .editor .html_editor > * {
  pointer-events: auto;
}
/*=== END Settings screen CSS ===*/
.ContactsLayout .panel_helper {
  width: 85%;
}
.panel.groups {
  width: 15%;
}
.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 .middle_bar {
  padding-top: 39px;
  margin-top: -39px;
  padding-bottom: 41px;
  margin-bottom: -41px;
}
.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 .items_list .group_marker {
  width: 16px;
  height: 16px;
}
.panel.contacts .items_list .group_marker.group {
  background: url('images/sprites.png?7.2.1') no-repeat -400px -120px;
}
.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.2.1") repeat 0 0;
  margin: 0 !important;
  padding: 2px 4px 0 2px !important;
}
.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 {
  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 .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 .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;
}
.panel.contact_viewer .title.email {
  color: #3983c8;
  margin: 0px;
  font-size: 10.5pt;
  font-weight: bold;
}
.panel.contact_viewer .toolbar {
  background: none;
  filter: none;
  float: right;
  padding: 0;
  border-radius: 0px;
  border: 0px;
}
html.rtl .panel.contact_viewer .toolbar {
  float: left;
}
.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 .toolbar .content {
  padding: 0;
}
.panel.contact_viewer .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 .toolbar .icon {
  display: none;
}
.panel.contact_viewer .toolbar .text {
  display: inline-block;
}
.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;
  background: url("images/sprites.png?7.2.1") no-repeat -520px -80px;
  width: 20px;
  height: 20px;
  text-indent: 20px;
  overflow: hidden;
  vertical-align: middle;
  margin-right: -20px;
  word-wrap: normal;
}
.contact_data_groups .mobile .label,
.contact_data_groups .phone .label,
.contact_data_groups .fax .label {
  background: url("images/sprites.png?7.2.1") no-repeat -560px -80px;
  width: 20px;
  height: 20px;
  text-indent: 20px;
  overflow: hidden;
  vertical-align: middle;
}
.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 ===*/
/*=== Files public view CSS ===*/
.screens.pub_view {
  padding-top: 0px;
  margin-top: 0px;
}
.pub_view .panel.files {
  width: 100%;
}
/*=== END Files public view CSS ===*/
/*=== Files screen CSS ===*/
.panel.files {
  width: 85%;
  position: relative;
}
.panel.files .middle_bar {
  padding-top: 28px;
  margin-top: -28px;
}
.panel.files .toolbar .search_block {
  width: 200px;
  float: right;
  padding-right: 0;
}
html.rtl .panel.files .toolbar .search_block {
  float: left;
  padding-left: 0;
}
.panel.files .pathway {
  background: #fff;
  border-bottom: 1px solid #D5D5D5;
  padding: 6px 10px 6px 30px;
}
html.rtl .panel.files .pathway {
  padding-left: 10px;
  padding-right: 30px;
}
.panel.files .pathway a,
.panel.files .pathway b {
  display: inline-block;
  height: 1em;
  line-height: 100%;
  padding: 2px 4px;
  vertical-align: text-top;
}
.panel.files .pathway .droppableHover {
  border-radius: 2px;
}
.panel.files .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;
}
.panel.files .items_list .uploader_mask.active {
  visibility: visible;
  opacity: 0.5;
}
.panel.files .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;
}
.panel.files .items_list .items_sub_list {
  font-size: 0px;
  padding: 10px;
}
.panel.files .items_list .item {
  display: inline-block;
  width: 160px;
  height: 155px;
  max-width: 160px;
  max-height: 160px;
  text-align: center;
  vertical-align: top;
  opacity: 1;
  font-size: 9pt;
  margin: 0px 4px 4px 0px;
  cursor: pointer;
  background: none;
}
html.rtl .panel.files .items_list .item {
  margin-left: 4px;
  margin-right: 0px;
}
.panel.files .items_list .item.helper {
  margin-bottom: 0px;
  height: 0px;
  visibility: hidden;
}
.panel.files .items_list .item.deleted {
  overflow: hidden;
  opacity: 0;
  max-height: 160px !important;
  max-width: 0px !important;
  -webkit-transition: -webkit-transform 500ms ease 0s, opacity 500ms ease 0s, max-width 250ms ease 250ms;
  -moz-transition: transform 500ms ease 0s, opacity 500ms ease 0s, max-width 250ms ease 250ms;
  transition: transform 500ms ease 0s, opacity 500ms ease 0s, max-width 250ms ease 250ms;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
.panel.files .items_list .item.incomplete {
  opacity: 0.5;
}
.panel.files .items_list .item.incomplete .cancel {
  display: block;
}
.panel.files .items_list .item.selected,
.panel.files .items_list .item.checked {
  background: #ebf7cb;
  color: #3D3D3D;
  border-radius: 5px;
}
.panel.files .items_list .item.shared .shared_icon {
  display: block;
  float: right;
  font-size: 0;
  height: 16px;
  width: 16px;
  margin-left: -16px;
  position: relative;
  overflow: hidden;
  margin-top: 5px;
  background: #64aedc url("images/sprites.png?7.2.1") no-repeat -818px -98px;
  right: 41px;
  top: 76px;
  height: 18px;
  width: 18px;
  border-radius: 2px;
}
.panel.files .items_list .item.shared .shared_icon:hover {
  background-color: #328DC5;
}
.panel.files .items_list .item .cancel {
  background: url("images/sprites.png?7.2.1") no-repeat -80px -240px;
  display: none;
  float: right;
  font-size: 0;
  height: 14px;
  width: 14px;
  overflow: hidden;
  margin-top: 5px;
  cursor: pointer;
}
.panel.files .items_list .item .item_content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1px 6px;
  border: 0px;
  display: inline-block;
  vertical-align: bottom;
  width: 100%;
  height: 100%;
}
.panel.files .items_list .item .header {
  display: none;
  height: 24px;
  margin: 0px 0px -28px;
  white-space: normal;
  padding-top: 4px;
  line-height: 100%;
  overflow: hidden;
}
.panel.files .items_list .item .header .author,
.panel.files .items_list .item .header .date {
  font-size: 8pt;
  color: #626262;
  padding: 0px;
  margin: 0px;
  float: none !important;
  display: inline-block;
  white-space: nowrap;
}
.panel.files .items_list .item .controls {
  display: none;
  font-size: 8pt;
  margin: -22px 0px 0px;
  padding-top: 2px;
  height: 20px;
  float: none;
}
.panel.files .items_list .item:hover .item_content,
.panel.files .items_list .item.selected .item_content,
.panel.files .items_list .item.checked .item_content {
  padding: 0px 5px;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
}
.panel.files .items_list .item:hover .header,
.panel.files .items_list .item.selected .header,
.panel.files .items_list .item.checked .header {
  display: block;
}
.panel.files .items_list .item:hover .controls,
.panel.files .items_list .item.selected .controls,
.panel.files .items_list .item.checked .controls {
  display: block;
}
.cssanimations .panel.files .items_list .item .item_content.recivedAnim {
  border-radius: 4px;
  -webkit-animation: highlight 0.5s linear;
  -moz-animation: highlight 0.5s linear;
  animation: highlight 0.5s linear;
}
.panel.files .items_list .item > .mask {
  display: none;
  width: 100%;
  height: 100%;
  margin-top: -155px;
  border-radius: 3px;
}
.panel.files .items_list.dragover .item > .mask {
  display: block;
}
.panel.files .items_list .data {
  margin: 32px 0px 25px;
  overflow: visible;
}
.panel.files .items_list .item .name {
  display: block;
  -ms-word-break: break-all;
  word-wrap: break-word;
  white-space: normal;
  height: 2.6em;
  overflow: hidden;
}
.panel.files .items_list .item .progress {
  display: block;
  margin-top: -3px;
  height: 3px;
}
.panel.files .items_list .item .progress span {
  display: block;
  height: 100%;
  background: #EF4A4A;
}
.panel.files .items_list .item .percent {
  color: #CF2A2A;
  background: none !important;
  margin-top: -10px;
  text-shadow: 0 0 2px #FFFFFF, 0 0 2px #FFFFFF, 0 0 2px #FFFFFF, 0 0 2px #FFFFFF, 0 0 2px #FFFFFF, 0 0 2px #FFFFFF;
}
.panel.files .items_list .folder .icon {
  display: inline-block;
  width: 35px;
  height: 30px;
  background: url("images/sprites.png?7.2.1");
  background-position: -440px -360px;
}
.panel.files .items_list .large .folder .icon {
  width: 70px;
  height: 65px;
  background-position: -880px -400px;
}
.panel.files .items_list .file .icon {
  width: 32px;
  height: 32px;
}
.panel.files .items_list .large .file .icon {
  width: 64px;
  height: 64px;
}
.panel.files .item .droppableHover,
.panel.folders .item .droppableHover,
.panel.files .panel_top .droppableHover {
  background: #DCD9D1 !important;
  color: #626262 !important;
  text-shadow: 0px 1px 0px #fff !important;
}
.sharing_panel {
  display: block;
  width: 280px;
  margin: 0px auto;
  padding: 130px 20px 20px;
  background: url("images/logo.png?7.2.1") no-repeat center 20px;
  text-align: center;
}
.sharing_panel .item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 1px 6px;
  text-align: left;
  vertical-align: top;
}
.sharing_panel .item .icon {
  display: inline-block;
  float: left;
  background: url("images/sprites.png?7.2.1") no-repeat 80px 0px;
  width: 55px;
  height: 65px;
  background-position: -480px -200px;
}
.sharing_panel .buttons {
  display: block;
  text-align: center;
}
.sharing_panel .button {
  text-decoration: none;
}
/*=== END Files screen CSS ===*/
/*=== Helpdesk screen CSS ===*/
.helpdesk .login_panel {
  width: 390px;
}
.tabs_panel.helpdesk .item.helpdesk {
  display: inline-block;
  color: #3D3D3D;
  font-size: 16pt;
  margin: 16px 0 0 14px;
  padding: 4px 10px;
  text-shadow: 0 1px 0 #FFFFFF;
  vertical-align: top;
}
.HelpdeskLayout .panels {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 14px;
  width: 100%;
}
html.rtl .HelpdeskLayout .panels {
  padding-left: 0px;
  padding-right: 14px;
}
.HelpdeskLayout .panels .panel_helper {
  width: 100%;
}
.HelpdeskLayout .AgentArea .panel .panel_content {
  padding-top: 0px;
  margin-top: 0px;
}
.HelpdeskLayout .AgentArea .panel.threads .toolbar {
  background: none;
  filter: none;
  border: 0px;
  border-radius: 0px;
  margin-left: 16px;
}
html.rtl .HelpdeskLayout .AgentArea .panel.threads .toolbar {
  margin-left: 0px;
  margin-right: 16px;
}
.HelpdeskLayout .AgentArea .panel.threads .toolbar .content {
  padding: 0px;
}
.HelpdeskLayout .AgentArea .panel.threads .toolbar .checkmail {
  float: none;
  padding: 0px;
  border-radius: 0px;
  border: 0px;
  box-shadow: none;
  background: none;
  margin: 4px 0px 0px 8px;
}
.HelpdeskLayout .AgentArea .panel.threads .toolbar .new_request .icon {
  display: none;
}
.HelpdeskLayout .AgentArea .panel.threads .toolbar .new_request .text {
  display: inline-block;
}
.HelpdeskLayout .AgentArea .panel.threads .panel_top {
  border-radius: 5px 0px 0px 0px;
  padding: 10px 46px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACtJREFUeNo0iIEJACAAwlT8/1GPMAsaKGNMYpskAOPRdq9tWbrifpaOAAMAMvEO3ANCJPYAAAAASUVORK5CYII=") repeat scroll 0 0 #f1f1f1;
}
.HelpdeskLayout .panel.threads .toolbar .checkmail:hover {
  background: none;
}
.HelpdeskLayout .UserArea .panel.threads .toolbar .new_request {
  display: inline-block;
  min-width: 200px;
}
.HelpdeskLayout .UserArea .panel.threads .toolbar .text {
  display: inline-block;
}
.HelpdeskLayout .UserArea .panel.threads .toolbar .icon {
  display: none;
}
.panel.threads .middle_bar {
  padding-top: 47px;
  margin-top: -47px;
  padding-bottom: 41px;
  margin-bottom: -41px;
}
.HelpdeskLayout .UserArea .panel.threads .middle_bar {
  padding-top: 0px;
  margin-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-radius: 5px 0px 5px 5px;
  box-shadow: -1px 0 4px rgba(0, 0, 0, 0.23);
  background: #fff;
  overflow: hidden;
}
.panel.thread_viewer .panel_center .thread_content > .buttons {
  padding: 0px 20px 18px 18px;
  margin: 0px;
}
.panel.thread_viewer .panel_center .buttons .new_post {
  float: left;
}
html.rtl .panel.thread_viewer .panel_center .buttons .new_post {
  float: right;
}
.panel.thread_viewer .new_request .fields {
  padding: 16px;
}
.panel.thread_viewer .new_request .fields .input {
  font-size: 10pt;
  width: 100%;
  min-height: 200px;
}
.panel.thread_viewer .new_request .fields .buttons {
  text-align: left;
  margin: 15px 0px 20px;
  padding: 0px;
}
.panel.thread_viewer .new_request .fields .buttons .button.create {
  margin-right: 6px;
  padding: 5px 12px;
}
.panel.thread_viewer .new_request .fields .buttons .button.upload {
  -webkit-transition: background 500ms ease, border-color 500ms ease;
  -moz-transition: background 500ms ease, border-color 500ms ease;
  -o-transition: background 500ms ease, border-color 500ms ease;
  transition: background 500ms ease, border-color 500ms ease;
  float: right;
  background: #FFFDD6;
  border: 0px solid #fff;
  background: none;
  color: #555;
  text-shadow: none;
  font-weight: normal;
  margin: 3px;
}
.panel.thread_viewer .new_request .fields .buttons .button.upload.dragOver {
  margin: 0px;
  background: #FFFDD6;
  border: 3px dashed #EFE164;
}
.panel.thread_viewer .new_request .fields .buttons .button.upload .icon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url("images/sprites.png?7.2.1") no-repeat -120px -120px;
}
.panel.thread_viewer .new_request .placeholder {
  font-size: 10pt;
  padding-top: 6px;
  text-indent: 9px;
}
.panel.thread_viewer .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%;
  min-height: 100%;
  visibility: hidden;
}
.panel.thread_viewer .uploader_mask.active {
  visibility: visible;
  opacity: 0.5;
}
.panel.thread_viewer .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.thread_viewer .toolbar .watcher,
.panel.thread_viewer .toolbar .watcher:hover {
  background: #EBE5E5;
  border-color: #EBE5E5;
  box-shadow: none;
  cursor: default;
}
.panel.thread_viewer .toolbar .from .link {
  margin-left: 5px;
}
.panel.thread_viewer .panel_content {
  margin: 0px !important;
  padding: 0px !important;
}
.panel.thread_viewer .middle_bar {
  padding-top: 76px;
  margin-top: -76px;
  padding-bottom: 92px;
  margin-bottom: -92px;
}
.panel.thread_viewer .middle_bar.new_request {
  padding-top: 0px;
  margin-top: 0px;
  padding-bottom: 57px;
  margin-bottom: -57px;
}
.panel.thread_viewer .middle_bar.own_thread {
  padding-top: 57px;
  margin-top: -57px;
}
.panel.thread_viewer .panel_top {
  padding: 14px 18px !important;
}
.panel.thread_viewer .panel_top .subject {
  min-height: 1.3em;
}
.panel.thread_viewer .panel_top .title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 4px 0px;
  padding: 0;
  font-size: 12pt;
  font-weight: normal;
}
.panel.thread_viewer .panel_top .title.has_contactcard {
  position: relative;
  left: -11px;
}
.panel.thread_viewer .panel_top .title.expand {
  position: relative;
  overflow: visible;
}
.panel.thread_viewer .panel_top .title .text {
  overflow: hidden;
  padding: 4px 4px 0;
  position: relative;
  top: -4px;
  display: block;
}
.panel.thread_viewer .panel_top .title .founded {
  padding-left: 7px;
}
.panel.thread_viewer .panel_top .title .link {
  font-size: 9pt;
  display: inline-block;
  margin: 0px 10px;
}
.panel.thread_viewer .panel_top .link.cancel {
  float: right;
  margin-top: 8px;
}
.panel.thread_viewer .panel_bottom {
  height: auto;
  border: 0px;
  border-radius: 0px;
}
.panel.thread_viewer .panel_center {
  background: #F9F9F9;
}
.panel.thread_viewer .panel_center .link.more {
  margin: 17px 37px 0px;
}
.panel.thread_viewer .toolbar {
  float: right;
  background: none;
  filter: none;
  border-bottom: 0px;
}
html.rtl .panel.thread_viewer .toolbar {
  float: left;
}
.panel.thread_viewer .toolbar .content {
  padding: 0px;
}
.panel.thread_viewer .post {
  font-size: 11pt;
  margin: 18px 20px 18px 18px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0px 0px 0px #CCCCCC;
  -webkit-transition: all 600ms linear;
  -moz-transition: all 600ms linear;
  -o-transition: all 600ms linear;
  transition: all 600ms linear;
}
.panel.thread_viewer .post.unseen {
  box-shadow: -1px 3px 4px 0 #dddddd;
  -webkit-transform: translate(0px, -3px);
  -moz-transform: translate(0px, -3px);
  -ms-transform: translate(0px, -3px);
  transform: translate(0px, -3px);
}
.panel.thread_viewer .post .attachments {
  margin: 0px 18px;
  padding: 10px 0px;
  border-top: 1px solid #EDE6D0;
}
.panel.thread_viewer .post .attachments .attachment {
  margin: 14px 20px 0 0;
  font-size: 9pt;
}
.panel.thread_viewer .post .attachments .attachment .download {
  cursor: pointer;
}
.panel.thread_viewer .post .header {
  padding: 12px 18px 0px;
}
.panel.thread_viewer .post .header .name {
  font-size: 13pt;
}
.panel.thread_viewer .post .header .close {
  float: right;
  display: inline-block;
  height: 10px;
  margin: 2px -6px 0 10px;
  width: 10px;
  cursor: pointer;
  background: url("images/sprites.png?7.2.1") no-repeat -240px -260px;
  visibility: hidden;
}
html.rtl .panel.thread_viewer .post .header .close {
  float: left;
  margin-left: -6px;
  margin-right: 10px;
}
.panel.thread_viewer .post .header .date {
  float: right;
  color: #8B8B8B;
  font-size: 9pt;
}
html.rtl .panel.thread_viewer .post .header .date {
  float: left;
}
.panel.thread_viewer .post .header .link {
  font-size: 9pt;
}
.panel.thread_viewer .post:hover .close.canBeDeleted {
  visibility: visible;
}
.panel.thread_viewer .post .content {
  padding: 10px 19px 16px;
}
.panel.thread_viewer .post code,
.panel.thread_viewer .post .code {
  white-space: pre;
  border: 1px dashed #B6AD9E;
  font-size: 12px;
  overflow: auto;
  padding: 8px;
}
.panel.thread_viewer .post.request .header .link {
  color: #B2B2B2;
}
.panel.thread_viewer .post.request .content {
  color: #656565;
}
.panel.thread_viewer .post.request.unseen .content {
  color: #000000;
}
.panel.thread_viewer .post.response {
  background: #FEFFE7;
  position: relative;
}
.panel.thread_viewer .post.response .header .link {
  color: #BAAE77;
}
.panel.thread_viewer .post.response .content {
  color: #716D51;
}
.panel.thread_viewer .post.response.unseen .content {
  color: #000000;
}
.panel.thread_viewer .post.internal {
  background: #F8FFE6;
  margin-left: 100px;
}
.panel.thread_viewer .post.internal .header .link {
  font-size: 9pt;
  color: #9dbf7a;
}
.panel.thread_viewer .post.internal .content {
  padding-left: 100px;
  color: #647151;
}
.panel.thread_viewer .post.internal.unseen .content {
  color: #000;
}
.panel.thread_viewer .post.internal .content::before {
  float: left;
  background: url("images/sprites.png?7.2.1") repeat -280px -200px;
  content: "";
  width: 60px;
  height: 40px;
  margin-left: -80px;
  opacity: 0.3;
}
.panel.thread_viewer .quick_reply {
  max-height: 310px;
}
.panel.thread_viewer .quick_reply.internal {
  background: #F8FFE6;
}
.panel.thread_viewer .quick_reply.hidden {
  max-height: 0px;
}
.panel.thread_viewer .quick_reply .buttons .button.upload {
  float: right;
  background: #FFFDD6;
  border: 0px solid #fff;
  background: none;
  color: #555;
  text-shadow: none;
  font-weight: normal;
  margin: 3px;
  -webkit-transition: background 500ms ease, border-color 500ms ease;
  -moz-transition: background 500ms ease, border-color 500ms ease;
  -o-transition: background 500ms ease, border-color 500ms ease;
  transition: background 500ms ease, border-color 500ms ease;
}
html.rtl .panel.thread_viewer .quick_reply .buttons .button.upload {
  float: left;
}
.panel.thread_viewer .quick_reply .buttons .button.upload.dragOver {
  margin: 0px;
  background: #FFFDD6;
  border: 3px dashed #EFE164;
}
.panel.thread_viewer .quick_reply .buttons .button.upload .icon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url("images/sprites.png?7.2.1") no-repeat -120px -120px;
}
.panel.thread_viewer .quick_reply.active .attachments {
  max-height: 73px;
}
.panel.thread_viewer .quick_reply .attachments,
.panel.thread_viewer .new_request .attachments {
  padding: 0px;
}
.panel.thread_viewer .quick_reply .attachments .attachment,
.panel.thread_viewer .new_request .attachments .attachment {
  margin: 0px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.panel.thread_viewer .quick_reply .attachments .attachment_content,
.panel.thread_viewer .new_request .attachments .attachment_content {
  background: #ffffff;
}
.panel.thread_viewer .quick_reply .attachments .image,
.panel.thread_viewer .new_request .attachments .image {
  min-height: 0px;
}
.panel.thread_viewer .quick_reply .attachments .image .text,
.panel.thread_viewer .new_request .attachments .image .text {
  margin: 0px;
}
.panel.thread_viewer .quick_reply .attachments .buttons,
.panel.thread_viewer .new_request .attachments .buttons {
  margin: 6px 0px 0px;
}
.panel.thread_viewer .quick_reply .attachments .buttons .button,
.panel.thread_viewer .new_request .attachments .buttons .button {
  margin: 0px;
}
.panel.thread_viewer .quick_reply .attachments .count2 .attachment,
.panel.thread_viewer .new_request .attachments .count2 .attachment {
  max-width: 50%;
}
.panel.thread_viewer .quick_reply .attachments .count3 .attachment,
.panel.thread_viewer .new_request .attachments .count3 .attachment {
  max-width: 33%;
}
.panel.thread_viewer .quick_reply .attachments .count4 .attachment,
.panel.thread_viewer .new_request .attachments .count4 .attachment {
  max-width: 25%;
}
.panel.thread_viewer .quick_reply .attachments .count5 .attachment,
.panel.thread_viewer .new_request .attachments .count5 .attachment {
  max-width: 20%;
}
.panel.threads {
  width: 40%;
}
.panel.threads .panel_top .search_block {
  padding-right: 0;
}
html.rtl .panel.threads .panel_top .search_block {
  padding-right: 30px;
}
.panel.threads .items_list .item .item_content {
  padding-left: 16px;
}
.panel.threads .items_list .item .subject,
.panel.threads .items_list .item .from {
  display: block;
  overflow: hidden;
}
.panel.threads .items_list .item .from {
  font-weight: bold;
}
.panel.threads .items_list .item .subtitle {
  color: #606060;
  font-size: 11pt;
}
.HelpdeskLayout .UserArea .panel.threads .items_list .item .subtitle {
  font-size: 13pt;
  font-weight: normal;
}
.panel.threads .items_list .item.selected .subtitle {
  color: #fff;
}
.panel.threads .items_list .item .separator {
  display: block;
}
.panel.threads .items_list .item .state {
  float: right;
  display: inline-block;
  padding: 2px 6px;
  border-radius: 4px;
  margin-left: 6px;
}
.panel.threads .items_list .item.resolved .state {
  background: #B3EE90;
  color: #587848;
  border: 1px solid #BFE6A9;
}
.panel.threads .items_list .item.pending .state,
.panel.threads .items_list .item.deferred .state {
  background: #F5F593;
  color: #9F742B;
  border: 1px solid #EEEDA8;
}
.panel.threads .items_list .item.answered .state,
.panel.threads .items_list .item.waiting .state {
  background: #DCDCDC;
  color: #707070;
  border: 1px solid #D7D7D7;
}
.panel.threads .panel_bottom {
  padding: 8px 14px 6px;
}
.panel.threads .panel_bottom a {
  display: inline-block;
  margin-right: 10px;
}
.panel.threads .panel_bottom a.selected,
.panel.threads .panel_bottom a.selected:hover {
  background: #fff;
  border-radius: 4px;
  padding: 4px 9px;
  color: #3d3d3d;
  text-decoration: none;
  cursor: default;
  outline: none;
  border: 1px solid #e0e0e0;
  box-shadow: 0 2px 2px #E7E7E7 inset;
}
.panel.threads .panel_bottom .pagination {
  float: right;
}
.HelpdeskLayout .settings .panel .fieldset .buttons {
  text-align: left;
}
.HelpdeskLayout .details {
  border-bottom: 1px solid #EDEDED;
  background: #FFFFEB;
}
.HelpdeskLayout .details_content {
  padding: 10px 18px;
}
.HelpdeskLayout .external_content {
  border: 0px;
  display: block;
  width: 100%;
  height: 200px;
}
.HelpdeskLayout .products {
  margin-top: 10px;
}
.HelpdeskLayout .products .product {
  border-bottom: 1px solid #EDEDED;
}
.HelpdeskLayout .products .product > .title {
  margin-bottom: 10px;
}
.HelpdeskLayout .products .product .icon {
  display: inline-block;
  vertical-align: middle;
  width: 31px;
  height: 31px;
  margin-right: 4px;
  background: url("images/sprites.png?7.2.1") no-repeat -400px -411px;
}
.HelpdeskLayout .products .product .name {
  font-size: 12pt;
}
.HelpdeskLayout .products .product .buttons {
  text-align: left;
}
.HelpdeskLayout .products .product .licenses,
.HelpdeskLayout .products .product .keys {
  margin: 0px 0px 16px 35px;
}
.HelpdeskLayout .products .product .licenses .license {
  display: inline-block;
  background: #4AA14A;
  border: 1px solid #2A912A;
  border-radius: 3px;
  color: #fff;
  padding: 2px 6px;
  line-height: 100%;
}
.HelpdeskLayout .products .product .keys .title {
  margin-bottom: 6px;
}
.HelpdeskLayout .products .product .keys .key {
  margin: 0px 0px 4px 10px;
}
.HelpdeskLayout .products .product .keys .text {
  font-size: 11pt;
  color: #000;
  font-style: italic;
}
.HelpdeskLayout .products .product .keys .buttons {
  margin-top: 4px;
}
.LoginLayout.helpdesk .login_panel .login_panel_content {
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -o-perspective: 800px;
  perspective: 800px;
  /*	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;*/

  /*min-height: 360px;*/

  margin-top: 100px;
}
.LoginLayout.helpdesk .login_panel .content {
  -webkit-transform-style: flat;
  -moz-transform-style: flat;
  -o-transform-style: flat;
  transform-style: flat;
  overflow: hidden;
  position: relative;
}
.LoginLayout.helpdesk .login_panel .content.forgot .row {
  border-radius: 4px !important;
}
/*.LoginLayout.helpdesk .login_panel .content.flipIn {

	-webkit-animation: flipIn 200ms ease-in forwards;
	-moz-animation: flipIn 200ms ease-in forwards;
	animation: flipIn 200ms ease-in forwards;
}
.LoginLayout.helpdesk .login_panel .content.flipOut {
	-webkit-animation: flipOut 400ms ease-out forwards;
	-moz-animation: flipOut 400ms ease-out forwards;
	animation: flipOut 400ms ease-out forwards;
}*/
.LoginLayout.helpdesk .login_panel .content {
  position: absolute;
  visibility: visible;
  opacity: 1;
  -webkit-transition: -webkit-transform 400ms ease-in, opacity 100ms ease-in 250ms, visibility 10ms ease-in 260ms;
  -moz-transition: -moz-transform 400ms ease-in, opacity 100ms ease-in 250ms, visibility 10ms ease-in 260ms;
  transition: transform 400ms ease-in, opacity 100ms ease-in 250ms, visibility 10ms ease-in 260ms;
  /*-webkit-box-shadow: 0px 0px 0px #fff;*/

  /* hack for FF, fix antialiasing */

  -moz-box-shadow: 0px 0px 0px #fff;
  box-shadow: 0px 0px 0px #fff;
  /*	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;*/

}
.LoginLayout.helpdesk .login_panel {
  vertical-align: top !important;
}
.LoginLayout.helpdesk .login_panel .content.register,
.LoginLayout.helpdesk .login_panel .content.social_register {
  margin: 0 57px;
}
.LoginLayout.helpdesk .login_panel .content.social_register .fieldset,
.LoginLayout.helpdesk .login_panel .content.send .fieldset {
  margin-top: 20px;
}
.LoginLayout.helpdesk .login_panel .content.send {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.LoginLayout.helpdesk .login_panel .content.send .question {
  box-shadow: 0 1px 1px #DDDDDD inset;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  height: 214px;
  width: 350px;
  color: #000;
  font-size: 11pt;
  padding: 6px 8px;
  resize: none;
}
.LoginLayout.helpdesk .login_panel .content.social_register .question_title,
.LoginLayout.helpdesk .login_panel .content.send .question_title {
  display: block;
  font-size: 11pt;
  color: #929292;
}
.LoginLayout.helpdesk .login_panel .content.login,
.LoginLayout.helpdesk .login_panel .content.forgot {
  margin-left: 410px;
  margin-top: 40px;
}
.LoginLayout.helpdesk .login_panel .content.forgot,
.LoginLayout.helpdesk .login_panel .content.changepass,
.LoginLayout.helpdesk .login_panel .content.register,
.LoginLayout.helpdesk .login_panel .content.signin,
.LoginLayout.helpdesk .login_panel .content.activation,
.LoginLayout.helpdesk .login_panel .content.social_register {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
  visibility: hidden;
  opacity: 0;
}
.LoginLayout.helpdesk .login_panel .content.activation {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
  width: 240px;
  white-space: normal;
  font-size: 12pt;
  text-shadow: 0px 1px 0px #f3f3f3;
}
.LoginLayout.helpdesk .login_panel.flipForgot .content.login,
.LoginLayout.helpdesk .login_panel.flipRegister .content.login,
.LoginLayout.helpdesk .login_panel.flipRegister .content.send,
.LoginLayout.helpdesk .login_panel.flipSignin .content.login,
.LoginLayout.helpdesk .login_panel.flipSocialRegister .content.login,
.LoginLayout.helpdesk .login_panel.flipSocialRegister .content.send,
.LoginLayout.helpdesk .login_panel.flipActivation .content.login,
.LoginLayout.helpdesk .login_panel.flipChangepass .content.login {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
  visibility: hidden;
  opacity: 0;
}
.LoginLayout.helpdesk .login_panel.flipForgot .content.forgot,
.LoginLayout.helpdesk .login_panel.flipChangepass .content.changepass,
.LoginLayout.helpdesk .login_panel.flipRegister .content.register,
.LoginLayout.helpdesk .login_panel.flipSignin .content.signin,
.LoginLayout.helpdesk .login_panel.flipSocialRegister .content.social_register {
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  transform: rotateY(360deg);
  visibility: visible;
  opacity: 1;
}
.LoginLayout.helpdesk .login_panel.flipActivation .content.activation {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
  visibility: visible;
  opacity: 1;
}
/*=== END Helpdesk screen CSS ===*/
/*=== Calendar CSS ===*/
.CalendarLayout {
  position: relative;
}
/*=== Calendar manager CSS ===*/
.panel.calendar_manager {
  width: 20%;
}
.panel.calendar_manager .middle_bar {
  padding-bottom: 200px;
  margin-bottom: -200px;
}
.panel.calendar_manager .panel_top {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 17px 10px 16px;
  background: none;
  border: 0px;
  height: 40px;
}
.panel.calendar_manager .panel_center {
  position: relative;
}
.panel.calendar_manager .dropdowns {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  color: #fff;
  padding-right: 50px;
}
html.rtl .panel.calendar_manager .dropdowns {
  padding-left: 50px;
  padding-right: 0px;
}
.panel.calendar_manager .dropdowns .separator {
  background: #000;
  display: block;
  height: 1px;
  margin: 8px 17px;
  opacity: 0.1;
}
.panel.calendar_manager .dropdowns .dropdown {
  z-index: 99;
}
.panel.calendar_manager .dropdowns .dropdown .dropdown_helper {
  min-width: inherit;
}
.panel.calendar_manager .dropdowns .dropdown .dropdown_content {
  border: 0px;
  border-radius: 0px 0px 4px 0px;
}
html.rtl .panel.calendar_manager .dropdowns .dropdown .dropdown_content {
  border-radius: 0px 0px 0px 4px;
}
.panel.calendar_manager .dropdowns .dropdown .dropdown_arrow {
  display: none;
}
.panel.calendar_manager .dropdowns .dropdown .item {
  color: #fff;
}
.panel.calendar_manager .dropdowns .dropdown .item:hover {
  background-color: rgba(0, 0, 0, 0.1);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1a000000', endColorstr='#1a000000');
}
.panel.calendar_manager .dropdowns .colors {
  padding: 8px 17px 16px;
  display: block;
  white-space: normal;
  font-size: 0;
  line-height: 100%;
}
.panel.calendar_manager .dropdowns .colors .item {
  display: inline-block;
  float: none;
  padding: 0px;
  width: 13px;
  height: 13px;
  margin: 0px 6px 6px 0px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
html.rtl .panel.calendar_manager .dropdowns .colors .item {
  margin: 0px 0px 6px 6px;
}
.panel.calendar_manager .dropdowns .colors .item.color_pick.selected {
  background-image: url("images/sprites.png?7.2.1");
  background-position: -279px -240px;
}
.panel.calendar_manager .calendars {
  height: auto;
}
.panel.calendar_manager .calendars .item {
  padding: 7px 17px 6px 16px;
  color: #fff;
  margin-bottom: 4px;
  max-height: 500px;
  overflow: visible;
  cursor: pointer;
}
.panel.calendar_manager .calendars .item.readonly {
  border: 1px dashed #ffffff;
  opacity: 0.7;
}
.panel.calendar_manager .calendars .item .custom_checkbox {
  float: left;
  margin-top: 1px;
  margin-right: 8px;
}
.panel.calendar_manager .calendars .item .custom_checkbox .icon {
  border: 1px solid rgba(41, 44, 47, 0.35);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.panel.calendar_manager .calendars .item .title {
  overflow: hidden;
  margin: 0px;
  font-weight: bold;
  font-size: 10pt;
}
.panel.calendar_manager .calendars .item.inactive .title {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.panel.calendar_manager .calendars .item .icon.public {
  display: inline-block;
  width: 16px;
  height: 16px;
  float: right;
  margin-left: 6px;
  background: url("images/sprites.png?7.2.1") no-repeat -720px -240px;
}
.panel.calendar_manager .calendars .item .control {
  float: right;
  display: inline-block;
  height: 16px;
  width: 16px;
  margin-left: 4px;
  cursor: pointer;
  background: url("images/sprites.png?7.2.1") no-repeat -160px -240px;
}
.panel.calendar_manager .calendars .item .control:hover {
  background-position: -160px -260px;
}
.panel.calendar_manager .calendars .section_title .control {
  width: 16px;
  height: 16px;
  background: url("images/sprites.png?7.2.1") no-repeat -320px -240px;
  cursor: pointer;
}
.panel.calendar_manager .panel_bottom {
  border: 0px;
  background: #E3E1D9;
  border-radius: 0px;
  padding: 0px;
  height: 200px;
  width: 100%;
  float: left;
}
.panel.calendar_manager .panel_bottom .ui-widget-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: transparent;
  border: 0 none;
  border-radius: 0;
  padding: 10px 16px;
  width: 100%;
  max-width: 360px;
  margin: 0px auto;
}
.panel.calendar_manager .panel_bottom .ui-datepicker .ui-widget-header {
  background: 0px;
  border: 0 none;
  border-radius: 0;
}
.panel.calendar_manager .panel_bottom .ui-datepicker .ui-state-default,
.panel.calendar_manager .panel_bottom .ui-datepicker .ui-widget-content .ui-state-default,
.panel.calendar_manager .panel_bottom .ui-datepicker .ui-widget-header .ui-state-default {
  background: 0px;
  border: 0 none;
}
/*=== END Calendar manager CSS ===*/
/*=== Calendar CSS ===*/
.panel.calendar {
  width: 80%;
  position: relative;
}
.panel.calendar .panel_content {
  margin-right: 0px;
}
.panel.calendar .customscroll-scrollbar-vertical {
  margin-right: 2px;
}
.panel.calendar .middle_bar.view_month {
  padding-top: 42px;
  margin-top: -42px;
}
.panel.calendar .toolbar .item.current {
  text-align: center;
}
.panel.calendar .toolbar .item .text {
  display: inline-block;
}
.panel.calendar .toolbar .item .helper {
  height: 0px;
  overflow: hidden;
  display: block;
}
.panel.calendar .toolbar .item .helper .text {
  margin-right: 6ex;
}
.panel.calendar .toolbar .item .helper.week .text {
  margin-right: 18ex;
}
.panel.calendar .toolbar .item .helper.day .text {
  margin-right: 10ex;
}
.panel.calendar .date_select .item .control {
  background: url("images/sprites.png?7.2.1") no-repeat -440px -240px;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
}
.panel.calendar .date_select .item.prev .control {
  background-position: -360px -240px;
}
html.rtl .panel.calendar .date_select .item.prev .control {
  background-position: -400px -240px;
}
.panel.calendar .date_select .item.next .control {
  background-position: -400px -240px;
}
html.rtl .panel.calendar .date_select .item.next .control {
  background-position: -360px -240px;
}
.panel.calendar .panel_top {
  padding: 0px !important;
}
.panel.calendar .panel_top .weekday-header {
  background-color: #F0F0F0;
  font-size: 0px;
}
.panel.calendar .panel_top .weekday-header .weekday-header-item {
  border-left: 1px solid #ddd;
  color: #828282;
  font-weight: bold;
  font-size: 9pt;
  padding: 14px 0 12px;
  text-align: center;
  display: inline-block;
  width: 14.18%;
}
.panel.calendar .panel_top .weekday-header .weekday-header-item:last-child {
  width: 13%;
}
td.day_with_events a {
  font-weight: bold !important;
}
table.highlight_week tr.current_week {
  background-color: #d3d1ca;
}
table.highlight_day td.ui-datepicker-current-day {
  background-color: #d3d1ca;
}
td.ui-datepicker-today {
  background-color: #fff4cf !important;
}
table.ui-datepicker-calendar td a {
  text-align: center;
}
.colors .color_pick,
.calendar_colors option {
  float: left;
  width: 12px;
  height: 12px;
  margin: 2px;
  border: solid 1px #bababa;
}
.colors .color_pick.selected {
  background-image: url("images/sprites.png?7.2.1");
  background-position: -280px -240px;
}
.calendar .toolbar .item.selected {
  background-color: #e3e3e3;
}
.fc-event-vert .fc-event-bg {
  /* to avoid change the color of events in the weekly mode */

  width: 0;
  height: 0;
}
.fc-event-readonly {
  border-width: 1px !important;
  border-style: dashed !important;
  border-color: #fff !important;
  opacity: 0.7;
}
.fc-agenda-slots td div {
  height: 30px;
}
.fc-agenda .fc-agenda-axis {
  background: #fff;
  color: #626262;
  text-align: center;
}
.fc-event-inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px 10px;
  overflow: hidden;
}
.fc-event-inner .fc-event-time {
  font-size: 9pt;
  overflow: hidden;
  display: block;
}
.fc-event-inner .fc-event-title {
  overflow: hidden;
  font-size: 9pt;
  display: block;
}
.fc-first .fc-widget-header {
  background: #f0f0f0;
  padding: 14px 0px 12px !important;
  color: #828282;
  border-top-width: 0 !important;
}
.fc div.fc-content {
  border-radius: 0px;
}
.fc-grid .fc-day-number {
  padding: 8px 8px 0px;
  color: #626262;
}
.fc-grid .fc-other-month .fc-day-number {
  color: #b6b6b6;
  opacity: 1;
}
.fc-agenda .fc-event {
  /*border: 1px solid #fff !important;*/

  border: 0px;
  box-shadow: inset 0px 0px 1px #7A7A7A;
}
.fc-event-vert.fc-event-end {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.fc-event-vert.fc-event-start {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
fc-view-month .fc-day-content div,
.fc-agenda-slots .fc-day-content div {
  height: auto !important;
}
.more-events-link {
  z-index: 100;
  position: absolute;
}
.more-events-list {
  z-index: 100;
  position: absolute;
  background-color: white;
  border: solid 1px grey;
  border-radius: 4px;
}
.more-events-item {
  margin: 4px;
  border: solid 1px;
  border-radius: 3px;
  color: white;
  cursor: pointer;
}
.more-events-item {
  width: auto;
  max-width: 200px;
}
/*.calendar .fc,
.calendar .fc .fc-content,
.calendar .fc .fc-content .fc-view-month {
	height: 100%;
}*/
/*.calendar .fc .fc-content .fc-view-month {
    overflow-x: hidden;
    overflow-y: auto;
}*/
.calendar .fc-view-month .fc-day-header {
  padding: 0px !important;
  font-size: 0px;
  visibility: hidden;
  border-bottom: 0px;
}
.calendar .fc-view-agendaWeek .scroll-inner,
.calendar .fc-view-agendaDay .scroll-inner {
  position: relative !important;
}
/*=== Calendar Popups CSS ===*/
.popup.calendar_popup .mask {
  background: #fff;
}
.popup.calendar_popup.visible .mask {
  opacity: 0.5;
}
.popup.calendar_popup.visible .mask.clear {
  opacity: 0;
  z-index: 1;
}
.popup.calendar_popup .popup_panel {
  box-shadow: 0px 0px 11px #bbb;
  min-width: 440px;
  max-width: 440px;
}
.popup.calendar_popup .title {
  padding: 9px 20px 0px;
  width: 100%;
  height: 27px;
  border-radius: 4px 4px 0px 0px;
  color: #fff;
  margin: -20px 0px 16px -20px;
}
html.rtl .popup.calendar_popup .title {
  margin: -20px -20px 16px 0px;
}
.popup.calendar_popup .close {
  display: inline-block;
  height: 12px;
  margin: -7px -7px 0px 0px;
  width: 12px;
  background: url("images/sprites.png?7.2.1") no-repeat -200px -240px;
}
.popup.calendar_popup .buttons {
  margin: 16px 0px 0px;
  padding-top: 20px;
  border-top: 1px solid #e2e2e2;
}
.popup.calendar_popup .buttons .button {
  float: left;
  margin-right: 6px;
}
html.rtl .popup.calendar_popup .buttons .button {
  float: right;
  margin-right: 0px;
  margin-left: 6px;
}
.popup.calendar_popup .buttons .colors {
  display: inline-block;
  margin-top: 4px;
}
.popup.calendar_popup .buttons .colors .item {
  display: inline-block;
}
.popup.calendar_create .input,
.popup.calendar_event .input {
  box-shadow: none;
  border-color: #fff;
}
.popup.calendar_create .input:hover,
.popup.calendar_event .input:hover,
.popup.calendar_create .input:focus,
.popup.calendar_event .input:focus {
  border-color: #ccc;
}
.popup.calendar_create .row.name .placeholder,
.popup.calendar_event .row.name .placeholder,
.popup.calendar_create .row.name .input,
.popup.calendar_event .row.name .input {
  font-size: 15pt;
  font-weight: bold;
}
.popup.calendar_create .row.name .placeholder,
.popup.calendar_event .row.name .placeholder {
  position: relative;
  z-index: 1;
  left: 3px;
  top: 5px;
}
.popup.calendar_create .row.description .placeholder,
.popup.calendar_event .row.description .placeholder,
.popup.calendar_create .row.location .placeholder,
.popup.calendar_event .row.location .placeholder,
.popup.calendar_create .row.add_attender .placeholder,
.popup.calendar_event .row.add_attender .placeholder,
.popup.calendar_create .row.description .input,
.popup.calendar_event .row.description .input,
.popup.calendar_create .row.location .input,
.popup.calendar_event .row.location .input,
.popup.calendar_create .row.add_attender .input,
.popup.calendar_event .row.add_attender .input {
  font-size: 10pt;
}
.popup.calendar_create .row.description .placeholder,
.popup.calendar_event .row.description .placeholder,
.popup.calendar_create .row.location .placeholder,
.popup.calendar_event .row.location .placeholder,
.popup.calendar_create .row.add_attender .placeholder,
.popup.calendar_event .row.add_attender .placeholder {
  left: 3px;
  top: 5px;
}
html.rtl .popup.calendar_create .row.description .placeholder,
html.rtl .popup.calendar_event .row.description .placeholder,
html.rtl .popup.calendar_create .row.location .placeholder,
html.rtl .popup.calendar_event .row.location .placeholder,
html.rtl .popup.calendar_create .row.add_attender .placeholder,
html.rtl .popup.calendar_event .row.add_attender .placeholder {
  left: auto;
  right: 3px;
}
.popup.calendar_getlink .dav_access,
.popup.calendar_getlink .web_access {
  margin-bottom: 16px;
}
.popup.calendar_getlink .dav_access {
  padding-bottom: 14px;
  border-bottom: 1px solid #e2e2e2;
}
.popup.calendar_getlink .dav_access .download {
  display: inline-block;
  width: 18px;
  height: 18px;
  float: right;
  /*	margin: 2px -28px 0px 0px;*/

  background: url("images/sprites.png?7.2.1") no-repeat -240px -120px;
}
.popup.calendar_getlink .web_access .row.web_access_switch {
  text-align: center;
  margin-bottom: 10px;
}
.popup.calendar_getlink .web_access label {
  vertical-align: middle;
}
.popup.calendar_share .input {
  margin-right: 7px;
}
html.rtl .popup.calendar_share .input {
  margin-right: 0px;
  margin-left: 7px;
}
.popup.calendar_share .checkbox {
  float: left;
  margin-top: 1px;
  margin-right: 8px;
}
.popup.calendar_share .checkbox .icon {
  border: 1px solid rgba(41, 44, 47, 0.35);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.popup.calendar_share .shares_list {
  max-height: 200px;
}
.popup.calendar_share .share_item {
  margin-bottom: 10px;
}
.popup.calendar_share .share_item .control {
  display: inline-block;
  margin: 3px 10px 0px 0px;
  float: right;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url("images/sprites.png?7.2.1") no-repeat -160px -120px;
}
html.rtl .popup.calendar_share .share_item .control {
  float: left;
  margin: 3px 0px 0px 10px;
}
.popup.calendar_share .share_item .control.disabled {
  background-position: -160px -140px;
}
.popup.calendar_share .share_item .control.remove {
  background-position: -200px -120px;
  margin-top: 4px;
}
.popup.calendar_share .row {
  display: inline-block;
}
.popup.calendar_share .input {
  width: 180px;
}
.popup.calendar_share select.input {
  width: 200px;
}
.popup.calendar_share .label {
  width: 200px;
}
.popup.calendar_share .placeholder {
  font-size: 11pt;
  top: 4px;
}
.popup.calendar_share .text {
  display: inline-block;
  border-radius: 0px;
  border: 0px;
  box-shadow: none;
  margin-right: 20px;
}
html.rtl .popup.calendar_share .text {
  margin-right: 0px;
  margin-left: 20px;
}
.popup.calendar_event .recivedAnim,
.popup.calendar_share .recivedAnim {
  -webkit-animation: highlight 0.5s linear;
  -moz-animation: highlight 0.5s linear;
  animation: highlight 0.5s linear;
}
.popup.calendar_event .title {
  display: inline-block;
  border-radius: 2px;
  width: auto;
  float: right;
  margin: -22px 28px 0px 0px;
  max-width: 120px;
}
html.rtl .popup.calendar_event .title {
  float: left;
  margin: -22px 0px 0px 28px;
}
.popup.calendar_event .title.calendar_selector {
  cursor: pointer;
  position: relative;
}
.popup.calendar_event .title.calendar_selector .item {
  color: #fff;
}
.popup.calendar_event .title.calendar_selector .item:hover {
  box-shadow: inset 0px 0px 0px 30px rgba(255, 255, 255, 0.1);
}
.popup.calendar_event .title .current {
  display: block;
  white-space: nowrap;
  padding-right: 10px;
}
.popup.calendar_event .close {
  background-position: -240px -240px;
}
.popup.calendar_event .buttons {
  text-align: left;
}
html.rtl .popup.calendar_event .buttons {
  text-align: right;
}
.popup.calendar_event .buttons .button {
  float: none;
}
.popup.calendar_event .toolbar {
  background: none;
  filter: none;
  border: 0px;
  padding: 0px;
  margin: 0px;
  float: right;
}
html.rtl .popup.calendar_event .toolbar {
  float: left;
}
.popup.calendar_event .toolbar .content {
  padding: 0px;
}
.popup.calendar_event .toolbar .content .item {
  border: 0px;
  box-shadow: none;
  background: none;
}
.popup.calendar_event .toolbar .content .item .icon {
  width: 22px;
  height: 20px;
}
.popup.calendar_event .toolbar .content .item.readonly {
  cursor: default;
}
.popup.calendar_event .toolbar .content .item.repeat .icon {
  background-position: -280px -120px;
}
.popup.calendar_event .toolbar .content .item.repeat.selected .icon,
.popup.calendar_event .toolbar .content .item.repeat:hover .icon {
  background-position: -280px -140px;
}
.popup.calendar_event .toolbar .content .item.alarm .icon {
  background-position: -320px -120px;
}
.popup.calendar_event .toolbar .content .alarm.selected .icon,
.popup.calendar_event .editable .toolbar .content .alarm:hover .icon {
  background-position: -320px -140px;
}
.popup.calendar_event .toolbar .content .guests .icon {
  background-position: -360px -120px;
}
.popup.calendar_event .toolbar .content .guests.selected .icon,
.popup.calendar_event .editable .toolbar .content .guests:hover .icon {
  background-position: -360px -140px;
}
.popup.calendar_event .toolbar .content .guests .arrow {
  width: 0px;
  height: 0px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #F7F7F7;
  background: none;
  margin-right: -6px;
  position: relative;
  right: -20px;
  visibility: hidden;
}
.popup.calendar_event .toolbar .content .guests.selected .arrow {
  visibility: visible;
}
.popup.calendar_event .scrollable_field {
  border: 1px solid #fff;
  border-radius: 4px 4px 4px 4px;
}
.popup.calendar_event .editable .scrollable_field:hover {
  border-color: #ccc;
}
.popup.calendar_event .scrollable_field .input {
  border: 0px;
  border-radius: 0px;
  width: 100%;
}
.popup.calendar_event .scrollable_field span.input {
  display: block;
}
.popup.calendar_event .name .scrollable_field {
  max-height: 110px;
}
.popup.calendar_event .description .scrollable_field {
  max-height: 150px;
}
.popup.calendar_event .location .scrollable_field {
  max-height: 74px;
}
.popup.calendar_event .subforms {
  height: 0px;
  position: relative;
}
.popup.calendar_event .subforms .dates_form {
  z-index: 2;
}
.popup.calendar_event .subforms .alarm_form {
  z-index: 1;
}
.popup.calendar_event .subforms .alarm_form,
.popup.calendar_event .subforms .dates_form {
  position: absolute;
  bottom: 0px;
  right: 0px;
  color: #828282;
  font-size: 9pt;
}
html.rtl .popup.calendar_event .subforms .alarm_form,
html.rtl .popup.calendar_event .subforms .dates_form {
  right: auto;
  left: 0px;
}
.popup.calendar_event .subforms .alarm_form .form_content,
.popup.calendar_event .subforms .dates_form .form_content {
  border-radius: 4px;
  min-width: 200px;
  padding: 12px;
  background: #f7f7f7;
  clear: both;
}
.popup.calendar_event .subforms .alarm_form .form_arrow,
.popup.calendar_event .subforms .dates_form .form_arrow {
  border-top: 6px solid #f7f7f7;
  border-bottom: 0px solid #f7f7f7;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  display: block;
  font-size: 0;
  width: 0;
  height: 0;
  margin-right: 53px;
  float: right;
}
.popup.calendar_event .subforms .alarm_form .custom_selector,
.popup.calendar_event .subforms .dates_form .custom_selector {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.popup.calendar_event .subforms .alarm_form .item {
  display: block;
}
.popup.calendar_event .subforms .alarm_form .remove {
  float: right;
}
.popup.calendar_event .alarms_helper div {
  height: 15px;
}
.popup.calendar_event .subforms .dates_form {
  bottom: 25px;
  right: auto;
  top: auto;
  left: -22px;
}
.popup.calendar_event .subforms .dates_form .form_content {
  min-width: 420px;
  background: #fff4cf;
}
.popup.calendar_event .subforms .dates_form .date {
  width: 100px;
  margin-right: 0px;
  border: 1px solid #CCCCCC;
  padding-right: 23px;
  position: relative;
  z-index: 3000;
  cursor: pointer;
  width: 145px;
  vertical-align: middle;
}
html.rtl .popup.calendar_event .subforms .dates_form .date {
  margin-left: 0px;
  padding-right: 6px;
}
.popup.calendar_event .subforms .dates_form .time {
  width: 50px;
  border: 1px solid #CCCCCC;
  vertical-align: middle;
  margin-right: 13px;
}
.popup.calendar_event .subforms .dates_form .ui-datepicker-trigger {
  display: inline-block;
  margin: 0 5px 0 -21px;
  vertical-align: middle;
  position: relative;
  z-index: 3001;
  cursor: pointer;
}
html.rtl .popup.calendar_event .subforms .dates_form .ui-datepicker-trigger {
  margin: 0 -21px 0 5px;
}
.popup.calendar_event .subforms .dates_form .allday {
  margin-top: 10px;
}
.popup.calendar_event .subforms .dates_form .form_arrow {
  float: none;
  margin: 0px 0px 0px 95px;
  border-top: 6px solid #fff4cf;
}
.popup.calendar_event .subforms .repeat_panel .input {
  border: 1px solid #ccc;
}
.popup.calendar_event .popup_panel {
  padding: 0px;
  background: #f7f7f7;
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
}
.popup.calendar_event .popup_panel.offset {
  /*margin-top: 150px;*/

}
.popup.calendar_event .panel_wrap {
  background: #fff;
  border-radius: 4px;
}
.popup.calendar_event .main_panel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  min-width: 100%;
  float: left;
}
.popup.calendar_event .show_side_panel {
  padding-right: 240px;
  margin-right: -240px;
}
.popup.calendar_event .side_panel {
  float: right;
  width: 200px;
  margin-right: -240px;
  color: #929292;
  padding: 20px;
  visibility: hidden;
  opacity: 0;
}
.popup.calendar_event .show_side_panel .side_panel {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 300ms ease 300ms;
  -moz-transition: opacity 300ms ease 300ms;
  -o-transition: opacity 300ms ease 300ms;
  transition: opacity 300ms ease 300ms;
}
.popup.calendar_event .side_panel .arrow {
  /*	border-left: 6px solid #F7F7F7;
	border-top: 6px solid #fff;
	border-bottom: 6px solid #fff;

    display: block;
    float: left;
    font-size: 0;
    height: 0;
    margin: 200px 0px 0-6px;
    width: 0;*/

}
.popup.calendar_event .side_panel .attender {
  margin-bottom: 6px;
}
.popup.calendar_event .side_panel .attender .link {
  float: right;
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url("images/sprites.png?7.2.1") no-repeat -680px -240px;
}
html.rtl .popup.calendar_event .side_panel .attender .link {
  float: left;
  margin-left: 0px;
  margin-right: 10px;
}
.popup.calendar_event .side_panel .attender .name {
  display: block;
  overflow: hidden;
  white-space: nowrap;
}
.popup.calendar_event .side_panel .attender .name .text {
  display: inline-block;
  cursor: default;
}
.popup.calendar_event .side_panel .attender .icon {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background: url("images/sprites.png?7.2.1") no-repeat 0px 0px;
}
.popup.calendar_event .side_panel .attender.pending .icon {
  background-position: -520px -240px;
}
.popup.calendar_event .side_panel .attender.accepted .icon {
  background-position: -480px -240px;
}
.popup.calendar_event .side_panel .attender.declined .icon {
  background-position: -600px -240px;
}
.popup.calendar_event .side_panel .attender.declined .text {
  color: #d0d0d0;
}
.popup.calendar_event .side_panel .attender.tentative .icon {
  background-position: -560px -240px;
}
.popup.calendar_event .side_panel .add_attender {
  margin-top: 20px;
}
.popup.calendar_event .side_panel .add_attender .input {
  border: 1px solid #CCCCCC;
  width: 170px;
  margin-right: 10px;
}
html.rtl .popup.calendar_event .side_panel .add_attender .input {
  margin-right: 0px;
  margin-left: 10px;
}
.popup.calendar_event .side_panel .add_attender .link {
  display: inline-block;
  float: right;
  width: 16px;
  height: 16px;
  margin-top: 3px;
  background: url("images/sprites.png?7.2.1") no-repeat -640px -240px;
}
html.rtl .popup.calendar_event .side_panel .add_attender .link {
  float: left;
}
.popup.calendar_event .side_panel .button {
  font-size: 9pt;
  padding: 3px 5px 2px;
  margin: 0px;
}
/*--- END Calendar Popups CSS ---*/
/*=== END Calendar CSS ===*/
.calendar_event .label {
  width: inherit;
}
.calendar_event .input {
  width: inherit;
}
.fc-show-weekends .fc-sat,
.fc-show-weekends .fc-sun {
  background: #f0f0f0;
}
.fc-non-working-time {
  background: rgba(240, 240, 240, 0.5) !important;
}
.calendar_event .description span.input,
.calendar_event .location span.input {
  white-space: pre-wrap;
}
/*=== Base CSS ===*/
html,
body {
  height: 100%;
}
body {
  background: #ece9e0;
  font: normal 9pt Helvetica, Tahoma, Arial, sans-serif;
  min-height: 480px;
  min-width: 640px;
}
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 {
  min-height: inherit;
}
.pSevenMain {
  height: 100%;
  overflow: hidden;
  position: relative;
}
html.non-adjustable .pSevenMain {
  height: auto;
  overflow: visible;
}
#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: #4477bb;
  text-decoration: none;
  cursor: pointer;
}
a:hover,
.link:hover {
  color: #c74747;
  text-decoration: underline;
}
*[contenteditable="true"],
input:focus {
  outline: none;
}
.ui-menu .ui-menu-item a {
  overflow: hidden;
  white-space: nowrap;
}
/*=== Common CSS ===*/
.panel.folders,
.panel.groups,
.panel.storages,
.UserArea .panel.threads,
.panel.calendar_manager {
  box-shadow: none;
  border-radius: 0px;
}
.panel.folders .toolbar,
.panel.groups .toolbar,
.panel.storages .toolbar,
.UserArea .panel.threads .toolbar,
.panel.calendar_manager .toolbar {
  background: none;
  border: 0px;
  border-radius: 0px;
  filter: none;
}
.panel.folders .toolbar .content,
.panel.groups .toolbar .content,
.panel.storages .toolbar .content,
.UserArea .panel.threads .toolbar .content,
.panel.calendar_manager .toolbar .content {
  display: block;
  text-align: center;
  padding-left: 16px;
  padding-right: 17px;
}
.panel.folders .toolbar .content .item,
.panel.groups .toolbar .content .item,
.panel.storages .toolbar .content .item,
.UserArea .panel.threads .toolbar .content .item,
.panel.calendar_manager .toolbar .content .item {
  display: block;
  border-radius: 5px;
  border-color: #7bbe45;
  color: #fff;
  font-size: 10pt;
  font-weight: bold;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
  box-shadow: none;
  padding-top: 5px;
  padding-bottom: 2px;
  overflow: hidden;
}
.panel.folders .toolbar .item,
.panel.groups .toolbar .item,
.panel.storages .toolbar .item,
.UserArea .panel.threads .toolbar .item,
.panel.calendar_manager .toolbar .item {
  background: #9cda66;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #85d252), color-stop(1, #9cda66));
  background: -webkit-linear-gradient(bottom, #85d252 0%, #9cda66 100%);
  background: -ms-linear-gradient(bottom, #85d252, #9cda66);
  background: -moz-linear-gradient(center bottom, #85d252 0%, #9cda66 100%);
  background: -o-linear-gradient(#9cda66, #85d252);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9cda66', endColorstr='#85d252', GradientType=0);
}
.panel.folders .toolbar .item:hover,
.panel.groups .toolbar .item:hover,
.panel.storages .toolbar .item:hover,
.UserArea .panel.threads .toolbar .item:hover,
.panel.calendar_manager .toolbar .item:hover {
  background: #acea76;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #95e262), color-stop(1, #acea76));
  background: -webkit-linear-gradient(bottom, #95e262 0%, #acea76 100%);
  background: -ms-linear-gradient(bottom, #95e262, #acea76);
  background: -moz-linear-gradient(center bottom, #95e262 0%, #acea76 100%);
  background: -o-linear-gradient(#acea76, #95e262);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#acea76', endColorstr='#95e262', GradientType=0);
}
.panel.folders .panel_center,
.panel.groups .panel_center,
.panel.storages .panel_center,
.UserArea .panel.threads .panel_center,
.panel.calendar_manager .panel_center {
  border: 0px;
  background: none;
}
.panel.folders .customscroll-scrollbar-vertical,
.panel.groups .customscroll-scrollbar-vertical,
.panel.storages .customscroll-scrollbar-vertical,
.UserArea .panel.threads .customscroll-scrollbar-vertical,
.panel.calendar_manager .customscroll-scrollbar-vertical {
  right: 4px;
}
.panel.folders .items_list .item,
.panel.groups .items_list .item,
.panel.storages .items_list .item,
.settings .folders .items_list .item {
  font-size: 10pt;
  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: #777777;
  text-decoration: none;
  font-size: 10pt;
  font-weight: bold;
  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: 20px;
  height: 17px;
  background-image: url("images/sprites.png?7.2.1");
  background-repeat: no-repeat;
}
.panel.folders .items_list .item .title.droppableHover .name:after,
.panel.groups .items_list .item .title.droppableHover .name:after,
.panel.storages .items_list .item .title.droppableHover .name:after,
.settings .folders .items_list .item .title.droppableHover .name:after {
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(223, 220, 212, 0)), color-stop(100%, #dfdcd4));
  background: -webkit-linear-gradient(left, rgba(223, 220, 212, 0) 0%, #dfdcd4 100%);
  background: -moz-linear-gradient(left, rgba(223, 220, 212, 0) 0%, #dfdcd4 100%);
  background: -o-linear-gradient(left, rgba(223, 220, 212, 0) 0%, #dfdcd4 100%);
  background: -ms-linear-gradient(left, rgba(223, 220, 212, 0) 0%, #dfdcd4 100%);
  background: linear-gradient(left, rgba(223, 220, 212, 0) 0%, #dfdcd4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00dfdcd4', endColorstr='#ffdfdcd4',GradientType=1);
}
html.rtl .panel.folders .items_list .item .title.droppableHover .name:after,
html.rtl .panel.groups .items_list .item .title.droppableHover .name:after,
html.rtl .panel.storages .items_list .item .title.droppableHover .name:after,
html.rtl .settings .folders .items_list .item .title.droppableHover .name:after {
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dfdcd4), color-stop(100%, rgba(223, 220, 212, 0)));
  background: -moz-linear-gradient(left, #dfdcd4 0%, rgba(223, 220, 212, 0) 100%);
  background: -webkit-linear-gradient(left, #dfdcd4 0%, rgba(223, 220, 212, 0) 100%);
  background: -o-linear-gradient(left, #dfdcd4 0%, rgba(223, 220, 212, 0) 100%);
  background: -ms-linear-gradient(left, #dfdcd4 0%, rgba(223, 220, 212, 0) 100%);
  background: linear-gradient(left, #dfdcd4 0%, rgba(223, 220, 212, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdcd4', endColorstr='#00dfdcd4',GradientType=1);
}
.panel.folders .items_list .item.selectable > .title,
.panel.groups .items_list .item.selectable > .title,
.panel.storages .items_list .item.selectable > .title,
.settings .folders .items_list .item.selectable > .title {
  cursor: pointer;
  color: #626262;
  text-shadow: 0px 1px 0px #fff;
}
.panel.folders .items_list .item.selectable > .title:hover,
.panel.groups .items_list .item.selectable > .title:hover,
.panel.storages .items_list .item.selectable > .title:hover,
.settings .folders .items_list .item.selectable > .title:hover {
  color: #40444C;
}
.panel.folders .items_list .item.selectable > .title.virtualEmpty .title,
.panel.groups .items_list .item.selectable > .title.virtualEmpty .title,
.panel.storages .items_list .item.selectable > .title.virtualEmpty .title,
.settings .folders .items_list .item.selectable > .title.virtualEmpty .title,
.panel.folders .items_list .item.selectable > .title.virtualEmpty .title:hover,
.panel.groups .items_list .item.selectable > .title.virtualEmpty .title:hover,
.panel.storages .items_list .item.selectable > .title.virtualEmpty .title:hover,
.settings .folders .items_list .item.selectable > .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: #95bada;
  text-shadow: 0px 1px 0px #678197;
}
.panel.folders .items_list .item.selected > .title .name:after,
.panel.groups .items_list .item.selected > .title .name:after,
.panel.storages .items_list .item.selected > .title .name:after,
.settings .folders .items_list .item.selected > .title .name:after {
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(149, 186, 218, 0)), color-stop(100%, #95bada));
  background: -webkit-linear-gradient(left, rgba(149, 186, 218, 0) 0%, #95bada 100%);
  background: -moz-linear-gradient(left, rgba(149, 186, 218, 0) 0%, #95bada 100%);
  background: -o-linear-gradient(left, rgba(149, 186, 218, 0) 0%, #95bada 100%);
  background: -ms-linear-gradient(left, rgba(149, 186, 218, 0) 0%, #95bada 100%);
  background: linear-gradient(left, rgba(149, 186, 218, 0) 0%, #95bada 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095bada', endColorstr='#ff95bada',GradientType=1);
}
html.rtl .panel.folders .items_list .item.selected > .title .name:after,
html.rtl .panel.groups .items_list .item.selected > .title .name:after,
html.rtl .panel.storages .items_list .item.selected > .title .name:after,
html.rtl .settings .folders .items_list .item.selected > .title .name:after {
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #95bada), color-stop(100%, rgba(149, 186, 218, 0)));
  background: -moz-linear-gradient(left, #95bada 0%, rgba(149, 186, 218, 0) 100%);
  background: -webkit-linear-gradient(left, #95bada 0%, rgba(149, 186, 218, 0) 100%);
  background: -o-linear-gradient(left, #95bada 0%, rgba(149, 186, 218, 0) 100%);
  background: -ms-linear-gradient(left, #95bada 0%, rgba(149, 186, 218, 0) 100%);
  background: linear-gradient(left, #95bada 0%, rgba(149, 186, 218, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff95bada', endColorstr='#0095bada',GradientType=1);
}
.panel.folders .items_list .item.selected > .title.droppableHover .name:after,
.panel.groups .items_list .item.selected > .title.droppableHover .name:after,
.panel.storages .items_list .item.selected > .title.droppableHover .name:after,
.settings .folders .items_list .item.selected > .title.droppableHover .name:after {
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(139, 173, 203, 0)), color-stop(100%, #8badcb));
  background: -webkit-linear-gradient(left, rgba(139, 173, 203, 0) 0%, #8badcb 100%);
  background: -moz-linear-gradient(left, rgba(139, 173, 203, 0) 0%, #8badcb 100%);
  background: -o-linear-gradient(left, rgba(139, 173, 203, 0) 0%, #8badcb 100%);
  background: -ms-linear-gradient(left, rgba(139, 173, 203, 0) 0%, #8badcb 100%);
  background: linear-gradient(left, rgba(139, 173, 203, 0) 0%, #8badcb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008badcb', endColorstr='#ff8badcb',GradientType=1);
}
html.rtl .panel.folders .items_list .item.selected > .title.droppableHover .name:after,
html.rtl .panel.groups .items_list .item.selected > .title.droppableHover .name:after,
html.rtl .panel.storages .items_list .item.selected > .title.droppableHover .name:after,
html.rtl .settings .folders .items_list .item.selected > .title.droppableHover .name:after {
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #8badcb), color-stop(100%, rgba(139, 173, 203, 0)));
  background: -moz-linear-gradient(left, #8badcb 0%, rgba(139, 173, 203, 0) 100%);
  background: -webkit-linear-gradient(left, #8badcb 0%, rgba(139, 173, 203, 0) 100%);
  background: -o-linear-gradient(left, #8badcb 0%, rgba(139, 173, 203, 0) 100%);
  background: -ms-linear-gradient(left, #8badcb 0%, rgba(139, 173, 203, 0) 100%);
  background: linear-gradient(left, #8badcb 0%, rgba(139, 173, 203, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8badcb', endColorstr='#008badcb',GradientType=1);
}
.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: #327cc2;
  box-shadow: 0px 1px 1px #2965b7 inset, 0px 1px 0px rgba(255, 255, 255, 0.3);
}
.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: #dfdcd4 !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: #8badcb !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;
  margin-left: -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;
}
.panel.folders .items_list .item .title .name:after,
.panel.groups .items_list .item .title .name:after,
.panel.storages .items_list .item .title .name:after {
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(236, 233, 224, 0)), color-stop(100%, #ece9e0));
  background: -webkit-linear-gradient(left, rgba(236, 233, 224, 0) 0%, #ece9e0 100%);
  background: -moz-linear-gradient(left, rgba(236, 233, 224, 0) 0%, #ece9e0 100%);
  background: -o-linear-gradient(left, rgba(236, 233, 224, 0) 0%, #ece9e0 100%);
  background: -ms-linear-gradient(left, rgba(236, 233, 224, 0) 0%, #ece9e0 100%);
  background: linear-gradient(left, rgba(236, 233, 224, 0) 0%, #ece9e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ece9e0', endColorstr='#ffece9e0',GradientType=1);
}
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 {
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ece9e0), color-stop(100%, rgba(236, 233, 224, 0)));
  background: -moz-linear-gradient(left, #ece9e0 0%, rgba(236, 233, 224, 0) 100%);
  background: -webkit-linear-gradient(left, #ece9e0 0%, rgba(236, 233, 224, 0) 100%);
  background: -o-linear-gradient(left, #ece9e0 0%, rgba(236, 233, 224, 0) 100%);
  background: -ms-linear-gradient(left, #ece9e0 0%, rgba(236, 233, 224, 0) 100%);
  background: linear-gradient(left, #ece9e0 0%, rgba(236, 233, 224, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffece9e0', endColorstr='#00ece9e0',GradientType=1);
}
.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;
  margin-left: -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;
}
.panels.settings .folders .items_list .item .title .name:after {
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(240, 240, 240, 0)), color-stop(100%, #f0f0f0));
  background: -webkit-linear-gradient(left, rgba(240, 240, 240, 0) 0%, #f0f0f0 100%);
  background: -moz-linear-gradient(left, rgba(240, 240, 240, 0) 0%, #f0f0f0 100%);
  background: -o-linear-gradient(left, rgba(240, 240, 240, 0) 0%, #f0f0f0 100%);
  background: -ms-linear-gradient(left, rgba(240, 240, 240, 0) 0%, #f0f0f0 100%);
  background: linear-gradient(left, rgba(240, 240, 240, 0) 0%, #f0f0f0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f0f0f0', endColorstr='#fff0f0f0',GradientType=1);
}
html.rtl .panels.settings .folders .items_list .item .title .name:after {
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f0f0f0), color-stop(100%, rgba(240, 240, 240, 0)));
  background: -moz-linear-gradient(left, #f0f0f0 0%, rgba(240, 240, 240, 0) 100%);
  background: -webkit-linear-gradient(left, #f0f0f0 0%, rgba(240, 240, 240, 0) 100%);
  background: -o-linear-gradient(left, #f0f0f0 0%, rgba(240, 240, 240, 0) 100%);
  background: -ms-linear-gradient(left, #f0f0f0 0%, rgba(240, 240, 240, 0) 100%);
  background: linear-gradient(left, #f0f0f0 0%, rgba(240, 240, 240, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0f0f0', endColorstr='#00f0f0f0',GradientType=1);
}
.panels.settings .folders .items_list .item.canDrag .title:hover .name:after {
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(234, 234, 234, 0)), color-stop(100%, #eaeaea));
  background: -webkit-linear-gradient(left, rgba(234, 234, 234, 0) 0%, #eaeaea 100%);
  background: -moz-linear-gradient(left, rgba(234, 234, 234, 0) 0%, #eaeaea 100%);
  background: -o-linear-gradient(left, rgba(234, 234, 234, 0) 0%, #eaeaea 100%);
  background: -ms-linear-gradient(left, rgba(234, 234, 234, 0) 0%, #eaeaea 100%);
  background: linear-gradient(left, rgba(234, 234, 234, 0) 0%, #eaeaea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00eaeaea', endColorstr='#ffeaeaea',GradientType=1);
}
html.rtl .panels.settings .folders .items_list .item.canDrag .title:hover .name:after {
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #eaeaea), color-stop(100%, rgba(234, 234, 234, 0)));
  background: -moz-linear-gradient(left, #eaeaea 0%, rgba(234, 234, 234, 0) 100%);
  background: -webkit-linear-gradient(left, #eaeaea 0%, rgba(234, 234, 234, 0) 100%);
  background: -o-linear-gradient(left, #eaeaea 0%, rgba(234, 234, 234, 0) 100%);
  background: -ms-linear-gradient(left, #eaeaea 0%, rgba(234, 234, 234, 0) 100%);
  background: linear-gradient(left, #eaeaea 0%, rgba(234, 234, 234, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeaeaea', endColorstr='#00eaeaea',GradientType=1);
}
.folders .title .icon.type1 {
  background-position: 0px 0px;
}
.folders .selected .title .icon.type1 {
  background-position: 0px -20px;
}
.folders .title .icon.type3 {
  background-position: -80px 0px;
}
.folders .selected .title .icon.type3 {
  background-position: -80px -20px;
}
.folders .title .icon.type2 {
  background-position: -40px 0px;
}
.folders .selected .title .icon.type2 {
  background-position: -40px -20px;
}
.folders .title .icon.type4 {
  background-position: -120px 0px;
}
.folders .selected .title .icon.type4 {
  background-position: -120px -20px;
}
.folders .title .icon.type5 {
  background-position: -160px 0px;
}
.folders .selected .title .icon.type5 {
  background-position: -160px -20px;
}
.folders .item .icon.type10 {
  background-position: 40px 40px;
}
.folders .virtualEmpty .title .icon.type7 {
  background-position: -280px 0px;
}
.folders .virtualEmpty.selected .title .icon.type7 {
  background-position: -280px -20px;
}
.folders .title .icon.type7,
.folders .selected .title .icon.type7 {
  background-position: -300px 0px;
}
.groups .title .icon {
  background-position: 40px 40px;
}
.groups .selected .title .icon {
  background-position: 40px 40px;
}
.groups .title .icon.type1 {
  background-position: -200px 0px;
}
.groups .selected .title .icon.type1 {
  background-position: -200px -20px;
}
.groups .title .icon.type2 {
  background-position: -240px 0px;
}
.groups .selected .title .icon.type2 {
  background-position: -240px -20px;
}
.storages .title .icon.type1 {
  background-position: 0px 0px;
}
.storages .selected .title .icon.type1 {
  background-position: 0px -20px;
}
.storages .title .icon.type2 {
  background-position: -40px 0px;
}
.storages .selected .title .icon.type2 {
  background-position: -40px -20px;
}
/*=== END Folders CSS ===*/
.panel.messages .customscroll-scrollbar-vertical,
.panel.contacts .customscroll-scrollbar-vertical,
.panel.threads .customscroll-scrollbar-vertical {
  margin-right: 6px;
}
.panel.messages .customscroll-scrollbar-vertical html.rtl,
.panel.contacts .customscroll-scrollbar-vertical html.rtl,
.panel.threads .customscroll-scrollbar-vertical html.rtl {
  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 ===*/
.no-boxshadow .panel.messages,
.no-boxshadow .panel.contacts,
.no-boxshadow .panel.compose,
.no-boxshadow .panel.calendar,
.no-boxshadow .panel.files,
.no-boxshadow .panel.threads,
.no-boxshadow .panel.message_viewer,
.no-boxshadow .panel.contact_viewer,
.no-boxshadow .panel.thread_viewer,
.no-boxshadow .panels.settings .panel,
.no-boxshadow .popup.calendar_popup .popup_panel {
  behavior: url(skins/Default/PIE/PIE.htc);
}
html.no-boxshadow {
  /*heartbeat*/

  /*-pie-poll: true;*/

  /*-pie-poll-interval: 50;*/

}
/*=== retina displays ===*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .spritesX2 {
    background-image: url("images/sprites2x.png?7.2.1");
    background-size: 1120px 560px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .toolbar .custom_checkbox .icon,
  .toolbar .item .icon,
  .languages .custom_select .control .icon,
  .file .icon,
  .login_panel .email .title,
  .login_panel .password .title,
  .login_panel .name .title,
  .folders .title .icon,
  .panel.groups .title .icon,
  .panel.storages .title .icon,
  .message_viewer .message_header .toolbar .item .icon,
  .message_viewer .message_header .details_show,
  .message_viewer .message_header .details_hide,
  .message_viewer .message_header .new_window,
  .thread_viewer .panel_top .title .add_contact,
  .message_viewer .message_header .add_contact,
  .item_viewer .attachments .download_all .icon,
  .contact_data_groups .address .label.address,
  .contact_data_groups .mobile .label,
  .contact_data_groups .phone .label,
  .contact_data_groups .fax .label,
  .messages .items_list .item .marker,
  .messages .items_list .item .has_attachments,
  .messages .items_list .item .flag,
  .attachments .cancel,
  .panels.settings .navigation .icon,
  .panels.settings .ios_profile .icon,
  .settings .accounts_list .item.fetcher .icon,
  .settings .folders.items_list .canDrag .title:hover,
  .settings .folders.items_list .controls .button,
  .contacts .items_list .group_marker.group,
  .panel.files .items_list .item .cancel,
  .panel.files .items_list .item.shared .shared_icon,
  .panel.files .items_list .folder .icon,
  .sharing_panel .item .icon,
  .panel.thread_viewer .new_request .buttons .button.upload .icon,
  .panel.thread_viewer .post .header .close,
  .panel.thread_viewer .post.internal .content::before,
  .panel.thread_viewer .quick_reply .buttons .button.upload .icon,
  .HelpdeskLayout .details .product .icon,
  .panel.calendar_manager .dropdowns .colors .item.color_pick.selected,
  .panel.calendar_manager .calendars .item .icon.public,
  .panel.calendar_manager .calendars .item .control,
  .panel.calendar_manager .calendars .section_title .control,
  .panel.calendar .date_select .item .control,
  .colors .color_pick.selected,
  .popup.calendar_popup .close,
  .popup.calendar_getlink .dav_access .download,
  .popup.calendar_share .share_item .control,
  .popup.calendar_event .side_panel .attender .link,
  .popup.calendar_event .side_panel .attender .icon,
  .popup.calendar_event .side_panel .add_attender .link,
  .html_editor .toolbar .item .icon {
    background-image: url("images/sprites2x.png?7.2.1");
    background-size: 1120px 560px;
  }
}
/*=== END IE hacks ===*//*=== Develop part ===*/
/*=== TEMP ===*/
#WebRtc4npapi {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 0;
  height: 0;
}
textarea.scroll-inner {
  width: 100% !important;
}
.fetcher .info {
  float: right;
}
/*.flash_wrapper {
	position: absolute;
	top: 5px;
	right: 3px;
	z-index: 2001;
}*/
#flash {
  visibility: hidden;
  position: absolute;
  top: -200px;
  left: 0px;
  z-index: 2001;
}
#fake_flash {
  width: auto;
  height: 137px;
}
.phone_popup .popup_panel {
  min-width: 0px;
}
.phone_popup .popup_panel .flash {
  width: 250px;
  height: 120px;
}
.message_viewer .panels.has_attachments {
  padding-right: 170px;
}
.message_viewer .panels.has_attachments .left_panel {
  border-right: 1px solid #E2E2E2;
}
.message_viewer .left_panel {
  box-shadow: none;
  border-radius: 0px;
  width: 100%;
}
.message_viewer .right_panel {
  box-shadow: none;
  width: 170px;
  margin-right: -170px;
  float: right;
}